@charset "utf-8";
@media (max-width:1450px) {

div#banner p { font-size: 50px; color: #fff; line-height: 1.2em; font-weight: bold;}
    div#banner .bx-pager { bottom: 40px;}
	#hd_pop1 #hd_pops_1{ left: 10px !important;} 
}
@media (max-width:1300px) {
	.content_area .carList > li {}
	.content_area .elma_list {text-align:center;}
	.content_area .elma_list > li {width:48%; display:inline-block; float: none; margin-left:0;  margin-bottom:30px; border:0;}
	.content_area .elma_list > li:nth-child(1) {margin-left:0%;}
	.elma_list > li > dl {border:1px solid #dcdcdc; max-width:500px; margin: 0 auto;}
	.elma_list > li > dl dt {width:auto; height:250px}
}
@media (max-width:1285px) {
    .content_area .trick_list dd {line-height: 24px; font-size: 14px; text-align:left; margin-bottom:5px;}
	#wrap .transferWrap .info_f12 .Use_content {padding:0 0;}
	#wrap .transferWrap .info_f11 .Use_content {padding:6px 0;}
	#wrap .transferWrap .info_f3 .Use_content { padding: 31px 0;}
    .content_area div.plattformWrap img:nth-child(2) {display: none;}
} 
@media (max-width:1250px) {
    div#banner p { font-size: 40px; color: #fff; line-height: 1.2em; font-weight: bold;}
	
	.about3_list {}
	.content_area .about3_list > li{}
	.content_area .about3_list > li > dl {}
	.content_area .about3_list > li > dl > dt {float:none; width:auto; height:300px;}
	.content_area .ab3_insert {line-height:450px;}
	.about3_list > li > dl > .ab3_title {padding-top:15px;}
	.content_area .about3_list > li > dl > dd {width:350px; padding-left:0;}
}

@media screen and (max-width:1200px) {
	/* 0927 팝업영상 */
	#hd_pop0 {display:none;}
    /* 차량소개 */
	
	.content_area .condition_list dl dd {padding:5% 0 5% 3%; }
	.content_area .condition_list > li {height:auto;}
	
	.content_area .pc_bg {width:90%;}
	.content_area .msg_touch_help { display: block;}
    .railway_intro img {width:90%;}
	.railWrap img {width:90%;}
	#wrap .railway_intro video {width: 90%;}
    h1 {margin-left: 20px;}
    h2 {font-size: 30px;}
    p.sub_text,
    p.sub_text2 { font-size: 20px;}
    
    div#wrap #banner { max-width: 1200px; height: 370px; padding-bottom: 0;}
    ul#slider_banner img { width: 1200px;}
    span.text { left: 12%;}
    div#banner p  { font-size: 40px;}
    div#wrap p.banner_subtext { font-size: 20px; font-weight:normal;}

	#wrap p.notice_title {  max-width:1200px;}


    /* 메뉴 */
    div#lnb {display: none;}
    #header { margin-top: -15px;}
    ul.menu { display: none;}
    .pc_toggle { right: 10px; display: none;}
    .m_toggle {right: 10px; display: block;}
    
    
    div.info {width: 100%;}
    div.info ul li.po_text { text-align: center;}
    div.search { width: 100%; margin-right: 0; margin-bottom: 30px;}
    div.station {float: left; width: 78%;}
    
    .sear_wrap { overflow: hidden;}
    .search_button { height: 50px; line-height: 50px; margin: 30px auto; display:block; float: none;}
    
    
    /* 공지사항 */
    div.notice_wrap .notice { width: 100%;  margin-bottom: 30px; padding: 0;}
    div.service { width: 100%; margin-left: 0; padding: 0;}
    div.notice_box {margin: 2%;}
    div.notice_area {margin: 2%; padding-top: 10px;}
    ul.notice_list li { width: 33.3%;}
    span.more { display: none;}
    .mobile_more { display: block; margin-top: 10px; padding-bottom: 30px;}
    p.notice_title {font-size: 16px; line-height: 25px;}
    
    /* service */
    div.service_info ul li p { font-size: 18px;}
    div.service_info ul li.po_text { width: 70%;}
    
    /* 안전관리 - 열차이용 안전수칙 */

    .safetyWrap .safety_content ul li {line-height: 35px;}
    
    /* 안전관리 - 비상시행동요령/화재발생시 */
    
    .content_area .tunnel_list ul li {line-height: 35px;}
    
    /* 안전관리 - 시스템소개/신호통신 */
    
    #atcsystem .content_area img {width: 80%;}
    
    .content_area ul.f_trackList li img {width: 90%;}
    
    /* 회사소개 */
	.content_area .ceoWrap .ceoImg img {width: 95%; margin-bottom: 30px;}
    div#ci ul li:nth-child(1) img { width: auto;}
    #history img,
    #ci img,
    #group img { width: 100%;}
    
    /* 출자사 */
    .share_img img { width: 80%;}
    
    /* 이용안내 */
    .wrap .transferWrap .transfer_content { width: 100%; text-align: center; margin-bottom: 30px;}
    .wrap .transferWrap .transfer_content img {width:60%;}
    .wrap .transferWrap .transfer_content1 {width: 100%; text-align: center;}
    
    .wrap .reduced2 .user_sale span { margin-bottom: 10px; margin-top:2px;}
    .wrap .reduced2 .user_sale p { line-height: 30px; margin-bottom: 20px; text-indent: -30px;}
    
    /* 고객지원센터 */
    .customer_center .all li.po_img {width: 100%; margin-left:0;}
    .customer_center li.po_img img {display: block; margin: 0 auto;}
    
    .content_area .customer_center .all li.po_text {text-align: center; width: 100%; padding: 0; margin-bottom: 20px;}
    .po_text .call_text {padding: 0 3%;}
    
    .po_text dl.call_text dt {font-size: 17px; }
    .po_text dl.call_text dd {font-size: 14px; line-height: 23px;}
    
    /* callCenter */
    .call_center .all {  height: 400px;}
}
@media screen and (max-width:1100px) {
	.content_area .machine ul {border:0; border-bottom: 1px solid #dcdcdc;}
	.content_area .machine ul li {float:none;}
	.content_area .machine {margin-bottom: 35px;}
	.machine01,
	.machine02,
	.machine03 {margin: 0 auto;}
	.machine ul li dl {text-align:center; padding:0; margin: 20px 0;}
}
@media screen and (max-width:1045px) {
    .historyWrap .history_title { width: 100%;}
    .historyWrap .history_con { width: 100%;}
    
    
    /* 역정보 */
    .content_area .stt_map_btn { position: static;}
    .content_area2 .history_title { height: 100px; line-height: 75px;}

	.content_area .soundWrap .sub_sound dd,
    .content_area .soundWrap2 .sub_sound dd { font-size:14px; line-height:23px;}
}
@media screen and (max-width:1000px) {
    /* 유실물센터 운용개요 */

	#velorence p { font-size: 14px;}

	/* 역정보 */
	#wrap .stt_fright .stt_title_s span {display:block; line-height:35px;}
	/* 노선안내 */
	.content_area .pc_route_searchbox {display:none;}
	.content_area #m_route_searchbox {display:block;}

	.content_area .pc_rt_dllist {display:none;}
	.content_area .m_rt_dllist { display:block;}
	.content_area .route_line15 {max-width:1200px; width:100%;}
	
	.content_area .m_rt_dllist .rt_dllist li.rt_title {width: 20%; font-size:13px;}
	.content_area .m_rt_dllist .rt_dllist li.rt_con {width:auto; font-size:13px; text-align:left;}
		
	.return_btn {display:none;}
	.route_line15 .rt_linebox {display:none;}

	.mt60 {display:none;}

	/* 고객의소리 - 게시판 */
	.bd_contents2 {display:block;}
	.bd_view2 table td {margin: 0;}
	.bd_c {border-left:0;}
	.bd_view02 input[type="text"],
	.bd_view02 input[type="password"] {width:60% !important;}
	/* 고객의소리 - 이용안내 */
    
    .customer1 .content_area { padding: 0 3% 50px;}
    
    .customer .soundWrap .sub_sound dl,
    .customer .soundWrap2 .sub_sound dl { padding: 5% 3%;}
    
	.content_area .soundWrap:nth-child(1) {margin-top: 40px;}
    .content_area .soundWrap .sub_sound,
    .content_area .soundWrap2 .sub_sound { width: 100%;}

	.content_area .soundWrap2 .sub_sound { float:left;}

	/*.content_area .soundWrap .sub_sound { float:left;}*/
    
    .content_area .soundWrap .sub_sound dt,
    .content_area .soundWrap2 .sub_sound dt { text-align: center;}
    .content_area .soundWrap .sub_sound dd,
    .content_area .soundWrap2 .sub_sound dd { text-align: center;}


    /* 유실물 센터 */
    .content_area div.trickWrap:nth-of-type(1) {margin-top: -30px;}
    .content_area div.trickWrap { margin-top: 0;}
    /* 안전관리 - 열차이용 안전수칙 */
     #barrier #safety_bar { margin: 0 auto 10px;}
    .barrierWrap { width: 100%; overflow: hidden; padding-bottom: 20px;}
    .barrierWrap .barrier_content { width: 100%; float: none; overflow: hidden; padding: 30px 0;}
    .barrierWrap .barrier_content img { display: block; margin: 0 auto;}
    .barrierWrap .barrier_content1 ul li { line-height: 30px; text-align: center;}
    .barrierWrap .barrier_content2 ul { margin-top:0px;}
    
    /* 안전관리 - 비상시행동요령/화재발생시 */
    
    .content_area .fire_list dd { margin-bottom: 10px;}
    .content_area div.fire_content {width: 100%; float: none;}
    .content_area div.fire_content img { width: 65%; display: block; margin: 0 auto 30px;}
    .content_area .fire_list { text-align: left;}
    .content_area .fire_list dt {font-size: 16px;}
    .content_area .fire_list dd {font-size: 14px; line-height: 25px; padding: 0 3%;}
    
    /* 안전관리 - 비상시행동요령/테러발생시 */
    
    .content_area div.trick_content { width: 100%; float: none; margin-left: 0; margin: 0 0 10px; padding: 0 0 10px;}
	.content_area .info_f3 .Use_content {padding:0; height:auto;}
    .content_area div.callWrap ul li { width: 50%; border-bottom: 1px solid #dcdcdc; border-right: 0; line-height: 30px;}
    .content_area div.callWrap ul li:last-child {width: 100%;}
    .content_area div.trick_content img { display: block; margin: 7px auto;}
    .content_area .trick_list {margin-top: 0;}
    .controlWrap .trick_list dl {text-align: left;}
    .trick_list dl { text-align: center; line-height: 30px;}
    .content_area .trick_list dt { margin-bottom:10px;}
    
    
    /* 안전관리 - 시스템소개 */
    
    .content_area .trackWrap img {width:90%;}
    
    /* 찾아오시는길 */
    
    /* 회사소개 - 사업현황 */
    #business .business_list .ut_title { font-size: 16px;}
    #business .business_list .ut_con { font-size: 14px;}
    
    /* 역정보 */
    .content_area .stt_fright .stt_title span { font-size: 25px;}
    .content_area .stt_fright .stt_title { font-size: 25px;}
    
    
    
    
      /* 우이/시설촬영 */
    .app_about .history_title { font-size: 18px;}
    .wrap .applicationWrap div.trick_content { padding: 0 0 30px;}
           .bd_list table .tl a {

        text-overflow:ellipsis;
        white-space:nowrap;
        word-wrap:normal;
        max-width:150px;
        overflow:hidden;
    }
        /* 게시판 */
    
    /* 소화기 */
    
    .fireuse ul li:nth-child(1) { display: none;}
    .wrap .fireuse ul li {width: 100%; margin-left: 0;} 
   .wrap .fire_f .trick_content { height:auto; line-height: 50px;}
    .wrap .content_area .fire_f {border-bottom: 0;}
    .wrap .content_area .info_f .trick_list5 {margin-top: 0;}


    
}
@media screen and (max-width:900px){
	.content_area .about3_list > li > dl > dt {height:200px;}
	.content_area .ab3_insert {line-height:350px;}
	.content_area .about3_text p {text-align:left;}
	.content_area .about3_text p span {display:inline;}
}
@media screen and (max-width:880px) {
	#wrap .intro_categories li {margin-bottom: 10px;}
} 
@media screen and (max-width:860px) {
   
	p,dd,li,h2,h3,h4 {word-break: keep-all;}

	/* 채용 정보*/
	#wrap .comintro_box dl dd .comintro_train { display:none;}
	

   #wrap .naviWrap {margin-top:30px;}
	#wrap .date_p {display:none;}
   /* 이용안내 */
	#wrap .customerWrap .drop_content dd {line-height:24px; text-align:left; padding: 0 2%;}
   /* 홈페이지 이용약관 */
   .content_area .caption1 {height:15em; font-size:13px;}
   
   #wrap .content_area .m_bg {display: block; margin: 0 auto; width: 90%;}
   .wrap .content_area .m_bg {display: block; margin: 0 auto; width: 90%;}
    #track ul.f_trackList li img {width: 80%; margin:50px auto 20px;}
    #wrap .content_area .pc_bg {display: none;}
	.wrap .content_area .pc_bg {display: none;}
    
    .content_area h2 {font-size: 25px;}
    p.sub_text,
    p.sub_text2 { font-size: 18px; line-height: 25px;}
    span.text {text-align: center; margin-left:-285px; left:50%; padding: 0 3%;}
   	span.text02 {left: 50%; margin-left: -250px;}
    span#left,
    span#right { display: none;}

    div#wrap div#banner { height: 300px;}
    div#banner .bx-pager  {bottom:65px;}
	.bx-controls {padding:0;}
    div#wrap p.banner_subtext { font-size: 18px;}
    div#banner p  { font-size: 30px;}
    
    /* nav */ 
	 .nav_more {display:none;}
	 .nav_txt {display:none;}
	 .nav_text {font-weight:500; overflow : hidden; white-space: nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis;}
	 #wrap span.nav_notice {position: static; float:left; line-height:64px; padding: 0 5%;}
	.nav_notice img {width: 30px;}
    div.mobile_nav .nav_text { font-size: 16px;}
    
    
    
    /* 푸터 */

    div#footer { display: none;}
    div#m_footer {display: block;}
    
    
    /* 안전관리 - 열차이용 안전수칙 */
    .safetyWrap .safety_content img {margin: 0 auto 30px;}
    .safetyWrap .height_bar {display: none;}
    .safetyWrap .safety_content { width: 100%;}
    .safetyWrap .safety_content ul {display: block; text-align: center;}
    .safetyWrap .safety_content ul li {line-height: 30px;}
    
    /* 안전관리 - 도시철도 에티켓 */
    #etiquette .content_area ul li { width: 50%;}
    
    /* 안전관리 - 비상시행동요령/화재발생시 */
    
    .content_area .tunnel_list ul {margin-top: 30px;}
    .content_area .tunnel_list ul li {line-height: 35px; text-align: center;}
    
    .content_area div.tunnel_content {width:100%; float: none; margin-left: 0;}
    .content_area div.tunnel_content img {width: 30%; display: block; margin: 0 auto;}
    
    #fire div#take dl dd {line-height: 30px; font-size: 15px;}
    
    /* 안전관리 - 비상시행동요령/테러발생시 */
    .content_area .controlWrap .trick_list dt {font-size: 18px;}
    .content_area .trick_list dt { font-size: 16px; line-height: 25px;}
    .applicationWrap .content_area .trick_list dd {line-height: 23px; font-size: 14px;}
    
    /* 안전관리 - 비상시행동요령/선로추락시 */
    .content_area .dropWrap { padding: 0;}
    .content_area .drop_content { width: 100%; float: none; margin-top: 30px;}
    .content_area .drop_content dt {font-size: 16px; margin: 10px 0;}
    .content_area .drop_content dd {font-size: 14px; line-height: 25px;}
    
    /* 회사소개 */
    .content_area .ceoWrap .ceoImg img {width: 100%;}
    .content_area .s_tab3 li { width: 33.3%;}
    .content_area .s_tab3 li:nth-child(4) {border-left: 1px solid #dcdcdc;}
    .content_area .ceoWrap .ceoImg { width: 100%; float: none;}
    
    
    .content_area .ceo_textBox ul li { line-height: 25px; font-size: 14px;}
    .ceo_textBox .ceo_tk {text-align: right;}
    .content_area .ceo_textBox ul li.ceo_title_text {font-size: 18px; line-height: 28px;}
    
    /* 경영 */
	.wrap #build01 img,
    .wrap #build02 img,
    .wrap #build03 img,
    .wrap #build04 img,
    .wrap #build05 img { width: 100%; padding:0;}
    
    /* 출자사 */
    .wrap #investor ul li { width: 31.2%; font-size: 15px;}
    
    /* 회사소개 - 사업현황 */
    .content_area .bu_text_title { font-size: 17px;}
    .content_area .bu_text_con { font-size: 14px; line-height: 25px; text-align:left; word-break: break-word;}
    
    
    /* 이용안내 */
    .wrap .transferWrap .drop_content { width: 100%; text-align: center; border-right: 0; border-bottom: 1px solid #c5c5c5; padding-bottom: 20px; font-size: 14px;}
    .drop_content .transfer_text {line-height: 25px; padding: 0 3%;}
    .wrap .transferWrap .drop_content:last-child {border-bottom: 0;}
    
    /* 유실물 현황 / 갤러리게시판 */  
    .bd_searchbox .bd_input {margin-bottom: 5px; display: block;}
    .content_box ul.g_contents li { width: 47%; margin-left: 2%;}
    .content_area2 .bd_listsch input {width: 43%; text-align: left !important}
	.date_p {text-align: left; display: block; margin-left:4px; margin-bottom:5px;}
    .content_area2 .bd_searchbox { width: 100%; text-align: center;}
	.content_area2 .bd_searchbox #word {width:43%;}
    .bd_searchbox .selectVal {width: 47%; margin-right: 13px; height:40px !important;}
    .bd_searchbox .bd_btnsch {margin-top: 15px; float:right; width:80px;}

	.content_area2 .bd_searchbox05 {text-align:right;}
	.bd_searchbox05 .selectVal {width:100px; margin-right:0;}
    .bd_searchbox05 .bd_btnsch {margin-top:1px; margin-left:5px;}


}
@media screen and (max-width:800px){
	/* 사이트맵 */
#wrap .site_box {width:47%; height:480px}
#wrap .site_box:nth-child(odd) {margin-left:0;}
#wrap .site_box:last-child {height:650px;margin-top:-80px; width:100%;}
	/* 0918 팝업이미지 수정 */
	.bd_contents img {width:100% !important; height: auto !important;}
	
	#wrap .bd_contents object {height:300px !important;}

	#wrap #lostList > li {width:100%; margin-left:0;}
	.user_table15 {margin-top:15px;}
   /* 차량소개 */

   .content_area #carList_or > li {width:100%; margin-left:0; margin-bottom:20px;}
   .content_area #carList_or > li:last-child {margin-bottom:0;}
   .content_area .carList01 > li:last-child td {padding: 0;}
   .content_area .carList01 > li {width:100%; margin-bottom:30px; margin-left: 0;}
   .content_area .carList01 > li:last-child {margin-bottom:0;}
    #wrap .content_area .condition_list {border:0;}
	#wrap .content_area .condition_list > li  {width:100%; border-bottom: 1px solid #dcdcdc; margin-bottom:20px; border-top: 1px solid #dcdcdc; font-size:14px;}
	.content_area .condition_list dl dd {font-size:13px;}
	.content_area .condition_list > li:nth-child(3) {border-left:1px solid #dcdcdc;}

	.condition_list > li {float:left; height:380px; box-sizing:border-box; color:#3a3a3a; border-right: 1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
	.condition_list > li:nth-child(1) {border-left: 1px solid #dcdcdc;}
	/* 채용정보 */
	


	#wrap .comintro_box li { }
	#wrap .comintro_box dt {font-size: 20px;}
	
	#wrap .comintro_box dd a {font-size: 14px;}


	


	/* 메인 */
	#wrap p.notice_title {max-width:330px;}
	#wrap p.notice_content {max-width:400px;}

	#wrap .content {padding-bottom: 32px;}
	#wrap .content2 {padding-bottom: 56px;}
	.content .content_area,
	.content2 .content_area {padding: 20px 3% 0;}
	p.sub_text,
	p.sub_text2 { margin-bottom: 42px;}
	
	.p_block {display:none;}
	.m_block {display:block; margin-top: 25px;}

	/* 팝업 */
	/*#hd_pops_1 .hd_pops_con { width:300px !important; height: 350px !important;}*/
	.hd_pops_reject {font-size:14px;}
	/* 유실물센터 운용개요 */
	#wrap #velorence ul li { width: 100%; min-height:180px; margin-bottom: 10px;}
	#wrap #velorence ul li span { margin: 50px 0 20px; font-size: 15px;}
	#wrap #velorence p { line-height: 23px; padding-bottom: 20px;}
	
	/* 팝업 */
	#hd_pop { display:none;}

	/* 회사소개 */
	div#ci ul li:nth-child(1) img { width: 60%;}
	
	
	
	
	.content_area .trackWrap ul li { width: 100%; margin-left: 0; margin-bottom: 30px;}
    .content_area .trackWrap img {width:auto;}
    
    /* 회원가입 */
    .content_area .user_table li {height: auto;}
    .content_area .user_table li input { width: 90%; margin-left: 0; height: 30px; margin-top: 20px;}
    .content_area .a_input {margin-top: 0;}
    .content_area .user_table li.ut_title { width: 100%; border-top: 1px solid #dcdcdc; border: 1px solid #dcdcdc; line-height: 40px; font-size: 14px;}
    
    .content_area .user_table li.ut_con {width: 100%; text-align: center; margin-bottom: 20px; padding-bottom: 20px;}

    
    
    .content_area .stt_fleft {width: 100%;}
    .content_area .stt_fright {width: 100%; margin-top:20px;}
	.content_area .stt_fright .stt_title {margin-bottom: -25px;}
    .content_area .stt_fleft img { width: 100%;}
    
    .stt_map_btnWrap {text-align: center;}
    .content_area .stt_mapWrap { width: 100%; float: none; text-align: center;    margin-top: 50px;}

	.content_area .stt_dllist1_line {padding-bottom:0;}
    
    /* 역정보 */
    .content_area .stt_dllist1 dt {font-size: 16px;}
    .content_area .stt_dllist1 dd { font-size: 14px; line-height: 25px; margin-bottom:10px;}
    .content_area .stt_map_btn { text-align: center;float: none;}
    .content_area2 .history_list li {margin-bottom: 10px;}
    .content_area2 .history_list li p { font-size: 14px; line-height:25px;}
    
    /* 편의시설 장애인 */
    .content_area .acco li { width: 47.3%;}
    .content_area .acco2 li { margin-left: 5.4%;}
    .content_area .acco2 li p {font-size: 14px;}
    .content_area .acco2 li:nth-child(3) {margin-left: 0;}
    
    /* 우이/시설촬영 */ 
    
    .down_box .m_download {display: inline-block; font-size: 14px; line-height: 25px; padding-top: 10px; width: 250px; background: none;background-color: #f79521; border: 1px solid #f79521; color:#fff;}
    .down_box  .pc_download { display: none;}
   .app_about .content_area .history_title {margin: -30px 0; width: 100%;  border-right: 0;}
    .app_about .content_area .history_title2 { height: 60px;}
    .app_about .content_area .history_title3 { height: auto; line-height: 115px;}
    .history_con .app_text {margin-left: 0; text-align: center;}
    .history_con .app_text p { margin-bottom: -30px;}
    .history_con .app_text2 { margin-left: 0; text-align: center;}
    
    /* 고객의소리 게시판 */
    
    .table_none {display: none;}

    .wrap .bd_list table th { font-size: 13px;}
    .wrap .bd_list table td { font-size: 12px;}
 
    .wrap_map { height: 350px !important;}
	
	.bd_view2 table tbody td {padding-left:5px;}
	.bd_view06 table td {display:block;}
}
@media screen and (min-width:701px) and (max-width:1000px) {
	.wrap .route_info_m_wrap .route_close {margin-right:10px;}
	.wrap .route_info_m_wrap img {width:400px; height: auto; margin: 40px auto 15px;}
	.wrap .route_info_m_wrap { width:450px; height:650px; top:480px; margin-left:-200px;}
}
@media screen and (max-width:700px) {
	.route_station { display:none;}
	#wrap .station_search_wrap05 {display:block; margin-top:-20px;}
	#wrap .trick_table th {height:50px; line-height:50px;width:100%; display:block; text-align:center; padding-left:0; border-bottom: 0;}
	#wrap .trick_table td {width:100%; display:block; padding: 0 0 10px; text-align:center; font-size:14px; letter-spacing:-1px;}

	/* 자동심장충격기 */
	.aed_box {margin-bottom: 20px;}
	#wrap .reliefWrap .aed_list01 > li {display:block; width:100%;}
	#wrap .reliefWrap .aed_list01 > li:nth-child(2) {border-left:0;}
	#wrap .reliefWrap .aed_list01 {border-bottom: 0;}
	#wrap .reliefWrap .aed_list03 {border-top: 1px solid #dcdcdc; margin-top:-20px; padding-top:30px;}
	#wrap .aed_list02 {padding:0;}

	/* 열차 내 화재시 상황별 행동요령 */
	.content_area div.fire_content img {width:100%;}
}
@media screen and (max-width:640px) {
	#hd_pop0 {display:none;}
	
	.hd_pops_footer {    position: absolute; width:100%; bottom: -77px; line-height:27px;}
	#wrap .hd_pops_close {margin-top:5px !important;}

	.wrap div#management h4 + p {text-align:center;}
	#wrap .policy_text {font-size:14px; line-height:24px; text-align:left;}
	#wrap .policyWrap span {display:block; margin-top:8px;}
	.policyWrap li {margin-bottom:10px;}
	.controlWrap .control_list dl { padding: 0;}
		/* 배너 */
	#slider_banner,
	.bx-wrapper:nth-of-type(1) {display:none;}
	#slider_m,
	.bx-wrapper:nth-of-type(2) {display:block;}
	#slider_m li > img {width:100%;}
	div#wrap div#banner { height: auto;}
	div#banner .bx-pager  {bottom: 40px; left: 50%; margin-left: -36px;}

		.content_area .about_topText { margin: 10px 0 40px;}
		.content_area .about3_text p {font-size: 14px; line-height:25px;}
		.content_area .about3_list .insert_li {padding: 0;}
		.content_area .about3_list .insert_li > p {height:20px;}
		.content_area .about3_list > li {width:100%;}
		.content_area .about3_list > li > dl > .ab3_title {font-size:15px;}
		.content_area .about3_list > li > dl > dd {font-size:13px; line-height:25px;}
		.content_area .about3_list > li > dl > dt {height:320px;}
		.content_area .about3_list > li .ab3_02 {background-position:right;}
		.content_area .about3_list > li:nth-child(even) {border-left:0;}
		.content_area .ab3_insert {line-height:inherit; margin: 20px auto 10px; font-size:18px;} 
		.content_area .machine ul li {}
		.content_area .machine dl dd {font-size:13px; line-height:22px}
		.content_area .machine dl dt {font-size:15px;}

		.content_area .elma_list > li > dl > .elma_title {font-size:15px;}
		.content_area .elma_list > li > dl dd {font-size:13px; line-height:25px;}
		
		.content_area .s_tab07 li {font-size:14px;}
		
		.content_area .elma_list > li {width:100%; margin-left:0;}
		.content_area .elma_list > li:nth-child(1) {margin-left:0;}
		.content_area .elma_list > li > dl {padding-bottom:15px;}

		#wrap .content_area .railroad_list p {text-align:center;}
		/* 자동심장충격기 메뉴 */
		#wrap .s_contents02 ul.sub_list li {width:50%; margin-bottom: 30px; font-size: 14px;}
		#wrap .s_contents02 ul.sub_list li:nth-child(2),
		#wrap .s_contents02 ul.sub_list li:nth-child(4) {border-right:0;}
		
		.aed_box > span {font-size:16px; display:block; margin: 10px 0;}
		
		#wrap .reliefWrap .aed_list02 {padding: 0 20px;}
		#wrap .reliefWrap .aed_list02 > li {font-size:14px; margin-bottom: 8px; line-height: 23px;}

		/* 역관광코스 추가페이지 */
		#wrap .intro_categories li {width:33.3%; text-align:center; margin-right:0; border-right:1px solid #dcdcdc; box-sizing:border-box;}
		#wrap .intro_categories li:nth-child(3),
		#wrap .intro_categories li:nth-child(5) {border-right:0;}


		#wrap .intro_categories li a {font-size:14px; width: auto;}
		.info_serchsel {font-size:13px;}
		.info_content_no dd {font-size: 14px;}
		#wrap .info_serchbtn {width: 100px; font-size: 14px;}
		#wrap .t_content ul.t_content_list li {font-size:15px;}
		#wrap .t_content ul.t_content_list li:nth-child(2) {font-size: 13px;}
		#wrap .info_conImg img {width:100px; height:100px; border-radius: 50%;}
		#wrap .info_content_list dl dt {margin: 25px 0 15px; font-size:15px;}
		#wrap .info_content_list dl dd {font-size:13px; padding-left: 20px;}

		/* 채용정보 */
		#wrap .comintro_box li:nth-child(2) {margin-left:0;}
		#wrap .comintro_box li {width:100%; min-height:200px; margin-bottom: 15px;}
		#wrap .comintro_box li > img {margin: 20px auto 20px;}
		
		#wrap .comintro_box dt {font-size: 16px;}
		#wrap .comintro_box dl dd {margin-bottom: 20px;}

		.user_table15 .ut_title { width:100%; display:block;}
		.wrap .user_table15 .ut_con {width:100%; display:block; padding: 3%; text-align: center;}
		.wrap .user_table15 .ut_textarea15 {text-align: left;}
		

    	h1 {margin-left:10px;}
		h1 > img {  width:216px;}
		


		#wrap #hd_pops_1 .hd_pops_con { width: 280px !important; height: 350px !important;}
	
	#hd_pops_1 .hd_pops_con img { width:280px !important;}
	#wrap #hd_pops_1 { top:5px !important;}

	#wrap .content_area .m_bg {width: 100%;}
   .wrap .content_area .m_bg {width: 100%;}
	.railway_intro img,
	#wrap .railway_intro video,
	#wrap .railway_intro iframe {width:100%;}
	#wrap .railway_text,
	#wrap .railway_text2{padding: 0 3%;}
	
	.content_area .railway_text3 {font-size:15px; line-height:1; padding: 0 3%;}
	.content_araa h2 {font-size: 23px;}
    .content_area h3 { font-size: 20px; line-height: 27px; margin-bottom: 30px;}
    .content_area h4 {font-size: 18px;}
    .content_area .navi_tit { line-height: 30px;}
	.content_area h5 {font-size: 16px !important;}
    
    #top_image > div { height: 200px; min-height: auto;}
    #top_image .top_title { font-size: 16px;}
    #top_image .top_main_title {font-size: 25px;}
    #top_image .top_text {padding-top: 70px;}
    p.sub_text,
    p.sub_text2 { font-size: 18px; line-height: 25px; padding: 0 3%;}
    .content_area .sign_text p {line-height: 24px; font-size: 15px;}
    
    .share_img img {width: 100%;}
    .sub_text_box {padding: 0 2%;}
    span.search_title {font-size: 16px;}
    p.search_text { line-height: 25px; padding: 0 5%;}
    div.info ul {padding: 20px 0;}
    div.info ul li.po_img {width: 100%; text-align: center; margin: 0 auto;}
    div.info ul li.po_text {width: 100%; margin-top: 10px;}
    .search_button { margin-right: 7%; width: 100px; height: 40px;margin: 30px auto; line-height: 40px; font-size: 15px;}
    /* 서비스 */
    div.service span.service_title { font-size: 16px;}
    div.service_info ul {height: 175px; padding: 0;}
    div.service_info ul li.po_img {width: 100%; text-align: center; margin: 20px auto 0; height: 53px;}
    div.service_info ul li.po_text {width: 100%; margin-top: 20px; margin-left: 0;}
    
    .mobile_more a {width: 100px; height: 40px; line-height: 40px; font-size: 15px;}
    
    /* 안전관리 - 도시철도 에티켓 */
    #etiquette .content_area p {font-size: 14px;}
    #etiquette .content_area ul li { height: 130px;}
    #etiquette .content_area ul li span {margin: 30px 0 10px; font-size: 16px;}
    
    /* 안전관리 - 열차이용 안전수칙 */
    .safetyWrap .safety_content ul li {font-size: 14px; line-height: 28px;}
    
    .barrierWrap { width: 100%; overflow: hidden; padding-bottom: 20px;}
    .barrierWrap .barrier_content { width: 100%; float: none; overflow: hidden; padding: 30px 0;}
    .barrierWrap .barrier_content img { display: block; margin: 0 auto;}
    .barrierWrap .barrier_content1 ul li { line-height: 23px; text-align: left; margin-bottom:8px; font-size: 14px;}
    
    
	.trick_list dl {padding: 0 20px;}
    /* 안전관리 - 비상시행동요령/화재발생시 */
    
    .content_area .tunnel_list ul {margin-top: 30px; padding: 0 20px;}
    .content_area .tunnel_list ul li {line-height: 23px; margin-bottom:8px; text-align:left; font-size: 14px;}
    
	#fire div#take dl {padding: 0 20px;}
    #fire div#take dl dd {line-height: 23px; margin-bottom:8px; font-size: 14px; text-indent: -8px;}
    
    /* 안전관리 - 비상시행동요령/테러발생시 */
    .content_area div.callWrap ul li {font-size: 14px; line-height: 30px;}
    .content_area span.call_bar { margin: 0 auto 30px;}
    .content_area .terrorWrap ul li  { width: 48%; margin-left: 4%; margin-bottom: 10px;}
    .content_area .terrorWrap ul li:nth-child(3) {margin-left: 0;}
    
    /* 안전관리 - 안전장비 취급요령/소화기사용법 */
   
    
    /* 안전관리 - 안전장비 취급요령/소화전사용법 */
    .content_area .reliefWrap p {font-size: 14px;}
    
    /* 안전관리 - 안전장비 취급요령/승객구호장비사용법 */
    .content_area .reliefWrap p {line-height: 28px; text-align:left;}
    .content_area .reliefWrap ul li {width: 100%; margin-bottom: 20px;}
    .content_area .f_systemList p {text-align:center;}
    
    /* 시스템소개/신호통신 */
    .content_area .systemWrap .f_systemList li span { font-size: 16px;}
    #comunication .systemWrap .f_systemList li {width: 49%;}
    
    
    .content_area .trackWrap ul li {width: 100%; height: auto; padding-bottom: 30px;}
    .content_area .trackWrap img {width: 80%;}
    
    /* 회원가입 */
    
    
    .agreeWrap .agree_btn li {margin-bottom: 20px;}
    .agreeWrap .agree_btn li a { width: 140px;}
    
    .content_area .finish_al {padding: 5% 3%;}
    .content_area .fin_title_text { font-size: 18px; margin-bottom: 10px;}
    .content_area .fin_con_text {font-size: 14px; line-height: 22px;}
    
    /* 로그인 */
    
    .content_area .login_text { line-height: 23px; font-size: 15px; padding: 0 5%;}
    .membership_form .membership_list li { width: 100%; margin-bottom: 25px;}
    .membership_form .find_btn02 {margin-top: 0;}
    /* 회사소개 */
    #ci .explanation_title {font-size: 16px; line-height: 25px; text-align:left;}
    #ci .explanation_con { font-size: 14px; line-height: 23px; text-align:left;}
     
    /* 회사소개 - 사업현황 */
    #business .business_list li { width: 100%;}
    
    /* 지하철운임 */
    
    .wrap .reduced .user_sale span {line-height: 30px; margin-bottom:0; margin-top: -10px;}
	
    .wrap .reduced2 .user_sale p { line-height: 23px; font-size:14px;}

    /* 역정보 */
    /*
    .content_area .selectVal {display: block; min-width: 250px; height: 40px; margin: 0 auto 40px;}
    */
    .content_area .route_searchbox {margin-bottom: -45px;}
    .content_area .stt_fleft {margin-top: 0;}
    .content_area .stt_fright .stt_title span { font-size: 18px;}
    .content_area .stt_fright .stt_title { font-size: 18px;}
    .content_area .stt_fright .stt_infomation { margin-bottom: 30px;}
    .content_area .stt_dllist1_line { padding-bottom: 0;}
    .content_area .stt_fright .stt_title_s {margin-bottom: -15px;}
    ul.history_list {display: none;}
    .content_area2 dl.history_list {display: block;}
    
    /* 편의시설 - 일반 */
    
    .content_area .acco li span { font-size: 16px;}
    .content_area .acco li p { line-height: 20px; font-size: 14px;}
    
    /* 고객의소리 - 이용안내 */
    
    .content_area .soundWrap .sub_sound dt,
    .content_area .soundWrap2 .sub_sound dt { font-size: 16px;}
    .content_area .soundWrap .sub_sound dd,
    .content_area .soundWrap2 .sub_sound dd { font-size: 14px; line-height: 22px;}
    
    /* 고객의소리 - 콜센터 */
    
    .content_area .customer_center { width: 100%; margin: 0 0 20px;}
    .call_center .all { height: auto;}
    .wrap .call_center .customer_center ul { margin-top: 0;}
    
    /* 우이/시설촬영 */ 
    .app_about ul.history_list {display: block;}
    .app_about .content_area .history_title { font-size: 16px;}
    .app_about .content_area .history_title3 {margin-bottom: -40px;}
    .history_con .app_text {}
    .history_con .app_text p { font-size: 14px; line-height: 25px;}
    .history_con .app_text2 p { font-size: 14px; line-height: 25px;}
    .down_box .download { width: 200px; font-size: 14px; line-height: 1.5; background: none;}

    .wrap .applicationWrap .trick_list dt {font-size: 15px; margin-bottom: 5px;}
    
    .board_list .user_table2 li.ut_title span  {display: none;}
    
    /* 달리는 문화철도 */
    .wrap .railway_text, 
    .wrap .railway_text2 {font-size: 14px; line-height: 22px;}
    .wrap .railWrap .rail_list li {width: 100%; margin-left: 0; margin-bottom: 20px;}
    .wrap .railWrap .rail_list4 li { width: 100%; margin-left: 0;}
    .wrap .railWrap .rail_list3 li { width: 100%; margin-left: 0;}
    .rail_list p,
    .rail_list4 p { font-size: 14px;}
    .wrap .rail_list5 li:last-child { width: 100% !important;}
    
    .wrap .railWrap iframe { height: 300px;}
    
    /* 고객의소리 게시판 */
    /*.bd_listsch2 {text-align: center;} 
    .bd_listsch2 .selectVal { margin: 0 auto; min-width: 265px;}*/
    
    /* 유실물 현황 / write */
    
    .ut_con .selectVal_list { width: 70%;}
    
    /* 소화기 */
    .fireuse .fire_f .trick_list dd { line-height: 23px; font-size: 14px;}
    
    .wrap .content_area .info_f .trick_list dd { font-size: 14px; line-height: 24px; text-align: left;}
    
    .transfer_sub { font-size: 14px;}
    
    /* 운임 및 승차권 */
}
@media screen and (max-width:580px) {
	#wrap .bd_view table thead th {padding-left:10px;}
	#wrap .bd_view table thead th p {position: static;}
	/* 0918 공지사항 다음글/이전글 */
	#wrap .bd_view table tbody td {padding-left:0;}
	#wrap .bd_view table a {display:inline-block; width:250px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	#wrap .bd_view table tbody td em {padding-right:15px; margin-right:15px;}
}
@media screen and (max-width:500px) {
		span.text {top:22%;}
		div#banner .text02 {top:17%;}
		div#banner .text > p,
		div#banner .text02 > p {line-height:36px;}
		div#banner .text .banner_subtext,
		div#banner .text02 .m_block {line-height:25px;}
		span.text { margin-left:-225px; left:50%; padding: 0 10%;}
		.content_area .about3_list > li {padding: 30px 0;}

		/* 체결장치 */
		#wrap .content_area .f_trackList .m_bg {width:100% !important;}
}
@media screen and (max-width:450px){
	
	/* 메인배너 */
	div#banner .bx-pager {bottom:20px;}
	.bx-controls {padding-bottom:15px;}

	/* 페이징 리스트 정렬 */
	.bd_paging > ul li {width:20%;margin-bottom:5px;}
	.bd_paging > ul li a {width:100%; padding:0;}
	.bd_paging > ul li:last-child a {background-position:right;}

	.content_area #qnaList > li {padding:15px;}
	.content_area #qnaList2 .qna_q {width:20%;}
	.content_area #qnaList2 .qna_title {width:80%;}

	.content_area .qna_content span  {display:none;}
	.content_area .qna_content div {width:100%;font-size: 13px; line-height:26px;}
	#qnaList2 .qna_title p {line-height:28px;}



	.machine ul li dl {text-align:left;}
	.elma_list > li > dl dt {height:300px;}
	.content_area .carList01 > li th {width:100%; display:block;}
	.content_area .carList01 > li td {display:block;}
	.content_area .carList02 > li th {width:100%; display:block;}
	.content_area .carList02 > li td {display:block; text-align:center;}

	.content_area .carList01 > li:nth-child(1) td {text-align:center;}
	.content_area .carList01 > li:nth-child(2) ul {padding:10px;} 
	.content_area .carList01 > li:nth-child(2) ul li { padding-left:0;}
	.content_area .carList01 > li:nth-child(2) table {border-bottom: 1px solid #dcdcdc;}
	.content_area .carList01 > li:nth-child(2) table td {border-bottom:0;}


	/* 역정보 역정보보기 */
	#wrap .rt_serchbtn {width:120px;}
	#wrap .rt_serchbtn + .selectVal {width:50% !important;}

	/* 자주하는 질문, 공지사항 */
	.bd_searchbox2 .selectVal {height:40px;}
	.bd_searchbox2 .bd_btnsch {margin-top:8px;}
	.bd_listsch {display:block;}
	.customer .bd_btnsch {display:block; width:80px; margin-bottom:15px; float:right;}
	.bd_listsch #word {width:auto;}
	#qnaList {clear:both;}

	.customer_center li.po_img img {width:100px;}


	.bd_searchbox05 .bd_btnsch {margin-top:5px; margin-bottom:15px;}
}
@media screen and (max-width:440px){
	
	
	.content_area .s_tab07 + h3 {padding-top:30px;}
	span.text { margin-left:-150px; left:42%; padding: 0 8%;}

    /*.content_area div.trick_content img {width:30%;}*/
	.drop_content img {width:30%;}
	#wrap .info_c {margin-bottom: 160px;}

	#wrap p.notice_title {max-width:200px;}
	#wrap p.notice_content {max-width:250px;}

	/* 고객의소리 - password */
	.bd_view table tbody td .cust_pass { display:block; padding: 0; margin: 10px auto; border-right:0;}
	
    div#banner p  { font-size: 24px; line-height: 28px; padding: 0; letter-spacing: -1px;}
    div#wrap p.banner_subtext { font-size: 18px; line-height: 25px;}
    .wrap .carintro_wrap {margin-top: -42px;}
    
	span.search_title  {line-height:25px; padding: 20px 0;}
    span.service_title { line-height: 25px; padding: 20px 15%;}
    
    /* 공통 */
    /*div.content_area { padding: 20px 3%;}*/
    .content_area .s_tab1 li {width: 100%; border-left: 1px solid #c4c4c6; font-size: 14px;}
    .content_area .sub_list {margin-top: 140px;}
    .content_area .sub_list li {width: 50%; margin-bottom: 30px; font-size: 16px; line-height: 20px;}
    .content_area .sub_list li:nth-child(2) {border-right: 0;}
    .content_area .m_sub_list {display: block;}
    .content_area .m_sub_list ul {display: block;}
    
    
    /* 안전관리 - 도시철도 에티켓 */
    #etiquette .content_area ul li { width: 100%; height: 120px; margin-bottom: 10px;}
    #etiquette .content_area ul li span {margin: 35px 0 10px;}
    
     /* 안전관리 - 비상시행동요령/테러발생시 */
    .content_area .terrorWrap ul li {width: 100%; font-size: 14px; margin-left: 0; margin-bottom: 10px;}
    .content_area .terrorWrap ul li:nth-child(2) {border-left: 0; border-right: 0;}
    .content_area .terrorWrap ul li:nth-child(3) {border-bottom: 0;}
    .content_area .terrorWrap ul li img {}
    div#terror div.trick {margin-top:25px;}
    
    /* 안전관리 - 비상시행동요령/지진발생시 */
    #wrap .fireWrap > img {display: none;}
    #earthquake div.trickWrap {margin-top: -25px;}
    #terror div.fireWrap {margin-top: -25px;}
    /* 안전관리 - 비상시행동요령/선로추락시 */

    .drop_img {display: none;}
    
    /* 회사소개 */
    .wrap div#management h4 {line-height: 25px; padding: 0 3%;}
    
    /* 출자사 */
    .wrap #investor ul li { width: 48%; margin-left: 1.4%;}
    
    /* 지하철운임 */
   
    
    /* 편의시설 */
    .content_area .acco li { width: 100%; margin-left: 0;}
    .content_area .acco2 li {width: 100%;}
    .bike {margin-top: -40px;}
    /* 유실물 현황 / 갤러리게시판 */
    
    .content_box ul.g_contents li { width: 100%; margin-left: 0;}
    .bd_searchbox .bd_input {}
    
    
}
@media screen and (max-width:395px) {
	#wrap .info_content_list li .info_conImg {margin: 20px 6px 20px 0;}
}
@media screen and (max-width:344px){
    
	.bd_list .bd_listsch .bd_searchbox08 input { width:177px;}
	.content_area .about3_list > li > dl > dt {height:200px;}
	
}
@media screen and (max-width:320px) {
	
	
	
	#wrap .info_conImg img {width:60px; height:60px;}
	
	
	.bd_contents2 input[type="file"] {width:220px;}

	
	/* 메인 */
	p.sub_text2 {padding: 0 20%;}

	span.text { margin-left:-150px; left:50%; padding: 0 6%;}

}