@charset "utf-8";

/*서브공통*/

	.sub_container {overflow:hidden;width:1100px;margin:0 auto;position:relative;}
	.sub_contents {float:left; width:823px; margin-left:30px;}
		/*서브탑 비주얼*/
	.visual1 {background:url('/resources/pt/images/common/visual1.gif') left top repeat-x; height:80px; padding-top:30px;}
	.visual_wrap {width:1100px;margin:0 auto; position:relative;}
	.visual_wrap h2 {font-size:35px; line-height:40px; color:#fff; margin-left:20px;}
	.visual_wrap p {font-size:12px; line-height:22px; color:#fff; margin-left:20px;}
/*서브로케이션
	.v_location {position:absolute; bottom:-2px; right:0px; color:#fff; font-size:12px;font-family:'Dotum', 돋움}
	.v_location select{font-size:13px; border:1px solid #fff; background:none; color:#fff;}
	.v_location{overflow:hidden;}
	.v_location a{display:block;float:left;padding-right:10px;margin-right:5px;background:url('/resources/pt/images/sub/arr_location.png') right no-repeat;}
	.v_location a em{display:block;line-height:21px;padding: 0 10px;font-style:normal;background:url('/resources/pt/images/sub/bg_location.png') repeat; border:1px solid #9ac3d4; color:#fff}
	.v_location a.home em{background:none;border:none;line-height:23px;padding: 0 5px 0 0 }
	.v_location span{display:block;float:left;line-height:21px;pa  dding:0 10px;border:1px solid #9ac3d4; background:url('/resources/pt/images/sub/bg_location.png') repeat ;font-weight:bold;}
	*/

	/* 서브로케이션 20160509 수정 */
	.v_location {margin-top:9px}
	.v_location{overflow:hidden;font-size:13px}
	.v_location a{display:block;float:left;padding-right:10px;margin-right:6px;line-height:18px;background: url('/resources/pt/images/sub/arr_location.png') right no-repeat;}
	.v_location a em{display:block;line-height:18px;font-style:normal;color:#888888;}
	.v_location a.home {width:10px;height:18px;line-height:18px}
	.v_location a.home em{line-height:18px; background: url('/resources/pt/images/sub/ico_location.png') left 4px no-repeat ;text-indent:-99999px }
	.v_location span{display:block;float:left;line-height:18px;color:#5c5c5c}

	/* 서브 페이지 타이틀 */
	.page-title{overflow:hidden;margin:34px 0 1px 0;padding-bottom:7px;border-bottom:1px solid #6a6a6a}
	.page-title span{display:block;float:left;font-size:31px;}
	.page-title .depth2-t{color:#555;padding-right:23px;margin-right:22px;background: url('/resources/pt/images/sub/line_pagetitle.png') right 6px no-repeat}
	.page-title .depth3-t{color:#ef7f01;font-weight:bold;}
	.page-title h3, .page-title h4{font-size: 31px; display: inline-block; }/*웹 접근성 수정*/

	/*서브 레프트메뉴*/
	.sm-title{width:246px;padding: 14px 0 ;margin-top:2px;border-bottom:1px solid #696a6a}
	.sm-title h2{font-size:25px;font-weight:bold;line-height:30px;}
	.sm-title h2 span{color:#016db6}
	.sub-menu {float:left;padding-bottom: 30px}
	.sub-menu ul > li > a {display:inline-block; font-weight:bold; padding:15px 0 15px 20px; color:#333333; font-size:15px; line-height:16px; background:url('/resources/pt/images/common/lnb_arrow1.gif') 90% 20px no-repeat; width:226px; border-bottom:solid 1px #696a6a;}
	.sub-menu ul > li > a.on {background:#a5b4b5 url('/resources/pt/images/common/lnb_arrow2.png') 92% 12px no-repeat; color:#fff; font-weight:bold;}
	.sub-menu ul > li > a:hover {background:#a5b4b5 url('/resources/pt/images/common/lnb_arrow2.png') 92% 12px no-repeat; color:#fff; font-weight:bold;}
	.sub-menu ul > li > ul{display:none;}
	.sub-menu ul > li > ul > li a {border-bottom:dotted 1px #b3b3b3; background:none; background-color:#fff; font-size:13px; line-height:14px;}
	.sub-menu ul > li > ul > li a.on {border-bottom:dotted 1px #b3b3b3; background:none; background-color:#fff; color:#016db6; font-size:13px; line-height:14px; font-weight:bold;}
	.sub-menu ul > li > ul > li a:hover {color:#016db6; font-size:13px; line-height:14px; font-weight:bold; background:none;}
	.sub-menu ul > li > ul > li:last-child > a {border-bottom:solid 1px #696a6a;}
	.sub-menu ul > li > ul > li > ul > li:last-child > a {border-bottom:solid 1px #696a6a;}
	.sub-menu > ul > li > ul > li > ul > li > a.on { background:url('/resources/pt/images/common/ul_ico2.gif') no-repeat 25px 22px;}
	.sub-menu > ul > li > ul > li > ul > li > a:hover {background:url('/resources/pt/images/common/ul_ico2.gif') no-repeat 25px 22px;}


		/*스크랩 인쇄부분*/
	.pri_box {text-align:right;}
	.pri_box a{font-size:13px; line-height:18px;font-weight:bold;color:#565656 }
	.pri_box .scrap {background:url('/resources/pt/images/common/scwrap1.gif') right 1px no-repeat; padding-right:15px;}
	/*.pri_box .print {background:url('/resources/pt/images/common/print1.gif') right 1px no-repeat; padding-right:15px; margin-left:10px;}*/
	.pri_box .print1 {background:url('/resources/pt/images/common/pt_small.png') right 1px no-repeat; padding-right:15px;}
		 /*하단 저작권*/
	.open_box {border:solid 3px #fafafa; padding:25px 30px; margin-bottom:30px; font-size:13px;}
	.open_box img {vertical-align:middle; margin-right:26px;}
	.open_box strong {color:#016db6; font-weight:bold;}
		/*담당부서 담당자 문의처*/
	.table_r1 {margin-bottom:20px; padding-top:30px; border-top:dotted 1px #d5d5d5;}
	.table_r2 {overflow:hidden; border:solid 1px #d5d5d5;border-radius:8px;}
	.table_r2 dl:first-child dt {border-left:0px; }
	.table_r2 dl dt {float:left;font-size:14px;font-weight:bold;background:#fafafa; width:100px; padding:10px 0px; text-align:center; border-left:solid 1px #d5d5d5; border-right:solid 1px #d5d5d5}
	.table_r2 dl dd {float:left;font-size:14px;background:#fff; width:160px; padding:10px 0px 10px 10px; text-align:left;}

		/*만족도평가*/
/*	.note_box1 {border:solid 1px #e5e5e5; margin-bottom:60px;} 나중에 아래 소스 지우고 이걸로 사용*/
	.note_box1 {border:solid 1px #000; margin-bottom:60px;}
	.note_box1 dl {overflow:hidden; background:#fafafa; border-bottom:solid 1px #e5e5e5; padding:10px 20px;}
	.note_box1 dl dt {float:left; font-weight:bold; font-size:14px;}
	.note_box1 dl dd {float:left; font-size:14px; padding-left:20px; margin-left:20px;background:url('/resources/pt/images/common/line2.gif') left 3px no-repeat; }
	.note_bg {background:url('/resources/pt/images/common/write_ico.gif') left 20px no-repeat; padding:15px 0px 15px 100px; margin-left:25px;}
	.rd_box {margin-bottom:10px;}
	.rd_box input:first-child{margin-left:0px;}
	.rd_box input{margin-left:30px; vertical-align:middle;}
	.rd_box label {font-size:14px; margin-left:5px;}
/*	.note_sel textarea{vertical-align:top; height:31px; border:1px solid #c8c8c8; color:#555; font-size:12px; width:560px;} 나중에 아래 소스 지우고 이걸로 사용*/
	.note_sel textarea{vertical-align:top; height:92px; border:1px solid #000; color:#555; font-size:12px; width:560px;}
	.note_sel a{display:block; width:68px; height:34px; line-height:34px; background:#838383; color:#fff; text-align:center; font-size:13px; float:right; margin-right:60px;}

	.menu_list {width:100%; min-width:1100px; height:44px; border-top:solid 1px #d0d0d0; border-bottom:solid 1px #d0d0d0;}
	#main 	.menu_list{min-width:1563px}
	.menu_wrap {width:1100px; margin:0 auto;}
	.menu_wrap ul {overflow:hidden; margin-top:13px;}
	.menu_wrap ul li:first-child {padding-left:0px; margin-left:0px; background:none;}
	.menu_wrap ul li {float:left; padding-left:10px; margin-left:10px;background:url('/resources/pt/images/common/line2.gif') left 3px no-repeat; line-height:18px;}
	.menu_wrap ul li strong a {font-weight:bold; color:#1978ad;}
	.menu_wrap ul li a{font-size:13px;vertical-align:top}
	.menu_wrap ul li a img{vertical-align:bottom;}
	.media-tablet{display:none;}

	.right {width:60%; float: right; padding-top:30px;}


/*모바일*/
@media screen and (max-width : 480px) {

.sub_container {overflow:hidden;width:380px;margin:0 auto;position:relative;}
.right {width:auto; float: none; padding-top:0px;}

}

@media screen and (max-width:640px) {
	.note_sel textarea{width:85%;}
	.open_box .open_box_right {width:auto; float:none; padding-top:0;} /* 20210707 추가 */
}

@media screen and (max-width:450px) {
	.note_sel textarea{width:80%;}
}

@media print{
	#header {display:none;}
	.lnb-menu {display:none;}
	.pri_box {display:none;}
	.open_box {display:none;}
	.table_r1 {display:none;}
	.note_box1 {display:none;}
	.v_location{display:none;}
	#footer {display:none;}
}