/****** 공통 영역 ******/
/* 공통 클래스, 레이아웃 */
.wrap {
    width: 100%;
    min-width: 1200px;
}
.center {
    width: 1200px;
    margin: 0 auto;
}
.sup_center {
    width: 900px;
    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: 100px;
    height: 40px;
    margin: 0 auto;
    padding: 0;
    background: #a2291d;
    font-size: 14px;
    color: white;
    text-align: center;
    line-height: 1;
}
.btn:hover {
    background: #931f19;
}
/* 취소 버튼 */
.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;
}

/****** 헤더 영역 ******/
.background_box {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

#header {
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row wrap;
    position: sticky;
    top: 0;
    left: 0;
}
.nav_area {
    width: 100%;
    max-width: 1100px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    z-index: 100;
}
.top_area {
    width: 100%;
    height: 100px;
    max-width: 1200px;
    margin: auto;
    padding: 0 20px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    transition: all 0.2s ease-in-out;
}
.logo {
    width: 272px;
    max-width: 272px;
    min-width: 272px;
    height: 42px;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}
.top_area > form {
    width: 250px;
    height: 35px;
    margin-left: 360px;
    position: relative;
}
.top_area > form > input {
    width: 100%;
    height: 35px;
    padding: 0 5px 0 5px;
    font-size: 14px;
    border-bottom: 2px solid rgb(51, 51, 51);
}
.top_area > form > input.ko {
    /* border-bottom: 1px solid #ec713f; */
    border: 1px solid #ec713f;
    position: relative;
}
.top_area > form > input.en {
    /* border-bottom: 1px solid #ec713f; */
    border: 1px solid #ec713f;
    position: relative;
}
.top_area > form > input.cn {
    /* border-bottom: 1px solid #ec713f; */
    border: 1px solid #ec713f;
    position: relative;
}
.top_area > form > input:focus {
    outline: 0;
    border: 0 !important; /* border-bottom: 2px solid rgb(51,51,51) !important; */
    border: 2px solid #ec713f !important;
    box-shadow: none;
}
.top_area > form > button {
    min-width: 17px;
    height: 100%;
    margin-left: 5px;
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 5px;
    z-index: 1000;
}
.nav {
    width: 272px;
    height: 35px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-flow: row nowrap;
}
.nav a {
    color: #363636; /* color: rgb(153,153,153); */
    font-size: 14px;
    cursor: pointer;
}
.bar_line {
    width: 1px;
    height: 15px;
    margin: 0 13px;
    background-color: #e8e8e8; /* background-color: rgb(153,153,153); */
    transition: all 0.2s ease-in-out;
}
.nav > figure {
    margin-left: 10px;
    display: flex;
    flex-flow: row nowrap;
}
.nav > figure > a {
    width: 30px;
    height: 20px;
    margin-left: 5px;
    position: relative;
    cursor: pointer;
}
.nav > figure > a > img {
    width: 100%;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.4);
}
.nav > figure > a:hover > img {
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.4);
}

/* 국문헤더-언어 220311 */
.ko .logo {
    width: 100%;
    max-width: 122px;
    min-width: 122px;
    height: 18px;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}
.en .logo {
    width: 100%;
    max-width: 122px;
    min-width: 122px;
    height: 18px;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}
.cn .logo {
    width: 100%;
    max-width: 122px;
    min-width: 122px;
    height: 18px;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}
.nav .lang {
    position: relative;
    margin-left: 10px;
}
.nav .lang > a {
    display: inline-block;
    font-size: 15px;
    color: #363636;
    font-weight: bold;
    padding-left: 20px;
    height: 15px;
    line-height: 15px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url("/img/new/icon_lang.png");
}
.nav .lang > a i {
    display: inline-block;
    vertical-align: middle;
    width: 11px;
    height: 6px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("/img/new/icon_lang_arrow.png");
    margin-left: 4px;
    margin-bottom: 1px;
}
.nav .lang > div {
    display: none;
    position: absolute;
    left: 0;
    top: 19px;
    width: 100%;
    padding-top: 13px;
    text-align: center;
    padding-left: 8px;
    background: #fff;
    z-index: 10;
}
.nav .lang > div a {
    display: block;
    font-size: 14px;
    color: #363636;
    font-weight: 400;
    line-height: 25px;
}
.login_icon {
    display: inline-block;
    width: 14px;
    height: 15px;
    background: url("/img/new/icon_login.png") no-repeat left top;
    background-size: contain;
    margin-right: 10px;
}

.koHeader {
    flex-wrap: nowrap;
    flex-direction: row;
    top: 0;
    position: fixed;
    z-index: 1000;
    left: 0;
    right: 0;
    background: #fff;
}
.ko .nav_area {
    flex-wrap: nowrap;
    flex-direction: row;
    position: relative;
    border-bottom: 1px solid #e8e8e8;
}
.ko .logo {
    position: relative;
    z-index: 100;
}
.ko .top_area {
    width: 100%;
    height: 60px; /* max-width: 1720px; */
    margin: auto;
    padding: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    transition: all 0.2s ease-in-out;
    position: relative;
}
.ko .top_area > form {
    /* width: 230px; */
    width: 340px;
    height: 35px;
    margin-left: auto;
    margin-right: 90px;
    position: relative;
}
.ko #menu_area {
    background-color: #fff;
}
.ko .menu {
    max-width: 590px;
    height: 60px;
    padding: 0 10px;
    margin-left: 70px;
    justify-content: space-between;
}
.ko .menu li {
    border-right: none;
}
.ko .menu li a {
    width: 100%;
    color: #363636;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: normal;
    line-height: 62px; /*  padding: 0 50px; */
}
.ko .menu li:nth-of-type(1) {
    border-left: none;
}
.ko .nav {
    width: auto;
    position: absolute;
    right: 0px;
    top: 13px;
}
.ko .nav .lang {
    margin-left: 0;
}
.ko .all_sub_menu_area_sub {
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 1000;
}
.ko .all_sub_menu_area_sub > div {
    background-color: #fff;
    -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2);
    border-top: 0 solid #e8e8e8;
}
.ko .all_sub_menu_area {
    max-width: 720px;
    padding: 30px 0; /*  margin-left: 300px; */
    justify-content: flex-start;
}
.ko .all_sub_menu {
    width: 20.2%;
}
.ko .all_sub_menu li {
    color: #666;
    font-size: 14px;
    font-weight: 300;
}
.ko .all_sub_menu li:hover {
    background-color: #fff;
    color: #ec713f;
    font-weight: 400;
}
.ko .menu .bul {
    display: inline-block;
    padding: 0 5px;
    color: #d4d4d4;
    margin-bottom: 8px;
}
.ko .menu li:nth-of-type(4) .bul {
    display: none;
}

.en .nav_area {
    flex-wrap: nowrap;
    flex-direction: row;
    position: relative;
    border-bottom: 1px solid #e8e8e8;
}
.en .logo {
    position: relative; /* left: 3%; top: 15px; */
    z-index: 100;
}
.en .top_area {
    width: 100%;
    height: 60px; /* max-width: 1720px; */
    margin: auto;
    padding: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    transition: all 0.2s ease-in-out;
    position: relative;
}
.en .top_area > form {
    /* width: 230px; */
    width: 340px;
    height: 35px;
    margin-left: auto;
    margin-right: 90px;
    position: relative;
}
.en #menu_area {
    background-color: #fff;
}
.en .menu {
    height: 60px;
    justify-content: flex-end;
}
.en .menu li {
    border-right: none;
    flex-basis: 24%;
}
.en .menu li a {
    width: 100%;
    color: #363636;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: normal;
    line-height: 20px; /* line-height: 98px; padding: 0 50px; */
    display: flex;
    align-items: center;
    justify-content: center;
}
.en .menu li:nth-of-type(1) {
    border-left: none;
}
.en .nav {
    width: auto;
    position: absolute;
    right: 0;
    top: 13px;
}
.en .nav .lang {
    margin-left: 0;
}
.en .all_sub_menu_area_sub {
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 1000;
}
.en .all_sub_menu_area_sub > div {
    background-color: #fff;
    -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2);
    border-top: 0 solid #e8e8e8;
}
.en .all_sub_menu_area {
    /* max-width:815px; */
    max-width: 720px;
    padding: 30px 0; /*  margin-left: 300px; */
    justify-content: flex-start;
}
.en .all_sub_menu {
    width: 20.6%;
}
.en .all_sub_menu li {
    color: #666;
    font-size: 14px;
    font-weight: 300;
}
.en .all_sub_menu li:hover {
    background-color: #fff;
    color: #ec713f;
    font-weight: 400;
}
.en .menu .bul {
    display: inline-block;
    padding: 0 5px;
    color: #d4d4d4;
    margin-bottom: 8px;
}
.en .menu li:nth-of-type(4) .bul {
    display: none;
}

.cn .nav_area {
    flex-wrap: nowrap;
    flex-direction: row;
    position: relative;
    border-bottom: 1px solid #e8e8e8;
}
.cn .logo {
    position: relative; /* left: 3%; top: 15px; */
    z-index: 100;
}
.cn .top_area {
    width: 100%;
    height: 60px; /* max-width: 1720px; */
    margin: auto;
    padding: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    transition: all 0.2s ease-in-out;
    position: relative;
}
.cn .top_area > form {
    /* width: 230px; */
    width: 340px;
    height: 35px;
    margin-left: auto;
    margin-right: 90px;
    position: relative;
}
.cn #menu_area {
    background-color: #fff;
}
.cn .menu {
    max-width: 600px;
    height: 60px;
    padding: 0 10px;
    margin-left: 60px;
    justify-content: flex-end;
}
.cn .menu li {
    border-right: none;
}
.cn .menu li a {
    width: 100%;
    color: #363636;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: normal;
    line-height: 62px; /*  padding: 0 50px; */
}
.cn .menu li:nth-of-type(1) {
    border-left: none;
}
.cn .nav {
    width: auto;
    position: absolute;
    right: 0px;
    top: 13px;
}
.cn .nav .lang {
    margin-left: 0;
}
.cn .all_sub_menu_area_sub {
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 1000;
}
.cn .all_sub_menu_area_sub > div {
    background-color: #fff;
    -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2);
    border-top: 0 solid #e8e8e8;
}
.cn .all_sub_menu_area {
    /* max-width:700px; */
    max-width: 735px;
    padding: 30px 0; /*  margin-left: 300px; */
    justify-content: flex-start;
}
.cn .all_sub_menu {
    width: 19.9%;
}
.cn .all_sub_menu li {
    color: #666;
    font-size: 14px;
    font-weight: 300;
}
.cn .all_sub_menu li:hover {
    background-color: #fff;
    color: #ec713f;
    font-weight: 400;
}
.cn .menu .bul {
    display: inline-block;
    padding: 0 5px;
    color: #d4d4d4;
    margin-bottom: 8px;
}
.cn .menu li:nth-of-type(4) .bul {
    display: none;
}

.menu_sub {
    width: 100%;
    height: auto;
    background-color: rgb(255, 255, 255);
    color: rgb(51, 51, 51);
}
#menu_area {
    background-color: rgb(51, 51, 51);
}
#menu_area > p {
    display: none;
}
#menu_area > ul > h4 {
    display: none;
}
.menu {
    width: 100%;
    height: 50px;
    max-width: 600px;
    margin-left: auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-flow: row nowrap;
}
.menu li {
    width: 100%;
    height: 100%;
    border-right: 2px solid rgb(77, 77, 77);
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}
.menu li:nth-of-type(1) {
    border-left: 2px solid rgb(77, 77, 77);
}
.menu li a {
    width: 100%;
    height: 100%;
    padding: 0 5px;
    border-bottom: 3px solid transparent;
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    display: inline;
    text-align: center;
    line-height: 48px;
}
.menu li a .space {
    display: inline;
}
.menu li a .line_feed {
    display: none;
}
.menu_hamburger {
    display: none;
    transition: all 0.2s ease-in-out;
}

/* 단일 서브 메뉴 */
.sub_menu {
    display: none;
    width: 120px;
    position: absolute;
    top: 49px;
    left: 0;
    z-index: 1000;
    background-color: rgb(255, 255, 255);
    box-shadow: 1px 1px 3px 1px rgb(255, 255, 255);
}
.sub_menu li {
    height: 40px;
    margin: 0px 10px 0px 0px;
    padding: 5px 0 5px 10px;
    border-left: 5px solid rgb(255, 255, 255);
    font-weight: normal;
    transition: all 0.2s ease-in-out;
    font-size: 16px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.sub_menu li:hover {
    font-weight: bold;
    border-left: 5px solid rgb(14, 118, 214);
}

/* 전체 서브 메뉴 */
.sub_menu {
    display: none;
}
.all_sub_menu_area_sub {
    width: 100%;
    position: relative;
    margin: auto;
}
.all_sub_menu_area_sub > div {
    width: 100%;
    border-top: 0 solid rgba(255, 255, 255, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 10;
}

.all_sub_menu_area {
    width: 100%;
    max-width: 1200px;
    height: auto;
    margin: auto;
    padding: 10px 0 20px;
    display: none;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: flex-start;
}
.all_sub_menu {
    width: 25%;
    height: auto;
    display: inline-block;
    float: left;
}
.all_sub_menu li {
    width: 100%;
    height: 40px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: rgb(255, 255, 255);
    transition: all 0.12s ease-in-out;
}
.all_sub_menu li:hover {
    background-color: rgb(220, 220, 220);
    color: rgb(34, 34, 34);
}

/****** 서브 페이지 공통 ******/
.sub_title_area {
    width: 100%;
    height: 230px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    background-color: rgb(147, 147, 147);
    transition: all 0.2s ease-in-out;
}
/* .sub_title_area>h4{ width: 1160px; height: auto; font-size: 16px; color: rgb(255,255,255); text-shadow: 2px 2px 4px rgb(0,0,0); font-weight: bold; word-break: keep-all; } 
.sub_title_area>p{ width: 1160px; height: auto; margin-top: 10px; font-size: 24px; color: rgb(255,255,255); text-shadow: 2px 2px 4px rgb(0,0,0); font-weight: normal; word-break: keep-all; }*/

.sub_title_area > h4 {
    width: 100%;
    max-width: 1100px;
    height: auto;
    font-size: 35px;
    color: #fff;
    text-shadow: 2px 2px 4px rgb(0, 0, 0);
    font-weight: bold;
    word-break: keep-all;
}
.sub_title_area > p {
    width: 100%;
    max-width: 1100px;
    height: auto;
    margin-top: 15px;
    font-size: 16px;
    color: #fff;
    text-shadow: 2px 2px 4px rgb(0, 0, 0);
    font-weight: 200;
    word-break: keep-all;
}

.content_area > .content_title_area {
    width: 100%;
    margin-bottom: 40px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-end;
}
.content_area > .content_title_area > dt {
    font-size: 26px;
    color: rgb(51, 51, 51);
    font-weight: bold;
    display: flex;
    flex-flow: row nowrap;
    align-items: baseline;
}
.content_area > .content_title_area > dd {
    font-size: 12px;
    color: rgb(153, 153, 153);
}
.content_area > .content_title_area > dd > span {
    cursor: pointer;
}
.content_area > .content_title_area > dd > span:last-of-type {
    color: rgb(150, 52, 41);
    font-weight: bold;
}
.content_area > .content_title_area > dd > span:hover {
    font-weight: bold;
}
.content_area > .content_title_area > dd > i {
    margin: 0 3px;
}

.product_sub {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 0 20px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    transition: all 0.2s ease-in-out;
}
.product_sub > a {
    width: auto;
    padding: 5px 0;
    text-align: center;
    transition: all 0.2s ease-in-out;
}
.product_sub > div.detail_menu_bar {
    width: 1px;
    height: 25px;
    margin: 0 20px;
    background-color: rgb(204, 204, 204);
    transition: all 0.2s ease-in-out;
}
.product_sub > div.detail_menu_bar:last-of-type {
    display: none;
}

.detail_lf {
    display: none;
}

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

.subpage_content {
    width: 100%;
    max-width: 1140px;
    margin: 60px auto 0;
    padding: 0 20px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}
.subpage_content > .pc_aside {
    width: 210px;
    min-width: 210px;
    margin-right: 60px;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
}
.subpage_content > .pc_aside > dl {
    width: 210px;
    height: auto;
}
.subpage_content > .pc_aside > dl > dt {
    width: 100%;
    height: auto;
    padding: 0 0 25px 20px;
    border-bottom: 2px solid rgb(51, 51, 51);
    font-weight: bold;
    font-size: 20px;
    color: rgb(51, 51, 51);
    word-break: keep-all;
}
.subpage_content > .pc_aside > dl > dd {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    border-bottom: 1px solid rgb(204, 204, 204);
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    cursor: pointer;
    color: rgb(85, 85, 85);
    font-size: 16px;
    position: relative;
    word-break: keep-all;
    flex-wrap: wrap;
}
.sub-cate-wrap {
    position: relative;
    top: -1px;
    background-color: #ffffff;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    border-bottom: 1px solid rgb(204, 204, 204);
}
.sub-cate-wrap a {
    position: relative;
    display: block;
    padding-top: 2px;
    padding-bottom: 2px;
}
.sub-cate-wrap a i {
    height: 100%;
    position: absolute;
    top: 0;
    right: 20px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}
.subpage_content > .pc_aside > dl > dd.lf {
    height: 70px;
}
.subpage_content > .pc_aside > dl > dd > i {
    height: 100%;
    position: absolute;
    top: 0;
    right: 20px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    z-index: 3000;
}
.subpage_content > .pc_aside > figure {
    width: 210px;
    height: auto;
    margin-top: 30px;
}
.subpage_content > .pc_aside > figure > a {
    width: 100%;
    height: 60px;
    padding: 10px 18px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    border-radius: 30px;
    margin-bottom: 10px;
    border: 1px solid rgb(200, 200, 200);
}
/* .subpage_content>.pc_aside>figure>a:nth-of-type(1){ background-color: rgb(46,188,0); }
.subpage_content>.pc_aside>figure>a:nth-of-type(2){ background-color: rgb(244,221,0); } */
.subpage_content > .pc_aside > figure > a > img {
    width: 35px;
    height: 35px;
}
.subpage_content > .pc_aside > figure > a > p {
    color: /* rgb(0,0,0) */ #656565;
    font-size: 14px;
    line-height: 20px;
    width: calc(100% - 40px);
    text-align: center;
}
.subpage_content > .pc_aside > figure > a.en > p {
    text-align: left;
    padding-left: 4px;
}
.subpage_content > .pc_aside > figure > a > p > span {
    font-size: 14px;
}
/* .subpage_content>.pc_aside>figure>a:nth-of-type(1)>p>span{ color: rgb(161,255,131); }
.subpage_content>.pc_aside>figure>a:nth-of-type(2)>p>span{ color: rgb(135,122,0); }
.subpage_content>.pc_aside>figure>a:nth-of-type(1)>i{ color: rgb(161,255,131); }
.subpage_content>.pc_aside>figure>a:nth-of-type(2)>i{ color: rgb(135,122,0); } */
.content_area {
    width: calc(100% - 270px); /*  width: 100%; */
    height: auto;
    position: relative;
}
.content_area > .content_title_area {
    width: 100%;
    margin-bottom: 50px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-end;
}
.content_area > .content_title_area > dt {
    font-size: 32px;
    color: rgb(51, 51, 51);
    font-weight: bold;
    display: flex;
    flex-flow: row nowrap;
    align-items: baseline;
}

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

/* 푸터 영역 */
.footer_sub {
    width: 100%;
    height: auto;
    margin-top: 80px;
    background-color: #333;
    color: #999;
    position: relative;
}
.footer {
    width: 100%;
    margin: auto;
    padding: 35px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row wrap;
    font-size: 12px;
    position: relative;
}
.footer > div {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: row wrap;
}
.footer div:nth-of-type(1) > h4 {
    margin-right: 15px;
    display: flex;
    flex-flow: row nowrap;
    font-weight: normal;
}
.footer > div:nth-of-type(1) > h4 > p {
    display: inline;
}
.footer div:nth-of-type(1) > h4 > p {
    display: flex;
    flex-flow: row wrap;
}
.footer div:nth-of-type(1) > p {
    display: flex;
    flex-flow: row nowrap;
}
.footer > div:nth-of-type(2) {
    margin-top: 10px;
    flex-flow: row nowrap;
    justify-content: flex-start;
    width: 860px;
    margin: 0 auto;
    margin-top: 10px;
}
.footer > div:nth-of-type(2) > a {
    width: 20px;
    height: 20px;
    margin-left: 5px;
    cursor: pointer;
}
.footer > div:nth-of-type(2) > a:nth-of-type(1) {
    margin-left: 20px;
}
.footer > div:nth-of-type(2) > a > img {
    width: 100%;
    height: auto;
    border-radius: 3px;
}
.footer .bul {
    display: inline-block;
    padding: 0 5px;
    margin: 0 0 0 15px;
}
.copyright {
    color: #666;
}

/* 이용약관 추가 */
.com-btns {
    padding-right: 14px;
    margin-left: auto;
}
.com-btns span {
    margin-left: 22px;
    color: #999;
}
.com-btns span:hover {
    color: #fff;
}

/* 영문 */
.footer_sub.en .footer > div:nth-of-type(2) {
    width: 1052px;
}
.footer_sub.en .com-btns {
    padding-right: 16px;
}

/* 중문 */
.footer_sub.cn .footer > div:nth-of-type(2) {
    width: 780px;
}

.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;
}

.footer .secret {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    margin-left: 10px;
}

.menu-wrap > a {
    display: block;
    position: relative;
    width: 100%;
}
.total-mn {
    position: relative;
    width: 100%;
}
.total-mn > i {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    right: 20px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    z-index: 3000;
}
.mnu > i {
    display: none;
}
.mnu.on {
    color: rgb(51, 51, 51);
    font-weight: bold;
}
.mnu.on > i {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    right: 20px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    z-index: 3000;
}
.sub-menu-wrap {
    display: none;
    position: relative;
    top: -1px;
    background-color: #ffffff;
    width: 100%;
    padding-top: 10px;
    padding-left: 10px;
    font-size: 14px;
}
.sub-menu-wrap.on {
    display: block;
}
.sub-menu-wrap a {
    display: block;
    position: relative;
    width: 100%;
    padding: 2px 0;
}
.sub-menu-wrap a > i {
    display: none;
}
.sub-menu-wrap a.on i {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    right: 20px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    z-index: 3000;
}