@charset "utf-8";
/*********************************************** header ***********************************************/
header {width:100%; position: absolute; top: 0; left: 0; z-index: 1000;}
header .head-top {width: 100%; background: #fff; height: 80px; position: relative;}
header.on .head-top::after {content: ""; width: 100%; height: 1px; background:#E9E9E9; position: absolute; bottom: 0; left: 0;} 
header .head-top .inner,
header .head-bottom .inner {display: flex; align-items: center; justify-content: space-between; height: 100%;}
header .head-top .inner .top-left,
header .head-top .inner .top-right,
header .head-top .inner .top-right .top-menu {display: flex; align-items: center;}
header .head-top .inner .top-left .head-logo a {display:block; font-size: 0;}
header .head-top .inner .top-left .head-search {position: relative;}
header .head-top .inner .top-left .head-search .head-search-box {margin-left: 30px; width: 330px; height: 40px; position:relative;}
header .head-top .inner .top-left .head-search .head-search-box input {width: 100%; height: 100%; border: 1px solid #8D8F99; border-radius: 50px; padding: 0 45px 0 20px;}
header .head-top .inner .top-left .head-search .head-search-box .srh-btn {display: block; width: 17px; height: 17px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none'%3E%3Cpath fill='%23000' d='M15.18 16.548a.98.98 0 0 1-.703-.29l-3.195-3.199c-2.242 1.635-6.06 2.37-9.073-.645C-.507 9.7-.507 5.292 2.205 2.58a6.964 6.964 0 0 1 9.835 0c2.474 2.472 2.69 6.358.653 9.078l3.188 3.195a.992.992 0 0 1-.702 1.694ZM7.122 2.535a4.953 4.953 0 0 0-3.514 1.453 4.966 4.966 0 0 0 0 7.02c2.653 2.65 5.875 1.144 7.024 0a4.972 4.972 0 0 0 0-7.02A4.961 4.961 0 0 0 7.12 2.535h.003Z'/%3E%3C/svg%3E");}
header .head-top .inner .top-left .head-search .search-close {display: none; width: 25px; height: 26px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='26' fill='none'%3E%3Cg fill='%23000' clip-path='url(%23a)'%3E%3Cpath d='M21.699 24.521 1.498 3.65a.625.625 0 0 1 .017-.884l.9-.867a.625.625 0 0 1 .884.017l20.202 20.872a.625.625 0 0 1-.017.883l-.901.867a.625.625 0 0 1-.884-.017Z'/%3E%3Cpath d='M3.299 24.521 23.5 3.65a.625.625 0 0 0-.017-.884l-.9-.867a.625.625 0 0 0-.884.017L1.497 22.788a.625.625 0 0 0 .017.883l.901.867c.249.24.645.232.884-.017Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 .719h25v25H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); position: absolute; top: 50%; transform: translateY(-50%); right: 28%;}
header .head-top .inner .top-right .top-menu {color: #666; margin-right: 20px; font-family: "GothicA1-Regular";}
header .head-top .inner .top-right .top-menu li {position: relative; padding: 0 5px;}
header .head-top .inner .top-right .top-menu li:nth-child(2)::after {content: ""; width: 1px; height: 12px; background: #cdcdcd; position: absolute; top: 55%; left: 0px; transform: translateY(-50%);}
header .head-top .inner .top-right .top-menu li a {padding: 5px; font-size: 1.5rem;}
header .head-top .inner .top-right .menu-close {display: none; width: 25px; height: 26px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='26' fill='none'%3E%3Cg fill='%23fff' clip-path='url(%23a)'%3E%3Cpath d='M21.699 24.521 1.498 3.65a.625.625 0 0 1 .017-.884l.9-.867a.625.625 0 0 1 .884.017l20.202 20.872a.625.625 0 0 1-.017.883l-.901.867a.625.625 0 0 1-.884-.017Z'/%3E%3Cpath d='M3.299 24.521 23.5 3.65a.625.625 0 0 0-.017-.884l-.9-.867a.625.625 0 0 0-.884.017L1.497 22.788a.625.625 0 0 0 .017.883l.901.867c.249.24.645.232.884-.017Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 .719h25v25H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); margin-right: 15px;}
header .head-top .inner .mo-btn {display: none;}
header .head-top .inner .mo-btn .search-open {float: left; width: 36px; height: 36px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none'%3E%3Cpath fill='%23000' d='M24.068 25.719c-.398 0-.797-.15-1.097-.455l-4.992-4.997C14.476 22.822 8.51 23.97 3.802 19.26-.441 15.019-.441 8.13 3.797 3.895c4.237-4.235 11.129-4.235 15.366 0 3.865 3.863 4.202 9.934 1.02 14.185l4.982 4.991a1.55 1.55 0 0 1-1.097 2.648ZM11.48 3.823a7.739 7.739 0 0 0-5.49 2.27 7.76 7.76 0 0 0 0 10.968c4.145 4.142 9.18 1.79 10.974 0 3.022-3.025 3.022-7.943 0-10.968a7.752 7.752 0 0 0-5.49-2.27h.006Z'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; margin-right: 10px;}
.hambuger-btn.hambuger-mo {float: left;}
header .head-bottom {height: 100px; position: relative;}
header .head-bottom::after {content: "'"; width: 100%; height:1px; background:rgba(255, 255, 255, 0.15); position: absolute; top: 99px; left: 0;}
header .head-bottom.on { background: #fff; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.05);}
header .head-bottom.on::after {background: #e9e9e9;}
header .head-bottom .inner {position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: auto;}
header .head-bottom nav {width: 100%;}
header .head-bottom nav .gnb {position: relative; display:flex; justify-content: center;}
header .head-bottom nav .gnb > li {min-width: 30%;}
header .head-bottom nav .gnb > li > a {display:block; min-width:30%; height: 100px; line-height: 100px; color: #fff; font-size: 2rem; font-weight: 500;}
header .head-bottom.on nav .gnb > li > a {color: #222;}
header .head-bottom.on nav .gnb > li > a.on {color: #0B7B65; font-weight: 600;}
header .head-bottom nav .gnb li .lnb {display:none; position: absolute; top: 100px; width: 30%; min-width:30%; height: 220px; padding: 20px 15px; border-left: 1px solid#e9e9e9; font-family: "GothicA1-Regular";}
header .head-bottom nav .gnb li a.on + .lnb {background: #0B7B65 url("../images/common/lnbBg.png") no-repeat right bottom; color: #fff; transition: all 0.3s;}
header .head-bottom.on nav .gnb li:last-child .lnb {border-right: 1px solid #e9e9e9;}
header .head-bottom nav .gnb li .lnb li {margin: 5px 0;}
header .head-bottom nav .gnb li .lnb li a {display:block; padding: 3px 3px 3px 10px; position: relative;}
header .head-bottom nav .gnb li .lnb li a::before {content: ""; width:3px; height: 3px; background: #c9c8c8; border-radius: 50%; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
header .head-bottom nav .gnb li a.on + .lnb li a::before {background: rgba(255, 255, 255, 0.5);}
header .nav-bg {display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); position: fixed; top: 0; left: 0; z-index: 0;}
header .nav-bg.active {display: block;}
.hambuger-btn {display:flex; flex-direction: column; justify-content: space-between; align-items: flex-end; width: 46px; height: 46px; background: #000; border-radius: 50%; padding: 15px 12px;}
.hambuger-btn .bar {display:block; width: 100%; height: 2px; background: #fff; transition: all 200ms ease-in-out;}
.hambuger-btn:hover .bar:nth-child(2) {width: 75%;}

header .mo-global {position: relative; margin-left:auto; margin-right:10px; display:none;}
header .language_btn_wrap {display: flex; justify-content: center;align-items: center;}
header .language_btn_wrap button{padding: 8px;}
header .language_btn_wrap button.hidden-txt{font-size: 0; text-indent: -200%;}
header .language_btn_wrap button i.global-ico {background: url('../images/common/global_icon.png')no-repeat center center;width: 30px; height: 30px; display: flex;}
header .langeage_wrap {position: absolute;z-index: 2; background: #fff;display:none; flex-direction:column; border-radius: 10px;left: -27px; border: 1px solid #ddd; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);overflow:hidden;}
header .langeage_wrap.on {display: flex;}
header .langeage_wrap li {padding: 8px;transition:all 0.3s;}
header .langeage_wrap li a{font-size: 14px; padding: 6px 30px; display: block;transition:all 0.3s;}

header .langeage_wrap li:hover,
header .langeage_wrap li:focus {background:#515151; transition:all 0.3s;}
header .langeage_wrap li:hover a,
header .langeage_wrap li:focus a {color:#fff;transition:all 0.3s;}

@media all and (max-width:1440px) {
    header .head-bottom nav .gnb > li > a {font-size: 1.8rem; }
    header .head-bottom nav .gnb li .lnb {padding: 15px 10px;}
    header .head-bottom nav .gnb li .lnb li a {font-size: 1.5rem;}
    
}
@media all and (max-width:1200px) {
    header .head-bottom,
    header .head-top .inner .top-right,
    .hambuger-btn.hambuger-pc {display: none;}
    header.active .head-top .inner .top-right.on {display: flex; width: 350px; position: fixed; top:0; right: 0; background: #0B7B65; padding: 15px 10px; z-index: 1002; justify-content: space-between;}
    header.active .head-top .inner .top-right .top-menu {color: #fff;}
    header.active .head-top .inner .top-right .iaia {display: none;}
    header .head-top .inner .top-right .menu-close {display: block;}
    header .head-top .inner .mo-btn {display: flex; align-items: center;}
	header .mo-global {display:block;}
    header .head-top .inner .top-left .head-search {display:none; width: 100%; background: #fff; position: absolute; top: 80px; left: 0; padding: 50px;}
    header .head-top .inner .top-left .head-search::before {content: ""; width: 100%; height: 1px; background: #e0e0e0; display: block; position: absolute; top: 0; left: 0;}
    header .head-top .inner .top-left .head-search .head-search-box {width: 50%; height: 50px; margin: 0 auto; padding-right: 50px;}
    header .head-top .inner .top-left .head-search .head-search-box .srh-btn {right: 75px;}
    header .head-top .inner .top-left .head-search .search-close {display: block;}
    header .head-bottom {position: fixed; top: 56px; left: auto; right: 0; width: 350px; height: 100% !important; z-index: 1001; background: #fff url("../images/common/menubg-m.png") no-repeat right bottom; padding-bottom: 100px; overflow-y: auto;}
    header .head-bottom::after {content: none;}
    header .head-bottom .inner {position: relative; width: 100%; left: 0; transform: unset;}
    header.active .head-bottom nav {width: 100%;}
    header .head-bottom nav .gnb {flex-direction: column;}
    header .head-bottom nav .gnb > li > a {width: 100%; color: #222; height: 65px; line-height: 65px; padding: 0 20px; position: relative; border-bottom: 1px solid #e0e0e0;}
    header .head-bottom nav .gnb > li > a::after {content: ""; width: 20px; height: 4px; position: absolute; top: 46%; right: 20px; background: url("../images/common/dot-icon.png") no-repeat;}
    header .head-bottom nav .gnb > li > a.active {border-bottom: none;}
    header .head-bottom nav .gnb > li > a.active::after {width: 18px; height: 3px; background: url("../images/common/dot-icon-off.png") no-repeat;}
    header .head-bottom nav .gnb > li .lnb {position: relative; top: 0; left: 0; width: 100%; height: auto; background: #EEF5F4; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding: 15px 30px; }
    header .head-bottom nav .gnb li .lnb li a {display: inline-block; font-size: 1.6rem;}
    
}
@media all and (max-width:999px) {
    header .head-top .inner .top-left .head-search .head-search-box {width: 70%; }
    header .head-top .inner .top-left .head-search .search-close {right: 20%;}
    
}
@media all and (max-width:768px) {
    header .head-top .inner .top-left .head-search {padding: 50px 0;}
    header .head-top .inner .top-left .head-search .head-search-box {width: 80%; }
    header .head-top .inner .top-left .head-search .search-close {right: 12%;}
}
@media all and (max-width:420px) {
    header .head-top .inner .top-left .head-logo a img {width:200px;}
    header.active .head-top .inner .top-right,
    header .head-bottom {width: 100% !important;}
    header .head-top .inner .top-left .head-search .head-search-box {width: 90%; }
    header .head-top .inner .top-left .head-search .search-close {right: 8%;}
}


/*********************************************** footer ***********************************************/
.foot-banner {background-color: #F5F5F5; padding: 20px 0;}
.foot-banner .banner-wrap {display: flex; overflow: hidden;}
.foot-banner .banner-wrap .ba-item a,
.foot-banner .banner-wrap .ba-item a img {margin: 0 auto; max-width: 100%; max-height: 100%;}
footer {padding: 40px 0; font-family: "GothicA1-Regular";}
footer .site-ti {font-size: 2rem; font-weight: 600; font-family: 's-core';}
footer .foot-menu {display: flex; font-weight: 700; margin: 5px 0;}
footer .foot-menu li:not(:last-child) {margin-right: 20px; position: relative;}
footer .foot-menu li:not(:last-child)::after {content: ""; width: 1px; height: 12px; background: #222; position: absolute; right: -10px; top: 6px;}
footer .foot-menu li:nth-child(2) a {color: #F17046;}
footer address *,
footer .foot-info,
footer .copy {color: #999999; font-size: 1.5rem;}

@media all and (max-width:999px) {
    .foot-banner .banner-wrap .ba-item {height: 5vw;}
    footer address * {display: block;}
}
@media all and (max-width:768px) {
    .foot-banner .banner-wrap .ba-item {height: 6vw;}
    footer {text-align: center;}
    footer .foot-menu {justify-content: center;}
    footer .site-ti {font-size: 1.8rem;}
    footer .site-ti span {display: block;}

}
@media all and (max-width:420px) {
    .foot-banner .banner-wrap .ba-item {height: 9vw;}
    footer .foot-menu {font-size: 1.5rem;}
}
/*********************************************** btn-top ***********************************************/
.btn-top {opacity:1; position:absolute; bottom:260px; right:50%; margin-right:-860px; text-align:center; z-index:50;}
.btn-top .top {display:block;width:66px; height:66px; line-height:80px; border-radius:50%; background: #F17046; color: #fff; font-size: 1.4rem; font-family: 'GothicA1-Regular'; position: relative;}
.btn-top .top::before{content:''; position:absolute; width: 15px; height: 9px; background: url(../images/common/top-arrow.png) no-repeat; top: 18px; left: 25px; transition: 0.2s ease-in;}
.btn-top .top:hover::before {animation: bounce .4s infinite ease-in-out alternate;}

@keyframes bounce {
    100%{transform:translateY(-5px);}
}
@media all and (max-width:1800px) {
    .btn-top {right: 20px; margin-right: 0;}
}
@media all and (max-width:999px) {
    .btn-top {bottom: 50px;}
}
@media all and (max-width:640px) {
    .btn-top {bottom: 200px;}
}
@media all and (max-width:468px) {
    .btn-top {display:none;}
}


/*********************************************** layer-popup ***********************************************/

.modal {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; overflow: hidden; display:none; -webkit-overflow-scrolling: touch; outline: 0;}
.modal .modal-dialog {position: relative; width: 750px; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.modal .modal-dialog .modal-content {position: relative; background-color: #fff; border: 1px solid #999;  border-radius: 10px; padding: 20px;}
.modal .modal-dialog .modal-content .modal-header { border-bottom-width: 2px; margin: 0; padding: 0 0 10px 0;}
.modal .modal-dialog .modal-content .modal-body { padding: 20px; min-height:500px; overflow-y:auto; z-index:9999;}
.modal .modal-dialog .modal-content .modal-body textarea {height: 170px;}
.modal.fade .modal-dialog {-webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%);      -o-transform: translate(0, -25%); transform: translate(0, -25%);}
.modal.in .modal-dialog {-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}
.modal-backdrop {width: 100%; height: 100%; position: absolute; top: 0; right: 0; left: 0; background-color: #000;filter: alpha(opacity=50); opacity: .5;}
.modal-header {padding: 15px; border-bottom: 1px solid #e5e5e5;}
.modal-header .close {font-size: 3rem; font-weight: bold; line-height: 1; color: #adadad; position: absolute; right: 20px; top: 12px;}
.modal-body {position: relative; padding: 15px;}
.madal .pagination {justify-content: center;}

@media all and (max-width: 1000px) {
    .modal .modal-dialog {width: 85%;}
}