@charset "utf-8";
@import url("font.css");

/* RESET */
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; word-break: keep-all;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button {margin: 0; padding: 0}
fieldset, img {border: 0 none}
dl, ul, ol, menu, li {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}
input, select, textarea, button {box-sizing: border-box; vertical-align: middle}
button {border: 0 none; background-color: transparent; cursor: pointer}
table {border-collapse: collapse; border-spacing: 0}
td, th {padding: 0}
body {background: #fff;}
p, th, td, input, select, textarea, button, a, h1, h2, li {font-weight: 400; font-style: normal;}
a {text-decoration: none}
address, caption, cite, code, dfn, em, var {font-style: normal; font-weight: normal}

/* LAYOUT */
html, body {width: 100%; height: 100%; background-color: #fff !important;}
.wrap {width: 100%; height: 100%;}
.container {overflow: hidden; position: relative;}
*html .container {height: 100%}
.footer {position: relative;}

/* COMMON */
legend, caption {display: none; width: 0; height: 0; font-size: 0; line-height: 0}
.txt_hide {overflow: hidden; position: absolute; top: -5000px; left: -5000px; width: 0.1%; height: 0.1%; line-height: 0.1%; font-size: 0.1%}
.clear:before,
.clear:after {content: ' '; display: table; clear: both}
.blind {display: block; overflow: hidden; position: absolute; left: -9999px; width: 1px; height: 1px; font-size: 0.1em; line-height: 0.01em; text-indent: -9999px}

/* MARGIN */
.mgbt_35 {margin-bottom: 35px;}
.mgbt_50 {margin-bottom: 50px;}

/* WIDTH */
.w0 {display: inline-block}
.w13 {width: 13%}
.w25 {width: 25%}
.w30 {width: 30%}
.w35 {width: 35%}
.w48 {width: 48%}
.w49 {width: 49%}
.w50 {width: 50%}
.w62 {width: 62%}
.w74 {width: 74%}
.w75 {width: 75%}
.w90 {width: 90%}
.w100 {width: 100%}

/* Align */
.f-l {float: left}
.f-c {float: center}
.f-r {float: right}
.a-l {text-align: left}
.a-c {text-align: center}
.a-r {text-align: right}

input[type=text]::-ms-clear {display: none;}

/* SkipNavi */
#skip-navi {height: 0}
#skip-navi a {position: absolute; top: -9999px; z-index: 10000; width: 100%; height: 30px; background-color: #000; color: #fff; font-weight: 600; text-align: center; line-height: 30px; opacity: 0.6; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60)}
#skip-navi a:hover,
#skip-navi a:focus,
#skip-navi a:active {top: 0; color: #fff}

/* Paging */
.pagination {text-align: center; position: relative; display: block !important; margin: 0 auto; text-align: center;}
.pagination a {color: #424242; display: inline-block; padding: 0 5px; text-decoration: none; margin: 0 20px; line-height: 40px; font-size: 27px; font-family: 'nanum-square-r', 'Microsoft YaHei'; vertical-align: middle; }
.pagination a.on {border-bottom: 2px solid hsl(191, 42%, 47%); font-family: 'nanum-square-b', 'Microsoft YaHei';}
.pagination a:hover:not(.on) {font-family: 'nanum-square-b', 'Microsoft YaHei';}
.pagination a.btn-page {border: 1px solid #d0d0d0; width: 40px; height: 40px; background-size: 12px 15px; text-indent: -9999px; margin: 0 9px; background-repeat: no-repeat; background-position: center;}
.pagination a.btn-page:hover {border-color:#747474}
.pagination a.first {background-image:url('/Resources/img/common/ico_page_first.png');}
.pagination a.prev {background-image:url('/Resources/img/common/ico_page_prev.png');}
.pagination a.last {background-image:url('/Resources/img/common/ico_page_last.png');}
.pagination a.next {background-image:url('/Resources/img/common/ico_page_next.png');}

.inner {max-width: 1200px; margin: 0 auto;}

/* GNB */
.head_top {height: 103px; border-bottom: 1px solid #ddd}
.head_top .inner {position: relative; display: -webkit-box; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; width: 100%; height: 103px;}

.head_top .head_mo {position: relative; display: -webkit-box; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; width: 100%; height: 103px;}

.head_top .search {display: -webkit-box; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center; position: absolute; right: 0; top: 0; height: 103px;}
.head_top .search input[type="text"] {width: 252px; height: 51px; line-height: 47px;  font-size: 18px; color: #524847; padding-left: 11px; font-style: italic; border: 0;}
.head_top .search .btn-search {width: 84px; height: 53px; line-height: 52px; text-align: center; color: #fff; font-size: 16px; background-image: linear-gradient(90deg, #165260 50%, #236b7c 50%); font-family: 'nanum-square-r', 'Microsoft YaHei'; display: inline-block;}
.head_top .search .btn-search:hover {background-image: linear-gradient(90deg, #236b7c 50%, #165260 50%);}
.head_top .search .search_btn {border: 1px solid #cacaca; margin-right: 7px; -webkit-transition: all .35s ease; transition: all .35s ease;}
.head_top .search .search_btn:hover,
.head_top .search .search_btn:focus {-webkit-transition: all .35s ease; transition: all .35s ease; border: 1px solid #534847;}
.head_top .search .search_btn a {display: inline-block; background: url('/Resources/img/common/ico_search_con.png') no-repeat center right 12px; background-size: 24px 24px; width: 36px; height: 24px; text-indent: -9999px;}

.head_top .search .modal {display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.5);}    
.head_top .search .modal-content {background-color: #fff; margin: 15% auto; width: 700px; height: 210px; position: relative;}
.head_top .search .modal-content .content_area .tit {font-size: 24px; color: #534847; font-family: 'nanum-square-b', 'Microsoft YaHei'; padding: 20px 0 30px 30px;}
.head_top .search .modal-content .content_area .keyword {display: -webkit-box; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; height: 100px; overflow: hidden; padding: 0 0px 0px 20px;}
.head_top .search .modal-content .content_area .keyword li {margin: 0 10px 10px 10px;}
.head_top .search .modal-content .content_area .keyword li a {display: inline-block; width: 200px; height: 40px; line-height: 40px; padding: 0 20px; border-radius: 30px; color: #fff; font-size: 16px; font-family: 'nanum-square-r', 'Microsoft YaHei'; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-image: linear-gradient(90deg, #236b7c 50%, #428896 50%); -webkit-transition: .17s ease-in-out; -webkit-transition-property: color, background-color, background-position, border-color; transition: .17s ease-in-out; transition-property: color, background-color, background-position, border-color; background-size: 200%; background-position-x: 100%;}
.head_top .search .modal-content .content_area .keyword li a:hover {background-image: linear-gradient(90deg, #428896 50%, #236b7c 50%); background-position-x: 0;}
.head_top .search .btn_open,
.head_top .search .btn_close {display: inline-block; cursor: pointer;}
.head_top .search .btn_open:hover,
.head_top .search .btn_open:focus {color: #fff}
.head_top .search .btn_close {position: absolute; right: 40px; top: 20px; background: url('/Resources/img/common/modal_btn_close.png') no-repeat top right; background-size: 32px 32px; width: 32px; height: 32px; text-indent: -9999px;}

#header .h_group {overflow: visible; position: absolute; top: 103px; margin: 0 auto; left: 0; right: 0; z-index: 90; height: 95px; background-color: #fff;}
#header .h_group:before {content: ""; position: absolute; top: 95px; left: 0px; width: 100%; height: 1px;}
#header .h_group > div {margin: 0 auto; height: 95px; max-width: 1200px; position: relative;}
#header .h_group > div:after {display: block; clear: both; content: ''}
#header .h_group > div h1 {padding: 26px 0 0 35px; width: 430px; max-width: 100%; display: table-cell; vertical-align: top;}
#header .h_group.menu_hover {background:  #fff url('/Resources/img/common/menu_bg.png') repeat-x !important; height: 373px; }

.top_logo {width: 330px; position: relative;}
.eng .top_logo {width: 315px;}

.top_logo a {display: -webkit-box; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-end; align-items: flex-end;}
.top_logo a span {display: inline-block;}
.top_logo a span.logo_img {background: url('/Resources/img/common/logo.png') no-repeat; min-width: 138px; height: 36px; background-size: 138px 36px;  text-indent: -9999px;}
.top_logo a span.logo_text {font-family: 'nanum-square-b', 'Microsoft YaHei'; font-size: 34px; position: relative; top: 2px; color: #424242;}
.top_logo a span.logo_text_eng {font-family: 'nanum-square-r', 'Microsoft YaHei'; font-size: 17px; color: #424242; text-transform: uppercase;}

#header .h_group.menu_hover .top_logo a span.logo_img,
#header .h_group.affix .top_logo a span.logo_img,
#header .h_group.sub .top_logo a span.logo_img,
#header .h_group.board .top_logo a span.logo_img {background:url('/Resources/img/common/logo_over.png') no-repeat; width: 127px; height: 33px; background-size: 127px 33px;}

#header .h_group.menu_hover .top_logo a span.logo_text,
#header .h_group.menu_hover .top_logo a span.logo_text_eng,
#header .h_group.affix .top_logo a span.logo_text,
#header .h_group.affix .top_logo a span.logo_text_eng,
#header .h_group.sub .top_logo a span.logo_text,
#header .h_group.sub .top_logo a span.logo_text_eng,
#header .h_group.board .top_logo a span.logo_text,
#header .h_group.board .top_logo a span.logo_text_eng {color: #534847;}
#header .h_group.affix {position: fixed; top: 0;}


#gnb {width: 1200px; max-width: 100%; display: table-cell; vertical-align: top; height: 95px; position: relative; margin: 0 auto; background-color: #fff;}
#gnb .btn_menu {display: none;}

.h_group.menu_hover .b-open a,
.h_group.sub .b-open a {background: transparent url('/Resources/img/common/icon_search_on.png') no-repeat center center; width: 103px; height: 95px; border-left: 1px solid #e1e1e1; background-size: 25px 28px}

#gnb .btn_close {display: none;}
.gnb_m .top_logo_m {display: none}

#gnb > .box {width: 100%; text-align: center; margin: 0 auto; vertical-align: middle; height: 95px;}
#gnb > .box > ul {height: 100%; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 95px; position: relative; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
#gnb > .box > ul:after {display: block; clear: both; content: ''}
#gnb > .box > ul > li {position: relative; -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; width: auto; padding-left: 20px}
#gnb > .box > ul > li > a {display: block; font-size: 21px; color: #534847; text-align: left; position: relative; font-family: 'nanum-square-b', 'Microsoft YaHei', sans-serif; cursor: pointer; height: 95px; display: -webkit-box; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
#gnb > .box > ul > li > .sub_menu {display: none; position: absolute; top: 95px; left: 0px; width: 100%;}
#gnb > .box > ul > li > .sub_menu > .inner > ul {width: 100%; vertical-align: top; text-align: left; border-top: 1px solid #534847; padding-top: 30px; display: block;}
#gnb > .box > ul > li > .sub_menu > .inner > ul > li {margin-bottom: 13px; padding-left: 20px;}
#gnb > .box > ul > li > .sub_menu > .inner > ul > li > a {color: #534847; font-size: 15px; line-height: 28px; letter-spacing: -0.025em; font-family: 'nanum-square-r', 'Microsoft YaHei', sans-serif; position: relative;  line-height: 1.4; background-image: linear-gradient(transparent 18px, #58a9bc 1px); background-repeat: no-repeat; background-position: 0 100%; background-size: 0% 100%; -webkit-transition: background-size 0.2s ease-in-out; transition: background-size 0.2s ease-in-out; text-align: left; font-weight: bold;}
#gnb > .box > ul > li > .sub_menu > .inner > ul > li > a:hover, #gnb > .box > ul > li > .sub_menu > .inner > ul > li > a:focus {background-size: 100% 100%; color: #58a9bc;}
#gnb > .box > ul > li > .sub_menu > .inner > ul > li > a > span {display: inline-block;}

#header .h_group.affix #gnb > .box > ul > li > a,
#header .h_group.menu_hover #gnb > .box > ul > li > a, 
#header .h_group.sub #gnb > .box > ul > li > a {color: #424242 !important; text-shadow: none;} 

#header .h_group.affix #gnb > .box > ul > li > a:hover,
#header .h_group.menu_hover #gnb > .box > ul > li > a:hover, 
#header .h_group.sub #gnb > .box > ul > li > a:hover
#header .h_group.affix #gnb > .box > ul > li > a.on,
#header .h_group.menu_hover #gnb > .box > ul > li > a.on, 
#header .h_group.sub #gnb > .box > ul > li > a.on {color: #0d4755 !important;} 
#header .h_group.sub {background-color: rgba(255, 255, 255, 1)}
#header .util_menu_m {display: none;}
.search_m {display: none;}

/* NAV */
.nav_pc {width: 70px; position: absolute; left: 0; top: 0;}
.nav_area {position: relative; top: 0; left: 0; display: block; z-index: 100; }
.navbar_toggle {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; top: 0px; left: 0; width: 70px; height: 103px; text-align: center; z-index: 200; cursor: pointer;}

nav {z-index: 10; background-color: #0d4755; position: fixed; width: 100%; height: 100%; text-align: center; display: block; top: 0; left: 0; cursor: default;}
.nav_hide {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.nav_area .menu_bar {text-indent: -9999px; width: 70px; height: 103px;  padding: 42px 0 0 22px;}

.bar1,
.bar2,
.bar3 {width: 28px; height: 3px; margin-bottom: 5px; background-color: #3a6975; transition: all 0.3s ease-in-out; text-align: center;}

.navbar_on .bar1 {transform-origin: 7% 148%; -webkit-transform-origin: 7% 148%; -ms-transform-origin: 7% 148%; transform: rotate(45deg);  -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);}
.navbar_on .bar3 {transform-origin: 20% 20%; -webkit-transform-origin: 20% 20%; -ms-transform-origin: 20% 20%; transform: rotate(-45deg);  -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg);}
.navbar_toggle.navbar_on .bar1, 
.navbar_toggle.navbar_on .bar3 {background-color: #fff;}
.navbar_toggle.navbar_on .bar2 {background-color: transparent;}

#header .h_group.affix .bar1,
#header .h_group.affix .bar2,
#header .h_group.affix .bar3,
#header .h_group.menu_hover .bar1,
#header .h_group.menu_hover .bar2,
#header .h_group.menu_hover .bar3,
#header .h_group.sub .bar1, 
#header .h_group.sub .bar2, 
#header .h_group.sub .bar3 {background-color: #255966;}

#header .h_group.affix .navbar_on .bar1,
#header .h_group.affix .navbar_on .bar2,
#header .h_group.affix .navbar_on .bar3,
#header .h_group.sub .navbar_on .bar1,
#header .h_group.sub .navbar_on .bar3,
#header .h_group.affix .navbar_on .bar1,
#header .h_group.affix .navbar_on .bar3,
#header .h_group.menu_hover .navbar_on .bar1,
#header .h_group.menu_hover .navbar_on .bar3 {background-color: #fff;}

#header .h_group .navbar_on .menu_bar {border-left: 0;}
#header .h_group.menu_hover .navbar_on .bar2,
#header .h_group.affix .navbar_on .bar2,
#header .h_group.sub .navbar_on .bar2 {background-color: transparent;}

/* SiteMap */
.sitemap_wrap {width: 100%; background-color: #0d4755; height: 100%; overflow: hidden; overflow-y: scroll; -ms-overflow-style: none;}
.sitemap_wrap::-webkit-scrollbar {display: none;}
.sitemap {position: relative;}
.sitemap .s_gnb {position: fixed; top: 0; width: 100%; margin: 0 auto; text-align: left; height: 103px; background-color: #0d4755; border-bottom: 1px solid #fff; z-index: 300}
.sitemap .s_gnb .inner {display: -webkit-box; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center;}

.sitemap .s_gnb .s_logo {width: 330px;  position: relative; }
.eng .sitemap .s_gnb .s_logo {width: 315px;}

.sitemap .s_gnb .s_logo a {display: -webkit-box; display: flex; -webkit-justify-content: space-between; justify-content: space-between;-webkit-align-items: flex-end; align-items: flex-end;}
.sitemap .s_gnb .s_logo a span {display: inline-block;}
.sitemap .s_gnb .s_logo .logo_img {background: url('/Resources/img/common/logo-wh.png') no-repeat; min-width: 138px; height: 36px; background-size: 138px 36px; text-indent: -9999px;}
.sitemap .s_gnb .s_logo .logo_text {font-family: 'nanum-square-r', 'Microsoft YaHei';  font-size: 34px; position: relative; top: 2px; color: #fff}
.sitemap .s_gnb .s_logo .logo_text_eng {font-family: 'nanum-square-r', 'Microsoft YaHei'; font-size: 17px; color: #fff; text-transform: uppercase;}

.sitemap .s_gnb .s_util_lang {display: inline-block; position: absolute; right: 0px; font-size: 0; line-height: 0; top: 32px;}
.sitemap .s_gnb .s_util_lang > li {display: inline-block; text-align: center; line-height: 38px; height: 38px;}
.sitemap .s_gnb .s_util_lang > li a {display: inline-block; width: 110px; height: 38px; border: 1px solid #95afb5; color: #fff; font-family: 'nanum-square-r', 'Microsoft YaHei', sans-serif; font-size: 16px; font-weight: bold; font-size: 16px;}
.sitemap .s_gnb .s_util_lang > li.on a {display: inline-block; width: 110px; height: 38px; border: 1px solid #fff; color: #0d4755; background-color: #fff;}
.sitemap .map_gnb {background: #0d4755; font-size: 0; line-height: 100%; margin: 0 auto; text-align: center; padding: 168px 0px 0 0px; max-width: 1260px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -ms--webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.sitemap .map_gnb .map_gnb_li {-webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1 1 33%; flex: 1 1 33%;}
.sitemap .map_gnb .map_gnb_li .map_ui_box .map_ui {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -ms--webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-content: flex-start; -webkit-align-content: flex-start; -ms-align-content: flex-start; min-height: 300px; margin: 25px 0 0px 15px; padding: 0 30px;}
.sitemap .map_gnb .map_gnb_li .map_ui_box .map_ui .menu_box {-webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1 1 50%; flex: 1 1 50%;}
.sitemap .map_gnb p {color: #fff; vertical-align: middle; line-height: 100%; width: 100%;}
.sitemap .map_gnb a {color: #fff; display: inline-block; line-height: 100%; width: 100%}
.sitemap .map_gnb p.depth1 {display: inline-block; vertical-align: bottom; padding: 0 30px;}
.sitemap .map_gnb p.depth1 a {font-size: 20px; display: inline-block; color: #fff; display: inline-block; height: 40px; line-height: 40px; text-align: left; font-family: 'nanum-square-eb', 'Microsoft YaHei', sans-serif; background-color: #1a373d; padding-left: 15px;}
.sitemap .map_gnb p.depth2 a {font-size: 15px; color: #fff; display: inline-block; text-align: left; margin-bottom: 20px; font-weight: 600;}
.sitemap .map_gnb p.depth2_tit a {font-size: 15px; color: #fff; display: inline-block; text-align: left; margin-bottom: 30px; font-weight: 600;}
.sitemap .map_gnb .menu_box ul {text-align: left; width: 100%; display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; } /*margin-bottom: 35px;}*/ /*2022-04-21 강희경*/
.sitemap .map_gnb .menu_box ul li {position: relative; margin-bottom: 35px;} /*2022-04-21 강희경*/
.sitemap .map_gnb .menu_box ul li a {font-size: 14px; font-family: 'nanum-square-r', 'Microsoft YaHei', sans-serif; position: relative; line-height: 26px; position: relative; padding-left: 10px}
.sitemap .map_gnb .menu_box ul li a:hover {color: #63d3ed;}
.sitemap .map_gnb .menu_box ul li a:before {content: ''; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; border-radius: 50%; background-color:#fff}
.sitemap .map_gnb .menu_box ul li a:hover:before {background-color: #63d3ed;}
.sitemap .map_gnb .menu_box ul li a.sec:before {background-color: #777;}
.sitemap .map_gnb .menu_box ul li:not(:last-child) { margin-bottom : 5px;} /*2022-04-21 강희경*/

/* BookSearch */
.b-open {position: absolute; top: 0px; right: 0px;}
.b-open a {background: transparent url('/Resources/img/common/icon_search.png') no-repeat center center; width: 103px; height: 95px; line-height: 95px; display: inline-block; text-indent: -9999px; border-left: 1px solid #fff; background-size: 25px 28px;}
.h_group.affix .b-open a {background: transparent url('/Resources/img/common/icon_search_on.png') no-repeat center center; border-left: 1px solid #e1e1e1; background-size: 25px 28px;}
.h_group.affix .nav .b-open a {background: transparent url('/Resources/img/common/icon_search.png') no-repeat center center; border-left: 1px solid transparent; position: relative;  background-size: 25px 28px;}
.h_group.affix .nav .b-open a:after {content: ''; position: absolute; top: 38px; left: 0; width: 1px; height: 30px; background-color: #547d87}
.h_group .nav .b-open a {background: transparent url('/Resources/img/common/icon_search.png') no-repeat center center; border-left: 1px solid transparent;  background-size: 25px 28px;}
.h_group .nav .b-open a:after {content: ''; position: absolute; top: 38px; left: 0; width: 1px; height: 30px; background-color: #547d87}

.b-close a {background: #645b5a url('/Resources/img/common/btn_close.png') no-repeat center center; width: 103px; height: 95px; display: inline-block; background-color: #5e5554; text-indent: -9999px; position: absolute; right: 0px; top: 0px;}
.search_wrap {display: none; z-index: 99999; width: 100%; position: fixed; left: 0; top: 0; height: 100vh;}
.search_popup {background: #524847; width: 100%; height: 100%; padding: 0px 20px 0px;}
.search_popup .search_box {max-width: 900px; margin: 0 auto; text-align: center; margin-top: 15%;}
.search_popup .search_box .title {font-size: 60px; color: #fff; margin-bottom: 30px; font-family: 'Open Sans', sans-serif; font-weight: bold;}
.search_popup .search_box .text {font-size: 24px; color: #fff; margin-bottom: 45px; font-family: 'nanum-square-r', 'Microsoft YaHei', sans-serif; opacity: 0.5;}
.search_popup .input_search {line-height: 100%; width: 100%; line-height: 100%; position: relative}
.search_popup .input_search input {width: 100%; height: 80px; border: 5px solid #b3afae; font-size: 18px; color: #b3afae; padding-left: 20px; font-family: 'nanum-square-r', 'Microsoft YaHei', sans-serif;}
.search_popup .input_search button {background: url('/Resources/img/common/btn_search_pop.png') center center; width: 39px; height: 38px; position: absolute; top: 22px; right: 25px; font-size: 0}
.search_popup .navbar_toggle {display: none;}

/* Footer */
.footer {display: block; width: 100%; clear: both; background-color: #524847;}
.footer_wrap {position: relative; max-width: 1830px; margin: 0 auto; padding: 95px 40px 70px; display: -ms-flexbox;  display: -webkit-box; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center;}
.footer_wrap .footer_add {width: 52%;}
.footer_wrap .footer_logo {width: 48%;}

.footer_wrap .btn_li {-webkit-flex-wrap: wrap; flex-wrap: wrap; display: -ms-flexbox;  display: -webkit-box; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center; width: 100%;}
.footer_wrap .btn_li {margin-bottom: 20px;  text-align: left}
.footer_wrap .btn_li li {display: block; margin-right: 15px;}
.footer_wrap .btn_li li a {display: block; padding: 10px 37px 10px 20px; border: 2px solid #c1c0c0; color: #fff; font-family: 'nanum-square-r', 'Microsoft YaHei', sans-serif; font-size: 16px; background: transparent url('/Resources/img/common/icon_down.png') no-repeat center right 15px; background-size: 12px 14px;}

.footer_wrap .add {font-family: 'nanum-square-r', 'Microsoft YaHei', sans-serif; font-size: 16px; color: #fff; margin-bottom: 10px; line-height: 24px; text-align: left;}
.footer_wrap .add a {color: #fff;}
.footer_wrap .add ul {-webkit-flex-wrap: wrap; flex-wrap: wrap; display: -ms-flexbox;  display: -webkit-box; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center;}
.footer_wrap .add ul li {position: relative;}
.footer_wrap .add ul li:not(:last-child) {padding-right: 15px; margin-right: 15px;}
.footer_wrap .add ul li:not(:last-child):after {content:""; position: absolute; top: 4px; right: 0; width: 1px; height: 15px; border-right: 1px solid #fff}
.footer_wrap .add ul li strong a {font-weight: bold;}
.footer_wrap .copy {font-family: 'nanum-square-r', 'Microsoft YaHei', sans-serif; font-size: 14px; color: #fff; line-height: 24px; opacity: 0.5; text-align: left}
.footer_wrap .social {vertical-align: middle; position: relative; margin: 0 20px 0px 0px; padding-right: 20px;}
.footer_wrap .social:before {content: ''; position: absolute; right: 0; top: 10px; height: 30px; width: 1px; background-color: #867f7f;}
.footer_wrap .social li {display: inline-block; margin-left: 10px;}
.footer_wrap .social li a {display: inline-block; padding: 13px 37px 13px 60px; border: 2px solid #c1c0c0; color: #fff; font-family: 'nanum-square-r', 'Microsoft YaHei', sans-serif; font-size: 16px; background: transparent url('/Resources/img/common/icon_youtube.png') no-repeat center left 25px; background-size: 26px 18px;}
.footer_wrap .logo_area {display: inline-block; position: relative;}
.footer_wrap .logo_area .logo_img {background: url('/Resources/img/common/logo-wh.png') no-repeat; width: 127px; height: 33px; background-size: 127px 33px; font-size: 0; display: inline-block; vertical-align: middle; text-indent: -99999px}
.footer_wrap .logo_area .logo_text {font-family: 'nanum-square-r', 'Microsoft YaHei'; font-size: 34px; color: #8a8484; display: inline-block; vertical-align: middle; padding: 0 0 0 0px; margin-left: 6px}
.footer_wrap .logo_mo {display: none;}
.footer_wrap .footer_logo {display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-align-items: center; align-items: center;}

/* TopButton */
.btn_top {display: none; position: fixed; bottom: 0px; width: 100%; z-index: 80; opacity: 0; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; right: 20px;}
.btn_top.show {opacity: 1}
.btn_top .inner {position: relative; width: 100%; margin: 0 auto}
.btn_top .inner a {display: block; position: absolute; bottom: 255px; right: 20px; width: 65px; height: 65px; background: url('/Resources/img/common/btn_top.png') center center no-repeat; background-size: 65px 65px;}
.btn_top span {display: block; text-indent: -9999px}


/* Mobile */
@media all and (max-width: 1800px){

	.footer_wrap .alignL {width: 30%;}
	.footer_wrap .alignR {width: 69%;}	

}

@media all and (max-width: 1600px){
	
	.footer_wrap {display: block; max-width: inherit; width: 100%; -webkit-justify-content: center; justify-content: center;}
	.footer_wrap .footer_add {width: inherit; width: 100%; margin-bottom: 30px;}
	.footer_wrap .footer_logo {width: inherit; width: 100%;}
    .footer_wrap .add ul,
   	.footer_wrap .btn_li,
   	.footer_wrap .footer_logo {-webkit-justify-content: center; justify-content: center;}
   	.footer_wrap .copy {text-align: center;}
	.footer_wrap .social li {margin-left: 0;}

}

@media all and (max-width: 1400px){

	.sitemap .map_gnb .map_gnb_li .map_ui_box .map_ui {min-height: 310px;}

}

@media all and (max-width: 1300px){

	#gnb {display: none;}
	#gnb > .box {display: none;}

	.inner {max-width: inherit; margin: 0 20px;}
	.head_top .inner {width: calc(100% - 40px); height: 66px;}

	.top_logo {height: 26px; width: 245px;}
	.top_logo a span.logo_text {font-size: 25px;}
	.top_logo a span.logo_img {min-width: 100px; background-size: 100px 26px; height: 26px;}
	.eng .top_logo {width: 100px;}
	.eng .top_logo a span.logo_img {min-width: inherit; width: 100px;}

	.head_top .search input[type="text"] {width: 150px; height: 35px; line-height: 31px; font-size: 14px;}
	.head_top .search .btn-search {height: 35px; line-height: 34px; font-size: 13px;}
	.head_top .search .search_btn a {background-size: 20px 20px; height: 20px;}
	.head_top .search .modal-content {width: inherit; width: 80%;}

	/* GNB */
	#header .gnb_pc {min-width: inherit;}
	#header .gnb_pc:before {right: 162px}
	#header .h_group {display: none;}

	.head_top,
	.head_top .inner,
	.head_top .head_mo,
	.head_top .search {height: 66px;}
	.top_logo a span.logo_text_eng {display: none;}

	#header .h_group.menu_hover .top_logo a span.logo_img,
	#header .h_group.affix .top_logo a span.logo_img,
	#header .h_group.sub .top_logo a span.logo_img,
	#header .h_group.board .top_logo a span.logo_img {width: 80px; height: 21px; background-size: 80px 21px;}

	.sitemap .s_gnb .s_logo {width: 235px; height: 26px; position: relative}
	.sitemap .s_gnb .s_logo .logo_img {min-width: 90px;  background-size: 90px 23px; height: 23px;}
	.sitemap .s_gnb .s_logo .logo_text {font-size: 25px;  position: relative; top: 3px}
	.eng .sitemap .s_gnb .s_logo {width: 100px;}
		
	.navbar_toggle {width: 66px; height: 66px; right: 81px }
	.nav_area .menu_bar {width: 66px; height: 66px; line-height: 66px; padding: 24px 0 0 0px;}

	.h_group.menu_hover .b-open a, .h_group.sub .b-open a, .b-close a {height: 80px; line-height: 80px; width: 80px;}
	.h_group.affix .b-open a,
	.h_group.menu_hover .b-open a,
	.h_group.sub .b-open a,
	.b-open a {height: 66px; line-height: 66px; width: 66px}

	.sitemap_wrap {overflow: hidden; overflow-y: scroll; -ms-overflow-style: none;}
	.sitemap_wrap::-webkit-scrollbar {display: none;}

	.sitemap .s_gnb {height: 66px; border-bottom: 1px solid #0d4755}
	.sitemap .s_gnb .s_util_lang {top: 20px;}
	.sitemap .s_gnb .s_util_lang > li a,
	.sitemap .s_gnb .s_util_lang > li.on a {font-size: 14px; width: 87px; height: 28px; line-height: 28px;}
	.sitemap .b-open {display: none;}

	.popup_sitemap .navbar_toggle.navbar_on {right: 0 }

	.search_m {display: none }
	.search_m input[type="text"] {border: 1px solid #58808a; outline:none; font-family: 'nanum-square-r', 'Microsoft YaHei'; font-size: 12px; color: #252525; height: 30px; line-height: 30px; width: 100%; padding-left: 10px; background: #fff url('/Resources/img/common/icon_search__m.png') center right 10px no-repeat; background-size: 18px 20px;}
	.search_m input[type="text"]:focus {border-color: #338193;}
	.search_m input[type="text"]::placeholder {color: #bbbbbb;}

	.sitemap .map_gnb {padding: 66px 0 0 0;}
	.sitemap .map_gnb .map_gnb_li {-webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1; flex: 1 1 100%;}
	.sitemap .map_gnb p.depth1 {padding: 0}
	.sitemap .map_gnb .map_gnb_li .map_ui_box .map_ui {min-height: inherit; height: 100%; margin-bottom: 35px; padding: 0 20px}
	.sitemap .map_gnb p.depth1 a {padding-left: 20px; font-size: 20px;}
	.sitemap .s_gnb .s_logo .logo_text_eng  {display: none}

	
} /* 1300 end */

@media all and (max-width: 1024px){

	/* LayerPopup */
	.dialog {max-width: 100%}
	#inquiry-dialog {width: auto}
	.modal-header {padding: 15px 20px; background: #f5f5f5}
	.modal-header h3 {font-size: 18px}
	.article-content {margin: 10px; padding: 0 0 10px}
	.mfp-content .mfp-close {top: 22px; right: 25px; width: 15px; height: 15px; background-size: 15px}
	.mfp-close {top: 22px}
	.mfp-close:active {top: 22px}
	.btn_top {right: 0px;}
	.btn_top .inner a {right: 20px; bottom: 185px; width: 60px; height: 60px; background-size: 60px 60px;}

	.head_top {height: 132px;}
	.head_top .inner {-webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-start; align-items: flex-start; width: calc(100% - 0px); margin: 0 0px;}
	.head_top .head_mo {padding: 20px; position: fixed; top: 0; z-index: 100; background-color: #fff}
	.head_top .search {position: inherit; width: calc(100% - 40px); margin: 0 auto; margin-top: 66px;}
	.head_top .search .search_btn {width: 100%; position: relative;}
	.head_top .search .search_btn a {position: absolute; right: 0; top: 8px;}
	.head_top .search .btn-search {width: 85px; height: 37px;}

	.eng.sub .head_top {height: 66px;}
	.eng.sub .head_top .search {display: none;}

	.sitemap .s_gnb,
	.sitemap .s_gnb .inner,
	.nav_area .menu_bar,
	.navbar_toggle {height: 66px;}

	.sitemap .s_gnb .s_util_lang {top: 20px; right: 20px;}

	.nav_area {left: 20px;}

	.sitemap .map_gnb {padding: 66px 0 0 0;}
	.sitemap .map_gnb p.depth1 a:active, .sitemap .map_gnb p.depth2 a:active, .sitemap .map_gnb p.depth2_tit a:active {color: #63d3ed;}

	.head_top .search .btn_close {right: 15px; background: url(/Resources/img/common/modal_btn_close.png) no-repeat top right; background-size: 20px 20px; width: 20px; height: 20px;}
	.head_top .search .modal-content {height: 260px; margin: 31% auto;}
	.head_top .search .modal-content .content_area .tit {font-size: 20px; padding: 20px}	
	.head_top .search .modal-content .content_area .keyword {height: 170px; padding: 0; -webkit-justify-content: center; justify-content: center;}
	.head_top .search .modal-content .content_area .keyword li {margin: 0 5px 5px 5px}
	.head_top .search .modal-content .content_area .keyword li a {font-size: 14px; height: 35px; line-height: 35px;}	
	
	/* Footer */
	.footer_wrap {padding: 95px 20px 70px;}
	.footer_wrap .footer_logo {-webkit-flex-wrap: wrap; flex-wrap: wrap;}
	.footer_wrap .social {display: block; width: 100%; text-align: center; margin-bottom: 30px; margin-right: 0; padding-right: 0;}
	.footer_wrap .social:before {display: none;}
	.footer_wrap .logo_area {display: block; width: 100%; text-align: center;}
	.footer_wrap .add_br {text-align: center;}
	.footer_wrap .add_br span {display: block;}


} /* 1024 end */

@media all and (max-width: 640px){

	/* GNB */	
	#header .h_group {height: 70px !important}
	#header .h_group > div {height: 70px !important}
	#header .h_group > div h1 span.top_logo {display: block; position: absolute; top: 32px; left: 0px; width: 54px; height: 19px; background: url('/Resources/img/logo.png') no-repeat; background-size: 54px 19px}
	#header .h_group > div h1 span.top_logo_txt {left: 65px; top: 29px; line-height: 120%}
	#header .gnb_pc ul li:nth-child(1) {margin: 0 0px 0 0px}
	#header .gnb_pc ul li:last-child {margin: 0}
	#header .gnb_pc:before {right: 140px; height: 70px}
	
	.top_logo a span.logo_img,
	#header .h_group.menu_hover .top_logo a span.logo_img, 
	#header .h_group.affix .top_logo a span.logo_img, 
	#header .h_group.sub .top_logo a span.logo_img, 
	#header .h_group.board .top_logo a span.logo_img,
	.sitemap .s_gnb .s_logo .logo_img {width: 70px; height: 18px; background-size: 70px 18px; position: absolute; left: 0px; top: 5px;}

	#header .h_group.menu_hover, 
	#header .h_group.affix, 
	#header .h_group.sub {height: 70px !important;}
	
	.h_group.affix .b-open a, 
	.h_group.menu_hover .b-open a, 
	.h_group.sub .b-open a, 
	.b-open a {width: 70px; height: 70px; line-height: 70px;}
	
	.h_group.menu_hover .b-open a, 
	.h_group.sub .b-open a, 
	.b-close a {height: 70px; line-height: 70px; width: 70px;}
	
	#header .h_group > div h1 {padding: 0; position: absolute; top: 27px; left: 20px; line-height: 0;}
	.top_logo a span.logo_text {font-size: 18px; line-height: 0;  left: 72px; top: 14px;}
	
	nav {position: fixed; padding-left: 55px; overflow: hidden; background: rgba(0, 0, 0, 0.9);}
	.navbar_toggle {width: 70px; height: 70px; right: 70px;}
	.navbar_toggle .menu_bar {width: 70px; height: 70px; padding-top: 25px;}
	.navbar_toggle.navbar_on .menu_bar {position: fixed; left: 15px;}
	.b-open a {width: 70px; height: 70px; line-height: 70px;}
	
	.sitemap .s_gnb {height: 66px;}
	.sitemap .s_gnb .inner {height: 66px; width: calc(100% - 60px);}
	.sitemap .s_gnb .s_util_lang {width: 130px; top: 20px; right: 0}
	.sitemap .s_gnb .s_util_lang > li a,
	.sitemap .s_gnb .s_util_lang > li.on a {width: 56px; height: 29px; font-size: 12px;}
	.map_ui_m {padding-left: 15px;}
	
	.sitemap .map_gnb .map_ui ul {padding-left: 0;}
	.sitemap .map_gnb .map_ui ul li a {font-size: 15px;}
	.sitemap .map_gnb .map_ui p.depth1 a {padding: 15px; font-size: 19px;}
	.sitemap .map_gnb .map_ui p.depth2 {padding: 0px;}
	.sitemap .map_gnb .map_ui p.depth2 a {font-size: 17px;}
	.sitemap .map_gnb .map_ui p.depth2_tit a {font-size: 17px; padding-right: 10px;}

	.search_m {width: 50%; left: 133px; top: 22px;}

	.search_popup .search_box .select_wrap {line-height: 100%}
	.search_popup .search_box .title {margin-top: -25px; font-size: 26px;}

	.search_popup .search_box .select_wrap .select_div,
	.btn_selectUi,
	.selectUi_List, .btn_selectUi.open {width: 100%}

	.search_popup .search_box .select_wrap .select_div:last-child {margin-left: 0; margin-top: 30px;}
	.sitemap .s_gnb .b-open {display: none;}
	.popup_sitemap .navbar_toggle.navbar_on {background-color: transparent;}

	.sitemap .s_gnb .s_logo {position: absolute; top: 19px; left: 20px; padding: 0; line-height: 0;}
	.sitemap .s_gnb .s_logo .logo_text {font-size: 14px; position: absolute; top: 16px; left: 74px; line-height: 0;}
	.sitemap .s_gnb .s_util_lang > li {height: 29px; line-height: 29px;}	

	.top_logo {width: 168px;}
	.top_logo a {-webkit-align-items: center; align-items: center;}

	.eng .top_logo {width: 70px;}
	.eng .top_logo a span.logo_img {width: 70px;}

/* 	.head_top .search .search_btn {width: calc(100% - 107px);}
	.head_top .search .btn-search {width: 100px;} */

	/* Footer */
	.footer_wrap {padding: 50px 20px 40px;}
	.footer_wrap .btn_li li {display: block; width: 100%; margin-bottom: 5px; margin-right: 0;}
	.footer_wrap .btn_li li a {display: block; width: 100%; font-size: 14px; border: 1px solid #c1c0c0;}
	.footer_wrap .add {margin-bottom: 15px; font-size: 14px; text-align: center;}
	.footer_wrap .add ul li {display: block; width: 100%; line-height: 150%;}
	.footer_wrap .add ul li:not(:last-child):after {display: none;}
	.footer_wrap .copy {display: block; width: 100%; line-height: 140%;}
	.footer_wrap .logo_area .logo_img {background-size: 70px 18px; width: 70px; height: 18px;}
	.footer_wrap .logo_area .logo_text {font-size: 18px; padding: 2px 0 0 0; margin-left: 0px}
	.footer_wrap .social li a {font-size: 14px; padding: 13px 10px 13px 43px; background: transparent url(/Resources/img/common/icon_youtube.png) no-repeat center left 10px; background-size: 26px 18px; border: 1px solid #c1c0c0;}

	/* */
	.section {padding-bottom: 50px}
	.br_640 {display: block;}

	/* TopButton */
	.btn_top .inner a {bottom: 100px;}


} /* 640 end */


@media all and (max-width: 480px){

	.sitemap .s_gnb .s_logo .logo_text {display: none}

} /* 480 end */