@charset "UTF-8";
@import url("pages.css?ver=1.1");
@import url("mnav.css");
@import url("gotham.css");
@import url("circular.css");
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

/* 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; padding-top:
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'Pretendard', 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-1200 {max-width:1230px; 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;}

.header {position:absolute; top:0; left:0; width:100%; height:105px; z-index:10; transition:all 0.2s ease-in-out;}
.header.sticky {position:fixed; background-color:#F1F3F4;}
.header .nav {min-height:77px; padding:27px 0px;}
.header .menu-logo {width:40%; float:left;}
.header .menu-logo .menu-logo-wrap {margin-left:90px;}
.header .menu-logo .menu-logo-wrap .navbar-logo {display:block;}
.header .menu-logo .menu-logo-wrap .navbar-logo a {display:block;}
.header .menu-logo .menu-logo-wrap .navbar-logo a img {width:239px;}
.header .menu {max-width:60%; float:right; padding-right:100px;}
.header .menu ul {display:inline-block;}
.header .menu ul li {display:inline-block;}
.header .menu ul li a {font-weight:700; padding:13px 30px; vertical-align:middle; color:#000; transition:all 0.3s;}
.header .menu ul li a:hover {color:#222;}
.header .menu .navbar-button {display:inline-block; margin-left:30px;}
.header .menu .navbar-button a {font-size:16px; font-weight:500; box-shadow:none; border-radius:0px; padding:11px 28px 12px; transition:all 0.5s;}
.header .menu .navbar-button a:first-child {border:1px solid #000; background-color:#000; color:#fff;}
.header .menu .navbar-button a:last-child {border:1px solid #000; background-color:transparent; color:#000;}

.subpage-header {position:absolute; top:0; left:0; width:100%; height:105px; z-index:10; transition:background-color 0.2s ease-in-out; border-bottom:1px solid #d4d4d4;}
.subpage-header.sticky {position:fixed; background-color:#F1F3F4; border-bottom:0px;}
.subpage-header .nav {min-height:77px; padding:27px 0px;}
.subpage-header .menu-logo {width:30%; float:left;}
.subpage-header .menu-logo .menu-logo-wrap .navbar-logo a img {width:239px;}
.subpage-header .menu {max-width:70%; float:right;}
.subpage-header .menu ul {display:inline-block;}
.subpage-header .menu ul li {display:inline-block;}
.subpage-header .menu ul li a {font-weight:700; padding:13px 30px; vertical-align:middle; color:#000; transition:all 0.3s;}
.subpage-header .menu ul li a:hover {color:#222;}
.subpage-header .menu .navbar-button {display:inline-block; margin-left:30px;}
.subpage-header .menu .navbar-button a {font-size:16px; font-weight:500; box-shadow:none; border-radius:0px; padding:11px 28px 12px; transition:all 0.3s;}
.subpage-header .menu .navbar-button a:first-child {border:1px solid #000; background-color:#000; color:#fff;}
.subpage-header .menu .navbar-button a:last-child {border:1px solid #000; background-color:transparent; color:#000;}

.section1 {position:relative; padding-top:105px; padding-bottom:105px; background-color:#F1F3F4;}
.section1 .back {position:absolute; bottom:0; right:0; width:65%; height:100%; background-color:#ffda00;}
.section1 .slide-desc {padding:140px 0 0 70px;}
.section1 .slide-desc h6 {font-size:20px; margin-bottom:40px; font-family: 'circularstd', serif;}
.section1 .slide-desc h2 {font-size:54px; font-weight:700; margin-bottom:40px; line-height:1.4;}
.section1 .slide-desc p {font-size:18px; word-break:keep-all;}

.section2 {background-color:#F1F3F4;}
.section2 .feature-wrap {padding:72px 90px;}
.section2 .feature-wrap .width-bar {display:block; width:50px; height:4px; background-color:#333;margin-bottom:25px;}
.section2 .feature-wrap h4 {font-size:28px; font-weight:700; margin-bottom:20px;}
.section2 .feature-wrap p {line-height:2.2; word-break:keep-all;}
.section2 .row .col-md-6:nth-child(2) {padding-left:0px; padding-right:0px;}

.section2 .lastes-desc-wrap {position:relative; background:#333; padding:50px 40px 0px 40px; min-height:400px; height:auto;}
.section2 .lastes-desc-wrap h4 {font-size:28px; font-weight:700; color:#fff; margin-bottom:30px;}
.section2 .lastes-desc-wrap .more-btn {display:block; position:absolute; top:37px; right:40px;}
.section2 .lastes-desc-wrap ul li {padding:25px 0px; border-bottom:1px solid rgba(255,255,255,0.5);}
.section2 .lastes-desc-wrap ul li:nth-child(1) {border-top:4px solid rgba(255,255,255,0.5);}
.section2 .lastes-desc-wrap ul li a {color:#fff; display:block;}
.section2 .lastes-desc-wrap ul li a .tit {width:80%; display:inline-block;}
.section2 .lastes-desc-wrap ul li a .date {width:20%; display:inline-block; text-align:right; color:#959595;}

.section3 {padding-bottom:120px; background-color:#F1F3F4;}
.section3 h4 {text-align:center; font-weight:700; padding-top:100px; padding-bottom:50px;}
.section3 .awi-infor-wrap .awi-wrap {margin-bottom:30px;}
.section3 .awi-infor-wrap .awi-infor-box {cursor:pointer;}
.section3 .awi-infor-wrap .awi-infor-box .awi-infor-desc {position:relative; padding:50px 20px 25px; background-color:#fff; font-size:14px;}
.section3 .awi-infor-wrap .awi-infor-box .awi-infor-desc h6 a {color:#000; font-weight:700;}
.section3 .awi-infor-wrap .awi-infor-box .awi-infor-desc .schedule {display:block; margin-top:15px; font-weight:700;}
.section3 .awi-infor-wrap .awi-infor-box .awi-infor-desc .request {display:block; font-weight:700;}
.section3 .awi-infor-wrap .awi-infor-box .awi-infor-desc .sdate,
.section3 .awi-infor-wrap .awi-infor-box .awi-infor-desc .rdate {color:#707070; word-break:keep-all;}

.section3 .awi-infor-wrap .awi-infor-box .awi-infor-desc .course {position:absolute; top:-25px; left:20px; z-index:1;}
.section3 .awi-infor-wrap .awi-infor-box .awi-infor-desc .course > span {display: flex; justify-content: center; align-items: center; text-align: center; width: 50px; height: 50px; background-color: red; border-radius: 25px; line-height: 1;}
.section3 .awi-infor-wrap .awi-infor-box .awi-infor-desc .course > span.course-offline {background-color:#C64B3C;}
.section3 .awi-infor-wrap .awi-infor-box .awi-infor-desc .course > span.course-online {background-color:#008C9E;}
.section3 .awi-infor-wrap .awi-infor-box .awi-infor-desc .course > span strong {font-size:11px; line-height:1; table-cell; vertical-align:middle; color:#fff; padding-top:2px;}

.section3 .awi-infor-wrap .awi-infor-box .awi-infor-desc .status {position:absolute; top:-25px; left:65px;}
.section3 .awi-infor-wrap .awi-infor-box .awi-infor-desc .status .ing {display:table; width:50px; height:50px; text-align:center; background-color:#6C63FF; border-radius:25px;}
.section3 .awi-infor-wrap .awi-infor-box .awi-infor-desc .status .ing strong {font-size:11px; display:table-cell; vertical-align:middle; color:#fff; padding-top:2px;}
.section3 .awi-infor-wrap .awi-infor-box .awi-infor-desc .status .end {display:table; width:50px; height:50px; text-align:center; background-color:#707070; border-radius:25px;}
.section3 .awi-infor-wrap .awi-infor-box .awi-infor-desc .status .end strong {font-size:11px; display:table-cell; vertical-align:middle; color:#fff; padding-top:2px;}

.section3 .awi-infor-wrap .awi-infor-box .awi-infor-desc .detail-btn {position:absolute; top:20px; right:15px;}
.section3 .awi-infor-wrap .awi-infor-box .awi-infor-desc .detail-btn > span {padding:5px 8px; text-align:center; background-color:#000; border-radius:4px; line-height:1;} 
.section3 .awi-infor-wrap .awi-infor-box .awi-infor-desc .detail-btn > span strong {font-size:11px; display:table-cell; vertical-align:middle; color:#fff;}

.section4 .faq-wrap>h4 {font-weight:700; text-align:center; padding-top:100px; padding-bottom:50px;}
.section4 .faq-wrap .faq-box {border-top:1px solid #707070; padding-bottom:80px;}
.section4 .faq-wrap .faq-box .panel {border:0px; border-radius:0px; box-shadow:none; }
.section4 .faq-wrap .faq-box .panel-heading {padding:30px 30px; background-color:#fff; border-bottom:1px solid #ebeef0;}
.section4 .faq-wrap .faq-box .panel-body {padding:20px 30px; background-color:#fff; background-color:#fafafa; border:0px; border-bottom:1px solid #ebeef0;}

.section5 .infor-wrap h4 {font-weight:700; text-align:center; padding-bottom:50px;} 
.section5 .infor-wrap .col-md-6 {min-height:860px;}
.section5 .infor-wrap .col-md-6:nth-child(1) {background-color:#F1F3F4;}
.section5 .infor-wrap .addr-wrap {padding:200px 0 0 200px;}
.section5 .infor-wrap #map {min-height:860px; height:auto;}
.section5 .infor-wrap .row .col-md-6:nth-child(2) {padding-left:0px; padding-right:0px;}
.section5 .infor-wrap .addr-wrap .addr-tit {margin-bottom:5px; font-weight:700;}
.section5 .infor-wrap .addr-wrap .traffic-tit {margin-top:10px; margin-bottom:10px; font-weight:700;}
.section5 .infor-wrap .addr-wrap p span {font-weight:700;}
.section5 .infor-wrap .addr-wrap p .subway1 {padding-left:23px; width:18px; height:18px; background:url(../img/icon/subway1.svg) no-repeat; background-size:contain;}
.section5 .infor-wrap .addr-wrap p .subway2 {padding-left:23px; width:18px; height:18px; background:url(../img/icon/subway2.svg) no-repeat; background-size:contain;}
.section5 .infor-wrap .addr-wrap p .subway3 {padding-left:23px; width:18px; height:18px; background:url(../img/icon/subway3.svg) no-repeat; background-size:contain;}
.section5 .infor-wrap .addr-wrap p .subway4 {padding-left:23px; width:18px; height:18px; background:url(../img/icon/subway4.svg) no-repeat; background-size:contain;}
.section5 .infor-wrap .addr-wrap p .subway5 {padding-left:23px; width:18px; height:18px; background:url(../img/icon/subway5.svg) no-repeat; background-size:contain;}
.section5 .infor-wrap .addr-wrap p .subway6 {padding-left:23px; width:18px; height:18px; background:url(../img/icon/subway6.svg) no-repeat; background-size:contain;}
.section5 .infor-wrap .addr-wrap .bus {padding-left:45px; position:relative;}
.section5 .infor-wrap .addr-wrap .bus::before {content:'직행'; font-size:11px; color:#fff; font-weight:700; position:absolute;left:0px; top:3px; padding:1px 8px;}
.section5 .infor-wrap .addr-wrap p:nth-child(7)::before {content:'간선'; background-color:#3d5bab;}
.section5 .infor-wrap .addr-wrap p:nth-child(8)::before {content:'지선'; background-color:#59be0a;}
/*
.section5 .infor-wrap .addr-wrap p:nth-child(12)::before {content:'공항'; background-color:#aa8874;}
.section5 .infor-wrap .addr-wrap p:nth-child(13)::before {content:'순환'; background-color:#dca324;}
*/
.section5 .infor-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: 1499px) {
	.header .menu-logo {width:30%;}
	.header .menu-logo .menu-logo-wrap {margin-left:15px;}
	.header .menu {max-width:70%; padding-right:30px;}
	.section5 .infor-wrap .addr-wrap {padding:120px 70px;}
	.section5 .infor-wrap .col-md-6:nth-child(1) {min-height:750px;}
	.section5 .infor-wrap .col-md-6:nth-child(2) {min-height:750px;}
	.section5 .infor-wrap #map {min-height:750px; height:auto;}
}

@media screen and (max-width: 1199px) {
	.section1 .slide-desc {padding:0px;}
	.section1 .slide-desc h2 {font-size:48px;}
	.section2 .feature-wrap {padding:50px 40px;}
}

@media screen and (max-width: 991px) {
	.section1 .back {width:100%; height:75%;}
	.section1 .slide-desc {padding:50px 0 0 50px;}
	.section1 .slide-desc h6 {font-size:18px; margin-bottom:30px;}
	.section1 .slide-desc h2 {margin-bottom:30px;}
	.section1 .slide-desc p {font-size:16px;}
}

@media screen and (max-width: 767px) {

	body {font-size:14px;}

	.header {height:60px;}
	.header .nav {min-height:34px; padding:14px 0px;}
	.header .menu-logo .menu-logo-wrap .navbar-logo a img {width:160px;}

	.subpage-header {height:60px;}
	.subpage-header .nav {min-height:34px; padding:14px 0px;}
	.subpage-header .menu-logo .menu-logo-wrap .navbar-logo a img {width:160px;}

	.section1 {padding-top:60px; padding-bottom:50px; background-color:#F1F3F4;}
	.section1 .slide-desc {padding:40px 0 0;}
	.section1 .slide-desc h6 {font-size:16px; margin-bottom:20px;}
	.section1 .slide-desc h2 {font-size:34px; margin-bottom:20px;}
	.section1 .slide-desc p {font-size:14px;}

	.section2 .feature-wrap {padding:30px 0px;}
	.section2 .feature-wrap .width-bar {width:20px; margin-bottom:20px;}
	.section2 .lastes-desc-wrap {padding:30px 15px; min-height:300px;}
	.section2 .lastes-desc-wrap h4 {font-size:24px; margin-bottom:30px;}
	.section2 .lastes-desc-wrap .more-btn {top:26px; right:15px;}
	.section2 .lastes-desc-wrap ul li {padding:14px 0px;}

	.section2 .lastes-desc-wrap ul li a .tit {width:100%;}
	.section2 .lastes-desc-wrap ul li a .date {width:100%; text-align:left;}

	.section3 {padding-bottom:0px;}
	.section3 h4 {padding-top:50px; padding-bottom:50px;}

	.section4 .faq-wrap>h4 {padding-top:50px; padding-bottom:45px;}
	.section4 .faq-wrap .faq-box {padding-bottom:0px;}
	.section4 .faq-wrap .faq-box .panel-heading {padding:20px 0px;}
	.section4 .faq-wrap .faq-box .panel-body {padding:15px;}

	.section5 .infor-wrap h4 {padding-top:30px;} 
	.section5 .infor-wrap .col-md-6:nth-child(1) {min-height:500px;}
	.section5 .infor-wrap .col-md-6:nth-child(2) {min-height:300px;}
	.section5 .infor-wrap .addr-wrap {padding:50px 0px;}
	.section5 .infor-wrap #map {min-height:300px; height:auto;}

	.section5 .infor-wrap .addr-wrap p .subway1 {padding-left:20px;}
	.section5 .infor-wrap .addr-wrap p .subway2 {padding-left:20px;}
	.section5 .infor-wrap .addr-wrap .bus::before {top:2px;}

	.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) {	

}