@charset "UTF-8";

/*===================== header =====================*/
header {transition:all 0.2s}
header.on {position: relative; background-color: #ffffff; z-index: 9999;}
.header {position:relative; z-index: 9999;}
.header .header_inner {}
.header .header_top_cont {border-bottom:1px solid transparent}
.header .header_top_cont .text {font-size:0.9375rem;color:#767676;font-weight:normal;vertical-align:middle;transition:0.3s}
.header .header_top_cont .list {}
.header .header_top_cont .list li {display:inline-block;margin-right:10px;padding-right:15px;vertical-align:middle;position:relative}
.header .header_top_cont .list li::after {display:block;width:1px;height:12px;content:"";background-color:#e1e1e1;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.header .header_top_cont .list li:last-child {margin-right:0;padding-right:0}
.header .header_top_cont .list li:last-child::after {display:none}
.header .header_top_cont .list li .btn {}
.header .header_top_cont .container {display:flex;justify-content:space-between;align-items:center;max-width:inherit;height:40px;padding:0 40px}
.header .header_top_cont .site_list_area {}
.header .header_top_cont .site_list_area li {}
.header .header_top_cont .site_list_area li .btn::after {display:inline-block;width:16px;height:16px;margin-left:3px;content:"";background-color:#212121;background-image:url(/images/home/kor/user/header/header_top_arrow.png);background-position:center;background-repeat:no-repeat;background-size:8px;border-radius:3px;vertical-align:middle;transition:0.2s}
.header .header_top_cont .site_list_area li .btn:hover::after {background-color:#33b293}
.header .header_top_cont .site_list_area li .btn:hover .text {color:#33b293 !important}
.header .header_top_cont .member_list_area {}
.header .header_top_cont .member_list_area li {}
.header .header_top_cont .member_list_area .btn {font-weight:200;line-height:1;transition:0.3s}
.header .header_top_cont .member_list_area .btn:hover .text {color:#187760 !important}
.header .header_top_cont .member_list_area .text {}
.header .header_top_cont .member_list_area .btn_default {vertical-align:middle}
.header .header_top_cont .member_list_area .btn_default .text {line-height:26px;color:#fff}
.header .header_top_cont .btn_font {display:inline-flex;align-items:center;height:20px;margin-left:6px;background-color:#fff;border:1px solid #e1e1e1;border-radius:3px;vertical-align:middle}
.header .header_top_cont .btn_font .btn {width:20px;font-weight:500;line-height:20px;transition:0.3s}
.header .header_top_cont .btn_font .btn:hover {color:#fff !important;background-color:#212121 !important}
.header .header_top_cont .btn_font .plus {border-right:1px solid #e1e1e1}
.header .header_top_cont .btn_font .minus {}

.header .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 40px;position:relative}
.header .gnb_cont_area .logo_area {width: 198px;height:58px}
.header .gnb_cont_area .logo_area .logo {display: block;height:100%;background-image:url(/images/home/kor/user/header/logo.png);background-position:left top;background-repeat:no-repeat;background-size:cover}
.header .gnb_cont_area .gnb_area {width: calc(100% - 450px);max-width:1100px}
.header .gnb_cont_area .gnb_area #gnb {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex: 1;}
.header .gnb_cont_area .gnb_area #gnb > li {position:relative; flex: 1; text-align: center;}
.header .gnb_cont_area .gnb_area #gnb > li.none {display: none;}
.header .gnb_cont_area .gnb_area #gnb > li .sitemap_tit {display: block;position:relative}
.header .gnb_cont_area .gnb_area #gnb > li .sitemap_tit::after {display:block;width:100%;height:4px;content:"";background-color:transparent;position:absolute;left:0;bottom:-2px;z-index:11;transition:0.3s}
.header .gnb_cont_area .gnb_area #gnb > li .sitemap_tit .text {display: block; font-weight: 500; font-size: 1.25rem; line-height: 87px;transition:0.3s}
.header .gnb_cont_area .gnb_area #gnb > li .sub_gnb_area {display: none; position:absolute; right: 0; left: 0; padding:25px 0; z-index: 3;}
.header .gnb_cont_area .gnb_area #gnb > li .sub_gnb_area .sub_gnb {}
.header .gnb_cont_area .gnb_area #gnb > li .sub_gnb_area .sub_gnb > li {padding:9px 0}
.header .gnb_cont_area .gnb_area #gnb > li .sub_gnb_area .sub_gnb > li > a {display:inline-block;font-weight:400;font-size:1.0625rem;line-height:1.0625rem;color: #424242;border-bottom:2px solid transparent;transition:0.3s}
.header .gnb_cont_area .gnb_area #gnb > li .sub_gnb_area .sub_gnb > li .depth3 {display: none;}
.header .gnb_cont_area .gnb_area #gnb > li:hover .sitemap_tit::after {background-color:#33b293}
.header .gnb_cont_area .gnb_area #gnb > li:hover .sitemap_tit .text {color:#33b293 !important}
.header .gnb_cont_area .gnb_area #gnb > li:hover .sub_gnb_area {background-color:#ecfbf4}
.header .gnb_cont_area .gnb_area #gnb > li .sub_gnb_area .sub_gnb > li > a:hover {font-weight:700;color:#187760;border-bottom-color:#187760}/* text-decoration:underline;text-underline-offset:3px */

@keyframes sub_gnb_hover{
	100% {}
}
.header .gnb_cont_area .head_btn_area {display:flex;align-items:center}
.header .gnb_cont_area .head_btn_area .btn_mypage {display:inline-block;margin-right:20px;padding:0 22px;line-height:40px;font-size:0.9375rem;color:#fff;border-radius:40px;background-color:#30c4a0}
.header .gnb_cont_area .head_btn_area .btn_mypage .icon {margin-right:4px;font-size:16px;vertical-align:middle;transform:translateY(-1px)}
.header .gnb_cont_area .head_btn_area .sch_btn {display: inline-block;margin: 0 20px 0 0;font-size:1.9375rem;vertical-align:middle;transition:0.2s}
.header .gnb_cont_area .head_btn_area .sitemap_btn {display:inline-block;font-size:2.1875rem;vertical-align:middle;transition:0.2s}
.header .gnb_cont_area .head_btn_area .sch_btn:hover, 
.header .gnb_cont_area .head_btn_area .sitemap_btn:hover {color:#187760 !important}
.header .gnb_cont_area .head_btn_area .m_gnb_btn {display: none;}


/* 메인 header */
.main_header {width:100%;position:fixed;left:0;top:0;z-index:9999}
.main_header:not(.fixed):hover .header_inner .com_head_gnb.head_style2 .gnb_area #gnb > li .sub_gnb_area, 
.main_header:not(.fixed):focus .header_inner .com_head_gnb.head_style2 .gnb_area #gnb > li .sub_gnb_area {border-top:0}
.main_header .header {}
/*.main_header .header .header_top_cont .text {color:#fff;font-weight:200}
.main_header .header .header_top_cont .btn_font .btn {}
.main_header .header .header_inner .gnb_cont_area {border-bottom-color:rgba(154,154,154,0.2)}
.main_header .header .header_inner .gnb_cont_area .logo_area .logo {background-image:url(/images/header/logo_w.png)}
.main_header .header .header_inner .gnb_cont_area .gnb_area #gnb > li .sitemap_tit .text {color:#fff}
.main_header .header .gnb_cont_area {border-bottom-color:rgba(255,255,255,0.15)}
.main_header .header .gnb_cont_area .gnb_area #gnb > li .sitemap_tit .text {color:#fff}
.main_header .header .gnb_cont_area .head_btn_area .member_list_area .btn {color:#fff}
.main_header .header .gnb_cont_area .head_btn_area .sch_btn {color:#fff}
.main_header .header .gnb_cont_area .head_btn_area .sitemap_btn {color:#fff}
.main_header .header .gnb_cont_area .head_btn_area .m_gnb_btn {color:#fff}*/


/* header 스크롤 시 + 공통 */
header.fixed:hover, 
header.fixed:focus {background-color:#fff}
header.fixed .header .header_inner .gnb_cont_area .logo_area .logo, 
header .header.scrolled .header_inner .gnb_cont_area .logo_area .logo {background-image:url(/images/home/kor/user/header/logo.png)}
header.fixed .header .header_top_cont, 
header .header.scrolled .header_top_cont {border-bottom-color:rgba(0,0,0,0.05)}
header.fixed .header .header_top_cont .text, 
header .header.scrolled .header_top_cont .text, 
header.fixed .header .gnb_cont_area .head_btn_area .member_list_area .btn, 
header .header.scrolled .gnb_cont_area .head_btn_area .member_list_area .btn, 
header.fixed .header .gnb_cont_area .head_btn_area .sch_btn, 
header .header.scrolled .gnb_cont_area .head_btn_area .sch_btn, 
header.fixed .header .gnb_cont_area .head_btn_area .sitemap_btn, 
header .header.scrolled .gnb_cont_area .head_btn_area .sitemap_btn,
header.fixed .header .gnb_cont_area .head_btn_area .m_gnb_btn, 
header .header.scrolled .gnb_cont_area .head_btn_area .m_gnb_btn, 
header.fixed .header .header_inner .gnb_cont_area .gnb_area #gnb > li .sitemap_tit .text, 
header .header.scrolled .header_inner .gnb_cont_area .gnb_area #gnb > li .sitemap_tit .text {color:#212121}
.header .header_inner .com_head_gnb.head_style2 .gnb_area #gnb > li .sub_gnb_area .container .sub_gnb > li > a:hover, 
.header .header_inner .com_head_gnb.head_style2 .gnb_area #gnb > li .sub_gnb_area .container .sub_gnb > li > a:focus {color:#032e6f;background-color:#e8f4ff}


/* m_gnb */
.header .m_gnb_wrap {display:none; position:fixed; right:-480px; top:0; z-index:9999; overflow-y: auto; width: 100%; height:100%; background-color:#fff}
.header .m_gnb_wrap .m_gnb_top {position:relative; border-bottom: 1px solid rgba(255,255,255,0.3); padding:20px 1.5%;background-color:#33b293;/*background-image:url(/images/home/kor/user/header/logo_w.png);background-position:left 3% center;background-repeat:no-repeat;background-size:138px*/}
.header .m_gnb_wrap .m_gnb_top .top_list_wrap {display:flex;align-items:center;justify-content:space-between;margin-right:50px;text-align:right}
.header .m_gnb_wrap .m_gnb_top .top_list_wrap > .list {transform:translateY(2px)}
.header .m_gnb_wrap .m_gnb_top .top_list_wrap > .list > li {display: inline-block; position:relative; margin: 0 7px 0 0; padding: 0 13px 0 0}
.header .m_gnb_wrap .m_gnb_top .top_list_wrap > .list > li:last-child {margin: 0; padding: 0;}
.header .m_gnb_wrap .m_gnb_top .top_list_wrap > .list > li:after {content: ''; position:absolute; top: 50%; right: 0; width: 1px; height: 14px; background-color:rgba(255,255,255,0.3);transform: translateY(-50%);}
.header .m_gnb_wrap .m_gnb_top .top_list_wrap > .list > li:last-child:after {display: none;}
.header .m_gnb_wrap .m_gnb_top .top_list_wrap > .list > li .btn {display: block;color:#fff}
.header .m_gnb_wrap .m_gnb_top .top_list_wrap > .list > li .btn .text {}
.header .m_gnb_wrap .m_gnb_top .top_list_wrap > .list > li .icon {font-size:1.125rem;vertical-align:middle;transform:translateY(-1px)}
.header .m_gnb_wrap .m_gnb_top .m_gnb_close {position: absolute; top: 50%; right: 2%; width: 20px; height: 20px; background-image: url('/images/home/kor/user/header/sitemap_close_icon.png'); background-position: center center; background-size: cover; background-repeat: no-repeat; transform: translateY(-50%);}

.header .m_gnb_wrap .m_gnb .item_list {}
.header .m_gnb_wrap .m_gnb .item_list > li {border-bottom:1px solid rgb(236 237 237)}
.header .m_gnb_wrap .m_gnb .item_list > li.m_atv {background-color:#fff}
.header .m_gnb_wrap .m_gnb .item_list > li.none {display:none}
.header .m_gnb_wrap .m_gnb .item_list > li > a {display: block; position: relative; padding: 0 40px 0 20px;}
.header .m_gnb_wrap .m_gnb .item_list > li > a:after {content:''; display: inline-block; position: absolute; top: 50%; right: 10px; width: 24px; height: 14px; background-image: url('/images/home/kor/user/board/faq_arr_icon.png'); background-position: center center; background-size: 15px;background-repeat: no-repeat; transition: all 0.3s; transform: translateY(-50%);}
.header .m_gnb_wrap .m_gnb .item_list > li.m_atv > a:after {transform:translateY(-50%) rotate(180deg);}
.header .m_gnb_wrap .m_gnb .item_list > li > a .text {font-weight: 500; font-size: 1.125rem; line-height: 50px;}
.header .m_gnb_wrap .m_gnb .item_list > li.m_atv > a .text {color:#187760}

.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area {display: none; background-color:#f5f5f5}
.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .title_area {display: none;}
.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb {padding: 12px 11px}
.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li {}
.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > a {display: block; position: relative; padding: 0 10px 0 15px; font-weight: 400; font-size: 1rem; line-height: 33px; opacity:0.85}
.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > a.on {opacity:1}
.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > a:before {content: ''; display: inline-block; position: absolute; top: 50%; left: 0; width: 4px; height: 4px; background-color: #999; border-radius: 50%; transform: translateY(-50%);opacity:0.85}
.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > a.on:before {opacity:1}
.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > a.has_depth3 {position:relative; padding: 0 20px 0 15px;}
.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > a.has_depth3 .plus {position:absolute; top: 50%; right: 0; width: 14px; height: 14px; transform: translateY(-50%);}
.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > a.has_depth3 .plus span {display: inline-block; position:absolute;  background-color: #bdbdbd;}
.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > a.has_depth3 .plus .one {top: 0; left: 50%; width: 2px; height: 14px; transform: translateX(-50%); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > a.has_depth3.on .plus .one {transform: rotate(90deg);}
.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > a.has_depth3 .plus .two {top: 50%; width: 14px; height: 2px; transform: translateY(-50%);}
.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > .depth3 {display: none; padding: 15px; background-color: #eaeaea; border-radius: 15px;}
.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > .depth3 > li {}
.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > .depth3 > li > a {display: block; font-weight: 400; font-size: 0.875rem; line-height: 26px; color: #424242;}

.header .m_gnb_wrap .m_member_cont_area {display:none;padding: 15px; background-color: #fff2f2;}
.header .m_gnb_wrap .m_member_cont_area .title_area {padding: 0 0 0 50px; background-image: url('/images/home/kor/user/header/m_member_icon.png'); background-position: left center; background-size: 42px; background-repeat: no-repeat;}
.header .m_gnb_wrap .m_member_cont_area .title_area .title {font-weight: 500; font-size: 1rem; line-height: 30px; color: #212121;}
.header .m_gnb_wrap .m_member_cont_area .title_area .title .name {font-size: 20px;}
.header .m_gnb_wrap .m_member_cont_area .title_area .text {font-weight: 300; font-size: 0.875rem; line-height: 21px; color: #616161;}

.header .gnb_bg {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;border-top:1px solid #e1e1e1}

/* scrolled */
.header.scrolled {}
.header.scrolled .gnb_header {position:fixed; top:0; z-index:3; width:100%; border-bottom: 1px solid #e2e4e8; box-shadow:0 2px 5px rgba(211,211,211,0.5); background-color: #ffffff;}
.header.scrolled .sub_gnb_cont {top: 94px;}
.header.scrolled .head_popzon {height: 0;}

/* sitemap (10/10) */
.sitemap_wrap {display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 9999; overflow: auto;background-image:url(/images/home/kor/user/header/sitemap_bg.jpg);background-size:cover;background-repeat:no-repeat}
.sitemap_wrap > .container {display:flex;align-items:center;justify-content:space-between;height:100%}
.sitemap_wrap .sitemap_close {position: absolute; top: 85px; right: 10px; width: 22px; height: 22px; -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 .sitemap_close:hover, .sitemap_wrap .sitemap_close:focus {transform: rotate(180deg);}
.sitemap_wrap .sitemap {position:relative;padding: 150px 0 88px 0;font-size: 0;width:100%}
.sitemap_wrap .sitemap > li {display: inline-block; width: calc(25% - 30px); margin: 0 40px 40px 0; vertical-align: top;}
.sitemap_wrap .sitemap > li:nth-last-child(-n+4) {margin: 0 40px 40px 0;}
.sitemap_wrap .sitemap > li:nth-child(4n) {margin: 0 0 40px;}
.sitemap_wrap .sitemap > li:last-child {margin: 0;}
.sitemap_wrap .sitemap > li > a {display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 0 0 13px; text-align: center;}
.sitemap_wrap .sitemap > li > a .text {font-weight: 700; font-size: 1.5rem; line-height: 36px; color: #ffffff;}
.sitemap_wrap .sitemap > li > .sub_gnb_area {display: block !important; top: inherit !important; min-height: 150px; margin: 23px 0 0;}
.sitemap_wrap .sitemap > li > .sub_gnb_area .sitemap_sub_gnb {}
.sitemap_wrap .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li {}
.sitemap_wrap .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li:first-child {margin: 0;}
.sitemap_wrap .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li > a {display: block;padding:6px 0;font-weight: 200; font-size: 1rem;color: #ffffff; text-align: center;}
/*===================== header =====================*/

/* ==================== POPZON ==================== */
.head_popzon {background-color: #31435a;}
.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: 5px; margin: -13px 0 0; font-size: 0;}
.head_popzon .popzon_box .nav_box.m {display: none;}
.head_popzon .popzon_box .nav_box .nav {display: inline-block; width: 26px; height: 26px; margin: 0 5px 0 0; text-indent: -9999px; background-position: 0 0; background-size: contain; background-repeat: no-repeat; vertical-align: middle;}
.head_popzon .popzon_box .nav_box .nav:last-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 30px; font-weight: 300; font-size: 1rem; line-height: 24px; color: #ffffff; vertical-align: middle;}
.head_popzon .popzon_box .nav_box .num .now {font-weight: 500;}
.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: 700; 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: 1rem; 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 .head_popzon_close {display: inline-block; position:absolute; top: 10px; right: 5px; width: 19px; height: 18px; background-image: url('/images/home/kor/user/header/popzon_close.png'); background-size: cover; background-repeat: no-repeat;}
.head_popzon .popzon_box .slide_zon #head_slide .slick-dots {display: none !important;}

.head_popzon .popzon_box .chk_each {position: absolute; bottom: 10px; right: 5px; padding: 0 0 0 23px;}
.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; border: 1px solid #ffffff; 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/board/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: 0.875rem; line-height: 21px; color: #ffffff;}
/* ==================== POPZON ==================== */
.gnb_header {position:relative; }
.header .scroll_indicator {position:absolute; right: 0; bottom: 0; left: 0; height: 4px; font-size: 0;}
.header .scroll_indicator span {display: inline-block; height: 4px; background-color: #000;  -webkit-transition: width .4s ease-out; transition: width .4s ease-out;}