@charset "utf-8";
@import url(//fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap);
@import url(//fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap);
@import url(//fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600;700;800&display=swap);
@font-face { 
  font-family: 'GmarketSans'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(../_Font/GmarketSansTTFLight.woff2) format('woff2'), 
      url(../_Font/GmarketSansTTFLight.woff) format('woff'), 
      url(../_Font/GmarketSansTTFLight.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'GmarketSans'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(../_Font/GmarketSansTTFMedium.woff2) format('woff2'), 
      url(../_Font/GmarketSansTTFMedium.woff) format('woff'), 
      url(../_Font/GmarketSansTTFMedium.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'GmarketSans'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(../_Font/GmarketSansTTFBold.woff2) format('woff2'), 
      url(../_Font/GmarketSansTTFBold.woff) format('woff'), 
      url(../_Font/GmarketSansTTFBold.otf) format('opentype'); 
} 

@font-face { 
  font-family: 'Felix'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(../_Font/FelixTitling.woff2) format('woff2'), 
        url(../_Font/FelixTitling.woff) format('woff'), 
        url(../_Font/FelixTitling.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 
html{overflow:hidden}
html,body { font-family:'Noto Serif KR','Noto Sans KR', "Apple SD Gothic Neo", "Malgun Gothic", Sans-serif; }
body {overflow-y:visible;overflow-x:auto;}
#doc {position:relative;min-width:360px; overflow:hidden;opacity:1; z-index:2000;-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 (min-width:1000px) {
		body {overflow-y:visible !important}
	}
	@media only screen and (max-width:1200px) {
		
	}
	@media only screen and (max-width:999px) {
		html.has-scroll-smooth{backface-visibility: hidden;/*  transform: translateZ(0); */}
	}	
	

/*=======================================================
  css default
=========================================================*/
.div-cont {position:relative;text-align:left;margin:0 auto 0 auto; max-width:1960px; padding:0 20px; box-sizing:border-box;}
.div-cont:after {clear:both;content:"";display:block;}

	@media only screen and (max-width:1640px){
		
	}
	@media only screen and (max-width:1420px){
		
	}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		
	}
	@media only screen and (max-width:680px){
		.div-cont{padding:0 20px;}
	}
	@media only screen and (max-width:480px){
		
	}

.header-slider-ovclick{position:fixed;z-index:-1;width:30px;height:30px;background:none;border-radius:100%;right:18px;top:15px;cursor:pointer;-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;}
.header-slider-ovclick.active{z-index:2600;width:4000px;height:4000px; right:-2000px;top:-2000px; background:#fcf7f6;}
.layer-ovclick{position:fixed;z-index:2600;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.5);cursor:pointer }
	@media only screen and (min-width:1185px){
		.header-slider-ovclick{display:none !important}
	}
	@media only screen and (max-width:1184px){
		.layer-ovclick{display:none !important}
	}
	@media only screen and (max-width:900px){
		.header-slider-ovclick.active{width:3000px;height:3000px; right:-1500px;top:-1500px;}
	}

/*=======================================================
    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:0; width:100%; top:0; min-width:360px;transition:top 1s cubic-bezier(.33,.02,0,.93)}
.has-scroll-init #header-wrap, .has-scroll-init #header-wrap.sub{transition-delay: 0.3s;top:0;}
#header-wrap:before{position:absolute;left:100%; top:0; width:20000px;background:#fcf7f6; height:100%; box-sizing:border-box;z-index:2;-webkit-transition: background 0.5s ease-out, left 1.2s linear , right 1.2s linear;-moz-transition: background 0.5s ease-out, left 1.2s linear , right 1.2s linear;-o-transition: background 0.5s ease-out, left 1.2s linear , right 1.2s linear;transition: background 0.5s ease-out, left 1.2s linear , right 1.2s linear;display:block; content:"";}
#header-wrap:after{position:absolute;left:100%; top:0; width:20000px;background:#fff;height:100%; box-sizing:border-box;z-index:-1;-webkit-transition: background 0.5s ease-out, left 1.2s linear , right 1.2s linear;-moz-transition: background 0.5s ease-out, left 1.2s linear , right 1.2s linear;-o-transition: background 0.5s ease-out, left 1.2s linear , right 1.2s linear;transition: background 0.5s ease-out, left 1.2s linear , right 1.2s linear;display:block; content:"";}

#header-wrap.ani:before{left:50%;}
#header-wrap.ani:after{left:0; }

#header-wrap.sub.ani:before{left:72%;}
#header-wrap.sub.ani:after{left:0;}


/* #header-wrap.fix:after, #header-wrap.fix:before{box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12) ;} */

#header{position:relative; z-index:5001; max-width:1960px; margin:0 auto;}

#header .inner{/* max-width:1240px; */ min-width:360px; position:relative; margin:0 auto; padding:0 20px; box-sizing:border-box; height:110px;}

#logo{position:absolute; left:20px; top:26px; width:234px; height:60px; z-index:2009; }
#logo a{display:block; height:60px;background:url(../_Img/logo.png) no-repeat center top; background-size:100% auto ;font-family: 'GmarketSans'; box-sizing:border-box; padding-top:45px; font-size:15px;font-weight:300; color:#000; text-align:center; line-height:1.2em;}


#header .bt-mnall{position:absolute;z-index:2599; width:30px; height:30px; top:50%;margin-top:-15px; right:17px; display:none;}
#header .bt-mnall .bar{position:absolute;left:2px;width:25px;height:1px;border-bottom:2px solid #111;}
#header .bt-mnall .bar.no1{top:6px}
#header .bt-mnall .bar.no2{top:14px}
#header .bt-mnall .bar.no3{top:22px}
#header .bt-mnall .bar.no1, #header .bt-mnall .bar.no3{transition:transform .3s ease;-webkit-transition:transform .3s ease}
#header .bt-mnall .bar.no2{transition:left .3s ease, opacity .3s;-webkit-transition:left .3s ease, opacity .3s}
#header .bt-mnall.active .bar.no1{left:2px;transform:translateY(8px) rotate(45deg);-webkit-transform:translateY(8px) rotate(45deg)}
#header .bt-mnall.active .bar.no2{left:-10px;opacity:0;filter:alpha(opacity=0)}
#header .bt-mnall.active .bar.no3{left:2px;transform:translateY(-8px) rotate(-45deg);-webkit-transform:translateY(-8px) rotate(-45deg)}

#header .bt-mnall:hover .bar.no1 {-webkit-animation: line-animate .6s forwards;animation: line-animate .6s forwards}
#header .bt-mnall:hover .bar.no2 {-webkit-animation: line-animate .6s .2s forwards; animation: line-animate .6s .2s forwards}
#header .bt-mnall:hover .bar.no3 {-webkit-animation: line-animate .6s .4s forwards; animation: line-animate .6s .4s forwards}

#header .bt-mnclose {position:absolute;display:none;z-index:2599; width:65px; height:65px; background:url(../_Img/layout/bt-mnclose.png) no-repeat center center; background-size:20px auto;right:0; top:0;}

#header-wrap.fix .bt-mnall .bar , #header-wrap.fixed .bt-mnall .bar ,#header-wrap.isOver .bt-mnall .bar , #header-wrap.sub .bt-mnall .bar{border-bottom-color:#111}

#header .language {position:absolute;z-index:2599; right:88px; top:34px; height:30px; }
	@media only screen and (max-width:1640px) {	
		
	}
	@media only screen and (max-width:1420px) {	
	
	}
	@media only screen and (max-width:1200px) {
		#header-wrap:before{display:none;}
		#header-wrap:after{left:50%; margin-left:-10000px;}
		#header .inner{height:65px;}
		#header .bt-mnall{display:block;}

		#logo{width:160px;height:45px; top:10px ; }
		#logo a{height:45px; font-size:11px; padding-top:32px;}	
	}
	@media only screen and (max-width:999px) {
		#logo{width:120px;height:35px; top:16px ; }
		#logo a{height:35px; font-size:9px; padding-top:25px;}	
		#logo a span{display:block; position:relative;transform:scale(0.95, 0.95); -webkit-transform:scale(0.95, 0.95); -moz-transform:scale(0.95, 0.95); -ms-transform:scale(0.95, 0.95);}
	}
	@media only screen and (max-width:680px) {
		#logo{left:15px}
		
	}

	


	/*=======================================================
		#mainNavi-wrap 
	=========================================================*/
	@media only screen and (min-width:1200px){
		#header .bt-mnall, #header .bt-mnclose{display:none !important;}
		#mainNavi-wrap {height:70px;overflow:hidden;position:absolute;left:20px;top:17px;width:calc(100% - 40px);display:block;z-index:2007;}
		#mainNavi-wrap .tmn-tit {display:none;}

		#mainNav {position:relative;}
		.tm-top{display:none}
		
		.topmenu {display:block;position:relative;text-align:right; font-size:0; padding-right:90px;}
		.topmenu:after {display:block;content:"";clear:both;}
		.topmenu .tgl-btn {display:none;}
		.topmenu .mn_a1 {font-size:20px;line-height:70px;display:block;color:#252525; padding:0;  font-weight:700; letter-spacing:-0.02em; text-transform:uppercase;position:relative; text-align:center; z-index:14;}
		.topmenu .mn_l1:nth-child(n+2){margin-left:124px;}
		.topmenu .mn_l1 {display:inline-block;vertical-align:top;position:relative;}
		.topmenu .is-open .mn_a1, .topmenu .is-over .mn_a1, .topmenu .over .mn_a1{color:#b55a08}


		.topmenu .mn_l1.is-open .depth2-wrap{overflow:visible !important;}
		.topmenu .depth2-wrap {position:absolute;top:70px;visibility:hidden;padding:0 ;  width:200px !important; margin-left:-100px !important; left:50%;}
		/* .topmenu .depth2-wrap:after{position:absolute; left:0; top:0; width:100%;height:0; background:#2d4478; display:block; content:""; z-index:1; -webkit-transition: height 0.4s ease-in-out;-moz-transition: height 0.4s ease-in-out;-o-transition: height 0.4s ease-in-out;transition: height 0.4s ease-in-out;}
		.topmenu .mn_l1.is-over .depth2-wrap:after{height:100%;} */
		.topmenu .depth2 {position:relative;height:auto;padding:25px 25px;min-height:150px; border-top:7px solid #c49c78; box-sizing:border-box; z-index:2; background:#fff;opacity:0;-webkit-transition: opacity 0.5s ease-in-out;;-moz-transition: opacity 0.5s ease-in-out;;-o-transition: opacity 0.5s ease-in-out;;transition: opacity 0.5s ease-in-out; box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.25);-webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.25); -moz-box-shadow:2px 2px 7px rgba(0, 0, 0, 0.25) ; }
		.topmenu .is-open .depth2{transition-delay: 0s;opacity:1;}
		.topmenu .depth2 li{}
		.topmenu .depth2 .mn_l2 {text-align:left;}
		.topmenu .depth2 .mn_l2:nth-child(n+2){margin-top:12px; border-top:1px solid #d3d3d3; padding-top:12px;}
		.topmenu .depth2 .mn_a2 {line-height:1.2em;display:block;}
		.topmenu .depth2 .mn_a2 span {display:inline-block;line-height:1.2em ; padding:3px 2px;text-transform:uppercase; position:relative;font-weight:500; font-size:18px;letter-spacing:-0.03em;color:#252525; position:relative; -webkit-transition: color 0.4s ease-in-out;-moz-transition: color 0.4s ease-in-out;-o-transition: color 0.4s ease-in-out;transition: color 0.4s ease-in-out;}
		/* .topmenu .depth2 .mn_a2 span:before{width:0;left:0; height:8px; background:#b55a08; display:block; content:""; position:absolute; bottom:3px; z-index:-1;-webkit-transition:width .4s cubic-bezier(.77,0,.175,1);-moz-transition:width .4s cubic-bezier(.77,0,.175,1);transition:width .4s cubic-bezier(.77,0,.175,1)} 
		.topmenu .depth2 .mn_a2:hover span:before, .topmenu .depth2 .mn_l2.over .mn_a2 span:before{width:100%;} */
		.topmenu .depth2 .mn_a2:hover span, .topmenu .depth2 .mn_l2.over .mn_a2 span {color:#b55a08 !important; }

		#mainNavi-wrap .ovbar {position:absolute;height:2px;top:58px;overflow:hidden; display:none !important;}
		#mainNavi-wrap .ovbar:after {position:absolute;bottom:0;left:50%;background:#b55a08; height:2px;content:"";display:block;z-index:200; width:100%; margin-left:-50%;-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;}

		.mn-bar {position:absolute;background:transparent !important;;top:100px;width:20000px; left:50%;margin-left:-10000px;z-index:2000; height:0; box-sizing:border-box;/* box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12) ; */}
	}
	
	@media only screen and (min-width:1421px) and (max-width:1640px) {	
		.topmenu {padding-right:70px;}
		.topmenu .mn_l1:nth-child(n+2){margin-left:100px;}
		.topmenu .mn_a1 {font-size:19px;}

		.topmenu .depth2-wrap {width:190px !important; margin-left:-90px !important;}
		.topmenu .depth2 {padding:30px 25px; min-height:130px;}
		.topmenu .depth2 .mn_l2:nth-child(n+2){margin-top:14px;}
		.topmenu .depth2 .mn_a2 span {font-size:16px;}
	}
	@media only screen and (min-width:1200px) and (max-width:1421px) {	
		.topmenu {padding-right:50px;}
		.topmenu .mn_l1:nth-child(n+2){margin-left:70px;}
		.topmenu .mn_a1 {font-size:18px;}

		.topmenu .depth2-wrap {width:150px !important; margin-left:-70px !important;}
		.topmenu .depth2 {padding:25px 20px; min-height:130px;}
		.topmenu .depth2 .mn_l2:nth-child(n+2){margin-top:10px;}
		.topmenu .depth2 .mn_a2 span {font-size:15px;}
	}
	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		
		
	}

	
	@media only screen and (max-width:1200px) {
		#mainNavi-wrap{position:relative; z-index:4300; text-align:left; height:0 !Important; }
		#mainNavi {position:fixed;transition:right 0.3s ease;overflow:hidden;z-index:7000;right:-100%; width:100%;height:100%;top:0;background:none;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out; opacity:0;}
		#mainNavi:after{}
		#mainNavi.mn-h-open {right:0; opacity:1;transition-delay: 0.3s;}

		.tm-top{position:relative; }
		.tm-top h2{ background:url(../_Img/logo.png) no-repeat center center; background-size:130px auto; height:48px;}
		
		.topmenu {width:100%; max-width:380px;display:block;position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
		.topmenu:after {display:block;content:"";clear:both;}
		.topmenu li {line-height:1.3em;position:relative;text-transform:uppercase}
		
		.topmenu a {position:relative;text-align:center;}
		.topmenu .mn-txt{display:none;}

		.topmenu .has-sub .tgl-btn {padding:0;display:none !important;width:20px;height:20px;position:absolute;right:15px;top:8px;border:0;z-index:100;text-indent:-9999em;background:transparent;}
		.topmenu .has-sub .tgl-btn:before {content:'';position:absolute;left:2px;top:50%;width:50%;height:1px;background:#252525;transform: rotate(45deg);}
		.topmenu .has-sub .tgl-btn:after {content:'';position:absolute;right:2px;top:50%;width:50%;height:1px;background:#252525;transform: rotate(-45deg);}
		.topmenu .mn_l1 > .tgl-btn {right:20px;top:16px;}
		.topmenu .mn_l1.is-open > .tgl-btn:before, .topmenu .mn_l1.over > .tgl-btn:before {background:#5ec5cf;left:2px;transform: rotate(-45deg);}
		.topmenu .mn_l1.is-open > .tgl-btn:after, .topmenu .mn_l1.over > .tgl-btn:after {background:#5ec5cf;right:2px;transform: rotate(45deg);}
		.topmenu .mn_l1:nth-child(n+2){margin-top:10px;}
		.topmenu .mn_l2 > .tgl-btn {width:16px;height:16px;right:12px;top:16px;}
		.topmenu .mn_l2 > .tgl-btn:before, .topmenu .mn_l2 > .tgl-btn:after {height:1px;}
		.topmenu .mn_l2.is-open > .tgl-btn:before, .topmenu .mn_l2.over > .tgl-btn:before {transform: rotate(0);}
		.topmenu .mn_l2.is-open > .tgl-btn:after, .topmenu .mn_l2.over > .tgl-btn:after {transform: rotate(0);}

		.topmenu .mn_a1 {position:relative;display:block;overflow:hidden;font-size:34px;transform: skew(-0.001deg); font-weight:400; line-height:1.1em;letter-spacing:-0.035em;white-space:normal;cursor:pointer;color:#111;}
		.topmenu .mn_a1 span{display:block;position:relative;padding:12px 20px 12px 20px;}
		.topmenu .over .mn_a1, .topmenu  .mn_a1:hover, .topmenu .is-open .mn_a1{color:#b55a08; font-weight:400;}
		.topmenu .over .mn_a1 span:after, .topmenu  .mn_a1:hover span:after, .topmenu .is-open .mn_a1 span:after{ width:100%;}
	
		.topmenu .has-sub .is-ico {padding:0;display:block;width:30px;height:30px;position:absolute;right:0px;top:3px;border:1px solid red;}

		.topmenu li > div {display:none; opacity:0;}
		.topmenu .depth2-wrap {position:relative; width:auto !important}
		.topmenu .depth2 {position:relative;padding:35px 0 10px 0;}
		.topmenu .depth2:before{width:1px;height:15px; position:absolute; left:50%; top:6px; display:block; content:"";background:#aaa;-webkit-transition: background 0.3s ease-out,  transform 0.3s ease-out;-moz-transition: background 0.3s ease-out,  transform 0.3s ease-out;-o-transition: background 0.3s ease-out,  transform 0.3s ease-out;transition: background 0.3s ease-out,  transform 0.3s ease-out;transform: scale(1,1) rotate(45deg)skew(0,0) translate(0,0); -webkit-transform: scale(1,1) rotate(45deg)skew(0,0) translate(0,0); -moz-transform: scale(1,1) rotate(45deg)skew(0,0) translate(0,0); }
		.topmenu .is-open .depth2:before{background:#111;transform: scale(1,1) rotate(-45deg)skew(0,0) translate(0,0); -webkit-transform: scale(1,1) rotate(-45deg)skew(0,0) translate(0,0); -moz-transform: scale(1,1) rotate(-45deg)skew(0,0) translate(0,0); }
		.topmenu .depth2:after {clear:both;content:"";display:block}
		.topmenu .depth2 .mn_l2:nth-child(n+2){margin-top:12px}
		.topmenu .depth2 .mn_a2 { display:block;padding:3px 10px 3px 10px; position:relative;font-size:24px;font-weight:400; line-height:1.1em;cursor:pointer;color:#333;}
		.topmenu .depth2 .mn_a2:hover, .topmenu .depth2 .over .mn_a2{color:#c49c78;}

		.mn-bar {display:none;}
	}
	@media only screen and (max-width:999px) {
		.topmenu .mn_a1 {font-size:31px;}
		.topmenu .depth2 .mn_a2 {font-size:22px;}
	}
	@media only screen and (max-width:680px) {
		.topmenu .mn_a1 {font-size:28px;}
		.topmenu .depth2 .mn_a2 {font-size:20px;}
	}
	@media only screen and (max-width:480px) {
		.topmenu .mn_a1 {font-size:25px;}
		.topmenu .depth2 .mn_a2 {font-size:18px;}
	}

	
	

/* ======================================================
   #container-wrap 
=========================================================*/
#container-wrap{margin-top:110px;}
#container-wrap #contents{ min-height:700px;}
.sub #container-wrap #contents{ min-height:800px;}
	@media only screen and (max-width:1640px) {	
		
	}
	@media only screen and (max-width:1420px) {	
		
	}
	@media only screen and (max-width:1200px) {
		#container-wrap{margin-top:65px;}
	}
	@media only screen and (max-width:999px) {
		.sub #container-wrap #contents{padding-top:10px;min-height:720px;}
	}
	@media only screen and (max-width:680px) {
		
		
	}
	@media only screen and (max-width:480px) {
		
		
	}


/* ======================================================
   .cont-top & top-vis
=========================================================*/
.cont-top{padding-top:10px;padding-bottom:140px;text-align:center; position:relative; z-index:2312;}
.cont-top:after{border-left:1px solid #ad7949; position:absolute; left:50%; margin-left:-1px; bottom:38px; height:70px; display:block; content:""; z-index:-1;}
.cont-top h2{font-size:48px; font-weight:700; color:#ad7949; letter-spacing:-0.01em; line-height:1em; display:inline-block;vertical-align:top; position:relative; z-index:2;}
.cont-top h2:after{background:#fcf7e7; position:absolute; left:-10px; bottom:-2px; width:calc(100% + 20px);height:15px; display:block; content:""; z-index:-1;transform: scale(1,1) rotate(0)skew(-29deg,0) translate(0,0); -webkit-transform: scale(1,1) rotate(0)skew(-29deg,0) translate(0,0); -moz-transform: scale(1,1) rotate(0)skew(-29deg,0) translate(0,0); }

.cont-top p{margin-top:25px;font-size:18px;font-weight:400; color:#877968; letter-spacing:-0.03em; line-height:1.4em; }
	@media only screen and (max-width:1640px) {	
		.cont-top{padding-bottom:110px}
		.cont-top:after{height:60px; bottom:26px; }
		.cont-top h2{font-size:44px;}
		.cont-top h2:after{height:12px; left:-8px;width:calc(100% + 16px);}
		.cont-top p{margin-top:20px;font-size:17px;}
	}
	@media only screen and (max-width:1420px) {	
		
	}
	@media only screen and (max-width:1240px) {
		.cont-top{padding-bottom:80px}
		.cont-top:after{height:50px; bottom:16px; }
		.cont-top h2{font-size:39px;}
		.cont-top h2:after{height:9px;}
		.cont-top p{margin-top:15px;font-size:16px;}
	}
	@media only screen and (max-width:999px) {
		.cont-top{padding:0 40px;padding-bottom:70px}
		.cont-top:after{height:40px; bottom:15px; }

		.cont-top h2{font-size:34px;}
		.cont-top h2:after{height:6px; left:-4px;width:calc(100% + 8px);}
		.cont-top p{margin-top:15px;font-size:15px;}
	}
	@media only screen and (max-width:680px) {
		.cont-top{padding-bottom:60px}
		.cont-top:after{height:30px;}
		.cont-top h2{font-size:32px}
		.cont-top p{font-size:14px;}
	}
	@media only screen and (max-width:480px) {
		.cont-top h2{font-size:26px;}
		.cont-top:after{height:24px; bottom:20px;}
	}





/* ======================================================
  #top-vis
=========================================================*/
#top-vis{position:Relative;}
#top-vis:before{width:20000px; height:100%;  position:absolute;left:100%; top:0 ; z-index:3; display:block; content:"";background:#fcf7f6;-webkit-transition: background 0.5s ease-out, left 1.2s linear , right 1.2s linear;-moz-transition: background 0.5s ease-out, left 1.2s linear , right 1.2s linear;-o-transition: background 0.5s ease-out, left 1.2s linear , right 1.2s linear;transition: background 0.5s ease-out, left 1.2s linear , right 1.2s linear;display:block; content:"";}
#top-vis:after{width:20000px; height:70px;  position:absolute;left:100%; bottom:-1px ; z-index:135; display:block; content:"";background:#fcf7f6;-webkit-transition: background 0.5s ease-out, left 1.2s linear , right 1.2s linear;-moz-transition: background 0.5s ease-out, left 1.2s linear , right 1.2s linear;-o-transition: background 0.5s ease-out, left 1.2s linear , right 1.2s linear;transition: background 0.5s ease-out, left 1.2s linear , right 1.2s linear;display:block; content:"";}

#top-vis.ani:before{left:72%;}
#top-vis.ani:after{left:72%;}

#top-vis .txt{position:absolute ; z-index:12;left:0; top:50%;width:100%; margin-top:-25px;text-align:center;padding:0 20px;box-sizing:border-box;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
#top-vis .txt h2{font-size:54px ;font-family: 'Felix'; font-weight:400; color:#fff; letter-spacing:0.65em; line-height:1.2em;text-transform:uppercase; animation-delay:0.2s;}

#top-vis .img{overflow:hidden;max-width:1920px;box-sizing:border-box; margin:0 auto; position:relative; z-index:5}
#top-vis .img img{width:100%;height:500px;object-fit:cover;transform:scale(1, 1); -webkit-transform:scale(1, 1); -moz-transform:scale(1, 1); -webkit-transition: transform 5s linear;-moz-transition: transform 5s linear;-o-transition: transform 5s linear;transition: transform 5s linear;}

#top-vis .bg{width:100%; left:50%; bottom:-1px; max-width:1920px;height:70px; position:Absolute; z-index:32;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
#top-vis .bg:before{width:68.75%; height:100%;  position:Absolute;right:0; top:0 ; z-index:1; display:block; content:"";background:#fff;}

#top-vis.ani .img img{-ms-transform:scale(1, 1);transform:scale(1.2, 1.2); -webkit-transform:scale(1.2, 1.2); -moz-transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2);}
	@media only screen and (max-width:1640px) {	
		#top-vis:after{height:60px;}
		#top-vis .txt h2{font-size:48px;}
		#top-vis .img img{height:450px}
		#top-vis .bg{height:60px;}
		#top-vis .bg:before{ width:75%}
	}
	@media only screen and (max-width:1420px) {	
		#top-vis:after{height:50px;}
		#top-vis .txt h2{font-size:42px;}
		#top-vis .img img{height:400px}
		#top-vis .bg{height:50px;}

	}
	@media only screen and (max-width:1240px) {
		#top-vis:after{height:40px; display:none;}
		#top-vis .txt h2{font-size:36px;letter-spacing:0.4em;}
		#top-vis .img img{height:350px}
		#top-vis .bg{height:40px;}
		#top-vis .bg:before{ width:80%}
	}
	@media only screen and (max-width:999px) {
		#top-vis .txt{margin-top:-15px}
		#top-vis .txt h2{font-size:30px;}
		#top-vis .bg:before{ width:85%}
	}
	@media only screen and (max-width:680px) {
		#top-vis .txt{margin-top:-10px}
		#top-vis .txt h2{font-size:26px;}
		#top-vis .img img{height:300px}
		#top-vis .bg{height:30px;}
		#top-vis .bg:before{ width:90%}
	}
	@media only screen and (max-width:480px) {
		#top-vis .txt{margin-top:-5px}
		#top-vis .txt h2{font-size:22px;}
		/* #top-vis .img img{height:250px} */
		#top-vis .bg:before{ width:95%}
	}	





/* ======================================================
   #quick-wrap & #top-btn
=========================================================*/
#quick-wrap{position:fixed; z-index:2001;top:50%;  width:210px;background:#f4ebe3; right:-220px; margin-top:-70px;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);-webkit-transition: right 0.35s ease-in-out;-moz-transition: right 0.35s ease-in-out;-o-transition: right 0.35s ease-in-out;transition: right 0.35s ease-in-out;}
#quick-wrap.over{ right:20px; transition-delay: 0.3s;}

#quick-wrap .reserve-btn{display:block; height:152px; box-sizing:border-box;background:#bf946d; border-radius:0 0 30px 0;display:flex;align-items: center; justify-content: center;box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.25);-webkit-box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.25); -moz-box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.25) ; }

#quick-wrap .reserve-btn span{display:block;text-align:center; font-size:21px; font-weight:500; color:#fff; letter-spacing:-0.05em; line-height:30px;position:relative; text-align:center;padding-top:70px; padding-right:24px;}
#quick-wrap .reserve-btn span:before{left:0; top:0;width:100%; height:60px; background:url(../_Img/main/quick-tit.png) no-repeat center center; display:block ;content:"";position:Absolute;}
#quick-wrap .reserve-btn span:after{right:0; bottom:0;width:10px; height:26px; background:url(../_Img/main/quick-arrow.png) no-repeat right center; display:block ;content:"";position:absolute;}

#quick-wrap ul{padding:30px 20px;}
#quick-wrap ul li{text-align:center;}
#quick-wrap ul li:nth-child(n+2){margin-top:20px; padding-top:20px; border-top:1px solid #d4c7bc}
#quick-wrap ul li .btxt{font-size:19px; font-weight:400; color:#86582d; letter-spacing:-0.03em; line-height:1.2em;}
#quick-wrap ul li .stxt{margin-top:7px;font-size:18px; font-weight:600; color:#111; letter-spacing:-0.03em; line-height:1.2em;}
#quick-wrap ul li .stxt:nth-child(n+3){margin-top:3px;}

#quick-wrap ul li .btxt.kakao{display:inline-block;vertical-align:top; padding-left:52px; line-height:42px; background:url(../_Img/main/quick-kakao.png) no-repeat 0 2px}
	@media only screen and (max-width:1840px) {	
		#quick-wrap{width:180px}
		#quick-wrap .reserve-btn{height:135px;}
		#quick-wrap .reserve-btn span{font-size:18px; padding-top:55px; padding-right:18px;}
		#quick-wrap .reserve-btn span:before{height:50px;background-size:30px auto;}
		#quick-wrap .reserve-btn span:after{background-size:10px auto; height:26px;}

		#quick-wrap ul li .btxt{font-size:17px;}
		#quick-wrap ul li .stxt{font-size:17px;}
		#quick-wrap ul li .btxt.kakao{background-size:auto 36px; line-height:36px; padding-left:45px;}
	}
	@media only screen and (max-width:1640px) {	
		#quick-wrap{width:160px}
		#quick-wrap .reserve-btn{height:110px;}
		#quick-wrap .reserve-btn span{font-size:16px; padding-top:44px; padding-right:14px;}
		#quick-wrap .reserve-btn span:before{height:45px;background-size:25px auto;}
		#quick-wrap .reserve-btn span:after{background-size:8px auto; height:26px;}
		
		#quick-wrap ul{padding:20px 15px;}
		#quick-wrap ul li .btxt{font-size:15px;}
		#quick-wrap ul li .stxt{font-size:15px;}
		#quick-wrap ul li .btxt.kakao{background-size:auto 30px; line-height:30px; padding-left:40px;}
	}
	@media only screen and (max-width:1420px) {	
		#quick-wrap{width:140px}
		#quick-wrap .reserve-btn{height:85px;}
		#quick-wrap .reserve-btn span{font-size:14px; padding-top:35px; padding-right:14px;}
		#quick-wrap .reserve-btn span:before{height:40px;background-size:20px auto;}
		#quick-wrap .reserve-btn span:after{background-size:6px auto; height:26px;}
		
		#quick-wrap ul{padding:20px 10px;}
		#quick-wrap ul li:nth-child(n+2){margin-top:15px; padding-top:15px;}
		#quick-wrap ul li .btxt{font-size:13px;}
		#quick-wrap ul li .stxt{font-size:13px;}
		#quick-wrap ul li .btxt.kakao{background-size:auto 24px; line-height:24px; padding-left:34px;}
	}
	@media only screen and (max-width:1200px) {
		#quick-wrap{right:-160px !important;}
	}
	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		
	}
	@media only screen and (max-width:480px) {

	}


.top-btn{position: fixed;right: -74px;bottom:30px; z-index:5999;cursor: pointer;background:url(../_Img/layout/top-btn.png) no-repeat center center;  background-size:100% auto;width:72px;height:72px; border-radius:100%;box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2) ;-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2)  ; -webkit-transition: right 0.4s ease-in-out;-moz-transition: right 0.4s ease-in-out;-o-transition: right 0.4s ease-in-out;transition: right 0.4s ease-in-out;box-sizing: border-box;}
.top-btn.over{right:30px;}
	@media only screen and (max-width:1420px){
		.top-btn{width:66px;height:66px;}
		.top-btn.over{right:25px; bottom:25px;}
	}
	@media only screen and (max-width:999px){
		.top-btn{width:58px;height:58px;}
		
	}
	@media only screen and (max-width:680px){
		.top-btn{width:50px;height:50px;}
		.top-btn.over{right:20px; bottom:20px;}
		
	}
	@media only screen and (max-width:480px){
		.top-btn{width:40px;height:40px;}
	}



/* ======================================================
    #footer-wrap 
=========================================================*/
.sub #footer-wrap{margin-top:150px;}
#footer-wrap {display:block; position:relative; padding:45px 0; background:#bf946d}
#footer{position:relative;text-align:left;}

.f-info{font-weight:300;}
.f-info div{line-height:20px;}
.f-info p{line-height:20px; font-size:18px; color:#fff; letter-spacing:-0.02em; display:inline-block;vertical-align:top; position:relative;}
.f-info p:nth-child(n+2){margin-left:60px}
.f-info p:nth-child(n+2):before{width:60px;height:20px;  position:absolute; left:-62px; top:50%; margin-top:-10px; display:block ;content:"/"; text-align:center;line-height:20px;}
	
.f-copy{margin-top:7px;line-height:20px; font-size:18px; color:#fff; letter-spacing:-0.02em; }
	@media only screen and (max-width:1640px) {	
		.f-info p{font-size:17px}
		.f-info p:nth-child(n+2){margin-left:50px}
		.f-info p:nth-child(n+2):before{width:50px;left:-52px;}
		.f-copy{font-size:17px;}
	}
	@media only screen and (max-width:1420px) {	
		.f-info p{font-size:16px}
		.f-info p:nth-child(n+2){margin-left:40px}
		.f-info p:nth-child(n+2):before{width:40px;left:-42px;}
		.f-copy{font-size:16px;}
	}
	@media only screen and (max-width:1240px) {
		.f-copy{font-size:15px;}
	}
	@media only screen and (max-width:999px) {
		#footer-wrap{padding:35px 0}
		.sub #footer-wrap{margin-top:100px;}

		.f-info{text-align:center;}
		.f-info p{font-size:15px}
		.f-info p:nth-child(n+2){margin-left:30px}
		.f-info p:nth-child(n+2):before{width:30px;left:-32px;}
		.f-info p:nth-child(1){display:block; margin-bottom:2px;}
		.f-info p:nth-child(2){margin-left:0 !important;}
		.f-info p:nth-child(2):before{display:none;}
		.f-copy{margin-top:12px;text-align:center;font-size:14px; opacity:0.7}
	}
	@media only screen and (max-width:680px) {
		.sub #footer-wrap{margin-top:60px;}

		.f-info p{font-size:14px}
		.f-info p:nth-child(n+2){margin-left:20px}
		.f-info p:nth-child(n+2):before{width:20px;left:-22px;}
		.f-copy{font-size:13px;}
	}
	@media only screen and (max-width:480px) {
		.f-info p{font-size:13px}
		.f-copy{font-size:12px;}
	}


/* ======================================================
    #custom_cursor, #custom_cursor_tex
=========================================================*/
#custom_cursor, #custom_cursor_text {width: 80px;height: 80px;position: fixed;top: 0;left: 0;z-index: 9999;pointer-events: none;}
.custom_cursor_inner {display: block;width: 100%;height: 100%;position: relative;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.custom_cursor_circle, .custom_cursor_txt {display: block;width: 0;height: 0;position: absolute;top: 0;left: 0;border-radius: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);overflow: hidden;opacity: 0;}
.custom_cursor_txt {opacity:0;width:0;height:0;}
.custom_cursor_circle {z-index: 1;background: rgba(0,0,0,.15);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);}
.custom_cursor_txt > span{position: relative;display: block;width: 100%;height: 100%;/* background:url(../_Img/logo.png) no-repeat center center; background-size:70% auto;text-indent:-9999em; */font-size: 13px;text-align: center;color:rgba(255,255,255,0.95);font-family: 'GothamPro';font-weight: 400;text-transform: uppercase; letter-spacing:-0.01em;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;white-space: nowrap;letter-spacing: 0.5px;}
	@media only screen and (max-width:680px) {
		#custom_cursor, #custom_cursor_text {width: 60px;height: 60px;}
		.custom_cursor_txt > span{font-size:11px;}
	}