@charset "utf-8";

/* Common */
.header ::-webkit-scrollbar,
.sitemap ::-webkit-scrollbar {width: 5px; height: 5px;}
.header ::-webkit-scrollbar-thumb,
.sitemap ::-webkit-scrollbar-thumb {background: #1F95FF;}
.header ::-webkit-scrollbar-track,
.sitemap ::-webkit-scrollbar-track {background: #f1f1f1;}

.header {position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100px; background: rgba(0,0,0,.5); color: #fff;}
.screenshooting .header {position: absolute;}
.header__container {display: flex; justify-content: space-between; align-items: center; width: calc(100% - 80px)!important; max-width: 1920px; height: 100%;}
.header__logo {width: 144px; height: 62px; margin-right: 50px; background-image: url('../images/common/logo.png')!important;}
.header__logo a {display: flex; width: 100%; height: 100%;}

.gnb {display: flex; height: 100%;}
.gnb__item {position: relative; height: 100%; padding: 0 20px;}
.gnb__item > a {position: relative; display: flex; align-items: center; justify-content: center; text-align: center; height: 100%; font-size: 20px; font-weight: 700;}

.edit-header_gnb_align--center .gnb_wrap {margin: 0 auto;}
.edit-header_gnb_align--left .gnb_wrap {margin-right: auto;}
.edit-header_gnb_align--right .gnb_wrap {margin-left: auto;}
.edit-header_gnb_align--center .gnb .gnb__item {padding: 0 40px;}

.submenu {display: none;}
.submenu a:hover {color: #1F95FF;}

.lang_nav .cur_lang {cursor: pointer;}
.edit-header_lang_btn--button .lang_nav .cur_lang {display: none;}
.edit-header_lang_btn--button .lang_nav .lang_ls {display: flex; align-items: center;}
.edit-header_lang_btn--button .lang_nav .lang_ls li {margin-left: -1px;}
.edit-header_lang_btn--button .lang_nav .lang_ls li a {display: flex; align-items: center; justify-content: center; width: 50px; height: 40px; border: 1px solid #dfdfdf; background: #555; text-transform: uppercase; line-height: 1;}
.edit-header_lang_btn--button .lang_nav .lang_ls li.active a {font-weight: 700; background: #fff; color: #333;}

.edit-header_lang_btn--dropdown .lang_nav {position: relative;}
.edit-header_lang_btn--dropdown .lang_nav .flag {width: 20px; height: 20px; border-radius: 50%; background: #dfdfdf; margin-right: .5em; flex-shrink: 0;}
.edit-header_lang_btn--dropdown .lang_nav .cur_lang {display: flex; align-items: center; justify-content: center; padding: 5px 20px; background: rgba(0,0,0,.5); border-radius: 10px;}
.edit-header_lang_btn--dropdown .lang_nav .cur_lang .arrow {margin-left: 1em; margin-top: -7px; border-color: #fff;}
.edit-header_lang_btn--dropdown .lang_nav .lang_ls {position: absolute; top: 100%; left: 0; width: 100%; display: none; background: rgba(0,0,0,.5); padding: 5px 0;}
.edit-header_lang_btn--dropdown .lang_nav .lang_ls > li {width: 100%; margin: 0;}
.edit-header_lang_btn--dropdown .lang_nav .lang_ls > li > a {width: 100%; font-size: 16px; height: auto; justify-content: flex-start; padding: 5px 20px; background: none; border: none; color: #fff; margin: 0; font-size: 16px;}
.edit-header_lang_btn--dropdown .lang_nav .lang_ls > li.active {display: none;}
.edit-header_lang_btn--dropdown .lang_nav .lang_ls > li.active > a {color: #fff; background: none; border: none; font-weight: 400;}
.edit-header_lang_btn--dropdown .lang_nav:hover .cur_lang {border-radius: 10px 10px 0 0;}
.edit-header_lang_btn--dropdown .lang_nav:hover .lang_ls {display: block; border-radius: 0 0 10px 10px; overflow: hidden;}

.edit-header_lang_btn--toggle .lang_nav {display: flex; height: 100%; position: relative;}
.edit-header_lang_btn--toggle .lang_nav .flag {display: block; width: 50px; height: 30px; background: #afafaf;}
.edit-header_lang_btn--toggle .lang_nav .cur_lang {display: flex; align-items: center; padding: 0 0 0 10px;}
.edit-header_lang_btn--toggle .lang_nav .cur_lang .arrow {border-color: #fff; border-width: 4px; margin-left: 10px; margin-top: -5px;}
.edit-header_lang_btn--toggle .lang_nav .val {display: none;}
.edit-header_lang_btn--toggle .lang_nav .lang_ls {display: none; position: absolute; top: 100%; left: 0; padding: 5px 0; border: 1px solid #dfdfdf; border-top: none; background: rgba(255,255,255,.7);}
.edit-header_lang_btn--toggle .lang_nav.active .lang_ls {display: block;}
.edit-header_lang_btn--toggle .lang_nav .lang_ls__item.active {display: none;}
.edit-header_lang_btn--toggle .lang_nav .lang_ls__item a {display: block; padding: 5px 10px;}

.sitemap_btn {margin-left: 20px;}
.sitemap_btn > .ico--hamburger {width: 40px; height: 30px; padding: 10px 0 10px 10px; box-sizing: content-box; cursor: pointer;}
.sitemap_btn .ico--hamburger {position: relative;}
.sitemap_btn .ico--hamburger .bar {background: #fff;}

.sitemap_btn.basic .ico--hamburger .bar {height: 2px;}
.sitemap_btn.basic .ico--hamburger.active {justify-content: center; align-items: center;}
.sitemap_btn.basic .ico--hamburger.active .bar:nth-child(1) {transform: rotate(45deg); margin-top: 1px;}
.sitemap_btn.basic .ico--hamburger.active .bar:nth-child(2) {display: none;}
.sitemap_btn.basic .ico--hamburger.active .bar:nth-child(3) {transform: rotate(-45deg); margin-top: -2px;}

.sitemap_btn.edit-header_sitemap_btn--times-anime-1 > a {box-sizing: border-box;}
.sitemap_btn.edit-header_sitemap_btn--times-anime-1 .ico--hamburger .bar {height: 2px; position: absolute; left: 50%; transition: .3s;}
.sitemap_btn.edit-header_sitemap_btn--times-anime-1 .ico--hamburger .bar:nth-child(1) {transform: translate(-50%, 0); top: 0;}
.sitemap_btn.edit-header_sitemap_btn--times-anime-1 .ico--hamburger .bar:nth-child(2) {transform: translate(-50%, -50%); top: 50%;}
.sitemap_btn.edit-header_sitemap_btn--times-anime-1 .ico--hamburger .bar:nth-child(3) {transform: translate(-50%, 0); top: 100%; margin-top: -2px;}
.sitemap_btn.edit-header_sitemap_btn--times-anime-1 .ico--hamburger.active .bar:nth-child(1) {top: 50%; transform: translate(-50%, -50%) rotate(45deg);}
.sitemap_btn.edit-header_sitemap_btn--times-anime-1 .ico--hamburger.active .bar:nth-child(2) {opacity: 0;}
.sitemap_btn.edit-header_sitemap_btn--times-anime-1 .ico--hamburger.active .bar:nth-child(3) {top: 50%; transform: translate(-50%, -50%) rotate(-45deg); margin: 0;}

.sitemap_btn.edit-header_sitemap_btn--times-anime-2 > a {box-sizing: border-box;}
.sitemap_btn.edit-header_sitemap_btn--times-anime-2 .ico--hamburger .bar {height: 2px; position: absolute; left: 50%; transition: background .3s 0s, opacity .3s 0s, top .3s .3s, transform .3s 0s;}
.sitemap_btn.edit-header_sitemap_btn--times-anime-2 .ico--hamburger.active .bar {transition: background .3s 0s, opacity .3s 0s, top .3s 0s, transform .3s .3s;}
.sitemap_btn.edit-header_sitemap_btn--times-anime-2 .ico--hamburger .bar:nth-child(1) {transform: translate(-50%, 0); top: 0;}
.sitemap_btn.edit-header_sitemap_btn--times-anime-2 .ico--hamburger .bar:nth-child(2) {transform: translate(-50%, -50%); top: 50%;}
.sitemap_btn.edit-header_sitemap_btn--times-anime-2 .ico--hamburger .bar:nth-child(3) {transform: translate(-50%, 0); top: 100%; margin-top: -2px;}
.sitemap_btn.edit-header_sitemap_btn--times-anime-2 .ico--hamburger.active .bar:nth-child(1) {top: 50%; transform: translate(-50%, -50%) rotate(45deg);}
.sitemap_btn.edit-header_sitemap_btn--times-anime-2 .ico--hamburger.active .bar:nth-child(2) {opacity: 0;}
.sitemap_btn.edit-header_sitemap_btn--times-anime-2 .ico--hamburger.active .bar:nth-child(3) {top: 50%; transform: translate(-50%, -50%) rotate(-45deg); margin: 0;}

.sitemap_btn.edit-header_sitemap_btn--times-anime-3 > a {box-sizing: border-box;}
.sitemap_btn.edit-header_sitemap_btn--times-anime-3 .ico--hamburger .bar {height: 2px; position: absolute; left: 50%; transition: .3s;}
.sitemap_btn.edit-header_sitemap_btn--times-anime-3 .ico--hamburger .bar:nth-child(1) {transform: translate(-50%, 0); top: 0;}
.sitemap_btn.edit-header_sitemap_btn--times-anime-3 .ico--hamburger .bar:nth-child(2) {transform: translate(-50%, -50%); top: 50%;}
.sitemap_btn.edit-header_sitemap_btn--times-anime-3 .ico--hamburger .bar:nth-child(3) {transform: translate(-50%, 0); top: 100%; margin-top: -2px;}
.sitemap_btn.edit-header_sitemap_btn--times-anime-3 .ico--hamburger.active .bar:nth-child(1) {top: 50%; transform: translate(-50%, -50%) rotate(315deg);}
.sitemap_btn.edit-header_sitemap_btn--times-anime-3 .ico--hamburger.active .bar:nth-child(2) {opacity: 0;}
.sitemap_btn.edit-header_sitemap_btn--times-anime-3 .ico--hamburger.active .bar:nth-child(3) {top: 50%; transform: translate(-50%, -50%) rotate(-315deg); margin: 0;}

.sitemap_btn.edit-header_sitemap_btn--widraw > a {}
.sitemap_btn.edit-header_sitemap_btn--widraw .ico--hamburger .bar {transition: .3s;}
.sitemap_btn.edit-header_sitemap_btn--widraw .ico--hamburger.active .bar:nth-child(1) {transform: translate(5px);}
.sitemap_btn.edit-header_sitemap_btn--widraw .ico--hamburger.active .bar:nth-child(2) {transform: translate(-5px);}
.sitemap_btn.edit-header_sitemap_btn--widraw .ico--hamburger.active .bar:nth-child(3) {transform: translate(5px);}

.sitemap_btn.edit-header_sitemap_btn--stair .ico--hamburger .bar {transition: .2s;}
.sitemap_btn.edit-header_sitemap_btn--stair .ico--hamburger .bar:nth-child(1) {transition-delay: 0.2s;}
.sitemap_btn.edit-header_sitemap_btn--stair .ico--hamburger .bar:nth-child(2) {transition-delay: 0.1s;}
.sitemap_btn.edit-header_sitemap_btn--stair .ico--hamburger .bar:nth-child(3) {transition-delay: 0s;}
.sitemap_btn.edit-header_sitemap_btn--stair .ico--hamburger.active .bar:nth-child(1) {transition-delay: 0s; transform: translate(10px);}
.sitemap_btn.edit-header_sitemap_btn--stair .ico--hamburger.active .bar:nth-child(2) {transition-delay: 0.1s; transform: translate(5px);}
.sitemap_btn.edit-header_sitemap_btn--stair .ico--hamburger.active .bar:nth-child(3) {transition-delay: 0.2s; transform: translate(0px);}

.sitemap_btn.edit-header_sitemap_btn--two-bar-1 .ico--hamburger { justify-content: center; align-items: center;}
.sitemap_btn.edit-header_sitemap_btn--two-bar-1 .ico--hamburger .bar {height: 5px; margin: 3px 0; border-radius: 0; transition: .3s;}
.sitemap_btn.edit-header_sitemap_btn--two-bar-1 .ico--hamburger .bar:nth-child(2) {display: none;}
.sitemap_btn.edit-header_sitemap_btn--two-bar-1 .ico--hamburger.active .bar:nth-child(1) {transform: translate(5px);}
.sitemap_btn.edit-header_sitemap_btn--two-bar-1 .ico--hamburger.active .bar:nth-child(3) {transform: translate(-5px);}

.sitemap_btn.edit-header_sitemap_btn--two-bar-2 .ico--hamburger {width: 32px; height: 32px; border-radius: 50%; border: 4px solid #fff; padding: 14px;}
.sitemap_btn.edit-header_sitemap_btn--two-bar-2 .ico--hamburger { justify-content: center; align-items: center;}
.sitemap_btn.edit-header_sitemap_btn--two-bar-2 .ico--hamburger .bar {height: 5px; margin: 3px 0; border-radius: 0; transition: .3s;}
.sitemap_btn.edit-header_sitemap_btn--two-bar-2 .ico--hamburger .bar:nth-child(2) {display: none;}
.sitemap_btn.edit-header_sitemap_btn--two-bar-2 .ico--hamburger.active .bar:nth-child(1) {transform: translate(3px);}
.sitemap_btn.edit-header_sitemap_btn--two-bar-2 .ico--hamburger.active .bar:nth-child(3) {transform: translate(-3px);}

.header__etc_nav {height: 100%; display: flex; align-items: center; margin-left: 50px;}
.header__etc_nav .sitemap_btn {display: none;}
.edit-header_pc_sitemap_use--use .header__etc_nav .sitemap_btn {display: block;}

#edit-innerHTMLWrap--gnb {height: 100%;}

.gnb--simple-horizontal .submenu {position: absolute; display: none; justify-content: center; align-items: center; top: 100%; left: 50%; transform: translate(-50%); width: 200vw; background: #fff; height: 70px; color: #333; border-bottom: 1px solid #dfdfdf;}
.gnb--simple-horizontal .submenu > li {height: 100%; padding: 0 20px;}
.gnb--simple-horizontal .submenu > li > a {display: flex; align-items: center; justify-content: center; height: 100%; font-size: 18px;}
.gnb--simple-horizontal .gnb__item:hover .submenu {display: flex;}

.gnb--simple-vertical .gnb__item {padding: 0 30px;}
.gnb--simple-vertical .submenu {position: absolute; top: 100%; left: 50%; transform: translate(-50%); width: 150%; color: #333; text-align: center; background: #fff; border: 1px solid #cacaca; border-top: none; padding: 20px 0;}
.gnb--simple-vertical .submenu > li > a {display: block; padding: 8px 20px; font-size: 18px; line-height: 1.3;}
.gnb--simple-vertical .gnb__item:hover .submenu {display: block;}

.gnb--total {position: relative;}
.gnb--total::after {content: ""; display: block; width: 200vw; height: 300px; position: absolute; top: 100%; left: 50%; background: rgba(0,0,0,.7); z-index: -1; opacity: 0; pointer-events: none; transform: translate(-50%, 0) scaleY(0); transform-origin: top center; transition: opacity .4s, transform .4s;}
.gnb--total .gnb__item {padding: 0 30px;}
.gnb--total .submenu {position: absolute; display: block; top: 100%; left: 0; width: 100%; color: #fff; padding: 30px 0; opacity: 0; pointer-events: none; transform: translate(0, -30px); transition: opacity .4s, transform .4s;}
.gnb--total .submenu__item {padding: 0 0 0 30px;}
.gnb--total .submenu__item a {display: block; font-size: 18px; padding: 8px 0; line-height: 1.3; transition: transform .4s;}
.gnb--total .submenu__item:hover a {transform: translate(.5em);}
.gnb--total:hover .submenu {transform: translate(0); opacity: 1; pointer-events: initial;}
.gnb--total:hover::after {transform: translate(-50%, 0) scaleY(1); opacity: 1; pointer-events: initial;}

.gnb--multidepth-info .submenu_wrap {position: absolute; display: none; top: 100%; left: 0; width: auto; color: #333; font-size: 18px;}
.gnb--multidepth-info .submenu_wrap::before,
.gnb--multidepth-info .submenu_wrap::after {content: ""; position: absolute; z-index: -1; top: 0; width: 100vw; height: 100%; background: rgba(255,255,255,.8); border-bottom: 1px solid #dfdfdf;}
.gnb--multidepth-info .submenu_wrap::before {right: 100%;}
.gnb--multidepth-info .submenu_wrap::after {left: 100%;}
.gnb--multidepth-info .submenu_wrap .submenu_info {position: absolute; top: 0; right: 100%; z-index: 1; padding: 20px 40px;}
.gnb--multidepth-info .submenu_wrap .submenu_info .tit {display: block; font-size: 32px; font-weight: 700; margin-bottom: 0.2em; line-height: 1.3;}
.gnb--multidepth-info .submenu_wrap .submenu_info .desc {display: block; font-size: 18px; font-weight: 300; margin-bottom: 1em; line-height: 1.5;}
.gnb--multidepth-info .submenu_wrap .submenu_info .imgarea {width: 200px; height: 200px; background: #dfdfdf; padding: 10px;}
.gnb--multidepth-info .submenu {display: block; width: 250px; background: #00405e; height: 350px; padding: 20px 0;}
.gnb--multidepth-info .submenu__item {position: relative; z-index: 1;}
.gnb--multidepth-info .submenu__item > a {display: block; padding: 5px 30px; color: #fff;}
.gnb--multidepth-info .submenu--depth2 {position: absolute; left: 100%; top: 0; padding: 0 30px; display: none;}
.gnb--multidepth-info .submenu--depth2.al--bottom {top: auto; bottom: 0;}
.gnb--multidepth-info .submenu--depth2.al--center {top: 50%; transform: translate(0, -50%);}
.gnb--multidepth-info .submenu--depth2__item > a {display: block; padding: 3px 0; white-space: nowrap;}
.gnb--multidepth-info .gnb__item:hover .submenu_wrap {display: block;}
.gnb--multidepth-info .gnb__item .submenu__item:hover .submenu--depth2 {display: block;}

.gnb__item.has_submenu--tab {position: static;}
.has_submenu--tab .submenu--tab-complex {width: 100vw; height: auto; justify-content: flex-start; align-items: stretch; padding: 30px 100px;}
.has_submenu--tab .submenu--tab-complex_btns {display: block; max-width: 800px; min-width: 300px; max-height: 400px; padding: 20px 25px; border-radius: 5px; margin-right: 10px; border: 1px solid #dadada; overflow: hidden auto;}
.has_submenu--tab .submenu--tab-complex_btn {display: flex; justify-content: space-between; align-items: center; font-size: 18px; line-height: 1.4; padding: 8px 0;}
.has_submenu--tab .submenu--tab-complex_btn.tab_btn::after {display: block; content: ""; width: 10px; height: 10px; border-top: 4px solid #adadad; border-right: 4px solid #adadad; transform: rotate(45deg); margin-left: 20px; margin-right: 10px; flex-shrink: 0;}
.has_submenu--tab .submenu--tab-complex_btn.active {font-weight: 700;color: #1F95FF;}
.has_submenu--tab .submenu--tab-complex_btn:hover {color: #1F95FF;}
.has_submenu--tab .submenu--tab-complex .tab_contents {height: 100%;}
.has_submenu--tab .submenu--tab-complex .tab_contents.active {display: flex;}
.has_submenu--tab .submenu--tab-complex .tab_contents.active .submenu__thumb_ls {display: flex;}
.has_submenu--tab .submenu--tab-complex_btns .submenu__thumb_ls__item {width: calc(100% / 4);}

.has_submenu--tab .submenu--tab-simple {width: 100vw!important; height: auto!important; padding: 30px 100px; justify-content: flex-start; align-items: flex-start;}
.has_submenu--tab .submenu--tab-simple_btns {padding-right: 30px; width: 150px; flex-shrink: 0;}
.has_submenu--tab .submenu--tab-simple_btns .tab_btn {display: block; padding: 5px 0; font-size: 18px; font-weight: 700; cursor: pointer;}
.has_submenu--tab .submenu--tab-simple_btns .tab_btn.active {color: #1F95FF;}

.submenu__thumb_ls {display: none; flex-wrap: wrap; padding: 10px 0 20px 0;}
.submenu__thumb_ls.active {display: flex;}
.submenu__thumb_ls__item {width: 120px; flex-shrink: 0; padding: 0 10px 20px 10px;}
.submenu__thumb_ls.col--2 .submenu__thumb_ls__item {width: 50%;}
.submenu__thumb_ls.col--3 .submenu__thumb_ls__item {width: calc(100% / 3);}
.submenu__thumb_ls.col--4 .submenu__thumb_ls__item {width: 25%;}
.submenu__thumb_ls.col--5 .submenu__thumb_ls__item {width: 20%;}
.submenu__thumb_ls__item > a {display: flex; flex-direction: column; align-items: center; text-align: center;}
.submenu__thumb_ls__item > a > .name {font-weight: 18px;}
.submenu__thumb_ls__item > a > .thumb {border-radius: 5px; border: 1px solid #dfdfdf; margin-bottom: 10px;}
.submenu__thumb_ls__item > a:hover > .name {color: #1F95FF;}

.sitemap {position: fixed; top: 0; right: 0; z-index: 100000; display: flex; justify-content: flex-end; width: 100%; height: 100%; overflow: hidden; opacity: 1; pointer-events: none;}
.edit-header_sitemap_position--left {justify-content: flex-start;}
.edit-header_sitemap_position--right {justify-content: flex-end;}
.sitemap__dim {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7); transition: opacity .4s; opacity: 0;}
.sitemap__container {position: relative; z-index: 1; background: #444; opacity: 0; padding: 0 0 40px 0; display: flex; flex-direction: column; width: 480px; transition: opacity .4s, transform .4s; overflow: hidden;transform: translate(100%);}
.edit-header_sitemap_position--left .sitemap__container {transform: translate(-100%);}
.edit-header_sitemap_position--right .sitemap__container {transform: translate(100%);}
.sitemap__head {display: flex; justify-content: flex-end; align-items: center; padding: 30px 40px 30px 60px; flex-shrink: 0;}
.sitemap__overflow_wrapper {overflow: hidden auto; height: 100%; padding: 0 40px 0 60px; display: flex; flex-direction: column;}
.sitemap__foot {flex-shrink: 0; padding: 40px 0 0 0; margin-top: auto;}

.sitemap__close_btn {cursor: pointer;}
.sitemap__close_btn .ico {width: 50px; height: 50px;}
.sitemap__close_btn .ico--circle {width: 50px; height: 50px; border-width: 3px; border-color: #fff;}
.sitemap__close_btn .ico--circle .ico--times {width: 50%; height: 50%;}
.sitemap__close_btn .ico--times::before {background: #fff; width: 3px;}
.sitemap__close_btn .ico--times::after {background: #fff; height: 3px;}

.sitemap__lang_nav {padding: 0;}
.sitemap__lang_nav .lang_ls {width: calc(100% + 10px); margin-left: -5px;}
.sitemap__lang_nav .lang_ls__item {width: 100%; padding: 0 5px;}
.sitemap__lang_nav .lang_ls__item a {width: 100%!important; color: #fff;}

.sitemap__gnb {padding: 60px 0; color: #fff;}
.sitemap__gnb__item {padding: 0 0 20px 0;}
.sitemap__gnb__item:last-child {padding: 0;}
.sitemap__gnb__item > span {display: flex; align-items: flex-end; cursor: pointer;}
.sitemap__gnb__item > span .val {flex-shrink: 0; font-size: 24px; line-height: 1; }
.sitemap__gnb__item > span::after {display: block; content: ""; width: 100%; height: 1px; margin-left: 1.5em; background: #afafaf;}
.sitemap__submenu {padding: 15px 0;}
.sitemap__submenu .sitemap__submenu__item {font-size: 18px;}
.bullet .sitemap__submenu__item::before {background: #afafaf;}
.sitemap__submenu__item > a {line-height: 1.5;}

.acordien_menu .acordien_menu__child {display: none;}
.acordien_menu.active .acordien_menu__child {display: block;}

.sitemap__gnb span.has_icon {display: flex; align-items: center;}
.sitemap__gnb span.has_icon .ico {width: 30px; height: 30px; margin-left: auto;}
.sitemap__gnb span.has_icon .ico--plus {width: 20px; height: 20px;}
.sitemap__gnb span.has_icon .ico--plus::after {height: 2px;}
.sitemap__gnb span.has_icon .ico--plus::before {width: 2px;}
.sitemap__gnb span.has_icon .arrow {width: 14px; height: 14px; border-width: 2px; border-color: #fff; margin-right: 5px;}
.sitemap__gnb span.has_icon .ico--circle {border-color: #afafaf; border-width: 2px;}
.sitemap__gnb span.has_icon .ico--circle .ico--plus {width: 50%; height: 50%;}
.sitemap__gnb span.has_icon .ico--circle .arrow {width: 40%; height: 40%; margin-right: 2px;}
.sitemap__gnb span.has_icon::after {display: none;}

.sitemap .cardmenu {padding: 10px 0;}
.sitemap .ly-flex_cards--col2 .card {width: 50%!important;}
.sitemap .ly-flex_cards--col3 .card {width: calc(100% / 3)!important;}
.sitemap .ly-flex_cards--col4 .card {width: 25%!important;}
.sitemap .cardmenu .card a {display: flex; flex-direction: column; align-items: center;}
.sitemap .cardmenu .card a .thumb {width: 100%; height: auto; border: 1px solid #afafaf; border-radius: 5px; background: #fff; margin-bottom: 5px; flex-shrink: 0;}
.sitemap .cardmenu .card a .name {width: 100%; font-size: 16px;}

.sitemap__etc_nav .icon_links {display: flex; align-items: center; justify-content: flex-start; padding: 10px 0;}
.sitemap__etc_nav .icon_links__item {display: block; width: 40px; height: 40px; border-radius: 50%; background: #adadad; margin: 0 8px 0 0;}
.sitemap__copy {color: #adadad; padding: 10px 0;}

.sitemap:not(.sitemap--cover).ready {opacity: 1;}
.sitemap:not(.sitemap--cover).ready .sitemap__container {opacity: .3;}
.sitemap:not(.sitemap--cover).ready.edit-header_sitemap_position--left .sitemap__container {transform: translate(-90%);}
.sitemap:not(.sitemap--cover).ready.edit-header_sitemap_position--right .sitemap__container {transform: translate(90%);}
.sitemap.active {opacity: 1; pointer-events: initial;}
.sitemap.active .sitemap__dim {opacity: 1;backdrop-filter: blur(5px);}
.sitemap.active .sitemap__container {opacity: 1!important; transform: translate(0)!important;}

.sitemap--multidepth .flip_menu {display: flex; flex-direction: column; position: absolute; top: 100px; left: 0; z-index: 50; background: #555; width: 100%; height: calc(100% - 100px); padding: 0 0 40px 0; pointer-events: none; transform: translate(100%); transition: transform .4s;}
.sitemap--multidepth.edit-header_sitemap_position--left .flip_menu {transform: translate(-100%);}
.sitemap--multidepth .flip_menu__head {display: flex; align-items: center; padding: 0px 40px 20px 40px; border-bottom: 1px solid #afafaf; background: #444; flex-shrink: 0;}
.sitemap--multidepth .flip_menu__body {overflow: hidden auto; height: 100%;}
.sitemap--multidepth .depth_name {font-size: 24px;}
.sitemap--multidepth .flip_menu__close_btn {cursor: pointer; display: flex; justify-content: flex-start; align-items: center; width: 40px; height: 40px; margin-right: 0;}
.sitemap--multidepth .flip_menu__close_btn .arrow {width: 18px; height: 18px; border-width: 3px; border-color: #fff;}
.sitemap--multidepth .flip_menu_ls {padding: 20px 0;}
.sitemap--multidepth .flip_menu_ls__item {padding: 10px 40px; border-bottom: 1px solid #a1a1a1;}
.sitemap--multidepth .flip_menu_ls__item > a {font-size: 18px;}
.sitemap--multidepth .flip_menu.active {transform: translate(0); pointer-events: initial;}

.sitemap--total {top: 100px; z-index: 9998; align-items: flex-start;}
/* .sitemap--total .sitemap__foot, */
.sitemap--total .sitemap__lang_nav,
.sitemap--total .sitemap__head {display: none;}
.sitemap--total .sitemap__overflow_wrapper {width: 100%; max-width: 1920px; margin: 0 auto; height: auto; max-height: calc(100vh - 100px);}
.sitemap--total .sitemap__container {width: 100%; height: auto; transform: translate(0, -100%);}
.sitemap--total.ready .sitemap__container {transform: translate(0, -95%)!important;}
.sitemap--total.active .sitemap__container {transform: translate(0)!important; opacity: 1!important;}
.sitemap--total .sitemap__gnb__item {display: flex; align-items: flex-start; border-bottom: 1px solid rgba(255,255,255,.4); padding: 30px 0;}
.sitemap--total .sitemap__gnb__item:last-child {border-bottom: none;}
.sitemap--total .sitemap__gnb__item > span {width: 200px; flex-shrink: 0; font-weight: 700; font-size: 24px;}
.sitemap--total .sitemap__gnb__item > span::after {display: none;}
.sitemap--total .sitemap__submenu {display: flex!important; flex-wrap: wrap; width: 100%; padding: 0 0 0 40px;}
.sitemap--total .sitemap__submenu__item {padding: 0 20px; font-size: 22px;}
.sitemap--total .sitemap__submenu.multidepth {flex-wrap: wrap;}
.sitemap--total .sitemap__submenu.multidepth .sitemap__submenu__item {width: 20%; margin-bottom: 30px;}
.sitemap--total .sitemap__submenu.multidepth .sitemap__submenu__item .depth3_ls {font-size: 18px; padding-top: 10px;}
.sitemap--total .sitemap__submenu.multidepth .sitemap__submenu__item .depth3_ls__item::before {background: rgba(255,255,255,.5);}
.sitemap--total .sitemap__submenu.multidepth .sitemap__submenu__item .depth3_ls__item a {}



@media screen and (min-width: 1400px) {
    .sitemap--cover .sitemap__foot {display: none;}
    .sitemap--cover .sitemap__container {width: 100%; height: 100%; padding: 0 50px; transform: translate(0, -100%);}
    .sitemap--cover .sitemap__lang_nav {position: absolute; top: 30px; left: 50px;}
    .sitemap--cover .sitemap__lang_nav .lang_ls__item a {width: 60px!important; height: 50px; border-radius: 5px;}
    .sitemap--cover .sitemap__gnb {display: flex; height: 100%; padding-top: 150px; width: calc(100% + 100px); margin-left: -60px;}
    .sitemap--cover .sitemap__gnb__item {width: 100%; padding: 0 40px 25px 60px; border-right: 1px solid #afafaf;}
    .sitemap--cover .sitemap__gnb__item:last-child {border-right: none;}
    .sitemap--cover .sitemap__gnb__item > span::after {display: none;}
    .sitemap--cover .sitemap__gnb__item > span .val {font-size: 52px;}
    .sitemap--cover .sitemap__submenu {display: block; padding: 30px 0;}
    .sitemap--cover .sitemap__submenu__item {font-size: 24px;}
    .sitemap--cover .sitemap__submenu__item > a {}
}
@media screen and (max-width: 1399px) {
    .has_submenu--tab .submenu--tab-complex {padding: 30px;}
    .sitemap--total .sitemap__submenu.multidepth .sitemap__submenu__item {width: 25%;}
}
@media screen and (max-width: 1399px) {
    .header {height: 60px;}
    .header__container {width: calc(100% - 40px)!important;}
    .header__logo {width: 120px; height: 35px;}
    .gnb {display: none;}
    .header__etc_nav .lang_nav {display: none;}
    .header__etc_nav .sitemap_btn {display: block;}
    .sitemap_btn .ico--hamburger {width: 40px; height: 24px;}
    .sitemap_btn .ico--hamburger .bar {background-color: #fff; height: 2px;}
    .sitemap_btn.edit-header_sitemap_btn--two-bar-2 .ico--hamburger {width: 28px; height: 28px; padding: 5px; border-width: 3px;}
    .sitemap_btn.edit-header_sitemap_btn--two-bar-2 .ico--hamburger .bar {height: 3px; width: 60%; margin: 2px 0;}
    
    .sitemap__close_btn .ico {width: 40px; height: 40px;}

    .sitemap:not(.sitemap--cover).ready .sitemap__container {opacity: 1;}
    .sitemap:not(.sitemap--cover).ready.edit-header_sitemap_position--left .sitemap__container {transform: translate(-100%);}
    .sitemap:not(.sitemap--cover).ready.edit-header_sitemap_position--right .sitemap__container {transform: translate(100%);}

    .sitemap--multidepth .flip_menu {top: 90px; height: calc(100% - 90px);}

    .sitemap--total {top: 60px;}
    .sitemap--total.ready .sitemap__container {transform: translate(0, -100%)!important;}
    .sitemap--total.active .sitemap__container {transform: translate(0)!important;}
    .sitemap--total .sitemap__overflow_wrapper {max-height: calc(100vh - 160px);}
    .sitemap--total .sitemap__head .sitemap__close_btn {display: none;}
    .sitemap--total .sitemap__head,
    .sitemap--total .sitemap__lang_nav {display: block;}
    .sitemap--total .sitemap__gnb__item > span {width: 120px;}
    .sitemap--total .sitemap__gnb__item > span .val {font-size: 20px;}
    .sitemap--total .sitemap__submenu__item {font-size: 18px;}
    .sitemap--total .sitemap__submenu.multidepth .sitemap__submenu__item {width: calc(100% / 3);}
}
@media screen and (max-width: 767px) {
    .sitemap__container {min-width: 320px;}
    .sitemap__head {padding: 30px 20px;}
    .sitemap__overflow_wrapper {padding: 0 20px;}
    .sitemap__gnb {padding: 40px 0;}
    .sitemap__gnb__item > span .val {font-size: 18px;}
    .sitemap__submenu .sitemap__submenu__item {font-size: 16px;}

    .sitemap .ly-flex_cards--col2 .card,
    .sitemap .ly-flex_cards--col3 .card,
    .sitemap .ly-flex_cards--col4 .card {width: 50%!important;}

    .sitemap--multidepth .flip_menu__head {padding: 0 20px 20px 20px;}
    .sitemap--multidepth .flip_menu__close_btn .arrow {width: 14px; height: 14px;}
    .sitemap--multidepth .flip_menu_ls__item {padding: 10px 20px;}
    .sitemap--multidepth .depth_name {font-size: 20px;}
    .sitemap--multidepth .flip_menu_ls__item > a {font-size: 16px;}

    .sitemap--total .sitemap__gnb__item {display: block; padding: 20px 0;}
    .sitemap--total .sitemap__gnb__item > span {width: 100%; padding: 10px 0;}
    .sitemap--total .sitemap__submenu {display: none!important; padding: 0; margin-top: 10px;}
    .sitemap--total .sitemap__gnb__item.active .sitemap__submenu {display: flex!important;}
    .sitemap__submenu .sitemap__submenu__item {margin: 5px 0;}
    .sitemap--total .sitemap__submenu.multidepth .sitemap__submenu__item {width: 50%;}
    .sitemap--total .sitemap__submenu.multidepth .sitemap__submenu__item .depth3_ls__item a {font-size: 14px;}
}