@charset "UTF-8";

@import url('//fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap');

/********* common_layout *********/
html, body {height:100%;}
body {line-height:1.3; color:#333; font-family: 'Noto Sans KR', 'sans-serif'; font-size:15px;}
body.ch { font-family: 'Noto Sans SC', 'sans-serif'; font-weight:400;}
.wrapper {position:relative; min-height:100%; }
#real_contents {width: 100%;}
.container {position:relative; max-width:1280px; margin:0 auto;}
.contents {padding-bottom:130px;}
.fc_point1 {color: #037be1 !important;}
.fc_point2 {color: #037be1 !important;}
/* 10-02 */
/* .fc_point2 {color: #143d86 !important;} */
.fc_piont3 {color: #989797 !important;}
.fc_point3 {color: #989797 !important;}
/* //10-02 */
.red {}
.fw {font-weight: 700 !important;}
.ta_r {text-align: right !important;}
.ta_c {text-align: center !important;}
.ta_l {text-align: left !important;}
.mt_10 {margin: 10px 0 0 !important;}
.mt_20 {margin: 20px 0 0 !important;}
.mt_30 {margin: 30px 0 0 !important;}
.mt_40 {margin: 40px 0 0 !important;}
.mt_50 {margin: 50px 0 0 !important;}
.m_n {margin: 0 !important;}
.p_n {padding: 0 !important;}
/* .text_box {margin: 0 !important;} */
/* .fw {font-weight: 700;} */
.gray {padding: 0 0 0 12px; color: #7b7b7b;}

/* skip navi */
.skip_navi {position:absolute; z-index:999999; width:100%; left:0; top:0; text-align:center;}
.skip_navi a {display:block; position:absolute; left:0; top:-9999px; z-index:1; width:100%; height:40px; line-height:40px; background-color:#333; color:#fff; font-size:20px; font-weight:700;}
.skip_navi a:hover, .skip_navi a:focus {top:0;}

.header {position:relative; z-index:9999; background-color: rgba(255, 255, 255, 0.15);}
.header.on {background-color: #ffffff;}
.header .gnb_header {width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.2); transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;}
.wrapper.sub .header .gnb_header {border-bottom: none;}
.header .gnb_header.on {background-color: #ffffff;}
.header .gnb_header .gnb_bgc {position: relative; text-align: center;}
.header .gnb_header .header_top_box {width: 100%; max-width: 1280px; margin: 0 auto; padding: 10px 0 8px;}
.header .gnb_header .header_top_box .inner {font-size: 0; text-align: right;}
.header .gnb_header .header_top_box .inner .head_logo {}
.header .gnb_header .header_top_box .inner .head_logo a {display: inline-block;}
.header .gnb_header .header_top_box .inner .head_logo a img {}
.header .gnb_header .header_top_box .inner .inner_list {display: inline-block;}
.header .gnb_header .header_top_box .inner .inner_list .list {font-size: 0;}
.header .gnb_header .header_top_box .inner .inner_list .list li {display: inline-block; position: relative;}
.header .gnb_header .header_top_box .inner .inner_list .list li:after {display: block; content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 15px; margin: -8px 0 0; background-color: rgba(255, 255, 255, 0.3);}
.header .gnb_header .header_top_box .inner .inner_list .list li.popup_icon {display:none;padding:0 20px;}
.header .gnb_header .header_top_box .inner .inner_list .list li.popup_icon button {font-size:12px;color:#fff;}
.header .gnb_header .header_top_box .inner .inner_list .list li a {display: block; padding: 0 18px;}
.header .gnb_header .header_top_box .inner .inner_list .list li a .text {position: relative; font-weight: 400; font-size:12px; line-height: 18px; color: #ffffff;transition: all .05s ease-in-out;}
.header .gnb_header .header_top_box .inner .inner_list .list li.icon a .text {padding: 0 0 0 23px; }
.header .gnb_header .header_top_box .inner .inner_list .list li.icon a .text:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 15px; height: 15px; margin: -8px 0 0; background-position: 0 0; background-repeat: no-repeat;}
.header .gnb_header .header_top_box .inner .inner_list .list li.icon01 a .text:before {background-image: url("/images/common/icon01.png");}
.header .gnb_header .header_top_box .inner .inner_list .list li.icon02 a .text:before {background-image: url("/images/common/icon02.png");}

.header .gnb_header .container .gnb {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-around; padding: 0 120px 0 188px; font-size: 0;}
.header .gnb_header .container .gnb > li {position:relative; z-index:1;}
.header .gnb_header .container .gnb > li.none {display: none;}
.header .gnb_header .container .gnb > li > a {display:block; position: relative; padding: 7px 0 14px;}
.header .gnb_header .container .gnb > li > a .menu_box {display: table; table-layout: fixed; width: 100%;}
.header .gnb_header .container .gnb > li > a .menu_box .menu_title {position: relative;display: table-cell; height: 54px; font-weight: 500; font-size: 18px; line-height: 27px; color: #ffffff; vertical-align: middle; word-break: keep-all; text-align: center;}
.header .gnb_header .container .gnb > li > a:after {content: ""; display: block; position: absolute; left: 0; bottom: 0; z-index: 1; width: 0; height: 3px; background-color: #0099eb; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s;}
.header .gnb_header .container .gnb > li > a:hover:after, .header .gnb_header .container .gnb > li > a:focus:after {width:100%;}
.header .gnb_header .container .gnb > li > .sub_gnb {display:none; position: absolute; left: 0; top: 75px; z-index: 1; width: 100%; text-align: left;}
.header .gnb_header .container .gnb > li > .sub_gnb > li {margin: 12px 0 0;}
.header .gnb_header .container .gnb > li > .sub_gnb > li:first-child {margin: 0;}
.header .gnb_header .container .gnb > li > .sub_gnb > li > a {display:block; font-weight: 400; font-size: 16px; line-height: 24px; color: #037be1;}
.header .gnb_header .container .gnb > li > .sub_gnb > li > a:hover, .sub_gnb > li > a:focus {}
.header .gnb_header .container .gnb > li > .sub_gnb > li > .sub_gnb_02 {}
.header .gnb_header .container .gnb > li > .sub_gnb > li > .sub_gnb_02 li {}
.header .gnb_header .container .gnb > li > .sub_gnb > li > .sub_gnb_02 li a {display: block;  font-weight: 400; font-size: 16px; line-height: 24px; color: #000000;}
.header .gnb_header .container .gnb > li > .sub_gnb > li > .sub_gnb_02 li .sub_gnb_03 {}
.header .gnb_header .container .gnb > li > .sub_gnb > li > .sub_gnb_02 li .sub_gnb_03 li {}
.header .gnb_header .container .gnb > li > .sub_gnb > li > .sub_gnb_02 li .sub_gnb_03 li a {display: block; font-weight: 400; font-size: 14px; line-height: 21px; color: #646464;}
.header .gnb_header .container .logo {position: absolute;bottom: 29px;left: 50%;margin-left: -640px;}
.header .gnb_header .container .logo a {display: inline-block;}
.header .gnb_header .container .logo a img {}
.header .gnb_header .header_top_box .inner .inner_list .list li a.head_popzon_open {padding:0;}

.popzon_cont {width:100%;height:100%;}
/* sub_gnb */
.sub_gnb_cont {display: none; position: absolute; top: 112px; left: 0; right: 0; border-bottom: 4px solid rgba(0, 138, 255, 1); width: 100%; background-color: #ffffff; z-index: 9999;}
.header.pop_non .sub_gnb_cont {top: 112px;}
.sub_gnb_cont.current {display: block !important;}
.header.scrolled .sub_gnb_cont {top: 112px;}
/* 10-02 */
.sub_gnb_cont > .inner {width: 100%; max-width: 1280px; margin: 0 auto; height: auto; overflow-y: auto;}
.sub_gnb_cont#gnb_62 > .inner {height: 445px;}
.sub_gnb_cont#gnb_80 > .inner {height: 445px;}
.sub_gnb_cont#gnb_83 > .inner {height: 445px;}
/* // 10-02 */
.sub_gnb_cont > .inner > .gnb_area { padding: 0 95px 0 188px}
.sub_gnb_cont > .inner > .gnb_area > .sub_gnb_02 {}
.sub_gnb_cont > .inner > .gnb_area > .sub_gnb_02 > .list {display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;position: relative;}

.sub_gnb_cont > .inner > .gnb_area > .sub_gnb_02 > .list > li {position: relative; width: 25%; margin: 25px 0; padding: 10px 15px; border-right: 1px solid #eeeeee;}
/* .sub_gnb_cont > .inner > .gnb_area > .sub_gnb_02 > .list > li:nth-child(-n+5) {margin: 0 0 25px;} */
.sub_gnb_cont > .inner > .gnb_area > .sub_gnb_02 > .list > li:nth-child(4n) {border-right: none;}
.sub_gnb_cont > .inner > .gnb_area > .sub_gnb_02 > .list > li:nth-child(4n+1):before {content: ''; display: block; position: absolute; left: 0; top: -25px; width: 980px; height: 1px; background-color: #eee;}
.sub_gnb_cont > .inner > .gnb_area > .sub_gnb_02 > .list > li:first-child:before {display: none;}
.sub_gnb_cont > .inner > .gnb_area > .sub_gnb_02 > .list > li > a {display: block; font-weight: 700; font-size: 16px; line-height: 24px; color: #037be1;}
.sub_gnb_cont > .inner > .gnb_area > .sub_gnb_02 > .list > li > .sub_gnb_03 {margin: 10px 0 0; text-align: left;}
.sub_gnb_cont > .inner > .gnb_area > .sub_gnb_02 > .list > li > .sub_gnb_03 > li {position: relative; margin: 5px 0 0;}
.sub_gnb_cont > .inner > .gnb_area > .sub_gnb_02 > .list > li > .sub_gnb_03 > li > a {display: inline-block; padding: 0 17px 0 0; position: relative; font-weight: 300; font-size: 15px; line-height: 23px; color: #000000; word-break: keep-all;}
.sub_gnb_cont > .inner > .gnb_area > .sub_gnb_02 > .list > li > .sub_gnb_03 > li > a:hover, .gnb > li > .sub_gnb_cont > .gnb_area > .sub_gnb_02 > .list > li > .sub_gnb_03 > li > a:focus {text-decoration: underline; color: #1e6ab0;}
.sub_gnb_cont > .inner > .gnb_area > .sub_gnb_02 > .list > li > .sub_gnb_03 > li > .sub_gnb_04 {display: none; margin: 9px 0 0;}
.sub_gnb_cont > .inner > .gnb_area > .sub_gnb_02 > .list > li > .sub_gnb_03 > li > .sub_gnb_04 > li {margin: 7px 0 0;}
.sub_gnb_cont > .inner > .gnb_area > .sub_gnb_02 > .list > li > .sub_gnb_03 > li > .sub_gnb_04 > li:first-child {margin: 0;}
.sub_gnb_cont > .inner > .gnb_area > .sub_gnb_02 > .list > li > .sub_gnb_03 > li > .sub_gnb_04 > li > a {display: block; position: relative; padding: 0 0 0 10px;  font-weight: 300; font-size: 15px; line-height: 22px; color: #9b9fa9;}
.sub_gnb_cont > .inner > .gnb_area > .sub_gnb_02 > .list > li > .sub_gnb_03 > li > .sub_gnb_04 > li > a:hover, .sub_gnb_cont > .inner > .gnb_area > .sub_gnb_02 > .list > li > .sub_gnb_03 > li.gnb_04 > .sub_gnb_04 > li > a:focus {color: #000000;}
.sub_gnb_cont > .inner > .gnb_area > .sub_gnb_02 > .list > li > .sub_gnb_03 > li > .sub_gnb_04 > li > a .etc {display: block; content: ''; position: absolute; top: 0; left: 0;}

.sub_gnb_cont > .inner > .gnb_area > .sub_gnb_02 > .list > li > .sub_gnb_03 > li.gnb_04 > a > .icon {position: absolute; top: 8px; right: 0; width: 8px; height: 8px;}
.sub_gnb_cont > .inner > .gnb_area > .sub_gnb_02 > .list > li > .sub_gnb_03 > li.gnb_04 > a > .icon:before {display: block; content: ''; position: absolute; top: 0; left: 50%; width: 2px; height: 8px; margin: 0 0 0 -1px; background-color: #1e6ab0; transition: all 0.5s;}
.sub_gnb_cont > .inner > .gnb_area > .sub_gnb_02 > .list > li > .sub_gnb_03 > li.gnb_04.on > a > .icon:before {transform: rotate(-90deg);}
.sub_gnb_cont > .inner > .gnb_area > .sub_gnb_02 > .list > li > .sub_gnb_03 > li.gnb_04 > a > .icon:after {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 8px; height: 2px; margin: -1px 0 0 0; background-color: #1e6ab0;}
.sub_gnb_cont > .inner > .gnb_area > .sub_gnb_02 > .list > li > .sub_gnb_03 > li.gnb_04.on > .sub_gnb_04 {display: block;} 


/* // sub_gnb */

/* 헤더 스크롤시 폰트 색상 변경 */
.header .gnb_header.on .container .gnb > li > a .menu_box .menu_title {color: #000000;}
.header .gnb_header.on .header_top_box .inner .inner_list .list li.popup_icon button,
.header .gnb_header.on .header_top_box .inner .inner_list .list li a .text {color: #000000;}
.header .gnb_header.on .header_top_box .inner .inner_list .list li.icon01 a .text:before {background-image: url("/images/common/icon01_black.png");}
.header .gnb_header.on .header_top_box .inner .inner_list .list li.icon02 a .text:before {background-image: url("/images/common/icon02_black.png");}
.header .gnb_header.on .header_top_box .inner .inner_list .list li:after {background-color: #000000;}
.header .gnb_header.on .search_btn {background-image: url("/images/common/search_btn_icon_black.png");}
.header .gnb_header.on .sitemap_btn {background-image: url("/images/common/sitemap_btn_icon_black.png");}
.header .gnb_header.on .header_top_box .inner .language_box .language_btn {color: #000000;}

.header .gnb_header .header_top_box .inner .language_box {display: inline-block; position: relative;}
.header .gnb_header .header_top_box .inner .language_box .language_list {display: none; position: absolute; left: 50%; top: calc(100% + 5px); min-width: 85px; background-color: #fff; border: 1px solid #5d5d5d; text-align: center; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 9999;}
.header .gnb_header .header_top_box .inner .language_box .language_list > li a {display: block; height: 30px; font-family: "Noto Sans KR"; font-weight: 400; font-size: 12px; line-height: 30px; color: #000000;}
.header .gnb_header .header_top_box .inner .language_box .language_list > li a:hover {background-color: #f1f1f1;}
.header .gnb_header .header_top_box .inner .language_box .language_btn {display: block; padding: 0 0 0 18px; font-weight: 400; font-size: 12px; line-height: 18px; color: #ffffff;}
.header .gnb_header .header_top_box .inner .language_box .language_btn img {margin-left: 10px; margin-top: -3px; vertical-align: middle; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header .gnb_header .header_top_box .inner .language_box.on .language_btn img {-webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);}

.header.scrolled {padding-top:90px;}
.header.scrolled .gnb_header {position:fixed; top:0; z-index:1; width:100%; border-bottom: 1px solid #e2e4e8; background-color: #ffffff;}

.header.scrolled .gnb_header .header_top_box .inner .inner_list .list li.popup_icon button,
.header.scrolled .gnb_header .header_top_box .inner .inner_list .list li a .text {color: #000000;}                                                                   
.header.scrolled .gnb_header .header_top_box .inner .inner_list .list li.icon01 a .text:before {background-image: url("/images/common/icon01_black.png");}           
.header.scrolled .gnb_header .header_top_box .inner .inner_list .list li.icon02 a .text:before {background-image: url("/images/common/icon02_black.png");}           
.header.scrolled .gnb_header .header_top_box .inner .inner_list .list li:after {background-color: #000000;}                                                          
.header.scrolled .gnb_header .search_btn {background-image: url("/images/common/search_btn_icon_black.png");}                                                        
.header.scrolled .gnb_header .sitemap_btn {background-image: url("/images/common/sitemap_btn_icon_black.png");}  
.header.scrolled .gnb_header .container .gnb > li > a .menu_box .menu_title {color: #000000;}
.gnb_header.on .m_gnb_btn span, .header.scrolled .m_gnb_btn span {background-color:#000000;}
.header.scrolled .gnb_header .header_top_box .inner .language_box .language_btn {color: #000000;}
/* // 헤더 스크롤시 폰트 색상 변경 */


/* 서브일 때 헤더 폰트 색상 변경 */
.wrapper.sub .header .gnb_header .container .gnb > li > a .menu_box .menu_title {color: #000000;}
.wrapper.sub .header .gnb_header .header_top_box .inner .inner_list .list li a .text {color: #000000;}
.wrapper.sub .header .gnb_header .header_top_box .inner .inner_list .list li.icon01 a .text:before {background-image: url("/images/common/icon01_black.png");}
.wrapper.sub .header .gnb_header .header_top_box .inner .inner_list .list li.icon02 a .text:before {background-image: url("/images/common/icon02_black.png");}
.wrapper.sub .header .gnb_header .header_top_box .inner .inner_list .list li:after {background-color: #000000;}
.wrapper.sub .header .gnb_header .search_btn {background-image: url("/images/common/search_btn_icon_black.png");}
.wrapper.sub .header .gnb_header .sitemap_btn {background-image: url("/images/common/sitemap_btn_icon_black.png");}
.wrapper.sub .header .gnb_header .header_top_box .inner .language_box .language_btn {color: #000000;}

.wrapper.sub .header .gnb_header .header_top_box .inner .language_box {display: inline-block; position: relative;}
.wrapper.sub .header .gnb_header .header_top_box .inner .language_box .language_list {display: none; position: absolute; left: 50%; top: calc(100% + 5px); min-width: 85px; background-color: #fff; border: 1px solid #5d5d5d; text-align: center; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 9999;}
.wrapper.sub .header .gnb_header .header_top_box .inner .language_box .language_list > li a {display: block; height: 30px; font-weight: 400; font-size: 12px; line-height: 30px; color: #000000;}
.wrapper.sub .header .gnb_header .header_top_box .inner .language_box .language_list > li a:hover {background-color: #f1f1f1;}
.wrapper.sub .header .gnb_header .header_top_box .inner .language_box .language_btn {display: block; padding: 0 0 0 18px; font-weight: 400; font-size: 12px; line-height: 18px; color: #000000;}
.wrapper.sub .header .gnb_header .header_top_box .inner .language_box .language_btn img {margin-left: 10px; margin-top: -3px; vertical-align: middle; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.wrapper.sub .header .gnb_header .header_top_box .inner .language_box.on .language_btn img {-webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);}

.wrapper.sub .header.scrolled {padding-top:90px;}
.wrapper.sub .header.scrolled .gnb_header {position:fixed; top:0; z-index:1; width:100%; border-bottom: 1px solid #e2e4e8; background-color: #ffffff;}
.wrapper.sub .header.scrolled .gnb_header .header_top_box .inner .inner_list .list li a .text {color: #000000;}                                                                   
.wrapper.sub .header.scrolled .gnb_header .header_top_box .inner .inner_list .list li.icon01 a .text:before {background-image: url("/images/common/icon01_black.png");}           
.wrapper.sub .header.scrolled .gnb_header .header_top_box .inner .inner_list .list li.icon02 a .text:before {background-image: url("/images/common/icon02_black.png");}           
.wrapper.sub .header.scrolled .gnb_header .header_top_box .inner .inner_list .list li:after {background-color: #000000;}                                                          
.wrapper.sub .header.scrolled .gnb_header .search_btn {background-image: url("/images/common/search_btn_icon_black.png");}                                                        
.wrapper.sub .header.scrolled .gnb_header .sitemap_btn {background-image: url("/images/common/sitemap_btn_icon_black.png");}  
.wrapper.sub .header.scrolled .gnb_header .container .gnb > li > a .menu_box .menu_title {color: #000000;}
.wrapper.sub .header.scrolled .m_gnb_btn span {background-color:#000000;}
.wrapper.sub .header.scrolled .gnb_header .header_top_box .inner .language_box .language_btn {color: #000000;}
/* // 서브일 때 헤더 폰트 색상 변경 */

.side_wrap {position: absolute; top: 60%; right: 50%; margin-right:-630px;transform: translateY(-50%);}
.search_btn {display:inline-block; vertical-align:top;margin-right:15px; width: 30px; height: 30px; background-image: url("/images/common/search_btn_icon.png"); background-position: 0 0; background-repeat: no-repeat;  }
.sitemap_btn {display:none; vertical-align:top; width: 30px; height: 20px; background-image: url("/images/common/sitemap_btn_icon.png"); background-position: 0 0; background-repeat: no-repeat; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.sitemap_wrap {display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; padding: 110px 0; background-image: url("/images/common/sitemap_bg.jpg"); background-position: center center; background-size: cover; background-repeat: no-repeat; z-index: 9999;}
.sitemap_wrap .container {max-width: 1315px;}
.sitemap_wrap .title {position: absolute; top: -55px; left: 0; width: 100%; font-weight: 700; font-size: 35px; line-height: 52px; color: #ffffff; text-align: center;}
.sitemap_wrap .sitemap_close {position: absolute; right: 20px; top: -45px; color: #fff; font-size: 2em; -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 {transform:rotate(180deg);}
.sitemap_wrap .sitemap {padding: 50px 10px 150px; height: 720px; overflow-y: auto; font-size: 0;}
.sitemap_wrap .sitemap > li {display: inline-block; width: calc(20% - 9.6px); margin: 20px 12px 0 0; vertical-align: top;}
.sitemap_wrap .sitemap > li:nth-child(-n+5) {margin: 0 12px 0 0;}
.sitemap_wrap .sitemap > li:nth-child(5n) {margin: 20px 0 0;}
.sitemap_wrap .sitemap > li:nth-child(5) {margin: 0;}
.sitemap_wrap .sitemap > li > a {display: block; border: 1px solid #ffffff;}
.sitemap_wrap .sitemap > li > a .menu_box {display: table; table-layout: fixed; width: 100%;}
.sitemap_wrap .sitemap > li > a .menu_box .menu_title {display: table-cell; height: 73px; font-weight: 500; font-size: 18px; line-height: 27px; color: #ffffff; text-align: center; vertical-align: middle;}
.sitemap_wrap .sitemap_sub_gnb {min-height: 200px; margin: 24px 0 0;}
.sitemap_wrap .sitemap_sub_gnb > li {margin-bottom: 8px;}
.sitemap_wrap .sitemap_sub_gnb > li:last-child {margin-bottom: 0;}
.sitemap_wrap .sitemap_sub_gnb > li > a {display: block; position: relative; font-weight: 500; font-size: 18px; line-height: 24px; color: #5cbcff; }
/* .sitemap_wrap .sitemap_sub_gnb > li > a:hover, .sitemap_wrap .sitemap_sub_gnb > li > a:focus {color: #ffffff;} */
.sitemap_wrap .sitemap_sub_gnb > li > a:hover:before,.sitemap_wrap .sitemap_sub_gnb > li > a:focus:before {background-color: #ffffff;}
.sitemap_wrap .sitemap_sub2_gnb {margin-top: 15px;}
.sitemap_wrap .sitemap_sub2_gnb > li {margin-bottom: 10px;}
.sitemap_wrap .sitemap_sub2_gnb > li:last-child {margin-bottom: 0;}
.sitemap_wrap .sitemap_sub2_gnb > li > a {display: block; font-weight: 400; font-size: 16px; line-height: 24px; color: #ffffff;}
/*.sitemap_wrap .sitemap > li:hover > a, .sitemap_wrap .sitemap > li:focus > a {color: #ffffff;} */
.sitemap_wrap .sitemap_sub2_gnb li .sub3_gnb {margin: 10px 0 0;}
.sitemap_wrap .sitemap_sub2_gnb li .sub3_gnb li {margin: 0 0 5px; padding: 0 0 0 8px;}
.sitemap_wrap .sitemap_sub2_gnb li .sub3_gnb li a {display: block; position: relative; padding: 0 0 0 10px; font-weight: 400; font-size: 14px; line-height: 21px; color: #acacac; word-break: keep-all;}
.sitemap_wrap .sitemap_sub2_gnb li .sub3_gnb li a .etc {display: block; content: ''; position: absolute; top: 0; left: 0;}




/* scrolled */
.bg_box {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 9000;}
.bg_box.on {display: block;}

/* m_gnb */
.m_gnb_btn {display: inline-block;position: relative;right: auto;top: auto;z-index:1;width:24px;height:24px;margin-top: 3px;vertical-align: top;}
.m_gnb_btn span {display:block; position:absolute; left:0; top:0; z-index:1; width:100%; height:4px; border-radius:2px; background-color:#ffffff; }
.m_gnb_btn span.mid {top:50%; margin-top:-2px;}
.m_gnb_btn span.btm {top:auto; bottom:0;}
.sub .m_gnb_btn span {background:#000;}
.m_gnb_wrap {display:none; position:fixed; right:-480px; top:0; z-index:9999; overflow-y: auto; width: 100%; max-width: 480px; max-height:800px; height:100%; background-color:#fff;}
.m_gnb_top {position: relative; height:80px; border-bottom:1px solid #eeeeee; padding: 10px 0; text-align:center;}
.m_logo {display: inline-block; vertical-align: middle;}
.m_logo img {max-height:60px;}


.m_gnb {}
.m_gnb > li {}
.m_gnb > li > a {display: block;}
.m_gnb > li > a .menu_box {}
.m_gnb > li > a .menu_box .menu_title {position:relative; z-index:1;  padding: 14px 0 14px 10px; border-bottom:1px solid #eeeeee; font-weight: 500; font-size: 18px; line-height: 27px; color: #000000}
.m_gnb > li > a.on {background-color: #037be1;}
.m_gnb > li > a.on .menu_box .menu_title {color: #ffffff;}

.m_gnb > li > a.on .m_sub_gnb {display: block;}
.m_sub_gnb {display: none; background-color:#ffffff; border-bottom: 1px solid #eeeeee;}
.m_sub_gnb > li > a {display:block; width:100%; height:40px; border-top:1px solid #efede9; padding: 0 10px; font-weight: 700; font-size:16px; line-height:40px; color: #037be1;}
.m_sub_gnb > li:first-child > a {border-top:0 none;}
.m_sub2_gnb {border-top: 1px solid #efede9;}

.m_sub2_gnb > li {}
.m_sub2_gnb > li > a {display:block; position: relative; padding: 0 10px; /* height: 40px; */ border-top: 1px solid #efede9;font-weight: 400; font-size: 14px; line-height: 40px; color: #000000;}
.m_sub2_gnb > li:first-child a {border-top: none;}
.m_sub2_gnb > li .sub3_gnb {display: none; padding: 0 15px;}
.m_sub2_gnb > li .sub3_gnb li {}
.m_sub2_gnb > li .sub3_gnb li a {position: relative; display: block; padding: 5px 10px; font-weight: 400; font-size: 14px; line-height: 21px; color: #000000;}
.m_sub2_gnb > li .sub3_gnb li a .etc {display: block; content: ''; position: absolute; top: 3px; left: 0;}
.m_sub2_gnb > li > a .icon {position: absolute; top: 50%; right: 10px; width: 14px; height: 14px; margin: -8px 0 0;}
.m_sub2_gnb > li > a .icon:before {display: block; content: ''; position: absolute; top: 0; left: 50%; width: 2px; height: 14px; margin: 0 0 0 -1px; background-color: #1e6ab0; transition: all 0.5s;}
.m_sub2_gnb > li.gnb_04.on >  a .icon:before {transform: rotate(-90deg);}
.m_sub2_gnb > li >  a .icon:after {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 14px; height: 2px; margin: -1px 0 0 0; background-color: #1e6ab0;}
.m_sub2_gnb > li.gnb_04.on .sub3_gnb {display: block;}



.m_gnb_close {display:block; position:absolute; top:20px; right:15px; z-index:1; width:30px; height:30px; line-height: 30px; color:#000; font-size:25px; text-align: center;}
.m_gnb_bg {display:none; position:fixed; left:0; top:0; z-index:9998; width:100%; height:100%; background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;}

/* footer */
.footer {position:absolute; bottom:0; z-index:1; width: 100%;  background-color: #fff; border-top: 1px solid #ccc;}
.copyright {color: #666; font-size: 0.93em;}
.quick_box {position: fixed; left:50%; bottom: 70px; z-index: 2; margin-left: 600px;}
.q_share_box {display: none; position: relative; z-index: 1; margin-bottom: 5px;}
.quick_box button, .quick_box a {display: block; width: 60px; height: 60px; line-height: 60px; background-color: rgba(0, 82, 194, 1);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr=#80ffffff,endColorStr=#80ffffff)"; 
border: 1px solid #ccc; font-size: 40px; text-align: center;}
.quick_box button:hover, .quick_box button:focus, .quick_box a:hover, .quick_box a:focus {font-size: 40px;}
.q_share_menu {display: none; position: absolute; left: 0; bottom: 35px; z-index: 1;}
.q_share_menu li {margin-bottom: 5px;}
.q_share_menu li:last-child {margin-bottom: 0;}
.quick_box .top_btn {opacity: 0; visibility: hidden;} 
.quick_box .top_btn i {color: #ffffff;}

.foot_btm {position: relative; overflow:hidden; padding: 25px 0 35px;}  
.foot_btm .foot_logo {position:absolute; top:50%; left:0; display:inline-block;transform: translateY(-50%);}
.foot_btm .ft_link {padding: 0 220px 0 185px;}
.foot_btm .ft_link .list {font-size: 0;}
.foot_btm .ft_link .list li {display: inline-block; position: relative;}
.foot_btm .ft_link .list li:after {display: block; content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 12px; margin: -7px 0 0; background-color: rgba(0, 0, 0, 0.15);}
.foot_btm .ft_link .list li:last-child:after {display: none;}
.foot_btm .ft_link .list li a {display: block; padding: 0 15px; font-weight: 400; font-size: 14px; line-height: 21px; color: #000000;}
.foot_btm .ft_link .list li.fw_bold a {padding: 0 15px 0 0; color: #34a2db;}
.foot_btm .txt_box {margin: 12px 0 0; padding: 0 220px 0 185px;/*  word-break: keep-all; */}

.foot_btm .sns_share {position: absolute; top: 50%; right: 0; margin: -17px 0 0;z-index:3;}
.foot_btm .sns_share .list {font-size: 0;}
.foot_btm .sns_share .list li {display: inline-block; margin: 0 8px 0 0;}
.foot_btm .sns_share .list li:last-child {margin: 0;}
.foot_btm .sns_share .list li a {display: block;}
.foot_btm .sns_share .list li a img {}


/* btn 공통 */
.btn_area {overflow: hidden; width: 100%; margin: 50px 0 0; text-align: right; font-size: 0;}
.btn_area.sty2 {text-align: center;}
.btn_area.sty3 {margin: 0; text-align: left}
.btn_area .default_btn {display: inline-block; width: auto; height: 40px; margin: 0 6px 0 0; border:1px solid #777777; padding: 0 10px; font-weight: 400; font-size: 14px; line-height: 40px; color: #777777; text-align: center;}
.btn_area .default_btn:last-child {margin: 0;}
.btn_area .default_btn:hover, .btn_area .default_btn:focus {background-color: #777777; color: #ffffff;}
.btn_area .default_btn.blue {border: 1px solid #037be1; color: #037be1;}
.btn_area .default_btn.blue:hover, .btn_area .default_btn.blue:focus {background-color: #037be1; color: #ffffff;}

.btn_area a {display: inline-block; width: auto; height: 40px; margin: 0 6px 0 0; border:1px solid #777777; padding: 0 10px; font-weight: 400; font-size: 14px; line-height: 40px; color: #777777; text-align: center;}
.btn_area a:last-child {margin: 0;}
.btn_area a:hover, .btn_area a:focus { background-color: #777777;  color: #ffffff;}
.btn_area a.btn_color {width: 100px; border: 1px solid #037be1; color: #037be1;}
.btn_area a.btn_color:hover, .btn_area a.btn_color:focus {background-color: #037be1; color: #ffffff;}

.btn_wrap input {width: 100%; max-width: 250px; margin: 5px 5px 0 0; border: none; background-color: #037be1; font-weight: 400; font-size: 14px; line-height: 45px; color: #ffffff; cursor: pointer}

.down_btn {overflow: hidden; width: 100%; margin: 15px 0 0; text-align: right; font-size: 0;}
.down_btn.sty2 {text-align: left;}
.down_btn.sty3 {position: absolute; right: 0; bottom: 0;}
.down_btn.sty4 {right: 20px; top: 50%; margin: -25px 0 0;}

.down_btn a {display: inline-block; width: auto; height: 50px; margin: 0 6px 0 0;  padding: 0 10px; background-color: #037be1; font-weight: 500; font-size: 14px; line-height: 50px; color: #ffffff; text-align: center;}
.down_btn a:last-child {margin: 0;}
.down_btn a:hover, .down_btn a:focus {border: none; background-color: #1d5693;}
.down_btn i {margin: 0 10px 0 0; vertical-align: middle;}
.down_btn a .down {display: inline-block; position: relative; padding: 0 30px 0 0;}
.down_btn a .down:after {display: block; content: ""; position: absolute; top: 50%; right: 0px; margin: -7px 0 0; width: 15px; height: 18px; background-image: url(/images/common/down_icon.png);  background-position: 0 0;background-repeat: no-repeat;}
.down_btn a .down.no_i {padding: 0; text-align: center;}
.down_btn a .down.no_i:after {display: none;}

/* 0819 */
.com_btn_area {margin: 5px 0 0; font-size: 0;}
.com_btn_area .btn {display: inline-block; margin: 5px 10px 0 0; border: 1px solid #bbbbbb; background-color: #ffffff; padding: 0 20px; font-weight: 400; font-size: 15px; line-height: 40px; color: #aaaaaa; text-align: center; cursor: pointer;}	
.com_btn_area .btn.blue {border: 1px solid #037be1; color: #037be1;}	
.com_btn_area .btn.red {border: 1px solid #e03321; color: #e03321;}	
.com_btn_area .btn:last-child {margin: 0;}

.com_btn_area .btn:hover {border: none; padding: 0 21px; background-color: #bbbbbb; line-height: 42px; color: #ffffff;}
.com_btn_area .btn.blue:hover {background-color: #037be1; color: #ffffff;}
.com_btn_area .btn.red:hover {background-color: #e03321; color: #ffffff !important;}

.com_btn_area.sty2 .btn {background-color: #bbbbbb; color: #ffffff}
.com_btn_area.sty2 .btn.blue {background-color: #037be1; color: #ffffff}
.com_btn_area.sty2 .btn.red {background-color: #e03321; color: #ffffff !important;}

.com_btn_area.sty2 .btn:hover {border: 1px solid #bbbbbb; background-color: #ffffff; padding: 0 20px; line-height: 40px; color: #aaaaaa;}
.com_btn_area.sty2 .btn.blue:hover {border: 1px solid #037be1; background-color: #ffffff; padding: 0 20px; color: #037be1;}
.com_btn_area.sty2 .btn.red:hover {border: 1px solid #e03321; background-color: #ffffff;  padding: 0 20px; color: #e03321 !important;}



/* 다운박스 */
.btn_list {margin: 10px 0 0;}
.btn_list.sty2 {float: right;}
.btn_list.sty3 {display: inline-block;}
.btn_list .list {overflow: hidden;}
.btn_list .list li {float: left; width: 250px; margin: 3px 10px 0 0; line-height: 1.5 !important;}
.btn_list .list li:last-child {margin: 3px 0 0;}
.btn_list .list li .box {display: block; background-color: #037be1; font-size: 0; text-align: center;}
.btn_list .list li .box:hover, .btn_list .list li .box:focus {background-color: #1d5693;}
.btn_list .list li .box.sty2 {background-color: #05a3dd;}
.btn_list .list li .box.sty2:hover, .btn_list .list li .box.sty2:focus {background-color: #2888ab;}
.btn_list .list li .box.sty3 {background-color: #173574;}
.btn_list .list li .box.sty3:hover, .btn_list .list li .box.sty3:focus {background-color: #1e2c4a;}
.btn_list .list li .box .txt_area {display: table; width: 100%; table-layout: fixed;}
.btn_list .list li .box .txt_area .txt_box {display: table-cell; width: 100%; height: 45px; padding: 0 20px; vertical-align: middle; text-align: center;}
.btn_list .list li .box .txt_area .txt_box .txt {display: inline-block; margin: 0; font-size: 14px; line-height: 21px; color: #ffffff;}
.btn_list .list li .box .txt_area .txt_box .txt.down {position: relative;  padding: 0 25px 0 0;}
.btn_list .list li .box .txt_area .txt_box .txt.down:after {display: block; content: ''; position: absolute; top: 50%; right: 0; margin: -9px 0 0; width: 15px; height: 18px; background-image: url('/images/common/down_icon.png'); background-position: 0 0; background-repeat: no-repeat;}
.btn_list .list li .box .txt_area .txt_box .txt .etc {word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}

.btn_list .list li.sitemap_btn {position: inherit; top: inherit; right: inherit; height: inherit; background-image: inherit; transform: translateY(0);}
.btn_list .list li.m_gnb_btn {display: none; position: inherit; top: inherit; right: inherit; height: auto; margin: 0; background-image: inherit;}
.btn_list .list li.m_gnb_btn span {position: inherit; top: inherit; left: inherit; width: inherit; height: auto; margin: 0; background-color: inherit;}

/* 클릭시 페이지 스크롤 버튼 */
.btn_list.sty4 .list {font-size: 0;}
.btn_list.sty4 .list li {float: inherit; display: inline-block; width: calc(33.3333% - 7px); margin: 0 10px 0 0;}

.btn_list.sty4 .list li:nth-child(n+4) {margin: 10px 10px 0 0;}
.btn_list.sty4 .list li:nth-child(3n) {margin: 0;}
.btn_list.sty4 .list li .box {display: block; background-color: #ffffff; border: 1px solid #05a3dd;}
.btn_list.sty4 .list li .box .txt_area .txt_box .txt {color: #05a3dd;}

/* 버튼 중앙정렬 */
.btn_list.sty5 .list {text-align: center; margin: 0 auto; font-size: 0;}
/* 10-22 */
.btn_list.sty5 .list li {float: inherit; display: inline-block; width: 100%; max-width: 360px; margin: 3px 10px 0 0;}

.btn_list.sty5.sty6 {}
.btn_list.sty5.sty6 .list li {width: calc(50% - 5px); max-width: inherit; margin: 10px 10px 0 0;}
.btn_list.sty5.sty6 .list li:nth-child(-n+2) {margin: 0 10px 0 0;}
.btn_list.sty5.sty6 .list li:nth-child(2n) {margin: 0;}
/* // btn 공통 */

/* 이용약관, 개인정보처리방침, 저작권정책, 이메일무단수집거부 영역 */
.com_info_box {margin: 33px 0 0; border: 1px solid #e5e5e5; padding: 35px 30px;}
.com_info_box .explanation_box {padding: 37px 165px 37px 180px; background-color: #f1f7fa;}
.com_info_box .explanation_box .text {position: relative; padding: 13px 0 13px 227px; font-weight: 500; font-size: 18px; line-height: 30px; color: #333333; word-break: keep-all;}
.com_info_box .explanation_box .text:before {display: block; content: ''; position: absolute; top: 50%; left: 0; background-position: 0 0; background-repeat: no-repeat;}
.com_info_box .explanation_box .text.icon1:before {width: 164px; height: 116px; margin: -58px 0 0; background-image: url("/images/common/exp_icon_01.png");}
.com_info_box .explanation_box .text.icon2:before {width: 181px; height: 101px; margin: -50px 0 0; background-image: url("/images/common/exp_icon_02.png");}
.com_info_box .info_list {margin: 23px 0 0;}
.com_info_box .info_list:first-child {margin: 0;}
.com_info_box .info_list .title {font-weight: 500; font-size: 18px; line-height: 27px; color: #333333;}
.com_info_box .info_list > .txt_list {margin: 10px 0 0;}
.com_info_box .info_list > .txt_list:first-child {margin: 0;}
/* 10-22 */ .com_info_box .info_list > .txt_list > li {margin: 25px 0 0; font-weight: 400; font-size: 15px; line-height: 22px; color: #777777; word-break: keep-all;} /* //10-22 */
.com_info_box .info_list > .txt_list > li:first-child {margin: 0;}
.com_info_box .info_list > .txt_list > li.num_txt {position: relative; padding: 0 0 0 20px;}
.com_info_box .info_list > .txt_list > li.num_txt > .num {position: absolute; top: 0; left: 0;}
/* 10-22 */
.com_info_box .info_list > .txt_list > li > .txt_list2 {margin: 25px 0 0;}
.com_info_box .info_list > .txt_list > li > .txt_list2 > li {margin: 15px 0 0; font-weight: 400; font-size: 15px; line-height: 22px; color: #777777; word-break: keep-all;}
/* //10-22 */
.com_info_box .info_list > .txt_list > li > .txt_list2 > li:first-child {margin: 0;}
.com_info_box .info_list > .txt_list > li > .txt_list2 > li.num_txt {position: relative; padding: 0 0 0 20px;}
.com_info_box .info_list > .txt_list > li > .txt_list2 > li.num_txt .num {position: absolute; top: 0; left: 0;}
.com_info_box .info_list > .txt_list > li > .txt_list2 > li > .txt_list3 {margin: 5px 0 0;}
.com_info_box .info_list > .txt_list > li > .txt_list2 > li > .txt_list3 > li {margin: 5px 0 0; font-weight: 400; font-size: 15px; line-height: 22px; color: #777777; word-break: keep-all;}
.com_info_box .info_list > .txt_list > li > .txt_list2 > li > .txt_list3 > li:first-child {margin: 0;}
.com_info_box .info_list > .txt_list > li > .txt_list2 > li > .txt_list3 > li.num_txt {position: relative; padding: 0 0 0 20px;}
.com_info_box .info_list > .txt_list > li > .txt_list2 > li > .txt_list3 > li.num_txt .num {position: absolute; top: 0; left: 0;}
.com_info_box .info_list > .txt_list > li > .txt_list2 > li > .txt_list3 > li > .txt_list4 {margin: 5px 0 0;}
.com_info_box .info_list > .txt_list > li > .txt_list2 > li > .txt_list3 > li > .txt_list4 > li {margin: 5px 0 0; font-weight: 400; font-size: 15px; line-height: 22px; color: #777777; word-break: keep-all;}
.com_info_box .info_list > .txt_list > li > .txt_list2 > li > .txt_list3 > li > .txt_list4 > li:first-child {margin: 0;}
.com_info_box .info_list > .txt_list > li > .txt_list2 > li > .txt_list3 > li > .txt_list4 > li.num_txt {position: relative; padding: 0 0 0 20px;}
.com_info_box .info_list > .txt_list > li > .txt_list2 > li > .txt_list3 > li > .txt_list4 > li.num_txt .num {position: absolute; top: 0; left: 0;}

.com_info_box .info_list > .txt_list > li .table_wrap {margin: 10px 0 0;}
.com_info_box .info_list > .txt_list > li .table_wrap table {width: 100%; border-top: 2px solid #5f6577; text-align: center;}
.com_info_box .info_list > .txt_list > li .table_wrap table thead {}
.com_info_box .info_list > .txt_list > li .table_wrap table thead tr {}
.com_info_box .info_list > .txt_list > li .table_wrap table thead tr th {border-right: 1px solid #e4e9ec; padding: 5px; background-color: #f3f7fa;}
.com_info_box .info_list > .txt_list > li .table_wrap table tbody tr th:last-child {border-right: none;}
.com_info_box .info_list > .txt_list > li .table_wrap table tbody {}
.com_info_box .info_list > .txt_list > li .table_wrap table tbody tr {}
.com_info_box .info_list > .txt_list > li .table_wrap table tbody tr td {border-right: 1px solid #e4e9ec; border-bottom: 1px solid #e4e9ec;  padding: 5px; }
.com_info_box .info_list > .txt_list > li .table_wrap table tbody tr td:last-child {border-right: none;}
/* // 이용약관, 개인정보처리방침,저작권정책, 이메일무단수집거부 영역 */

/* toc 팝업창 */
.pop_layout.map_pop {position: absolute; z-index: 9999}
.pop_layout.map_pop:before {position: fixed;}
.com_cont .com_box map area {cursor: pointer;}
.pop_layout {display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; margin: 0 10px; z-index: 9999;}
.pop_layout .cont {display: block; position: absolute; top: 50%; left: 50%; width: 100%; max-width: 685px; min-height: 300px; max-height: 800px; background-color: #ffffff; -webkit-transform: translate(50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1;}
.pop_layout:before {display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%;margin: 0 -10px; background-color: rgba(0, 0, 0, 0.7);}
.pop_layout .cont .title_area {position: relative; padding: 18px 50px 18px 40px;background-color: #173574;}
.pop_layout .cont .title_area .title {font-weight: 700; font-size: 24px; line-height: 36px; color: #ffffff;}
.pop_layout .cont .title_area .close {display: block; position: absolute; top: 50%; right: 15px; margin: -18px 0 0;}
.pop_layout .cont .title_area .close i {font-weight: 700; font-size: 24px; line-height: 36px; color: #ffffff;}
.pop_layout .cont .print_btn {display: block; position: absolute; right: 55px; top: -43px; width: 30px; height: 30px; background-image: url("/images/common/print_icon.png"); background-size: cover; background-position: 0 0; background-repeat: no-repeat;}
.pop_layout .cont .close.sty2 {position: absolute; right: 0; top: -48px;}
.pop_layout .cont .close.sty2 i {font-size: 40px; color: #ffffff;}
.pop_layout .cont .txt_box {}
.pop_layout .cont .txt_box.pop4 {overflow-y: scroll; height: 500px;}
.pop_layout .cont .txt_box > .list {padding: 33px 39px;}
.pop_layout .cont .txt_box > .list > li {position: relative; margin: 22px 0 0; padding: 0 0 0 27px; font-weight: 400; font-size: 15px; line-height: 24px; word-break: keep-all;}
.pop_layout .cont .txt_box > .list > li:first-child {margin: 0;}
.pop_layout .cont .txt_box > .list > li > .etc {display: block; position: absolute; top: 2px; left: 0; width: 20px; height: 20px; border-radius: 50%; background-color: #173574; font-size: 11px; line-height: 20px; color: #ffffff; text-align: center;}

.pop_layout .cont.sty2 {max-width: 946px; max-height: 781px; padding: 20px 10px;} 
.pop_layout .cont.sty2 .title_area {background-color: initial;}
.pop_layout .cont.sty2 .title_area .title {color: #000000;}
.pop_layout .cont.sty2 .title_area .close i {color: #000000;}

.pop_layout .flo_box {}
.pop_layout .flo_box .right_box {position: absolute; right: inherit; left: 0; top: 0; bottom: 0;}
.pop_layout .flo_box .right_box .contact_box .mid:before {display: none;}
.pop_layout .flo_box .input_cont {padding: 0 0 0 240px;} 
.pop_layout .flo_box .input_cont .inp_list {} 
.pop_layout .flo_box .input_cont .inp_list .list {font-size: 0;} 
.pop_layout .flo_box .input_cont .inp_list .list li {display: inline-block; width: calc(50% - 10px); margin: 23px 20px 0 0;} 
.pop_layout .flo_box .input_cont .inp_list .list li:nth-child(2n) {margin: 0;}
.pop_layout .flo_box .input_cont .inp_list .list li:nth-child(1) {margin: 0 20px 0 0;}
.pop_layout .flo_box .input_cont .inp_list .list li:nth-child(2) {margin: 0;}
.pop_layout .flo_box .input_cont .inp_list .list li .box {} 
.pop_layout .flo_box .input_cont .inp_list .list li .box .title {font-weight: 400; font-size: 15px; line-height: 23px; color: #000000;} 
.pop_layout .flo_box .input_cont .inp_list .list li .box .input_box {margin: 5px 0 0;} 
.pop_layout .flo_box .input_cont .inp_list .list li .box .input_box .inp01 {width: 100%; border: 1px solid #e4e9ec; padding: 0 10px; font-weight: 400; font-size: 15px; line-height: 50px; color: #000000;}
.pop_layout .flo_box .input_cont .inp_list .list li .box .slt_box {margin: 5px 0 0;} 
.pop_layout .flo_box .input_cont .inp_list .list li .box .slt_box .slt01 {width: 100%; border: 1px solid #e4e9ec; padding: 0 25px 0 15px; background-color: #ffffff; background-image: url(/images/common/slt_arr_icon.png); background-position: right 12px top 50%;background-size: 11px 7px;  background-repeat: no-repeat; font-weight: 400; font-size: 15px; line-height: 50px; color: #000000;} 
.pop_layout .flo_box .input_cont .text_area_box {margin: 20px 0 0;} 
.pop_layout .flo_box .input_cont .text_area_box .title {font-weight: 400; font-size: 15px; line-height: 23px; color: #000000;} 
.pop_layout .flo_box .input_cont .text_area_box textarea {margin: 5px 0 0;  border: 1px solid #e4e9ec;}
/* //toc 팝업창 */
/* paging */
#pagingWrap{}
#pagingWrap #paging{margin-top:20px; font-size:0; text-align: center;}
#pagingWrap #paging a{position: relative; display: inline-block; width: 34px; height: 34px; margin: 0 0 3px; font-size:15px; line-height: 34px; text-align:center; vertical-align: middle; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
#pagingWrap #paging a:before {display: block; content: ''; position: absolute; top: 50%; height: 12px; background-position: 0 0; background-size: cover; background-repeat: no-repeat;}
#pagingWrap #paging a.first{}
#pagingWrap #paging a.first:before {left: 50%; width: 17px; margin: -6px 0 0 -8px; background-image: url("/images/common/page_l1.png");}
#pagingWrap #paging a.prev{}
#pagingWrap #paging a.prev:before {left: 50%; width: 17px; margin: -6px 0 0 -8px; background-image: url("/images/common/page_l2.png");}
#pagingWrap #paging a.next{}
#pagingWrap #paging a.next:before {left: 50%; margin: -6px 0 0 -4px; width: 9px; margin: -6px 0 0 -4px; background-image: url("/images/common/page_r1.png");}
#pagingWrap #paging a.last {}
#pagingWrap #paging a.last:before {left: 50%; width: 17px; margin: -6px 0 0 -8px; background-image: url("/images/common/page_r2.png");}
#pagingWrap #paging a.hereOn{background:#d5d5d5;}

#result_search {display: none;}
/* 10-03 */
.header .gnb_header .container .gnb > li > a.on:after {width: 100%;}
/*//  10-03 */


/* select 기본 화살표 없애기 */
select {
    border-radius:0; /* 아이폰 사파리 보더 없애기 */
    -webkit-appearance:none; /* 화살표 없애기 for chrome*/
    -moz-appearance:none; /* 화살표 없애기 for firefox*/
    appearance:none /* 화살표 없애기 공통*/ 
}

select::-ms-expand{
    display:none /* 화살표 없애기 for IE10, 11*/
}



/* 2022-09-02 */
.header .gnb_header .container .gnb {display: block;}
.gnb_header .container {position:static;padding-bottom: 13px;}
.sub .gnb_menu_wrap .depth01,
.gnb_header.on .gnb_menu_wrap .depth01 {color: #000}
.gnb_header.on .gnb_menu_wrap .depth01.on {color: #000}
.gnb_menu_wrap {}
.gnb_menu_wrap ul {	display: flex;}
.gnb_menu_wrap ul li {	display: inline-block; flex: 1 1 auto; height: 80px; display: flex; justify-content: center; align-items: center;}

.gnb_menu_wrap ul li a {justify-content: center;align-items: center;display: flex;height:100%;font-weight:500;font-size: 18px;color:#fff;max-width:200px;text-align:center;position:relative;}
.gnb_menu_wrap ul li a:hover {color:#000;}
.gnb_menu_wrap ul li a:after {content:'';position:absolute;left:0;right:0;bottom:0;width:0;height:3px;transition: all 0.3s;background:#0099eb;}
.gnb_menu_wrap ul li a.on:after,
.gnb_menu_wrap ul li a:hover:after {width:100%;}
.scrolled .gnb_menu_wrap ul li a {color:#000;}
.gnb_menu_wrap ul li a.on {color: #1265b8;}

.web_gnb_wrap {position: absolute;top: 116px;left: 0;right: 0;background-color: #fff}
.web_gnb_wrap.on {display:block;border-top: 1px solid #ddd;max-height:460px;box-shadow:0 10px 15px rgba(0,0,0,0.15);overflow-y:auto;border-bottom: 4px solid rgba(0, 138, 255, 1);}
.web_gnb_wrap > ul {max-width:1280px;margin: 0 auto;}
.web_gnb_wrap .sub_gnb_cont2 {display: none;}
/* .sitemap_wrap .sub_gnb_02 .list {border-bottom:1px solid #ddd;} */
.web_gnb_wrap .sub_gnb_cont2.on {display: block;}
.web_gnb_wrap .sub_gnb_cont2 h4 {display: none;}
.web_gnb_wrap .sub_gnb_cont2 .on .icon:before {transform: rotate(90deg);left: 2%;top: 31%;display:none;}
.web_gnb_wrap .sub_gnb_cont2 .icon {position: relative;margin-left: 20px;width: 10px;height: 10px;}
.web_gnb_wrap .sub_gnb_cont2 .icon:before {content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 2px;height: 8px;background-color: #1e6ab0;}

.web_gnb_wrap .sub_gnb_cont2 .icon:after {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);height: 2px;width: 8px;background-color: #1e6ab0;}
.web_gnb_wrap .sub_gnb_cont2 .sub_gnb_02 .list {display: flex;flex-wrap: wrap;padding: 1rem;margin-left: 200px;}
.web_gnb_wrap .sub_gnb_cont2 .sub_gnb_02 .list>li {flex: 0 0 24%;display: inline-block;vertical-align: top;padding: 15px 5px;border-bottom: 1px solid #eee;}
.web_gnb_wrap .sub_gnb_cont2 .sub_gnb_02 .list>li a {display: block;padding: 0 0 0;margin: 15px 0 0;position: relative;font-weight: 300;font-size: 15px;line-height: 17px;color: #000000;word-break: keep-all;padding-left:7px;}
.web_gnb_wrap .sub_gnb_cont2 .sub_gnb_02 .list>li a:hover {text-decoration:underline;color:#1e6ab0;}
.web_gnb_wrap .sub_gnb_cont2 .sub_gnb_02 .list>li a.depth03 {padding-left: 0;font-size:15px;padding-left:7px;}
.web_gnb_wrap .sub_gnb_cont2 .sub_gnb_02 .list>li a.depth04 {display: none;position: relative;font-weight: 400;font-size: 14px;line-height: 1.15;color: #9b9fa9;padding-left: 21px;margin-top: 10px;text-indent: -6px;}
.web_gnb_wrap .sub_gnb_cont2 .sub_gnb_02 .list>li a.depth04:before {content:'-';display:inline-block;margin-right:6px;}
.web_gnb_wrap .sub_gnb_cont2 .sub_gnb_02 .list>li a.depth04.on {display: block;}
.web_gnb_wrap .sub_gnb_cont2 .sub_gnb_02 .list>li a.depth04:hover {text-decoration:none;color:#000;}
.web_gnb_wrap .sub_gnb_cont2 .sub_gnb_02 .list>li:nth-child(1) .depth02,
.web_gnb_wrap .sub_gnb_cont2 .sub_gnb_02 .list>li:nth-child(2) .depth02,
.web_gnb_wrap .sub_gnb_cont2 .sub_gnb_02 .list>li:nth-child(3) .depth02,
.web_gnb_wrap .sub_gnb_cont2 .sub_gnb_02 .list>li:nth-child(4) .depth02 {border-top:0;margin-top:0;padding-top:0;}
.web_gnb_wrap .sub_gnb_cont2 .sub_gnb_02 .list>li .depth02 {color: #037be1;font-weight: 700;font-size: 16px;line-height: 24px;margin-bottom:10px;}
.web_gnb_wrap .sub_gnb_cont2 .sub_gnb_02 .list>li .depth02 .icon {display:none;}
.web_gnb_wrap .sub_gnb_03 {display: block;}
.web_gnb_wrap .sub_gnb_03 .on+.sub_gnb_04 {display: block;}
.web_gnb_wrap .sub_gnb_04 {display: none;background: #f5f5f5;padding: 7px 20px;border: 1px solid #e2e2e2;}

.sitemap_wrap .web_gnb_wrap > ul {display: flex;flex-wrap: wrap;column-count: 5;column-gap: 15px;}
.sitemap_wrap .web_gnb_wrap .sub_gnb_cont2 {display: block;flex: 0 0 19%;vertical-align: top;}
.sitemap_wrap .web_gnb_wrap {position: static;max-height: none;overflow: visible;box-shadow: none;border: 0;}
.sitemap_wrap .web_gnb_wrap .sub_gnb_cont2 .sub_gnb_02 .list {margin:0;display: block;padding:0;}
.sitemap_wrap .web_gnb_wrap .sub_gnb_cont2 .sub_gnb_02 .list>li {width:100%;flex: 0 0 24%;}
.sitemap_wrap .gnb_area h5 {position: relative;margin-bottom:10px;border: 1px solid #333;padding: 19px 20px;text-align: center;height: 80px;display: flex;align-items: center;justify-content: center;}
/* .sitemap_wrap .gnb_area h5:before {content:'';display: inline-block;vertical-align: top;width: 5px;height: 15px;background: #037be1;margin-right: 15px;margin-top: 7px;} */
.sitemap_wrap .gnb_area h5 a {font-size:18px;color:#000;}
.sitemap_wrap .web_gnb_wrap .sub_gnb_cont2 .sub_gnb_02 .list>li a.depth03 {margin-top:15px;font-size:16px;}
.sitemap_wrap .web_gnb_wrap .sub_gnb_cont2 .sub_gnb_02 .list>li a.depth03,
.sitemap_wrap .web_gnb_wrap .sub_gnb_cont2 .sub_gnb_02 .list>li a.depth04 {display:block;font-weight:400;line-height:1.4;}
.sitemap_wrap .web_gnb_wrap .sub_gnb_cont2 .sub_gnb_02 .list>li a.depth04 {padding-left:10px;line-height:1.4;font-size:15px;margin-top: 7px;}
.sitemap_wrap .web_gnb_wrap .sub_gnb_cont2 .icon {display:none;}
.m_gnb .web_gnb_wrap .sub_gnb_cont2 .sub_gnb_02 .list>li .depth02 {color:#5cbcff;font-size: 18px;font-weight:500;}

/* 팝업존 2022-09-23 */

.head_popzon {background-color: #1e4370; overflow:hidden;}
.head_popzon .popzon_cont {height:auto;}
.head_popzon .popzon_box {position: relative;width: 100%;max-width: 1280px;margin: 0 auto;padding: 0 150px;text-align: center;/* height: 100%; */}
.head_popzon .popzon_box .nav_box {position: absolute;bottom: 15px;left: 50%;margin: -15px 0 0;font-size: 0;transform: translateX(-50%);}
.head_popzon .popzon_box .nav_box .nav {display: inline-block; vertical-align: top; width: 10px; height: 18px; margin: 0 21px 0 0; background-position: 0 0; background-repeat: no-repeat; vertical-align: middle;}
.head_popzon .popzon_box .nav_box .nav i span {text-indent: -99999px;font-size: 0;height:0;}
.head_popzon .popzon_box .nav_box .nav.prev i {font-size: 16px;color:#fff;}
.head_popzon .popzon_box .nav_box .nav.next i,
.head_popzon .popzon_box .nav_box .nav.next i:before {font-size: 16px;color:#fff;}
.head_popzon .popzon_box .nav_box .play_btn_box {display: inline-block; width: 13px; height: 15px; margin: 0 21px 0 0; vertical-align: middle;}
.head_popzon .popzon_box .nav_box .play_btn_box button {width: 13px; height: 15px;background-position: 0 0; background-repeat: no-repeat;}
.head_popzon .popzon_box .nav_box .play_btn_box button i {font-size: 17px;color: #fff;}
.head_popzon .popzon_box .nav_box .play_btn_box button i span {display: block;text-indent: -99999px;}
.head_popzon .popzon_box .nav_box .num {display: inline-block; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 18px; line-height: 18px; color: #ffffff; vertical-align: middle;}
.head_popzon .popzon_box .nav_box .num .now {}
.head_popzon .popzon_box .slide_zon {width:980px;max-width:100%;/* height:100%; */}
.head_popzon .popzon_box .slide_zon #head_slide {/* height:100%; */}
/* .head_popzon .popzon_box .slide_zon #head_slide .slick-track,
.head_popzon .popzon_box .slide_zon #head_slide .slick-list {height:100%;} */
.head_popzon .popzon_box .slide_zon #head_slide:after {content:'';display:block;clear:both;}
.head_popzon .popzon_box .slide_zon #head_slide li {display: flex;width: 100%;align-items: center;justify-content: center;height:auto;min-height:140px;padding-bottom:35px;}
.head_popzon .popzon_box .slide_zon #head_slide li::after {content:'';display:block;clear:both;}
.head_popzon .popzon_box .slide_zon #head_slide li .detail {color:#fff;display: block;overflow: hidden;line-height:1.4;padding:20px 0;}
.head_popzon .popzon_box .slide_zon #head_slide li .detail a {color:#fff;}
.head_popzon .popzon_box .slide_zon #head_slide li a .title {height: 34px; font-size: 25px; line-height: 34px; color: #f8ff8d; 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: 26px; font-size: 17px; line-height: 26px; 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;  width: 43px; background-color: #1d7ea2; text-align: center; margin-left:10px;}
.head_popzon .popzon_box .head_popzon_close .text {display: inline-block; position: relative; padding: 0 0 0 0; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 12px; line-height: 20px; color: #ffffff;}
.head_popzon .popzon_box .head_popzon_close .text:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 11px; height: 11px; margin: -5px 0 0; background-image: url("/images/common/head_close_icon.png"); background-position: 0 0; background-repeat: no-repeat;}
.head_popzon .popzon_box .chk_each {position: absolute; bottom: 15px; right: 5px;}
.head_popzon .popzon_box .chk_each label {position: relative; padding: 0 0 0 23px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 13px; line-height: 19px; color: #ffffff; cursor: pointer;}
.head_popzon .popzon_box .chk_each label .vchkbox {display: block; position: absolute; left: 0; top: 50%; z-index: 1; width: 15px; height: 15px; margin: -7px 0 0; border: 1px solid #ffffff; font-size: 12px; text-align: center;}
.head_popzon .popzon_box .chk_each label .vchkbox i {display: none;}
.head_popzon .popzon_box .chk_each input:checked + label .vchkbox i {display: block;}
.hide {position:absolute; left:-9999px; overflow:hidden; width:1px; height:1px; line-height:1px; font-size:1px;}



@media all and (max-width: 768px) {
	.head_popzon {position:relative;z-index:3;}
	.head_popzon .popzon_box {padding:0;}
	.head_popzon .popzon_box .slide_zon #head_slide li {padding:0 15px;}
	.head_popzon .popzon_box .slide_zon #head_slide li span, .head_popzon .popzon_box .slide_zon #head_slide li p {zoom:.87;word-break:keep-all;}
	.head_popzon .popzon_box .nav_box {left:0;transform:none;}
}

.radio_chk_area {padding-top:7px;}
.radio_chk_area .radio_form {margin-right:25px;display:inline-block;}
.radio_chk_area .radio_form input {-webkit-appearance:auto;display:inline-block;vertical-align:top;margin:6px 0 0 0;}
.radio_chk_area .radio_form label {width:auto !important;display:inline-block !important;margin-left:3px;}