@charset "utf-8";

* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
:after, :before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

/* reset */
html {overflow-y:scroll; -ms-overflow-style: -ms-autohiding-scrollbar;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure,figcaption{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'Noto Sans KR','Open Sans',AppleGothic,helvetica,sans-serif;font-size:15px;letter-spacing:-0.03em;line-height:1.7em;color:#4d4d4d;word-break:keep-all;-webkit-text-size-adjust:none;}
img{border:0;max-width:100%;vertical-align:top;}
ul,ol{list-style:none}
fieldset{border:none}
fieldset legend {position:absolute;visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;font:0/0 Arial;}
button{cursor:pointer}
header,hgroup,article,nav,footer,figure,figcaption,canvas,section,time{display:block}
hr {clear:both;display:none;}
*html body img {margin:none; padding:none;} /*for IE 6*/

a{
	color:#4d4d4d;
	text-decoration:none;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
a:hover,
a:active{
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}

::-webkit-input-placeholder {color:#999;}
:-moz-placeholder {color:#999;}
::-moz-placeholder {color:#999;}
:-ms-input-placeholder {color:#999;}
:placeholder-shown {color:#999;}

table caption {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font:0/0 Arial;}
input[type="radio"], input[type="checkbox"] {vertical-align:middle !important; margin:-2px 3px 0 0 !important;}
input,select {vertical-align:middle; background:#fff;}
input,textarea,button{-webkit-appearance:none;-webkit-border-radius:0}
input[type='checkbox']{-webkit-appearance:checkbox} 
input[type='radio']{-webkit-appearance:radio}

::-webkit-input-placeholder {color:#999;}
:-moz-placeholder {color:#999;}
::-moz-placeholder {color:#999;}
:-ms-input-placeholder {color:#999;}
:placeholder-shown {color:#999;}


/* user class */
h1,h2,h3,h4,h5,h6,strong,th,.bold{font-weight:700;}
.clear{clear:both;}
.clearfix {*zoom:1;}
.clearfix:after {content:" "; display:block; clear:both;}
.hide {position:absolute;visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;font:0/0 Arial;}
.pointer {cursor:pointer;}
.input {height:40px; padding:7px 12px; font-size:15px; line-height:24px; border:1px solid #ddd;}
.textarea {padding:7px 12px; font-size:15px; line-height:24px; border:1px solid #ddd;}
.select {height:40px; padding:7px 12px; font-size:15px; border:1px solid #ddd;}
input[type=file].input {border:0;padding:0;}

.mgb2 {margin-bottom:2px !important;}
.mgb3 {margin-bottom:3px !important;}
.mgb4 {margin-bottom:4px !important;}
.mgb5 {margin-bottom:5px !important;}
.mgb6 {margin-bottom:6px !important;}
.mgb7 {margin-bottom:7px !important;}
.mgb8 {margin-bottom:8px !important;}
.mgb9 {margin-bottom:9px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb35 {margin-bottom:35px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb45 {margin-bottom:45px !important;}
.mgb50 {margin-bottom:50px !important;}
.mgb60 {margin-bottom:60px !important;}
.mgb70 {margin-bottom:70px !important;}
.mgb80 {margin-bottom:80px !important;}

.fl {float:left;}
.fr {float:right;}

.space-center {text-align:center !important;}
.space-right {text-align:right !important;}
.space-left {text-align:left !important;}

.contain {width:1200px; margin:0 auto;}

/* content */
body.bodyBg {background:#2f2f2f;}

#header {background:#2f2f2f;}
#header h1 {height:126px; text-align:center; padding-top:24px;}
#gnb.fixed {position:fixed; top:0; left:0; width:100%; background:#2f2f2f; z-index:100;}
#gnb {text-align:center;}
#gnb ul {padding:15px 0;}
#gnb li {position:relative; display:inline-block; vertical-align:top; margin:0 -2px;}
#gnb li:after {content:" "; position:absolute; top:50%; left:0; margin-top:-7px; width:1px; height:17px; background:#6c6c6c;}
#gnb li:first-child::after {display:none;}
#gnb li a {display:block; padding:5px 20px; color:#fff; font-size:17px; line-height:24px;}
#gnb li:hover a,
#gnb li.active a {color:#16c0c7;}

#home {position:relative; height:930px; background:url("../images/home_bg.jpg") 50% 0 no-repeat; overflow:hidden;}
#home .txt {position:absolute; top:200px; left:50%; margin-left:-7px; text-align:center;}
#home .txt a {position:absolute; top:334px; left:213px;}

#sec1 {position:relative; height:930px; background:url("../images/sec1_bg.jpg") 50% 0 no-repeat; overflow:hidden;}
#sec1 .txt {position:absolute; top:100px; left:50%; margin-left:-600px;}
#sec1 .txt a {position:absolute; top:676px; left:190px;}

#sec2 {position:relative; height:930px; background:url("../images/sec2_bg.jpg") 50% 0 no-repeat; overflow:hidden;}
#sec2 .txt {position:absolute; top:100px; left:50%; margin-left:25px; text-align:center;}
#sec2 .txt a {position:absolute; top:548px; left:144px;}

#sec3 {position:relative; height:930px; background:url("../images/sec3_bg.jpg") 50% 0 no-repeat; overflow:hidden;}
#sec3 .txt {position:absolute; top:100px; left:50%; margin-left:-610px;}
#sec3 .txt a {position:absolute; top:586px; left:10px;}

#sec4 {position:relative; height:930px; background:url("../images/sec4_bg.jpg") 50% 0 no-repeat; overflow:hidden;}
#sec4 .txt {position:absolute; top:253px; left:50%; margin-left:98px;}
#sec4 .txt a {position:absolute; top:310px; left:4px;}

#sec5 {position:relative; height:930px; background:url("../images/sec5_bg.jpg") 50% 0 no-repeat; overflow:hidden;}
#sec5 .txt {position:absolute; top:165px; left:50%; width:1200px; text-align:center; margin-left:-600px;}
#sec5 .txt a {position:absolute; top:500px; left:452px;}

#review {position:relative; height:800px; background:url("../images/review_bg.jpg") 50% 0 no-repeat; overflow:hidden;}
#review .txt {position:absolute; top:234px; left:50%; margin-left:-166px;}

#sec6 {position:relative; height:930px; background:url("../images/sec6_bg.jpg") 50% 0 no-repeat; overflow:hidden;}
#sec6 .txt {position:absolute; top:0; left:50%; margin-left:-600px;}

#sec7 {position:relative; padding-bottom:80px; background:#fff url("../images/sec7_bg.jpg") 50% 0 no-repeat;}
#sec7 h2 {padding:110px 0; text-align:center; color:#fff; font-size:30px; font-weight:500; line-height:1.2em;}
#sec7 #map {width:800px; height:400px;}

#sec8 {background:#e9e9e9;}

#sec9 {height:770px; background:#2d2d2d url("../images/sec9_bg.jpg") 50% 0 no-repeat;}
#sec9 .fr {width:50%;}
#sec9 .form {color:#fff; padding:47px 50px 0;}
#sec9 .form h2 {padding-bottom:17px; margin-bottom:34px; font-size:20px; font-weight:500; line-height:1.2em; border-bottom:1px solid #fff;}
#sec9 .form table {width:100%; border-collapse:collapse; border-spacing:0px; color:#fff;}
#sec9 .form th {padding:5px 0; width:90px; font-size:16px; font-weight:400; text-align:left;}
#sec9 .form td {padding:5px 0; font-size:16px;}
#sec9 .form-control {width:100%; height:40px; padding:8px 10px; font-size:16px; line-height:24px; border:0;}
#sec9 textarea.form-control {height:135px; overflow:auto;}
#sec9 .agree {padding:7px 0 30px 90px; font-size:13px; color:#999;}
#sec9 .agree p {color:#fff; font-size:14px; margin-bottom:3px;}
#sec9 .agree .scroll-box {position:relative; height:110px; background:#dedede; padding:8px 10px; color:#969696; font-size:13px; line-height:18px; overflow:auto;}
#sec9 .submit {text-align:center; margin-left:90px;}
#sec9 input[type='image'] {background:transparent; border:0;}

#quick {position:fixed; top:0; right:0; z-index:101;}

#footer {padding:30px 0; color:#535353; font-size:14px; line-height:22px; background:#fff;}
#footer .bar {margin:0 8px; font-size:12px; color:#ccc;}