@charset "utf-8";
html, body {width:100%}
body {overflow:auto}
body {overflow-y:visible;overflow-x:hidden}
body li {list-style:none}
body.no-scr {overflow-y:hidden}
#doc {position:relative;width:100%;min-width:320px}
.body-main #container-wrap {margin-top:0;z-index:1;transition:all .3s ease}
.header-wrap-abs {line-height:1;position:absolute;z-index:2;width:100%;left:0;top:0;background:transparent;height:120px;transition:all .3s linear}
@media all and (min-width:1000px) {
	.header-wrap-abs {z-index:2000}
	.body-sub .header-wrap-abs {z-index:2000}
}
@media all and (max-width:999px) {
	.body-main #container-wrap {margin-top:0}
	.header-wrap-abs {height:80px;position:relative;left:auto;top:auto;border-bottom:1px solid #ddd}
	.body-sub .topmenu .depth2-wrap {margin:0}
	.body-sub #container-wrap {margin-top:0}
}
@media all and (max-width:499px) {
	.header-wrap-abs {height:60px}
}

/* 레이아웃 기본 스타일 선언(컨텐츠 중앙 정렬) : 최대 width 확인 */
.div-abs {position:absolute}
.div-wrap {position:relative;width:100%;text-align:center;margin:0 auto}
.div-cont {position:relative;text-align:left;margin:0 auto}
.div-cont:after {clear:both;content:"";display:block}
.body-slide-wr {position:relative;width:100%;height:100%;transition:margin 0.3s ease}
.body-slider-ovclick {position:fixed;z-index:999;width:100%;height:100%;left:0;top:0;background:rgba(36,40,57,0.98);overflow:hidden}
.body-slider-ovclick:before {animation:mymove .3s forwards .3s;content:"";display:none;position:absolute;width:60px;height:60px;background:#30373f url(../_Img/m_closer_icon.png) no-repeat center center;right:-60px;top:0;background-size:20px}
@media only screen and (min-width:1280px){
	.div-wrap {min-width:1200px}
	.div-cont {max-width:1200px;width:100%;margin-left:auto;margin-right:auto}
}
@media only screen and (min-width:1000px) and (max-width:1279px){
	.div-wrap {min-width:1000px}
	.div-cont {width:auto;margin-left:30px;margin-right:30px}
}
@media only screen and (min-width:481px) and (max-width:999px){
	body {overflow-x:hidden}
	.div-cont {margin-left:15px;margin-right:15px}
}
@media only screen and (max-width:480px) {
	body {overflow-x:hidden}
	.div-wrap {min-width:320px}
	.div-cont {min-width:auto;margin-left:10px;margin-right:10px}
}


/*****************************************************************************/

/* z-index 설정 */
#gnavi-wr {z-index:2100}
@media all and (min-width:1000px) {
	.body-sub .header-wrap-abs.notTop {box-sizing:border-box;border-bottom:1px solid #ddd}
	.header-wrap-abs.hovSet {background:#fff}
	.header-wrap-abs.hovSet #mainNavi-wrap .ovbar:before {background:#134ca1}
	.header-wrap-abs.hovSet .topmenu .mn_s1 {color:#222}
	.header-wrap-abs.hovSet .topmenu .over .mn_a1 .mn_s1,
	.header-wrap-abs.hovSet .topmenu .mn_a1:hover .mn_s1,
	.header-wrap-abs.hovSet .topmenu .mn_a1:focus .mn_s1,
	.header-wrap-abs.hovSet .topmenu .mn_a1:active .mn_s1 {color:#134ca1}
	.header-wrap-abs.hovSet .gnavi-sns .gs-l a.btn-facebook:before {background-position:0 -64px}
	.header-wrap-abs.hovSet .gnavi-sns .gs-l a.btn-youtube:before {background-position:-40px -64px}
	.header-wrap-abs.hovSet .gnavi-sns .gs-l a.btn-linkedin:before {background-position:-40px -104px}
	.header-wrap-abs.hovSet .gnavi-sns .gs-r .gn-fsitelink dl dt button {color:#134ca1}
	.header-wrap-abs.hovSet .gnavi-sns .gs-r .gn-fsitelink dl dt button:after {background:#134ca1}
	.header-wrap-abs.hovSet .gnavi-sns .gs-r .gn-fsitelink dl dt button:before {background-position:-47px 0}
	.header-wrap-abs.hovSet .gnavi-sns .gs-l a.btn-facebook:before {background-position:0 -64px}
	.header-wrap-abs.hovSet .gnavi-sns .gs-l a.btn-youtube:before {background-position:-40px -64px}
	.header-wrap-abs.hovSet .gnavi-sns .gs-l a.btn-linkedin:before {background-position:-40px -104px}
	.header-wrap-abs.hovSet .gnavi-btn .btn-mnall:before,
	.header-wrap-abs.hovSet .gnavi-btn .btn-mnall span,
	.header-wrap-abs.hovSet .gnavi-btn .btn-mnall:after {background:#134ca1}
	.body-sub .header-wrap-abs {background:#fff;border-bottom:1px solid #ccc}
	.body-sub .header-wrap-abs #mainNavi-wrap .ovbar:before {background:#134ca1}
	.body-sub .header-wrap-abs .topmenu .mn_s1 {color:#222}
	.body-sub .header-wrap-abs .topmenu .over .mn_a1 .mn_s1,
	.body-sub .header-wrap-abs .topmenu .mn_a1:hover .mn_s1,
	.body-sub .header-wrap-abs .topmenu .mn_a1:focus .mn_s1,
	.body-sub .header-wrap-abs .topmenu .mn_a1:active .mn_s1 {color:#134ca1}
	.body-sub .header-wrap-abs .gnavi-sns .gs-l a.btn-facebook:before {background-position:0 -64px}
	.body-sub .header-wrap-abs .gnavi-sns .gs-l a.btn-youtube:before {background-position:-40px -64px}
	.body-sub .header-wrap-abs .gnavi-sns .gs-l a.btn-linkedin:before {background-position:-40px -104px}
	.body-sub .header-wrap-abs .gnavi-sns .gs-r .gn-fsitelink dl dt button {color:#134ca1}
	.body-sub .header-wrap-abs .gnavi-sns .gs-r .gn-fsitelink dl dt button:after {background:#134ca1}
	.body-sub .header-wrap-abs .gnavi-sns .gs-r .gn-fsitelink dl dt button:before {background-position:-47px 0}
	.body-sub .header-wrap-abs .gnavi-sns .gs-l a.btn-facebook:before {background-position:0 -64px}
	.body-sub .header-wrap-abs .gnavi-sns .gs-l a.btn-youtube:before {background-position:-40px -64px}
	.body-sub .header-wrap-abs .gnavi-sns .gs-l a.btn-linkedin:before {background-position:-40px -104px}
	.body-sub .header-wrap-abs .gnavi-btn .btn-mnall:before,
	.body-sub .header-wrap-abs .gnavi-btn .btn-mnall span,
	.body-sub .header-wrap-abs .gnavi-btn .btn-mnall:after {background:#134ca1}

	.body-sub #header #logo {top:35px}
	.body-sub .topmenu .mn_s1 {padding:54px 0 46px}
	.body-sub .gnavi-sns .gs-l {top:44px}
	.body-sub .gnavi-sns .gs-r {top:48px}
	.body-sub .gnavi-btn .btn-mnall {top:21px}

	.header-wrap-abs.notTop {position:fixed;height:90px;background:#fff;border-bottom:1px solid #ccc}
	.header-wrap-abs.notTop .mn-bg {top:90px}
	.header-wrap-abs.notTop .gnavi-sns-w {}
	.header-wrap-abs.notTop #header {}
	.header-wrap-abs.notTop #mainNavi {height:90px}
	.header-wrap-abs.notTop #mainNavi-wrap:after {top:90px}
	.header-wrap-abs.notTop #mainNavi-wrap .ovbar {top:60px}
	.header-wrap-abs.notTop #mainNavi-wrap .ovbar:before {background:#134ca1}
	.header-wrap-abs.notTop .gnavi-btn .btn-mnall:before,
	.header-wrap-abs.notTop .gnavi-btn .btn-mnall span,
	.header-wrap-abs.notTop .gnavi-btn .btn-mnall:after {background:#333}
	.header-wrap-abs.notTop .gnavi-btn .intra {top:22px;background:#fff;color:#134ca1}
	.header-wrap-abs.notTop .gnavi-btn .lang {top:22px}
	.header-wrap-abs.notTop #header #logo {top:15px}
	.header-wrap-abs.notTop .topmenu .depth2-wrap:before {}/* height:300% */
	.header-wrap-abs.notTop .topmenu .mn_s1 {padding:30px 0 31px}
	.header-wrap-abs.notTop .topmenu .mn_s1:after {background:#fff}
	.header-wrap-abs.notTop .gnavi-sns .gs-r .gn-fsitelink dl dt button {color:#333}
	.header-wrap-abs.notTop .gnavi-sns .gs-r .gn-fsitelink dl dt button:after {background:#333}
	.header-wrap-abs.notTop .gnavi-sns .gs-r .gn-fsitelink dl dt button:before {background-position:-90px 0}
	.header-wrap-abs.notTop .gnavi-sns .gs-l a.btn-facebook:before {background-position:0 -64px}
	.header-wrap-abs.notTop .gnavi-sns .gs-l a.btn-youtube:before {background-position:-40px -64px}
	.header-wrap-abs.notTop .gnavi-sns .gs-l a.btn-linkedin:before {background-position:-40px -104px}
	.header-wrap-abs.notTop #header-wrap {height:90px}
	.header-wrap-abs.notTop #header-wrap.over .topmenu .mn_a1:hover .mn_s1,
	.header-wrap-abs.notTop #header-wrap.over .topmenu .mn_a1:focus .mn_s1,
	.header-wrap-abs.notTop #header-wrap.over .topmenu .mn_l1.over .mn_s1,
	.header-wrap-abs.notTop #header-wrap.is-open .topmenu .mn_a1:hover .mn_s1,
	.header-wrap-abs.notTop #header-wrap.is-open .topmenu .mn_a1:focus .mn_s1,
	.header-wrap-abs.notTop #header-wrap.is-open .topmenu .mn_l1.over .mn_s1 {color:#134ca1}
	.header-wrap-abs.notTop #header-wrap .topmenu .mn_s1,
	.header-wrap-abs.notTop #header-wrap.over .topmenu .mn_s1,
	.header-wrap-abs.notTop #header-wrap.is-open .topmenu .mn_s1 {color:#222}
	.header-wrap-abs.notTop .topmenu .mn_l1:nth-child(1) .depth2-wrap {top:90px}
	.header-wrap-abs.notTop .topmenu .mn_l1:nth-child(2) .depth2-wrap {top:253px}
	.header-wrap-abs.notTop .topmenu .mn_l1:nth-child(3) .depth2-wrap {top:362px}
	.header-wrap-abs.notTop .topmenu .mn_l1:nth-child(4) .depth2-wrap {top:525px;border-bottom:0}
	.header-wrap-abs.notTop .topmenu .mn_s1 {padding:30px 0 36px !important}
	.header-wrap-abs.notTop .gnavi-sns .gs-l {top:22px}
	.header-wrap-abs.notTop .gnavi-sns .gs-r {top:27px}
	.header-wrap-abs.notTop .gnavi-btn .btn-mnall {top:0}
	#container-wrap.notTop {margin-top:0}
}
@media all and (max-width:999px) {
	.header-wrap-abs {z-index:inherit}
	.body-main .header-wrap-abs {/*height:80px;position:absolute;z-index:initial*/}
	.body-main .header-wrap-abs:after {/*content:"";display:block;position:absolute;width:100%;height:100%;background:rgba(0, 0, 0, .2);z-index:2*/}
	.body-main #container-wrap.notTop {margin-top:0}
}
@media all and (max-width:767px) {
	.body-main #container-wrap.notTop {margin-top:0}
	/*
	.body-main .header-wrap-abs {position:relative;height:70px}
	.body-main .header-wrap-abs:after {display:none}
	.body-main .header-wrap-abs.notTop {height:60px}
	.body-main .header-wrap-abs.notTop .gnavi-btn .btn-mnall {height:60px;background:#134ca1}
	.body-main .header-wrap-abs.notTop #header-wrap {height:60px}
	.body-main .header-wrap-abs.notTop #header {height:100%;background:#134ca1}
	.body-main .header-wrap-abs.notTop #logo {width:133px;height:auto;left:20px;top:50%;margin:-12px 0 0}
	.body-main .header-wrap-abs.notTop #logo a {background:#134ca1}
	.body-main .header-wrap-abs.notTop #logo a img.pc {display:none}
	.body-main .header-wrap-abs.notTop #logo a img.mobile {display:block}
	*/
}

/* 스킵네비게이션 */
.skipNavi {height:0}
.skipNavi a {display:block;position:fixed;width:1px;height:1px;top:-1000em;left:-1000em;z-index:2500;overflow:hidden}
.skipNavi a:focus {width:auto;height:auto;background:#134ca1;color:#fff;padding:0.75em 1em;top:0;left:0}

/* 상단 */
#header-wrap {position:relative;background:transparent;height:120px;transition:all .3s linear}
#header {position:absolute;width:100%;left:0;top:0;height:0;z-index:2093;transition:all .3s ease;background:transparent}
#header #logo {display:block;position:absolute;left:85px;top:45px;width:121px;z-index:2500;text-align:left;transition:all .3s ease}
#header #logo a {display:block;width:100%;background:transparent}
#header #logo a img {display:block;width:100%}
@media all and (max-width:1600px) {
	#header #logo {left:50px}
}
@media all and (max-width:1200px) {
	#header #logo {left:20px}
}
@media all and (max-width:999px) {
	#header-wrap {height:auto;border-bottom:0}
	#header {z-index:1000}
	.is-hopen #header {z-index:0}
	#header #logo {left:20px;top:14px}
}
@media all and (max-width:767px) {
	#header-wrap {height:100%}
	#header {top:0;left:0;top:0;width:100%}
}
@media all and (max-width:499px) {
	#header #logo {left:15px;top:10px}
	#header #logo a img {height:40px;width:auto}
}

.gnavi-sns-w {position:relative;width:100%;text-align:left;transition:all .3s ease;z-index:2094}
.gnavi-sns {position:relative;width:100%}
.gnavi-sns .gs-l {position:absolute;right:225px;top:54px;transition:all .3s ease}
.gnavi-sns .gs-l a {display:inline-block;position:relative;width:40px;height:40px}
.gnavi-sns .gs-l a:before {content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:30px;height:30px;background:url(/kr/_Img/Layout/layout_spr.png) no-repeat}
.gnavi-sns .gs-l a.btn-facebook:before {background-position:0 -24px}
.gnavi-sns .gs-l a.btn-youtube:before {background-position:-40px -24px}
.gnavi-sns .gs-l a.btn-linkedin:before {background-position:0 -104px}
.gnavi-sns .gs-l a:focus:before,
.gnavi-sns .gs-l a:hover:before {animation:buzz .75s linear 1}
.gnavi-sns .gs-r {position:absolute;right:130px;top:58px;z-index:3;transition:all .3s ease}
.gnavi-sns .gs-r .gn-fsitelink {}
.gnavi-sns .gs-r .gn-fsitelink dl {display:block;position:relative}
.gnavi-sns .gs-r .gn-fsitelink dl dt {display:block;background:none;padding:0;margin:0}
.gnavi-sns .gs-r .gn-fsitelink dl dt button {display:block;position:relative;overflow:hidden;box-sizing:border-box;height:auto;line-height:1;border:0;font-size:16px;font-family:"Play", sans-serif;color:#fff;font-weight:700;padding:5px 36px 13px 0;background:none}
.gnavi-sns .gs-r .gn-fsitelink dl dt button:before,
.gnavi-sns .gs-r .gn-fsitelink dl dt button:after {content:"";display:block;position:absolute;right:0}
.gnavi-sns .gs-r .gn-fsitelink dl dt button:before {width:11px;height:7px;background:url(/kr/_Img/Layout/layout_spr.png) no-repeat -25px 0;top:8px;transition:all .3s ease}
.gnavi-sns .gs-r .gn-fsitelink dl.over dt button:before {transform:rotate(180deg)}
.gnavi-sns .gs-r .gn-fsitelink dl dt button:after {width:100%;height:3px;background:#fff;bottom:0}
.gnavi-sns .gs-r .gn-fsitelink dl.over dt button {}
.gnavi-sns .gs-r .gn-fsitelink dl.over dt button:after {transform:rotate(180deg)}
.gnavi-sns .gs-r .gn-fsitelink dl dd {display:none;position:absolute;left:0;top:100%;height:auto;width:100%;overflow:hidden;padding:0;background:#f5f5f5}
.gnavi-sns .gs-r .gn-fsitelink dl dd ul {overflow-y:auto;overflow-x:hidden;height:100%;padding:10px 0;width:100%;overflow:hidden}
.gnavi-sns .gs-r .gn-fsitelink dl dd ul li a {display:block;line-height:1;height:auto;width:100%;box-sizing:border-box;padding:5px 10px;font-size:0.813em}
.gnavi-sns .gs-r .gn-fsitelink dl dd ul li a span {display:block;line-height:1}
.gnavi-sns .gs-r .gn-fsitelink dl dd ul li a:hover,
.gnavi-sns .gs-r .gn-fsitelink dl dd ul li a:focus {text-decoration:underline}
.gnavi-btn {position:absolute;width:100%;height:0;left:0;top:0;z-index:2500}
.gnavi-btn .btn-popups {position:absolute;right:150px;top:40px;border:0;background:none;height:auto;padding:0 30px 0 0;text-align:center;font-family:"Play",sans-serif;font-size:0.75em;box-sizing:border-box;color:#777777;z-index:11;transition:all .3s ease;display:none}
.gnavi-btn .btn-popups:before {content:'';display:block;position:absolute;top:50%;right:16px;margin-top:-2px;border:solid transparent;border-top:5px solid #777777;transform-origin:50% 25%;transition:all .3s ease}
.gnavi-btn .btn-popups.over:before {border-top:0;border-bottom:5px solid #777777;top:50%}
.gnavi-btn .btn-popups:after {content:'';display:block;position:absolute;top:2px;right:0;background:#ccc;width:1px;height:10px;transition:all .3s ease}
.gnavi-btn .btn-popups:focus,
.gnavi-btn .btn-popups:hover {background:#fff;color:#134ca1}
.gnavi-btn .btn-popups:focus:before,
.gnavi-btn .btn-popups:hover:before {border-bottom:0;border-top:5px solid #134ca1}
.gnavi-btn .btn-popups.over:focus:before,
.gnavi-btn .btn-popups.over:hover:before {border-top:0;border-bottom:5px solid #134ca1}
.gnavi-btn .btn-mnall {display:block;position:absolute;padding:0;box-sizing:border-box;border:0;width:90px;height:90px;margin:0;top:31px;z-index:10;right:0;transition:all .3s ease}
.gnavi-btn .btn-mnall:before,
.gnavi-btn .btn-mnall span,
.gnavi-btn .btn-mnall:after {content:"";display:block;position:absolute;width:30px;height:4px;background:#fff;top:0;right:0;bottom:0;left:0;font-size:0;transition:all .3s ease}
.gnavi-btn .btn-mnall:before {margin:33px auto auto auto}
.gnavi-btn .btn-mnall span {margin:auto}
.gnavi-btn .btn-mnall:after {margin:auto auto 33px auto}
.gnavi-btn .btn-mnall:focus:before,
.gnavi-btn .btn-mnall:focus span,
.gnavi-btn .btn-mnall:focus:after,
.gnavi-btn .btn-mnall:hover:before,
.gnavi-btn .btn-mnall:hover span,
.gnavi-btn .btn-mnall:hover:after {background:#ee3424}
@media all and (max-width:1600px) {
	.gnavi-sns .gs-l {right:165px}
	.gnavi-sns .gs-r {right:85px}
}
@media all and (max-width:999px) {
	.gnavi-sns-w {z-index:4}
	.gnavi-sns .gs-l {right:150px;top:20px}
	.gnavi-sns .gs-l a.btn-facebook:before {background-position:0 -64px}
	.gnavi-sns .gs-l a.btn-youtube:before {background-position:-40px -64px}
	.gnavi-sns .gs-l a.btn-linkedin:before {background-position:-40px -104px}

	.gnavi-sns .gs-r {right:65px;top:21px}
	.gnavi-sns .gs-r .gn-fsitelink dl dt button {color:#333}
	.gnavi-sns .gs-r .gn-fsitelink dl dt button:before {background-position:-90px 0}
	.gnavi-sns .gs-r .gn-fsitelink dl dt button:after {background:#333}

	.gnavi-btn .btn-mnall {height:40px;width:40px;top:20px;right:8px}
	.gnavi-btn .btn-mnall:before,
	.gnavi-btn .btn-mnall span,
	.gnavi-btn .btn-mnall:after {width:24px;height:2px;background:#333}
	.gnavi-btn .btn-mnall:before {margin:10px auto auto auto}
	.gnavi-btn .btn-mnall span {margin:auto}
	.gnavi-btn .btn-mnall:after {margin:auto auto 10px auto}
}
@media all and (max-width:767px) {
	.gnavi-btn {display:block;position:absolute;width:100%;left:0;top:0}
	.gnavi-btn .lang {right:60px;height:60px;top:0}
	.body-main .header-wrap-abs.notTop .gnavi-btn .lang {top:0}
}
@media all and (max-width:499px) {
	.gnavi-sns .gs-l {right:120px;top:15px}
	.gnavi-sns .gs-l a {width:30px;height:30px}
	.gnavi-sns .gs-r {right:60px;top:13px}
	.gnavi-sns .gs-r .gn-fsitelink dl dt button {padding:5px 20px 8px 0}
	.gnavi-btn .btn-mnall {height:40px;width:40px;top:10px}
}
@keyframes move-run {
	50% {right:21px;opacity:0}
	51% {right:-21px}
	100% {right:0;opacity:1}
}
.mn-bg {display:block;position:absolute;top:120px;left:0;width:100%;background:#055fbe;overflow:hidden}
.mn-bg .mnbg-inner {max-width:1200px;height:100%;margin:0 auto;position:relative}
.mn-bg .mnbg-inner:before {content:"";display:block;position:absolute;width:26.08%;height:100%;left:0;top:0;background:rgba(84, 1, 0, .97)}
.body-main .header-wrap-abs.notTop .mn-bg {top:90px}
@media only screen and (min-width:1000px) {
	#header-wrap.over .topmenu .mn_s1,
	#header-wrap.is-open .topmenu .mn_s1 {color:#222}
	#header-wrap.over .topmenu .over .mn_a1:after,
	#header-wrap.over .topmenu .mn_a1:hover:after,
	#header-wrap.over .topmenu .mn_a1:focus:after,
	#header-wrap.is-open .topmenu .over .mn_a1:after,
	#header-wrap.is-open .topmenu .mn_a1:hover:after,
	#header-wrap.is-open .topmenu .mn_a1:focus:after {}
	#header-wrap.over .topmenu .mn_a1:hover .mn_s1,
	#header-wrap.over .topmenu .mn_a1:focus .mn_s1,
	#header-wrap.over .topmenu .mn_l1.over .mn_s1,
	#header-wrap.is-open .topmenu .mn_a1:hover .mn_s1,
	#header-wrap.is-open .topmenu .mn_a1:focus .mn_s1,
	#header-wrap.is-open .topmenu .mn_l1.over .mn_s1 {color:#134ca1}
}

/* 메뉴 */
.tmn-tit,
#mainNavi-wrap .mLang,
.bt-mnclose {display:none}
@media all and (max-width:1341px) {
	.topmenu .depth2 .mn_a2 {margin:0 !important}
}
@media all and (min-width:1201px) and (max-width:1340px) {
	.topmenu {min-width:0 !important}
}
@media all and (min-width:1101px) and (max-width:1200px) {
	#mainNavi-wrap {text-align:center}
}
@media all and (min-width:1001px) and (max-width:1100px) {
	.topmenu .mn_a1 {padding:0 10px !important}
}
@media only screen and (min-width:1000px) {
	#mainNavi-wrap .tmn-closeBtn { display:none}
	#header-wrap .mn-bar {position:absolute;top:89px;left:0;width:100%;height:0px;background:rgba(255,255,255,0.2);z-index:300}
	#header-wrap.is-open #mainNavi-wrap {}
	#mainNavi-wrap {display:block;box-sizing:border-box;position:relative;text-align:center;height:100%;margin:0;z-index:2092;background:transparent;overflow:hidden;transition:height .3s linear}
	#mainNavi-wrap:after {content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:120px;background:rgba(0, 96, 195, .98);z-index:-1;transition:all .3s linear}
	#mainNavi-wrap.is-open {border-bottom:0}
	#mainNavi-wrap.over {/*height:710px !important*/}

	#mainNavi {position:relative;height:120px;z-index:100;text-align:center;width:100%;max-width:1600px;display:inline-block;transition:all .3s linear;}
	.topmenu {}
	.topmenu .tgl-btn {display:none}
	.topmenu .first {background:none}
	.topmenu .mn_l1 {display:inline-block;vertical-align:top;width:auto;}
	.topmenu .mn_a1 {display:block;position:relative;height:auto;text-align:center;padding:0 25px;z-index:2}
	.topmenu .over .mn_s1:after,
	.topmenu .mn_s1:hover:after,
	.topmenu .mn_s1:focus:after {width:100%;left:0;z-index:2000}
	.topmenu .mn_a1 .sico-nwin {display:none}
	.topmenu .mn_s1 {display:inline-block;position:relative;font-size:24px;color:#fff;font-weight:700;text-align:center;white-space:nowrap;vertical-align:middle;text-overflow:ellipsis;padding:60px 0 36px;transition:all .3s ease}
	.topmenu .over .mn_a1 .mn_s1,
	.topmenu .mn_a1:hover .mn_s1,
	.topmenu .mn_a1:focus .mn_s1,
	.topmenu .mn_a1:active .mn_s1 {}
	.topmenu .mn_a1[target=_blank] .mn_s1:after,
	.topmenu .mn_a2[target=_blank] .txt:after,
	.topmenu .mn_a3[target=_blank]:after {content:"";display:inline-block;vertical-align:middle;;width:10px;height:10px;background:url(../_Img/header_spr.png) no-repeat -222px 0;margin-top:-3px;margin-left:5px}
	.topmenu .depth2-wrap {display:none;position:absolute;width:100%;height:auto;left:0;z-index:1000;text-align:left;box-sizing:border-box;transition:all .3s ease}
	.topmenu .depth2-wrap:before {display:block;content:'';position:absolute;top:0;left:0;width:150px;height:100%;background:#004996}
	.topmenu .mn_l1:nth-child(1) .depth2-wrap {top:120px}
	.topmenu .mn_l1:nth-child(2) .depth2-wrap {top:283px}
	.topmenu .mn_l1:nth-child(3) .depth2-wrap {top:392px}
	.topmenu .mn_l1:nth-child(4) .depth2-wrap {top:555px;border-bottom:0}
	.topmenu .mn_l1:last-child .depth2-wrap {}
	.topmenu .depth2-wrap .mn-stit {display:block;position:absolute;left:0;top:20px;color:#fff;padding:0 0 15px;width:150px;text-align:center;line-height:1;font-weight:normal;font-size:1.063em}
	.topmenu .depth2-wrap .mn-stit:before {content:"";display:block;position:absolute;left:50%;bottom:0;width:4px;height:12px;background:#2e95ff;margin-left:-10px;transform:skewX(-45deg);-ms-transform:skewX(-45deg);transform-origin:0 100%;opacity:0;transition:all .3s ease}
	.topmenu .depth2-wrap:focus .mn-stit:before,
	.topmenu .depth2-wrap:hover .mn-stit:before,
	.topmenu .depth2-wrap.over .mn-stit:before,
	.topmenu .depth2-wrap .mn-stit.hasTab:before {opacity:1}
	.topmenu .depth2-wrap .depth2 {display:block;width:auto;margin:15px 0 0 170px;padding-bottom:0px;padding-left:10px;border-bottom:1px dashed rgba(255, 255, 255, .2);font-size:0}
	.topmenu .depth2-wrap .depth2:after {display:block;content:'';clear:both}
	.topmenu .depth2-wrap .mn_l2 {display:inline-block;position:relative;width:20%;margin:0 0 15px;vertical-align:top;box-sizing:border-box;padding-right:20px;font-size:16px}
	.topmenu .depth2-wrap .mn_l2:after {content:"";display:block;position:absolute;width:1px;height:10px;background:rgba(255, 255, 255, .2);right:16px;top:8px}
	.topmenu .depth2-wrap .mn_l2:last-child:after,
	.topmenu .depth2-wrap .mn_l2:nth-child(4n):after {display:none}
	.topmenu .depth2-wrap .mn_a2 {position:relative;display:block;padding:3px 0 0 0;font-weight:300;line-height:1;transition:all .3s ease}
	.topmenu .depth2-wrap .mn_a2:hover:before {display:block;content:'';position:absolute;top:50%;right:2px;width:5px;height:5px;margin-top:-3px;border-radius:50%;background:#5cacff}
	.topmenu .depth2-wrap .mn_a2 span {display:block;position:relative;line-height:1;padding:0 0 3px 0;font-size:1em;color:#fff;font-weight:300;transition:all .3s ease}
	.topmenu .depth2-wrap .mn_a2 .blt {display:none}
	.topmenu .depth2-wrap .mn_a2 .txt:after {content:"";display:block;position:absolute;width:0;height:1px;background:#fff;left:0;bottom:0;transition:all .3s ease}
	.topmenu .depth2-wrap .mn_a2.over span,
	.topmenu .depth2-wrap .mn_a2:hover span,
	.topmenu .depth2-wrap .mn_a2:focus span {color:#fff}
	.topmenu .depth2-wrap .mn_a2.over span:after,
	.topmenu .depth2-wrap .mn_a2:hover span:after,
	.topmenu .depth2-wrap .mn_a2:focus span:after {width:100%}
	.topmenu .tgl-btn {display:none}
	.topmenu .depth2-wrap .depth2 > li:nth-child(5) {clear:left}
	.topmenu .mn_l1:nth-child(6) .depth2-wrap .depth2 {border:0}
	.topmenu .depth3-wrap {display:block;padding:5px 0 0;z-index:99}
	.topmenu .depth3-wrap li {width:100%}
	.topmenu .depth3-wrap li a {position:relative;display:block;padding:-1px 0 7px 0;transition:all 0.3s ease}
	.topmenu .depth3-wrap li a span {display:inline-block;font-size:0.938em;color:#a5bbe0}
	.topmenu .depth3-wrap li a:hover span, .topmenu .depth3-wrap li.over a span {text-decoration:underline}

	/* 오버 */

	#mainNavi-wrap .ovbar {display:block;position:absolute;top:90px;left:0;width:100%;height:3px;box-sizing:border-box;padding:0 25px;transition:top .3s ease}
	#mainNavi-wrap .ovbar:before {content:'';display:block;width:100%;height:3px;background:#fff}
	#mainNavi-wrap.over {border-bottom:0}
	.header-wrap-abs.hovSet #mainNavi-wrap.over {box-shadow:0 5px 10px rgba(0, 0, 0, .5)}
}
@media all and (min-width:1000px) and (max-width:1399px) {
	.topmenu .mn_a1 {padding:0 15px}
}
@media all and (min-width:1000px) and (max-width:1299px) {
	.topmenu {box-sizing:border-box;padding:0 70px 0 0}
	.topmenu .mn_a1 {padding:0 15px}
	.topmenu .mn_s1 {font-size:20px;padding:64px 0 36px}
}
@media all and (min-width:1000px) and (max-width:1299px) {
	.topmenu {padding:0 90px 0 0}
}
@media only screen and (max-width:999px) {
	/* 메뉴 */
	#mainNavi-wrap {top:0;right:0;height:100%;width:0;position:absolute;z-index:1000}
	#mainNavi {position:fixed;z-index:3000;right:-340px;top:0px;width:340px;height:100%;background:none;overflow-y:scroll !important;overflow-x:hidden !important;background:#134ca1;transition:right .3s ease}
	#mainNavi.mn-h-open {right:0;overflow-x:visible;overflow-y:scroll}
	#mainNavi-wrap .ovbar, .mainNavi-ban {display:none}
	.mn-h-open .tmn-tit {display:block;position:relative;height:80px;overflow:hidden;background:#1c3785;text-align:center;line-height:40px;box-sizing:border-box;z-index:2;padding:0;font-weight:normal}
	.mn-h-open .tmn-tit .tmn-t {display:block;color:#fff;font-size:1.125em;border-bottom:1px solid rgba(255,255,255,0.2);box-sizing:border-box}
	.mn-h-open .tmn-tit .utilBtn {display:inline-block;position:relative;font-family:"Play",sans-serif;overflow:hidden;width:100%}
	.mn-h-open .tmn-tit .utilBtn.kor,
	.mn-h-open .tmn-tit .utilBtn.eng {font-size:0.813em;color:#fff;float:left;width:50%}
	.mn-h-open .tmn-tit .utilBtn.kor:after {content:"";display:block;position:absolute;width:1px;height:100%;background:rgba(255,255,255,0.2);right:0;top:0}
	.topmenu {display:block;position:relative;margin:0;text-align:left;background:rgba(5,95,190,0.98)}
	.topmenu:after {display:block;content:"";clear:both}
	.topmenu li {float:left;line-height:1.3em;position:relative}
	.topmenu a,
	.topmenu span {display:block;position:relative;white-space:nowrap}
	.topmenu li > div {display:none}
	.topmenu .blt {display:none}
	.topmenu .tgl-btn {display:block;padding:0;position:absolute;right:20px;top:20px;border:0;z-index:100;text-indent:-9999em;background:transparent}
	.topmenu .mn_l1 {display:block;float:left;width:100%}
	.topmenu .mn_l1 .mn_a1 {border-bottom:1px solid rgba(210,210,210,0.1);color:#a5bbe0;font-size:1.063em}
	.topmenu .mn_l1 .mn_a1 span {display:block;padding:15px 20px 14px 20px;overflow:hidden;letter-spacing:-1px}
	.topmenu .mn_l1.is-open .mn_a1,
	.topmenu .mn_l1.over .mn_a1 {color:#fff}
	.topmenu .mn_l1 > .tgl-btn {}
	.topmenu .mn_l1 > .tgl-btn:before,
	.topmenu .mn_l1 > .tgl-btn:after {display:block;content:'';position:absolute;top:0;left:0;width:1px;height:8px;background:#a5bbe0;transform:rotate(45deg)}
	.topmenu .mn_l1 > .tgl-btn:after {left:-5px;transform:rotate(-45deg)}
	.topmenu .mn_l1.is-close > .tgl-btn:after {}
	.topmenu .mn_l1.is-open > .tgl-btn:before {transform:rotate(-45deg);background:#fff}
	.topmenu .mn_l1.is-open > .tgl-btn:after {transform:rotate(45deg);background:#fff}
	.topmenu .mn_l1.over > .tgl-btn:before,
	.topmenu .mn_l1.over > .tgl-btn:after {background:#fff}
	.topmenu .depth2-wrap {position:relative;box-sizing:border-box;padding:0 !important;background:#fff}
	.topmenu .depth2-wrap .mn-stit {display:none}
	.topmenu .depth2 {position:relative;width:auto;margin:0}
	.topmenu .depth2:after {clear:both;content:"";display:block}
	.topmenu .mn_l2 {width:100%;border-bottom:1px solid #D2D2D2}
	.topmenu .mn_l2 .mn_a2 {display:block;word-break:break-all;text-align:left;padding:8px 20px 8px 20px;background:#fff}
	.topmenu .mn_l2 .mn_a2 .txt {display:inline-block;font-size:1em;color:#222222;word-break:break-all;vertical-align:middle;white-space:normal}
	.topmenu .is-open .mn_l2.over .mn_a2,
	.topmenu .mn_l2.over .mn_a2 {}
	.topmenu .mn_l2.over .mn_a2 .txt {color:#134ca1}
	.topmenu .mn_l2.over .mn_a2:before {}
	.topmenu .mn_l2 > .tgl-btn {margin-top:0}
	.topmenu .mn_l2 > .tgl-btn:after {content:"";display:block;position:absolute;width:0;height:0;right:0;top:0;border:5px solid transparent;border-top:5px solid #666971;transform-origin:50% 25%;transition:all .3s ease;z-index:100;background:transparent}
	.topmenu .mn_l2.is-open > .tgl-btn:after {border-top:5px solid #055fbe;transform:rotate(180deg)}
	.topmenu .mn_l2.is-open > .tgl-btn:after,
	.topmenu .mn_l2.over > .tgl-btn:after,
	.topmenu .mn_l2.is-close > .tgl-btn:after {}
	.topmenu .mn_l2.over.is-close > .tgl-btn:after {border-top:5px solid #055fbe;border-bottom:0 solid #055fbe}
	.topmenu .mn_l2.over .depth3-wrap {width:auto !important}
	.topmenu .depth3-wrap {position:relative;width:100% !important;padding:0;box-sizing:border-box;border-top:1px solid #868686;background:#F6F6F6;transition:right .3s ease}
	.topmenu .depth3 {display:block;position:relative;width:100%;padding:10px 0}
	.topmenu .depth3:after {content:"";display:block;clear:both}
	.topmenu .depth3 .mn_l3 {display:block;width:100%;position:relative;color:#444444;line-height:1;box-sizing:border-box}
	.topmenu .depth3 .mn_l3 .mn_a3 span {display:block;position:relative;text-align:left;font-size:0.938em;padding:8px 0 8px 30px}
	.topmenu .depth3 .mn_l3 .mn_a3 .blt {display:none}
	.topmenu .depth3 .mn_l3.over .mn_a3 span {color:#ba1d1d;text-decoration:underline}
	.topmenu .depth3 .mn_l3.over span {font-weight:normal;color:#fff}
	.topmenu .mn_l3.over .mn_a3 .txt {color:#003d7d}
	.topmenu .mn_l3.mn_a3:hover .txt {color:#003d7d}
	.topmenu .sico-nwin {display:none !important}
	#mainNavi-wrap .tmn-closeBtn {position:absolute;left:100%;top:0;width:60px;height:40px;background:transparent;border:0}
	#mainNavi-wrap .tmn-closeBtn .blind {}
	#mainNavi-wrap .tmn-closeBtn:after {display:block;content:'';position:absolute;right:20px;top:8px;width:2px;height:20px;background:rgba(255,255,255,0.2);transform:rotate(45deg)}
	#mainNavi-wrap .tmn-closeBtn:before {display:block;content:'';position:absolute;right:20px;top:8px;width:2px;height:20px;background:rgba(255,255,255,0.2);transform:rotate(-45deg)}
	.is-open #mainNavi-wrap .tmn-closeBtn {left:auto;right:0;top:0;z-index:3001}
	.is-open #mainNavi-wrap .tmn-closeBtn .blind {}
	.mn-bg {display:none}
}
@media all and (max-width:400px) {
	#mainNavi {width:100%;right:-100%;overflow-y:auto !important}
}

/* -------- FOOTER -------- */
.footer-wrap {background:#081221;padding:52px 0 93px;position:relative;z-index:2}
.footer-wrap .topBt {display:block;position:fixed;bottom:100px;right:-80px;width:55px;height:55px;z-index:3500;font-size:13px;letter-spacing:-0.03em;text-align:center;color:#fff;background:#134ca1;transition:all .3s ease}
.footer-wrap .topBt span {display:inline-block;color:#fff;font-size:13px;margin-top:22px;text-align:center;line-height:1}
.footer-wrap .topBt.over {right:30px}
.footer-wrap .topBt.over:hover {background:#000}
.footer-wrap #footer {width:100%;margin:0 auto;padding:0;position:relative;z-index:1}
.footer-wrap #footer #footer-top-wrap {position:absolute;box-sizing:border-box;right:346px;top:17px;z-index:1}
.footer-wrap #footer .service-wr {}
.footer-wrap #footer .service-wr ul {text-align:right}
.footer-wrap #footer .service-wr ul li {display:inline-block;vertical-align:top;margin:0 30px 0 0}
.footer-wrap #footer .service-wr ul li:last-child {margin:0}
.footer-wrap #footer .service-wr ul li a {display:block;line-height:1;color:rgba(255, 255, 255, .6);font-size:15px;letter-spacing:-.04em;padding:0 25px 0 0;position:relative;transition:all .3s ease}
.footer-wrap #footer .service-wr ul li a:after {content:"";display:block;position:absolute;width:15px;height:14px;background:url(/kr/_Img/Layout/layout_spr.png) no-repeat;right:0;top:0px;opacity:.3;transition:all .3s ease}
.footer-wrap #footer .service-wr ul li a span {display:block;line-height:1}
.footer-wrap #footer .service-wr ul li a:focus,
.footer-wrap #footer .service-wr ul li a:hover {color:#fff}
.footer-wrap #footer .service-wr ul li a:focus:after,
.footer-wrap #footer .service-wr ul li a:hover:after {opacity:1}
.footer-wrap #footer .fcopyright {position:relative;margin:20px 50px 0 50px;z-index:0}
.footer-wrap #footer .fcopyright .pinfo {display:block;box-sizing:border-box;position:relative;padding-left:137px;font-family:"Play", "Noto Sans KR";text-align:left}
.footer-wrap #footer .fcopyright .pinfo .flogo {position:absolute;width:87px;top:8px;left:0}
.footer-wrap #footer .fcopyright .pinfo .flogo img {display:block;width:100%}
.footer-wrap #footer .fcopyright .pinfo .paddr .ptxt {position:relative;display:inline-block;font-size:15px;margin:0 20px 0 0;color:#fff;opacity:.8;font-weight:300;word-wrap:break-word;word-break:keep-all;white-space:normal}
.footer-wrap #footer .fcopyright .pinfo .paddr .ptxt:last-child {margin:0}
.footer-wrap #footer .fcopyright .pinfo .pcopyright {display:block;font-size:12px;color:#fff;opacity:.3;font-weight:300;letter-spacing:.1em;margin:10px 0 0}
.footer-wrap #footer .fsitelink {position:absolute;right:100px;top:-3px;z-index:1}
.footer-wrap #footer .fsitelink-sel {display:block;position:relative;z-index:1800;margin:0}
.footer-wrap #footer .fsitelink-sel * {color:#fff}
.footer-wrap #footer .fsitelink-sel .fsitelink-cate {display:block;position:relative;margin:0;box-sizing:border-box}
.footer-wrap #footer .fsitelink-sel .fsitelink-cate h5 {display:block;background:none;padding:0;margin:0;box-sizing:border-box;border:1px solid #fff}
.footer-wrap #footer .fsitelink-sel .fsitelink-cate h5 a {display:block;position:relative;overflow:hidden;box-sizing:border-box;height:auto;line-height:1;border:0;font-size:12px;color:#aaa;font-weight:normal;padding:19px 20px 22px 19px;width:208px;font-family:"Play";letter-spacing:0;text-align:left;transition:all .3s ease}
.footer-wrap #footer .fsitelink-sel .fsitelink-cate h5 a:after {content:"";display:block;position:absolute;width:12px;height:7px;right:17px;top:23px;background:url(/kr/_Img/Layout/layout_spr.png) no-repeat -25px -12px;transition:all .3s ease}
.footer-wrap #footer .fsitelink-sel .fsitelink-cate h5 a.over:after,
.footer-wrap #footer .fsitelink-sel .fsitelink-cate h5 a.over:after {transform:rotate(180deg)}
.footer-wrap #footer .fsitelink-sel .fsitelink-cate h5 a:focus,
.footer-wrap #footer .fsitelink-sel .fsitelink-cate h5 a:hover {}
.footer-wrap #footer .fsitelink-sel .fsitelink-cate-box {display:none;position:absolute;left:0;bottom:100%;height:auto;width:100%;overflow:hidden;padding:0;background:#134ca1}
.footer-wrap #footer .fsitelink-sel .fsitelink-cate ul {overflow-y:auto;overflow-x:hidden;height:100%;padding:10px 0;width:100%;overflow:hidden}
.footer-wrap #footer .fsitelink-sel .fsitelink-cate ul li {width:100%;padding:0;text-align:left}
.footer-wrap #footer .fsitelink-sel .fsitelink-cate ul li a {display:block;line-height:1;height:auto;width:100%;box-sizing:border-box;padding:5px 20px;font-size:0.75em}
.footer-wrap #footer .fsitelink-sel .fsitelink-cate ul li a span {display:block;line-height:1}
.footer-wrap #footer .fsitelink-sel .fsitelink-cate ul li a:hover,
.footer-wrap #footer .fsitelink-sel .fsitelink-cate ul li a:focus {text-decoration:underline}
.footer-wrap #footer .visitState {display:none}
@media all and (max-width:1700px) {
	.footer-wrap #footer #footer-top-wrap {right:330px}
	.footer-wrap #footer .service-wr ul li {margin:0 15px 0 0}
	.footer-wrap #footer .fcopyright {margin:20px 20px 0}
	.footer-wrap #footer .fcopyright .pinfo {padding-left:110px}
	.footer-wrap #footer .fcopyright .pinfo .paddr .ptxt {margin:0 15px 0 0}
}
@media all and (max-width:1500px) {
	.footer-wrap #footer #footer-top-wrap {position:relative;right:auto;top:auto;box-sizing:border-box;margin:0 20px}
	.footer-wrap #footer .service-wr ul {text-align:left}
	.footer-wrap #footer .fsitelink {top:41px}
}
@media all and (max-width:1200px) {
	.footer-wrap {padding:30px 0 50px}
	.footer-wrap .topBt {bottom:75px}
	.footer-wrap #footer .fcopyright .pinfo .paddr .ptxt {}
	.footer-wrap #footer .fcopyright .pinfo .paddr .ptxt.addr {display:block;margin:0 0 5px;line-height:1.5}
	.footer-wrap #footer .fsitelink {top:47px}
}
@media all and (max-width:899px) {
	.footer-wrap {padding:20px 0 20px}
	.footer-wrap .topBt {bottom:20px}
	.footer-wrap #footer .service-wr ul {text-align:center}
	.footer-wrap #footer .fcopyright .pinfo {padding-left:0;text-align:center}
	.footer-wrap #footer .fcopyright .pinfo .flogo {position:relative;top:auto;left:auto;margin:0 auto 20px}
	.footer-wrap #footer .fsitelink {position:relative;right:auto;top:auto;margin:20px 95px 0 20px}
	.footer-wrap #footer .fsitelink-sel .fsitelink-cate h5 a {width:100%}
}
@media all and (max-width:599px) {
	.footer-wrap #footer .service-wr ul li {margin:0 10px 0 0}
	.footer-wrap #footer .service-wr ul li a {padding:0 20px 0 0}
	.footer-wrap #footer .fcopyright .pinfo .paddr .ptxt {font-size:13px}
	.footer-wrap #footer .fcopyright .pinfo .pcopyright {line-height:1.4}
	.footer-wrap #footer .fcopyright .pinfo .pcopyright span {display:block;letter-spacing:0}
}

/* -------- CONTAINER WRAP -------- */
.body-sub #container-wrap {margin-top:0;position:relative;padding:120px 20px 0 20px;z-index:1}
@media all and (max-width:999px) {
	.body-sub #container-wrap {margin-top:0;padding:0}
	#container-wrap {margin-top:0}
}

/* -------- SUB TOP & VISUAL -------- */
#subtop-wr {position:relative;z-index:4}
#subtop-wr #svisual-wrap {position:relative;z-index:1}
#subtop-wr #svisual-wrap #vis-im-wr .svis-txt {display:block;text-align:center;line-height:1}
#subtop-wr #svisual-wrap #vis-im-wr .svis-txt .stit {display:block;position:relative;text-align:center;line-height:1}
#subtop-wr #svisual-wrap #vis-im-wr .svis-txt .stit .stit-core {display:inline-block;position:relative;color:#333;font-size:60px;font-weight:700;padding:11px 27px 0;line-height:1;letter-spacing:-.05em;margin:76px 0 0}
#subtop-wr #svisual-wrap #vis-im-wr .svis-txt .stit .stit-core:before {display:block;content:'';position:absolute;top:0;right:0;width:18px;height:18px;background:#f22b19;border-radius:50%;box-shadow:0 30px 30px rgba(0, 0, 0, .2)}
#subtop-wr #svisual-wrap #vis-im-wr .svis-txt .stit .stxt-core {display:block;text-align:center;font-family:"Play",sans-serif;font-size:21px;color:#333;opacity:.6;line-height:1.2;margin:28px 0 0}
#subtop-wr #svisual-wrap #vis-im-wr .svis-txt .vis-mn-navi {display:none}
#subtop-wr #svisual-wrap #vis-im-wr .svis-txt .bt-mn {display:none}
#subtop-wr #svisual-wrap #vis-im-wr .visimg-wr {position:relative;z-index:1;overflow:hidden}
#subtop-wr #svisual-wrap #vis-im-wr .visimg-wr .visimg-bg {display:none}
@media all and (max-width:999px) {
	#subtop-wr #svisual-wrap #vis-im-wr .svis-txt .stit .stit-core {font-size:40px;padding:10px 15px 0;margin:55px 0 0}
	#subtop-wr #svisual-wrap #vis-im-wr .svis-txt .stit .stit-core:before {width:10px;height:10px;box-shadow:0 20px 20px rgba(0, 0, 0, .3)}
	#subtop-wr #svisual-wrap #vis-im-wr .svis-txt .stit .stxt-core {font-size:20px;margin:10px 0 0}
}
@media all and (max-width:768px) {
	#subtop-wr #svisual-wrap #vis-im-wr .svis-txt .stit .stit-core {margin:70px 0 0;font-size:30px}
}
@media all and (max-width:599px) {
	#subtop-wr #svisual-wrap #vis-im-wr .svis-txt .stit .stit-core {font-size:20px}
}

/* -------- CONTAINER -------- */
#container {position:relative;z-index:2;padding:0;margin:50px 0 0}
@media all and (max-width:999px) {
	#container {padding:0;z-index:inherit}
}

/* -------- SUB NAVI -------- */
#subNavi-wrap {display:none}
#subNavi-wrap .dir-btn {display:none}
@media all and (min-width:1000px) {
	#container {z-index:3}
	#subNavi-wrap {display:none}
}
@media all and (max-width:768px) {
	#subNavi-wrap {display:block;position:absolute;width:100%;left:0;top:0;background:#134ca1;z-index:4}
	#subNavi-wrap #subNavi {height:100%}
	#subNavi-wrap .lm-tit {position:relative;width:100%;text-align:left;line-height:1;font-size:0;box-sizing:border-box;padding:0 20px}
	#subNavi-wrap .lm-tit:before {content:"";display:inline-block;width:0;height:50px;vertical-align:middle}
	#subNavi-wrap .lm-tit .tit {display:inline-block;color:#fff;vertical-align:middle;font-size:17px;z-index:1;line-height:1.2}
	#subNavi-wrap .lm-tit button {display:block;position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;border:0;background:transparent;outline:0;-webkit-tap-highlight-color:transparent}
	#subNavi-wrap .lm-tit button:after {content:"";display:block;position:absolute;width:10px;height:10px;border:solid;border-width:0 0 2px 2px;border-color:transparent transparent #fff #fff;top:0;right:0;bottom:0;left:0;margin:15px 18px auto auto;transform:rotate(-45deg);transition:all .3s ease}
	#subNavi-wrap #subNavi.is-open .lm-tit button:after {transform:rotate(135deg);margin:22px 18px auto auto}
	#leftmenu {display:none;position:relative;top:100%;background:#fff;box-shadow:0 15px 15px rgba(0, 0, 0, .1)}
	#leftmenu .depth2 {}
	#leftmenu .depth2 .lm_l2 {display:block;position:relative}
	#leftmenu .depth2 .lm_l2 .lm_a2 {display:block;position:relative;text-align:center;font-size:16px;padding:13px 20px 12px;border-bottom:1px solid #ddd;color:#222;text-align:left;z-index:1}
	#leftmenu .depth2 .lm_l2 > .tgl-btn {display:block;position:absolute;width:30px;height:30px;right:10px;top:6px;box-sizing:border-box;border:0;border-radius:50%;background:transparent;z-index:2}
	#leftmenu .depth2 .lm_l2 > .tgl-btn:after {content:"";display:block;position:absolute;width:10px;height:10px;border:solid;border-width:0 0 2px 2px;border-color:transparent transparent #555 #555;top:0;right:0;bottom:0;left:0;margin:10px auto auto auto;transform:rotate(-45deg);transition:all .3s ease}
	#leftmenu .depth2 .lm_l2.over > .tgl-btn:after {border-color:#fff}
	#leftmenu .depth2 .lm_l2.is-open > .tgl-btn:after {transform:rotate(135deg);margin:15px auto auto auto}
	#leftmenu .depth2 .lm_l2.over .lm_a2 {background:#055fbe;color:#fff}
	#leftmenu .depth2 .lm_l2.is-close .depth3 {display:none}
	#leftmenu .depth3 {display:block;position:relative;font-size:0;text-align:left;background:#f6f6f6;overflow:hidden}
	#leftmenu .depth3:after {content:"";display:block;position:absolute;width:100%;height:1px;background:#ddd;left:0;bottom:0}
	#leftmenu .depth3 .lm_l3 {display:inline-block;float:left;width:50% !important;vertical-align:top}
	#leftmenu .depth2 .lm_l3 > .tgl-btn {display:none}
	#leftmenu .depth3 .lm_l3 .lm_a3 {display:inline-block;position:relative;padding:0 10px}
	#leftmenu .depth3 .lm_l3 .lm_a3 .isTxt {display:block;position:relative;padding:13px 20px;font-size:15px;color:#555}
	#leftmenu .depth3 .lm_l3 .lm_a3 .isMask {display:none}
	#leftmenu .depth3 .lm_l3.over .lm_a3 .isTxt {display:block;color:#003d7d;letter-spacing:-.05em}
	#leftmenu .depth3 .lm_l3.over .depth4 {display:block;height:auto}
	#leftmenu .depth3 {text-align:left;box-sizing:border-box}
	#leftmenu .depth3 .lm_l3 {width:50%;box-sizing:border-box;height:50px;border-bottom:1px solid #ddd}
	#leftmenu .depth3 .lm_l3:nth-child(odd) {border-right:1px solid #ddd}
	#leftmenu .depth3 .lm_l3 .lm_a3 {display:block;padding:0}
	#leftmenu .depth4 {display:none}
}
@media all and (max-width:399px) {
	#leftmenu .depth3 .lm_l3 {width:100% !important}
}


/* -------- CONTENTS NAVI -------- */
#cont-navi-wrap {position:absolute;z-index:2;left:127px;top:17px;padding:0;box-sizing:border-box}
#cont-navi-wrap #cont-navi {text-align:left}
#cont-navi-wrap #cont-navi:after {content:"";display:block;clear:both}
#cont-navi-wrap #cont-navi .home {display:inline-block;position:relative;width:40px;height:40px;font-size:0;overflow:hidden;box-sizing:border-box}
#cont-navi-wrap #cont-navi .home:after {content:"";display:block;position:absolute;width:16px;height:15px;background:url(/kr/_Img/Layout/layout_spr.png) no-repeat -113px 0;top:0;right:0;bottom:0;left:0;margin:auto}
#cont-navi-wrap #cont-navi dl {display:inline-block;vertical-align:top;position:relative}
#cont-navi-wrap #cont-navi dl dt {display:block;position:relative;overflow:hidden}
#cont-navi-wrap #cont-navi dl dt:before {content:"";display:block;position:absolute;width:1px;height:16px;background:#d9d9d9;left:1px;top:13px}
#cont-navi-wrap #cont-navi dl dt a {display:block;position:relative;font-size:0;box-sizing:border-box;padding:0 35px 0 20px;min-width:150px;max-width:300px}
#cont-navi-wrap #cont-navi dl dt a:after {content:"";display:block;position:absolute;width:9px;height:5px;background:url(/kr/_Img/Layout/layout_spr.png) no-repeat -140px 0;right:15px;top:18px;transition:transform .3s ease}
#cont-navi-wrap #cont-navi dl dt a:before {content:"";display:inline-block;width:0;height:40px;vertical-align:middle}
#cont-navi-wrap #cont-navi dl dt a .bg {display:none}
#cont-navi-wrap #cont-navi dl dt a .txt {display:inline-block;vertical-align:middle;line-height:1.2;font-size:16px;color:#666;transition:all .3s ease}
#cont-navi-wrap #cont-navi dl dt a:focus:after,
#cont-navi-wrap #cont-navi dl dt a:hover:after {background-position:-178px 0}
#cont-navi-wrap #cont-navi dl dt a:focus .txt,
#cont-navi-wrap #cont-navi dl dt a:hover .txt {color:#ee3424}
#cont-navi-wrap #cont-navi dl.over dt a .txt {color:#ee3424}
#cont-navi-wrap #cont-navi dl.over dt a:after {transform:rotate(180deg);background-position:-178px 0}
#cont-navi-wrap #cont-navi dl dd {display:none;position:absolute;width:100%;left:0;top:100%;box-sizing:border-box;text-align:left;border:1px solid #ddd;background:#fff}
#cont-navi-wrap #cont-navi dl dd ul {display:block;box-sizing:border-box;padding:5px 10px}
#cont-navi-wrap #cont-navi dl dd ul li {display:block;box-sizing:border-box;border-bottom:1px solid #ddd}
#cont-navi-wrap #cont-navi dl dd ul li:last-child {border-bottom:0}
#cont-navi-wrap #cont-navi dl dd ul li a {display:block;padding:10px 10px}
#cont-navi-wrap #cont-navi dl dd ul li a span {display:block;font-size:15px;line-height:1.3;transition:all .3s ease}
#cont-navi-wrap #cont-navi dl dd ul li a:focus span,
#cont-navi-wrap #cont-navi dl dd ul li a:hover span {color:#f22b19}
#cont-navi-wrap #cont-navi dl dd ul li.isOver a span {font-weight:500;color:#f22b19}
@media all and (max-width:1600px) {
	#cont-navi-wrap {left:50px}
}
@media all and (max-width:1200px) {
	#cont-navi-wrap {left:20px}
}
@media all and (max-width:999px) {
	#cont-navi-wrap {top:10px}
}
@media all and (max-width:768px) {
	#cont-navi-wrap {display:none}
}

/* -------- CONTENTS WRAP -------- */
#contents-wrap {position:relative;z-index:1}
#contents-wrap #contents {margin:0 auto 100px;position:relative;max-width:1600px;word-break:keep-all;transition:all .3s ease}
#contents-wrap #contents .cont-top {position:relative;width:100%;margin:70px 0 65px;display:none}
#contents-wrap #contents .cont-top .cont-tit {text-align:center}
#contents-wrap #contents .cont-top .cont-tit .tit-wrap {text-align:left}
#contents-wrap #contents .cont-top .cont-tit .tit-wrap a {display:none}
#contents-wrap #contents .cont-top .cont-tit .tit-wrap .tit {display:inline-block;position:relative;font-size:2.125em;font-weight:normal;color:#000000}
#contents-wrap #contents .cont-top .cont-location {position:absolute;top:0;right:34px}
#contents-wrap #contents .cont-top .cont-location .txt {display:inline-block;padding:0 15px;font-size:0.938em;color:#a3a3a3}
#contents-wrap #contents .cont-top .cont-location .isOver .txt {color:#555555}
#contents-wrap #contents .cont-top .cont-location .arr {position:relative;width:0;font-size:0;color:#fff;overflow:hidden}
#contents-wrap #contents .cont-top .cont-location .arr:after {content:"";display:block;position:absolute;width:5px;height:5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;top:-10px;left:-4px;transform:rotate(-45deg);transform-origin:70% 70%;transition:all .3s ease}
#contents-wrap #contents .cont-top .prtBox {position:absolute;top:0;right:0}
#contents-wrap #contents .cont-top .prtBox button {width:36px;height:16px;border:0;border-left:1px solid #ccc;background:url(/kr/_Img/Layout/icon_print.png) no-repeat 100% center;vertical-align:middle}
/*@media all and (max-width:1600px) {
	#contents-wrap #contents {margin:0 20px;}
}*/
@media all and (max-width:1280px) {
	#contents-wrap #contents {box-sizing:border-box}
}
@media all and (max-width:999px) {
	#contents-wrap #contents .cont-top {margin:20px 0 25px}
	#contents-wrap #contents .cont-top .cont-tit .tit-wrap .tit {font-size:1.375em}
	#contents-wrap #contents .cont-top .cont-location {display:none}
	#contents-wrap #contents .cont-top .prtBox {display:none}
}
@media all and (max-width:767px) {
}

/* -- CUSTOM LAYOUT ------------------------------------------------------ */
#pg-petrochemical #cont-navi-wrap #cont-navi {display:none}
#pg-shipbuilding #cont-navi-wrap #cont-navi {display:none}
#pg-power #cont-navi-wrap #cont-navi {display:none}
#pg-other #cont-navi-wrap #cont-navi {display:none}

#pg-MN1000242 #container-wrap {padding:120px 0 0 0;}
#pg-MN1000242 #contents-wrap #contents {max-width: initial;}

/*FROM SITE CODE :  
*/