/****** 공통 영역 ******/
/* 공통 클래스, 레이아웃 */
.wrap{width: 100%;min-width: 1200px;}
.center{width: 1200px;margin: 0 auto;}
.alert{position: absolute;top: -28px;width: 100%;font-size: 14px;font-weight: bold;color: #f44381;text-align: center;}
.alert:before{content: "";display: inline-block;width: 18px;height: 11px;background: url(../images/common/icon_alert.png) no-repeat left bottom;}
.pc_br{display:block;}

/* 버튼 */
/* 버튼 공통 클래스는 정리가 필요함(지우) */
/* 설정 버튼 */
.btn_full{width: 220px;height: 28px;border: 1px solid #e7e7e7;border-radius: 5px;background: linear-gradient(#fff, #f9f9f9);;font-size: 13px;color: #aaa;}
/* 바로가기 버튼 */
.btn_more{position: absolute;top:30px;right: 30px;padding-right: 10px;background: url(../images/common/more_arrow.png) no-repeat center right;font-size: 13px;color: #28aacf;letter-spacing: -1px;}
/* 화살표 그라데이션 버튼 */
.btn_grd{display: block;width: 170px;height: 44px;margin-top: 20px;padding: 12px 15px;background: url(../images/bg/bg_btn_more.jpg);color: white;text-align: left;}
/* 칼라 버튼(기본) */
.btn{display: block;width: 200px;height:auto; margin: 0 auto;padding: 15px;background:rgb(68,65,154);font-size: 15px;color: white;text-align: center;line-height:1;}
.btn:hover{background:rgb(95,92,198);}
/* 취소 버튼 */
.btn_cancel{background: #aaa;}
/* input 관련 버튼 */
.btn_input{display: block;width: 100px;height: 28px;padding: 7px;background: #555;font-size: 13px;color: white;text-align: center;cursor: pointer;}
/* 선택 버튼 */
.choice_btn{font-size: 15px; font-weight: bold; text-align: center; display: inline-block; background-color: #28aacf; color: #fff; border-radius: 4px; padding: 5px 10px;}


/* 체크박스 */
input[type="checkbox"] { /*display:none;*/ }
input[type="checkbox"] + label span { display:inline-block; width:18px; height:18px; margin:-2px 10px 0 0; vertical-align:middle; background:url('../images/common/ckbx.png') no-repeat; cursor:pointer; }
input[type="checkbox"]:checked + label span { background:url('../images/common/ckbx_ck.png') no-repeat; }
/* input focus */
input:focus{outline: 1px solid #28aacf}
/* input placeholder */
input::placeholder, textarea::placeholder{color:#aaa;}
/* 라디오박스 */
input[type="radio"] { display:none; }
input[type="radio"] + label { color:#f2f2f2; font-family:Arial, sans-serif; }
input[type="radio"] + label span { display:inline-block; width:20px; height:20px; margin:-1px auto; vertical-align:middle; background:url('../images/common/rdbx.png') no-repeat; cursor:pointer; }
input[type="radio"]:checked + label span { background:url('../images/common/rdbx_ck.png') no-repeat; }
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{background-color:#f9f9f9 !important;}


/****** 팝업레이어 ********/
#hd_pop {width: 100%;}
/****** 헤더 영역 시작 ******/
.background_box{ width: 100%; height: 100%; position: fixed; z-index: 999; background: rgba(0,0,0,0.5); display:none;}

/* html,body{ min-width: 1119px;} */
.header{ width: 100%; margin: auto; display: block; position: fixed; top: 0; left: 0; z-index: 999; }
.top_nav {background-color: #fff; width: 100%; position: relative; border-bottom:1px solid #ddd;}
.nav_area{ width: 100%; max-width: 1260px; height: 198px; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; margin: auto; }

.nav_area .lang_area {position:absolute; width:30px; height:30px; right:100px; top:100px;}
.nav_area .lang_area  img {width:100%;}
.logo_area{ width: 255px; height: auto;}
.logo_area img {width:255px; height:auto; cursor: pointer;}
.logo_pc{ width: 100%; height: auto;}
.menu_sub{ width: 960px; height: 60px; margin: auto;}
#menu_area{ width: 100%; display: flex; flex-flow: row wrap; justify-content: center;}
#menu_area>p{ display: none; }
#menu_area>.menu>h4{ display: none; }
.menu{ width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: flex-start; flex-flow: row nowrap;}
.menu>li{display: block; text-align: center; position: relative; z-index: 100;  }
.menu>li::before {content: ""; position: absolute; left: -44px; right: -44px; top: 0; margin: auto; height: 100%; visibility: hidden;}
.menu>li .main_menu {display: inline-flex; height: 60px; position: relative; justify-content: center; align-items: center; z-index: 100; }
/* .menu>li .main_menu::after {width: 0; position: absolute; height: 2px; background-color: #00a9dc; content: ""; bottom: 0; left: 0; right: 0; margin: auto; z-index: 100;transition: width 0.4s;} */
.menu>li .main_menu a,.all_sub_menu_area > li >p { font-size: 14px; color: #000; height: 80%; display: flex; align-items: center; justify-content: center; padding: 0 20px; line-height: 24px; letter-spacing: 1px; transform:skew(-0.03deg); font-weight: bold;}
/* 러시아 */
.ru .menu_sub {width: 655px;}
.ru .menu {padding: 0 12px;}
.ru .menu>li {width: 100%;}
.ru .menu>li::before {width: calc(100% + 24px);left: -12px; right: -12px; top: 0;}
.ru .menu>li .main_menu {display: flex;}
.ru .menu>li .main_menu a {line-height: 1; font-size: 20px; width: 100%;}
.ru .menu>li#menu_btn_area0 {max-width: 119px;}
.ru .menu>li#menu_btn_area1 {max-width: 188px;}
.ru .menu>li#menu_btn_area2 {max-width: 162px;}
.ru .menu>li#menu_btn_area3 {max-width: 162px;}
/* 영어 */
.en .menu_sub {width: 625px;}
.en .menu {padding: 0 12px;}
.en .menu>li {width: 100%;}
.en .menu>li::before {width: calc(100% + 24px);left: -12px; right: -12px; top: 0;}
.en .menu>li .main_menu a {line-height: 22px; font-size: 20px; }
.en .menu>li#menu_btn_area0 {max-width: 167px;}
.en .menu>li#menu_btn_area1 {max-width: 138px;}
.en .menu>li#menu_btn_area2 {max-width: 152px;}
.en .menu>li#menu_btn_area3 {max-width: 146px;}

/* 언어선택버튼 */
.nav.lang_sel_pc {width: 140px; height: 28px;}
.nav.lang_sel_pc .select {display: flex; width: 100%; height: 28px; justify-content: center; align-items: center; padding: 0 25px; color: #666; line-height: 1; font-weight: 300; cursor: pointer; position: relative; background-color: #fff; font-size: 18px;}
.nav.lang_sel_pc .select::before { position: absolute; left: 8px;top: 5px; content: ""; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url('../../../img/lang_icon.png'); width: 17px; height: 17px;}
.nav.lang_sel_pc .select .mo {display: none;}
.nav.lang_sel_pc .select .icon {position: absolute; top: 5px; right: 9px; color: #666; line-height: 1; height: auto;}
.nav.lang_sel_pc .select.on .icon {top: 4px;}

.nav.lang_sel_pc ul {width: 100%; height: auto; background-color: #2bb673; display: none;}
.nav.lang_sel_pc ul li {height: 29px; width: 100%; border-top: 1px solid #fff; }
.nav.lang_sel_pc ul li a {font-weight: 300; color: #fff; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; padding: 0 25px 1px; line-height: 1; font-size: 18px;}
.nav.lang_sel_pc ul li a .mo{display: none;}


/* 상단 로그인버튼들 */
.nav.pc {display: inline-flex; align-items: center; justify-content: flex-end; position: absolute; top: 0; right: 0; left: 0; width: 100%; max-width: 1260px; margin: auto;border-bottom: 3px solid #2bb673; padding: 11.5px 0 12.5px; z-index: 1;}
.nav.pc::before {content: ""; width: 100%; border-bottom: 3px solid #2bb673; position: absolute;bottom: -3px; left: -100%;}
.nav.pc::after {content: ""; width: 100%; border-bottom: 3px solid #2bb673; position: absolute;bottom: -3px; right: -100%;}
.nav.pc .nav_btn {font-size: 15px; line-height: 1; text-align: center;}
.nav.pc > span { display: block; height: 13px; width: 1px; margin: 0 8px; background-color: #333; opacity: 0.7;}
.menu_hamburger.mobile {display: none; height: 30px; width:62px; flex-flow: column nowrap; justify-content: center; align-items: center; cursor: pointer; position: absolute; z-index: 1000; top: 13.5px; left: 0; background-color: #fff;}
.menu_hamburger.mobile div {width: 20px; height:2px; background-color: #333333; margin-top: 5px; }
.menu_hamburger.mobile div:first-child {margin-top: 0px;}
.menu_hamburger.mobile.on {margin-left:285px; z-index:999999; margin-top: 0px; background-color: rgba(0,0,0,0);}
.menu_hamburger.on > div {height: 2px;  width: 20px; margin-top:0; background-color:#fff;}
.menu_hamburger.on > div:nth-child(1) {transform:translateY(1px) rotate(-45deg);}
.menu_hamburger.on > div:nth-child(2) {display: none;}
.menu_hamburger.on > div:nth-child(3) {transform:translateY(-2px) rotate(45deg);}
.upper_box {display: block; position:fixed;}
.upper_box.on_body { z-index: 99;  top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); justify-content: center; align-items: center; }

/* 단일 서브 메뉴 */
.menu>li .sub_menu {display: flex; flex-direction: column; justify-content: center; overflow: hidden; height: 0; visibility: hidden; width: calc(100% + 50px); position: relative; left: -25px; text-align: left; margin-top:2px;}
.menu>li .sub_menu a {font-size: 13px; color: rgba(255,255,255,0.6); display: block; padding: 10px 20px; line-height: 1; transform: translateX(100%); opacity:0; margin-top: 3px; letter-spacing: 0px;}
/* .menu>li .sub_menu a:first-child {margin-top: 0;} */
/* 러시아 */
.ru .menu>li .sub_menu {width: calc(100% + 8px); left: -4px;}
/* 영어 */
.en .menu>li .sub_menu {width: calc(100% + 8px); left: -4px;}
.en .menu>li .sub_menu a {line-height: 22px;}


/* 단일 서브 메뉴 호버 */
.menu>li:hover::before {visibility: visible;}
.menu>li:hover .main_menu::after {width: calc(100% + 20px); left: -10px; right: -10px; border-radius: 2px;}
.menu>li:hover .main_menu a {color: #00a9dc; }
.menu>li:hover .sub_menu {visibility: visible; height: auto; background-color: #222222;}
.menu>li:hover .sub_menu a {transform: translateX(0); opacity:1;  padding:10px 20px;}
/* .menu>li:hover .sub_menu a:nth-child(1) {transition-delay: 0s;}
.menu>li:hover .sub_menu a:nth-child(2) {transition-delay: 0.1s;}
.menu>li:hover .sub_menu a:nth-child(3) {transition-delay: 0.2s;} */
.sub_menu a:hover { background-color: #000; color:#fff !important;}
/* 러시아 */
.ru .menu>li:hover .main_menu::after {width: 80%; left: 0; right: 0;}
/* 영어 */
.en .menu>li:hover .main_menu::after {width: 80%; left: 0; right: 0;}


/* 전체 서브 메뉴 */
.bottom_nav {background-color: rgba(255,255,255,0.5); width: 100%; position: absolute; top: 90px; left: 0; /*border-bottom: 1px solid #666;*/ display: block; overflow: hidden; transition: height 0.3s linear; height: 0;}
.all_sub_menu_area_sub { width: 100%; max-width: 1260px; margin: auto; display: flex; justify-content: space-between;}
.all_sub_menu_area_sub::before {width: 158px; height: 0; content: ""; visibility: hidden;}
.all_sub_menu_area_sub::after {width: 150px; height: 0; content: ""; visibility: hidden;}
.all_sub_menu_area { width: auto; display: flex; justify-content: space-between; align-items: flex-start; /*height: 310px;*/ padding-bottom: 15px;}
.all_sub_menu_area > li {position: relative;}
.all_sub_menu_area > li .visibility_p{visibility: hidden;}
.all_sub_menu_area .all_sub_menu {position: absolute; top: 0; left: 34px; padding: 15px 10px; width: 170px;}
.all_sub_menu_area .all_sub_menu li a {font-size: 18px; color: #000; font-weight: bold; height: 50px; display: flex; align-items: center; line-height: 1;}
.all_sub_menu_area .all_sub_menu li a > span {/*color: #000;*/ font-weight: bold; display: flex; flex-flow: column wrap; justify-content: center; align-items: flex-start; padding-top: 10px;}
.all_sub_menu_area .all_sub_menu li a > span > span { font-size: 12px; /*color: #000;*/ font-weight: bold; padding-top: 1px;}
/* 전체 서브 메뉴 호버 */
.all_sub_menu_area .all_sub_menu li a:hover { color: #2bb673; }



/* 모바일형 메뉴 */
.menu_mobile {position: fixed; width: 90%; max-width: 300px; background-color: #fff; top: 0; right: -100%; height: 100%; z-index: 9999; transition: all 0.3s ease-in-out;  display: none; }
.nav.mobile { padding: 0 20px; height: 42px; justify-content: flex-start; align-items: center; background-color: #fff; position: absolute; top: 0; left: 0; width: 100%; display: flex;}
.nav.mobile::after {width: 100%; height: 3px; background-color: #2bb673; content: ""; bottom: 0; left: 0; position: absolute;}
.nav.mobile .nav_btn {font-size: 15px; line-height: 1; }
.nav.mobile > span { display: block; height: 13px; width: 1px; margin: 0 8px; background-color: #333; opacity: 0.7;}
#menu_area_m {width: 100%; overflow: auto; height: 100%; padding-bottom: 60px; border-right: 1px solid #ddd;}
#menu_area_m > p {display: none;}
#menu_area_m .menu_m {width: 100%; border-top: 1px solid #ddd;}
#menu_area_m .main_menu_m {width: 100%; height: 40px; background-color: rgba(255,255,255,0.5); border-bottom: 1px solid #dddddd; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; padding: 0 20px; cursor: pointer;}
#menu_area_m .main_menu_m a { color: rgba(33, 33, 33, 0.89); font-size: 14px;transform:skew(-0.03deg); }
#menu_area_m .main_menu_m.full { padding: 0;}
#menu_area_m .main_menu_m.on.full {border-color: #ddd; }
#menu_area_m .main_menu_m.full a {width: 100%; height: 100%; display: flex; justify-content: flex-start; align-items: center; padding: 0 20px; }
#menu_area_m .main_menu_m .icon1 { display: inline-block; color: #333; font-size: 16px;}
#menu_area_m .main_menu_m .icon2 { display: none; font-size: 16px;}
#menu_area_m .main_menu_m.on {font-weight: bold;}
/* #menu_area_m .main_menu_m.on a {color: #fff;} */
#menu_area_m .main_menu_m.on .icon1 {display: none;}
#menu_area_m .main_menu_m.on .icon2 {display: inline-block;}
#menu_area_m .sub_menu_m {overflow: hidden; display: none;}
#menu_area_m .sub_menu_m > li {width: 100%; height:30px;}
#menu_area_m .sub_menu_m > li > a {width: 100%; height: 100%; display: flex; justify-content: flex-start; align-items: center; padding-left: 30px; color: rgba(33, 33, 33, 0.89); font-size: 14px; border-bottom: 1px solid #ddd;}
#menu_area_m .sub_menu_m > li > a > span{ display: flex; flex-flow: column wrap; justify-content: center; align-items: flex-start; }
#menu_area_m .sub_menu_m > li > a > span > span {font-size: 12px; padding-top: 1px;}
#menu_area_m .sub_menu_m > li.select a {color: rgba(33, 33, 33, 0.89); background-color: #ddd;}
.menu_close_m {width: 80%; margin: 20px auto; height: 40px; display: flex; justify-content: center; align-items: center; line-height: 1; cursor: pointer; color: #fff;background-color: rgb(102,102,102); font-size: 16px; font-weight: bold;}
/* 메뉴 호버 */
#menu_area_m .sub_menu_m > li > a:hover { color: rgba(33, 33, 33, 0.89); background-color: #ddd;}


@media (max-width:1280px){
    html,body{ min-width: 320px;}
    .logo_area {margin-left: 10px; max-width: 329px;}
    /* .menu_sub {margin: 0; margin-left: auto; flex: 0 0 auto} */
    .nav.lang_sel_pc {position: absolute; top: 1px; right: 200px; z-index: 100; height: auto; width: 125px;}
    .nav.lang_sel_pc .select {height: 37px; font-size: 16px; padding-bottom: 2px;}
    .nav.lang_sel_pc .select::before {width: 16px; height: 16px; top: 10.5px;}
    .nav.lang_sel_pc .select .icon {font-size: 13px; top: 12px;}
    .nav.lang_sel_pc .select.on .icon {top: 11px;}
    .nav.lang_sel_pc ul li a {font-size: 16px;}
    .nav.pc {padding-left: 5px; padding-right: 5px;}
    /* 러시아 */
    .ru .logo_area {width: calc(100% - 58px);}
    .ru .nav.lang_sel_pc {right: 270px;}
}
@media (max-width:960px){
    .menu_sub {display: none;}
    .bottom_nav {display: none;}
    .nav_area {height:58px;}
    /* .top_nav {padding: 42px 20px 0;} */
    /* .top_nav::before,.menu_mobile::before {width: 100%; height: 3px; background-color: #2bb673; content: ""; position: absolute; top: 39px; left: 0;} */
    .logo_area {max-width: 108px; margin:0; position: relative; z-index: 1000;}
    .logo_area img {width:108px;}
    .nav_area .lang_area img {display: none;}

    .nav.lang_sel_pc {right: 10px; z-index: 2000;}
    /* .nav.lang_sel_pc .select .pc,.nav.lang_sel_pc ul li a .pc {display: none;}
    .nav.lang_sel_pc .select .mo,.nav.lang_sel_pc ul li a .mo {display: inline;} */
    .nav.pc {right: 140px; left: auto; z-index: 2000; border: 0; height: 39px; width: auto; visibility: hidden; opacity: 0; transition: opacity 0.2s;}
    .nav.pc.view {visibility: visible; opacity: 1; transition-delay: 0.4s;}
    .nav.pc::before,.nav.pc::after {display: none;}
    .nav.mobile {display: none;}
    .menu_hamburger.mobile {display: flex;}
    .menu_mobile {display: block; right: -100%;}
    /* 러시아 */
    .ru .nav.lang_sel_pc {right: 10px;}
}
@media (max-width:780px){
    /* .top_nav {padding: 37px 20px 0;}
    .top_nav::before, .menu_mobile::before {top: 34px;}
    .nav_area {height: 82px;} */
    .nav.lang_sel_pc .select {height: 32px;}
    .nav.lang_sel_pc .select::before {top: 7.5px;}
    .nav.lang_sel_pc .select .icon {top: 9.5px;}
    .nav.lang_sel_pc .select.on .icon {top: 8px;}
    .nav.pc {height: 34px; padding: 10px 5px; }
    /* .menu_hamburger.mobile {top: 44px;} */
    /* .menu_mobile {padding-top: 119px;} */
}
@media (max-width:400px){
    .nav.lang_sel_pc { width: 65px;}
    .nav.lang_sel_pc .select,.nav.lang_sel_pc ul li a {font-size: 15px; padding: 0px 15px}
    .nav.lang_sel_pc .select::before {width: 15px; height: 15px; left: 0; top: 8.5px;}
    .nav.lang_sel_pc .select .pc,.nav.lang_sel_pc ul li a .pc {display: none;}
    .nav.lang_sel_pc .select .mo,.nav.lang_sel_pc ul li a .mo {display: inline;}
    .nav.lang_sel_pc .select .icon {font-size: 12px; right: 5px; top: 11px;}
    .nav.lang_sel_pc .select.on .icon {top: 9.5px;}
    .nav.pc {right: 85px;}
    .nav.pc .nav_btn {font-size: 14px;}
    #menu_area_m .main_menu_m a {font-size: 15px; letter-spacing: -1px;}
    #menu_area_m .main_menu_m .icon1 {font-size: 19px;}
    #menu_area_m .main_menu_m .icon2 {font-size: 19px;}
    #menu_area_m .sub_menu_m > li > a {font-size: 13px;}
}
@media (max-width:350px){
    .menu_mobile {width:280px;}
    .menu_hamburger.mobile.on {margin-left:265px;}
}

/****** 헤더 영역 끝 ******/

/****** 푸터 영역 시작 ******/
.footer_sub{ width: 100%; background-color: rgba(56,56,56,1); position: relative; overflow: hidden;}
.footer { padding: 40px 0 50px; width: 100%; max-width: 1200px; margin: auto; display: flex; justify-content: flex-start; align-items: flex-start;}
.footer ul { text-align: left; line-height: 1;  width: auto; padding-left: 15px; width: calc(100% - 329px); max-width: 815px; position: relative; z-index: 10;}
.footer ul li { display: inline-block; color: #fff; line-height: 30px; font-size: 12px; letter-spacing: 0; word-break: keep-all; transform:skew(-0.03deg);}
.footer ul li.footer_line {width:90%; height:1px; background-color: rgba(125,125,125,0.5);}
.footer ul li.click_btn { color: #fff; font-weight: bold; padding-right: 0;}

@media (max-width: 990px){
    .footer {padding: 40px 20px 50px; flex-direction: column;}
    .footer .footer_logo {position: relative; top: auto; left: auto; right: auto; padding-left: 0; max-width: 270px; margin: 0; margin-bottom: 20px; width: 50%; min-width: 200px;}
    .footer ul {width: 100%; padding-left: 0; margin-left: 0;}
}
/****** 푸터 영역 끝 ******/

/****** 서브 페이지 공통 ******/
.sub_page_blank_box {display: block; width: 100%; height: 144px;}
.sub_title_area { width: 100%; height: 373px; background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; background-color: #fff; position: relative;}
.sub_title_area .sub_title_text {  width: 100%; height: 100%; position: absolute; z-index: 10; left: 0; bottom: 0; color: #fff; font-size: 42px; display: flex; justify-content: center; align-items: center; font-weight: bold; display: none;}
@media (max-width:1260px){
}
@media (max-width:960px){
}
@media (max-width:780px){
    .sub_page_blank_box {height: 119px;}
    .sub_title_area {height: 223px;}
}
@media (max-width:480px){
}

.sub_nav_area.pc { height: 54px; width: 100%; position: relative; }
.sub_nav_area.pc > ul { width: 100%; max-width: 1260px; height: 100%; display: flex; justify-content: center; align-items: center; margin: auto; position: absolute; top: -100%; left: 0; right: 0;}
.sub_nav_area.pc > ul > li { max-width: 630px; width: 100%; height: 100%;  font-size: 17px; position: relative;border-left: 1px solid #dcdcdc;}
.sub_nav_area.pc > ul > li:first-child {border-left: 0;}
.sub_nav_area.pc > ul > li a { font-size: 25px; color: #fff; text-align: center; display: flex; justify-content: center; align-items: center;  width: 100%; height: 100%; background-color: rgba(33,177,60,0.83); font-weight: bold;}
.sub_nav_area.pc > ul > li.current > a { color: #21b13c; background-color: #fff;}
/* 영어 */
.en .sub_nav_area.pc > ul > li a {font-size: 22px;}
/* 중국어 */
/* 러시아어 */
.ru .sub_nav_area.pc > ul > li a {font-size: 22px;}

@media (max-width:1200px){
    .sub_nav_area.pc {padding: 0 20px;}
}
@media (max-width:780px){
    .sub_nav_area.pc {display: none;}
}
.sub_nav_area.mobile { width: 100%; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;  display: none;}
.sub_nav_area.mobile > ul { width: 100%; height: 60px; display: flex; justify-content: flex-start; align-items: center; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;}
.sub_nav_area.mobile > ul > li { width: 50%; height: 100%;  font-size: 18px; text-align: left; display: flex; justify-content: space-between; align-items: center; position: relative;  padding: 0 25px 0 15px; cursor: pointer;}
.sub_nav_area.mobile > ul > li.sub_nav1 {border-right: 1px solid #dcdcdc;}
.sub_nav_area.mobile > ul > li .menu_name { font-size: 18px;}
.sub_nav_area.mobile > ul > li .menu_name+p{ position: absolute; font-size: 20px; right: 10px; display: inline-block; top:0; bottom: 0; margin: auto; z-index: 1; height: 29px; line-height: 1;}
.sub_nav_area.mobile .menu_name+p { transform:rotate(0deg); transition: all 0.2s ease; }
.sub_nav_area.mobile > ul > li.open .menu_name+p { transform:rotate(-180deg); }
.sub_nav_area.mobile > ul > li .menu_select {width: calc(100% + 2px); position: absolute; top: 60px; left: -1px; z-index: 100; border: 1px solid #dcdcdc; background-color: rgb(255,255,255); display: none;}
.sub_nav_area.mobile > ul > li .menu_select a {width: 100%; height: 60px; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; font-size: 18px; padding: 0 15px; }
.sub_nav_area.mobile .menu_select a.select {background-color: #21b13c; color: rgb(255,255,255);}
/* 영어 */
.en .sub_nav_area.mobile > ul > li .menu_name,.en .sub_nav_area.mobile > ul > li .menu_select a {word-break: keep-all; line-height: 20px; font-size: 17px;}
/* 중국어 */
/* 러시아어 */
.ru .sub_nav_area.mobile > ul > li .menu_name,.ru .sub_nav_area.mobile > ul > li .menu_select a {word-break: keep-all; line-height: 20px; font-size: 17px;}

@media (max-width:780px){
    .sub_nav_area.mobile {display: block;}
}


/* 컨텐츠 영역 */
#container_wr{ width: 100%; height: auto; min-height: 690px; }

#top_btn{ padding: 6px 0; background-color: rgba(0, 0, 0, 0.5); color: rgb(255,255,255); text-align: center; line-height: 36px; position: fixed; right: 20px; bottom: 20px; z-index: 100; overflow: hidden; transition: all 0.2s ease-in-out; cursor: pointer; border:0;}
#top_btn:hover{ background-color: rgba(0, 0, 0, 0.8); }

/* 컨텐츠 영역 */

.util{height: 47px;padding-top: 17px;}
.util_ul{float: right;}
.util_ul > li{position: relative; float: left;padding: 0 8px;font-size: 12px;color: #555; z-index: 9999;}
.util_ul > li:before{content: "";display: block;position: absolute;left: 0;top: 2px;width: 1px; height: 12px;background: #ccc;}
.util_ul > li:first-child:before, .util_ul > li:last-child:before{display: none;}
.util_ul > li.equipment{padding: 1px 8px;}
.util_ul > li a{display: block;padding: 1px 0;}
.util_ul > li.message a{padding-left: 21px;background: url(../images/icon/icon_message_mini.png) no-repeat left 40%;}
.util_ul > li.member_class a{padding-left: 21px;background-repeat: no-repeat;background-position: left top;}
.util_ul > li.fullmember a{background-image: url(../images/icon/icon_fullmember.png);}
.util_ul > li.associate a{background-image: url(../images/icon/icon_associate.png);}
.util_ul > li em{color: #28aacf}

/* 다국어 셀렉트 */
.language_selector{width: 86px;padding: 0 11px 3px 0px; border:none;border-bottom: 1px solid #e7e7e7;/*background: url(../images/common/select_arrow.png) no-repeat;*/ background-position: right 2px top 50%;font-size: 12px;letter-spacing: -1px;text-align: left;}
.language_selector img{vertical-align:bottom;margin:0 5px;}
.languages {display: none;position: absolute; margin: 0;}
.languages > li {width: 86px;padding:5px;background: white;cursor: pointer;}
.languages > li:hover {background: #aaa;}
.languages > li img{vertical-align:bottom;margin-right: 5px;}

/* GNB 메뉴 */
/* .nav{position: relative;z-index: 500;width: 100%;height: 32px;} */
.nav h1{float: left;}
.nav h1 a{display: block;}
.gnb{float: right;padding-top: 9px;}
.gnb > li{float: left;position: relative;width: 134px;text-align: center;}
.gnb > li > a{padding-bottom: 19px;font-weight: 600;}
.gnb_depth2{display: none;position: absolute;top: 36px;left:7px;z-index: 100;width: 100%;height: 230px;padding: 15px 0 0;border-left: 1px solid #e7e7e7;}
.gnb > li:first-child .gnb_depth2{border-left: none;}
.gnb_depth2:hover{background: #f6fcfe;}
.gnb_depth2 li{width:130px;}
.gnb_depth2 li a{display: block;padding: 10px 0 9px;font-size: 13px;color: #333}
.gnb_depth2 li a:hover{color: #28aacf}
.gnb_bg{display: none;position: absolute;right: 0;top: 45px;z-index: 99;width: 800px;height: 230px;background: white;}

/* 화이트 헤더(비회원) */
.main_white .gnb>li>a, .main_white .language_selector, .main_white .util_ul>li>a{color:#fff;}

/* 로그인 팝업 */
.popup{position: absolute;top: 55px;z-index: 1000;width: 100%;}
.pop_cont{float: right;width: 490px;padding: 38px 43px 30px 40px;background: white;}
.pop_cont h4{margin-bottom: 30px;font-size: 17px;color: #555;}
.log_box{position:relative;}
.log_box ul{float: left;color: #555;}
.log_box ul li{margin-top: 10px;}
.log_box ul li:first-child{margin-top: 0;}
.log_box ul li label{display: block;float: left;width: 73px;padding: 9px 0;font-size: 13px;font-weight: bold;}
.log_box ul li input{display: block;float: right;width: 250px;height: 32px;padding: 8px;border: 1px solid #e7e7e7;background: #f9f9f9;font-size: 14px;}
.log_box .btn{float: right;width: 74px;height: 74px;}
.log_box .alert{display: none;top: -22px;left: 73px;text-align: left;}
.log_plus{margin-top: 30px;}
.log_plus > span{display: block;float: right;width: 176px;font-size: 13px;font-weight: bold;color: #555;}
.log_plus > span:first-child{float: left;text-align: right;}
.log_plus > span a{display: block;float: left;position: relative;margin-left:20px;}
.log_plus > span a:first-child{margin-left: 0;}
.log_plus > span a:first-child:after{content: "";display: block;position: absolute;top: 1px;right: -10px;width: 1px;height: 12px;background: #aaa;}