@charset "utf-8";

li.organ2{width:193px;float:left;margin-right:20px}
li.organ3{float:left;width:24%;margin-left:1%;margin-bottom:10px;text-align:center}
li.organ3:nth-child(4n+1){margin-left:0}
li.ban_txt{display:table}
.ban_txt span{color:#254c8d;font-size:15px;font-weight:600;margin-bottom:10px;display:inline-block}
.board_view3{padding:20px 3.73665480427% 10px 3.73665480427%;border-top:2px solid #2c3e7e;overflow:hidden;border-bottom:1px solid #d5d5db}



.table_app td:nth-child(4) img{width:70px!important}
.table_app td:nth-child(3) img{width:70px!important}


.table_app col:nth-child(1){width:130px}
.table_app col:nth-child(2){width:160px}
.table_app col:nth-child(4){width:100px}


.table_app td.border_L{text-align:left;}
.table_app td.border_L img{float:left}
.table_app td span{display:table-cell; vertical-align:middle; padding-left:5px; text-align:left; line-height:16px; font-size:12px; font-weight:600; height:33px}


.textBox_06{border:5px solid #e0e5f1; padding:20px}
.textBox_06 img{vertical-align:middle}


.textBox_07{border:5px solid #e0e5f1; display:block; clear:both; padding:20px}
.textBox_07 p{float:left; width:70px}
.textBox_07 ul{width:88%; float:left;}
.textBox_07 li{background:url(../images/common/bul_h6.gif) 11px 10px no-repeat; padding-left:22px; line-height:20px;}
.textBox_07:after{clear:both;display:block;content:""}


ul.type_09 li{background:url(../images/common/bul_h6.gif) 11px 10px no-repeat; padding-left:22px; line-height:20px; margin-bottom:5px}

ul.type_10 li{background:url(../images/common/bul_h6.gif) 11px 10px no-repeat; padding-left:22px; line-height:20px; margin-bottom:10px}

.sitemap{width:100%}
.sitemap div{width:30%; float:left;}
.sitemap div:nth-child(2), .sitemap div:nth-child(5){margin:0 5%}
.sitemap ul.depth_01{padding:20px; margin:0}
.sitemap ul.depth_01>li{background:url(../images/common/bul_h6.gif) 11px 10px no-repeat; padding-left:22px; line-height:20px; margin-bottom:10px}

.sitemap ul.depth_02{margin-top:5px; font-size:13px}

.sitemap p.title{width:100%; height:40px; line-height:40px; background:#f0f3fa; color:#3164a9; font-weight:600; font-size:16px; text-align:center; border-top:3px solid #3b6bad; border-bottom:1px solid #dddddd; }


.sitemap:after{content:"";clear:both;display:block}

/* 저작권정책 */
.policy_02 ul{display:table; width:100%;  margin-bottom:30px; clear:both}
.policy_02 li:first-child{width:70px; float:left; color:#7892be; font-size:16px}
.policy_02 li:first-child span{font-size:36px; font-weight:600; color:#265ba3}
.policy_02 li:last-child{float:right; width:90%; padding-top:10px}
.policy_02 li:last-child span{display:none;font-size:18px; font-weight:600; color:#265ba3 }

/*고용노동부 행정서비스 헌장 */
.charter dl{display:table; width:100%;  margin-bottom:30px; clear:both}
.charter dt{width:70px; text-align:center}
.charter dd{display:table-cell; vertical-align:middle; width:88%; margin-left:2%}
.charter dd span{font-size:17px; font-weight:600; color:#265ba3; padding-bottom:7px}

.charter_02{margin-top:20px; border-top:1px solid #DDD; padding:20px}

/* 퇴직금 계산 */

.popup_inner_etc{margin:30px 20px 20px 20px}

.tb_03{display:table; width:50%; border-top:2px solid #2c3e7e; line-height:20px; float:left}
.tb_03 p.title_02{background:#f2f4fb;color:#103581;border-bottom:1px solid #d5d5db; text-align:center; padding:10px 0; font-weight:600}
.tb_03 div.all{margin:20px}

.tb_04{display:table; width:49%; border-top:2px solid #2c3e7e; border-left:1px solid #c8c8c8; line-height:20px; background:#f9f9f9; float:left}
.tb_04 p.title_02{background:#f2f4fb;color:#103581;border-bottom:1px solid #d5d5db; text-align:center; padding:10px 0; font-weight:600}

.tb_04 table.tbl td{background:#fff;}
.tb_04 div{margin:20px}
.tb_04 p strong{color:#000}
.tb_04 ul{ margin-top:10px}
.tb_04 li{padding:0 0 5px 10px; background:url(../images/common/bul_list.gif) left 10px no-repeat}



.count_date{display:block; border:5px solid #e0e5f1; height:150px; padding:20px}
.count_date ul{float:left; display:table;}
.count_date li{margin:0 0 10px 0}
.count_date li select{height:25px; line-height:25px}
.count_date li input[type="text"]{height:25px; line-height:25px}

.cal_01{display:block; background:#3e68a7; color:#fff; width:100px; padding-top:30px; height:70px; float:right; text-align:center; font-weight:600; transition:all .3s; }
.cal_01:hover, .cal_01:focus{background-color:#508c28; cursor:pointer}


.coment{width:100%; clear:both; padding-top:10px; font-size:13px}

.count_pay{margin-top:20px}
.count_pay table{width:100%;border-collapse:collapse;line-height:20px}
.count_pay th{padding:10px;font-size:14px;border-left:1px solid #d5d5db;text-align:center; border-top:2px solid #2c3e7e;}
.count_pay td{padding:5px 1px;font-size:13px;border-left:1px solid #d5d5db; border-top:1px solid #c8c8c8; text-align:center}
.count_pay  tr th:first-child, .count_pay  td:first-child{border-left:0}
.count_pay  th{background:#f2f4fb;color:#103581;border-bottom:1px solid #d5d5db}
.count_pay  tr td a{color:#444}
.count_pay  tr td a:hover, .tbl tr td a:focus{color:#0946b6;text-decoration:underline}
.count_pay  tr.end td{border-top:1px solid #2c3e7e; height:30px; background:#f7f7f7; border-bottom:1px solid #c8c8c8;}

.count_pay input[type="text"]{height:28px;line-height:28px; padding-right:5px; text-align:right; margin-right:3px}
.count_pay input[type="text"].non1{border:none; height:20px; line-height:20px;}
.count_pay input[type="text"].non2{border:none; height:20px; line-height:20px; background:#f7f7f7}

.count_pay p strong{color:#000}

.btn_pay_reset{display:inline-block; background:#3e68a7; color:#fff; padding:5px 10px; float:right; text-align:center; font-weight:600; transition:all .3s; margin-bottom:10px}
.btn_pay_reset:hover, .btn_pay_reset:focus{background-color:#508c28; cursor:pointer}

/* 연간상여금총액 */
.yy_pay{margin-top:20px}
.yy_pay label{width:110px; display:inline-block}
.yy_pay li{margin-bottom:5px}


/* 1일 평균임금 */
.dd_pay{margin:10px 0; padding:10px 0; border-bottom:1px solid #c8c8c8; border-top:1px solid #c8c8c8;}
.dd_pay label{width:110px; display:inline-block}
.dd_pay li{margin-bottom:5px}

.dd_pay input[type="button"]{background:#3e68a7; color:#fff; border:none; padding:5px 10px; font-size:13px; font-weight:600; }

.dd_pay input[type="button"]:hover, .btn1 input[type="button"]:focus{background-color:#508c28; cursor:pointer}
.dd_pay span br{display:none}


/* 이용약관 */
.policy_list01 li{position:relative;padding:0 0 5px 25px}
.policy_list01 li:before{position:absolute;top:0;left:8px}
.policy_list01>li:nth-child(1):before{content:'① '}
.policy_list01>li:nth-child(2):before{content:'② '}
.policy_list01>li:nth-child(3):before{content:'③ '}
.policy_list01>li:nth-child(4):before{content:'④ '}
.policy_list01>li:nth-child(5):before{content:'⑤ '}
.policy_list01>li:nth-child(6):before{content:'⑥ '}
.policy_list01>li:nth-child(7):before{content:'⑦ '}
.policy_list01>li:nth-child(8):before{content:'⑧ '}
.policy_list01>li:nth-child(9):before{content:'⑨ '}
.policy_list01>li:nth-child(10):before{content:'⑩ '}
.policy_list01>li:nth-child(11):before{content:'⑪ '}
.policy_list01>li:nth-child(12):before{content:'⑫ '}
.policy_list01>li:nth-child(13):before{content:'⑬ '}
.policy_list01>li:nth-child(14):before{content:'⑭ '}
.policy_list01>li:nth-child(15):before{content:'⑮ '}

.policy_list02 {margin:10px 0 0 10px;}
.policy_list02 li{position: relative; padding: 0 0 10px 0;}
.policy_list02 li p{margin-left:20px}

/* 본인확인 */
.ipinBox{border:1px solid #ddd;padding:30px}
.ipinBox .ipinCon{min-height:150px;padding-right:200px;background:url(../images/etc/certify_img.gif) right top no-repeat}
.ipinBox .ipinCon strong{display:inline-block;font-weight:300;font-size:28px;color:#333;margin-bottom:10px}
.ipinBox .ipinCon strong span{color:#2f7cc0}
.ipinBox .ipinCon a{background:#2f7cc0 url(../images/content/btn_arrow.png) no-repeat right center}
.cerBtn_wrap{text-align:center;margin-top:20px}
.certify_btn{display:inline-block;width:180px;height:37px;line-height:37px;color:#fff;background:#033478;border-radius:3px}
.certify_btn:hover{background:#555}


/* 임금체불 상담·신고·제보, 퇴직연금제도안내, 근로기준 */
.new_intro{}
.cBox{position:relative;max-width:640px;margin:0 auto}
.ni_header{position:relative;border-bottom:1px solid #ddd;height:60px}
.ni_header h1{margin-top:17px}

.ni_container{padding-top:20px}
.npay{border:5px solid #0286b8}
.npay .npay_tit{padding:15px 0;background:url(../images/etc/bg_tile.gif) left top repeat}
.npay .npay_link{padding:15px;background:#ececec}
.npay .npay_link ul{overflow:hidden}
.npay .npay_link ul li{float:left;width:50%;text-align:center}

.ni_footer{font-size:12px;text-align:center;margin-top:20px}
.ni_footer p{text-align:center}
.ni_footer .ni_road{padding:3px 7px;background:#555;color:#fff}
.ni_footer .ni_footLogo{margin-top:10px}

.retirePay{padding:20px;border:5px solid #0286b8}
.retirePay img{display:block;margin:15px auto}
.retirePay h2{font-size:25px;text-align:center;margin-bottom:10px}
.retirePay h2 span{color:#0b4daa}
.retirePay strong{font-size:18px}
.retirePay hr{margin:20px 0}

.retireBtn{display:block;padding:7px 0;color:#fff;font-size:20px;text-align:center;margin-top:10px}
.retireBtn.t01{background:#a266a8}
.retireBtn.t02{background:#ec3e72}
.retireBtn.t03{background:#3387b7}

.work_contract{padding:30px;border:5px solid #0286b8;background:#fffef0}
.work_contract>h2{font-size:25px;text-align:center;margin-top:40px}
.work_contract>h2:first-child{margin-top:0}
.work_contract>h2>span{display:block;width:200px;margin:0 auto 20px;font-size:18px;color:#2e5ccb;padding-bottom:8px;border-bottom:4px double #2e5ccb}
.work_contract ul li{padding:0 0 0 110px;margin-top:20px;min-height:109px}
.work_contract ul li strong{color:#2e5ccb}
.work_contract ul li p span{background:yellow}
.work_contract ul.wc01 li.tp01{background:url(../images/etc/work_contract_01.gif) left top no-repeat}
.work_contract ul.wc01 li.tp02{background:url(../images/etc/work_contract_02.gif) left top no-repeat}
.work_contract ul.wc01 li.tp03{background:url(../images/etc/work_contract_03.gif) left top no-repeat}
.work_contract ul.wc02 li.tp01{background:url(../images/etc/work_contract_04.gif) left top no-repeat}
.work_contract ul.wc02 li.tp02{background:url(../images/etc/work_contract_05.gif) left top no-repeat}
.work_contract ul.wc02 li.tp03{background:url(../images/etc/work_contract_02.gif) left top no-repeat}
.work_contract ul.wc03 li.tp01{background:url(../images/etc/work_contract_06.gif) left top no-repeat}
.work_contract ul.wc03 li.tp02{background:url(../images/etc/work_contract_02.gif) left top no-repeat}
.work_contract ul.wc03 li.tp03{background:url(../images/etc/work_contract_07.gif) left top no-repeat}
.work_contract ul.wc04 li.tp01{background:url(../images/etc/work_contract_02.gif) left top no-repeat}
.work_contract ul.wc04 li.tp02{background:url(../images/etc/work_contract_08.gif) left top no-repeat}

.work_contract .tip_box{position:relative;padding:30px 20px;background:#2e5ccb;color:#fff;margin-top:30px}
.work_contract .tip_box>b{position:absolute;padding:3px 10px;left:10px;top:-16px;display:inline-block;background:#3f536c;color:#fff;font-size:20px;font-weight:bold}
.work_contract .tip_box strong{display:inline-block;color:yellow;margin-bottom:10px;margin-top:20px;font-size:17px}
.work_contract .tip_box strong:first-of-type{margin-top:0}
.work_contract .tip_box p{padding-left:10px;background:url(../images/etc/bul_dotted_white.gif) left 9px no-repeat}
.work_contract .tip_box p a{color:#fff}
.work_contract .tip_box p a:hover{text-decoration:underline}
.work_contract .tip_box p span{display:block;position:relative;padding-left:80px;margin-top:10px}
.work_contract .tip_box p span b{position:absolute;left:0;top:0}

/* 에러페이지 */
.error_wrap{width:100%;height:100%;display:table}
.error_wrap .error{display:table-cell;vertical-align:middle;text-align:center}
.error_wrap .error .error_div{display:inline-block}
.error_wrap .error .error_div h1{text-align:left;margin-bottom:20px}
.error_wrap .error .error_div .errorBox{display:inline-block;padding:174px 50px 50px;border:5px solid #cbcce8;text-align:center;background:url(../images/etc/img_error.png) center 30px no-repeat}
.error_wrap .error .error_div .errorBox h2{color:#213297;font-size:28px;margin-bottom:20px}
.error_wrap .error .errorBox p{text-align:center;color:#666}
.error_wrap .error .errorBox p b{display:block}
.error_wrap .error .errorBox ul{overflow:hidden;display:inline-block;margin:30px auto 0}
.error_wrap .error .errorBox ul li{position:relative;float:left}
.error_wrap .error .errorBox ul li:before{display:block;content:"";position:absolute;left:0;top:50%;margin-top:-6px;width:1px;height:12px;background:#767db6}
.error_wrap .error .errorBox ul li:first-child:before{display:none}
.error_wrap .error .errorBox ul li a{padding:0 8px;color:#213297;font-weight:bold;font-size:15px}
.error_bot{margin-top:20px;text-align:center}
.error_bot span{color:#de2e2e;font-weight:bold}


/* 지원브라우저안내 */

.etc_18{width: 100%; padding:30px 30px 15px 30px; display: table;  box-sizing: border-box;
	border: 1px solid #ddd; background: #f7f7f7 url(../images/etc/etc_18.png) no-repeat right bottom; height:230px;
	line-height:20px}
.etc_18 li{margin-bottom: 15px; background: url(../images/common/bul_m_3dep.gif) no-repeat left top; background-size:20px 1px;
	padding-top:5px}

.etc_18 li strong{color:#0d4488; font-size:15px}



@media screen and (max-width: 1024px){
	.board_view3{padding:20px 0 10px 0}
}


@media screen and (max-width: 1000px){
	li.organ3{width:32.3%}
	li.organ3:nth-child(4n+1){margin-left:1%}
	li.organ3:nth-child(3n+1){margin-left:0}
	.board_view3{padding:20px 0 10px 0}
	.dd_pay span {display:block; padding-left:110px; }
	.dd_pay span br{display:block; height:0}

}

@media screen and (max-width: 965px){

	.count_date{display:table; height:auto; padding:20px}
	.count_date ul{float:none; display:table;}
	.count_date li{margin:0 0 10px 0}

	.cal_01{display:block; width:auto; padding-top:10px; height:30px; float:none; }
	.cal_01 br{display:none}




}

@media screen and (max-width:768px){

	.board_view3{padding:20px 1% 10px 4%}

	.sitemap div{width:32%; float:left;}
	.sitemap div:nth-child(2), .sitemap div:nth-child(5){margin:0 2%}
	.sitemap ul.depth_01{padding:10px; margin:0}


	/* 저작권정책 */
	.policy_02 li:first-child{width:10%;}
	.policy_02 li:last-child{width:88%;}


}


@media screen and (max-width:740px){
	.tb_03{width:100%;float:none}
	.tb_04{width:100%;float:none; border-left:none}


	.count_date{display:block; height:150px;}
	.count_date ul{float:left; display:table;}

	.cal_01{display:block; width:100px; padding-top:30px; height:70px; float:right; }
	.cal_01 br{display:block}

	.dd_pay span {display:inline-block; padding-left:0; }
	.dd_pay span br{display:none}

	.sitemap div{width:32%; float:left;}
	.sitemap div:nth-child(2), .sitemap div:nth-child(5){margin:0 2%}
	.sitemap ul.depth_01{padding:10px 0 10px 5px ; margin:0}


	.textBox_07{padding:20px 0 20px 20px}
	.textBox_07 p{float:left; width:15%}
	.textBox_07 ul{float:left; width:80%}
	
	
.etc_18{background-size:40%;}


}

@media screen and (max-width:640px){
	.ipinBox{padding:15px}
	.ipinBox .ipinCon{padding-right:0;padding-top:150px;background-position:center top;text-align:center}
	.ipinBox .ipinCon b{display:inline-block;margin-top:15px}
	.cerBtn_wrap{margin-top:40px}

	.ni_header h1{margin-left:2%}
	.ni_container{padding:20px 2% 0 2%}
	.npay .npay_link ul li{width:100%}
	.work_contract{padding:10px}

	.error_wrap .error{vertical-align:top}
	.error_wrap .error .error_div{padding:10px}
	.error_wrap .error .error_div .errorBox{padding:174px 15px 15px}
	.error_wrap .error .errorBox ul li a{font-size:12px}
	.error_bot{font-size:13px}
	
	
}

@media screen and (max-width:550px){
	.table_app col:nth-child(2){width:80px}
	.table_app col:nth-child(4){width:80px}

	.table_app td.border_L{text-align:center;}
	.table_app td.border_L img{float:none}
	.table_app td span{display:block; padding-left:0; text-align:center; height:auto; width:100%}

	.sitemap div{width:49%;}
	.sitemap div:nth-child(2), .sitemap div:nth-child(4), .sitemap div:nth-child(6){margin:0 0 0 1%}
	.sitemap div:nth-child(5){margin:0}
	.sitemap ul.depth_01>li{background:url(../images/common/bul_h6.gif) left 10px no-repeat; padding-left:10px; line-height:18px; margin-bottom:5px}
	.sitemap ul.depth_02{margin-top:5px; font-size:12px}
	.sitemap p.title{height:35px; line-height:35px; font-size:14px; border-top:3px solid #3b6bad; border-bottom:1px solid #dddddd; }

}


@media screen and (max-width:510px){

	.tb_03 div.all{margin:20px 0}

	.policy_02 li:first-child{width:15%;}
	.policy_02 li:last-child{width:84%;}


}




@media screen and (max-width:465px){
	.count_date{display:table; height:auto; padding:20px}
	.count_date ul{float:none; display:table;}
	.count_date li{margin:0 0 10px 0}

	.cal_01{display:block; width:auto; padding-top:10px; height:30px; float:none; }
	.cal_01 br{display:none}
	.tb_04 table.tbl td{font-size:12px;}


}

@media screen and (max-width:414px){
	li.organ3{width:49%}
	li.organ3:nth-child(3n+1){margin-left:1%}
	li.organ3:nth-child(2n+1){margin-left:0}
	.board_view3{padding:20px 0 10px 0}

	.textBox_07{padding:20px 0 20px 20px}
	.textBox_07 p{display:none}
	.textBox_07 ul{float:none; width:100%}

}

@media screen and (max-width:390px){
	li.organ2{float:none;margin:auto;margin-bottom:20px}
	li.ban_txt{padding:0 10px;display:block;text-align:center}
	li.ban_txt p{text-align:center}

	.policy_02 ul{margin-bottom:10px}
	.policy_02 li:first-child{display:none}
	.policy_02 li:last-child{width:100%}
	.policy_02 li:last-child span{display:inline-block}


}


@media screen and (max-width:350px){
	li.organ3{width:100%;margin-left:0}
	.count_date li label{width:80%; display:block}

	.sitemap div{width:100%;}
	.sitemap div:nth-child(2), .sitemap div:nth-child(4), .sitemap div:nth-child(6){margin:0}
}

@media screen and (max-width:320px){
	.board_view3{padding:20px 4% 10px 8%}
	.table_app col:nth-child(2){width:30px}
}