@charset "utf-8";
html,body{height:100%;}
body{width:100%;overflow-x:hidden;}
/*
body #wrap ::-webkit-scrollbar{width:10px;height:10px}
body #wrap ::-webkit-scrollbar-track{background-color:transparent;border-radius:10px}
body #wrap ::-webkit-scrollbar-thumb{background-color:#d8d8d8;border-radius:10px;background-clip:padding-box;border:3px solid transparent}
*/
.fixed{overflow:hidden !important}
/* .fixed #wrap{position:fixed;width:100%;overflow:hidden} */
.dim{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:1000}
.view_pc{}
.view_mo{display:none;}

@media all and (max-width:720px){
	.view_pc{display:none !important;}
	.view_mo{display:block;}
}
.inner{position:relative;width:1280px;margin:0 auto}
.inner::after{display:block;clear:both;content:''}

@media all and (max-width:1400px){
	body{overflow-x:auto;}
	.inner{width:100%;padding:0 3rem;}
}

@keyframes wheelAnimate{
  0%{transform:translateX(0);}
  100%{transform:translateX(9px);}
}

/* 전체메뉴 */
#mobileMenu{display:block;position:fixed;top:0px;right:-101%;width:72rem;min-width:320px;max-width:100%;height:100%;z-index:1001;}
#mobileMenu > .inner{position:relative;overflow-y:auto;width:100%;height:100%;padding:0;background:#fff;color:#fff;-webkit-overflow-scrolling:touch}
#mobileMenu .mobile_close_btn{display:block;position:absolute;top:3rem;right:2rem;width:6rem;height:6rem;background:url(../images/common/mobile_close_btn.png) no-repeat 50% 50% / 3.3rem 3.4rem;/* -webkit-tap-highlight-color:transparent; */cursor:pointer;text-indent:-9999px;font-size:0;z-index:1001;}
.fixed #mobileMenu{}
.mobile_head{height:13.5rem;}
.mobile_head_title{font-size:3.3rem;font-weight:500;letter-spacing:-0.66px;color:#FFFFFF;}
.mobile_logo{position:absolute;top:1.5rem;left:3rem;width:20rem;height:7.1rem;}
.mobile_logo a{display:block;width:100%;height:100%;background:url(../images/common/mobile_logo@2x.png) no-repeat 50% 50%;background-size:100% 100%;text-indent:-9999px;font-size:0;	}

#anb{margin-top:0;}
#anb a{display:block;}
#anb a.active{}
#anb > li > a{position:relative;height:12rem;line-height:12rem;padding-left:7.5rem;border-bottom:1px solid #E0E0E0;font-size:3rem;font-weight:500;letter-spacing:-0.6px;color:#363636;}
#anb > li > a::after{display:block;clear:both;content:'';position:absolute;top:50%;left:3rem;width:2.5rem;height:2.5rem;margin-top:-1.25rem;transition:all .3s;}
#anb > li.parent > a::after{background:url(../images/common/mobile_ico_plus.png) no-repeat 50% 50% / 2.5rem auto;}
#anb > li.parent > a.active::after{background-image:url(../images/common/mobile_ico_minus.png);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
#anb .depth{display:none;padding:3.6rem 7.5rem;border-bottom:1px solid #E0E0E0;background:#FBFBFB;}
#anb .depth a{position:relative;line-height:7.4rem;font-size:2.6rem;letter-spacing:-0.52px;color:#999999;}
#anb .depth .on a{}

.mobile_etc{margin:8rem;text-align:center;}
.mobile_intro{display:inline-block;}
.mobile_intro a{display:block;width:24rem;height:7rem;line-height:7rem;border:1px solid #333333;font-family:'Play';font-size:2.2rem;font-weight:700;letter-spacing:0px;color:#333333;text-align:center;}
.mobile_lang{display:inline-block;padding:2rem 0 2rem 3.5rem;font-size:0;}
.mobile_lang a{position:relative;display:inline-block;padding:0 1.5rem;font-family:'Play';font-size:2.2rem;color:#888888;font-weight:700;line-height:3rem;}
.mobile_lang a + a::after{display:block;clear:both;content:'';position:absolute;top:50%;left:0;width:1px;height:1.6rem;margin-top:-0.7rem;background:#888888;}

@media all and (min-width:1024px){
	.mobile_open_btn{display:none !important}
	#mobileMenu,.dim{display:none !important}
}
@media all and (max-width:960px){

}
@media all and (max-width:480px){

}
@media screen and (max-width:360px){
	#mobileMenu{right:-320px;width:320px;}
}
@media screen and (max-width:320px){
	#mobileMenu{display:none !important;}
}

/* Header */
#header{position:fixed;top:0;left:0;width:100%;height:8rem;overflow:hidden;transition:height .3s, background-color .1s, box-shadow .3s;z-index:1000;}
#header.scrolling {background-color:rgba(0,0,0,.6);box-shadow:0 0 15px rgb(0 0 0 / 15%)}
#header .inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;position:relative;width:100%;height:8rem;transition:height .3s, background-color .3s;}
#header .inner::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:rgba(255,255,255,.15);z-index:50;}
.header_logo{position:absolute;top:1.2rem;left:5rem;width:16.3rem;height:5.7rem;}
.header_logo a{display:block;width:100%;height:100%;background:url(../images/common/header_logo@2x.png) no-repeat 50% 50%;background-size:100% auto;text-indent:-9999px;}

.gnb{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:1280px;height:100%;overflow:hidden;margin:0 auto;padding:0 18rem;transition:overflow .3s ease;flex-shrink:2;}
.gnb .menu{position:relative;width:25%;}
.gnb .menu-link{display:flex;justify-content:center;align-items:center;width:100%;height:8rem;font-size:2rem;font-weight:500;color:#fff;transition:color .3s ease;}
.gnb .menu-link:hover{font-weight:700;}
.gnb .menu.active .menu-link{color:#2D5F26;}
/*
.header:not(.scrolling):not(.hover) .menu .menu-link{opacity:.8;}
.header:not(.scrolling):not(.hover) .menu.active .menu-link{opacity:1;}
.header:not(.scrolling):not(.hover) .menu .menu-link::after{content:"";position:absolute;bottom:30px;left:50%;width:60%;height:2px;visibility:hidden;opacity:0;background-color:#fff;transform:translateX(-50%);transition:visibility .3s, opacity .3s;}
.header:not(.scrolling):not(.hover) .menu:hover .menu-link::after, .header:not(.scrolling):not(.hover) .menu.active .menu-link::after{visibility:visible;opacity:1;}
.header:not(.scrolling):not(.hover) .menu.active .menu-link{font-weight:500;color:#fff!important;}
*/
.gnb .depth{position:absolute;top:8rem;left:0;width:100%;height:0;overflow:hidden;visibility:hidden;opacity:0;transition:visibility .5s, opacity .5s, height .5s;}
.gnb .depth:before{content:"";position:absolute;top:0;left:0;width:100%;height:298px;visibility:hidden;opacity:0;background-color:#fafafa;transition:visibility .5s, opacity .5s;z-index:-1;}
.gnb .depth.show:before{visibility:visible;opacity:1;}
#header.show .gnb .depth{height:298px;visibility:visible;opacity:1;}
.gnb .menu.active .depth:before{visibility:visible;opacity:1;}
.gnb .depth .depth-item{position:relative;margin-bottom:20px;text-align:center;line-height:1.4em;z-index:50;}
.gnb .depth .depth-item:first-child{padding-top:22px;}
.gnb .depth .depth-item:last-child{margin-bottom:40px;}
.gnb .depth .depth-link{display:inline-block;font-size:1.8rem;color:#666666;line-height:1.4em;transition:color .3s;}
.gnb .depth .depth-link:hover{color:#228B22;font-weight:700;}
.gnb .depth .depth-item.active .depth-link{color:#228B22;}

.header_lang{position:absolute;top:0;right:20rem;z-index:51;}
.header_lang a{display:block;height:8rem;line-height:8rem;padding:0 3rem;text-align:center;font-family:'play';font-size:1.8rem;font-weight:700;color:#FFFFFF;}
#header.show .header_lang a{}
.header_intro{position:absolute;top:0;right:0;z-index:51;}
.header_intro a{display:block;width:20rem;height:8rem;line-height:8rem;background:#333333;text-align:center;font-family:'play';font-size:1.8rem;font-weight:700;color:#FFFFFF;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.header_intro a:hover{background:#51A93B;}
.header_intro a span{display:inline-block;padding-left:2.4rem;background:url(../images/common/header_intro_ico.png) no-repeat 0 51% / 1.5rem 1.8rem}
.header_menu a{display:none;position:fixed;top:1.5rem;right:1.5rem;width:7rem;height:7rem;background:url(../images/common/header_menu_ico.png) no-repeat 50% 50% / 5rem 5rem;/* -webkit-tap-highlight-color:transparent; */cursor:pointer;text-indent:-9999px;font-size:0;z-index:1001;}

/* Hover */
@media all and (min-width:1024px){
	#header.show{height:calc(8rem + 298px)}
	#header.hover{background-color:#fff;}
	#header.has-simbol.show::before{visibility:visible;opacity:1;transform:translateY(0);}
	#header.hover .inner{justify-content:space-between;background-color:#fff;z-index:50;}
	#header.hover .inner::after{background-color:#eee;}
	#header.hover .header_logo a{background:url(../images/common/header_logo_active@2x.png) no-repeat 50% 50%;background-size:100% auto;}
	#header.hover .gnb{overflow:visible;}
	#header.hover .menu-link{color:#212121;}
	#header.hover .menu-link:hover{color:#2D5F26;}
	#header.hover .header_lang a{color:#212121;}

	#header.show.en{height:calc(8rem + 348px)}
}
body.open{overflow:hidden;}
body.open #header.scrolling{background-color:rgba(0,0,0,0);}

@media all and (max-width:1400px){
	.header_logo{left:3.2rem;}
	.header_nav{padding-right:3.2rem;}

	.gnb{padding:0 24rem 0 19.5rem;}
	.gnb .menu-link{font-size:1.8rem;}
	.gnb .depth .depth-item{position:relative;margin-bottom:20px;padding:0 0.8rem;text-align:center;line-height:1.4em;z-index:50;-ms-word-break:keep-all;word-break:keep-all;}
	.gnb .depth .depth-link{font-size:1.6rem;color:#666666;}
	.gnb .depth .depth-link:hover{color:#228B22;font-weight:700;}

	.header_lang{position:absolute;top:0;right:18rem;z-index:51;}
	.header_lang a{padding:0 2.2rem;font-size:1.6rem;}
	.header_intro a{width:18rem;font-size:1.6rem;}
	.header_intro a span{display:inline-block;padding-left:2.4rem;background:url(../images/common/header_intro_ico.png) no-repeat 0 51% / 1.5rem 1.8rem}
}

@media all and (max-width:1023.98px){
	#header .inner::after,
	.gnb,.header_lang,.header_intro{display:none;}
	.mobile_open_btn,
	.header_menu a{display:block;}

	#header{height:10rem;}
	.header_logo{top:1.5rem;left:3rem;width:20rem;height:7.1rem;}
	.header_logo a{background:url(../images/common/header_logo_m@2x.png) no-repeat 50% 50%;background-size:100% 100%;}
}
#footer{position:relative;background:#25262A;}
#footer .inner{padding:3.4rem 22rem;}
.footer_logo{position:absolute;top:50%;left:0;width:16.3rem;height:5.7rem;margin-top:-2.8rem;background:url(../images/common/footer_logo.svg) no-repeat 0 0 / 100% auto;}
.footer_addr,.footer_copy{font-size:1.6rem;letter-spacing:-0.32px;color:#FFFFFF;opacity:0.3;line-height:1.625;}
.footer_addr{font-size:0;}
.footer_addr::after{display:block;clear:both;content:'';}
.footer_addr p{position:relative;display:inline-block;margin-right:10px;padding-right:11px;font-size:1.6rem;}
.footer_addr p::after{display:block;clear:both;content:'';position:absolute;top:50%;right:0;width:1px;height:1.6rem;margin-top:-0.7rem;background:#fff;opacity:0.3;}
.footer_addr p:last-child{margin-right:0;padding-right:0;}
.footer_addr p:last-child::after{display:none;}
.footer_langs{position:absolute;top:50%;right:9rem;margin-top:-1rem;font-size:0;}
.footer_langs::after{display:block;clear:both;content:'';}
.footer_langs > li{position:relative;display:inline-block;margin-right:10px;padding-right:11px;font-family:'Play';font-size:1.6rem;color:#888888;font-weight:700;line-height:2rem;}
.footer_langs > li.on{color:#fff;}
.footer_langs > li::after{display:block;clear:both;content:'';position:absolute;top:50%;right:0;width:1px;height:1.6rem;margin-top:-0.7rem;background:#fff;opacity:0.3;}
.footer_langs > li:last-child{margin-right:0;padding-right:0;}
.footer_langs > li:last-child::after{display:none;}

#scrollTop{display:block;position:fixed;bottom:5rem;right:5rem;width:7rem;height:7rem;border-radius:50%;z-index:10000;}

@media all and (max-width:1400px){
	#footer .inner{padding:3.4rem 10rem 3.4rem 25rem;}
	.footer_logo{left:3rem;}
	.footer_langs{right:3rem;}
}
@media all and (max-width:960px){
	#footer .inner{padding:3.4rem}
	.footer_logo{position:relative;top:auto;left:auto;margin:0 0 2rem;}
	.footer_langs{position:absolute;top:4rem;margin-top:0;}
}
@media all and (max-width:720px){
	#footer .inner{padding:3rem 3rem 5rem;text-align:center;}
	.footer_logo{margin:0 auto 2rem;}
	.footer_addr{margin-bottom:3rem;text-align:center;}
	.footer_addr p.addr{display:block;}
	.footer_addr p.addr:after{display:none;}
	.footer_copy{margin-bottom:3.7rem;}
	.footer_langs{position:relative;top:auto;right:auto;margin-top:0;}
}
@media all and (max-width:480px){
	.footer_addr p{font-size:12px;line-height:20px;}
	.footer_addr p + p::after{height:12px;margin-top:-6px;}
	.footer_copy{font-size:12px;line-height:20px;}
}
@media all and (max-width:1400px){
}
@media all and (max-width:960px){
}
@media all and (max-width:720px){
}
@media all and (max-width:480px){
}

/* 레이어팝업 */
.modal_wrap{position:fixed;left:0;top:0;width:100%;height:100%;padding:20px;background:rgba(0,0,0,0.5);opacity:0;visibility:hidden;transform:scale(1.1);transition:all .2s ease;z-index:1001;}
.modal_area{position:absolute;top:50%;left:50%;width:800px;max-width:calc(100% - 10rem);max-height:calc(100vh - 10rem);margin:0 auto;overflow-x:visible;transform:translate(-50%,-50%);/* transform:translate(calc(-50% + 0.5px),calc(-50% + 0.5px));*/z-index:999;background-color:#fff;}
/* overflow-y:auto;*/

.modal_wrap ::-webkit-scrollbar{width:16px}
.modal_wrap ::-webkit-scrollbar-thumb{border:5px solid transparent;background-clip:padding-box;border-radius:8px;min-height:48px;background-color:rgba(51, 51, 51, 0.3)}
.modal_wrap ::-webkit-scrollbar-thumb:hover{background-color:rgba(51, 51, 51, 0.5)}
.modal_wrap ::-webkit-scrollbar-track{background-color:rgba(51, 51, 51, 0)}
.modal_wrap ::-webkit-scrollbar-track:hover{background-color:rgba(51, 51, 51, 0.1)}

.fixed{overflow:hidden}

.modal_wrap.active{opacity:1;visibility:visible;transform:scale(1.0);transition:visibility 0s linear 0s,opacity 0.25s 0s,transform 0.25s;}
body.show-modal{overflow:hidden;}

.modal_head{position:relative;height:12rem;padding:3rem 3.5rem;border-bottom:1px solid rgba(112,112,112,0.3);}
.modal_head .modal_subtitle{font-family:'Poppins';font-size:1.8rem;letter-spacing:-0.36px;color:#51A93B;}
.modal_head .modal_title{font-size:2.5rem;font-weight:700;letter-spacing:-0.5px;color:#333333;}

.modal_head .modal_close{position:absolute;top:1.4rem;right:1.4rem;width:4rem;height:4rem;line-height:4.4rem;border:0 none;cursor:pointer;background:url(../images/common/modal_close.png) no-repeat 50% 50% / 100% 100%;background-color:transparent;text-indent:-9999px;font-size:0;}

.modal_body{position:relative;max-height:calc(100vh - 10rem - 12rem);overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-padding:0}
.modal_body::after{display:block;clear:both;content:'';}

.modal_content{padding:3rem 3.5rem}
.modal_content::after{display:block;clear:both;content:'';}
.modal_body.on{}
/*.modal_body.on .modal_content{padding-right:20px;}*/

.modal_wrap .form-submit .btns{text-align:right;}
.modal_wrap .search_bar{margin:4px 0 20px;}
.modal_wrap .search_bar .input{width:100%;}

.modal_780 .modal_area{width:780px !important;}