@charset "utf-8";
/* 폰트 font-family: "proxima-nova", sans-serif; 100/300/400/500/600/700/800/900 */
@import url("https://use.typekit.net/oag7cia.css");

html,body {width:100%}
body {overflow:auto}
body {overflow-y:visible;overflow-x:hidden;font-family: "proxima-nova", 'NanumBarunGothic',"Malgun Gothic","맑은 고딕","돋움",arial,Dotum,Verdana,helvetica,clean,sans-serif;}
body.no-scr {overflow-y:hidden}
#doc {position: relative;width:100%;min-width:320px}

/* 레이아웃 기본 스타일 선언(컨텐츠 중앙 정렬) : 최대 width 확인 */
.div-abs {position:absolute}
.div-wrap {position:relative;width:100%;text-align:center;margin:0 auto;min-width:320px;}
.div-cont {position:relative;text-align:left;margin:0 auto;max-width:1600px;}
.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:2000;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.6);overflow:hidden;display:none;transition:all .3s ease;-webkit-transition:all .3s ease;}

@media only screen and (max-width:1640px){
	.div-cont {margin:0 20px;}
}

/*
@media only screen and (min-width:1600px){
	.div-wrap {min-width:1600px}
	.div-cont {max-width:1600px;width:100%;margin-left:auto;margin-right:auto}
}
@media only screen and (min-width:1000px) and (max-width:1199px){
	.div-wrap {min-width:1000px}
	.div-cont {max-width:1200px;width:100%;margin-left:auto;margin-right:auto}
}
@media all and (min-width:481px) and (max-width:999px){
	body {overflow-x:hidden}
	.div-cont {margin-left:15px;margin-right:15px}
}
@media all and (max-width:480px) {
	body {overflow-x:hidden}
	.div-wrap {min-width:320px}
	.div-cont {min-width:auto;margin-left:0px;margin-right:0px}
}
*/

#contents {text-align:left;}
.div-cont-w {width:100% !important;position:relative;}
.div-cont-w .fbg {display:block;position:absolute;width:2000px;left:50%;margin-left:-1000px;height:100%;top:0;}
.div-cont-w > div {position:relative;}
@media all and (max-width:1200px) {
	#contents {width:auto;min-width:0;margin-top:0;margin-bottom:0;}
	.m-div-wrap #contents {margin-top:0;margin-bottom:0;}
}
@media all and (max-width:768px) {
	#contents {min-width:0;margin-top:0;margin-bottom:0;}
	.m-div-wrap #contents {margin:0;}
}
@media all and (max-width:480px) {
	#contents {margin-top:0;margin-bottom:0;}
	.m-div-wrap #contents {margin-top:0;}
}
@media all and (max-width:320px) {

}


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

/* 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:#csc-point1;color:#fff;padding:0.75em 1em;top:0;left:0}

/* 상단 */
.header-wrap-abs {position:relative;padding: 0 80px;box-sizing:border-box;}
#header-wrap {height:100px;transition:all .25s ease;}
#header-wrap.is-open {}
#header {display:block;position:relative;height:100%;z-index:1000;/*max-width:1200px;*/margin-left:auto;margin-right:auto;}

/* logo */
#logo {position:absolute;left:0;top:50%;z-index:2091;transform:translateY(-50%);}

.gnavi-btn {position:absolute;right:0;top:50%;z-index:2500;padding-right:15px;line-height:1.2em;transform:translateY(-50%);display:inline-flex;align-items:center;column-gap:20px;}
.gnavi-btn .btn-popups {display:inline-block;background:transparent;border:0;}
.gnavi-btn .bt-contact {display:inline-block;vertical-align:middle;margin-top:0.65em;border-bottom:1px solid #FFF;padding:0.25em 0;}
.gnavi-btn a, .gnavi-btn button {display:inline-block;color:#FFF;}
.gnavi-btn .bt-search {background:transparent ;border:1px solid #FFF;width:50px;height:50px;vertical-align:middle;box-sizing:border-box;position:absolute;}
.gnavi-btn .bt-search {right:50px;border-right:0;}
.gnavi-btn .bt-mnall {top:50%;right:0;display:none;background:transparent;border:0;border-top:3px solid #000;border-bottom:3px solid #000;width:25px;height:19px;vertical-align:middle;box-sizing:border-box;position:absolute;transform:translateY(-50%);}
.gnavi-btn .bt-mnall:before {top:5px;left:0;display:block;background:#000;width:25px;height:3px;vertical-align:middle;box-sizing:border-box;position:absolute;content:'';transition:all .3s ease;-webkit-transform:all .3s ease;-moz-transform:all .3s ease;}
.gnavi-btn .bt-mnall:hover:before {width:20px;}
.gnavi-btn .btn-wallet {padding: 8px 15px;border-radius: 360px;background: #111;color: #FFF;font-size: 13px;font-weight: 700;letter-spacing:0;}
.tmgnavi-btn {display:none;}

.t-sns {display:flex;column-gap:20px;}
.t-sns a {display:block;width:24px;height:24px;background: no-repeat 0 0;}
.t-sns a.discord {background-image:url(/eng/_Img/Layout/global_sns01.png);}
.t-sns a.telegram {background-image:url(/eng/_Img/Layout/global_sns02.png);}
.t-sns a.twitter-x {background-image:url(/eng/_Img/Layout/global_sns03.png);}
.t-sns a.medium {background-image:url(/eng/_Img/Layout/global_sns04.png);}
.t-sns a.youtb {background-image:url(/eng/_Img/Layout/global_sns05.png);}

@media all and (max-width:1920px){
	.header-wrap-abs {padding: 0 20px;}
}
@media only screen and (max-width:1100px){
	.gnavi-btn .snsdropdown-toggle {display:block;border:0;background:red url(../_Img/Layout/tm_sns.png) no-repeat center center;width:23px;height:22px;}
	.gnavi-btn .snsdropdown-menu {display:block;}
}
@media only screen and (max-width:999px) {
	#gnavi-wr, #header-wrap,#header {z-index:1000;}
	#header-wrap {height:70px;}
	#logo img {height:45px;}

	.gnavi-btn .btn-wallet {display:none;}
	.gnavi-btn .bt-mnall {display:block;}
	.gnavi-btn .t-sns {display:none;}

	.tmgnavi-btn {height:70px;background:#333;padding:0 20px 0 20px;display:flex;align-items:center;justify-content: space-between;}
	.tmgnavi-btn .tmg-sns {position:relative;}
	.tmgnavi-btn .tmg-sns .tmg-sns-btn {width:34px;height:39px;background:url(../_Img/Layout/tm_sns.png) no-repeat center center;border:0;}
	.tmgnavi-btn .tmg-sns .t-sns {position:absolute;top:58px;left:-20px;width:240px;background:#f7f7f7;padding:20px;display:none;overflow:hidden;box-sizing:border-box;z-index:101;column-gap:10px;justify-content: space-between;}
	.tmgnavi-btn .tmg-sns.open .t-sns {display:flex;}
	.tmgnavi-btn .tmg-sns .t-sns a {margin-bottom:5px;}

	.tmgnavi-btn .btn-wallet {padding: 8px 15px;border-radius: 360px;background: #111;color: #FFF;font-size: 13px;font-weight: 700;letter-spacing:0;}
}


/* 메뉴 */	
.tmn-tit, .bt-mnclose {display:none;}
#mainNavi-wrap .tm-request {display:none;}

@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:1px;background:rgba(255,255,255,0.2);z-index:300;}
	#mainNavi-wrap {position:relative;width:100%;height:100px;margin-left:auto;margin-right:auto;overflow:hidden;display:block;z-index:2090;transition:all .3s ease;box-sizing:border-box;text-align:center;}
	#mainNavi {position:relative;margin-left:auto;margin-right:auto;z-index:100;margin-top:20px;}
	.topmenu {display:block;position:relative;}
	.topmenu:after {display:block;content:"";clear:both;}
	.topmenu li {float:left;}
	.topmenu .tgl-btn {display:none;}
	.topmenu a, .topmenu span {}
	.topmenu .first {background:none;}
	.topmenu .mn_l1 {float:none;display:inline-block;vertical-align:top;margin:0 1px;}
	.topmenu .mn_l1:last-child {}
	.topmenu .mn_a1 {position:relative;height:20px;line-height:1.35em;display:block;text-align:center;padding:20px 15px 44px 15px;}
	.topmenu .mn_a1:after {position:absolute;top:70px;left:50%;margin-left:-13px;content:"";display:none;width:0;border-width:13px;border-color:transparent;border-style:solid;z-index:200;transition:all .25s ease;}
	.topmenu .over .mn_a1:hover:after, 
	.topmenu .mn_a1:hover:after {top:67px;border-color:#E63786 transparent transparent transparent;z-index:2000}
	.topmenu .over .mn_a1:after {border-color:#E63786 transparent transparent transparent}
	.topmenu .mn_a1 .sico-nwin {display:none;}
	.topmenu .mn_s1 {font-size:1.125em;color:#000;font-weight:450;font-weight:bold;text-align:center;white-space:nowrap;display:inline-block;vertical-align:middle;text-overflow:ellipsis;}
	.topmenu .over .mn_a1 .mn_s1, .topmenu .mn_a1:hover .mn_s1, .topmenu .mn_a1:focus .mn_s1, .topmenu .mn_a1:active .mn_s1 {color:#E63786;}
	.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 .mn_l2.over .mn_a2 .txt, .topmenu .mn_l2:hover .mn_a2 .txt, .topmenu .mn_l2 .mn_a2:hover .txt {position:relative;text-decoration:underline;}
	.topmenu .mn_l2.over .mn_a2 .txt:before, .topmenu .mn_l2:hover .mn_a2 .txt:before {position:absolute;top:-10px;left:-10px;content:"";display:block;width:27px;height:27px;background:#0488ff;border-radius:50%;z-index:-1}
	.topmenu .mn_l2.over .mn_a2:after, .topmenu .mn_l2:hover .mn_a2:after {position:absolute;top:21px;right:0;content:"";display:block;width:10px;height:2px;}

	.topmenu .depth2-wrap {display:none;position:absolute;top:100px;z-index:300;left:0;font-size:0.938em;width:100%;text-align:center;box-sizing:border-box;}
	.topmenu .is-over .depth2-wrap {min-height:0;}
	.topmenu .depth2 {position:relative;overflow:hidden;margin-top:0px;text-align:center;}
	.topmenu .depth2 li {display:inline-block;position:relative;line-height:1.3em;}
	.topmenu .depth2 li a:hover span {text-decoration:underline;}
	.topmenu .depth2 a, .topmenu .depth2 a span {display:inline-block;font-weight:400;}
	.topmenu .depth2 .mn_l2 {padding:0 25px 10px;box-sizing:border-box;float:none;display:inline-block;vertical-align:top;margin-right:-0.25em;}
	.topmenu .depth2 .mn_a2 {position:relative;display:block;word-break:keep-all;word-wrap:break-word;padding:10px 0 15px;font-size:1.125em;color:#fff;}
	.topmenu .mn_a2[target=_blank]:hover:after {background-position:-11px 0}

	.topmenu .depth3-wrap {display:block;}
	.topmenu .depth3-wrap li {width:100%;font-size:0.938em;}
	.topmenu .depth3-wrap li a {padding:5px 0}
	.topmenu .depth3-wrap li a, .topmenu .depth3-wrap li a span {font-weight:300;color:#afc1d1;}
	.topmenu .depth3-wrap li.over a span {text-decoration:underline;color:#fff;}

	/* 오버 */

	#mainNavi-wrap .ovbar {}
	#mainNavi-wrap.over {border-bottom:2px solid #13406c;}

	.mn-bg {position:absolute;top:100px;left:0;width:100%;background:rgba(0,57,108,0.95);}
}
@media only screen and (min-width:1000px) and (max-width:1600px){
	#mainNavi {margin-left:140px;margin-right:350px;}
}
@media only screen and (min-width:1100px) and (max-width:1199px){
	.topmenu .mn_a1 {padding-left:12px;padding-right:12px;}
	.topmenu .depth2-wrap {width:100%;}
	.topmenu .depth2 {background-size:contain}
}
@media only screen and (min-width:1000px) and (max-width:1099px){
	.topmenu .mn_a1 {padding-left:7px;padding-right:7px;}
}
@media only screen and (max-width:1200px){
	.top-search-wr {left:0;margin-left:0;}
}
@media only screen and (max-width:999px) {
	#mainNavi-wrap .bt-mnall {display:inline-block;position:absolute;right:0;top:25px;overflow:hidden;width:40px;height:40px;z-index:2300;border:0;background:url(/_Img/Template/Main/layout_rspnsv.png) no-repeat 0 0}

	.body-slider-ovclick:after {position:absolute;top:0;right:0;content:"";display:block;width:70px;height:70px;background:#E63786 url(../_Img/Layout/tm_close.png) no-repeat center center;cursor:pointer;}
	#mainNavi-wrap .tmn-closeBtn {display:none;}
	#mainNavi-wrap .tm-contactinfo {display:block;}
	#mainNavi-wrap .tm-request {display:block;border:1px solid #AFADAD;padding:12px 0;margin:10px 30px;border-radius:4px;font-size:16px;color:#333333;}


	/* 메뉴 */
	#mainNavi-wrap {top:0;right:0;height:100%;width:0;position:absolute;;}
	#mainNavi-wrap .bt-mnall {right:10px;}
	#mainNavi-wrap .icban-001 li a .ptxt {color:#fff;font-size:13px;}
	#mainNavi {position:fixed;transition:right 0.3s ease;z-index:9000;right:-240px;top:0;width:240px;height:100%;/*min-height:300px;*/background:#fff;overflow-y:scroll !important;overflow-x:hidden;}

	.topmenu {position:relative;}

	#mainNavi.mn-h-open {right:0;overflow-x:visible;overflow-y:scroll}
	#mainNavi-wrap .ovbar, .mainNavi-ban {display:none;}
	.mn-h-open .tmn-global {text-align:center;background:#2d4257;font-size:12px;height:40px;}
	.mn-h-open .tmn-global li a {color:#fff;display:block;padding:9px 0}
	.mn-h-open .tmn-global li a:before {content:"";display:inline-block;vertical-align:top;margin-top:-9px;width:40px;height:40px;background:url(/_Template/Gnavi/gnavi/_Img/gnavi_sprite.png) no-repeat 0 0}
	.mn-h-open .tmn-tit {display:block;padding:20px;height:100px;overflow:hidden;color:#003165;background:#fff;text-align:center;font-size:24px;line-height:60px;box-sizing:border-box;font-family:"Nanum Square"}
	.mn-bar {display:none;}
	.topmenu {width:100%;display:block;position:relative;}
	.topmenu:after {display:block;content:"";clear:both;}
	.topmenu li {float:left;line-height:1.3em;position:relative;font-weight:bold;}
	.topmenu a {position:relative;}
	.topmenu a, .topmenu span {/*white-space:nowrap;*/}
	.topmenu .tgl-btn {display:block;}
	.topmenu .mn_l1 {display:block;float:left;width:100%;border-bottom:0px solid #d6d6d6;}
	.topmenu .first.mn_l1 {border-top:0px solid #d6d6d6;}
	.topmenu .mn_a1 {position:relative;display:block;background-color:#fff;background-position:left top;background-repeat:repeat;}
	.topmenu .mn_a1 span {display:block;padding:22px 30px 22px 30px;overflow:hidden;font-size:22px;font-weight:600;letter-spacing:0;cursor:pointer;color:#333;text-align:left}
	.topmenu .mn_a1[target=_blank] span:after {position:absolute;top:22px;right:24px;content:"";display:inline-block;vertical-align:middle;width:14px;height:14px;background:url(/_Template/Header/humanity/_Img/ico_nw_rspnsv.png) no-repeat 0 0;margin-left:5px;}
	.topmenu .is-open .mn_a1 span, .topmenu .over .mn_a1 span {color:#E63786;}
	.topmenu .is-open .mn_a1, .topmenu .over .mn_a1 {background-color:#csc-point1;background-image:url(/_Template/Submenu/humanity/_Img/submenu_bg.jpg);background-repeat:no-repeat;}
	.topmenu .has-sub .is-ico {padding:0;display:block;width:30px;height:30px;position:absolute;right:0px;top:3px;border:1px solid red;}
	.topmenu .has-sub .tgl-btn {paddin g:0;display:block;width:20px;height:20px;position:absolute;right:17px;top:8px;border:0;z-index:100;text-indent:-9999em;background:transparent;}
	.topmenu .has-sub .tgl-btn:before {content:'';position:absolute;left:1px;top:50%;width:80%;height:2px;background:#9b9b9b;}
	.topmenu .has-sub .tgl-btn:after {content:'';position:absolute;left:1px;top:50%;width:80%;height:2px;background:#9b9b9b;transform: rotate(-90deg);}
	.topmenu .mn_l1 > .tgl-btn {right:20px;top:19px;}
	.topmenu .mn_l1.is-open > .tgl-btn:before, .topmenu .mn_l1.over > .tgl-btn:before {left:2px;transform: rotate(0);background:#fff;}
	.topmenu .mn_l1.is-open > .tgl-btn:after, .topmenu .mn_l1.over > .tgl-btn:after {right:2px;transform: rotate(0);background:#fff;}
	.topmenu .mn_l2 > .tgl-btn {width:16px;height:16px;right:21px;top:16px;}
	.topmenu .mn_l2 > .tgl-btn:before, .topmenu .mn_l2 > .tgl-btn:after {height:2px;}
	.topmenu .mn_l2.is-open > .tgl-btn:before, .topmenu .mn_l2.over > .tgl-btn:before {transform: rotate(0);}
	.topmenu .mn_l2.is-open > .tgl-btn:after, .topmenu .mn_l2.over > .tgl-btn:after, .topmenu .over .mn_l2.is-close > .tgl-btn:after {transform: rotate(0);}
	.topmenu .mn_l2.is-close > .tgl-btn:before {left:2px;transform: rotate(0);background:#9b9b9b;}
	.topmenu .mn_l2.is-close > .tgl-btn:after {left:auto;right:1px;transform: rotate(90deg);background:#9b9b9b;}
	.topmenu li > div {display:none;}
	.topmenu .depth2-wrap {position:relative;}
	.topmenu .depth2-wrap .first {border-top:0px solid #ddd;}
	.topmenu .depth2-tit {display:none;}
	.topmenu .depth2 .blt {display:none !important;}
	.topmenu .mn-stit {display:none;}
	.topmenu .depth2 {position:relative;width:100%;padding-top:0px;padding-bottom:0px;}
	.topmenu .depth2:after {clear:both;content:"";display:block}
	.topmenu .depth2 li {width:100%;float:left;font-size:15px;line-height:1.3em;}
	.topmenu .depth2 a {display:block;}
	.topmenu .depth2 .mn_l2 {border-top:0px solid #bfbfbf;background:#fff;}
	.topmenu .depth2 .mn_l2.first , .topmenu .depth2 .mn_l2:first-child {border-top:0px}
	.topmenu .depth2 .mn_a2 {display:block;padding:10px 30px 10px 30px;word-break:break-all;text-align:left;}
	.topmenu .depth2 .mn_a2 span {font-size:14px;font-weight:normal;cursor:pointer;color:#666;}
	.topmenu .is-open .mn_l2.over .mn_a2, .topmenu .mn_l2.over .mn_a2 {background:none;}
	.topmenu .mn_l2.over .mn_a2 span, .topmenu  .mn_l2.mn_a2:hover span {color:#E63786;}

	.topmenu .mn_l3.over .mn_a3 span, .topmenu  .mn_l3.mn_a3:hover span {color:#fff;}
	.topmenu .depth3 {position:relative;width:100%;border-top:0px solid #bbb;padding-top:18px;padding-bottom:18px;background:#1875d5;}
	.topmenu .depth3:after {clear:both;content:"";display:block}
	.topmenu .depth3 li {width:100%;float:left;color:#fff;line-height:1.3em;border-top:0;overflow:hidden;}
	.topmenu .depth3 .mn_l3.first, .topmenu .depth3 .mn_l3:first-child {border-top:0;}
	.topmenu .depth3 .mn_a3 span {position:relative;display:block;margin:5px 17px 5px 23px;word-break:break-all;padding-left:12px;font-size:15px;}
	.topmenu .depth3 .mn_a3 span:before {position:absolute;top:9px;left:0;content:"";display:block;width:4px;height:2px;background:#fff;}
	.topmenu .depth3 .mn_a3 span {font-weight:normal;cursor:pointer;color:#fff;text-align:left}
	.topmenu .depth3 .over span {font-weight:normal;color:#fff;text-decoration:underline;}
	.topmenu .sico-nwin {display:none !important;}

	.topmenu .over#mn_News .depth2-wrap {position:relative !important;} 
	.topmenu .over#mn_News .ui-effects-placeholder {display:none !important;}
	
}
@media only screen and (max-width:599px){
	#logo {left:15px;top:42px;height:70px;}
	#logo img {height:40px;}
	.gnavi-btn .bt-mnall {top:-7px;}

	#header-wrap {height:60px;border-bottom:0;}
	#mainNavi-wrap .bt-mnall {top:18px;right:15px;}
	.header .btn-search {display:block;position:absolute;top:18px;left:15px;width:21px;height:21px;background:url(../_Img/header_rspnsv_spr.png) no-repeat -92px 0;border:0;}
	.top-search-wr {top:56px;padding:15px 0 10px}
	.top-search-wr label {display:block;font-size:16px;margin-right:0;margin-bottom:10px;}
	.top-search-wr label:before {width:20px;height:20px;background-size:324px auto;background-position:-151px 0;margin-right:7px;margin-top:-3px}
	.top-search-wr .frm-search {width:79%;margin:0 auto;text-align:left;}
	.top-search-wr .frm-search *, .top-search-wr .frm-search, .top-search-wr .btn-close {height:50px;}
	.top-search-wr .frm-search input.text {width:85%;margin-right:35px;}
	.top-search-wr .frm-search .btn-search {width:35px;height:50px;background-position:-287px -1px}
	.top-search-wr .btn-close {width:50px;font-size:1em;background:#153550;margin-left:-0.2em;font-size:13px;}
	.top-search-wr .btn-close span {border:0;padding:0}
}
@media only screen and (max-width:399px){
	#mainNavi.mn-h-open:after {right:33%;}
}


/* 카피라이트 */
#footer-wrap {background:#212121;padding:80px;box-sizing:border-box;min-height:280px;}
#footer-wrap #footer {position:relative;width:100%;padding:0 350px 0 168px;box-sizing:border-box;}
#footer-wrap .topBt {position:fixed;bottom:20px;right:-80px;width:62px;height:62px;z-index:3500;font-size:13px;letter-spacing:-0.05em;text-align:center;color:#fff;transition:all .3s ease;border-radius:50%;background:rgba(55,55,55,0.9) url(/_Template/Layout/ccpp-kr/_Img/Layout/btn_top.png) no-repeat center center;}
#footer-wrap .topBt span {color:#fff}
#footer-wrap .topBt.over {right:20px}
#footer-wrap .f-logo {position:absolute;top:0;left:0;}
#footer-wrap .foot-btn {position:absolute;top:0;right:0;display:flex;flex-direction: column;align-items: flex-end;gap:20px;}
#footer-wrap .foot-btn .t-sns {display:flex;column-gap:10px;}
#footer-wrap .foot-btn .t-sns a {display:block;position:relative;width:50px;height:50px;background: no-repeat 50% 50%;border-radius: 10px;background: #424242;}
#footer-wrap .foot-btn .t-sns a:before {display:block;content:'';position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:24px;height:24px;background: no-repeat 50% 50%;filter: invert(85%) sepia(0%) saturate(0%) hue-rotate(152deg) brightness(96%) contrast(79%);}
#footer-wrap .foot-btn .t-sns a.discord:before {background-image:url(/eng/_Img/Layout/global_sns01.png);}
#footer-wrap .foot-btn .t-sns a.telegram:before {background-image:url(/eng/_Img/Layout/global_sns02.png);}
#footer-wrap .foot-btn .t-sns a.twitter-x:before {background-image:url(/eng/_Img/Layout/global_sns03.png);}
#footer-wrap .foot-btn .t-sns a.medium:before {background-image:url(/eng/_Img/Layout/global_sns04.png);}
#footer-wrap .foot-btn .t-sns a.youtb:before {background-image:url(/eng/_Img/Layout/global_sns05.png);}
#footer-wrap .foot-btn .btn-punkwebsite {position:relative;color: #FFF;font-size: 17px;font-weight: 700;border-radius: 360px;background: #E63786;padding: 12px 60px 12px 30px;}
#footer-wrap .foot-btn .btn-punkwebsite:before {display:block;content:'';position:absolute;top:0;right:30px;bottom:0;margin:auto;width:15px;height:15px;background: url(/eng/_Img/Layout/arr2.png) no-repeat 50% 50%;}
#footer-wrap .pinfo {text-align:left;}
#footer-wrap .pinfo .paddr {color: #DDD;font-size: 20px;line-height: 140%;}
#footer-wrap .pinfo .pcopyright {color: #999;font-size: 18px;line-height: 140%;padding-top:40px;}

@media all and (max-width:1920px){
	#footer-wrap {padding:80px 20px;}
}
@media all and (max-width:999px){
	#footer-wrap {padding:50px 20px;min-height:initial;}
	#footer-wrap #footer {padding:0;}
	#footer-wrap .f-logo {position:relative;top:auto;left:auto;}
	#footer-wrap .foot-btn {position:relative;top:auto;right:auto;align-items: center;padding-top:30px;}
	#footer-wrap .pinfo {text-align:center;padding-top:30px;}
	#footer-wrap .pinfo .paddr {font-size: 18px;}
	#footer-wrap .pinfo .pcopyright {font-size: 16px;padding-top:20px;}
}
@media all and (max-width:599px){
	#footer-wrap {padding:30px 20px;}
	#footer-wrap .foot-btn {padding-top:20px;}
	#footer-wrap .foot-btn .t-sns {column-gap:5px;}
	#footer-wrap .foot-btn .t-sns a {width:44px;height:44px;}
	#footer-wrap .foot-btn .btn-punkwebsite {font-size: 15px;padding: 10px 50px 10px 20px;}
	#footer-wrap .foot-btn .btn-punkwebsite:before {right:20px;}
	#footer-wrap .pinfo {padding-top:20px;}
	#footer-wrap .pinfo .paddr {font-size: 16px;}
	#footer-wrap .pinfo .pcopyright {font-size: 14px;}
}



/* 서브레이아웃 */
#container-wrap {margin-top:0;min-height:500px;transition:margin .3s ease}
#subtop-wr {z-index:10}

#svisual-wrap .svis-txt {position:absolute;top:110px;left:0;text-align:center;color:#fff;z-index:300;width:100%;}
#svisual-wrap .svis-txt .stit {display:block;font-size:48px;line-height:1.2em;font-weight:500;font-weight:400;margin-top:70px;transition:all .5s ease;}
#svisual-wrap .svis-txt .stxt {display:block;font-size:20px;line-height:1.2em;font-weight:300;color:#fff;letter-spacing:.05em;margin-top:20px;transition:all .5s ease;}

#svisual-wrap .visimg-wr {}
#svisual-wrap .visimg-wr .bottomWard {animation:mouse_action 1s infinite;animation-timing-function:linear;display:block;position:absolute;width:62px;height:62px;bottom:80px;left:50%;margin:0 0 0 -31px;z-index:2;background:url(/kr/_Img/Layout/stit_arr.png) no-repeat center center;border:0}
@keyframes mouse_action{
	0% {bottom:80px;animation-timing-function:ease;}
	50% {bottom:100px}
	100% {bottom:80px;animation-timing-function:ease;}
}

#subNavi-wrap {display:block;position:relative;width:100%;margin:0;background:#174d9d}
#subNavi-wrap.over {position:fixed;left:0;bottom:auto;top:0;z-index:302}
#subNavi-wrap .lm-tit {display:none}
#subNavi-wrap .leftmenu {display:block;width:100%;max-width:1200px;margin:0 auto}
#subNavi-wrap .leftmenu .depth2 {display:block;width:100%;text-align:center;font-size:0}
#subNavi-wrap .leftmenu .depth2 .lm_l2 {display:inline-block;width:auto;vertical-align:top}
#subNavi-wrap .leftmenu .depth2 .lm_l2 .lm_a2 {display:block;height:60px;line-height:72px;padding:0 34px}
#subNavi-wrap .leftmenu .depth2 .lm_l2 .lm_a2 .isMask {}
#subNavi-wrap .leftmenu .depth2 .lm_l2 .lm_a2 .isTxt {display:inline-block;position:relative;font-size:16px;color:#fff;font-weight:300;line-height:1;padding:0 0 10px 0}
#subNavi-wrap .leftmenu .depth2 .lm_l2 .lm_a2 .isTxt:after {content:"";display:block;position:absolute;height:2px;width:0;left:50%;bottom:0;background:#fff;transition:all .3s ease}
#subNavi-wrap .leftmenu .depth2 .lm_l2.over .lm_a2 .isTxt:after,
#subNavi-wrap .leftmenu .depth2 .lm_l2 .lm_a2:hover .isTxt:after {width:100%;left:0}
#contents-wrap {}
#container {z-index:100}
.body-sub #contents {min-height:500px;padding:0 0 50px 0}
.cont-top {position:relative;z-index:300;}
.cont-tit {position:relative;padding:0;text-align:center;}
.cont-tit .tit {display:block;font-size:44px;font-weight:400;color:#000;letter-spacing:-0.05em;box-sizing:border-box;padding:50px 0 0 0;}
.cont-tit .tit .tit-in {display:block;text-align:center;line-height:1.2em}
.cont-tit .tit .tit-txt {}
.cont-location {padding:25px 30px 35px 0;text-align:right;font-size:15px;display:none;}
.cont-location a {color:#7b7b7b;font-weight:300}
.cont-location a:before, .cont-location .isOver:before {content:"";display:inline-block;vertical-align:middle;background:url(../_Img/Layout/sub_spr.png) no-repeat;margin-top:-3px}
.cont-location a:before, .cont-location .isOver:before {width:4px;height:6px;background-position:-28px -55px;margin-left:9px;margin-right:9px}
.cont-location a.home:before {width:14px;height:14px;background-position:-28px -39px;margin-right:7px;margin-left:0}
.cont-location .isOver {color:#2d2d2f;text-decoration:underline;font-weight:400}

@media only screen and (max-width:999px){
	#container-wrap:before {display:none}
	#subtop-wr {height:auto;overflow:hidden}
	#svisual-wrap .svis-txt {top:50%;transform:translateY(50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);}
	#svisual-wrap .svis-txt .stit {font-size:40px;padding-bottom:10px;padding-top:100px}
	#svisual-wrap .svis-txt .stit:before {width:40px;height:40px;margin:0 0 0 -20px;background-size:cover}
	#svisual-wrap .svis-txt .stxt {font-size:20px;margin-top:0}
	#subNavi-wrap {display:none;position:relative;background:#45838d;margin-left:-15px;margin-right:-15px}
	.cont-top {margin-top:0}
	.cont-tit .tit {font-size:34px;padding:20px 0}
}
@media only screen and (max-width:699px){
	#svisual-wrap .svis-txt .stit {font-size:22px;padding-bottom:5px;margin-top:0;}
	#svisual-wrap .svis-txt .stit:before {width:26px;height:26px;margin:0 0 0 -13px}
	#svisual-wrap .svis-txt .stxt {font-size:14px;margin:0 20px;line-height:1.2;color:rgba(255, 255, 255, .7)}
	#svisual-wrap .visimg-wr .bottomWard {margin:0 0 -70px -31px;height:40px;background-position:center bottom}
	.cont-location {order:-1;padding:10px 15px;text-align:left;border-bottom:1px solid #f0f0f0}
}
@media only screen and (max-width:480px){
	#subNavi-wrap {margin-left:0;margin-right:0}
	.cont-top {min-width:0}
	.cont-tit .tit {font-size:30px;padding:25px 0;}
	.cont-location {margin-left:-15px;margin-right:-15px}
}
@media all and (max-width:320px) {
	.cont-tit .tit {font-size:20px;padding:20px 0}
	#svisual-wrap .svis-txt .stxt {display:none}
}



@media all and (max-width:560px) {
	#subtop-wr {height:200px;overflow:hidden}
	.visimg-img {width:1143px !important;height:200px !important;margin-left:-571px !important;}


	#svisual-wrap .svis-txt .stit {padding-top:95px;}
}