@charset "utf-8";

/* ------------ 공통 ----------------------------------------------------------------------------- */

#pageTop {width:90%; max-width:1760px; height:510px; background-repeat:no-repeat; background-position:left top; background-size:cover; position:relative;
			position:relative; z-index:3; display:flex; flex-wrap:wrap; justify-content: flex-end; align-items: center;}
#pageTop .contWrap {width:850px; padding-right:10%; color:#FFF}
#pageTop.review1 .contWrap {color:#222}
#pageTop .contWrap dl dt {font-size:6.0rem; line-height:1.4em; font-weight:700}
#pageTop .contWrap dl dd { font-size:3.4rem; font-weight:300}
#pageTop .contWrap .t1 {margin-top:2em; font-size:1.8rem; line-height:1.6em}
#pageTop .contWrap .t1 span {display:block}

#pageTop.skin6 .contWrap {color:#222}
#pageTop.eyes6 .contWrap {color:#222}
#pageTop.eyes6 .contWrap .t1 { opacity:.7}


#pageTop.intro1 {background-image:url('/images/sub/pagebg-intro1.png?v=1'); background-position:center top;}
#pageTop.eyes1 {background-image:url('/images/sub/pagebg-eyes1.png')}
#pageTop.eyes2 {background-image:url('/images/sub/pagebg-eyes2.png')}
#pageTop.eyes3 {background-image:url('/images/sub/pagebg-eyes3.png')}
#pageTop.eyes4 {background-image:url('/images/sub/pagebg-eyes4.png')}
#pageTop.eyes5 {background-image:url('/images/sub/pagebg-eyes5.png')}
#pageTop.eyes6 {background-image:url('/images/sub/pagebg-eyes6.png')}
#pageTop.eyes6-2 {background-image:url('/images/sub/pagebg-eyes6-2.png')}
#pageTop.eyes6-3 {background-image:url('/images/sub/pagebg-eyes6-3.png')}
#pageTop.eyes7 {background-image:url('/images/sub/pagebg-eyes7.png')}


#pageTop.nose1 {background-image:url('/images/sub/pagebg-nose1.png')}
#pageTop.nose2 {background-image:url('/images/sub/pagebg-nose2.png')}
#pageTop.nose3 {background-image:url('/images/sub/pagebg-nose3.png')}
#pageTop.nose4 {background-image:url('/images/sub/pagebg-nose4.png')}
#pageTop.nose5 {background-image:url('/images/sub/pagebg-nose5.png')}
#pageTop.nose6 {background-image:url('/images/sub/pagebg-nose6.png')}
#pageTop.nose7 {background-image:url('/images/sub/pagebg-nose7.png')}
#pageTop.nose8 {background-image:url('/images/sub/pagebg-nose8.png')}

#pageTop.anti1 {background-image:url('/images/sub/pagebg-anti1.png')}
#pageTop.anti2 {background-image:url('/images/sub/pagebg-anti2.png')}
#pageTop.anti3 {background-image:url('/images/sub/pagebg-anti3.png')}
#pageTop.anti4 {background-image:url('/images/sub/pagebg-anti4.png')}
#pageTop.anti5 {background-image:url('/images/sub/pagebg-anti5.png')}
#pageTop.anti6 {background-image:url('/images/sub/pagebg-anti6.png')}
#pageTop.anti7 {background-image:url('/images/sub/pagebg-anti7.png')}
#pageTop.anti8 {background-image:url('/images/sub/pagebg-anti8.png')}
#pageTop.petit1 {background-image:url('/images/sub/pagebg-petit1.png')}
#pageTop.petit2 {background-image:url('/images/sub/pagebg-petit2.png')}
#pageTop.petit3 {background-image:url('/images/sub/pagebg-petit3.png')}
#pageTop.petit4 {background-image:url('/images/sub/pagebg-petit4.png')}
#pageTop.petit5 {background-image:url('/images/sub/pagebg-petit5.png')}

#pageTop.lifting1 {background-image:url('/images/sub/pagebg-lifting1.png')}

#pageTop.skin1 {background-image:url('/images/sub/pagebg-skin1.png')}
#pageTop.skin2 {background-image:url('/images/sub/pagebg-skin2.png')}
#pageTop.skin3 {background-image:url('/images/sub/pagebg-skin3.png')}
#pageTop.skin3-2 {background-image:url('/images/sub/pagebg-skin3-2.png')}
#pageTop.skin4 {background-image:url('/images/sub/pagebg-skin4.png')}
#pageTop.skin5 {background-image:url('/images/sub/pagebg-skin5.png')}
#pageTop.skin6 {background-image:url('/images/sub/pagebg-skin6.png')}

#pageTop.review1 {background-image:url('/images/sub/pagebg-review1.png')}
#pageTop.review5 {background-image:url('/images/sub/pagebg-review5.png')}


@media all and (max-width:1699px) {
    #pageTop .contWrap {width:50%; padding-right:3%;} 
}
@media all and (max-width:1499px) {
    #pageTop {background-position:30% top}
	#pageTop .contWrap .t1 br {display:none}
}
@media all and (max-width:1280px) {
    #pageTop { width:95%;  height:35vw }
	
	#pageTop .contWrap dl dt {font-size:4.5rem; }
	#pageTop .contWrap dl dd { font-size:2.6rem; }
}
@media all and (max-width:1024px) {
    #pageTop { height:35vw ;}
}
@media all and (max-width:976px) {
    #pageTop {width:100%; background-position:left top; height: auto;}
	#pageTop.intro1 { height:45vw ;}
	#pageTop .contWrap {margin-top:35vw; padding:5vw; width:100%; } 
    #pageTop.review1 .contWrap {color:#fff}
}
@media all and (max-width:580px) {
	#pageTop { background-size:200% auto; background-color:#f6f8f7}
	#pageTop.intro1 { background-size:auto 100%; }
	#pageTop .contWrap {margin-top:50vw;  } 
	#pageTop .contWrap dl dd {padding:0.3em 0.5em; color:#FFF; width: 90%; background:#fe6e00}
	#pageTop .contWrap dl dt {margin-top:0.5em; color:#222}
	#pageTop .contWrap .t1 { margin-top:1.3em; color:#777}
}
@media all and (max-width:480px) {
	#pageTop .contWrap dl dt {font-size:4.2rem; }
	#pageTop .contWrap dl dd { font-size:2.0rem;   padding: 0.5em;}
}


#pageTop-mo {display:none}

@media all and (max-width:976px) {
	#pageTop-mo {display:block}
}




/* table */
.tb-style {width:100%; margin:0 auto;}
.tb-style th {font-size:1.8rem;  padding:1em 5px; background:#f9f9f9; border-bottom:1px solid #DDD; border-top:2px solid #222;  border-left:1px solid #DDD;  color:#000; line-height:1.8em; font-weight:500 }
.tb-style td { padding:1em 5px;  background:rgba(255,255,255,0.5); text-align:center;  border-left:1px solid #ddd; border-bottom:1px solid #ddd; line-height:1.4em;  font-weight:400; letter-spacing:-0.01em;
				font-family:'Roboto', 'Pretendard'}
.tb-style th:first-child,
.tb-style td:first-child {border-left:0}
.tb-style td.td-f {border-left:1px solid #ddd}
.tb-style td .st1 {color:#aaa}

.scroll-txt { display: none; color:#999; text-align:left; font-size: 1em; margin: 1em 0;}







#sTitle { margin-bottom:2em; }
#sTitle .eng {margin-bottom:3em; font-size:1.3rem; font-family: 'Poppins'; opacity:.5; letter-spacing:0.2em; font-weight:500}
#sTitle h3 {font-size:4.6rem; font-weight:300; color:#222}
#sTitle .t1 { padding-top:1em; font-size:1.7rem; line-height:1.6em; opacity:.7 }
#sTitle .t1 span {display:block;}
#sTitle.center {width:90%; max-width:1480px; margin:0 auto 2em;}
#sTitle.center .t1  {max-width:800px;  margin:0 auto}
@media all and (max-width:930px) {
    #sTitle .t1 br {display:none}
}

#sBtn {padding:1em 2em;  background:#222; display:inline-block}
#sBtn span {color:#FFF; padding-right:3em; background:url('/images/sub/sub-arrow-w.png') no-repeat right center}
#sBtn:hover {background:#fe6e00}

@media all and (max-width:480px) {
    #sBtn {padding:0.8em 1.5em;}
	#sBtn span { padding-right:2em; font-size:1.5rem }
    #sTitle h3 {font-size:4rem;}
}





#imgStepList ul {display:flex; justify-content:center; flex-wrap:wrap; margin:0 auto}
#imgStepList ul li img {width:100%}
#imgStepList ul dl {padding:0 5%; margin-top:2em; text-align:center}
#imgStepList ul dl .num {width:40px; line-height:40px; border-radius:40px; background:#fe6e00; margin:0 auto 1em;
							color:#FFF; font-family:'Roboto'; font-weight:500; display:inline-block;}
#imgStepList ul dl dt {font-size:2.4rem; color:#222; font-weight:700}
#imgStepList ul dl dd {margin-top:0.5em; font-size:1.8rem; line-height:1.5em}

#imgStepList ul.eyes1-1 li {width:300px; margin:1.5%}
#imgStepList ul.nose1 li {width:21%; margin:1.5%}
#imgStepList ul.nose1 dl {margin-top:-1em;}

#imgStepList ul.nose2-1 li {width:25%; margin:1.5%}

@media all and (max-width:1560px) {
	#imgStepList ul.eyes1-1 {width:90%; }
	#imgStepList ul.eyes1-1 li {width:23%; margin:1% }
	#imgStepList ul.eyes1-1 li img {width:100%}

	#imgStepList ul.nose2-1 li {width:30%; margin:1%}
}
@media all and (max-width:1499px) {
	#imgStepList ul.eyes1-1 {width:100%; }
}
@media all and (max-width:1024px) {
	#imgStepList ul.nose2-1 dl dd br {display:none}
}
@media all and (max-width:976px) {
	#imgStepList ul dl { margin-top:1em;}

	#imgStepList ul.eyes1-1 {max-width:580px; }
	#imgStepList ul.eyes1-1 li {width:46%; margin:2% 2% 4% 2%}

	#imgStepList ul.nose2-1 {max-width:640px; }
	#imgStepList ul.nose2-1 li {width:48%; margin-bottom:4%}
}
@media all and (max-width:580px) {
	#imgStepList ul.eyes1-1 li {width:48%; margin:1% 1% 3% 1%}
}
@media all and (max-width:480px) {
	#imgStepList ul dl .num {width:8vw; line-height:8vw;} 

	#imgStepList ul.nose2-1 {width:80%}
	#imgStepList ul.nose2-1 li {width:100%;margin:0; margin-bottom:4%}
}






#bfafWrap { background:#f6f8f7 }
#bfafWrap .s-inner {display:flex; flex-wrap:wrap; justify-content:space-between;  }
#bfafWrap #sTitle { width:390px; position:sticky; top:0; max-height:650px; padding:180px 0 }
#bfafWrap #sTitle #sBtn {margin-top:3em}
#bfafWrap #contWrap {width:calc(100% - 390px); padding:150px 0 }
#bfafWrap #contWrap ul {max-width:852px;display:flex;  margin-left: auto;  padding:20px 0; position:relative}
#bfafWrap #contWrap ul:before {content:''; width:70px; height:70px; border-radius:70px; box-shadow:0 0 10px rgba(0,0,0,0.2);
										background:#FFF url('/images/main/bfaf-arrow-next.png') no-repeat center center;
										position:absolute; left:50%; top:50%;  transform:translate(-50%, -50%); z-index:5}
#bfafWrap #contWrap ul li {margin:0 3px; overflow:hidden}
#bfafWrap #contWrap ul li.before {position:relative}
#bfafWrap #contWrap ul li.before img {filter: blur(7px);
											-webkit-filter: blur(7px); -moz-filter: blur(7px); -o-filter: blur(7px); -ms-filter: blur(7px);}
#bfafWrap #contWrap ul li.before:before {content:''; width:100%; height:100%; background:rgba(254,110,0,0.7); 
												position:absolute; left:0; top:0; z-index:1}
#bfafWrap #contWrap ul li.before .t1 {font-size:1.8rem; font-family:'Poppins'; font-weight:500; color:#FFF; letter-spacing:0.05em;
												position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:2}


@media all and (max-width:1699px) {
	#bfafWrap .s-inner {width:88%}
}
@media all and (max-width:1499px) {
	#bfafWrap .s-inner {width:88%}
	#bfafWrap #contWrap ul {width:90%}
	#bfafWrap #contWrap ul li {width:calc(50% - 6px)}
	#bfafWrap #contWrap ul li img {width:100%}
}
@media all and (max-width:1280px) {
	#bfafWrap .s-inner {width:90%}
	#bfafWrap #sTitle {  width:360px; padding:150px 0 }
	#bfafWrap #contWrap {width:calc(100% - 360px); padding:100px 0 }
	#bfafWrap #contWrap ul {width:95%;  padding:10px 0}
	#bfafWrap #contWrap ul li {width:calc(50% - 6px)}
	#bfafWrap #contWrap ul li img {width:100%}
	#bfafWrap #contWrap ul:before { width:50px; height:50px;}
}
@media all and (max-width:1024px) {
	#bfafWrap .s-inner {padding:10% 0; max-width:800px}
	#bfafWrap #sTitle { width:100%; position:relative; max-height:auto; padding:0; margin-bottom:2em }
	#bfafWrap #contWrap {width:100%; padding: 0 }
	#bfafWrap #contWrap ul {width:100%; max-width:100%; padding:5px 0}
	#bfafWrap #contWrap ul li {width:50%; margin:0}
	#bfafWrap #sTitle #sBtn {position:absolute; right:0; bottom:0}
}
@media all and (max-width:640px) {
	#bfafWrap #sTitle #sBtn {position:unset;}
}
@media all and (max-width:480px) {
	#bfafWrap #contWrap ul:before { width:8vw; height:8vw;}
}






#halfWrap {display:flex; justify-content: flex-end ; height:680px; 
				background-repeat:no-repeat; background-position:left top;background-size:auto 100%}
#halfWrap .in-box {padding:0 7% ; width:50%; height:100%; background:#FFF; display:flex; flex-wrap:wrap;align-content: center  }
#halfWrap #sTitle {width:100%; padding-bottom:1em}

#halfWrap.eyes1 {background-image:url('/images/sub/half-eyes1.png');}
#halfWrap.eyes2 {background-image:url('/images/sub/half-eyes2.png');}
#halfWrap.eyes3 {background-image:url('/images/sub/half-eyes3.png');}
#halfWrap.eyes4 {background-image:url('/images/sub/half-eyes4.png');}
#halfWrap.eyes5 {background-image:url('/images/sub/half-eyes5.png');}
#halfWrap.eyes6 {background-image:url('/images/sub/half-eyes6.png');}
#halfWrap.eyes6-2 {background-image:url('/images/sub/half-eyes6-2.png');}
#halfWrap.eyes6-3 {background-image:url('/images/sub/half-eyes6-3.png');}
#halfWrap.eyes7 {background-image:url('/images/sub/half-eyes7.png');}

#halfWrap.nose1 {background-image:url('/images/sub/half-nose1.png');}
#halfWrap.nose2 {background-image:url('/images/sub/half-nose2.png');}
#halfWrap.nose3 {background-image:url('/images/sub/half-nose3.png');}
#halfWrap.nose4 {background-image:url('/images/sub/half-nose4.png');}
#halfWrap.nose5 {background-image:url('/images/sub/half-nose5.png');}
#halfWrap.nose6 {background-image:url('/images/sub/half-nose6.png');}
#halfWrap.nose7 {background-image:url('/images/sub/half-nose7.png');}
#halfWrap.nose8 {background-image:url('/images/sub/half-nose8.png');}

#halfWrap.anti1 {background-image:url('/images/sub/half-anti1.png');}
#halfWrap.anti2 {background-image:url('/images/sub/half-anti2.png');}
#halfWrap.anti3 {background-image:url('/images/sub/half-anti3.png');}
#halfWrap.anti4 {background-image:url('/images/sub/half-anti4.png');}
#halfWrap.anti5 {background-image:url('/images/sub/half-anti5.png');}
#halfWrap.anti7 {background-image:url('/images/sub/half-anti7.png');}
#halfWrap.anti8 {background-image:url('/images/sub/half-anti8.png');}

#halfWrap.petit1 {background-image:url('/images/sub/half-petit1.png');}
#halfWrap.petit2 {background-image:url('/images/sub/half-petit2.png');}
#halfWrap.petit3 {background-image:url('/images/sub/half-petit3.png');}
#halfWrap.petit4 {background-image:url('/images/sub/half-petit4.png');}

#halfWrap.skin1 {background-image:url('/images/sub/half-skin1.png');}
#halfWrap.skin2 {background-image:url('/images/sub/half-skin2.png');}
#halfWrap.skin3 {background-image:url('/images/sub/half-skin3.png');}
#halfWrap.skin3-2 {background-image:url('/images/sub/half-skin3-2.png');}
#halfWrap.skin4 {background-image:url('/images/sub/half-skin4.png');}
#halfWrap.skin5 {background-image:url('/images/sub/half-skin5.png');}

#halfWrap.lifting1 {background-image:url('/images/sub/half-lifting1.png');}

@media all and (max-width:1499px) {
	#halfWrap {background-position:-30% top;}
}
@media all and (max-width:1399px) {
	#halfWrap .in-box {padding:0 7% 0 5% } 
}
@media all and (max-width:1280px) {
	#halfWrap { height:650px; background-position:-60% top;}
	#halfWrap .in-box {padding:0 5% } 
}
@media all and (max-width:1024px) {
	#halfWrap { height:auto;background-size:100%  auto}
	#halfWrap .in-box {width:80%; margin:55vw auto 0; padding:5% } 
}
@media all and (max-width:976px) {
	#halfWrap .in-box {width:90%; } 
}
@media all and (max-width:580px) {
	#halfWrap #sTitle h3 span {display:block;}
}





#numList {width:100%}
#numList li {margin-bottom:10px; background:#f6f8f7; padding:1.5em 0.5em; position:relative; counter-increment: number;}
#numList li:before {content: counter(number, decimal-leading-zero); color:#fe6e00; font-family:'Poppins'; 
						font-weight:600; position:absolute; left:1.5em; top:1.4em}
#numList li p {font-size:1.8rem; padding-left:3em;}

@media all and (max-width:976px) {
	#numList li {  padding:1.0em 0.5em; }
	#numList li:before { left:1em; top:0.9em}
	#numList li p { padding-left:2.3em;}
}




#coreValues {overflow:hidden}
#coreValues ul {display:flex; width:1920px; padding-top:20px; }
#coreValues ul li {width:440px; margin-right:40px; position:relative; overflow:hidden; counter-increment: number;}
#coreValues ul li .num {content: counter(number, decimal-leading-zero);; font-size:10.0rem; font-family:'Poppins'; 
							font-weight:700; color:#f5fbf9; position:absolute; right:0; bottom:0; z-index:-1; line-height:0.5em}
#coreValues ul li .img img {width:100%}
#coreValues ul li dl { padding-top:2em;}
#coreValues ul li dl dt {font-size:2.4rem; color:#222; font-weight:700}
#coreValues ul li  dl dd {margin-top:1em; font-size:1.8rem; line-height:1.5em}

@media all and (max-width:1280px) {
	#coreValues ul { width:1750px;}
	#coreValues ul li { margin-right:30px; }
}
@media all and (max-width:976px) {
	#coreValues ul { width:1150px;}
	#coreValues ul li {margin-right:20px; }
}

@media all and (max-width:580px) {
	#coreValues #sTitle h3 span {display:block;}
}
@media all and (max-width:480px) {
	#coreValues ul { width:690px;}
	#coreValues ul li {margin-right:10px; }
}
@media all and (max-width:360px) {
	#coreValues ul { width:100%;}
	#coreValues ul li { margin-right:0}
}




.tb-scroll { overflow-x: auto; }
#vsTable { width: 100%; max-width:1024px; margin:0 auto; }
#vsTable thead th {position:relative}
#vsTable thead th p.tt {margin: 1.2em 0 0.8em; width:90%; max-width:200px; text-align:center; ;line-height:55px; position:absolute; left:50%; bottom:10px; transform:translateX(-50%)  }
#vsTable thead th img {width:100%; max-width:300px; margin-bottom:40px;}
#vsTable thead th .t1 {display:inline-block;font-size:2.4rem; background:#555; color:#FFF; }
#vsTable thead th .vs {padding:0; color:#AAA; font-family: 'Noto Serif KR', serif; font-size:2.2rem; font-weight:600; font-style: italic;}
#vsTable thead th .t2 {display:inline-block;font-size:2.4rem; background:#fe6e00 ; color:#FFF; font-weight:600;  ;}

#vsTable tbody { position:relative;}
#vsTable tbody:before {content:''; width:43%; height:calc(100% + 6px); box-shadow:0 0 10px rgba(85,85,85,0.5); 
							border-radius:10px; border:8px solid #fe6e00; position:absolute; right:-4px; bottom:-3px}
#vsTable td { padding:1em 0.5em;  border-bottom:1px solid #DDD; background:rgba(255,255,255,0.4); text-align:center }
#vsTable td:last-child {font-size:1.8rem; color:#222}
#vsTable td.td-vs {background:#CCC; font-size:1.8rem; font-weight:700; color:#FFF}
#vsTable td.td-t1 { border-top:1px solid #DDD;}
#vsTable td.td-b0 {border-bottom:0;}



@media all and (max-width:1280px) {
	#vsTable:before {height:calc(100% - 98px); }
}
@media all and (max-width:976px) {
	#vsTable:before {height:calc(100% - 94px); border:5px solid #fe6e00 ; }
}
@media all and (max-width:767px) {
	#vsTable:before {height:calc(100% - 90px);}
}
@media all and (max-width:640px) {
	#vsTable td .br640 {display:block}
}
@media all and (max-width:580px) {
	#vsTable th p { line-height:unset;}
	#vsTable th .t1 {font-size:4vw;  }
	#vsTable th .vs {font-size:4vw}
	#vsTable th .t2 {font-size:5vw;}
}





#dlListWrap ul {display:flex; }
#dlListWrap ul li {width:23%; margin:1%; border:1px solid #fe6e00}
#dlListWrap ul li img {width:100%}
#dlListWrap ul li dl {text-align:Center}
#dlListWrap ul li dl dt {padding:0.7em 0.3em; font-size:2.4rem; color:#FFF; font-weight:600; background:#fe6e00}
#dlListWrap ul li dl dd {padding:2em 1em; font-size:1.7rem; line-height:1.6em}

#dlListWrap ul.nose1 {text-align:center; flex-wrap:wrap; justify-content:center;}
#dlListWrap ul.nose1 li {width:31%; margin:1%}
#dlListWrap ul.nose1 #sBtn {margin:0 auto 1em}

@media all and (max-width:1320px) {
	#dlListWrap ul.nose1 li dl dd br {display:none}
}
@media all and (max-width:1024px) {
	#dlListWrap ul {flex-wrap:wrap}
	#dlListWrap ul li {width:48%;}
	#dlListWrap ul li dl dd {padding:1em; }

	#dlListWrap ul.nose1 li {width:48%; margin:1%}
}




#intro1 {text-align:center}
#intro1 h3 {font-size:3.2rem; color:#222; font-weight:700}
#intro1 h4 {padding-top:1.5em; font-size:2.6rem; color:#222; font-weight:700}
#intro1 .t1 {margin-top:2.5em; font-size:1.7rem; line-height:1.8em} 
#intro1 .t1 span {display:block}

@media all and (max-width:850px) {
	#intro1 .t1 br {display:none}
}




#sMap {margin-top:-60px}
#sMap .root_daum_roughmap .wrap_map {  height:600px !important; }

#intro6 { padding:4em;  background:#fe6e00 url('/images/sub/intro6-sb.png') no-repeat; 
			background-size:auto 90%; background-position:98% bottom;  
			display:flex; flex-wrap:wrap; gap:80px; position:relative; z-index:3}
#intro6 dl {padding-left:20px; color:#FFF; border-left:1px solid rgba(255,255,255,0.3)}
#intro6 dl dt {margin-bottom:0.3em; font-size:1.7rem; font-family:'Poppins'; font-weight:600}
#intro6 dl dd {font-size:2.0rem;}

@media all and (max-width:1499px) {
	#intro6 {padding:3em; gap:0}
	#intro6 dl {margin:1em;}
	#intro6 dl:last-child {padding-right:0}
}
@media all and (max-width:1310px) {
	#intro6 { padding:2.5em; }
}
@media all and (max-width:1024px) {
	#intro6 dl {padding-left:10px;}
	#sMap .root_daum_roughmap .wrap_map {  height:500px !important; }
}

@media all and (max-width:640px) {
	#intro6 {padding:2em; background-size:auto 60%; }
	#sMap .root_daum_roughmap .wrap_map {  height:450px !important; }
}
@media all and (max-width:480px) {
	#intro6 {padding:1em; background-size:auto 60%; }
	#sMap .root_daum_roughmap .wrap_map {  height:95vw !important; }
}

.t_wrap{text-align: center;margin-top: 50px; color: #222;}
.t_wrap p{font-size: 2.3rem; line-height: 3.3rem; padding: 20px 50px; background: #f7f7f7; display: inline-block;}
.t_wrap p span{color: #fe6e00;}
.t_wrap h4{font-size: 3rem; line-height: 4rem; margin-top: 30px;}

@media all and (max-width:480px){
    .t_wrap{margin-top: 3rem;}
    .t_wrap p{font-size: 1.7rem; line-height: 2.8rem;padding: 2rem;}
    .t_wrap h4{font-size: 2.5rem; line-height: 3.5rem; margin-top: 10px;}
}