@charset "UTF-8";

/*===================== header =====================*/
.header {position:relative; z-index: 9999;}
.header .header_inner {}
.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; padding: 0 0 0 60px; position:relative; border-bottom: 1px solid #f1f1f1; background-color: #ffffff;}
.header .header_inner .gnb_cont_area .logo_area {width: 266px;}
.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 .logo_area .logo img.main_logo {display: none;}
.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;}
.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sitemap_tit .text {display: inline-block; font-weight: 500; font-size: 18px; line-height: 90px; color: #191919;}
.header .header_inner .gnb_cont_area .gnb_area #gnb > li:hover::before,
.header .header_inner .gnb_cont_area .gnb_area #gnb > li:focus::before { content: ''; position: absolute; right: 0; bottom: -1px; left: 0; height: 3px; background-color: var(--com-main-color);}
.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: 400; font-size: 16px; line-height: 24px; color: #181818;}
.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 { color: var(--com-main-color); text-decoration: underline;}
.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; vertical-align: middle;}
.header .header_inner .gnb_cont_area .head_btn_area > .list > li > .btn { display: block; width: 90px; height: 90px; background-position: center; background-repeat: no-repeat;}
.header .header_inner .gnb_cont_area .head_btn_area > .list > li > .btn.sch_btn { border-left: 1px solid #f1f1f1; background-color: #ffffff; background-image: url('/images/home/kor/user/header/sch_icon.png');}
.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 { background-color: var(--com-sub-color); background-image: url('/images/home/kor/user/header/sitemap_icon.png');}
.header .header_inner .gnb_cont_area .head_btn_area > .list > li > .btn.m_gnb_btn { display: none;}
.header .header_inner .header_top_cont { background-color: #002c6e;}
.header .header_inner .header_top_cont .inner_box { display: flex; justify-content: end; align-items: center; padding: 0 60px;}
.header .header_inner .header_top_cont .inner_box .member_list_area {}

/* 공통 헤더 마이페이지 관련 */
header .member_list_area {}
header .member_list_area > .list { font-size: 0;}
header .member_list_area > .list > li { display: inline-block; position: relative; margin: 0 0 0 10px; padding: 0 0 0 15px; vertical-align: middle;}
header .member_list_area > .list > li:first-child { margin: 0; padding: 0;}
header .member_list_area > .list > li::before { content: '/'; position: absolute; top: 50%; left: 0; transform: translateY( -50%);font-weight: 500; font-size: 13px; line-height: 35px; color: rgba(255, 255, 255, 0.2);}
header .member_list_area > .list > li:first-child::before { display: none;}
header .member_list_area > .list > li > .btn { display: block;}
header .member_list_area > .list > li > .btn .text { display: inline-block; padding: 0 0 0 17px; background-position: left center; background-repeat: no-repeat; font-weight: 500; font-size: 13px; line-height: 35px; color: #ffffff;}
header .member_list_area > .list > li > .btn .text.icon01 { background-image: url('/images/home/kor/user/header/head_member_icon01.png');}
header .member_list_area > .list > li > .btn .text.icon01_2 { background-image: url('/images/home/kor/user/header/head_member_icon01_2.png');}
header .member_list_area > .list > li > .btn .text.icon02 { background-image: url('/images/home/kor/user/header/head_member_icon02.png');}
header .member_list_area > .list > li > .btn .text.icon02_2 { background-image: url('/images/home/kor/user/header/head_member_icon02.png');}
header .member_list_area > .list > li > .btn .text.icon03 { background-image: url('/images/home/kor/user/header/head_member_icon03.png');}
header .member_list_area > .list > li > .btn .text.icon03_2 { background-image: url('/images/home/kor/user/header/head_member_icon03_2.png');}
header .member_list_area > .list > li > .btn .text.icon04 { background-image: url('/images/home/kor/user/header/head_member_icon04.png');}
header .member_list_area > .list > li.mypage_li { position: relative;}
header .member_list_area > .list > li.mypage_li .mypage_btn {}
header .member_list_area > .list > li.mypage_li > .menu_list_cont { display: none; overflow: hidden; position: absolute; top: 45px; left: 50%; transform: translateX(-50%); width: 158px; background-color: #ffffff; border-radius: 15px; box-shadow: 2px 3px 7px 0px rgba(0, 0, 0, 0.35); z-index: 111;}
header .member_list_area > .list > li.mypage_li > .menu_list_cont .menu_info_area { background-color: var(--com-main-color); text-align: center;}
header .member_list_area > .list > li.mypage_li > .menu_list_cont .menu_info_area .txt { font-weight: 400; font-size: 14px; line-height: 43px; color: #ffffff;}
header .member_list_area > .list > li.mypage_li > .menu_list_cont .menu_info_area .txt .ft_b { display: inline-block; font-weight: 700;}
header .member_list_area > .list > li.mypage_li > .menu_list_cont .menu_list_area { border-top: 1px solid #e5e5e5; padding: 5px 0;}
header .member_list_area > .list > li.mypage_li > .menu_list_cont .menu_list_area > .list {}
header .member_list_area > .list > li.mypage_li > .menu_list_cont .menu_list_area > .list > li { padding: 5px 15px;}
header .member_list_area > .list > li.mypage_li > .menu_list_cont .menu_list_area > .list > li:last-child { border-bottom: none;}
header .member_list_area > .list > li.mypage_li > .menu_list_cont .menu_list_area > .list > li .link { position: relative; display: block; padding: 0 0 0 10px; font-weight: 400; font-size: 14px; line-height: 21px; color: #191919; word-break: break-all;}
header .member_list_area > .list > li.mypage_li > .menu_list_cont .menu_list_area > .list > li .link::before { content: ''; position: absolute; top: 9px; left: 0;  width: 3px; height: 3px; background-color: #202020; border-radius: 50%;}
header .member_list_area > .list > li.mypage_li > .menu_list_cont .menu_list_area > .list > li .link:hover,
header .member_list_area > .list > li.mypage_li > .menu_list_cont .menu_list_area > .list > li .link:focus { color: var(--com-main-color); text-decoration: underline;}
/* 공통 헤더 마이페이지 관련 */

/* pc bg */
.header .gnb_bg {display: none; position: absolute; left:0; display: none; width: 100%; background-color: #ffffff; background-image: url('/images/home/kor/user/header/gnb_bg_icon.png'), url('/images/home/kor/user/header/gnb_bg_logo.png'); background-position: left bottom, right 200px bottom; background-repeat: no-repeat; 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: 70px; border-bottom: 1px solid #e0e0e0 ; padding: 0 0 0 20px;}
.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 > li::before { color: rgba(33, 33, 33, 0.45);}
.header .m_gnb_wrap .m_gnb_inner .m_gnb_top .container .member_list_area > .list > li > .btn .text { color: #191919;}
.header .m_gnb_wrap .m_gnb_inner .m_gnb_top .container .member_list_area > .list > li > .btn .text.icon01 { background-image: url('/images/home/kor/user/header/head_member_icon01_b.png');}
.header .m_gnb_wrap .m_gnb_inner .m_gnb_top .container .member_list_area > .list > li > .btn .text.icon01_2 { background-image: url('/images/home/kor/user/header/head_member_icon01_2_b.png');}
.header .m_gnb_wrap .m_gnb_inner .m_gnb_top .container .member_list_area > .list > li > .btn .text.icon02 { background-image: url('/images/home/kor/user/header/head_member_icon02_b.png');}
.header .m_gnb_wrap .m_gnb_inner .m_gnb_top .container .member_list_area > .list > li > .btn .text.icon02_2 { background-image: url('/images/home/kor/user/header/head_member_icon02_b.png');}
.header .m_gnb_wrap .m_gnb_inner .m_gnb_top .container .member_list_area > .list > li > .btn .text.icon03 { background-image: url('/images/home/kor/user/header/head_member_icon03_b.png');}
.header .m_gnb_wrap .m_gnb_inner .m_gnb_top .container .member_list_area > .list > li > .btn .text.icon03_2 { background-image: url('/images/home/kor/user/header/head_member_icon03_2_b.png');}
.header .m_gnb_wrap .m_gnb_inner .m_gnb_top .container .m_gnb_close {width: 70px; height: 70px; background-image: url('/images/home/kor/user/header/sitemap_close_icon_on.png'); background-color: #0060b1; background-position: center; background-size: 25px auto; background-repeat: no-repeat;}
.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 20px; 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: 20px; line-height: 60px; color: #282828;}
.header .m_gnb_wrap .m_gnb_inner .m_gnb .item_list > li .sub_gnb_area {display: none; background-color: #f2f2f2;}
.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 20px; 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 .gnb_cont_area,
.header.scrolled .header_inner .gnb_cont_area {border-bottom: 1px solid #f1f1f1; background-color: #ffffff;}
.header.on .header_inner .gnb_cont_area .gnb_area #gnb > li .sitemap_tit .text,
.header.scrolled .header_inner .gnb_cont_area .gnb_area #gnb > li .sitemap_tit .text { color: #191919;}
.header.scrolled .member_list_area > .list > li.pop_li { display: none !important;}

.header.scrolled .head_popzon { display: none;}
/* .header.on .header_inner .gnb_cont_area .member_list_area > .list > li::before,
.header.scrolled .header_inner .gnb_cont_area .member_list_area > .list > li::before { color: rgba(0, 0, 0, 0.45);}
.header.on .header_inner .gnb_cont_area .member_list_area > .list > li > .btn .text,
.header.scrolled .header_inner .gnb_cont_area .member_list_area > .list > li > .btn .text { color: #191919;}
.header.on .header_inner .gnb_cont_area .member_list_area > .list > li > .btn .text.icon01,
.header.scrolled .header_inner .gnb_cont_area .member_list_area > .list > li > .btn .text.icon01 { background-image: url('/images/home/kor/user/header/head_member_icon01.png');}
.header.on .header_inner .gnb_cont_area .member_list_area > .list > li > .btn .text.icon02,
.header.scrolled .header_inner .gnb_cont_area .member_list_area > .list > li > .btn .text.icon02 { background-image: url('/images/home/kor/user/header/head_member_icon02.png');} */

/* 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-image: url('/images/home/kor/user/header/sitemap_bg.png'); background-position: left top; background-size: cover; background-repeat: no-repeat;}
.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: 200px 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(25% - 15px); 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+4) {margin: 0 20px 0 0;}
.sitemap_wrap > .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li:nth-child(4n) {margin: 20px 0 0 0;}
.sitemap_wrap > .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li:nth-child(4) {margin: 0;}
.sitemap_wrap > .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li > a {display: block; background-color: #f4f4f4; font-weight: 500; font-size: 19px; line-height: 63px; color: #282828; text-align: center; transition: all 0.3s;}
.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: var(--com-main-color); 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);}
/*===================== header =====================*/

/* ==================== POPZON ==================== */
.head_popzon {background-color: var(--com-sub-color); padding: 0 60px;}
.head_popzon .popzon_box {position: relative; width: 100%; padding: 0 160px; 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 {}
.head_popzon .popzon_box .slide_zon #head_slide li a {display: block; padding: 18px 0 19px;}
.head_popzon .popzon_box .slide_zon #head_slide li a .title {height: 30px; margin: 0 0 5px; font-weight: 400; font-size: 20px; line-height: 30px; 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 li a .text {height: 24px; font-weight: 400; font-size: 16px; line-height: 24px; color: rgba(255, 255, 255, 0.6); 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: 8px; 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.admin_sty .header_inner .gnb_cont_area { padding-right: 60px;}
.header.admin_sty .header_inner .gnb_cont_area .head_btn_area { display: none;}
.header.admin_sty .header_inner .gnb_cont_area .gnb_area #gnb > li:hover::before,
.header.admin_sty .header_inner .gnb_cont_area .gnb_area #gnb > li:focus::before { display: none;}
.header.admin_sty .header_inner .gnb_cont_area .head_right_area {}
.header.admin_sty .header_inner .gnb_cont_area .head_right_area > * { display: inline-block; margin: 0 0 0 10px; vertical-align: middle;}
.header.admin_sty .header_inner .gnb_cont_area .head_right_area > *:first-child { margin: 0;}
.header.admin_sty .header_inner .gnb_cont_area .head_right_area .member_list_area {}
.header.admin_sty .header_inner .gnb_cont_area .head_right_area .member_list_area > .list > li > .btn .text { padding: 0 0 0 20px; font-size: 15px;}
.header.admin_sty .header_inner .gnb_cont_area .head_right_area .member_list_area > .list > li::before { content: ''; width: 1px; height: 14px; font-weight: inherit; font-size: inherit; line-height: inherit; background-color: rgba(255, 255, 255, 0.2);}
.header.admin_sty .header_inner .gnb_cont_area .head_right_area .link_btn_area .link_btn { display: block; border: 1px solid #002051; background-color: #002051; padding: 0 20px; border-radius: 30px;}
.header.admin_sty .header_inner .gnb_cont_area .head_right_area .link_btn_area .link_btn .txt { padding: 0 20px 0 0; background-image: url('/images/home/kor/user/administrator/link_btn_icon.png'); background-position: right center; background-repeat: no-repeat; font-weight: 400; font-size: 15px; line-height: 42px; color: #ffffff;}
.header.admin_sty.scrolled .header_inner .gnb_cont_area .head_right_area .member_list_area > .list > li::before { background-color: rgba(33, 33, 33, 0.45);}
.header.admin_sty.scrolled .header_inner .gnb_cont_area .head_right_area .member_list_area > .list > li > .btn .text { color: #191919;}
.header.admin_sty.scrolled .header_inner .gnb_cont_area .head_right_area .member_list_area > .list > li > .btn .text.icon01_2 { background-image: url('/images/home/kor/user/header/head_member_icon01_2_b.png');}
.header.admin_sty.scrolled .header_inner .gnb_cont_area .head_right_area .member_list_area > .list > li > .btn .text.icon04 { background-image: url('/images/home/kor/user/header/head_member_icon04_b.png');}
/*===================== 관리자 메인 header 스타일 추가 =====================*/