@charset "utf-8";
@import url(https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap);


@font-face {
    font-family: 'ChungjuKimSaengTTF';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2312-1@1.1/ChungjuKimSaengTTF.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
   
   font-family: "Nanum Myeongjo", serif;
   font-weight: 400;
   font-style: normal;
}

@font-face {
   
   font-family: "Nanum Myeongjo", serif;
   font-weight: 700;
   font-style: normal;
}

@font-face {
   
   font-family: "Nanum Myeongjo", serif;
   font-weight: 800;
   font-style: normal;
}


html{}
html,body { font-family:"Apple SD Gothic Neo", "Malgun Gothic", "Nanum Myeongjo", Sans-serif; }
body {overflow-y:visible;overflow-x:auto;}
#doc {position:relative;min-width:360px; overflow:hidden;opacity:0; z-index:2000;max-width:1920px; ;margin:0 auto;-webkit-transition: opacity 0.4s ease-out;-moz-transition: opacity 0.4s ease-out;-o-transition: opacity 0.4s ease-out;transition: opacity 0.4s ease-out;}
#doc.show{ transition-delay:0s; opacity:1;}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px) {
		html.has-scroll-smooth{backface-visibility: hidden; /* transform: translateZ(0); */}
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){
		
	}	
	

/*=======================================================
  css default
=========================================================*/
.div-cont {position:relative;text-align:left;margin:0 auto ; max-width:1600px; padding:0 20px; box-sizing:border-box;} 
.div-cont:after {clear:both;content:"";display:block;}
	@media only screen and (max-width:1240px){
		
	}
	@media only screen and (max-width:999px){
		
	}
	@media only screen and (max-width:680px){
		.div-cont{padding:0 15px;}
	}
	@media only screen and (max-width:480px){
		
	}

.body-slide-wr{position:relative;width:100%;transition:margin 0.3s ease;}
.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 }
.side-ovclick{position:fixed;z-index:2010;width:100%;height:100%;/* height:calc(100% - 60px) */;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }
.header-slider-ovclick{position:fixed;z-index:2010;width:100%;height:100%;/* height:calc(100% - 60px) */;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }
	@media only screen and (min-width:1000px){
		.header-slider-ovclick{display:none !important}
	}


/*=======================================================
    z-index default
=========================================================*/
#header-wrap{position:fixed;z-index:5505;}
#container-wrap{position:relative;z-index:1005;}
#footer-wrap{position:relative;z-index:1007; }


/*=======================================================
    #header-wrap 
=========================================================*/
#header-wrap {left:50%; width:100%; top:0; min-width:360px; max-width:1920px;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
#header-wrap:after{position:absolute;left:50%; top:0;  width:100%; max-width:1920px;height:100%; box-sizing:border-box;z-index:-1;/* border-bottom:1px solid rgba(0,0,0,0.15); */display:block; background:rgba(0,0,0,0.5); content:"";-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);-webkit-transition:box-shadow 0.5s ease-in-out, background 0.5s ease-in-out;-moz-transition:box-shadow 0.5s ease-in-out, background 0.5s ease-in-out;-o-transition:box-shadow 0.5s ease-in-out, background 0.5s ease-in-out;transition: box-shadow 0.5s ease-in-out, background 0.5s ease-in-out;}
#header-wrap.fix:after{background:rgba(0,0,0,0.5);}

#header{height:100px;}

#logo{position:absolute; width:170px;left:60px; top:50%;z-index:3007;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
#logo a{display:block;width:100%;  height:60px; background:url(../img/logo.png) no-repeat left center}

#header .abr{ position:absolute;right:40px; top:50%; z-index:2008;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
#header .abr a{display:block;width:222px; height:50px; line-height:40px; padding-left:70px;font-size:26px;font-weight:600 ;color:#ffffff; letter-spacing:-0.03em; background:url(../img/top-tel.png) no-repeat 28px center #c49a6c; border-radius:50px; box-sizing:border-box;}
	
.bt-mnall{width:40px;height:40px; position:absolute; right:15px; top:50%;margin-top:0px; display:block; background:url(../img/bt-mnall.png) no-repeat  center center; background-size:65% auto;}	
.bt-mnclose {position:absolute;display:none;z-index:2599; width:70px; height:70px; background:url(../img/bt-mnclose.png) no-repeat center center ; background-size:22px auto;right:0; top:0;}

	@media only screen and (max-width:1920px) {
		#logo{left:40px;}
		#logo a{height:60px; background-size:auto 100%}

		#header .abr{right:20px}
		#header .abr a{width:200px; height:46px; font-size:24px; padding-left:50px; background-position:24px center; line-height:46px; background-size:auto 20px;}
	}
	@media only screen and (max-width:1680px){
		#header .abr a{width:170px; height:42px; font-size:20px; padding-left:45px; background-position:20px center; line-height:42px; background-size:auto 18px;}
	}
	@media only screen and (max-width:1480px){
		#logo a{height:56px; }
		#header .abr a{width:146px; height:38px; font-size:18px; padding-left:38px; background-position:16px center; line-height:38px; background-size:auto 16px;}
	}
	@media only screen and (max-width:1280px){
		#logo a{height:50px; }
		#header .abr a{width:128px; height:32px; font-size:16px; padding-left:32px; background-position:12px center; line-height:32px; background-size:auto 14px;}
	}
	@media only screen and (max-width:999px) {
		#header-wrap {left:0;-webkit-transform: none; -moz-transform: none;-ms-transform: none; -o-transform:  none;transform: none;}
		#header{height:70px;}

		#logo{left:50%; margin-left:-85px;}
		#logo a{height:46px;background-position:center center }
		
		#header .abr{display:none;}
		.bt-mnclose{display:block;}
	}

	
	@media only screen and (min-width:1000px) {
		#mainNavi-wrap {overflow:hidden;position:absolute;left:0;top:25px;width:100%;display:block;z-index:2007; text-align:center;}
		#mainNavi{}
		#topmenu{text-align:center; font-size:0; padding-right:60px;}
		#topmenu:after{display:block; content:"";clear:both;}
		#topmenu li{display:inline-block;vertical-align:top;}
		#topmenu li:nth-child(n+2){margin-left:50px;}
		#topmenu li a{font-size:23px; font-weight:700; color:#fff; letter-spacing:-0.03em; line-height:50px; font-family:'Nanum Myeongjo';}
		#topmenu li.active a, #topmenu li a:hover{color:#bb9b6a}

		.tm-top, .tm-tel{display:none;}
		.bt-mnall{display:none;}
	}
	@media only screen and (min-width:1680px) and (max-width:1920px){
		#topmenu li:nth-child(n+2){margin-left:55px;}
		#topmenu li a{font-size:21px; }
	}
	@media only screen and (min-width:1480px) and (max-width:1680px){
		#topmenu li:nth-child(n+2){margin-left:40px;}
		#topmenu li a{font-size:20px; }
	}
	@media only screen and (min-width:1280px) and (max-width:1480px){
		#topmenu li:nth-child(n+2){margin-left:40px;}
		#topmenu li a{font-size:18px; }
	}
	@media only screen and (min-width:1000px) and (max-width:1280px){
		#topmenu li:nth-child(n+1){margin-left:30px;}
		#topmenu li a{font-size:17px; }
		#header .abr{right:40px}
	}
	@media only screen and (max-width:999px) {
		#mainNavi-wrap {position:fixed; right:-320px; top:0; height:100%; background:#f2f2f2; z-index:5921; width:320px; box-sizing:Border-box; padding:50px; overflow-y:auto;-webkit-transition:right .6s cubic-bezier(.77,0,.175,1);-moz-transition:right .6s cubic-bezier(.77,0,.175,1);transition:right .6s cubic-bezier(.77,0,.175,1)}
		#mainNavi-wrap.open{right:0;}
		
		#topmenu{padding:20px 0}
		#topmenu li{}
		#topmenu li:nth-child(n+2){margin-top:17px;}
		#topmenu li a{font-size:18px; font-weight:800; color:#111; letter-spacing:-0.03em; line-height:30px; font-family: 'Nanum Myeongjo';}
		#topmenu li.active a, #topmenu li a:hover{color:#991600}

		.tm-tel{display:block;position:absolute; left:50px; bottom:50px;width:calc(100% - 100px); height:50px; line-height:50px;text-align:center; font-size:20px;font-weight:600 ;color:#000; letter-spacing:-0.03em; background:#c49a6c; border-radius:50px; box-sizing:border-box;}
		.tm-tel span{background:url(../img/top-tel.png) no-repeat 0 center ; background-size:18px auto;padding-left:30px;display:inline-block;vertical-align:top;}
	}
	@media only screen and (max-width:680px) {
		
	}
	@media only screen and (max-width:480px) {
		
	}




/* ======================================================
   #container-wrap 
=========================================================*/
#container-wrap{}
#contents{min-height:900px;}
	@media only screen and (max-width:1600px) {	
		
	}
	@media only screen and (max-width:1480px) {
		
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		
	}
	@media only screen and (max-width:480px) {
		
	}




/* ======================================================
   .top-btn
=========================================================*/
.top-btn{position: fixed;right: -70px;bottom: 100px; z-index:4999;cursor: pointer;background:url(../img/top-btn.png) no-repeat center center;  background-size:100% auto;width:70px;height:70px; border-radius:100%;display: flex;flex-wrap: wrap;align-items: center;transition:right 0.5s;box-sizing: border-box;}
.top-btn.over{right:20px;}
	@media only screen and (max-width:999px) {
		.top-btn{width:54px;height:54px; bottom:210px}
		.top-btn.over{right:15px;}
	}
	@media only screen and (max-width:680px) {
		.top-btn{width:46px;height:46px; bottom:170px}
	}




/* ======================================================
    #counsel-wrap 
=========================================================*/
#counsel-wrap{position:fixed; min-width:360px;left:50%; bottom:0; width:100%; max-width:1920px; z-index:5123; background:#32291a;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
#counsel-wrap .cont{max-width:1600px; margin:0 auto; box-sizing:border-box; padding:15px 450px 15px 20px; position:relative;}
#counsel-wrap .cont dl{padding-left:400px; position:relative;}
#counsel-wrap .cont dl:before{display:block;width:40px;  height:40px; background-size:auto 100%; display:block; content:""; position:absolute; left:0 ;top:6px;}

#counsel-wrap .cont dl:after{display:block; content:"";clear:both;}
#counsel-wrap .cont dl dt{position:absolute; left:60px; top:0; padding-left:60px; font-size:40px; font-weight:700; color:#fff; line-height:40px;letter-spacing:-0.05em;}
#counsel-wrap .cont dl dt span{position:absolute; left:0 ;top:0; line-height:1.1em; font-size:20px; font-weight:700; color:#bb9b6a; letter-spacing:-0.03em; height:50px;display:flex;align-items: center; justify-content: center;  font-family:'Nanum Myeongjo'; }

#counsel-wrap .cont dl dd{float:left; width:calc(33.3333333% - 10px); margin:0 5px;}

#counsel-wrap .abr{position:absolute;right:20px; top:13px; width:425px;}
#counsel-wrap .abr .enter{display:inline-block;vertical-align:top; line-height:47px; width:200px; text-align:center; background:#bb9b6a; color:#000;  font-size:18px; font-weight:500; letter-spacing:-0.04em; font-family:'Nanum Myeongjo';}
#counsel-wrap .abr .enter:hover{color:#fff; background:#555; font-family:'Nanum Myeongjo';}
#counsel-wrap .abr .chk-check{position:absolute;right:0; top:50%; font-family:'Nanum Myeongjo'; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
#counsel-wrap .abr .chk-check label a{color:#fff;text-decoration:underline;}
	@media only screen and (max-width:1640px) {
		#counsel-wrap .cont{max-width:1500px; padding-right:400px;}
		#counsel-wrap .cont dl{padding-left:400px;}
		#counsel-wrap .cont dl:before{height:40px; top:6px;}
		#counsel-wrap .cont dl dt{left:80px; font-size:46px; padding-left:45px;line-height:52px;}
		#counsel-wrap .cont dl dt span{font-size:18px; height:52px;}
		#counsel-wrap .cont .chk-input input{height:52px; font-size:17px;}
		
		#counsel-wrap .abr{width:370px;}
		#counsel-wrap .abr .enter{width:180px; font-size:22px; line-height:52px;}

		#counsel-wrap .abr .chk-check label{ font-size:16px; line-height:30px; padding-left:40px;}
		#counsel-wrap .abr .chk-check label:before{width:30px;height:30px;}
	}
	@media only screen and (max-width:1480px) {
		#counsel-wrap .cont dl{padding-left:370px;}
		#counsel-wrap .cont dl dt{font-size:40px; padding-left:40px;}
		#counsel-wrap .cont dl dt span{font-size:16px;}
	}
	@media only screen and (max-width:1280px) {
		#counsel-wrap .cont{padding-right:360px;}
		#counsel-wrap .cont dl{padding-left:280px;}
		#counsel-wrap .cont dl:before{height:40px; top:8px;}
		#counsel-wrap .cont dl dt{font-size:36px; padding-left:0; line-height:1em; padding-top:16px; left:70px;}
		#counsel-wrap .cont dl dt span{font-size:14px; height:auto; display:block; top:0;}
		#counsel-wrap .cont dl dt span br{display:none;}
		
		#counsel-wrap .abr{width:330px;}
		#counsel-wrap .abr .enter{width:160px; font-size:20px;}
		#counsel-wrap .abr .chk-check label{ font-size:15px; line-height:26px; padding-left:35px;}
		#counsel-wrap .abr .chk-check label:before{width:26px;height:26px;}
	}
	@media only screen and (max-width:1000px) {
		#counsel-wrap .cont {padding-right:20px}
		#counsel-wrap .cont dl{padding-left:0; }
		#counsel-wrap .cont dl:before{display:none;}
		#counsel-wrap .cont dl dt{position:relative; left:auto; top:auto; text-align:center; padding:0; font-size:30px ; margin-bottom:10px;}
		#counsel-wrap .cont dl dt span{position:relative; left:auto; top:auto;font-size:28px ; display: inline; margin-right:2px;}

		#counsel-wrap .cont .chk-input input{height:46px; font-size:15px; padding:0 10px;}

		#counsel-wrap .abr{width:auto; position:relative; margin-top:10px; right:auto; top:auto; padding:0 5px; padding-right:160px; font-size:18px;}
		#counsel-wrap .abr .enter{width:auto; display:block;}
		#counsel-wrap .abr .chk-check label{ font-size:14px; line-height:24px; padding-left:30px;}
		#counsel-wrap .abr .chk-check label:before{width:24px;height:24px;}
	}
	@media only screen and (max-width:680px) {
		#counsel-wrap .cont{padding:15px;}
		#counsel-wrap .cont dl dt{font-size:25px}
		#counsel-wrap .cont dl dt span{font-size:24px;}
		#counsel-wrap .cont dl dd{width:calc(33.3333333% - 6px); margin:0 3px;}
		#counsel-wrap .cont .chk-input input{height:40px; font-size:14px;}

		#counsel-wrap .abr{padding:0 3px; padding-right:140px;}
		#counsel-wrap .abr .enter{line-height:46px; font-size:18px; line-height:42px}
		#counsel-wrap .abr .chk-check label{ font-size:13px; line-height:20px; padding-left:26px;}
		#counsel-wrap .abr .chk-check label:before{width:20px;height:20px;}
	}
	@media only screen and (max-width:480px) {
		#counsel-wrap .cont dl dt{font-size:22px}
		#counsel-wrap .cont dl dt span{font-size:24px;}
	}





/* ======================================================
    #footer-wrap 
=========================================================*/
#footer-wrap {display:block; position:relative; padding:100px 20px;background:#000000;}
#footer{position:relative;text-align:center;padding-top:100px; }
#footer:before{width:100%; height:60px; position:absolute ;left:0; top:0;background:url(../img/f-logo.png) no-repeat center top; background-size:auto 100%; display:block; content:""}

.f-cs{}
.f-cs p{display:inline-block;vertical-align:top; line-height:40px; font-size:30px;padding-left:55px; color:#fff; font-weight:600; letter-spacing:-0.03em; background:url(../img/f-tel.png) no-repeat;  font-family: 'Nanum Myeongjo'; }
.f-cs p span{ color:#c49a6c;}

.f-info{margin-top:20px;line-height:1.3em; margin-top:22px;}
.f-info p{display:inline-block;vertical-align:top;font-size:17px; font-weight:500 ;color:#ccc; letter-spacing:-0.03em; line-height:1.3em; margin-right:20px;  font-family: 'Nanum Myeongjo';}

.f-info .in-cmmp{margin-top:12px;}
	@media only screen and (max-width:1280px) {
		#footer-wrap{padding:80px 20px;}
		#footer{padding-top:120px;}
		#footer:before{height:80px;}
		
		.f-cs p{line-height:35px; background-size:auto 100% ; font-size:26px; padding-left:50px;}

		.f-info{font-size:17px;}
		.f-info p{font-size:16px; margin-right:10px;}
		.f-info .in-cmmp{margin-top:10px;}
	}
	@media only screen and (max-width:1000px) {
		#footer-wrap{padding:60px 20px;}
		#footer{padding-top:100px;}
		#footer:before{height:70px;}
		
		.f-cs p{line-height:30px; font-size:22px; padding-left:40px;}

		.f-info{font-size:16px;}
		.f-info p{font-size:15px;}
	}
	@media only screen and (max-width:680px) {
		#footer-wrap{padding:40px 15px;}
		#footer{padding-top:80px;}
		#footer:before{height:60px;}
		
		.f-cs p{line-height:25px; font-size:20px; padding-left:35px;}

		.f-info{font-size:15px;}
		.f-info p{font-size:14px;}

		.f-info .in-cmmp p:last-child{display:block; margin-top:5px;}
	}
	@media only screen and (max-width:480px) {
		#footer-wrap{padding:30px 15px;}
		#footer:before{height:50px;}

		.f-cs p{font-size:18px;}

		.f-info{font-size:14px;}
		.f-info p{font-size:13px;}
	}