/**
* 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:300px;}
#spot h2 { color:#fff; font-size:56px; text-align:center; padding-top:110px;font-weight:700;}
.spot  { background:url("/project/design/com/spot1.jpg") no-repeat center;}
.spot1  { background:url("/project/design/com/spot1.jpg") no-repeat center;}
.spot2  { background:url("/project/design/com/spot2.jpg") no-repeat center;}
.spot3  { background:url("/project/design/com/spot3.jpg") no-repeat center;}
.spot4  { background:url("/project/design/com/spot4.jpg") no-repeat center;}

#contents_box { width:1200px; 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;display:none;}
.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:34px; letter-spacing:-0.05em; font-weight:500; padding-top:80px;text-align:center;color:#111;}
/*
#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;}
*/
#snb { position:relative; background:#222;}
.snb_box {text-align:center; height:60px;}
.snb_group {display:inline-block;}
.snb_group > li {float:left; background:url("/project/design/com/bg_snb_line.png") no-repeat right 21px;}
.snb_group > li:last-of-type {float:left; background:none;}
.snb_group > li > a { display:block; color:#fff; font-size:18px; font-weight:300; line-height:60px; height:60px; padding:0 30px; text-align:center;}
.snb_group > li > a:hover, .snb_group > li > a.over { color:#fff; border-bottom:3px solid #9a844a; box-sizing:border-box;}
#contents { padding:55px 0; color:#666; font-size:1em; }
.img_ready {text-align:center;}