@charset "utf-8";
/* ------------------------------------------------------------
 * Name      : table.css?ver1.33
 * Created   : 2014-06-02 by Ahn, Cheol hyeong
 * Email  : victoryan@hanmail.net
 ------------------------------------------------------------ */
 .content{padding-bottom:60px}
 
 /* 공통-버튼 ver.1 */
.btnStyle{background:url(../images/member/sp_btn.gif) no-repeat;height:30px;display:block}
.btnStyle a{background:none;display:block;width:100%;height:100%;text-align:center;line-height:30px;font-size:13px;color:#fff}
.btnStyle button{background:none;display:block;width:100%;height:100%;text-align:center;line-height:30px;font-size:13px;color:#fff}
.navy1{width:70px;background-position:0 -27px}
.navy2{width:83px;background-position:-73px -27px}
.navy3{width:95px;background-position:0 -60px}
.navy4{width:124px;background-position:-98px -60px}
.navy1.disabled{background-position:-159px -27px}
.navy3.disabled{background-position:0 -93px}
.navy4.disabled{background-position:-98px -93px}
.gray1{width:95px;background-position:0 -93px}
.gray2{width:124px;background-position:-98px -93px}
.disabled a, .disabled button{color:#555}

/* 공통-버튼 ver.2 */
.btnStyle2{background:none;display:block;width:100%;height:100%;text-align:center;line-height:30px;font-size:13px;color:#fff}
 
 /* 테이블 사파리 브라우저 버그 리셋 */
table{table-layout:fixed;border:0;border-collapse:separate;border-spacing:0px;padding:0;font-size:12px;width:100%;text-align:center}
/* caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;display:none} */
caption{position:absolute; left:-10000px; top:auto; height:1px; overflow:hidden;}
 
 /* 테이블 스타일 ver.1 */
.list_sty01{border-top:2px solid #454c5f;border-bottom:1px solid #454c5f}
.list_sty01 th,.list_sty01 td{height:20px;border-top:1px solid #d9d9d9;padding:10px;line-height:16px}
.list_sty01 th{background:#fff url(../images/common/part.gif) no-repeat 0 15px;font-size:13px;font-weight:normal;border-top:0;text-align:center;}
.list_sty01 td{color:#555}
.list_sty01 .bg{background:#fff}
.list_sty01 a{color:#555}
.list_sty01 a:hover, 
.list_sty01 a:focus{text-decoration:underline}
.list_sty01 .red{color:#ff2650}
.list_sty01 .green{color:#008000}
.list_sty01 .blue{color:#0066b3}
.list_sty01 .purple{color:#ff003b}
.list_sty01 .txt_left{text-align:left}
/*  ung 마을버스 노란 숫자  */
.list_sty01 .yellow{color:#EFD200; font-weight:bolder;}

/* 테이블 스타일 ver.2 */
.list_sty02{width:859px;margin:0 auto}
.list_sty02 tr{background:#fff !important}
.list_sty02 th{vertical-align:top;font-weight:bold;color:#555;font-size:15px;line-height:25px}
.list_sty02 th, .list_sty02 td{text-align:left;padding:30px 0 0}
.list_sty02 .txt_base{font-size:13px;color:#555}
.list_sty02 .txt_leave{font-size:13px;color:#ff003b;padding-left:30px}
.list_sty02 .part{border-left:1px solid #d9d9d9;padding-left:50px}
.list_sty02 .bm_line{border-bottom:1px solid #d9d9d9;padding:20px 0 30px}
.list_sty02 .pdt20{padding-top:20px}
.list_sty02 .pdt30{padding-top:30px}
.list_sty02 .level > span{font-size:15px;font-weight:bold;margin:0 3px;line-height:30px}
.list_sty02 .warning{color:#ff003b}
.list_sty02 .normal{color:#ff8500}
.list_sty02 .safe{color:#0066b3}
.list_sty02 p{font-size:12px;color:#555;line-height:12px}
.list_sty02 .ex{color:#ff003b;margin-top:10px}
.list_sty02 .txt1{margin-top:10px}
.list_sty02 .txt2{margin-top:5px;padding-left:10px}
.list_sty02 label > em{color:#d01434}
.list_sty02 .sms label{margin-left:10px;color:#555}
.list_sty02 .sms span{margin-right:39px}
 
 /* 테이블 스타일 ver.3 */
.list_sty03{border-top:2px solid #454c5f;border-bottom:1px solid #454c5f}
.list_sty03 th,.list_sty03 td{height:10px;border-top:1px solid #d9d9d9;padding:10px;line-height:14px}
.list_sty03 th{background:#fff url(../images/common/part.gif) no-repeat 0 15px;font-size:13px;font-weight:bold;border-top:0}
.list_sty03 td{color:#555}
.list_sty03 td img{margin-right:7px}
.list_sty03 .bg_gray th, .list_sty03 .bg_gray td{background-color:#f6f6f6 !important}
.list_sty03 .noti th,.list_sty03 .noti td{background:#f6f6f6 !important;font-weight:bold}
.list_sty03 .bg{background:#fff}
.list_sty03 a{color:#555}
.list_sty03 a:hover, 
.list_sty03 a:focus{text-decoration:underline;color:#0066b3}
.list_sty03 .txt_left{text-align:left} 

 /* 테이블 스타일 ver.4 */
.list_sty04{border-top:2px solid #454c5f;border-bottom:1px solid #454c5f}
.list_sty04 th,.list_sty04 td{height:20px;border-top:1px solid #d9d9d9;padding:10px;line-height:16px}
.list_sty04 th{background:#fff url(../images/common/part.gif) no-repeat 100% 15px;font-size:13px;font-weight:bold}
.list_sty04 td{color:#555}
.list_sty04 th.subject, .list_sty04 td.subject_txt{border-top:0}
.list_sty04 .bg_gray th, .list_sty04 .bg_gray td{background-color:#f6f6f6 !important}
.list_sty04 .bg{background:#fff}
.list_sty04 a{color:#555}
.list_sty04 a:hover, 
.list_sty04 a:focus{text-decoration:underline;color:#0066b3}
.list_sty04 .txt_left{text-align:left}
.list_sty04 .txt_right{text-align:right;padding-right:11px}
.list_sty04 .frmCont{padding:40px 20px;height:150px;text-align:left;vertical-align:top}
.list_sty04 .frmCont img{max-width:980px}
.list_sty04 .prev_view th,.list_sty04 .prev_view td{border-top:0}

 /* 테이블 스타일 ver.5 */
.list_sty05{border-top:2px solid #454c5f;border-bottom:1px solid #454c5f}
.list_sty05 th,.list_sty03 td{height:10px;border-top:1px solid #d9d9d9;padding:10px;line-height:14px}
.list_sty05 th{background:#fff url(../images/common/part.gif) no-repeat 0 15px;font-size:13px;font-weight:bold;border-top:0}
.list_sty05 td{color:#555; vertical-align:top}
.list_sty05 td img{margin-right:7px}
.list_sty05 .bg_gray th, .list_sty03 .bg_gray td{background-color:#f6f6f6 !important}
.list_sty05 .noti th,.list_sty03 .noti td{background:#f6f6f6 !important;font-weight:bold}
.list_sty05 .bg{background:#fff}
.list_sty05 a{color:#555}
.list_sty05 a:hover, 
.list_sty05 a:focus{text-decoration:underline;color:#0066b3}
.list_sty05 .txt_left{text-align:left} 
 
/* 페이징, 버튼 */ 
.paging_wrap{margin-top:15px;width:100%;position:relative;overflow:hidden;height:50px}
.paging{width:100%;text-align:center}
.paging .inner{display:inline-block;margin:0 auto}
.paging a{float:left;margin-right:3px;color:#555;display:block;padding:0 8px;height:24px;border:1px solid #ccc;line-height:24px;font-weight:bold;font-size:12px}
.paging a.on{background-position:-58px 0;color:#fff;background-color:#565656;border-color:#444}
.paging .prevStart{background:url(../images/admin/paging.gif) no-repeat 0 0;text-indent:-999px;overflow:hidden;width:26px;height:26px;padding:0;border:0}
.paging .prevStart.off{background-position:0 100%}
.paging .prev{background:url(../images/admin/paging.gif) no-repeat -29px 0;text-indent:-999px;overflow:hidden;width:26px;height:26px;padding:0;border:0}
.paging .prev.off{background-position:-29px 100%;text-indent:-999px}
.paging .next{background:url(../images/admin/paging.gif) no-repeat -116px 0;text-indent:-999px;overflow:hidden;width:26px;height:26px;padding:0;border:0}
.paging .next.off{background-position:-116px 100%}
.paging .nextEnd{background:url(../images/admin/paging.gif) no-repeat -145px 0;text-indent:-999px;overflow:hidden;margin-right:0;width:26px;height:26px;padding:0;border:0}
.paging .nextEnd.off{background-position:-145px 100%}
.paging_wrap .buttons{position:absolute;right:0;top:0}
.paging_wrap .buttons span{float:left;margin-left:5px}
 
 /* 셀렉트 */
.jqTransformSelectWrapper{float:left;position:relative;height:30px;background:url(../images/common/select_left.gif) no-repeat top left;padding-right:30px}
.jqTransformSelectWrapper div span{height:30px;line-height:30px;padding: 0 0 0 8px;color:#555;font-size:13px;position:absolute;left:0;top:0;white-space:nowrap;text-align:left;overflow:hidden;cursor:pointer;}
.jqTransformSelectWrapper a.jqTransformSelectOpen{display:block;position:absolute;right:0px;width:30px;height:30px;background: url(../images/common/select_right.gif) no-repeat center center}
.jqTransformSelectWrapper ul {
	position:absolute;top:30px;left:0px;right:0;
	height:200px !important;  /* 높이 사용 필수 */
	overflow:auto !important;	
	z-index:10;
	list-style:none;background:#fff;border:solid 1px #e8e8e8;border-top:0;display:none
}
.jqTransformSelectWrapper ul a{display:block;padding:3px 2px 3px 8px;text-decoration:none;color:#555;background:#fff;font-size:13px;text-align:left}
.jqTransformSelectWrapper ul a:hover{background-color:#f5f5f5;text-decoration:none;font-weight:bold}
.jqTransformSelectWrapper ul a.selected{}
.jqTransformHidden{display:none}
 
/* 2뎁스 메뉴 */
/* input[type=text]::-ms-clear{display:none} */
.sec_nav{width:100%;height:40px;background:url(../images/common/nav_bg.gif) repeat-x;overflow:hidden}
.sec_nav .bg{display:block;width:1020px;height:40px;margin:0 auto;background:url(../images/common/nav_img_20210427.jpg) no-repeat 0 0}
.sec_nav .bg > span{display:block;float:left;height:40px;background:url(../images/common/nav_arrow.png) no-repeat 0 18px;padding-left:11px;margin-left:11px}
.sec_nav .bg a{display:block;width:auto;height:40px;line-height:40px;color:#fff;font-size:12px}
.sec_nav .bg .home{margin-left:0;padding-left:0;background:none}
.sec_nav .bg .home a{padding-left:19px;background:url(../images/common/nav_home.png) no-repeat 0 15px}
.sec_nav .bg a:hover{text-decoration:underline}

/* 탭 메뉴 */
.sec_menu{position:relative;margin-top:50px;height:85px}
.sec_menu .tit{font-size:30px;line-height:30px;margin-bottom:15px;letter-spacing:-1px}
.sec_menu .list{width:1020px;height:40px;position:absolute;left:1px}
.sec_menu .list a{
	display:block;
	width:170px;height:40px;line-height:40px;
	font-weight:bold;font-size:14px;color:#555;text-align:center;
	float:left;position:relative;z-index:10;
	margin-left:-1px;
	background:#fff url(../images/common/tab/menuBg_sty1.gif) no-repeat 0 0;
	border-right:1px solid #d9d9d9;}
.sec_menu .list a:last-child{margin-left:-2px}
.sec_menu .list .active,
.sec_menu .list a:focus,
.sec_menu .list a:hover{width:170px;color:#fff;background:url(../images/common/tab/menuBg_sty4.gif) no-repeat 0 0;border-right:1px solid #105c96;z-index:20;}
.sec_menu .list.mb a{width:340px}
.sec_menu .list.mb .active, 
.sec_menu .list.mb a:focus, 
.sec_menu .list.mb a:hover{width:340px}
.sec_menu .list.etc a{width:340px}
.sec_menu .list.etc .active, 
.sec_menu .list.etc a:focus, 
.sec_menu .list.etc a:hover{width:340px}
.sec_menu .list.service a{width:170px}
.sec_menu .list.service .active, 
.sec_menu .list.service a:focus, 
.sec_menu .list.service a:hover{width:170px}
.sec_menu .list.eng_guide a{width:255px;font-size:13px}
.sec_menu .list.eng_guide .active, 
.sec_menu .list.eng_guide a:focus, 
.sec_menu .list.eng_guide a:hover{width:255px;font-size:13px}


/* 탭 메뉴 */
.sec_menu2{position:relative;margin-top:50px;height:85px}
.sec_menu2 .tit{font-size:30px;line-height:30px;margin-bottom:15px;letter-spacing:-1px}
.sec_menu2 .list{width:1020px;height:40px;position:absolute;left:1px}
.sec_menu2 .list a{
	display:block;
	width:145px;height:40px;line-height:40px;
	font-weight:bold;font-size:14px;color:#555;text-align:center;
	float:left;position:relative;z-index:10;
	margin-left:-1px;
	background:#fff url(../images/common/tab/menuBg_sty1.gif) no-repeat 0 0;
	border-right:1px solid #d9d9d9;}
.sec_menu2 .list a:last-child{margin-left:-2px}
.sec_menu2 .list .active,
.sec_menu2 .list a:focus,
.sec_menu2 .list a:hover{width:145px;color:#fff;background:url(../images/common/tab/menuBg_sty4.gif) no-repeat 0 0;border-right:1px solid #105c96;z-index:20;}
.sec_menu2 .list.mb a{width:340px}
.sec_menu2 .list.mb .active, 
.sec_menu2 .list.mb a:focus, 
.sec_menu2 .list.mb a:hover{width:340px}
.sec_menu2 .list.etc a{width:340px}
.sec_menu2 .list.etc .active, 
.sec_menu2 .list.etc a:focus, 
.sec_menu2 .list.etc a:hover{width:340px}
.sec_menu2 .list.service a{width:145px}
.sec_menu2 .list.service .active, 
.sec_menu2 .list.service a:focus, 
.sec_menu2 .list.service a:hover{width:145px}
.sec_menu2 .list.eng_guide a{width:255px;font-size:13px}
.sec_menu2 .list.eng_guide .active, 
.sec_menu2 .list.eng_guide a:focus, 
.sec_menu2 .list.eng_guide a:hover{width:255px;font-size:13px}

/* sec_tab 디자인 변경 */
.sec_tab{clear:both;margin-top:40px}
.sec_tab .tit{font-size:22px;height:22px;line-height:22px;margin-bottom:15px;letter-spacing:-1px}
.sec_tab .txt{color:#555;font-size:12px;margin-bottom:20px;line-height:12px}
.sec_tab .tab_comm{padding:0 0 0 1px;height:38px}
.sec_tab .tab_comm a{
	display:block;
	width:203px;height:40px;line-height:40px;
	font-weight:bold;font-size:14px;color:#555;text-align:center;
	float:left;position:relative;z-index:10;
	margin-left:-1px;
	background:#fff url(../images/common/tab/menuBg_sty1.gif) no-repeat 0 0;
	border-right:1px solid #d9d9d9;}
.sec_tab .tab_comm .active,
.sec_tab .tab_comm a:focus,
.sec_tab .tab_comm a:hover{width:203px;color:#fff;background:url(../images/common/tab/menuBg_sty4.gif) no-repeat 0 0;border-right:1px solid #105c96;z-index:20;}

.tit_h4{font-size:15px;height:15px;line-height:15px;margin-bottom:15px}
.txt_box{color:#555;font-size:12px;margin-bottom:20px;height:12px;line-height:12px;overflow:hidden}
.txt_box .lf{float:left}
.txt_box .rf{float:right;font-weight:bold}

/* 영문 4뎁스 */
.tab_fourDepth{margin-top:21px;width:180px}
.tab_fourDepth > li{float:left;clear:both}
.tab_fourDepth > li a{
	background:#f6f6f6;
	color:#555;
	width:158px;
	overflow:hidden;position:relative;
	margin-top:-1px;display:block;padding:10px 0 10px 20px;
	font-size:12px;
	font-weight:bold;
	border:1px solid #d9d9d9;	
}
.tab_fourDepth > li .active,
.tab_fourDepth > li a:focus,
.tab_fourDepth > li a:hover{color:#0066b3;border:1px solid #1371b9;z-index:20;}
.tab_fourDepth li.arrow a{background:#fff url(../images/eng/com/r_arrow_off.gif) no-repeat 95% 50%;font-size:13px;padding-left:10px;width:168px}
.tab_fourDepth li.arrow .active,
.tab_fourDepth li.arrow a:focus,
.tab_fourDepth li.arrow a:hover{background-image:url(../images/eng/com/r_arrow_on.gif)}