@charset utf-8; 

@import url('../font/lycan_font.css');

body.open{overflow:hidden}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,p,iframe,figure{margin:0;padding:0;font-size:inherit}
header,hgroup,footer,section,article,aside,nav,canvas,figure,figcaption{display:block}
table{font-size:inherit;border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%}
th, td{}
body { font-family: 'Noto Sans', sans-serif; }
li,dd{list-style:none}
a{color:#666;text-decoration:none}

#wrap{padding-top:84px;min-width:320px}

/* 팝업 */
.suddenly_pop {position:fixed;width:100%;height:30px;z-index:110;}
.suddenly_pop a.suddenly_pop_open{ position: absolute; top: 0; background: #666; width: 100%; height: 30px; text-align: center; color: #fff; line-height: 30px; font-weight: bold; }
.suddenly_pop a.suddenly_pop_close{ position: absolute; top: 2px; right: 20px; color: #fff; font-size:15px; padding:5px 10px 2px 10px; }
.suddenly_pop a.suddenly_pop_close > img{height:17px;}

.open #header{position:absolute}
#header{position:fixed;top:0px;left:0px;width:100%;padding-bottom:0px;z-index:100;height:82px;border-bottom:2px solid #01aef0;background:#ffffff;}
#header .topmenu{max-width:960px;margin:auto;overflow:hidden}
#header .topmenu .logo{float:left;max-width:140px;padding:25px 118px 0 0}
#header .topmenu .link{float:left;max-width:206px;padding:35px 118px 0 0}
#header .topmenu .link > a span{font-size: 20px;font-weight:700;color:#000000}
#header .topmenu .link > a:hover span,
#header .topmenu .link > a:focus span{font-size: 20px;font-weight:700;color:#01aef0}

#header .topmenu .link > div {position:absolute;top:81px;left:0px;width:100%;background:#fdfdfd;padding:30px 0 31px;display: none;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
#header .topmenu .link > div > div {max-width:960px;margin:auto;overflow:hidden}

#header .topmenu .link > div > div > dl{float:left;width:150px;margin-right:70px}
#header .topmenu .link > div > div > dl .dl1{width:150px;height:110px;margin-left:18px;background:url(../img/sub_icon1.png)no-repeat bottom left}
#header .topmenu .link > div > div > dl .dl2{width:150px;height:110px;margin-left:18px;background:url(../img/sub_icon2.png)no-repeat bottom left}
#header .topmenu .link > div > div > dl .dl3{width:150px;height:110px;margin-left:18px;background:url(../img/sub_icon3.png)no-repeat bottom left}
#header .topmenu .link > div > div > dl dt{font-size:17px;line-height:28px;letter-spacing:-0.5px;color:#4c4c4c;font-weight:700;text-align:center;margin-top:12px}
#header .topmenu .link > div > div > dl dd{font-size:13px;line-height:18px;letter-spacing:-1px;margin-top:5px;color:#a3a3a3;font-weight:400}
#header .topmenu .link > div > div > div {float:left;max-width:700px}
#header .topmenu .link > div > div > div > ul > li{float:left;}
#header .topmenu .link > div > div > div > ul > li > ul{width:160px;margin-right:20px;}
#header .topmenu .link > div > div > div > ul > li > ul > li:first-child{border-bottom:1px solid #000000}
#header .topmenu .link > div > div > div > ul > li > ul > li > a{color:#000000;font-size:15px;line-height:28px;letter-spacing: -0.5px;font-weight:700}
#header .topmenu .link > div > div > div > ul > li > ul > li > ul li a{display:block;color:#000000;font-size:13px;line-height:25px;font-weight:400}
#header .topmenu .link > div > div > div > ul > li > ul > li > ul li a:hover,
#header .topmenu .link > div > div > div > ul > li > ul > li > ul li a:focus{color:#01aef0}

.btn_offcanvas{position:absolute;top:15px;right:0;width:34px;height:30px;display:none;padding:8px}
.backface{position:fixed;width:100%;height:100%;top:0;left:0;bottom:0;background:#000;opacity:.5;filter:alpha(opacity=50);z-index:90;overflow:hidden;display:none;}
.btn_offcanvas_close{display:none;background:url(../img/btn_close.png) no-repeat;width:24px;height:23px;text-indent:-999em;overflow:hidden;position:absolute;top:5px;right:10px}
.molink{display:none;}

.sub_visual{}
.sub_visual > div{max-width:960px;height:102px;margin:auto}
.sub_visual > div > h2{padding:0 0 0 60px;}
.sub_visual.type1{background:#01aef0}
.sub_visual.type1 > div{background:url(../img/bg_sub_visual1.png) no-repeat top center}
.sub_visual.type2{background:#20bec7}
.sub_visual.type2 > div{background:url(../img/bg_sub_visual2.png) no-repeat top center}
.sub_visual.type3{background:#4193d2}
.sub_visual.type3 > div{background:url(../img/bg_sub_visual3.png) no-repeat top center}

.sub_visual > div h2{font-size:28px;color:#fff;letter-spacing:-0.5px;line-height:102px;font-weight:400}

#container{position:relative;border-top:1px solid #cacaca;width:100%}
#container .bg{background:url(../img/main_bg.png) repeat-x;width:100%;height:400px;z-index:100}
#container > .wrap{width:960px;margin:auto;overflow:hidden;position:relative;}

#contents.main{padding:0;}
#sub_contents{float:right;width:700px;min-height:410px;padding:0 0 85px 0;}
#sub_contents .location{text-align:right;margin-top:12px;font-size:13px;}
#sub_contents .location a:after{content:" >"}
#sub_contents .location a.current:after{content:""}
#sub_contents h3{font-size:23px;color:#010101;font-weight:500;margin:40px 0 0 0;padding-bottom:16px;background:url(../img/intro_tit.png)no-repeat bottom left}
#sub_contents h4{font-size:23px;color:#010101;font-weight:500;margin:40px 0 0 0;padding-bottom:16px;background:url(../img/intro_tit2.png)no-repeat bottom left}
#sub_contents h5{font-size:23px;color:#010101;font-weight:500;margin:40px 0 0 0;padding-bottom:16px;background:url(../img/intro_tit3.png)no-repeat bottom left}
#sub_contents .tit{margin:0 0 0 23px;}
#lnb{float:left;width:220px}

#lnb > ul > li > a{display:block;padding:14px 0px 16px;width:100%;border-top:1px solid #d0d0d0}
#lnb > ul > li:first-child > a{border-top:0px}
#lnb > ul > li > a span{padding:0 5px 0 20px;font-size:14px;color:#252525;font-weight:600;display:block;background:url(../img/bul_lnb_close.png) no-repeat 205px 7px}
#lnb > ul > li.nosub > a span{background: none !important;}
#lnb > ul > li > a:hover span,
#lnb > ul > li > a:focus span,
#lnb > ul > li.current > a span{background-image:url(../img/bul_lnb_open.png);color:#398fd8;font-weight:600;}
#lnb > ul > li > ul{padding:15px 0 18px;border-top:1px solid #d0d0d0;display:none}
#lnb > ul > li.current > ul{display:block}
#lnb > ul > li > ul > li{margin-top:6px}
#lnb > ul > li > ul > li:first-child{margin-top:0px}
#lnb > ul > li > ul > li > a{display:block;width:100%}
#lnb > ul > li > ul > li > a span{padding-left:20px;font-size:13px;color:#252525;font-weight:600;}
#lnb > ul > li > ul > li > a span:before{content: "- "}
#lnb > ul > li > ul > li.current > a span,
#lnb > ul > li > ul > li > a:hover span,
#lnb > ul > li > ul > li > a:focus span{color:#398fd8;font-weight:600;}

#footer{border-top:1px solid #cacaca;padding:0 0 30px 0;display:inline-block;width:100%}
#footer .cont{max-width:960px;margin:auto;overflow:hidden}
#footer .cont .logo{float:left;max-width:140px;padding:25px 90px 0 0}
#footer .cont > div {float:left;padding:20px 0 0 0}
#footer .cont > div p {font-size:12px;font-weight:300;padding:5px 0 0 0;color:#6c6c6c;}

/* 해상도별 css 재설정 */
@media all and (min-width:981px) and (max-width:1240px) {
}


@media screen and (min-width:750px) and (max-width:980px){ /* Tab 해상도 */
	#wrap{min-width:627px}

}

@media screen and (max-width:880px){

}


@media screen and (max-width:749px){ /* Mobile 해상도 */
	#header .topmenu .link{display:none}

	#wrap{min-width:320px}
	
	#offcanvas{display:block}
	.btn_offcanvas{display:block;padding:10px 8px}
	.btn_offcanvas img{width:24px;height:20px;margin:5px}
	/*.btn_offcanvas_close{display:block;}*/

}


@media screen and (max-width:520px){

}


@media screen and (max-width:420px){

}