@charset "utf-8";

/* reset */
* {margin:0; padding:0; box-sizing:border-box !important;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, article, aside, hgroup, header, footer, figure, figcaption, nav, section { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; }
article, aside, hgroup, header, footer, figure, figcaption, nav, section {display:block;}
html, body {font-size:62.5%;font-family: 'Montserrat','NS'; font-weight: 200; color:#000; line-height:1.2; box-sizing:border-box; -webkit-text-size-adjust:none;overflow-x: hidden;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; line-height:1.2; word-break:keep-all;}
fieldset {border:none;}
ol, li {list-style:none; zoom:1;}
span, p, a, div, em {word-break:keep-all;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';}
table {border-collapse:collapse; border-spacing:0; table-layout:fixed;}
button {margin:0; padding:0; border:0; font:inherit; color:inherit; background:transparent; overflow:visible; cursor:pointer; line-height:1;}
a {color:#222;}
a:link, a:visited, a:hover, a:active, a:focus {text-decoration:none;}
legend, caption {display:none;}
textarea {resize:vertical; font:inherit; overflow-y:auto;}
input, select {color:inherit; font:inherit; color:#222;}
input::-ms-clear {display:none;}
input:disabled {background:#f5f5f5 !important; -webkit-text-fill-color: inherit; opacity:1;}
button, input, select, textarea {vertical-align:top; font-family:inherit; outline-style:none; line-height:normal;}
button, button:focus, button:active {padding:0;}
label {vertical-align:middle; cursor:pointer;}
address, i, em {display:inline; font-style:normal; zoom:1;}
table {width:100%; border-collapse:collapse; table-layout:fixed;}
img, select, input, button {vertical-align:top;}
img {perspective:1; -ms-perspective:1; -o-perspective:1; -webkit-perspective:1; -moz-perspective:1;}
br {font-family:dotum !important;}
br.br_t, br.br_m {display: none;}
html {overflow-y: scroll;}
.notscroll {overflow-y: hidden !important; width: 100%; height: 100vh;}

/* skip navigation   */
.skip_navigation {position:relative; overflow:hidden; width:100%; margin:0 auto;}
.skip_navigation a {display:block; background:#000; overflow:hidden; width:0; height:0; margin:0 -1px -2px 0; font-weight:bold; font-size:11px; text-align:center;}
.skip_navigation a:hover, .skip_navigation a:focus, .skip_navigation a:active {width:auto; height:20px; margin:0; padding-top:5px; line-height:1; text-decoration:none; color:#FFF; outline:0;}

/* common */
.wrap {position: relative; width: 100%;}
.blind {display: none !important;}
.inner {margin: 0 auto;}
.acc_blind{position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden;}
.br_t,.br_m{display: none;}

/*popup*/
/* 221013 팝업 추가 */
#warn_popup {width: 600px; max-width: 90%; background-color: #fff; font-family: 'NS';}
.popup_close {position: absolute; top: 0px; left: 0; width: 50px; height: 50px; background: #00a970 url(../images/main/btn_popup_close.png) no-repeat 50% 50%; font-size:0; z-index: 1101;}
.modal_box {display: none; position: fixed; top: 130px; left: 40px; z-index: 1100;}
.modal_box * {box-sizing:border-box;}

.modal_header {text-align: center;}
.modal_body { text-align: left;}
.modal_body strong.tit {display: block; margin: 0 0 20px; font-size: 30px; text-align: center; line-height: 34px;}
.modal_body strong.tit em {color: #e11936;}
.modal_body strong.tit span {font-weight: 300;}

.modal_body .btn_view {margin: 20px 0; padding: 15px 20px; background: #f4f4f4;}
.modal_body .btn_view ul {text-align: left;}

.modal_body .btn_view ul li {padding: 4px 0; font-size: 14px; color: #7f7f7f;}
.modal_body .btn_view ul li strong {font-weight: 200; color: #000;}
.modal_body .btn_view ul li span {padding-left: 64px;} 

.modal_body p.txt {font-size: 14px; line-height: 23px;}

.modal_box .box-Bnews .link {display: block;}
.modal_box .box-Bnews .img {position: relative; height: 250px; margin: 30px 30px 0; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;}
.modal_box .box-Bnews .img:after {content:""; display: block; width: 100%; padding-bottom: 56%;}
.modal_box .box-Bnews .cont {background: #fff; padding: 22px 30px 40px;}
.modal_box .box-Bnews .tit {font-family: 'NanumBarunGothic'; font-size: 22px; font-weight: normal; line-height: 28px; color: #111; margin-bottom: 15px; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; letter-spacing: -0.8px;}
.modal_box .box-Bnews .tag {display: inline-block; height: 22px; line-height: 22px; text-align: center; vertical-align: middle; font-size: 14px; color: #666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-right: 10px;}

.modal_box .box-Bnews .link:hover .tit, 
.modal_box .box-Bnews .link:focus .tit {color: #e51937;}

.close_option {width: 100%; height: 33px; background: #333; font-size: 12px; color: #fff; line-height: 30px;}
.close_option a {display: block; width: 13px; height: 13px; color: #fff; text-decoration: none;}
.close_option:after {content: '.'; display: block; clear: both; height: 0; line-height: 0; visibility: hidden;}
.close_option input {position: relative; top: 3px; vertical-align: unset;}
.close_option label {padding-left: 6px;}
.close_option .lt {float: left; padding: 0 0 0 5px;}
.close_option .rt {float: right; padding: 10px 10px 0 0;}

/* input */
.input_row {display: inline-block;position: relative;/* width: 100%; */overflow: hidden;vertical-align:middle;}
.input_row input {position: relative;display: block;padding: 0 2rem;width: 100%;height: 5rem;overflow: hidden;background: #fff;font-size: 1.4rem;font-weight: 200;line-height: 1.2;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: .1rem solid #e8e8e8;-webkit-border-radius: 0;border-radius: 0;}
.input_row input::placeholder {font-weight: 200;color: #b2b2b2;}
.input_row input::-webkit-input-placeholder {font-weight: 200;color: #b2b2b2;}
.input_row input::-ms-input-placeholder {font-weight: 200;color: #b2b2b2;}
.input_row input[readonly] {background: #f5f5f5;}
.input_row input[disabled] {background: #f5f5f5;}

.input_search:after {content: "";display: block;clear: both;}
.input_search input {display: block;float: left;width: 33rem;height: 4.6rem;background:#f3f3f3;padding-left: 2.6rem;border:0;border-radius: 2.3rem;position: relative;font-size: 1.3rem;color: #808080;font-weight: 100;}
.input_search a {position: absolute;top: 1.3rem;right: 2.6rem;}
/* .input_search a {display: block;float: left;width: 8rem;height: 4rem;line-height: 4rem;background: #222;font-size: 1.4rem;font-weight: 200;color: #fff;text-align: center;} */

/* textarea */
.area_row {display: inline-block;position: relative;width: 100%;height: 37rem;}
.area_row textarea {width: 100%;height: 100%;padding: 2rem;font-size: 1.4rem;line-height: 1.4;border: .1rem solid #e8e8e8;-webkit-appearance: none;outline-style: none;resize: none;}
.area_row textarea::placeholder {font-weight: 200;color: #b2b2b2;}

/* file */
.file_row {display: inline-block;vertical-align: middle;}
.file_row:after {content: "";display: block;clear: both;}
.file_row input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}
.file_row label {display: block;float: left;width: 12rem;height: 5rem;line-height: 5rem;font-size: 1.4rem;color: #444;text-align: center;cursor: pointer;border: .1rem solid #e8e8e8;}
.file_row .upload_name {display: block;float: left;width: -webkit-calc(100% - 12rem);width: -moz-calc(100% - 12rem);width: calc(100% - 12rem);height: 5rem;font-size: 1.4rem;color: #b2b2b2;padding: 0 2rem; border: .1rem solid #e8e8e8;border-left: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/* button */

/* header */


.header {position: fixed;top: 0;left: 0;background: transparent;width: 100%;height: 9rem;line-height: 9rem;font-weight: 300;z-index:1002;color: #fff; transition: all ease .3s;}
.header.fixed {background: #fff;color: #222; }
.header.main_fixed2 {background: rgba(0,0,0,0.5);} 
.header .header_wrap {width: calc(100% - 16rem); /* max-width: 174rem; */ height: 100%;margin: 0 auto;}
.header .header_wrap:after {content: "";display: block;clear: both;}
.header h1 {position: relative;float: left;padding-top: 2.4rem;z-index: 2;}
.header h1 a {display: inline-block;vertical-align: middle;font-size: 0;}
.header h1 .logo {background: url(../images/common/img_logo_w.svg) left center no-repeat;width: 12.6rem;height: 4.1rem;}
.header.fixed h1 .logo, .header.main_fixed h1 .logo {background: url(../images/common/img_logo.svg) left center no-repeat;}
/* .header h1 .logo_m {display: none;background: url(../images/common/logo_m.png) 0 0 no-repeat;background-size: 100% 100%;width: 6.9rem;height: 3.7rem;} */
.header .gnb {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;}
.header .gnb>ul {display: inline-table; width:100%; margin: 0;}/* 220712 css 수정 */
.header .gnb>ul>li {position: relative; display: inline-block;}
.header .gnb>ul>li .gnb_tit {display: block;padding: 0 6.5rem;position: relative;font-size: 1.6rem;font-weight: 300;color: #fff;}
.header.fixed .gnb>ul>li .gnb_tit, .header.main_fixed .gnb>ul>li .gnb_tit {color: #222;}
.header .gnb>ul>li:hover .gnb_tit {background: #00a970;box-sizing: border-box;}
.header.fixed .gnb>ul>li:hover .gnb_tit, .header.main_fixed .gnb>ul>li:hover .gnb_tit {color: #fff;}
.header .gnb>ul>li .depth_box {position: absolute;top: 9rem;left: 0;background: #00a970;width: 100%;box-shadow: 3px 3px 5px rgba(0,0,0,.05);height: 0;overflow:hidden;transition: all .3s;text-align: left;}
/* .header .gnb>ul:hover .depth_box {height: 245px;padding: 1.5rem 0 2.5rem 6.5rem;overflow:visible; text-align: left;}220712 css height 수정(auto-> 285px) padding 3rem 추가 */
.header .gnb>ul>li:hover .depth_box {height: auto;padding: 1.5rem 0 2.5rem 0; text-align: left;}/* 220712 css height 수정(auto-> 285px) padding 3rem 추가 */
.header .gnb>ul>li .depth_box:before {content:'';display: inline-block;width: calc(100% - 4rem);height: .1rem;background: #fff;opacity: .1;position:absolute;top:0;left:2rem;}
.header .gnb>ul>li .depth_box .depth_wrap {padding:10px 0 40px 0;}/* 220819 css 추가 */
.header .gnb>ul>li .depth_box .depth_wrap:after {content: "";display: block;clear: both;}
.header .gnb>ul>li .depth_box .depth_list {position: relative;line-height: normal; display: block; padding: 6px 2px 1px 50px; /* float: left;margin-left: 8rem;line-height: normal;text-align: left; */}
.header .gnb>ul>li .depth_box .depth_list .list_tit {display: inline-block;position: relative;font-size: 1.5rem;margin: 0.6rem 0;color: #fff;font-weight: 200;/* opacity:.4;*/}/* 220712 css 수정 display, margin 1.5 -> 0.6 */
.header .gnb>ul>li .depth_box .depth_list .list_tit:hover {opacity: 1; color:#1d3d05}
.header .gnb>ul>li .depth_box .depth_list.active .list_tit {font-weight: 400;color:#ea002c;}
.header .gnb>ul>li .depth_box .depth_list:hover {background-color: white;opacity: 0.2;}/* 220819 css 수정 */
.header .gnb>ul>li .depth_box .depth_list:hover .list_tit {opacity: 1; color:black; font-weight: 400;}/* 220819 css 수정 */
.header .gnb>ul>li .depth_box .depth_list:hover .list_tit:before {opacity: 1; background-color: #1d3d05;}/* 220819 css 수정 */

/* 220712 css 추가 */
.header .gnb>ul>li .depth_box .depth_list.dep a{position: relative; padding-left: 18px; font-size: 1.5rem; color:#fff;opacity:.5;margin: 0.1rem 0;} /* 220819 css 수정 */
.header .gnb>ul>li .depth_box .depth_list.dep a:before{position: absolute; content:''; width: 3px; height: 3px; border-radius: 100%; background-color: #fff; left: 4px; top:7px; opacity:.4;}
.header .gnb>ul>li .depth_box .depth_list.dep .list_tit:hover:before {opacity: 1; background-color: #1d3d05;}


/********** 사이트맵 클릭 시 transition 모음 **********/
.header .lang_select .lang_choice.on li a {color: #222; opacity: .3;}
.header .lang_select .lang_choice.on li a > i {background: #222;}
.header .lang_select .lang_choice.on li.on a > i {background: #00a970;}
.header.on { left: auto; right: 0; background: transparent; box-shadow: none; }
.header_wrap h1.off, .header_wrap .gnb.off { display: none; }

.header .gnb_menu {position: relative;float: right;z-index: 2;}
.header .lang_select {display: inline-block;position: relative;vertical-align: middle;}
.header .lang_select .lang_choice {width: auto;height: 9rem;text-align: center;}
.header .lang_select .lang_choice li {display: inline-block;margin-right: 2rem;}
.header .lang_select .lang_choice li a {display: inline-block;font-weight: 400;font-size: 1.5rem;color: #fff;opacity: .5; transition:all ease .3s; }
.header .lang_select .lang_choice li a > i {display: inline-block;width: .4rem;height: .4rem;border-radius: 50%;background: #fff;margin-left: .4rem; }
.header .lang_select .lang_choice li.on a {opacity: 1;}
.header.fixed .lang_select .lang_choice li a, .header.main_fixed .lang_select .lang_choice li a {color: #222;opacity: .3;}
.header.fixed .lang_select .lang_choice li a > i, .header.main_fixed .lang_select .lang_choice li a > i {background: #222;}
.header.fixed .lang_select .lang_choice li.on a, .header.main_fixed .lang_select .lang_choice li.on a {opacity: 1;}
.header.fixed .lang_select .lang_choice li.on a > i, .header.main_fixed .lang_select .lang_choice li.on a > i {background: #00a970;}

.header .top_sitemap {display: inline-block;vertical-align: middle;}
.header .top_sitemap > div{font-size: 14px; color: white; transform: translateY(0); transition: 0.5s transform; }
.header .top_sitemap > div span{transition: 0.5s opacity;}
.header .top_sitemap > div span:nth-child(2){opacity: 0;}
.header .top_sitemap button{height: 100%;  display: flex; flex-direction: column; justify-content: space-between; position: relative;}
.header .top_sitemap button span{width: 2.5rem; height: .2rem; margin-bottom: .6rem; position: relative; overflow: hidden; margin-left:3rem; }
.header .top_sitemap button span:last-child { width: 1.7rem; margin-bottom:0; position: absolute; bottom: -.2rem; right: 0; }

/* header top sitemap button animation*/
.header .top_sitemap button span::before , .header .top_sitemap button span::after{ transition-duration: 0.25s; transition-property: transform; }
.header.fixed .top_sitemap button span::before, .header.fixed .top_sitemap button span::after, .header.main_fixed .top_sitemap button span::before, .header.main_fixed .top_sitemap button span::after,
.header .top_sitemap.on.col_b button span:before, .header .top_sitemap.on.col_b button span:after { background-color: #222; transition:all ease .3s; }
.header .top_sitemap button span::before{content: ''; width: 100%; height: 100%; background-color: #fff; display: block; transform: translateX(0);}
.header .top_sitemap button span::after{content: ''; width: 100%; height: 100%; background-color: #fff; position: absolute; left: 0; top: 0; transform: translateX(100%);}
.header .top_sitemap:not(.on) button span:nth-child(1)::before{transition-delay: 0.2s;}
.header .top_sitemap:not(.on) button span:nth-child(1)::after{transition-delay: 0s;}
.header .top_sitemap:not(.on) button span:nth-child(2)::before{transition-delay: 0.3s;}
.header .top_sitemap:not(.on) button span:nth-child(2)::after{transition-delay: 0.1s;}
.header .top_sitemap:not(.on) button span:nth-child(3)::before{transition-delay: 0.4s;}
.header .top_sitemap:not(.on) button span:nth-child(3)::after{transition-delay: 0.2s;}
.header .top_sitemap:not(.on):hover button span::before{transform: translateX(-100%);}
.header .top_sitemap:not(.on):hover button span::after{transform: translateX(0%);}
.header .top_sitemap:not(.on):hover button span:nth-child(1)::before{transition-delay: 0s;}
.header .top_sitemap:not(.on):hover button span:nth-child(1)::after{transition-delay: 0.2s;}
.header .top_sitemap:not(.on):hover button span:nth-child(2)::before{transition-delay: 0.1s;}
.header .top_sitemap:not(.on):hover button span:nth-child(2)::after{transition-delay: 0.3s;}
.header .top_sitemap:not(.on):hover button span:nth-child(3)::before{transition-delay: 0.2s;}
.header .top_sitemap:not(.on):hover button span:nth-child(3)::after{transition-delay: 0.4s;}

.header .top_sitemap.on {z-index: 101; transition-delay: 0s; transition-duration: 0s;}
.header .top_sitemap button span:nth-child(1){animation:manuAnimate01_1 0.8s forwards;}
.header .top_sitemap button span:nth-child(2){animation:manuAnimate02_1 0.8s forwards;}
.header .top_sitemap button span:nth-child(3){animation:manuAnimate03_1 0.8s forwards;}
.header .top_sitemap.on button span:nth-child(1){animation:manuAnimate01 0.8s forwards;}
.header .top_sitemap.on button span:nth-child(2){animation:manuAnimate02 0s forwards;}
.header .top_sitemap.on button span:nth-child(3){animation:manuAnimate03 0.8s forwards; width: 2.5rem; bottom:.1rem;}
@keyframes manuAnimate01 { 0%{transform: translateY(0px) rotate(0deg);} 50%{transform: translateY(7px) rotate(0deg);} 100%{transform: translateY(7px) rotate(45deg);} }
@keyframes manuAnimate01_1 { 0%{transform: translateY(7px) rotate(45deg);} 50%{transform: translateY(7px) rotate(0deg);} 100%{transform: translateY(0px) rotate(0deg);} }
@keyframes manuAnimate02 { 0%{opacity: 1;} 100%{opacity: 0;} }
@keyframes manuAnimate02_1 { 0%{opacity: 0;} 100%{opacity: 1;} }
@keyframes manuAnimate03 { 0%{transform: translateY(0px) rotate(0deg);} 50%{transform: translateY(-6px) rotate(0deg);} 100%{transform: translateY(-6px) rotate(135deg);} }
@keyframes manuAnimate03_1 { 0%{transform: translateY(-6px) rotate(135deg);} 50%{transform: translateY(-6px) rotate(0deg);} 100%{transform: translateY(0px) rotate(0deg);} }

/* 
.header .m_gnb {display: none;}
.header .m_gnb .m_menu {float: right;}
.header .m_gnb .top_sitemap {display: inline-block;vertical-align: middle;}
.header .m_gnb .top_sitemap i {display: block;position: relative;background: #222;width: 2.5rem;height: .2rem;margin-top: .6rem;}
.header .m_gnb .top_sitemap i:first-child {margin-top:0;}
.header.trans .m_gnb .top_search .btn_search {background: url(../images/common/icon_search_m_w.png) 0 0 no-repeat;background-size: 100% 100%;}
.header.trans .m_gnb .top_sitemap i {background: #222;}
*/

/* sitemap */
.sitemap { width:100%; height: 100vh; position: fixed; z-index: 1001; left:-150%; transition:.8s left .2s; transition-timing-function: cubic-bezier(0, 0, 0, .2, 1); overflow-y: auto;}
.sitemap::-webkit-scrollbar {display: none;}
.sitemap.on, .sitemap_bg.on { left:0; transition-delay: 0s; }
.sitemap_bg { display: none; width:100%; height: 100vh; position: fixed; z-index: 1000; top: 0; left:-100%; background: rgba(0, 0, 0, 0.5); transition:left .5s; transition-timing-function: cubic-bezier(0, 0.5, 0.8, 1); }
.sitemap .sitemap_wrap { width:100%; position: relative; background: #fff; z-index: 1; display: flex; align-items: stretch; min-height: 100vh;}
.sitemap .sitemap_wrap li { width: calc(100% / 5); position: relative; text-align: center; transition:all ease .2s;  padding-bottom: 5rem;}
.sitemap .sitemap_wrap li:hover { background:#00a970; }
.sitemap .sitemap_wrap li:not(:last-child) { border-right: 1px solid #e8e8e8; }
.sitemap .sitemap_wrap li .tit_line { width: .1rem; height: 0; background: #fff; left: 50%; opacity: 1; transition: all .5s; position: absolute;}
.sitemap .sitemap_wrap li:hover .tit_line {height: 10rem; opacity: 1;}
.sitemap .sitemap_wrap li p { margin-top: 15rem; padding-bottom: 2rem; text-align: center; opacity: 0; transition:all ease .8s; transition-delay: .1s; }
.sitemap .sitemap_wrap li p img { display: inline-block; }
.sitemap .sitemap_wrap li p img:last-of-type { display: none; }
.sitemap .sitemap_wrap li:hover p img:first-of-type { display: none; }
.sitemap .sitemap_wrap li:hover p img:last-of-type { display: inline-block; }
.sitemap .sitemap_wrap li h2 { font-size: 3rem; margin-top: 5rem; opacity: 0; transition: all ease .8s; transition-delay: .2s; }
.sitemap .sitemap_wrap li h2 a { transition:all ease .3s; font-weight: 400; }
.sitemap .sitemap_wrap li:hover h2 a:hover { padding-left: .5rem; color: #f5b508; }
.sitemap .sitemap_wrap li:hover h2 a { color: #fff; }

.sitemap .sitemap_wrap li .depth_box { margin-top:5rem; }
.sitemap .sitemap_wrap li .depth_list { font-size:1.8rem; line-height: 4rem; font-weight: 200; padding-top: 2rem; opacity: 0; transition: all ease .8s; /* transition-delay: .3s;*/ }
.sitemap .sitemap_wrap li .depth_list:nth-of-type(1) { padding-top: 2rem; padding-bottom: 1rem;}/* 220823 css 추가 */
.sitemap .sitemap_wrap li .depth_list:not(:first-of-type) { padding-top: 2rem; padding-bottom: 2rem;}/* 220823 css 추가 */
.sitemap .sitemap_wrap li .depth_list a { color:#777777; position: relative; }
/* .sitemap .sitemap_wrap li .depth_list a:after { content: ''; width: 0; height: .1rem; background: #f5b508; position: absolute; right: 0; bottom:-.5rem; transition: all ease .3s; } *//* 220819 사이트맵 밑줄 주석처리 */
.sitemap .sitemap_wrap li .depth_list a:hover:after { right: auto; left: 0; width: 100%; }
.sitemap .sitemap_wrap li:hover .depth_list.dep a { opacity: 0.4; }/* 220712 css 수정 */
.sitemap .sitemap_wrap li:hover .depth_list a:hover { color:#f5b508; opacity: 1;}
.sitemap .sitemap_wrap li:hover .depth_list a { color:#fff; }/* 220712 css 수정 */
.sitemap .sitemap_wrap li:hover .depth_list:hover { background-color: #00764C; opacity: 1;}
.sitemap .sitemap_wrap li:hover .depth_list:hover a{ color:#f5b508; font-weight: 300; opacity: 1;}
.container .contents .contents_inner .detail_sub_contents .inner .tb_view .view_box .view_info p { word-break:normal; }
.sitemap .sitemap_wrap li p.on, .sitemap .sitemap_wrap li h2.on , .sitemap .sitemap_wrap li .depth_list.on { opacity: 1; }
/* .sitemap .sitemap_wrap li .depth_list:nth-of-type(2) { transition-delay: .4s; }
.sitemap .sitemap_wrap li .depth_list:nth-of-type(3) { transition-delay: .5s; }
.sitemap .sitemap_wrap li .depth_list:nth-of-type(4) { transition-delay: .6s; }
.sitemap .sitemap_wrap li .depth_list:nth-of-type(5) { transition-delay: .7s; }
.sitemap .sitemap_wrap li .depth_list:nth-of-type(6) { transition-delay: .8s; } *//* 220823 css 수정 */

/* 220712 css 추가 */
.sitemap .sitemap_wrap li .depth_list>ul li { width:100%; }
.sitemap .sitemap_wrap li .depth_list.dep {padding-top: 1rem; padding-bottom: 1rem; max-width: 100%;text-align: center;font-size: 17px;line-height: 30px;}/* 220823 css 변경 */
.sitemap .sitemap_wrap li .depth_list.dep a:before{ position: absolute; content:''; width: 3px; height: 3px; border-radius: 100%; background-color: #777; left: -10px; top:7px;}
.sitemap .sitemap_wrap li:hover .depth_list.dep a:before { background-color:#f5b508; }/* 220823 css 변경 */
.sitemap .sitemap_wrap li:hover .depth_list.dep a:hover:before { background-color:#f5b508; }
.sitemap .sitemap_wrap li .depth_list.dep .inner {max-width: 50px; text-align: left;}/* 220823 css 추가 */

/* container*/
.container .sub_visual {position: relative; padding: 0 2rem; width: 100%; height: 66rem; background:#212620; } /* 배경 클리핑 색상 확인 필요 */
/** sub main visual navigation with title **/
.container .sub_visual .sub_visual_nav { width: 100%; height: 100%; max-width: 160rem; z-index: 10; position: relative; left: 50%; transform: translateX(-50%);}
.container .sub_visual .sub_visual_nav h2 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 6rem; color: #fff; letter-spacing: 1px;width: 100%;text-align: center; }
.container .sub_visual .sub_visual_nav div { position: absolute; top: 50%; transform: translateY(-50%); border: 1px solid #fff; max-width: 6rem; height: 6rem; border-radius: 6rem; transition:all ease .8s; }
.container .sub_visual .sub_visual_nav div:hover { max-width: 50rem;}
.container .sub_visual .sub_visual_nav div a { position: relative; display: block; width: 100%; height: 100%; border-radius: 6rem; overflow: hidden;}
.container .sub_visual .sub_visual_nav div a:before { content: ''; background: #000; opacity:0; width: 100%; height: 100%; position: absolute; border-radius: 6rem; transition:all ease .3s; }
.container .sub_visual .sub_visual_nav div a:hover:before { opacity: .2;}
.container .sub_visual .sub_visual_nav div a img { position: absolute; right:0; padding: 0 2.3rem; top: 50%; transform: translateY(-50%); }
.container .sub_visual .sub_visual_nav div a span { white-space: nowrap; font-size: 1.8rem; color:#fff; display:inline-block; position: relative; top:50%; transform:translateY(-50%); line-height: normal; opacity:0; transition:all ease .3s; }
.container .sub_visual .sub_visual_nav div a:hover span { opacity:1; }
.container .sub_visual .sub_visual_nav .sub_visual_nav_next { right:-2rem; }
.container .sub_visual .sub_visual_nav .sub_visual_nav_next a span { padding:0 9.5rem 0 4rem; }
.container .sub_visual .sub_visual_nav .sub_visual_nav_prev { left:-2rem; }
.container .sub_visual .sub_visual_nav .sub_visual_nav_prev a span { right:0; padding:0 4rem 0 9.5rem; }
.container .sub_visual .sub_visual_nav .sub_visual_nav_prev a img { left:0; }

/* .container .sub_visual .sub_visual_menu {width: 168rem;height: 6.6rem;background: #fff;border-bottom: .1rem solid #e8e8e8;position: absolute;bottom:0;right:0;display: flex;z-index: 11;} */
.container .sub_visual .sub_visual_menu {width: calc(100% - 24rem);height: 6.6rem;background: #fff;border-bottom: .1rem solid #e8e8e8;position: absolute;bottom:0;/* right:0; */left: 24rem;display: flex;z-index: 11;}
.container .sub_visual .sub_visual_menu .home {width: 7.7rem;height: 6.6rem;background: #00a970 url(../images/common/sub_nav_home.png) no-repeat 50% 50%;position: relative;}
.container .sub_visual .sub_visual_menu .depth {position: relative;width: 22.6rem;height: auto;border-right: .1rem solid #e8e8e8;font-size:1.6rem;color: #555;/* line-height: 6.6rem; */}
.container .sub_visual .sub_visual_menu .depth.open {box-shadow: 1px 2px 9.5px 0.5px rgba(51, 51, 51, 0.1);height: auto;/* border-right:0; */}
.container .sub_visual .sub_visual_menu .depth > a {color: #555;display: block;width:100%;height: 6.6rem;padding-left: 4rem;line-height: 6.8rem;background: transparent;position: relative;z-index: 20;}
.container .sub_visual .sub_visual_menu .depth.open > a {background: #fff;}
.container .sub_visual .sub_visual_menu .depth > a:before {content:'';width:.5rem;height: .5rem;border-top: .1rem solid #555;border-right: .1rem solid #555;transform: rotate(135deg);position: absolute;right:4rem;top:3rem;}
.container .sub_visual .sub_visual_menu .depth.open > a:before {transform: rotate(315deg);}
.container .sub_visual .sub_visual_menu .depth > a:after {content:'';display: none;width: calc(100% - 4rem);height: .1rem;background: #e8e8e8;z-index: 10;position: absolute;left: 2rem;bottom: 0;}
.container .sub_visual .sub_visual_menu .depth.open > a:after {display: block;}
.container .sub_visual .sub_visual_menu .depth .drop_box {padding: 0 0 0 0;width: 100%;height: 0;background: #fff;position: relative;z-index:11;overflow: hidden;transition: all .3s;}
.container .sub_visual .sub_visual_menu .depth.open .drop_box {height: auto;padding: 2rem 0 2rem 0;box-shadow: 1px 2px 9.5px 0.5px rgba(51, 51, 51, 0.1);font-family: 'NS'; font-weight: 200; font-size: 15px; color:#555;}/* 220823 css 수정 */
.container .sub_visual .sub_visual_menu .depth.open .drop_box li.dep {padding-left: 10px;font-size: 15px;}/* 220712 css 추가 */
.container .sub_visual .sub_visual_menu .depth.open .drop_box li.dep a{ padding: 1rem 0 1rem 4rem;} /* 220712 css 추가 */
.container .sub_visual .sub_visual_menu .depth .drop_box li.dep a:before {content:'';position: absolute;width: 3px; height: 3px; border-radius: 100%; background-color: #000; left: 31px; top:17px;}
.container .sub_visual .sub_visual_menu .depth .drop_box li a {display: inline-block;padding: 1.5rem 0;width: 100%;height: 100%;position: relative;color: #555; padding-left:4rem;}
/* .container .sub_visual .sub_visual_menu .depth .drop_box li a:after {content:'';display: none;width: .9rem;height: .1rem;background: #00a970;position: absolute;top: 50%;right: 4.8rem;transform: translateY(-50%);} */
.container .sub_visual .sub_visual_menu .depth .drop_box li:hover {background-color:#fafafa; opacity: 1; color:#22581c;}
.container .sub_visual .sub_visual_menu .depth .drop_box li a:hover {color: #00a970;font-weight: 300;}
.container .sub_visual .sub_visual_menu .depth .drop_box li a:hover:after {display: inline-block;}
/* .container .sub_visual .sub_visual_menu .depth:last-child {width: 32.6rem;} */
.container .sub_visual .sub_visual_menu .depth:last-child > a:before {content:'';display: inline-block;width: .9rem;height: .3rem;background: #fff;border-top: .1rem solid #3b5a25;border-bottom: .1rem solid #3b5a25;border-right: 0;background: transparent; position: absolute;right: 4rem;top: 3rem;transform: rotate(0);}
.container .sub_visual .sub_visual_menu .depth:last-child.open > a:before {height: .1rem;border: 0;background: #3b5a25;top: 3.2rem;}
.container .sub_visual .sub_visual_menu .depth:last-child .dep_tit {font-weight: 300;color: #00a970;}



.container .sub_visual .sub_visual_m {display: none;}
.container .sub_visual .sub_visual_m h2 {padding-top: 10rem;font-size: 3.5rem;font-weight: 300;color: #fff;text-align: center;}
/* .container .sub_visual .location {position: relative;margin-top: 5.5rem;width: 100%;z-index: 2;} 
.container .sub_visual .location .loccation_tit {display: block;background-color: rgba(0,0,0,0.4);background-image: url(../images/common/icon_loc.png);background-size: 1.9rem 1.1rem;background-position: right 1.5rem center;background-repeat: no-repeat;width: 100%;height: 5rem;line-height: 5rem;padding-left: 2rem;border: .1rem solid #fff;font-size: 1.5rem;color: #fff;}
.container .sub_visual .location .drop_box {background: rgba(256,256,256,0.96);transition:all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
.container .sub_visual .location.open .drop_box{border: .1rem solid #e9e9e9;}
.container .sub_visual .location .drop_box ul li {border-top: .1rem solid #e9e9e9;}
.container .sub_visual .location .drop_box ul li:first-child {border-top: 0;}
.container .sub_visual .location .drop_box ul li a {display: block;position: relative;padding: 1.8rem 2rem;font-size: 1.3rem; color: #7d7d7d;}
.container .sub_visual .location .drop_box ul li.active a {padding-left: 3rem;color: #000;}
.container .sub_visual .location .drop_box ul li.active a:before {content: "";position: absolute;top: 50%;left: 2rem;background: #e0002a;width: .3rem;height: .3rem;border-radius: 100%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);} */
.container .contents {position: relative;}
.container .contents .contents_inner {width: 100%;height: 100%;margin: 0 auto;padding: 8rem 0 16rem 0; /* border-top:1px solid #e8e8e8; */ }
.container .contents .contents_inner .detail_sub_contents .inner .tb_view { font-size:1.6rem; font-family: 'NS'; }


.contents .paging {margin-top: 6rem;position: relative;text-align: center;}
.contents .paging>a {display: inline-block;vertical-align: middle;}
.contents .paging .front {width: 1.2rem;height: 1.1rem;background: url(../images/common/arrow_front.png) 0 0 no-repeat;background-size: 100% 100%;}
.contents .paging .prev {margin-left: 1.5rem;width: .6rem;height: 1.1rem;background: url(../images/common/arrow_prev.png) 0 0 no-repeat;background-size: 100% 100%;}
.contents .paging .next {margin-right: 1.5rem;width: .6rem;height: 1.1rem;background: url(../images/common/arrow_next.png) 0 0 no-repeat;background-size: 100% 100%;}
.contents .paging .last {width: 1.2rem;height: 1.1rem;background: url(../images/common/arrow_last.png) 0 0 no-repeat;background-size: 100% 100%;}
.contents .paging ul {margin: 0 3rem;display: inline-block;vertical-align: middle;}
.contents .paging ul:after {content: "";display: block;clear: both;}
.contents .paging ul li {position: relative;float: left;margin: 0 1rem;}
.contents .paging ul li.active a {color: #00a970;font-weight: 500;}
.contents .paging ul li a {display: block;width: 2.4rem;height: 2.4rem;line-height: 2.4rem;font-family: 'Montserrat';font-size: 1.5rem;text-align: center;}

/* footer */
.footer {position: relative;width: 100%;height: 30rem;padding-top: 4rem;background: #009160;}
.footer .footer_wrap {position: relative;margin: 0 auto;max-width: 144rem;}
.footer .footer_wrap .menu_top {padding-top: 1.6rem;}
.footer .footer_wrap .footer_menu a {position: relative;display: inline-block;padding: 0 3rem;font-size: 1.6rem;color: #fff;}
.footer .footer_wrap .footer_menu .privacy_policy, .footer .footer_wrap .footer_menu .speakup {font-weight: 300;}
.footer .footer_wrap .footer_menu a:first-child {padding-left: 0;}
.footer .footer_wrap .footer_menu a:after {content: "";display: block;position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: .1rem;height: 1.2rem;background: #fff;}
.footer .footer_wrap .footer_menu a:last-child:after {display: none;}
.footer .footer_wrap .footer_info {color: #fff;font-size: 1.5rem;padding-top: 5rem;}
.footer .footer_wrap .footer_info > div {display: inline-block;margin-right: 3.8rem;}
.footer .footer_wrap .footer_info > div > span {display: inline-block;font-family: 'Montserrat';font-weight: 400;color: #ffffff;margin-right: 1.3rem;}
.footer .footer_wrap .copyright {padding-top: 2rem;font-family: 'Montserrat';font-size: 1.4rem;font-weight: 200;color: #fff;}
.footer .footer_wrap .copyright b {color: #00a970;}
.footer .family_site {position: absolute;top: 0;right: 0;}
.footer .family_site .site_link {position: relative; transition: background .3s;}
.footer .family_site .site_link .link_list {position: absolute;top: 4.6rem;left: 0;overflow: hidden;width: 100%;height: 0;transition: all .5s;}
.footer .family_site .site_link .link_list a {background: transparent; display: block;width: 100%;height:4.6rem;line-height:4.6rem;font-size: 1.6rem;font-weight: 200;color: #fff;border: .1rem solid #ffffff;border-top: 0;text-align: center;}
.footer .family_site .site_link .link_open {display: block;position: relative;width: 16rem;height: 4.6rem;line-height: 4.6rem;padding: 0 2rem;font-size: 1.5rem;font-family: 'Montserrat';font-weight: 300;color: #fff;text-align: center;border: .1rem solid #ffffff;}
.footer .family_site .site_link .link_open > i {display: inline-block;width: .4rem;height: .4rem;background: #fff;border-radius: 50%;margin-left: .6rem;}

.footer .family_site .site_link.open .link_list {height: auto;max-height: 31.5rem;}
/* .footer .family_site .site_link.open .link_open {background: #222;} */
/* .footer .family_site .site_link.open .link_list .opt_grp{background: #222 url(../images/common/icon_plus2.png)90% 50% no-repeat;background-size: 1.1rem 1.1rem;}
.footer .family_site .site_link.open .link_list .opt_grp.open{background: #222 url(../images/common/icon_minus2.png)90% 50% no-repeat;background-size: 1.1rem .1rem;} */
/* .footer .family_site .site_link.open .link_list .opt_grp + .link_list_depth{height: 0;overflow: hidden;}
.footer .family_site .site_link.open .link_list .opt_grp.open + .link_list_depth{height: auto;} */

#topButton {position: fixed; /* right: 8rem; */left: calc(100% - 14rem); bottom: 8rem; display: none; z-index: 999; box-shadow: 3px 4px 15.52px 0.48px rgba(67, 83, 66, 0.16); border-radius: 3rem;}
#topButton.on {position: absolute;}
#topButton > img:last-child {display: none;}
/* .footer .family_site .site_link.open .link_list::-webkit-scrollbar{width: .5rem;}
.footer .family_site .site_link.open .link_list::-webkit-scrollbar-thumb{background: #999;}
.footer .family_site .site_link.open .link_list::-webkit-scrollbar-track{width: 0.5rem;background: #333;} */


/* privacy_policy */
#AB_contents { max-width: 120rem; width: 100%; margin: auto; }
.AB-text-clause .bx{padding:5rem 2rem 15rem; line-height:1.9; }
.AB-text-clause .bx h2{font-size:1.8rem; font-weight:bold; color:#000; font-weight:400; margin-bottom:10px; margin-top:30px;}
.AB-text-clause .bx h2:after { content: ''; width: 2.6rem; height: .2rem; display: block; background: #00a970; margin-top: .5rem; }
.AB-text-clause .bx h3{ padding:1.5rem 0 1.5rem 0; background:none;font-size:1.5rem; font-weight:400; }
.AB-text-clause .bx h3:before { content: '▶'; display: inline-block; color: #00a970; font-size: 1rem; position: relative; top: -.2rem; padding-right: .5rem; }
.AB-text-clause .bx p{color:#666; letter-spacing:-0.7px; font-size: 1.2rem;}
.AB-text-clause .bx p span { font-size: 1.6rem; }