body {
    max-width: 2100px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}

.header_top {
}

.header_top:after {
    content: '';
    display: block;
    clear: both;
}

.header_box01 {
    width: 42%;
    float: left;
    box-sizing: border-box;
    padding-left: 100px;
}

.header_box02 {
    width: 58%;
    float: right;
    box-sizing: border-box;
    background: #f4f4f4;
}

.all_menu {
    position: absolute;
    left: 30px;
    top: 27px;
    background: url(../images/all_menu.png) no-repeat 0 0;
    text-indent: -999em;
    width: 36px;
    height: 27px;
    cursor: pointer;
}

.all_menu.type_sub {
    position: absolute;
    left: 30px;
    top: 27px;
    background: url(../images/all_menu_type02.png) no-repeat 0 0;
    text-indent: -999em;
    width: 36px;
    height: 27px;
    cursor: pointer;
}

.w_menu {
    max-width: 843px;
    width: 100%;
    float: right;
    background: #000;
}

.w_menu:after {
    content: '';
    display: block;
    clear: both;
}

.w_menu > li {
    width: calc(((100% - 24%) - 150px) / 3);
    float: left;
    text-align: center;
    position: relative;
    font-weight: 700;
    box-sizing: border-box;
    background: url(../images/r_gap01.png) no-repeat right center;
}

/* 한글 */
.kor {
    font-family: 'Noto Sans KR' !important;
    font-weight: 500 !important;
    font-size: 13px !important;
}
/* .e-magazine .sig {
	display:none;
}
.e-magazine:hover p.kor{
	display:none;
}

.e-magazine:hover .sig{
	display:block;
} */

.w_menu > li.size-24p {
    width: 24%;
}

.w_menu > li:last-child {
    width: 150px;
    background-image: none;
}

.w_menu li:hover {
    background: #fdd100;
    color: #000;
    display: block;
}

.w_menu > li > a,
.w_menu li p {
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 74px;
    line-height: 120%;
}

.w_menu li p {
    /* display: block; */
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    /* line-height: 74px; */
    cursor: pointer;
    font-family: 'Lato!important';
    letter-spacing: 1px;
}

.w_menu li:hover ul {
    display: block;
}

.w_menu li ul {
    display: none;
    position: absolute;
    left: 0;
    top: 74px;
    width: 100%;
}

.w_menu li ul li {
    background: #fff;
    font-weight: 700;
    font-size: 13px;
    font-family: 'Lato!important';
    letter-spacing: -0.1px;
}

.w_menu li ul li a {
    font-size: 11px !important;
    font-weight: 700 !important;
    font-family: 'Lato!important';
}

.w_menu li ul li:hover {
    background: #fdd100;
}

.w_menu li:hover ul li a {
    display: block;
    font-size: 11px;
    padding: 20px 0;
    text-align: center;
    font-weight: 500;
    font-size: 13px;
    background: #fff;
}

.w_menu li:hover ul li a:hover {
    background: #fdd100;
}

.header_box02 h1 {
    margin-left: 2.5%;
    line-height: 74px;
    font-family: 'Noto Sans KR', 'Dotum', 'Gulim', 'Arial';
    font-size: 16px;
}

.header_box02 h1 a {
    display: inline-flex;
    line-height: 74px;
    align-items: center;
    height: 100%;
}

.header_box02 h1 a img {
    width: 70%;
    vertical-align: middle;
}

.right_menu {
    position: absolute;
    right: 0;
    top: 0;
}

.right_menu:after {
    content: '';
    display: block;
    clear: both;
}

.right_menu .type01 {
    float: left;
    background: #fdd000;
}

.right_menu .type01:after {
    content: '';
    display: block;
    clear: both;
}

.right_menu .type01 li {
    float: left;
    position: relative;
    line-height: 74px;
    padding: 0 15px;
    background: url(../images/r_gap02.png) no-repeat 0 center;
    box-sizing: border-box;
}

.right_menu .type01 li p {
    line-height: inherit;
    color: #000;
}

.right_menu .type01 li:first-child,
.right_menu .type02 li:first-child {
    background-image: none;
}

.right_menu .type01 li a {
    display: block;
    font-size: 11px;
    color: #000;
    letter-spacing: 1px;
    font-weight: 700;
    font-family: 'Lato!important', 'Noto Sans KR';
    padding: 0 21px;
}

.right_menu .type01 li:nth-child(4) a {
    font-size: 12px;
    letter-spacing: -0.5px;
}

/* 우측 서브 메뉴 추가 20230615 */
.right_menu .type01 li > ul {
    position: absolute;
    left: 0;
    width: 150px;

    background: #fff;
    display: none;
}
.right_menu .type01 li:hover > ul {
    display: block;
}

/* .right_menu .type01>li:first-child {
	width: 150px;
	text-align:center;
}
.right_menu .type01>li:first-child:hover {
	width: 150px;
	text-align:center;
} */

.right_menu .type01 li > ul > li {
    float: none;
    padding: 0;
    background-image: none;
}
.right_menu .type01 li > ul > li a {
    padding: 20px 0;
    text-align: center;
    line-height: 100%;
}
.right_menu .type01 li > ul > li a:hover {
    background: #fdd000;
}
/* 우측 서브 메뉴 추가 20230615 */
.right_menu .type02 {
    float: left;
    background: #f4f4f4;
}

.right_menu .type02:after {
    content: '';
    display: block;
    clear: both;
}

.right_menu .type02 li {
    float: left;
    line-height: 74px;
    padding: 0 10px;
    background: url(../images/r_gap01.png) no-repeat 0 center;
    letter-spacing: -0.5px;
}

.right_menu .type02 li a {
    display: block;
    font-size: 11px;
    color: #000;
    font-weight: 700 !important;
    font-family: 'Lato!important';
    letter-spacing: -0.5px;
}

.right_menu .type02 li img {
    vertical-align: middle;
}

.header_search {
    cursor: pointer;
}

.h_search_box {
    display: none;
    background: #000;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    padding: 22px 25px;
    box-sizing: border-box;
    z-index: 100;
}

.h_search_box .txt {
    border: none;
    background: transparent;
    height: 30px;
    line-height: 30px;
    color: #ffde28;
    width: 90%;
}

.h_search_box .txt::placeholder {
    color: #ffde28;
}

.h_search_box .search_act {
    background: url(../images/search_icon02.png) no-repeat 0 center;
    width: 21px;
    height: 20px;
    border: 0;
    position: absolute;
    right: 25px;
    top: 28px;
    cursor: pointer;
}

/*전체메뉴*/

.all_menu_area {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    box-sizing: border-box;
    width: 100%;
    height: 100vh;
    z-index: 9999;
    overflow-y: auto;
    border: none;
}

.all_menu_area .btn {
    position: absolute;
    left: 2.5%;
    top: 32px;
    display: inline-block;
    cursor: pointer;
    border: none !important;
}

.manu_box {
    width: 100%;
}

.manu_box:after {
    content: '';
    display: block;
    clear: both;
}

.manu_box .box01 {
    float: left;
    width: 48%;
    height: 100vh;
    border-right: solid 1px #343434;
    box-sizing: border-box;
}

.manu_box .box02 {
    float: left;
    width: 26%;
    height: 100vh;
    border-right: solid 1px #343434;
    box-sizing: border-box;
}

.manu_box .box03 {
    float: left;
    width: 26%;
    height: 100vh;
    box-sizing: border-box;
    position: relative;
}

.bx_txt {
    max-width: 435px;
    width: 48%;
    margin: 140px auto 0 auto;
    padding-left: 60px;
    position: relative;
}

.bx_txt .tit {
    writing-mode: tb-rl;
    font-size: 12px;
    color: #4b4a4a;
    position: absolute;
    left: 0;
    top: 30px;
}

.bx_txt ul {
}

.bx_txt ul li {
    border-bottom: solid 1px #343434;
}

.bx_txt ul li a {
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    font-family: ;
    display: block;
    padding: 30px 0;
}
/* 트리메뉴 추가 20230615 */
.bx_txt > ul > li.tree > a::after {
    content: '\002B';
    color: #999;
    margin-left: 10px;
}

.bx_txt > ul > li.tree.on > a::after {
    content: '\002D';
}

.bx_txt .m_list li {
    border: 0;
}

.bx_txt ul > li > ul > li {
    margin-bottom: 17px;
}
.bx_txt .m_list li ul {
    padding-left: 34px;
    padding-top: 8px;
}
.bx_txt .m_list li > ul {
    padding-top: 30px;
}

.bx_txt ul > li > ul > li > a {
    background: url(../images/all_point_1.png) no-repeat 0 11px;
    padding: 8px 0 8px 18px;
    font-size: 15px;
    color: #999;
    font-weight: 300;
}
.bx_txt > ul > li.tree > .m_list {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease-in-out;
    transition-delay: 0.1s;
}

.bx_txt > ul > li.tree.on > .m_list {
    height: 200px;
}

.bx_txt > ul > li:first-child.tree.on > .m_list {
    height: 150px;
}

.bx_txt > ul > li:last-child.tree.on > .m_list {
    height: 420px;
}
/* 트리메뉴 추가 20230615 */

.bx_txt02 {
    margin: 140px 0 0 0;
    padding: 0 15%;
    position: relative;
}

.bx_txt02 .tit {
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    font-family: ;
    display: block;
    padding: 30px 0;
}

.bx_txt02 .m_list {
}

.bx_txt02 .m_list > li {
    margin-bottom: 17px;
}

.bx_txt02 .m_list > li a {
    background: url(../images/all_point.png) no-repeat 0 11px;
    padding-left: 18px;
    font-size: 15px;
    color: #999;
    font-family: ;
}

.bx_txt02 .m_list li ul {
    padding-left: 34px;
    padding-top: 8px;
}

.bx_txt02 .m_list li ul li a {
    font-size: 13px;
    color: #999;
    display: inline-block;
    padding: 8px 0;
    background-image: none;
}

.bx_txt02 .m_list02 {
    margin-top: 50px;
}

.bx_txt02 .m_list02 > li > a {
    margin-bottom: 30px;
}

.bx_txt02 .m_list02 > li:first-child.tree.on > .m_list {
    height: 300px;
}

.bx_txt02 .m_list02 li:last-child {
    margin-bottom: 0;
}

.bx_txt02 .m_list02 li a {
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    display: inline-block;
}

.bx_txt02 .m_list02 li > ul {
    padding-top: 30px;
}
.bx_txt02 .m_list02 li > ul > li {
    margin-bottom: 17px;
}
.bx_txt02 .m_list02 li > ul > li > a {
    background: url(../images/all_point.png) no-repeat 0 11px;
    padding-left: 18px;
    font-size: 15px;
    color: #999;
    font-weight: 300;
}

/**
 * @note 2023 01 27 menu collapse 
 */
.bx_txt02 .m_list02 > li > ul {
    padding-top: 0;
    box-sizing: border-box;
}
.bx_txt02 .m_list02 > li.tree > a::after {
    content: '\002B';
    color: #999;
    margin-left: 10px;
}
.bx_txt02 .m_list02 > li.tree.on > a::after {
    content: '\002D';
}
.bx_txt02 .m_list02 > li.tree.on > a {
    margin-bottom: 30px;
}
.bx_txt02 .m_list02 > li.tree > .m_list {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease-in-out;
    transition-delay: 0.1s;
}
.bx_txt02 .m_list02 > li:last-child.tree.on > .m_list {
    height: 360px;
}
.bx_txt02 .m_list02 > li.tree.on > .m_list {
    height: 110px;
}

.login_area {
    position: absolute;
    left: 15%;
    top: 32px;
}

.login_area:after {
    content: '';
    display: block;
    clear: both;
}

.login_area li {
    float: left;
    padding-left: 47px;
}

.login_area li.type01 {
    background: url(../images/login_icon01.png) no-repeat 0 0;
    margin-right: 50px;
}

.login_area li.type02 {
    background: url(../images/login_icon02.png) no-repeat 0 0;
}

.login_area li a {
    display: block;
    color: #535353;
    font-size: 12px;
    line-height: 35px;
    height: 35px;
    font-family: ;
    font-weight: 600;
}

footer {
    border-top: solid 1px #d6d6d6;
    width: 100%;
}

footer .footer_log {
    text-align: center;
    padding-top: 44px;
    margin-bottom: 50px;
}

footer .footer_log a {
    display: inline-block;
}

footer .f_list01 {
    text-align: center;
    margin-bottom: 40px;
}

footer .f_list01 li {
    display: inline-block;
    margin-left: -4px;
    padding: 0 24px;
    box-sizing: border-box;
    background: url(../images/footer_point01.png) no-repeat 0 center;
    margin-bottom: 10px;
}

footer .f_list01 li:first-child {
    background-image: none;
}

footer .f_list01 li a {
    display: inline-block;
    color: #222;
    font-family: '', 'Noto Sans KR', 'Dotum', 'Gulim', 'Arial';
    font-size: 16px;
}

footer .footer_box02 {
    margin: 0 4.5%;
    box-sizing: border-box;
    background: #000;
    text-align: center;
}

footer .footer_box02 .f_menu {
    padding: 34px 0 20px 0;
    border-bottom: solid 1px #252525;
}

footer .footer_box02 .f_menu p {
    padding: 0;
}

footer .footer_box02 .f_menu p[x-apple-data-detectors] {
    color: inherit !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

footer .footer_box02 .f_menu li {
    display: inline-block;
    margin-left: -4px;
    padding: 0 10px;
    box-sizing: border-box;
    background: url(../images/footer_point02.png) no-repeat 0 5px;
    margin-bottom: 10px;
}

footer .footer_box02 .f_menu li:first-child {
    background-image: none;
}

footer .footer_box02 .f_menu li a {
    display: inline-block;
    color: #999;
    font-size: 14px;
}

footer .footer_box02 .f_menu02 {
    padding: 34px 0 20px 0;
}

footer .footer_box02 .f_menu02 li {
    display: inline-block;
    margin-left: -4px;
    padding: 0 10px;
    box-sizing: border-box;
    background: url(../images/footer_point02.png) no-repeat 0 5px;
    margin-bottom: 10px;
}

footer .footer_box02 .f_menu02 li:first-child {
    background-image: none;
}

footer .footer_box02 .f_menu02 li a {
    display: inline-block;
    color: #999;
    font-size: 14px;
}

footer .footer_box02 p {
    color: #999;
    font-size: 14px;
    padding: 5px 0 50px 0;
}


.footer_telephone,
.footer_telephone:hover {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: #999;
}

/*서브컨텐츠*/

#container {
}

.top_header {
    position: relative;
}

.h_member {
    background: url(../images/h_member.jpg) no-repeat center;
    height: 284px;
    width: 100%;
}

.h_design_D {
    background: url(../images/h_design.jpg) no-repeat center;
    height: 284px;
    width: 100%;
}

.h_class {
    background: url(../images/h_class.jpg) no-repeat center;
    height: 284px;
    width: 100%;
}

.h_event {
    background: url(../images/h_event.jpg) no-repeat center;
    height: 284px;
    width: 100%;
}

.h_about {
    /*background: url(../images/common/h_about.jpg) no-repeat center;*/
    height: 284px;
    width: 100%;
    border-bottom: solid 1px #e0e0e0;
}

.h_design_L {
    background: url(../images/h_living.jpg) no-repeat center;
    height: 284px;
    width: 100%;
}

.h_design_S {
    background: url(../images/h_fashion.jpg) no-repeat center;
    height: 284px;
    width: 100%;
}

.h_design_C {
    background: url(../images/h_culture.jpg) no-repeat center;
    height: 284px;
    width: 100%;
}
/** 
 * @note 폰트속성변경 20230615
 */
.tit_type01 {
    text-align: center;
    font-size: 30px;
    color: #222;
    position: absolute;
    left: 0;
    top: 130px;
    width: 100%;
    /* font-weight: 700; */
    font-weight: 500;
    /* letter-spacing: 10px; */
    letter-spacing: 0;
}

.tit_type01 span {
    font-size: 12px;
    display: block;
    margin-bottom: 20px;
}

/*auout 헤더*/

.about_top {
    position: absolute;
    left: 50%;
    top: 140px;
    max-width: 385px;
    width: 100%;
    margin-left: -192px;
}

.about_top .tit {
    text-align: center;
    font-size: 30px;
    color: #222;
    font-weight: 700;
    letter-spacing: 10px;
}

.about_top .tit span {
    font-size: 12px;
    display: block;
    margin-bottom: 20px;
}

.about_top .about_menu {
    text-align: center;
    margin-top: 40px;
}

.about_top .about_menu li {
    display: inline-block;
    margin: 0 15px;
}

.about_top .about_menu li a {
    display: block;
    font-size: 16px;
    color: #3d3d3d;
    padding: 0 4px;
    padding-bottom: 10px;
}

.about_top .about_menu li.on a {
    font-weight: 600;
    color: #222;
    line-height: 1;
    border-bottom: solid 3px #222;
}

.about_top .about_menu li:hover a {
    font-weight: 600;
    color: #222;
    line-height: 1;
    border-bottom: solid 3px #222;
}

input[type='radio'] {
    display: none;
    border: none;
    height: 100%;
    line-height: 100%;
}

input[type='radio'] + label {
    color: #999;
}

input[type='radio'] + label span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: -2px 5px 0 0;
    vertical-align: middle;
    background: url(../images/radio01_off.png) 0 top no-repeat;
    cursor: pointer;
}

input[type='radio']:checked + label span {
    background: url(../images/radio01_on.png) 0 top no-repeat;
}

input[type='checkbox'] {
    display: none;
}

input[type='checkbox'] + label {
    display: inline-block;
    cursor: pointer;
    line-height: 21px;
    padding-left: 30px;
    background: url(../images/check01_off.png) 0 top no-repeat;
}

input[type='checkbox']:checked + label {
    background: url(../images/check01_on.png) 0 top no-repeat;
}

.h50 {
    height: 50px;
    line-height: 50px;
}

.align_right {
    text-align: right !important;
}

.align_center {
    text-align: center !important;
}

/*비디오영역*/

.editor_video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    background: #000;
    margin-bottom: 10px;
}

.editor_video iframe,
.editor_video object,
.editor_video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 89%;
}

.editor_video img {
    width: 100%;
}

.all_box {
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 10;
}

.web_block {
    display: block !important;
}

.mob_block {
    display: none !important;
}

.sns_box .sns_list li a.sns_youtube {
    background: url('../images/sns_icon05.jpeg') no-repeat center;
}

.img-responsive-container {
    min-height: 638px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto 100%;
}

@media (max-width: 768px) {
    .img-responsive-container {
        min-height: auto;
        padding-bottom: 66.38095238095238%;
        background-size: 100% auto;
    }
}
@media (max-width: 1600px) {
    .right_menu {
        position: absolute;
        right: 0;
        top: 0;
    }
    .right_menu:after {
        content: '';
        display: block;
        clear: both;
    }
    .right_menu .type01 {
        float: left;
        background: #fdd000;
    }
    .right_menu .type01:after {
        content: '';
        display: block;
        clear: both;
    }
    .right_menu .type01 li {
        float: left;
        line-height: 74px;
        padding: 0 7px;
        background: url(../images/r_gap01.png) no-repeat 0 center;
        letter-spacing: -0.5px;
    }
    .right_menu .type01 li:first-child,
    .right_menu .type02 li:first-child {
        background-image: none;
    }
    .right_menu .type01 li a {
        display: block;
        font-size: 11px;
        color: #000;
        font-weight: 700;
        font-family: 'Lato!important', 'Noto Sans KR';
        padding: 0 10px;
    }
    .right_menu .type02 {
        float: left;
        background: #f4f4f4;
    }
    .right_menu .type02:after {
        content: '';
        display: block;
        clear: both;
    }
    .right_menu .type02 li {
        float: left;
        line-height: 74px;
        padding: 0 10px;
        background: url(../images/r_gap01.png) no-repeat 0 center;
    }
    .right_menu .type02 li a {
        display: block;
        font-size: 11px;
        color: #000;
    }
    .right_menu .type02 li img {
        vertical-align: middle;
    }
}

@media (min-width: 1905px) {
    .header_box01 {
        width: 44%;
    }

    .header_box02 {
        width: 56%;
    }
}

@media (max-width: 1366px) {
    .w_menu li p span {
        display: none;
    }
}

@media (max-width: 1360px) {
    .header_box01 {
        width: 48%;
    }

    .header_box02 {
        width: 52%;
    }

    .right_menu .type01 {
        display: none;
    }

    .hidden-sm {
        display: none;
    }
}

@media (max-width: 1200px) {
    .right_menu .type01 {
        display: none;
    }
    .right_menu .type01 li {
        float: left;
        line-height: 74px;
        padding: 0 15px;
        background: url(../images/r_gap01.png) no-repeat 0 center;
        letter-spacing: -0.5px;
    }
    .right_menu .type02 li {
        float: left;
        line-height: 74px;
        padding: 0 15px;
        background: url(../images/r_gap01.png) no-repeat 0 center;
    }
    .bx_txt ul li a {
        color: #fff;
        font-weight: 600;
        font-size: 16px;
        font-family: ;
        display: block;
        padding: 30px 0;
    }
    .bx_txt02 .tit {
        color: #fff;
        font-weight: 600;
        font-size: 16px;
        font-family: ;
        display: block;
        padding: 30px 0;
    }
    .bx_txt02 .m_list > li a {
        background: url(../images/all_point.png) no-repeat 0 11px;
        padding-left: 18px;
        font-size: 13px;
        color: #999;
        font-family: ;
    }
    .bx_txt02 .m_list02 li a {
        color: #fff;
        font-weight: 600;
        font-size: 16px;
        display: inline-block;
    }
}

@media (max-width: 1100px) {
    .header_box01 {
        width: 65%;
    }

    .header_box02 {
        width: 35%;
    }

    .w_menu > li {
        width: calc(((100% - 24%) - 130px) / 3);
    }

    .w_menu > li:last-child {
        width: 130px;
    }
}

@media (max-width: 768px) {
    .w_menu {
        display: none;
    }
    .header_box02 {
        width: 100%;
        float: right;
        box-sizing: border-box;
        background: transparent;
        height: 80px;
    }
    .header_box02 h1 {
        margin-left: 0;
        text-align: center;
    }
    .header_box02 h1 a {
        display: inline-block;
        line-height: 74px;
        position: absolute;
        left: 50%;
        top: 35%;
        margin-top: -7.5px;
        margin-left: -74px;
        z-index: 99;
    }
    .header_box02 h1 a img {
        vertical-align: middle;
        width: 150px;
    }
    .right_menu {
        position: absolute;
        right: 0;
        top: 0;
        width: 75%;
    }
    .right_menu:after {
        content: '';
        display: block;
        clear: both;
    }
    .right_menu .type01 {
        display: none;
    }
    .right_menu .type02 {
        float: right;
        background: transparent;
    }
    .right_menu .type02:after {
        content: '';
        display: block;
        clear: both;
    }
    .right_menu .type02 li:first-child {
        display: none;
    }
    .right_menu .type02 li {
        float: left;
        line-height: 74px;
        padding: 0 10px;
        background-image: none;
    }
    .right_menu .type02 li a {
        display: block;
    }
    .right_menu .type02 li img {
        vertical-align: middle;
    }
    .all_menu {
        position: absolute;
        left: 10px;
        top: 27px;
        background: url(../images/all_menu.png) no-repeat 0 0;
        text-indent: -999em;
        width: 36px;
        height: 27px;
        cursor: pointer;
    }
    .h_search_box .search_act {
        background: url(../images/search_icon02.png) no-repeat 0 center;
        width: 21px;
        height: 20px;
        border: 0;
        position: absolute;
        right: 12px;
        top: 28px;
        cursor: pointer;
    }
    /*전체메뉴*/
    .all_menu_area {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        background: #000;
        box-sizing: border-box;
        width: 100%;
        height: 100vh;
        z-index: 9999;
        overflow-y: auto;
        padding-bottom: 100px;
    }
    .all_menu.type_sub {
        position: absolute;
        left: 15px;
        top: 27px;
        background: url(../images/all_menu_type02.png) no-repeat 0 0;
        text-indent: -999em;
        width: 36px;
        height: 27px;
        cursor: pointer;
    }
    .btn {
        position: absolute;
        left: 2.5%;
        /* top: 32px; */
        display: inline-block;
        cursor: pointer;
    }
    .manu_box {
        width: 100%;
    }
    .manu_box:after {
        content: '';
        display: block;
        clear: both;
    }
    .manu_box .box01 {
        float: left;
        width: 100%;
        height: 100%;
        border-right: solid 1px #343434;
        box-sizing: border-box;
    }
    .manu_box .box02 {
        float: left;
        width: 100%;
        height: 100%;
        border-right: solid 1px #343434;
        box-sizing: border-box;
    }
    .manu_box .box03 {
        float: left;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        position: relative;
    }
    .bx_txt {
        max-width: 435px;
        width: 80%;
        margin: 70px auto 0 10%;
        padding-left: 0;
        position: relative;
    }
    .bx_txt .tit {
        writing-mode: tb-rl;
        font-size: 12px;
        color: #4b4a4a;
        position: absolute;
        left: 0;
        top: 30px;
        display: none;
    }
    .bx_txt ul {
    }
    .bx_txt ul li {
        border-bottom: solid 1px #343434;
    }
    .bx_txt ul li a {
        color: #fff;
        font-weight: 600;
        font-size: 16px;
        font-family: ;
        display: block;
        padding: 15px 0;
    }
    .bx_txt02 {
        margin: 0 0 0 0;
        padding: 0 10%;
        position: relative;
    }
    .bx_txt02 .tit {
        color: #fff;
        font-weight: 600;
        font-size: 16px;
        font-family: ;
        display: block;
        padding: 30px 0;
    }
    .bx_txt02 .m_list {
    }
    .bx_txt02 .m_list > li {
        margin-bottom: 17px;
    }
    .bx_txt02 .m_list > li a {
        background: url(../images/all_point.png) no-repeat 0 11px;
        padding-left: 18px;
        font-size: 13px;
        color: #999;
        font-family: ;
    }
    .bx_txt02 .m_list li ul {
        padding-left: 34px;
        padding-top: 8px;
    }
    .bx_txt02 .m_list li ul li a {
        font-size: 13px;
        color: #999;
        display: inline-block;
        padding: 8px 0;
        background-image: none;
    }
    .bx_txt02 .m_list02 {
        margin-top: 50px;
        margin-bottom: 30px;
    }
    /* .bx_txt02 .m_list02 li {
		margin-bottom: 30px;
	} */
    .bx_txt02 .m_list02 li:last-child {
        margin-bottom: 0;
    }
    .bx_txt02 .m_list02 li a {
        color: #fff;
        font-weight: 600;
        font-size: 16px;
        display: inline-block;
    }
    .login_area {
        position: static;
        padding: 20px 10%;
    }
    .login_area:after {
        content: '';
        display: block;
        clear: both;
    }
    .login_area li {
        float: left;
        padding-left: 47px;
    }
    .login_area li.type01 {
        background: url(../images/login_icon01.png) no-repeat 0 0;
        margin-right: 50px;
    }
    .login_area li.type02 {
        background: url(../images/login_icon02.png) no-repeat 0 0;
    }
    .login_area li a {
        display: block;
        color: #535353;
        font-size: 12px;
        line-height: 35px;
        height: 35px;
        font-family: ;
        font-weight: 600;
    }
    footer {
        border-top: solid 1px #d6d6d6;
        width: 100%;
    }
    footer .footer_log {
        text-align: center;
        padding-top: 30px;
        margin-bottom: 30px;
    }
    footer .footer_log a {
        display: inline-block;
    }
    footer .f_list01 {
        text-align: center;
        margin-bottom: 30px;
    }
    footer .f_list01 li {
        display: inline-block;
        margin-left: -4px;
        padding: 0 15px;
        box-sizing: border-box;
        background: url(../images/footer_point01.png) no-repeat 0 center;
        margin-bottom: 10px;
    }
    footer .f_list01 li:first-child {
        background-image: none;
    }
    footer .f_list01 li a {
        display: inline-block;
        font-size: 13px;
    }
    footer .footer_box02 {
        margin: 0;
        box-sizing: border-box;
        background: #000;
        text-align: left;
    }
    footer .footer_box02 .f_menu {
        padding: 34px 10px 20px 10px;
        border-bottom: solid 1px #252525;
    }
    footer .footer_box02 .f_menu p {
        padding: 0 0 0 5px;
        color: #999;
        font-size: 13px;
    }
    footer .footer_box02 .f_menu p[x-apple-data-detectors] {
        color: inherit !important;
        text-decoration: none !important;
        font-size: inherit !important;
        font-family: inherit !important;
        font-weight: inherit !important;
        line-height: inherit !important;
    }
    footer .footer_box02 .f_menu li {
        display: inline-block;
        margin-left: -4px;
        padding: 0 10px;
        box-sizing: border-box;
        background: url(../images/footer_point02.png) no-repeat 0 5px;
        margin-bottom: 10px;
    }
    footer .footer_box02 .f_menu li:first-child {
        background-image: none;
    }
    footer .footer_box02 .f_menu li a {
        display: inline-block;
        color: #999;
        font-size: 13px;
    }
    footer .footer_box02 .f_menu02 {
        padding: 34px 10px 20px 10px;
    }
    footer .footer_box02 .f_menu02 li {
        display: inline-block;
        margin-left: -4px;
        padding: 0 10px;
        box-sizing: border-box;
        background: url(../images/footer_point02.png) no-repeat 0 5px;
        margin-bottom: 10px;
    }
    footer .footer_box02 .f_menu02 li:first-child {
        background-image: none;
    }
    footer .footer_box02 .f_menu02 li a {
        display: inline-block;
        color: #999;
        font-size: 13px;
    }
    footer .footer_box02 p {
        color: #999;
        font-size: 14px;
        padding: 5px 10px 50px 10px;
    }
    input[type='radio'] {
        display: none;
        border: none;
        height: 100%;
        line-height: 100%;
    }
    input[type='radio'] + label {
        color: #999;
        font-size: 13px;
    }
    input[type='radio'] + label span {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: -2px 5px 0 0;
        vertical-align: middle;
        background: url(../images/radio01_off.png) 0 top no-repeat;
        cursor: pointer;
    }
    input[type='radio']:checked + label span {
        background: url(../images/radio01_on.png) 0 top no-repeat;
    }
    /*auout 헤더*/
    .about_top {
        position: absolute;
        left: 50%;
        top: 140px;
        max-width: 320px;
        width: 100%;
        margin-left: -160px;
    }
    .about_top .tit {
        text-align: center;
        font-size: 30px;
        color: #222;
        font-weight: 700;
        letter-spacing: 1px;
    }
    .about_top .tit span {
        font-size: 12px;
        display: block;
        margin-bottom: 20px;
    }
    .about_top .about_menu {
        text-align: center;
        margin-top: 40px;
    }
    .about_top .about_menu li {
        display: inline-block;
        margin: 0 15px;
    }
    .about_top .about_menu li a {
        display: block;
        font-size: 13px;
        color: #3d3d3d;
        padding: 0 4px;
        padding-bottom: 10px;
    }
    .about_top .about_menu li.on a {
        font-weight: 600;
        color: #222;
        line-height: 1;
        border-bottom: solid 3px #222;
    }
    .about_top .about_menu li:hover a {
        font-weight: 600;
        color: #222;
        line-height: 1;
        border-bottom: solid 3px #222;
    }
    .tit_type01 {
        text-align: center;
        font-size: 30px;
        color: #222;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -31px;
        width: 100%;
        font-weight: 700;
        letter-spacing: 1px;
    }
    .web_block {
        display: none !important;
    }
    .mob_block {
        display: block !important;
    }
}