﻿@charset "utf-8";

.content_area .f_trackList img {margin: 30px auto;}
#wrap .content_area .f_trackList .m_bg {width:auto; margin: 30px auto;}

@media screen and (max-width:1100px){
	/* 2018 우이신설 예술 페스티벌 */
	#wrap .fes_con .scrollbox {overflow-x:auto;}
	#wrap .fes_con .fest_table02 {width:1100px;}
}
@media screen and (max-width:1000px) {
	/*
		탭메뉴
	*/
	#shTab li {width:33.333%; border-left:0; font-size:14px;}
	#shTab li:nth-child(4),
	#shTab li:nth-child(7) {border-left:1px solid #dcdcdc;}

	#wrap .sc_wrap ul,
	#wrap .sc_wrap .sc_box {padding: 15px 0;}
	
	/*
		문화예술철도 소개
	*/
	#wrap .art_list li:nth-child(1) {margin-bottom: 20px;}
	
	#wrap .art_list li:nth-child(1),
	#wrap .art_list li:nth-child(2) {width:100%; float:none;}
	.sh_pc {display:none;}
	.art_list li .sh_m {display:block; width:100%;}

	#wrap #basicList li {height:400px;}
	#wrap #basicList li p {font-size:14px;}
	
	#wrap #ftLink {text-align:left; font-size:14px;}
	#wrap #shWrap .sb_fn {text-align:center;}


	/*
		우이신설 스토리
	*/
	
	.story_content .art_list li img {display:block; margin: 0 auto;}
	.sc_box p {line-height:24px;}

	/*
		우이신설 미술관
	*/
	#wrap .img_con2 {padding: 40px 0 0;}

	/*
		문화예술 프로그램 소개
	*/
	#wrap #artIntro li {width:32%; height:280px; margin-left:2%;}
	#wrap #artIntro li:nth-child(1),
	#wrap #artIntro li:nth-child(4),
	#wrap #artIntro li:nth-child(7),
	#wrap #artIntro li:nth-child(10),
	#wrap #artIntro li:nth-child(13) {margin-left:0;}

}
@media screen and (max-width:800px) {
	/* 
		문화예술철도
	 */
	#wrap #shWrap .sb_fn a:first-child {margin-bottom:15px; margin-right:0;	}
	#wrap #shWrap .sb_fn a {width:100%;}
	
	/*
		우이신설 미술관
	*/
	#shWrap .img_con2 li img {width:49%;}
	#shWrap .img_con2 li img:nth-child(1) {margin-right:2%;}
	#shWrap .img_con2 li:nth-child(1) {margin-bottom:20px;}
	#shWrap .img_con2 li {width:100%;}

	#shWrap .art_text p {line-height:28px; font-size:14px;}

	/*
		우이신설 예술 플랫폼
	*/
	#wrap .fine_wrap .img_con2 li img {width:100%;}

	/* 
		2018 우이신설 예술 페스티벌
	*/
	#wrap .fest_table_pc {display:none;} 
	#wrap .fest_table_m {display:block;}

	/*
		문화예술 프로그램 소개
	*/
	#wrap #shWrap #artIntro li {width:49%; height:300px; margin-left:2%;}
	#wrap #shWrap #artIntro li:nth-child(odd) {margin-left:0;}

}
@media screen and (max-width:740px) {
	#wrap #basicList li {width:50%; height: 380px;}
	#wrap #basicList li:nth-child(1),
	#wrap #basicList li:nth-child(2) {border-bottom: 0;}
	#wrap #basicList li:nth-child(3) {border-left: 1px solid #dcdcdc;}
}
@media screen and (max-width:600px) {
	#wrap .promotion li {width:100%; margin-left:0; border-bottom:1px solid #dcdcdc; padding-bottom:20px;}
	

	#wrap #space li {border-bottom:0; padding-bottom:0;}
}
@media screen and (max-width:580px) {
	#wrap #shTab {margin-bottom:0;}
	#wrap #infoWrap h3 {margin: 15px 0 30px;}
	#shTab li {width:50%;}
	#shTab li:nth-child(4) {border-left:0;}

	#shTab li:nth-child(1),
	#shTab li:nth-child(3),
	#shTab li:nth-child(5) {border-left:1px solid #dcdcdc;}

	/* 2018 우이신설 예술 페스티벌 */
	#wrap #space li {width:49%; margin-left:2%;}
	#wrap #space li:nth-child(1),
	#wrap #space li:nth-child(3),
	#wrap #space li:nth-child(5),
	#wrap #space li:nth-child(7) {margin-left:0;}

	/*
		문화예술 프로그램 소개
	*/
	#wrap #shWrap #artIntro li {height:246px;}
}
@media screen and (max-width:500px) {
	/*
		문화예술철도 소개
	*/
	.sh_r_wrap table colgroup {display:none;}
	.sh_r_wrap table th,
	.sh_r_wrap table td {width:100%; display:block;}

	#wrap .sh_r_wrap table th {background: #f8f8f8;text-indent: 10px;}
	.sh_r_wrap table td {padding: 20px 0;}
	#wrap .fine_wrap .sh_r_wrap table .vt_t + td {padding-top:20px;}
	#wrap .sh_r_wrap table th:after {content:none;}
	.m_n {display:none;}
	#wrap .m_b {visibility: visible; display:initial;display:-webkit-inherit;display:-ms-initial; vertical-align:top;}

	#wrap #basicList li {width:100%; height: auto;border-left: 1px solid #dcdcdc;}
	#wrap #basicList li:nth-child(3) {border-bottom: 0;}

	#ftLink p {margin-bottom:12px;}
	#ftLink a {display:block;}

	#wrap .art_list li img {width:100%;}
	/*
		우이신설 미술관
	*/
	#shWrap .art_text a {padding-bottom:10px; margin-top:25px;}
}
@media screen and (max-width:450px){
	/*
		문화예술 프로그램 소개
	*/
	#wrap #shWrap #artIntro li {height:220px;}
	#wrap #artIntro strong {font-size:14px; padding-bottom:5px;}
	#wrap .info_date {font-size:13px;}
}
@media screen and (max-width:400px) {
	#shTab li {font-size:13px;}
}
/* 19-01.03 */

#shTop {margin-top:60px;}

/* 문화예술철도 소개 */
#shTab {margin-bottom:0;}
#shTab li:nth-child(1) {border-left: 1px solid #c4c4c6;}
.sh_m {display:none;}
#infoWrap h3 {margin: 30px 0 60px;}
.content_area .s_tab1 {height:auto;}
.s_tab1:after {content:''; display:block; clear:both;}
.info_4 li:nth-child(5) {border-left:1px solid #c4c4c6;}

#shWrap {max-width:1100px; margin: 0 auto; padding-bottom:60px; letter-spacing:-0.5px;}
#shWrap h4 {clear:both; text-align:left; margin:0;}

.art_list li {float:left;}
.art_list li:nth-child(1) {width:40%;}
.art_list li:nth-child(2) {width:58%;}
.art_list .sh_r_wrap {border-top: 1px solid #000;}
.art_list li img {width:87.5%;}
.art_list li .sh_r_wrap h4 {text-align:left; margin:0;}
 #wrap .sh_r_wrap table th {text-align:left;}
.sh_text {margin: 30px 0;}
.sh_text01 {line-height:32px; font-weight:500;}
.sh_text01 p {font-size:18px;}
.sh_text02 {line-height:30px; color:#3a3a3a;}


.sh_r_wrap {}
.sh_r_wrap table {display:block; width:100%; padding:25px 0; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.sh_r_wrap table th {padding: 13px 0; color:#3a3a3a; font-weight:500; position:relative;}
.sh_r_wrap table th:after {content:":";  margin:0 10px; position:absolute;right:0;}
.sh_r_wrap table #tf_n:after {content:none;}
.m_b {visibility: hidden; display:none;}
.sh_r_wrap table td {color:#3a3a3a; line-height: 26px;}

#basicList li {width:25%; padding: 25px 0 30px; float:left; text-align:center; border:1px solid #dcdcdc; box-sizing:border-box; border-left:0;}
#basicList li:nth-child(1) {border-left:1px solid #dcdcdc;}
#basicList li img {width:150px;}
#basicList li h5 {font-size:18px; color:#546f03; font-weight:500;padding:25px 0 12px;}
#basicList li p {color: #3a3a3a; line-height:26px; word-break: keep-all; padding: 0 8px;}

#ftLink {text-align:right; padding: 0 3%; margin:20px 0; letter-spacing: -0.5px; line-height:26px;}
#ftLink a {vertical-align:baseline; color:#3a3a3a; font-weight:500; border-bottom:1px solid #222;}

#wrap .sb_fn {padding:20px; text-align:center; margin: 0 auto; overflow:hidden;}
#wrap .sb_fn a {display:inline-block; background: url(../img/sub/info/sb_fn02.png) no-repeat center; width:40%; height:50px; line-height:50px; border-bottom: 0; text-align:center; border: 1px solid #828282; box-sizing: border-box; transition: all 0.2s ease;}
#wrap .sb_fn a:first-child {margin-right:30px;}
#wrap .sb_fn a:hover {color:#fff; background:#F79521; border:1px solid #F79521;}
/* 우이신설 스토리 */
#storyWrap .content_area {padding: 0 3%; margin-bottom:30px;}
.story_text p {line-height:30px; color:#3a3a3a;}
.img_con {margin: 30px 0;}
.img_con img {width:100%; border-top:1px solid #000;}
#storyWrap h4 {margin: 0 0 12px; font-size:20px;}

.sc_wrap {border-top: 1px solid #000;}
.sc_wrap ul,
.sc_wrap .sc_box {padding:20px 15px; border-bottom:1px solid #dcdcdc;}
.art_list02 .sc_box {padding: 26px 15px;}
.sc_wrap02 .sc_box {padding:15px;}
.sc_box strong {font-weight:500; font-size:18px;}
.sc_wrap ul li {line-height:28px; color:#3a3a3a; font-size:15px;}
#wrap .art_list .sc_wrap li:nth-child(1){margin-bottom:0;}
.sc_wrap ul li a,
.sc_wrap .sc_box a,
.art_text a {vertical-align:baseline; color:#000; font-weight:500; border-bottom:1px solid #222; transition: all 0.1s ease-in;}
.sc_wrap ul li a:hover,
.sc_wrap .sc_box a:hover,
.art_text a:hover,
#ftLink a:hover {color:#63BA4D; border-bottom: 1px solid #63BA4D;}

.story_content {overflow:hidden; padding: 40px 0;}
.story_content .sc_wrap ul li {float:none; width:auto;}

.story_content02 {padding: 40px 0 0;}
.story_content02 ul li {line-height:34px;}

#wrap .story_content03 {padding: 40px 0;}


/* 우이신설 미술관 */

.content_border {border-bottom: 1px solid #dcdcdc;}

.img_con2 {padding: 40px 0 25px;}
.img_con2 li {float:left;}
.img_con2 li:nth-child(1) {width:65%;}
.img_con2 li:nth-child(2) {width:35%;}
.img_con2 li img {float:left; width:47%;}
.img_con2 li img:nth-child(1) {margin-right:10px;}

.img_con2 .art_list li {width:100%;}
.img_con2 .sc_wrap ul li {line-height:31px;}

.art_text p {font-size:15px; line-height:32px;}
.art_text .p_mg {margin:15px 0;}
.art_text a {display:inline-block; padding-left:20px; color: #3a3a3a; font-weight:bold; margin-top:15px; position:relative;}
.art_text a:before {content:"▷ "; position:absolute; left:0;}

/* 우이신설 예술 플랫폼  */

.fine_wrap .img_con2 li:nth-child(1) {width:40%; margin-right:0;}
.fine_wrap .img_con2 li:nth-child(2) {width:55%; float:right;}
.fine_wrap .img_con2 li img {width:100%;}
.fine_wrap .img_con2 .art_list li {width:100%;}

#wrap .fine_wrap h4 {font-size:18px;}
.fine_wrap .art_list .sh_r_wrap {border-top: 0;}
.fine_wrap .sh_text {margin: 0 0 8px; font-size:14px; line-height:26px;}
.fine_wrap .sh_text02 { border-bottom: 1px solid #dcdcdc; padding-bottom:15px; margin-bottom:15px;}

.fine_wrap .art_dot {margin-bottom:10px; font-weight:500; position:relative; padding-left:8px;}
.fine_wrap .art_dot:before {content:""; width:3px; height:100%; background:#000; position:absolute; left:0; top:1px;}
.fine_wrap .sh_r_wrap table { border-top:0; padding: 0 0 12px;}
.fine_wrap .sh_r_wrap table th {padding: 8px 0; font-size:15px;}
.fine_wrap .sh_r_wrap table .vt_t {vertical-align:top;}
.fine_wrap .sh_r_wrap table .vt_t + td {padding-top:2px;}
.fine_wrap .sh_r_wrap table td {font-size:14px;}


.fine_wrap .promotion .art_dot {padding-left:12px;}
.promotion {overflow:hidden;}
.promotion ul {margin-top:30px;}
.promotion li {width:48%; float:left; margin-left:4%; margin-bottom: 35px;}
.promotion li:nth-child(1),
.promotion li:nth-child(3) {margin-left:0;}
.promotion li img {width:100%; margin-bottom:20px;}
.promotion li p {line-height:24px; color:#3a3a3a; font-size:15px; word-break: keep-all;}
.promotion li strong { display:inline-block; margin-bottom:2px; font-weight: 500; color:#000; font-size:18px;}
#promotion #ftLink {margin-top:20px;}
#promotion #ftLink a {display:inline-block; padding-left:5px;}

/* 아름다운 우이신설 사진전 */
#picWrap {margin-top:-80px;}
.pic_content {border-top: 1px solid #000; margin-top:40px; padding: 10px 0 0;}
.pic_content02 {margin-top: 80px;}
.art_box { font-size:15px; line-height:28px;}
#wrap .sc_wrap .pic_box {padding: 3px 15px 12px 15px;}
.sc_wrap .art_box {padding:12px 15px;}
.sc_wrap .art_box p {color:#3a3a3a;}
.sc_wrap .art_box02 {padding: 6px 15px;}
.art_list03 li:nth-child(2){float:right; width:58%;}
.art_list03 li img {width:100%;}
.art_list03 .sc_wrap {border-top:0;}

/* 2018 우이신설 예술 페스티벌 */

#wrap #festival .art_dot {margin-bottom: 10px;}
#wrap #festival .fes_con .art_dot {margin-bottom:0;} 
.fes_con .msg_touch_help {top:270px;}
.fest_table {display:block; width:100%; text-align:center; border-top: 1px solid #000;}
.fest_table th {background:#f8f8f8; padding: 15px 0; color:#3a3a3a; }
.fest_table td {color:#3a3a3a; font-size:15px; line-height:26px; padding: 20px 0; border-bottom: 1px solid #dcdcdc;}
.content_area .f_trackList img {margin: 30px auto;}
#wrap .content_area .f_trackList .m_bg {width:auto; margin: 30px auto;} 

.fest_table_m {display:none;}
.fest_table_m th {border-bottom: 1px solid #dcdcdc;}
.fest_table_m td{word-break: keep-all; padding: 20px 10px; border-right:1px solid #dcdcdc;}
.fest_table_m .bd_n {border-right:0;}

h6 {color:#3a3a3a; font-size:15px;}
#space li {width: 32%; margin-left:2%;}
#space li img {margin-bottom: 15px;}
#space li:nth-child(1), 
#space li:nth-child(4),
#space li:nth-child(7) {margin-left:0;}
#space li:nth-child(3) {margin-left:2%;}
#space li strong {font-size:16px; display:block; color:#595959; font-weight:normal; text-align:center;}


.fes_con {margin-top:40px;}
.fes_con .scrollbox {overflow-x:hidden;}
.fes_con .fest_table02 {margin-top:20px;}
.fes_con table td {border-right: 1px solid #dcdcdc;}
.fes_con table .bg_on {background:#e4e4e4;}

#wrap #artIntro .art_dot {margin-bottom:20px;}
#artIntro li {width:23.5%; height:248px; margin-left:2%; float:left;text-align:center; font-size:15px; margin-bottom:30px; border:1px solid #dcdcdc; box-sizing: border-box;}
#artIntro li img {width:100%;}

#artIntro li:nth-child(1),
#artIntro li:nth-child(5),
#artIntro li:nth-child(9),
#artIntro li:nth-child(13) {margin-left:0;}

#artIntro strong {display:block; text-align:center; word-break:keep-all; padding-top:15px; line-height:18px;}
#artIntro .info_date {word-break:keep-all; color:#595959; line-height:18px;}









/* 달려온 문화철도 내용 */
#manaWrap .bd_view table tbody td.bd_contents {padding:0;}

/* 1107 게시글 이미지사이즈 수정 */
.img_detail05 > img {width:100%;}
 
/* 유실물센터 수정 */
#lostList > li {float:left; width:49%; margin-left:2%;}
#lostList > li:nth-child(1){margin-left:0;}
.lost_img > img {width:100%;}

/* QNA  */
#qnaList {border-top:2px solid #2B5E1D; padding-bottom:70px;}
#qnaList > li {padding:15px 35px; border-bottom: 1px solid #e5e5e5; box-sizing:border-box; position:relative; cursor:pointer;}

#qnaList2 {overflow:hidden;}
#qnaList2 > li {float:left;}
#qnaList2 .qna_q {width:7%; text-align:left;}
#qnaList2 .qna_q > img { margin-top: 3px;}
#qnaList2 .qna_title {width:90%; line-height: 43px;}
#qnaList2 .qna_title p {display:inline-block;word-break: keep-all;}
#qnaList2 .qna_cate {float:left; display:none;}
.qna_content { background:#FCFCFC; width:100%; line-height:20px; color:#797979; line-height: 43px;}
.qna_content span {float:left; width:7%;}
.qna_content div {display:inline-block; width:90%; line-height: 34px; word-break: keep-all;}


.cc_content_area h2 {font-family: "Noto Sans KR", sans-serif;}
#insertTable .bd_cTitle { border-right:1px solid #dcdcdc; text-align:center;}
#insertTable td {padding: 15px;border-bottom: 0;}
#insertTable td input[type="file"] {margin-left:10px; background:#fff; height:30px; border:0;}
#insertTable td input[type="button"] {border:0; border:1px solid #dcdcdc; cursor:pointer;margin-left:10px; padding:6px 20px;}

/********* 공통 **********/
.content_area .m_bg {display: none;}
.content_area .pc_bg {display:block; margin: 0 auto;}
.content_area3 h3 {margin: 0;}
div.lnb_area { max-width: 1200px; overflow: hidden; margin: 0 auto; line-height: 45px;}

/* 0718 추가 */
.condition_area {margin: 40px 0;}
.condition_list {overflow:hidden; border: 1px solid #dcdcdc;}
.condition_list > li {float:left; height:380px; box-sizing:border-box; color:#3a3a3a;}
.condition_list > li:nth-child(2) {width:40%;  border-right:1px solid #dcdcdc;  border-left:1px solid #dcdcdc;}
.condition_list > li:nth-child(1),
.condition_list > li:nth-child(3) {width:30%;}

.condition_list dt {text-align:center; border-bottom: 1px solid #dcdcdc; background-color:#F8F8F8; height:100px;}
.condition_list dt img {width:auto;}
.condition_list dt p {color:#6CAA45; font-weight:500;}
.condition_list dl li:before {content:"• "; color:#3a3a3a;}
.condition_list dl dd {line-height:30px; /*padding:20px 0 20px 60px;*/padding:5% 0 5% 15%; font-size:15px;}
/*.condition01 {background: url(../img/sub/condition01.png) no-repeat center;}
.condition02 {background: url(../img/sub/condition02.png) no-repeat center;}
.condition03 {background: url(../img/sub/condition03.png) no-repeat center;}*/
/* 0710 추가 */

.thead_right_list span:after {content:" ㅣ"}
.thead_right_list span:last-child:after {content:"";}
.bd_view thead p span:after {content:" ㅣ"}
.bd_view thead p span:last-child:after {content:"";}

.s_tab07 {margin-bottom: 30px;}
.machine {margin-bottom:20px;}
.machine ul {overflow:hidden; border:1px solid #dcdcdc;}
.machine ul li {float:left;}
.machine dl {padding:40px 0 0 30px;}
.machine dl dt {font-size:18px; font-weight:bold; color:#3a3a3a; margin-bottom: 10px;}
.machine dl dd {font-size:15px; color:#777; line-height:26px;}
.machine01 {background:url(../img/sub/machine01.png) no-repeat center;width:392px; height:155px;}
.machine02 {background:url(../img/sub/machine02.png) no-repeat center;width:392px; height:155px;}
.machine03 {background:url(../img/sub/machine03.png) no-repeat center;width:392px; height:155px;}
.n_tableWrap {margin:60px 0 50px;}

.n_tableWrap table {margin-bottom:20px;}
.n_tableWrap table th {border-right: 1px solid #c5c5c5;}
.n_tableWrap .bd_vlist table tbody td {padding:10px;}

/* 0711 추가 전기설비구성 */
.elma_list {overflow:hidden;}
.elma_list > li:nth-child(1) {margin-left:0;}
.elma_list > li {float:left; border: 1px solid #dcdcdc; box-sizing:border-box; margin-left:0.8%;}
.elma_list > li > dl {text-align:center; padding-bottom:20px;}
.elma_list > li > dl .elma_title {color:#3a3a3a; font-weight:bold; font-size:18px; margin-top:15px;}
.elma_list > li > dl dd  {color:#777; font-size:15px; line-height:30px;}

.elma01 {background:url(../img/sub/elma01.png) no-repeat center; width:290px; height:220px;}
.elma02 {background:url(../img/sub/elma02.png) no-repeat center; width:290px; height:220px;}
.elma03 {background:url(../img/sub/elma03.png) no-repeat center; width:290px; height:220px;}
.elma04 {background:url(../img/sub/elma04.png) no-repeat center; width:290px; height:220px;}

.about_topText {margin: 50px 0 45px;}
.about3_text {margin-top:-10px; overflow:hidden;}
.about3_text p {line-height:26px; text-align:center; color:#3a3a3a;}
.about3_text p span {display:inline-block;}
.about3_list {overflow:hidden; border-top: 2px solid #56AD4B; border-bottom: 1px solid #56AD4B; margin-bottom: 50px;}
.about3_list > li {float:left; padding:30px 25px; width:50%; box-sizing:border-box;}
.about3_list > li:nth-child(even) {border-left:1px solid #dcdcdc;}
.about3_list > li:nth-child(3),
.about3_list > li:nth-child(4) {border-top:1px solid #dcdcdc;}
.about3_list > li > dl {}
.about3_list > li > dl > dt {float:left;}
.about3_list > li > dl > .ab3_title {font-size:18px; color:#3a3a3a; font-weight:bold; letter-spacing:-1px;}
.about3_list > li > dl > dd {display:table; color:#777; line-height:28px; font-size:15px; padding-left:20px;}
.ab3_01 {background:url(../img/sub/ab3_01.png) no-repeat center; width:350px; height:200px; background-size: cover;}
.ab3_02 {background:url(../img/sub/ab3_02.png) no-repeat center; width:350px; height:200px; background-size: cover;}
.ab3_03 {background:url(../img/sub/ab3_03.png) no-repeat center; width:350px; height:200px; background-size: cover;}
.ab3_insert {font-size:20px; color:#508849; font-weight:bold; text-align:center; margin: 0 auto; width:200px; line-height:200px; background: url(../img/sub/el_icon.png) no-repeat left center;}

/* 차량소개 */
.car_area {margin-bottom: 50px;}


.carList > li {float:left; margin-left:2%;}
.carList > li:first-child {margin-left:0;}
.carList > li dl {float:left;}
.carList > li dl dt {background:#F8F8F8; border: 1px solid #dcdcdc; padding:15px 0; color:#3a3a3a; font-weight:bold; text-align:center;}
#carList_or {overflow:hidden; margin-bottom:30px;}
#carList_or > li {width:49%; float:left;}
.carList > li dl dd {float:left; width:50%;}
.carList > li dl dd img {width:100%;}
.carList02 > li {width:100%;}
.carList01 {overflow:hidden; margin-bottom:30px;}
.carList01 > li {width:49%;}
.carList table {width:100%; height:320px; border: 1px solid #dcdcdc; border-bottom:0; box-sizing: border-box;}
.carList table th {background:#F8F8F8; font-size:15px; border-right:1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; padding: 20px 0; text-align:center;}
.carList table td {border-bottom: 1px solid #dcdcdc; font-size:14px; color:#3a3a3a; padding: 20px;}
.carList table td p {line-height:26px;}
.carList table ul li {line-height:35px; padding-left:20px;}

#wrap .bd0711 thead th {background:#F6F8E6;  font-weight:500;}
#wrap .bd0711 .sub_th {background:#f8f8f8; color:#3a3a3a; font-weight:500;}
.carps {margin:10px 0 50px; font-size:14px; color:#F57223; line-height:25px;}
/* 0621 추가 */

/* 답변접수 코멘트 */
.receipt {background: #f8f8f8; margin-top:20px; text-align:center; line-height:25px; padding:40px 0; color: #3a3a3a; font-weight:bold; border: 1px solid #dcdcdc;} 
.receipt dt {margin-bottom:10px;}

/* 0620 추가 */
.reliefWrap .aed_txt {color:#3a3a3a; font-weight:bold; margin-top:-20px; margin-bottom: 20px; font-size: 14px; text-align:right;}
.reliefWrap .aed_list01 {overflow:hidden; padding: 30px 0; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; margin-top:30px;}
.reliefWrap .aed_list01 > li {display:inline-block; width:49%; float: none; margin-left: 0;}
.reliefWrap .aed_list01 > li:nth-child(2) {border-left: 1px solid #dcdcdc;}
.aed_box {color: #3d7b35; font-weight: bold; font-size: 20px; text-align:center;}
.reliefWrap .aed_box > img {width:auto; margin-bottom:0;}
.aed_list02 {padding: 0 20px;}
.aed_list02 > li {line-height:30px; margin-bottom:20px; color:#777;}
.aed_list02 > li:last-child{margin-bottom:0;}

/* 방법 레이아웃수정 */
.reliefWrap .aed_list03 {border-top: 0; padding-top:0;}
.reliefWrap .aed_list04 > li{margin-bottom:10px;}
.reliefWrap .aed_list04 > li:last-child {margin-bottom:0;}
/* 0615 추가 */
.ne_conWrap {overflow:hidden; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.ne_con01 {float:left;  border-right: 1px solid #dcdcdc; box-sizing: border-box; overflow:hidden; width:30%;}
.ne_con02 {float:right;}
.ne_con02 ul li {line-height:30px; color: #777;}

.brn_box17 {overflow:hidden; clear: both; margin-top: 20px;}
.brn_box17 > a {float:right;}
/* 0419 추가 */

.user_table15 {width:100%;border-top: 2px solid #777;}
.user_table15 td { overflow: hidden; box-sizing: border-box;  font-size: 18px; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;}
.user_table15 input {width: 450px; height: 30px; margin-left:10px; font-size: 15px; color: #3a3a3a; padding: 0 1%; border: 1px solid #dcdcdc; margin-right: 10px;} 
.user_table15 .ut_title {/*width: 15%; */background: #f7f7f7; text-align: center; border-bottom: 1px solid #dcdcdc; line-height: 50px; overflow: hidden; border-left: 1px solid #dcdcdc;; font-size: 15px; color: #3a3a3a; font-weight: 600;}
.user_table15 .ut_con span { color: #ff6600; font-size: 14px; font-weight: bold; line-height: 50px;}
.user_table15 .ut_con {border-bottom: 1px solid #dcdcdc; background: #fff; font-size: 14px; color: #3a3a3a; font-weight: 600;padding: 1% 0 1% 15px;}
.ut_textarea15 { line-height: 23px;}

/* 0503 역 주변 관광코스 추가 */

.info_conImg img {width:260px;}

/* 역주변 관광코스 불릿 */
.t_info_bl {background: url(../img/sub/ui_info_01.png) no-repeat center left; width:9px; height:9px;margin-right:5px;}
.info_content_list dl dd.info_add {background: url(../img/sub/ui_info_02.png) no-repeat center left; background-size:15px; line-height:23px; padding-left:25px;}
.info_content_list dl dd.info_num {background: url(../img/sub/ui_info_03.png) no-repeat center left; background-size:15px; line-height:23px; padding-left:25px;}
/* 역주변 관광코스 불릿 */

/* 정보제공 텍스트 */
.infomation_text {text-align:right; font-size:14px; color:#3a3a3a; margin: 10px 0;}
/* 정보제공 텍스트// */

#wrap .info_serchbtn {background: #f79521; margin-top: -2px;}

.intro_categories {width:100%; overflow:hidden; border-bottom: 2px solid #56ad4b; margin-bottom: 40px;}
.intro_categories li { float:left; margin-right:10px; background:#F8F8F8; cursor: pointer;}
.intro_categories li.on {background: #56ad4b;}
.intro_categories li.on a {color: #fff;}
.intro_categories li a { display:inline-block; width:125px; height:35px; line-height:35px; text-align: center; color:#3a3a3a; font-weight: bold;}

.t_content {width:100%; overflow:hidden; margin-bottom: 40px;}
.t_content .t_content_list {overflow:hidden; border-bottom: 2px solid #d2d2d2;}
.t_content ul li {float:left;}
.t_content ul.t_content_list li:nth-child(2) {float:right; cursor:pointer; font-size:15px;}
.t_content ul.t_content_list li {font-size:18px; margin-bottom:10px;}
.t_content .t_content_list span { display:inline-block; margin-top:-5px; color:#ca6d00;}

.info_content {width:100%; overflow:hidden; border-bottom: 1px solid #dcdcdc;}
.info_content_list li { float:left;}
.info_content_list li ul {overflow:hidden;}
.info_content_list li ul li {clear:both; margin-bottom: 20px;}
.info_content_list li ul li {content:"◎ "}
.info_content_list li div {overflow:hidden;}
.info_content_list dl dt {color:#1e6415; font-size:20px; font-weight:bold; margin:45px 0 20px;}
.info_content_list dl dd {margin-bottom: 10px; color:#3a3a3a;}


.info_content_list li .info_conImg {margin: 20px 20px 20px 0; overflow:hidden;}

/* 여행이야기 */

.t_visit {margin-top: 40px;}
.info_content_no {text-align: center; margin: 0 auto; padding: 40px 0;}
.info_content_no dt {margin-bottom: 20px;}
/* 상단 이미지 */

div#top_image { position: relative;}
.safety_top_image { background-image: url(../img/sub/top_safety.jpg); background-repeat: no-repeat; background-size: cover; min-height: 300px;}
.terms_top_image { background-image: url(../img/sub/top_membership.jpg); background-repeat: no-repeat; background-size: cover; min-height: 300px;}
.Intro_top_image {background-image: url(../img/sub/top_companyIntro.jpg); background-repeat: no-repeat; background-size: cover; min-height: 300px;}
div.top_text { padding-top: 105px;}
.Info_top_image {background-image: url(../img/sub/top_use.jpg); background-repeat: no-repeat; background-size: cover; min-height: 300px;}
.service_top_image {background-image: url(../img/sub/top_service.jpg); background-repeat: no-repeat; background-size: cover; min-height: 300px;}
.public_top_image {background-image: url(../img/sub/top_public.jpg); background-repeat: no-repeat; background-size: cover; min-height: 300px;}
p.top_title { font-size: 20px; color: #fff; text-align: center; line-height: 50px;}
p.top_main_title { font-size: 35px; font-weight: bold; color: #fff; text-align: center;}

/* 상단 이미지 // */
.login_area h3 {margin-bottom: 30px;}

h3 {
    font-size: 30px;
    text-align: center;
    display: block;
    margin: 0 0 60px;
    font-weight: bold;
}
h4 { font-size: 25px; text-align: center; display: block; margin: 0 0 40px; font-weight: bold;}

/* navigation */
.navi_tit {line-height: 40px;}
div.navigation {
    width: 100%;
    position: absolute;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.5);
}
div.navigation ul {width: 1200px; margin: 0 auto;}
div.navigation ul li {float: left; border-right: 1px solid #444;}
div.navigation ul li a {
    display: block;
    padding: 0 30px 0 15px;
    font-size: 14px;
    color: #eee;
    line-height: 53px;
    border: none;
    background: url('../img/sub/bg_nav_arrow.png') no-repeat right 15px center;
}
div.navigation ul li:nth-child(2) a { background: none;}

/****************************** tab **********************/
.s_tab1 {border-top:1px solid #c4c4c6; width:100%; height:50px;} 
.s_tab1 li {
    float:left;
    border-right:1px solid #c4c4c6;
    box-sizing:border-box;
    border-bottom:1px solid #c4c4c6;
    height:48px;
    margin-bottom:-2px;
    font-size:16px;
    color:#9d9d9d;
    line-height:48px;
    width: 33.33%; text-align: center; box-sizing: border-box;
    cursor: pointer;
}
.s_tab1 li:first-child {border-left: 1px solid #c4c4c6;}
.s_tab1 li.on {border-top: 0; border-bottom:1px solid #63ba4d; border-left: 0; color:#fff; background: #63ba4d;} 
.s_tab1:aftor {display:block; height:0; clear:both;}

.s_tab2 li {width: 50%;}
.s_tab3 li { width: 20%;}
ul.sub_list,
.m_sub_list {width: 100%; margin-top: 50px;}
ul.sub_list li,
.m_sub_list li { width: 25%; float: left; height: 20px; text-align: center; color: #777; box-sizing: border-box; font-size: 16px; letter-spacing:-1px; position: relative; border-right: 1px solid #c4c4c6; cursor: pointer;}
ul.sub_list li:last-child { border-right: 0;}

ul.sub_list li:hover { color: #63ba4d;}
ul.sub_list li.active {color: #63ba4d;}
ul.sub_list li.active .sel {display: block;}
.sel { display: none;}

.s_contents02 ul.sub_list li {width:20%;}

.m_sub_list {display: none;}
.m_sub_list li:hover ul { display: block;}
.m_sub_list ul {width: 100%; display: none; overflow: hidden; border: 1px solid red;}
.m_sub_list li {width: 100%; padding: 10px; margin-bottom: 10px;}
/*********************** content1 **********************/
.safety_content {width: 45%; float: left;}
.safety_content img { display: block; margin: 110px auto 0; }
.safety_content ul li { line-height: 45px; color: #777;}
.safetyWrap .height_bar { margin: 30px 9% 0 0; height: 400px;}
#etiquette { padding-bottom: 0; }
#etiquette ul { overflow: hidden;}
#etiquette ul li { width: 33.33%; float: left; height: 150px; text-align: center; box-sizing: border-box; border: 1px solid #c9c9c9;}
#etiquette ul li span {display: block; margin: 50px 0 10px; font-size: 18px;}
#etiquette p { color: #777; line-height: 25px; padding: 0 3%;}
#etiquette ul li:hover { background:#257d94; color: #fff; }
#etiquette ul li:hover p { color: #fff;}


div#barrier {
    width: 100%;
    overflow: hidden;
    background: url("../img/sub/ticket.jpg") no-repeat;
    background-size: cover;
}
.barrierWrap { width: 100%; overflow: hidden; padding-bottom: 20px;}
.barrier_content { width: 41%; float: left; overflow: hidden; padding: 30px 0;}
.barrier_content img { margin-left: 25%;}
.barrier_content1 ul li { color: #fff; line-height: 35px;}

.barrier_content2 ul { margin-top: 60px;}




/*********************** content2 **********************/
.safetyWrap { width: 100%; overflow: hidden; padding-bottom: 30px;}
.s_contents { width: 100%; overflow: hidden; }
.tab_content {width: 100%; overflow: hidden;}
div#subway { width: 100%; background: #f8f8f8; overflow: hidden;}
div#subway img { width: 100%;}
/*.f_content { padding-bottom: 50px;}*/

div.fireWrap { width: 100%; overflow: hidden;}
div.fire_content {width: 50%; float: left;}
div.fire_content img { width: 95%; height: auto;}
.fire_list { width: 100%; overflow: hidden;}
.fire_list dt { font-size: 18px; margin-bottom: 10px; color: #3a3a3a;}
.fire_list dd { line-height: 30px; color: #777; margin-bottom: 30px; word-break: keep-all;}

/* 역사 내 화재 */
ul.subway_list {width: 100%;  background: red;}
ul.subway_list li {
    float: left;
    width: 31%;
    margin-left: 2%;
    background: url(../img/sub/arrow.png) no-repeat right 100px;
}
ul.subway_list li img {width: 85%;}

ul.subway_list li:nth-child(3),
ul.subway_list li:nth-child(5) { background: none;}
ul.subway_list dt {font-size: 18px; margin:20px 0 10px;}
ul.subway_list dd { color: #777; line-height: 25px; margin-bottom: 30px;}

div.tunnel_content {width:25%; float: left; margin-left: 5%;}
div.tunnel_content img {}
.tunnel_list ul li {line-height: 36px; color: #777;}
.fire_bb { }
div#take { overflow: hidden; background: url("../img/sub/fire_bb_bg2.png") no-repeat; background-size: cover; max-width:1200px; margin: 0 auto 30px;}
div#take dt { margin-bottom: 20px;}
div#take dd {line-height: 35px; color: #777;}

/* 테러발생시 */

h4.call_h4 { color: #fff; margin-top: 10px; margin-bottom: 25px;}
span.call_bar { display: block; width: 120px; height: 1px; background: #dcdcdc; margin: 0 auto 60px;}
span.safety_bar {display: block; width: 120px; height: 1px; background: #63BA4D; margin: -20px auto 32px;}
#safety_bar {background: #fff;margin: 0 auto 60px;}


.terrorWrap { width: 100%; overflow: hidden; }
.terrorWrap ul li { width: 32%; float: left; text-align: center; margin-left: 2%;}
.terrorWrap ul li:nth-child(1) {margin-left: 0;}

.terrorWrap ul li img {width: 100%; /*margin: 35px auto 10px;*/}

div.call { 
    width: 100%; overflow: hidden;
   
    background-size: cover;
    overflow: hidden;
    padding-bottom: 20px;
}

.call_cu { width: 100%; overflow: hidden; background: #f8f8f8; padding: 50px 0;}

div.callWrap ul {width: 100%; overflow: hidden;  border: 1px solid #dcdcdc;}
div.callWrap ul li {float: left; width: 20%; border-right: 1px solid #dcdcdc; color: #3a3a3a; text-align: center; line-height: 30px; box-sizing: border-box; min-height: 180px;}
div.callWrap ul li span { color: #56ad4b;}
div.callWrap ul li:last-child{border-right: 0;}
div.trickWrap:last-child {border-bottom: 0;}
div.callWrap ul li img {margin-top: 50px;}

div.trickWrap { 
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
    padding: 20px 0;
    border-bottom: 1px solid #dcdcdc;
}
div.trick_content { width: 20%; overflow: hidden; padding: 30px 0 30px; float: left;}
.trick_list { margin-top: 30px}
.trick_list dt { margin-bottom: 20px; font-size: 18px; color: #3a3a3a; font-weight: bold;} 
.trick_list dd {line-height: 35px; color: #777;}

#wrap .fireWrap > img {width: 100%;}

.dropWrap { border-bottom: 0 !important;}

.drop_img {width: 100%; margin-bottom: 40px;}
.drop_content { width: 50%; float: left;}
.drop_content img { display: block; margin: 0 auto;}
.drop_content dl {text-align: center;}
.drop_content dt {font-size: 18px; margin: 20px 0;}
.drop_content dd {color: #777; line-height: 30px;}

/* 승객구호장비 */
.ff_content {width: 100%; background: #f8f8f8; overflow: hidden;}
.sub_text_box {margin-bottom: 30px; text-align: center;}
.reliefWrap > ul { width: 100%; overflow: hidden;}
.reliefWrap > ul > li {width: 32%; float: left; margin-left: 2%;}
.reliefWrap > ul > li:nth-child(1) {margin-left: 0;}
.reliefWrap img { margin-bottom: 20px; width: 100%;}
.reliefWrap p { color: #777; text-align: center; line-height: 30px; font-size: 15px;}
/* 소화기 */

.fireuse ul  {width: 100%; overflow: hidden;}
.fireuse ul li { width: 49%; float: left;margin-left: 2%;}
.fireuse ul li:nth-child(1) {margin-left: 0;}
.fireuse ul li img { width: 100%;}

.fireuse .fire_f { border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; padding: 40px 0 45px; margin-top: 30px;}
.fire_f .trick_content { width: 40%; height: 101px; line-height: 100px; color: #3d7b35; font-weight: bold; font-size: 20px; border-right: 1px solid #dcdcdc; margin-right: 3%; text-align: center;}
.fire_f .trick_content img {margin-right: 10px;}
.fire_f .trick_list { margin-top: 0;}

/* 소화전 */
div.relief_text p{ text-align: left;}
.hydrant .trick_list {margin-top: 20px;}
.hydrant .fire_f {margin-top: 0;}

/* 안전문개방 */
.plattformWrap {overflow:hidden;}
.plattformWrap ul li {float: left; width: 49%; margin-left: 2%;}
.plattformWrap ul li:nth-child(1) {margin-left: 0;}
.plattformWrap ul li img { width: 100%;}
.wrap .plattform { border-bottom: 0;}
.plattform .trick_list {margin-top: 5px;}
.wrap .plattform2 {border-top: 0; margin-top: 0;}
.plattform2 .trick_list {margin-top: 15px;}

.plattform2 .trick_content { padding: 0; line-height: 94px;}


/* 안전경영방침 */

.policyWrap { text-align: right;}
p.policy_text { margin: 20px 0; color: #3a3a3a; text-align: center;}
.policyWrap li { color: #3a3a3a;}
.policyWrap span {display: inline-block; font-weight: bold; margin-top: -6px; padding: 0 5px;}

/* 종합관제센터 */
span.check2 {background-image: url(../img/sub/check2.png); width: 20px; height: 20px; display: inline-block; margin-right: 10px; margin-top: -6px;}

.controlWrap {
    border-bottom: 1px solid #dcdcdc;
    width: 100%;
    overflow: hidden;
    padding: 40px 0;
}
.controlWrap:last-child { border-bottom: 0;}

.msg_touch_help {
    display: none;
    position:absolute;
    top: 120px;
    left: 50%;
    z-index: 10;
    width: 70px;
    height: 70px;
    margin: 0 0 0 -35px;
}
.msg_touch_help img {border:0 !important;}
.msg_touch_help2 { top: 450px;}
.msg_touch_help3 { top: 300px;}
.msg_touch_help4 { top: 30px;}
.msg_touch_help5 { top: 100px;}
.scrollbox { overflow: auto; position: relative; clear:both;}
.bd_vlist3 { width: 800px;}
.bd_vlist3 table { width: 1200px; border-top:1px solid #c5c5c5; line-height:1.8; font-size:14px;border-right: 1px solid #c5c5c5;}
.bd_vlist3 table th {border-bottom:1px solid #c5c5c5; border-left:1px solid #e7e7e7; background:#7799bb; padding:10px 0; color: #fff;}

.bd_vlist3 table td {border-bottom:1px solid #e7e7e7; border-left:1px solid #c5c5c5; color:#666; padding:10px 15px;font-weight:300; text-align: center;}
.bd_vlist3 table tr:last-child th,
.bd_vlist3 table tr:last-child td {border-bottom:1px solid #c5c5c5;}

.bd_vlist7 table {border-left: 1px solid #dcdcdc;} 
.bd_vlist7 table th { background:#f8f8f8; color: #3a3a3a; padding: 30px 0; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc;}
.bd_vlist7 table td {text-align: left; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc;}
.carIntroWrap {margin: 0 auto; overflow: hidden; padding-bottom: 30px;}
.wrap .bd_vlist11 thead th {background: #f8f8f8;}
.carIntroWrap .bd_vlist10 th { background: #f8f8f8;}
.carintro_wrap { margin-top: -80px;}
/* 시스템소개/신호통신 */
#atcsystem {
    background: url("../img/sub/system_intro_bg.jpg");
    background-size: cover;
}
#atcsystem img { margin: 0 auto; display: block;}
.systemWrap .f_systemList li {width: 25%; margin-left: 0;}

.systemWrap .f_systemList li span { text-align: center; display: block; font-size: 18px; line-height: 30px;}

/* 시스템소개/신호통신 */
.trackWrap ul {}
.trackWrap ul li { width: 49%; border: 1px solid #dcdcdc; box-sizing: border-box; height: 380px;}
.trackWrap img {width: auto; display: block; margin: 40px auto 20px;}
span.track_title { display: block; width: 100%; height: 50px; background:#eee; text-align: center; line-height: 50px; border-top: 1px solid #dcdcdc; border-bottom: 2px solid #dcdcdc;}

ul.f_trackList { margin-top: 30px;}
ul.f_trackList li { width: 100%; height: auto;}
ul.f_trackList li img {width: auto; margin-top: 20px;}


/* 회원가입 - 이용약관 */
.signWrap {max-width: 1200px; overflow: hidden; margin: 75px auto 0; padding: 0 3%; background: #f2f2f2;}
.sign { color: #079164;  margin: 50px 0 20px;}
.sign_text { text-align: center; padding-bottom: 50px; font-size: 18px;}
.sign_text p { color: #777; line-height: 30px;}
.signWrap .content_area { padding: 0;}
div.stage img { width: 100%;}
.caption1 {
    position: relative;
    height: 20em;
    margin: 0 auto 10px;
    padding: 1.666em 1em;
    border: 1px solid #ddd;
    background: #fff;
    color: #666;
    overflow: auto;
    overflow-x: hidden;
}
.caption1 p {margin: 20px 0; line-height:23px;}
.caption1 ol {margin: 20px 0; text-indent: 30px;}
.caption1 ol li { line-height: 30px;}
h5 { font-size: 1.071em;}
div#fare h5 { text-align: center; font-size: 20px; margin: 20px 0 30px;}

.agree_btn { max-width: 1200px; margin: 0 auto; overflow: hidden; padding-bottom: 100px; text-align: center;}

.agree_btn li {display: inline-block; margin-right: 1%; text-align: center;}
.agree_btn li a { width: 200px; height: 20px; display: block; color: #fff; padding: 15px 20px; margin: 0 auto;}
.agree { background: #ff9001;}
.d_agree { background: #aaa; }

.user_table {width: 100%; overflow: hidden; border-top: 2px solid #777;}
.user_table li { float: left;  overflow: hidden; box-sizing: border-box;  height: 60px; font-size: 18px; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;}
.user_table li input {width: 400px; height: 25px; margin-left:3%; font-size: 15px; color: #3a3a3a; padding: 0 1%; border: 1px solid #dcdcdc;}
.user_table12 li input {border:0;}
.user_table li.ut_title {width: 20%; background: #f7f7f7; text-align: center; border-bottom: 1px solid #dcdcdc; line-height: 60px; overflow: hidden; border-right: 0;}
.user_table li.ut_title > span { color: #ff6600;}
.user_table li.ut_con { width: 80%; border-bottom: 1px solid #dcdcdc;}
.con_sub_text { font-size: 14px; color: #777; margin-left:3%;}
.con_sub_text_yc {color :#E55151;}
.b_input { margin: 13px 0 5px;}
.a_input { margin-top: 22px;}

.selectVal_list { margin-top: 15px; margin-left: 3%; width: 30%; font-size: 15px; height: 30px;}

.save_btn { width: 120px; height: 40px; text-align: center; display: block; background:#ff9001; margin: 0 auto; color: #fff; line-height: 40px; font-size: 18px;}
.con_btn { font-size: 14px; background: #aaa; color: #fff; margin-top: 13px; display: inline-block; width: 80px;  text-align: center; line-height: 30px; height: 30px; margin-left: 2%; cursor: pointer;}


.finish_al {border: 1px solid #dcdcdc; max-width: 500px; overflow: hidden; margin: 0 auto; text-align: center; padding: 3%;}
.fin_title_text {display: block; line-height: 30px; margin-bottom: 20px; font-size: 20px; font-weight: bold;font-weight: bold;}
.user_email { color: #079164;}
.fin_con_text { color: #777; line-height: 30px; font-size: 16px; letter-spacing: -1px;}
.fin_title_text img { margin-bottom: 10px;}
.fin_ntn {width: 250px;}

.terms_checkBox { height: 60px; background: #f8f8f8; line-height: 60px; text-align: left; padding-left: 2%;}
.terms_checkBox input { width: 20px; height: 20px;}
/* 로그인 */
.login_list {width: 100%;}
.login_list input { width: 97%; height: 55px; margin-bottom: 20px; border: 1px solid #dcdcdc; color: #3a3a3a; font-weight: bold; padding-left:10px;}
.login_text {text-align: center; margin: -20px 0 0; color: #3a3a3a;}
.login_al {border: 0; clear: both;}

.login_btn2 { display: block; width: 97%; height: 50px; margin-top: -10px; line-height: 50px; background: #63ba4d; padding-left: 12px;}
.membership_form {max-width: 1200px; margin: 0 auto; overflow: hidden; padding:0 0 50px; border-top: 1px solid #dcdcdc;}

.membership_form3 {padding: 50px 0;}
.membership_list li { float: left; width: 50%; text-align: center; overflow: hidden;}
.membership_list li img { margin-bottom: 20px;}
.membership_list .membership_btn2 { background: #fff; color: #3a3a3a; border: 1px solid #aaa;}
.membership_btn { border: 1px solid #ff9001; width: 180px; line-height: 45px; margin-top: 20px; display: inline-block; color: #fff; background: #ff9001;}
.find_btn { background: #aaa; color: #fff; border: 1px solid #aaa;}


.login_area .content_area { padding-bottom: 0;}
.result_form p { text-align: center; line-height: 30px;}
.result_text { color: #0070C0; font-size: 18px; font-weight: 500; margin-bottom: 30px;}

/* 회사소개 */
.company_Intro {}
.company_Intro img { display: block; margin: 0 auto;}
.ceoWrap {width: 100%; overflow: hidden;}

.ceoWrap .ceoImg { float: left; width: 45%;}
.ceoWrap .ceoImg img {width: auto;}
.ceo_textBox { overflow: hidden;}
.ceo_textBox ul li { line-height: 30px; margin-bottom: 20px; color: #777;}

.ceo_textBox .ceo_title_text { color: #079164; font-size: 20px; font-weight: 500;}
.ceo_textBox .ceo_tk { color: #3a3a3a; font-weight: 600;}

div#ci ul li {margin-bottom: 20px;}
.explanation_title { font-size: 20px; text-align: center; line-height: 27px;}
.explanation_con {font-size: 16px; text-align: center; color: #777; line-height: 25px;}

/* 운영 */

div#management h4 { color: #079164; margin-bottom: 10px; font-weight: bold;}
#management .management_title { text-align: center; font-weight: bold; color: #3a3a3a; font-size: 20px; margin: 15px 0 5px;}

/* 건설현황 */

.bd_vlist { width: 800px;}
.bd_vlist table {width:1200px; border-top:1px solid #c5c5c5; line-height:1.8; font-size:14px; border: 1px solid #c5c5c5;}
.con_th {background: #fafafa;}
.bd_vlist table thead th {border-bottom:1px solid #c5c5c5; border-left:1px solid #c5c5c5; background:#f6f8e6; color:#000; padding:10px 0;}

.bd_vlist table tbody th {border-bottom:1px solid #c5c5c5; color:#3a3a3a; background:#F8F8F8; padding:15px 0;}

.bd_vlist table tbody td {border-bottom:1px solid #c5c5c5; border-left:1px solid #c5c5c5; color:#666; padding:15px;font-weight:300; text-align: center;}
.bd_vlist20 table tbody td {text-align: left;}
.bd_vlist table tbody tr:last-child th,
.bd_vlist table tbody tr:last-child td {border-bottom:1px solid #c5c5c5;}

#build01 img { width:80%; display: block; margin: 0 auto; border: 1px solid #dcdcdc; padding: 2%;}

#build02 img,
#build03 img,
#build04 img,
#build05 img { display: block; margin: 0 auto; border: 1px solid #dcdcdc; padding: 2%;}

#build02 th,
#build03 th,
#build04 th,
#build05 th {background: #eee;}

/* 찾아오시는길 */

.navi_case { width: 100%; overflow: hidden;}
.naviWrap dt {line-height: 20px;}
.naviWrap span { font-size: 16px; color: #3a3a3a;}

/* 출자사 */

div#investor { width: 100%; overflow: hidden;}
#investor ul { width: 100%; overflow: hidden;}
#investor ul li { width: 23%; float: left; margin-left: 1.5%; text-align: center; margin-bottom: 30px; font-size: 18px; color: #3a3a3a; box-sizing: border-box; overflow: hidden;}
#investor ul li img:hover { border: 1px solid #63ba4d; box-sizing: border-box; cursor:pointer;}
#investor ul li.mar_none { margin-left: }
#investor ul li img { border: 1px solid #dcdcdc; margin-bottom: 15px; width: 100%; box-sizing: border-box;}

div#share {
    background-image: url(../img/sub/investor_bg.jpg);
    background-size: cover;
	background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    overflow: hidden;
    padding-bottom: 30px;
}
.share_img {width:100%; overflow: hidden;}
.share_img img { margin: 0 auto; display: block;}

/* 사업현황 */

ul.business_list { width: 100%; overflow: hidden; border: 1px solid #dcdcdc; border-bottom: 0; box-sizing: border-box;}
.business_list li { float: left; height:50.5px; text-align: center; border-bottom: 1px solid #dcdcdc; line-height: 50.5px;}

.business_list .ut_title {width: 20%; background: #7799bb; color: #fff;}
.business_list .ut_title:last-child { border-bottom: 1px solid #7799bb;}
.business_list .ut_con {width: 80%; color: #777;}

.bu_text { text-align: center; line-height: 30px; width: 100%; overflow: hidden;}
.bu_text_title { font-size: 20px; font-weight: bold; margin-bottom: 15px;}
.bu_text_con { color: #3a3a3a;}
.bu_table {width: 100%;}
.bu_vlist {width: 100%;}
#business .bu_table { max-width: 1200px; width: 100%; text-align: center;}
#business .bu_table th { background: #eee;}
#business .bu_table td { border-left: 1px solid #c5c5c5;}

/* 이용안내 */
ul.tabs {overflow:hidden;}
#fare .bd_vlist th { border-right: 1px solid #c5c5c5;}
.infoWrap {max-width: 1200px; margin: 0 auto; overflow: hidden;}
.sub_text_box .info_text1 {margin-bottom: 20px; text-align: left;}
.info_text2 {margin-bottom: 0;}
.sub_text_box .info_text3 { text-align: left; color: #f79521;}

.transferWrap .sub_text_box {margin-top: -25px;}

.transfer {  overflow: hidden; background: #f8f8f8; padding: 3%;}
.transfer_sub { max-width: 850px; margin: 0 auto; overflow: hidden;}
.transfer ul { width: 100%; margin: 0 auto;}
.transfer ul li {line-height: 30px; color: #808080;}

.transfer_text { line-height: 30px; color: #777; margin-top: 30px;}

.height_bar { height:300px; width: 1px; background: #dcdcdc; float: left;overflow: hidden;}
.transferWrap {margin-top: 50px;}
.transferWrap .drop_content { border-right: 1px solid #dcdcdc; padding: 0 2.4%;}
.transferWrap .drop_content:last-child { border-right: 0;}
.transferWrap .drop_content { width: 45%;}

.transferWrap .transfer_title { font-weight: bold; font-size: 20px; color: #000;}
.sub_text_box p {color: #3a3a3a; text-align: center; line-height: 30px; font-size: 16px; font-weight: 400;}
.transfer_content {  float: left;}
.transfer_content1 { width: 63%; float: right;}

.reduced .content_area  {max-width: 550px;}
.reduced2 .content_area { max-width: 1200px;}
.reduced2 .user_sale { margin-left: 10%;}
.reduced2 .user_sale p { line-height: 50px;}
.reduced .user_sale span > img {margin-top:-8px;}
.user_sale p { line-height: 35px; color: #777;}
.user_sale span { margin-right: 10px; margin-top: -5px;}
.info_wrap { margin-top: -50px;}

/* 역정보 */

legend {text-indent: -99999px;}
.route_searchbox { width: 100%; background:#f8f8f8; overflow: hidden; padding: 30px 0; text-align: center;}
.route_searchbox15_m { width: 100%; background:#f8f8f8; overflow: hidden; padding: 30px 0; text-align: center;}
.station_search_wrap {width: 100%; background:#f8f8f8; overflow: hidden; padding: 30px 0; text-align: center;}
.stt_fleft .bx-pager {
    position:relative;
    width:80px;
    margin: -30px auto;
    z-index:10;
}
.stt_fleft_four .bx-pager { width:100px; }
.stt_fleft .bx-pager a {
    display:block;
	margin-left: 10px;
    width: 10px; height: 10px;
    background: transparent;
    border: 2px solid #fff;
    border-radius:50%;
    text-indent:-9999%;
    float:left;
}
.stt_fleft .bx-pager a.active { background: #fff;}

.selectVal { 
    display: inline;
    background-color:#fff !important;
    height: 40px;
    padding-left: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: url(../img/pc/down1.jpg) no-repeat 95% 50%;
    border: 1px solid #D5D5D5;
}
.rt_serchbtn { width: 155px; height: 40px; line-height:40px; background: #64909c; border: 0; color: #fff; margin-left: 1%; display: inline-block;}

.stt_fleft {float:left; width:49%; position: relative;}
.stt_fleft ul li {float:left; margin:5px; box-sizing:border-box;}
.stt_fleft ul li:first-child {margin-left:0;}
.stt_fleft ul:after {content:""; height:0; display:block; clear:both;}
.stt_fleft img {width: 100%;}

.stt_fright {float:right; width:45%; position: relative;}
.stt_fright .stt_title {margin-bottom:25px; font-weight: 400; color: #3a3a3a; font-size: 30px;}
.stt_fright .stt_title_s {font-size: 20px;}
#wrap .stt_fright .stt_title_s span {font-size: 20px;}
.stt_fright .stt_title span {color:#63ba4d; vertical-align:bottom; font-size: 30px; font-weight: bold;}
.stt_fright .stt_infomation {font-size:16px; color:#666; line-height:1.4; margin-bottom:50px;}

.stt_dllist1 {position:relative; color:#666; font-size:14px; line-height:1.4;}
.stt_dllist1:nth-of-type(2) dd {margin-left:50px;}
.stt_dllist1 dt {position:absolute; left:0; color: #3a3a3a; font-size: 18px; font-weight:500;}
.stt_dllist1 dd {margin-left:80px; display:block; font-size: 16px; line-height: 26px; color: #777; font-weight: 400;margin-bottom: 20px;}
.stt_dllist1_line {border-bottom:1px solid #e8e8e8; padding-bottom:25px; margin-bottom:25px	;}
.stt_map_btn {font-size:14px; color:#fff; border:1px solid #e8e8e8; line-height:45px; width: 160px; height: 45px; display:inline-block; background: #aaa; float: left; text-align: center; margin-top:-5px;}

#st_left {position: absolute; top: 46%; left: 5px; cursor: pointer;}
#st_right {position: absolute; top: 46%; right: 0; cursor: pointer;}

.historyWrap { width: 100%; overflow: hidden; padding: 1% 0; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.history_title { width: 20%; float: left; border-right: 1px solid #dcdcdc; height: 180px; color: #63ba4d; line-height: 180px; font-weight: bold; font-size: 20px; text-align: center;}

.history_list li { line-height: 30px;}
.history_list li img { margin-left: 1%;}
.history_list li p {color: #777;}
.history_list li p span { display: inline-block; margin: 0 2% 0.4%; color: #000;}
.history_list li p .history_last {  margin-right: 4.4%;}

.content_area2 .bd_vlist5  { width: 100%; max-width: 1200px;}
.content_area2 .bd_vlist5 table {width: 100%; max-width: 1200px;}
.bd_vlist5 table tbody td {text-align: center;}
.user_info img { width: 100%;}

dl.history_list {display: none;}
dl.history_list dt { margin-bottom: 10px;}
dl.history_list dt img {margin: 0 10px;}
dl.history_list dd { font-size: 14px; color: #777; margin-bottom: 25px; line-height: 25px; padding: 0 3%;}

/* 편의시설안내 */
.acco { width: 100%; overflow: hidden;}
.acco li { width: 31%; float: left; margin-left: 1.8%; text-align: center; margin-bottom: 20px;}
.acco li img {width: 100%;}
.acco li span { display: block; font-size: 18px; color: #3a3a3a; font-weight: 400; margin: 20px 0 10px;}
.acco li p { font-size: 16px; color: #777; margin-bottom: 20px; line-height: 25px; height: 30px;}

.acco2 li {width: 24%; margin-left: 1.33%;}
.acco2 li:nth-child(1) { margin-left: 0;}
.content_area .acco2 li p { background:#F8F8F8; height: 40px; line-height: 40px; font-size: 16px; color: #3a3a3a; font-weight: 500; border: 1px solid #dcdcdc;}

.bike {padding-bottom: 20px;}
.bike .bd_vlist { max-width: 1200px;}


/* 운임 */
.wrap .Use_content { height: auto; line-height: 120px; padding: 50px 0; width: 30%;}
.transferWrap .info_f12 .Use_content {padding:21px 0;}
.transferWrap .info_f11 .Use_content {padding:35px 0;}
.transferWrap .info_f3 .Use_content { padding: 71px 0;}
.info_f { border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; width: 100%; overflow:hidden; padding: 1px 0;}
.info_f p { line-height: 35px;}
.wrap .Use_content img { display: block; margin: 0 auto;}

.content_area .info_f .trick_list5 {margin-top: 15px;}
/* info_f .trick_list { margin-top: 15px;}*/
.content_area .info_f:nth-child(2) {border-top:0;}


/*.info_f3 .trick_list { margin-top: 30px;}*/

.user_sale {margin-top: -15px;}
/* 고객의소리 */
.customerWrap  {margin-top: 40px;}
.customerWrap .drop_content {width:100%; margin-bottom: 40px;}
.customerWrap .drop_content dd { padding: 0 14%; margin-top:15px;}
.cust_bar {width:100%;}


.soundWrap .sub_sound_img {padding: 0;}
.soundWrap,
.soundWrap2 { width: 100%; overflow: hidden;border-bottom: 1px solid #dcdcdc;}


.soundWrap .sound_text { line-height: 25px; text-align: left;}
.soundWrap .sub_sound { float: left; width: 50%; overflow: hidden;}
.soundWrap:last-child{border-bottom: 0;}

.soundWrap2 .sub_sound { float: right; width: 50%; overflow: hidden;}
.soundWrap2 .sub_sound dt { font-weight: 500; font-size: 20px; color: #3a3a3a; margin-bottom: 10px;} 
.soundWrap2 .sub_sound dd { }
.soundWrap2 .sound_text {line-height: 25px;}

.soundWrap2 .sub_sound dl {padding: 3%; overflow: hidden;}
.soundWrap .sub_sound dl {padding: 3%;}
.soundWrap .sub_sound dt { font-weight: 500; font-size: 20px; color: #3a3a3a; margin-bottom: 10px;}
.soundWrap .sub_sound dd { color: #3a3a3a;}

/* 고객지원센터 */
.call_center .all { width: 100%; background: transparent;}
.call_center .customer_center ul {min-height: 225px; padding: 0; margin-top: 30px;}

.customer_center { width: 48%; margin: 1%; float: left;}
.customer_center .all {box-sizing: border-box; border: 1px solid #78bd6f;}
.customer_center li.po_img {float: left; margin: 5%;}

.all .e_info:hover .info_img2 { display:block;}

.customer_center .all li.po_text {width: 90%; padding-left: 3%; text-align: left; margin-top: 15px; line-height: 30px;}

dl.call_text dt {font-size: 20px; color: #3a3a3a;}
dl.call_text dd {font-size: 16px; color: #777;}

dl.call_text .time_text {line-height: 24px;}


.customer_center .all .info_top {padding-top: 20px;}

.customer_center .all .info_bottom {padding: 5px 0 15px;}

.customer_center .all .info_bottom img {margin-top: 5px;}

.customer_center li.po_img img:nth-child(2) {display: none;}
/*
.e_info {border: 1px solid #0AB1CA;}
.m_about {border: 1px solid #257D94;}
.g_center {border: 1px solid #64909C;}
.w_time {border: 1px solid #079164;}
*/
/*
.e_info {border: 1px solid #0AB1CA;}
.e_info:hover {background: #0AB1CA;}
.e_info:hover dd {color: #fff;}

.e_info:hover li.po_img img:nth-child(1) {display: none;}
.e_info:hover li.po_img img:nth-child(2) {display: block;}

.m_about {border: 1px solid #257D94;}
.m_about:hover {background: #257D94;}
.m_about:hover dd {color: #fff;}

.g_center {border: 1px solid #64909C;}
.g_center:hover {background: #64909C;}
.g_center:hover dd {color: #fff;}

.w_time {border: 1px solid #079164;}
.w_time:hover {background: #079164;}
.w_time:hover dd{color: #fff;}
*/

/* 유실물센터 리스트 목록 */

.board_list .content_area { padding-top: 0;}
.app_bar { display: block; width:900px; height: 1px; background: #dcdcdc; float: left;}

/* 유실물센터 안내 */
.safety_w {color: #fff;}
.content_area .safety_bar_w {background: #fff;}
#velorence {width:100%; overflow:hidden; padding-bottom:50px; background: url("../../../img/sub/velorence_bg.png") no-repeat; background-size: cover; }
#velorence ul { overflow: hidden;}
#velorence ul li { width: 33.33%; float: left; color: #fff; min-height:300px; text-align: center; box-sizing: border-box; border: 1px solid #fff;}
#velorence ul li span {display: block; margin: 50px 0 10px; font-size: 18px;}
#velorence p { line-height: 35px; padding: 0 5%;}
/* 시설물 사용 신청 안내 */
.wrap .applicationWrap {padding: 0; border-bottom: 0;}
.applicationWrap .trick_list dl { padding-bottom: 15px;}
.app_list { padding-top: 15px;}
.applicationWrap .trick_list dt { font-size: 17px; margin-bottom: 10px;}
.applicationWrap .trick_list dd {line-height: 28px;}

.app_about .history_title { height: 150px; line-height: 150px; width: 20%;}

.app_about { background: #f8f8f8;}
.app_text { width: 100%; margin-left: 30%;}
.app_text2 {margin-left: 30%; margin-top: 30px;}
.history_con .app_text2 p {color: #3a3a3a; font-weight: 500;}
.history_con .app_text p { line-height: 150px; color: #3a3a3a; font-weight: 500;}
.down_box { width: 100%; text-align: center; overflow: hidden; padding-bottom: 50px;}
.m_download {
    display: inline-block;
    width: 350px;
    height: 60px; line-height: 30px;
    text-align: center;
    color: #63ba4d;
    border: 1px solid #63ba4d;
    font-weight: bold;
    background: url(../img/sub/download.png) no-repeat 96%;
    display: none;
}
.pc_download {
    display: inline-block;
    width: 450px;
    height: 60px; line-height: 60px;
    text-align: center;
    background-color: #f79521;
    border: 1px solid #f79521;
	color:#fff;
    font-weight: bold;
    background-image: url(../img/sub/download.png);
	background-position: 96%;
	background-repeat: no-repeat;
}
.wrap .applicationWrap,
.wrap .applicationWrap2 {margin-top: -20px;}
.applicationWrap div.trick_content { padding: 0 0 70px;}

.applicationWrap2 dl dt {line-height: 24px; font-size: 16px;}
.app_about .history_con2 {margin-top: 50px;}
.app_about .history_title3 { height: 215px; line-height: 215px;}

.user_table2 {
    width: 100%;
    overflow: hidden;
    border-top: 2px solid #777;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;

}
.user_table2 li {min-height: 45px; }
.user_table2 li.ut_title {
    width: 20%;
    background: #fff;
    text-align: center;
    line-height: 40px;
    overflow: hidden;
    border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
    float: left;
    box-sizing: border-box;
}
.user_table2 li.prev_title { border-bottom:0;} 
.user_table2 li.ut_con {
    border-bottom: 1px solid #dcdcdc;
	overflow: hidden;
	padding-left: 20px;
	box-sizing: border-box;
	line-height: 45px;
	font-size: 15px;
}
.user_table2 li.ut_con:nth-child(4) {border-bottom: 0;}

.user_table2 a { display: inline; color: #3a3a3a; font-weight: 500;}

.user_table2 li.ut_title span {display: inline-block;margin-right: 10px; margin-top: -3px}
/*
.next_con { background: url("../img/sub/up.png") no-repeat 30% center;}
.prev_con { background: url("../img/sub/down.png") no-repeat 30% center;}
*/

/* 달리는 문화철도 */
.info_4 li {width:25%;}
.info_c {margin-bottom: 40px;}

.wrap .railWrap {overflow: hidden; padding: 0 3% 30px;}
.railWrap .safety_bar {margin: -30px auto 40px;}
.railway_intro img { display:block; margin: 0 auto;}
.railway_intro video { width: 83.3%;}
.railWrap video { display:block; margin: 0 auto;}
.railWrap img { display: block; margin: 0 auto;}

.railway_text { color: #777; text-align: center; margin: -30px 0 20px; line-height: 25px; padding: 0 10%; letter-spacing: -1px;}
.railway_text3 {color: #777; text-align: center; line-height: 25px; font-size: 20px; font-weight: 400; letter-spacing: -1px;}
.railway_text2 { text-align: center; margin: 30px auto; color: #777; line-height: 25px; padding: 0 17%; letter-spacing: -1px;}

.rail_list li { width: 50%; float: left;}
.rail_list p {text-align: center; height: 45px; background: #f8f8f8; border: 1px solid #dcdcdc; line-height: 45px;}
.rail_list li img { width: 100%;}
.wrap .rail_list5 li:last-child { width: 50%;}

.rail_list li:last-child{ width: 100%;}

.rail_list {width: 100%; overflow: hidden;}
.rail_list2 {width: 100%; overflow: hidden;}
.rail_list2 li  {width: 100%;}
.rail_list2 li:nth-child(2) { margin-top: -20px;}

.rail_list3 { width: 100%; overflow: hidden;}
.rail_list3 li { width: 49%; float: left; margin-left: 2%; margin-bottom: 20px;}
.rail_list3 li:nth-child(odd) {margin-left: 0;}
.rail_list3 img {width: 100%;}

.rail_list4  { width: 100%; overflow: hidden;}
.rail_list4 li { width: 32%; margin-left: 2%; float: left; margin-bottom: 30px; overflow: hidden;}
.rail_list4 li:nth-child(1),
.rail_list4 li:nth-child(4) { margin-left: 0;}
.rail_list4 p {text-align: center; height: 45px; background: #f8f8f8; border: 1px solid #dcdcdc; line-height: 45px;}
/* .railWrap iframe { display: block;width: 100%; height: 500px; margin-bottom: 30px;} */
.railway_intro iframe {display:block; width:83.5%; height: 400px; margin: 30px auto 10px;}


.rail_list6 { width: 100%; overflow: hidden;}
.rail_list6 li { width: 100%; float: left; margin-bottom: 20px;}
.rail_list6 li img {width: 100%;}
/* 고객의소리 게시판 */
.bd_view table {width:100%; border-top:2px solid #999; line-height:1.5;}
.bd_view table thead th {font-size:15px; border-bottom:1px solid #999; padding:17px 0; text-align:left; position:relative; color:#333; font-size:20px; padding-left:30px;}
.bd_view table thead th p {position:absolute; right:30px; top:20px; color:#666; font-size:13px;}
.bd_view table thead td {padding-left:30px; }
.bd_view table thead td em {color:#333; font-weight:bold; font-size:13px; vertical-align:middle;}
.bd_view table tbody td {padding-left:30px;}
/* .bd_view table tbody td.bd_contents {padding: 30px;} */
.bd_contents object {width:100% !important; height:500px !important;}
.bd_view table tbody td em {font-size:14px; font-weight:bold; color:#333; padding:0 30px 0 0; border-right:1px solid #ccc; margin-right:30px; line-height:1; vertical-align:middle;}
.bd_view table td {font-size:14px; border-bottom:1px solid #e5e5e5; padding:13px 0 16px; text-align:left; position:relative;}
.bd_view table a {font-size:13px; color:#666;}
.bd_view table a:hover,
.bd_view table a.active {color:#b7c451;}

/* 아이디 비밀번호찾기 */

.find_login p {text-align: left; line-height: 25px; margin-bottom: 5px;}
.find_login_form {max-width: 450px;}


/* 역정보 */

.station_search_wrap05 {display:none;}

.rt_dllist {position:relative; bottom:0; background:#f9f9f9; width:100%; overflow:  hidden; border-bottom: 1px solid #dcdcdc;}
.rt_dllist dt {display:inline-block; width:180px; text-align:center; padding:15px 10px; font-size:16px; background:#666; color:#fff;}
.rt_dllist dd {display:inline-block; width:850px; font-size:14px; text-align:center;}
.rt_dllist dd p {display:inline-block; border-left:1px solid #c5c5c5; margin:0 10px; padding-left:20px;}
.rt_dllist dd p:first-child {border-left:0;}
.rt_dllist dd p em {color:#0066cc;}

.rt_dllist li {float: left; width: 10%; height: 55px; line-height:55px; text-align:center;}
.rt_dllist li.rt_title {background: #666; color: #fff;}
.rt_dllist li.rt_two {width:40%;}
.rt_dllist li strong {color: #0066cc;}

.rt_dllist .return_btn { background: #fff; float: right; width:5%; border-left: 2px solid #dcdcdc; cursor:pointer;}
.rt_dllist .return_btn > img { display: block; margin: 20px auto 0;}
/* 노선안내 */
.route_searchbox {border:1px solid #e7e7e7; background:#f9f9f9; text-align:center;}
.route_searchbox .selectWrap {width:300px; background:#fff; text-align:left; margin:0 5px;}
.route_searchbox15 .selectWrap {display: inline-block; max-width:300px;}
.route_searchbox .selectVal {border:0;}
.route_searchbox button {display:inline-block; font-size:14px; line-height:1; margin:0 5px;}
button { cursor: pointer;}
.route_info_m_wrap { position: absolute; top:530px; left:50%; margin-left:-145px; z-index:9999;background: #fff; width:290px; height:455px; border-radius: 15px;}
.route_bg {
	width: 1903px;
    display: block;
    height: 100vh;
	position: fixed;
    background: #3f3f3f;
	opacity: 0.85;
    left: 0;
    top: 0;
    z-index: 1;
}
.route_info_m_wrap img {display:block; margin: 10px auto; width:280px; height:400px;}
.wrap .route_close {width:25px !important; height:auto; float:right; cursor:pointer; margin-right:10px;}
#m_route_searchbox {display:none; position:relative;}
.route_searchbox15_m .selectWrap {width:55%; }
.route_searchbox15_m {border:1px solid #e7e7e7; background:#f9f9f9; text-align:center;}
.route_searchbox15_m .sel_wrap {}
.route_searchbox15_m .selectWrap {display:inline-block;}
.route_searchbox15_m .sel_st,
.route_searchbox15_m .sel_en {width:100%; display:block;}
.route_searchbox15_m .sel_wrap .rt_serchbtn {width:110px;font-size:15px; background:#fd8d08; color:#fff; height:80px; margin-top:0; margin-left:1px;}

.tr_btn_box {text-align: center; margin: 15px 0 0;}
#m_route_searchbox .tr_btn {background:#fff; text-align: center; border:1px solid #f05d05; box-sizing:border-box; color:#f05d05; height:40px;width:130px; font-size:13px;}
#m_route_searchbox .tr_btn02 {border: 1px solid #63BA4D; background: #63BA4D; color: #fff;}

.route_searchbox .rt_serchbtn {background:#fd8d08; color:#fff; height:40px; width:80px;}
.route_searchbox .tr_btn {background:#fff url(../img/sub/routeIcon1.png) no-repeat 10px center; border:1px solid #f05d05; box-sizing:border-box; color:#f05d05; height:40px; width:auto; padding:0 20px 0 40px;}
.route_searchbox > p {width:890px; text-align:left; font-size:14px; margin:0 auto 20px;}
p.route_searchbox15_m_title { text-align:center; font-size:14px; line-height:23px; color: #3a3a3a; padding: 0 5%;}

.m_rt_dllist { display:none;}

.route_line {border:1px solid #e7e7e7; margin-top:20px; position:relative;}
.route_line15 {width:1200px;}
.mt60 {width:1200px;}
.route_line .rt_linebox {background:url(../img/sub/useCtnbg1.png) -3px -7px no-repeat; height:450px; position:relative;}
.route_line .rt_list0 {position:absolute;}
.route_line .rt_list0 > p {display:none; position:absolute; top:-50px; left:-10px;}
.route_line .rt_list0 > p.active {display:block;}
.route_line .rt_list0 > p.active + button {background:#c00000; border:3px solid #c00000;}
.route_line .rt_list0 > p span {position:absolute; top:0;display:block; background:url(../img/sub/useCtnPosbg.png) 0 0 no-repeat; width:38px; height:50px; color:#fff; text-align:center; line-height:3; font-size: 14px;}
.route_line .rt_list0 > p em {margin-top:5px; margin-left:20px; padding:3px 10px 3px 23px; border:1px solid #444; display:block;-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; line-height:1.6; color: #3a3a3a;}
.route_line .rt_list0 button {width:16px; height:18px; line-height:16px; background:#dad34f; border:3px solid #999;  -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
/*
.route_line .rt_list1 {top:101px; left:195px;}
.route_line .rt_list2 {top:101px; left:325px;}
.route_line .rt_list3 {top:101px; left:465px;}
.route_line .rt_list4 {top:101px; left:605px;}
.route_line .rt_list5 {top:101px; left:748px;}
.route_line .rt_list6 {top:101px; left:880px;}
.route_line .rt_list7 {top:170px; left:960px;}
.route_line .rt_list8 {top:244px; left:880px;}
.route_line .rt_list9 {top:244px; left:748px;}
.route_line .rt_list10 {top:244px; left:605px;}
.route_line .rt_list11 {top:244px; left:460px;}
.route_line .rt_list11 button {width:30px; border:3px solid #333; }
.route_line .rt_list11 > p {left:-3px;}
.route_line .rt_list12 {top:244px; left:320px;}
.route_line .rt_list12 button {width:30px; border:3px solid #333; }
.route_line .rt_list12 > p {left:-3px;}
.route_line .rt_list13 {top:244px; left:190px;}
.route_line .rt_list13 > p {left:-3px;}
.route_line .rt_list13 button {width:30px; border:3px solid #333; }
*/
.route_line .rt_list1 {top:83px; left:70px;}
.route_line .rt_list2 {top:83px; left:238px;}
.route_line .rt_list3 {top:83px; left:415px;}
.route_line .rt_list4 {top:83px; left:588px;}
.route_line .rt_list5 {top:83px; left:765px;}
.route_line .rt_list6 {top:83px; left:935px;}
.route_line .rt_list7 {top:180px; left:1024px;}
.route_line .rt_list8 {top:272px; left:935px;}
.route_line .rt_list9 {top:272px; left:755px;}
.route_line .rt_list10 {top:272px; left:587px;}
.route_line .rt_list11 {top:272px; left:405px;}
.route_line .rt_list11 button { border:3px solid #333; background:#fff;}
.route_line .rt_list11 > p {}
.route_line .rt_list12 {top:272px; left:236px;}
.route_line .rt_list12 button { border:3px solid #333; background:#fff;}
.route_line .rt_list12 > p {}
.route_line .rt_list13 {top:272px; left:64px;}
.route_line .rt_list13 > p {}
.route_line .rt_list13 button { border:3px solid #333;background:#fff; }


.route_station {background:#ebebeb; width:638px; margin:40px auto 0; height:66px; -webkit-border-radius:35px; -moz-border-radius:35px; border-radius:35px; overflow:hidden;}
.route_station li {float: left;}
.route_station li button {width:191px; border: 0;}
.route_station li p {width:254px; border:6px solid #d0dc94;-webkit-border-radius:35px; -moz-border-radius:35px; border-radius:35px; overflow:hidden; font-size:26px; height:66px; background:#fff; box-sizing:border-box; line-height:50px; text-align:center;} 
.route_station li:first-child button {height:66px; font-size:16px; background:transparent url(../img/sub/useCtnLeft.png) no-repeat 16px center; text-align:right; padding-right:15px; }
.route_station li:last-child button {height:66px; font-size:16px; background:transparent url(../img/sub/useCtnRight.png) no-repeat 118px center; text-align:left; padding-left:15px;}

.route_line .rt_list0 button.start,
.route_line .rt_list0 button.end {background: #c00000; border: 3px solid #c00000}

.bd_vlist6 {width:100%;}
.bd_vlist6 table {width:100%;}
.bd_vlist6 table thead th {background: #f8f8f8;}
.bd_vlist6 table tbody th {background: #fff;}
.bd_vlist6 table tbody td:first-child {text-align: right;}
.bd_vlist6 table tbody td:last-child {text-align: left;}
#route2 {text-align: center;}
#route2 li.active button { background: #666; color: #fff;}
#route2 li {display: inline;}
#route2 li button {
    border: 0;     
    width: 100px;
    height: 100%;
    height: 48px;
    font-size: 16px;
    color: #666;
    line-height: 48px;
	background: #fff;
	border: 1px solid #dcdcdc;
}

	/* 팝업 */
	.hd_pops_footer {background: #444; height:30px;}
	.hd_pops_footer input[type="checkbox"] { width:15px; height:15px; margin-left:2%;}
	.hd_pops_footer button { border:0; background:#444; font-size: 14px;cursor:pointer;}
	.hd_pops_reject { color: #fff; font-weight:normal;}
	#wrap .hd_pops_close {float:right; margin-top:3px; color:#fff;}
.trick_table {width:100%;overflow:hidden; margin-bottom: 40px;}
.trick_table th {height:80px; width:20%; color: #F79521; font-weight:bold; border-bottom: 1px dotted #dcdcdc; text-align:left; padding-left:60px;}
.trick_table td {color: #777; width:80%; border-bottom: 1px dotted #dcdcdc; line-height:25px}

/* 회원정보입력 테이블 수정 */
.member_table li { height:70px;}
.member_table li.ut_title {line-height:70px;}

/* placeholder 색상 */

input::placeholder { color:#E0E0E0;}
input:-ms-input-placeholder {color:#e0e0e0;}

/* 열차시간안내 메뉴 

.route_station_menu { width: 100%; overflow:hidden; margin: 0 auto;}
.route_station_menu li { width: 100%; text-align: center; border: 1px solid #dcdcdc;}
.route_station_sub { width:100%; background: red;}
.route_station_sub li {height: 30px;}
.route_station_sub li a {display: inline-block; width:100%; height:100%; line-height:30px;}
*/

.rt_serchbtn02 {width:130px;}

/* 회원정보설정 */
.a_blind {background: #dcdcdc;}
.my_p {margin: 0 0 10px 0; color:#3a3a3a;}
.m_page li a{ width:100px; height:35px; padding:0; line-height:35px; font-size:15px;}

#wrap .con_btn_s {width:108px; height:30px; background:#aaa;color:#fff; border:0; margin-top: 21px;}

/* 채용정보 */

.comintro_box {width:100%; overflow:hidden; padding-bottom: 20px;}
.comintro_box li:nth-child(1) { margin-left: 0;}
.comintro_box li {cursor:pointer; position:relative; float: left; width:49%; border: 1px solid #dcdcdc; box-sizing: border-box; min-height:300px; margin-left:2%;}
.comintro_box li > img { display: block; margin: 55px auto 20px;}
.comintro_box li dl dd p {margin:5px 0 20px; line-height:23px; color:#777; font-size:14px;}
.comintro_box li:hover {}
/*
.comintro_box li:hover dt { color: #fff;}
.comintro_box li:hover dd a {background:#fff; color: #56ad4b; background-image: url("../img/sub/comintro_arrow_g.png"); background-repeat: no-repeat; background-position: 130px center;}}
.comintro_box li:hover dl dd .comintro_train {display:block; margin: 23px auto 0;}
*/
.comintro_box dl {text-align: center;}
.comintro_box dt {font-size: 30px; color:#3a3a3a; font-weight:bold;}
.comintro_box dd a { background-color: #56ad4b; color: #fff; padding: 10px 50px; display:inline-block; background-image: url("../img/sub/comintro_arrow_w.png"); background-repeat: no-repeat; background-position: 130px;}
.comintro_box dl dd {}
.comintro_box dl dd .comintro_train { position: absolute; bottom:0; left:50%; margin-left: -190px;}

.comintro_li01:hover {border: 1px solid #56ad4b;}
.comintro_li02:hover {border: 1px solid #f79521;}
.comintro_box02 dd a {background-color: #f79521;}