@charset "utf-8";

/* ======================================================
   .about-wrap.greeting
=========================================================*/
.about-wrap.greeting{}
.about-wrap.greeting:after{display:block; content:"";clear:both;}

.about-wrap.greeting .fl{float:left; width:50%; box-sizing:border-box; padding-right:110px;text-align:right;position:relative}
.about-wrap.greeting .fr{float:right; width:50%; padding-top:55px;}
	@media only screen and (max-width:1840px) {	
		.about-wrap.greeting .fl{padding-right:90px;}
	}
	@media only screen and (max-width:1640px) {	
		.about-wrap.greeting .fl{padding-right:60px;}
	}
	@media only screen and (max-width:1420px) {	
		.about-wrap.greeting .fl{padding-right:30px;}
	}
	@media only screen and (max-width:1240px) {
		.about-wrap.greeting .fl{float:none; width:auto; padding-right:0;}
		.about-wrap.greeting .fr{margin-top:40px; float:none; width:auto; padding-top:0;}
	}
	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		
	}
	@media only screen and (max-width:480px) {

	}

.about-wrap.greeting .fl .vimg{position:Relative;  z-index:3;text-align:right;}
.about-wrap.greeting .fl .vimg:before{position:Absolute; right:0; top:65px; width:20000px; height:calc(100% - 55px);  display:block; content:""; background:#e3d0bf; z-index:-1;}
.about-wrap.greeting .fl .vimg:after{position:Absolute; right:0; bottom:-10px; width:100%; height:90px; display:block; content:""; background:#fff; z-index:1;}

.about-wrap.greeting .fl .vimg .vc{display:inline-block;vertical-align:top; z-index:32; position:relative;}

.about-wrap.greeting .fl .vimg .img{text-align:center;position:relative; max-width:758px; margin:0 auto; z-index:2;}
.about-wrap.greeting .fl .vimg .img .img01{}
.about-wrap.greeting .fl .vimg .img .img02{position:absolute; left:0; top:0; width:100%;}
.about-wrap.greeting .fl .vimg .img img{width:100%}

.about-wrap.greeting .fl .slogan{position:absolute; left:50%; top:50%; width:80%;max-width:720px; box-sizing:border-box; padding:0 20px;z-index:123;;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.about-wrap.greeting .fl .slogan p{ font-weight:300; font-size:130px; color:#fff; font-family:"Montserrat"; line-height:0.85em;}
.about-wrap.greeting .fl .slogan .btxt{text-align:left;}
.about-wrap.greeting .fl .slogan .stxt{text-align:right;}

.about-wrap.greeting .fl .txt{font-family: 'Noto Sans KR';  text-transform:uppercase; position:absolute ; left:50%;  top:0;width:100%; max-width:720px; height:100%;z-index:4;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.about-wrap.greeting .fl .txt .txt01{position:absolute; left:20px; top:30px;font-size:18px; color:#d0b49c; letter-spacing:0.4em; line-height:20px;}
.about-wrap.greeting .fl .txt .txt02{position:absolute; right:10px; top:30px;font-size:18px; color:#d0b49c; letter-spacing:0.4em; line-height:20px; text-align:right;}
.about-wrap.greeting .fl .txt .txt03{position:absolute; left:20px; bottom:30px;font-size:18px; color:#d0b49c; letter-spacing:0.4em; line-height:20px;}
.about-wrap.greeting .fl .txt .txt04{position:absolute; right:10px; bottom:30px;font-size:18px; color:#d0b49c; letter-spacing:0.4em; line-height:20px; text-align:right;}
	@media only screen and (max-width:1840px) {	
		.about-wrap.greeting .fl .vimg:before{top:55px; height:calc(100% - 55px); }
		.about-wrap.greeting .fl .vimg:after{height:80px}

		.about-wrap.greeting .fl .slogan{}
		.about-wrap.greeting .fl .slogan p{font-size:115px}

		.about-wrap.greeting .fl .txt .txt01{top:20px; font-size:16px;}
		.about-wrap.greeting .fl .txt .txt02{top:20px; font-size:16px;}
		.about-wrap.greeting .fl .txt .txt03{bottom:20px; font-size:16px;}
		.about-wrap.greeting .fl .txt .txt04{bottom:20px; font-size:16px;}
	}
	@media only screen and (max-width:1640px) {	
		.about-wrap.greeting .fl .vimg:before{top:45px; height:calc(100% - 45px); }
		.about-wrap.greeting .fl .vimg:after{height:70px}

		.about-wrap.greeting .fl .slogan{}
		.about-wrap.greeting .fl .slogan p{font-size:100px}

		.about-wrap.greeting .fl .txt .txt01{top:7px;}
		.about-wrap.greeting .fl .txt .txt02{top:7px;}
	}
	@media only screen and (max-width:1420px) {	
		.about-wrap.greeting .fl .vimg:before{top:35px; height:calc(100% - 35px); }
		.about-wrap.greeting .fl .vimg:after{height:60px}

		.about-wrap.greeting .fl .slogan{}
		.about-wrap.greeting .fl .slogan p{font-size:90px}

		.about-wrap.greeting .fl .txt .txt01{top:7px; font-size:14px;}
		.about-wrap.greeting .fl .txt .txt02{top:7px; font-size:14px;}
		.about-wrap.greeting .fl .txt .txt03{bottom:15px; font-size:14px;}
		.about-wrap.greeting .fl .txt .txt04{bottom:15px; font-size:14px;}
	}
	@media only screen and (max-width:1240px) {
		.about-wrap.greeting .fl .vimg{text-align:Center}
		.about-wrap.greeting .fl .vimg:before{right:-20px;}
		.about-wrap.greeting .fl .vimg:after{ right:-10px; width:calc(100% + 20px); bottom:0;}
		.about-wrap.greeting .fl .vimg .img{width:80%; max-width:800px; min-width:330px;}

		.about-wrap.greeting .fl .slogan{width:60%;min-width:300px;max-width:740px; }
		.about-wrap.greeting .fl .slogan p{font-size:80px}
		.about-wrap.greeting .fl .slogan .btxt span:after{width:1000px}
	}
	@media only screen and (max-width:999px) {
		.about-wrap.greeting .fl .vimg:after{height:50px}
		.about-wrap.greeting .fl .vimg .img{padding-bottom:40px;}

		.about-wrap.greeting .fl .slogan{}
		.about-wrap.greeting .fl .slogan p{font-size:70px}

		.about-wrap.greeting .fl .txt .txt01{left:10px;top:5px; font-size:12px;}
		.about-wrap.greeting .fl .txt .txt02{top:5px; font-size:12px;}
		.about-wrap.greeting .fl .txt .txt03{left:10px;bottom:10px; font-size:12px;}
		.about-wrap.greeting .fl .txt .txt04{bottom:10px; font-size:12px;}
	}
	@media only screen and (max-width:680px) {
		.about-wrap.greeting .fl .vimg:after{height:40px}
		
		.about-wrap.greeting .fl .slogan{}
		.about-wrap.greeting .fl .slogan p{font-size:60px}

		.about-wrap.greeting .fl .txt .txt01{left:10px;top:10px; font-size:10px;}
		.about-wrap.greeting .fl .txt .txt02{top:10px; font-size:10px;}
		.about-wrap.greeting .fl .txt .txt03{left:10px;bottom:5px; font-size:10px;}
		.about-wrap.greeting .fl .txt .txt04{bottom:5px; font-size:10px;}
	}
	@media only screen and (max-width:480px) {
		.about-wrap.greeting .fl .vimg:after{height:30px}

		.about-wrap.greeting .fl .slogan{}
		.about-wrap.greeting .fl .slogan p{font-size:50px}
		
		.about-wrap.greeting .fl .txt .txt03{bottom:2px;}
		.about-wrap.greeting .fl .txt .txt04{bottom:2px;}
	}	

.about-wrap.greeting .fr .tits{}
.about-wrap.greeting .fr .tits h3{color:#403f3f; font-size:44px; font-weight:400; letter-spacing:-0.02em; line-height:1.2em;}
.about-wrap.greeting .fr .tits p{font-size:18px; font-weight:400; color:#000; letter-spacing:-0.01em; line-height:1.4em; margin-top:50px;}

.about-wrap.greeting .fr ul{margin-top:37px;}
.about-wrap.greeting .fr li{padding-left:20px;}
.about-wrap.greeting .fr li:nth-child(n+2){margin-top:30px;}
.about-wrap.greeting .fr li .btxt{font-size:24px; font-weight:700; color:#000; letter-spacing:-0.01em; line-height:1.1em; margin-left:-20px; padding-left:24px; position:relative; display:inline-block;vertical-align:top;}
.about-wrap.greeting .fr li .btxt span{position:absolute; left:0; top:0;}
.about-wrap.greeting .fr li .btxt:after{position:absolute; left:-5px; width:calc(100% + 10px); height:6px; display:block ;content:"";background:#fcf7e7; bottom:1px; display:block; z-index:-1; border-radius:4px;}
.about-wrap.greeting .fr li .stxt{font-size:18px; font-weight:400; color:#000; letter-spacing:-0.01em; line-height:1.6em; margin-top:10px;}
	@media only screen and (max-width:1840px) {	
		.about-wrap.greeting .fr .tits h3{font-size:40px;}
		.about-wrap.greeting .fr .tits p{font-size:17px; margin-top:40px;}

		.about-wrap.greeting .fr li .btxt{font-size:22px;} 
		.about-wrap.greeting .fr li .btxt:after{height:5px;}
		.about-wrap.greeting .fr li .stxt{font-size:17px;}
	}
	@media only screen and (max-width:1640px) {	
		
	}
	@media only screen and (max-width:1420px) {	
		.about-wrap.greeting .fr .tits{text-align:center;}
		.about-wrap.greeting .fr .tits h3{font-size:36px;}
		.about-wrap.greeting .fr .tits p{font-size:16px;  margin-top:30px;}

		.about-wrap.greeting .fr li .btxt{font-size:20px;} 
		.about-wrap.greeting .fr li .btxt:after{height:4px;}
		.about-wrap.greeting .fr li .stxt{font-size:16px;}
	}
	@media only screen and (max-width:1240px) {
		
	}
	@media only screen and (max-width:999px) {
		.about-wrap.greeting .fr .tits h3{font-size:32px;}
		.about-wrap.greeting .fr .tits p{font-size:15px; margin-top:20px;}
		
		.about-wrap.greeting .fr li:nth-child(n+2){margin-top:20px;}
		.about-wrap.greeting .fr li .btxt{font-size:18px; padding-left:20px;} 
		.about-wrap.greeting .fr li .btxt:after{height:3px;}
		.about-wrap.greeting .fr li .stxt{font-size:15px; margin-top:5px; line-height:1.45em}
	}
	@media only screen and (max-width:680px) {
		.about-wrap.greeting .fr .tits h3{font-size:28px;}
		.about-wrap.greeting .fr .tits p{margin-top:10px;}
		
		.about-wrap.greeting .fr li .btxt{font-size:17px;} 
		.about-wrap.greeting .fr li .stxt{font-size:14px;}
		.about-wrap.greeting .fr li .stxt br{display:none}
	}
	@media only screen and (max-width:480px) {
		.about-wrap.greeting .fr .tits h3{font-size:24px;}
	}



/* ======================================================
   .about-wrap.location
=========================================================*/
.about-wrap.location h3{background:#faf9f5; line-height:1.4em;  max-width:1300px; margin:0 auto; font-size:20px; font-weight:400; color:#111; padding:39px 20px 37px 20px; box-sizing:border-box;text-align:center;}
.about-wrap.location h3 span{font-weight:700;}

.about-wrap.location .maps{position:relative; height:750px;}
.about-wrap.location .maps iframe{height:750px;}

.about-wrap.location .txt{max-width:1800px; margin:0 auto; margin-top:-285px; position:relative; z-index:2; box-sizing:border-box; padding:0 20px;}
.about-wrap.location .txt:after{background:#faf9f5; position:absolute; width:calc(100% - 40px); height:calc(100% - 285px);left:20px; bottom:0; display:block; content:""; z-index:-1;}
.about-wrap.location .txt ul{background:#fff; box-sizing:border-box;padding:35px 50px; box-sizing:border-box; max-width:980px;}
.about-wrap.location .txt li{position:Relative; padding-left:300px;}
.about-wrap.location .txt li:nth-child(n+2){margin-top:10px; padding-top:10px; border-top:1px solid #efe5da}
.about-wrap.location .txt li:nth-child(n+2) .btxt{top:10px;}
.about-wrap.location .txt li .btxt{position:Absolute; left:10px; top:0 ;line-height:38px;letter-spacing:-0.01em;  padding-left:52px; font-size:21px; color:#111; font-weight:700;}
.about-wrap.location .txt li .stxt{font-size:21px; color:#111; line-height:38px; letter-spacing:-0.01em; }

.about-wrap.location .txt li dl{position:relative; padding-left:275px;}
.about-wrap.location .txt li dl:nth-child(2){margin-top:5px;}
.about-wrap.location .txt li dl:nth-child(n+3){margin-top:20px;}
.about-wrap.location .txt li dl dt{position:absolute; left:0; top:0;font-size:18px; color:#111; line-height:1.3em; letter-spacing:-0.01em; padding-left:12px; font-weight:400; }
.about-wrap.location .txt li dl dt:before{width:6px; border-bottom:1px solid #111 ;display:block; content:"";position:absolute; left:0; top:12px;display:block; content:""}
.about-wrap.location .txt li dl dd{font-size:18px; color:#111; line-height:1.3em; letter-spacing:-0.01em; }

.about-wrap.location .txt li:nth-child(1) .btxt{background:url(../_Img/content/locaiton-ico01.png) no-repeat left center;}
.about-wrap.location .txt li:nth-child(2) .btxt{background:url(../_Img/content/locaiton-ico02.png) no-repeat left center;}
.about-wrap.location .txt li:nth-child(3) .btxt{background:url(../_Img/content/locaiton-ico03.png) no-repeat left center;}
	@media only screen and (max-width:1840px) {	
		.about-wrap.location h3{font-size:18px; padding:35px 20px }
		.about-wrap.location .maps{height:700px}
		.about-wrap.location .maps iframe{height:700px !important;}
		
		.about-wrap.location .txt{margin-top:-240px}
		.about-wrap.location .txt:after{height:calc(100% - 240px)}
		.about-wrap.location .txt ul{padding:20px 40px; max-width:860px}
		.about-wrap.location .txt li{padding-left:260px;}
		.about-wrap.location .txt li .btxt{font-size:19px; background-size:34px auto !important; padding-left:46px;line-height:34px;}
		.about-wrap.location .txt li .stxt{font-size:19px;line-height:34px;}

		.about-wrap.location .txt li dl{padding-left:250px;}
		.about-wrap.location .txt li dl dt{font-size:17px;}
		.about-wrap.location .txt li dl dd{font-size:17px;}
		.about-wrap.location .txt li dl dt:before{width:5px; top:11px;}
	}
	@media only screen and (max-width:1640px) {	
		
	}
	@media only screen and (max-width:1420px) {	
		.about-wrap.location h3{font-size:16px; padding:30px 20px }
		.about-wrap.location .maps{height:650px}
		.about-wrap.location .maps iframe{height:650px !important;}
		
		.about-wrap.location .txt{margin-top:-200px}
		.about-wrap.location .txt:after{height:calc(100% - 200px)}
		.about-wrap.location .txt ul{padding:20px 30px; max-width:740px}
		.about-wrap.location .txt li{padding-left:220px;}
		.about-wrap.location .txt li .btxt{font-size:17px; background-size:30px auto !important; padding-left:40px; line-height:30px; }
		.about-wrap.location .txt li .stxt{font-size:17px;line-height:30px;}

		.about-wrap.location .txt li dl{padding-left:220px;}
		.about-wrap.location .txt li dl dt{font-size:15px;}
		.about-wrap.location .txt li dl dd{font-size:15px;}
		.about-wrap.location .txt li dl dt:before{width:5px; top:10px;}
	}
	@media only screen and (max-width:1240px) {
		.about-wrap.location .txt{margin-top:-150px}
		.about-wrap.location .txt:after{height:calc(100% - 150px)}
		.about-wrap.location .txt ul{padding:20px 20px;} 
	}
	@media only screen and (max-width:999px) {
		.about-wrap.location h3{font-size:15px; padding:25px 15px }
		.about-wrap.location .maps{height:600px}
		.about-wrap.location .maps iframe{height:600px !important;}

		.about-wrap.location .txt{margin-top:0}
		.about-wrap.location .txt:after{height:100%;}
		.about-wrap.location .txt ul{padding:20px 0; max-width:none;}
		.about-wrap.location .txt li{padding-left:200px;}
		.about-wrap.location .txt li .btxt{font-size:16px; background-size:25px auto !important; padding-left:35px; line-height:25px; }
		.about-wrap.location .txt li .stxt{font-size:16px;line-height:25px;}

		.about-wrap.location .txt li dl{padding-left:200px;}
		.about-wrap.location .txt li dl dt{font-size:14px;}
		.about-wrap.location .txt li dl dd{font-size:14px;}
		.about-wrap.location .txt li dl dt:before{top:9px;}
	}
	@media only screen and (max-width:680px) {
		.about-wrap.location h3{font-size:14px;}
		.about-wrap.location .maps{height:550px}
		.about-wrap.location .maps iframe{height:550px !important;}

		.about-wrap.location .txt li{padding-left:0;}
		.about-wrap.location .txt li .btxt{position:relative; left:auto; top:auto !important; margin-bottom:5px;}
		.about-wrap.location .txt li .stxt{font-size:15px;padding-left:35px;}

		.about-wrap.location .txt li dl{margin-left:25px; padding-left:145px;} 
		.about-wrap.location .txt li dl:nth-child(2){margin-top:10px;}
		.about-wrap.location .txt li dl dt{width:125px;}
		.about-wrap.location .txt li dl dt:before{display:none;}
	}
	@media only screen and (max-width:480px) {
		.about-wrap.location .maps{height:500px}
		.about-wrap.location .maps iframe{height:500px !important;}
	}
	@media only screen and (max-width:400px) {
		.about-wrap.location .maps{height:450px}
		.about-wrap.location .maps iframe{height:450px !important;}
	}




/* ======================================================
   .preview-wrap
=========================================================*/
.preview-wrap{position:relative;}
.preview-wrap .total{position:absolute;right:0; top:-40px; line-height:20px; font-size:19px; font-weight:400; color:#111; padding-left:14px}
.preview-wrap .total:before{width:5px;height:5px; background:#b09367; position:Absolute; left:0; top:10px; display:block; content:"";border-radius:100%;}
.preview-wrap .total span{font-size:25px; font-weight:700;}
.preview-wrap .list{}
.preview-wrap .list ul{margin:0 -9px;}
.preview-wrap .list ul:after{display:block; content:"";clear:both}
.preview-wrap .list li{float:left; width:calc(25% - 18px); margin:0 9px;}
.preview-wrap .list li:nth-child(n+5){margin-top:18px;}
.preview-wrap .list li a{display:block; overflow:hidden; position:relative;}
.preview-wrap .list li img{width:100%; height:294px; object-fit:cover;-webkit-transition: transform 1s ease-out;-moz-transition: transform 1s ease-out;-o-transition: transform 1s ease;transition: transform 1s ease-out;}
.preview-wrap .list li:hover img{-webkit-transform:scale(1.05); -moz-transform:scale(1.05);  -o-transform:scale(1.05);  transform:scale(1.05);}
.preview-wrap .list li a:after{position:absolute; left:0; top:0; width:100%;height:100%;/*  background:rgba(46,151,82,0.2); */ background:rgba(0,0,0,0.25); opacity:0;display:block; content:"";-webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out;transition: opacity 0.4s ease-in-out;}
.preview-wrap .list li a:hover:after{opacity:1;}
	@media only screen and (max-width:1640px) {	
		.preview-wrap .total{font-size:17px;padding-left:12px;top:-38px;}
		.preview-wrap .total:before{width:4px;height:4px; top:11px;}
		.preview-wrap .total span{font-size:23px;}
		.preview-wrap .list li img{height:260px;}
	}
	@media only screen and (max-width:1420px) {	
		.preview-wrap .list li img{height:230px;}
	}
	@media only screen and (max-width:1240px) {
		.preview-wrap .total{font-size:15px;padding-left:11px;top:-34px;}
		.preview-wrap .total:before{width:4px;height:4px; top:10px;}
		.preview-wrap .total span{font-size:20px;}
	}
	@media only screen and (max-width:999px) {
		.preview-wrap .total{font-size:13px;padding-left:11px; top:-27px;}
		.preview-wrap .total:before{width:4px;height:4px; top:10px;}
		.preview-wrap .total span{font-size:18px;}

		.preview-wrap .list ul{margin:0 -5px;}
		.preview-wrap .list li{float:left; width:calc(33.33333% - 10px); margin:0 5px;}
		.preview-wrap .list li:nth-child(n+4){margin-top:10px;}
		.preview-wrap .list li img{height:auto; object-fit:fill;}
	}
	@media only screen and (max-width:680px) {
		.preview-wrap .list li{width:calc(50% - 10px); margin:0 5px;}
		.preview-wrap .list li:nth-child(n+3){margin-top:10px;}

		.preview-wrap .total span{font-size:16px;}
	}
	@media only screen and (max-width:480px) {
		
	}	



/* ======================================================
   .layer-wrap.preview
=========================================================*/
.layer-wrap.preview{position:fixed; display:none;left:50%; top:50%; width:96%; min-width:340px;max-width:1180px;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.layer-wrap.preview .is-top{}
.layer-wrap.preview .is-top .close{width:98px;height:77px; position:Absolute;right:0; top:-77px; background:url(../_Img/sub/layer-close.png) no-repeat center center #fff;-webkit-transition: all 0s ease-in-out;-moz-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;transition: all 0s ease-in-out; }
.layer-wrap.preview .is-con{position:Relative; z-index:12;box-shadow: 0 0 14px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.55);-moz-box-shadow: 0 0 14px rgba(0, 0, 0, 0.5) ;}

.layer-wrap.preview .is-con .img{}
.layer-wrap.preview .is-con .img img{width:100%;}
	@media only screen and (max-width:1640px) {	
		.layer-wrap.preview .is-top .close{width:80px;height:65px; top:-65px; background-size:28px auto;}
	}
	@media only screen and (max-width:1420px) {	
		
	}
	@media only screen and (max-width:1240px) {
		.layer-wrap.preview .is-top .close{width:60px;height:50px; top:-50px; background-size:22px auto;}
	}
	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		.layer-wrap.preview .is-top .close{width:40px;height:40px; top:-40px; background-size:14px auto;}
	}
	@media only screen and (max-width:480px) {
		
	}	



/* ======================================================
   .contact-wrap
=========================================================*/
.contact-wrap{}
.contact-wrap:after{display:block; content:"";clear:both;}

.contact-wrap .gap25{height:25px;}
.contact-wrap .gap65{height:65px;}

.contact-wrap .fl{float:left; width:50%; box-sizing:border-box; padding-right:70px;position:relative}
.contact-wrap .fr{float:right; width:50%; box-sizing:border-box; padding-left:70px;}

.contact-wrap h3{font-size:40px; font-weight:400; color:#111; letter-spacing:-0.035em; line-height:1.2em;}
.contact-wrap h4{font-size:23px; font-weight:700; color:#000; letter-spacing:-0.03em; line-height:1.2em; margin-bottom:12px;}
.contact-wrap h4 span{display:inline-block;vertical-align:top; position:Relative;}
.contact-wrap h4 span:after{position:absolute; left:-5px; width:calc(100% + 10px); height:6px; display:block ;content:"";background:#fcf7e7; bottom:1px; display:block; z-index:-1; border-radius:4px;}

.contact-wrap .stit{font-size:18px; font-weight:400; color:#717171; letter-spacing:-0.01em; line-height:1.2em; margin-top:17px;}
	@media only screen and (max-width:1840px) {	
		.contact-wrap .fl{padding-right:50px;}
		.contact-wrap .fr{padding-left:50px;}

		.contact-wrap h3{font-size:36px;}
		.contact-wrap h4{font-size:21px;}
		.contact-wrap h4 span:after{height:5px;}

		.contact-wrap .stit{font-size:17px;margin-top:12px;}
	}
	@media only screen and (max-width:1640px) {	
		
	}
	@media only screen and (max-width:1420px) {	
		.contact-wrap .fl{padding-right:30px;}
		.contact-wrap .fr{padding-left:30px;}

		.contact-wrap h3{font-size:32px;}
		.contact-wrap h4{font-size:19px;}
		.contact-wrap h4 span:after{height:4px;}

		.contact-wrap .stit{font-size:16px;}
	}
	@media only screen and (max-width:1240px) {
		.contact-wrap .fl{float:none;width:auto; margin-top:50px; padding:0;}
		.contact-wrap .fr{float:none;width:auto; padding:0;}
	}
	@media only screen and (max-width:999px) {
		.contact-wrap .gap25{height:15px;}
		.contact-wrap .gap65{height:40px;}

		.contact-wrap h3{font-size:28px;}
		.contact-wrap h4{font-size:18px;}
		.contact-wrap h4 span:after{height:3px;}

		.contact-wrap .stit{font-size:15px;margin-top:10px;}
	}
	@media only screen and (max-width:680px) {
		.contact-wrap h3{font-size:24px;}
		.contact-wrap h4{font-size:17px;}
		.contact-wrap .stit{font-size:14px;}
	}
	@media only screen and (max-width:480px) {
		.contact-wrap h3{font-size:21px;}
	}
.contact-wrap .ex{margin-top:30px;}
.contact-wrap .ex ul{padding-left:5px;}
.contact-wrap .ex li{font-size:18px ;font-weight:400; letter-spacing:-0.03em; line-height:1.5em; color:#000;}
.contact-wrap .ex li:nth-child(n+2){margin-top:3px;}
.contact-wrap .ex li span{font-weight:700;}

.contact-wrap .use ul{padding-left:5px;}
.contact-wrap .use li{font-size:18px ;font-weight:400; letter-spacing:-0.03em; line-height:1.5em; color:#000; padding-left:20px; position:relative;}
.contact-wrap .use li span{position:absolute; left:0; top:0;}

.contact-wrap .deposit ul{padding-top:5px;padding-left:5px;}
.contact-wrap .deposit ul:after{display:block; content:"";clear:both}
.contact-wrap .deposit li{float:left;font-size:18px ;font-weight:400; letter-spacing:-0.03em; line-height:20px; color:#000;position:relative;}
.contact-wrap .deposit li:nth-child(n+2){margin-left:25px;}
.contact-wrap .deposit li:nth-child(n+2):before{width:25px;font-size:18px ; font-weight:400; line-height:20px;position:Absolute; left:-25px; top:0; display:block ; color:#000;content:"/";text-align:center;}
.contact-wrap .deposit li:last-child{font-weight:700; color:#c26102; font-size:22px; letter-spacing:0.01em;}
	@media only screen and (max-width:1840px) {	
		.contact-wrap .ex li{font-size:17px;}

		.contact-wrap .use li{font-size:17px; padding-left:18px}
		.contact-wrap .deposit li{font-size:17px;}
		.contact-wrap .deposit li:nth-child(n+2){margin-left:20px;}
		.contact-wrap .deposit li:nth-child(n+2):before{width:20px;font-size:16px ; left:-20px;}
		.contact-wrap .deposit li:last-child{font-size:21px}
	}
	@media only screen and (max-width:1640px) {	
		
	}
	@media only screen and (max-width:1420px) {	
		.contact-wrap .ex li{font-size:16px;}
		.contact-wrap .use li{font-size:16px; padding-left:16px}
		.contact-wrap .deposit li{font-size:16px;}
		.contact-wrap .deposit li:nth-child(n+2){margin-left:15px;}
		.contact-wrap .deposit li:nth-child(n+2):before{width:15px;font-size:14px ; left:-15px;}
		.contact-wrap .deposit li:last-child{font-size:20px}
	}
	@media only screen and (max-width:1240px) {
		
	}
	@media only screen and (max-width:999px) {
		.contact-wrap .ex{margin-top:20px;}
		.contact-wrap .ex li{font-size:15px;}

		.contact-wrap .use li{font-size:15px; padding-left:14px}
		.contact-wrap .deposit li{font-size:15px;}
		.contact-wrap .deposit li:nth-child(n+2):before{font-size:13px ;}
		.contact-wrap .deposit li:last-child{font-size:19px}
	}
	@media only screen and (max-width:680px) {
		.contact-wrap .ex{margin-top:15px;}
		.contact-wrap .ex li{font-size:14px;}
		.contact-wrap .use ul{padding-left:0;}
		.contact-wrap .use li{font-size:14px;}
		.contact-wrap .deposit ul{padding-left:0;}
		.contact-wrap .deposit li{font-size:14px;}
		.contact-wrap .deposit li:last-child{font-size:18px}
	}
	@media only screen and (max-width:480px) {
		/* .contact-wrap .ex li{font-size:13px;}
		.contact-wrap .use li{font-size:13px;}
		.contact-wrap .deposit li{font-size:13px;} */
		.contact-wrap .deposit li:last-child{font-size:17px; display:block; margin-left:0; width:100%; margin-top:5px;}
		.contact-wrap .deposit li:last-child:before{display:none;}
	}


.contact-wrap .guide li{font-size:0;}
.contact-wrap .guide li:nth-child(n+2){margin-top:22px;}
.contact-wrap .guide li p{font-size:18px ;font-weight:400; letter-spacing:-0.03em; line-height:1.5em; position:relative;}
.contact-wrap .guide li .btxt{color:#c26102; font-weight:700; }
.contact-wrap .guide li .stxt{color:#000; display:inline-block;vertical-align:top;}
.contact-wrap .guide li .ctxt{color:#000; padding-left:15px; position:relative;}
.contact-wrap .guide li .ctxt:before{width:6px; border-bottom:1px solid #111 ;display:block; content:"";position:absolute; left:2px; top:13px;display:block; content:""}

.contact-wrap .guide li:nth-child(1) .btxt{ display:inline-block;vertical-align:top; margin-right:5px;}
.contact-wrap .guide li .ctxt:nth-child(n+2){margin-top:7px;}
.contact-wrap .guide li .ctxt:nth-child(n+3){margin-top:3px;}
	@media only screen and (max-width:1840px) {	
		.contact-wrap .guide li p{font-size:17px;}
	}
	@media only screen and (max-width:1640px) {	
		
	}
	@media only screen and (max-width:1420px) {	
		
	}
	@media only screen and (max-width:1240px) {
		.contact-wrap .guide li p{font-size:16px;}
	}
	@media only screen and (max-width:999px) {
		.contact-wrap .guide li p{font-size:15px;}
		.contact-wrap .guide li .btxt{font-size:16px;}
		.contact-wrap .guide li .ctxt{padding-left:12px}
		.contact-wrap .guide li .ctxt:before{width:4px; top:11px}
	}
	@media only screen and (max-width:680px) {
		.contact-wrap .guide li p{font-size:14px;}
		.contact-wrap .guide li .btxt{font-size:15px;}
		/* .contact-wrap .guide li .ctxt:before{top:9px} */
	}
	@media only screen and (max-width:480px) {
		/* .contact-wrap .guide li p{font-size:13px;}
		.contact-wrap .guide li .btxt{font-size:14px;}
		.contact-wrap .guide li .ctxt:before{top:8px} */
	}

.contact-wrap .fr .vimg{position:Relative;  z-index:3;text-align:left;}
.contact-wrap .fr .vimg:before{position:Absolute; left:0; top:100px; width:20000px; height:calc(100% - 100px);  display:block; content:""; background:#ece0d4; z-index:-1;}
.contact-wrap .fr .vimg:after{position:Absolute; right:0; bottom:0; width:100%; height:100px; display:block; content:""; background:#fff; z-index:1;}

.contact-wrap .fr .vimg .vc{display:inline-block;vertical-align:top; z-index:32; position:relative;}

.contact-wrap .fr .vimg .img{text-align:center;position:relative; max-width:875px; margin:0 auto; z-index:2; padding-bottom:100px;}
.contact-wrap .fr .vimg .img .img01{}
.contact-wrap .fr .vimg .img .img02{position:absolute; left:0; top:0; width:100%;}
.contact-wrap .fr .vimg .img img{width:100%}

.contact-wrap .fr .slogan{position:absolute; left:50%; bottom:15%;width:80%;max-width:720px; box-sizing:border-box; padding:0 20px; padding-bottom:95px; z-index:123; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.contact-wrap .fr .slogan p{ font-weight:300; font-size:130px; letter-spacing:-0.01em;color:#fff; font-family:"Montserrat"; line-height:0.85em;}
.contact-wrap .fr .slogan .btxt{position:absolute;right:clac(50% - 20px); bottom:0; width:50%;}
.contact-wrap .fr .slogan .btxt span{display:inline-block;vertical-align:top; position:relative;}
.contact-wrap .fr .slogan .btxt span:after{border-bottom:2px solid #fff; position:absolute;right:2px; bottom:-3px; display:block; content:""; width:calc(100% + 110px);}
.contact-wrap .fr .slogan .stxt{text-align:right;}
	@media only screen and (max-width:1840px) {	
		.contact-wrap .fr .vimg:before{top:80px; height:calc(100% - 80px); }
		.contact-wrap .fr .vimg:after{height:80px}

		.contact-wrap .fr .slogan{}
		.contact-wrap .fr .slogan p{font-size:115px}
	}
	@media only screen and (max-width:1640px) {	
		.contact-wrap .fr .vimg:before{top:70px; height:calc(100% - 70px); }
		.contact-wrap .fr .vimg:after{height:70px}
		.contact-wrap .fr .slogan{}
		.contact-wrap .fr .slogan p{font-size:100px}
	}
	@media only screen and (max-width:1420px) {	
		.contact-wrap .fr .vimg:before{top:60px; height:calc(100% - 60px); }
		.contact-wrap .fr .vimg:after{height:60px}
		.contact-wrap .fr .slogan{ padding-bottom:85px;}
		.contact-wrap .fr .slogan p{font-size:90px}
	}
	@media only screen and (max-width:1240px) {
		.contact-wrap .fr .vimg{text-align:Center}
		.contact-wrap .fr .vimg:before{width:100%;}
		.contact-wrap .fr .vimg:after{right:20px; width:calc(100% - 40px);}
		.contact-wrap .fr .vimg .img{width:80%; max-width:800px; min-width:330px; padding-bottom:70px}

		.contact-wrap .fr .slogan{width:64%;padding-bottom:75px; min-width:280px;max-width:800px; bottom:15% }
		.contact-wrap .fr .slogan p{font-size:80px}
		.contact-wrap .fr .slogan .btxt span:after{width:1000px}
	}
	@media only screen and (max-width:999px) {
		.contact-wrap .fr .vimg:before{top:50px; height:calc(100% - 50px); }
		.contact-wrap .fr .vimg:after{height:50px}
		.contact-wrap .fr .vimg .img{padding-bottom:40px;}

		.contact-wrap .fr .slogan{ padding-bottom:65px;}
		.contact-wrap .fr .slogan p{font-size:70px}
		.contact-wrap .fr .slogan .btxt span:after{border-width:1px;}
	}
	@media only screen and (max-width:680px) {
		.contact-wrap .fr .vimg:before{top:40px; height:calc(100% - 40px); }
		.contact-wrap .fr .vimg:after{height:40px}
		.contact-wrap .fr .slogan{padding-bottom:55px;}
		.contact-wrap .fr .slogan p{font-size:60px}
	}
	@media only screen and (max-width:480px) {
		.contact-wrap .fr .vimg:after{height:30px}
		.contact-wrap .fr .slogan{padding-bottom:45px;}
		.contact-wrap .fr .slogan p{font-size:50px}
	}






/* ======================================================
   .reserve-wrap.use
=========================================================*/
.reserve-wrap.use .tits{text-align:center;}
.reserve-wrap.use .tits h3{font-size:40px; font-weight:400; color:#403f3f; letter-spacing:-0.035em; line-height:1.2em;}
.reserve-wrap.use .tits .stit{font-size:18px; font-weight:400; color:#111; letter-spacing:-0.01em; line-height:1.5em; margin-top:17px;}

.reserve-wrap.use h4{font-size:26px; font-weight:700; color:#000; letter-spacing:-0.03em; line-height:1.2em;}
.reserve-wrap.use h4 span{display:inline-block;vertical-align:top; position:relative;}
.reserve-wrap.use h4 span:after{position:absolute; left:-5px; width:calc(100% + 10px); height:6px; display:block ;content:"";background:#f9d0ab; bottom:1px; display:block; z-index:-1; border-radius:4px;}
	@media only screen and (max-width:1840px) {	
		.reserve-wrap.use .tits h3{font-size:36px;}
		.reserve-wrap.use .tits .stit{font-size:17px;margin-top:15px}

		.reserve-wrap.use h4{font-size:24px;}
		.reserve-wrap.use h4:after{height:5px;}
	}
	@media only screen and (max-width:1640px) {	
		
	}
	@media only screen and (max-width:1420px) {	
		.reserve-wrap.use .tits h3{font-size:32px;}
		.reserve-wrap.use .tits .stit{font-size:16px;}

		.reserve-wrap.use h4{font-size:22px;}
		.reserve-wrap.use h4 span:after{height:4px;}
	}
	@media only screen and (max-width:1240px) {
		
	}
	@media only screen and (max-width:999px) {
		.reserve-wrap.use .tits{padding:0 15px;}
		.reserve-wrap.use .tits h3{font-size:28px;}
		.reserve-wrap.use .tits .stit{font-size:15px; margin-top:10px;}
		
		.reserve-wrap.use h4{font-size:20px;}
		.reserve-wrap.use h4 span:after{height:3px;}
	}
	@media only screen and (max-width:780px) {
		.reserve-wrap.use .tits .stit br{display:none;}
	}
	@media only screen and (max-width:680px) {
		.reserve-wrap.use .tits h3{font-size:24px;}
		.reserve-wrap.use .tits .stit{font-size:14px;}

		.reserve-wrap.use h4{font-size:18px;}	
		
	}
	@media only screen and (max-width:480px) {
		
	}



.reserve-wrap.use .list{margin-top:65px; padding:0 80px;}
.reserve-wrap.use .list .vtem{background:#faf8f7;position:relative;padding-right:80px;  padding-left:calc(35.80% + 80px); display:flex;align-items: center; justify-content: left; min-height:378px;}
.reserve-wrap.use .list .vtem:nth-child(n+2){margin-top:120px;}
.reserve-wrap.use .list .vtem:nth-child(even){padding-left:80px; padding-right:calc(35.80% + 80px)}

.reserve-wrap.use .list .vtem .img{position:Absolute; left:0; top:0; width:35.80%;}
.reserve-wrap.use .list .vtem:nth-child(even) .img{left:auto; right:0;}
.reserve-wrap.use .list .vtem .img img{width:100%; height:378px;object-fit:cover;}

.reserve-wrap.use .list .vtem .con{position:Relative; z-index:2;}
.reserve-wrap.use .list .vtem .ex{font-size:18px; font-weight:400; color:#c26102; letter-spacing:-0.01em; line-height:1.3em; margin-top:17px;}

.reserve-wrap.use .list .vtem .c-list01{margin-top:45px;}
.reserve-wrap.use .list .vtem .c-list01 li{font-size:18px; font-weight:400; color:#111; letter-spacing:0; line-height:1.4em; min-height:30px; padding-left:48px; position:Relative; box-sizing:border-box; padding-top:4px;}
.reserve-wrap.use .list .vtem .c-list01 li:nth-child(n+2){margin-top:7px;}
.reserve-wrap.use .list .vtem .c-list01 li .num{position:absolute; left:0; top:0; width:35px; height:30px; border:1px solid #dfc0a4; font-size:18px;  line-height:28px;box-sizing:border-box; color:#c26102; font-weight:400; text-align:Center;}

.reserve-wrap.use .list .vtem .c-list02{margin-top:45px;}
.reserve-wrap.use .list .vtem .c-list02 li{font-size:18px; font-weight:400; color:#111; letter-spacing:0; line-height:1.3em;}
.reserve-wrap.use .list .vtem .c-list02 li:nth-child(n+2){margin-top:4px;}


.reserve-wrap.use .list .vtem .c-list03{padding-top:55px;margin-top:45px;padding-left:5px;background:url(../_Img/content/reserve-bank.png) no-repeat}
.reserve-wrap.use .list .vtem .c-list03:after{display:block; content:"";clear:both}
.reserve-wrap.use .list .vtem .c-list03 li{float:left;font-size:18px ;font-weight:400; letter-spacing:-0.03em; line-height:20px; color:#000;position:relative;}
.reserve-wrap.use .list .vtem .c-list03 li:nth-child(n+2){margin-left:25px;}
.reserve-wrap.use .list .vtem .c-list03 li:nth-child(n+2):before{width:25px; font-size:18px ; font-weight:400;line-height:20px;position:Absolute; left:-25px; top:0; display:block ; color:#000;content:"/";text-align:center;}
.reserve-wrap.use .list .vtem .c-list03 li:last-child{font-weight:700;font-size:25px; letter-spacing:0.01em;}
	@media only screen and (max-width:1840px) {	
		.reserve-wrap.use .list{margin-top:50px; padding:0 60px} 
		.reserve-wrap.use .list .vtem{padding-left:calc(35.80% + 60px);padding-right:60px;}
		.reserve-wrap.use .list .vtem:nth-child(n+2){margin-top:90px;}
		.reserve-wrap.use .list .vtem:nth-child(even){padding-left:60px; padding-right:calc(35.80% + 60px)}
		.reserve-wrap.use .list .vtem .ex{font-size:17px; }
		
		.reserve-wrap.use .list .vtem .c-list01{margin-top:35px;}
		.reserve-wrap.use .list .vtem .c-list01 li{font-size:17px; min-height:26px; padding-top:2px; padding-left:42px;}
		.reserve-wrap.use .list .vtem .c-list01 li .num{width:30px; height:26px; font-size:16px; line-height:23px;}

		.reserve-wrap.use .list .vtem .c-list02{margin-top:35px;}
		.reserve-wrap.use .list .vtem .c-list02 li{font-size:17px;}

		.reserve-wrap.use .list .vtem .c-list03{margin-top:35px; padding-top:45px; background-size:auto 34px;}
		.reserve-wrap.use .list .vtem .c-list03 li{font-size:17px;}
		.reserve-wrap.use .list .vtem .c-list03 li:nth-child(n+2){margin-left:20px;}
		.reserve-wrap.use .list .vtem .c-list03 li:nth-child(n+2):before{width:20px; font-size:16px ; left:-20px }
		.reserve-wrap.use .list .vtem .c-list03 li:last-child{font-size:22px;}
	}
	@media only screen and (max-width:1640px) {	
		
	}
	@media only screen and (max-width:1420px) {	
		.reserve-wrap.use .list{padding:0 40px} 
		.reserve-wrap.use .list .vtem{padding-left:calc(30% + 40px);padding-right:40px; min-height:320px;}
		.reserve-wrap.use .list .vtem:nth-child(n+2){margin-top:60px;}
		.reserve-wrap.use .list .vtem:nth-child(even){padding-left:40px; padding-right:calc(30% + 40px)}

		.reserve-wrap.use .list .vtem .img{ width:30%;}
		.reserve-wrap.use .list .vtem .img img{height:320px}

		.reserve-wrap.use .list .vtem .ex{font-size:16px; }
		
		.reserve-wrap.use .list .vtem .c-list01{margin-top:25px;}
		.reserve-wrap.use .list .vtem .c-list01 li{font-size:16px; min-height:22px; padding-top:2px; padding-left:36px;}
		.reserve-wrap.use .list .vtem .c-list01 li .num{width:26px; height:22px; font-size:14px; line-height:20px;}

		.reserve-wrap.use .list .vtem .c-list02{margin-top:25px;}
		.reserve-wrap.use .list .vtem .c-list02 li{font-size:16px;}

		.reserve-wrap.use .list .vtem .c-list03{margin-top:25px; padding-top:38px; background-size:auto 28px;}
		.reserve-wrap.use .list .vtem .c-list03 li{font-size:16px;}
		.reserve-wrap.use .list .vtem .c-list03 li:nth-child(n+2){margin-left:15px;}
		.reserve-wrap.use .list .vtem .c-list03 li:nth-child(n+2):before{width:15px; font-size:14px ; left:-15px }
		.reserve-wrap.use .list .vtem .c-list03 li:last-child{font-size:20px;}
	}
	@media only screen and (max-width:1240px) {
		
	}
	@media only screen and (max-width:999px) {
		.reserve-wrap.use .list{margin-top:35px;padding:0 30px} 
		.reserve-wrap.use .list .vtem{padding-left:20px;padding-right:20px; min-height:auto; display:block;}
		.reserve-wrap.use .list .vtem:nth-child(n+2){margin-top:40px;}
		.reserve-wrap.use .list .vtem:nth-child(even){padding-left:20px; padding-right:20px}

		.reserve-wrap.use .list .vtem .img{position:relative; width:auto; height:auto; left:auto !important; right:auto !important; width:calc(100% + 40px);margin-left:-20px;}
		.reserve-wrap.use .list .vtem .img img{height:280px}

		.reserve-wrap.use .list .vtem .ex{font-size:15px; }
		.reserve-wrap.use .list .vtem .con{margin-top:25px; padding:0 10px 25px 10px;}
		
		.reserve-wrap.use .list .vtem .c-list01{margin-top:25px;}
		.reserve-wrap.use .list .vtem .c-list01 li{font-size:15px; min-height:22px; padding-top:1px; padding-left:36px;}
		.reserve-wrap.use .list .vtem .c-list01 li .num{width:26px; height:22px; font-size:13px; line-height:20px;}

		.reserve-wrap.use .list .vtem .c-list02{margin-top:25px;}
		.reserve-wrap.use .list .vtem .c-list02 li{font-size:15px;}

		.reserve-wrap.use .list .vtem .c-list03{margin-top:25px; padding-top:38px; background-size:auto 28px;}
		.reserve-wrap.use .list .vtem .c-list03 li{font-size:15px;}
		.reserve-wrap.use .list .vtem .c-list03 li:nth-child(n+2){margin-left:15px;}
		.reserve-wrap.use .list .vtem .c-list03 li:nth-child(n+2):before{width:15px; font-size:13px ; left:-15px }
		.reserve-wrap.use .list .vtem .c-list03 li:last-child{font-size:20px;}
	}
	@media only screen and (max-width:680px) {
		.reserve-wrap.use .list{padding:0 15px} 
		.reserve-wrap.use .list .vtem .img img{height:auto;object-fit:fill;}

		.reserve-wrap.use .list .vtem .con{padding:0 5px 25px 5px;}

		.reserve-wrap.use .list .vtem .c-list01 li{font-size:14px; min-height:18px; padding-top:0; padding-left:32px;}
		.reserve-wrap.use .list .vtem .c-list01 li:nth-child(n+2){margin-top:5px;}
		.reserve-wrap.use .list .vtem .c-list01 li .num{width:22px; height:18px; font-size:11px; line-height:16px;}
		
		.reserve-wrap.use .list .vtem .c-list02{margin-top:20px;}
		.reserve-wrap.use .list .vtem .c-list02 li{font-size:14px;}
		.reserve-wrap.use .list .vtem .c-list03 li{font-size:14px;}
		.reserve-wrap.use .list .vtem .c-list03 li:last-child{width:100%; margin-top:7px; margin-left:0;font-size:18px;}
		.reserve-wrap.use .list .vtem .c-list03 li:last-child:before{display:none;}
	}
	@media only screen and (max-width:480px) {
		.reserve-wrap.use .list{padding:0 } 
		.reserve-wrap.use .list .vtem .img img{}

	}












