body{font-family:'SCoreDream', 'Noto Sans KR';}
body.active_header{padding-top:120px;}
#header{background: rgba(0,0,0,0.5);}
#header.active,
#header.active2{background-color:#fff;border-bottom:1px solid #e0e0e0;}
#header.active .hd .wrap .logo .active_hide,
#header.active2 .hd .wrap .logo .active_hide{display:none;}
#header.active .hd .wrap .logo .active_show,
#header.active2 .hd .wrap .logo .active_show{display:inline;}
#header.active .open_gnb span,
#header.active2 .open_gnb span,
#header.active .open_gnb span:before,
#header.active2 .open_gnb span:before,
#header.active .open_gnb span:after,
#header.active2 .open_gnb span:after{background-color:#8dc63f;}
/* header height */
#header .hd .wrap .logo,
.gnb .dep1{height:120px;line-height:120px;}
#header.active .hd .wrap .logo,
#header.active .gnb .dep1{height:80px;line-height:80px;transition:.25s;color:#424242;}
#header.active2 .gnb .dep1{color:#424242;}
#header.active .header_btns {line-height: 80px;}
#header.active .header_btns .btn img.on {opacity: 1;}
#header.active2 .header_btns .btn img.on {opacity: 1;}
#header .header_btns .call{position: absolute; left: 105%;}
#header .header_btns .call a{display: flex; align-items: center; color: #8dc63f;}
#header .header_btns .call a b{display: inline-block; margin-left: 5px;}
/* header */
#header{position:fixed;left:0;top:0;width:100%;z-index:99999;}
#header .hd{max-width:1220px;margin:0 auto;padding:0 10px;}
#header .hd .wrap{position:relative;}
#header .hd .wrap .logo{float:left;}
#header .hd .wrap .logo img{vertical-align:middle;}
#header .hd .wrap .logo .active_hide{display:inline;}
#header .hd .wrap .logo .active_show{display:none;}
/* gnb */
.gnb{float:right;}
.gnb .dep1_wrap{color:#fff;}
.gnb .dep1_con{position:relative;float:left;}
.gnb .dep1{display:block;padding:0 40px;font-size:18px;font-weight:500;transition:.25s;}
.gnb .dep1_con.active .dep1,
.gnb .dep1_con:hover .dep1{color:#8dc63f !important;}
.gnb .dep2_wrap{display:none;position:absolute;left:0;top:100%;width:100%;background-color:#fff;margin-top:-20px;border:1px solid #8dc63f;border-bottom:0;z-index:99999;}
.gnb .dep2_con{border-bottom:1px solid #8dc63f;}
.gnb .dep2{display:block;padding:10px;font-size:15px;font-weight:400;transition:.25s;color:#424242;}
.gnb .dep2_con.active .dep2,
.gnb .dep2_con:hover .dep2{background-color:#8dc63f;color:#fff;}
/* header button */
.header_btns {float: right; line-height: 120px; transition: line-height 0.25s;}
.header_btns .btn {display: inline-block; position: relative; width: 40px; height: 40px; line-height: 40px; vertical-align: middle;}
.header_btns .btn img {position: absolute; top: 50%; left: 50%; margin-top: -12px; margin-left: -11px;}
.header_btns .btn .on {opacity: 0; transition: .25s;}
.header_btns .btn:hover .on {opacity: 1;}
/* mobile gnb */
.open_gnb{display:none;position:absolute;left:10px;top:50%;margin:-6px 0 0;}
.open_gnb a{position:relative;display:inline-block;width:27px;height:20px;vertical-align:middle;font-size:0;}
.open_gnb a span{position:absolute;left:0;top:50%;margin:-1px 0 0;display:inline-block;width:100%;height:2px;background-color:#fff;vertical-align:middle;}
.open_gnb a span:before,
.open_gnb a span:after{content:"";position:absolute;left:0;display:block;width:100%;height:100%;background-color:#fff;}
.open_gnb a span:before{top:-8px;}
.open_gnb a span:after{bottom:-8px;}
.m_gnb_area .gnb_wrap{display:none;position:fixed;left:0;right:0;top:0;bottom:0;overflow-y:auto;z-index:99999;}
.m_gnb_area .gnb_wrap:before{content:"";position:fixed;left:0;top:0;display:block;width:100%;height:100%;background-color:#000;opacity:0.6;}
.m_gnb_area .gnb_inner{position:absolute;right:0;top:0;width:320px;min-height:100%;background-color:#fff;}
.close_gnb{position:absolute;right:10px;top:22px;z-index:90;}
.close_gnb a{display:block;text-indent:-9999px;}
.close_gnb a span{position:relative;display:block;width:30px;height:30px;}
.close_gnb a span:before,
.close_gnb a span:after{content:"";position:absolute;left:0;top:50%;display:block;width:100%;height:3px;background-color:#fff;}
.close_gnb a span:before{transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.close_gnb a span:after{transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.m_gnb_area .gnb_hd .gnb_logo{padding:21px 0;text-align:center;background-color:#8dc63f;}
.m_gnb_area .gnb_hd .gnb_logo img{height:34px;}
.m_gnb_area .gnb_hd .mb_menu{padding:15px 0;}
.m_gnb_area .gnb_hd .mb_menu .dep1_wrap{font-size:0;text-align:center;}
.m_gnb_area .gnb_hd .mb_menu .dep1_con{display:inline-block;margin:0 3px;}
.m_gnb_area .gnb_hd .mb_menu .dep1{display:block;padding:5px 10px;font-size:13px;font-weight:400;background-color:#8dc63f;color:#fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;transition:.25s;}
.m_gnb_area .gnb_hd .mb_menu .dep1_con.active .dep1,
.m_gnb_area .gnb_hd .mb_menu .dep1_con:hover .dep1{background-color:#333;}
.m_gnb_area .gnb_hd .location .dep1_wrap{border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;}
.m_gnb_area .gnb_hd .location .dep1_con{float:left;width:33.33%;text-align:center;border-right:1px solid #d9d9d9;}
.m_gnb_area .gnb_hd .location .dep1_con:last-child{border-right:0;}
.m_gnb_area .gnb_hd .location .dep1{display:block;padding:8px 0;font-size:13px;font-weight:400;color:#282828;transition:.25s;}
.m_gnb_area .gnb_hd .location .dep1_con.active .dep1,
.m_gnb_area .gnb_hd .location .dep1_con:hover .dep1{background-color:#8dc63f;color:#fff;}
.m_gnb > ul{padding:0 0 50px;}
.m_gnb > ul > li{border-bottom:1px solid #d9d9d9;}
.m_gnb > ul > li > a{position:relative;display:block;padding:10px;font-size:15px;font-weight:400;color:#282828;}
.m_gnb > ul > li.active > a,
.m_gnb > ul > li:hover > a{background-color:#8dc63f;color:#fff;}
.m_gnb > ul > li > a:before{content:"▼";position:absolute;right:10px;top:50%;display:block;line-height:20px;margin:-10px 0 0;font-size:12px;transition:.25s;-moz-transition:.25s;-webkit-transition:.25s;-o-transition:.25s;}
.m_gnb > ul > li > a.non_arr:before{display:none !important;}
.m_gnb > ul > li.active > a:before{transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.m_gnb > ul > li:hover > a:before{color:#fff;}
.m_gnb > ul > li > ul{display:none;}
.m_gnb > ul > li > ul > li{border-top:1px solid #d9d9d9;}
.m_gnb > ul > li > ul > li > a{display:block;padding:10px 15px;font-size:13px;font-weight:300;color:#282828;transition:.25s;}
.m_gnb > ul > li > ul > li.active > a,
.m_gnb > ul > li > ul > li:hover > a{padding-left:20px;background-color:#8dc63f;color:#fff;}
/* footer */
#footer{padding:40px 0;background-color:#8c9d75;}
#footer.footer-main {margin-bottom: 100px;}
#footer .wrap{position:relative;padding-left:410px;color:#fff;}
#footer .wrap .logo{position:absolute;left:0;top:50%;width:410px;text-align:center;margin-top:-22px;}
#footer .wrap .ft_menu{margin:0 0 20px;}
#footer .wrap .ft_menu .dep1_wrap{font-size:0;margin:0 -10px;}
#footer .wrap .ft_menu .dep1_con{display:inline-block;}
#footer .wrap .ft_menu .dep1{position:relative;display:block;padding:0 10px;transition:.25s;}
#footer .wrap .ft_menu .dep1:before{content:"";position:absolute;left:0;top:50%;display:block;width:1px;height:10px;margin-top:-5px;background-color:#fff;}
#footer .wrap .ft_menu .dep1_con:first-child .dep1:before{display:none;}
#footer .wrap .ft_menu .dep1_con.active .dep1,
#footer .wrap .ft_menu .dep1_con:hover .dep1{color:#8dc63f;}
#footer .wrap .txt_wrap .txt{margin:0 -8px 15px;font-weight:300;line-height:1.6;}
#footer .wrap .txt_wrap .txt span{display:inline-block;margin:0 8px;}
#footer .wrap .txt_wrap .copyright{line-height:1.4;font-weight:300;}
#footer .wrap .mb_menu{position:absolute;right:116px;bottom:-12px;}
#footer .wrap .mb_menu .dep1_wrap{font-size:0;margin:0 -5px;}
#footer .wrap .mb_menu .dep1_con{display:inline-block;vertical-align:text-top;padding:0 5px;}
#footer .wrap .mb_menu .dep1{display:block;height:30px;line-height:28px;padding:0 10px;color:#fff;font-weight:300;border:1px solid #fff;border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;-o-border-radius:50px;transition:.25s;}
#footer .wrap .mb_menu .dep1_con.active .dep1,
#footer .wrap .mb_menu .dep1_con:hover .dep1{background-color:#8dc63f;border-color:#8dc63f;}

@media all and (max-width: 1750px){
	.gnb .dep1{padding:0 25px;}
}
@media all and (max-width: 1700px){
	#header .header_btns .call{position: relative; left: auto;}
}
@media all and (min-width:1221px){
	.m_gnb_area .gnb_wrap{display:none !important;}
}

@media all and (max-width:1220px){
	#header .hd .wrap .logo img{height:36px;}
	.gnb{display:none;}
	.open_gnb{display:block;}
	#header .hd .wrap .logo,
	.gnb .dep1{height:80px;line-height:80px;}
	#header .hd .wrap .logo{margin-left: 40px;}
	.header_btns {line-height: 80px;}
	#footer{padding:30px 0;}
	#footer .wrap{padding-left:0;text-align:center;}
	#footer .wrap .logo{position:relative;top:0;width:100%;margin:0 0 15px;}
	#footer .wrap .ft_menu{margin:0 0 10px;}
	#footer .wrap .ft_menu .dep1_wrap{margin:0 -5px;}
	#footer .wrap .ft_menu .dep1{padding:0 5px;}
	#footer .wrap .txt_wrap .txt{margin:0 -5px 10px;}
	#footer .wrap .txt_wrap .txt span{margin:0 5px;}
	#footer .wrap .mb_menu{position:relative;margin:10px 0 0;right:0;bottom:0;}
	#footer .wrap .mb_menu .dep1_wrap{text-align:center;}
	#footer .wrap .mb_menu .dep1{height:26px;line-height:24px;}
}

@media all and (max-width:768px){
	#header .header_btns .call a img{display: inline-block; width: 21px;}
	#header .header_btns .call a b{font-size: 13px;}

	#footer.footer-main {margin-bottom: 40px;}
}

@media all and (max-width:430px){
	#header .hd .wrap .logo{margin-left: 35px;}
	#header .hd .wrap .logo img{height:30px;}
	.header_btns .btn {width: 28px; height: 28px;}
	.open_gnb{margin:-9px 0 0;}
}

@media all and (max-width: 370px){
	#header .hd .wrap .logo img{height:26px;}
	#header .header_btns .call a img{display: none;}
}