::-webkit-scrollbar {width: 3px;}
::-webkit-scrollbar-thumb {height: 50%;background: #666;border-radius: 10px;}
::-webkit-scrollbar-track {background: #ececec;}

.header {height: 100px;position: fixed;width: 100%;top: 0;left: 0;z-index: 10000;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.header_in {padding-left:200px; height: 100%;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.header h1 {position: absolute;left: 60px;top: 50%; transform:translateY(-50%)}
.header h1 a {display:block; font-size: 20px; color: #fff; font-weight: 500; width:272px; height:56px; background-image:url('/img/common/logo.png'); background-repeat:no-repeat; background-position:center center; background-size:100%}
.fp-viewing-1 .header, .scrolled .header, .fp-viewing-mainbody2 .header {background-color: rgb(0 0 0 / 30%);-webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 10%);box-shadow: 0 1px 5px rgb(0 0 0 / 10%);}

.btnset {overflow: visible;display: inline-block !important;outline: none !important;cursor: pointer !important;border-radius: 0;text-align: center !important;text-decoration: none !important;vertical-align: middle !important;border: 0;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.3s;transition: all 0.3s;background-color: #fff;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;}
.ac-menu {position: fixed;top: 30px;right: 60px;z-index: 50000;-webkit-box-align: center;align-items: center;display: none;justify-content: center;}
.ac-menu .lan {font-family: 'Play', sans-serif;font-size: 16px;color: #aaaaaa;font-weight: 600;margin-right: 30px;}
.ac-allmenu {height: 36px;width: 36px;display: block;cursor: pointer;}
.btn-menu {padding: 0;width: 100%;height: 100%;position: relative;background-color: transparent;}
.btn-menu .bar,
.btn-menu:after,
.btn-menu:before {position: absolute;z-index: 1;height: 3px;background: #fff;cursor: pointer;-webkit-transition: 0.2s ease;-moz-transition: 0.2s ease;-ms-transition: 0.2s ease;-o-transition: 0.2s ease;transition: 0.2s ease;content: "";display: block;}
.btn-menu .bar {top: 17px;left: 0;width: 23px;}
.btn-menu:before {top: 8px;left: 0;width: 30px;}
.btn-menu:after {top: 26px;left: 0;width: 30px;}
.is-nav .btn-menu .bar {display: none;}
.is-nav .btn-menu:after {transform: rotate(-45deg);top: 16px;width: 30px;background-color: #000;}
.is-nav .btn-menu:before {transform: rotate(45deg);top: 16px;background-color: #000;}
.is-nav.is-gnb .btn-menu:after {background-color: #fff;}
.is-nav.is-gnb .btn-menu:before {background-color: #fff;}
.hide {position: absolute;left: -9999%;font-size: 0;line-height: 0;text-indent: -9999%;}

.gnb {height: 100%;-webkit-box-align: center;align-items: center;display: flex;justify-content: center;}
.gnb > ul {display: flex;height: 100%;-webkit-box-align: center;align-items: center;}
.gnb > ul .dropdown {height: 100%;position: relative;}
.gnb > ul .dropdown .one {font-size: 1.125rem;color: #fff;display: flex;-webkit-box-align: center;align-items: center;padding: 0 50px;height: 100%;}
.gnb > ul .dropdown.dropdown5 {display: none;}
.gnb > ul > li.dropdown:last-child > ul > li > a {position:relative}
.gnb > ul > li.dropdown:last-child > ul > li > a:after {
	content: "\ebf9"; 
	font-family: xeicon!important; 
	display:inline-block; 
	position:absolute; 
	top:50%;
	transform:translateY(-50%);
	right:20px;
	color:#fff;
	animation-name: color;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	}

@keyframes color {0% {color:#00b637}30% {color:#fff}100% {color:#00b637}}

.sub-menu {padding: 20px 0; transform:translate(0,20%); opacity:0; display: none;position: absolute;top: 100%;left: 50%;margin-left: -110px;z-index: 1000;float: left;min-width: 220px;text-align: left;list-style: none;background-color: rgba(0,0,0,0.8);-webkit-box-shadow: 0 10px 12px rgb(0 0 0 / 18%);box-shadow: 0 10px 12px rgb(0 0 0 / 18%);}
.sub-menu li a {font-size: 0.925rem;color: #fdceac;font-weight: 400;display: block;padding: 0 30px;height: 40px;display: flex;-webkit-box-align: center;align-items: center;}
.sub-menu li a:hover {color: #fff;}
.sub-menu {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.sub-menu li a {transition: all .2s ease;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;}
.sub-menu li:last-child {border-bottom: none;}
.gnb > ul .dropdown.on .sub-menu {display: block; opacity:1; transform:translate(0,0);}

/* 전체 메뉴 */
.tmenu_wrap {background-color: #F8F8F8;position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 20000;overflow-y: auto;-moz-transform: translateX(-100%);-webkit-transform: translateX(-100%);-o-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);opacity: 0;visibility: hidden;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;opacity: 0;visibility: hidden;}

.is-nav .tmenu_wrap {opacity: 1;visibility: visible;transform: translate(0%, 0%);}

.tmenu_pad {padding: 20px 30px;overflow-y: auto;}
.state_logout .t1 {margin-bottom: 20px;font-size: 15px;color: #6E5E53;font-weight: 500;line-height: 1.3;}
.state_logout .t1 strong {color: #C48533;font-weight: 500;}
.state_login .t1 {margin-bottom: 20px;font-sizes: 15px;color: #6E5E53;font-weight: 500;line-height: 1.3;}
.state_login .t1 strong {color: #C48533;font-weight: 500;}
.tclose {position: fixed;right: 10px;top: 15px;}
.tclose img {width: 20px;}
.tmenu_link {-webkit-box-align: center;align-items: center;display: flex;}
.tmenu_link .tlink {margin-right: 30px;position: relative;}
.tmenu_link a:nth-of-type(2) {background:#ff9966; padding:0.333rem 1rem; border-radius:30px; color:#fff; font-weight:700}
.tmenu_link a:nth-of-type(2):before{content: "\e9d3"; font-family: xeicon!important; display:inline-block; margin-right:5px}
.tmenu_link .tlink.tlink2,
.tmenu_link .tlink.tlink6 {margin-right: 0;}
.tmenu_link .tlink .tit {font-size: 18px;color: #6E5E53;font-weight: 600;background-repeat: no-repeat;letter-spacing: -0.5px;text-decoration: underline;}

.tpoint {background-color: #C48533;border-radius: 10px;-webkit-box-align: center;align-items: center;display: flex;justify-content: center;font-size: 10px;color: #fff;font-weight: 500;padding: 2px 5px;position: absolute;right: -23px;top: 50%;margin-top: -17px;word-break: keep-all;line-height: 1;}
.tmenu_list {margin-top: 20px;border-top: 1px solid #D6D6D6;padding: 30px 0;margin-bottom: 30px;}
.tmenu_list .one .onea {padding: 10px 0 20px 0;font-size: 22px;color: #575452;font-weight: 600;padding-right: 40px;position: relative;-webkit-box-align: center;align-items: center;display: flex;}
.tmenu_list .one.subin .onea:after {content: "";display: block;width: 16px; height: 10px; background-image: url('/img/common/tmenu_arrow.png');background-repeat: no-repeat;-webkit-background-size: 13px auto;background-size: 13px auto;background-position: center center;margin-left: 10px;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.tmenu_list .one.subin.on .onea:after {transform: rotate(180deg);}
.tsmenu {display: none;margin-bottom: 15px;}
.tsmenu li a {font-size: 18px;color: #8B8785;font-weight: 400;display: inline-flex;}
.tsmenu li {padding: 5px 0;}
.custom_link .cl_item {margin: 10px 0;}
.custom_link a {font-size: 18px;color: #8B8785;font-weight: 500;display: inline-flex;border-radius: 25px;background-color: #fff;padding: 7px 20px;-webkit-box-align: center;align-items: center;justify-content: center;}

.mem_info {position: absolute; top: 50%;margin-top:-8px; right: 60px; z-index: 50000; -webkit-box-align: center; align-items: center; display: flex; justify-content: center;}
.mem_info a {font-size: 0.825rem; color: #fff; }
.mem_info a.mar {margin-right: 30px;}

@media (max-width: 1429px) {
	.gnb > ul .dropdown .one {font-size: 18px;padding: 0 25px;}
	.gnb > ul .dropdown:last-child a:after { right:0; }
}

@media (max-width: 1219px) {
	.gnb {display: none;}
	.ac-menu {display: flex;}
	.mem_info {right: 135px;}
}

@media (max-width: 991px) {
	.header {height: 60px;}
	.header h1 {left: 15px;}
	.ac-menu {right: 20px;top: 12px;}
	.mem_info {right: 80px;}
	.mem_info a.mar {margin-right: 15px;}
}

@media (max-width: 767px) {

.header h1 a { width:170px; height:35px; }
.header_in {padding-left:0px;}

}