/**
* OLYM Cascading Style Sheets
* File Name : sub.css
* Description : 서브 스타일시트
* Author : Web business Team / Choi Hyun Mi
* Email : desingtj@olym.co.kr
* Date : 2016.08.09
* Update : 2016.08.09
* Copyright(c) 2015 OLYM Communications. All Rights Reserved.
*/
#spot { width:100%; height:140px;}
#spot h2 { color:#fff; font-size:2em; text-align:center; padding-top:30px;}
.spot  {  background:rgba(226,141,178,1); }
.spot1 { background:rgba(59,175,99,1); }
.spot2 { background:rgba(68,155,190,1); }
.spot3 { background:rgba(140,123,188,1); }
.spot4 { background:rgba(230,134,89,1); }
.spot5 { background:rgba(166,170,81,1); }
.spot6 { background:rgba(205,165,81,1); }
.spot7 { background:rgba(230,132,117,1); }

#contents_box { width:1400px; margin:0 auto; }
#contents_box:after { clear:both; display:block; content:"";}

.location { position:relative; height:50px; background:rgba(0,0,0,0.3); margin-top:-50px;}
.location > ul:after { clear:both; display:block; content:"";}
.location > ul > li { position:relative; float:left; }
.location > ul > li > a { border-right:1px solid rgba(255,255,255,0.3); line-height:50px; display:block; color:#fff; min-width:150px; padding:0 30px 0 20px; background:url(/project/design/com/bg_stle_arrow.png) no-repeat 90% center;}
.location > ul > li.home > a { background:url(/project/design/com/bg_home.png) no-repeat center;  min-width:50px; padding:0; text-indent:-9999px;}
.location > ul > li.stle_over > a { font-weight:600; }
.location > ul > li > ul { position:absolute; top:50px; left:0; background:#fff;}
.location > ul > li > ul > li > a { min-width:150px; display:block; color:#666; padding:8px 30px 8px 20px; line-height:1.2em; font-size:0.95em; border:1px solid #ddd; border-top:none;}
.location > ul > li > ul > li > a:hover { background:#f8f8f8;}
.stle_ul > li > ul { display:none; z-index:10000; }
h3.stle { font-size:2em; letter-spacing:-0.05em; font-weight:400; padding-top:40px;}

#snb { float:left; width:270px;}
.snb_group { width:220px; margin-top:50px; border-top:2px solid #333;}
.snb_group > li > a { display:block; color:#444; padding:10px 24px; border-bottom:1px solid #e1e1e1; }
.snb_group > li > a:hover, .snb_group > li > a.over { background:#f3f3f3;}
.snb_group > li > ul { border-bottom:1px solid #e1e1e1; padding:10px 0;}
.snb_group > li > ul > li > a { display:block; padding:5px 20px 5px 33px; color:#666; background:url(/project/design/com/bg_snb_2d.gif) no-repeat 24px 17px; }
.snb_group > li > ul > li > a:hover, .snb_group > li > ul > li > a.over { color:#dd2424;}

#contents { float:left; width:930px; padding:40px 0; color:#666; font-size:1em; }
/* 태블릿 가로 */
@media all and (max-width:1260px) {
#contents_box { width:95%;}
#snb { width:20%; margin-right:5%}
#contents { width:75%; }
#contents img { max-width:100%;}
}
/* 태블릿 세로 */
@media all and (max-width:1000px) {
#spot { height:130px;}
#spot h2 { padding-top:30px;}
#snb { display:none;}
#contents_box { width:100%; }
h3.stle { width:90%; margin:10px auto 0 auto; font-size:1.8em; font-weight:400;line-height:60px; padding-top:0;}
#contents { float:none; width:90%; margin:0 auto; padding:20px 0; }
}
/* 모바일 가로 */
@media all and (max-width:767px) {
#spot { height:50px;}
#spot h2 { display:none;}
#container { min-height:500px; }
.location { height:auto; padding:3px;}
.location:after { clear:both; display:block; content:"";}
.location > ul > li { padding:5px 0;}
.location > ul > li > a { line-height:20px;  min-width:10px; padding:0 30px 0 15px; }
.location > ul > li.home > a { display:none;}
.location > ul > li > ul { position:absolute; top:30px; left:0; background:#fff;}
.location > ul > li > ul > li > a { min-width:100px; }
}