@charset "utf-8";

/* 전체레이아웃 설정값 */
/* *{ box-sizing: border-box;} */
#skip{top:0;left:0;position:absolute;width:100%;text-align:center; font-size: 0;}
#skip li a{display:block;position:absolute;left:0;top:0;width:100%;text-align:center;z-index:99999;height:1px}
#skip li a:hover,
#skip li a:focus,
#skip li a:active {background:#363636;position:absolute;top:0px;left:0;z-index:99999;color:#fff;width:100%;height:25px;padding:5px 0 0 0; font-size: 15px;}

/* 가운데정렬 설정값 */
/*.ly_center{ width:90%;margin: 0 5%;}*/




/*컨텐츠영역*/
#wrap{}
#container *{box-sizing: border-box;}
#container {overflow: hidden;vertical-align: top;position: relative;min-height: 700px;}
#content{min-height: 600px;position: relative;padding: 0 0 100px;margin: 0 auto; width: 1400px;}

@media all and (max-width:1540px){
/*#main_container {padding-bottom: 80px;}*/
#content{margin: 0 auto; width: 90%;}
}

@media all and (max-width:1400px){
/*#main_container {padding-bottom: 80px;}*/

}
@media all and (max-width:1280px){
/*#main_container { padding-bottom: 40px;}*/

}
@media all and (max-width:1024px){
#content{padding: 50px 0 100px;} 

}






/* 서브 이미지 */
.sub_visual{height:280px;position: relative;}
.sub_img{height:280px;}
.sub_img01{background:url("../images/inc/sub_visual_01.jpg") center center no-repeat;}
.sub_img02{background:url("../images/inc/sub_visual_02.jpg") center center no-repeat;}
.sub_img03{background:url("../images/inc/sub_visual_03.jpg") center center no-repeat;}
.sub_img04{background:url("../images/inc/sub_visual_04.jpg") center center no-repeat;}
.sub_img05{background:url("../images/inc/sub_visual_05.jpg") center center no-repeat;}
.sub_img06{background:url("../images/inc/sub_visual_06.jpg") center center no-repeat;}
.sub_img07{background:url("../images/inc/sub_visual_07.jpg") center center no-repeat;}
.sub_img08{background:url("../images/inc/sub_visual_08.jpg") center center no-repeat;}


@media all and (max-width :1280px){
 .sub_visual,.sub_img{height:240px;}
 .sub_img{background-size:cover; }

}

@media all and (max-width :1024px){
.sub_visual,.sub_img{height:200px;}

}
@media all and (max-width :767px){
.sub_visual,.sub_img{height:120px;}

}






/* 서브타이틀 */
.title_guide {position: absolute; top: 60px; width: 100%;}
.title_guide h3{color:#fff; font-size:40px;text-align: center;word-break: keep-all;font-weight:500;text-shadow: 0 0 10px rgba(0,0,0,1.5);margin-bottom: 10px;}

/* 히스토리 */
.history{overflow: hidden;}
.history ul{display: flex;justify-content: center;}
.history li{ display:inline-block; padding-left:10px;font-size:16px;color: #fff;text-shadow: 0 0 10px rgba(0,0,0,1.5);}
.history li:before{ display:inline-block;content: ''; background: url("../images/inc/history_icon.png") no-repeat;width: 10px; height: 15px;padding-right: 10px;vertical-align: middle;}
.history li:first-of-type::before{ display: none;}
.history li:first-child{padding-left: 0;}


@media all and (max-width :767px) {
 .title_guide {top: 30px;}
 .title_guide h3{font-size: 32px;}
 .history li{font-size:14px;}
 }

@media all and (max-width :550px) {
 .history li{padding-left: 5px;}
  .history li:before{padding-right: 5px;}
}



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

.banner_area h3{ position:relative; display: flex;justify-content:flex-start; align-items: center; width:270px; height: 60px;  }
.banner_area h3 > span{font-size:24px; padding-right: 10px; font-weight: 500;}
.banner_area .btn_guide {display: flex;justify-content: flex-end;}
.banner_area .btn_guide li{margin:0 1px; }
.banner_area .btn_guide li a{ display: block; width: 40px; height: 40px; text-align: center; line-height: 40px; border:1px solid #000;background-color: #fff; background-repeat: no-repeat; background-position: center; border-radius: 50%; color: rgba(255,255,255,.0); }
.banner_area .btn_guide .play{ background-image: url("../images/main/play_arrow.png");}
.banner_area .btn_guide .stop{ background-image: url("../images/main/stop_arrow.png");}
.banner_area .btn_guide .prev{ background-image: url("../images/main/prev_arrow.png");}
.banner_area .btn_guide .next{ background-image: url("../images/main/next_arrow.png");}

.banner_area .banner_box{ width: calc(100% - 270px);}
.banner_area .banner_box > div > div{  display: flex; justify-content: center;}
.banner_area .banner_box > div > div > div{ text-align: center !important; flex: 1;}
.banner_area .banner_box > div img{width:230px; margin: 0 auto; }

@media all and (max-width :1700px) {
.banner_area{ padding: 30px 3%;}

}
@media all and (max-width :1280px) {
.banner_area h3{ width:230px; }
.banner_area .banner_box{ width: calc(100% - 230px); }
}

@media all and (max-width :1024px) {
.banner_area{ padding: 10px 3% 20px 3%;}
.banner_area h3{ width:100%;justify-content:center;}
.banner_area .banner_box{ width: 100%; }
}

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

}


/* 푸터레이아웃 */

#footer{position: relative;background: #0e0c30; }
#footer .copyright{padding: 70px 0 80px;margin: 0 5%;}
#footer .copyright ul{margin-bottom: 40px; text-align: center;}
#footer .copyright li {display: inline-block;}
#footer .copyright li a{margin: 0 20px; color: #fff; font-size:18px;}
#footer .copyright li::before{display: inline-block; content: '';width: 1px;height: 10px;background: #fff;}
#footer .copyright li:first-of-type::before{display: none;}
#footer address{font-size:15px; color: #fff; text-align: center;line-height: 1.6em;}
#footer address a{color: #fff;}


@media all and (max-width :1024px) {
#footer .copyright ul{margin-bottom: 20px;} 
#footer .copyright li a{margin: 0 10px;font-size:16px;}
#footer address{font-size:14px;} 
}


@media all and (max-width :767px) {
#footer .copyright{padding: 30px 0 50px;} 
#footer .copyright li a{font-size:14px;}
#footer address{font-size:12px;}  
}


/* 맨위로버튼 */
.first_top_go {position: absolute;right: 2%;z-index: 9;bottom:50px;opacity: 0.5;}



/* 지도 오시는길*/
#map{text-align: center; border: 1px solid #ddd; }
#map.m_img01{background: #9cd3c9; padding: 50px 5%;}
#map.m_img01 img{ width: 100%;}
#map.m_img02 img{ width: 100%;}

@media all and (max-width :768px) {
#map.m_img01{padding: 30px 4%;}

}




/* 사이트맵*/
.sitemap_guide > ul{ font-size: 0;}
.sitemap_guide > ul > li{ width:25%; vertical-align:top; padding:0 10px; margin-bottom: 40px; display: inline-block;}
.sitemap_guide > ul > li > a{ background:#3848ad;border-radius:4px; color:#fff; font-size:20px; display: block; text-align: center;box-shadow: 0 5px 10px rgba(0,0,0,0.1); overflow: hidden; height: 50px; line-height: 50px;}
.sitemap_guide > ul > li > a:hover,
.sitemap_guide > ul > li > a:focus{background-color:#2d44d2;}

.sitemap_guide > ul > li > ul{ margin-top:10px;}
.sitemap_guide > ul > li > ul > li{ border-bottom:1px solid #eee;}
.sitemap_guide > ul > li > ul > li > a{ background:url("../images/content/dot01.png") 15px center no-repeat; font-size: 16px; display: block; padding: 15px 0 15px 30px;}

.sitemap_guide > ul > li > ul > li > a:hover,
.sitemap_guide > ul > li > ul > li > a:focus{ font-size: 18px; color: #3848ad;}

@media all and (max-width:1280px){
.sitemap_guide > ul > li > a{ font-size:16px;height: 45px; line-height: 45px;}
.sitemap_guide > ul > li > ul > li > a{ font-size: 14px;padding: 10px 0 10px 30px }
.sitemap_guide > ul > li > ul > li > a:hover,
.sitemap_guide > ul > li > ul > li > a:focus{ font-size: 15px;}
}

@media all and (max-width:768px){
.sitemap_guide > ul > li{ width:50%;}
}

@media all and (max-width:480px){
.sitemap_guide > ul > li{ width:100%; padding:0;margin-bottom: 40px;}
}


/*레이어창*/
/*
#layer_popup01{display: none;  position: fixed; z-index: 999999;  width: 100%; height: 100%; background: rgba(0,0,0,0.5); left:0; top:0;}
#layer_popup02{display: none;  position: fixed; z-index: 999999;  width: 100%; height: 100%; background: rgba(0,0,0,0.5); left:0; top:0;}
#layer_popup03{display: none;  position: fixed; z-index: 999999;  width: 100%; height: 100%; background: rgba(0,0,0,0.5); left:0; top:0;}
#layer_popup04{display: none;  position: fixed; z-index: 999999;  width: 100%; height: 100%; background: rgba(0,0,0,0.5); left:0; top:0;}
#layer_popup05{display: none;  position: fixed; z-index: 999999;  width: 100%; height: 100%; background: rgba(0,0,0,0.5); left:0; top:0;}

.layer_guide01{top:50%;left:50%; transform: translate(-50%, -50%); position: absolute; width: 400px;  border: 3px solid #4e86ed; box-shadow: 1px 10px 10px rgba(0,0,0,0.2); background: #fff; border-radius: 20px; text-align: center; padding-bottom: 25px;}

.layer_guide01 .lp_close{background:url("../images/board/close01.png") center center no-repeat; cursor: pointer; position:absolute; top:10px; right:10px;width: 30px; height: 30px;overflow: hidden;
    text-indent: -5000px;}

.layer_guide01 h6{color: #fff; background: #4e86ed; line-height: 50px; text-align: center;border-radius: 11px 11px 0 0;margin: -1px;font-size: 18px;}

.layer_guide01 p{font-size: 18px; padding: 7%; word-break: keep-all;}
.layer_guide01 p strong{font-size: 20px; margin: 0 10px;}
.layer_guide01 .lp_btn{ font-weight: 13px; height: 30px; line-height: 30px; border-radius: 4px; min-width: 60px; display: inline-block; padding: 0 10px;}


@media all and (max-width:480px) {
.layer_guide01{ width: 100%;}
.layer_guide01 .lp_close{top:5px;background-size: 20px;} 
.layer_guide01 h6{line-height: 40px;font-size: 16px;}
.layer_guide01 p{font-size: 15px;} 

.layer_guide01 p{font-size: 18px; padding: 7%; word-break: keep-all;} 
}
*/