@charset "utf-8";
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);/*Spoqa Han Sans*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
 i.fa{font-style:normal !important;}

mark {background-color:#fff;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration: line-through}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;resize:none}
caption, th, td {font-weight:normal}
table caption {visibility:hidden;width:0;height:0;overflow:hidden}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal}
img {border:0;vertical-align:middle; max-width:100%;}
legend {display:none}

body,html{overflow-x:hidden;}
body, select,input,textarea,button {font-size:16px;  line-height:160%; font-family: "Noto Sans KR","맑은 고딕","Nanum Gothic","Microsoft Yahei","Gulim", "dotum",Helvetica, sans-serif; color:#555;  letter-spacing:-.06em}
input{font-size:1em;}
iframe#hiddenframe {display:none;width:0;height:0}
label,button{cursor:pointer}
 input, button, select, textarea { outline: none;}
strong,b{font-weight:500}

a{color:#333;text-decoration:none}
a:hover, a:focus{color:#F33;text-decoration:none}


*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.clear{display:block; float:none; clear:both; border:0; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}
.wrap{width:1200px; margin:0 auto; position:relative; zoom:1;}
.wrap:after {display:block;visibility:hidden;clear:both;content:""}
@media (max-width:1200px){
.wrap{width:100%; }
}
@media (min-width:736px){
	.nop{display:none;}
}
@media (max-width:1200px){
	.bodywrap{position:relative; width:1200px; overflow-x:auto; }
}
#top{ }
#header{position:fixed; top:0; left:0; right:0; z-index:9}
#header:before{position:absolute; top:0; bottom:0; width:200vw; left:50%; margin-left:-100vw; background:rgba(67,67,67,.95); z-index:-1; content:"";}
#header h1{float:left;}
#header ul{float:right; margin-top:14px;}
#header ul li{float:left; margin-left:20px}


#btn_top{position:fixed; bottom:10%; left:50%; margin-left:40%; z-index:2;}


.dlw{ position:relative;  display: -webkit-flex; display: flex;}
.dlw.jc{justify-content:center} /* 양쪽정열 */
.dlw.js{justify-content:space-between} /* 양쪽정열 */
.dlw.br{flex-flow:wrap;}/* 줄바꿈 */

.full_img{position:relative; left:50%; width:200vw;  margin-left:-100vw; text-align:center;  }
.full_img img{max-width:none}
.full_bg{position:absolute; top:0; left:50%; bottom:0; width:200vw; margin-left:-100vw; background-position:center;  z-index:-1;}

.dmap{position:relative; height:422px}
.dmap .root_daum_roughmap{position:absolute; top:0; left:0; width:100%; height:100%; border:0; padding:0}
.dmap .root_daum_roughmap .wrap_map{ width:100%; height:100%; }



#faq dl{margin-bottom:40px; border:1px solid #b8b8b8;}
#faq dl dt{ position:relative; padding:9px; font-size:1.05em; line-height:33px; font-weight:500; cursor:pointer}
#faq dl dt:before{ position:absolute;  right:78px; width:1px; background:#b8b8b8; height:70%; top:15%; content:"";}
#faq dl dt:after{ position:absolute; top:50%; right:30px; border-style:solid;margin-top:-8px;  border-width:15px 10px 0 10px; border-color:transparent; border-top-color:#b8b8b8; content:"";}
#faq dl dt strong{display:inline-block; vertical-align:middle; background:#ed8b02; color:#FFF; width:38px; height:33px; line-height:33px	; text-align:center;  margin-right:15px; font-size:27px}

#faq dl dd{ position:relative; max-height:0; padding:0 60px; overflow:hidden; background:#f6f6f6;   -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#faq dl.on dd{ position:relative; max-height:1000px; display:block; padding:30px 60px;  border-top:1px solid #b8b8b8; }

#before_after{border:0; padding:0; margin:0; position:absolute; margin-top:-80px}
#tab{padding-bottom:70px;}
#tab dt{display: -webkit-flex; display: flex;justify-content:space-between; flex-flow:wrap;; padding-right:1px;  }
#tab dt a{ position:relative;  width:20%;  flex-grow:1;  border:1px solid #333; color:#747474; background:#FFF;margin-right:-1px; margin-bottom:-1px; text-align:center; line-height:53px; }
#tab dt a.on{background:#333; color:#fdbd13}
#tab dt.dt2{ margin-top:48px;  }
#tab dd article{ position:relative;  }
.tab_hd{text-align:center; padding-top:68px}
.m8_1{position:absolute; top:2292px; left:50%; margin-left:-517px; width:335px; height:auto; z-index:2;}
.m8_2{position:absolute; top:4389px; left:50%; margin-left:-547px; width:362px; height:auto; z-index:2;}
.m8_3{position:absolute; top:5037px; left:50%; margin-left:-544px; width:364px; height:auto; z-index:2;}
.m8_4{position:absolute; top:5736px; left:50%; margin-left:-544px; width:335px; height:auto; z-index:2;}

.m85_01{position:absolute; top:457px; left:50%; margin-left:-395px; width:249px; height:auto; z-index:2;}
.m85_02{position:absolute; top:1025px; left:50%; margin-left:-390px; width:227px; height:auto; z-index:2;}
.m87_01{position:absolute; top:416px; left:50%; margin-left:-374px; width:231px; height:auto; z-index:2;}
.m88_01{position:absolute; top:411px; left:50%; margin-left:-399px; width:251px; height:auto; z-index:2;}

@media (max-width:736px){
	body,html{overflow-x:hidden;}
	.bodywrap{width:100%; }


	.nom{display:none;}


	#header{padding:0 2vw;}
	#header h1{float:left;}
	#header h1 img{height:50px;}
	#header ul{  margin:0;  padding:5px 0}
	#header ul li{float:none; margin:5px 0; }
	#header ul img{height:26px;}
	#header ul li.hd_home{ position:absolute; left:2vw;bottom:2vw; margin-left:0}
	#header ul li.hd_home img{height:20px}

	.full_img{position:relative; left:0; width:100vw;  margin-left:0; }
	.full_img img{width:100%}
	.full_bg{  width:100vw; left:0; margin-left:0; }


	.m8_1{position:absolute; top:574vw; left:28vw; margin-left:0; width:44vw !important; height:auto; z-index:2;}
	.m8_2{position:absolute; top:1033vw; left:24vw; margin-left:0; width:52vw !important; height:auto; z-index:2;}
	.m8_3{position:absolute; top:1178.3vw; left:24vw; margin-left:0; width:52vw !important; height:auto; z-index:2;}
	.m8_4{position:absolute; top:1326.2vw; left:25.9vw; margin-left:0; width:48.2vw !important; height:auto; z-index:2;}

	.m85_01{display:none;}
	.m85_02{display:none;}
	.m87_01{display:none;}
	.m88_01{display:none;}

	.map{padding: 0 4vw}
	.dmap{ padding-top:57%}

	.map .dlw{display:block;}

	#faq{padding:0 4vw;}
	#faq dl{margin-bottom:20px; border:1px solid #b8b8b8;}
	#faq dl dt{ position:relative; padding:9px;  line-height:20px; font-size:13px;  padding-left:50px;}
	#faq dl dt:before{ position:absolute;  right:30px;  height:70%; top:15%; content:"";}
	#faq dl dt:after{  right:10px; border-style:solid;margin-top:-5px;  border-width:10px 6px 0 6px; border-color:transparent; border-top-color:#b8b8b8; content:"";}
	#faq dl dt strong{position:absolute; top:9px; left:9px; line-height:40px; vertical-align:middle; background:#ed8b02; color:#FFF; width:30px; height:40px;    margin-right:0; font-size:27px}

	#faq dl dd{  padding:0 20px; font-size:12px;}
	#faq dl.on dd{ position:relative; max-height:1000px; display:block; padding:15px 20px;  border-top:1px solid #b8b8b8; }

#tab{padding:0 4vw 7vw 4vw;}

#tab dt a{   width:50%;    line-height:36px; }
#tab dt a.on{background:#333; color:#fdbd13}
#tab dt.dt2{ margin-top:48px;  }
#tab dd article{ position:relative;  }

#btn_top{ bottom:5%; left:auto; margin-left:0; right:3%; width:10vw}

}