@charset "UTF-8";
@import url("pages.css");
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500,700,900&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css?family=Tinos:400,700&display=swap');

/* reset.css */
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{ font-size:100%;}
*:focus {outline: none;}
img, fieldset {border:0px!important;}
table {border-collapse:collapse; padding:0!important; margin:0!important; }
ul, ol, li {list-style:none;}
address, em {font-style:normal;}
li img, object {vertical-align:top;}
input, select, textarea, form img {vertical-align:middle;}
a {outline:0; text-decoration:none!important; border:none;}
body {letter-spacing:0px; line-height:1.8;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'Noto Sans KR', serif;
	color:#202020; font-size:16px;}

/* common */
h1 {font-size:56px;}
h2 {font-size:42px;}
h3 {font-size:34px;}
h4 {font-size:24px;}
h5 {font-size:20px;}
h6 {font-size:18px;}

.container-760 {max-width:790px; margin:0 auto; padding-left:15px; padding-right:15px;}
.container-1080 {max-width:1110px; margin:0 auto; padding-left:15px; padding-right:15px;}
.container-1400 {max-width:1430px; margin:0 auto; padding-left:15px; padding-right:15px;}
.container-1600 {max-width:1630px; margin:0 auto; padding-left:15px; padding-right:15px;}

/* mainpage */
.header {position:fixed; z-index:10;}
.header .logo {position:relative; left:40px; top:20px; line-height:0;}

#wrap {background:#f5f5f5; overflow:hidden;}
#wrap .slider-wrap {position:relative;}
#wrap .slider-wrap .text-wrap {padding:7%;position:absolute; top:0px; left:0; right:0; bottom:0; text-align:center; z-index:9; color:#fff; background-color:rgba(0,0,0,0.3);}
#wrap .slider-wrap .text-wrap span {font-family: 'Tinos', serif; font-size:24px;}
#wrap .slider-wrap .text-wrap h2 {padding-top:40px; padding-bottom:65px; font-family: 'Nanum Myeongjo', serif; font-size:94px; font-weight:700; letter-spacing:-1px;}
#wrap .slider-wrap .text-wrap .desc1 {padding-bottom:5px; font-family: 'Nanum Myeongjo', serif; font-size:34px; font-weight:700;}
#wrap .slider-wrap .text-wrap .desc2 {padding-bottom:55px; font-family: 'Nanum Myeongjo', serif; font-size:28px; font-weight:700;}
#wrap .slider-wrap .text-wrap button {font-family: 'Tinos', serif; font-size:18px; background-color:#202020; border:none; padding:7px 38px;}
#wrap .timer-wrap {margin-top:150px; text-align:center;}
#wrap .timer-wrap #countholder {font-family: 'Tinos', serif; display:inline-block; text-align:center; font-size:120px; line-height: 1.4;} 
#wrap .timer-wrap #countholder > div {padding:4px 10px; display: inline-block;} 
#wrap .timer-wrap #countholder div > span {display: inline-block;} 
#wrap .timer-wrap #countholder .smalltext {padding-top: 5px; font-size: 16px;}

#wrap .timer-wrap .temp h1 {font-family: 'Nanum Myeongjo', serif; font-weight:700; text-align:center; font-size:70px; line-height: 1.4; padding:30px; word-break:keep-all;} 


#wrap .lastes-wrap .lastes-img-wrap-1 {background:url('/img/lastest-img-001.jpg') center center; background-size:cover; min-height:410px; height:auto;}
#wrap .lastes-wrap .lastes-img-wrap-2 {background:url('/img/lastest-img-002.jpg') center center; background-size:cover; min-height:410px; height:auto;}
#wrap .lastes-wrap .lastes-desc-wrap {position:relative; background:#fff; padding:40px 40px 0px 40px; min-height:410px; height:auto;}
#wrap .lastes-wrap .lastes-desc-wrap h4 {font-weight:700; color:#202020; margin-bottom:50px;}
#wrap .lastes-wrap .lastes-desc-wrap .more-btn {display:block; position:absolute; top:37px; right:40px;}
#wrap .lastes-wrap .lastes-desc-wrap ul li {padding:25px 0px; border-bottom:1px solid #dedede;}
#wrap .lastes-wrap .lastes-desc-wrap ul li:nth-child(1) {border-top:1px solid #dedede;}
#wrap .lastes-wrap .lastes-desc-wrap ul li a {color:#202020; display:block;}
#wrap .lastes-wrap .lastes-desc-wrap ul li a .tit {width:80%; display:inline-block;}
#wrap .lastes-wrap .lastes-desc-wrap ul li a .date {width:20%; display:inline-block; text-align:right; color:#959595;}
#wrap .lastes-wrap {margin-top:120px;}
#wrap .lastes-wrap .row {margin-left:0; margin-right:0;}
#wrap .lastes-wrap .row:nth-child(1) {margin-bottom:100px;}
#wrap .lastes-wrap .row .col-md-6 {padding-left:0; padding-right:0;}
#wrap .mid-wrap {margin-top:150px;}
#wrap .mid-wrap .mid-banner {background:url('/img/mid-banner.jpg') no-repeat center center; min-height:600px; height:auto; display:table; padding:200px 300px;}
#wrap .mid-wrap .mid-banner h4 {font-family: 'Nanum Myeongjo', serif; display:table-cell; vertical-align:middle; text-align:center; color:#fff; line-height:1.9; word-break:keep-all;}
#wrap .information-wrap {min-height:710px; height:auto; padding:130px 120px; background:#fff;}
#wrap #map {width:100%; min-height:710px; height:auto;}
#wrap .row {margin-left:0; margin-right:0;}
#wrap .row .col-md-6 {padding-left:0; padding-right:0;}
#wrap #information {margin-bottom:100px;}
#wrap #information .information-wrap h4 {font-weight:700; margin-bottom:24px;}
#wrap #information .information-wrap .addr-wrap h6 {font-weight:700;}
#wrap #information .information-wrap .addr-wrap .addr-tit {margin-bottom:5px;}
#wrap #information .information-wrap .addr-wrap .traffic-tit {margin-top:10px; margin-bottom:10px;}
#wrap #information .information-wrap .addr-wrap p span {font-weight:700;}
#wrap #information .information-wrap .addr-wrap .bus {padding-left:45px; position:relative;}
#wrap #information .information-wrap .addr-wrap .bus::before {content:'직행'; font-size:11px; color:#fff; font-weight:700; position:absolute;left:0px; top:5px; padding:1px 8px;}
#wrap #information .information-wrap .addr-wrap p:nth-child(6)::before {content:'지선'; background-color:#1e7adb;}
#wrap #information .information-wrap .addr-wrap p:nth-child(7)::before {content:'간선'; background-color:#59be0a;}
#wrap #information .information-wrap .addr-wrap .parking {font-size:14px; color:#999;}

/* footer */
.footer {border-top:1px solid #d4d4d4; overflow:hidden; padding-bottom:35px; background-color:#fff;}
.footer .footerwrap {margin-top:40px;}
.footer .footerwrap a {color:#202020; font-weight:500;}
.footer .footerwrap .footer-menu {overflow:hidden; margin-bottom:20px;}
.footer .footerwrap .footer-menu li {float:left;}
.footer .footerwrap .footer-menu li a {transition:all 0.2s;}
.footer .footerwrap .divider {font-family: 'Gulim', serif; padding-left:15px; padding-right:15px; color:#ccc;}
.footer .footerwrap .infor .divider {font-family: 'Gulim', serif; padding-left:5px; padding-right:5px; color:#ccc;}
.footer .footerwrap .addr {font-size:12px; font-weight:400;}
.footer .footerwrap .infor {font-size:12px; font-weight:400;}
.footer .footerwrap .copyright {font-family: 'Barlow', sans-serif; font-size:12px; text-transform:uppercase; font-weight:500;}
.footer .rightboxwrap {float:right;}
.footer .rightboxwrap .fsite {margin-bottom:30px;}
.footer .rightboxwrap .fsite select {width:240px; font-size:13px; font-weight:700; color:#707070; padding:7px 20px;}
.footer .rightboxwrap .fsite select { 
	-webkit-appearance: none; /* 네이티브 외형 감추기 */ 
	-moz-appearance: none; appearance: none; 
	background: url('/img/fsite-arrow.png') no-repeat 95% 50%; /* 화살표 모양의 이미지 */ 
} 
/* IE 10, 11의 네이티브 화살표 숨기기 */ 
.footer .rightboxwrap .fsite select::-ms-expand {display: none;}
.footer .rightboxwrap .sns-menu {float:right;}
.footer .rightboxwrap .sns-menu a {display:block; float:left; margin-left:15px;}
.footer .rightboxwrap .sns-menu a:nth-child(2) {margin-left:10px;}

@media screen and (max-width: 1600px) {
	.header {position:absolute;}
	#wrap .slider-wrap {margin-left:-15px; margin-right:-15px;}
	#wrap .slider-wrap .text-wrap {padding:5%;}
}

@media screen and (max-width: 1520px) {
	#wrap .information-wrap {padding:120px 70px;;}
}

@media screen and (max-width: 1400px) { 
	#wrap .mid-wrap .mid-banner {min-height:400px; padding:100px 100px;}
}

@media screen and (max-width: 1200px) {
	.header .logo {position:relative; left:15px; top:20px;}
	#wrap .slider-wrap .text-wrap {padding:5%;}
	#wrap .slider-wrap .text-wrap span {font-size:24px;}
	#wrap .slider-wrap .text-wrap h2 {padding-top:32px; padding-bottom:25px; font-size:74px;}
	#wrap .slider-wrap .text-wrap .desc1 {padding-bottom:5px; font-size:30px;}
	#wrap .slider-wrap .text-wrap .desc2 {padding-bottom:15px; font-size:24px;}
	#wrap .slider-wrap .text-wrap button {font-size:16px; padding:6px 24px;}

	#wrap .mid-wrap .mid-banner {min-height:380px; padding:100px 100px;}
	#wrap .information-wrap {padding:80px 50px;;}
}

@media screen and (max-width: 992px) {
	#wrap .slider-wrap .text-wrap {padding:4%;}
	#wrap .slider-wrap .text-wrap span {font-size:24px;}
	#wrap .slider-wrap .text-wrap h2 {padding-top:20px; padding-bottom:20px; font-size:78px;}
	#wrap .slider-wrap .text-wrap .desc1 {padding-bottom:5px; font-size:30px;}
	#wrap .slider-wrap .text-wrap .desc2 {padding-bottom:15px;font-size:24px;}
	#wrap .slider-wrap .text-wrap button {font-size:14px;padding:6px 24px;}

	#wrap .mid-wrap .mid-banner {min-height:450px; padding:100px 100px;}
	
	#wrap .lastes-wrap {margin-top:80px;}
	#wrap .timer-wrap {margin-top:90px; text-align:center;}
	#wrap .timer-wrap #countholder {display:inline-block; text-align:center; font-size:56px;} 
	#wrap .timer-wrap #countholder .smalltext {padding-top: 5px; font-size: 14px;}

	#wrap .timer-wrap .temp h1 {font-family: 'Nanum Myeongjo', serif; font-weight:700; text-align:center; font-size:40px; line-height: 1.4; padding:30px;} 
}

@media screen and (max-width: 767px) {
	body {font-size:14px;}

	.header .logo img {width:40px; height:40px;}
	#wrap .slider-wrap .text-wrap {padding:5%;}
	#wrap .slider-wrap .text-wrap span {font-size:18px;}
	#wrap .slider-wrap .text-wrap h2 {padding-top:10px; padding-bottom:20px; font-size:38px;}
	#wrap .slider-wrap .text-wrap .desc1 {padding-bottom:12px; font-size:12px; display:inline-block; padding-right:10px; position:relative;}
	#wrap .slider-wrap .text-wrap .desc1::after {content:''; position:absolute; top:5px; right:2px; width:1px; height:10px; background-color:#fff;}
	#wrap .slider-wrap .text-wrap .desc2 {padding-bottom:12px; font-size:12px; display:inline-block;}
	#wrap .slider-wrap .text-wrap button {font-size:10px; padding:4px 12px 2px; display:block; margin:0 auto;}
	
	#wrap .timer-wrap {margin-top:50px;}
	#wrap .timer-wrap h6 {font-size:13px; font-weight:700;}
	#wrap .timer-wrap #countholder {font-size:30px;} 
	#wrap .timer-wrap #countholder > div {padding:20px 10px;} 
	#wrap .timer-wrap #countholder .smalltext {padding-top:5px; font-size:12px;}
	#wrap .lastes-wrap .lastes-desc-wrap {padding:20px 15px 15px 15px; min-height:200px;}
	#wrap .lastes-wrap .lastes-desc-wrap h4 {font-size:16px; margin-bottom:15px;}
	#wrap .lastes-wrap .lastes-desc-wrap .more-btn {top:15px; right:15px;}
	#wrap .lastes-wrap .lastes-desc-wrap .more-btn img {width:15px; height:15px;}
	#wrap .lastes-wrap .lastes-desc-wrap ul li {padding:15px 0px;}
	#wrap .lastes-wrap .lastes-desc-wrap ul li a .tit {width:100%;}
	#wrap .lastes-wrap .lastes-desc-wrap ul li a .date {width:20%; text-align:left;}
	#wrap .lastes-wrap {margin-top:30px;}
	#wrap .lastes-wrap .row:nth-child(1) {margin-bottom:20px;}
	#wrap .mid-wrap {margin-top:50px;}
	#wrap .mid-wrap .mid-banner {min-height:230px; padding:15px 15px;}
	#wrap .mid-wrap .mid-banner h4 {line-height:1.9; font-size:14px;}
	#wrap .information-wrap {min-height:400px; padding:25px 15px;}
	#wrap #map {min-height:300px;}
	#wrap #information {margin-bottom:50px; line-height:1.6;}
	#wrap #information .information-wrap h4 {font-size:16px;}
	#wrap #information .information-wrap .addr-wrap h6 {font-size:14px;}
	#wrap #information .information-wrap .addr-wrap .bus {padding-left:33px;}
	#wrap #information .information-wrap .addr-wrap .bus::before {font-size:9px; top:3px; padding:1px 6px;}
	#wrap #information .information-wrap .addr-wrap .parking {font-size:12px;}

	.footer {padding-bottom:15px;}
	.footer .footerwrap {margin-top:30px;}
	.footer .footerwrap .footer-menu {font-size:13px; margin-bottom:20px;}
	.footer .footerwrap .divider {padding-left:3px; padding-right:3px;}
	.footer .footerwrap .infor .divider {padding-left:3px; padding-right:3px;}
	.footer .footerwrap .addr {font-size:11px;}
	.footer .footerwrap .infor {font-size:11px;}
	.footer .footerwrap .copyright {font-size:11px;}
	.footer .rightboxwrap {float:left; width:100%; text-align:center;}
	.footer .rightboxwrap .fsite {margin-top:10px; margin-bottom:20px;}
	.footer .rightboxwrap .fsite select {width:100%; font-size:11px; padding:7px 10px;}
	.footer .rightboxwrap .sns-menu {float:unset; display:inline-block; margin-left:-10px;}
}

@media screen and (max-width: 360px) {	
	.header .logo {position:relative; left:15px; top:15px;}
	.header .logo img {width:30px; height:30px;}
	#wrap .slider-wrap .text-wrap {padding:2%;}
	#wrap .slider-wrap .text-wrap span {font-size:12px;}
	#wrap .slider-wrap .text-wrap h2 {padding-top:10px; padding-bottom:12px; font-size:28px;}
	#wrap .slider-wrap .text-wrap .desc1 {padding-bottom:12px; font-size:12px; padding-right:10px;}
	#wrap .slider-wrap .text-wrap .desc1::after {top:5px; right:2px; width:1px; height:10px;}
	#wrap .slider-wrap .text-wrap .desc2 {padding-bottom:12px; font-size:12px;}
	#wrap .slider-wrap .text-wrap button {font-size:10px; padding:4px 12px 2px;}
	#wrap .timer-wrap {margin-top:30px;}
	#wrap .lastes-wrap {margin-top:10px;}
	#wrap .mid-wrap {margin-top:30px;}
}