@charset "UTF-8";
/* =======================================================================================
common
======================================================================================= */
:lang(en) { font-family: 'Play', sans-serif; }

.container { max-width: 1400px; margin: 0 auto; position: relative; }

.noscroll { height: 100vh; overflow: hidden; }

::-moz-selection { background: #209595; color: #fff; }

::selection { background: #209595; color: #fff; }

/* =======================================================================================
header
======================================================================================= */
@-webkit-keyframes dropUp { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes dropUp { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }

@-webkit-keyframes dropDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }

@keyframes dropDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }

.header { width: 100%; }

.header .container { position: static; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1720px; }

.header.active .gnb_area, .header.sub_active .gnb_area { background: #fff; border-bottom: 1px solid #DDD; }

.header.active .gnb_area .link, .header.sub_active .gnb_area .link { background-position: 0 -6.3rem; }

.header.active .gnb_area .icon, .header.active .gnb_area .icon::before, .header.active .gnb_area .icon::after, .header.sub_active .gnb_area .icon, .header.sub_active .gnb_area .icon::before, .header.sub_active .gnb_area .icon::after { background: #000; }

.header.active .depth1 > a, .header.active .btn_sch_open, .header.sub_active .depth1 > a, .header.sub_active .btn_sch_open { color: #000; }

.header.active .gnb_area .btn_lang span, .header.sub_active .gnb_area .btn_lang span { color: #000; border-color: rgba(0, 0, 0, 0.3); }

.header.fixed { position: fixed; left: 0; top: 0; z-index: 7; -webkit-animation: dropDown 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); animation: dropDown 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.06); box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.06); }

.header.fixed .gnb_site { display: none; }

.gnb_site { background-color: #2D2D2D; color: #ccc; font-size: 1.4rem; }

.gnb_site .container { height: 4.5rem; }

.gnb_site .xi-angle-down-min { width: 2.2rem; height: 2.2rem; font-size: 1.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.5); margin-left: 1rem; -webkit-transition: .2s; transition: .2s; }

.gnb_site .site_area { display: -webkit-box; display: -ms-flexbox; display: flex; }

.gnb_site .site_area .list { display: -webkit-box; display: -ms-flexbox; display: flex; }

.gnb_site .site_area .list a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: inherit; position: relative; -webkit-transition: .2s; transition: .2s; }

.gnb_site .site_area .list a:hover { color: #fff; }

.gnb_site .site_area .list a ~ a { position: relative; padding-left: 1rem; margin-left: 1rem; }

.gnb_site .site_area .list a ~ a::before { content: ''; display: block; background-color: rgba(255, 255, 255, 0.27); width: 1px; height: 1rem; position: absolute; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); left: 0; top: 50%; }

.gnb_site .site_area .list a:first-child { color: #fff; }

.gnb_site .site_area_mobile { position: relative; display: none; }

.gnb_site .site_area_mobile .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1rem; color: #fff; font-size: 1.5rem; }

.gnb_site .site_area_mobile .list_wrap { width: 37rem; background: #fff; border-radius: 1rem; padding: 2rem; -webkit-box-shadow: 0 1rem 1.5rem rgba(0, 0, 0, 0.24); box-shadow: 0 1rem 1.5rem rgba(0, 0, 0, 0.24); opacity: 0; visibility: hidden; -webkit-transition: 0.2s; transition: 0.2s; color: #000; position: absolute; left: .8rem; top: .8rem; }

.gnb_site .site_area_mobile .list_wrap .represent { border-bottom: 1px solid #E8E8E8; padding-bottom: 2rem; font-size: 1.6rem; font-weight: 700; margin-bottom: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.gnb_site .site_area_mobile .list_wrap .represent a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.gnb_site .site_area_mobile .list_wrap .represent a span { margin-top: 0.5rem; }

.gnb_site .site_area_mobile .list_wrap .represent i { border-color: #DFDFDF; color: #000; }

.gnb_site .site_area_mobile .list_wrap .list { display: -webkit-box; display: -ms-flexbox; display: flex; }

.gnb_site .site_area_mobile .list_wrap ul { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }

.gnb_site .site_area_mobile .list_wrap ul li ~ li { margin-top: 1.8rem; }

.gnb_site .site_area_mobile .list_wrap ul a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.5rem; font-weight: 500; position: relative; }

.gnb_site .site_area_mobile .list_wrap ul a::before { content: ''; display: block; width: 2.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 2.5rem; flex: 0 0 2.5rem; max-width: 2.5rem; height: 2.5rem; background: url("/img/common/gnb_site_logos.svg") 0 0/2.5rem auto no-repeat; margin-right: 0.5rem; color: inherit; }

.gnb_site .site_area_mobile .list_wrap ul a span { display: inline-block; position: relative; white-space: nowrap; }

.gnb_site .site_area_mobile .list_wrap ul a span::after { content: ""; display: block; width: .5rem; height: .5rem; border-radius: 50%; background: #FC1D61; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: .2s; transition: .2s; position: absolute; right: -.8rem; top: -.3rem; }

.gnb_site .site_area_mobile .list_wrap ul a:hover span::after { -webkit-transform: scale(1); transform: scale(1); -webkit-transition-delay: .2s; transition-delay: .2s; }

.gnb_site .site_area_mobile .list_wrap .group1 li:nth-child(1) a::before { background-position: 0 0rem; }

.gnb_site .site_area_mobile .list_wrap .group1 li:nth-child(2) a::before { background-position: 0 -3.5rem; }

.gnb_site .site_area_mobile .list_wrap .group1 li:nth-child(3) a::before { background-position: 0 -7rem; }

.gnb_site .site_area_mobile .list_wrap .group1 li:nth-child(4) a::before { background-position: 0 -10.5rem; }

.gnb_site .site_area_mobile .list_wrap .group1 li:nth-child(5) a::before { background-position: 0 -14rem; }

.gnb_site .site_area_mobile .list_wrap .group1 li:nth-child(6) a::before { background-position: 0 -17.5rem; }

.gnb_site .site_area_mobile .list_wrap .group1 li:nth-child(7) a::before { background-position: 0 -21rem; }

.gnb_site .site_area_mobile .list_wrap .group1 li:nth-child(8) a::before { background-position: 0 -24.5rem; }

.gnb_site .site_area_mobile .list_wrap .group1 li:nth-child(9) a::before { background-position: 0 -28rem; }

.gnb_site .site_area_mobile .list_wrap .group2 li:nth-child(1) a::before { background-position: 0 -31.5rem; }

.gnb_site .site_area_mobile .list_wrap .group2 li:nth-child(2) a::before { background-position: 0 -35rem; }

.gnb_site .site_area_mobile .list_wrap .group2 li:nth-child(3) a::before { background-position: 0 -38.5rem; }

.gnb_site .site_area_mobile .list_wrap .group2 li:nth-child(4) a::before { background-position: 0 -42rem; }

.gnb_site .site_area_mobile .list_wrap .group2 li:nth-child(5) a::before { background-position: 0 -45.5rem; }

.gnb_site .site_area_mobile .list_wrap .group2 li:nth-child(6) a::before { background-position: 0 -49rem; }

.gnb_site .site_area_mobile .list_wrap .group2 li:nth-child(7) a::before { background-position: 0 -52.5rem; }

.gnb_site .site_area_mobile .list_wrap .group2 li:nth-child(8) a::before { background-position: 0 -56rem; }

.gnb_site .site_area_mobile.active i { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.gnb_site .site_area_mobile.active .list_wrap { opacity: 1; visibility: visible; z-index: 12; }

.gnb_site .gnb_util { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.gnb_site .gnb_util .welcome { display: block; margin-right: 1rem; font-size: 1.6rem; }

.gnb_site .gnb_util a { font-size: 1.5rem; padding: .8rem .4rem; display: -webkit-box; display: -ms-flexbox; display: flex; }

.gnb_site .gnb_util a i { margin-right: 0.5rem; }

.gnb_site .gnb_util .nav { display: -webkit-box; display: -ms-flexbox; display: flex; }

.gnb_site .gnb_util .nav li ~ li { position: relative; padding-left: 1rem; margin-left: 1rem; }

.gnb_site .gnb_util .nav li ~ li::before { content: ''; display: block; background-color: rgba(255, 255, 255, 0.27); width: 1px; height: 0.8rem; position: absolute; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); left: 0; top: 50%; }

.gnb_site .gnb_util .icon_join, .gnb_site .gnb_util .icon_mypage { width: 1.8rem; height: 2rem; background: url("../img/common/icon_user.svg") 0 0/1.8rem 4rem no-repeat; }

.gnb_site .gnb_util .icon_login { width: 1.7rem; height: 2rem; background: url("../img/common/icon_lock.svg") 0 0/1.7rem 4rem no-repeat; }

.gnb_site .gnb_util .icon_logout { width: 1.7rem; height: 2rem; background: url("../img/common/icon_unlock.svg") 0 0/1.7rem 4rem no-repeat; }

.gnb_area { background-color: #3E3E3E; border-bottom: 1px solid #4C4C4C; position: relative; -webkit-transition: .2s; transition: .2s; height: 10rem; }

.gnb_area .nav { display: -webkit-box; display: -ms-flexbox; display: flex; }

.gnb_area .logo { padding: 1.85rem 0; }

.gnb_area .logo .link { background: url("../img/common/logo.svg") 0 0/100% 12.6rem no-repeat; display: block; width: 14.8rem; height: 6.3rem; }

.gnb_area .gnb_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; }

.gnb_area .pop_title, .gnb_area .pop_eng_title, .gnb_area .pop_close { display: none; }

.gnb_area .btn_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; }

.gnb_area .btn_allmenu { padding-left: 1.5rem; margin-left: 3.4rem; }

.gnb_area .btn_allmenu .icon { display: block; width: 1.7rem; height: .3rem; background: #fff; position: relative; }

.gnb_area .btn_allmenu .icon::before, .gnb_area .btn_allmenu .icon::after { content: ""; display: block; width: 2.5rem; height: 0.3rem; background: #fff; border-radius: 0.2rem; top: -1rem; position: absolute; right: 0; }

.gnb_area .btn_allmenu .icon::after { width: 2.3rem; top: 1rem; }

.gnb_area .btn_lang { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 2rem; }

.gnb_area .btn_lang span { display: block; border-radius: 1.9rem; padding: 0.5rem 1.8rem; border: 1px solid rgba(255, 255, 255, 0.3); color: #fff; -webkit-transition: .2s; transition: .2s; }

.gnb_area .btn_lang:hover span { background: rgba(0, 0, 0, 0.3); border-color: #000; }

.gnb_area .btn_sch_open { color: #fff; }

.gnb_area .btn_sch_open .xi-search { font-size: 3rem; }

.gnb_area .sch_layer { opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s; position: absolute; left: 0; top: 10rem; z-index: 9; background: #fff; width: 100%; text-align: center; padding: 0; -webkit-box-shadow: 0 2rem 2rem rgba(0, 0, 0, 0.12); box-shadow: 0 2rem 2rem rgba(0, 0, 0, 0.12); overflow: hidden; }

.gnb_area .sch_layer input[type=text] { border: 0; border-bottom: 3px solid #F2F2F2; color: #727272; font-size: 2.8rem; width: 60rem; padding: 1.5rem 4rem 1.5rem 1.5rem; margin-left: 2rem; }

.gnb_area .sch_layer .btn_sch { font-size: 2.5rem; color: #5D5D5D; -webkit-transform: translateX(-3rem); transform: translateX(-3rem); vertical-align: middle; }

.gnb_area .sch_layer .btn_sch_close { position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; top: 3rem; }

.gnb_area .sch_layer .btn_sch_close i { color: #373737; font-size: 3rem; font-weight: 700; }

.gnb_area .sch_layer.active { opacity: 1; visibility: visible; padding: 12rem 0 7rem; }

.topmenu { display: -webkit-box; display: -ms-flexbox; display: flex; }

.topmenu a[target="_blank"]::after { display: inline-block; font-family: 'xeicon'; content: '\e980'; margin-left: .3rem; font-weight: 300; font-size: 2rem; }

.topmenu .depth1 { display: -webkit-box; display: -ms-flexbox; display: flex; }

.topmenu .depth1 > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; }

.topmenu .depth1 > a span { display: block; white-space: nowrap; font-size: 2rem; padding: 2.2rem 3rem; font-weight: 500; position: relative; letter-spacing: -.025em; }

.topmenu .depth1 > a span::after { content: ""; display: block; width: .7rem; height: .7rem; border-radius: 50%; background: #0F7B7B; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: .2s; transition: .2s; position: absolute; right: 1rem; top: 1rem; }

.topmenu .depth1.active > a { color: #2e2e2e; }

.topmenu .depth1.active > a span::after { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition-delay: .2s; transition-delay: .2s; }

.topmenu .depth1.active .submenu { opacity: 1; visibility: visible; max-height: 100rem; min-height: 34rem; -webkit-transition-delay: .2s; transition-delay: .2s; }

.topmenu .depth1:nth-child(1) .depth2::after { background-image: url("../img/common/gnb_visual1.jpg"); }

.topmenu .depth1:nth-child(2) .depth2::after { background-image: url("../img/common/gnb_visual2.jpg"); }

.topmenu .depth1:nth-child(3) .depth2::after { background-image: url("../img/common/gnb_visual3.jpg"); }

.topmenu .depth1:nth-child(4) .depth2::after { background-image: url("../img/common/gnb_visual4.jpg"); }

.topmenu .depth1:nth-child(5) .depth2::after { background-image: url("../img/common/gnb_visual5.jpg"); }

.topmenu .depth1:nth-child(6) .depth2::after { background-image: url("../img/common/gnb_visual6.jpg"); }

.topmenu .depth1:nth-child(7) .depth2::after { background-image: url("../img/common/gnb_visual7.jpg"); }

.topmenu .depth1:last-child { display: none; }

.topmenu .submenu { /*transition:.35s, max-height 1.35s cubic-bezier(.13,.67,.59,.98);*/ opacity: 0; visibility: hidden; overflow: hidden; max-height: 0; position: absolute; left: 0; top: 10rem; z-index: 20; width: calc(100% - 7rem); background-color: #fff; text-align: left; -webkit-box-shadow: 0 2rem 2rem rgba(0, 0, 0, 0.12); box-shadow: 0 2rem 2rem rgba(0, 0, 0, 0.12); border-radius: 0 0 4rem 4rem; /* min-height:43rem; */ }

.topmenu .title_area { width: 1400px; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; top: auto; margin-top: 4rem; }

.topmenu .title_area .title { font-size: 4.2rem; color: #000; margin-bottom: .5rem; }

.topmenu .title_area em { color: #0F7B7B; position: relative; font-size: 1.8rem; font-weight: bold; }

.topmenu .depth2 { max-width: 1400px; margin: 4rem auto; position: relative; /*overflow-y:auto;*/ padding-left: 360px; padding-right: 550px; /*display:flex;flex-wrap:wrap;        */ }

.topmenu .depth2 > li { /*flex:0 0 23.2%;margin-left:1.8%;margin-bottom:2rem; */ position: relative; }

.topmenu .depth2 > li > a { display: block; /*border:3px solid #F7F8FA;border-radius: 0.8rem;*/ padding: 1.2rem 1.5rem; font-size: 2.3rem; color: #3b3b3e; font-weight: 300; }

.topmenu .depth2 > li > a:hover { color: #0F7B7B; border-color: #0F7B7B; -webkit-transition: .25s; transition: .25s; }

.topmenu .depth2 > li > a:hover::before { display: inline-block; }

.topmenu .depth2 > li > a::before { display: none; font-family: 'xeicon'; content: ''; font-size: 1.8rem; color: #333; position: absolute; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); right: 2rem; top: 50%; }

.topmenu .depth2 > li.is-depth3 > a { position: relative; }

.topmenu .depth2::after { content: ""; display: block; width: 492px; height: 256px; background: url("../img/common/gnb_visual.jpg") 0 0/contain no-repeat; position: absolute; right: 0; top: 0; }

.topmenu .depth3 { margin: 1.5rem 0 2.5rem 1rem; display: none; }

.topmenu .depth3 > li > a { color: #727272; display: block; padding: .7rem 0 .7rem 1rem; position: relative; }

.topmenu .depth3 > li > a::before { content: ''; display: block; width: .3rem; height: .3rem; position: absolute; left: 0; top: 1.5rem; border-radius: 50%; background-color: #b3bec1; }

.topmenu .depth3 > li > a:hover { color: #0F7B7B; font-weight: 700; text-decoration: underline; }

.topmenu .depth4 { display: none; }

.topmenu.fullmenu .depth1 > a::before { width: 0; }

.topmenu.fullmenu .depth1:hover > a::before, .topmenu.fullmenu .depth1.on > a::before { width: 100%; }

.topmenu.fullmenu .depth1.active .submenu { -webkit-transition: margin 0.3s, opacity 0.5s, max-height 1.35s cubic-bezier(0.13, 0.67, 0.59, 0.98); transition: margin 0.3s, opacity 0.5s, max-height 1.35s cubic-bezier(0.13, 0.67, 0.59, 0.98); -webkit-transition-delay: .2s; transition-delay: .2s; margin-top: 4rem; margin-bottom: 4rem; }

.topmenu.fullmenu .submenu { -webkit-transition: .35s; transition: .35s; width: auto; position: static; left: auto; background-color: transparent; border-top: 0; -webkit-box-shadow: none; box-shadow: none; }

.topmenu.fullmenu .submenu .title_area { display: none; padding: 0; }

.topmenu.fullmenu .submenu .depth2 { padding-left: 0; max-width: inherit; display: block; margin-top: 0; margin-bottom: 0; }

.topmenu.fullmenu .submenu .depth2 > li { margin-bottom: 0; }

.topmenu.fullmenu .submenu .depth2 > li > a { border: 0; }

.topmenu.fullmenu .submenu .depth3 { display: none; }

.allmenu { display: block; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 8; padding-left: 7.6rem; }

.allmenu .pop_title { display: block; color: #000; font-size: 4.2rem; margin: 1rem 0 4.3rem; }

.allmenu .pop_eng_title { display: -webkit-box; display: -ms-flexbox; display: flex; width: 7.6rem; height: 100%; background: #0F7B7B; color: #fff; position: fixed; left: 0; top: 0; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 2.5rem; padding-top: 4.3rem; }

.allmenu .pop_close { display: block; position: absolute; right: 0; top: 0; font-size: 4.1rem; color: #242427; }

.allmenu .header { position: static; }

.allmenu .header .member_area { display: block; }

.allmenu .header .gnb_area .gnb_wrap { display: block; background-color: #fff; position: fixed; left: 7.6rem; top: 4.5rem; right: 0; bottom: 0; z-index: 9; padding-top: 10rem; /*padding:10rem 3rem 3rem;*/ max-width: none; overflow: auto; }

.allmenu .header .gnb_area .gnb_wrap::-webkit-scrollbar-track { background-color: #f5f5f5; border-radius: 1rem; }

.allmenu .header .gnb_area .gnb_wrap::-webkit-scrollbar { width: 0.6rem; }

.allmenu .header .gnb_area .gnb_wrap::-webkit-scrollbar-thumb { background-color: #d5d7dc; border-radius: 1rem; }

.allmenu .header .gnb_area .gnb_wrap::before { display: none; }

.allmenu .header .gnb_area .gnb_wrap .nav { display: block; max-width: 1400px; margin: 0 auto; position: relative; height: calc(100% - 14.5rem); }

.allmenu .topmenu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: calc(100% - 10rem); overflow: auto; margin: 0 auto; }

.allmenu .topmenu::-webkit-scrollbar-track { background-color: #f5f5f5; border-radius: 1rem; }

.allmenu .topmenu::-webkit-scrollbar { width: 0.6rem; }

.allmenu .topmenu::-webkit-scrollbar-thumb { background-color: #d5d7dc; border-radius: 1rem; }

.allmenu .topmenu .submenu { opacity: 1; visibility: visible; max-height: inherit; width: 100%; position: static; -webkit-box-shadow: none; box-shadow: none; background: none; }

.allmenu .topmenu .submenu::before { display: none; }

.allmenu .topmenu .depth1 { display: block; position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 16.66%; flex: 1 1 16.66%; max-width: 16.66%; height: 60vmax; }

.allmenu .topmenu .depth1:hover { background: #F7FAF9; }

.allmenu .topmenu .depth1 > a { display: block; font-size: 2.8rem; color: #000; padding-left: 0; margin-left: 0; -webkit-transition: .2s; transition: .2s; }

.allmenu .topmenu .depth1 > a span { padding: 1.7rem 1.5rem; font-weight: 700; text-align: left; }

.allmenu .topmenu .depth1:last-child { display: block; }

.allmenu .topmenu .depth2 { display: block; padding-left: 0; padding-right: 0; margin: 1rem 0 0 0; }

.allmenu .topmenu .depth2::after { display: none; }

.allmenu .topmenu .title_area, .allmenu .topmenu .depth1 > a::before { display: none; }

.allmenu .topmenu .depth2 > li { margin-bottom: 0; margin-left: 0; }

.allmenu .topmenu .depth2 > li > a { border: 0; font-size: 1.8rem; }

.allmenu .topmenu .depth3 { margin: 0 0 0 1.5rem; display: block; }

.allmenu .sitemap_footer { padding-top: 5rem; }

.allmenu .sitemap_footer .sns_list { margin-bottom: 1rem; }

.allmenu .sitemap_footer .sns_list a { margin-right: 1rem; }

.allmenu .sitemap_footer .sns_list i { font-size: 2.2rem; color: #222; }

.allmenu .sitemap_footer .copyright { color: #757575; }

.allmenu .quick { display: none; }

.main { position: relative; width: 100%; }

.fixed + .main { margin-top: 10rem; }

.quick { position: fixed; right: 0; top: 0; z-index: 9; width: 7rem; height: 100%; background: #209595; color: #fff; text-align: center; }

.quick h2 { padding: 3rem 0; line-height: 1; background: linear-gradient(170deg, #045B95 0%, #0A7C78 75%, #09746B 100%); border-radius: 0 0 1.5rem 1.5rem; -webkit-box-shadow: 0 .1rem .3rem #0F5151; box-shadow: 0 .1rem .3rem #0F5151; }

.quick h2 i { background: url("../img/common/quick_icon_0.svg") 0 0/cover no-repeat; margin-bottom: 1rem; }

.quick h2 em { display: block; font-size: 1.7rem; }

.quick nav { padding: .7rem; }

.quick nav i { display: block; width: 2.4rem; height: 2.4rem; background: 0 0 /cover no-repeat; margin: 0 auto; }

.quick li { position: relative; padding: 1rem 0; }

.quick li ~ li::before { content: ''; display: block; background-color: transparent; width: 1.4rem; height: 1px; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; top: 0; border-bottom: 2px dotted rgba(255, 255, 255, 0.3); }

.quick a { display: block; padding: 1rem 0; border-radius: 1rem; -webkit-transition: .2s; transition: .2s; }

.quick span { font-size: 1.4rem; }

.quick .active a, .quick a:hover { background: #057878; }

.quick .item_0 i { display: none; }

.quick .item_0 span { font-weight: 700; position: relative; }

.quick .item_0 span::after { content: ""; display: block; width: 0.7rem; height: 0.7rem; border-radius: 50%; background: #FC1D61; position: absolute; right: -1rem; top: -1rem; }

.acctoggle { position: fixed; left: 0; top: 50%; z-index: 8; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 0 1.2rem 1.2rem 0; background: #fff; color: #151515; text-align: center; border: 1px solid #EBEBEB; -webkit-box-shadow: 0.3rem 0.3rem 1rem rgba(0, 0, 0, 0.07); box-shadow: 0.3rem 0.3rem 1rem rgba(0, 0, 0, 0.07); }

.acctoggle button { display: block; padding: 1.5rem .5rem; min-width: 4rem; }

.acctoggle button .icon_contrast { display: block; width: 1.9rem; height: 1.9rem; background: url("../img/common/icon_contrast.svg") 0 0/contain no-repeat; margin: 0 auto; }

.acctoggle button .icon_fontsize { display: block; width: 2rem; height: 1.6rem; background: url("../img/common/icon_fontsize.svg") 0 0/contain no-repeat; margin: 0 auto; }

.acctoggle button span { display: block; font-size: 1.3rem; margin-top: 0.3rem; }

/* =======================================================================================
go_top
======================================================================================= */
.go_top { display: block; width: 6rem; height: 6rem; color: #151515; position: fixed; text-align: center; left: 0; top: 50%; -webkit-transform: translateY(-6rem); transform: translateY(-6rem); z-index: 8; }

.go_top i { font-size: 2.2rem; }

.go_top span { display: block; font-size: 1.3rem; line-height: 1; }

/* =======================================================================================
footer
======================================================================================= */
.footer { background-color: #fff; position: relative; letter-spacing: -1px; }

.footer .footer_nav_bar { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 2rem; }

.footer .footer_nav { padding-left: 22.5rem; }

.footer .footer_nav::after { content: ""; display: block; width: 150%; height: 1px; background: rgba(112, 112, 122, 0.2); position: absolute; left: 24rem; }

.footer .footer_nav a { display: inline-block; padding: 3rem 1.5rem; font-size: 1.7rem; }

.footer .footer_nav strong { color: #0F7B7B; }

.footer .footer_nav a:hover strong, .footer .footer_nav a:hover { color: #939393; }

.footer .footer_cont { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 5rem 0 2rem; }

.footer .cont_left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; max-width: 50%; }

.footer .cont_right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; max-width: 50%; }

.footer .footer_logo { margin: -1.2rem 9rem 0 0; }

.footer .footer_logo .link { background: url("../img/common/logo.svg") 0 -6.3rem/100% 12.6rem no-repeat; display: block; width: 14.8rem; height: 6.3rem; }

.footer .address_group { line-height: 1.5; color: #5B5858; display: block; }

.footer .address_group address { margin-bottom: 4rem; }

.footer .address_group address strong { margin-right: 1rem; }

.footer .address_group address a { margin-right: 2rem; }

.footer .olpark_sns .olpark_sns_list a span { position: relative; }

.footer .olpark_sns .olpark_sns_list a span::before { position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background-color: #222; content: ''; }

.footer .olpark_sns .olpark_sns_list a span:hover::before, .footer .olpark_sns .olpark_sns_list a span:focus::before { width: 100%; -webkit-transition: 0.2s; transition: 0.2s; }

.footer .sns_nav_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; }

.footer .sns_list { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; margin-right: 2rem; }

.footer .sns_list a { font-weight: bold; font-size: 2.2rem; }

.footer .sns_list a ~ a { margin-left: 2rem; }

.footer .olpark_sns .olpark_sns_open { -webkit-transition: .2s; transition: .2s; font-size: 2.2rem; line-height: 1.5; }

.footer .olpark_sns .olpark_sns_list { opacity: 0; visibility: hidden; -webkit-transition: .25s; transition: .25s; border-radius: 1.5rem; border: 1px solid #DDD; background: #fff; padding: 2rem 1.5rem; position: absolute; left: 0; right: 0; bottom: 5rem; width: 38rem; z-index: 1; font-size: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 1rem; }

.footer .olpark_sns .olpark_sns_list a { color: #151515; }

.footer .olpark_sns .olpark_sns_list i { margin-right: 1rem; }

.footer .olpark_sns .olpark_sns_list li { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; max-width: 50%; margin-top: 1rem; }

.footer .olpark_sns.active .olpark_sns_list { opacity: 1; visibility: visible; }

.footer .copyright { display: block; }

.footer .relate_site { width: 20.7rem; position: relative; z-index: 1; margin-bottom: 4.5rem; }

.footer .relate_site .title { display: block; padding: 1.4rem 1.3rem; border: 1px solid rgba(112, 112, 122, 0.2); border-radius: .3rem; -webkit-transition: background-color .2s; transition: background-color .2s; }

.footer .relate_site .title:hover { background-color: rgba(125, 125, 125, 0.1); }

.footer .relate_site i { font-size: 2rem; position: absolute; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); right: 1rem; top: 50%; -webkit-transition: .3s; transition: .3s; }

.footer .relate_site .list { opacity: 0; visibility: hidden; overflow: hidden; position: absolute; left: auto; bottom: 4.9rem; max-height: 0; background-color: #fff; -webkit-transition: .3s; transition: .3s; width: 100%; z-index: 2; }

.footer .relate_site .list > li { padding: 0; border: 0; text-align: left; }

.footer .relate_site .list > li a { display: block; padding: .3rem 1rem; font-size: 1.4rem; color: #757575; }

.footer .relate_site .list > li a:hover { background-color: #e5e5e5; }

.footer .relate_site.active i { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }

.footer .relate_site.active .list { opacity: 1; visibility: visible; border: 1px solid #e8e8e8; padding: 1rem 0; max-height: 30rem; overflow: auto; }

.footer .relate_site.active .list::-webkit-scrollbar-track { background-color: #f5f5f5; border-radius: 1rem; }

.footer .relate_site.active .list::-webkit-scrollbar { width: 0.6rem; }

.footer .relate_site.active .list::-webkit-scrollbar-thumb { background-color: #d5d7dc; border-radius: 1rem; }

.footer .cert { display: -webkit-box; display: -ms-flexbox; display: flex; }

.footer .cert a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; font-size: 1.3rem; }

.footer .cert a span { margin: 0 1.5rem 0 .5rem; }

.footer .cert a ~ a { margin-left: 1rem; }

/* =======================================================================================
폰트사이즈
======================================================================================= */
.acc_fontsize { font-size: 12px; }

.acc_fontsize .gnb_site .site_area { display: none; }

.acc_fontsize .gnb_site .site_area_mobile { display: block; }

.acc_fontsize .quick i, .acc_fontsize .footer_logo { display: none; }

/* 퀵메뉴 세로 좁을때 */
@media (max-height: 800px) { .quick i { display: none; } }

@media (max-width: 1860px) { .gnb_site .container { padding-left: 0; }
  .gnb_site .gnb_util .text { display: none; }
  .gnb_site .gnb_util a { padding-left: 0; padding-right: 0; }
  .topmenu .submenu { width: 100%; }
  .quick { display: none; }
  .olpark_live .modal_popup_wrap { right: 0 !important; }
  .allmenu .header .gnb_area .gnb_wrap { right: 0; }
  .footer .footer_nav::after { width: 100%; left: 0; } }

@media (max-width: 1399.98px) { html { font-size: 9px; }
  .container { padding: 0 1.5rem; }
  .gnb_site .site_area .list a { letter-spacing: -1px; }
  .gnb_site .site_area .list a ~ a { padding-left: 0.45rem; margin-left: 0.45rem; }
  .topmenu .depth1 > a span { padding-left: 1.5rem; padding-right: 1.5rem; }
  .allmenu { padding-left: 0; }
  .allmenu .header .gnb_area .gnb_wrap { left: 0; padding: 0; }
  .allmenu .pop_eng_title { display: none; }
  .submenu .title_area { width: 20%; left: 2rem; -webkit-transform: none; transform: none; }
  .submenu .title_area .title { font-size: 3rem; }
  .submenu .title_area p { width: 100%; } }

@media (max-width: 1023.98px) { .acc_fontsize { font-size: 10px; }
  .header .topmenu, .header .sitemap_footer { display: none; }
  .gnb_site .site_area { display: none; }
  .gnb_site .site_area_mobile { display: block; }
  .gnb_area .btn_allmenu { margin-left: 1rem; }
  .allmenu .header .gnb_area .gnb_wrap { top: 14.5rem; overflow: visible; }
  .allmenu .header .gnb_area .gnb_wrap .nav { height: 100%; }
  .allmenu .pop_title { display: none; }
  .allmenu .pop_close { right: 1.5rem; top: -6.6rem; font-size: 3rem; line-height: 3rem; background: #fff; }
  .allmenu .topmenu { position: relative; display: block; padding: 3rem 0; }
  .allmenu .topmenu .depth1 { position: static; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; margin-left: 0; margin-bottom: 0; height: auto; }
  .allmenu .topmenu .depth1 > a { border: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  .allmenu .topmenu .depth1 > a span { font-weight: 700; padding: 2rem 4.5rem; font-size: 3.7rem; }
  .allmenu .topmenu .depth1 > a span::before, .allmenu .topmenu .depth1 > a span::after { display: none; }
  .allmenu .topmenu .depth1.active > a { position: relative; }
  .allmenu .topmenu .depth1.active > a::after { content: ""; display: block; width: 1.3rem; height: 0.8rem; background: url("../img/common/select_arrow.png") 0 0/contain no-repeat; position: absolute; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); right: 4rem; top: 50%; border: 0; }
  .allmenu .topmenu .depth1.active span { color: #111; font-weight: 700; background-color: #fff; }
  .allmenu .topmenu .depth1.active .submenu { display: block; padding: 0 3rem; max-height: inherit; min-height: inherit; }
  .allmenu .topmenu.active .depth1 > a { color: #757575; }
  .allmenu .topmenu .submenu { display: none; background-color: #fff; overflow-y: auto; }
  .allmenu .topmenu .depth2::after { display: none; }
  .allmenu .topmenu .depth2 > li { -ms-flex-preferred-size: 100%; flex-basis: 100%; }
  .allmenu .topmenu .depth2 > li.active > a { background-color: #0F7B7B; color: #fff; }
  .allmenu .topmenu .depth2 > li.active > .depth3 { display: block; margin: 1rem; }
  .allmenu .topmenu .depth2 > li.is-depth3 > a::before { display: inline-block; font-family: 'xeicon'; content: '\e942'; font-size: 2.4rem; position: absolute; right: 1rem; top: 1.7rem; z-index: 2; color: #aaa; -webkit-transition: .2s; transition: .2s; -webkit-transform: none; transform: none; }
  .allmenu .topmenu .depth2 > li.is-depth3.active > a::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); color: #fff; }
  .allmenu .topmenu .depth2 > li > a { color: #333; font-size: 2.4rem; }
  .allmenu .topmenu .depth3 { display: none; }
  .allmenu .topmenu .depth3 li a { font-size: 2rem; }
  .allmenu .sitemap_footer { display: block; position: fixed; left: 0; right: 0; bottom: 0; background: #fff; text-align: center; padding: 2rem 0; }
  .allmenu .sitemap_footer .sns_list i { font-size: 2.8rem; }
  .go_top span { display: none; }
  .go_top { width: 4rem; height: 4rem; -webkit-transform: translateY(-4rem); transform: translateY(-4rem); }
  .footer_logo { display: none; }
  .footer .footer_nav { padding-left: 0; text-align: center; }
  .footer .sns_nav_wrap { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .footer .olpark_sns .olpark_sns_list { text-align: left; z-index: 3; /* left:2rem;right:2rem;bottom:40rem;width:auto; */ }
  .footer .relate_site .title { margin-top: 2rem; }
  .acctoggle button span { display: none; } }

@media (max-width: 767.98px) { html { font-size: 8px; }
  html.acc_fontsize { font-size: 9px; }
  .gnb_area .sch_layer input[type=text] { width: 85%; }
  .footer .footer_nav a { padding: 1.5rem 1rem; }
  .footer .footer_nav::after { left: 0; width: 100%; }
  .footer .footer_cont { display: block; width: 100%; padding-top: 2rem; }
  .footer .cont_left, .footer .cont_right { display: block; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
  .footer .address_group { text-align: center; }
  .footer .relate_site { width: 100%; margin-bottom: 3rem; }
  .footer .cert { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .footer .cert a { margin: .5rem 0; }
  .footer .olpark_sns .olpark_sns_list { width: auto; } }

@media (max-width: 320.98px) { html { font-size: 7px; }
  html.acc_fontsize { font-size: 8px; } }
/*# sourceMappingURL=layout.css.map */