/*
 * File       : style-kms.css
 * Author     : STUDIO-JT (JDY)
 * Guideline  : JTstyle.1.0
 * Guideline  : http://codex.studio-jt.co.kr/?p=114
 *
 *
 * SUMMARY:
 * 1)  이용약관
 * 2)  채용안내 LIST
 */



/* **************************************** *
 * 이용약관
 * **************************************** */
.service_user_agreements_inner.wrap {max-width:1030px; margin:0 auto;}
.jt_accordion {width: 100%;position: relative;}
.jt_accordion caption {width: 1px;height: 1px;position: absolute;top: 0;left: 0;font-size: 0;line-height: 0;overflow: hidden;}
.jt_accordion thead {display: none;}
.jt_accordion tr {width: 100%;}
.jt_accordion td {width: auto;}
.jt_accordion tr.jt_accordion_title td {padding: 12px 0;vertical-align: middle;font-size: 18px;font-weight: 600;color: #222;background-color:#fff;border: solid #ddd;border-width: 1px 0 1px 0;cursor: pointer;}
.jt_accordion tr.jt_accordion_title td.title {padding: 25px 0 29px 39px;border-left: 1px solid #ddd;}
.jt_accordion tr.jt_accordion_title td.title i {font-style:normal; word-break: keep-all;}
.jt_accordion tr.jt_accordion_content .jt_accordion_download {text-align:right;z-index: 20;margin-top: 29px;letter-spacing: -0.03em;margin-bottom: 13px;}
.jt_accordion tr.jt_accordion_content .jt_accordion_download a {font-size: 13px;color:#d93b31;font-weight: 400;border-bottom: 2px solid #d93b31;padding-bottom: 6px;}
.jt_accordion tr.jt_accordion_content .jt_accordion_download a:after {content:'';display: inline-block;margin-left: 8px;margin-bottom: 1px;margin-right: 2px;width:9px;height:10px;background:url(../images/before_privacy_download.png) no-repeat center center;}
.jt_accordion tr.jt_accordion_title td.control {width: 96px;border-right: 1px solid #ddd;}
.jt_accordion tr.jt_accordion_title td.control {font-size: 0;text-align: center;}
.jt_accordion tr.jt_accordion_title td.control i {display: inline-block;width: 16px;height: 11px;position: relative;}
.jt_accordion tr.jt_accordion_title td.control i:after {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-style: normal;line-height: 20px;text-align: center;background: url(../images/sub/ethics/accordion-arrow.jpg) no-repeat center center;}
.jt_accordion tr.jt_accordion_title.active td.control i:after {background-image: url(../images/sub/ethics/accordion-arrow-active.jpg);}
.jt_accordion tr.jt_accordion_title.active td.title {color: #d93b31;}
.jt_accordion tr.jt_accordion_content td {vertical-align: top;background: #f5f5f5;}
.jt_accordion_content_inner {padding: 22px 38px 25px;border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;font-size: 14px;}
.jt_accordion tr.jt_accordion_title.active td,
.jt_accordion tr.jt_accordion_title.active td.control,
.jt_accordion tr.jt_accordion_title.active td.title {border-color: #222;}
.jt_accordion tr.jt_accordion_title.active td.control i:after {color: #222;}
.jt_accordion tr.jt_accordion_content td.title:after {content:''; display: block; width:100%; height:6px; }
.jt_accordion tr.jt_accordion_content:last-child td.title:after {display: none;}
.jt_accordion tr.jt_accordion_title:not(:first-child) + tr.jt_accordion_content .jt_accordion_content_inner {display: none;}

.smartro_rule_box {padding-top:19px; word-break: keep-all;}
.smartro_rule_box:first-child {padding-top:0;}
.smartro_rule_box b {font-weight: bold;color: #444; line-height: 2;}
.smartro_rule_box > b {padding-bottom: 12px;display: block;}
.smartro_rule_box > b > i {font-style:normal;color:#666;font-weight:400 }
.smartro_rule_box p {color: #666;line-height: 1.9;letter-spacing: -0.05em;padding: 6px 39px 18px;word-break: keep-all;}
.smartro_rule_box p:last-child {padding-bottom:0;}
.smartro_rule_box span {color: #d93b31;display: block;}
.smartro_rule_box a {color: #666;}
.smartro_rule_box > ul {padding: 0px 39px;color: #666;}
.smartro_rule_box > ul > li {padding-left:14px;padding-bottom: 10px;position: relative;line-height: 2;}
.smartro_rule_box > ul > li:last-child {padding-bottom:0;}
.smartro_rule_box > ul > li:before {content:'';display: block;width: 4px;height: 4px;background-color: #da372b;position: absolute;top: 13px;left: 0;}
.smartro_rule_box > ul > li > ol {padding-bottom:14px;padding-top: 10px;}
.smartro_rule_box > ul > li > ol:last-child {padding-bottom:0;}
.smartro_rule_box > ul > li > ol > li {padding-bottom: 7px;}
.smartro_rule_box > ul > li > ol > li:last-child {padding-bottom:0;}
.smartro_rule_box > ul > li > ul {padding: 7px 0 8px;margin-left: -3px;}
.smartro_rule_box > ul > li > ul:last-child {/* padding-bottom:0; */}
.smartro_rule_box > ul > li > ul > li {padding-bottom: 6px;}
.smartro_rule_box > ul > li > ul > li:last-child {padding-bottom:0;}
.smartro_rule_box > ul > li > ul > li > b {padding-top:2px;}
.smartro_rule_box > ul > li > ul > li:first-child > b {padding-top:0;}
.smartro_rule_box > ul > li > ul > li > ul {padding: 4px 5px 0;}
.smartro_rule_box > ul > li > ul > li > ul > li {line-height: 1.9;}
.smartro_rule_box > ul.list_type_02 > li {padding-left: 0;}
.smartro_rule_box > ul.list_type_02 > li:before {display: none;}
.smartro_rule_box > ul.list_type_02 > li > ul {margin-left: 0; padding-left: 5px;}

.smartro_rule_box > table.smartro_rule_box_in_table {width: 100%;margin-bottom: 25px;border-top: 2px solid #dc372b;}
.smartro_rule_box > table.smartro_rule_box_in_table th {padding: 15px 0;border: solid #ddd;border-width: 0 0 1px 1px;font-weight:700;color:#222;font-size: 14px;vertical-align: middle;text-align: center;}
.smartro_rule_box > table.smartro_rule_box_in_table td {padding: 26px 10px;border: solid #ddd;border-width: 0 0 1px 1px;font-weight: 400;color: #666;font-size: 13px;vertical-align: middle;word-break: break-all;}
.smartro_rule_box > table.smartro_rule_box_in_table.two_colume td {padding: 26px 10px;text-align: center;}
.smartro_rule_box > table.smartro_rule_box_in_table.two_colume td.left {text-align: left;}
.smartro_rule_box > table.smartro_rule_box_in_table td ul li {padding-bottom: 0;}
.smartro_rule_box > table.smartro_rule_box_in_table td b {padding-left: 0;font-weight:700;color: #dc372b;}
.smartro_rule_box > table.smartro_rule_box_in_table td b:before {display: none;}
.smartro_rule_box > table.smartro_rule_box_in_table td a {font-weight:700;color: #dc372b;box-shadow: inset 0 -1px 0 0 #dc372b;}
.smartro_rule_box > table.smartro_rule_box_in_table td:first-child {padding: 0 10px;text-align: center;word-break: keep-all;}
.smartro_rule_box > table.smartro_rule_box_in_table th:first-child, 
.smartro_rule_box > table.smartro_rule_box_in_table td:first-child {border-left: none;}
.smartro_rule_box > table.smartro_rule_box_in_table.two_colume th, 
.smartro_rule_box > table.smartro_rule_box_in_table.two_colume td {width: 50%;}
.service_user_agreements .smartro_rule_box b a {font-size: 13px;}
.five_colume .col_1 {width: 13.5%;}
.five_colume .col_2 {width: 18.5%;}
.five_colume .col_3 {width: 20%;}
.five_colume .col_4 {width: 23.5%;}
.five_colume .col_5 {width: 24.5%;}


/* poopup */
.privacy_popup_overlay {z-index: 444;position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: rgba(255, 255, 255, 0.85);display:none;}
.privacy_popup {z-index: 450;width: 600px;height: 441px;position: fixed;top: 0;left: 0;background: #fff;border: 1px solid #ddd;display:none;}
.privacy_popup .privacy_popup_inner {position: relative;width: 100%;height: 100%;padding: 40px;}
.privacy_popup .pop_up_close {display: block;width: 45px;height: 45px;position: absolute;right: 40px;top: 30px;background: #dc372b url('../images/pop_up_close.png') no-repeat center center;}
.privacy_popup .privacy_download {display: block;width: 127px;height: 25px;margin: 0 auto;font-size: 10px;font-weight: 700; line-height: 22px; letter-spacing: .2em; color: #999;border: 1px solid #ddd;background: url('../images/pop_up_download.png') no-repeat 90% center;}
html.mobile .privacy_popup .privacy_download {line-height: 25px;} 
.privacy_popup h2 {font-size: 25px; font-weight: 700; line-height: 28px; letter-spacing: .2em; color: #d93b31;}
.privacy_popup .pop_up_content { margin-top: 40px; height: 308px;overflow: auto;}
.privacy_popup .privacy_popup_inner table {margin-bottom: 0;}
.privacy_popup .privacy_popup_inner table td {padding: 13px 0 12px;}

.pop_up_content table {width: 100%;margin-bottom: 25px;border-top: 2px solid #dc372b;}
.pop_up_content table th {padding: 15px 0;border: solid #ddd;border-width: 0 0 1px 1px;font-weight:700;color:#222;font-size: 14px;vertical-align: middle;text-align: center;}
.pop_up_content table td {padding: 26px 0 26px 13px;border: solid #ddd;border-width: 0 0 1px 1px;font-weight: 400;color: #666;font-size: 14px;vertical-align: middle;}
.pop_up_content table.two_colume td {text-align: center;}
.pop_up_content table td:first-child {padding: 0;text-align: center;}
.pop_up_content table th:first-child, .pop_up_content table td:first-child {border-left: none;}
.pop_up_content table.two_colume th, .pop_up_content table.two_colume td {width: 50%;}



/* **************************************** *
 * 채용안내 LIST
 * **************************************** */
.sub_part_jobs_03 {float: left;width: 100%;}
.jt_incruit_list {width: 100%;max-width: 1030px;margin: auto;padding-top: 50px;padding-bottom: 146px;}

.jt_incruit_list .jt_board_list .date {width: 160px;}
.jt_incruit_list .jt_board_list .progress {width: 160px;}
.jt_incruit_list .jt_board_list td.progress {font-size:0;}
.jt_incruit_list .jt_board_list td.progress span {padding: 3px 15px 3px;color: #fff;font-size: 12px;line-height: 1.4;}
.jt_incruit_list .jt_board_list td.progress span.progress_close {background-color:#999;}
.jt_incruit_list .jt_board_list td.progress span.progress_opne {background-color:#dc382c;}
/*
.jt_search_container {display: table;width: 100%;}
.jt_search_container .jt_search_total {position:relative;padding-left:44px;font-size:15px;font-weight:400;color:#666;line-height:1.55;display:table-cell;vertical-align: middle;}
.jt_search_container .jt_search_total:before {content:'';position:absolute;top: 50%;left:0;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);width:34px;height: 34px;background: url(../images/icon_doc.png) no-repeat center center;display:inline-block;}
.jt_search_container .jt_search {display:table-cell;float: right;}*/




@media (max-width: 1280px) {
	/* 이용약관 */
    .service_user_agreements_inner.wrap {margin: 5%;}	
	
}



@media (max-width: 1250px) {
	/* 채용안내 LIST */
    .jt_incruit_list {width:90%;}
	
}



@media (max-width: 1023px) {
	/* 채용안내 LIST */
    .jt_incruit_list .jt_board_list .date {width: 100px;}
	.jt_incruit_list .jt_board_list .progress {width: 100px;}
	
}



@media (max-width: 768px) {
	/* 이용약관 */
	.service_user_agreements_part:first-child {margin-bottom:0;}
    .jt_accordion tr.jt_accordion_title td.title {padding: 20px 24px;}
	.jt_accordion tr.jt_accordion_title td.control {width: 70px;}
	.jt_accordion_content_inner {padding: 20px 24px;}
	.jt_accordion tr.jt_accordion_title td.title .jt_accordion_download a {font-size: 13px;}
	.jt_accordion tr.jt_accordion_content .jt_accordion_download a:after {margin-bottom:0;}
	
	/* popup */
	.jt_accordion tr.jt_accordion_title td.title i {width:100%;display: block;}
	.jt_accordion tr.jt_accordion_title td.title .jt_accordion_download {float: none;margin-right: 0;display: inline-block;font-size:0;}
	
	/* 채용안내 LIST */
	.jt_incruit_list {padding-top: 30px;padding-bottom: 12%;}
	.jt_incruit_list .jt_board_list td.title {padding: 15px 12px 36px 72px;}
	.jt_incruit_list .jt_board_list .progress {width: auto;position: absolute;left: 13px;top: 12px; padding:0;border-bottom: 0;text-align:center;}
	.jt_incruit_list .jt_board_list td.progress span {width:51px; height:22px;padding:0; padding-top: 4px;display: block;}
	.jt_incruit_list .jt_board_list .date {width:auto;}
	html.ios .jt_incruit_list .jt_board_list .progress {top: 12px;}
	html.android .jt_incruit_list .jt_board_list .progress {top: 13px;}
	html.android .jt_incruit_list .jt_board_list td.progress span {padding-top:3px;}
	
}



@media (max-width: 700px) {
	
	/* popup */
    .privacy_popup {width: 80%;height: auto;left: 10% !important;}
    .privacy_popup .privacy_popup_inner {padding: 5%;}
    .privacy_popup .pop_up_close {width: 35px;height: 35px;background-size: 55%;top: 4.5%;right: 5%;}
	.privacy_popup .pop_up_content {margin-top:5.5%;}
    .privacy_popup h2 {font-size: 17px;line-height: 23px;}
    .privacy_popup table {margin-top: 0;}	
	
}



@media (max-width: 540px) {
	
	/* 이용약관 */
	.service_user_agreements h1 {padding: 40px 0 10px;}
    .jt_accordion tr.jt_accordion_title td.title {padding: 16px 18px; font-size: 15px;}
	.jt_accordion tr.jt_accordion_title td.control {width: 50px;}
	.jt_accordion_content_inner {padding: 15px 18px;}	
	.jt_accordion tr.jt_accordion_content .jt_accordion_download a {padding-bottom:4px;}
	html.ios .jt_accordion tr.jt_accordion_title td.title {padding: 17px 18px 15px;}
	.smartro_rule_box {word-break: break-all;}
	.smartro_rule_box > b {padding-bottom:0;}
	.smartro_rule_box > table.smartro_rule_box_in_table {width: calc(100% + 36px * 1 );margin: 0 -18px;}
	.smartro_rule_box > table.smartro_rule_box_in_table td {padding-left:5px; padding-right:5px;font-size:12px;}
	.smartro_rule_box > table.smartro_rule_box_in_table td:first-child {padding-left:5px; padding-right:5px;word-break: break-all;}
	.smartro_rule_box > table.smartro_rule_box_in_table td b {font-size:12px;}
	.smartro_rule_box .privacy_list_1depth li:before {top:0;}

	
	/* popup */
	.privacy_popup h2 {text-align: center;word-break: keep-all;}
    .privacy_popup .pop_up_close {top: inherit;bottom: -45px;right: 0;}
    .company_popup .company_list_close {top: inherit;bottom: -45px;right: 0;}
    .privacy_popup .privacy_download {width: 100px;text-indent: -6px;background-position: 96% center;}
    .privacy_popup table td {padding: 13px 4px 12px;}
	
	/* 채용안내 LIST */
	.jt_incruit_list {padding-top: 20px;padding-bottom:14%;}
	
}



@media(max-width: 360px) {
	/* 이용약관 */
    .jt_accordion tr.jt_accordion_title td.title {padding: 15px 18px;}	
	
}