@charset "utf-8";
/*==========================Common==========================================*/
/* Header Search */
.Divsch{display:none;position:relative;padding:8px;background:url(/design/mobile/img/mbg.png) repeat-x 0 0;border-top:1px solid rgba(0,0,0,.1);}
.Divsch .sch_wrap{display:table;width:100%;height:40px;background:#fff}
.Divsch .sch_wrap .sch_txt{display:table-cell;padding:5px 10px 5px 5px;}
.Divsch .sch_wrap .sch_txt input{width:100%;height:30px;font-size:18px;color:#222;border:0;}
.Divsch .sch_wrap .sch_btn{display:table-cell;width:64px;height:100%;position:relative}
.Divsch .sch_wrap .sch_btn .Btndel{display:none;position:absolute;top:50%;left:0;margin-top:-15px;width:30px;height:30px;background:url(/design/mobile/img/ico_sch.png) no-repeat -113px -4px;font-size:0;line-height:0;text-indent:-999px}
.Divsch .sch_wrap .sch_btn button{position:absolute;top:50%;right:4px;margin-top:-15px;display:block;width:30px;height:30px;font-size:1.25em;line-height:18px}
.Divsch #Btnclose{position:absolute;top:0;ll:10px;z-index:10;font-weight:bold;}
/*검색조건*/
.Divsch ul{overflow:hidden;margin-top:5px;font-weight:bold;}
.Divsch ul li{float:left;width:33.3%;text-align:center;background-color:rgba(255,255,255,.5);}
.Divsch ul li:first-child{width:33.4%;border-radius:3px 0 0 3px;border:0;}
.Divsch ul li:last-child{border-radius:0 3px 3px 0;}
.Divsch ul li input[type=radio]{display:none;}
.Divsch ul li label{display:block;border-left:1px solid rgba(0,0,0,0.2);padding:5px 0;font-size:.8em;color:rgba(0,0,0,0.6);cursor:pointer;line-height:18px}
.Divsch ul li.on{background-color:rgba(255,255,255,.15);}
.Divsch ul li.on label{color:rgba(255,255,255,0.8);}
/* Layout */
#wrap {/*min-width:320px;max-width:1080px;*/box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin:0 auto}
#footer {padding:20px 0;margin:0 auto;border-top:1px solid #bbb;z-index:10;text-align:center;}

/*상단*/
.lgslk{position:relative;padding:8px 0;text-align:center;}
.lgslk a{/*opacity:.7;*/}
.lgslk #logo{opacity:1}

.lgslk .fa{font-size:1.7em;}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.lgslk a {
    color: #91175B !important;
}

.lgslk {
    position: relative;
    padding: 8px 0;
    text-align: center;
}

.sidemenu .depth01 li.on a span:before {
    content: url("../img/mobile/hmenu_on.png");
}
.sidemenu .depth01 li a span:before {
    content: url("../img/mobile/hmenu_off.png");
}

.lgslk #Btntel{position:absolute;left:10px;top:50%;margin-top:-13px;}
.lgslk #Btnsch{position:absolute;left:10px;top:50%;margin-top:-13px;}
.lgslk #Btnsvs{position:absolute;top:50%;right:10px;margin-top:-13px;}
/*풋터*/
#footer .bt{margin:0 2px;padding:0 8px;line-height:27px;height:auto;font-weight:normal;font-size:12px;}
#footer dl{margin:10px auto 0;}
#footer .logo{float:left;margin:0 20px;}
#footer .info{font-size:0.8em;overflow:hidden;text-align:left}
#footer .info span{display:inline-block;padding:0 2px;line-height:13px}
#footer .info address{margin-top:5px;line-height:12px;}
#footer .info address,#footer .info address *{font-size:0.9em;}
#footer .info address p{margin-top:3px}
@media all and (max-width: 1390px){
#footer dl{max-width:1030px;}
}
@media all and (max-width: 900px){
#footer .info{text-align:center;}
#footer .logo{float:none;margin:0 auto 7px;}
}
@media all and (max-width: 770px){
#footer .info{text-align:center;}
#footer .logo{float:none;margin:0 auto 7px;}
}
#footer div.info{text-align:center;margin:10px auto 0;}
/*풋터_최상단으로 이동*/
#toTop{display:block;position:fixed;bottom:10px;right:10px;z-index:2000;width:40px;height:40px;text-indent:-999px;overflow:hidden;background:url('/design/mobile/img/toTop.png') no-repeat 50%;}

/*사이드메뉴*/
.sidemenu_shadow { display:none; position:fixed; top:0; right:0px; width: 100%; height:100%; background: #000; opacity: .6; z-index:99999999999998; }
/*.sidemenu_shadow {display:none;position:fixed;top:0;right:-222px;width:222px;height:100%;box-shadow:-3px 0px 3px rgba(0,0,0,0.37);z-index:99999999999998;}*/

.sidemenu {display:none;position:fixed;top:0;right:-222px;width:222px;height:100%;background-image:url(/design/img/bg_20.png);z-index:99999999999999;}
.sidemenu .submenu {position:relative;z-index:99999999999999;min-height:100%;height:100%;overflow-y:auto}

.sidemenu .submenu h2 { padding-left:15px;height:50px;line-height:50px; text-transform:uppercase;font-size:1.2em;font-weight:700;display:block; }
.sidemenu .submenu .close {display:block;position:absolute;top:0px;right:0px;width:50px;height:50px;text-indent:-999px;background:url('../img/mobile/btn_close.png') no-repeat 0 0;background-size:100% auto;overflow:hidden;}
.sidemenu .submenu a{text-decoration:none;}
.sidemenu .depth01 {}
.sidemenu .depth01 li {}
.sidemenu .depth01 li a {display:block;position:relative;padding:15px 0 15px 15px;font-size:14px;border-bottom:1px solid rgba(0,0,0,.1);}
.sidemenu .depth01 li a span {position:absolute;top:15px;right:15px;font-size:1.33em}
.sidemenu .depth01 li a span:before {content: "\f107";}
.sidemenu .depth01 li.on {}
.sidemenu .depth01 li.on a span:before {content: "\f106";}

.sidemenu .depth02 {display:none;background-color:rgba(255,255,255,0.1)}
.sidemenu .depth02 li {}
.sidemenu .depth02 li a {padding:13px 0 13px 15px;font-size:14px;background-color:transparent !important;}
.sidemenu .depth02 li a span{position:static;top:auto;font-size:0.7em;margin-right:5px;}
.sidemenu .on .depth02 li a span:before {content: "\f068";}
.sidemenu .on .depth02 li.on {background-image:url(/design/img/bk05.png);}
/*메인비주얼*/
.mainVisual{position:relative;}
/*서브비주얼*/
.Subimg {padding:0;margin:0;line-height:0em;text-align:center;background:url(/design/img/shadow2.png) no-repeat 50% 100%;}
.Subimg img{width:100%;max-width:100%}
.headline{line-height:40px; padding-bottom:3px;border-bottom:1px solid rgba(0,0,0,0.15);position:relative;display:block;background:#fff}
.headline .fa{width:30px;height:30px; text-align:center;line-height:30px;}
.headline h1{display:inline-block;font-size:15px;}
/*2차메뉴출력*/
.location {position:relative;}
.location ul.mList{display:none;}
.location ul li a,.location ul li p {display:block;padding:10px 13px 13px;font-size:15px;color:#fff;border-bottom:1px solid rgba(0,0,0,0.15);background-color:rgba(255,255,255,0.15);text-decoration:none;}
.location ul.now{display:block;}
.location ul.now li a,.location ul.now li p {border-bottom:1px solid rgba(0,0,0,0.1);background:#fff;font-weight:700;font-size:17px;}
.location ul.now li span {position:absolute;top:13px;right:15px;}
.location ul.now li span:before {content: "\f0d7";}
.location ul.now li a.on span:before{content: "\f0d8";}

.location.S02 ul.now li *{color:#fff !important;}
.location.S02 ul li a,.location.S02 ul li p{background-color:rgba(0,0,0,0.15);padding-left:25px;position:relative}
.location.S02 ul.now li span{left:7px;top:-7px;background:url(/design/mobile/img/loc.png) no-repeat 0 50%;height:100%; opacity:.6}
.location.S02 ul.now li span:before {content:normal  !important}
/*3차메뉴출력*/
.Tab {margin:0 auto 15px;}
.Tab ul{overflow:hidden;font-size:14px;position:relative;}
.Tab li {float:left;text-align:center;font-weight:700;margin-top:-1px;}
.Tab li a {display:block;padding:10px 0;background-color:rgba(255,255,255,.75);text-decoration:none;color:rgba(0,0,0,.7);border-color:rgba(0,0,0,.1);border-style:solid;border-width:1px 0 1px 1px;white-space:nowrap;letter-spacing:-0.5px;word-spacing:-2px;font-size:90%;overflow:hidden}
.Tab li:first-child a{border-left:0}
.Tab li:hover a{background-color:rgba(255,255,255,.5);}
.Tab li.on{}
.Tab li.on a,.Tab li.on:hover a {color:rgba(255,255,255,.9);background-color:rgba(255,255,255,.15);}
/*TAB*/
.tab {overflow:hidden;font-size:13px;position:relative;}
.tab:after{content:'';display:block;position:absolute;bottom:0px;left:0;width:100%;height:1px;background-color:#ccc}
.tab.w1 li{width:50%}
.tab li{float:left;display:block;margin-bottom:-1px;position:relative;}
.tab li > a{display:block;background-color:#F6F6F6;margin-right:-1px;border-style:solid;border-color:#E4E4E4;border-width:1px 1px 0;padding:10px 15px 12px;text-decoration:none;color:#999;position:relative;}
.tab li > a:hover{font-weight:700}
.tab li.on > a{background-color:#FFFFFF;border-color:#ccc;border-width:1px;border-bottom-color:#fff !important;font-weight:bold;z-index:2;}
.tab li.on > a,.tab > li > a:hover{color:#222222;}