@charset "utf-8";
/*
================================================================================
SUB PAGE
================================================================================
*/

.txt_title {margin-bottom: 25px; }
.txt_title p { font-size: 1.9em; color: #3e86d6; line-height: 1.3; letter-spacing: -1px}
.txt_title span { font-size: 0.8em; }
.txt_cont {margin-bottom: 40px; }
.txt_cont p {line-height: 1.7; margin-bottom: 10px; font-size: 1.05em}
.list02>li strong { color: #3a3a3a}
@media only screen and (max-width:640px) {
	.txt_title ,.txt_cont { margin-bottom: 10px}
	.txt_title p { font-size: 1.5em; }
	.txt_cont br {display: none;}
}

.intro_list {border: 1px solid #e0e0e0;overflow: hidden;text-align: center;}
.intro_list li{float: left;padding: 30px 10px;width: 33.333%;height: 300px;vertical-align: top;border: 1px solid #e0e0e0;border-width:0 0 1px 1px;position: relative;}
.intro_list li:nth-child(3n+1){ margin-left: 0;border-left: none; }
.intro_list li:nth-child(7), .intro_list li:nth-child(8), .intro_list li:nth-child(9){border-bottom:0;}
.intro_list li:nth-child(5):before{ display:none;}
.intro_list li .tit{ font-size:1.35em; color:#272727; margin-bottom: 15px; line-height: 1em;}
.intro_list li:before{ content:''; display: block; margin: 0 auto 15px auto; width:120px; height: 120px;background-repeat:no-repeat; background-size:cover; background-position: 50% 50%; border-radius: 120px;}
.intro_list li:nth-child(even):before{ background-color:#09a0f7;}
.intro_list li:nth-child(odd):before{ background-color:#005181;}
.intro_list li:nth-child(1):before{ background-image:url('../images/sub/intro_ico_01.png');}
.intro_list li:nth-child(2):before{ background-image:url('../images/sub/intro_ico_02.png');}
.intro_list li:nth-child(3):before{ background-image:url('../images/sub/intro_ico_03.png');}
.intro_list li:nth-child(4):before{ background-image:url('../images/sub/intro_ico_04.png');}
.intro_list li:nth-child(6):before{ background-image:url('../images/sub/intro_ico_06.png');}
.intro_list li:nth-child(7):before{ background-image:url('../images/sub/intro_ico_07.png');}
.intro_list li:nth-child(8):before{ background-image:url('../images/sub/intro_ico_08.png');}
.intro_list li:nth-child(9):before{ background-image:url('../images/sub/intro_ico_09.png');}
.intro_list li p{margin-bottom: 0 !important;font-size: .98em;color:#666;line-height: 1.6em;}
.intro_list li.pic{background: linear-gradient(135deg, #54d3ed 0%, #2262a3 70%); background-repeat:no-repeat; background-size:cover;}
.intro_list li.pic div{display: table;width: 100%;height: 100%;background:url('../images/sub/intro_mark.png') 50% 10% no-repeat;}
.intro_list li.pic h4{vertical-align: bottom;display: table-cell;color:#fff;padding-bottom: 10px;font-weight: 300;font-size: 1.475em;}
.intro_list li.pic h4 strong{display:block;margin-bottom: 10px;line-height: 1em;font-size: 1.275em;}
.intro_list li.pic img{position:absolute;left:50%;top:50%;/* margin: -120px 0 0 -105px; */z-index: 0;}
.intro_list li .more{ display: inline-block; color:#09a0f7; font-size: .98em; font-weight: 500; border:1px solid #fff; padding:5px 10px; -webkit-transition: all 0.3s ease;transition: all 0.3s ease;border-color:#09a0f7;}
.intro_list li a:hover .more{ background-color:#09a0f7; color: #fff}
@media only screen and (max-width:1024px) {	
	.intro_list li{height: 270px;padding: 20px 10px;}
	.intro_list li p br { display: none}
	.intro_list li.pic div{background-size:130px;}
	.intro_list li.pic h4{ font-size:1.35em; padding-bottom:20px}
}
@media only screen and (max-width:775px) {
	/****** intro_list ******/
	.intro_list{text-align:left;}
	.intro_list li {float:none;width:100%;position: relative;min-height:100px;border-left: none;padding: 20px 15px;border-bottom: 1px solid #e0e0e0;}
	.intro_list li .tit{margin-bottom: 5px;font-size: 1.3em;}
	.intro_list li .tit:before{ display:none;}
	.intro_list li{padding-left:100px;height: auto;}
	.intro_list li:last-child{/* display: none; */}
	.intro_list li:before{  margin: 0 20px 0 0; width:70px; height: 70px;background-size:70px; position: absolute; left:15px; top:15px; border-radius: 70px;}
	.intro_list li p{ text-align:left;}
	.intro_list li:nth-child(7),.intro_list li:nth-child(8){ border-bottom: 1px solid #e0e0e0 !important;}
	.intro_list li.pic{padding:0;min-height: inherit;}
	.intro_list li.pic div{background-size: 70px;background-position: 15px 50%;padding: 25px 15px;}
	.intro_list li.pic h4{padding-left: 90px;padding-bottom:0; font-size:1.2em;}
}
@media only screen and (max-width:480px) {
	.intro_list .innerWrap{ padding:25px 0;}
	.intro_list li{padding-left:85px;min-height: 80px;}
	.intro_list li:before{ width:60px; height: 60px; background-size:60px; border-radius: 60px;}
	.intro_list li.pic{ }
	.intro_list li.pic div{background-size:60px;}
	.intro_list li.pic h4{font-size: 1.1em;padding-left: 70px;}
}

.kakaoBox{background: #fddb00;position: relative;border-radius: 5px;overflow:hidden;}
.kakaoBox a{display:block;padding: 25px 25px 25px 120px;}
.kakaoBox p{ font-size:1.2em; margin-bottom: 0 !important; color:#3d3137;}
.kakaoBox p strong{}
.kakaoBox p br{ display:none;}
.kakaoBox:before{content:'';display: block;width: 75px;height: 75px;position: absolute;left: 25px;top: 15px;background: url(../images/common/ico_quick_kakao.png) no-repeat 50% 50%;border-radius: 75px;}
.kakaoBox .bn{position: absolute;right:25px;bottom:25px;background:#fff;padding: 5px 25px 5px 10px;border-radius: 3px;}
.kakaoBox .bn:before, .kakaoBox .bn:after { content:''; display:block; position:absolute;right:10px; top:50%; -webkit-transition: all 0.3s ease;transition: all 0.3s ease;  background:#3d3137; transform: rotate( 45deg );}
.kakaoBox .bn:before{width:7px;height: 2px;margin-top: -3px;right: 10px;}
.kakaoBox .bn:after{width:2px;height:7px;margin-top: -1px;right: 12px;}
.kakaoBox a:hover{ text-decoration:none;}
.kakaoBox a:hover .bn{ background:#3d3137; color:#f9d83e;}
.kakaoBox a:hover .bn:before,
.kakaoBox a:hover .bn:after{ background:#f9d83e;}

@media only screen and (max-width:640px) {
	.kakaoBox a{padding: 15px 15px 15px 85px;}	
	.kakaoBox:before{width:60px; height:60px; background-size:50px; left:15px;}
	.kakaoBox p {font-size:1.1em;}
	.kakaoBox .bn{position:relative;right:inherit;bottom: inherit;margin-top: 5px;display: inline-block;}
}
@media only screen and (max-width:480px) {
	.kakaoBox a{padding: 75px 15px 15px 15px;}	
	.kakaoBox:before{width:80px;left: 50%;top: 0;height: 50px;width: 50px;margin-left: -25px;margin-top: 15px;border-radius: 60px;background-size: 40px;}
	.kakaoBox p {font-size:1em;text-align: center;}
	.kakaoBox .bn{margin: 10px auto 0 auto;display: block;width: 110px;}
}

/* map */
#map {margin: 0 0 10px 0;background-color:#ddd; height: 300px;}
#map .root_daum_roughmap{ width:100%; }
#map .root_daum_roughmap,
#map .root_daum_roughmap .wrap_map{ width:100%; height:100%}
.list02 span.txt_xsm { color: #888; padding-bottom: 15px; letter-spacing: -1px}
.btn_map {position:relative; float:right; margin-bottom: 40px;}
.btn_map a{ display:block; box-sizing:border-box; width:200px; float:left; margin-left:10px; padding:5px 15px; border:1px solid #ddd; border-radius:3px; text-indent:-5000px;}
.btn_map a:first-child{ margin-left:0;}
.btn_map .kakao{ background:#fae100 url('../images/sub/map_kakao.gif') no-repeat 50% 50%;}
.btn_map .tmap{ background:url('../images/sub/map_tmap.gif') no-repeat 50% 50%;}
@media only screen and (max-width:640px) {
	#map{height: 250px;}
	.btn_map{ float:left;}
	.btn_map a{ padding:5px 10px; width:130px;}
}


/* location */
.traffic.bd_box,.ride_wayout.bd_box {padding-top:15px; padding-bottom:15px; background-color:transparent; border-color: #ddd}
.traffic.bd_box > li,.ride_wayout.bd_box > li { padding-left: 0; margin: 2px 0}
.traffic.bd_box > li:before,.ride_wayout.bd_box > li strong:before { display: inline-block;content: ""; border: 2px solid #279cde; vertical-align: middle; margin: 0 5px 3px 0}
.ride_wayout.bd_box > li li:before  { display: none}
.ride_wayout.bd_box ul > li { padding-left: 0;margin-bottom: 3px;}
.traffic > li .ttl{display: inline-block; width: 100px; position: relative}
.traffic > li .ttl:after { display: inline-block; content: "";  width: 1px; height: 13px; background: #ddd;text-indent: -9999px; position: absolute; right:10px; top:3px}
.ico_traffic {display: inline-block;overflow: hidden;font-size: 0;background: url(../images/sub/ico_traffic_170816.png) no-repeat; margin: 0 5px}
.humetro_line1_small { width: 14px; height: 14px; background-position: -240px 0;}
.humetro_line5_small { width: 14px; height: 14px; background-position: -80px 0;}
.ride_wayout > li { margin: 0 0 5px; padding-left: 180px !important; border-bottom: 1px dotted #ddd; padding: 3px 0; position: relative}


.ride_wayout > li:last-child {border-bottom:none; padding-bottom: 0}
.ride_wayout .tit_wayout { position: absolute; left: 0px; top:0}
.list_ride { font-size: .9em;}
.list_ride li { overflow: hidden; position: relative; padding-top: 3px;}
.list_ride .ico_traffic { float: left;  margin-right: 6px;}
.bus_normal, .bus_seat {  width: 26px;  height: 16px;}
.bus_normal {  background-position: -150px -410px;}
.bus_express {width: 26px;height: 16px;background-position: -180px -410px;}
.txt_wayout { color: #666; font-size: .95em}
.txt_walk {  color: #fa5309;}
.screen_out {overflow: hidden;position: absolute;width: 0;height: 0;line-height: 0;text-indent: -9999px;}
.bg_bar {display: inline-block;width: 1px;height: 15px;background: #e5e5e5;text-indent: -9999px;margin: 0 5px}
.txt_number{ padding-left: 2px;font-family: Arial,sans-serif;color: #999; font-size: .9em}
@media all and (max-width:600px){
	.ride_wayout > li {  padding-left: 0px !important; }
	.ride_wayout .tit_wayout { position: relative; left: inherit; display: block}
}

/* email_reject */
.email_reject {text-align:center;line-height:1.6;white-space:pre-line;background:transparent url('../images/sub/email_reject.jpg') center top no-repeat;padding: 180px 10px 0 10px;overflow:hidden;}
.email_reject em{ display:block;}

/* agreement */
.agreement {padding: 25px 25px 15px 25px;overflow: hidden;border: 1px solid #ddd;max-height: 200px;overflow-y: auto;margin-bottom: 10px;font-size: 0.95em;}
.agreement h4:first-child { margin-top:0;}
.agreement h4 {margin:25px 0 13px 0; font-size:1.2em; color:#444;}
.agreement h6 { margin:15px 0 10px 0; font-size:1.1em;}
.agreement p { margin-bottom:10px;}
@media only screen and (max-width:640px) {
	.agreement{ padding: 15px;}
	.agreement p { margin-bottom:5px;}
	.agreement h4{margin:15px 0 8px 0; }
	.agreement h6 { margin:10px 0 5px 0;}
}
/* sitemap */
#sitemap {width:100%; }
#sitemap > div.menu {position:relative;overflow: hidden;float: left;width: 30%;margin-bottom:30px;min-height: 200px;}
#sitemap > div.menu:nth-child(3n+2){ margin:0 5% 30px 5% }
#sitemap .menu p.tit{margin-bottom: 0;line-height:0;border-top: 2px solid #09a0f7;border-bottom: 1px solid #ddd;text-align: center;}
#sitemap .menu p.tit > a{font-size: 1.2em;line-height:1em;color: #09a0f7;display: block;padding: 12px;background: #fff;font-weight: 700;}
#sitemap .menu p.tit:before{display:none;}

#sitemap .menu .sitemapList {margin: 0 auto;overflow:hidden;padding: 15px 0px 0px 0px;}
#sitemap .menu .sitemapList:after {content:"";display:block;visibility:hidden;clear:both;}
#sitemap .menu .sitemapList li{display:block;position: relative;}
#sitemap .menu .sitemapList li a{position:relative;display:block;padding-left: 12px;color:#333;text-align:left;margin-bottom: 4px;/* font-size: .95em; */letter-spacing: -1.5px;line-height: 1.4;}
#sitemap .menu .sitemapList li a:before{content:'';position:absolute;left:0;top: 10px;width:5px;height: 1px;background:#333;border-radius:50%;}
#sitemap .menu .sitemapList li ul{padding: 2px 0 5px 12px;} 
#sitemap .menu .sitemapList li li{ float:none; width:100%; position:relative;}
#sitemap .menu .sitemapList li:last-child{ margin-bottom:0;}

#sitemap .menu .sitemapList li li a{font-size: .95em;color:#666 !important;line-height: 1.4;font-weight:300;padding-left: 10px;}
#sitemap .menu .sitemapList li li a:before{content:'';position:absolute;left:2px;top: 7px;width: 2px;height: 2px;border-radius: 50%;background:#666 !important;}

.target a:after {content:'';display:inline-block;margin: 0 0 0 10px;background:url('../images/common/ic_blank.gif') no-repeat 0 0;width:14px;height:14px;vertical-align: middle;}

@media only screen and (max-width:1024px) {	
	/* email_reject */
	.email_reject em{ display: inline;}
	/* sitemap */
	#sitemap .menu .sitemapList {padding: 9px 20px 9px 10px;}
	#sitemap .menu .sitemapList li a:before{top:12px;}
}

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

	/* sitemap */	
	#sitemap > div.menu {float: none;width: inherit !important;margin:0 0 20px 0 !important;min-height: inherit !important;}
	#sitemap .menu p.tit > a{font-size: 17px;}
	#sitemap .menu .sitemapList > li{ width:inherit !important; float: none !important;}
	#sitemap .menu .sitemapList > li > a{ }
}