@charset "utf-8";
/********************
    Default set
********************/
/* font */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ampunyyratrk.tb.xe%2Spff%2S..%2Ssbagf%2SAbgbFnafXE-Guva.jbss2) format('woff2'),
       url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ampunyyratrk.tb.xe%2Spff%2S..%2Ssbagf%2SAbgbFnafXE-Guva.jbss) format('woff'),
       url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ampunyyratrk.tb.xe%2Spff%2S..%2Ssbagf%2SAbgbFnafXE-Guva.bgs) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ampunyyratrk.tb.xe%2Spff%2S..%2Ssbagf%2SAbgbFnafXE-Yvtug.jbss2) format('woff2'),
       url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ampunyyratrk.tb.xe%2Spff%2S..%2Ssbagf%2SAbgbFnafXE-Yvtug.jbss) format('woff'),
       url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ampunyyratrk.tb.xe%2Spff%2S..%2Ssbagf%2SAbgbFnafXE-Yvtug.bgs) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ampunyyratrk.tb.xe%2Spff%2S..%2Ssbagf%2SAbgbFnafXE-Erthyne.jbss2) format('woff2'),
        url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ampunyyratrk.tb.xe%2Spff%2S..%2Ssbagf%2SAbgbFnafXE-Erthyne.jbss) format('woff'),
        url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ampunyyratrk.tb.xe%2Spff%2S..%2Ssbagf%2SAbgbFnafXE-Erthyne.bgs) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ampunyyratrk.tb.xe%2Spff%2S..%2Ssbagf%2SAbgbFnafXE-Zrqvhz.jbss2) format('woff2'),
        url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ampunyyratrk.tb.xe%2Spff%2S..%2Ssbagf%2SAbgbFnafXE-Zrqvhz.jbss) format('woff'),
        url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ampunyyratrk.tb.xe%2Spff%2S..%2Ssbagf%2SAbgbFnafXE-Zrqvhz.bgs) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ampunyyratrk.tb.xe%2Spff%2S..%2Ssbagf%2SAbgbFnafXE-Obyq.jbss2) format('woff2'),
        url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ampunyyratrk.tb.xe%2Spff%2S..%2Ssbagf%2SAbgbFnafXE-Obyq.jbss) format('woff'),
        url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ampunyyratrk.tb.xe%2Spff%2S..%2Ssbagf%2SAbgbFnafXE-Obyq.bgs) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ampunyyratrk.tb.xe%2Spff%2S..%2Ssbagf%2SAbgbFnafXE-Oynpx.jbss2) format('woff2'),
        url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ampunyyratrk.tb.xe%2Spff%2S..%2Ssbagf%2SAbgbFnafXE-Oynpx.jbss) format('woff'),
        url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ampunyyratrk.tb.xe%2Spff%2S..%2Ssbagf%2SAbgbFnafXE-Oynpx.bgs) format('opentype');
 }


html, body, div, dl, dt, dd, ul, ol, li, p, h1, h2 ,h3, h4, h5, h6, button{margin:0px; padding:0px;font-family:"Noto Sans KR"; font-size:15px;font-weight:400;line-height: 1.4; list-style:none; color:#454545;box-sizing: border-box;word-break: keep-all;letter-spacing:-0.5px;}
a{text-decoration:none;color:#454545;}
img{border:0;vertical-align:middle;max-width: 100%;}
select{font-family:"Noto Sans KR";border:1px solid #d6d6d6;vertical-align:middle;font-weight:300;}
input{font-family:"Noto Sans KR";vertical-align:middle;margin:0;padding:0;font-size:15px;color:#6e6e6e;font-weight:300;}
label {cursor:pointer;}
textarea{font-family:"Noto Sans KR";vertical-align:middle;font-size:15px;color:#6e6e6e;font-weight:300;}
table caption{
	overflow: hidden;
    /*position: absolute;
	left:-9999px;
	top:-9999px; */
    width:0;
    height:0;
    line-height:0;
   
	margin:0;
}
table{border-collapse:separate;border-collapse:collapse;width:100%;border-spacing:0;table-layout: fixed;}





.blind{width:0;height:0;position:absolute;top:-9999px;left:-9999px;overflow:hidden;}
.clfix:after {content: ""; display: block; height: 0px; clear: both; visibility: hidden;}
.clear {clear:both; font-size:0; line-height:0; overflow:hidden; height:0 !important; }
.floatL {float:left;}
.floatR {float:right;}
.floatN {float:none;}
.disnone{display:none;}

.txtL {text-align:left !important;}
.txtC {text-align:center !important;}
.txtR {text-align:right !important;}
.txtJ {text-align:justify !important;}
.txtT {vertical-align:top !important;}
.txtM {vertical-align:middle !important;}
.txtB {vertical-align:bottom !important;}
.txtTB {vertical-align:text-bottom !important;}


/********************
    Margin
********************/

.mtp0{margin-top:0px !important;}
.mtp5{margin-top:5px;}
.mtp7{margin-top:7px;}
.mtp10{margin-top:10px !important;}
.mtp12{margin-top:12px !important;}
.mtp15{margin-top:15px !important;}
.mtp20{margin-top:20px !important;}
.mtp25{margin-top:25px !important;}
.mtp30{margin-top:30px !important;}
.mtp35{margin-top:35px !important;}
.mtp40{margin-top:40px !important;}
.mtp50{margin-top:50px !important;}
.mtp60{margin-top:60px;}
.mtp70{margin-top:75px;}
.mtp80{margin-top:80px;}
.mtp90{margin-top:90px;}
.mtp100{margin-top:100px;}
.mtp200{margin-top:200px;}
.mtp23{margin-top:23px;}

.pdt5{padding-top:5px;}
.pdt7{padding-top:7px;}
.pdt10{padding-top:10px;}
.pdt12{padding-top:12px;}
.pdt15{padding-top:15px;}
.pdt20{padding-top:20px;}
.pdt25{padding-top:25px;}
.pdt80{padding-top:80px;}

.pdb100{padding-bottom:100px;}
/***********************************************************
				Start Coding
***********************************************************/
/*
body.top_over #header{background: #fff;}
body.top_over .menu > li > a{color: #000;}
body.top_over #header h1 > a > span.on{display:block;}
body.top_over #header h1 > a > span.off{display:none;}
body.top_over #header a.mor_open span.on{display:block;}
body.top_over #header a.mor_open span.off{display:none;}

body.top_btn #header a.mor_open span.on{display:none;}
body.top_btn #header a.mor_open span.off{display:none;}
body.top_btn #header a.mor_open span.on2{display:block;}
*/

#wrap{position:relative;width:100%;margin:0 auto;}
#header{position:relative;width:100%;margin:0 auto;background:#fff;z-index:999;}
.head_top{width: 100%;margin: 0 auto;background: #f5f5f5;}
.head_top > .wids{width:calc(100% - 20px);max-width: 1720px;margin:0 auto;height: 40px;display: flex;justify-content:space-between;align-items:center;}
.head_top > .wids > p{font-size: 14px;color: #000;font-weight: 300;line-height: 1;}
.head_top > .wids > p > a{display: inline-block;font-size: 14px;color: #000;font-weight: 300;line-height: 16px;}
.head_top > .wids > ul > li{display: inline-block;margin-right: 24px;position:relative;}
.head_top > .wids > ul > li:after{content: "/";position: absolute;right: -18px;top: 2px;font-size: 14px;color:#979797;font-weight: 300;line-height:16px;}
.head_top > .wids > ul > li:last-child{margin-right:0;}
.head_top > .wids > ul > li:last-child:after{display: none;}
.head_top > .wids > ul > li > a{display: inline-block;font-size: 14px;color: #454545;font-weight: 300;line-height: 16px;}
.head_top > .wids > ul > li.login > a{padding-left: 20px;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ampunyyratrk.tb.xe%2Spff%2S..%2Svzntr%2Spbzzba%2Sybtva.cat) no-repeat left center;}

.top_btns{position: relative;z-index: 99;}
.top_btns > a{display:inline-block;margin-right:40px;position:relative;}
.top_btns > a:last-child{margin-right:0;}
.mor_open > .out{display: none;}
.mor_open.on > .open{display: none;}
.mor_open.on > .out{display: block;}


.head_wid{width:calc(100% - 20px);max-width: 1720px;margin:0 auto;height: 80px;display: flex;justify-content:space-between;align-items:center;}
h1.logo{position: relative;z-index: 99;width: 219px;}
h1.logo > a{display: inline-block;}

.menu_area{text-align:center;width: calc(100% - 320px);}
.menu{font-size: 0;}
.menu > li{display:inline-block;}
.menu > li > a{display:block;font-size:18px;color:#000;font-weight:500;padding: 0 65px;line-height:80px;}
.menu > li:hover > a{color:#094043;}
.menu > li:hover > a > span{display: inline-block;position: relative;}
.menu > li:hover > a > span:after{content:"";position:absolute;left:0;bottom:-1px;right:0;height:3px;background:#094043;z-index:94;}
.menu > li > .depth2-box{display: none;position:absolute;left:0;top:120px;width:100%;background:#fff;z-index:91;border-top: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;}
.menu > li > .depth2-box:after{content: "";position: absolute;left: 0;top: 0;bottom: 0;width: calc((100% - 1720px) / 2);background: #094043;}
.menu > li > .depth2-box > .menu_wid{width: calc(100% - 20px);max-width: 1720px;margin: 0 auto;display: flex;justify-content:space-between;}
.menu > li > .depth2-box > .menu_wid > .menu_titile{text-align: left;display: table;background: #094043 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ampunyyratrk.tb.xe%2Spff%2S..%2Svzntr%2Spbzzba%2Sznt.cat) no-repeat right bottom;width: 300px;min-height: 320px;overflow: hidden;}
.menu > li > .depth2-box > .menu_wid > .menu_titile h4{display: table-cell;vertical-align:middle;font-size: 30px;color:#fff;font-weight: bold;line-height:1;}
.menu > li > .depth2-box .depth2{width: calc(100% - 300px);padding-left: 20px;padding-top: 40px;display: flex;flex-wrap:wrap;justify-content: center;}
.menu > li > .depth2-box .depth2 > li{width: calc(16% - 20px);margin-left: 20px;}
.menu > li > .depth2-box .depth2 > li > a{display: block;border: 1px solid #dfdfdf;background: #fafafa;width: 100%;height: 50px;box-sizing: border-box;display:table;font-size:17px;color:#454545;}
.menu > li > .depth2-box .depth2 > li > a > span{display:table-cell;vertical-align:middle;padding: 3px;}
.menu > li > .depth2-box .depth2 > li > .depth3{margin-top: 20px;}
.menu > li > .depth2-box .depth2 > li > .depth3 > li{margin-bottom: 15px;}
.menu > li > .depth2-box .depth2 > li > .depth3 > li:last-child{margin-bottom: 0;}
.menu > li > .depth2-box .depth2 > li > .depth3 > li > a{display: block;font-size: 16px;color:#454545;font-weight: 300;}
.menu > li > .depth2-box .depth2 > li:hover > a{border: 1px solid #094043;color:#094043;background: #fff;}
.menu > li > .depth2-box .depth2 > li > .depth3 > li:hover > a{color:#094043;}


.all_menu_area{display: none;position: absolute;left: 0;top: 40px;right: 0;width: 100%;height: calc(100vh - 40px);background: #fff;padding-top: 120px;}
.all_menu_wid{width: calc(100% - 20px);max-width: 1320px;margin: 0 auto;}
.all_menu{width: 100%;display: flex;justify-content:space-between;}
.all_menu > lI{text-align: center;margin: 0 20px;width: calc(25% - 40px);}
.all_menu > lI > a{display: block;font-size:23px;color:#000;font-weight:500;line-height:1;padding-bottom:25px;border-bottom:1px solid #000;line-height: 1.1;}
.all_menu > lI > .dp2{padding-top: 25px;}
.all_menu > lI > .dp2 > li{margin-bottom: 30px;}
.all_menu > lI > .dp2 > li:last-child{margin-bottom:0;}
.all_menu > lI > .dp2 > li > a{display: block;font-size: 18px;color:#000;line-height: 1.1;}
.all_menu > lI > .dp2 > li > .dp3{margin-top: 15px;background: #f5f5f5;padding: 25px 5px;}
.all_menu > lI > .dp2 > li > .dp3 > li{margin-bottom: 20px;}
.all_menu > lI > .dp2 > li > .dp3 > li:last-child{margin-bottom: 0;}
.all_menu > lI > .dp2 > li > .dp3 > li > a{display: block;font-size: 16px;color:#000;font-weight:300;line-height: 1.1;}
.all_menu a:hover{color:#094043;}


.search_area{display: none;position: fixed;left: 0;top: 0;bottom: 0;right: 0;z-index: 9999;background:rgba(0,0,0,0.6);}
.search_box{background: #000;}
.search_wid{width: calc(100% - 40px);max-width: 1320px;margin:0 auto;padding: 150px 0;position: relative;}
.search_bar{width: 100%;max-width: 640px;margin: 0 auto;position: relative;border: 2px solid #fff;border-radius: 3px;}
.search_bar input[type="text"]{width: calc(100% - 50px);border:0;background:none;height: 60px;padding-left: 20px;font-size: 20px;color: #fff;}
.search_bar a{display: inline-block;position: absolute;right: 0;top: 0;width: 50px;text-align: center;line-height: 60px;}
.search_close{position: absolute;right: 0;top: 50px;}
.search_bar input::placeholder {color:#fff;}
.search_bar input::-webkit-input-placeholder {color:#fff;}
.search_bar input:-ms-input-placeholder {color:#fff;}

.search_bar button{display: inline-block;position: absolute;right: 0;top: 0;width: 50px;text-align: center;line-height: 60px;border:0;cursor:pointer;background-color:#000000}




#all_contents{position:relative;width:100%;margin:0 auto;}



#footer{width:100%;margin:0 auto;background:#252525;box-sizing:border-box;padding:50px 10px;text-align:center;}
#footer ul{margin-bottom: 20px;}
#footer ul li{display: inline-block;margin-right: 20px;position: relative;}
#footer ul li > a{display: block;font-size: 16px;color:#979797;}
#footer ul li:last-child{margin-right: 0;}
#footer ul li:after{content:"/";position: absolute;right: -17px;top: 2px;font-size: 15px;color:#979797;}
#footer ul li:last-child:after{display: none;}
#footer p{font-size: 16px;color:#676767;font-weight:300;line-height: 1.5;}



@media screen and (max-width:1719px){
	.menu > li > .depth2-box:after{width:10px;}
}
@media screen and (max-width:1599px){
	.menu > li > a{padding: 0 40px;}
	.menu > li > .depth2-box > .menu_wid > .menu_titile{width: 200px;}
	.menu > li > .depth2-box .depth2{width: calc(100% - 200px);padding-left: 0;}

}
@media screen and (max-width:1380px){
	

}
@media screen and (max-width:1180px){
	
}
@media screen and (max-width:1024px){
	.head_top > .wids{height: 34px;}
	.head_top > .wids{justify-content:flex-end;}
	.head_top > .wids > p{display: none;}
	.menu_area{display: none;}
	.top_btns > a{margin-right:15px;}
	h1.logo > a{max-width: 180px;}
	
	.all_menu_area{top: 34px;height: calc(100vh - 34px);padding-top: 0;overflow:auto;}
	.all_menu_wid{width: calc(100% - 40px);text-align: center;padding-top: 80px;}
	.all_menu{display: block;overflow:auto;border-top: 1px solid #000;}
	.all_menu > lI{margin: 0;width: auto;}
	.all_menu > lI > a{font-size:18px;padding-bottom:15px;padding-top: 15px;}
	.all_menu > lI > .dp2{display: none;padding-top: 15px;padding-bottom: 20px;border-bottom: 1px solid #dfdfdf;}
	.all_menu > lI > .dp2 > li{margin-bottom: 15px;}
	.all_menu > lI > .dp2 > li > a{font-size: 16px;color:#000;}
	.all_menu > lI > .dp2 > li > .dp3{margin-top: 10px;padding: 13px 5px;}
	.all_menu > lI > .dp2 > li > .dp3 > li{margin-bottom: 5px;}
	.all_menu > lI > .dp2 > li > .dp3 > li > a{font-size: 15px;}

	.search_wid{padding: 100px 0;}
	.search_bar input[type="text"]{height: 50px;padding-left: 15px;font-size: 18px;}
	.search_bar a{;line-height: 50px;}
	.search_close{position: absolute;right: 0;top: 30px;}
}



@media screen and (max-width:767px){
	

}

@media screen and (max-width:640px){

}

@media screen and (max-width:480px){
	
}

@media screen and (max-width:420px){
	
}