@charset "UTF-8";

/*===================== header =====================*/
.header {position:relative; z-index: 9999;}
.header .header_inner {position: relative; border-bottom: 1px solid #ebebeb; background-color: #ffffff;}
.header .header_inner .gnb_cont_area {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: space-between; position:relative; width: 100%; max-width: 1400px; margin: 0 auto;}
.header .header_inner .gnb_cont_area .logo_area {width: 223px; padding: 0 0 25px;}
.header .header_inner .gnb_cont_area .logo_area .logo {display: block;}
.header .header_inner .gnb_cont_area .logo_area .logo img {}
.header .header_inner .gnb_cont_area .gnb_area {flex: 1;}
.header .header_inner .gnb_cont_area .gnb_area #gnb {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center;}
.header .header_inner .gnb_cont_area .gnb_area #gnb > li {position:relative;}
.header .header_inner .gnb_cont_area .gnb_area #gnb > li.none {display: none;}
.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sitemap_tit { display: block; padding: 0 35px; font-size: 0; text-align: center;}
.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sitemap_tit .text {display: flex; justify-content: center; align-items: center; position: relative; height: 124px; font-weight: 700; font-size: 18px; line-height: 27px; color: #1f1f1f;}
.header .header_inner .gnb_cont_area .gnb_area #gnb > li.on .sitemap_tit .text::before { content: ''; position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background-color: #1a1a1a;}
.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sub_gnb_area {display: none; position:absolute; right: 0; left: 0; padding: 12px 5px 47px 35px; z-index: 3;}
.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sub_gnb_area .sub_gnb {}
.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sub_gnb_area .sub_gnb > li { padding: 8px 0;}
.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sub_gnb_area .sub_gnb > li:last-child { margin: 0;}
.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sub_gnb_area .sub_gnb > li > a {display: block; font-weight: 500; font-size: 16px; line-height: 24px; color: #8f8f8f;}
.header .header_inner .gnb_cont_area .gnb_area #gnb > li.on .sub_gnb_area .sub_gnb > li > a { color: #1a1a1a;}
.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sub_gnb_area .sub_gnb > li > a:hover,
.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sub_gnb_area .sub_gnb > li > a:focus { font-weight: 700;}
.header .header_inner .gnb_cont_area .head_btn_area {font-size: 0;}
.header .header_inner .gnb_cont_area .head_btn_area > .list { font-size: 0;}
.header .header_inner .gnb_cont_area .head_btn_area > .list > li { display: inline-block; margin: 0 0 0 30px;vertical-align: middle;}
.header .header_inner .gnb_cont_area .head_btn_area > .list > li:first-child { margin: 0;}
.header .header_inner .gnb_cont_area .head_btn_area > .list > li > .btn { display: block;}
.header .header_inner .gnb_cont_area .head_btn_area > .list > li > .btn i { font-size: 30px; color: #1f1f1f;}
.header .header_inner .gnb_cont_area .head_btn_area > .list > li > .btn.login { }
.header .header_inner .gnb_cont_area .head_btn_area > .list > li > .btn.logout { font-weight: 500; font-size: 14px; line-height: 21px; color: #1f1f1f;}
.header .header_inner .gnb_cont_area .head_btn_area > .list > li > .btn.sch_btn {}
.header .header_inner .gnb_cont_area .head_btn_area > .list > li > .btn.sitemap_btn,
.header .header_inner .gnb_cont_area .head_btn_area > .list > li > .btn.m_gnb_btn { width: 50px; height: 50px; border: 1px solid #1a1a1a; background-color: #1a1a1a; background-image: url('/images/home/kor/user/header/sitemap_icon.png'); background-position: center; background-repeat: no-repeat; border-radius: 10px;}
.header .header_inner .gnb_cont_area .head_btn_area > .list > li > .btn.m_gnb_btn { display: none;}
.header .header_inner .gnb_cont_area .head_btn_area > .list > li > .btn.eng { font-weight: 700; font-size: 18px; line-height: 27px; color: #1f1f1f;}

/* pc bg */
.header .gnb_bg {display: none; position: absolute; left:0; display: none; width: 100%; background-color: #ffffff; box-shadow: 0 5px 10px rgba(211,211,211,0.5); z-index: 2;}

/* m_gnb */
.header .m_gnb_wrap {display:none; position:fixed; right:-90%; top:0; overflow-y: auto; width: 90%; height:100%; background-color: #ffffff; z-index: 999;}
.header .m_gnb_wrap .m_gnb_inner { width: 100%; height:100%; background-color: #ffffff;}
.header .m_gnb_wrap .m_gnb_inner .m_gnb_top {position:relative; height: 75px; border-bottom: 1px solid #e0e0e0; padding: 0 15px;}
.header .m_gnb_wrap .m_gnb_inner .m_gnb_top .container { display: flex; justify-content: space-between; align-items: center; margin: 0; padding: 0; height: 100%;}
.header .m_gnb_wrap .m_gnb_inner .m_gnb_top .container .member_list_area {}
.header .m_gnb_wrap .m_gnb_inner .m_gnb_top .container .member_list_area > .list { font-size: 0;}
.header .m_gnb_wrap .m_gnb_inner .m_gnb_top .container .member_list_area > .list > li { display: inline-block; position: relative; margin: 0 0 0 15px; padding: 0 0 0 16px; vertical-align: middle;}
.header .m_gnb_wrap .m_gnb_inner .m_gnb_top .container .member_list_area > .list > li:first-child { margin: 0; padding: 0;}
.header .m_gnb_wrap .m_gnb_inner .m_gnb_top .container .member_list_area > .list > li::before { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 12px; background-color: #ebebeb;}
.header .m_gnb_wrap .m_gnb_inner .m_gnb_top .container .member_list_area > .list > li:first-child::before { display: none;}
.header .m_gnb_wrap .m_gnb_inner .m_gnb_top .container .member_list_area > .list > li .btn { display: block;}
.header .m_gnb_wrap .m_gnb_inner .m_gnb_top .container .member_list_area > .list > li .btn .txt { display: inline-block; font-weight: 500; font-size: 14px; line-height: 21px; color: #212121;}
.header .m_gnb_wrap .m_gnb_inner .m_gnb_top .container .member_list_area > .list > li .btn .txt i { display: inline-block; font-size: 16px; margin: 0 5px 0 0; vertical-align: baseline;}
.header .m_gnb_wrap .m_gnb_inner .m_gnb_top .container .m_gnb_close {display: block; width: 45px; height: 45px; background-color: #1a1a1a; background-image: url('/images/home/kor/user/header/sitemap_close_icon_on.png'); background-position: center; background-size: 22px auto; background-repeat: no-repeat; border-radius: 10px;}
.header .m_gnb_wrap .m_gnb_inner .m_gnb {}
.header .m_gnb_wrap .m_gnb_inner .m_gnb .item_list {}
.header .m_gnb_wrap .m_gnb_inner .m_gnb .item_list > li {border-bottom: 1px solid #e0e0e0;}
.header .m_gnb_wrap .m_gnb_inner .m_gnb .item_list > li.m_atv {}
.header .m_gnb_wrap .m_gnb_inner .m_gnb .item_list > li > a {display: block; position: relative; padding: 0 15px; transition: all 0.3s;}
.header .m_gnb_wrap .m_gnb_inner .m_gnb .item_list > li.m_atv > a {}
.header .m_gnb_wrap .m_gnb_inner .m_gnb .item_list > li > a .text {display: block; font-weight: 400; font-size: 22px; line-height: 60px; color: #282828;}
.header .m_gnb_wrap .m_gnb_inner .m_gnb .item_list > li .sub_gnb_area {display: none; border-top: 1px solid #e0e0e0; background-color: #fafafa;}
.header .m_gnb_wrap .m_gnb_inner .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb { padding: 15px 0;}
.header .m_gnb_wrap .m_gnb_inner .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li {}
.header .m_gnb_wrap .m_gnb_inner .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > a {display: block; position: relative; padding: 0 15px; font-weight: 400; font-size: 18px; line-height: 40px; color: #282828;}
/* mo bg */
.header .m_gnb_bg {display: none; position: fixed; top: 0; right: 0; bottom: 0; left:0; width: 100%; height: 100vh; background-color: #000000; z-index: 111;}

/* scrolled & on */
.header.scrolled {}
.header.scrolled .gnb_header {position:fixed; top:0; z-index:3; width:100%; box-shadow:0 2px 5px rgba(211,211,211,0.5);}
.header.on .header_inner,
.header.scrolled .header_inner {border-bottom: 1px solid #ebebeb !important;}

/* sitemap (10/10) */
.sitemap_wrap {display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; padding: 0 0 0 580px; background-color: #ffffff; z-index: 9999; overflow: auto;}
.sitemap_wrap:before {content: ''; position: fixed; top: 0; left: 0; width: 100%; max-width: 580px; height: 100%; background-color: #eeeeee;}
.sitemap_wrap .logo_area {position:fixed; top: 0; left: 0; width: 100%; max-width: 580px; text-align: right;}
.sitemap_wrap .logo_area .logo_cont {display: inline-block; width: 100%; max-width: 340px; padding: 185px 0 0; text-align: left;}
.sitemap_wrap .logo_area .logo_cont img {}
.sitemap_wrap > .container {max-width: 100%; padding: 200px 60px 60px 60px;}
.sitemap_wrap > .container .sitemap {width: 100%; max-width: 990px; position: relative;}
.sitemap_wrap > .container .sitemap > li {margin: 0 0 60px 0;}
.sitemap_wrap > .container .sitemap > li:last-child {margin: 0;}
.sitemap_wrap > .container .sitemap > li > a {display: block; position: relative; margin: 0 0 20px;}
.sitemap_wrap > .container .sitemap > li > a::before { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 100%; height: 1px; background-color: #f0f0f0;}
.sitemap_wrap > .container .sitemap > li > a .text {display: inline-block; position: relative; padding: 0 20px 0 0; background-color: #ffffff; font-weight: 700; font-size: 30px; line-height: 45px; color: #282828;}
.sitemap_wrap > .container .sitemap > li > .sub_gnb_area { display: block !important; height: inherit !important; margin: inherit !important; padding: inherit !important;}
.sitemap_wrap > .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb { font-size: 0;}
.sitemap_wrap > .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li {display: inline-block; width: calc(33.333% - 13.333px); margin: 20px 20px 0 0; padding: 0; vertical-align: top;}
.sitemap_wrap > .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li:nth-child(-n+3) {margin: 0 20px 0 0;}
.sitemap_wrap > .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li:nth-child(3n) {margin: 20px 0 0 0;}
.sitemap_wrap > .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li:nth-child(3) {margin: 0;}
.sitemap_wrap > .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li > a {display: flex; justify-content: center; align-items: center; width: 100%; height: 63px; border: 1px solid #1a1a1a; background-color: #ffffff; font-weight: 500; font-size: 19px; line-height: 30px; color: #282828; text-align: center; transition: all 0.3s; border-radius: 8px;}
.sitemap_wrap > .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li > a:hover,
.sitemap_wrap > .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li > a:focus { background-color: #1a1a1a; color: #ffffff;}
.sitemap_wrap > .container .sitemap_close {position: absolute; top: 60px; right: 130px; width: 31px; height: 31px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.sitemap_wrap > .container .sitemap_close:hover, .sitemap_wrap .sitemap_close:focus {transform: rotate(180deg);}

/* ==================== POPZON ==================== */
.head_popzon {background-color: #1a1a1a;}
.head_popzon .popzon_box {position: relative; width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 150px; font-size: 0; text-align: center;}
.head_popzon .popzon_box .nav_box {position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-size: 0;}
.head_popzon .popzon_box .nav_box.m {display: none;}
.head_popzon .popzon_box .nav_box .nav {display: inline-block; width: 24px; height: 24px; margin: 0 0 0 5px; background-color: rgba(255, 255, 255, 0.2); background-position: center; background-size: 12px auto; background-repeat: no-repeat; vertical-align: middle; border-radius: 50%;}
.head_popzon .popzon_box .nav_box .nav:first-child {margin: 0;}
.head_popzon .popzon_box .nav_box .nav.prev {background-image: url('/images/home/kor/user/header/popzon_prev_icon.png');}
.head_popzon .popzon_box .nav_box .nav.next {background-image: url('/images/home/kor/user/header/popzon_next_icon.png');}
.head_popzon .popzon_box .nav_box .num {display: inline-block; margin: 0 0 0 20px; font-weight: 400; font-size: 14px; line-height: 24px; color: rgba(255, 255, 255, 0.6); vertical-align: middle;}
.head_popzon .popzon_box .nav_box .num .now {font-weight: 500; color: #ffffff;}
.head_popzon .popzon_box .slide_zon {}
.head_popzon .popzon_box .slide_zon #head_slide {}
.head_popzon .popzon_box .slide_zon #head_slide li { border: none;}
.head_popzon .popzon_box .slide_zon #head_slide li a {display: block; padding: 32px 0;}
.head_popzon .popzon_box .slide_zon #head_slide li a .title {height: 36px; font-weight: 500; font-size: 24px; line-height: 36px; color: #ffffff; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.head_popzon .popzon_box .slide_zon #head_slide .slick-dots {display: none !important;}
.head_popzon .popzon_box .head_popzon_close {display: inline-block; position:absolute; top: 50%; right: 0; transform: translateY(-50%); width: 22px; height: 22px; background-image: url('/images/home/kor/user/header/popzon_close.png'); background-size: 100%; background-repeat: no-repeat;}
.head_popzon .popzon_box .chk_each { position: absolute; bottom: 10px; right: 0; padding: 0 0 0 20px;}
.head_popzon .popzon_box .chk_each .chk_inp { display: block; position: absolute; left: 0; top: 50%; z-index: 1; width: 15px; height: 15px; margin: 0; padding: 0; border: 1px solid #ffffff; background-color: transparent; background-position: center; background-repeat: no-repeat; transform: translateY(-50%);}
.head_popzon .popzon_box .chk_each .chk_inp:checked { background-image: url('/images/home/kor/user/header/popup_chk.png');}
.head_popzon .popzon_box .chk_each label { display: block; font-size: 0;}
.head_popzon .popzon_box .chk_each label .text { display: inline-block; font-weight: 400; font-size: 14px; line-height: 21px; color: #ffffff;}
/* ==================== POPZON ==================== */
/*===================== header =====================*/

/* 메인팝업 */
.header .head_popzon_cont {position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 4;}
.header .head_popzon_cont .head_popzon_area {position:fixed; top: 50%; left: 50%; width: 100%; max-width: 625px; transform: translate(-50%, -50%);}
.header .head_popzon_cont .head_popzon_area .title_area {margin: 0 0 15px; text-align: center;}
.header .head_popzon_cont .head_popzon_area .title_area .title {font-weight: 500; font-size: 40px; line-height: 60px; color: #ffffff;}
.header .head_popzon_cont .head_popzon_area .popzon_slide_area {margin: 0 0 15px;}
.header .head_popzon_cont .head_popzon_area .popzon_slide_area #head_popzon_slide {width: 100%; padding: 0 62px;}
.header .head_popzon_cont .head_popzon_area .popzon_slide_area #head_popzon_slide .slick-list { overflow: hidden; border-radius: 8px;}
.header .head_popzon_cont .head_popzon_area .popzon_slide_area #head_popzon_slide .slick-list .slick-track {}
.header .head_popzon_cont .head_popzon_area .popzon_slide_area #head_popzon_slide .slick-list .slick-track li {}
.header .head_popzon_cont .head_popzon_area .popzon_slide_area #head_popzon_slide .slick-list .slick-track li .box {display: block; background-color: #ffffff;}
.header .head_popzon_cont .head_popzon_area .popzon_slide_area #head_popzon_slide .slick-list .slick-track li .box .img_box {position: relative; width: 100%; padding-bottom: calc(100% + 10%);}
.header .head_popzon_cont .head_popzon_area .popzon_slide_area #head_popzon_slide .slick-list .slick-track li .box .img_box .inner_box {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.header .head_popzon_cont .head_popzon_area .popzon_slide_area #head_popzon_slide .slick-list .slick-track li .box .img_box .inner_box > p { /* width: 100%; height: 100%; */ }
.header .head_popzon_cont .head_popzon_area .popzon_slide_area #head_popzon_slide .slick-list .slick-track li .box .img_box .inner_box img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.header .head_popzon_cont .head_popzon_area .popzon_slide_area #head_popzon_slide .slick-arrow {position: absolute; top: 50%; width: 23px; height: 37px; text-indent: -9999px; background-size: cover; background-repeat: no-repeat; transform: translateY(-50%);}
.header .head_popzon_cont .head_popzon_area .popzon_slide_area #head_popzon_slide .slick-arrow.slick-prev {left: 0; background-image: url('/images/home/kor/user/header/head_popzon_prev.png');}
.header .head_popzon_cont .head_popzon_area .popzon_slide_area #head_popzon_slide .slick-arrow.slick-next {right: 0; background-image: url('/images/home/kor/user/header/head_popzon_next.png');}
.header .head_popzon_cont .head_popzon_area .popzon_slide_area #head_popzon_slide .slick-dots {display: none !important;}
.header .head_popzon_cont .head_popzon_area > .inner_box {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 500px; margin: 0 auto;}
.header .head_popzon_cont .head_popzon_area > .inner_box .chk_each {position: relative; padding: 0 0 0 30px; font-size: 0;}
.header .head_popzon_cont .head_popzon_area > .inner_box .chk_each .chk_inp {display: block; position: absolute; top: 50%; left: 0; width: 20px; height: 20px; margin: 0; border: none; padding: 0; background-color: transparent; background-image: url('/images/home/kor/user/header/head_chk_icon.png'); background-size: cover; background-repeat: no-repeat; font-size: 0; transform: translateY(-50%); appearance: none;}
.header .head_popzon_cont .head_popzon_area > .inner_box .chk_each .chk_inp:checked {background-image: url('/images/home/kor/user/header/head_chk_icon_on.png');}
.header .head_popzon_cont .head_popzon_area > .inner_box .chk_each label {font-size: 0;}
.header .head_popzon_cont .head_popzon_area > .inner_box .chk_each label .text {display: inline-block; font-weight: 700; font-size: 16px; line-height: 24px; color: #ffffff;}
.header .head_popzon_cont .head_popzon_area > .inner_box .slide_num {font-weight: 700; font-size: 18px; line-height: 24px; color: #ffffff;}
.header .head_popzon_cont .head_popzon_area > .inner_box .slide_num .num {display: inline-block; vertical-align: middle;}
.header .head_popzon_cont .head_popzon_area > .inner_box .slide_num .total {display: inline-block; vertical-align: middle;}
.header .head_popzon_cont .head_popzon_area > .inner_box .btn_area {font-size: 0;}
.header .head_popzon_cont .head_popzon_area > .inner_box .btn_area .colse_btn {display: inline-block; padding: 0 25px; background-color: var(--com-main-color); font-size: 0; border-radius: 8px;}
.header .head_popzon_cont .head_popzon_area > .inner_box .btn_area .colse_btn .text {display: inline-block; padding: 0 27px 0 0; background-image: url('/images/home/kor/user/header/head_popzon_colse.png'); background-position: right center; background-repeat: no-repeat; font-weight: 700; font-size: 16px; line-height: 40px; color: #ffffff; vertical-align: middle;}
/* 메인팝업 */