@charset "utf-8";
body, a {-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}
body, select, button, input {font-family:"Noto Sans KR"}

html,body {width:100%}
#doc {position:relative;width:100%;min-width:320px;-webkit-text-size-adjust:none;overflow:hidden;max-width:2000px;margin:0 auto}

/* 레이아웃 기본 스타일 선언(컨텐츠 중앙 정렬) : 최대 width 확인 */
.div-abs {position:absolute}
.div-wrap {position:relative;width:100%;text-align:center;margin:0 auto 0 auto}
.div-cont {position:relative;text-align:left;margin:0 auto 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:1999;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.5)}
@media all and (min-width:1200px)  {
	.div-wrap {min-width:1200px}
	.div-cont {max-width:1400px;width:100%;margin-left:auto;margin-right:auto}
}
@meid only screen and (max-width:1199px){
	.div-wrap {min-width:320px}
}
@media all and (min-width:481px) and (max-width:999px){
	.div-cont {margin-left:15px;margin-right:15px}
}
@media all and (max-width:599px) {
	.body-slider-ovclick {display:none !important}
}

/* 서브 레이아웃
------------------------------------------------------ */
.body-sub .header-wrap-abs {background:transparent;position:absolute}
.body-sub .header-wrap-abs #gnavi-wr .gnb-right .gbt span {color:#fff}
.body-sub .header-wrap-abs #gnavi-wr .gnb-right .gbt.gbt-link3:after,
.body-sub .header-wrap-abs #gnavi-wr .gnb-right .gbt.gbt-link4:after {content:"";display:block;width:20px;height:20px;position:absolute;left:0;top:50%;vertical-align:middle;background:url(/_Template/Gnavi/gnavi-kr/_Img/gbt_spr.png) no-repeat 0 0;margin-top:-10px}
.body-sub .header-wrap-abs #gnavi-wr .gnb-right .gbt.gbt-link4:after {background-position:-44px 0}
.body-sub .header-wrap-abs #gnavi-wr .gnb-right .gbt.gbt-link3 span {opacity:1}
.body-sub .header-wrap-abs #gnavi-wr .gnb-right .gbt.gbt-link4 span {color:#fff}
.body-sub .header-wrap-abs #gnavi-wr .gnb-right .gbt-amenu:before,
.body-sub .header-wrap-abs #gnavi-wr .gnb-right .gbt-amenu .icon,
.body-sub .header-wrap-abs #gnavi-wr .gnb-right .gbt-amenu:after {background:#fff}
.body-sub .header-wrap-abs #header-wrap .mn-bar {background:rgba(255, 255, 255, .2)}
.body-sub #logo .glogo {background-position:0px 0px}
.body-sub .topmenu .mn_s1 {color:#fff}
.body-sub .topmenu .mn_a1:hover .mn_s1,
.body-sub .topmenu .over .mn_a1 .mn_s1 {color:#fff}
@media all and (max-width:999px) {
	.body-sub .mn-open .header-wrap-abs #header-wrap .mn-bar {background:transparent}
}

/* z-index 설정 */
.header-wrap-abs {z-index:2000}
#header-wrap,#header {z-index:2000}
#gnavi-wr {z-index:2100}
#container-wrap, #container {z-index:10}
#subtop-wrap {z-index:900}

/* 스킵네비게이션 */
.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:#f5f5f5;color:#fff;padding:0.75em 1em;top:0;left:0}

/* 상단 */
.header-wrap-abs {position:fixed;width:100%;max-width:2000px;left:0;right:0;top:0;margin:auto;transition:background .3s ease}
.header-wrap-abs:after {content:"";display:block;position:fixed;width:0;height:0;left:0;top:0;background:rgba(0, 0, 0, .5);z-index:101;opacity:0;z-index:-1;transition:opacity .3s ease}
@media all and (min-width:1000px) {
	/* 메인 baseDark
	------------------------------------------------------ */
	.header-wrap-abs.baseDark {background:#fff}
	.header-wrap-abs.baseDark #logo .glogo {background-position:0px -28px}
	.header-wrap-abs.baseDark #header-wrap .mn-bar {background:rgba(102, 102, 102, .4)}
	.header-wrap-abs.baseDark .topmenu .mn_s1 {color:#444}
	.header-wrap-abs.baseDark .topmenu .mn_a1:focus .mn_s1,
	.header-wrap-abs.baseDark .topmenu .mn_a1:hover .mn_s1 {color:#00a1e4}
	.header-wrap-abs.baseDark #gnavi-wr .gnb-right .gbt span {color:rgba(20, 20, 20, .8)}
	.header-wrap-abs.baseDark #gnavi-wr .gnb-right .gbt.gbt-link3:after,
	.header-wrap-abs.baseDark #gnavi-wr .gnb-right .gbt.gbt-link4:after {content:"";display:block;width:20px;height:20px;position:absolute;left:0;top:50%;vertical-align:middle;background:url(/_Template/Gnavi/gnavi-kr/_Img/gbt_spr.png) no-repeat -22px 0;margin-top:-10px}
	.header-wrap-abs.baseDark #gnavi-wr .gnb-right .gbt.gbt-link4:after {background-position:-66px 0}
	.header-wrap-abs.baseDark #gnavi-wr .gnb-right .gbt.gbt-link4 span {color:#222}
	.header-wrap-abs.baseDark #gnavi-wr .gnb-right .gbt-amenu:before,
	.header-wrap-abs.baseDark #gnavi-wr .gnb-right .gbt-amenu .icon,
	.header-wrap-abs.baseDark #gnavi-wr .gnb-right .gbt-amenu:after {background:#222}
	body.topNaviAct .header-wrap-abs {background:#fff}
	body.topNaviAct .header-wrap-abs:after {width:100%;height:100%;opacity:1}
	body.topNaviAct #logo .glogo {background-position:0px -28px}
	body.topNaviAct #mainNavi-wrap {}
	body.topNaviAct #mainNavi {background:#fff}
	body.topNaviAct #mainNavi-wrap.is-open:after {content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:90px;background:#f1f1f1}
	body.topNaviAct .topmenu .mn_a1 .mn_s1 {color:#444}
	body.topNaviAct .topmenu .mn_a1:focus .mn_s1,
	body.topNaviAct .topmenu .mn_a1:hover .mn_s1 {color:#00a1e4}
	body.topNaviAct #header-wrap .mn-bar {background:rgba(102, 102, 102, .4)}
	body.topNaviAct #gnavi-wr .gnb-right .gbt.gbt-link3:after,
	body.topNaviAct #gnavi-wr .gnb-right .gbt.gbt-link4:after {content:"";display:block;width:20px;height:20px;position:absolute;left:0;top:50%;vertical-align:middle;background:url(/_Template/Gnavi/gnavi-kr/_Img/gbt_spr.png) no-repeat -22px 0;margin-top:-10px}
	body.topNaviAct #gnavi-wr .gnb-right .gbt.gbt-link4:after {background-position:-66px 0}
	body.topNaviAct #gnavi-wr .gnb-right .gbt span {color:rgba(34, 34, 34, .6)}
	body.topNaviAct #gnavi-wr .gnb-right .gbt.gbt-link4 span {color:#222}
	body.topNaviAct #gnavi-wr .gnb-right .gbt-amenu:before,
	body.topNaviAct #gnavi-wr .gnb-right .gbt-amenu .icon,
	body.topNaviAct #gnavi-wr .gnb-right .gbt-amenu:after {background:#222}

	/* 서브
	------------------------------------------------------ */
	body.topNaviAct.body-sub .topmenu .mn_a1:focus .mn_s1,
	body.topNaviAct.body-sub .topmenu .mn_a1:hover .mn_s1 {color:#00a1e4}
	body.topNaviAct.body-sub .topmenu .mn_l1.over .mn_a1 .mn_s1 {color:#00a1e4}
	body.topNaviAct.body-sub .topmenu .mn_l1.over .mn_a1:focus .mn_s1,
	body.topNaviAct.body-sub .topmenu .mn_l1.over .mn_a1:hover .mn_s1 {color:#00a1e4}
	body.topNaviAct.body-sub #mainNavi-wrap .ovbar {border-bottom-color:#00a1e4}
	body.topNaviAct.body-sub #gnavi-wr .gnb-right .gbt span {color:rgba(0, 0, 0, .8)}
	body.topNaviAct.body-sub #gnavi-wr .gnb-right .gbt.gbt-link3:after,
	body.topNaviAct.body-sub #gnavi-wr .gnb-right .gbt.gbt-link4:after {content:"";display:block;width:20px;height:20px;position:absolute;left:0;top:50%;vertical-align:middle;background:url(/_Template/Gnavi/gnavi-kr/_Img/gbt_spr.png) no-repeat -22px 0;margin-top:-10px}
	body.topNaviAct.body-sub #gnavi-wr .gnb-right .gbt.gbt-link4:after {background-position:-66px 0}
	body.topNaviAct.body-sub #gnavi-wr .gnb-right .gbt.gbt-link3 span {opacity:1}
	body.topNaviAct.body-sub #gnavi-wr .gnb-right .gbt.gbt-link4 span {color:#222}
	body.topNaviAct.body-sub #gnavi-wr .gnb-right .gbt-amenu:before,
	body.topNaviAct.body-sub #gnavi-wr .gnb-right .gbt-amenu .icon,
	body.topNaviAct.body-sub #gnavi-wr .gnb-right .gbt-amenu:after {background:#222}
}
@media all and (max-width:999px) {
	.header-wrap-abs {position:absolute}
	.header-wrap-abs.baseDark {background:#fff}
	.header-wrap-abs.baseDark #logo .glogo {background-position:0px -28px}
	.header-wrap-abs.baseDark #header-wrap .mn-bar {background:rgba(102, 102, 102, .4)}
	.header-wrap-abs.baseDark .topmenu .mn_s1 {color:#444}
	.header-wrap-abs.baseDark .topmenu .mn_a1:focus .mn_s1,
	.header-wrap-abs.baseDark .topmenu .mn_a1:hover .mn_s1 {color:#00a1e4}
	.header-wrap-abs.baseDark #gnavi-wr .gnb-right .gbt span {color:rgba(20, 20, 20, .8)}
	.header-wrap-abs.baseDark #gnavi-wr .gnb-right .gbt.gbt-link4 span {color:#222}
	.header-wrap-abs.baseDark #gnavi-wr .gnb-right .gbt-amenu:before,
	.header-wrap-abs.baseDark #gnavi-wr .gnb-right .gbt-amenu .icon,
	.header-wrap-abs.baseDark #gnavi-wr .gnb-right .gbt-amenu:after {background:#222}
}
@media all and (max-width:399px) {
	.header-wrap-abs.baseDark #logo .glogo {background-position:0px -22px}
}

/*-------------------------------*/
#container-wrap {padding-top:0}
#container {position:relative;display:block;padding-bottom:0;max-width:1400px;margin:0 auto;background:#fff}
#container:before {content:"";display:block;position:absolute;width:100%;height:100%;left:50%;top:0;margin:0 0 0 -1000px;background:#fff;z-index:-1}
#container:after {content:"";display:block;clear:both}

/* 서브비쥬얼 */
#subtop-wr {height:500px;position:relative;z-index:1}
#svisual-wrap {position:relative;height:100%;overflow:hidden;background:#eaeaea;z-index:1}
#svisual-wrap #vis-im-wr {height:100%;position:relative}
#svisual-wrap #vis-im-wr .visTxt-wr {display:block;position:absolute;width:100%;z-index:2;box-sizing:border-box;padding:0 20px;left:0;top:321px;text-align:center}
#svisual-wrap #vis-im-wr .visTxt-wr span {display:block;line-height:1;box-sizing:border-box;position:relative;color:#fff;line-height:1.2;word-wrap:break-word;word-break:keep-all;white-space:normal}
#svisual-wrap #vis-im-wr .visTxt-wr .t1 {font-family:"poppins";font-size:48px;font-weight:600;padding:20px 0 0;opacity:0;transform:translateY(50px);transition:all 1s ease 0s;display:none}
#svisual-wrap #vis-im-wr .visTxt-wr .t1:before {content:"";display:block;position:absolute;width:26px;height:7px;background:#e21a22;left:50%;top:0;margin:0 0 0 -13px;transform:rotate(-45deg)}
#svisual-wrap #vis-im-wr .visTxt-wr .t2 {font-size:19px;font-weight:200;letter-spacing:-.05em;margin:0;opacity:0;transform:translateY(50px);transition:all 1s ease}
#svisual-wrap #vis-im-wr .visimg-wr {position:relative;width:100%;height:100%;z-index:1}
#svisual-wrap #vis-im-wr .visimg-wr .visimg-bg {display:none}
#svisual-wrap #vis-im-wr .visimg-wr .visimg-img {position:fixed;width:100%;height:500px;left:0;top:0;background:#333;overflow:hidden}
#svisual-wrap #vis-im-wr .visimg-wr .visimg-img .overlay-mask {content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0, 0, 0, .3);opacity:0;z-index:1;transition:opacity .3s ease}
#svisual-wrap #vis-im-wr .visimg-wr .visimg-img img {display:block;position:absolute;width:2000px;height:100%;left:50%;top:0;margin:0 0 0 -1000px;z-index:0;background:#333;transition:filter .3s ease}
body.loaded #svisual-wrap #vis-im-wr .visTxt-wr .t1 {opacity:1;transform:translateY(0)}
body.loaded #svisual-wrap #vis-im-wr .visTxt-wr .t2 {opacity:1;transform:translateY(0)}
.subNaviShow #svisual-wrap #vis-im-wr .visTxt-wr .t2 {transform:translateY(30px) !important;opacity:0 !important;transition:all .3s ease !important}
.subNaviShow #svisual-wrap #vis-im-wr .visimg-wr .visimg-img .overlay-mask {opacity:1 !important}
.subNaviShow #svisual-wrap #vis-im-wr .visimg-wr .visimg-img img {filter:blur(10px) !important}
@media all and (max-width:999px) {
	#subtop-wr {height:400px}
	#svisual-wrap #vis-im-wr .visTxt-wr {top:270px}
	#svisual-wrap #vis-im-wr .visTxt-wr .t1 {font-size:40px}
	#svisual-wrap #vis-im-wr .visTxt-wr .t2 {font-size:20px;margin:0}
}
@media all and (max-width:600px) {
	#svisual-wrap #vis-im-wr .visTxt-wr {top:240px}
	#svisual-wrap #vis-im-wr .visTxt-wr .t1 {font-size:30px}
	#svisual-wrap #vis-im-wr .visTxt-wr .t2 {font-size:17px;padding:0 100px;line-height:1.5}
}
@media all and (max-width:499px) {
	#svisual-wrap #vis-im-wr .visTxt-wr .t2 {padding:0 30px}
}
@media all and (max-width:399px) {
	#svisual-wrap #vis-im-wr .visTxt-wr .t1 {font-size:24px}
	#svisual-wrap #vis-im-wr .visTxt-wr .t2 {font-size:16px}
}


/* 컨텐츠 네비게이션  */
#cont-navi-wrap {position:absolute;width:100%;right:30px;top:0;box-sizing:border-box;z-index:1000;height:0;visibility:hidden;opacity:0;transition:right .3s ease, opacity .3s ease}
#cont-navi-wrap.over {}
#cont-navi-wrap.fixed {position:fixed;top:0;background:#f1f1f1}
#cont-navi-wrap #cont-navi-inwrap {box-sizing:border-box;position:relative;max-width:1400px;margin:0 auto}
#cont-navi {position:absolute;right:0;top:0;height:51px;box-sizing:border-box;z-index:1000;background:#fff}
#cont-navi:after {content:"";display:block;clear:both}
#cont-navi .home {display:block;position:relative;float:left;width:50px;height:100%;padding:0}
#cont-navi .home span {display:block;position:absolute;width:17px;height:15px;top:0;right:0;bottom:0;left:0;margin:auto;background:url(/_Template/Layout/layout-kr/_Img/layout_spr.png) no-repeat -66px -64px;opacity:.4;transition:all .3s ease}
#cont-navi .home span img {display:none}
#cont-navi .home:focus span,
#cont-navi .home:hover span {opacity:1}
#cont-navi dl {display:block;position:relative;float:left;width:auto;max-width:300px;height:44px}
#cont-navi dl:before {content:"";display:block;position:absolute;width:1px;height:14px;left:0;top:50%;margin:-3px 0 0;background:#adaeb0}
#cont-navi dt {display:block}
#cont-navi dt a {display:block;width:100%;height:100%;box-sizing:border-box;position:relative;font-size:15px;color:#555;letter-spacing:-.05em;padding:0 40px 0 15px;text-align:left}
#cont-navi dt a:before {content:"";display:inline-block;width:0;height:51px;vertical-align:middle}
#cont-navi dt a:after {content:"";display:block;position:absolute;width:15px;height:9px;right:15px;top:21px;background:url(/_Template/Layout/layout-kr/_Img/layout_spr.png) no-repeat -93px -64px;opacity:.4;transition:all .3s ease}
#cont-navi dl.over dt a:after {opacity:1;transform:rotate(180deg)}
#cont-navi dt a .bg {display:none}
#cont-navi dt a .txt {display:inline-block;vertical-align:middle;line-height:1.2;max-width:90%;min-width:110px;word-wrap:break-word;word-break:keep-all;white-space:normal;color:#555;transition:all .3s ease}
#cont-navi dt a:focus .txt,
#cont-navi dt a:hover .txt {color:#000}
#cont-navi dd {display:none;position:absolute;left:0px;top:100%;width:100%;height:auto;box-sizing:border-box;padding:9px 0 11px;background:#f1f1f1}
#cont-navi dd ul {display:block}
#cont-navi dd ul li {display:block}
#cont-navi dd a {display:block;position:relative;padding:9px 10px 8px 20px;line-height:1.2;font-size:15px;text-align:left;color:#555;font-weight:300}
#cont-navi dd a:focus:after,
#cont-navi dd a:hover:after {}
#cont-navi dd a span {transition:all .3s ease}
#cont-navi dd a:hover,
#cont-navi dd a:focus,
#cont-navi dd a:active,
#cont-navi dd .isOver a {}
#cont-navi dd a:focus span,
#cont-navi dd a:hover span {font-weight:500;color:#000}
#cont-navi dd .isOver a span {font-weight:500}
#cont-navi .cnavi4 {display:none}
@media all and (max-width:1400px) {
	#cont-navi .home {width:50px}
	#cont-navi .home span {margin:auto}
}
@media all and (max-width:999px) {
	#cont-navi dl {min-width:180px}
	#cont-navi dt a {padding:0 10px}
}
@media all and (max-width:600px) {
	#cont-navi-wrap,
	.cnavi-fix {display:none}
}

/* 공유/즐겨찾기/인쇄/폰트사이즈제어 버튼 */
.cont-ctrl-btns {position:absolute;top:18px;right:0;font-size:0.875em;display:none}
.cont-ctrl-btns button {position:relative;border:0;background:url(../_Img/cnavi_func_spr.png) no-repeat;width:30px;height:30px;vertical-align:top;margin-left:30px}
.cont-sns-link:after, .cont-ctrl-btns:after {position:absolute;top:5px;content:"";display:block;width:1px;height:23px;background:#ccc}
.cont-sns-link:after {right:-15px}
.cont-ctrl-btns:after {right:45px}
.cont-ctrl-btns .bt-bookmark {background-position:-33px 0}
.cont-ctrl-btns .bt-print {background-position:-66px 0}
.cont-sns-link {position:relative;z-index:3000;display:inline-block;vertical-align:top}
.cont-sns-link .sns-tit {border:0;background:none;width:30px;height:30px;background:url(../_Img/cnavi_func_spr.png) no-repeat 0 0;cursor:pointer}
.cont-sns-link .sns-link-list {display:none;position:absolute;top:43px;right:-12px;border:1px solid #ccc;background:#fff;width:52px;box-sizing:border-box;padding:13px 10px 1px;z-index:300}
.cont-sns-link .sns-link-list:before {position:absolute;top:-8px;left:50%;margin-left:-6px;content:"";display:block;width:12px;height:9px;background:url(../_Img/cnavi_func_spr.png) no-repeat -126px -32px}
.cont-sns-link .sns-link-list button {width:30px;height:30px;background:url(../_Img/cnavi_func_spr.png) no-repeat;border:0;margin:0 0 7px;vertical-align:top;cursor:pointer}
.cont-sns-link .sns-link-list .btn-naver {background-position:0 -32px}
.cont-sns-link .sns-link-list .btn-band {background-position:-32px -32px}
.cont-sns-link .sns-link-list .btn-fb {background-position:-64px -32px}
.cont-sns-link .sns-link-list .btn-twitter {background-position:-96px -32px}
.cont-sns-link .sns-link-list .btn-google {background-position:0 -64px}
.cont-sns-link .sns-link-list .btn-kaostory {background-position:-64px -64px}
.cont-sns-link .sns-link-list .btn-kakao {background-position:-32px -64px}

/* 컨텐츠 */
#contents-wrap #contents {max-width:1400px;margin:0 auto;word-break:keep-all;word-wrap:break-word;color:#555;letter-spacing:-0.05em;font-size:17px;line-height:1.706;padding:70px 0 80px}
#contents-wrap #contents input[type="text"],
#contents-wrap #contents input[type="submit"],
#contents-wrap #contents input[type="button"],
#contents-wrap #contents select,
#contents-wrap #contents button {font-size:17px;letter-spacing:-0.05em}
.cont-top {display:block;width:100%;position:relative;padding:0;margin-bottom:24px;display:none}
.cont-top .cont-tit {line-height:1.2em}
.cont-top .cont-tit h2 {display:block;font-size:40px;line-height:1.2;margin:0;color:#000;padding:84px 0 0;text-align:center;letter-spacing:-.05em}
@media all and (max-width:999px) {
	.cont-top .cont-tit h2 {font-size:36px;padding:40px 0 0}
}
@media all and (max-width:600px) {
	.cont-top .cont-tit h2 {font-size:26px;padding:20px 0 0}
}

/* 모바일 전용 location */
.cont-top .cont-location {display:none}
.body-sub #contents-wrap {min-height:600px;padding-bottom:0;word-break:keep-all;word-wrap:break-word}
@media only screen and (max-width:1400px){
	.body-sub #contents-wrap {margin:0 20px}
}
@media only screen and  (max-width:999px) {
	#gnavi-wr .gnb-right .gbt-home, .gbt-amenu {display:none}
	#contents-wrap #contents {font-size:17px;padding:110px 0 40px;}
	#contents-wrap #contents input[type="text"],
	#contents-wrap #contents input[type="submit"],
	#contents-wrap #contents input[type="button"],
	#contents-wrap #contents select,
	#contents-wrap #contents button {font-size:17px}
}
@media all and (max-width:799px) {
	#contents-wrap #contents {font-size:16px;line-height:1.5;padding:120px 0 40px;}
	#contents-wrap #contents input[type="text"],
	#contents-wrap #contents input[type="submit"],
	#contents-wrap #contents input[type="button"],
	#contents-wrap #contents select,
	#contents-wrap #contents button {font-size:16px}
}
@media all and (max-width:600px) {
	#contents-wrap #contents {font-size:15px;line-height:1.46;padding:50px 0 40px;}
	#contents-wrap #contents input[type="text"],
	#contents-wrap #contents input[type="submit"],
	#contents-wrap #contents input[type="button"],
	#contents-wrap #contents select,
	#contents-wrap #contents button {font-size:15px}
}
@media all and (max-width:499px) {
	#contents-wrap #contents {font-size:14px}
	#contents-wrap #contents input[type="text"],
	#contents-wrap #contents input[type="submit"],
	#contents-wrap #contents input[type="button"],
	#contents-wrap #contents select,
	#contents-wrap #contents button {font-size:14px}
}

/*폰트두께*/
.kfonw1-100 {font-weight:100}
.kfonw1-300 {font-weight:300}
.kfonw1-400 {font-weight:400}
.kfonw1-500 {font-weight:500}
.kfonw1-700 {font-weight:700}
.kfonw1-900 {font-weight:900}
.kfonw2-200 {font-weight:200;font-family:"Noto Serif KR", serif}
.kfonw2-300 {font-weight:300;font-family:"Noto Serif KR", serif}
.kfonw2-400 {font-weight:400;font-family:"Noto Serif KR", serif}
.kfonw2-500 {font-weight:500;font-family:"Noto Serif KR", serif}
.kfonw2-600 {font-weight:600;font-family:"Noto Serif KR", serif}
.kfonw2-700 {font-weight:700;font-family:"Noto Serif KR", serif}
.kfonw2-900 {font-weight:900;font-family:"Noto Serif KR", serif}
.efonw01-400 {font-size:1.176em;font-family:"poppins", serif;font-weight:400}
.efonw01-500 {font-size:1.176em;font-family:"poppins", serif;font-weight:500}
.efonw01-600 {font-size:1.176em;font-family:"poppins", serif;font-weight:600}
.efonw01-700 {font-size:1.176em;font-family:"poppins", serif;font-weight:700}

/* 서브비쥬얼 css
------------------------------------------------------ */
@media all and (max-width:999px) {
	#pg-introduce #svisual-wrap #vis-im-wr .visimg-wr .visimg-img img {margin:-100px;left:-670px;right:0;}
	#pg-hrmVal #svisual-wrap #vis-im-wr .visimg-wr .visimg-img img {margin:-100px;left:-260px;right:0;}
	#pg-hrmPro .spreadImageBox .spreadImage.typeFull img {margin: -60px 0 0 -1000px;left:50%;right:0;}
}
@media all and (max-width:899px) {
	#pg-swStory #svisual-wrap #vis-im-wr .visimg-wr .visimg-img img {margin:0;left:-970px;right:0;}
	#pg-hrmVal #svisual-wrap #vis-im-wr .visimg-wr .visimg-img img {margin:-100px;left:-540px;right:0;}
}
@media all and (max-width:799px) {
	#pg-hrmPro .spreadImageBox .spreadImage.typeFull img {margin: -100px 0 0 -1000px;left:50%;right:0;}
	#pg-culture .inno-wr .spreadImageBox .spreadImage.typeFull img {margin: -190px;left: -360px;right: 0;}
	#pg-aeobbs .spreadImageBox .spreadImage.typeFull img {margin: -80px;left: -740px;right: 0;}
}
@media all and (max-width:599px) {
	#pg-introduce #svisual-wrap #vis-im-wr .visimg-wr .visimg-img img {margin:-24px;left:-1049px;right:0;}
	#pg-winwin #svisual-wrap #vis-im-wr .visimg-wr .visimg-img img,
	#pg-comm #svisual-wrap #vis-im-wr .visimg-wr .visimg-img img,
	#pg-conc #svisual-wrap #vis-im-wr .visimg-wr .visimg-img img,
	#pg-inno #svisual-wrap #vis-im-wr .visimg-wr .visimg-img img
	{margin:-90px;left:-700px;right:0;}
	#pg-brochure #svisual-wrap #vis-im-wr .visimg-wr .visimg-img img {margin:-100px;left:-720px;right:0;}
	#pg-financialTbl #svisual-wrap #vis-im-wr .visimg-wr .visimg-img img,
	#pg-financialAccounts #svisual-wrap #vis-im-wr .visimg-wr .visimg-img img
	{margin:0;left:-1130px;right:0;}
	#pg-priceInfo #svisual-wrap #vis-im-wr .visimg-wr .visimg-img img,
	#pg-investmentIndi #svisual-wrap #vis-im-wr .visimg-wr .visimg-img img,
	#pg-MN1000081 #svisual-wrap #vis-im-wr .visimg-wr .visimg-img img,
	#pg-dividend #svisual-wrap #vis-im-wr .visimg-wr .visimg-img img {margin:-70px;left:-440px;right:0;}
	#pg-information #svisual-wrap #vis-im-wr .visimg-wr .visimg-img img {margin:0;left:-635px;right:0;}
	#pg-contribution #svisual-wrap #vis-im-wr .visimg-wr .visimg-img img {margin:0;left:-1000px;right:0;}
	#pg-rnd #svisual-wrap #vis-im-wr .visimg-wr .visimg-img img {margin:0;left:-186px;right:0;}
	#pg-hrmVal #svisual-wrap #vis-im-wr .visimg-wr .visimg-img img {margin:-100px;left:-550px;right:0;}
	#pg-dutiesIntro #svisual-wrap #vis-im-wr .visimg-wr .visimg-img img {margin:-100px;left:-840px;right:0;}
	#pg-jobPosting #svisual-wrap #vis-im-wr .visimg-wr .visimg-img img {margin:0;left:-810px;right:0;}
	#pg-winwin #svisual-wrap #vis-im-wr .visimg-wr .visimg-img img {margin: -90px;left: -700px;right: 0;}
	#pg-culture .winwin-wr .spreadImageBox .spreadImage.typeFull img {margin: -60px;left: -820px;right: 0;}
	#pg-culture .comm-wr .spreadImageBox .spreadImage.typeFull img {margin: -30px;left: -890px;right: 0;}
	#pg-culture .comm-wr .cont-list-type4 .inner .inner-img img {margin:-170px 0;left:0;right:0;}
	#pg-culture .inno-wr .spreadImageBox .spreadImage.typeFull img {margin: -190px;left: -840px;right: 0;}
	#pg-aeobbs .spreadImageBox .spreadImage.typeFull img {margin: -80px;left: -850px;right: 0;}
	
/* #pg-winwin .spreadImageBox .spreadImage.typeFull img {margin: -150px;left: -890px;right: 0;}
	#pg-comm .spreadImageBox .spreadImage.typeFull img {margin: -30px;left: -890px;right: 0;}
	#pg-conc .spreadImageBox .spreadImage.typeFull img {margin: -120px;left: -690px;right: 0;}
	#pg-inno .spreadImageBox .spreadImage.typeFull img {margin: -190px;left: -900px;right: 0;}
	#pg-moral .spreadImageBox .spreadImage.typeFull img {margin: -200px;left: -370px;right: 0;} */

}

@media all and (max-width:499px) {
	#pg-swStory #svisual-wrap #vis-im-wr .visimg-wr .visimg-img img {margin:0;left:-1150px;right:0;}
	#pg-aeobbs .spreadImageBox .spreadImage.typeFull img {margin: -80px;left: -930px;right: 0;}
	
}

/*FROM SITE CODE : kr 
*/