@charset "utf-8";


/* ==================== 최종수정일 : 2014.11.03 ====================*/

.white h2{color:#fff !important;}
.white{color:#fff !important;}

/*15.06.05 국민마당 > 고객제안센터 > 개인정보 수집 이용 동의*/
.customer_0205 > .nanum {font-size:14px; line-height:160%; font-family:'NanumBold';}
.customer_0205 > .inCh {float:right}
.customer_0205 > .inCh input {width:13px; height:13px; vertical-align:-2px; *vertical-align:middle; margin-left:12px;}
.customer_0205 > .inCh label {margin-left:1px;}


/*국민마당 > 옴부즈만 > 청년계약옴부즈만*/
.m020502.boxTab li {width:140px;}

.buNO01 {background:url('/images/template/krhome/sub/buNO01.png') no-repeat;}
.buNO02 {background:url('/images/template/krhome/sub/buNO02.png') no-repeat;}
.buNO03 {background:url('/images/template/krhome/sub/buNO03.png') no-repeat;}
.buNO04 {background:url('/images/template/krhome/sub/buNO04.png') no-repeat;}
.buNO05 {background:url('/images/template/krhome/sub/buNO05.png') no-repeat;}
.buNO06 {background:url('/images/template/krhome/sub/buNO06.png') no-repeat;}
.buNO07 {background:url('/images/template/krhome/sub/buNO07.png') no-repeat;}
.buNO08 {background:url('/images/template/krhome/sub/buNO08.png') no-repeat;}
.buNO09 {background:url('/images/template/krhome/sub/buNO09.png') no-repeat;}
.buNO10 {background:url('/images/template/krhome/sub/buNO10.png') no-repeat;}
.buNO11 {background:url('/images/template/krhome/sub/buNO11.png') no-repeat;}
.buNO12 {background:url('/images/template/krhome/sub/buNO12.png') no-repeat;}
.buNO13 {background:url('/images/template/krhome/sub/buNO13.png') no-repeat;}
.buNO14 {background:url('/images/template/krhome/sub/buNO14.png') no-repeat;}
.buNO15 {background:url('/images/template/krhome/sub/buNO15.png') no-repeat;}

.n_buNO01 {background:url('/images/template/00002/sub/ico1.gif') no-repeat;}
.n_buNO02 {background:url('/images/template/00002/sub/ico2.gif') no-repeat;}
.n_buNO03 {background:url('/images/template/00002/sub/ico3.gif') no-repeat;}
.n_buNO04 {background:url('/images/template/00002/sub/ico4.gif') no-repeat;}
.n_buNO05 {background:url('/images/template/00002/sub/ico5.gif') no-repeat;}
.n_buNO06 {background:url('/images/template/00002/sub/ico6.gif') no-repeat;}
.n_buNO07 {background:url('/images/template/00002/sub/ico7.gif') no-repeat;}
.n_buNO08 {background:url('/images/template/00002/sub/ico8.gif') no-repeat;}
/* .n_buNO09 {background:url('/images/template/00002/sub/ico9.gif') no-repeat;} */
/* .n_buNO10 {background:url('/images/template/00002/sub/ico10.gif') no-repeat;} */


/*열린경영 > 경영공시 > 인사및조직현황*/
/* -> 공통 css로 봐야 할 듯 */
.insa .tabBox {overflow:hidden; background:url('/images/template/krhome/sub/boxDiv_bg_pattern.gif') repeat; border:1px solid #e4e7ed; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.insa .tabBox ul {overflow:hidden; padding:2% 2% 1.5%;}
.insa .tabBox li {float:left; margin:0 0.5% 0.5%; text-align:center; border-radius:2px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; width:24%; *width:23%}
.insa .tabBox li > a {display:block; height:35px; line-height:35px; white-space:nowrap;}
.insa .tabBox li.on {background:#0062c3; border:1px solid #0055a9;}
.insa .tabBox li.on a {color:#fff;}
.insa .tabBox li.off {background:#fff; border:1px solid #ccc;}
.insa .tabBox li.off a {color:#666;}

/*----- ----- Navigation:04 정보마당 ----- -----*/
.cRed {color:#ea1c1c;}
.cBlue {color:#2475d0;}
.cBlue2 {color:#005dbc;}
a.a_link {text-decoration:underline; color:#2475d0;}


/* 사업소개 사업현황리스트 */
.business .newsDetail{clear:both; overflow:hidden;}
.business .newsDetail ul{color:#666; border-bottom:1px solid #bbb;}
.business .newsDetail li{border-top:1px solid #ebebeb; overflow:hidden;}
.business .newsDetail li:first-child{border-top:1px solid #bbb; overflow:hidden;}
.business .newsDetail li.news{background:url("/images/template/krhome/sub/ico_open.gif") no-repeat 98% 16px;}
.business .newsDetail li a {padding:14px 10px 12px; position:relative; display:block; color:#666;}
.business .newsDetail li a:focus { padding: 13px 9px 11px; border: 1px dotted #888; } /* 2022.11.18. 웹접근성 관련 - IE에선 점선이 보였으나 크롬에선 안 보임 */
.business .newsDetail li span.title{display:block; width:95%; padding-right:5%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.business .newsDetail li.news.on{background:url("/images/template/krhome/sub/ico_close.gif") no-repeat 98% 16px;}
.business .newsDetail li.news.on span.title{font-weight:bold; color:#000;}
.business .newsDetail li.news.on div.txt_box{ display:block; margin-bottom:16px;}
.business .newsDetail li.news .txt_box .hr{width:22px; height:2px; background:#0062c3; margin:20px 0 18px;}

.business .newsDetail li.news .txt_box{display:none;}
.business .newsDetail li.news .txt_box .general{ border:1px solid #d7d7d7; overflow:hidden;}
.business .newsDetail li.news .txt_box .general img{ max-width:780px;}
.business .newsDetail li.news .txt_box .normal img {width:100%; height:auto;}
.business .newsDetail li.news .txt_box .noimg {border-top:1px dotted #bbb; text-indent:-9999px;}
.business .newsDetail li.news .txt_box dl{width:100%; overflow:hidden; margin-bottom:10px; line-height:20px;}
.business .newsDetail li.news .txt_box dt{color:#222; width:14%; float:left; padding-left:16px; font-weight:bold; background:url('/images/template/krhome/sub/bgTitDepth02.gif') 0 5px no-repeat;}
.business .newsDetail li.news .txt_box dd{color:#666; float:left; width:83%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.business .newsDetail li.news .txt_box dd .subDepth02 { padding-left:13px; margin-bottom:4px; margin-left:1px; background:url('/images/template/krhome/sub/bgSptList.gif') 0 8px no-repeat; color:#555;}
.business .newsDetail li.news .txt_box dd .subDepth04 { padding-left:9px; margin-bottom:2px; margin-left:2px; background:url('/images/template/krhome/sub/bgSideNaviSub.gif') 0 10px no-repeat;}
.business .newsDetail li.news .txt_box dd .subDepth05 { padding-left:9px; background:url('/images/template/krhome/sub/bgSubDepth04.gif') 0 7px no-repeat; color:#666;}
.business .newsDetail li.news .txt_box dd ul{border:none;}
.business .newsDetail li.news .txt_box dd ul li{ border:none;}
.business .newsDetail li.news .txt_box dd *{ font-size:13px; line-height:21px; }

/* 철도자산관리 - 시설현황 - 구조물 */
/* -> 공통 css로 봐야 할 듯 */
.ul_50 { clear:both; overflow:hidden; width:100%;}
.ul_50 li { float:left; width:50%;}

.img_list {clear:both; overflow:hidden; width:100%;}
.img_list li {float:left; margin-right:1%;}

/*사업소개 > 철도건설공법 > 전기 (CE)*/
.resizing_img { text-align:center; margin:0 auto; }
.resizing_img li { margin-top:10px; }


/*----- ----- Navigation:06 공단소개 ----- -----*/
/*공단소개 > KR소개 > 개요*/
.titIntro strong{ display:block; padding:30px 0 2px; line-height:150%; font-size:14px; color:#252525; font-weight:bold;}
.titIntro p{line-height:150%; font-size:12px;}

/* 공단소개 > 지역본부 > 조직도 */

/* PC 화면에서만 지원가능합니다.*/
.onlyPC {display:none;}
.onlyTB {display:none;}


/*공단소개 > 업무계획및성과 > 업무추진계획, 주요경영성과*/
.work .subDepth01 {margin:0 0 10px 1px; padding-left:12px; font-size:1em; line-height:18px; color:#0062c3; background:url('/images/template/krhome/sub/bgSubDepth01.gif') 0 4px no-repeat; font-family:"Dotum"; font-weight:bold;}
.work .subTxtList dt {padding-left:18px; font-size:1em; line-height:18px; margin-bottom:4px; background:url('/images/template/krhome/sub/bgSptList.gif') 0 6px no-repeat;}

/*공단소개 > 지역본부 > tab추가로 사이즈 변경*/
.branch.boxTab li {width:150px !important;}

/*업무추진계획*/
#worlk01, #worlk02, #worlk03, #worlk04 {position:relative;}
#worlk01 .btnGrp, #worlk03 .btnGrp, #worlk04 .btnGrp { position:absolute; top:0; right:0;}

.btnAreaTy1 {margin:20px 0 0; text-align:center; }

/*Photo Gallery*/
.Gallery{ position:relative;}
.Gallery .photo_thum{ margin-top:12px; border:1px solid #e7e7e7; background:#f8f8f8; padding:2.5% 1.5%; clear:both; overflow:hidden; margin-bottom:24px;}
.Gallery .photo_thum li{ float:left; width:18%; margin:0 1%; text-align:center;}
.Gallery .photo_thum li img{ width:100%; height:100px;}
.Gallery .photo_thum li.on img { border:2px solid #06F; height:96px; }
.Gallery .photo_view { border-top:2px solid #333; border-bottom:2px solid #333; padding:3% 2%; text-align:center;}
.Gallery .photo_view h3 { text-align:left;}
.Gallery .photo_view img { width:100%; height:auto;}

/*중소기업희망의 사다리 일정, 일자리포털 활동현황*/
.tabSch {margin-bottom:20px; *zoom:1}
.tabSch:after {content:""; display:block; clear:both;}
.tabSch li {float:left; padding-bottom:8px; width:10%;}
.tabSch li a {display:block; padding:8px 0; margin-left:1px; text-align:center; line-height:18px; font-size:16px; font-family:'NanumBold'; color:#707070; border-bottom:6px solid #eaeaea}
.tabSch li a:hover{color:#111; border-color:#386bc4; display:block;}
.tabSch li.on {background:url('/images/template/krhome/sub/arrow01.png') no-repeat center bottom;}
.tabSch li.on a {color:#111; border-color:#386bc4;}

ul.listSch {overflow:hidden; margin-top:50px; padding-bottom:6px;}
ul.listSch li {position:relative; padding-left:70px;}
ul.listSch li dl {padding-top:60px; border-left:2px solid #386bc4; *margin-top:-13px}
ul.listSch li dt {position:absolute; left:0; top:57px; font-size:18px; font-family:'NanumBold'; color:#111; background:url("/images/template/krhome/sub/ico_blue_cir.png") no-repeat right center; padding-right:25px; width:78px;}
ul.listSch li dd {padding:10px 0 0 70px; color:#707070; margin:0; width:auto; display:block;}
ul.listSch li dd em {color:#111; margin-left:-42px; font-weight:bold; font-style:normal !important; display:inline-block; width:110px; }
ul.listSch li:first-child dl, ul.listSch li dl.first {padding:0;}
ul.listSch li:first-child dt, ul.listSch li dt.first {top:0; z-index:2; background-position:right 0;}




@media (max-width:800px) {
	/*----- ----- Navigation:05 사업소개 ----- -----*/

	/* 철도자산관리 - 시설현황 - 구조물 */
	.ul_50 li {width:48%; margin-left:1%; margin-right:1%;}
	.ul_50 li img { width:100%; height:auto;}


	/*공단소개 > 지역본부 > tab추가로 사이즈 변경*/
	.branch.boxTab li {width:32% !important;}

	/*----- ----- Navigation:06 공단소개 ----- -----*/

	/* PC 화면에서만 지원가능합니다.*/
	.onlyPC {display:block; text-align:center; background:#ddd; width:100%; height:600px; line-height:600px; color:#333;}

	/*----- ----- Navigation:00 홈페이지 이용안내 (CE) ----- -----*/

	/*중소기업희망의 사다리 일정, 일자리포털 활동현황*/
	ul.listSch li { padding-left:0;}
	ul.listSch li dl {padding-top:26px; border-left:none; margin-top:1px;}
	ul.listSch li dt {position:static; font-size:18px; font-family:'NanumBold'; color:#386bc4; background:none; padding-right:0;}
	ul.listSch li dd {padding:10px 0 0 50px;}
	ul.listSch li dd em {color:#111; margin-left:-50px; font-weight:bold; display:inline-block; width:50px; }

}




@media (max-width:650px) {
	/*----- ----- Navigation:05 사업소개 ----- -----*/
	/* 사업소개 사업현황리스트 */
	.business .newsDetail li.news .txt_box dt{ float:none; width:100%; margin-bottom:5px;}
	.business .newsDetail li.news .txt_box dd{ width:100%; float:none;}

	/*----- ----- Navigation:06 공단소개 ----- -----*/

	/*Photo Gallery*/
	.Gallery .photo_thum li img{ width:100%; height:80px;}
	.Gallery .photo_thum li.on img { border:2px solid #06F; height:76px; }
}


@media (max-width:560px) {

	/*----- ----- Navigation:02 국민마당 ----- -----*/

	/*국민마당 > 참여마당 > 고객제안센터(151016 수정)*/
	.customer_0204 .customerDL {background:#f7f7f7;}
	.customer_0204 .customerDL dt, .customer_0204 .customerDL dd {margin-left:0 !important;}


	/*----- ----- Navigation:03 열린경영 ----- -----*/

	/*열린경영 || 인사및조직현황 || tabBox*/
	.insa .tabBox{ padding:1.5%;}
	.insa .tabBox li {float:left; margin:0 1.5% 0.5%; width:47%;}

	/*----- ----- Navigation:05 사업소개 ----- -----*/
	/* 사업소개 사업현황리스트 */
	.business .newsDetail li.news .txt_box .high_01,
	.business .newsDetail li.news .txt_box .high_02,
	.business .newsDetail li.news .txt_box .high_03{ text-align:center;}
	.business .newsDetail li.news .txt_box .general img {width:100%; height:auto;}

	/*----- ----- Navigation:06 공단소개 ----- -----*/

	/*Photo Gallery*/
	.Gallery .photo_thum li{ float:left; width:29%; margin:1% 2% 1%; text-align:center;}
}



@media (max-width:480px) {
	/*----- ----- Navigation:05 사업소개 ----- -----*/
	/* 철도자산관리 - 시설현황 - 구조물 */
	.ul_50 li { width:80%; float:none; margin-bottom:10px;}

	/*----- ----- Navigation:06 공단소개 ----- -----*/

	/*공단소개 > 시설안내및예약 > 이용안내*/
	a.use01 {float:left; margin:10px 0 5px 0;}
}



@media (max-width:380px) {
	/*----- ----- Navigation:06 공단소개 ----- -----*/

	/*업무추진계획*/
	#worlk01 .btnGrp, #worlk03 .btnGrp, #worlk04 .btnGrp {position:relative; margin-bottom:20px; text-align:left; clear:both;}

}