@charset "utf-8";

/* 전체레이아웃 설정값 */
#wrap{min-width:1300px;}
.ly_center{ width:1280px; margin:0 auto; position:relative;} /* 모바일일떄 100% 센터정렬*/
.ly_center_mom{ width:1280px; margin:0px auto; position:relative;}/* 모바일일떄 마진이 들어간 센터정렬*/
.ly_w100{position:relative;}

#container_main { overflow:hidden;}
#container{ background:url(/images/home/inc/history_bg.gif) center 150px repeat-x;}
#content_guide{ display:inline-block; position:relative; padding-left:50px; width:1020px; }
#content{min-height:300px; margin-bottom:100px; }

@media all and (max-width :1023px) {
/* 전체레이아웃 설정값 */	
#wrap{min-width:320px;}
.ly_center{ width:100%;}
.ly_center_mom{ width:92%; margin:0 4%;}
.ly_w100{width:100%;}

#container .ly_center_mom{ background:none;}
#content_guide{width:100%; float:none; padding-left:0;}

/* 왼쪽메뉴레이아웃 */
#leftBox { display:none;}

}

@media all and (max-width :640px) {
#container{ background:url(/images/home/inc/history_bg.gif) center 0px repeat-x;}

}



.subVisual{ height:150px;}
.subVisual p{ text-align:center; font-size:30px; text-shadow:0 0 5px #000; color:#fff; line-height:150px;}
.subVisual.simg01{ background:url(/images/home/inc/sub_img01.jpg) center top no-repeat;}
.subVisual.simg02{ background:url(/images/home/inc/sub_img02.jpg) center top no-repeat;}
.subVisual.simg03{ background:url(/images/home/inc/sub_img03.jpg) center top no-repeat;}
.subVisual.simg04{ background:url(/images/home/inc/sub_img04.jpg) center top no-repeat;}
@media all and (max-width :640px) {
.subVisual{ display:none;}

}

/* 히스토리 */
.history{height:50px; overflow:hidden; text-align:right; padding-top:17px; box-sizing:border-box;}

.history li{ display:inline-block; background:url("/images/home/inc/history_arrow_mo.gif") 10px center no-repeat; padding-left:30px; font-size:13px; line-height:1.3em; vertical-align:middle;}
.history li img{ margin-top:-2px;}
.history li:first-child{ background:none; padding-left:0px; text-align:center;}
.history .hpoint{ color:#ff6000;}
.history .hpoint a{color:#ff6000;}
.history li a{}

@media all and (max-width :640px) {
/* 히스토리 */
.history{ text-align:left;}
.history ul{ overflow:hidden; height:16px;}
.history li {padding-left:20px; background-position:7px center ;}
}


/* 서브타이틀 */
.title_guide{ position:relative; margin-bottom:50px; padding-top:30px}
.title_guide::before{position:absolute; display:block; content:''; height:5px; width:100%; background: url(/images/home/inc/title_bg.gif); top:82px; left:0; z-index:-1;}
.title_guide h3{ color:#000; font-size:34px; font-weight:400; line-height:1.3em; text-shadow:1px 0 0 #000; word-break:keep-all;}
.title_guide > p{ display:inline-block; background:#fff; color:#a3a3a3; font-size:12px; letter-spacing:-0.05em; padding-right:15px;}
@media all and (max-width :1023px) {
/* 서브타이틀 */
.title_guide::before{ top:77px;}
.title_guide h3{font-size:30px;}

}

@media all and (max-width :640px) {
/* 서브타이틀 */
.title_guide{text-align:center; padding-bottom:15px;padding-top:20px}
.title_guide::before{ top:inherit; bottom:0; height:3px;}
.title_guide h3{font-size:26px;}
.title_guide p{ display:none;}

}

/* 푸터레이아웃 */

#footer{ }

/*배너*/
.banner_area{ border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:40px 0; background:#f5f5f5;}
.banner_area > div{ font-size:0;}
.banner_area h3{ position:relative; display:inline-block; background:#191d37; width:170px; font-size:18px; font-weight:400; color:#fff; padding:15px; height:50px; box-sizing:border-box; vertical-align:top;}
.banner_area .banner_box{display:inline-block; width:calc(100% - 170px); text-align:center; height:50px; overflow:hidden; vertical-align:top;}
/* .banner_area .banner_box > div{display:inline-block; width:175px; margin-left:10px;} */
.banner_area .banner_box > div{display:inline-block;}
.banner_area .bbtn_stop{ position:absolute; top:50%; right:32px; transform:translateY(-50%); vertical-align:top;}
.banner_area .bbtn_play{position:absolute;top:50%; right:15px; transform:translateY(-50%); vertical-align:top;}

.copyright {background:#353742; color:#fff; padding:30px 0; font-size:15px;text-align:center;}
.copyright .fmenu{margin-bottom:20px;}
.copyright .fmenu li{ display:inline-block;}
.copyright .fmenu li a{ color:#fff; padding:0 10px;}
.copyright .fmenu li a:hover{ text-decoration: underline;}
.copyright address { font-size:15px;}


/* 맨위로버튼 */
.first_top_go {  position: absolute; right:0; z-index:999; top:10px; opacity:0.5;}


@media all and (max-width :1023px) {
.banner_area h3{width:140px; padding:15px;}
.banner_area .banner_box{width:calc(100% - 140px);}

}

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

#footer{font-size:14px;}
#footer address { font-size:13px;}

.banner_area h3{font-size:16px;}

}