@charset "utf-8";
/* CSS Document */


/* COMMON'S CSS
===============================================================================================================*/
:root {
    --mainfont: 'Pretendard', sans-serif;

    /* color */
    --pointColor : #19336c;
    --pointColor2 : #a6284e;
    --pointColor3 : #990e17;

    /* size */
    --font-size-nomal : 16px;
    --font-size-mid : 18px;
    --font-size-big : 21px;
    --font-size-extra : 25px;
    --font-size-smTitle : 30px;
    --font-size-nomTitle : 35px;
    --font-size-midTitle : 45px;
    --font-size-bigTitle : 60px;
}


#kh_wrapper {display: flex; flex-direction: column; min-height: 100%;}
#kh_wrapper .inner {position: relative; margin: 0 auto; max-width: 1200px; height: 100%; padding-left: 25px; padding-right: 25px; box-sizing: border-box;}
#container__wrap {flex: 1 0 auto;}

#container__wrap h2 {font-size: var(--font-size-bigTitle); line-height: 1.3em;}
#container__wrap h3 {font-size: var(--font-size-midTitle); line-height: 1.3em;}
#container__wrap h4 {font-size: var(--font-size-nomTitle); line-height: 1.3em;}
#container__wrap h5 {font-size: var(--font-size-smTitle); line-height: 1.3em;}
#container__wrap h6 {font-size: var(--font-size-extra); line-height: 1.3em;}

.section {position: relative; padding: 100px 0; width: 100%; box-sizing: border-box;  background-repeat: repeat; background-size: cover; background-position: center; }
.section_title {position: relative; margin-bottom: 70px;}
.section_title * {text-align: center; color: #212121; word-break: keep-all;}
.section_title p.mid_title {font-size: var(--font-size-midTitle); line-height: 1.3em; font-weight: 600;}
.section_title p.nom_title {font-size: var(--font-size-nomTitle); line-height: 1.3em; font-weight: 600;}
.section_title p.sm_title {font-size: var(--font-size-smTitle); line-height: 1.3em; font-weight: 600;}
.section_title p.ex_title {font-size: var(--font-size-extra); line-height: 1.5em; font-weight: 600;}
.section_title p.sub_text {font-size: var(--font-size-mid); position: relative; padding-top: 25px; opacity: .7; line-height: 1.6em;}
.section_title p.sub_text2 {font-size: var(--font-size-big); line-height: 1.6em;}

.section_title.white * {color: #fff;}


.single input[type="checkbox"] {display:none;}
.single input[type="checkbox"] + label {position:relative; display:inline-block; cursor:pointer; padding-left:30px; font-size:16px; line-height: 20px; color: #212121; }
.single input[type="checkbox"] + label:before {position:absolute; left:0; top:-2px; display:inline-block; width:20px; height:20px; overflow: hidden; background-position: center; background-repeat: no-repeat; content: ''; background-size: 60%; background-image: url("/assets/img/icon/check.png"); background-color: #ededed; border: 1px solid #e8e8e8; border-radius: 100%;}
.single input[type="checkbox"]:checked + label:before {background-color:var(--pointColor2); border-color: var(--pointColor2)}
.single .privacy-detail-link {display:inline-block; margin-left:4px; font-size:16px; line-height:20px; color:#212121; text-decoration:none;}
.single .privacy-detail-link:hover {color:var(--pointColor); text-decoration:underline;}
.privacy-modal-open {overflow:hidden;}
.privacy-modal {display:none; position:fixed; inset:0; z-index:100000;}
.privacy-modal.is-active {display:block;}
.privacy-modal__dim {position:absolute; inset:0; background:rgba(0,0,0,.55);}
.privacy-modal__dialog {position:absolute; top:50%; left:50%; width:min(920px, calc(100% - 40px)); height:min(780px, calc(100% - 60px)); transform:translate(-50%, -50%); background:#fff; border-radius:18px; box-shadow:0 20px 60px rgba(0,0,0,.25); overflow:hidden;}
.privacy-modal__head {display:flex; align-items:center; justify-content:space-between; gap:20px; height:70px; padding:0 30px; border-bottom:1px solid #e8e8e8; box-sizing:border-box;}
.privacy-modal__head h2 {margin:0; color:#212121; font-size:22px; font-weight:700;}
.privacy-modal__close {border:0; background:transparent; color:#555; font-size:15px; cursor:pointer;}
.privacy-modal__close:hover {color:var(--pointColor);}
.privacy-modal__body {height:calc(100% - 70px); padding:30px; box-sizing:border-box; overflow-y:auto; color:#333; font-size:15px; line-height:1.8;}
.privacy-modal__intro {margin-bottom:28px; padding-bottom:22px; border-bottom:1px solid #e8e8e8;}
.privacy-modal__section + .privacy-modal__section {margin-top:30px;}
.privacy-modal__section h3 {margin:0 0 12px; color:#212121; font-size:18px; font-weight:700; line-height:1.5;}
.privacy-modal__subsection {margin-top:14px;}
.privacy-modal__subsection h4 {margin:0 0 8px; color:#333; font-size:15px; font-weight:700;}
.privacy-modal__text {margin:0 0 8px;}
.privacy-modal__list,
.privacy-modal__links {margin:8px 0 0; padding:0; list-style:none;}
.privacy-modal__list li,
.privacy-modal__links li {position:relative; margin:4px 0; padding-left:12px;}
.privacy-modal__list li:before,
.privacy-modal__links li:before {position:absolute; top:.78em; left:0; width:4px; height:4px; border-radius:50%; background:var(--pointColor); content:'';}
.privacy-modal__links a {color:var(--pointColor); text-decoration:underline;}
.privacy-modal__contact {margin:12px 0 0; padding:14px 16px; background:#fafafa; border-radius:10px;}
.privacy-modal__contact div {display:flex; gap:14px; margin:4px 0;}
.privacy-modal__contact dt {min-width:120px; color:#212121; font-weight:700;}
.privacy-modal__contact dd {margin:0;}
.privacy-modal__note,
.privacy-modal__loading {margin:10px 0 0; color:#666;}

select {background-image: url("/assets/img/icon/down-arrow.png"); background-repeat: no-repeat; background-position: 95% 50%; background-size:10px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
select::-ms-expand {display: none;}


.btns_wrap {text-align: center; margin-top: 80px;}
.comm_button {display: inline-block; min-width: 210px; padding-left: 30px; padding-right: 30px; box-sizing: border-box;height: 60px; line-height: 60px; font-size: var(--font-size-mid); color: #fff; border: 0; background: var(--pointColor); border-radius: 50px; text-align: center; transition: .3s all ease; cursor: pointer;}
.comm_button span {color: #fff; background-image: url('/assets/img/icon/arrow-w.png'); background-position: center right 0; padding-right: 60px; background-size: 20px; background-repeat: no-repeat; transition: .3s all ease; }
.comm_button:hover {background-color:var(--pointColor2);}
.comm_button:hover span {padding-right: 50px;}


@media all and (min-width:1200px){
	#kh_wrapper .inner {padding-left: 0; padding-right: 0;}
}

@media all and (max-width:980px){
:root {
	/* size */
    --font-size-nomal : 14px;
    --font-size-mid : 16px;
    --font-size-big : 18px;
    --font-size-extra : 20px;
    --font-size-smTitle : 23px;
    --font-size-nomTitle : 27px;
    --font-size-midTitle : 35px;
    --font-size-bigTitle : 45px;
}
	.section {padding: 60px 0;}
	.section_title {margin-bottom: 35px;}
	.section_title p.sub_text {padding-top: 15px;}

	.btns_wrap {margin-top: 50px;}
	.comm_button {height: 50px; line-height: 50px;}
	.comm_button span {padding-right: 50px; background-size: 15px;}
	.comm_button:hover span {padding-right: 40px;}
	
	.single input[type="checkbox"] + label {padding-left:20px; font-size:14px; line-height: 15px; color: #212121; }
	.single input[type="checkbox"] + label:before {top: 0; width:15px; height:15px;}
	.single .privacy-detail-link {font-size:14px; line-height:15px;}
	.privacy-modal__dialog {width:calc(100% - 24px); height:calc(100% - 40px); border-radius:12px;}
	.privacy-modal__head {height:58px; padding:0 18px;}
	.privacy-modal__head h2 {font-size:18px;}
	.privacy-modal__body {height:calc(100% - 58px); padding:20px 18px; font-size:14px;}
	.privacy-modal__section + .privacy-modal__section {margin-top:24px;}
	.privacy-modal__section h3 {font-size:16px;}
	.privacy-modal__contact div {display:block;}
	.privacy-modal__contact dt {min-width:0;}

}



/* HEDAER'S CSS
===============================================================================================================*/
#header {position: sticky; top: -40px; left: 0; transition: .3s all ease; z-index: 99999}


#head-top {background-color: var(--pointColor); height: 40px; display: none;}
#head-top ul {display: flex; flex-wrap: wrap; justify-content: end; line-height: 40px; }
#head-top ul li {position: relative;}
#head-top ul li a {color: #fff; padding: 0 10px; font-size: 13px;}
#head-top ul li + li::after {position: absolute; top: 15px; left: 0; width: 1px; height: 11px; background-color: #fff; opacity: 0.5; content: '';}
#head-top ul li:last-of-type {padding-right: 0;}
#head-top ul.link {}
#head-top ul.link li::after {display: none;}
#head-top ul.link li + li {margin-left: 5px;}
#head-top ul.link li a {background: #09234e; padding: 5px 10px; }

#head-bottom {position: relative; background-color: #fff; box-sizing: border-box; padding: 0 15px;}
#head-bottom .inner {padding-left: 0; padding-right: 0;}
#head-bottom #mobile-logo {width:220px; display:none; flex-wrap: wrap; justify-content: space-between;}
#head-bottom #mobile-logo .wrap {width: 50px;}
#head-bottom #mobile-logo .wrap img {}
#head-bottom #mobile-logo a {display: block; width: 160px; height: 50px; background-position: center; background-size: 100%; background-repeat: no-repeat; background-image: url('/assets/img/common/logo.svg');}
#head-bottom #pc-logo {position:absolute;top:0;left:50%; transform: translateX(-50%); width:220px;height:170px;background:url('/assets/img/common/top_logo_bg.png') top center no-repeat;background-size:100% auto;text-align:center;z-index:200;}
#head-bottom #pc-logo a {display:block;}
#head-bottom #pc-logo img {display:inline-block; margin-top:22px; width: auto; height: 100px;}



#head-bottom #menu {}
#head-bottom #menu .menu{width:14%; position: relative;top:0;display: block!important;}
#head-bottom #menu li.menu07 {width: 16%;}
#head-bottom #menu li.menu>a {padding:25px 0;display:block;color:#000;text-align: center; font-size:20px}
#head-bottom #menu .depth02 {display:none;position:absolute;top:100%;left:50%; transform: translateX(-50%); width:100%;}

#head-bottom .log_btns {position: absolute; top: 50%; right: 5px; transform: translate(-50%,-50%); display: flex; flex-wrap: wrap; justify-content: flex-end}
#head-bottom .log_btns button {border: 0; background-color: transparent; }
#head-bottom .log_btns .btn {width: 40px; text-align: center; display: block;}
#head-bottom .log_btns .btn img {height: 21px;}


/* sticky */
#header.sticky {/*top: 0;*/ box-shadow: 0 0 7px rgb(0 0 0 / 10%);}

.nav_btn {display: none;width: 20px;height: 20px;position: absolute; top: 20px; right: 0; transition: .1s;cursor: pointer;z-index:10000;}
.nav_btn span{width: 3px;height: 3px;background-color: #212121;display: block;position: absolute;border-radius:1px;}
.nav_btn span:nth-child(1){left: 0;top: 0;}
.nav_btn span:nth-child(2){left: 50%;top: 0;transform: translateX(-50%);}
.nav_btn span:nth-child(3){right: 0;top: 0;}
.nav_btn span:nth-child(4){left: 0;top: 50%;transform: translateY(-50%);}
.nav_btn span:nth-child(5){position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.nav_btn span:nth-child(6){right: 0px;top: 50%;transform: translateY(-50%);}
.nav_btn span:nth-child(7){left: 0px;bottom: 0px;}
.nav_btn span:nth-child(8){position: absolute;left: 50%;bottom: 0px;transform: translateX(-50%);}
.nav_btn span:nth-child(9){right: 0px;bottom: 0px;}
.nav_btn.open{position: absolute; transform: rotate(180deg); cursor: pointer;transition: .5s cubic-bezier(.8, .5, .2, 1.4); width: 26px; height: 26px;}
.nav_btn.open span{width:4px;height:4px;transition-delay: 200ms;transition: .5s cubic-bezier(.8, .5, .2, 1.4);border-radius: 50%;}
.nav_btn.open span:nth-child(2) {left: 7px;top: 5px;}
.nav_btn.open span:nth-child(4) {left: 5px;top: 18px;}
.nav_btn.open span:nth-child(5) {left: 12px;top: 12px;}
.nav_btn.open span:nth-child(6) {right: 6px;top: 6px;}
.nav_btn.open span:nth-child(8) {left: 18px;bottom: 6px;}


/*search*/
.search_drop {position:fixed; top: 60px; left: 0; z-index: 1;  width: 100%;  transition: .3s; visibility: hidden; opacity: 0;}
.search_drop .search_inner {position: relative; z-index: 2; background: #fff; padding: 40px 10px; padding-top: 20px;}
.search_drop .btn-search_closed {border: 0; background-color: transparent; position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); width: 60px; height: 60px; border-radius: 100%; background-color: var(--pointColor2); text-align: center; z-index: 10; box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.search_drop .btn-search_closed img {width: 40px;}
.search_drop h4 {color: #212121; text-align: center; font-weight: 600; margin-bottom: 30px; width:100%; font-size: var(--font-size-smTitle)}
.search_drop .search_input__wrap {border-bottom: 2px solid #212121;  width:80%;position: relative; box-sizing: border-box; padding-right: 40px; padding-bottom:5px; margin: 0 auto;}
.search_drop .search_input__wrap input[type='text'] {width: 100%; height: 40px; font-size:16px;  color: #212121; border: 0;}
.search_drop .search_input__wrap button {width: 40px; height: 40px; border: 0; background-color: transparent; position: absolute; top: 0; right: 0; }
.search_drop .search_input__wrap button img {width: 20px;}
.search_drop.show {visibility:visible; opacity: 1;}
.search_drop.show::after {position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background:#000; opacity: 0.4; content: ''; z-index: 1}



@media (min-width:990px){
	#head-top {display: block;}
	#head-top .inner {display: flex; justify-content: space-between; flex-wrap: wrap;}
	#head-bottom {padding: 0;}
	#head-bottom .log_btns {right: -35px;}
	
	
    .dropdown-menu {position: absolute; width: auto;}
    .dropdown {position:relative;top:0;left:0}

    #header .dropdown-menu {visibility: hidden;opacity: 0;display: block!important;transition: all .5s ease}
    #header #menu .depth01{transition: all .5s ease;}
    #header .dropdown-menu.visible{visibility: visible;opacity: 1;} 
    
    #header .nav-menu-ul {display: flex; flex-wrap: wrap; justify-content: flex-start; height: 80px; align-items: center;}
    
    #header #menu {width: 100%;}
    #header #menu #gnb .depth02{background-color:var(--pointColor); border-radius: 10px; padding: 20px; text-align:center;}
    #header #menu .depth02 {width: 170px; box-sizing: border-box;}
    #header .depth02 a{display:inline-block;position:relative;top:0;left:0;padding: 10px 0;color:#c4c4c4; font-size: 15px;}
    #header .depth02 a:hover{color: #fff;}
    #header .depth02 li:hover > a{color: #fff;}
    #header .depth02 a:after{display: block;content:"";clear:both;width: 0;height: 2px;position:absolute;bottom:0;left:0;transition: .3s all ease;background-color: #fff;}
    #header .depth02 a:hover:after{width: 100%;}
    #header .depth02 li:hover > a:after{width: 100%;}

    #header #menu .depth02 > li:hover > .depth03 {
      display: block;
    }

    #header #menu .depth03 {
      display: none;
      position: absolute;
      top: 0;
      left: 100%;
      background-color: var(--pointColor);
      border-radius: 8px;
      padding: 12px 0 15px;
      min-width: 140px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
      z-index: 9999;
    }

    #header #menu .depth03 li {
      width: 100%;
    }

    #header #menu .depth03 a {
      position: relative;
      display: inline-block;
      padding: 10px 0;
      color: #c4c4c4;
      font-size: 15px;
      white-space: nowrap;
      text-decoration: none;
      transition: color 0.3s ease;
    }

    #header #menu .depth03 a:hover {
      color: #fff;
    }

    #header #menu .depth03 a::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 0;
      height: 2px;
      background-color: #fff;
      transition: width 0.3s ease;
    }

    #header #menu .depth03 a:hover::after {
      width: 100%;
    }

    #header .login {}
    #header .login li {}
    #header .login li a {padding:3px 10px;text-align: center;border-radius: 150px;border:1px solid transparent;display: block;color: #fff;}
    #header .login li:hover a {background-color: var(--pointColor); color: #fff !important;}
    
    #header .nav-menu .login {display: none;}
    #header.sub_header .login li a {color: #333}
    
    #head-bottom {height: 100px; transition: .3s all ease;}
    #head-bottom .inner {display: flex; flex-wrap: wrap; justify-content: space-between; box-sizing: border-box; /*padding-right: 30px;*/  align-items: center;}
    
    /* sticky */
	/*#header.sticky {top: -40px;}*/
    #header.sticky #head-bottom {height: 80px;}
    #header.sticky .search_drop {top: 80px;}
	
	/* search */
    .search_drop { top: 140px; }
	.search_drop h4 {margin-bottom: 50px;}
    .search_drop .search_inner {padding: 100px 0 50px 0;}
	.search_drop .search_input__wrap {padding-bottom: 10px; padding-right: 50px;}
    .search_drop .search_input__wrap input[type='text'] {height: 50px; font-size: 21px;}
	.search_drop .search_input__wrap button{height: 50px; width: 50px;}
	.search_drop .search_input__wrap button img {width: 30px;}
	.search_drop .btn-search_closed {bottom: -80px;}

}

@media (max-width:1580px){
    #header .container{width: 100%;padding: 0 15px}
    #header #menu {margin: 0;}
    #header .logo{width: 100px}
    #header .depth02 a{padding: 0.9375rem 0;}
    #header #menu .depth02{width: 170px;}
}

@media (max-width: 990px) {
    #header {top: 0;}
    #sitemap{display: none!important;}
    #header .container{width: 90%;padding: 0;}
    #head-bottom {position: relative; z-index: 10000; min-height: 60px;}
    #head-bottom .inner {position: relative; min-height: 60px;}
    html.open-menu {overflow: hidden; height: 100%;}
    html.open-menu body {overflow: hidden;}
    .nav_btn{display: inline-block;}
    #header #menu {height: 0; overflow: hidden; margin: 0; padding: 0;}
    .dropdown-menu{height:auto;width:100%!important}
    #header .nav-menu{display:none; padding:0;width: 100%;height:100%;overflow: scroll;position: fixed;left: 0;right: 0;top: 0;bottom: auto;transform: none;visibility: hidden;pointer-events: none;background-color: #000;z-index: 9997;letter-spacing: 0px;transition: none;
        padding: 90px 0 30px 0; 
    }
    
    #header .nav-menu.on:after {display: block;content: "";clear: both;width: 100%;height: 80px;background: #000;position: fixed;top: 0;left: 0;}
    #header .nav-menu.on {display:block; visibility: visible;pointer-events: auto;transition: none;overscroll-behavior: contain;}
    #header.mOpen #menu {height: auto; overflow: visible;}
    #header.mOpen #head-bottom {position: fixed; top: 0; left: 0; right: 0; z-index: 10000;}
    #header.mOpen .nav_btn.open {position: fixed; top: 20px; right: 25px; z-index: 10001; transform: rotate(180deg);}
    #header #menu #gnb .menu {width: 100%!important;text-align: left;}
    #header #menu #gnb .menu:after,
    #header #menu #gnb .menu.active:after,
    #header #menu #gnb .depth02 a:after,
    #header #menu #gnb .depth03 a:after {display: none; content: none;}
    #header #menu #gnb .menu>a {padding: 15px 7%;font-size: 2.188rem;text-align: left;font-family: var(--mainfont), sans-serif;color: #fff;}
    #header #menu #gnb .menu.active .depth01 {color: #fff;font-weight: 600;}
    #header #menu #gnb .depth02 {left: 0;transform: translateX(0);position: relative;top: 0;font-size: 1.5rem;padding: 0 0 20px 0;}
    #header #menu #gnb .depth02 a{padding: 10px 7%;color: #c4c4c4;display: block;}
    #header #menu #gnb .depth02 a.void_link span {transform: rotate(90deg);transition: .5s all ease;}
    #header #menu #gnb .depth02 a.void_link {display: flex;justify-content: space-between;}

    #header #menu #gnb .depth02 > li.active a span{transform: rotate(270deg);}
 
    #header .menu-btn {display: block;width: 25px;height: 15px;top:0; bottom:0; margin:auto; right: 5%;position: absolute; z-index: 9999;cursor: pointer;-webkit-transition: top 300ms;transition: top 300ms;}
    #header .menu-btn span {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";right: 0;display: block;width: 100%;height: 1px;border-radius: 10px;background-color: #000;position: absolute;-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;}
    #header .menu-btn .btn_line01 {top: 0;}
    #header .menu-btn .btn_line02 {top: 7px;}
    #header .menu-btn .btn_line03 {bottom: 0;}

    #header .menu-btn.on {position: fixed;top: 20px;right: 5%;bottom: auto;height:35px;width:35px}
    #header .menu-btn.on span:nth-child(1) {top: 17px;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
    #header .menu-btn.on span:nth-child(2) {opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";right: -60px;}
    #header .menu-btn.on span:nth-child(3) {top: 17px;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);}


    #header #mobile-logo {width: 180px; display: flex;}
	#header #mobile-logo .wrap {line-height: 60px; width: 40px;}
    #header #mobile-logo a {height: 60px; width: 130px;}
    #header #pc-logo {display: none}
    #header.mOpen #mobile-logo {position: fixed; top: 0; left:15px; z-index: 9999;} 
    #header.mOpen #mobile-logo a {background-image: url('/assets/img/common/logo-w.svg');}
    #header.mOpen .nav_btn span {background: #fff;}

    
    #header .tel{display: block;position: absolute;top: 50%;left: 5%;transform: translateY(-50%);font-size: 20px;}
    #header .login {display: none;}
    #header #menu .login {display: flex;width: 100%;padding: 0 7%;justify-content: flex-start;}
    #header .login li{padding-right: 10px;width: auto;}
    #header .login li a{padding:8px 25px;text-align: center;border-radius: 150px;border:1px solid #fff;display: block;color: #fff;}
    #header .login li:hover a{background-color: #fff;color: #000;}
    
    

}



/* CONTENT'S CSS
===============================================================================================================*/
#mainSlide {overflow:hidden;position:relative;width:100%; height: calc(100vh - 140px); transition:transform .6s var(--ani); z-index: 10000}

#mainSlide .mainSwiper {opacity:0;transform:scale(1.05);width:100%;height:100%;transition:all 2s var(--ani)}
#mainSlide .mainSwiper.on {opacity:1;transform:scale(1)}
#mainSlide .mainSwiper .swiper-slide {height:100%;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .3s}
#mainSlide .mainSwiper .swiper-slide-active {transform:skew(0)}
#mainSlide .mainSwiper .swiper-slide .text {position:absolute; top: 50%; left: 0; z-index: 1; width: 100%; transform: translateY(-50%);}
#mainSlide .mainSwiper .swiper-slide .text p {color: #fff; line-height: 1.3; text-shadow: 0 0 10px rgba(0,0,0,0.2);}
#mainSlide .mainSwiper .swiper-slide .text .visual_title {font-size: var(--font-size-bigTitle); font-weight: 600; margin-bottom: 30px}
#mainSlide .mainSwiper .swiper-slide .text .visual_text {font-size: var(--font-size-smTitle);}

#mainSlide .bg {position:absolute;left:0;top:0;width:100%;height:100%;background:center no-repeat;background-size:cover}
#mainSlide .bg.bg-1 {background-image:url('/assets/img/main/visual01.jpg')}
#mainSlide .bg.bg-2 {background-image:url('/assets/img/main/visual02.jpg')}
#mainSlide .bg.bg-3 {background-image:url('/assets/img/main/visual03.jpg')}
#mainSlide .bg.bg-4 {background-image:url('/assets/img/main/visual04.jpg')}
#mainSlide .bg.bg-5 {background-image:url('/assets/img/main/visual05.jpg')}
#mainSlide .bg.bg-6 {background-image:url('/assets/img/main/visual06.jpg')}
#mainSlide .bg.bg-7 {background-image:url('/assets/img/main/visual07.jpg')}
#mainSlide .bg.bg-8 {background-image:url('/assets/img/main/visual08.webp')}
#mainSlide .bg.bg-9 {background-image:url('/assets/img/main/visual09.webp')}


#mainSlide .swiper-pagination {max-width: 1200px; bottom:15rem; left: 50%;  transform:translateX(-50%); text-align: left;}
#mainSlide .swiper-pagination-bullet {background-color:transparent; width: 0; height: 0; margin-right: 2rem; opacity:.5;}
#mainSlide .swiper-pagination-bullet-active .path {display: inline-block !important; stroke-dasharray: 1000; stroke-dashoffset: 0; animation: dash linear 20s; animation-iteration-count: unset;}
#mainSlide .path {display: none;}
#mainSlide .swiper-pagination-bullet-active .path2 {fill: transparent;}

@media(max-width:768px){
    
    #mainSlide {aspect-ratio: 125 / 163; height: calc(100vh - 60px); }
    #mainSlide .bg {aspect-ratio: 125 / 163;}
    #mainSlide .bg.bg-1 {background-image:url('/assets/img/main/visual01-m.jpg')}
    #mainSlide .bg.bg-2 {background-image:url('/assets/img/main/visual02-m.jpg')}
    #mainSlide .bg.bg-3 {background-image:url('/assets/img/main/visual03-m.jpg')}
    #mainSlide .bg.bg-4 {background-image:url('/assets/img/main/visual04-m.jpg')}
    #mainSlide .bg.bg-5 {background-image:url('/assets/img/main/visual05-m.jpg')}
    #mainSlide .bg.bg-6 {background-image:url('/assets/img/main/visual06-m.jpg')}
    #mainSlide .bg.bg-7 {background-image:url('/assets/img/main/visual07-m.jpg')}
    #mainSlide .bg.bg-8 {background-image:url('/assets/img/main/visual08-m.webp')}
    #mainSlide .bg.bg-9 {background-image:url('/assets/img/main/visual09-m.webp')}

    #mainSlide .swiper-pagination {bottom: 0; left: 0; width: 100%; text-align: center; transform: none;}
    
    #mainSlide .mainSwiper .swiper-slide .text {padding: 0 10px;}
    #mainSlide .mainSwiper .swiper-slide .text h2 {line-height: 1.3;}
	#mainSlide .mainSwiper .swiper-slide .text p {text-align: center;}
	#mainSlide .mainSwiper .swiper-slide .text .visual_text {font-size: 16px;}
	#mainSlide .mainSwiper .swiper-slide .text .visual_title {font-size: var(--font-size-midTitle); margin-bottom: 15px;}
}

@keyframes dash {
  from {stroke-dashoffset: 1000;}
  to {stroke-dashoffset: 0;}
}


#banner__wrap {}
#banner__wrap .box {position: relative; box-sizing: border-box; padding: 50px 30px; background-position: center; background-repeat: no-repeat; background-size: cover; min-height: 370px; transition: .3s all ease; overflow: hidden;}
#banner__wrap .box p {color: #fff;}
#banner__wrap .box p.title {font-size: var(--font-size-smTitle); font-weight: 600;}
#banner__wrap .box p.desc {font-size: var(--font-size-mid); margin-top: 20px;}
#banner__wrap .box p.more {font-size: var(--font-size-nomal); margin-top: 40px;}
#banner__wrap .box p.more span {display: inline-block; vertical-align: middle; width: 20px; height: 20px; border-radius: 100%; background: #fff; text-align: center; line-height: 20px;  margin-left: 7px; color: #212121; margin-top: -2px; transition: .3s all ease;}
#banner__wrap .box#main_banner01 {background-image: url('/assets/img/main/banner_bg01.jpg');}
#banner__wrap .box#main_banner02 {background-image: url('/assets/img/main/banner_bg03.jpg');}
#banner__wrap .box#main_banner03 {background-image: url('/assets/img/main/banner_bg02.jpg');}
#banner__wrap .box#main_banner04 {background-image: url('/assets/img/main/banner_bg05.jpg');}
#banner__wrap .box#main_banner05 {background-image: url('/assets/img/main/banner_bg04.jpg');}
#banner__wrap .box:hover {border-radius: 50px; box-shadow: 0 0 10px rgba(0,0,0,0.4);} 
#banner__wrap .box:hover p.more span {background-color: var(--pointColor); transform: rotate(180deg); color: #fff;}   
#banner__wrap .box .gmb-logo {width: 60px; position: absolute; bottom: 15px; right: 10px; z-index: 1;}
#banner__wrap .box .gmb-logo img {}
    

@media all and (max-width:980px) {
	#banner__wrap .box {width: 100%; min-height: auto;}
}



#material_intro {background-image: url('/assets/img/main/sec03-bg.jpg');}
.meterial_slider {width: 100%; overflow: hidden;}
.material_list .box {transition: .3s all ease; overflow: hidden; cursor: pointer;}
.material_list .pics {position: relative; overflow: hidden; padding-bottom: 100%; width: 100%;}
.material_list .pics img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.material_list .pics .no_image {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #eaeaea; color: #777; line-height: 1 !important;}
.material_list .text {background-color: #fff; box-sizing: border-box; padding: 20px; transition: .3s all ease;}
.material_list .text p.name {text-align: center; font-size: var(--font-size-mid); font-weight: 600; color: #212121; transition: .3s all ease;}
.material_list .text p.eng_title {color: #9a9a9a; font-size: 14px; font-weight: 400; margin-top: 5px; text-align: center;}
.material_list .text p.desc {font-size: var(--font-size-nomal); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; line-height: 1.5em; height: 3em; text-align: center;}
.material_list .box:hover {border-radius: 50px !important;}    
.material_list .box:hover .text {background-color: var(--pointColor) !important;}
.material_list .box:hover .text p {color: #fff;}

.material_list.sub_ver {}
.material_list.sub_ver .box {margin-bottom: 20px; border-radius: 20px; border: 1px solid #e4e4e4;}
.material_list.sub_ver .pics {padding-bottom: 70%; }
.material_list.sub_ver .text {padding: 25px 20px; background-color: #fafafa;}
.material_list.sub_ver .text p.name { font-size: var(--font-size-extra); margin-bottom: 15px; margin-top: 5px;}
.material_list.sub_ver .text p.comm_button {height: auto; min-width: auto; padding-left: 0; padding-right: 0; line-height: 1; width: 100%; background-color: transparent; margin-top: 20px; text-align: right;}
.material_list.sub_ver .text p.comm_button span {color: #212121; font-size: 14px; background-image: url('/assets/img/icon/arrow.png'); padding-right: 20px; background-size: 15px;}
.material_list.sub_ver .box:hover .text p.comm_button span {padding-right: 35px; color: #fff; background-image: url('/assets/img/icon/arrow-w.png');}


@media all and (max-width:980px){
	/*.material_list .box {width: 31.8%}*/
	.material_list .box .pics {padding-bottom: 80%}
	.material_list .box .text {padding: 15px 10px;}
	.material_list .box .text p.eng_title {margin-top: 0}
	
	.material_list.sub_ver .text p.name {margin-bottom: 5px; font-size: 16px;}
	.material_list.sub_ver .text p.comm_button {display: none;}
}

@media all and (max-width:640px){
	.material_list.sub_ver .box  {margin-bottom: 5px; border-radius: 10px;}
	.material_list.sub_ver .box:hover {border-radius: 20px;}
	.material_list .box .text {padding: 10px 5px;}
}

#notice {background: #f8f8f8;}
.noticeSlide {overflow: hidden; padding: 10px;}
.noticeSlide .swiper-slide {transition: .3s all ease; border: 1px solid #e4e4e4; box-sizing: border-box; overflow: hidden;}
.noticeSlide .thumbnail {width: 100%; padding-bottom: 70%; overflow: hidden; position: relative; }
.noticeSlide .thumbnail img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; object-fit: cover;}    
.noticeSlide .text {border-top:1px solid #e4e4e4; background: #fff; box-sizing: border-box; padding: 25px; transition: .3s all ease;}
.noticeSlide .text p {transition: .3s all ease;}
.noticeSlide .text p.title {font-weight: 500; color: #212121; font-size: var(--font-size-big); margin-bottom: 10px; line-height: 1; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.noticeSlide .text p.date {font-size: var(--font-size-nomal); color: #9a9a9a;}
.noticeSlide .swiper-slide:hover {box-shadow: 0 0 10px rgba(0,0,0,0.3); border-radius: 50px; }
.noticeSlide .swiper-slide:hover .text {background-color: var(--pointColor);}
.noticeSlide .swiper-slide:hover .text p {color: #fff;}

.noticeSlide-btns {border-radius: 100%; width: 60px !important; height: 60px !important; background-color: #fff; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.3); transform: translateY(-20%); transition: .3s all ease;}
.noticeSlide-btns.swiper-button-next {right: -80px;}
.noticeSlide-btns.swiper-button-prev {left: -80px;}
.noticeSlide-btns:hover {background-color: var(--pointColor); color: #fff;} 
    

@media all and (max-width:1200px){
	.noticeSlide-btns.swiper-button-next {right: 15px;}
	.noticeSlide-btns.swiper-button-prev {left: 15px;}
}


@media all and (max-width:980px){
	.noticeSlide .thumbnail {padding-bottom: 52%;}
	.noticeSlide .text {padding-left: 20px; padding-right: 20px;}
	
	.noticeSlide-btns {width: 50px !important; height: 50px !important;}
	.noticeSlide-btns img {width: 10px;}
	
	.swiper-button-next:after, .swiper-button-prev:after {font-size: 19px !important;}
}



#partner {background-image:url('/assets/img/main/sec05-bg.jpg');}
#partner_list {}
#partner_list .box {transition: .3s all ease;  background: #fff; border: 1px solid #e4e4e4; text-align: center; font-size: var(--font-size-big); color: #212121; font-weight: 500; box-sizing: border-box; padding: 40px 10px;}
#partner_list .box:hover {background: var(--pointColor2); color: #fff; border-radius: 20px; border-color:var(--pointColor2); }

@media all and (max-width:980px){
	#partner_list .box {display: table; width: 30.5%; padding-top: 10px; padding-bottom: 10px; font-size: var(--font-size-mid); min-height: 65px;}
	#partner_list .box .text-wrap {display: table-cell; vertical-align: middle;}
}

@media all and (max-width:640px){
	#partner_list .box {width: calc(100% / var(--count) - (var(--x-gap) * (var(--count) - 1)) / var(--count)); font-size: 13px; line-height: 1.2;}
}


/*상담문의*/
.request_box {width: 100%; box-sizing: border-box; margin: 35px 0;}
.request_box p {margin-bottom: 10px; color: #212121; font-size: var(--font-size-big); font-weight: 500;}
.request_box textarea {width: 100%; background: #fafafa; border-radius: 10px; box-sizing: border-box; font-size: 14px; padding: 15px; height: 150px;  border: 0}

ul.inputForm {display: flex; flex-wrap: wrap;}
ul.inputForm li {width:100%; margin: 5px 0; box-sizing: border-box;}
ul.inputForm li p {font-size: 13px; color: #000; margin-bottom: 5px;}
ul.inputForm li p span {color: #000}
ul.inputForm li input[type='text'] {width: 100%; height: 45px; border-radius: 5px; border:0; box-sizing: border-box; padding: 0 15px; font-size: var(--font-size-nomal);  background-color: #fafafa;}
ul.inputForm li:nth-of-type(odd) {padding-right: 0;}
ul.inputForm li:nth-of-type(even) {padding-left: 0;}

@media all and (min-width:980px) {
	.request_box {margin: 50px 0;}
	
	ul.inputForm li {width:50%; margin: 15px 0;}
	ul.inputForm li p {font-size: 14px;}
	ul.inputForm li input[type='text'] {height: 55px; padding: 0 30px; }
	ul.inputForm li:nth-of-type(odd) {padding-right: 20px;}
	ul.inputForm li:nth-of-type(even) {padding-left: 20px;}
	
	.request_box textarea {height: 235px; padding: 30px; font: 16px; border-radius: 15px;}
}



/*오시는길*/
#location {position: relative; padding: 0;}
#location #maps {width: 100%; height: 100%;}
#location #maps .root_daum_roughmap {width: 100% !important; height: 100%;}
#location #maps .wrap_controllers {display: none;}
#location #maps .map_border  {display: none;}

#addr_Info {background-color: var(--pointColor); padding: 60px; box-sizing: border-box; width: 580px; position: absolute; top: 50%; right: 18rem; transform: translateY(-50%); z-index: 1;}
#addr_Info h5 {font-weight: 600; color: #fff; margin-bottom: 40px;}
#addr_Info dl {display: flex;}
#addr_Info dl + dl {margin-top: 15px;}
#addr_Info dl dt, #addr_Info dl dd {color: #fff; font-size: var(--font-size-mid);}
#addr_Info dl dt {font-weight: 600;}
#addr_Info dl dd {}
#addr_Info dl dd a {color: #fff;}
#addr_Info .comm_button {border:1px solid #fff; margin-top: 40px;}
#addr_Info dl dd a {color: #fff;}

@media all and (max-width:1200px ){
	#addr_Info  {right: 50px}
}

@media all and (max-width:980px ){
	.root_daum_roughmap .wrap_map {height: 350px !important}
	#addr_Info  {position: relative; top: auto; right: auto; transform: none; width: 100%; padding: 35px 25px;}
	#addr_Info h5 {margin-bottom: 25px;}
	#addr_Info dl + dl {margin-top: 10px;}
	#addr_Info dl {position: relative; box-sizing: border-box; padding-left: 65px; display: block;}
	#addr_Info dl dt {position: absolute; top: 0; left: 0;}
	
}


/* FIXED QUICK INFO'S CSS
===============================================================================================================*/
.manager_info {width: 100%; background-color: var(--pointColor);position: sticky; bottom: 0; left: 0; z-index: 999; overflow: hidden;}
.manager_info .inner {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.manager_info .box__wrap {width: 70%;}
.manager_info .box {box-sizing: border-box; position: relative; padding: 0 20px; max-height: 100px;}
.manager_info .box:first-of-type {padding-left: 0;}

.manager_info dl {background-position: center left; background-size: 55px; padding-left: 70px; box-sizing: border-box; background-repeat: no-repeat; padding-top: 30px; padding-bottom: 30px;}
.manager_info dl dt, .manager_info dl dd { color: #fff;}
.manager_info dl dt {font-size: var(--font-size-nomal); margin-bottom: 5px; opacity: 0.7}
.manager_info dl dd {font-size: var(--font-size-big); font-weight: 600;}
.manager_info .shop_link {position: relative; width: 30%; padding: 20px 30px; background-color: var(--pointColor2);}
.manager_info .shop_link::after {position: absolute; top: 0; left: 0; width: 500%; height: 100%; background-color:var(--pointColor2); content: '';}
.manager_info .shop_link .comm_button {position: relative; z-index: 1; background-color: var(--pointColor2);}

.manager_info dl.mail {background-image: url(/assets/img/icon/email.png);}
.manager_info dl.call {background-image: url(/assets/img/icon/call.png);}

@media all and (max-width:1200px) {
	.manager_info {background-color: #1d264f;}
	.manager_info .inner {padding-left: 0 !important; padding-right: 0 !important;}
	.manager_info .box__wrap {width: 60%;}
	.manager_info .box {max-height: 80px;}
	
	.manager_info dl {background-size: 25px; padding-left: 35px;}
	.manager_info dl dt {line-height: 1; font-size: 12px; margin-bottom: 0;}
	.manager_info dl dd {font-size: 16px;}
	.manager_info .shop_link  {width: 40%;}
	.manager_info .shop_link .comm_button {padding: 0; min-width: auto;}
	
}

@media all and (min-width:768px) {
	.manager_info .box:first-of-type {padding-left: 20px;}
	.manager_info .box::after {position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 60px; background: #fff; opacity: 0.2; content: '';}
	.manager_info .box:first-of-type::after {display: none;}
}

@media all and (max-width:768px) {
	.manager_info {background-color: transparent; position: fixed; bottom: 28px; right: 28px; width: 60px; left: auto;}
	.manager_info .box__wrap {width: 100%; box-sizing: border-box; display: block;}
	.manager_info .box {width: 60px; height: 60px; background-color: #1d264f; padding: 0; margin-bottom: 7px; box-shadow: 0 0 10px rgba(0,0,0,0.3); border-radius: 100%;}
	.manager_info .box a {display: block; position: relative; width: 100%; height: 100px; padding-top: 10px;}
	.manager_info .box a::after {width: 100%; height: auto;  color: #fff; font-size: 12px; background-repeat: no-repeat; background-position: center top; background-size: 22px; padding-top: 22px; display: block; transform: none; text-align: center;}
	.manager_info .box#mailBox a::after {background-image: url(/assets/img/icon/email.png); content: 'MAIL';}
	.manager_info .box#callBox a::after {background-image: url(/assets/img/icon/call.png); content: 'CALL';}
	.manager_info .box dl {padding-top: 15px; padding-bottom: 15px; max-height: 60px; display: none;}
	.manager_info .shop_link {width: 60px; height: 60px; padding: 0; border-radius: 100%; overflow: hidden;}
	.manager_info .shop_link .comm_button {border-radius: 0; line-height: 1; height: 60px; width: 60px; display: block; box-sizing: border-box; padding-top: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.3)}
	.manager_info .shop_link .comm_button::after {width: 100%; height: auto; content: 'SHOP'; color: #fff; font-size: 12px; background: url(/assets/img/icon/shopping.png) no-repeat center top; background-size: 22px; padding-top: 27px; display: block;}
	.manager_info .shop_link .comm_button span {padding-right: 0; display: none;}
}

/* FIXED QUICK INFO'S CSS
===============================================================================================================*/
.manager_info_ext {width: 100%; background-color: var(--pointColor); position: sticky; bottom: 0; left: 0; z-index: 99999; overflow: hidden; margin-bottom: 0; flex-shrink: 0;}
.manager_info_ext + #footer {margin-top: 0; flex-shrink: 0;}
.manager_info_ext .inner {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.manager_info_ext .box__wrap {width: 60%;}
.manager_info_ext .box {box-sizing: border-box; position: relative; padding: 0 20px; max-height: 100px;}
.manager_info_ext .box:first-of-type {padding-left: 0;}

.manager_info_ext dl {background-position: center left; background-size: 55px; padding-left: 70px; box-sizing: border-box; background-repeat: no-repeat; padding-top: 30px; padding-bottom: 30px;}
.manager_info_ext dl dt, .manager_info_ext dl dd { color: #fff;}
.manager_info_ext dl dt {font-size: var(--font-size-nomal); margin-bottom: 5px; opacity: 0.7}
.manager_info_ext dl dd {font-size: var(--font-size-big); font-weight: 600;}

.manager_info_ext dl.mail {background-image: url(/assets/img/icon/email.png);}
.manager_info_ext dl.call {background-image: url(/assets/img/icon/call.png);}

.manager_info_ext .box__wrap__r {position: relative; width: 40%; background-color: var(--pointColor2);}
.manager_info_ext .box__wrap__r::after {position: absolute; top: 0; left: 0; width: 500%; height: 100%; background-color:var(--pointColor2); content: '';}
.manager_info_ext .box_ext {box-sizing: border-box;flex: 1; position: relative; padding: 0; max-height: 100px;}
.manager_info_ext .box_ext:first-of-type {z-index: 2; padding-left: 0;}

.manager_info_ext .notice_link {position: relative; padding: 20px 5px;}
.manager_info_ext .notice_link .comm_button {position: relative; z-index: 1; padding-top: 20px; padding-left:0; padding-right: 0; line-height: 1; background-color: var(--pointColor2);}

.manager_info_ext .shop_link {position: relative; padding: 20px 5px;}
.manager_info_ext .shop_link .comm_button {position: relative; z-index: 1; padding-top: 20px; padding-left:0; padding-right: 0; line-height: 1; background-color: var(--pointColor2);}

.manager_info_ext .comm_button span {padding-right: 50px;}

@media all and (max-width:1200px) {
	.manager_info_ext {background-color: #1d264f;}
	.manager_info_ext .inner {padding-left: 0 !important; padding-right: 0 !important;}
	.manager_info_ext .box__wrap {width: 50%;}
	.manager_info_ext .box {max-height: 80px;}
	
	.manager_info_ext dl {background-size: 25px; padding-left: 35px;}
	.manager_info_ext dl dt {line-height: 1; font-size: 12px; margin-bottom: 0;}
	.manager_info_ext dl dd {font-size: 16px;}

  .manager_info_ext .box__wrap__r {width: 50%;}
	.manager_info_ext .box_ext a {font-size: 16px;}
}

@media (max-width: 991.98px) {
  .manager_info_ext .comm_button {
    min-width: 150px;
  }
  .manager_info_ext .comm_button span {
    padding-right: 0;
    background: none;
  }
  .manager_info_ext .box__wrap__r.flexList {--x-gap: 1rem; --y-gap: 1rem;}
  .manager_info_ext .shop_link {padding-top: 17px;}
  .manager_info_ext .box_ext:first-of-type {padding-left:10px;}
}

@media all and (min-width:768px) {
	.manager_info_ext .box:first-of-type {padding-left: 20px;}
	.manager_info_ext .box::after {position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 60px; background: #fff; opacity: 0.2; content: '';}
	.manager_info_ext .box:first-of-type::after {display: none;}

	.manager_info_ext .box_ext::after {position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 60px; background: #fff; opacity: 0.2; content: '';z-index:2;}
	.manager_info_ext .box_ext:first-of-type::after {display: none;}
}

@media all and (max-width:768px) {
	.manager_info_ext {background-color: transparent; position: fixed; bottom: 28px; right: 28px; width: 60px; left: auto;}
	.manager_info_ext .box__wrap {width: 100%; box-sizing: border-box; display: block;}
	.manager_info_ext .box {width: 60px; height: 60px; background-color: #1d264f; padding: 0; margin-bottom: 7px; box-shadow: 0 0 10px rgba(0,0,0,0.3); border-radius: 100%;}
	.manager_info_ext .box a {display: block; position: relative; width: 100%; height: 100px; padding-top: 10px;}
	.manager_info_ext .box a::after {width: 100%; height: auto;  color: #fff; font-size: 12px; background-repeat: no-repeat; background-position: center top; background-size: 22px; padding-top: 22px; display: block; transform: none; text-align: center;}
	.manager_info_ext .box#mailBox a::after {background-image: url(/assets/img/icon/email.png); content: 'MAIL';}
	.manager_info_ext .box#callBox a::after {background-image: url(/assets/img/icon/call.png); content: 'CALL';}
	.manager_info_ext .box dl {padding-top: 15px; padding-bottom: 15px; max-height: 60px; display: none;}

  .manager_info_ext .box__wrap__r {position: static;background-color:transparent;}
  .manager_info_ext .box__wrap__r::after {position: static;background-color:transparent;}

	.manager_info_ext .shop_link {width: 60px; height: 60px; padding: 0; border-radius: 100%; overflow: hidden;}
	.manager_info_ext .shop_link .comm_button {position:relative;z-index: 0;border-radius: 0; line-height: 1; height: 60px; width: 60px; display: block; box-sizing: border-box; padding-top: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.3)}
	.manager_info_ext .shop_link .comm_button::after {position: absolute;z-index:2;top:9px;left:0;width: 60px; height: 60px; content: 'SHOP'; color: #fff; font-size: 12px; background: url(/assets/img/icon/shopping.png) no-repeat center top; background-size: 22px; padding-top: 27px; display: block;}
	.manager_info_ext .shop_link .comm_button span {padding-right: 0; display: none;}

  .manager_info_ext .box_ext:first-of-type {
      padding-left: 0;
  }
	.manager_info_ext .notice_link {width: 60px; height: 60px; padding: 0; border-radius: 100%; overflow: hidden;}
	.manager_info_ext .notice_link .comm_button {position:relative;z-index: 0;border-radius: 0; line-height: 1; height: 60px; width: 60px; display: block; box-sizing: border-box; padding-top: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.3)}
	.manager_info_ext .notice_link .comm_button::after {position: absolute;z-index:2;top:8px;left:0;width: 60px; height: 60px; content: 'REPORT'; color: #fff; font-size: 12px; background: url(/assets/img/icon/report.png) no-repeat center top; background-size: 22px; padding-top: 27px; display: block;}
	.manager_info_ext .notice_link .comm_button span {padding-right: 0; display: none;}
}

/* FOOTER'S CSS
===============================================================================================================*/
#footer {background: #141414;}

.foot_info__wrap {padding: 55px 0;}
.foot_info__wrap .family-site__wrap {display: flex; flex-wrap: wrap; justify-content: space-between;}
.foot_info__wrap#copyright {border-top: 1px solid #424242; padding: 30px 0;}
.foot_info__wrap #f_logo {width: 200px;}
.foot_info__wrap #f_logo img {width: 100%;}
.foot_info__wrap ul.fnb {margin: 30px 0}
.foot_info__wrap ul.fnb li {font-size: var(--font-size-nomal); font-weight: 500;}
.foot_info__wrap ul.fnb li + li {margin-left: 15px;}
.foot_info__wrap ul.fnb li a {color: #fff;}
.foot_info__wrap .addr__Wrap {display: flex; flex-wrap: wrap; gap: 10px 30px;}
.foot_info__wrap .addr__Wrap + .addr__Wrap {margin-top: 10px;} 
.foot_info__wrap .addr__Wrap dl {display: flex; align-items: flex-start; gap: 8px; margin: 0; line-height: 1.55;}
.foot_info__wrap .addr__Wrap dl + dl {margin-left: 0;}
.foot_info__wrap .addr__Wrap dl dt, .foot_info__wrap .addr__Wrap dl dd {font-size: var(--font-size-nomal); line-height: inherit;}
.foot_info__wrap .addr__Wrap dl dt {font-weight: 500; color: #fff;}
.foot_info__wrap .addr__Wrap dl dd {color: #929292; margin: 0; min-width: 0;}
.foot_info__wrap p {font-size: var(--font-size-nomal); color: #929292;}


.family-site {position:relative;}
.family-site button {background-color: #232323; font-size: 15px; color: #fff; border: 0; border-radius: 20px 10px 20px 10px; box-sizing: border-box; padding: 0 25px; width: 250px; height: 60px; position: relative; text-align: left;}
.family-site button::after {position: absolute; right: 20px; top: 19px; width: 12px; height: 20px; background-image: url(/assets/img/icon/slider-arrow-w.png); background-size: 100%; background-position: center; background-repeat: no-repeat; transform: rotate(-90deg); content: '';}
.family-site button.on::after {transform: rotate(90deg);}
.family-site ul{background:#fff; position:absolute; top:70px; border-radius: 10px; width:100%; padding:10px 0; display:none; border: 1px solid #ddd;}
.family-site ul li a{display:block; padding:7px 20px; color:#999; font-size: 15px;}
.family-site ul li a:hover{color:#333;}



@media all and (max-width:1200px) {
	.foot_info__wrap #f_logo {width: 150px;}
	.family-site {width: 100%; z-index: 2;}
	.family-site button { font-size: 14px; border-radius: 15px 5px 15px 5px; width: 100%; height: 55px; margin-top: 30px;}
	.family-site ul {top: auto; bottom: 65px; z-index: 5;}
}


@media all and (max-width:980px) {
	.foot_info__wrap ul.fnb {margin: 20px 0}
	.foot_info__wrap ul.fnb li {font-size: 14px;}
	.foot_info__wrap ul.fnb li + li {margin-left: 0;}
	.foot_info__wrap .addr__Wrap {display: flex; gap: 8px 22px;}
	.foot_info__wrap .addr__Wrap dl {gap: 7px; line-height: 1.6;}
	.foot_info__wrap .addr__Wrap dl + dl,
	.foot_info__wrap .addr__Wrap#info1 dl + dl {margin-left: 0; margin-top: 0;}
	.foot_info__wrap .addr__Wrap dl dt {flex: 0 0 auto;}
	.foot_info__wrap .addr__Wrap dl dd {flex: 1 1 auto;}
	.foot_info__wrap .addr__Wrap dl dt,
	.foot_info__wrap .addr__Wrap dl dd,
	.foot_info__wrap p {font-size: 15px;}
	.foot_info__wrap .addr__Wrap + .addr__Wrap {margin-top: 8px;}
	
}


@media all and (max-width:640px) {
	.foot_info__wrap .addr__Wrap {display: block;}
	.foot_info__wrap .addr__Wrap dl + dl,
	.foot_info__wrap .addr__Wrap#info1 dl + dl {margin-top: 6px;}
	.foot_info__wrap .addr__Wrap dl dt {flex: 0 0 42px;}
}


@media all and (max-width:480px) {
	.foot_info__wrap .addr__Wrap#info2 dl:last-of-type {margin-left: 0;}
	.foot_info__wrap .addr__Wrap dl dt {flex-basis: 40px;}
	
}








/* TABS */
.tabs {display: -webkit-box; display: flex; position: relative;  border-radius: 99px; border: 1px solid #fff; margin: 0 auto; margin-bottom: 80px; background-color: #f8f8f8;}
.tabs * {z-index: 2;}
.tabs .tab {display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 65px; font-size: 1.25rem; font-weight: 500; border-radius: 99px; cursor: pointer; -webkit-transition: color 0.15s ease-in; transition: color 0.15s ease-in; font-size: var(--font-size-mid); color: #212121;}
.tabs input[type="radio"] {display: none;}
.tabs input[type="radio"]:checked + label {color: #fff;}
.tabs input[type="radio"]:checked + label > .notification {background-color: var(--pointColor2); color: #fff;}
.tabs input[id="radio-1"]:checked ~ .glider {-webkit-transform: translateX(-1%); transform: translateX(-1%);}
.tabs input[id="radio-2"]:checked ~ .glider {-webkit-transform: translateX(101%); transform: translateX(101%);}
.tabs input[id="radio-3"]:checked ~ .glider {-webkit-transform: translateX(201%); transform: translateX(201%);}
.glider {position: absolute; display: -webkit-box; display: flex; height: 67px; background-color: var(--pointColor2); z-index: 1; border-radius: 99px; -webkit-transition: 0.25s ease-out; transition: 0.25s ease-out; top: -1px;}

.tabs.leng2 {max-width:450px;}
.tabs.leng2 .tab {width: 50%;}
.tabs.leng2 .glider {width: 50%;}

.tabs.leng3 {max-width:675px;}
.tabs.leng3 .tab {width: 33.3%;}
.tabs.leng3 .glider {width: 33.3%;}

#material_intro .tabs {background-color: transparent;}
#material_intro .tabs .tab {color: #fff;}



@media (max-width: 980px) {
	.tabs {margin-bottom: 35px;}
	.tabs.leng2 {max-width:80%;}
	.tabs.leng3 {max-width:90%;}
	.tabs .tab {height: 45px; line-height: 45px; font-size: 14px;}
	.glider  {height: 47px;}
}



/* 사이트맵 */
.sitemap__wrap {border-bottom: 1px solid #231f20}
.sitemap__wrap .sitemap {display: flex; flex-wrap: wrap; justify-content: flex-start; border-top: 1px solid #231f20}
.sitemap__wrap .sitemap .name, .sitemap__wrap .sitemap .site {box-sizing: border-box; padding: 30px;}
.sitemap__wrap .sitemap .name {width: 25%; background: #f4f7f9}
.sitemap__wrap .sitemap .name h6 {font-weight: 600; color: #212121;}
.sitemap__wrap .sitemap .site {width: 75%; background: #fff; display: flex; flex-wrap: wrap;}
.sitemap__wrap .sitemap .site ul {width: 100%}
.sitemap__wrap .sitemap .site ul li {font-size: var(--font-size-nomal);}
.sitemap__wrap .sitemap .site ul li::before {top: 10px;}
.sitemap__wrap .sitemap .site ul li a {color: #777}
.sitemap__wrap .sitemap .site ul li a:hover {color: var(--pointColor);}
.sitemap__wrap .sitemap .site ul li a[target='_blank']::after {content:"";display:inline-block;width:13px;height:13px;vertical-align:middle;background:url("/assets/img/icon/ico_newWin14_black.png") no-repeat center center/100% auto;position:relative;top:-1px;margin-left:5px;}


@media all and (max-width:768px) {
    .sitemap__wrap .sitemap .name, .sitemap__wrap .sitemap .site {width:100%; padding: 20px;}
    .sitemap__wrap .sitemap .site ul {gap:0}
    .sitemap__wrap .sitemap .site ul li {width: 33%; margin: 5px 0}
}