@font-face {
    font-family: 'NEXON Lv2 Gothic Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NEXON Lv2 Gothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NEXON Lv2 Gothic Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NEXON Lv1 Gothic OTF';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



/*****layout*****/
#hd_wrapper{width:1280px; }
#wrapper{width:100%; overflow:hidden; margin-top: 70px; -webkit-transition: all 0.35s;-moz-transition: all 0.35s;-o-transition: all 0.35s;-ms-transition: all 0.35s;transition: all 0.35s;}
#wrapper.mainarea{margin-top:0;}
#container_wr{width:100%; overflow:hidden;}
.full_container{width:100%; overflow:hidden;}
.inner_container{width:95%; max-width:1280px; margin:0 auto; position:relative;}
img {max-width: 100%}


/*****상단팝업*****/
.top_popup{width:100%;text-align: center;}
.top_popup img{max-width:1920px; width:100%;}
.top_popup img.popimg_m{display:none;}
.top_popup .popup_check span{position:absolute; right:0; padding-top:30px;}
.top_popup .popup_check span label{font-size:15px; padding-right:10px;}
.top_popup .popup_check span button{margin-left:10px; background:rgba(0,0,0,0); border:none;}
.top_popup .popup_check span button:focus{outline:none!important;}


/*****header*****/

.header_main_logo {position: absolute;  left: 70px;  top: 12px; z-index: 1999; -webkit-transition: all 0.15s;-moz-transition: all 0.15s;-o-transition: all 0.15s;-ms-transition: all 0.15s;transition: all 0.15s;}
.header_blog_icon {position: absolute; right: 175px; top: 22px; z-index: 199;}
.header_blog_icon a {display: inline-block; margin-left: 8px;}
.header_blog_icon .ytb {position: relative;  top: -3px;}
.header_language_select {display: inline-block;   z-index: 1999; background: #222;   border-radius: 30px;  padding: 8px 12px;  position: absolute;  right: 65px;  top: 20px;-webkit-transition: all 0.15s;-moz-transition: all 0.15s;-o-transition: all 0.15s;-ms-transition: all 0.15s;transition: all 0.15s;}
.header_language_select a {font-size: 11px; color: #fff;  opacity: 0.3;  display: inline-block; margin-right:20px; position: relative; -webkit-transition: all 0.15s;-moz-transition: all 0.15s;-o-transition: all 0.15s;-ms-transition: all 0.15s;transition: all 0.15s;}
.header_language_select a:after {content:""; width:1px; height:10px; background:#fff; opacity:0.3; position:absolute; right: -10px; top:0;}
.header_language_select a.current {opacity: 1 !important;}
.header_language_select a:last-child:after {content:none}
.header_language_select a:last-child {margin-right:0}
.header_language_select a:hover {opacity:0.8}

#hd_wrapper{display:table;position: fixed;   top: 0;  left: 0;  width: 100%;background: #fff;  z-index: 199;}

#gnb{position: fixed;   top: 0;  left: 0;  width: 100%;z-index: 19999; }
#gnb .gnb_wrapper{max-width:1280px; margin:0 auto; position:relative; height:70px;-webkit-transition: all 0.35s;-moz-transition: all 0.35s;-o-transition: all 0.35s;-ms-transition: all 0.35s;transition: all 0.35s;}
#gnb ul ul { display: none; position: absolute;}
#gnb ul { list-style: none; position: relative; display: inline-table;}
#gnb .custom_menu{width:100%; height:100%; text-align: center}
#gnb .custom_menu > li{line-height:70px; display: inline-block; -webkit-transition: all 0.15s;-moz-transition: all 0.15s;-o-transition: all 0.15s;-ms-transition: all 0.15s;transition: all 0.15s;}
#gnb .custom_menu > li + li{margin-left:75px;}
#gnb .custom_menu:after { content: ""; clear: both; display: block;	}
#gnb .custom_menu li a {  font-size:21px; display: block; padding: 0; color: #222; text-decoration: none;	font-family: 'NEXON Lv2 Gothic Bold';position: relative;}
#gnb .custom_menu li a.current:after {content:""}


/*풀다운메뉴*/
#gnb .fulldown_bg{position:absolute; width:100%; height:300px; background:#f8f8f8; top:70px; z-index:1; border-bottom:1px solid #eee; display:none;}
#gnb .fulldown_bg .inner{max-width:630px; margin:0 auto; padding-top: 10px; white-space: nowrap;}
#gnb .fulldown_bg .inner ul{ text-align:left}
#gnb .fulldown_bg .inner ul li a{font-size:15px; color:#666; display:inline-block; line-height:35px;}
#gnb .fulldown_bg .inner ul li a:hover{color:#222;}
#gnb .fulldown_bg .inner ul li:last-child a{border-bottom:none;}
#gnb .fulldown_bg .inner ul:nth-child(1) {margin-right:85px}
#gnb .fulldown_bg .inner ul:nth-child(2) {margin-right:30px}
#gnb .fulldown_bg .inner ul:nth-child(3) {margin-right:90px}
#gnb .fulldown_bg .inner ul:nth-child(4) {margin-right:60px}


#gnb .fulldown_bg.ko .inner {max-width: 740px;}
#gnb .fulldown_bg.ko .inner ul.nexon {margin-right:85px}
#gnb .fulldown_bg.ko .inner ul.games {margin-right:30px}
#gnb .fulldown_bg.ko .inner ul.recu {margin-right:80px}
#gnb .fulldown_bg.ko .inner ul.invest {margin-right:60px}
#gnb .fulldown_bg.ko .inner ul.esg {margin-right:30px}

#gnb.en .fulldown_bg .inner{max-width:790px; padding-left:40px}
#gnb.en .fulldown_bg .inner ul li a{font-size:13px; color:#666; display:inline-block; line-height:35px;}
#gnb.en .fulldown_bg .inner ul:nth-child(1) {margin-right:175px}
#gnb.en .fulldown_bg .inner ul:nth-child(2) {margin-right:0}
#gnb.en .fulldown_bg .inner ul:nth-child(3) {margin-right:105px}
#gnb.en .fulldown_bg .inner ul:nth-child(4) {margin-right:15px}

#gnb.scrollFixed {box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.1);}
#gnb.scrollFixed .gnb_wrapper {height: 70px;}
#gnb.scrollFixed .custom_menu > li { line-height: 70px;	}
#gnb.scrollFixed .fulldown_bg {  top: 70px; }
#gnb.scrollFixed .header_main_logo {top: 12px;}
#gnb.scrollFixed .header_language_select {top: 20px;}





#gnb_all h2{text-align:center; text-transform:uppercase; color:#003063; font-size:24px; font-weight:800;}
#gnb_all .gnb_al_ul_wrap{padding:30px; display:flex; flex-direction:row; flex-wrap:nowrap;}
#gnb_all .gnb_al_ul_wrap .gnb_al_ul{width:20%; min-height:300px; padding:0 20px;}
#gnb_all .gnb_al_ul_wrap .gnb_al_ul + .gnb_al_ul{border-left:1px solid #ddd;}
#gnb_all .gnb_al_ul_wrap .gnb_al_ul ul{display:block;}

#gnb_all .gnb_al_ul_wrap .gnb_al_ul .al_title{margin-bottom:5px;}
#gnb_all .gnb_al_ul_wrap .gnb_al_ul .al_title a{font-size:18px; color:#3c6189; font-weight:600;}
#gnb_all .gnb_al_ul_wrap .gnb_al_ul > li{cursor:pointer;}
#gnb_all .gnb_al_ul_wrap .gnb_al_ul > li, #gnb_all .gnb_al_ul_wrap .gnb_al_ul > li a{font-size:16px; font-weight:500; color:#222; line-height:1.7em;}
#gnb_all .gnb_al_ul_wrap .gnb_al_ul > li:hover, #gnb_all .gnb_al_ul_wrap .gnb_al_ul > li a:hover{font-weight:700;}
#gnb_all .gnb_al_ul_wrap .gnb_al_ul > li a.pvc:hover{color:#003063;}

#gnb_all .gnb_al_ul_wrap .gnb_al_ul ul{padding:5px 15px;}
#gnb_all .gnb_al_ul_wrap .gnb_al_ul ul li a{font-size:14px; color:#666;}







/*모바일메뉴*/
.gnbWrap{  padding-top: 10px; padding-bottom: 8px;   width: 890px; margin: 0 auto;}
.gnbWrap>img{   width: 250px; height: 42px; }
/* 모바일 메뉴 버튼 */
.mobile_menu {position: absolute; top: 50%; right:10px; transform: translateY(-50%);}
.mobile_menu>a{width: 100%;height: 100%; display: block; font-size:24px;}

a.close{
    background-color: #fff; width: 50px; height: 50px;
	font-size:22px;
    position: absolute; right: 0; top: 0; color: #999;
    line-height: 50px; text-align: center;
}
.left_gnbWrap{
    height: 100vh;
    width: 75%;
    position: fixed; right: -75%; top: 0;
    background-color: #fff;
    padding-top: 50px;
    z-index: 19999;
    transition: all 0.3s;
}
.left_gnbWrap.on{
    right:0;
}
.left_gnb>li{
    width: 100%;
	border-top:1px solid #eee;
}
.left_gnb>li:last-child{border-bottom:1px solid #eee;}

.left_gnb>li>a{
    display: block; text-align: left; line-height: 50px;
    width: 100%; height: 50px; background-color: #fff;
    color: #3c6189; font-size:16px;
	padding:0 15px; font-weight:600;
}
.left_gnb>li>a.on{
    background-color: #f3f3f3;
}
.left_gnb>li>ul{
    display: none;
}
.left_gnb>li>ul>li>a{
    display: block; text-align: left; line-height: 50px;
    width: 100%; height: 50px; background-color: #eee;
    color: #222; font-size:14px;
	padding:0 15px;
}

.left_gnb>li>ul>li>ul>li{padding:10px 20px; font-size:14px;}

.left_gnbWrap .login_area_m{width:100%; padding-top:30px; padding-left:15px;}
.left_gnbWrap .login_area_m ul {display:flex; flex-direction:row; flex-wrap:nowrap;}
.left_gnbWrap .login_area_m ul li{width:95px; height:35px; background:#e7e7e7; border-radius:35px; border:1px solid #e7e7e7; font-size:13px; text-align:center; line-height:33px; padding:0 5px;}
.left_gnbWrap .login_area_m ul li + li{background:#fff; border:1px solid #999; margin-left:15px;}
.left_gnbWrap .login_area_m ul li + li + li{border:none; width:30px; font-size:22px;}
.left_gnbWrap .login_area_m ul li a{width:100%; height:100%; display:block;}
.left_gnbWrap .login_area_m ul li.tnb_admin{font-size:14px; width:70px; border:none;}
.left_gnbWrap .login_area_m ul li + li + li + li{width:auto; border:none; background:none; font-size:22px;}


.left_gnbWrap .login_area_m{position:relative;}
.left_gnbWrap .login_area_m #hd_sch_m{position:absolute; top:90px;}
.left_gnbWrap .login_area_m #hd_sch_m input{border:none; font-size:13px; padding:10px 0; border-bottom:1px solid #ccc; width:200px; position:relative;}
.left_gnbWrap .login_area_m #hd_sch_m button{border:none; background:rgba(0,0,0,0); width:30px; height:30px; color:#999; position:absolute; right:0; top:6px;}


/*모바일메뉴*/
.mobile_menu{display:none;}

@media screen and (max-width: 1440px) {
/*layout*/
#hd_wrapper{width:100%; padding:0 10px; height: 100px;}
#gnb .gnb_wrapper{display:none}
#ft_wr{max-width:100%; padding:0 10px;}
#wrapper {margin-top:100px}
#wrapper.mainarea{margin-top:100px}
.inner_container{width:100%; padding:0 20px;}

/*header*/
#gnb .gnb_menu_btn{right:10px;}
#gnb_all{width:100%; left:0;}
.header_main_logo {  left: 20px; top: 25px !IMPORTANT;}
.header_blog_icon {right: 190px; top: 35px;}
.header_language_select {right: 80px;  top: 35px !important;}
.left_gnbWrap .header_language_select {right: 80px;  top: 10px !important;}
.mobile_menu{display:block;}
.mobile_menu>a{font-size:30px;}

}



@media screen and (max-width: 480px){
/*header*/
#hd_wrapper {  height: 60px;z-index: 19999;}
#wrapper {  margin-top: 60px;}
.header_main_logo {  left: 10px; top: 15px !IMPORTANT;}
.header_main_logo img {height:35px}
.header_blog_icon {top: 15px; right: 60px;}
.header_language_select {display:none}

.left_gnbWrap .header_language_select {  display: inline-block;   position: relative;   right: 0;   top: 0;  background: #fff;  color: #222;}
.left_gnbWrap .header_language_select a {   font-size: 15px;  color: #222;}
.left_gnbWrap .header_language_select a:after {   height: 15px;   background: #222; }

#wrapper.mainarea{margin-top:60px;}

}

@media screen and (max-width: 320px) {
	.header_blog_icon {right: 18vw;}
}