@charset "utf-8";

.s_visual { position:relative; width:94%;   height:300px; line-height:1.4; box-sizing:border-box;overflow:hidden; 
    background-size:cover;  margin:0% 3% 0% 3%;  box-sizing:border-box;
	 border-top-left-radius:20px; border-top-right-radius:20px;
	}
.s_visual .inner{height: 100%;}
.s_visual .inner .txt_box{position: absolute; bottom: 120px;}
.s_visual .s_visual_in { position:relative; display:table; width:94%; height:100%;  z-index:2; max-width:1260px; margin: 0 auto;}
.s_visual .sv_tit { display:table-cell; box-sizing:border-box; color:#fff; vertical-align:top; text-align: center; border:0px solid red;}
.s_visual .sv_tit h2 {font-size: 4.5rem; line-height:1em; margin-bottom: 15px; margin-top:2.6em;}
.s_visual .sv_tit p {font-size: 2rem; font-weight: 700; color: #eee; margin-bottom: -100px;}


.subbg01{background:url('/html/images/subbg01.jpg') !important; background-size:cover !important;}
.subbg03{background:url('/html/images/subbg03.jpg') !important; background-size:cover !important;}
.subbg04{background:url('/html/images/subbg04.jpg') !important; background-size:cover !important;}
.subbg05{background:url('/html/images/subbg05.jpg') !important; background-size:cover !important;}
.subbg06{background:url('/html/images/subbg06.jpg') !important; background-size:cover !important;}



@media all and (max-width:1024px){
    .s_visual{height: 250px; 	}
.s_visual .sv_tit h2{font-size: 3.5rem; margin-top:2em;}
	.s_visual .sv_tit h2{margin-bottom: 10px;}
}
@media all and (max-width:768px){
    .s_visual .sv_tit h2{font-size: 3.5rem; margin-top:2em;}
    .s_visual .sv_tit p{font-size: 1.6rem;}
}


/* Sub-Menu */
.sub_menu_wrap { border-bottom-left-radius:20px; border-bottom-right-radius:20px; background:url("/html/images/subbg.jpg");  position:relative;  margin:0 auto; width:94%; font-size: 0;
text-align:center; border: 0px solid #dedede;  }
.sub_menu_wrap .m_home{position:static; display:none; float:left; background:#eb3d34 url("/images/sub/ico_home.png") no-repeat center; border:0; 
background-size: 100% auto;}
.sub_menu_wrap .m_2dep_box {text-align:center; width:100%; }
.sub_menu_wrap .m_2dep_box .smenu{}
.sub_menu_wrap .m_2dep_box li { position:relative; display:inline-block; font-size: 1.9rem; font-weight: 600; line-height: 80px;  }
.sub_menu_wrap .m_2dep_box li a { color:rgba(250,250,250,0.6); display: block; border-left-width:0;  font-weight:600; transition: .2s ease; padding: 0 35px;}
.sub_menu_wrap .m_2dep_box li.s_on{color:#f6ad2e}
.sub_menu_wrap .m_2dep_box li:hover a { color: #fff; }
.sub_menu_wrap .m_2dep_box li a.on{ color: #fff;}
.sub_menu_wrap .m_2dep_box li:first-child a { border-left-width: 1px; }



@media all and (max-width:1024px) {

.s_visual{height:200px; border-radius:25px; width:98%;  margin:0% 1%; }
    .sub_menu_wrap{ width:98%;  height:60px; left:0%; line-height:60px; margin:0 auto 0; padding:0; background: #fff;
	border: 1px solid #e5e5e5;   border-radius:15px;}
  .sub_menu_wrap::before  { display: none;}
  .sub_menu_wrap .inner{width:100%;}
/*  .sub_menu_wrap .m_home{width:60px; height:60px; display: block; }*/
    .sub_menu_wrap .m_dep_box{display:block; width:220px; z-index:77777; 
	float:left; border-right:1px solid #f1ece0; text-align:left; cursor:pointer;height:60px; line-height:60px; font-size: 1.6rem;  }
    .sub_menu_wrap .m_dep_tit {display:block; background:url('/html/images/arrow_mo.png')right ; 
	height:60px; line-height:60px; color:#333; box-sizing:border-box; padding:0 10px; cursor:pointer;}
    .sub_menu_wrap .m_dep_box .smenu{ z-index:77777;  display:none; width:calc(100% + 2px); margin-left:-1px; background:#f9f9f9; box-sizing:Border-box; border:1px solid #ddd; border-top:0;
     position: relative;   border-radius:15px; overflow:hidden;}
    .sub_menu_wrap .m_dep_box .smenu li {margin:0; width:100% !important; max-width: 100%; display:block; box-sizing:border-box;  border:0; border-top:1px dotted #ddd; padding:0; font-weight: 400;}
    .sub_menu_wrap .m_dep_box .smenu li:hover{background:#ccc;}
    .sub_menu_wrap .m_dep_box .smenu li:hover a{padding:10px 15px; border:0; font-weight:500;}
    .sub_menu_wrap .m_dep_box .smenu li a.on{background:#22314a; color:#FFF; border:0; padding:10px 15px;}
    .sub_menu_wrap .m_dep_box .smenu li:first-child{border-top:0;}
    .sub_menu_wrap .m_dep_box .smenu a{ color:#333; display:block; width:100%;  padding:10px 15px; box-sizing:border-box; line-height:normal; font-size: 1.4rem;}
    .sub_menu_wrap .m_2dep_box li:before{display:none;}
}

@media all and (max-width:767px) {
/*
    .sub_menu_wrap{ height:50px;  line-height:50px; }
    .sub_menu_wrap .m_home{width:50px;  height:50px;}
    .sub_menu_wrap .m_dep_tit{height:50px; line-height:50px;}
*/
    .sub_menu_wrap .m_dep_box{width:calc(50%);}
    .sub_menu_wrap .m_2dep_box{border-right:0;}
}

@media all and (max-width:568px) {
/*  .sub_menu_wrap { margin-top: 10%; }*/
}

@media all and (max-width:480px) {
/*  .sub_menu_wrap{ height:40px;  line-height:40px; }*/
/*  .sub_menu_wrap .m_home{width:40px;  height:40px;}*/
/*  .sub_menu_wrap .m_dep_tit{height:40px; line-height:40px;}*/
}


#subTitle{text-align: center; font-size: 4rem; font-weight: 700; color: #000000; padding: 60px 0 65px;}
#subTitle p{color: #666; font-weight: 400; font-size: 1.7rem; margin-top: 15px; font-weight: 300;}

@media all and (max-width:768px){
    #subTitle{font-size: 3rem; padding: 70px 0 55px;}
    #subTitle p{font-size: 1.5rem; margin-top: 6px;}
}
@media all and (max-width:480px){
    #subTitle{font-size: 2.8rem; padding: 50px 0 35px;}
}


@font-face {
    font-family: 'OTWelcomeRA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/OTWelcomeRA.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}


@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

.rule{width:100%; float:left; overflow:hidden;}

.rule_top{width:100%; text-align:right; line-height:25px;}
.rule_top span{  font-family: 'OTWelcomeRA' !important;}

.rulett{width:100%; padding:20px; background:#efefef; text-align:left; font-weight:600; color:#0066cb; font-size:19px; }
.rulett1{line-height:25px; margin-bottom:20px;  padding:20px;  font-family: 'Noto Sans KR', sans-serif;}
.rulett1 span{font-weight:600; font-size:18px;}


.tbstyle01{width:100%; border-top:2px solid #0066cb;}
.tbstyle01  thead tr td{background:#f3fafc; color:#0066cb;} 
.tbstyle01 tr td{  border:1px solid #999;  padding:10px; text-align:center; line-height:30px;}


.greeting{width:1200px; margin:0 auto;  border:0px solid red; overflow:hidden; position:relative; }
.greeting ul{width:100%; position:relative;  margin-bottom:35px; overflow:hidden; }
.greeting ul li{display:inline-block; float:left; }
.greeting ul li:first-child{width:40%;}
.greeting ul li:last-child{width:60%;}
.greetingtt{font-size:27px; font-weight:600;}
.greetingtt1{font-size:17px; line-height:30px; }

.his{width:100%; position:relative;  float:left;  margin-bottom:25px;}
.his div{width:18%; margin:1%; float:left;  border:1px solid #ccc; border-radius:15px; overflow:hidden;}
.histt{width:100%; text-align:center; padding:10px; box-sizing:bordeR-box; background:#0066cb; color:#fff; font-weight:600; }
.histt1{padding:20px;border-bottom:1px solid #ccc; font-size:19px;  text-align:center; color:#000;}
.histt2{padding:10px; text-align:center;font-family: 'OTWelcomeRA' !important;font-weight:500; }

.histt3{width:100%; text-align:center; padding:10px; box-sizing:bordeR-box; background:#069ba8; color:#fff; font-weight:600;  }


@media all and (max-width:1199px) { 
	.greeting{width:100%;}
}

@media all and (max-width:980px) { 
.greeting ul li:first-child{width:100%; text-align:center;}
.greeting ul li:first-child img{width:100%;}
.greeting ul li:last-child{width:100%;}
.greetingtt{font-size:24px; font-weight:600; margin-top:15px;}
.greetingtt1{font-size:17px; line-height:27px; }


.exhonme{display:none;}
.his div{width:31%; margin:1%; float:left;  border:1px solid #ccc; border-radius:15px; overflow:hidden;}

.rulett1{line-height:25px; margin-bottom:20px;  padding:5px;  font-family: 'Noto Sans KR', sans-serif;}

}


@media all and (max-width: 640px){
.guide{line-height: 21px;}
.his div{width:48%; margin:1%; float:left;  border:1px solid #ccc; border-radius:15px; overflow:hidden;}
.histt1{font-size:18px;  font-weight:600;}

}



.submap{width:100%; float:left; position:relative;   border:0px solid red;  padding-bottom:75px;}
.submapinfo{ width:100%;  padding:35px; background:url('/html/images/mapbg.jpg'); overflow:hidden; }


.maptt1{width:40%; float:left; box-sizing:border-box;  margin-top:0px; padding:25px 0px;}
.maptt1 ul{position:relative; overflow:hidden;}
.maptt1 ul li{display:inline-block; float:left; overflow:hidden; }
.maptt1 ul li p{font-weight:600; font-size:30px; color:#fff;}
.maptt1 ul li span{font-weight:600; font-size:17px; color:#fff;}

.mapdetail1{width:60%;  float:left; box-sizing:border-box;}
.mapdetail1 ul li{width:100%; float:left;}
.mapdetail1 ul li dl{float:left; width:100%; padding:10px 0px; }
.mapdetail1 ul li dl dt{font-size:18px;float:left; width:20%; color:#fff; font-weight:600;}
.mapdetail1 ul li dl dd{font-size:21px; float:left; width:80%; color:#fff; font-weight:600;}
.mapdetail1 ul li dl dd span{font-size:17px;}


@media all and (max-width:768px){
.maptt1{display:none;}
.mapdetail1{width:100%;  float:left; box-sizing:border-box;}
.mapdetail1 ul li dl dt{font-size:17px;float:left; width:25%; color:#fff; font-weight:600;}
.mapdetail1 ul li dl dd{font-size:19px; float:left; width:85%; color:#fff; font-weight:600;}
.mwd100per{width:100%;}
}




.supportt1{width:100%; padding:60px; background:#f9f9f9; text-align:Center; font-size:35px;  line-height:26px !important;font-weight:600; color: #0099cc;}
.supportt1 span{font-weight:600; color:#000; font-size:20px; margin-top:15px;}


.supportarea{width:100%; float:left;  position:relative;}
.supportarea ul li{display:inline-block; float:left; }
.supportarea ul li:first-child{width:20%; text-align:center; }
.supportarea ul li:last-child{width:80%; line-height:35px;}
.supportarea ul li span{font-size:20px; font-weight:600; color:#000; }

.supportt2{font-weight:600; color: #0099cc; font-size:23px; font-weight:800;}




@media all and (max-width: 1024px){
.supportt1{width:100%; padding:40px 20px; background:#f9f9f9; text-align:Center; font-size:30px;  line-height:35px !important;font-weight:600; color: #0099cc;}

}

@media all and (max-width:768px){

.supportarea ul li:first-child{width:100%; text-align:left; }

.supportarea ul li:first-child img{width:30%; margin-bottom:20px;}
.supportarea ul li:last-child{width:100%; line-height:30px;}
.supportarea ul li span{font-size:17.5px; font-weight:600; color:#000; }
.supportt2{font-weight:600; color: #0099cc; font-size:21px; font-weight:800;  }
.mobilenone{display:none;}
}



.volunt{width:100%; position:relative;  overflow:hidden;}
.volunt ul{width:100%; }
.volunt ul li{display:inline-block; position:relative; float:left; width:23%; margin:1%;  bordeR:0px solid red;
border-top-left-radius:35px; border-bottom-right-radius:35px; overflow:hidden; padding:100px 0px; text-align:center; color:#fff; font-weight:700; font-size:25px;
}

.volunt ul li.bg001{ background:url('/html/images/vountbg01.jpg');}
.volunt ul li.bg002{background:url('/html/images/vountbg02.jpg');}
.volunt ul li.bg003{background:url('/html/images/vountbg03.jpg');}
.volunt ul li.bg004{background:url('/html/images/vountbg04.jpg');}





@media all and (max-width: 1024px){
.volunt ul li{width:48%; margin:1%;}


}


@media all and (max-width: 768px){

.volunt ul li{width:96%; margin:2%;}



]