@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Noto+Sans+SC:wght@100..900&display=swap');
@font-face {font-family: 'Gilroy-Light';src: url('../_Font/362D84_0_0.eot');src: url('../_Font/362D84_0_0.eot?#iefix') format('embedded-opentype'),url('../_Font/362D84_0_0.woff2') format('woff2'),url('../_Font/362D84_0_0.woff') format('woff'),url('../_Font/362D84_0_0.ttf') format('truetype');}
@font-face {font-family: 'Gilroy-ExtraBold';src: url('../_Font/362D84_1_0.eot');src: url('../_Font/362D84_1_0.eot?#iefix') format('embedded-opentype'),url('../_Font/362D84_1_0.woff2') format('woff2'),url('../_Font/362D84_1_0.woff') format('woff'),url('../_Font/362D84_1_0.ttf') format('truetype');}


html,body { font-family:'Noto Sans KR','Malgun Gothic';}
#doc {position:relative;min-width:320px; overflow:hidden;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4 ease-in-out;-o-transition: all 0.4 ease-in-out;transition: all 0.4s ease-in-out;}
body {overflow-y:visible;overflow-x:hidden;}

/*=======================================================
  css dafault
=========================================================*/
.div-cont {position:relative;text-align:left;margin:0 auto 0 auto; max-width:1280px; min-width:320px;}
.div-cont:after {clear:both;content:"";display:block;}

	@media only screen and (min-width:1181px){
		.div-cont{max-width:1430px}

	}
	@media only screen and (min-width:1001px) and (max-width:1480px){
		.div-cont{max-width:1100px}

	}



.doc-pg{overflow:hidden;}
.body-slider-ovclick{position:fixed;z-index:2600;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }
.header-slider-ovclick{background:rgba(0,0,0,0.65); position:fixed; left:0; top:0;margin-right:30px; width:100%; height:100%; z-index:2500; display:block; content:""}
/*.header-slider-ovclick{background:rgba(35,24,21,0.9); position:fixed; left:0; top:0;margin-right:30px; width:100%; height:100%; z-index:2500; display:block; content:""}
 .header-slider-ovclick:before{position:absolute; left:0; top:0; width:100%; height:50px;  background:#fff; display:block; content:""}
.header-slider-ovclick:after{position:absolute; left:0; bottom:0; width:100%; height:50px;  background:#fff; display:block; content:""} */
.header-slider-ovclick span:after{position:absolute; right:0; bottom:0; width:50px; height:100%;  background:#fff; display:block; content:""}
	@media only screen and (max-width:999px) {
		.header-slider-ovclick span:after{display:none;}
		.header-slider-ovclick:after{display:none;}
		.header-slider-ovclick:before{display:none;}
	}



/*=======================================================
    z-index dafault
=========================================================*/
#header-wrap{position:relative;z-index:2005;}
#container-wrap{position:relative;z-index:1004; }
#footer-wrap{position:relative;z-index:1001; }



/*=======================================================
    #header-wrap
=========================================================*/

#header-wrap {height:79px; position:fixed; left:0; width:100%;min-width:320px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
#header-wrap.div-cont{max-width:100%; box-sizing:border-box; padding:0 15px;}
#header-wrap:before{position:Absolute; /*left:50%;*/ top:0; height:100%;background:#f8f8f8; width:400%; margin-left:-1000px; display:block; content:"";box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05) ;-webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05) ; -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05)  ;}
#header{position:relative; text-align:center;}

#header .bt-mnall {position:fixed;display:block;z-index:2601; width:28px; height:28px;/*  background:url(../_Img/Layout/menu-ctrl.png) no-repeat center center; */ left:-65px; top:150px;}
#header .bt-mnall:before{ width:100%; height:3px;border-radius:3px; background:#383129; position:absolute; right:0; top:12px; display:block; content:"";}
#header .bt-mnall:after{width:100%; height:3px;border-radius:3px; background:#383129; position:absolute; right:0; top:12px; display:block; content:"";}


	@media only screen and (min-width:1180px) {
		#header .bt-mnall{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
		#header .bt-mnall:before{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); }
		#header .bt-mnall:after{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
	}


/* #header .bt-mnall .line{width:36px; right:50%;margin-right:-18px;height:3px;border-radius:3px; background:#383129; position:absolute;; top:13px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} */

/* #header .bt-mnall:hover:before{ width:120%}
#header .bt-mnall:hover:after{ width:120%} */
#header .bt-mnall:hover .line{ width:80%}

#header h1{ font-weight:normal;height:79px;overflow:hidden;line-height:79px; text-align:center; color:#3e3a39;font-family: 'Gilroy-ExtraBold'; text-transform:uppercase;font-size:23px; letter-spacing:0;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#header h1 .abt{  position:relative; display:block;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
#logo{z-index:2602;background:url(../_Img/logo.png) no-repeat center center #231815; background-size:100% !important;;width:120px;border-radius:100%; height:120px;left:-200px;top:35px;; position:fixed;;text-align:left; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#logo a{display:block; height:120px;}


#header-wrap.fix{height:79px;}
#header-wrap.fix h1{padding-top:0;}

#header-wrap.loaded #logo{ left:20px;top:35px;}
#header-wrap.loaded .bt-mnall{ left:64px; top:170px; width:24px; height:24px;}
#header-wrap.loaded .bt-mnall.active{top:170px;}
#header-wrap.loaded  h1 .abt{-webkit-transform:translateY(0);-moz-transform:translateY(0); -ms-transform:translateY(0);-o-transform:translateY(0);}


#doc.menu-open{margin:0px}
/* #doc.menu-open{margin:50px 50px 50px 300px} */
#doc.menu-open #logo, #header-wrap.scroll #logo{transition-delay:0s; width:120px; height:120px; top:15px}
#doc.menu-open #logo a, #header-wrap.scroll #logo a{height:120px;}

	@media only screen and (max-width:999px) {
		#header-wrap,#header-wrap.fix{height:60px;}
		#logo{ width:40px; height:40px; left:10px; top:10px; display:none !Important;}
		#header h1{padding-top:10px; height:50px;  line-height:40px; font-size:19px; letter-spacing:-0.02em;}
		#header-wrap.fix h1{padding-top:10px}
		#header-wrap.loaded #logo{left:10px; top:10px;}
		#doc.menu-open{margin:0 0 0 0}
		#doc.menu-open #logo, #header-wrap.scroll #logo{width:40px; height:40px;}
		#logo a{height:40px;}
		#doc.menu-open #logo a, #header-wrap.scroll #logo a{height:40px;}

		#header .bt-mnall{width:24px; height:20px; left:15px; top:9px;}
		#header-wrap.loaded .bt-mnall{left:15px; }
		#header-wrap.loaded .bt-mnall.active{top:18px;}

		#header .bt-mnall:before{ width:100%; height:3px;border-radius:3px; background:#383129; position:absolute; right:0; top:5px; display:block; content:"";-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;transform:rotate(0); -webkit-transform:rotate(0); -moz-transform:rotate(0); }
		#header .bt-mnall:after{width:100%; height:3px;border-radius:3px; background:#383129; position:absolute; right:0; top:auto; bottom:5px; display:block; content:"";-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

	}

#doc.menu-open .bt-mnall.active.open , #header-wrap.scroll .bt-mnall, #header-wrap.scroll .bt-mnall.active{transition-delay:0s;left:64px; top:150px; width:30px; height:24px;}
#doc.menu-open .bt-mnall .line , #header-wrap.scroll .bt-mnall .line{ top:10px ; width:30px; margin-right:-15px; }
#doc.menu-open .bt-mnall.active.open .line{width:0; right:50%; margin-right:0}
#doc.menu-open .bt-mnall.active.open:before{  transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); top:45%}
#doc.menu-open .bt-mnall.active.open:after{ transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); bottom:auto; top:45%}
#doc.menu-open .bt-mnall.active.open:hover:after{width:100%}
#doc.menu-open .bt-mnall.active.open:hover:before{width:100%;}



	@media only screen and (max-width:999px) {
		#doc.menu-open .bt-mnall.active.open , #header-wrap.scroll .bt-mnall, #header-wrap.scroll .bt-mnall.active{width:24px; height:24px; top:17px; left:15px;}
	}

/* mainNavi */
.mainNavi{position:fixed; left:-70%; top:0; background:#fff; width:600px; height:100%;box-sizing:border-box; padding:210px 0 0 68px; z-index:2599;text-align:left;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4 ease-in-out;-o-transition: all 0.4 ease-in-out;transition: all 0.4s ease-in-out;}
.mainNavi.open{left:0;}
.mainNavi .lm-menu{max-width:434px;}

	@media only screen and (max-width:999px) {
		.mainNavi{ padding:20px 30px 0 30px; width:300px ; left:-300px}
		.mainNavi .lm-menu{max-width:300px;}
	}

/* .mainNavi .lm-menu li:first-child{margin-top:10px;} */
.mainNavi .lm-menu li a{display:block; padding:5px 0;font-size:30px; color:#231815;font-family: 'Gilroy-ExtraBold'; line-height:190%;position:relative;}
.mainNavi .lm-menu li a span:before{width:0; height:1px;bottom:0;background:none; position:Absolute; left:0;display:block; content:"";border-bottom:2px dashed #cccccc;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.mainNavi .lm-menu li a:hover span:before{ width:100%;}

.mainNavi .lm-menu li a span{display:inline-block; vertical-align:top; position:relative; text-transform: uppercase;}
.mainNavi .lm-menu li.active a span:after{background:url(../_Img/Layout/depth-on.png) no-repeat;position:Absolute; width:27px; height:27px; right:-40px; top:50%;margin-top:-14px; display:block; content:""}
.mainNavi .lm-menu li.active a span{color:#5eda9a}
.mainNavi .lm-contact{position:Absolute;left:68px; bottom:60px;}
.mainNavi .lm-contact .btxt{display:block; font-size:20px; color:#231815;font-family: 'Gilroy-ExtraBold'; line-height:120%;}
.mainNavi .lm-contact .stxt{display:block; font-size:15px; color:#595757;font-family: 'Gilroy-Light'; line-height:120%;}

.lm-logo{display:none; text-align:center; padding:20px 0 10px; 0;}
.lm-logo h2{display:inline-block;z-index:2602;background:url(../_Img/logo.png) no-repeat center center #231815; background-size:100% !important;;width:116px;border-radius:100%; height:116px; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

.lm-language{z-index:2008;text-transform:uppercase;display:none; padding-bottom:25px; border-bottom:1px solid #ececec; margin-bottom:15px;}
.lm-language ul{overflow:hidden; font-size:0;text-align:center; }
.lm-language ul li{display:inline-block;vertical-align:top; margin:0 10px; position:Relative;}
.lm-language ul li:before{ width:1px; height:10px; background:#9fa0a0;  position:absolute;left:-12px; top:50%;margin-top:-5px; display:block; content:""}
.lm-language ul li:first-child:before{display:none;}
.lm-language ul li a{ padding:3px 0 3px 0;font-size:12px; display:block;text-transform:uppercase;line-height:16px; font-family: 'Gilroy-ExtraBold'; color:#9fa0a0}
.lm-language ul li.active a{ color:#3e3a39;}

	@media only screen and (max-width:999px) {
		.mainNavi .lm-menu li a{font-size:22px;}
		.mainNavi .lm-menu li.active a span:after{background-size:14px auto; background-position:center center; right:-30px}
		.mainNavi .lm-contact{left:30px; bottom:30px;}

		.lm-logo{display:block;}
		.lm-language{display:block;}
	}

  @media only screen and (max-height:568px) {
		.mainNavi .lm-contact{display: none; background-color: #fff;}
	}
  @media only screen and (min-height:569px) {
		.mainNavi .lm-contact{display:block;}
	}

/* top-language */
.top-language{z-index:2008;text-transform:uppercase;position:Absolute; right:2px; bottom:30px; }
.top-language ul{overflow:hidden;}
.top-language ul li{float:left; margin-left:24px; position:Relative;}
.top-language ul li:before{ width:1px; height:10px; background:#9fa0a0;  position:absolute;left:-14px; top:50%;margin-top:-5px; display:block; content:""}
.top-language ul li:first-child:before{display:none;}
.top-language ul li a{ padding:3px 0 3px 0;font-size:12px; display:block;text-transform:uppercase;line-height:16px; font-family: 'Gilroy-ExtraBold'; color:#9fa0a0}
.top-language ul li.active a{ color:#3e3a39;}



	@media only screen and (min-width:1181px){


	}
	@media only screen and (min-width:1001px) and (max-width:1180px){

	}
	@media only screen and (max-width:999px) {
		.top-language{display:none;}
	}









/* ======================================================
   #container
=========================================================*/

#container-wrap{margin-top:79px;}
#container-wrap.mcontainer #contents{min-height:1000px; padding: 0}
#container-wrap.scontainer.div-cont{max-width:100%;}

.scroll-btn{z-index:4001;color:#86e3b0; position:fixed; left:40px; bottom:60px;font-family: 'Gilroy-ExtraBold';  font-size:22px;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
/* .scroll-btn:before{width:6px; height:6px; left:50%;margin-left:-3px; top:-10px; position:absolute; display:block; content:""; border-radius:100%;  background:#86e3b0} */
.scroll-btn:after{display:block; content:""; width:18px; height:24px;background:url(../_Img/Layout/scroll-arrow.png) no-repeat center center ; position:absolute; left:50%;margin-left:-11px; top:-30px; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;-webkit-animation: secArrowAnimate1 1.5s infinite; -moz-animation: secArrowAnimate1 1.5s infinite; -o-animation: secArrowAnimate1 1.5s infinite;  animation: secArrowAnimate1 1.5s infinite;}
.scroll-btn.disable.scroll{left:-75px}

.scroll-btn.scroll{left:40px}
.scroll-btn.white{color:#fff;}
.scroll-btn.white:after{background:url(../_Img/Layout/scroll-arrow2.png) no-repeat center center}

.top-btn{ z-index:4001;color:#595757; position:fixed; right:30px; bottom:-65px;font-family: 'Gilroy-ExtraBold';  font-size:26px;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out; }
.top-btn:before{width:6px; height:6px; left:50%;margin-left:-3px; top:32px; position:absolute; display:block; content:""; border-radius:100%;  background:#595757}
.top-btn:after{display:block; content:""; width:22px; height:22px;background:url(../_Img/Layout/top-arrow.png) no-repeat center center ; position:absolute; left:50%;margin-left:-11px; bottom:-40px; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;-webkit-animation: secArrowAnimate2 1.5s infinite; -moz-animation: secArrowAnimate2 1.5s infinite; -o-animation: secArrowAnimate2 1.5s infinite;  animation: secArrowAnimate2 1.5s infinite;}
.top-btn.active{bottom:90px}
	@media only screen and (max-width:999px){
		#container-wrap{margin-top:60px;}
		.scroll-btn{display:none !Important;}
		.top-btn{font-size:16px;right:10px;}
		.top-btn:before{top:22px; width:4px; height:4px; margin-left:-2px;}
		.top-btn:after{background-size:14px auto;bottom:-25px;}
		.top-btn.active{bottom:120px}
	}




/*keyfream*/
@keyframes secArrowAnimate1 {
    0% {top:-30px;-webkit-transition: all 1.2s ease-out;-moz-transition: all 1.2s ease-out;-o-transition: all 1.2s ease-out;	transition: all 1.2s ease-out;}
    50% {top:-35px;-webkit-transition: all 1.2s ease-out;-moz-transition: all 1.2s ease-out;-o-transition: all 1.2s ease-out;	transition: all 1.2s ease-out;}
	100% {top:-30px;-webkit-transition: all 1.2s ease-out;-moz-transition: all 1.2s ease-out;-o-transition: all 1.2s ease-out;	transition: all 1.2s ease-out;}
}
@-webkit-keyframes secArrowAnimate1 {
    0% {top:-30px;-webkit-transition: all 1.2s ease-out;-moz-transition: all 1.2s ease-out;-o-transition: all 1.2s ease-out;	transition: all 1.2s ease-out;}
    50% {top:-35px;-webkit-transition: all 1.2s ease-out;-moz-transition: all 1.2s ease-out;-o-transition: all 1.2s ease-out;	transition: all 1.2s ease-out;}
	100% {top:-30px;-webkit-transition: all 1.2s ease-out;-moz-transition: all 1.2s ease-out;-o-transition: all 1.2s ease-out;	transition: all 1.2s ease-out;}
}

@keyframes secArrowAnimate2 {
    0% {bottom:-40px;-webkit-transition: all 1.2s ease-out;-moz-transition: all 1.2s ease-out;-o-transition: all 1.2s ease-out;	transition: all 1.2s ease-out;}
    50% {bottom:-50px;-webkit-transition: all 1.2s ease-out;-moz-transition: all 1.2s ease-out;-o-transition: all 1.2s ease-out;	transition: all 1.2s ease-out;}
	100% {bottom:-40px;-webkit-transition: all 1.2s ease-out;-moz-transition: all 1.2s ease-out;-o-transition: all 1.2s ease-out;	transition: all 1.2s ease-out;}
}
@-webkit-keyframes secArrowAnimate2 {
    0% {bottom:-40px;-webkit-transition: all 1.2s ease-out;-moz-transition: all 1.2s ease-out;-o-transition: all 1.2s ease-out;	transition: all 1.2s ease-out;}
    50% {bottom:-50px;-webkit-transition: all 1.2s ease-out;-moz-transition: all 1.2s ease-out;-o-transition: all 1.2s ease-out;	transition: all 1.2s ease-out;}
	100% {bottom:-50px;-webkit-transition: all 1.2s ease-out;-moz-transition: all 1.2s ease-out;-o-transition: all 1.2s ease-out;	transition: all 1.2s ease-out;}
}
	@media only screen and (max-width:999px){
		@keyframes secArrowAnimate2 {
			0% {bottom:-25px;}
			50% {bottom:-30px;}
			100% {bottom:-25px;}
		}
		@-webkit-keyframes secArrowAnimate2 {
			0% {bottom:-25px;}
			50% {bottom:-30px;}
			100% {bottom:-25px;}
		}
	}



/* ======================================================
    #footer-wrap
=========================================================*/
#footer-wrap {display:block; position:relative; padding:0 15px;box-sizing:border-box;}
#sub #footer-wrap:after{background:#f8f8f8; position:Absolute; /*left:50%;*/margin-left:-1000px; width:400%; height:100%; display:block; content:""; top:0; z-index:-1;}
#footer { position:relative;text-align:right; padding:44px 75px;}
#footer .f-contact{position:Absolute;text-align:left; left:75px; top:50%;margin-top:-29px;display:table; height:58px;}
#footer .f-contact .btxt{display:inline-block;display:table-cell; vertical-align:middle;font-family: 'Gilroy-ExtraBold'; padding-bottom: 12px; font-size:14px; color:#231815; letter-spacing:-0.01em; line-height:130%;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#footer .f-contact .stxt{display:inline-block;display:table-cell;vertical-align:middle;font-family: 'Gilroy-Light';font-size:12px; color:#595757;padding-left:12px; line-height:110%;padding-top:4px;}
#footer .f-info{display:inline-block;vertical-align:top;text-align:left;font-family: 'Gilroy-Light';font-size:9.6px; color:#595757; line-height:130%;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#footer .f-info .copy span{font-family: 'Gilroy-Light'; }

	@media only screen and (min-width:1180px){

	}

	@media only screen and (min-width:1050px) and (max-width:1180px){

	}
	@media only screen and (min-width:1000px) and (max-width:1049px){
		#footer .f-contact .btxt{font-size:15px}
		#footer .f-contact .stxt{padding-left:15px}
	}
	@media only screen and (max-width:1000px){
		#footer-wrap:after{width:400%;; height:1px; background:#ececec; position:absolute; /*left:50%;*/margin-left:-1000px; top:0; display:block; content:""}
		#footer{text-align:center; padding:30px 0}
		#footer .f-contact{position:relative; width:auto; margin:0 auto; left:auto; top:auto; height:auto;}
    #footer .f-contact .btxt{font-size:15px; display: block; text-align:center; padding: 0 0 5px 0;}
		#footer .f-contact .stxt{/*padding-left:15px;*/ line-height:105%; display: block; text-align:center; padding: 0;}
		#footer .f-info{text-align:center; margin-top:15px; font-size:14px;}
		#footer .f-info .copy{margin-top:15px;}

	}

	@media only screen and (max-width:680px){
		#footer .f-contact .btxt{font-size:13px;}
		#footer .f-contact .stxt{font-size:13px; line-height:100%}
		#footer .f-info{font-size:13px;}
	}
	@media only screen and (max-width:480px){
		#footer .f-info .m_block{display:block;}

	}