@charset "utf-8"; 

@media only screen and (max-width:768px){
	.header .global,
	.header .gnb_wrap,
    .container-w .content_top,
	.container-w .content_bot,
	.container-w .quick_wrap2 .quick_wrap_box,
	.bg_slide_wrap .bg_slide .bg_slide_box,
	/* .container-w .banner, */
	.sub_wrap,
	.footer .f_li,
	.footer .f_content {width:100%;}
	
	.header-w,
	.container,
	.footer {min-width:auto;}

	.sub_topbg {display:none;}
	.container .sub_wrap {padding:0 10px; box-sizing:border-box;}
	.container-w .sub_con_area {padding-bottom:50px;}

	.pc {display:none !important;}
	.mobile {display:block !important;}
	.mobile_ib {display:inline-block !important;}
	.gap_for_mobile20to10 {margin-top:10px;}
	.gap_for_mobile30to10 {margin-top:10px;}
	.gap_for_mobile30to20 {margin-top:20px;}
	.gap_for_mobile50to10 {margin-top:10px;}
	.gap_for_mobile50to20 {margin-top:20px;}
	.gap_for_mobile50to30 {margin-top:30px;}
	.gap_for_mobile50to40 {margin-top:40px;}
	.gap_for_mobile80to30 {margin-top:30px;}
	.gap_for_mobile100to30 {margin-top:30px;}

	.header .global {height:0;}
	.header .global > a,
	.header .global .login_wrap,	
	.header .gnb_bg {display:none; background:none; box-shadow:none;}
	.header-w {background:none;}

	.header {position:relative;}
	.header .gnb_wrap {text-align:center; height:auto;}
	.header .gnb_wrap h1 {margin-top:14px;}
	.header-w.en .gnb_wrap h1 {margin-top:14px; margin-bottom:7px;}
	.header .gnb_wrap h1 img {width:85px;}
	.header .gnb_wrap .srch_btn_global {display:inline-block; position:absolute; right:10px; margin-top:17px; }
	.header .gnb_wrap .srch_area {display:none;}
	/* gnb 이상희 수정 시작 ~ */
    .header .gnb_wrap .gnb {background:#fff; left:-100%; width:100%; top:61px; background-color:#fff;}
	.header .gnb_wrap .gnb > ul > li,
	.header-w.en .gnb_wrap .gnb > ul > li {float:none; text-align:left; width:100%; border-bottom:1px solid #f5f5f5;  }
	.header .gnb_wrap .gnb > ul > li > a {height:45px; line-height:45px; margin-bottom:0; padding-left:30px; color:#333; font-weight:normal;}
	.header .gnb_wrap .gnb > ul > li > ul {border:0; min-height:auto; background-color:#f3f3f3; padding-left:0; border-top:1px solid #dedede; border-bottom:1px solid #dedede;}
	.header .gnb_wrap .gnb > ul > li > ul > li {padding: 2px 0 2px 30px;border-bottom:1px solid #e3e3e3;}
	.header .gnb_wrap .gnb > ul > li > ul > li.depth3 {padding-left:45px;background-color: #e3e3e3;border-bottom:1px solid #d3d3d3;}
	.header-w .gnb_wrap .gnb > ul > li > ul > li.depth3 {background-position:35px 15px;}
	.header .gnb_wrap .gnb > ul > li > ul > li:last-child {border-bottom:0;}
	.header .gnb_wrap .gnb > ul > li > ul > li > a {color:#666; font-weight:normal;}
	
	.header .srch_area {border-top:1px solid #dee2eb; padding:10px; top:70px; right:auto; left:0; width:100%;}
	.header .srch_area .srch_box {border:2px solid #132235;}
	.header .srch_area .srch_go {height:30px; background:#132235 url('/images/ico_srch2.png') no-repeat center center; background-size:50%; }
	.header .srch_area .srch_result {top:42px; left:0; width:100%;}

	.lang_m {display:block; padding:10px 0; text-align:left;background-color: #5f6062;}
	.lang_m > div {padding-left:30px; margin:7px 0;}
	.lang_m a {color:#fff; font-family:'돋움',dotum; font-size:12px; }
	.lang_m span {color:#fff; font-family:'돋움',dotum; font-size:12px; padding:0 10px;}

	.ham_footer {display:block; background:#193458 url('/images/bg_railroad.png') repeat-x 0 top; background-size:26px 9px; padding-top:30px; }
	.ham_footer > span {display:block; color:#47647b; font-family:'돋움',dotum; font-size:12px; text-shadow:0 1px 0 rgba(0, 0, 0, .2); font-size:12px;}
	.ham_footer > div {display:inline-block; background:url('/images/logo_f_m.png') no-repeat left top; text-indent:-999em; width:81px; height:36px; margin:20px 0 30px;}
	.ham_bg {background:#222222; height:3000px; position:absolute; width:100%; opacity:0.5; z-index:200;}
	/* 이상희 수정 ~ 여기까지 */
	.menu-toggle, .gnb {z-index:310;}
	.menu-toggle { position: absolute; top:17px; left:17px; display: block; width: 34px; height: 26px; background: transparent; border-top: 4px solid; border-bottom: 4px solid; color: #162232; font-size: 0; transition: all 0.25s ease-in-out;} 
	.menu-toggle:before, .menu-toggle:after { content: ''; display: block; width: 100%; height: 4px; position: absolute; top: 50%; left: 50%; background: currentColor; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: -webkit-transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out; }
	.menu-toggle > span { display:inline-block; text-indent:-999em;}
	.gnb_wrap button:hover { color: #162232; }
	.gnb_wrap button.is-active { border-color: transparent; } 
	.gnb_wrap button.is-active:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); color:#fff;} 
	.gnb_wrap button.is-active:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }

	.sub_wrap {padding-top:0;}
	.sub_loc_area {display:none;}
	.container-w .sub_tit_area {padding-top:20px; margin-bottom:10px; border-bottom:1px solid #808080;}
	.container-w .sub_tit_area h2 {font-size:23px;}

	.container-w {margin-top:0;}
	.container-w .content_top_bg {padding:0 0 30px 0;}
	.container-w .content_top {padding:0 13px;}
	.container-w .content_top .content_l {margin-top:0; padding-top:40px; float:none; width:100%; }
	.container-w .content_top .content_l h1 {display:inline-block; margin:0 auto 35px; padding:0 10px;}
	.container-w .content_top .content_l h1 span {font-size:20px;}
	.container-w .content_top .content_l h1 img {width:90%;}
	.container-w .content_top .content_r {float:none; width:100%;}
	.container-w .content_top .content_r .ytb {background:#000; background:rgba(0, 0, 0, 0.5);}
	.container-w .content_top .content_r .ytb a img {max-width:100%; display:block; margin:0 auto;}
	.container-w .content_top .content_r .boxmenu li a {padding:15px;}
	.container-w .content_top .content_r .boxmenu_en li a {padding:20px;}
	.container-w .content_top .content_r .boxmenu li a img {max-width:100%;}
	.container-w .content_top .content_r .boxmenu li a img:last-child {max-width:100%;}
	.container-w .content_top .content_r .boxmenu li {height:auto; }

	.container-w .quick_wrap {margin-top:30px;}
	.container-w .quick_wrap a img {max-width:100%;}
	.container-w .quick_wrap .quick_wrap_box {padding:0 10px;}

	/* ■ 메인 */
	.bg_slide .bg1 {background-image: url('/images/skin/www_kr/main/bg_main_m_1.png');}
	.bg_slide .bg2 {background-image: url('/images/skin/www_kr/main/bg_main_m_2.png');}
	.bg_slide .bg3 {background-image: url('/images/skin/www_kr/main/bg_main_m_3.png');}

	/* 기업kr 버전2 */
	.container-w .quick_wrap2 {padding:20px 0 10px 0; width:100%;}
	.container-w .quick_wrap2 .quick_wrap_box > a {display:block;border:0;width: 24%;padding: 5px;}
	.container-w .quick_wrap2 .quick_wrap_box > a.last {border:0;}
	.container-w .quick_wrap2 .quick_wrap_box > a > img {display:block;margin:0 auto;width: 33.3%;}
	.container-w .quick_wrap2 .quick_ticket {display:block; width:100%; text-align:center; float:none; margin-top:10px;}
	.container-w .quick_wrap2 .quick_ticket a {padding:10px 10px 10px 20px; font-size:20px;} 
	.container-w .quick_wrap2 .quick_ticket a img {max-height:40px;}
	.bg_slide_wrap,
	.bg_slide_wrap .bg_slide,
	.bg_slide_wrap .bg_slide .bg_slide_box {height: 600px;}
	.bg_slide_wrap .bg_slide .slide {background-size:auto 100%;}
	.bg_slide_wrap .bg_slide .slogan {width:95%; left:auto; right:10px; top:30px;}
	.bg_slide_wrap .bg_slide .slogan img {max-width:80%;}
	.container-w .quick_wrap2 .quick_wrap_box > a {min-height:99px;}
	.container-w .quick_wrap2 .quick_wrap_box > a span {font-size: 16px;}
	.bg_slide_wrap .navybg {height:193px; }
	/* 기업kr 버전2 */

	
	.container-w .content_bot_bg {padding:30px 0 10px 0;}
	.container-w .content_bot {padding:0 13px;}
	.container-w .content_bot .card1_wrap li {width:calc(50% - 5px); margin-bottom:10px; height:300px;}
	.container-w .content_bot .card1_wrap li:nth-child(even) {margin-right:0;}	
	.container-w .content_bot .card1_wrap li .card1_txt {padding:10px;}
	.container-w .content_bot .card1_wrap li .card1_txt strong {font-size:17px; width:100%;}
	.container-w .content_bot .card1_wrap li > a {padding:10px;}


	.container-w .content_bot h2 {text-align:center; /*height:25px;*/}
	.container-w .content_bot h2 img {max-width:100%; height:100%;}
	.container-w .content_bot .card1_wrap {padding-top:0;}
	.container-w .content_bot .card1_more {display:none;}
	.container-w .content_bot .card2_wrap li {margin-top:0;}


	.container-w .banner_bg {padding:0; background:none; margin-top:30px; overflow:hidden;}
	.container-w .banner_bg .bx-controls {display:none;}
	.container-w .banner_bg .bx-wrapper {margin-bottom:0;}
	.container-w .banner li {width:170px !important;}
	.container-w .banner li img {max-width:100%;}

	.relate_url {display:none;}
	.footer-w .f_li_wrap {padding:13px 0;}
	.footer-w .f_li_wrap .f_li {text-align:center;}
	.footer-w .f_li_wrap .f_li ul {margin-top:0;}
	.footer-w .f_content_wrap {padding:0 13px 30px; text-align:center;}
	.footer-w .f_content_wrap h2 {float:none; margin-top:10px;}
	.footer-w .f_content_wrap .addr {display:block;}
	.footer-w .f_content .f_logoes {float:none; margin-top:20px;}
	.footer-w .f_content .f_logoes li:first-child {margin-left:0;}
	.footer-w .f_content_wrap .copyright span {font-size:12px; letter-spacing: 0.4px;}

	/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
	/* ■■■■■■■■■■■■■■■■■ 공 통 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
	/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
	.sub_con_area .contents_img img {margin-top:0;}

	/* ■■■■■■ B1 텝TAB ■■■■■■  */
	.tab1 ul li a {font-size:16px; height:44px; line-height:40px; padding:0 3px; }
	.container-w .tab1 ul li a span {font-size:16px;}
    .tab2 ul li a {font-size:14px; height:40px; line-height:36px; padding:0 3px; }
	.container-w .tab2 ul li a span {font-size:14px;}

	/* ■■■■■■ B2 타이틀 ■■■■■■ */
	.lefttopbg {font-size:18px; padding-top:8px;}

	/* ■■■■■■ B3 박스 ■■■■■■ */

	/* ■■■■■■ C1 검색box ■■■■■■ */
	.sub_srch_box .total_bulletin {display:none;}
	.sub_srch_box .sub_srch_wrap1,
	.sub_srch_box .sub_srch_wrap2 {width:100%;}

	/* ■■■■■■ E2 컨텐츠table ■■■■■■ */
	/* ■ view 반응형 */
	.view_wrap th,
	.view_wrap td {padding:10px;}
	.view_wrap td.vtb_con {padding:10px;}
	.view_wrap td.vtb_file .file_preview {float:none; display:block; margin-top:20px; text-align:right;}
	.view_wrap.vtb1 col:nth-child(1) {width:90px;}
	/* .view_wrap .view_tr .l {width:90px; text-align:center; padding:10px;}
	.view_wrap .view_tr .r {width:calc(100% - 90px); padding:10px;}
	.view_wrap .view_tit strong {padding:10px; font-size:15px;}
	.view_wrap .view_date > span {padding:10px;}
	.view_wrap .view_date .l {background:none; width:auto;}
	.view_wrap .view_date .r {width:auto;}
	.view_wrap .view_con {padding:10px;} */
	.view_wrap .view_goback {padding:10px 0;}

	.view_wrap .view_reply ul li .name {padding:10px 0; width:90px;}
	.view_wrap .view_reply ul li .ment {padding:10px; padding-right:0; width:calc(100% - 90px);}

	.view_wrap .view_answer .l_t {padding:10px 0; width:90px;}
	.view_wrap .view_answer .tit {padding:10px; width:calc(100% - 90px);}
	.view_wrap .view_answer .tit .reply {display:none;}

	.view_wrap .view_ctrl .ctrl .tit {width:calc(100% - 90px);}

	.view_wrap .view_ctrl .ctrl .btn {width:90px;}
	.view_wrap .view_ctrl .ctrl .btn a,
	.view_wrap .view_ctrl .ctrl .tit a {padding:10px 15px;}

	.view_wrap .write_reply_box .ment {width:calc(100% - 200px);}
	.view_wrap .write_reply_box .confirm {width:70px; }

	/* ■■■■■■ E3 bodList ■■■■■■ */
	/* ■ faketbl_wrap */
	.faketbl_a3 li > div:nth-child(1) {width:70px;}
	.faketbl_a3 li > div:nth-child(2) {width:calc(100% - 70px); }
	.faketbl_a3 li > div:nth-child(3) {display:none; }
	.faketbl_a3 li > div:nth-child(2) p {display:inline-block; vertical-align:middle; width:100%; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; overflow:hidden; margin-top:6px;}
	.faketbl_1line li > div:nth-child(1) {display:none; }
	.faketbl_1line li > div:nth-child(2) {display:none; }
	.faketbl_1line li > div:nth-child(3) {width:100%;}
	.faketbl_1line li > div:nth-child(4) {display:none; }
	.faketbl_1line li > div:nth-child(5) {display:none; }

	/* ■ 페이징 */
	.paging_wrap a {width:30px; height:30px; line-height:28px;}

	/* ■ a형(제목2칼럼, 최대 칼럼7개) 게시판리스트(반응형가능) */
	.Rtbl_a table col:nth-child(1),
	.Rtbl_a table col:nth-child(3),
	.Rtbl_a table col:nth-child(4),
	.Rtbl_a table col:nth-child(5),
	.Rtbl_a table col:nth-child(6),
	.Rtbl_a table col:nth-child(7),
	.Rtbl_a table col:nth-child(8),
	.Rtbl_a table th:nth-child(1),
	.Rtbl_a table th:nth-child(3),
	.Rtbl_a table th:nth-child(4),
	.Rtbl_a table th:nth-child(5),
	.Rtbl_a table th:nth-child(6),
	.Rtbl_a table th:nth-child(7),
	.Rtbl_a table th:nth-child(8),
	.Rtbl_a table td:nth-child(1),
	.Rtbl_a table td:nth-child(3),
	.Rtbl_a table td:nth-child(4),
	.Rtbl_a table td:nth-child(5),
	.Rtbl_a table td:nth-child(6),
	.Rtbl_a table td:nth-child(7),
	.Rtbl_a table td:nth-child(8) {display:none;}
	.Rtbl_a table td:nth-child(2) {max-width:0;}
	/* ■ b형(분류2칼럼,제목3(제목)칼럼, 최대 칼럼8개) 게시판리스트(반응형가능) */
	.Rtbl_b table col:nth-child(1),
	.Rtbl_b table col:nth-child(4),
	.Rtbl_b table col:nth-child(5),
	.Rtbl_b table col:nth-child(6),
	.Rtbl_b table col:nth-child(7),
	.Rtbl_b table col:nth-child(8),
	.Rtbl_b table th:nth-child(1),
	.Rtbl_b table th:nth-child(4),
	.Rtbl_b table th:nth-child(5),
	.Rtbl_b table th:nth-child(6),
	.Rtbl_b table th:nth-child(7),
	.Rtbl_b table th:nth-child(8),
	.Rtbl_b table td:nth-child(1),
	.Rtbl_b table td:nth-child(4),
	.Rtbl_b table td:nth-child(5),
	.Rtbl_b table td:nth-child(6),
	.Rtbl_b table td:nth-child(7),
	.Rtbl_b table td:nth-child(8) {display:none;}
	.Rtbl_b table td:nth-child(2) {width:60px;}
	.Rtbl_b table td:nth-child(3) {max-width:0; width:calc(100% -60px);}
	/* ■ b_2형(분류2(제목)칼럼,제목3칼럼, 최대 칼럼8개) 게시판리스트(반응형가능) */
	.Rtbl_b_2 table col:nth-child(1),
	.Rtbl_b_2 table col:nth-child(4),
	.Rtbl_b_2 table col:nth-child(5),
	.Rtbl_b_2 table col:nth-child(6),
	.Rtbl_b_2 table col:nth-child(7),
	.Rtbl_b_2 table col:nth-child(8),
	.Rtbl_b_2 table th:nth-child(1),
	.Rtbl_b_2 table th:nth-child(4),
	.Rtbl_b_2 table th:nth-child(5),
	.Rtbl_b_2 table th:nth-child(6),
	.Rtbl_b_2 table th:nth-child(7),
	.Rtbl_b_2 table th:nth-child(8),
	.Rtbl_b_2 table td:nth-child(1),
	.Rtbl_b_2 table td:nth-child(4),
	.Rtbl_b_2 table td:nth-child(5),
	.Rtbl_b_2 table td:nth-child(6),
	.Rtbl_b_2 table td:nth-child(7),
	.Rtbl_b_2 table td:nth-child(8) {display:none;}
	.Rtbl_b_2 table td:nth-child(2) {max-width:0; width:calc(100% - 70px);}
	.Rtbl_b_2 table td:nth-child(3) {width:70px;}
	/* ■ c형(제목2칼럼, 최대 칼럼8개) sns게시판리스트(반응형가능) */
	.Rtbl_c table col:nth-child(3),
	.Rtbl_c table th:nth-child(3),
	.Rtbl_c table td:nth-child(3) {display:none;}
	.Rtbl_c table td:nth-child(1) {width:60px;}
	.Rtbl_c table td:nth-child(2) {max-width:0; width:calc(100% -60px);}

	/* ■ 채용공고 list */
	.tbl_job_pc {display:none;}
	.tbl_job_mobile {display:block; }
	.tbl_job_mobile ul {border-top:2px solid #444;}
	.tbl_job_mobile ul li {border-bottom:1px solid #d4d3d3; padding:8px 10px;}
	.tbl_job_mobile ul li:after {clear:both; content:""; display:block;}
	.tbl_job_mobile ul li .job_l {float:left; width:calc(100% - 90px);}
	.tbl_job_mobile ul li .job_l > span {display:block; }
	.tbl_job_mobile ul li .job_l .tit a {color:#023c90; font-weight:bold; font-size:15px;}
	.tbl_job_mobile ul li .job_r {float:right; width:82px;}
	.tbl_job_mobile ul li .job_r a:last-child {margin-top:5px;}

	/* ■ Rtbl_d형(제목2칼럼, 칼럼2개) 조직도 게시판리스트(반응형가능) */
/*	.Rtbl_d table col:nth-child(2),
	.Rtbl_d table col:nth-child(3),
	.Rtbl_d table th:nth-child(2),
	.Rtbl_d table th:nth-child(3),
	.Rtbl_d table td:nth-child(2),
	.Rtbl_d table td:nth-child(3) {display:none;}*/
	.Rtbl_d table col:nth-child(2),
	.Rtbl_d table th:nth-child(2),
	.Rtbl_d table td:nth-child(2) {/* display:none; */}





	/* ■■■■■■ E4 bodList(썸넬) ■■■■■■ */
	/* ■ 썸네일, 카드형 */
	.li_mgt {margin-top:10px;}
	.bod_li_type2 ul li {padding:10px 0; height:177px;}
	.bod_li_type2 ul li .thumb {width:40%;}
	.bod_li_type2 ul li .thumb a img {}
	.bod_li_type2 ul li .con {width:60%; padding-left:20px; padding-top:2px;}

	.bod_li_type3 li {width:100%;}	
	.bod_li_type4 li {width:100%;}
	.bod_li_type5 li {width:100%;}

	/* ■■■■■■ E5 bodView ■■■■■■ */
	/* ■ 꾸밈 */
	.view_filedown .file_down {display:inline-block; width:calc(100% - 90px);}
	/* ■ 담당자 */
	.contact_box {width:100%;}
	.contact_box ul li {width:100%; border-right:1px solid #dfdfdf;}
	.contact_box ul li strong {width:30%; padding:10px;}
	.contact_box ul li span {padding:10px;}
	/* ■ 설문투표 */
	.vote_box .vo_tit {text-align:left; padding:10px;}
	.vote_box .vote_con {padding:10px;}
	.vote_box .vote_con .vo_r {display:none;}
	.vote_box .vote_con .vo_l {margin-right:0;}
	.vote_box .vote_con .vo_btn {position:relative; right:auto; bottom:auto;}
	.vote_box .vote_con .vo_btn a {width:100%;}
	.vote_box .vote_con .vo_l > div {margin-bottom:7px;}
	.vote_box .vote_con .vo_l > div > * {vertical-align:middle;}

	/* ■ 만족도 */
	.satisfy_box {width:100%;}
	.satisfy_box .sa_tit {padding:10px;}
	.satisfy_box .sa_l,
	.satisfy_box .sa_r {float:none; border:0; width:100%; padding:10px; height:auto;}
	.satisfy_box .sa_l {padding-bottom:0;}
	.satisfy_box .sa_r {padding-top:5px;}
	.satisfy_box .sa_r label {display:none;}
	.satisfy_box .sa_r textarea {width:calc(100% - 63px);}
	.satisfy_box .star_wrap2 {padding:10px;}
	.satisfy_box .star_wrap2 .sat_l > div {display:block;}


	/* ■■■■■■■■■■■■ 기타 공통 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
	/* ■ error페이지 */
	.error_page1 {padding:20px;}
	.error_page1 h2 {font-size:18px;}
	.error_page1 .subtit {font-size:14px;}
	.error_page1 .ment {font-size:14px;}

	.error_page2 {padding:20px;}
	.error_page2 h2 {font-size:18px;}

	/* 동의 비동의 */
	.agree {text-align:left;}
	.agree > div {display:block;}





	/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
	/* ■■■■■■■■■■■■■■■■■sub.css■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
	/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
	/* ■ wwwkr : p21_SRT_열차소개 */
	.train_spec li {width:49%; margin-bottom:15px;}
	.train_spec.en li {width:100%; height:auto;}
	.train_spec li:nth-child(4n) {margin-right:2%;}
	.train_spec li:nth-child(2n) {margin-right:0;}


	/* ■ wwwkr : p23_SRT_서비스_특실 */
	.service_seat2p > div {width:100%; float:none; border-left:0 !important; border-top:1px solid #d5d5d5;}
	.service_room_vip {background:url('/images/skin/www_kr/sub/graph_service_convinient_vip_m.png') no-repeat center center;}
	.service_room_vip_en {background:url('/images/skin/www_en/sub/graph_service_convinient_vip_m.png') no-repeat center center;}
	.service_room_vip_ck {background:url('/images/skin/www_cn/sub/graph_service_convinient_vip_m.png') no-repeat center center;}
	.service_room_vip_cb {background:url('/images/skin/www_tw/sub/graph_service_convinient_vip_m.png') no-repeat center center;}
	.service_room_vip_jp {background:url('/images/skin/www_ja/sub/graph_service_convinient_vip_m.png') no-repeat center center;}
	
	/* ■ wwwkr : p25_SRT_서비스_일반실 */
	.service_room_normal {background:url('/images/skin/www_kr/sub/graph_service_convinient_normal_m.png') no-repeat center center; }
	.service_room_normal_en {background:url('/images/skin/www_en/sub/graph_service_convinient_normal_m.png') no-repeat center center; }
	.service_room_normal_ck {background:url('/images/skin/www_cn/sub/graph_service_convinient_normal_m.png') no-repeat center center; }
	.service_room_normal_cb {background:url('/images/skin/www_tw/sub/graph_service_convinient_normal_m.png') no-repeat center center; }
	.service_room_normal_jp {background:url('/images/skin/www_ja/sub/graph_service_convinient_normal_m.png') no-repeat center center; }
	
	/* ■ wwwkr : p28_SRT-전용역-수서역 */
	.station_breif .breif_l {display:none;}
	.station_breif .breif_r {border:1px solid #d5d5d5; width:100%; padding:20px; height:auto;}
	.station_loc li .case_detail {padding:10px; width:calc(100% - 120px);}
	.station_loc li .case {width:120px;}
	.station_loc li .case {background-size:100% !important;}
	.station_spec ul {padding-left:0; padding-bottom:10px;}
	.station_spec ul li {width:100%; height:115px; padding:10px;}
	.station_spec ul li img {max-height:100%;}
	.station_now .now {width:100%; height:180px;}
	.station_now .now a { padding-top:40px;}
	.station_now .map {width:100%; height:220px;}
	.station_now .map #map {height:220px !important;}

	/* 슬라이더 */
	.slider_rs_red .ctrl {width:43px;}
	.slider_rs_red .control_prev {background-size:100%;}
	.slider_rs_red .control_next {background-size:100%;}
	.slider_ctrl .left {display:inline-block; width:43px;}
	.slider_ctrl .left img {width:100%;}
	.slider_ctrl .right {display:inline-block; width:43px;}
	.slider_ctrl .right img {width:100%;}
	.slider_wrap2 .slider_ctrl {margin-top:-30px;}
    
    /* ■ wwwkr : p44_SRT-SRT 브로슈어 */
	.brochure_top .l {float:none; width:100%; padding-left:10px;}
	.brochure_top .r {float:none; width:100%; padding:0;}
	.brochure_top .r .tit span {font-size:22px;}

	/* ■ wwwkr : p44_SRT-SRT 매거진 */
	.magazine_top .l {float:none; width:100%; padding-left:10px;}
	.magazine_top .r {float:none; width:100%; padding:0;}
	.magazine_top .r .tit span {font-size:22px;}
    
    /* ■ wwwkr : p45_지속가능경영_사회적가치_주요추진내용 210323이상희 */
	.socialvalue_details > div {width:100%; float:none; border-left:0 !important; border-top:1px solid #d5d5d5;}
        
	/* ■ wwwkr : p47_지속가능경영_윤리경영_윤리규범소개 */
	.moralstandard {margin-top:30px;}
	.moralstandard li {border-right:0; border-bottom: 1px dashed #d5d5d5; width:100%; padding-bottom:20px; margin-bottom:20px;}
	/* ■ wwwkr : p48_지속가능경영_윤리경영_윤리경영체계 */
	.maralmanagesys {height:720px; background:url('/images/skin/www_kr/sub/graph_maralmanagesys_m.png') no-repeat left top; background-size:100%;}
	/* ■ wwwkr : p51_지속가능경영_윤리경영_윤리경영신고상담 */
	.view_wrap.accuse tbody th {background:#f4f4f4; text-align:center; padding-left:0;}
	/* ■ wwwkr : p55_지속가능경영 -사회공헌_사회공헌활동 소개 */
	.contribute_org {background:url('/images/skin/www_kr/sub/bg_contribute_org_m2.png') no-repeat right 40px;}
	.contribute_org .sub2 {background:url('/images/skin/www_kr/sub/bg_contribute_org_m.png') no-repeat left 0; padding-top:20px; margin-top:0;}
	.contribute_org .sub1 > li > .og2 {margin-bottom:46px;}
	.contribute_intro .contribute_graph {float:none; text-align:center; margin:30px 0;}
	.contribute_org .sub2 > li {float:none; width:100%; padding-left:30px; margin-bottom:10px;}
	/* ■ wwwkr : GY-028_지속가능경영-안전경영_공기질개선 */
	.aircondition {width:100%;}
	.aircondition li {float:none; text-align:center;}
	.aircondition li.arr {margin:20px; transform: rotate(90deg);}
	/* ■ wwwkr : GY-039_지속가능경영-고객서비스_고객서비스헌장 */
	.graph_CSstatus > div {float:none; width:100%;}
	.cs_service_status_tit {margin-top:10px;}
	.cs_service_status_tbl td:nth-child(2) {padding-left:10px;}
	.cs_service_status_tbl colgroup col:nth-child(1) {width:100px;}
	.cs_service_status_tbl colgroup col:nth-child(3) {width:90px;}
	.cs_service_status_tbl colgroup col:nth-child(4) {width:90px;}
	.cs_service_status_tbl colgroup col:nth-child(5) {width:50px;}
    .Information_Service li {float:none; width:100%; margin-bottom:10px;}
	.Information_Service li .r {width:calc(100% - 110px); margin:3px 0 0 10px;}
	/* ■ wwwkr : GY-040_지속가능경영-고객서비스_고객의 소리 */
	.voc_wrap {padding:10px;}
	.voc > div {position:relative; margin-bottom:20px;}
	.voc > .voc1 {top:auto; left:auto}
	.voc > .voc2 {top:auto; right:auto; width:100%;}
	.voc > .voc3 {bottom:auto; left:auto; width:100%;}
	.voc > .voc4 {bottom:auto; right:auto}
	.voc > .voc_graph {position:relative; text-align:center; padding-top:20px;}
	.voc > .voc_bg {top:10px; left:55px}
    /* ■ wwwkr : 지속가능경영_인권경영_인권경영이행지침소개 */
	.humanrights {margin-top:30px;}
	.humanrights li {border-right:0; border-bottom: 1px dashed #d5d5d5; width:100%; padding-bottom:20px; margin-bottom:20px;}
	/* ■ wwwkr : P62_채용정보_보상체계 */
	.incruit_rewardsys li {float:none; width:80%; margin:0 auto 30px;}
	.incruit_rewardsys li img {max-width:100%;}
	.incruit_rewardsys li strong {font-size:17px; display:block; margin:10px 0;}
	/* ■ wwwkr : P63_채용정보_복리후생 */
	.incruit_reward li {float:none; width:100%; margin-bottom:10px;}
	.incruit_reward li .r {width:calc(100% - 110px); margin:3px 0 0 10px;}
	/* ■ wwwkr : P64_채용정보_인재육성 */
	.reward_modeling1 li {float:none; width:100%; border-right:0; border-bottom:1px dashed #d5d5d5; margin-bottom:20px; padding-bottom:20px;}
	.reward_modeling1 li .l {float:left; width:30%;}
	.reward_modeling1 li .l img {max-width:100%;}
	.reward_modeling1 li .r {float:left; margin-top:0; width:70%;}
	.reward_modeling1 li .r p {font-size:14px; padding-top:10px; padding-left:15px; text-align:left;}
	.reward_modeling1 li:last-child {border:0;}
	.reward_modeling2 li {height:auto; padding:40px 15px 0; width:100%;}
	.reward_modeling2 li > div {float:none; width:100%;}
	.reward_modeling2 li .tit {top:-10px; left:auto; padding-left:0; text-align:center; height:50px; line-height:50px; border-radius:8px; width:calc(100% - 30px);}
	.reward_modeling2 li .tit strong {font-size:18px; }
	.reward_modeling2 li .tit1 {background:#965e8c;;}
	.reward_modeling2 li .tit2 {background:#598abe;}
	.reward_modeling2 li .tit3 {background:#66b9e3;}
	.reward_modeling2 li .con {width:100%; padding:10px 0;}
	.reward_modeling2 li .con1 {width:100%; border-right:0; border-bottom:1px dashed #d5d5d5; margin-left:0;}
	/* ■ wwwkr : P68_SR소개_CEO메시지 */
	.container-w .ceo_wrap .txt_ceo1 {padding-top:270px;}
	/* ■ wwwkr : P69_SR소개_SR연혁 */
	.history {padding-left:10px;}
	.history > ul { margin-left:0; width:100%; box-sizing:border-box;}
	.history > ul > li {margin-bottom:30px;}
	.history > ul > li:nth-child(even) {padding-top:20px; padding-bottom:0;}
	.history .year {float:none; position:relative;}
	.history .year strong {font-size:26px;}
	.history .year img {top:11px;}
	.history .right {margin-left:0; width:100%; float:none;}
	.history .right .month {padding-left:0; float:none;}
	.history .right .month li {margin-top:5px;}
	.history .right .month li span {font-size:14px;}
	.history .right .month .m_head {margin-top:10px; font-size:26px;}
	.history .right .bundle {padding-left:30px; margin-bottom:10px; margin-top:10px;}
	.history .right .thumb {position:relative; right:auto; top:auto; margin-bottom:10px;}
	.history .right .thumb img {margin-bottom:0; display:block;}
	.history .history_long {margin-bottom:40px;}


	/* ■ wwwkr : P69_SR소개_SR연혁 */
	.rs_input_basic {width:100%;}
	/* ■ etkkr : P71_SR소개_비전 */
	.vision {margin-top:30px;}
	.vision li {margin-bottom:30px;}
	.vision li .vision_top {padding:25px 20px;}
	.vision li:nth-child(1) .vision_bot {height:165px;}
	.vision li:nth-child(2) .vision_bot {height:205px;}
	.vision li:nth-child(3) .vision_bot {height:265px;}
	.vision li:nth-child(4) .vision_bot {height:400px;}
	.vision li:nth-child(5) .vision_bot {height:425px;}
	.vision li .vision_top .pic {width:70px;}
	.vision li .vision_top .tit h3 {font-size:24px;}
	.vision li .vision_top .tit p {font-size:15px; word-break:keep-all;}

	/*
	.vision_tit {font-size:30px;}
	.vision_subtit {font-size:16px;}
	.mission .mission_inner_l {float:none; width:100%; border-right:0; border-bottom:1px solid #bababa; padding-bottom:20px; margin-bottom:20px;}
	.mission .mission_inner_r {float:none; width:100%;}
	.mission .mission_l {width:80%;}
	.mission .mission_r {width:90%; height:330px;}
	.mission .mission_r .mr0 {top:20%;}
	.vision_img {padding:50px 0; height:200px;}
	.vision_img strong {font-size:30px;}
	.vision_img p {font-size:18px;}
	.corevalue {width:100%; height:auto;}
	.corevalue .core1 {position:relative;background:none; height:auto; padding-top:0;}
	.corevalue .core2 {position:relative; text-align:right;}
	.corevalue .core3 {position:relative;}
	.vision_h3 {font-size:20px;}
	.corevalue .core1 div {margin:0; text-align:left;}
	.corevalue .core1 div span {display:inline-block;}
	.corevalue .core2 > span {width:49%; float:left;}
	.corevalue .core2 > .core22 {float:right;}
	.corevalue .core2 > .core23 {float:right;}
	.corevalue .core3 > span {width:49%; float:left;}
	.corevalue .core3 > .core32 {float:right;}
	.corevalue .core3 > .core33 {float:right;}
	.strategy li {width:50%;}
	.strategy li span {font-size:14px; letter-spacing:-1px;}
	*/


	/* ■ wwwkr : GY-071_지속가능경영-고객서비스_서비스 개선 */
	.service_font_mobile {font-size:16px; padding:0;}

	/* ■ wwwkr : p74_sr소개 -CI */
	.ciwrap1 .l {width:100%; height:auto; float:none; margin:0; padding:30px 10px;}
	.ciwrap1 .r {width:100%; height:auto; float:none; padding:10px 0 0;}

	.ciwrap2 span {display:block; width:100%; height:auto; margin-bottom:10px; padding:20px;}
	.ciwrap2 span img {max-width:100%;}
	.ciwrap3 img {max-width:100%;}
	.ciwrap3 p {margin-top:10px;}
	.ciwrap4 li {float:none; width:100%; margin-right:0; height:130px;}
	.ciwrap4 li > img {width:100%; height:45px;}
	.ciwrap4 .subcolor {margin-bottom:10px;}
	.ciwrap4 .subcolor strong {font-size:20px; font-weight:normal;}

	/* ■ p77_sr소개 -오시는길  */
	.waycompany_www {}
	.waymap {width:100%; float:none;}
	.waytxt {width:100%; height:auto; float:none; padding:20px; border-left:1px solid #d5d5d5; border-top:0;}
	.waytxt strong {font-size:16px;}
	.waycompany_box_www li {float:none; width:100%; margin-top:20px;}
	.waycompany_box_www li:nth-child(even) {float:none;}
	.waycompany_box_www li > div {padding:10px;}
	.waycompany_box_www li > div > strong {font-size:15px;}
	.waycompany_box_www li > div > p {margin-top:0;}
	.waycompany_box_www li > div > a {right:10px; top:10px;}

	/* ■ wwwkr : p79_정보공개-경영공시 */
	.mng_notice > ul > li {float:none; width:100%; margin:0;}

	/* ■ wwwkr : p82_SRT-정보공개_정보공개제도 */
	.info_open_btn a {display:block; width:100%; margin:5px auto; padding:0;}
	
	/* ■ etkkr : p91_개인정보처리방침 */
	.privacy .subj {padding:10px;}
	.privacy .subj ul li {padding-left:0;}
    .privacy .labeling li {width:49%; margin-bottom:15px;}
	.privacy .labeling.en li {width:100%; height:auto;}
	.privacy .labeling li:nth-child(3n) {margin-right:2%;}
	.privacy .labeling li:nth-child(2n) {margin-right:0;}

	/* ■ www_kr : p96_주주소개 */
	.juju_con {border:1px solid #d4d3d3; border-bottom:0;}
	.juju_con li {float:none; width:100%; border-right:0;}
	.juju_con li:last-child {border-bottom:0;}
	.juju_con li .top {height:auto;}
	.juju_con li .bot,
	.en .juju_con li .bot {height:auto; }


	/* ■ 공통 : 사이트맵 */
	.site_map .site_map_1 > li {float:none; width:100%; padding-bottom:10px; margin-top:20px; }
	.container-w.en .site_map .site_map_1 > li {width:100%;}
	.container-w.en .li4 .site_map_1 > li {width:100% !important;}
	
	.site_map .site_map_1 h3 {padding:5px 20px 3px; background:#295ea4; }
	.site_map .site_map_1 h3 span {color:#fff;}
	.site_map .site_map_2 > li {padding-left:20px;}

}




@media only screen and (max-width:650px){
	/* ■■■■■■■■■■■■■■■■■list(board)■■■■■■■■■■■■■■■■■■ */
	.bod_li_type2 ul li {height:110px;}
	.bod_li_type2 ul li .thumb {max-height:100%;}
	.bod_li_type2 ul li .thumb a img {max-width:100%; max-height:87px;}
	.bod_li_type2 ul li .con {padding-left:10px;}
	.bod_li_type2 ul li .con .contop {padding-bottom:5px; margin-bottom:5px;}
	.bod_li_type2 ul li .con .contop .tit strong {font-size:15px; margin-bottom:3px;}
	.bod_li_type2 ul li .con .conbot {height:35px; overflow:hidden;}
	.bod_li_type2 ul li .con .conbot p {font-size:13px; line-height:1.4;}
	/* ■ wwwkr : p45_지속가능경영_윤리경영_윤리경영안내 */
	.moral3element {border:0;}
	.moral3element ul li {float:none; width:100%; border:1px solid #d5d5d5;; text-align:center; margin-bottom:10px; padding:20px;}
	
	
}
@media only screen and (max-width:600px){
	.container-w .content_bot .card_fcstyle li {float:none; width:100%; margin-right:0; margin-bottom:10px;}
	.container-w .content_bot .card_fcstyle li .card_fcstyle_txt a {padding:10px;}
	/* ■ etkkr : p91_개인정보처리방침 */	
    .privacy .labeling li {height:360px}
}
@media only screen and (max-width:500px){
	/* ■■■■■■ B1 텝TAB ■■■■■■  */
	.container-w .tab1 ul li a {padding:0;}
	.container-w .tab1 ul li a span {letter-spacing:-1px; line-height:17px;}
    .container-w .tab2 ul li a {padding:0;}
	.container-w .tab2 ul li a span {letter-spacing:-1px; line-height:15px;}
	
	
	/* ■ wwwkr : p23_SRT_서비스_특실 */
	.service_seat2p .seat_l {padding:0;}
	.service_seat2p .seat_l .li_type1 {padding:10px;}
	.service_seat2p .seat_l .li_type1 h3 {font-size:20px;}
    
    /* ■ wwwkr : p45_지속가능경영_사회적가치_주요추진내용 210323이상희 */
	.socialvalue_details .box_l {padding:0;}
	.socialvalue_details .box_l .li_type1 {padding:10px;}
	.socialvalue_details .box_l .li_type1 h3 {font-size:20px;}    
    
	/* ■ wwwkr : p48_지속가능경영_윤리경영_윤리경영체계 */
	.maralmanagesys {height:500px;}

	/* ■ etkkr : p91_개인정보처리방침 */	
    .privacy .labeling li {height:380px}
}
@media only screen and (max-width:450px){
	/* 기업kr 버전2 */
	.bg_slide_wrap,
	.bg_slide_wrap .bg_slide,
	.bg_slide_wrap .bg_slide .bg_slide_box {height: 500px;}
	.container-w .quick_wrap2 .quick_wrap_box > a span {margin-top:10px;}
	.container-w .quick_wrap2 .quick_ticket a {margin-top:0;}
	.bg_slide_wrap .navybg {height:173px;}
	/* 기업kr 버전2 */

	/* ■■■■■■ B1 텝TAB ■■■■■■  */
	.container-w .tab1 ul li a span {font-size:14px;}
    .container-w .tab2 ul li a span {font-size:12px;}

	/* ■ etkkr : p91_개인정보처리방침 */	
    .privacy .labeling li {width:100%; margin-bottom:10px;height:400px}
}

@media only screen and (max-width:400px){
	.container-w .quick_wrap a,
	.container-w .quick_wrap a:last-child {border:0;}
	.container-w .quick_wrap a img {width:90%;}

	.container-w .content_bot .card1_wrap li {width:100%; margin-right:0;}
	.container-w .content_bot .card1_wrap li .card1_txt strong {font-size:15px; letter-spacing:-1px;}
	.container-w .content_bot .card1_wrap li > a {font-size:15px;}


	.container-w .content_bot .card2_wrap li {width:100%; margin-top:2px;}
	
	.write_reply_box {}
	.write_reply_box:after {}
	.write_reply_box .writer {float:none; width:100%; padding-right:0;}
	.write_reply_box .writer:after {clear:both; content:""; display:block;}
	.write_reply_box .writer input {width:49%; display:inline-block; float:left;}
	.write_reply_box .writer .writer_id {margin-bottom:0; float:right; }
	.write_reply_box .ment {float:none; width:100%; height:40px;}
	.write_reply_box .ment textarea {height:40px; padding:5px;}
	.write_reply_box .confirm {float:none; width:100%; height:30px; line-height:30px; font-size:14px;}

	/* ■ wwwkr : p48_지속가능경영_윤리경영_윤리경영체계 */
	.maralmanagesys {height:400px;}

	/* ■ wwwkr : p47_지속가능경영_윤리경영_윤리규범소개 */
	.moralstandard ul li a {padding:0 8px; font-size:12px; text-align:center;}
	.moralstandard ul li a span {margin-right:5px; text-align:center;}
    
    /* ■ wwwkr : 지속가능경영_인권경영_인권경영이행지침소개 */
	.humanrights ul li a {padding:0 8px; font-size:12px; text-align:center;}
	.humanrights ul li a span {margin-right:5px; text-align:center;}

	/* ■ 채용공고 list */
	.tbl_job_mobile ul li .job_l {float:none; width:100%;}
	.tbl_job_mobile ul li .job_r {float:none; width:100%; margin-top:5px;}
	.tbl_job_mobile ul li .job_r a:last-child {margin-top:0;}

	/* ■ etkkr : p91_개인정보처리방침 */
	.privacy .labeling li {width:100%; margin-bottom:10px;height:350px}
	.privacy .labeling li:nth-child(4n) {margin-right:0;}
	.privacy .labeling li:nth-child(2n) {margin-right:0;}

}
@media only screen and (max-width:380px){
	/* ■ wwwkr : p21_SRT_열차소개 */
	.train_spec li {width:100%; margin-bottom:10px;}
	.train_spec li:nth-child(4n) {margin-right:0;}
	.train_spec li:nth-child(2n) {margin-right:0;}	
	/* ■ wwwkr : p23_SRT_서비스_특실 */
	.service_seat2p .seat_r .seat1 {}
	.service_seat2p .seat_r {min-height:256px;}
	.service_seat_pros span {font-size:20px; }
	.food_img_warning {font-size:10px;}
    
    /* ■ wwwkr : p45_지속가능경영_사회적가치_주요추진내용 210323이상희 */
	.socialvalue_details .box_r .seat1 {}
	.socialvalue_details .box_r {min-height:200px;}
    /* ■ etkkr : p91_개인정보처리방침 */
	.privacy .labeling li {width:100%; margin-bottom:10px;height:350px}
	.privacy .labeling li:nth-child(4n) {margin-right:0;}
	.privacy .labeling li:nth-child(2n) {margin-right:0;}
}