@charset "utf-8";

#mVisual {position:relative; width:100%; height:100vh; overflow:hidden;}
.mv_slider.slick-slide,
.mvWrap .slick-track,
.mvWrap .slick-list{ position:relative; height:100%; outline:none; }

#mVisual .mv_slider { background-repeat: no-repeat; background-size: cover; background-position: center center; position:relative}

.mv_slider.mv1 {background-image:url('/images/main/m_visual1.jpg'); }
.mv_slider.mv2 {background-image:url('/images/main/m_visual2.jpg'); }
.mv_slider.mv3 {background-image:url('/images/main/m_visual3.jpg'); }

#mVisual .mv_slider .mv-txt {display:table; width:96%; max-width:1600px; height:100%; margin:0 auto}
#mVisual .mv_slider .mv-txt div { display:table-cell; vertical-align:middle; box-sizing:border-box; color:#fff; }
#mVisual .mv_slider .mv-txt div .eng { font-size: 11.5rem; line-height:1.2em;  font-weight:800; font-family:'Montserrat';}
#mVisual .mv_slider .mv-txt div .t1 {  font-size: 4.8rem;  font-weight:700;  line-height:1.4em;  font-family: 'GmarketSans'; }
#mVisual .mv_slider .mv-txt div .t2 {  font-size:9rem;   font-weight:300; line-height:1.4em; font-family: 'Cafe24Danjunghae';  }
#mVisual .mv_slider .mv-txt div .t3 {  margin:1em 0 1em 0; font-size:2.8rem;   font-weight:500; line-height:1.4em; font-family: 'GmarketSans'; letter-spacing:-0.05em}
#mVisual .mv_slider .mv-txt div .t4 {  font-size:2.0rem;   font-weight:300; line-height:1.6em; font-family: 'GmarketSans';}

#mVisual .mv_slider .mv-txt div .br978 {display:none}
#mVisual .mv_slider .mv-txt div .br640 {display:none}

@media all and (max-width:1480px) {
}
@media all and (max-width:1280px) {
}
@media all and (max-width:1024px) {
}
@media all and (max-width:976px) {
	#mVisual .mv_slider:before {content:''; width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; left:0;top:0}
	#mVisual .mv_slider .mv-txt div {text-align:center}
	#mVisual .mv_slider .mv-txt div .br978 {display:block}
	#mVisual .mv_slider .mv-txt div .t1 {  margin-bottom:0.5em; font-size: 4.8rem;   line-height:1.2em; }
	#mVisual .mv_slider .mv-txt div .t2 {  font-size:8rem; line-height:1.2em;}
	#mVisual .mv_slider .mv-txt div .t3 {  font-size:2.8rem; }
	#mVisual .mv_slider .mv-txt div .t4 {  font-size:2.0rem;}
}
@media all and (max-width:640px) {
	#mVisual .mv_slider .mv-txt div .br640 {display:block}
		#mVisual .mv_slider .mv-txt div .t1 {  font-size: 3.8rem;  }
		#mVisual .mv_slider .mv-txt div .t2 {  font-size:6rem;}
		#mVisual .mv_slider .mv-txt div .t3 {  font-size:2.2rem; }
		#mVisual .mv_slider .mv-txt div .t4 {  font-size:1.6rem;}
}
@media all and (max-width:480px) {
}
@media all and (max-width:380px) {
}



.min-h {height:850px; padding-top:100px}
.in-Pd {padding:7% 0}
@media all and (max-width:1299px) {
	.in-Pd {padding:10% 0}
}




#mTitle {}
#mTitle .eng {font-size:8.0rem; color:#e12020; line-height:1.4em;  font-family: 'GmarketSans'; font-weight:700}
#mTitle h3 {font-size:6.0rem; font-family: 'Cafe24Danjunghae'; color:#222; line-height:1.4em; letter-spacing:0; font-weight:400}
#mTitle h3 .point {font-size:8.0rem}
#mTitle .t1 {margin-top:1em; font-size:2.0rem; line-height:1.6em; }
#mTitle .t2 {margin-top:1em; font-size:3.4rem; font-weight:700; line-height:1.4em; font-family: 'GmarketSans'; color:#e12020}
#mTitle .t3 {margin-top:1.3em; font-size:4.5rem;   font-family: 'Cafe24Shiningstar'; color:#222; }
#mTitle .t3.ver2 {margin-top:0.6em; font-size:6.0rem;}

@media all and (max-width:1480px){
	#mTitle .eng {font-size:7.0rem; }
	#mTitle h3 {font-size:5.2rem;}
	#mTitle h3 .point {font-size:7.0rem}
	#mTitle .t1 {  font-size:1.8rem; ; }
	#mTitle .t2 { font-size:3.0rem; }
	#mTitle .t3 { font-size:3.8rem; }
	#mTitle .t3.ver2 {font-size:5.0rem}
}
@media all and (max-width:480px){
	#mTitle .eng {font-size:6.5rem; }
	#mTitle h3 {font-size:4.7rem;}
	#mTitle h3 .point {font-size:6.5rem}
	#mTitle .t1 {  font-size:1.6rem; ; }
	#mTitle .t2 { font-size:2.5rem; }
	#mTitle .t3 { font-size:3.3rem; }
	#mTitle .t3.ver2 {font-size:4.5rem}
}



#main1 #mTitle .t1 { margin-top:2em}
.zzCont { position: relative;  width: 100%; overflow: hidden; margin: 0 auto; }
.zzCont > li { position: relative;  width: 100%; overflow: hidden; margin: 0 auto;   background-color:#fff; background-size: 50% cover;  background-position: right top; overflow: hidden; background-repeat: no-repeat; }
.zzCont > li .zz-cont { float: left; width: 50%; padding: 4.5% 3%; box-sizing: border-box;  background:#fff; }
.zzCont > li .zz-cont img {padding-bottom:6%}

.zzCont li:nth-child(even) { background-position: left top; }
.zzCont li:nth-child(even) .zz-cont { float: right; }

.main1-1 { background-image: url("/images/main/main1-1-bg.png");  }
.main1-2 { background-image: url("/images/main/main1-2-bg.png"); }

@media all and (max-width:1480px){
	.zzCont > li .zz-cont img {width:90px}
	.zzCont > li.main1-1 { background-position:123% top }
}
@media all and (max-width:1130px){
	.zzCont > li .zz-cont { width: 60%; }
}
@media all and (max-width:1024px){
	.zzCont { margin:0 auto}
	.zzCont > li  {padding-top:55vw; background-size: 100% auto;}
	.zzCont > li .zz-cont { float: left; width: 100%; }
	.zzCont li:nth-child(even) .zz-cont { float: right;  } 

	.zzCont > li .zz-cont img {width:80px; padding-bottom:4%}
}
@media all and (max-width:580px){
	.zzCont > li .zz-cont img {width:70px; }
}


#main2 {display:flex; align-items: center; background:#fafafa;  position:relative;}
#main2:before {content:''; width:25%; height:100%; background:#e12020; position:absolute; right:0; top:0}
#main2 #mTitle {width:50%; padding-left:7%; position:relative;}
#main2 #cont {width:50%;}
#main2 #cont .haccpWrap {width:170%}
#main2 #cont .haccpWrap .item {margin-right:50px}
#main2 #cont .haccpWrap .item img { max-width: 100%; }

@media all and (max-width:1580px){
	#main2 #mTitle {width:52%; padding-left:7%}
	#main2 #cont {width:48%;}
	#main2 #cont .haccpWrap {width:180%}
	#main2 #cont .haccpWrap .item {margin-right:30px}
}
@media all and (max-width:1299px){
	#main2 #mTitle { padding-left:5%}
	#main2 #cont .haccpWrap {width:180%}
	#main2 #cont .haccpWrap .item {margin-right:30px}
}
@media all and (max-width:1199px){
	#main2 { display:block; }
	#main2 #mTitle {width:100%; padding-left:7%}
	#main2 #cont {margin-top:2em; width:100%; padding-left:7%}
	#main2 #cont .haccpWrap {width:140%}
}
@media all and (max-width:978px){
	#main2:before { width:20%;}
	#main2 #cont .haccpWrap .item {margin-right:20px}
}
@media all and (max-width:600px){
	#main2:before { width:10%;}
	#main2 #cont .haccpWrap {width:170%}
}
@media all and (max-width:480px){
	#main2 #cont .haccpWrap .item {margin-right:10px}
}





#main3{overflow:hidden; position:relative}
#main3 #mTitle {width:100%; text-align:center; position:absolute; left:0; top:7%; z-index:2}
#main3 #mTitle h3 .eng {padding-right:15px; }
#main3 #mTitle .t1 {width:731px; margin:0 auto; margin-top:0.8em}

.contWrap {position:relative; width:100.2%; height:100vh; background:url(/images/main/main3-bg0.jpg) no-repeat center center; background-size:cover;}
.contWrap .bx{width:20%; box-sizing:border-box; float:left; color:#FFF; text-align:center; display:table; height:100%; cursor:pointer; }
.contWrap .bx0 {display:none}
.contWrap .bx1{border:0px solid rgba(255,255,255,0)}
.contWrap .bx:before{content:""; width:100%; height:100%; position:Absolute; top:0; left:0; right:0; bottom:0; background:no-repeat center center; background-size:cover; opacity:0; 
							-webkit-transition: all 0.5s; transition: all 0.5s;}
.contWrap .bx1:before{background-image:url(/images/main/main3-bg1.jpg); }
.contWrap .bx2:before{background-image:url(/images/main/main3-bg2.jpg); }
.contWrap .bx3:before{background-image:url(/images/main/main3-bg3.jpg); }
.contWrap .bx4:before{background-image:url(/images/main/main3-bg4.jpg); }
.contWrap .bx5:before{background-image:url(/images/main/main3-bg5.jpg); }

.contWrap .bx .in{position:relative; z-index:5; display:table-cell; vertical-align:top; padding-top:55vh; border-left:1px solid Rgba(255,255,255,0.1);}
.contWrap .bx .in:before{content:''; display: block; position: absolute; width: 100%; left: 0; bottom: 0; opacity: 0; background: rgba(225,32,32, 0.85); 
						background: -webkit-gradient(linear, left bottom, left top, from(rgba(225,32,32, 0.85)), color-stop(80%, rgba(225,32,32, 0))); 
						background: linear-gradient(0deg, rgba225,32,32, 0.85) 0%, rgba(225,32,32, 0) 80%); -webkit-transition: all 0.5s; transition: all 0.5s;  z-index:-1}

.contWrap .t {margin:1em 0 0.2em; font-size:3.8rem;  line-height:1.4em; ; color:#FFF; font-family: 'GmarketSans'; font-weight:700}
.contWrap .c{font-size:1.8rem; color:rgba(255,255,255,0.8); line-height:1.4em; padding:0 5px;  color:#FFF}
.contWrap img{height:57px; }

.contWrap .bx:hover:before{opacity:1;}
.contWrap .bx:hover .in:before{opacity:1; height:50%}

@media all and (max-width:1024px) {
	#main3 #mTitle.pc {display:none}
	.contWrap .bx0 {display:block}
	#main3 #mTitle.mo {display:block;     position: inherit; top:0}
	#main3 #mTitle h3 {font-size:3.8rem; line-height:1.2em}
	#main3 #mTitle h3 .eng {font-size:5.8rem; padding-right:0}
	.contWrap {height:auto; overflow:hidden;}
	.contWrap .bx{position:relative; width:50%; height:35vh; display:table}
	.contWrap .bx:before{opacity:1;}
	.contWrap .bx .in{padding:0 10px; border-left:0; border-top:0px solid Rgba(255,255,255,0.1); display:table-cell; vertical-align:middle}

	.contWrap .t {margin:0.8em 0 0; font-size:3.5rem;  line-height:1.2em;} 
}
@media all and (max-width:480px) {
	.contWrap img { height:47px}
	.contWrap .bx{ height:34vh; }
	.contWrap .bx{position:relative; width:100%; height:auto; padding:3em 0; }
}



#main4 {position:relative}
#main4:before {content:''; width:483px; height:519px; background:url('/images/main/main4-bg.png')no-repeat; background-size:100% auto; position:absolute; right:0; bottom:-25%; z-index:-1}
#main4 #cont {width:90%; max-width:1610px; margin:4em auto}
#main4 #cont .menuWrap {width:100%}
#main4 #cont .menuWrap .item {margin:0 10px}
#main4 #cont .menuWrap .item img { width: 100%; border-radius:10px; overflow:hidden }
#main4 #cont .menuWrap .item .t1 { margin-top:1em; font-size:2.8rem; color:#222; line-height:1.4em;  font-family: 'GmarketSans'; font-weight:700;}

#main4 .mBtn {  text-align:center; }
#main4 .mBtn a {display:inline-block;  border:3px solid #e12020; border-radius:80px;   background:url('/images/main/btn-arrow.png') no-repeat 85% center; background-size:auto 100% }
#main4 .mBtn p {padding:0.6em 4.5em 0.2em 2em; font-size:4.0rem;  line-height:1.4em;  font-family: 'GmarketSans'; font-weight:700;color:#e12020; }
#main4 .mBtn a:hover {background:#e12020 url('/images/main/btn-arrow-w.png') no-repeat 90% center }
#main4 .mBtn a:hover p {color:#FFF}

@media all and (max-width:1280px) {
	#main4:before { width:30%; height:100%; bottom:-80%; }
}
@media all and (max-width:640px) {
	#main4 #cont { margin:2em auto}
	#main4 .mBtn p {padding:0.6em 4.0em 0.2em 1.5em; font-size:3.5rem;}
}






#main5 {background:url('/images/main/main5-bg.png')no-repeat; background-size:86% auto; position:relative; }
#main5:before {content:''; width:100%; height:13%; background:#FFF; position:absolute; left:0; bottom:0}
#main5 #mTitle {width:95%}
#main5 .cont {margin-top:10em; display:flex; justify-content:right; flex-wrap:wrap; align-items: top}
#main5 .cont li {padding:17vh 2.5em 0 ; width:25%; height:44vh; color:#FFF; counter-increment: number; position:relative}
#main5 .cont li:before {content: counter(number);  font-size:18.0rem; color:#111; opacity:0.16; font-style:italic; font-family: 'Philosopher', sans-serif; font-weight:700;
							position:absolute; right:20px; top:-0.55em; }
#main5 .cont li dl dt {font-size:6.0rem;  font-weight:700; line-height:1.4em; font-family: 'GmarketSans';}
#main5 .cont li dl dd {margin-top:0.5em; font-size:1.8rem;  line-height:1.4em; }
#main5 .cont li:nth-child(1) {background:#e12020}
#main5 .cont li:nth-child(2) {background:#f2f2f2;}
#main5 .cont li:nth-child(2) dl dt {color:#222;}
#main5 .cont li:nth-child(2) dl dd {color:#686868;}
#main5 .cont li:nth-child(3) {background:#2f2f2f}

@media all and (max-width:1560px) {
	#main5 .cont li {width:28%; }
}
@media all and (max-width:1400px) {
	#main5 .cont li dl dt {font-size:5.3rem;}
}
@media all and (max-width:1280px) {
	#main5 .cont li {padding:13vh 2.5em 0 ; width:30%; height:38vh; }
	#main5 .cont li:before { font-size:15.0rem;}
}
@media all and (max-width:1170px) {	
	#main5 .cont {margin-top:6em;}
	#main5 .cont li {padding:10vh 2.5em 0 }
	#main5 .cont li dl dd {margin-top:1.0em;}
	#main5 .cont li dl dd .br-none {display:none;}
}
@media all and (max-width:1024px) {
	#main5 .cont li {padding:13vh 2.5em 0 }
	#main5 .cont li dl dt {font-size:4.5rem;}
	#main5 .cont li dl dd {font-size:1.6rem;}
}
@media all and (max-width:976px) {
	#main5 .cont li {padding:10vh 1.8em 0 }
	#main5 .cont li:before { font-size:13.0rem;}
	#main5 .cont li dl dt {font-size:4.0rem;}
}
@media all and (max-width:680px) {
	#main5 { background-size:95% auto;}
	#main5 .cont {margin-top:4em;}
	#main5 .cont li {padding:5em 2.5em 2.5em; width:100%; height:auto}
	#main5 .cont li:before {top:5% }
}
@media all and (max-width:480px) {
	#main5 .cont {margin-top:2em;}
	#main5 .cont li {padding:3.5em 2.5em 2.5em;}
}



#main6 {position:relative}
#main6:before {content:'various'; font-size:23.0rem; color:#222; opacity:0.08; font-family:"Montserrat"; font-weight:300; position:absolute; right:-40px; top:0 }
#main6 .s-inner {max-width:1650px; position:relative}
#main6 #mTitle {position:absolute; left:1.5%; top:5em }
#main6 #cont {padding-top:10em}
#main6 #cont ul {display:flex; justify-content:right; flex-wrap:wrap; align-items: top}
#main6 #cont ul li {width:20%; text-align:center}
#main6 #cont ul li.li-none {display:none}
#main6 #cont ul li img {width:85%; margin-bottom:15%; border-radius:100%; overflow:hidden; }
#main6 #txt ul {display:flex; justify-content:right;  flex-wrap:wrap;  margin-bottom:5em}
#main6 #txt ul li {margin:0 5px 10px; font-size:2.2rem; color:#222; font-weight:500; line-height:1.4em; font-family: 'GmarketSans'; border-radius:100px; border:1px solid #222; padding:0.5em 1em 0}

@media all and (max-width:1560px) {
	#main6 #cont {padding-top:15em}
}
@media all and (max-width:1480px) {
	#main6 #cont {padding-top:12em}
}
@media all and (max-width:1280px) {
	#main6:before {font-size:16vw; top:1vw}
}
@media all and (max-width:1150px) {
	#main6 #cont ul li {width:25%;}
	#main6 #cont ul li img {width:90%; margin-bottom:10%;}
	#main6 #cont ul li:nth-child(13),
	#main6 #cont ul li:nth-child(14),
	#main6 #cont ul li:nth-child(15) {display:none}
}
@media all and (max-width:976px) {
	#main6:before {  right:-20px; letter-spacing:-0.05em  }
	#main6 #mTitle {position:inherit;}
	#main6 #mTitle .t3 br {display:none}
	#main6 #cont {padding-top:7em}
	#main6 #cont ul li:nth-child(2),
	#main6 #cont ul li:nth-child(3) {display:none}
	#main6 #cont ul li:nth-child(13),
	#main6 #cont ul li:nth-child(14) {display:block}
	#main6 #txt ul li { font-size:1.8rem;}
}
@media all and (max-width:767px) {
	#main6:before {  right:-10px;   }
	#main6 #cont ul li {width:33.333%}
}






#main7 { background:#fbf9f9;  position:relative; }
#main7:after {content:''; width:330px; height:755px; background:url('/images/main/main7-bg-left.png')no-repeat; background-size:100% auto; position:absolute; left:0; top:-310px}
#main7:before {content:''; width:330px; height:808px; background:url('/images/main/main7-bg-right.png')no-repeat; background-size:100% auto; position:absolute; right:0; top:0}

#main7 #mTitle { position:relative; z-index:5}
#main7 #mTitle .t1 {margin-top:2em; }
#main7 #mTitle .t4 {margin-top:0.4em; font-size:6.0rem; ; font-family: 'Cafe24Shiningstar'; color:#222; position:relative; z-index:2; display:inline-block; }
#main7 #mTitle .t4:before {content:''; width:100%; height:30%; background:#f9e8e8; position:absolute; left:0; bottom:0; z-index:-1}
#main7 #mTitle .br1024 {display:none}
#main7 .main7Wrap {width:90%; max-width:1600px; margin:0 auto; margin-top:5em}
#main7 .main7_slider {/*background-size:60% auto; */ background-repeat:no-repeat; background-position:left top}
#main7 .main7_slider.mv1 {background-image:url('/images/main/main7-bg1.png'); }
#main7 .main7_slider.mv2 {background-image:url('/images/main/main7-bg2.png'); }
#main7 .main7_slider.mv3 {background-image:url('/images/main/main7-bg3.png'); }
#main7 .cont {margin-top:4em; padding:0 3em; width:50%; height:690px;  float:right; background:#e12020; display:table; color:#FFF}
#main7 .cont .in-box { display:table-cell; vertical-align:middle}
#main7 .cont .eng {margin-bottom:1em; font-size:1.8rem; font-family:"Montserrat"; font-weight:700}
#main7 .cont h3 {font-size:4.2rem;  line-height:1.4em; font-family: 'GmarketSans'; }
#main7 .cont .checkList li {margin-top:1em; padding-bottom:1em; border-bottom:1px dashed rgba(255,255,255,0.3); position:relative}
#main7 .cont .checkList li:before {content:''; width: 24px; height: 24px; 
										background:url('/images/main/check-icon.png')no-repeat; position:absolute; left:5px; top:5px}
#main7 .cont .checkList li:last-child {border-bottom:0;  padding-bottom:0;}
#main7 .cont .checkList li p {padding-left:45px; font-size:1.8rem; line-height:1.6em}
#main7 .icon-box {margin-top:3em; border-radius:10px; background:#FFF}
#main7 .icon-box ul {padding:2em 1em; display:flex; justify-content:space-between;}
#main7 .icon-box ul li {width:32%; padding:0 1em; text-align:center; background:url('/images/main/main7-dot.png') repeat-Y right top}
#main7 .icon-box ul li img {margin:0 auto; padding-bottom:15px}
#main7 .icon-box ul li:last-child {width:36%; background:none}
#main7 .icon-box ul li .t1 {font-size:1.6rem; color:#686868; line-height:1.4em;}
@media all and (max-width:1530px) {
	#main7 .cont {padding:0 3em; width:60%; }
}
@media all and (max-width:1350px) {
	#main7:after,
	#main7:before { width:250px; } 
}
@media all and (max-width:1280px) {
	#main7 .main7_slider { background-size:90% auto;  }
	#main7 .cont {margin-top:30vw;  padding:2em; width:80%; height: auto}
}
@media all and (max-width:1024px) {
	#main7  {padding-bottom:15%}
	#main7 #mTitle .br1024 {display:block}
	#main7 .main7Wrap {margin-top:3em}
	#main7 .cont {margin-top:30vw;  width:90%; }
	#main7 .icon-box ul li img {width:100px}
}
@media all and (max-width:976px) {
	#main7:after { width:200px;  top:-290px}
	#main7:before { width:200px; } 	
}
@media all and (max-width:767px) {
	#main7:after { width:160px;  top:-290px}
	#main7:before { width:160px; } 
	#main7 #mTitle .t4:before {display:none}	

	#main7 .cont h3 {font-size:3.8rem; }
	#main7 .cont .checkList li p {font-size:1.6rem;}	
	#main7 .icon-box { margin-top: 1em; }
	#main7 .icon-box ul li .t1 {font-size:1.5rem; }

	#main7 .icon-box ul {display:block; padding:0 1em}
	#main7 .icon-box ul li {width:100%; display:flex; align-items: center; text-align:left; padding:1em 0; background:none; border-bottom:1px dotted #DDD }
	#main7 .icon-box ul li:last-child {width:100%;  border-bottom:0}
	#main7 .icon-box ul li img {width:60px;}
	#main7 .icon-box ul li .t1 {width:calc(100% - 70px); padding-left:20px;}
}
@media all and (max-width:578px) {
	#main7  {padding-bottom:20%}
	#main7:after { width:130px;  top:-146px}
	#main7:before { width:120px; } 
	#main7 .main7Wrap {margin-top:2em}
	#main7 .main7_slider { background-size:100% auto;  }
	#main7 .cont {margin:0 auto; margin-top:45vw; float:unset}
}
@media all and (max-width:480px) {
	#main7:after { width:130px;  top:-176px}
	#main7:before { width:100px; } 
	#main7 .icon-box ul li img {width:40px;}
	#main7 .icon-box ul li .t1 {width:calc(100% - 50px); padding-left:10px;}
}






#main8 { background:url('/images/main/main8-bg.png'); background-size:cover; background-position:top right; overflow:hidden }
#main8 .ss-inner {width:100%; max-width:1400px;}
#main8 #title { width:40%; float:left; color:#FFF }
#main8 #title .eng { font-family:'Montserrat'; font-weight:700; opacity:.5 }
#main8 #title h3 {padding-bottom:0.5em; font-size:3.8rem;  font-weight:500; line-height:1.4em; font-family: 'GmarketSans'; }
#main8 #title h3 .point { font-family: 'Cafe24Danjunghae'; }
#main8 #title .tel { border-top:1px solid rgba(255,255,255,0.15); display:inline-block; padding:1em 0 ; background:url('/images/main/main8-icon.png') no-repeat left center; line-height:80px}
#main8 #title .tel span {padding-left:70px; font-size:3.8rem; font-weight:700;  font-family: 'Montserrat'; }
#main8 #title dl {opacity:.5;  font-weight:500; line-height:1.4em; font-family: 'GmarketSans'; font-size:1.8rem}
#main8 #title dl dt {display:inline}
#main8 #title dl dd {display:inline; padding-left:10px}
#main8 #cont { width:60%; float:left }
#main8 #cont ul.mform {overflow:hidden}
#main8 #cont ul.mform > li {border-radius:5px; border:1px solid rgba(255,255,255,0.15); background:rgba(255,255,255,0.05)}
#main8 #cont ul.mform li:nth-child(1) {width:40%; margin-bottom:10px; float:left}
#main8 #cont ul.mform li:nth-child(2) {width:calc(60% - 10px); margin-left:10px;  margin-bottom:10px; float:left}
#main8 #cont ul.mform li:nth-child(3) {width:100%;  float:left; padding:15px 10px;}
#main8 #cont ul.mform li  label { padding-left:10px; color:#FFF; display: inline-block; width:80px; font-weight:500; line-height:1.4em; font-family: 'GmarketSans'; font-size:2.0rem }
#main8 #cont ul.mform li.w100 label {vertical-align:top; padding-left:0}
#main8 #cont ul.mform li  input.cs_txt {width:calc(100% - 110px); color:#FFF; background: transparent; line-height:60px; vertical-align:middle; border:0}
#main8 #cont ul.mform li  textarea.cs_cont { width:100%; color: #FFF;  height: 130px; background: transparent; border: none;} 
#main8 #cont ul.mform li  input::placeholder,
#main8 #cont ul.mform li textarea::placeholder {color:#FFF; opacity:.5; font-weight:300}
#main8 #cont .msubmit {margin-top:10px; text-align:right; }
#main8 #cont .msubmit .checkbtn { }
#main8 #cont .msubmit .checkbtn li {display:inline-block;}
#main8 #cont .msubmit .checkbtn li label.st1 {font-size:1.4rem; opacity:.5; color:#FFF}
#main8 #cont .msubmit .checkbtn li label.st1 a {color:#FFF; border-bottom:1px solid rgba(100,100,100,1)}
#main8 #cont .msubmit .mbtn { margin-left:20px; font-size:2.0rem; padding:0.8em 3em 0.4em; text-align:center; border-radius:80px; cursor:pointer;
								font-weight:500; line-height:1.4em; font-family: 'GmarketSans'; color:#FFF;  background:#c9161e;border: 0; }


.layer{position:fixed; display:none; left:0;top:180px; z-index:3000000; width:100%;}
.layer .close_btn{position:absolute; overflow: hidden; right:0; top:0;background:#111;  border-radius:0 10px 0 10px; color: #fff;}
.layer .close_btn a{display: block;color: #fff;padding:14px 18px; font-size:20px; font-weight:bold;}
.layer .layer_wrap{position:relative;width:100%; max-width:700px; top:0px; margin:0 auto; border-radius:10px; background: #fff; text-align:left; letter-spacing:-0.5px; box-shadow:0 0 50px rgba(0,0,0,0.6);}
.layer .layer_wrap .DB_info_detail{width:100%;  margin:18px auto; padding-bottom:16px; line-height:18px; color: #333;font-size:12px;}
.layer .layer_wrap .DB_info_detail h2{padding:28px 20px;border-bottom:1px solid #eee; font-size:21px; font-weight:bold;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap p{padding:8px;margin-bottom:12px; font-size:13px;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap{width:98%; height:360px; padding:8px 16px; overflow:auto; box-sizing:border-box;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dt{display:block; background: #eee;border-radius:3px; padding:7px 10px; font-weight: bold;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dd{margin-bottom:16px; padding:4px 12px; box-sizing:border-box;}


@media all and (max-width:1024px) {
	#main8 #title { width:100%}
	#main8 #title h3 {padding-bottom:0;}
	#main8 #title .tel {padding:0.5em 0 ;}
	#main8 #cont {margin-top:1.5em;  width:100%; }
}
@media all and (max-width:767px) {
	#main8 #cont ul.mform li  label { width:65px;}
}
@media all and (max-width:580px) {
	#main8 #cont ul.mform li:nth-child(1) {width:100%;}
	#main8 #cont ul.mform li:nth-child(2) {width:100%; margin-left:0;}
	#main8 #cont ul.mform li  input.cs_txt {line-height:50px; }
	#main8 #cont ul.mform li  textarea.cs_cont { height: 100px; }
}