/* 버튼 : 스타일 */
.btn_normal, .btn_normal:hover { display:inline-block; min-width:60px; height:30px; line-height:30px; margin:0 1px; padding-left:10px; padding-right:10px; font-size:14px; color:#fff; font-weight:normal; text-align:center; background:#595959; vertical-align:middle; cursor:pointer; }
.btn_normal[type=submit], .btn_normal[type=button] { display:inline-block; min-width:60px; height:30px; line-height:0px; margin:0 1px; padding-left:10px; padding-right:10px; font-size:14px; color:#fff; font-weight:normal; text-align:center; background:#595959; border:none; vertical-align:middle; cursor:pointer; }

.btn_action, .btn_action:hover { display:inline-block; min-width:60px; height:30px; line-height:30px; margin:0 1px; padding-left:10px; padding-right:10px; font-size:14px; color:#fff; font-weight:normal; text-align:center; background:#0056a5; vertical-align:middle; cursor:pointer; }
.btn_action[type=submit], .btn_action[type=button] { display:inline-block; min-width:60px; height:30px; line-height:0px; margin:0 1px; padding-left:10px; padding-right:10px; font-size:14px; color:#fff; font-weight:normal; text-align:center; background:#0056a5; border:none; vertical-align:middle; cursor:pointer; }

.btn_small { display:inline-block; min-width:50px; height:24px; line-height:1; font-size:11px; color:#fff; background:#383c42; border:none; border-radius:0.1em; cursor:pointer; vertical-align:middle; }
.btn_small[type=submit] { display:inline-block; min-width:50px; height:24px; line-height:1; font-size:11px; color:#fff; background:#383c42; border:none; border-radius:0.1em; cursor:pointer; vertical-align:middle; }

.btn_small2 { display:inline-block; height:24px; line-height:24px; padding-left:10px; padding-right:10px; font-size:11px; color:#fff !important; background:#383c42; border:none; border-radius:0.2em; cursor:pointer; vertical-align:middle; }
.btn_small2[type=submit] { display:inline-block; height:24px; line-height:24px; padding-left:10px; padding-right:10px; font-size:11px; color:#fff !important; background:#383c42; border:none; border-radius:0.2em; cursor:pointer; vertical-align:middle; }

.btn_cal { position:relative; display:inline-block; width:24px; height:24px; background:#383c42; border:none; border-radius:0.2em; cursor:pointer; vertical-align:middle; }
.btn_cal:after { position:absolute; left:50%; top:50%; font-family:'FontAwesome'; font-size:12px; color:#ccc; content:"\f073"; transform:translateX(-50%) translateY(-50%); }
.btn_cal > span { position:absolute; left:-9999px; top:-9999px; }

.btn_file { position:relative; display:inline-block; width:22px; height:22px; background:#383c42; border:none; border-radius:0.2em; cursor:pointer; vertical-align:middle; }
.btn_file:after { position:absolute; left:50%; top:50%; font-family:'FontAwesome'; font-size:11px; color:#ccc; content:"\f019"; transform:translateX(-50%) translateY(-50%); }
.btn_file > span { position:absolute; left:-9999px; top:-9999px; }

/* 공통 : 페이징 정의 : 시작 */
.page_area { position:relative; padding:0; text-align:center; overflow:hidden; }
.page_area a, .page_area img, .page_area span { vertical-align:top; }
.page_area img { }
.page_area a { display:inline-block; width:34px; height:34px; line-height:34px; color:#000; font-weight:normal; border:1px solid #e1e1e1; }
.page_area .current { display:inline-block; width:34px; height:34px; line-height:34px; color:#f04e23; font-weight:bold; border:1px solid #f04e23; }
@media all and (max-width:480px){
	.page_area a { width:24px; height:24px; line-height:24px; font-size:0.8125em; }
	.page_area .current { width:24px; height:24px; line-height:24px; }
}

/* 공통 : 검색 영역 */
.search_area { margin:0 0 30px; text-align:center; overflow:hidden; }
.search_area:after { display:block; content:""; clear:both; }
.search_area .search_area_left { display:block; float:left; }
.search_area .search_area_right { display:block; float:right; }
.search_area select { width:auto; min-width:100px; height:30px; line-height:30px; border:1px solid #ddd; box-sizing:border-box; vertical-align:middle; }
.search_area input[type=text] { width:auto; min-width:200px; height:30px; line-height:30px; text-indent:4px; border:1px solid #ddd; box-sizing:border-box; vertical-align:middle; }
.search_area input[type=submit] { height:30px; padding:0 10px; font-size:0.875em; color:#fff; font-weight:400; background:#333; border:none; border-radius:3px; cursor:pointer; vertical-align:middle; }
.search_area input[type=button] { height:30px; padding:0 10px; font-size:0.875em; color:#fff; font-weight:400; background:#333; border:none; border-radius:3px; cursor:pointer; }
.search_area .count { display:inline-block; *display:inline; zoom:1; height:30px; line-height:30px; font-size:14px; color:#000; font-weight:600; }
@media all and (max-width:480px){
	.search_area select { width:20%; min-width:auto; max-width:auto; }
	.search_area input[type=text] { width:60%; min-width:auto; max-width:auto; }
	.search_area input[type=submit] { width:15%; }
}

/* 공통 : 버튼 영역 */
.btn_area { display:block; overflow:hidden; }
.btn_area:after { display:block; content:""; clear:both; }
.btn_area .btn_area_left { display:block; float:left; }
.btn_area .btn_area_right { display:block; float:right; margin-left:20px;}
.btn_area a, .btn_area input { vertical-align:middle; }

/* 공통 : 이전글&다음글 : 시작 */
.add_txt { display:block; list-style:none; margin:0; padding:0; border-top:1px solid #ddd; overflow:hidden; }
.add_txt li { position:relative; display:block; padding-left:80px; border-bottom:1px solid #ddd; }
.add_txt li a { display:block; padding:10px 10px; }
.add_txt li .head { position:absolute; display:inline-block; *display:inline; zoom:1; left:0; top:0; width:80px; padding:10px 10px; }

/* 게시판 사이즈 */
.board_size { max-width:1200px; margin:0 auto 100px; }
@media all and (max-width:1024px) {
	.board_size { max-width:100%; margin:0; padding:10px 10px; font-size:1em; }
	.s_area_1 {}
}
@media all and (max-width:640px) {
	.board_size { font-size:0.9375em; }
}
@media all and (max-width:480px) {
	.board_size { font-size:0.875em; }
}

/* 테이블 가로형 */
.horizen { position:relative; width:100%; border-collapse:separate; border-spacing:0; }
.horizen:before { position:absolute; left:0; top:0; width:100%; height:1px; background:#404040; content:''; }
.horizen caption { display:none; }
.horizen th, .horizen td { padding:10px 10px; vertical-align:middle; }
.horizen th { color:#404040; background:#f4f4f4; border:1px solid #ccc; border-left:none; border-top:none; vertical-align:middle; }
.horizen td { text-align:center; border:1px solid #ddd; border-left:none; border-top:none; }
.horizen th:last-child, .horizen td:last-child { border-right:0; }
.horizen thead tr th:nth-child(1) { border-right:1px solid #ccc; }
.horizen tbody tr td:nth-child(1) { border-right:1px solid #ccc; }

.horizen input[type=text] { height:30px; line-height:30px; text-indent:4px; box-sizing:border-box; border:1px solid #ddd; outline:0; vertical-align:middle; }
.horizen input[type=password] { height:30px; line-height:30px; text-indent:4px; box-sizing:border-box; border:1px solid #ddd; outline:0; vertical-align:middle; }
.horizen select { height:30px; line-height:30px; text-indent:4px; box-sizing:border-box; border:1px solid #ddd; outline:0; vertical-align:middle; vertical-align:middle; }
.horizen textarea { width:100%; padding:10px; box-sizing:border-box; border:1px solid #ddd; outline:0; resize:none; vertical-align:middle; vertical-align:middle; }
.horizen img { vertical-align:middle; }

.horizen2 { width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #2347c3; }
.horizen2 th, .horizen2 td { padding:10px 10px; border:1px solid #c0c0c0; }
.horizen2 th { color:#000; font-weight:600; background:#fff; border-bottom:1px solid #000; }
.horizen2 td { text-align:left; }
.horizen2 .bg_color { background:#f9f9f9; }
@media all and (max-width:480px){
	.horizen:before { display:none; }
	.horizen thead { display:none; }
	.horizen tbody { display:block; overflow:hidden; }
	.horizen tbody tr { display:block; margin-bottom:10px; border:1px solid #ddd; overflow:hidden; }
	.horizen tbody tr td { position:relative; display:block; padding-left:70px; text-align:left; border:0; border-bottom:1px solid #ddd; overflow:hidden; }
	.horizen tbody tr td:before { position:absolute; left:10px; top:10px; content:attr(data-label); color:#333; font-weight:500; }
	.horizen tbody tr td:nth-child(1) { border-right:0; }
	.horizen tbody tr td:nth-last-child(1) { border-bottom:0; }
}

/* 테이블 : 기본형 : 세로 : 시작 */
.vertical { position:relative; width:100%; border-collapse:separate; border-spacing:0; }
.vertical:before { position:absolute; left:0; top:0; width:100%; height:1px; background:#404040; content:''; }
.vertical caption { position:absolute; left:-9999px; top:-9999px; }
.vertical th, .vertical td { padding:10px 10px; font-size:15px; color:#606060; vertical-align:middle; border:1px solid #ddd; border-top:0; border-right:0; }
.vertical th { color:#404040; background:#f4f4f4; }
.vertical th label { display:inline-block; vertical-align:middle; }
.vertical th span { display:inline-block; *display:inline; zoom:1; vertical-align:middle; }
.vertical td { }
.vertical tbody tr th:first-child { border-left:0; }
.vertical input[type=text] { height:30px; line-height:30px; text-indent:4px; box-sizing:border-box; border:1px solid #ddd; outline:0; vertical-align:middle; }
.vertical input[type=password] { height:30px; line-height:30px; text-indent:4px; box-sizing:border-box; border:1px solid #ddd; outline:0; vertical-align:middle; }
.vertical select { height:30px; line-height:30px; text-indent:4px; box-sizing:border-box; border:1px solid #ddd; outline:0; vertical-align:middle; }
.vertical textarea { width:100%; padding:10px; box-sizing:border-box; border:1px solid #ddd; outline:0; resize:none; vertical-align:middle; }
.vertical img { vertical-align:middle; }
@media all and (max-width:640px){
	.vertical th, .vertical td { font-size:0.875em; }
}
@media all and (max-width:480px){
	.vertical:before { display:none; }
	.vertical th, .vertical td { padding:10px 0; }
	.vertical tbody { display:block; }
	.vertical tbody tr { display:block; }
	.vertical tbody tr th { display:none; }
	.vertical tbody tr td { position:relative; display:block; border:0; }
	.vertical tbody tr td:before { display:block; margin-bottom:10px; padding:10px; color:#333; font-weight:500; content:attr(data-label); background:#f9f9f9; border:1px solid #ddd; }

	.vertical input[type=text] { height:30px; line-height:30px; margin:1px 0; text-indent:4px; box-sizing:border-box; border:1px solid #ddd; outline:0; vertical-align:middle; }
	.vertical input[type=password] { height:30px; line-height:30px; margin:1px 0; text-indent:4px; box-sizing:border-box; border:1px solid #ddd; outline:0; vertical-align:middle; }
	.vertical select { height:30px; line-height:30px; margin:1px 0; text-indent:4px; box-sizing:border-box; border:1px solid #ddd; outline:0; vertical-align:middle; }
	.vertical textarea { width:100%; margin:1px 0; padding:10px; box-sizing:border-box; border:1px solid #ddd; outline:0; resize:none; vertical-align:middle; }
	.vertical img { vertical-align:middle; }
}
@media all and (max-width:360px){}


/* 글읽기 : 기본형 */
.view_box { display:block; overflow:hidden; }
.view_box .h4_label { margin:0; padding:10px 10px; font-weight:400; background:#f4f4f4; border-top:1px solid #ccc; border-bottom:1px solid #ddd; }
.view_box .wrt_box { display:block; list-style:none; margin:0; padding:0; border-bottom:1px solid #ddd; overflow:hidden; }
.view_box .wrt_box li { display:block; padding:10px 10px; }
.view_box .wrt_box li.wrt_box_left { float:left; text-align:left; }
.view_box .wrt_box li.wrt_box_right { float:right; text-align:right; }
.view_box .wrt_box li span, .view_box .wrt_box li strong { font-size:0.93em; vertical-align:middle; }
.view_box .wrt_box li .head { display:inline-block; *display:inline; zoom:1; color:#333; font-weight:400; }

.view_box .file_box { display:block; list-style:none; margin:0; padding:0; border-bottom:1px solid #ddd; overflow:hidden; }
.view_box .file_box li { display:block; padding:10px 10px; }
.view_box .file_box li.file_box_left { float:left; text-align:left; }
.view_box .file_box li.file_box_right { float:right; text-align:right; }
.view_box .file_box li span, .view_box .file_box li strong, .view_box .file_box li a { font-size:0.87em; vertical-align:middle; }
.view_box .file_box li .head { display:inline-block; *display:inline; zoom:1; color:#333; font-weight:400; }

.view_box .read_area { display:block; min-height:300px; line-height:1.5; margin:0 0 20px; padding:20px 10px; border-bottom:1px solid #ddd; overflow:hidden; }

/* 동의하기 */
.agreement_area { display:block; margin-bottom:30px; overflow:hidden; }
.agreement_area .h4_label { margin-bottom:10px; padding:0; font-size:13px; color:#333; background-image:none; }
.agreement_area .scroll_box { display:block; height:150px; line-height:1.5; padding:10px; background:#f4f4f4; border:1px solid #ddd; overflow-y:scroll; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

.agreement_area .scroll_box  ul { }
.agreement_area .scroll_box  ul li { margin:5px 0; }
.agreement_area .scroll_box  ul li ul { background:#f4f4f4; border:1px solid #ddd; }
.agreement_area .scroll_box  ul li ol { background:#f4f4f4; border:1px solid #ddd; }

.agreement_area .scroll_box  ol { }
.agreement_area .scroll_box  ol li { margin:5px 0; }
.agreement_area .scroll_box  ol li ul { background:#f4f4f4; border:1px solid #ddd; }
.agreement_area .scroll_box  ol li ol { background:#f4f4f4; border:1px solid #ddd; }

.agreement_area .check_box { display:block; padding:10px 0; text-align:right; line-height:1.5; word-break:keep-all; overflow:hidden; }
.agreement_area .check_box input[type=radio] { margin-left:20px; vertical-align:middle; }
.agreement_area .check_box label { margin-left:2px; vertical-align:middle; }
@media all and (max-width:1024px){}
@media all and (max-width:768px){}
@media all and (max-width:640px){
	.agreement_area .scroll_box { font-size:0.875em; }
	.agreement_area .check_box { font-size:0.875em; }
}
@media all and (max-width:480px){
	.agreement_area .scroll_box { font-size:0.8125em; }
	.agreement_area .check_box { font-size:0.8125em; }
}
@media all and (max-width:360px){}

/* 비밀글 인증 : 시작 */
.accredit_area { display:block; width:580px; margin:50px auto 0; padding:50px 0; text-align:center; border:1px solid #ddd; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.accredit_area .h4_label { display:none; }
.accredit_area .title { margin-bottom:20px; font-size:28px; color:#333; font-weight:bold; }
.accredit_area .txt { margin-bottom:20px; font-size:13px; color:#666; }
.accredit_area label { display:none; }
.accredit_area input[type=password] { width:230px; height:28px; text-indent:4px; border:1px solid #cbcbcb; }

/* 입사지원 버튼 박스 */
.recruit_btn_box { margin:20px 0 0; text-align:center; overflow:hidden; }
.recruit_btn_box > a { display:inline-block; padding:20px 30px; color:#fff; font-weight:400; background:#333; border-radius:3px; overflow:hidden; }
.recruit_btn_box > .btn_entry:before { margin-right:5px; font-family:"FontAwesome"; content:'\f044'; }
.recruit_btn_box > .btn_refresh:before { margin-right:5px; font-family:"FontAwesome"; content:'\f021'; }

.bbs_tab_menu { position:relative; width:auto; max-width:1200px; margin:0 auto 35px; padding:0; overflow:hidden; }
.bbs_tab_menu > ul { display:block; list-style:none; margin:0; padding:0; border:1px solid #dbdbdb; overflow:hidden; }
.bbs_tab_menu > ul:after { display:block; content:''; clear:both; }
.bbs_tab_menu > ul > li { float:left; width:33.33%; text-align:center; border-right:1px solid #dbdbdb; box-sizing:border-box; overflow:hidden; }
.bbs_tab_menu > ul > li.col_2 { width:50%; }
.bbs_tab_menu > ul > li:nth-last-child(1) { border-right:0; }
.bbs_tab_menu > ul > li a { display:block; width:100%; padding:19px 0; font-size:18px; color:#404040; text-align:center; background:#fff; box-sizing:border-box; overflow:hidden; }
.bbs_tab_menu > ul > li.current a { color:#fff; background:#4d4d4d; }
@media all and (max-width:1024px){
	.bbs_tab_menu { max-width:100%; margin:10px 10px;padding-top:35px !important; }
	.bbs_tab_menu > ul { border-left:0; border-right:0; }
	.bbs_tab_menu > ul > li a { font-size:1.125em; }
}
@media all and (max-width:640px){
	.bbs_tab_menu > ul > li a { padding:14px 0; font-size:1em; }
}
@media all and (max-width:480px){
	.bbs_tab_menu > ul > li a { padding:12px 0; font-size:0.875em; }
}

/* FAQ */
.faq_area { margin-bottom:70px; overflow:hidden; }
.faq_list { list-style:none; width:auto; max-width:1200px; margin:0 auto; padding:0; border-top:1px solid #404040; overflow:hidden; }
.faq_list > li { position:relative; display:block; border-bottom:1px solid #ddd; }
.faq_list > li:after { position:absolute; right:10px; top:15px; font-family:'FontAwesome'; content:'\f107'; transform:rotate(0); transition:all .5s ease; }
.faq_list > li > .title { padding:16px 10px; box-sizing:border-box; overflow:hidden; }
.faq_list > li > .title > a { display:block; font-size:15px; color:#404040; font-weight:400; }
.faq_list > li > .answer_box { display:none; padding:30px; font-size:15px; color:#606060; line-height:1.5; background:#f9f9f9; border-top:1px solid #ddd; box-sizing:border-box; overflow:hidden; }
.faq_list > li.on:after { transform:rotate(180deg); transition:all .5s ease; }

/* 인재등록 */
.entry_area { overflow:hidden; }
.size_guide { display:none; }
.entry_area h2 { position:relative; margin-bottom:10px; padding:20px 0; font-size:28px; color:#404040; font-weight:400; }
.entry_area h2:before { position:absolute; left:0; top:0; width:22px; height:2px; background:#f04e23; content:''; }

.ent_img_box { position:relative; height:469px; background:url('/kor/images/sub6/sub_visual_5.jpg') no-repeat center top; background-size:cover; overflow:hidden; }
.ent_img_box > img { max-width:100%; }
.ent_img_box > .abs_middle { position:absolute; left:50%; top:50%; width:700; padding:50px; text-align:center; background:rgba(77,77,77,0.8); box-sizing:border-box; transform:translateX(-50%) translateY(-50%); z-index:1; }
.ent_img_box > .abs_middle:after { position:absolute; right:10px; top:-11px; width:5px; height:23px; background:#f04e23; content:''; }
.ent_img_box > .abs_middle > .txt1 { font-size:1.75em; color:#fff; font-weight:400; line-height:1.5; word-break:keep-all; }
.ent_img_box > .abs_middle > .txt2 { margin-top:20px; font-size:1em; color:#fff; font-weight:300; line-height:1.8; word-break:keep-all; }
@media all and (max-width:1024px){
	.ent_img_box { height:469px; }
	.ent_img_box > .abs_middle { width:80%; }
	.ent_img_box > .abs_middle > .txt1 { font-size:1.75em; }
	.ent_img_box > .abs_middle > .txt2 { font-size:1em; }
}
@media all and (max-width:640px){
	.ent_img_box { height:0; padding-bottom:50%; }
	.ent_img_box > .abs_middle { width:80%; padding:30px; }
	.ent_img_box > .abs_middle > .txt1 { font-size:1.3em; }
	.ent_img_box > .abs_middle > .txt2 { font-size:0.875em; }
}
@media all and (max-width:480px){
	.entry_area { display:none; }
	.size_guide { display:block; padding:20px; overflow:hidden; }
	.size_guide > header { margin-bottom:30px; padding-bottom:10px; border-bottom:1px solid #ddd; }
	.size_guide > header > h1 { font-size:1em; color:#333; font-weight:500; text-align:center; }
	.size_guide p { padding:50px 30px; font-size:0.875em; color:#666; line-height:1.5; text-align:center; word-break:keep-all; }

	.ent_img_box { height:0; padding-bottom:70%; }
	.ent_img_box > .abs_middle { width:auto; left:5%; right:5%; top:10%; bottom:10%; padding:10px; transform:none; }
	.ent_img_box > .abs_middle > .txt1 { font-size:1em; }
	.ent_img_box > .abs_middle > .txt2 { font-size:0.8125em; }
}
@media all and (max-width:360px){
	.ent_img_box { height:0; padding-bottom:70%; }
}
.ent_frame { position:relative; width:auto; max-width:1200px; margin:70px auto; padding:0; overflow:hidden; }
.ent_cnt_box { position:relative; overflow:hidden; }
.ent_frame .ent_cnt_box:first-child { margin-bottom:50px; }
.ent_cnt_box h2 { position:relative; margin-bottom:20px; padding:20px 0 0; font-size:1.75em; color:#404040; font-weight:400; }
.ent_cnt_box h2:before { position:absolute; left:0; top:0; width:22px; height:2px; background:#f04e23; content:''; }
.ent_cnt_box .btn_tip { position:absolute; right:0; top:30px; }
@media all and (max-width:1024px){
	.ent_frame { max-width:100%; margin:20px auto; padding:20px; }
	.ent_cnt_box { position:relative; overflow:hidden; }
}
@media all and (max-width:768px){}
@media all and (max-width:640px){
	.ent_cnt_box h2 { font-size:1.5em; }
}
@media all and (max-width:480px){}
@media all and (max-width:360px){}

/* 입력 타입 */
.input_type_1 { list-style:none; margin:0; padding:0; overflow:hidden; border:1px solid red; }
.input_type_1:after { display:block; content:''; clear:both; }
.input_type_1 > li { position:relative; margin-bottom:10px; overflow:hidden; }
.input_type_1 > li:nth-last-child(1) { margin-bottom:0; }
.input_type_1 > li.col_3 { float:left; width:33%; margin-bottom:0; } 
.input_type_1 > li .head { display:inline-block; width:60px; vertical-align:middle; }
.input_type_1 > li input[type=text] { margin:0; }
.input_type_1 > li input[type=text].disable { background:#f9f9f9; }

.name_box { display:inline-block; }
.name_box:nth-child(1) { width:20%; }
.name_box:nth-child(2) { }
.name_box:nth-child(3) { }
.name_box:nth-child(1) > input[type=text] { width:calc(100% - 40px); }
.name_box:nth-child(2) > input[type=text] { width:calc(100% - 40px); }
.name_box:nth-child(3) > input[type=text] { width:40%; }

.dl_type_1 { display:block; margin:0; padding:0; border-top:1px solid #404040; overflow:hidden; }
.dl_type_1 > dt { padding:20px 20px; font-size:16px; color:#404040; font-weight:400; background:#f4f4f4; border-bottom:1px solid #ddd; }
.dl_type_1 > dd { padding:4px 0px; border-bottom:1px solid #ddd; overflow:hidden; }
.dl_type_1 > dd > textarea { width:100%; height:200px; padding:5px; border:1px solid #ddd; box-sizing:border-box; resize:none; outline:0; }