@charset "utf-8";

html,body{position:relative;height:100%}
#wrap{}
/* layout */
.move-header-wrap{position:fixed; left:0; right:0;  top:0; margin:0 auto; z-index:9; max-width:1920px;width:100%;min-height:120px;padding:0 0;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out; background:#fff; }
.move-header-wrap.fixed{min-height:90px; padding:0; }
.move-header-wrap .header-inner{max-width:1400px; margin:0 auto; position:relative; }
.move-header-wrap .logo{position:absolute;top:10px;left:0;  width:160px;height:98px; overflow:hidden; transition:0.3s; -webkit-transition:0.3s; }
.move-header-wrap .logo a{display:block; height:100%;white-space:pre;text-indent:100%;background:url(../images/common/logo.png) no-repeat; background-position-y:0px; background-size:cover;}
.move-header-wrap.fixed .logo{ width:100px; height:61px; top:15px}
.move-header-wrap.fixed .logo a{ }
.gnb-hover.move-header-wrap .logo{ width:240px;height:73px;}
.gnb-hover.move-header-wrap .logo a{ width:160px;height:98px;}
.move-header-wrap.fixed .move-gnb-wrap{top:5px;}
.move-header-wrap.fixed #quickWrapper{top:90px}

/*gnb*/
.move-gnb-wrap{position:relative; top:20px;left:0; right:0; bottom:0; margin:0 auto; width:55%; transition:0.3s; -webkit-transition:0.3s; }
.move-gnb > li{float:left; min-width:20%; text-align:center}
.move-gnb .gnb-tit{display:block;padding:26px 15px 10px 15px;font-size:1.3rem; letter-spacing:1px; text-transform:uppercase;color:#000;cursor:pointer; font-family: 'BMHANNAAir';}
.move-gnb .gnb-tit span{position:relative;display:block; transition:0.3s; -webkit-transition:0.3s;}
.move-gnb .menu .gnb-tit span:after{content:'';position:absolute;top:40px;left:50%;width:0;height:15px;background:url(../images/common/gnb_bg.png) no-repeat;transform:translateX(-50%)}
.move-gnb .sub-menu{display:none;padding:15px 0 60px 0; font-family: 'hanna';font-weight:normal}
.move-gnb .sub-menu li{padding:5px 0; font-size:1rem; color:#000; }
.move-gnb .gnb-tit span a:hover{color:#ee1451 !important;}
.move-gnb:hover .sub-menu{display:block}
.move-gnb .menu:hover .gnb-tit,
.gnb-hover .move-gnb .is-active .gnb-tit
.move-gnb .sub-menu .is-active a,
.move-gnb .sub-menu a:hover{color:#ee1451;}
.move-gnb .menu:hover .gnb-tit span:after{width:100%;
-webkit-transition: widthcubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
-webkit-transition: width 300ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
   -moz-transition: width 300ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	 -o-transition: width 300ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
		transition: width 300ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */}
.move-gnb .menu.is-active .gnb-tit span:after{width:100%;background-color:#fff !important;}
.move-header-wrap .map{background:url("../images/common/bg_leaf.png") right -15px no-repeat; width:300px; height:100px;  position:absolute; z-index:999;top:0; right:0; font-size:1rem; color:#0a9b4c; padding-top:45px; font-family:'hanna'; text-align:right; transition:all 0.3s; -webkit-transition:all 0.3s;}
.move-header-wrap .map span{font-size:1.3rem;}
/*mobile*/
.btn_all_menu {display:none; overflow: hidden;z-index:10; width:40px; height:66px; position:absolute; font-size: 0; margin-top:-18px;right:10px;top:30px; }
.btn_all_menu span { position: absolute; right:0; top:50%; margin-top:-1px; width: 100%; height: 2px; background-color: #000; right: 0; transition: background-color 0.3s 0s, opacity 0.3s 0.3s, margin 0.3s 0.3s, transform 0.3s 0s; }
.btn_all_menu span:nth-child(1) { margin-top:-12px; width: 70%;}
.btn_all_menu span:nth-child(2) {width: 100%;}
.btn_all_menu span:nth-child(3) { margin-top:10px; width: 70%;}
.btn_all_menu:hover span { background-color: #000; }
.btn_all_menu.active span { background-color:#000; transition-delay:0s, 0s, 0s, 0.3s; }
.btn_all_menu.active span:nth-child(1) { margin-top:-1px; transform:rotate(-45deg); width:100%;}
.btn_all_menu.active span:nth-child(2) { opacity: 0; }
.btn_all_menu.active span:nth-child(3) { margin-top:-1px; transform:rotate(45deg); width:100%;}
.allMenuWrap{display:none; z-index: 9;position: absolute;width: 100%; right: -100%;top: 0;box-sizing:border-box; transition:right .4s ease-in-out;-webkit-transition:right .4s ease-in-out;font-family:'NotoSansL';}
.allMenuWrap{-webkit-transform-origin:center;transform-origin:center}
.allMenuWrap_dim {display: none;position: fixed;left: 0;top: 0;width: 100%;z-index:99999; -webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px); background-color: rgba(0,0,0,0.7);}
.allMenuWrap.show .allMenuWrap_dim {display: block; }
.allMenuWrap .allMenuWrap_inner {position: fixed;right: -100%;top: 0;width:100%;bottom: 0;background-color: #139c42;padding: 100px 30px 130px;z-index:2;/*overflow-y:scroll;*/box-sizing:border-box; /* transition: right 0.5s ease-in-out;-webkit-transition: right 0.5s ease-in-out;  */z-index:999999;
-webkit-transition: right 600ms cubic-bezier(.61,1.15,.76,.96) 0.5s;
   -moz-transition: right 600ms cubic-bezier(.61,1.15,.76,.96) 0.5s;
	 -o-transition: right 600ms cubic-bezier(.61,1.15,.76,.96) 0.5s;
		transition: right 600ms cubic-bezier(.61,1.15,.76,.96) 0.5s;
		}
.allMenuWrap.show .allMenuWrap_inner {right: 0;}
.allMenuWrap .allMenuWrap_inner .allMenu_inner {height: 100%;}
.allMenuWrap .allMenu > li.active .dep2 {display:block;}
.allMenuWrap .allMenu > li.hide .dep2 {}
.allMenuWrap .allMenu > li.active > a {color:#000;  font-weight:bold}
.allMenuWrap .allMenu {}
.allMenuWrap .allMenu > li {display: block;margin-bottom: 30px; position:relative; }
.allMenuWrap .allMenu > li > a {position:relative; display:inline-block;font-size: 25px;font-weight: 300;line-height: 0.8;color:#fff;}
.allMenuWrap .allMenu > li a:hover{color:#000; }
.allMenuWrap .allMenu > li a:hover:before {width:100%;}
.allMenuWrap .allMenu li ul {padding-top:15px;}
.allMenuWrap .allMenu li li  {display:inline-block; margin-right:10px;;}
.allMenuWrap .allMenu li li a {position: relative;display: inline-block;font-size: 16px;font-weight: 300;line-height: 2.75;color: #000;}
.allMenuWrap .allMenu li li a:before {position: absolute;content: '';left: 50%;width: 0;bottom: 0px;height: 2px;background-color: #000;transform:translateX(-50%);-webkit-transform:translateX(-50%); /* transition: width 0.3s ease-in-out;-webkit-transition: width 0.3s ease-in-out; */
	-webkit-transition: widthcubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
	-webkit-transition: width 300ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-moz-transition: width 300ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-o-transition: width 300ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	transition: width 300ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */}
.allMenuWrap .allMenu li li:hover a:before  {width: 100%;}
.move-header-wrap.fixed .map{background-size:30%; padding-top:30px}
/*quick*/
#quickWrapper {position:fixed; right: 0; top:120px; bottom: 0; height: 100vh;  width: 70px; z-index:9999999999; overflow: hidden;  background: #fff;transition:0.3s; -webkit-transition:0.3s;box-shadow: 0 10px 8px 0 rgba(0, 0, 0, 0.1);}
#quickWrapper ul {  height: 100%; }
#quickWrapper ul li {width: 100%; text-align: center; position: relative; }
#quickWrapper ul li:nth-of-type(1) {height:35%; background:#139c42; position:relative; padding-top:150px; position:relative}
#quickWrapper ul li:nth-of-type(2){padding:50px 0 20px 0}
#quickWrapper ul li:nth-of-type(3){vertical-align:middle}
#quickWrapper ul li:nth-of-type(1) span{
	position: absolute;
	width: 280px;
	left: -105px;
	top:43%;
	font-size: 1.2rem;
	line-height:50px;
	font-weight: 500;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	color: #fff;
	transition: opacity 0s;
	opacity: 1;
	display:block;
	font-family:roboto;
	letter-spacing:5px;
	}
#quickWrapper ul li:nth-of-type(1) span img{display:inline-block; margin-right:10px;  transform: rotate(270deg);}

@media all and (max-width:1400px) {
	.move-gnb-wrap{width:70%;}
	.move-header-wrap.fixed .logo{top:20px; left:20px; width:100px; height:61px;}
	.move-header-wrap .logo{top:20px; left:20px; width:100px; height:61px;}
	}
@media all and (max-width:1024px) {
	.move-gnb-wrap{display:none;}
	.move-header-wrap .map{display:none}
	.btn_all_menu{display:block}
	.allMenuWrap{display:block}
	.move-header-wrap{ min-height:90px;}
	.move-header-wrap.fixed{ min-height:90px;}
	#quickWrapper{display:none}
	}

#container{overflow:hidden;}

/*footer*/
#ft {clear:both; float:left; width:100%;margin:0 auto 0;text-align:center; padding:4rem 0; font-family:'NotoSans'; border-top:solid 1px #dadada}
#ft_wr{margin:0; width:1400px; position:relative;display:inline-block;text-align:left; }
#ft_wr:after {display:block;visibility:hidden;clear:both;content:""}
.slogen{font-family:hanna; font-weight:100; float:left; width:30%;}
.slogen span{display:block; font-size:18px}
.slogen{font-size:3.2rem; line-height:4rem;}
.slogen p{font-size:0.8rem; color:#888; font-family:'NotoSanSL';}
.ft_company{width:43%; float:left;}
.ft_company h2 {font-size:1.1rem; margin-bottom:10px; color:#000; font-family:'roboto'}
.ft_company {float:left; font-weight:normal; color:#58647d;line-height:2.1em; font-size:0.95rem; margin-right:40px}
.ft_company em{color:#58647d}
.ft_cs {}
.ft_cs h2 {font-size:1.1rem; margin-bottom:10px; color:#000; font-family:'roboto'}
.ft_cs span{line-height:2em; font-size:0.95rem; color:#58647d}
.ft_cs .ft_tel{font-size:2rem; line-height:1.5rem; color:#139c42; font-weight:100; font-family:roboto; margin-bottom:15px;}
.ft_link {float:left;width:240px;; margin-top:35px;color:#58647d;}
.ft_link li:nth-child(1){border-bottom:solid 1px #58647d; width:90px;}
.ft_link li:nth-child(2){border-bottom:solid 1px #58647d; width:90px;}
.ft_link li:nth-child(3){border-bottom:solid 1px #58647d; width:90px;}
.ft_link a {display:block;line-height:1.8rem;font-size:0.9rem;}
.ft_copy {font-size:0.7rem; width:245px; letter-spacing:-0.03rem;font-family:'NotoSansLL'; margin-top:10px; color:#fff}




@media all and (max-width:1400px) {
	#ft_wr{margin:0 auto; width:90%; }
	.slogen p{font-size:0.8rem; font-size:0.7rem}
	.slogen{margin-bottom:2rem; }
	.ft_company {width:90%; float:none; line-height:2em; font-size:0.8rem; margin-bottom:2rem}
	.ft_company em{display:none}
	.ft_company span{display:block; width:100%;margin-right:0px}
	.ft_company br{display:none}
	.ft_company h2{font-size:0.9rem}
	.ft_cs h2{font-size:0.9rem}
	.ft_cs span{font-size:0.8rem;}

	.slogen{float:none; width:100%;}
	.slogen span{display:block; font-size:18px}
	.slogen{font-size:26px; line-height:40px;}
	.slogen br{display:none}

	}


/*side_fixed*/
#side_menu {height:100vh;position:fixed;top:0;right:0;z-index:120;background:#fff;}
.qk_con {display:none;position:relative;width:130px;height:100%;background:#fff;border-left:1px solid #f0f0f0; }
.qk_con ul{text-align:center; padding:2rem 0 0}
.qk_con ul img{height:35px;}
.qk_con ul li{margin-bottom:1.5rem}
.quick_tel{background:#9669d2; color:#fff; padding:1.5rem 0}
.quick_tel h2{font-size:1rem; width:90%; margin:0 auto; text-align:center;font-family:'NotoSansL'; border-bottom:solid 1px #b58aed; padding-bottom:1rem; margin-bottom:1rem}
.quick_tel h2 strong{display:block; font-family:roboto; font-weight:700; font-size:1rem}
.quick_tel .time{font-size:0.7rem; width:90%; margin:0 auto;}
.quick_tel .time .bl{color:#000}
.quick_tel img{display:block; margin:0 auto;}


@media all and (max-width:1024px) {
	#side_menu{display:none}
	}