@charset "UTF-8";

/* 헤더 */
header.on {position: relative; background-color: #ffffff; z-index: 9999;}
.header {position:relative; z-index: 9999;}
.header .header_inner {}
.header .header_inner .header_top_cont {border-bottom: 1px solid #ececec;}
.header .header_inner .header_top_cont .container {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: space-between; padding: 20px 0;}
.header .header_inner .header_top_cont .container .logo_area {}
.header .header_inner .header_top_cont .container .logo_area .logo {display: block;}
.header .header_inner .header_top_cont .container .logo_area .logo img {}
.header .header_inner .header_top_cont .container .logo_area .logo img.g_logo { display: none;}
.gray .header .header_inner .header_top_cont .container .logo_area .logo img { display: none;}
.gray .header .header_inner .header_top_cont .container .logo_area .logo img.g_logo { display: block;}
.header .header_inner .header_top_cont .container .nav_list_cont { display: flex; justify-content: space-between; align-items: center;}
.weather_area {margin: 0 24px 0 0;}
.weather_area.mo {display: none;}
.weather_area .box { display: flex; border: 1px solid #e1e1e1; background-color: #ffffff; padding: 0 16px; font-size: 0; border-radius: 20px;}
.weather_area .box .tit {display: inline-block; position: relative; margin: 0 7px 0 0; padding: 0 10px 0 34px; background-image: url('/images/home/kor/user/header/weather_main_icon.png'); background-position: left center; background-repeat: no-repeat; font-weight: 700; font-size: 16px; line-height: 38px; color: #040000;}
.weather_area .box .tit::before {display: block; content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 14px; background-color: #e1e1e1; transform: translateY(-50%);}
.weather_area .box .weather_inner {display: inline-block; margin: 0 10px 0 0;; font-weight: 400; font-size: 16px; line-height: 38px; color: #040000;}
.weather_area .box .info {display: inline-block; padding: 0 0 0 18px; background-image: url('/images/home/kor/user/header/weather_info_icon.png'); background-position: left center; background-repeat: no-repeat; font-weight: 400; font-size: 16px; line-height: 38px; color: #3a7dd9;}


.header .header_inner .header_top_cont .container .nav_list_cont .btn_list_area { margin: 0 40px 0 0;}
.header .header_inner .header_top_cont .container .nav_list_cont .btn_list_area > .list { display: flex; justify-content: space-between; align-items: stretch;}
.header .header_inner .header_top_cont .container .nav_list_cont .btn_list_area > .list > li { margin: 0 25px 0 0;}
.header .header_inner .header_top_cont .container .nav_list_cont .btn_list_area > .list > li:last-child { margin: 0;}
.header .header_inner .header_top_cont .container .nav_list_cont .btn_list_area > .list > li > .inner_box { display: flex; justify-content: space-between; align-items: center;}
.header .header_inner .header_top_cont .container .nav_list_cont .btn_list_area > .list > li > .inner_box .btn_area { margin: 0 12px 0 0;}
.header .header_inner .header_top_cont .container .nav_list_cont .btn_list_area > .list > li > .inner_box .btn_area > .list { display: flex; justify-content: space-between; align-items: stretch;}
.header .header_inner .header_top_cont .container .nav_list_cont .btn_list_area > .list > li > .inner_box .btn_area > .list > li { margin: 0 8px 0 0;position:relative}
.header .header_inner .header_top_cont .container .nav_list_cont .btn_list_area > .list > li > .inner_box .btn_area > .list > li:last-child { margin: 0;}
.header .header_inner .header_top_cont .container .nav_list_cont .btn_list_area > .list > li > .inner_box .btn_area > .list > li > .btn { display: block; width: 30px; height: 30px; background-color: #e5e5e5; border-radius: 5px; padding:0; }
.header .header_inner .header_top_cont .container .nav_list_cont .btn_list_area > .list > li > .inner_box .btn_area > .list > li > .btn.dark:focus {outline-color:#03a05a !important}
.header .header_inner .header_top_cont .container .nav_list_cont .btn_list_area > .list > li > .inner_box .btn_area > .list > li > .btn.white:focus {outline-color:#0d7d4b !important}
.header .header_inner .header_top_cont .container .nav_list_cont .btn_list_area > .list > li > .inner_box .btn_area.screen_size_area > .list > li > .btn { background-position: center; background-repeat: no-repeat;}
.header .header_inner .header_top_cont .container .nav_list_cont .btn_list_area > .list > li > .inner_box .btn_area.screen_size_area > .list > li > .btn.expansion { background-image: url('/images/home/kor/user/header/expansion_icon_img.png');}
.header .header_inner .header_top_cont .container .nav_list_cont .btn_list_area > .list > li > .inner_box .btn_area.screen_size_area > .list > li > .btn.shrinkage { background-image: url('/images/home/kor/user/header/shrinkage_icon_img.png');}
.header .header_inner .header_top_cont .container .nav_list_cont .btn_list_area > .list > li > .inner_box .btn_area.high_contrast_area > .list > li > .btn.dark { background-color: #040000;}
.gray .header .header_inner .header_top_cont .container .nav_list_cont .btn_list_area > .list > li > .inner_box .btn_area.high_contrast_area > .list > li > .btn.dark {border: 1px solid #03a05a;}
.header .header_inner .header_top_cont .container .nav_list_cont .btn_list_area > .list > li > .inner_box .btn_area > .list > li > .btn .txt { display: inline-block; font-weight: 400; font-size: 15px; line-height: 30px; color: #040000;}
.header .header_inner .header_top_cont .container .nav_list_cont .btn_list_area > .list > li > .inner_box .btn_area.high_contrast_area > .list > li > .btn.dark .txt { color: #ffffff;}
.header .header_inner .header_top_cont .container .nav_list_cont .btn_list_area > .list > li > .inner_box .text { font-weight: 700; font-size: 15px; line-height: 22px; color: #212121; transform: rotate(0.04deg);}
.gray .header .header_inner .header_top_cont .container .nav_list_cont .btn_list_area > .list > li > .inner_box .text {color: #ffffff !important;}
.gray .header.scrolled .header_inner .header_top_cont .container .nav_list_cont .btn_list_area > .list > li > .inner_box .text {color: #212121;}
.header .header_inner .header_top_cont .container .nav_list_cont .member_list_area { margin: 0 25px 0 0;}
.header .header_inner .header_top_cont .container .nav_list_cont .member_list_area > .list { display: flex; justify-content: space-between; align-items: stretch;}
.header .header_inner .header_top_cont .container .nav_list_cont .member_list_area > .list > li { position: relative; margin: 0 10px 0 0; padding: 0 10px 0 0;}
.header .header_inner .header_top_cont .container .nav_list_cont .member_list_area > .list > li::before {display: block; content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 13px; background-color: #d7d7d7;}
.header .header_inner .header_top_cont .container .nav_list_cont .member_list_area > .list > li:last-child {margin: 0; padding: 0;}
.header .header_inner .header_top_cont .container .nav_list_cont .member_list_area > .list > li:last-child::before {display: none;}
.header .header_inner .header_top_cont .container .nav_list_cont .member_list_area > .list > li .btn {display: block;}
.header .header_inner .header_top_cont .container .nav_list_cont .member_list_area > .list > li .btn .text {font-weight: 400; font-size: 15px; line-height: 22px; color: #000000;}
.header .header_inner .header_top_cont .container .nav_list_cont .member_list_area > .list > li .btn.green .text {font-weight: 500; color: #007641;}
.gray .header .header_inner .header_top_cont .container .nav_list_cont .member_list_area > .list > li .btn .text {color: #ffffff !important;}
.gray .header.scrolled .header_inner .header_top_cont .container .nav_list_cont .member_list_area > .list > li .btn .text {color: #000000;}
.header .header_inner .header_top_cont .container .nav_list_cont .member_list_area > .list > li .menu_list_area { display: none; position: absolute; top: 20px; left: 50%; transform: translateX(-50%); width: 156px; padding: 10px 0 0 0;  z-index: 5;}
.header .header_inner .header_top_cont .container .nav_list_cont .member_list_area > .list > li .menu_list_area::before { display: block; content: ''; position: absolute; top: 2px; left: 50%; transform: translateX(-50%); width: 16px; height: 10px; background-image: url('/images/home/kor/user/header/menu_list_arrow.png'); background-position: center; background-size: 100%; background-repeat: no-repeat;}
.gray .header .header_inner .header_top_cont .container .nav_list_cont .member_list_area > .list > li .menu_list_area::before { background-image: url('/images/home/kor/user/header/menu_list_arrow_g.png');}
.header .header_inner .header_top_cont .container .nav_list_cont .member_list_area > .list > li .menu_list_area > .list { border: 2px solid #03a05a; padding: 16px 15px 11px; background-color: #ffffff; border-radius: 10px;}
.gray .header .header_inner .header_top_cont .container .nav_list_cont .member_list_area > .list > li .menu_list_area > .list { background-color: #121212;}
.header .header_inner .header_top_cont .container .nav_list_cont .member_list_area > .list > li .menu_list_area > .list > li { position: relative; padding: 0 0 0 15px;}
.header .header_inner .header_top_cont .container .nav_list_cont .member_list_area > .list > li .menu_list_area > .list > li::before { display: block; content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 5px; height: 5px; background-color: #d7d7d7; border-radius: 50%;}
.header .header_inner .header_top_cont .container .nav_list_cont .member_list_area > .list > li .menu_list_area > .list > li .link { display: block; font-weight: 400; font-size: 15px; line-height: 30px; color: #000000;}
.gray .header .header_inner .header_top_cont .container .nav_list_cont .member_list_area > .list > li .menu_list_area > .list > li .link { color: #ffffff;}
.header .header_inner .header_top_cont .container .nav_list_cont .member_list_area > .list > li .menu_list_area > .list > li:hover::before,
.header .header_inner .header_top_cont .container .nav_list_cont .member_list_area > .list > li .menu_list_area > .list > li:focus::before { background-color: #03a05a;}
.header .header_inner .header_top_cont .container .nav_list_cont .member_list_area > .list > li .menu_list_area > .list > li:hover .link,
.header .header_inner .header_top_cont .container .nav_list_cont .member_list_area > .list > li .menu_list_area > .list > li:focus .link{ font-weight: 700; color: #03a05a; text-decoration: underline;}

.header .header_inner .header_top_cont .container .nav_list_cont .language_area {}
.header .header_inner .header_top_cont .container .nav_list_cont .language_area .lang_btn { display: block; padding: 0 15px 0 11px; background-color: #03a05a; border-radius: 30px;}
.header .header_inner .header_top_cont .container .nav_list_cont .language_area .lang_btn .text { display: inline-block; padding: 0 0 0 20px; background-image: url('/images/home/kor/user/header/lang_icon_en.png'); background-position: center left; background-repeat: no-repeat;  font-weight: 400; font-size: 16px; line-height: 30px; color: #ffffff;}

.header .header_inner .gnb_cont_area {position:relative; border-bottom: 1px solid #ececec; background-color: #ffffff;}
.gray .header .header_inner .gnb_cont_area {background-color: inherit;}
.header .header_inner .gnb_cont_area .container {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: space-between; position:relative; height: 100%;}
.header .header_inner .gnb_cont_area .container .logo_area {display: none;}
.header .header_inner .gnb_cont_area .container .logo_area .logo {display: block;}
.header .header_inner .gnb_cont_area .container .logo_area .logo img {}
.header .header_inner .gnb_cont_area .container .logo_area .logo img.g_logo { display: none;}
.gray .header .header_inner .gnb_cont_area .container .logo_area .logo img { display: none;}
.gray .header .header_inner .gnb_cont_area .container .logo_area .logo img.g_logo { display: block;}
.header .header_inner .gnb_cont_area .container .gnb_area {width: calc(100% - 85px);}
.header .header_inner .gnb_cont_area .container .gnb_area #gnb {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex: 1;}
.header .header_inner .gnb_cont_area .container .gnb_area #gnb > li {position:relative; flex: 1;}
.header .header_inner .gnb_cont_area .container .gnb_area #gnb > li:nth-last-child(-n + 3) { display: none;}
.header .header_inner .gnb_cont_area .container .gnb_area #gnb > li.none {display: none;}
.header .header_inner .gnb_cont_area .container .gnb_area #gnb > li .sitemap_tit {display: block;}
.header .header_inner .gnb_cont_area .container .gnb_area #gnb > li .sitemap_tit .text {display: inline-block; font-weight: 700; font-size: 20px; line-height: 65px; color: #121212; transition: all 0.3s;}
.gray .header .header_inner .gnb_cont_area .container .gnb_area #gnb > li .sitemap_tit .text {color: #ffffff !important;}
.gray .header.scrolled .header_inner .gnb_cont_area .container .gnb_area #gnb > li .sitemap_tit .text {color: #121212;}
.header .header_inner .gnb_cont_area .container .gnb_area #gnb > li:hover .sitemap_tit .text,
.header .header_inner .gnb_cont_area .container .gnb_area #gnb > li:focus .sitemap_tit .text { position: relative;}
.header .header_inner .gnb_cont_area .container .gnb_area #gnb > li:hover .sitemap_tit .text::before,
.header .header_inner .gnb_cont_area .container .gnb_area #gnb > li:focus .sitemap_tit .text::before { display: block; content: ''; position: absolute; bottom: 0; left: -6px; width: calc(100% + 12px); height: 3px; background-color: #03a05a;}
.header .header_inner .gnb_cont_area .container .gnb_area #gnb > li .sub_gnb_area {display: none; position:absolute; right: 0; left: 0; padding: 10px 0; z-index: 3;}
.header .header_inner .gnb_cont_area .container .gnb_area #gnb > li .sub_gnb_area .sub_gnb { min-height: 140px;}
.header .header_inner .gnb_cont_area .container .gnb_area #gnb > li .sub_gnb_area .sub_gnb > li {}
.header .header_inner .gnb_cont_area .container .gnb_area #gnb > li .sub_gnb_area .sub_gnb > li > a {display: block; font-weight: 400; font-size: 16px; line-height: 36px; color: #464646; transition: all 0.3s;}
.gray .header .header_inner .gnb_cont_area .container .gnb_area #gnb > li .sub_gnb_area .sub_gnb > li > a { color: #ffffff;}
.header .header_inner .gnb_cont_area .container .gnb_area #gnb > li .sub_gnb_area .sub_gnb > li > a:hover,
.header .header_inner .gnb_cont_area .container .gnb_area #gnb > li .sub_gnb_area .sub_gnb > li > a:focus { position: relative; padding: 0 0 0 10px; font-weight: 700; color: #03a05a;}
.header .header_inner .gnb_cont_area .container .gnb_area #gnb > li .sub_gnb_area .sub_gnb > li > a:hover::before,
.header .header_inner .gnb_cont_area .container .gnb_area #gnb > li .sub_gnb_area .sub_gnb > li > a:focus::before { display: block; content: ''; position: absolute; top: 15.5px; left: 0; width: 5px; height: 5px; background-color: #03a05a; border-radius: 50%;}
.header .header_inner .gnb_cont_area .container .head_btn_area {width: 85px; font-size: 0;}
.header .header_inner .gnb_cont_area .container .head_btn_area > .list { font-size: 0;}
.header .header_inner .gnb_cont_area .container .head_btn_area > .list > li { display: inline-block; margin: 0 28px 0 0; vertical-align: middle;}
.header .header_inner .gnb_cont_area .container .head_btn_area > .list > li.m {display: none; margin: 0 15px 0 0;}
.header .header_inner .gnb_cont_area .container .head_btn_area > .list > li.m .link {display: inline-block; border: 1px solid #007641; padding: 0 7px; font-weight: 500; font-size: 14px; line-height: 24px; color: #007641; border-radius: 5px;}
.header .header_inner .gnb_cont_area .container .head_btn_area > .list > li:last-child { margin: 0;}
.header .header_inner .gnb_cont_area .container .head_btn_area > .list > li .search_btn { display: block;}
.header .header_inner .gnb_cont_area .container .head_btn_area > .list > li .search_btn img {}
.gray .header .header_inner .gnb_cont_area .container .head_btn_area > .list > li .search_btn img {display: none;}
.gray .header.scrolled .header_inner .gnb_cont_area .container .head_btn_area > .list > li .search_btn img {display: none;}
.header .header_inner .gnb_cont_area .container .head_btn_area > .list > li .search_btn .g_sch {display: none;}
.gray .header .header_inner .gnb_cont_area .container .head_btn_area > .list > li .search_btn .g_sch {display: block;}
.gray .header.scrolled .header_inner .gnb_cont_area .container .head_btn_area > .list > li .search_btn .g_sch {display: block;}
.header .header_inner .gnb_cont_area .container .head_btn_area > .list > li .sitemap_btn { display: block;}
.header .header_inner .gnb_cont_area .container .head_btn_area > .list > li .sitemap_btn img {}
.header .header_inner .gnb_cont_area .container .head_btn_area > .list > li .sitemap_btn .g_sitemap {display: none;}
.gray .header .header_inner .gnb_cont_area .container .head_btn_area > .list > li .sitemap_btn img {display: none;}
.gray .header .header_inner .gnb_cont_area .container .head_btn_area > .list > li .sitemap_btn .g_sitemap {display: block;}
.header .header_inner .gnb_cont_area .container .head_btn_area > .list > li .m_gnb_btn { display: none;}
.header .header_inner .gnb_cont_area .container .head_btn_area > .list > li .m_gnb_btn img {}
.header .header_inner .gnb_cont_area .container .head_btn_area > .list > li .m_gnb_btn img.g_sitemap { display: none;}
.gray .header .header_inner .gnb_cont_area .container .head_btn_area > .list > li .m_gnb_btn img {display: none;}
.gray .header .header_inner .gnb_cont_area .container .head_btn_area > .list > li .m_gnb_btn img.g_sitemap { display: block;}
.header .header_inner .gnb_cont_area .container .m_cont_area { display: none;}
.header .gnb_bg {position: absolute; left:0; display: none; width: 100%; border-top: 1px solid #ececec; background-color: #f6f9fd; z-index: 2;}
.gray .header .gnb_bg { background-color: #121212;}

/* sitemap (10/10) */
.sitemap_wrap {display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 9999; overflow-y: auto;overflow-x:hidden; background-image: url('/images/home/kor/user/header/sitemap_bg.png'); background-size: 100% 100%; background-repeat: no-repeat}
.sitemap_wrap .container { position: relative; padding: 77px 0 0 0;}
.sitemap_wrap .container .con_top_area { margin: 0 0 77px 0;}
.sitemap_wrap .container .con_top_area > .inner_box { display: flex; justify-content: center; align-items: center;}
.sitemap_wrap .container .con_top_area > .inner_box .logo_area { margin: 0 25px 0 0;}
.sitemap_wrap .container .con_top_area > .inner_box .title { font-weight: 700; font-size: 50px; line-height: 75px; color: #ffffff;}
.sitemap_wrap .container .sitemap {position: relative; font-size: 0;}
.sitemap_wrap .container .sitemap > li {display: inline-block; width: calc(20% - 32px); margin: 0 40px 0 0; vertical-align: top;}
.sitemap_wrap .container .sitemap > li:nth-child(5n) {margin: 0;}
.sitemap_wrap .container .sitemap > li:last-child {margin: 0;}
.sitemap_wrap .container .sitemap > li > a {display: block; padding: 0 10px; background-color: #3ba718; text-align: center; border-radius: 30px;}
.sitemap_wrap .container .sitemap > li > a .text {font-weight: 700; font-size: 20px; line-height: 60px; color: #ffffff;}
.sitemap_wrap .container .sitemap > li > .sub_gnb_area {display: block !important; top: inherit !important; min-height: 210px; margin: 16px 0 0;}
.sitemap_wrap .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb { padding: 0 0 0 50px;}
.sitemap_wrap .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li { position: relative; margin: 0 0 12px 0; padding: 0 0 0 10px; transition: all 0.3s;}
.sitemap_wrap .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li:last-child { margin: 0;}
.sitemap_wrap .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li::before { display: block; content: ''; position: absolute; top: 9.5px; left: 0; width: 5px; height: 5px; background-color: #ffffff; border-radius: 50%;}
.sitemap_wrap .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li:hover::before,
.sitemap_wrap .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li:focus::before { background-color: #3ba718;}
.sitemap_wrap .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li > a {display: inline-block; font-weight: 400; font-size: 16px; line-height: 24px; color: #ffffff; 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 { font-weight: 700; color: #3ba718; text-decoration: underline;}
.sitemap_wrap .container .sitemap_close {position: absolute; top: 97px; right: 0; width: 35px; height: 35px; -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 .container .sitemap_close:focus {transform: rotate(180deg);}

/* 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: #ffffff;}
.header .m_gnb_wrap .m_gnb_top {position:relative; height: 70px; background-color: #03a05a;}
.header .m_gnb_wrap .m_gnb_top .container { display: flex; justify-content: space-between; align-items: center; height: 100%;}
.header .m_gnb_wrap .m_gnb_top .logo_area { width: 102px;}
.header .m_gnb_wrap .m_gnb_top .logo_area .logo { display: block;}
.header .m_gnb_wrap .m_gnb_top .m_gnb_close { width: 22px; height: 22px; background-image: url('/images/home/kor/user/header/sitemap_close_icon.png'); background-position: center; background-size: 100%; background-repeat: no-repeat;}
.header .m_gnb_wrap .m_gnb { padding: 20px 0 0 0;}
.header .m_gnb_wrap .m_gnb .item_list { padding: 0 20px;}
.header .m_gnb_wrap .m_gnb .item_list > li {border-bottom: 1px solid #d7d7d7;}
.header .m_gnb_wrap .m_gnb .item_list > li.m_atv {}
.header .m_gnb_wrap .m_gnb .item_list > li > a {display: block; position: relative; padding: 0 40px 0 0;}
.header .m_gnb_wrap .m_gnb .item_list > li > a:after {content:''; display: inline-block; position: absolute; top: 50%; right: 10px; width: 19px; height: 19px; background-image: url('/images/home/kor/user/header/m_menu_icon.png'); background-position: center; background-size: 100%; background-repeat: no-repeat; transition: all 0.3s; transform: translateY(-50%);}
.header .m_gnb_wrap .m_gnb .item_list > li.m_atv > a:after {background-image: url('/images/home/kor/user/header/m_menu_on_icon.png');}
.header .m_gnb_wrap .m_gnb .item_list > li > a .text {font-weight: 700; font-size: 20px; line-height: 50px; color: #212121;}
.header .m_gnb_wrap .m_gnb .item_list > li.m_atv > a .text {color: #03a05a;}
.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 .m_sub_gnb {padding: 15px; border-top: 1px solid #d7d7d7;}
.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 0 0 15px; font-weight: 400; font-size: 18px; line-height: 30px; color: #000000;}
.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > a.on {color: #ff0000;}
.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: 5px; height: 5px; background-color: #d7d7d7; border-radius: 50%; transform: translateY(-50%);}
.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > a.on:before {background-color: #ff0000;}
.header .m_gnb_wrap .member_list_area { margin: 40px 0 0 0;}
.header .m_gnb_wrap .member_list_area > .list {display: flex; justify-content: center; align-items: stretch;}
.header .m_gnb_wrap .member_list_area > .list > li { margin: 0 20px 0 0;}
.header .m_gnb_wrap .member_list_area > .list > li:last-child { margin: 0;}
.header .m_gnb_wrap .member_list_area > .list > li > .btn { display: block; min-width: 180px; border: 1px solid #007641; background-color: #ffffff; border-radius: 30px; text-align: center;}
.header .m_gnb_wrap .member_list_area > .list > li > .btn.green { background-color: #007641;}
.header .m_gnb_wrap .member_list_area > .list > li > .btn .text { display: inline-block; font-size: 18px; line-height: 50px; color: #007641;}
.header .m_gnb_wrap .member_list_area > .list > li > .btn.green .text { color: #ffffff;}

/* scrolled */
.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); background-color: #ffffff;}
.gray .header.scrolled .gnb_header { background-color: #121212;}
.header.scrolled .sub_gnb_cont {top: 94px;}
.header.scrolled .head_popzon {height: 0;}

.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;}
/* 헤더 end */

/* ==================== 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: 16px; 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: 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 .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: 14px; line-height: 21px; color: #ffffff;}
/* ==================== POPZON ==================== */