@charset "utf-8";



#skip{top:0;right:0;position:absolute;width:100%;height:15px;text-align:center; z-index:11111;}
#skip li a{display:block;left:-10000px;position:absolute;top:0;width:100%;text-align:center;z-index:0;height:1px}
#skip li a:hover,
#skip li a:focus,
#skip li a:active {background:#363636;position:absolute;top:0px;left:0;z-index:5000;color:#fff;width:100%;height:25px;padding:5px 0 0 0;}




/* 전체레이아웃 설정값 */
#wrap{ position: relative;min-width:360px;}
.ly_center{ width:1400px; margin:0 auto; position:relative;} /* 모바일일떄 100% 센터정렬*/


#main_container *{ box-sizing: border-box;}

#container *{box-sizing: border-box;}
#container{ overflow:hidden; min-height: 700px; vertical-align: top; position: relative;}

#content{ min-height:700px;position:relative;letter-spacing: -0.05em; margin: 0 10%; padding: 0 3% 100px 3%; }



/* 게시판레이아웃 설정값 */
#content.board_guide{}


@media all and (max-width :1520px) {
#content{ margin: 0 3%; } 
.ly_center{ width:100%;}

}

@media all and (max-width :1280px) {
#content{  padding:0 0 50px 0;}
}
@media all and (max-width :1023px) {
#content{ margin: 0 5%; min-height:auto;}
}














/*서브이미지*/
#sub_visual{position: relative;display: flex; justify-content: space-between; width: 100%;}

#sub_visual .sub_visual01 {background-image:url("../images/inc/sub_visual010.jpg"); }
#sub_visual .sub_visual02 {background-image:url("../images/inc/sub_visual020.jpg"); }
#sub_visual .sub_visual03 {background-image:url("../images/inc/sub_visual030.jpg"); }
#sub_visual .sub_visual04 {background-image:url("../images/inc/sub_visual040.jpg"); }


#sub_visual div {position: relative; background-color: #fff; background-position: center; background-repeat: no-repeat;border-radius: 30px; border: 1px solid#ddd; width: 80%; margin: 0 auto;height: 180px;}
#sub_visual div:before{display: block; position: absolute; content: ''; width: 100%; height: 80px; background-color: #fff376; z-index: -1; top: 150px; border-radius: 0 0 30px 30px;}

#sub_visual:before {width: calc(100% - 91%); height: 230px; background-color: #ffffc9; border-radius: 0 30px 30px 0; display: block;position: absolute; left: 0; content: '';}
#sub_visual:after {width: calc(100% - 91%); height: 230px; background-color: #ffffc9; border-radius: 30px 0 0 30px; display: block;position: absolute; right: 0; content: '';}


#sub_visual span{ position: absolute;}
#sub_visual .sub_visual_left{ left:0; top:25%;}
#sub_visual .sub_visual_right{right:0;top:0;}

@media all and (max-width :1520px) {
#sub_visual div {background-size: cover;margin: 0 3%; width: 100%;}
#sub_visual:before,
#sub_visual:after{display: none!important;} 
}

@media all and (max-width :1280px) {
#sub_visual div {height: 160px;}
#sub_visual div:before{height: 80px; background-color: #fff376; z-index: -1; top: 130px; }
}

@media all and (max-width :1023px) {
#sub_visual div {height: 130px;border-radius: 20px;}
#sub_visual div:before{display: none;}
}

@media all and (max-width :767px) {
#sub_visual div {height: 100px;border-radius: 10px;background-position: left bottom;background-size: 160%;}
}



/*

@media all and (max-width :540px) {
#sub_visual div {background-image:none!important;}
#sub_visual .sub_visual01{background: #ffffa0;}
#sub_visual .sub_visual02 {background: #d3ff9a; }
#sub_visual .sub_visual03 {background: #a0f7ff; }
#sub_visual .sub_visual04 {background: #b5ffe2;}
}
*/



/* 서브타이틀 + 서브메뉴 묶음 가이드 */
.sub_title_guide {  position: relative; height:230px; padding-top: 60px;margin: 0 10%;margin-top: -180px; margin-bottom: 70px; }

@media all and (max-width :1280px) {
.sub_title_guide { height:210px; padding-top: 50px; margin-top: -160px;}
}
@media all and (max-width :1023px) {
.sub_title_guide {height:130px; padding-top: 40px; margin-top: -130px;margin-bottom: 50px;}
}
@media all and (max-width :767px) {
.sub_title_guide { height: 100px;padding-top: 30px;margin-top: -100px;margin-bottom: 30px;}
}





/* 서브타이틀*/
.title_guide h3{font-size:40px; text-align: center; word-break:keep-all; color: #000; font-weight: 500; margin-bottom: 10px;}

@media all and (max-width :1280px) {
.title_guide h3{font-size:30px;}
}

@media all and (max-width :1023px) {
.title_guide h3{font-size:26px;margin-bottom: 5px;}
}

@media all and (max-width :767px) {
.title_guide h3{font-size:24px; margin-bottom: 0;}
}







/* 히스토리 */
.history{overflow:hidden; text-align: center;}
.history li{ display:inline-block; padding-right:10px; font-size:15px;}
.history li:not(:first-child)::before{ display:inline-block;content: '';background:url("../images/inc/history_icon.png")no-repeat; width: 7px; height: 12px;padding-left: 10px;}

.history li:first-of-type{ background: url("../images/inc/history_home.png") left center no-repeat; padding-left: 25px;}
.history li:last-child{ background:none;}
.history .hpoint{font-weight: 500;}	


@media all and (max-width :1023px) {
.history li{font-size:13px;}
}

@media all and (max-width :767px) {
.history li{font-size:12px;}
}







/*배너*/
.banner_area *{ box-sizing: border-box;}
.banner_area{ padding: 50px 5%; display: flex;justify-content: space-between; flex-wrap: wrap; background: #eeeeee;}

.banner_area h3{ position:relative; width:100px; text-align: center; height: 45px;}
.banner_area h3 > span{font-size:15px;display: block;}
.banner_area .btn_guide {font-size: 0;}
.banner_area .btn_guide li{ display: inline-block;vertical-align: top; margin:0 1px; }
.banner_area .btn_guide li a{ display: block; width: 20px; height: 25px; text-align: center; line-height: 25px; background-color: #666; background-repeat: no-repeat; background-position: center; border-radius: 2px; font-size:10px;color: rgba(255,255,255,.0); background-size:20px;}
.banner_area .btn_guide .play{ background-image: url("../images/inc/banner_play.png");}
.banner_area .btn_guide .stop{ background-image: url("../images/inc/banner_stop.png");}
.banner_area .btn_guide .prev{ background-image: url("../images/inc/banner_prev.png");}
.banner_area .btn_guide .next{ background-image: url("../images/inc/banner_next.png");}

.banner_area .banner_box{ width: calc(100% - 100px);}
.banner_area .banner_box > div > div{ display:inline-block !important; text-align: center; }
.banner_area .banner_box > div > div > div{ width:165px;}
.banner_area .banner_box > div img{width:165px;}

@media all and (max-width :1520px) {
.banner_area{ padding: 20px 5%;}
}
@media all and (max-width :767px) {

}









/* 푸터레이아웃 */
footer{ position: relative; padding:40px 10% 60px 10%; background: #eee;}
.copyright {position: relative; display: flex; }
.copyright > div{}
.copyright > div:first-of-type{margin-right: 40px;}

.copyright .copy_text {display: flex;  flex-direction: column;}
.copyright .copy_text a{display: block; font-size:16px; margin-bottom: 15px; font-weight: 600; }

.copyright address { font-size:15px; font-style: normal;}
.copyright address p {color: #555; word-break: keep-all;}

.copyright .link_site{position: absolute; right: 0; bottom: 00px;}
.copyright .link_site a{margin-left: 30px;}


/* 맨위로버튼 */
.first_top_go {  position: absolute; right:1%; z-index:9; top:30px; opacity:0.8;}

@media all and (max-width :1520px) {
footer{ padding:40px 5%;}
}

@media all and (max-width :1023px) {
.copyright{flex-wrap: wrap;}
.copyright .copy_text {margin-bottom: 20px;} 
	
.copyright .link_site{position: relative; width: 100%; }
.copyright .link_site a{margin-left: 00px; margin-right: 30px;}
}

@media all and (max-width :767px) {
footer { padding:30px 5%;}  
.copyright{flex-direction: column;}
.copyright > div{width: 100%; margin-bottom: 20px;}
.copyright > div:first-of-type{display: none;} 
.copyright .copy_text  a{margin-bottom: 10px;}
.copyright address > p{font-size:13px;}
	
.first_top_go { right:5%; }
}






/* 사이트맵_전체메뉴보기 */

.sitemap_popup {z-index: 999999;display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0,0,0,0.6);}
.sitemap_popup .sitemap_guide {position: absolute; width: 80%; height: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff;padding: 100px 50px 0 50px; border-radius: 30px;}
.sitemap_popup .sitemap_guide .btn_close { position: absolute; top: 10px; right: 30px;; display: inline-block;font-size: 60px; cursor: pointer; vertical-align: top;}
.sitemap_popup .sitemap_guide div{display: flex; justify-content: center; /*align-items: center;*/}
.sitemap_popup .sitemap_guide div dl{ margin: 0 20px; text-align: center; min-width:200px; }
.sitemap_popup .sitemap_guide div dl dt{ font-size: 24px; padding: 20px 30px; text-shadow: 0 0 5px rgba(0,0,0,0.2); background-color: var(--key-color); background-image: url("../images/inc/sitemap_bg.png"); background-position: left bottom; background-repeat: no-repeat;color: #fff; margin-bottom: 20px; border-radius: 10px;}
.sitemap_popup .sitemap_guide div dl dd a{display: block; padding: 10px 0; font-size: 18px;}
.sitemap_popup .sitemap_guide div dl dd a:hover,
.sitemap_popup .sitemap_guide div dl dd a:focus{font-size: 20px; font-weight: 600;}

@media all and (max-width :1520px) {
.sitemap_popup .sitemap_guide {width: 94%;}	
}


/* 개인정보처리방침 */

.privacy_popup {z-index: 999999;display: none;padding: 50px 0;position: fixed;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0,0,0,0.4)}
.privacy_popup .privacy_guide {position: relative; margin: auto 10%;margin-bottom: 80px;background-color: #fff;padding: 50px; border-radius: 30px;}
.privacy_popup .privacy_guide .btn_close { position: absolute; top: 30px; right: 50px;; display: inline-block;font-size: 60px; cursor: pointer; vertical-align: top;}
.privacy_popup h3{font-size: 30px;margin-bottom: 30px;}
.privacy_popup h4{margin-bottom: 15px;}
.privacy_popup .privacy_content{font-size: 1em; line-height: 1.6em;}
.privacy_content *{word-break: keep-all;}
.privacy_content .txt_type01{ background: #ffffc9; border-radius: 20px; padding: 30px;margin-bottom: 30px;font-size: 110%;}
.privacy_content .txt_type02{margin-bottom: 10px;}
.privacy_content ul,
.privacy_content ol{margin-bottom: 30px;}
.privacy_content ul ul,
.privacy_content ol ol,
.privacy_content ul ol,
.privacy_content ol ul,
.privacy_content ol dl{margin-bottom: 0; margin-left: 10px;}
.privacy_content > ul > li{margin-top: 10px;}
.privacy_content > ul > li:first-of-type{margin-top: 0px;}


@media all and (max-width :1520px) {
.privacy_popup .privacy_guide {margin: auto 3%;margin-bottom: 80px;}	
}

@media all and (max-width :1023px) {
.privacy_popup .privacy_guide {padding: 30px; }	
.privacy_popup .privacy_guide .btn_close { top: 5px; right: 30px;}

}


@media all and (max-width :767px) {
.privacy_popup .privacy_guide .btn_close { top: 10px; right: 30px; font-size: 50px;}
.privacy_popup h3{font-size: 24px;margin-bottom: 20px;}
.privacy_popup h4{font-size: 120%;margin-bottom: 10px;}
	
.privacy_content .txt_type01{ border-radius: 15px; padding: 20px;}
}