@charset "utf-8";

/* layout.css */

.popupId,.popup_wrap{display:none}
.popup_dim{position:fixed;z-index:10;top:0;bottom:0;left:0;width:100%;background:#000;opacity:.7;filter:alpha(opacity=70);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'}
.popup_inner{overflow:hidden;position:fixed;z-index:11;top:50%;left:50%;background:#fff;box-shadow:0 2px rgba(0,0,0,.2)}
.layer_header{position:relative;height:46px;padding-right:48px;padding-left:15px;background:#4ca400;font-size:18px;color:#fff;line-height:48px;box-sizing:border-box}
.layer_header .btn_popup_close{display:block;position:absolute;top:0;right:0;width:46px;height:46px;background:#3d9200 url(../../images/button/icon_close.png) center center no-repeat}
.layer_container{overflow-x:hidden;overflow-y:auto;min-height:90px;background:#fff;font-size:15px;color:#505050;text-align:left;line-height:18px;box-sizing:border-box}
.layer_container .popup_scroll_area{padding:30px}
.layer_container.type02{padding:0}
.layer_header.type02{height:52px;padding-right:0px;line-height:40px;box-sizing:border-box}
.layer_header.type02 .btn_popup_close{top:0;right:0;width:68px;height:52px}
.alert_container .btn_rounded{min-width:116px}
.alert_inner{overflow:hidden;position:fixed;z-index:11;top:50%;left:50%;background:#fff;box-shadow:0 2px rgba(0,0,0,.2)}
.alert_header{position:relative;height:46px;padding-right:48px;padding-left:15px;background:#4ca400;font-size:18px;color:#fff;line-height:48px;box-sizing:border-box}
.alert_header .btn_popup_close{display:block;position:absolute;top:0;right:0;width:46px;height:46px;background:#3d9200 url(../../images/button/icon_close.png) center center no-repeat}
.alert_container{min-height:90px;background:#fff;font-size:15px;color:#505050;text-align:left;line-height:18px;box-sizing:border-box}
.alert_container .popup_scroll_area{padding:30px}
.alert_container.type02{padding:0}
.alert_box{text-align:center}
.alert_box .alert_title{font-size:1rem;font-weight:700;color:#323232;line-height:1.5}
.alert_box .alert_text{padding-top:15px;font-size:14px;color:var(--fc-666);line-height:1.5}


  
  

/* contents.css */

/************************************************************************************************************
    component화
**********************************************************f**************************************************/
.spacing_nbsp{ display: inline-block; width: 10px; }
/***************************    
    btn
***************************/

/* 기본 라운드 버튼 */
.btn_rounded { display: inline-block; min-width: 94px; padding: 9px 15px 7px; border: 1px solid #000; border-radius: 2px; font-size: 14px; text-align: center; line-height: 18px; vertical-align: middle; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; cursor: pointer; }
.btn_rounded.btn_sm { min-width: 60px; min-height: 18px; padding: 4px 0; font-size: 12px; line-height: 18px; }
.btn_line { display: inline-block; padding: 6px 9px 4px 9px; border: none; border: 1px solid #c8c8c8; background: #fff; font-size: 12px; color: #505050; text-align: center; line-height: 14px; vertical-align: middle; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; cursor: pointer; }
.btn_line .print { padding-left: 18px; background: url('../../images/button/icon_print.png') 0 0 no-repeat; font-weight: bold; }
.btn_line.btn_lg { padding: 7px 20px 5px; }
.btn_line.btn_morelg{ padding: 9px 20px 7px;  font-size: 14px; }
.btn_roundline { display: inline-block; min-width: 18px; padding: 8px 15px 6px; border: 1px solid #323232; border-radius: 3px; background: #fff; font-size: 12px; text-align: center; line-height: 18px; vertical-align: middle; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; cursor: pointer; }
.btn_roundline.btn_sm { padding: 7px 15px 5px; font-weight: bold; }
.btn_shotcut { display: inline-block; padding: 4px 23px 2px; font-size: 12px; line-height: 16px; border: 1px solid #000; border-radius: 3px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; cursor: pointer; }
.btn_shotcut.btn_sm { padding-left: 17px; padding-right: 18px; }
.btn_shotcut.btn_lg { padding-left: 10px; padding-right: 10px; width: 80px; }
.btn_shotcut_box { margin-top: 5px; }
.btn_shotcut_box:first-child { margin-top: 0; }
.btn_choice { display: table; width: 100%; table-layout: fixed; }
.btn_choice > div { display: table-cell; position: relative; width: 1%; }
.btn_choice > div.nth_child2 { left: -2px; }
.btn_choice > div.nth_child3 { left: -3px; }
.btn_choice > div.nth_child4 { left: -4px; }
.btn_choice > div .btn { display: inline-block; position: relative; width: 100%; padding-top: 12px; padding-bottom: 12px; border: 1px solid #c8c8c8; background: #fff; font-size: 14px; color: #323232; text-align: center; line-height: 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }
.btn_choice > div .btn.on { z-index: 2; border-color: #4ca400; background: #4ca400; color: #fff; }
.btn_choice.btn_sm > div .btn { padding-top: 10px; padding-bottom: 10px; }

.select_wrap + .btn_line{margin-left: 6px;}
/* markup spacing 시작*/
.sub_title + .btn_choice { margin-top: 6px; }
.sub_title_right .btn_line { position: relative; top: -2px; }

/* markup spacing 끝*/

/* bg 색  */
.bg_grey, .bg_grey:hover { border-color: #dcdcdc; background: #dcdcdc; color: #303030; }
.bg_lightgrey, .bg_lightgrey:hover { border-color: #e6e6e6; background: #e6e6e6; color: #303030; }
.bg_darkgrey, .bg_darkgrey:hover { color: #fff; }
.bg_green, .bg_green:hover { border-color: #4ca400; background: #4ca400; color: #fff; }
.bg_dimblue, .bg_dimblue:hover { border-color: #455676; background: #455676; color: #fff; }
.bg_deepblue, .bg_deepblue:hover { border-color: #70BF54; background: #70BF54; color: #fff; }
.bg_deeperblue, .bg_deeperblue:hover { border-color: #2f4265; background: #2f4265; color: #fff; }
.bg_dullblue, .bg_dullblue:hover { border-color: #273340; background: #273340; color: #fff; }
.bg_black, .bg_black:hover { border-color: #252528; background: #252528; color: #fff; }
.bg_brightblue, .bg_brightblue:hover { border-color: #3b4ba7; background: #3b4ba7; color: #fff; }

/* border 및 font 색 */
.color_green, .color_green:hover { border-color: #4ca400; color: #178900; }
.color_deepblue, .color_deepblue:hover { border-color: #352c5b; color: #353c5b; }
.color_deeperblue, .color_deeperblue:hover { border-color: #2f4265; color: #2f4265; }
.color_grey, .color_grey:hover { border-color: #b2b2b2; color: #323232; }
.color_grey, .color_grey:hover { border-color: #b2b2b2; color: #323232; }
.color_lightgrey, .color_lightgrey:hover { border-color: #ccc; color: #303030; }
.color_dimgrey, .color_dimgrey:hover { border-color: #999; color: #808080; }
.color_black, .color_black:hover { border-color: #272825; color: #272825; }
.color_brightblue, .color_brightblue:hover { border-color: #3b4ba7; color: #3b4ba7; }
.color_white, .color_white:hover{ border-color: #ffffff; color: #ffffff; }

/* dim 처리 */
.btn_rounded.btn_color_dim { border-color: #ccc; background: #f5f5f5; color: #505050; }
.btn_rounded.btn_bg_dim { border-color: #b4b4b4; background: #b4b4b4; color: #ffffff; }

/* 크기(가로) */
.btn_block { display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 0; padding-right: 0; }
.btn_text_arrow { position: relative; padding-right: 16px; font-size: .875rem; color: var(--fc-333); white-space: nowrap; cursor: pointer;}
.btn_text_arrow:after { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 16px; height:16px; margin-top: 0; background: url('/assets/images/common/icn_rang_01.svg') 0 0 no-repeat; background-size: cover;content: ''; }
.btn_download { display: inline-block; overflow: hidden; position: relative; height: 26px; padding: 8px 12px 6px 30px; border-radius: 3px; background: #455676; background: #70BF54 url('../../images/button/icon_download.png') 11px center no-repeat; font-size: 12px; color: #fff; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }
.btn_download .txt { line-height: 12px; vertical-align: top; }
.btn_download:hover { color: #fff; }
.table01 td .btn_download { margin-left: 6px; }
.btn_logout { display: inline-block; min-width: 64px; padding: 6px 9px 3px; border-bottom: 2px solid #ccc; background: #fff; font-size: 12px; font-weight: bold; color: #505050; text-align: center; line-height: 1; -webkit-box-sizing: border-box; box-sizing: border-box; }
.btn_attached_file { display: inline-block; height: 19px; padding-left: 23px; background: url('../../images/contents/icon_attached_file.png') 0 0 no-repeat; font-size: 12px; color: #303030; cursor: pointer; }
.btn_attached_file .txt { display: inline-block; padding-top: 3px; border-bottom: 1px solid #303030; font-weight: bold; line-height: 14px; }
.caret { display: inline-block; width: 8px; height: 5px; background: url('../../images/contents/icon_caret.png') 0 0 no-repeat; vertical-align: middle; cursor: pointer; }
.caret.on { background-position: 0 -5px; }

/* 입력 그룹안 검색버튼 */
.btn_search { display: inline-block; width: 34px; height: 34px; background: #455676 url('../../images/button/icon_search.png') center center no-repeat; text-indent: -9999px; cursor: pointer; }
.btn_search.btn_dim{  background-color: #505050; }
/* 기본 a태그 모양 */
.a_default { border-bottom: 1px solid #0a51c7; color: #0a51c7; }

/***************************    
btn 부모
***************************/
.btn_area { overflow: hidden; padding-top: 30px; text-align: center; }
.btn_area:after { display: block; clear: both; content: ''; }

/* markup spacing 시작*/
.term_agree + .btn_area { padding-top: 20px; }
.board_content_table + .btn_area { padding-top: 20px; }
.choice_box + .btn_area { padding-top: 20px; }
.btn_area .btn_rounded { margin-left: 2px; }
.btn_area .btn_rounded:first-child { margin-left: 0; }
.form_table + .btn_area { padding-top: 20px; }
.finish_mes01 + .btn_area { padding-top: 20px; }
.table_paging_wrap + .btn_area { padding-top: 22px; }
.contents_goodsInfo .product_contaniner + .btn_area { padding-top: 0; }
.finish_mes01 + .table01 + .btn_area { padding-top: 20px; }
.alert_box + .btn_area { padding-top: 18px; }
.table02 + .btn_area { padding-top: 20px; }
.checkbox_wrap + .btn_area { padding-top: 20px; }
.condition_box + .btn_area { padding-top: 20px; }
.base_tab + .btn_area { padding-top: 20px; }
.img_list_box + .btn_area { padding-top: 20px; }
.condition_table + .btn_area { padding-top: 20px; }
.table01 + .btn_area { padding-top: 20px; }
.blog_login_box + .btn_area{padding-top: 20px;}
/* markup spacing 끝*/





/* border없는 경우 */
.input02 { height: 26px; padding: 1px 10px; border: none; font-size: 12px; color: #323232; line-height: 24px; -webkit-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; }
.input_date { position: relative; padding-right: 38px; }

/* input 창 안에 아이콘이나 text가 들어가는 경우 */
.date_wrap { position: relative; display: inline-block; width: 144px;}
.input_date + .ui-datepicker-trigger{ position: relative; margin-left: -38px; vertical-align: middle;  }

/* 전화번호 */
.input_phone { display: inline-block; }
.select_wrap + .input_phone { margin-left: 6px; }
.input_phone .select { width: 86px; }
.input_phone .input_group_addon.bar { display: inline-block; width: 4px; padding-right: 0; padding-left: 0; text-indent: -9999px; }
.input_phone .input { width: 194px; }

/* 민증 둥 input + input */
.input_input span { display: inline-block; }
.input_input .input_group_addon.bar { width: 14px; padding-right: 4px; padding-left: 4px; }

/* 검색 아이콘 버튼이 들어가는 경우 */
.input_search { display: inline-block; }
.input_search .input { vertical-align: middle; }
.input_search .btn_search { margin-left: 2px; vertical-align: middle; }

/* input + 버튼 */
.input_btn { display: inline-block; }
.input_btn .input { vertical-align: middle; }
.input_btn .btn_rounded { margin-left: 2px; vertical-align: middle; }

/* input 옆에 단위 텍스트가 붙는 경우 */
.input_text { display: inline-block; }
.input_text span { display: inline-block; }
.input_text + .input_result_txt { padding-left: 16px; }

/* input 옆에 input 결과가 붙는 경우 */
.input_result_txt { display: inline-block; font-size: 13px; color: #4ca400; vertical-align: middle; }
.input + .input_result_txt { margin-left: 16px; }

/* 주소 */
.input_address { width: 290px; }
.input_address .input_search .input { width: 250px; }
.input_address  .input { width: 290px; }
.input_address.horizon_type { width: 100%; }
.input_address.horizon_type .input { width: 184px; }
.input_address.horizon_type > .input { display: inline-block; }
.input_address.horizon_type .input { display: inline-block; width: 184px; }
.input_address.horizon_type .input { width: 250px; }
.input_address.horizon_type .input[readonly='readonly'] { width: 184px; margin-right: 2px; }
.input_address.horizon_type .input + .input{ margin-left: 2px; }
/* 이메일의 경우 */
.input_email .input { width: 120px; }
.input_email .input_group_addon.at { width: 18px; text-align: center; }
.input_email .input_group_addon.at + .input { width: 140px; margin-right: 3px; }
.input_email .select { width: 140px; }

/* select + input */
.select_input_text { display: inline-block; width: 700px; }
.select_input_text .select { width: 156px; }
.select_input_text .input { width: 538px; margin-left: 2px; }

/* 달력 - 달력 */
.date_date { display: inline-block; }
.date_date > .input { width: 144px; }
.date_date > .input_group_addon.bar { width: 18px; padding-right: 0; padding-left: 0; }

/* 좌우정렬되는, w100% 를 차지하는 경우 */
.input_group { display: table; width: 100%; border-collapse: separate; }
.input_group > span { display: table-cell; float: left; width: 100%; }
.input_group > .input { display: table-cell; float: left; width: 100%; }
.input_group .input, .input_group .select { width: 100%; }
.input_group > .input_group_addon { float: none; width: 1%; text-align: center; vertical-align: middle; white-space: nowrap; }
.input_group_addon { display: inline-block; text-align: center; }
.input_group_addon.bar { width: 22px; padding-right: 4px; padding-left: 4px; color: #888; -webkit-box-sizing: border-box; box-sizing: border-box; }
.input_group_addon.nbsp { width: 6px; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; }
.input_group_addon.text { padding: 2px 7px; font-size: 14px; color: #323232; -webkit-box-sizing: border-box; box-sizing: border-box; }
.input_group span:last-child { padding-right: 0; }
.input_text .input_group_addon:last-child { padding-right: 0; }

/* input_group 전화번호의 경우 */
.input_group.input_phone { width: 100%; table-layout: fixed; }
.input_group.input_phone span { float: none; }
.input_group.input_phone span.input_group_addon.bar { width: 8px; padding-right: 2px; padding-left: 2px; text-indent: -9999px; }
.input_group.input_phone span:first-child { display: table-cell; width: 30%; }
.input_group.input_phone span:first-child select { padding-top: 6px; }
.input_group.input_phone span:last-child { display: table-cell; width: 70%; }

/* 비밀번호의 경우 */
.input_pwd span.pwd { width: 55px; height: 40px; background: url("../../images/contents/bg_pwd.png") 9px center repeat-x; vertical-align: middle; }

/* fake input */
.input_select { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* 상품안내 header 안 검색 */
.input_search02 { position: relative; }
.btn_search02 { width: 27px; height: 26px; background: #70BF54 url('../../images/button/icon_search02.png') center center no-repeat; text-indent: -9999px; }
.input_search02 .input02 { width: 100%; padding-right: 27px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.input_search02 .btn_search02 { position: absolute; top: 0; right: 0; vertical-align: top; }

/* 라디오 */
.radio { position: relative; top: 0; left: 0; z-index: 10;  }
.radio[type='radio']:not(#cssbrowser){ width: 1px; height: 1px; margin-left: -1px;margin-top: -1px; opacity: 0; }
.radio[type='radio'] + label{ padding-left: 10px; }
.radio[type='radio'] + label:not(#cssbrowser) { display: inline-block; position: relative; z-index: 10; left: 0; min-width: 22px; height: 22px; padding-right: 0; padding-left: 34px; font-size: 14px; color: #505050; line-height: 22px; }
.radio[type='radio'] + label:not(#cssbrowser):before { display: block; position: absolute; top: 50%; left: 0; width: 22px; height: 22px; margin-top: -11px; background: url('../../images/contents/icon_radio.png') 0 0 no-repeat; content: ''; z-index: 2; }
.radio[type='radio']:checked + label:not(#cssbrowser):before, .radio[type='radio'].checked + label:not(#cssbrowser):before { background-position: 0 -42px; }
.radio[type='radio'][disabled] + label:not(#cssbrowser):before,
.radio[type='radio'][disabled='disabled'] + label:not(#cssbrowser):before { background-position: 0 -84px; }
	
.radio.table_type[type='radio'] + label { width: 0; padding-left: 0; padding-right: 0; text-indent: -9999px; }
.radio.table_type[type='radio'] + label:not(#cssbrowser):before { width: 24px; }
.radio.table_type[type='radio'] + label:not(#cssbrowser) { padding-left: 0;}

.radio_wrap { display: inline-block; margin-left: 16px; } 
.radio_wrap:first-child { margin-left: 0; }
.radio_wrap + .btn_rounded { margin-left: 10px; }

/* 체크박스 */
.checkbox_wrap {display: inline-block;position: relative;margin-left: 16px;}
.checkbox_wrap:first-child { margin-left: 0; }
.popup_wrap input[type="checkbox"] { position: absolute; top: 0; left: -9999px; z-index: 10; }
.popup_wrap input[type="checkbox"] + label {display: inline-block;position: relative;min-height: 24px;line-height: 24px;vertical-align: middle;padding-left: 32px;}
.popup_wrap input[type="checkbox"] + label:before {display: inline-block;position: absolute;top: 0;left: 0;width: 24px;height: 24px;background-image: url("/assets/images/common/icns_checkbox_01_m.svg");background-repeat: no-repeat;background-position: 0 -24px;content: "";}
.popup_wrap input[type="checkbox"]:checked + label:before {background-position: 0 0;}
.popup_wrap input[type="checkbox"]:disabled + label:before {background-position: -24px -24px;}
.popup_wrap input[type="checkbox"]:checked:disabled + label:before {background-position: -24px 0;}

.table02 tbody td .form_control_box .checkbox_wrap:first-child { margin-left: 2px; }
.term_check.vertical_type span.checkbox_wrap:first-child:before { display: inline-block; width: 10px; height: 10px; margin: 0 7px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; vertical-align: top; content: ''; }
.term_check.vertical_type .checkbox_wrap { margin-left: 5px; }

.checkbox_right { padding-top: 4px; padding-bottom: 5px; }
.checkbox_right .checkbox_wrap{	float: right; }
.checkbox_right .checkbox[type='checkbox'] + label:not(#cssbrowser){padding-left: 24px;}
.checkbox_right .text{ display: inline-block; margin-top: 5px; vertical-align: middle; }

/* markup spacing 시작*/
.info_mes01 + .checkbox_wrap { margin-left: 0; }

/* markup spacing 끝*/

/* 셀렉트 */
.select_wrap { display: inline-block; }
.select { position: relative; width: 184px; height: 34px; padding-top: 6px; padding-bottom: 6px; padding-left: 9px; border: 1px solid #c8c8c8; background: #fff url('../../images/contents/select_button.png') center right no-repeat; font-size: 14px; font-weight: bold; color: #323232; line-height: normal; -webkit-box-sizing: border-box; box-sizing: border-box; }
.select:not(#cssbrowser) { padding-right: 0; }
.select_lg { width: 194px; }
.select_block { display: block; width: 100%; }
.select_wrap_sm { display: inline-block; }
.select_wrap_sm  .select { width: 140px; height: 26px; padding: 0 0 0 9px; background-image: url('../../images/contents/select_button_sm.png'); font-size: 13px; }
.select_sm { width: 130px; height: 26px; padding: 0 0 0 9px; background-image: url('../../images/contents/select_button_sm.png'); font-size: 13px; }
.table01 td .select_wrap { width: 100%; }

/* textarea */
.textarea { width: 100%; height: 134px; max-height: 100px; padding: 3px 9px; border: 1px solid #000; border-color: #c8c8c8; font-size: 14px; line-height: 24px; }

/* 팝업 내 조회 조건  */

/* markup spacing 시작*/
.sub_title + .condition_box { margin-top: 6px; }

/* markup spacing 끝*/
.form_feild + .form_feild { margin-top: 40px; }
.sub_title +  .form_feild + .form_feild { margin-top: 6px; }

/***************************    
title, text
***************************/
.title_wrap { padding-top: 48px; padding-bottom: 9px; border-bottom: 1px solid #ccc; }
.page_title { font-size: 26px; font-weight: normal; color: #323232; line-height: 30px; }
.page_title .sub_text { margin-left: 8px; font-size: 16px; color: #808080; }
.title_wrap .page_title { display: inline-block; }
.navigator { padding-top: 15px; }
.navigator:after { display: block; clear: both; content: ''; }
.navigator li { float: left; font-size: 12px; color: #808080; line-height: 16px; vertical-align: middle; }
.navigator li:before { margin-right: 5px; margin-left: 5px; color: #808080; line-height: 16px; vertical-align: top; content: '>'; }
.navigator li:first-child:before { display: none; }
.navigator li.first_child:before { display: none; }
.navigator li.home { width: 12px; height: 16px; background: url('../../images/contents/icon_navi_home.png') 0 1px no-repeat; font-size: 12px; color: #808080; text-indent: -99999px; }
.navigator li:last-child { color: #4ca400; }
.navigator li.last_child { color: #4ca400; }
.title_wrap .navigator { float: right; }

/* 서브 타이틀 */
.sub_title_wrap { position: relative; }
.sub_title_wrap:after{ content: ""; display: block; clear: both; }
.sub_title { position: relative; padding-left: 16px; font-size: 16px; font-weight: normal; color: #505050; text-align: left; line-height: 24px; }
.sub_title:after { display: block; position: absolute; top: 6px; left: 0; width: 11px; height: 11px; background: url('../../images/contents/icon_title_bullet_green.png') 0 0 no-repeat; content: ''; }
.sub_title_wrap .sub_title { display: inline-block; }
.contents_goodsInfo .sub_title_wrap .sub_title{margin-top: 0;}
.sub_title_wrap .sub_title_right { float: right; line-height: 24px; }
.sub_title_right .all_count { font-size: 14px; font-weight: bold; color: #323232; }
.sub_title_right .all_count .num { padding-right: 2px; font-size: 18px; color: #4ca400; }
.sub_title_right .date { font-size: 13px; color: #505050; }

/* markup spacing 시작*/
.table01 + .sub_title_wrap { margin-top: 40px; }
.title_wrap + .sub_title_wrap { margin-top: 40px; }
.info_mes01 + .sub_title { margin-top: 40px; }
.define_title + .sub_title { margin-top: 40px; }
.tab_container .tab_content > .sub_title:first-child { margin-top: 26px; }
.table01 + .sub_title { margin-top: 36px; }
.btn_area + .sub_title { margin-top: 36px; }
.step_info_list + .sub_title { margin-top: 34px; }
.table02 + .sub_title { margin-top: 36px; }
.normal_mes01 + .sub_title { margin-top: 35px; }
.list_stylebox + .sub_title { margin-top: 36px; }
.btn_choice + .sub_title { margin-top: 26px; }
.list_style03 + .sub_title { margin-top: 20px; }
.step_box + .sub_title { margin-top: 40px; }
.list_style02 + .sub_title { margin-top: 40px; }
.service_info + .sub_title { margin-top: 40px; }
.step_box02 + .sub_title { margin-top: 40px; }
.form_feild > .sub_title:first-child { margin-top: 40px; }
.form_feild + .sub_title { margin-top: 40px; }
.bg_pattern_box+ .sub_title { margin-top: 40px; }
.title_wrap + .sub_title { margin-top: 40px; }
.product_info_list02 + .sub_title { margin-top: 40px; }
.board_search_box + .sub_title { margin-top: 30px; }
.list_style_round + .sub_title { margin-top: 40px; }
.page_info + .sub_title { margin-top: 40px; }
.tab_content  .list_style05:first-child{  margin-top: 20px; }
.list_style05 + .sub_title { margin-top: 40px; }
.layer_popup .list_style03 + .sub_title{ margin-top: 6px; }
.page_info + form + .sub_titles{margin-top: 30px;}
.term_content_container + .sub_title{margin-top: 30px;}
.result_container + .sub_title_wrap{ margin-top: 40px; }
.all_check_conatiner .sub_title { margin-top: 36px; }
.step_info_list + form >.sub_title { margin-top: 36px; }
.step_info_list + form + .sub_title{ margin-top: 36px; }
form + .sub_title{ margin-top: 36px;}
.term_list_container + .sub_title{ margin-top: 36px; }
.line_box + .sub_title{ margin-top: 40px; }
/* 금융서비스 상품 쪽 */
.contents_goodsInfo .sub_title { margin-top: 34px; }

/* 다이렉트몰 상품쪽 */
.product_contaniner .sub_title { margin-top: 0; }
.contents_goodsInfo .table01 + .sub_title { margin-top: 36px; }
.step_title + .sub_title { margin-top: 16px; }
.btn_area + .sub_title_wrap { margin-top: 26px; }
.btn_area .tel_tit { text-align: right; padding-top: 37px; font-size: 15px; color: #666; line-height: 36px; }
.btn_area .tel_tit strong {padding-left: 5px; font-weight: normal; font-size: 20px; color: #323232; }
.product_detail_box + .sub_title { margin-top: 26px; }

/* markup spacing 끝*/
.page_info { position: relative; width: 95%; margin-top: 11px; padding-left: 8px; font-size: 13px; color: #505050; line-height: 18px; word-break: keep-all; }
.page_info:before { position: absolute; top: 8px; left: 0; width: 3px; height: 3px; background: url('../../images/contents/icon_page_info.png') 0 0 no-repeat; content: ''; }
.page_info .text01 { display: block; }
.page_info + .page_info{ margin-top: 4px; }
/* markup spacing 시작*/
.tab_content > .page_info:first-child { margin-top: 20px; }

/* markup spacing 끝*/

/* 멤버십 쪽 상품 안내 */
.define_title { display: table; position: relative; width: 100%; height: 128px; margin-top: 40px; }
.define_title .define_tit { display: table-cell; width: 250px; height: 128px; padding-left: 20px; border-top: 8px solid #70BF54; border-bottom: 8px solid #70BF54; font-size: 22px; line-height: 26px; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; }
.define_title .define_tit strong { color: #70BF54; }
.define_title .define_cont { display: table-cell; position: relative; height: 128px; padding-left: 20px; border-top: 8px solid #e7e7e7; border-bottom: 8px solid #e7e7e7; font-size: 16px; color: #323232; line-height: 24px; vertical-align: middle; word-break: keep-all; -webkit-box-sizing: border-box; box-sizing: border-box; }
.define_title .define_cont:before { display: block; position: absolute; top: -8px; left: 0; width: 100%; height: 8px; background: url('../../images/contents/bg_define_title.png') 0 0 repeat; content: ''; }
.define_title .define_cont:after { display: block; position: absolute; bottom: -8px; left: 0; width: 100%; height: 8px; background: url('../../images/contents/bg_define_title.png') 0 0 repeat; content: ''; }
.define_title .underline { border-bottom: 1px solid #323232; font-weight: bold; }

/* markup spacing 시작 */
.title_wrap + .define_title { margin-top: 30px; }

/* markup spacing 끝*/
.info_title { position: relative; padding-left: 32px; font-size: 16px; color: #505050; line-height: 24px; }
.info_title.info_warning { background: url('../../images/contents/icon_warning.png') 0 0 no-repeat; }
.lg_title { text-align: center; }
.lg_title .tit { padding-top: 37px; font-size: 30px; color: #323232; line-height: 36px; }
.lg_title .tit strong { font-weight: normal; color: #4ca400; }
.lg_title .text01 { padding-top: 7px; font-size: 16px; color: #505050; line-height: 20px; }

/* 안내 문구 */
.normal_mes01 { font-size: 13px; color: #323232; line-height: 20px; word-break: keep-all; }
.normal_mes01 .text01 { margin-top: 6px; color: #505050; line-height: 16px; }
.normal_mes01 .text01:first-child { margin-top: 0; }


/* markup spacing 시작 */
.title_wrap + .normal_mes01 { margin-top: 12px; }
.normal_mes01 + .normal_mes01 { margin-top: 16px; }
.info_mes01 { position: relative; font-size: .875rem; color: var(--fc-666); word-break: keep-all; }
.info_mes01:after { display: none; position: absolute; top: 10px; left: 0; width: 14px; height: 14px; background: url('../../images/contents/icon_info.png') 0 0 no-repeat; content: ''; }
.info_mes01 .text01 { display: block; padding-top: 4px; }
.info_mes01 .text01:first-child { padding-top: 0; }
.choice_box + .info_mes01 { font-size: 13px; }
.choice_box + .info_mes01:after { top: 11px; }
.step_box + .info_mes01:after { top: 19px; }
.table02 + .info_mes01 { font-size: 13px; }
.alert_box .info_mes01 { color: var(--fc-666); }
.form_table_box + .info_mes01 { font-size: 13px; }
.finish_mes01 + .info_mes01 { font-size: 13px; }

/* markup spacing 끝*/
.info_mes_box { display: table; position: relative; width: 100%; height: 80px; padding-left: 40px; border: 1px solid #ccc; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.info_mes_box .mes_box_inner { display: table-cell; vertical-align: middle; }
.info_mes_box .mes_box_img { display: inline-block; width: 36px; height: 36px; margin-right: 10px; vertical-align: middle; }
.info_mes_box .mes_box_img.img_info { background: url('../../images/contents/img_info.png') 0 0 no-repeat; }
.info_mes_box .mes_box_text { display: inline-block; font-size: 14px; color: #505050; vertical-align: middle; }
.info_mes_box .btn_rounded { position: absolute; top: 50%; right: 40px; margin-top: -18px; font-size: 13px; }
.border_mes01 { padding: 14px 22px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #f9fbff; font-size: 14px; color: #505050; line-height: 18px; }

/* markup spacing 시작 */
.list_style05 + .border_mes01 { margin-top: 6px; }

/* markup spacing 끝*/

/* 완료 메세지 */
.finish_mes01 { position: relative; padding-top: 24px; padding-bottom: 24px; border: 1px solid #ccc; border-radius: 5px; background: url('../../images/contents/bg_finish_pattern.png') 0 0 repeat; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.finish_mes01 .mes_img { display: block; }
.finish_mes01 .tit { padding-top: 10px; padding-bottom: 4px; font-size: 22px; font-weight: bold; color: #323232; line-height: 28px; }
.finish_mes01 .tit strong { border-bottom: 1px solid #4ca400; color: #4ca400; }
.finish_mes01 .text01 { font-size: 14px; color: #505050; line-height: 20px; }

/* markup spacing 시작 */
.contents .finish_mes01 { margin-top: 80px; }
.step_box + .finish_mes01 { margin-top: 40px; }
.step_box02 + .finish_mes01 { margin-top: 30px; }

/* markup spacing 끝*/

/* 안내 이미지 */
.mes_img { display: block; height: 52px; }
.mes_img.mes_img_check { background: url('../../images/contents/mes_img_check.png') center no-repeat; }
.mes_img.mes_img_info { background: url('../../images/contents/mes_img_info.png') center no-repeat; }
.mes_img.mes_img_person { background: url('../../images/contents/mes_img_person.png') center no-repeat; }
.mes_img.mes_img_error { background: url('../../images/contents/mes_img_error.png') center no-repeat; }

/* 큰 안내 문구ex) 공통 비밀번호 변경 */
.jumbotron { min-height: 106px; }
.jumbotron.jumbotron_password { background: url('../../images/contents/img_jumbotron_password.png') right 0 no-repeat; }
.jumbotron .jumbotron_title { padding-top: 8px; font-size: 34px; font-weight: bold; color: #323232; }
.jumbotron .jumbotron_title strong { color: #4ca400; }
.jumbotron .jumbotron_title strong { color: #4ca400; }
.jumbotron .text01 { padding-top: 15px; font-size: 14px; color: #505050; line-height: 22px; }
.jumbotron .text01 .underline { border-bottom: 1px solid #505050; font-weight: bold; color: #505050; }

/* markup spacing 시작 */
.contents .jumbotron { margin-top: 80px; }

/* markup spacing 끝*/
.pattern_box { padding: 8px; background: url('../../images/contents/bg_pattern_box.png') 0 0 repeat; }
.pattern_box:after { display: block; clear: both; content: ''; }
.inner_input_box { float: left; width: 50%; padding: 21px 20px; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.inner_input_box dl dt, .inner_input_box dl dd { float: left; }
.inner_input_box dl { padding-top: 10px; }
.inner_input_box dl:first-child { padding-top: 0; }
.inner_input_box dl:after { display: block; clear: both; content: ''; }
.inner_input_box dl dt { width: 187px; font-size: 15px; color: #505050; line-height: 34px; }
.inner_info_box { float: left; width: 50%; padding-left: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.inner_info_box .info_title { margin-top: 27px; }
.inner_info_box .inner_info_list { padding-top: 15px; }

/***************************    
숫자 리스트()
***************************/
.list_style_round { padding: 18px 20px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fafafa; }
.list_style_round li { display: table; position: relative; width: 100%; height: 32px; margin-top: 14px; padding-left: 44px; font-size: 14px; line-height: 20px; }
.list_style_round li:first-child { margin-top: 0; }
.list_style_round li:after { display: block; position: absolute; top: 50%; left: 0; width: 32px; height: 32px; margin-top: -16px; background: url('../../images/contents/icon_list_style_round.png') 0 0 no-repeat; font-family: inherit; font-size: 16px; font-weight: bold; color: #fff; text-align: center; line-height: 36px; content: ''; }
.list_style_round li.first_child:after { content: '01'; }
.list_style_round li.nth_child2:after { content: '02'; }
.list_style_round li.nth_child3:after { content: '03'; }
.list_style_round li.nth_child4:after { content: '04'; }
.list_style_round li.nth_child5:after { content: '05'; }
.list_style_round li.nth_child6:after { content: '06'; }
.list_style_round li.nth_child7:after { content: '07'; }
.list_style_round li.nth_child8:after { content: '08'; }
.list_style_round li.nth_child9:after { content: '09'; }
.list_style_round li.nth_child10:after { content: '10'; }
.list_style_round li .text01 { display: table-cell; width: auto; vertical-align: middle; }
.list_style_round li .text01 .btn_line.btn_morelg { width: 50px; margin-left: 14px; }
.sub_title + .list_style_round { margin-top: 6px; }

/***************************    
일반 리스트(불릿 타입)
***************************/
.list_style01 { position: relative; padding-left: 9px; font-size: 14px; line-height: 18px; }
.list_style01:before { position: absolute; top: 0; left: 0; content: '-'; }
.list_style02 { position: relative; padding-left: 13px; font-size: 13px; line-height: 18px; }
.list_style02:before { position: absolute; top: 0; left: 0; content: '※'; }
.list_style02.font_bold:before { font-weight: normal !important; }

/* markup spacing 시작 */
.list_style02 { margin-top: 10px; }
.normal_text + .list_style02 { margin-top: 2px; }
.product_tab .tab_content > .list_style02 { margin-top: 5px; }
.product_tab .tab_content > .table01 + .list_style02 ,.product_tab .tab_content > .user_info + .list_style02 { margin-top: 10px; }

/* markup spacing 끝*/
.list_style03 { position: relative; padding-left: 9px; font-size: 13px; color: #505050; line-height: 20px; }
.list_style03:before { display: block; position: absolute; top: 8px; left: 0; width: 3px; height: 3px; background: #4ca400; content: ''; }
.list_style03.grey_type:before { background: #999; }
.list_style03.darkgrey_type:before { background: #7f7f7f; }
.list_style03.black_type:before { background: #000; }
.list_style03.lightblue_type:before { background: #adb8cb; }
.list_style03.white_type:before { background: #FFFFFF; }

/* markup spacing 시작 */
.list_style03 .list_style01 { font-size: inherit; color: #696969; }
.layer_container .list_style03 { font-size: 14px; }
.layer_popup .tab_content .list_style03:first-child{ margin-top: 30px; }
.layer_popup .list_style03{margin-top: 0;font-size: 14px;}


/* markup spacing 끝*/
.list_style04 { position: relative; padding-left: 10px; font-size: 12px; color: #505050; line-height: 22px; }
.list_style04:before { display: block; position: absolute; top: 0; left: 0; content: '*'; }

/* markup spacing 시작 */
.table01 + .list_style04 { margin-top: 6px; }
.term_list_container + .list_style04 { font-size: 13px; }
.contents_goodsInfo .list_style04 { margin-top: 6px; font-size: 14px; }

/* markup spacing 끝*/

/* page_info 와 모양이 같으나 용도가 달라 다른 class명 만듬, 간격 뺌 */
.list_style05 { position: relative; padding-left: 8px; font-size: 1rem; color: #111; line-height: 20px; }
.list_style05:before { position: absolute; top: 8px; left: 0; width: 3px; height: 3px; background: url('../../images/contents/icon_page_info.png') 0 0 no-repeat; content: ''; }
.list_style05 .text01 { display: block; font-size: 12px; color: #505050; }
.list_style05 .text02 { display: block; padding-top: 6px;}

/* markup spacing 시작 */
.list_style05 + .list_style05 { margin-top: 2px; }
.step_box + .list_style05 { margin-top: 20px; font-size: 13px; color: #505050; }
.base_tab + .list_style05 { margin-top: 36px; }
.sub_title + .list_style05 { margin-top: 6px; }

/* markup spacing 끝*/

/***************************    
list 게시판 리스트(사용안함)게시판 리스트(사용안함)
***************************/

/* 기본세트 */
.ul_list { border-top: 2px solid #455676; border-bottom: 1px solid #b2b2b2; }
.ul_list li:after { display: block; clear: both; content: ''; }
.ul_list > li { padding: 20px 20px 20px 20px; border-top: 1px solid #e5e5e5; }
.ul_list > li:first-child { border-top: none; }

/* img_list */

/* 상품 리스트 */
.ul_list.product_intro > li > div.table_style { display: table; width: 100%; table-layout: fixed; }
.ul_list > li > div.table_style > div.table_style_cell { display: table-cell; vertical-align: middle; }
.ul_list.product_intro > li > div.table_style > .imgbox { display: table-cell; width: 215px; padding-right: 25px; }
.ul_list.product_intro > li .imgbox img { width: 190px; height: 100px; border: none; background: #ededed; }
.ul_list.product_intro > li > div.table_style > .rightbox { width: 20%; text-align: right; }
.ul_list.product_intro .product_info .product_tit { font-size: 18px; font-weight: bold; line-height: 24px; }
.ul_list.product_intro .product_info > ul { padding-top: 6px; padding-right: 30px; }

/* 이벤트 리스트 */
.ul_list.event_intro > li img { float: left; width: 190px; height: 100px; border: none; background: #ededed; }
.ul_list.event_intro > li > div.table_style > .imgbox { display: table-cell; width: 215px; padding-right: 25px; }
.ul_list.event_intro > li .imgbox img { width: 190px; height: 100px; border: none; background: #ededed; }
.ul_list.event_intro .event_info { width: 100%; }
.ul_list.event_intro .event_info .event_type { padding-top: 5px; font-size: 14px; color: #323232; line-height: 18px; }
.ul_list.event_intro .event_info .event_tit { padding-top: 1px; padding-right: 30px; font-size: 18px; font-weight: bold; color: #323232; line-height: 22px; }
.ul_list.event_intro .event_info .event_tit a{ color: #323232;  }
.ul_list.event_intro  .event_date { vertical-align: middle; white-space: nowrap; }

/***************************    
게시판 상세 board(사용안함)
***************************/
.board_content_container { border-bottom: 1px solid #b2b2b2; }
.board_content_container .board_title { display: table; width: 100%; padding: 13px 20px; border-top: 2px solid #455676; border-bottom: 1px solid #dadde4; background: #fafafa; }
.board_content_container .board_content { min-height: 251px; padding: 24px 30px; }
.board_content_container .board_footer { display: table; width: 100%; height: 41px; padding-right: 29px; padding-left: 29px; border-top: 1px solid #e5e5e5; -webkit-box-sizing: border-box; box-sizing: border-box; }
.board_content_container .board_footer .btn_attached_file { float: right; }
.board_content_container .table_style_cell { display: table-cell; vertical-align: middle; }
.board_content_container.event_board .board_title .event_tit { display: table-cell; display: inline-block; padding-right: 30px; padding-left: 15px; font-size: 14px; color: #323232; line-height: 24px; vertical-align: middle; }
.board_content_container.event_board .board_title .event_date { display: table-cell; font-size: 14px; color: #323232; line-height: 24px; vertical-align: middle; white-space: nowrap; }

/***************************    
table
***************************/

/* 일반 테이블 */
.table01 { width: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; table-layout: fixed; border-collapse: collapse; }
.table01 th, .table01 td { -webkit-box-sizing: border-box; box-sizing: border-box; }
.table01 > tbody > tr > th { padding-top: 12px; padding-right: 5px; padding-bottom: 12px; padding-left: 15px; border-top: 1px solid #dee0e3; /* border-bottom: 1px solid #dee0e3; */ background: url('../../images/contents/bg_th.png') 0 0 repeat; font-size: 13px; font-weight: normal; color: #696969; text-align: left; line-height: 16px; vertical-align: middle; word-break: keep-all; -webkit-box-sizing: border-box; box-sizing: border-box; }
.table01 > tbody > tr > th + th { border-left: 1px solid #dee0e3; border-left: 1px solid rgba(0, 0, 0, .1); }
.table01 > tbody > tr > td { padding-top: 11px; padding-right: 20px; padding-bottom: 11px; padding-left: 20px; border-top: 1px solid #e5e5e5; font-size: 14px; color: #323232; text-align: left; line-height: 18px; vertical-align: middle; word-break: keep-all; -webkit-box-sizing: border-box; box-sizing: border-box; }
.table01 > tbody > tr > td .num { font-weight: bold;    /* vertical-align: -1px; */ }
.table01 > tbody > tr:first-child > th, .table01 > tbody > tr:first-child > td { border-top: 1px solid #ccc; }
.table01 > thead + tbody > tr:first-child > th, .table01 > thead + tbody > tr:first-child > td { border-top: 1px solid #e5e5e5; }
.table01 > thead > tr > th { border-top: 1px solid #e5e5e5; background-color: #fafafa; font-size: 13px; font-weight: normal; color: #696969; text-align: center; line-height: 14px; vertical-align: middle; }
.table01 > thead > tr > th > .th_box { position: relative; padding-top: 10px; padding-bottom: 9px; }
.table01 > thead > tr > th > .th_box:after { display: block; position: absolute; top: 9px; bottom: 8px; left: 0; width: 1px; background: #c8c8c8; content: ''; }
.table01 > thead > tr > th:first-child > .th_box:after { display: none; }
.table01 > thead > tr > th .font_deeperblue { font-weight: bold; }
.table01 > tbody > tr > td > table .th_box.font_deeperblue { font-weight: bold; }
.table01 > tbody > tr.none_selected td { background-image: url("../../images/contents/bg_none_selected.png"); }
.table01.type02 { border-top: 2px solid #70BF54; border-bottom: 1px solid #b2b2b2; }
.table01.type02 > thead > tr > th { font-weight: bold; color: #70BF54; }
.table01.type02 tr.empty td { height: 50px; font-size: 14px; color: #696969; text-align: center; line-height: 18px; }
.table01.type02 tr.empty.medium_type td{ height: 104px; }
.table01.type02 tr.empty.high_type td { height: 328px; }
.table01 > tbody > tr > td.alignCenter { padding-left: 10px; padding-right: 10px; }
.table01 > tbody > tr > td.table_left_spacing02 { padding-left: 30px; }
.table01 > tbody > tr > td.table_left_spacing { padding-left: 70px; }
.table01 tbody td .form_control_box { margin-top: 10px; }
.table01 tbody td .form_control_box:first-child { margin-top: 0; }
.table01 > tbody > tr:last-child > th { border-bottom: none; }
.term_content_container .table01 tfoot td { height: 36px; min-height: 36px; padding-top: 9px; padding-right: 20px; padding-bottom: 9px; padding-left: 15px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; font-size: 14px; color: #323232; text-align: left; line-height: 20px; vertical-align: middle; word-break: keep-all; -webkit-box-sizing: border-box; box-sizing: border-box; }
/* markup spacing 시작 */
.sub_title + .table01 { margin-top: 4px; }
.page_info + .table01 { margin-top: 40px; }
.table01 + .table01 { margin-top: 20px; }
.table01.type02 > tbody > tr > td { line-height: 20px; }
.table01.type02.table_lg > tbody > tr > td { padding-top: 15px; padding-bottom: 15px; font-size: 13px; }
.normal_mes01 + .table01 { margin-top: 6px; }
.list_tyle05 + .table01 { margin-top: 6px; }
.table01 .table01 { margin-top: 4px; }
.sub_title + .type02.table_lg.table01 { margin-top: 4px; }
.tab_container .tab_content > .table01.type02 {margin-top: 40px;}
.tab_container .tab_content > .sub_title + .table01.type02 { margin-top: 6px; }
.finish_mes01 + .table01 { margin-top: 20px; }
.tab_container .tab_content > .table_info + .table01.type02 { margin-top: 6px; }
.table_info + .table01 { margin-top: 10px; }
.map + .table01 { margin-top: 20px; }
.result_container + .table01 { margin-top: 40px; }
.btn_area + .table01 { margin-top: 40px; }
.sub_title_wrap + .table01 { margin-top: 6px; }
.table02 + .table01{ margin-top: 20px; }

.layer_popup .tab_container .tab_content > .table01.type02 { margin-top: 6px; }

/* markup spacing 끝*/
.list_table { width: 100%; }
.list_table  > tbody > tr:first-child > th, .list_table  > tbody > tr:first-child > td { border-top: 1px solid #2f4265; }
.list_table  > tbody > tr:last-child > th, .list_table  > tbody > tr:last-child > td, .list_table  > tbody > tr.last_child > th, .list_table > tbody > tr.last_child > td { border-bottom: 1px solid #b2b2b2; }
.list_table > tbody > tr > th { padding-left: 20px; }
.list_table > tbody > tr > td { font-size: 14px; color: #323232; line-height: 18px; }
.list_table > tbody > tr > th, .list_table > tbody > tr > td { padding-top: 12px; padding-bottom: 12px; border-top: 1px solid #cccccc; }
.list_table tr.empty td { padding-top: 32px; padding-bottom: 32px; font-size: 14px; color: #696969; text-align: center; line-height: 18px; }

/* table 상단 정보 */
.table_info { font-size: 13px; color: #505050; }
.table_info:after { content: ""; display: block; clear: both; }
.table_info .table_left { float: left; }
.table_info .table_right { float: right; }
.table_info .table_right .all_count { font-size: 14px; color: #323232; }
.table_info .table_right .all_count .num { font-size: 18px; color: #4ca400 }

/* markup spacing 시작 */
.btn_area + .table_info { margin-top: 20px; }
.sub_title + .table_info { margin-top: 6px; }

/* markup spacing 끝*/
.contbox_rate { position: relative; }
.contbox_rate:after { content: ""; position: absolute; top: 50%; left: 50%; width: 8px; height: 14px; margin-top: -7px; margin-left: -4px; background: url("../../images/button/icon_arrow_right_grey.png") 0 0 no-repeat; }
.contbox_rate .txt_loan { padding-right: 20px; }
.contbox_rate .txt_prefer { padding-left: 20px; color: #4ca400; }
.contbox_rate .txt_loan, .contbox_rate .txt_prefer { display: inline-block; width: 49%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.list_table { width: 100%; }
.list_table > tbody > tr:first-child > th, .list_table > tbody > tr:first-child > td { border-top: 1px solid #2f4265; }
.list_table > tbody > tr:last-child > th, .list_table > tbody > tr:last-child > td, .list_table > tbody > tr.last_child > th, .list_table > tbody > tr.last_child > td { border-bottom: 1px solid #b2b2b2; }
.list_table > tbody > tr > th { padding-left: 20px; }
.list_table > tbody > tr > td { font-size: 14px; color: #323232; line-height: 18px; }
.list_table > tbody > tr > th, .list_table > tbody > tr > td { padding-top: 12px; padding-bottom: 12px; border-top: 1px solid #ccc; }
.list_table tr.empty td { padding-top: 32px; padding-bottom: 32px; font-size: 14px; color: #696969; text-align: center; line-height: 18px; }

/* 라인이 끝까지 긴 경우 */
.result_table { width: 100%; border-top: 2px  solid #70BF54; border-bottom: 1px solid #cccccc; }
.result_table thead th { padding-top: 10px; padding-bottom: 10px; background: #fafafa; font-size: 13px; color: #70BF54; text-align: center; border: 1px solid #e1e1e1; }
.result_table thead th:first-child { border-left: none; }
.result_table thead th:last-child { border-right: none; }
.result_table { border-top: 2px solid #70BF54; border-bottom: 1px solid #ccc; }
.result_table tbody td { height: 50px; border-top: 1px solid #e5e5e5; padding: 10px 0; font-size: 13px; color: #323232; line-height: 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.result_container + .result_table { margin-top: 40px; }
.btn_area + .result_table { margin-top: 40px; }
.result_graph_container + .result_table { margin-top: 20px; }
.sub_title_wrap + .result_table{ margin-top: 6px; }

/* 게시판 제목 내 sorting */
.dropdown { position: relative; cursor: pointer; }
.dropdown_box { display: none; position: absolute; z-index: 10; top: 23px; left: 0; width: 100%; padding: 1px 0; border: 1px solid #dcdcdc; background: #fff; font-size: 13px; font-weight: normal; color: #696979; line-height: 30px; -webkit-box-shadow: 0 1px 1px  1px #efefef; box-shadow: 0 1px 1px  1px #efefef; }
.dropdown_box li:hover .txt { border-bottom: 1px solid #696979; font-weight: bold; }
.dropdown.on .caret { background-position: 0 -5px; }
.dropdown_box li a { color:#70BF54;}

/* form 요소가 들어가는 table */
.table02 { width: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: left; table-layout: fixed; }
.table02 tbody th { padding: 16px 5px 16px 15px; border-top: 1px solid #dcdcdc; background: #f5f5f5; font-size: 13px; font-weight: normal; color: #696969; text-align: left; line-height: 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.table02 tbody td { min-height: 34px; padding: 8px 20px; border-top: 1px solid #e5e5e5; font-size: 14px; color: #323232; line-height: 18px; }
.table02 tbody tr:first-child th, .table02 tbody tr:first-child td { border-top: none; }
.table02 tbody td > div.form_control_box { margin-top: 10px; }
.table02 tbody td > div.form_control_box:first-child { margin-top: 0; }
.table02 tbody th.borderR_solid{ border-right: 1px solid #dcdcdc; }
/* markup spacing 시작 */
.page_info + .table02 { margin-top: 27px; }
.page_info + form .table02 { margin-top: 27px; }
.sub_title + .table02 { margin-top: 6px; }
.table01 + .table02 { margin-top: 20px; }
.table01 + form .table02{ margin-top: 20px; }
.table02 + .table02 { margin-top: 40px; }
.step_info_list + .table02 { margin-top: 40px; }
.layer_container .table02:first-child { margin-top: 30px; }
.form_feild > .table02:first-child { margin-top: 6px; }
.sub_title_wrap +  .table02 { margin-top: 6px; }
.list_style02 + .table02 { margin-top: 20px; }
.tab_content > .table02 { margin-top: 40px; }
.tab_link + .table02 { margin-top: 40px; }
.form_feild + .table02 { margin-top: 40px; }
.step_box + .table02 { margin-top: 40px; }
.step_box02 + .table02 { margin-top: 40px; }
.layer_popup .sub_title + .table02{ margin-top: 6px; }
.title_wrap + .table02 { margin-top: 40px; }
.list_style05 + .table02 { margin-top: 6px; }
.tab_link+ form .table02 { margin-top: 40px; }
.step_info_list+ form > .table02:first-child{ margin-top: 36px; }
.table02 + input + input + .table02{ margin-top: 46px; }
.form_feild + form > .table02{ margin-top: 40px; }


/* markup spacing 끝*/
.table03 { width: 100%; border-top: 2px solid #70BF54; border-bottom: 1px solid #b2b2b2; }
.table03 tbody th { font-size: 15px; color: #505050; }
.table03 tbody th .th_box { position: relative; padding: 15px; }
.table03 tbody th .th_box:after { display: block; position: absolute; top: 17px; right: 0; bottom: 17px; width: 1px; background: #c8c8c8; content: ''; }
.table03 tbody td { padding: 15px; font-size: 14px; color: #505050; line-height: 18px; }
.table03 tbody th, .table03 tbody td { border-top: 1px solid #e5e5e5; }
.table03 tbody tr:first-child th, .table03 tbody tr:first-child td { border-top: none; }

/* markup spacing 시작 */
.content_irInfo .table03 { margin-top: 40px; }

/* markup spacing 끝*/
.table04 { width: 100%; border-top: 1px solid #c7c9cc; border-bottom: 1px solid #c7c9cc; }
.table04 tbody th { color: #505050; }
.table04 tbody th .th_box { position: relative; padding: 15px 20px; background: #f9fbff; font-size: 14px; line-height: 18px; }
.table04 tbody th .th_box:after { display: block; position: absolute; top: 12px; right: 0; bottom: 11px; width: 1px; background: #b7b9bc; content: ''; }
.table04 tbody th .th_box.nobar:after { display: none; }
.table04 tbody td { padding-left: 30px; color: #505050; }
.table04 tbody td { padding-top: 15px; padding-bottom: 15px; background: #f9fbff; font-size: 14px; line-height: 18px; }
.table04 tbody th .text01, .table04 tbody td .text01 { display: block; margin-top: 8px; }
.table04 tbody th .text01:first-child, .table04 tbody td .text01:first-child { margin-top: 0; }
.table05 { width: 80%; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; }
.table05 > tbody > tr > th { padding-top: 16px; padding-bottom: 16px; padding-left: 16px; background: url('../../images/contents/bg_table05.png') 0 0 repeat-x; font-size: 16px; color: #4ca400; }
.table05 > tbody > tr > td { padding-top: 16px; padding-bottom: 16px; background: url('../../images/contents/bg_table05.png') 0 0 repeat-x; font-size: 14px;  color: #505050; line-height: 24px; }
.table05 > tbody > tr:first-child > th, .table05 > tbody > tr:first-child > td { background: none; }

.table06 { width: 100%; }
.table06 tbody th .th_box { position: relative; padding: 15px 20px; font-size: 14px; line-height: 18px; }
.table06 tbody th .th_box:after { display: block; position: absolute; top: 12px; right: 0; bottom: 11px; width: 1px; background: #b7b9bc; content: ''; }
.table06 tbody th .th_box.nobar:after { display: none; }
.table06 tbody td { padding-left: 30px; color: #505050; }
.table06 tbody td { padding-top: 15px; padding-bottom: 15px; font-size: 14px; line-height: 18px; }
.table06 tbody th .text00, .table06 tbody td .text00 { display: block; margin-top: 10px; color: #70BF54; text-align: left; }
.table06 tbody th .text01, .table06 tbody td .text01 { display: block; margin-top: 10px; }
.table06 tbody th .text00:first-child, .table06 tbody td .text00:first-child { margin-top: 0; }
.table06 tbody th .text01:first-child, .table06 tbody td .text01:first-child { margin-top: 0; }

/* form 요소 table2 */
.form_table_box { padding-right: 25px; padding-left: 25px; border-top: 2px solid #70BF54; border-bottom: 1px solid #b2b2b2; background: #f5f5f5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.form_table { width: 100%; }
.form_table .form_group { position: relative; padding: 12px 25px 22px 25px; border-top: 1px solid #c4c4c4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.form_table tr:first-child .form_group { border-top: none; }
.form_table tbody tr td:first-child .form_group, .form_table tbody tr td.first_child .form_group { padding-left: 0; }
.form_table tbody tr td:last-child .form_group, .form_table tbody tr td.last_child .form_group { padding-right: 0; }
.form_table tbody tr td .form_group:before { display: block; position: absolute; top: 26px; bottom: 26px; left: 0; width: 1px; background: #c4c4c4; content: ''; }
.form_table tbody tr td:first-child .form_group:before, .form_table tbody tr td.first_child .form_group:before { display: none; }
.form_table .form_title { padding-top: 8px; padding-bottom: 7px; font-size: 14px; color: #323232; text-align: left; line-height: 18px; }
.form_table .form_title:after { display: block; clear: both; content: ''; }
.form_table .form_title .tit { display: inline-block; }
.form_table .form_title .tit_right { float: right; }
.form_table .form_title .tit_right .money { font-size: 12px; color: #4ca400; }
.form_table .form_group.text_type .form_title, .form_table .form_group.text_type .form_cont { width: 80px; margin: 0 auto; }
.form_table .form_group.text_type .form_cont { margin-top: 2px; }

/* markup spacing 시작 */
.page_info + .form_table_box { margin-top: 40px; }
.sub_title + .form_table_box { margin-top: 3px; }
.page_info + form .form_table_box{ margin-top: 36px; }
/* markup spacing 끝*/

/* 조건검색 위 버튼 */
.condition_table { width: 100%; border-top: 1px solid #cccccc; border-bottom: 1px solid #e5e5e5; }
.condition_table tbody th { position: relative; font-size: 13px; font-weight: normal; color: #696969; }
.condition_table tbody th .th_box { position: relative; padding-left: 15px; }
.condition_table tbody th .th_box:before { content: ""; display: block; position: absolute; left: 0; top: 50%; width: 1px; height: 28px; margin-top: -14px; background: #e5e5e5; }
.condition_table tbody th:first-child .th_box:before { display: none; }
.condition_table tbody td { padding-top: 8px; padding-bottom: 8px; padding-right: 20px; }
.condition_table tbody th, .condition_table tbody td { border-top: 1px solid #cccccc; }
.result_container + .condition_table { margin-top: 20px; }
.page_info + .condition_table { margin-top: 40px; }
.title_wrap + .condition_table { margin-top: 30px; }

/* 게시판 */

/* 게시판 리스트(일반 : thead + tbody) */
.board_list_table01 { width: 100%; border-top: 2px solid #70BF54; border-bottom: 1px solid #b2b2b2; table-layout: fixed; border-collapse: collapse; }
.board_list_table01 thead th { border-bottom: 1px solid #ccc; background-color: #fafafa; font-size: 13px; font-weight: bold; color: #70BF54; text-align: center; line-height: 14px; vertical-align: middle; }
.board_list_table01 thead th .th_box { position: relative; padding-top: 9px; padding-bottom: 9px; }
.board_list_table01 thead th .th_box:after { display: block; position: absolute; top: 9px; bottom: 9px; left: 0; width: 1px; background: #c8c8c8; content: ''; }
.board_list_table01 thead th:first-child .th_box:after { display: none; }
.board_list_table01 tbody td { padding: 13px 9px; border-top: 1px solid #e5e5e5; font-size: 14px; }
.board_list_table01 tfoot tr:first-child td { border-top: 0; }
.board_list_table01 .board_list_title { padding-left: 50px; color: inherit; }
.board_list_table01 .board_list_title .board_list_tit, .board_list_table01 .board_list_title a { display: inline-block; overflow: hidden; max-width: 100%; color: #323232; line-height: 24px; vertical-align: top; white-space: nowrap; text-overflow: ellipsis; }
.board_list_table01 .caret { margin-left: 6px; }

/* 리스트에 검색내용 없을시 */
.board_list_table01 tbody tr.empty td { padding: 50px; }
.board_list_table01 tbody tr.empty td { padding: 50px; }

/* 각각 테이블별 별도 처리 */
.board_list_table01.board_list_notice .board_list_title .board_list_tit { max-width: 85%; }
.board_list_table01.board_list_download .btn_download { vertical-align: top; }
.board_list_table01 .notice_status { margin-left: 7px; vertical-align: top; }

/* markup spacing 시작 */
.page_info + .board_list_table01 { margin-top: 38px; }
.base_tab02 .board_list_table01 { margin-top: 10px; }

/* markup spacing 끝*/

/* 게시판 리스트(img : tbody) */
.board_list_table02 { width: 100%; border-top: 2px solid #70BF54; border-bottom: 1px solid #b2b2b2; }
.board_list_table02 tbody td { padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #e5e5e5; }

/* 각각 테이블별 별도 처리 */

/* 상품안내 */
.board_list_table02.board_list_product .product_tit { font-size: 18px; font-weight: bold; line-height: 24px; }
.board_list_table02.board_list_product .product_info > ul { padding-top: 6px; padding-right: 30px; }

/* 이벤트 */
.board_list_table02 tbody td .img_box{ overflow: hidden; margin-right: 25px; margin-left: 20px; width: 190px; height: 110px; } 
.board_list_table02 tbody td .event_list_img { width: 190px; height: auto;  }
.board_list_table02.board_list_event .event_info .event_type { padding-top: 5px; font-size: 14px; color: #323232; line-height: 18px; }
.board_list_table02.board_list_event .event_info .event_tit { padding-top: 1px; padding-right: 30px; font-size: 18px; font-weight: bold; color: #323232; line-height: 22px; }
.board_list_table02.board_list_event .event_info .event_tit a{ color: #323232;  }
.board_list_table02.board_list_event .event_date { display: block; padding-right: 30px; text-align: right; vertical-align: middle; white-space: nowrap; }

/* markup spacing 시작 */
.page_info + .board_list_table02 { margin-top: 26px; }
.title_wrap + .board_list_table02 { margin-top: 30px; }

/* markup spacing 끝*/

/* faq */
.faq_container .board_list_faq { margin-top: 10px; }
.board_list_table01.board_list_faq tbody td { padding-top: 0; padding-bottom: 0; }
.toggle_list li { border-top: 1px solid #e5e5e5; }
.toggle_list li:first-child { border: none; }
.toggle_list li div.toggle_list_title { display: table; width: 100%; cursor: pointer; }
.toggle_list li div.toggle_list_title span.toggle_list_status { display: table-cell; width: 20%; padding: 18px 9px; text-align: center; }
.toggle_list li div.toggle_list_title span.toggle_list_tit { display: table-cell; width: 80%; padding: 18px 9px 18px 50px; background: url('../../images/contents/arrow_toggle_down.png') no-repeat top 20px right 30px; }
.toggle_list li div.toggle_list_title.on span.toggle_list_tit { background: url('../../images/contents/arrow_toggle_up.png') no-repeat top 20px right 30px; }
.toggle_list li div.toggle_list_content { overflow: hidden; display: none; border-top: 1px solid #e5e5e5; background: #fdfdfd; }

/* 팝업안 내용 리스트 */
.board_list_table03 > tbody > tr > th { padding-top: 12px; padding-right: 5px; padding-bottom: 12px; padding-left: 15px; border-top: 1px solid #dee0e3; border-bottom: 1px solid #dee0e3; background: url('../../images/contents/bg_th.png') 0 0 repeat; font-size: 13px; font-weight: normal; color: #696969; text-align: left; line-height: 16px; vertical-align: middle; word-break: keep-all; -webkit-box-sizing: border-box; box-sizing: border-box; }
.board_list_table03 > tbody > tr:first-child > th, .board_list_table03 > tbody > tr:first-child > td { border-top: 1px solid #2f4265; }
.board_list_table03 > tbody > tr:last-child > th, .board_list_table03 > tbody > tr:last-child > td, .board_list_table03 > tbody > tr.last_child > th, .board_list_table03 > tbody > tr.last_child > td { border-bottom: 1px solid #b2b2b2; }

/* 게시판 내용*/
.board_content_table { width: 100%; border-top: 2px solid #70BF54; border-bottom: 1px solid #b2b2b2; table-layout: fixed; border-collapse: collapse; }
.board_content_table thead th { padding: 13px 20px; border-bottom: 1px solid #dadde4; background: #fafafa; font-size: 15px; font-weight: bold; color: #323232; text-align: left; line-height: 24px; }
.board_content_table thead th .date { font-weight: normal; }
.board_content_table thead th.board_content_title .board_content_tit { display: inline-block; line-height: 24px; }
.board_content_table tbody td .board_content { min-height: 202px; padding: 24px 30px; font-size: 14px; color: #323232; line-height: 22px; }
.board_content_table tbody tr td .board_content.type02 { min-height: 100%; padding: 20px 30px 27px; }
.board_content_table tbody tr td { border-top: 1px solid #dadde4; }
.board_content_table tbody tr:first-child td { border-top: none; }
.board_content_table tbody td .board_content.nominh_type { min-height: 0; }
.board_content_table tfoot td { padding: 13px 30px; border-top: 1px solid #e5e5e5; }
.board_content_table tfoot td .attached_file_text { font-size: 13px; font-weight: bold; color: #505050; line-height: 19px; }
.board_content_table tfoot td .attached_file_box { float: right; max-width: 80%; text-align: right; vertical-align: top; }
.board_content_table tfoot td .btn_attached_file { margin-left: 10px; }

/* 각각 테이블별 별도 처리 */
.board_content_table.board_content_event th { font-size: 14px; font-weight: normal; }
.board_content_table .notice_type, .board_content_table .event_status { float: left; margin-right: 15px; }
.event_content_img { margin-top: 20px; margin-bottom: 20px; text-align: center; }

/* 상담내역상세 답변 (a마크) */
.answer_mes01 { min-height: 24px; padding-top: 2px; padding-left: 35px; background: url('../../images/contents/icon_answer.png') no-repeat top left; font-size: 14px; color: #323232; line-height: 24px; }
.answer_mes01 .answer_detail { padding-bottom: 10px; font-size: 14px; font-weight: bold; color: #505050; }
.answer_mes01 .answer_detail:after { display: block; clear: both; content: ''; }
.answer_mes01 .answer_who { display: inline-block; }
.answer_mes01 .answer_date { float: right; }
.answer_mes01 .downfile { display: inline-block; height: 19px; padding-left: 23px; background: url('../../images/contents/icon_attached_file.png') 0 0 no-repeat; font-size: 12px; color: #303030; cursor: pointer;  }
.answer_mes01 .txt { display: inline-block; padding-top: 3px; border-bottom: 1px solid #303030; font-weight: bold; line-height: 14px; }
.answer_mes01 .downfile_top {padding-top: 13px; padding-right: 30px; padding-bottom: 13px; padding-left: 30px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #b2b2b2; }

.board_list_faq .answer_mes01 { min-height: 24px; padding-top: 22px; padding-bottom: 20px; padding-left: 55px; background: url('../../images/contents/icon_answer.png') no-repeat 20px 20px; font-size: 14px; color: #323232; line-height: 24px; }

/* markup spacing 시작 */
.page_info + .board_content_table { margin-top: 25px; }

/* markup spacing 끝*/

/* 게시판 검색 */
.board_search_box { padding-top: 14px; padding-bottom: 14px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #f7f7f7; text-align: center; }
.board_search_box .input { width: 454px; }
.board_search_box .btn_search { display: inline-block; min-width: 96px; height: 34px; margin-left: 6px; background: #505050; font-size: 13px; color: #fff; line-height: 35px; text-indent: 0;}
.table_paging_wrap + .board_search_box { margin-top: 22px; }
.step_box02 + .board_search_box { margin-top: 30px; }

/********************************************************
 paging 
********************************************************/
.table_paging_wrap { padding-top: 18px; padding-bottom: 18px; text-align: center; }
.table_paging_wrap .table_paging { display: inline-block; }
.table_paging_wrap .table_paging > a { display: inline-block; float: left; margin-left: -1px; }
/* .table_paging_wrap .table_paging .paging_prev.on, .table_paging .paging_next.on, .table_paging .paging_first.on, .table_paging .paging_last.on { background-position: 0 -42px; } */
.table_paging_wrap .table_paging:after { display: block; clear: both; content: ''; }
.table_paging_wrap .table_paging ul { float: left; margin-left: 8px; padding-right: 8px; }
.table_paging_wrap .table_paging ul li { float: left; margin-left: 4px; }
.table_paging_wrap .table_paging ul li:first-child { margin-left: 0; }
.table_paging_wrap .table_paging .paging_num { display: block; width: 24px; height: 24px; font-size: 14px; color: #808080; line-height: 1.5; }
.table_paging_wrap .table_paging .paging_num.on { background: none; color: #111; font-weight: bold;}

/* markup spacing 시작 */
.layer_container .table_paging_wrap { padding-bottom: 0; }

/* markup spacing 끝*/

/********************************************************
 tab 
********************************************************/

/* .base_tab */
.base_tab { background: #fff; }
.base_tab .tab_link { display: table; overflow: hidden; width: 100%; height: 42px; -webkit-box-sizing: border-box; box-sizing: border-box; table-layout: fixed; border-collapse: separate; }
.base_tab .tab_link li { display: table-cell; position: relative; background: #f0f0f0; font-size: 15px; text-align: center; vertical-align: middle; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.base_tab .tab_link li a { display: block; position: relative; padding-top: 10px; padding-bottom: 8px; border-bottom: 3px solid #eaeaea; background: #f0f0f0; color: #505050; line-height: 21px; }
.base_tab .tab_link li a:before { display: block; position: absolute; top: 12px; left: 0; width: 1px; height: 20px; background: #c0c0c0; content: ''; }
.base_tab .tab_link li.first_child a:before, .base_tab .tab_link li:first-child a:before { display: none; }
.base_tab .tab_link li.on a { border-bottom: 3px solid #2e8000; background: #4ca400; font-weight: bold; color: #fff; }
.base_tab .tab_link li.on a:before { display: none; }
.base_tab .tab_link li.on + li a:before { display: none; }
.tab_container { -webkit-box-sizing: border-box; box-sizing: border-box; }
.tab_container .tab_content { -webkit-box-sizing: border-box; box-sizing: border-box; }
.tab_container .tab_content:before { display: block; height: 1px; margin-top: -1px; content: ''; }
.list_style05 + div.base_tab > .tab_container { margin-top: 36px; }
.list_style05 + .base_tab { margin-top: 6px; }
.title_wrap + .base_tab { margin-top: 40px; }
.title_wrap + form .base_tab { margin-top: 40px; }
.page_info + .base_tab { margin-top: 40px; }
.layer_popup .list_style03 + .base_tab{margin-top: 30px;}
.step_info_list + .base_tab { margin-top: 40px; }
.term_select + .base_tab { margin-top: 10px; }


/* .base_tab02 */
.base_tab02 { background: #fff; }
.base_tab02 .tab_link { display: table; overflow: hidden; width: 100%; height: 42px; -webkit-box-sizing: border-box; box-sizing: border-box; table-layout: fixed; border-collapse: separate; }
.base_tab02 .tab_link li { display: table-cell; position: relative; background: #f0f0f0; font-size: 15px; text-align: center; vertical-align: middle; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.base_tab02 .tab_link li a { display: block; position: relative; padding-top: 8px; padding-bottom: 6px; border-bottom: none; background: url('../../images/contents/bg_slash.png'); font-size: 13px; color: #505050; line-height: 18px; }
.base_tab02 .tab_link li a:before { display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 24px; margin-top: -12px; background: #c8c8c8; content: ''; }
.base_tab02 .tab_link li.first_child a:before { display: none; }
.base_tab02 .tab_link li:first-child a:before { display: none; }
.base_tab02 .tab_link li.on a { border-bottom: none; background: #55ad00; font-weight: normal; color: #fff; }
.base_tab02 .tab_link li.on a:before { display: none; }
.base_tab02 .tab_link li.on + li a:before { display: none; }

/* markup spacing 시작 */
.page_info + .base_tab02 { margin-top: 27px; }

/* markup spacing 끝*/

/*******************************************************
약관
*******************************************************/

/* 약관 리스트 */
.term_list_container { border-bottom: 1px solid #ccc; }
.term_list_container.depth01 > li > a { display: block; position: relative; width: 100%; height: 48px; padding: 11px 0 11px 50px; border-top: 1px solid #c3c3c2; background: #f4f4f2; font-size: 16px; color: #70BF54; text-align: left; line-height: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.term_list_container.depth01 > li > a:before { display: block; position: absolute; top: 50%; left: 20px; width: 20px; height: 22px; margin-top: -11px; background: url('../../images/contents/icon_doc.png') 0 0 no-repeat; content: ''; }
.term_list_container.depth01 > li > a:after { display: block; position: absolute; top: -1px; right: 0; width: 48px; height: 48px; border-top: 1px solid #ccc; background: #70BF54 url('../../images/contents/icon_arrow_topbot_white.png') 0 0 no-repeat; -webkit-box-sizing: border-box; box-sizing: border-box; content: ''; }
.term_list_container.depth01 > li > a.on:after { background-position: 0 -68px; }
.term_list_container.depth01 > li > a.no_depth:after { background: #70BF54 url('../../images/contents/icon_arrow_right_white.png') center no-repeat; }
.term_list_container.depth01 > li > a.no_accordion:after{ display: none; }
.term_list_container.depth01 > li > a.checkbox_type { padding: 0; padding-left: 14px; }
.term_list_container.depth01 > li > a.checkbox_type:before { display: none; }
.term_list_container.depth01 > li > a.checkbox_type .checkbox_wrap{display: block; width: 100%; padding-right: 48px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.term_list_container.depth01 > li > a.checkbox_type .checkbox[type='checkbox'] + label:not(#cssbrowser){ width: 100%; padding-top: 12px; padding-bottom: 11px; padding-left: 56px; background: url('../../images/contents/icon_doc.png') 30px center no-repeat; font-size: 16px; color: #70BF54; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.accordion_inner_btn{ position: absolute; top: 0;right: 0;width: 48px; height: 48px; z-index: 2; }
.term_list_container.depth01 ul.depth02 > li > a { display: block; position: relative; width: 100%; height: 45px; padding: 10px 20px 10px 31px; border-top: 1px solid #e8e8e8; background-color: transparent; font-size: 15px; color: #505050; text-align: left; line-height: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.term_list_container.depth01 ul.depth02 > li:first-child a { border-top: none; }
.term_list_container.depth01 ul.depth02 > li > a:before { position: absolute; top: 12px; left: 20px; content: '-'; }
.term_list_container.depth01 ul.depth02 > li > a:after { display: block; position: absolute; top: 50%; right: 0; width: 36px; height: 44px; margin-top: -22px; background: url('../../images/button/icon_arrow_right03.png') center center no-repeat; -webkit-background-size: 7px auto; background-size: 7px auto; content: ''; }
.term_list_container.depth01 ul.depth02 > li > a .btn_text_arrow { float: right; }
.term_list_container.content_type > li { margin-top: 20px; border-bottom: 1px solid #ccc; }
.term_list_container.content_type > li:first-child { margin-top: 0; }
.term_list_container.content_type .term_list_content { overflow-y: scroll; height: 92px; padding: 20px 20px; line-height: 18px; }
.term_list_container.content_type { border-bottom: none; }
.term_list_container.content_type .term_check_box { padding: 10px 12px; border-top: 1px solid #e5e5e5; }
.term_list_container.content_type .term_check_box .term_check { margin-top: 10px; }
.term_list_container.content_type .term_check_box .term_check:first-child { margin-top: 0; }
.term_all { padding: 13px 22px; border-top: 1px solid #c3c3c2; border-bottom: 1px solid #c3c3c2; background: #70BF54; }
.term_all.outer_type{ background: #70BF54; }
.term_all .checkbox_wrap [type='checkbox'].checkbox + label:not(#cssbrowser) { font-size: 16px; font-weight: normal; color: #ffffff; }
.term_list_container.depth01 > li > a + div { overflow: hidden; }
.term_all + .all_outer_check_box{ margin-top: 20px; }
/* markup spacing 시작 */
.sub_title + .term_all { margin-top: 6px; }
.term_all + .all_check_box { margin-top: 20px; }
.term_all + form .all_check_box{ margin-top: 20px; }
.page_info + .all_check_box { margin-top: 26px; }
.sub_title + .all_check_box { margin-top: 6px; }
.table02 + .all_check_box { margin-top: 20px; }
.page_info + .term_list_container { margin-top: 40px; }
.title_wrap +.term_list_container{margin-top: 40px;}
.step_info_list + .term_all{ margin-top: 20px; }
.table01 + .term_all{ margin-top: 40px; }
.btn_area + .term_all{ margin-top: 40px; }
form + .all_check_box{ margin-top: 20px; }

.info_mes01 + .term_list_container { margin-top: 40px; }
.all_check_conatiner + .term_list_container{ margin-top: 40px; }
.term_all + .all_check_conatiner{ margin-top: 40px; }
/* markup spacing 끝*/

/* 약관 선택하는 부분 */
.term_select:after { display: block; clear: both; content: ''; }
.term_select .term_select_right { float: right; font-size: 1rem; color: var(--fc-333); }
.layer_popup .tab_content .term_select{margin-top: 30px;}

/* 약관 내용 */
.term_content_container { overflow-y: auto; height: 134px; padding: 20px; border: 1px solid #ccc; -webkit-box-sizing: border-box; box-sizing: border-box; }
.term_content_container h5,
.term_list_content h5,
.term_content_container .term_content_title { padding-top: 14px; font-size: 16px; font-weight: bold; color: var(--fc-111); line-height: 20px; }
.term_content_container h6,.term_list_content h6{ padding-top: 14px; font-size: 14px; font-weight: bold; color: #505050; line-height: 18px;  }
.term_content_container h5:first-child,
.term_list_content h5:first-child,
.term_content_container .term_content_title:first-child{ padding-top: 0; }
.term_content_container table a{word-break: break-word;}
.term_content_container .term_content_title:first-child { padding-top: 0; }
.term_content_container .term_content_title02 { margin-top: 4px; font-size: 13px; font-weight: bold; color: #323232; line-height: 20px; }
.term_content_container p { padding-top: 4px; font-size: .875rem; color: var(--fc-111); line-height: 1.5; }
.term_list_content p,
.term_text { padding-top: 4px; font-size: 1rem; color: var(--fc-111); line-height: 1.5; }
.term_content_container ul,
.term_list_content ul{ padding-top: 4px; }
.term_content_container li,
.term_list_content li,
.term_ol_li { padding-top: 4px; padding-left: 16px; font-size: 13px; color: #323232; line-height: 18px; text-indent: -16px; }
.term_ol_li2 { padding-top: 4px; padding-left: 14px; font-size: 13px; color: #323232; line-height: 22px; text-indent: -14px; }
.term_ol_li3 { padding-top: 2px; padding-left: 14px; font-size: 13px; color: #323232; line-height: 22px; text-indent: -14px; }
.term_content_container .table01,
.term_list_content .table01{ margin-top: 4px; }
.term_content_container li p,.term_content_container li h6,
.term_content_container li .table01 th, .term_content_container li .table01 td{text-indent: 0;}
.underline_box{ display: inline-block; width: 50px; margin-left: 2px;margin-right: 2px;border-bottom: 1px solid #505050; }
/* markup spacing 시작 */
.term_pop .normal_mes01 + .term_select { margin-top: 14px; }
.term_select .btn_line, .term_select .select_wrap_sm { margin-left: 5px; }
.term_select + .term_content_container { margin-top: 10px; }
.sub_title + .term_content_container { margin-top: 6px; }
.term_select + .term_wrap { margin-top: 10px; }
.tab_container > .tab_content { margin-top: 20px; }
/* markup spacing 끝*/	

/* 팝압안에서 높이 재조정 */

.layer_popup .term_content_container { height: 314px; }
.layer_popup .term_content_container.short_type { height: 120px; }
.layer_popup .term_content_container.high_type{ height: 404px; }

/* select로 선택하는 경우 */
.term_wrap .select_content { display: none; }
.term_wrap .select_content.scroll_box{ overflow-y: scroll; max-height: 508px;}
.term_wrap .select_content:first-child { display: block; }
.term_wrap .term_content_container { display: none; }
.term_wrap .term_content_container:first-child { display: block; }

/************************************************************************************************************
etc
************************************************************************************************************/

/***************************    
상태표시
***************************/

/* 이벤트 상태 */
.event_status { display: inline-block; position: relative; width: 60px; height: 24px; padding-top: 3px; padding-bottom: 1px; border-radius: 12px; font-size: 13px; color: #323232; text-align: center; line-height: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.event_status:before, .event_status:after { display: block; position: absolute; top: 0; width: 10px; height: 24px; content: ''; }
.event_status:before { left: 0; background: url('../../images/button/bg_pill_white_left.png') 0 0 no-repeat; }
.event_status:after { right: 0; background: url('../../images/button/bg_pill_white_right.png') right 0 no-repeat; }
.board_title .event_status:before { background: url('../../images/button/bg_pill_beige_left.png') 0 0 no-repeat; }
.board_title .event_status:after { background: url('../../images/button/bg_pill_beige_right.png') right 0 no-repeat; }
.event_status.event_ing { background: #4ca400; color: #fff; }
.event_status.event_finish { background: #d8d8d8; color: #707070; }

/* 공지사항 상태표시 */
.notice_type { display: inline-block; position: relative; width: 60px; height: 24px; padding-top: 3px; padding-bottom: 1px; border-radius: 12px; font-size: 11px; color: #fff; text-align: center; line-height: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.notice_type.notice_event { background: #168100; }
/* .notice_type.notice_announce { background: #455676; } */
.notice_type.notice_announce { background: #70BF54; }
.notice_type.notice_membership { background: #009db0; }
.notice_type.notice_sale { background: #e93c66; }
.notice_type:before, .notice_type:after { display: block; position: absolute; top: 0; width: 10px; height: 24px; content: ''; }
.notice_type:before { left: 0; background: url('../../images/button/bg_pill_white_left.png') 0 0 no-repeat; }
.notice_type:after { right: 0; background: url('../../images/button/bg_pill_white_right.png') right 0 no-repeat; }
.notice_status { display: inline-block; position: relative; width: 54px; height: 24px; padding-top: 3px; padding-bottom: 1px; border: 1px solid #ccc; border-radius: 12px; font-size: 12px; font-weight: bold; color: #455676; text-align: center; line-height: 18px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.notice_status:before, .notice_status:after { display: block; position: absolute; top: -1px; width: 10px; height: 24px; content: ''; }
.notice_status:before { left: -1px; background: url('../../images/button/bg_pill_line_left.png') 0 0 no-repeat; }
.notice_status:after { right: -1px; background: url('../../images/button/bg_pill_line_right.png') right 0 no-repeat; }
.board_title .notice_type:before { background: url('../../images/button/bg_pill_beige_left.png') 0 0 no-repeat; }
.board_title .notice_type:after { background: url('../../images/button/bg_pill_beige_right.png') 0 0 no-repeat; }
.myqa_type { display: inline-block; overflow: hidden; position: relative; width: 80px; height: 24px; padding-top: 3px; padding-bottom: 1px; border-radius: 12px; background: #70BF54; font-size: 11px; font-weight: normal; color: #fff; text-align: center; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.myqa_type:before, .myqa_type:after { display: block; position: absolute; top: 0; width: 10px; height: 24px; content: ''; }
.myqa_type:before { left: 0; background: url('../../images/button/bg_pill_white_left.png') 0 0 no-repeat; }
.myqa_type:after { right: 0; background: url('../../images/button/bg_pill_white_right.png') right 0 no-repeat; }

/* 양식 다운로드 페이지 삭제 */
.file_format { display: inline-block; font-size: 12px; color: #323232; line-height: 20px; }
.format_pdf { display: inline-block; width: 20px; height: 20px; margin-right: 3px; background: url('../../images/contents/icon_pdf.png') 0 0 no-repeat; vertical-align: middle; }
.file_format .txt { display: inline-block; font-weight: bold; line-height: 22px; vertical-align: top; }

/************************************************************************************************************
페이지별 레이아웃
************************************************************************************************************/

/*******************************************************
상품안내 - 이용안내 
*******************************************************/
.user_info { position: relative; margin-top: 40px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.user_info:before { display: block; position: absolute; top: 16px; bottom: 16px; left: 53px; width: 1px; background: #b7db99; content: ''; }
.user_info:after { display: block; clear: both; content: ''; }
.user_info > li { display: table; position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.user_info > li .tit { display: table-cell; width: 170px; padding-top: 7px; font-size: 18px; font-weight: bold; color: #323232; line-height: 24px; vertical-align: middle; }
.user_info > li > div { display: table-cell; position: relative; width: 100%; height: 101px; padding-left: 110px; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; }
.user_info > li > div:after { display: block; position: absolute; top: -1px; left: 50%; width: 15px; height: 9px; margin-left: -7.5px; background: url('../../images/contents/bg_user_info.png') 0 0 no-repeat; content: ''; }
.user_info > li:first-child > div:after { display: none; }
.user_info > li > div .user_info_step { display: block; position: absolute; top: 15px; left: 18px; width: 71px; height: 71px; padding-top: 20px; background: url('../../images/contents/icon_user_info.png') 0 0 no-repeat; font-size: 14px; color: #fff; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }
.user_info > li > div .user_info_step .num { display: block; padding-top: 4px; font-size: 15px; font-weight: bold; }
.user_info > li > div .user_info_box { display: table; width: 100%; height: 101px; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.user_info > li:last-child > div .user_info_box { border-bottom: none; }
.user_info > li > div .user_info_list { display: table-cell; padding-top: 3px; vertical-align: middle; }
.user_info > li > div .user_info_list > li { font-size: 14px; line-height: 18px; word-break: keep-all;}

/* markup spacing 시작 */
.img_process_leaseFinance + .user_info { margin-top: 0; border-top: none; }

/* markup spacing 끝*/

/* step 가로 모드 */
.step_horizon { padding: 24px 38px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.step_horizon:after { display: block; clear: both; content: ''; }
.step_horizon li { float: left; position: relative; margin-left: 65px; text-align: center; }
.step_horizon li:before { position: absolute; z-index: -1; top: 32px; right: 2px; width: 136px; height: 6px; background: #b7db99; content: ''; }
.step_horizon li:first-child { margin-left: 0; }
.step_horizon li:first-child:before { width: 68px; }
.step_horizon li .step_round { display: block; width: 71px; height: 71px; padding-top: 20px; background: url('../../images/contents/icon_user_info.png') 0 0 no-repeat; font-size: 14px; color: #fff; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }
.step_horizon li .step_round .num { display: block; padding-top: 4px; font-size: 15px; font-weight: bold; }
.step_horizon li .step_tit { padding-top: 5px; font-size: 15px; color: #505050; line-height: 16px; }
.step_horizon.blue_type li .step_round { background: url('../../images/contents/icon_step_horizon_blue.png') 0 0 no-repeat; }
.step_horizon.blue_type li:before { background: #acb3c1; }

/* markup spacing 시작 */
.sub_title + .step_horizon { margin-top: 7px; }

/* markup spacing 끝*/

/* 상품 안내 이미지 */
.img_process_leaseFinance, .img_process_factoring, .img_process_projectFinance { margin-top: 6px; }
.product_info_list { margin-top: 8px; }
.product_info_list li { margin-top: 4px; font-size: 14px; word-break: keep-all; }
.product_info_list li:first-child { margin-top: 0; }
.product_info_list02 { margin-top: 2px; }
.product_info_list02 li.list_style05 { margin-top: 8px; font-size: 14px; line-height: 18px; }
.product_info_list02 li:first-child { margin-top: 0; }
.product_info_list + .product_info_list{ margin-top: 20px; }

/* markup spacing 시작 */
.contents_goodsInfo .btn_area { padding-top: 20px; }
.contents_goodsInfo .product_tab + .btn_area { padding-top: 20px; }

/* markup spacing 끝*/
.call_info_box{ margin-top: 40px; font-weight: bold;}
/************************************************************************************************************
상품 안내 레이아웃
************************************************************************************************************/
.product_contaniner { position: relative; min-height: 170px; padding-top: 22px; padding-bottom: 20px; padding-left: 201px; }
.product_contaniner .product_img { display: inline-block; position: absolute; position: absolute; top: 24px; left: 0; width: 164px; height: 164px; margin-top: 24px; }

/* file 명에서 class명과 이미지 이름 따옴 */

/* 다이렉트신용대출 */
.product_contaniner.product_directLoanInfo .product_img { background: url('../../images/contents/product_directLoanInfo.png') 0 0 no-repeat; }

/* 다이렉트 우량직장인신용대출  */
.product_contaniner.product_directSalaryLoanInfo .product_img { background: url('../../images/contents/product_directSalaryLoanInfo.png') 0 0 no-repeat; }

/* 교직원/공무원 신용대출 */
.product_contaniner.product_directOfficialLoanInfo .product_img { background: url('../../images/contents/product_directOfficialLoanInfo.png') 0 0 no-repeat; }

/* Auto담보대출 */
.product_contaniner.product_directAutoMortgageLoanInfo .product_img { background: url('../../images/contents/product_directAutoMortgageLoanInfo.png') 0 0 no-repeat; }

/* 아파트소유자 신용대출 */
.product_contaniner.product_directApartLoanInfo .product_img { background: url('../../images/contents/product_directApartLoanInfo.png') 0 0 no-repeat; }

/* 두산 임직원대출 */
.product_contaniner.product_directDusanLoanInfo .product_img { background: url('../../images/contents/product_directDusanLoanInfo.png') 0 0 no-repeat; }

/* 채무통합대출 */
.product_contaniner.product_directDebtIntegrationLoanInfo .product_img { background: url('../../images/contents/product_directDebtIntegrationLoanInfo.png') 0 0 no-repeat; }

/* Auto담보대환대출 */
.product_contaniner.product_directAutoAlternativeLoanInfo .product_img { background: url('../../images/contents/product_directAutoAlternativeLoanInfo.png') 0 0 no-repeat; }

/* 추가대출 */
.product_contaniner.product_directAdditionalLoanInfo .product_img { background: url('../../images/contents/product_directAdditionalLoanInfo.png') 0 0 no-repeat; }


/* 애큐온 플러스론  */
.product_contaniner.product_directPlusLoanInfo .product_img { background: url('../../images/contents/product_directPlusLoanInfo.png') 0 0 no-repeat; }
/* markup spacing 시작 */

/* 테이블안 text 디자인 및 간견 */
.product_tab .table01 .list_style02 { font-size: 14px; }
.product_tab .table01  .list_style02 + p, .product_tab .table01  p + .font_bold { margin-top: 4px; }
.tab_container .tab_content01 .table01 .list_style02 { margin-top: 4px; }
.tab_container .tab_content01 .table01 .list_style02 + .list_style02 { margin-top: 0; }
.product_contaniner .table01 { margin-top: 4px; }
.product_tab { padding-top: 40px; }

/* markup spacing 끝*/

/************************************************************************************************************
인증서 내보내기/가져오기
************************************************************************************************************/
.certify_tab { margin-top: 40px; }
.certify_container { position: relative; height: 275px; }
.certify_container .certify_text { padding-top: 40px; font-size: 18px; font-weight: bold; color: #323232; text-align: center; }
.certify_container .certify_img { position: absolute; top: 77px; width: 168px; height: 168px; }
.certify_container .certify_img.certify_left { left: 120px; }
.certify_container .certify_img.certify_right { right: 120px; }
.certify_img.certify_phone { background: url('../../images/contents/img_certify_phone.png')  0 0 no-repeat; }
.certify_img.certify_pc { background: url('../../images/contents/img_certify_pc.png')  0 0 no-repeat; }
.certify_arrow.left, .certify_arrow.right { position: absolute; left: 50%; width: 185px; margin-left: -92px; font-size: 14px; color: #505050; line-height: 16px; }
.certify_arrow.left { background: url('../../images/contents/img_arrow_left.png')   no-repeat; text-align: left; }
.certify_arrow.right { background: url('../../images/contents/img_arrow_right.png')   no-repeat; text-align: right; }
.certify_arrow.top { top: 123px; padding-bottom: 20px; background-position: 0 bottom; }
.certify_arrow.bottom { top: 165px; padding-top: 20px; background-position: 0 top; }
.certify_list { position: relative; padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #f9fbff; }
.certify_list:before { display: block; position: absolute; top: 20px; bottom: 20px; left: 50%; width: 1px; background: #e0e1e5; content: ''; }
.certify_list:after { display: block; clear: both; content: ''; }
.certify_list ul { float: left; width: 50%; padding-left: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.certify_list ul li { margin-top: 10px; font-size: 14px; color: #323232; line-height: 24px; }
.certify_list ul li:first-child { margin-top: 0; }
.num_list .num { display: inline-block; width: 24px; height: 24px; margin-right: 11px; border-radius: 50%; background: url('../../images/contents/icon_num_list.png') 0 0 no-repeat; font-size: 13px; font-weight: bold; color: #fff; text-align: center; line-height: 26px; }

/************************************************************************************************************
멤버십 제휴할인쿠폰
************************************************************************************************************/
.img_list_box { margin-top: 40px; padding-bottom: 40px; border-bottom: 1px solid #b2b2b2; }
.img_list_box:after { display: block; clear: both; content: ''; }
.img_list_box li { float: left; margin-right: 15px; margin-left: 15px; }
.img_list_type02 { display: block; position: relative; width: 180px; font-size: 16px; color: #fff; text-align: center; }
.img_list_box li .img_list_type02:hover:before { position: absolute; top: 0; left: 50%; display: block; width: 180px; height: 180px; margin-left: -90px; content: ''; background: url('../../images/contents/hover_img_list_type02.png') 0 0 no-repeat; }
.img_list_box li .img_list_type02.present { background: url('../../images/contents/bg_present.png') 0 0 no-repeat; }
.img_list_box li .img_list_type02.travel { background: url('../../images/contents/bg_travel.png') 0 0 no-repeat; }
.img_list_box li .img_list_type02.culture { background: url('../../images/contents/bg_culture.png') 0 0 no-repeat; }
.img_list_box li .img_list_type02.wellbeing { background: url('../../images/contents/bg_wellbeing.png') 0 0 no-repeat; }
.img_list_box li .img_list_type02 .tit { display: block; position: relative; padding-top: 190px; font-size: 16px; font-weight: bold; color: #323232; }
.img_list_box li .img_list_type02.present:after { background: url('../../images/contents/icon_present.png') 0 0 no-repeat; }
.img_list_box li .img_list_type02:after { display: block; position: absolute; z-index: 11; top: 70px; left: 50%; width: 40px; height: 40px; margin-left: -20px; content: ''; }
.img_list_box li .img_list_type02.travel:after { background: url('../../images/contents/icon_travel.png') 0 0 no-repeat; }
.img_list_box li .img_list_type02.culture:after { background: url('../../images/contents/icon_culture.png') 0 0 no-repeat; }
.img_list_box li .img_list_type02.wellbeing:after { background: url('../../images/contents/icon_wellbeing.png') 0 0 no-repeat; }
.define_title + .img_list { margin-top: 5px; }

/************************************************************************************************************
step 안내 
************************************************************************************************************/
.step_box { overflow: hidden; margin-top: 40px; }
.step_box ol { width: 100%; border: 1px solid #cfcfcf; -webkit-box-sizing: border-box; box-sizing: border-box; table-layout: fixed; border-collapse: separate; }
.step_box li { display: table-cell; position: relative; width: 1%; background: #f5f5f5; color: #b8b8b8; text-align: center; vertical-align: middle; }
.step_box li > div { position: relative; z-index: 10000; height: 68px; padding-top: 14px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.step_box li > div:before { display: block; position: absolute; top: 0; left: -12px; width: 24px; height: 68px; background: url('../../images/contents/step_arrow_off.png') 0 0 no-repeat; content: ''; }
.step_box li > div .img_step { display: inline-block; overflow: hidden; width: 40px; height: 40px; margin-right: 8px; border-radius: 50%; vertical-align: middle; }
.step_box li > div .img_step.img_step_person { background: url('../../images/contents/icon_step_person.png') 0 0 no-repeat; }
.step_box li > div .img_step.img_step_doc { background: url('../../images/contents/icon_step_doc.png') 0 0 no-repeat; }
.step_box li > div .img_step.img_step_doc_check { background: url('../../images/contents/icon_step_doc_check.png') 0 0 no-repeat; }
.step_box li > div .img_step.img_step_doc_img { background: url('../../images/contents/icon_step_doc_img.png') 0 0 no-repeat; }
.step_box li > div .img_step.img_step_doc_checkcenter { background: url('../../images/contents/icon_step_doc_checkcenter.png') 0 0 no-repeat; }
.step_box li > div .img_step.img_step_pwd { background: url('../../images/contents/icon_step_pwd.png') 0 0 no-repeat; }
.step_box li > div .img_step.img_step_doc_list { background: url('../../images/contents/icon_step_doc_list.png') 0 0 no-repeat; }
.step_box li > div .img_step.img_step_check { background: url('../../images/contents/icon_step_check.png') 0 0 no-repeat; }
.step_box li > div .step_tit { display: inline-block; height: 40px; font-size: 16px; text-align: left; line-height: 18px; vertical-align: middle; }
.step_box li > div .step_tit .step_num { display: block; padding-top: 5px; padding-bottom: 1px; font-size: 12px; line-height: 14px; }
.step_box li.first_child > div:before { display: none; }
.step_box.step_active1 li.first_child { background: #4ca400; color: #fff; }
.step_box.step_active1 li.nth_child2 > div:before { background: url('../../images/contents/step_arrow_active.png') 0 0 no-repeat; }
.step_box.step_active2 li.first_child { background: #fff; color: #505050; }
.step_box.step_active2 li.nth_child2 { background: #4ca400; color: #fff; }
.step_box.step_active2 li.nth_child2 > div:before { background: url('../../images/contents/step_arrow_on.png') 0 0 no-repeat; }
.step_box.step_active2 li.nth_child3 > div:before { background: url('../../images/contents/step_arrow_active.png') 0 0 no-repeat; }
.step_box.step_active3 li.first_child, .step_box.step_active3 li.nth_child2 { background: #fff; color: #505050; }
.step_box.step_active3 li.nth_child3 { background: #4ca400; color: #fff; }
.step_box.step_active3 li.nth_child2 > div:before { background: url('../../images/contents/step_arrow_past.png') 0 0 no-repeat; }
.step_box.step_active3 li.nth_child3 > div:before { background: url('../../images/contents/step_arrow_on.png') 0 0 no-repeat; }
.step_box.step_active3 li.nth_child4 > div:before { background: url('../../images/contents/step_arrow_active.png') 0 0 no-repeat; }
.step_box.step_active4 li.first_child, .step_box.step_active4 li.nth_child2, .step_box.step_active4 li.nth_child3 { background: #fff; color: #505050; }
.step_box.step_active4 li.nth_child4 { background: #4ca400; color: #fff; }
.step_box.step_active4 li.nth_child2 > div:before, .step_box.step_active4 li.nth_child3 > div:before { background: url('../../images/contents/step_arrow_past.png') 0 0 no-repeat; }
.step_box.step_active4 li.nth_child4 > div:before { background: url('../../images/contents/step_arrow_on.png') 0 0 no-repeat; }
.step_box.step_active4 li.nth_child5 > div:before { background: url('../../images/contents/step_arrow_active.png') 0 0 no-repeat; }
.step_box li.first_child > div:before { display: none; }
.step_box.step_active1 li.first_child .img_step, .step_box.step_active2 li.nth_child2 .img_step, .step_box.step_active3 li.nth_child3 .img_step, .step_box.step_active4 li.nth_child4 .img_step { background-position: 0 -60px; }

/* markup spacing 시작 */
.step_box + .step_info_list { margin-top: 18px; }
.layer_container .step_box { margin-top: 0; }

/* markup spacing 끝*/
.step_info_list li.list_style { font-size: 13px; line-height: 18px; }

/* 팝업 안 step */
.step_box02 { overflow: hidden; }
.step_box02 ol { width: 100%; border: 1px solid #cfcfcf; -webkit-box-sizing: border-box; box-sizing: border-box; table-layout: fixed; border-collapse: separate; }
.step_box02 li { display: table-cell; position: relative; width: 1%; background: #f5f5f5; color: #b8b8b8; text-align: center; vertical-align: middle; }
.step_box02 li > div { position: relative; z-index: 10000; height: 50px; line-height: 50px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.step_box02 li > div:before { display: block; position: absolute; top: 0; left: -12px; width: 24px; height: 50px; background: url('../../images/contents/step02_arrow_off.png') 0 0 no-repeat; content: ''; }
.step_box02 li > div .step_tit { display: inline-block; font-size: 16px; vertical-align: middle; }
.step_box02 li > div .step_tit .step_num { display: block; padding-top: 5px; padding-bottom: 1px; font-size: 12px; line-height: 14px; }
.step_box02 li.first_child > div:before { display: none; }
.step_box02.step_active1 li.first_child { background: #4ca400; color: #fff; }
.step_box02.step_active1 li.nth_child2 > div:before { background: url('../../images/contents/step02_arrow_active.png') 0 0 no-repeat; }
.step_box02.step_active2 li.first_child { background: #fff; color: #505050; }
.step_box02.step_active2 li.nth_child2 { background: #4ca400; color: #fff; }
.step_box02.step_active2 li.nth_child2 > div:before { background: url('../../images/contents/step02_arrow_on.png') 0 0 no-repeat; }
.step_box02.step_active2 li.nth_child3 > div:before { background: url('../../images/contents/step02_arrow_active.png') 0 0 no-repeat; }
.step_box02.step_active3 li.first_child, .step_box02.step_active3 li.nth_child2 { background: #fff; color: #505050; }
.step_box02.step_active3 li.nth_child3 { background: #4ca400; color: #fff; }
.step_box02.step_active3 li.nth_child2 > div:before { background: url('../../images/contents/step02_arrow_past.png') 0 0 no-repeat; }
.step_box02.step_active3 li.nth_child3 > div:before { background: url('../../images/contents/step02_arrow_on.png') 0 0 no-repeat; }
.step_box02.step_active3 li.nth_child4 > div:before { background: url('../../images/contents/step02_arrow_active.png') 0 0 no-repeat; }
.step_box02.step_active4 li.first_child, .step_box02.step_active4 li.nth_child2, .step_box02.step_active4 li.nth_child3 { background: #fff; color: #505050; }
.step_box02.step_active4 li.nth_child4 { background: #4ca400; color: #fff; }
.step_box02.step_active4 li.nth_child2 > div:before, .step_box02.step_active4 li.nth_child3 > div:before { background: url('../../images/contents/step02_arrow_past.png') 0 0 no-repeat; }
.step_box02.step_active4 li.nth_child4 > div:before { background: url('../../images/contents/step02_arrow_on.png') 0 0 no-repeat; }
.step_box02.step_active4 li.nth_child5 > div:before { background: url('../../images/contents/step02_arrow_active.png') 0 0 no-repeat; }
.step_box02 li.first_child > div:before { display: none; }
.stress_text { font-size: 14px; text-align: center; }
.stress_text strong { font-size: 22px; }

/************************************************************************************************************
인증 방법 선택
************************************************************************************************************/
.choice_box { display: table; margin-top: 6px; border: 1px solid #ccc; }
.choice_box > div { display: table-cell; position: relative; width: 1%; padding-top: 25px; padding-bottom: 25px; text-align: center; }
.choice_box > div:before { display: block; position: absolute; top: 40px; bottom: 40px; left: 0; width: 1px; background: #e5e5e5; content: ''; }
.choice_box > div:first-child:before, .choice_box > div.first_child:before { display: none; }
.choice_box > div .img_choice { display: block; width: 100px; height: 100px; margin: 0 auto; border-radius: 50%; background: #e5e7ec; }
.choice_box > div .img_choice.img_ipin { background: url('../../images/contents/img_ipin.png') 0 0 no-repeat; }
.choice_box > div .img_choice.img_phone { background: url('../../images/contents/img_phone.png') 0 0 no-repeat; }
.choice_box > div .img_choice.img_credit { background: url('../../images/contents/img_credit.png') 0 0 no-repeat; }
.choice_box > div .img_choice.img_certificate { background: url('../../images/contents/img_certificate.png') 0 0 no-repeat; }
.choice_box > div .choice_tit { display: block; padding-top: 8px; font-size: 18px; font-weight: bold; color: #323232; line-height: 22px; }
.choice_box > div .choice_text { display: block; padding-top: 5px; padding-bottom: 17px; font-size: 14px; color: #505050; line-height: 18px; }
.choice_box.one_type { display: table; margin-top: 6px; border: 1px solid #ccc; }
.choice_box.one_type > div { padding-top: 20px; padding-bottom: 20px; vertical-align: middle; }
.choice_box.one_type > div.div_img { width: 160px; }
.choice_box.one_type > div.div_text { width: 520px; padding-right: 10px; text-align: left; box-sizing: border-box; }
.choice_box.one_type > div.div_btn { width: 160px; text-align: left; }
.choice_box.one_type > div:before { display: none; }

/* markup spacing 시작 */
.table02 + .choice_box { margin-top: 40px; }
.info_mes01 + .choice_box { margin-top: 40px; }
.tab_link + .table02 + .form_feild > .choice_box { margin-top: 40px; }
.sub_title + .form_feild > .choice_box { margin-top: 6px; }
.sub_title + .form_feild > .table02 + .choice_box{ margin-top: 40px; }
.choice_box + .choice_box { margin-top: 40px; }
.page_info + .choice_box { margin-top: 40px; }

/* markup spacing 끝*/

/************************************************************************************************************
about acuon
************************************************************************************************************/

/* 공통 */
.aboutAcuon_textbox { margin-top: 14px; font-size: 14px; color: #505050; line-height: 22px; word-break: keep-all; }
.aboutAcuon_textbox .text01 { margin-top: 14px; }
.aboutAcuon_textbox .text01:first-child { margin-top: 0; }
.aboutAcuon_textbox02 { font-size: 14px; color: #505050; text-align: left; line-height: 24px; letter-spacing: 0; word-break: keep-all; }
.aboutAcuon_textbox02 .text01 { margin-top: 6px; }
.aboutAcuon_textbox02 .text01:first-child { margin-top: 0; }
.aboutAcuon_textbox03 { font-size: 14px; color: #505050; text-align: left; line-height: 20px; letter-spacing: 0; word-break: keep-all; }
.aboutAcuon_textbox03 .text01 { margin-top: 10px; }
.aboutAcuon_textbox03 .text01:first-child { margin-top: 0; }
.sub_title + .aboutAcuon_textbox03 { margin-top: 3px; }
.aboutAcuon_textbg { padding: 17px 0px;  }

/*ceo 인사말*/
.content_ceo { padding-top: 40px; padding-bottom: 60px; background: url("../../images/contents/bg_ceo_autograph.png") 650px bottom no-repeat; }
.content_ceo:after { display: block; clear: both; content: ''; }
.content_ceo .ceo_profil { float: left; padding-left: 20px; }
.content_ceo .ceo_profil { float: left; padding-left: 20px; text-align: center; }
.content_ceo .ceo_profil .ceo_handle { display: none; margin-top: 17px; font-size: 14px; color: #707070; line-height: 16px; }
.content_ceo .ceo_profil .ceo_name { display: none; margin-top: 4px; font-size: 24px; color: #303030; line-height: 28px; }
.content_ceo .ceo_title{  position: relative; top: 55px; left: 250px;font-size: 18px; color: #303030; }
.content_ceo .ceo_hello { float: left; margin-top: 0; padding-left: 40px; }

/* 개요 */
.content_summaryInfo { min-height: 600px; margin-top: 40px; }
.content_summaryInfo .summaryInfo_box { padding: 21px 24px; background: #f7f7f7; font-size: 16px; color: #505050; line-height: 24px; text-align: left; }
.content_summaryInfo .summaryInfo_box .font_green { font-size: 18px; }
.content_summaryInfo .summaryInfo_box + .aboutAcuon_textbox { margin-top: 36px; }

/* 연혁 */
.content_historyInfo { margin-top: 40px; }
.content_historyInfo .historyInfo_yearlist { position: relative; }
.content_historyInfo .historyInfo_yearlist:before { display: block; position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; background: #ccc; content: ''; }
.content_historyInfo .historyInfo_yearlist > li { display: table; position: relative; width: 100%; margin-top: 20px; }
.content_historyInfo .historyInfo_yearlist > li:first-child { margin-top: 0; }
.content_historyInfo .historyInfo_yearlist > li:before { display: block; position: absolute; top: 50%; left: 50%; width: 19px; height: 19px; margin-top: -9.5px; margin-left: -8.5px; background: url('../../images/contents/icon_history_list.png') 0 0 no-repeat; content: ''; }
.content_historyInfo .historyInfo_yearlist > li > div { display: table-cell; width: 50%; padding-left: 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.content_historyInfo .historyInfo_yearlist > li > div:first-child { padding-right: 18px; padding-left: 0; vertical-align: middle; }
.content_historyInfo .historyInfo_yearlist .history_year { display: table-cell; width: 50%; font-size: 28px; font-weight: bold; color: #505050; vertical-align: middle; text-align: right;}
.content_historyInfo .historyInfo_yearlist .history_year span { vertical-align: middle; }

.content_historyInfo .historyInfo_yearlist > li .history_list + .history_year { text-align: left; }
.history_list > ul { padding-top: 18px; padding-bottom: 18px; border-top: 1px solid #dedede; background: #f7f7f7; }
.history_list > ul li { padding-top: 16px; padding-left: 40px; font-size: 16px; color: #505050; line-height: 20px; }
.history_list > ul li:first-child { padding-top: 0; }
.history_list > ul li:after { display: block; clear: both; content: ''; }
.history_list > ul li .history_month { float: left; font-size: 16px; color: #4ca400; line-height: 20px; }
.history_list > ul li .history_text { float: left; padding-left: 20px; }

/* 주주소개 */
.map_irInfo { margin-top: 40px; margin-bottom: 40px; }

/* ci 소개 */
.content_ciInfo img:first-child { margin-top: 40px; }
.content_ciInfo .sub_title { margin-top: 40px; }
.content_ciInfo .sub_title + img { margin-top: 6px; }

/* 조직도 */
.content_organizationInfo { text-align: center; }
.content_organizationInfo .img_organizationInfo { margin-top: 6px; }
.content_organizationInfo .sub_title { margin-top: 35px; }
.content_organizationInfo .sub_title + .img_hksavingbank { margin: 26px auto 0; }
.content_organizationInfo .aboutAcuon_textbox02 { margin-top: 34px; }

/* 사업분야 */
.fieldInfo_box { padding-top: 30px; padding-bottom: 31px; border-bottom: 2px solid #ccc; background: #f7f7f7; font-size: 16px; color: #505050; text-align: center; }
.fieldInfo_box img { vertical-align: text-top; }
.fieldInfo_list { border-bottom: 1px solid #ccc; }
.fieldInfo_list li { position: relative; padding-right: 30px; padding-left: 30px; border-top: 1px solid #e5e5e5; letter-spacing: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.fieldInfo_list li:first-child { border-top: none; }
.fieldInfo_list .fieldInfo_tit { position: relative; padding-top: 30px; padding-bottom: 6px; background: url('../../images/contents/bg_fieldInfo_bar.png') left bottom no-repeat; font-size: 18px; font-weight: bold; color: #323232; line-height: 24px; }
.fieldInfo_list .fieldInfo_text { padding-top: 15px; padding-bottom: 32px; font-size: 14px; color: #505050; line-height: 20px; }
.fieldInfo_list .img_fieldInfo { display: inline-block; position: absolute; top: 50%; width: 114px; height: 114px; margin-top: -57px; font-size: 18px; color: #fff; text-align: center; line-height: 114px; }
.img_fieldInfo.img_fieldInfo_personal { background: url(../images/contents/img_fieldInfo_personal.png) 0 0 no-repeat; }
.img_fieldInfo.img_fieldInfo_lease { background: url(../images/contents/img_fieldInfo_lease.png) 0 0 no-repeat; }
.img_fieldInfo.img_fieldInfo_install { background: url(../images/contents/img_fieldInfo_install.png) 0 0 no-repeat; }
.img_fieldInfo.img_fieldInfo_business { background: url(../images/contents/img_fieldInfo_business.png) 0 0 no-repeat; }
.img_fieldInfo.img_fieldInfo_invest { background: url(../images/contents/img_fieldInfo_invest.png) 0 0 no-repeat; }
.fieldInfo_list li.even_child { padding-left: 160px; text-align: left; }
.fieldInfo_list li.even_child .img_fieldInfo { left: 30px; }
.fieldInfo_list li.even_child .fieldInfo_tit { background-position: leftbottom; }

.fieldInfo_list li.odd_child { padding-left: 160px; text-align: left; }
.fieldInfo_list li.odd_child .img_fieldInfo { left: 30px; }
.fieldInfo_list li.odd_child .fieldInfo_tit { background-position: left bottom; }
/* 
.fieldInfo_list li.odd_child .img_fieldInfo { right: 30px; }
.fieldInfo_list li.odd_child .fieldInfo_tit { background-position: left bottom; }
 */
/* 윤리경영소개 */
.content_enthicalManagementInfo1 .sub_title { margin-top: 33px; }
.content_enthicalManagementInfo1 .aboutAcuon_textbox03 { margin-top: 5px; }
.content_enthicalManagementInfo1 img { margin-top: 36px; }

/* 윤리경영 */
.enthical_box { margin-top: 40px; background: url('../../images/contents/bg_pattern_box.png') 0 0 repeat; text-align: center; }
.enthical_box .enthical_tit { position: relative; padding-top: 26px; padding-bottom: 14px; font-size: 20px; font-weight: bold; color: #323232; line-height: 24px; }
.enthical_box .enthical_tit:after { display: block; position: absolute; bottom: 0; left: 50%; width: 34px; height: 2px; margin-left: -17px; background: #53ad00; content: ''; }
.enthical_box .enthical_text { padding-top: 20px; padding-bottom: 20px;font-size: 16px; color: #505050; line-height: 20px; }
.enthical_list { margin-top: 20px;  border: 1px solid #b7b9bc; }
.enthical_list:after { display: block; clear: both; content: ''; }
.enthical_list li { float: left; width: 25%; height: 38px; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.enthical_list li.nth_child2, .enthical_list li.nth-child3 { border-top: none; }
.enthical_list li:first-child, .enthical_list li.nth_child4 { border-left: none; }
.enthical_list li a { display: block; position: relative; padding: 9px 0 9px 20px; color: #70BF54; line-height: 20px; }
.enthical_list li a:after { display: block; position: absolute; top: 50%; right: 5px; width: 28px; height: 28px; margin-top: -14px; background: #f0f0f0 url('../../images/button/icon_arrow_right_blue.png') center no-repeat; content: ''; }
.enthical_list li a .enthical_num { padding-right: 5px; font-size: 15px; vertical-align: bottom; }
.enthical_list li a .enthical_text { font-size: 14px; }
.enthical_content { padding-bottom: 38px; border-top: 1px solid #ccc; }
.enthical_content .enthical_title { margin-top: 38px; font-size: 20px; font-weight: bold; color: #505050; line-height: 24px; }
.enthical_content .enthical_title .num { padding-right: 7px; font-size: 22px; vertical-align: bottom; }
.enthical_content .sub_title { margin-top: 14px; }
.enthical_content .enthical_li { margin-top: 4px; }
.enthical_content .enthical_li .list_style03 { margin-top: 4px; font-size: 14px; line-height: 20px; }
.enthical_content .enthical_li .list_style03:first-child { margin-top: 4px; }
.enthical_content .enthical_title + .enthical_li { margin-top: 18px; }
.enthical_list + .enthical_content { border-top: none; }

/* e-Clean센터 > e-Clean센터 */
.content_enthicalManagementInfo3 .sub_title { margin-top: 36px; }
.content_enthicalManagementInfo3 .sub_contents{ width :95%; margin: 15px auto; position: relative; }
.content_enthicalManagementInfo3 .sub_contents p{ line-height:20px; }
.content_enthicalManagementInfo3 .sub_contents .list_title{ font-size: 14px; margin: 5px 0;}
.content_enthicalManagementInfo3 .sub_contents .list_wrapper .list_item{ line-height : 20px; }
.content_enthicalManagementInfo3 .sub_contents .list_wrapper .list_item:before{ content: ''; width: 3px; height: 3px; display: inline-block; background-color: black; margin-bottom: 3px; margin-left: 20px; margin-right: 20px; }
.content_enthicalManagementInfo3 .list_style_round { margin-top: 6px; }

/* e-Clean센터 > 개인정보 수집 및 이용 동의 */
.content_enthicalManagementInfo3_1 .agree_style_round{ padding : 18px 20px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fafafa; margin-top: 36px; margin-bottom:18px; }
.content_enthicalManagementInfo3_1 .agree_notification_round{ border: 1px solid #f5f5f5; padding : 18px 20px; }
.content_enthicalManagementInfo3_1 .agree_notification_round p{ line-height: 20px; }
.content_enthicalManagementInfo3_1 .agree_notification_round .line_break{ margin-left: 14px; }

/* e-Clean센터 > 제보 등록 화면(1) */
.content_enthicalManagementInfo3_2 .contents-round{ padding : 18px 20px; }
.content_enthicalManagementInfo3_2 .contents-round p{ line-height: 20px; }
.content_enthicalManagementInfo3_2 .contents-round p.ml-14{ margin-left: 14px; }

.content_enthicalManagementInfo3_2 .report-round{ padding: 18px 20px; }
.content_enthicalManagementInfo3_2 .report-round .table02 .left{ width: 30%; padding: 5px 0px; line-height: 20px; text-align: center; border-right: 1px solid #cccccc; }
.content_enthicalManagementInfo3_2 .report-round .table02 .right{ width: 70%; padding-left: 8px; padding-right: 8px; }
.content_enthicalManagementInfo3_2 .report-round .table02 .right .report-input{ width : 100%; margin : 0 auto; }
.content_enthicalManagementInfo3_2 .report-round .table02 .right .report-select{ width : 100%; margin : 0 auto; }
.content_enthicalManagementInfo3_2 .report-round .table02 .right .file-input{ width: 100%; margin : 0 auto; font-weight: normal; margin-bottom: 8px; }
.content_enthicalManagementInfo3_2 .report-round .table02 .right p.emphasis{ font-weight: bold; }
.content_enthicalManagementInfo3_2 .report-round .table02 .right p.emphasis:not(:last-child){ padding-bottom: 8px; }

/* 주요경영공시 */
.content_investBoard02 .base_tab { margin-top: 40px; }
.content_investBoard02 .board_list_table01 { margin-top: 40px; }

/* 재무정보 */
.content_investBoard03_1 .sub_title { margin-top: 35px; }

/* 신용등급공고 */
.content_investBoard03_2 .sub_title { margin-top: 35px; }
.btn_bgbox { display: table; background: #f7f7f7; }
.btn_bgbox > .bgbox { display: table-cell; position: relative; width: 1%; height: 114px; text-align: center; }
.btn_bgbox > .bgbox:before { display: block; position: absolute; top: 21px; bottom: 21px; left: 0; width: 1px; background: #dedede; content: ''; }
.btn_bgbox > .bgbox:first-child:before { display: none; }
.btn_bgbox > .bgbox > div { width: 100%; padding-right: 65px; padding-left: 65px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.btn_bgbox > .bgbox .tit { display: block; padding-top: 24px; padding-bottom: 12px; font-size: 14px; font-weight: bold; color: #70BF54; line-height: 18px; }
.btn_bgbox > .bgbox .btn_line { width: 108px; padding-top: 10px; padding-bottom: 8px; font-weight: bold; }
.content_investBoard03_2 .btn_bgbox { margin-top: 41px; }

/* 보도자료 */
.content_companyBoard002 .board_list_table01, .content_companyBoard002 .board_content_companyBoard { margin-top: 35px; }

/* 사회공헌 */
.img_companyBoard003 { margin-top: 40px; }
.img_companyBoard003 + .aboutAcuon_textbg { margin-top: 3px; }
.content_companyBoard003 .table05 { margin-top: 15px; }
.content_companyBoard003 .sub_title { margin-top: 38px; }
.content_companyBoard003 .img_companyBoard003_02 { margin-top: 38px; }
.content_companyBoard003 .table04 { margin-top: 30px; }

/* 인재채용 */
.rightPeople_box { margin-top: 38px; padding-right: 50px; padding-bottom: 40px; padding-left: 50px; background: #f0f0f0; text-align: center; }
.rightPeople_box .rightPeople_tit { padding-top: 35px; font-size: 24px; color: #323232; }
.rightPeople_box .rightPeople_tit strong { font-weight: normal; color: #4ca400; }
.rightPeople_box .rightPeople_text01 { padding-top: 6px; font-size: 14px; color: #505050; line-height: 18px; }
.rightPeople_list { margin-top: 28px; }
.rightPeople_list:after { display: block; clear: both; content: ''; }
.rightPeople_list li { float: left; width: 170px; height: 236px; margin-left: 20px; border: 1px solid #c0c0c0; border-top: 5px solid #70BF54; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.rightPeople_list li:first-child { margin-left: 0; }
.rightPeople_list li .tit { position: relative; padding-top: 27px; padding-bottom: 12px; font-size: 16px; font-weight: bold; color: #70BF54; line-height: 20px; }
.rightPeople_list li .tit:after { display: block; position: absolute; bottom: 0; left: 50%; width: 20px; height: 1px; margin-left: -10px; background: #b2b2b2; content: ''; }
.rightPeople_list li .text01 { padding: 18px 15px; font-size: 13px; color: #323232; line-height: 18px; word-break: keep-all; }
.content_rightPeople .sub_title { margin-top: 38px; }

/* 대출상담사 설명 확인 */
.consult_list { border-top: 1px solid #2f4265; border-bottom: 1px solid #b2b2b2; }
.consult_list li { display: table; width: 100%; height: 66px; border-top: 1px solid #e5e5e5; }
.consult_list li:first-child { border-top: none; }
.consult_list li > div { display: table-cell; width: 1%; vertical-align: middle; }
.consult_list li .consult_question { width: 500px; padding-right: 30px; padding-left: 10px; }
.consult_list li .consult_form { width: 160px; }
.consult_list + .checkbox_wrap { margin-top: 10px; }
.all_check_box + .consult_list{ margin-top: 40px; }
.all_outer_check_box + .consult_list{ margin-top: 40px; }

/* 온라인 제출 텝 컨텐츠 */
ul.blocktype_list { overflow: hidden; }
ul.blocktype_list > li { float: left; margin-left: 1%; padding: 20px 40px; border: 1px solid #ccc; font-size: 18px; font-weight: bold; color: #323232; box-sizing: border-box; }
ul.blocktype_list.each2 > li { width: 49.5%; }
ul.blocktype_list > li:first-child { margin-left: 0; }
ul.blocktype_list > li > div { position: relative; }
ul.blocktype_list > li > div > * { vertical-align: middle; }
ul.blocktype_list > li > div > div { display: inline-block; }
ul.blocktype_list > li > div > span { margin-left: 18px; }
ul.blocktype_list > li > div > div > span + span { display: block; margin-top: 5px; margin-left: 18px; font-size: 14px; color: #505050; }
ul.blocktype_list > li > div > a.btn_rounded { position: absolute; top: 50%; right: 0; margin-top: -18px; }

/************************************************************************************************************
대출 신청 관련 페이지
************************************************************************************************************/

/* 대출신청2 대출정보확인 */
.result_container { }
.result_box { display: table; width: 100%; border-top: 2px solid #70BF54; border-bottom: 1px solid #cccccc; background: #fafafa; font-size: 14px; color: #323232; table-layout: fixed; }
.result_box .inner_box { display: table-cell; position: relative; width: 1%; height: 57px; vertical-align: middle; }
.result_box .inner_box:before { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 25px; margin-top: -12.5px; background: #c8c8c8; }
.result_box .inner_box:first-child:before { display: none; }
.result_box .inner_box .result_tit { display: table-cell; width: 1%; height: 57px; padding-left: 40px; text-align: left; vertical-align: middle; }
.result_box .inner_box .result_cont { display: table-cell; width: 1%; height: 57px; padding-right: 40px; text-align: right; vertical-align: middle; }
.result_box .inner_box .result_cont .num { font-size: 24px; color: #4ca400; font-weight: bold; padding-right: 2px; }
.result_list_container { border-bottom: 1px solid #b7b7b7; }
.result_listbox { display: table; width: 100%; border-top: 1px solid#e5e5e5; font-size: 13px; color: #323232; }
.result_listbox:first-child { border-top: none; }
.result_listbox .inner_box { display: table-cell; width: 1%; height: 50px; }
.result_listbox .inner_box .result_tit { display: table-cell; width: 1%; height: 50px; padding-left: 40px; text-align: left; vertical-align: middle; }
.result_listbox .inner_box .result_cont { display: table-cell; width: 1%; height: 50px; padding-right: 40px; text-align: right; vertical-align: middle; }

/* markup spacing 시작 */
.sub_title + .result_container { margin-top: 6px; }
.tab_link  + .result_container { margin-top: 40px; }

/* markup spacing 끝*/

/* 기능 한도조회 페이지 결과 상품 추천 */
.card_box_container:after { content: ""; display: block; clear: both; }
.card_box { float: left; width: 415px; margin-top: 10px; border: 1px solid #cccccc; margin-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.card_box:nth-child(odd) { margin-left: 0; }
.card_box:first-child, .card_box:nth-child(2) { margin-top: 0; }
.card_box.one_type{ width: 100%; }
.card_box .card_title { position: relative; height: 78px; padding-left: 83px; padding-right: 20px; border-bottom: 1px solid #cccccc; background: url("../../images/contents/bg_card_box.png"); }
.card_box .card_title .tit { display: block; overflow: hidden; width: 100%; padding-top: 18px; font-size: 18px; line-height: 24px; color: #323232; text-overflow: ellipsis; white-space: nowrap; }
.card_box .card_title img { position: absolute; left: 20px; top: 50%; width: 52px; height: 52px; margin-top: -26px; }
.card_box .card_title .cont { padding-top: 2px; display: block; font-size: 14px; color: #505050; }
.card_box .card_content { padding-top: 20px; padding-left: 20px; padding-right: 20px; height: 64px; border-bottom: 1px solid #cccccc; }
.card_box .card_content_list { display: table; width: 100%; margin-top: 10px; font-size: 14px; line-height: 18px; }
.card_box .card_content_list:first-child { margin-top: 0; }
.card_box .card_content .tit { display: table-cell; width: 1%; color: #505050; }
.card_box .card_content .cont { text-align: right; display: table-cell; width: 1%; color: #323232; }
.card_box .card_content .cont .num { font-size: 20px; font-weight: bold; color: #4ca400; }
.card_box .card_footer { text-align: center; padding-top: 20px; padding-bottom: 20px; }
.card_box .card_footer .btn_rounded { margin-left: 2px; }
.card_box .card_footer .btn_rounded:first-child { margin-left: 0; }

/* markup spacing 시작 */
.sub_title + .card_box_container { margin-top: 6px; }
.step_box + .result_container { margin-top: 40px; }

/* markup spacing 끝*/

/* 은행 팝업 리스트 */
.bank_list { margin-top: 20px; }
.bank_list:after { content: ""; display: block; clear: both; }
.bank_list li { position: relative; float: left; width: 20%; margin-top: -1px; margin-left: -1px; border: 1px solid #e5e5e5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; transition: all .2s ease; }
.bank_list li:hover{box-shadow: 0px 0px 16px -4px rgba(0,0,0,.4); z-index: 1;}
.bank_list li img { width: 100%; }
.bank_list li .tit { position: absolute; width: 100%; left: 0; bottom: 20px; text-align: center; }

/* 회원 탈퇴 페이지 */

/* 170320 탈퇴시 유의사항 박스 회원탈퇴서비스선택 페이지 */
.line_box { padding: 20px; border: 1px solid #cccccc; word-break: keep-all; }
.line_box > ul > li > p + p { margin-left: 8px; }

/* markup spacing 시작 */
.line_box .info_mes01 { font-size: 14px; }
.line_box .info_mes01 + .list_style01 { margin-top: 10px; }
.line_box + .checkbox_wrap { margin-top: 10px; margin-left: 4px; }
.table02 + .line_box { margin-top: 40px; }
.sub_title + .line_box { margin-top: 6px; }

/* markup spacing 끝*/

/* 170321 infobox 회원탈퇴사유 선택 페이지 */
.summaryInfo_box { padding: 16px; margin-top: 30px; background: #f7f7f7; font-size: 18px; font-weight: bold; color: #505050; line-height: 24px; text-align: center; }

/* 170321 list 회원탈퇴사유 선택 페이지 */
.ul_list.radio_type { border-top: 1px solid #b2b2b2; }
.ul_list.radio_type > li { padding: 15px 20px; }
.ul_list.radio_type > li .input { width: 90%; margin-left: 10px; }

/* 위치 및 지점 안내 */
.map_info { position: relative; padding-left: 67px; height: 117px; }
.map_info:after { content: ""; display: block; position: absolute; left: 10px; top: 50%; width: 42px; height: 50px; margin-top: -25px; background: url("../../images/contents/bg_map_info.png") 0 0 no-repeat; }
.map_info .tit { padding-top: 38px; font-size: 16px; line-height: 20px; color: #323232; }
.map_info .text { padding-top: 4px; font-size: 14px; line-height: 18px; color: #505050; }
.map { position: relative; margin-top: 40px; border: 1px solid #cccccc; height: 318px; }
.map .map_pin { position: absolute; top: 50%; left: 50%; margin-top: -17px; margin-left: -12px; }
.map .marker_tooltip { position: absolute; left: 50%; top: 50%; margin-left: 20px; margin-top: -16px; padding: 9px; border: 1px solid #dcdcdc; border-radius: 3px; background: #ffffff; }
.map .marker_tooltip:before { content: ""; display: block; position: absolute; width: 0; height: 0; top: 50%; left: -5px; margin-top: -5px; border-right: 5px solid #dcdcdc; border-top: 5px solid transparent; border-bottom: 5px solid transparent; z-index: 0; }
.map .marker_tooltip:after { content: ""; display: block; position: absolute; width: 0; height: 0; top: 50%; left: -3px; margin-top: -5px; border-right: 5px solid #ffffff; border-top: 5px solid transparent; border-bottom: 5px solid transparent; z-index: 1; }
.map .marker_tooltip img { vertical-align: middle; }

/* 로그인 페이지 */ /* 2018.01.02 수정*/

/* 2차 수정 2018.02.07 수정 및 추가 -- s --*/
.login_container { margin-top: 20px; }
.login_container:after { content: ""; display: block; clear: both; }
.login_container .login_box {width: 760px; height: 280px; padding-left: 40px; padding-right: 40px; border: 1px solid #dbdbdb; background: #f7f7f7; }
.login_container .login_box:first-child { margin-right: 10px; }
.login_container .login_box .tit { padding-top: 26px; font-size: 17px; color: #323232; text-align:left; padding-left:10px; float:left; width:100%}
.login_container .login_box .login_form_box { margin-top: 10px; font-size:13px; width:350px; float:left; margin-left:20px; }
.login_container .login_box .login_form_box .login_form { display: table; width: 50%; float:left }
.login_container .login_box .login_form_box .login_form { display: table-cell; float:left; vertical-align: middle; }
.login_container .login_box .login_form_box .login_form .input { height: 35px; margin-top: -1px; padding: 3px 6px 5px 11px; }
.login_container .login_box .login_form_box .login_form .input:first-child { margin-top: 0; }
.login_container .login_box .login_form_box .btnbox { display: table-cell; width: 1%;  vertical-align: middle; }
.login_container .login_box .login_form_box .btnbox .btn_login { float:left; display: inline-block; min-width:80px; height: 69px; border-radius: 3px; background: #334d7d; font-size: 16px; color: #ffffff; line-height: 73px; margin-left:80px}
.login_container .login_box .login_form_box .btnbox .btn_login_sign { display: inline-block; margin-left:10px; height: 69px; border-radius: 3px; background: #334d7d url("../../images/contents/icon_login_certifi.png") 70px center no-repeat; font-size: 15px; color: #ffffff; line-height: 69px; width:335px;}
.login_container .login_box .login_form_box .btnbox .btn_login_naver {display: inline-block; height: 69px; border-radius: 3px; background: #1EC800 url("../../images/contents/icon_login_naver.png") 70px center no-repeat; font-size: 16px; color: #ffffff; line-height: 69px; width:335px;}
.login_container .login_box .login_form_box .btnbox .btn_login_kakao {display: inline-block; margin-left:10px; height: 69px; border-radius: 3px; background: #ffdc00 url("../../images/contents/icon_login_kakao.png") 70px center no-repeat; font-size: 16px; color: #3c1f16; line-height: 69px; width:335px;}

.login_container .login_box .login_form_box .btnbox .btn_join { display: inline-block;  height: 69px; border-radius: 3px; background-color: #334d7d; font-size: 16px; color: #ffffff; line-height: 69px; width:335px;}
.login_container .login_box .login_form_box .btnbox .btn_join1 { display: inline-block;  margin-left:10px; height: 69px; border-radius: 3px; background-color: #334d7d; font-size: 16px; color: #ffffff; line-height: 69px; width:335px;}
.login_container .login_box .login_form_box .btnbox .btn_join_naver {display: inline-block; height: 69px; border-radius: 3px; background: #1EC800 url("../../images/contents/icon_login_naver.png") 40px center no-repeat; font-size: 16px; color: #ffffff; line-height: 69px; width:335px;}
.login_container .login_box .login_form_box .btnbox .btn_join_kakao {display: inline-block; height: 69px; border-radius: 3px; background: #ffdc00 url("../../images/contents/icon_login_kakao.png") 40px center no-repeat; font-size: 16px; color: #3c1f16; line-height: 69px; width:335px; margin-left:10px;}

.login_container .login_box2 {width: 760px; height: 600px; padding-left: 40px; padding-right: 40px; border: 1px solid #dbdbdb; background: #f7f7f7; }

.btn_txt_d{}

.btn_sign_login { display: inline-block; overflow: hidden; position: relative; height: 43px; padding: 15px 11px 6px 30px; border-radius: 3px; background: #334d7d url("../../images/contents/icon_login_certifi.png") 65px center no-repeat; font-size: 13px; color: #fff; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; margin-left:18px; width:255px;}
.btn_sign_login .txt { line-height: 32px; vertical-align: top; margin-left:70px;}

.btn_naver_login { display: inline-block; overflow: hidden; position: relative; height: 43px; padding: 15px 11px 6px 30px; border-radius: 3px; background: #1EC800 url("../../images/button/icon_login_naver.png") 65px center no-repeat; font-size: 13px; color: #fff; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; margin-left:29px; width:255px;}
.btn_naver_login .txt { line-height: 32px; vertical-align: top; margin-left:70px;}

.btn_kakao_login { display: inline-block; overflow: hidden; position: relative; height: 69px; padding: 15px 11px 6px 30px; border-radius: 3px; background: #ffdc00 url("../../images/button/icon_login_kakao.png") 65px  center no-repeat; font-size: 16px; color: #3c1f16; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; margin-left:11px; width:335px; margin-top:2px;}
.btn_kakao_login .txt { line-height: 39px; vertical-align: center; margin-left:70px;}

.btn_sign_join { display: inline-block; overflow: hidden; position: relative; height: 43px; padding: 13px 11px 6px 30px; border-radius: 3px; background: #70BF54 url("../../images/contents/icon_login_certifi.png") 65px center no-repeat; font-size: 13px; color: #fff; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; margin-left:18px; width:300px;}
.btn_sign_join .txt { line-height: 20px; vertical-align: top; margin-left:70px;}

.btn_naver_join { display: inline-block; overflow: hidden; position: relative; height: 43px; padding: 13px 11px 6px 30px; border-radius: 3px; background: #1EC800 url("../../images/button/icon_login_naver.png") 65px center no-repeat; font-size: 13px; color: #fff; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; margin-left:18px; width:300px;}
.btn_naver_join .txt { line-height: 20px; vertical-align: top; margin-left:70px;}

.btn_kakao_join { display: inline-block; overflow: hidden; position: relative; height: 69px; padding: 15px 11px 6px 30px; border-radius: 3px; background: #ffdc00 url("../../images/button/icon_login_kakao.png") 65px  center no-repeat; font-size: 16px; color: #3c1f16; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; margin-left:11px; width:335px; margin-top:2px;}
.btn_kakao_join .txt { line-height: 39px; vertical-align: center; margin-left:70px;}

.btn_kakao_join2 { display: inline-block; overflow: hidden; position: relative; height: 43px; padding: 13px 11px 6px 30px; border-radius: 3px; background: #ffdc00 url("../../images/button/icon_login_kakao.png") 65px  center no-repeat; font-size: 13px; color: #3c1f16; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; margin-left:18px; width:300px; }
.btn_kakao_join2 .txt { line-height: 20px; vertical-align: top; margin-left:70px;}


.login_list:after { content: ""; display: block; clear: both; }
.login_list { vertical-align: left; }
.login_list li { float: left; }
.login_list li a { display: block; position: relative; padding-left: 15px; padding-right: 15px; font-size: 12px; color: #505050;  margin-top:10px;}
.login_list li a:before { content: ""; display: block; position: absolute; top: 50%; left: 0; margin-top: -6px; width: 1px; background: #c6c6c6; height: 12px; }
.login_list li:first-child a:before { display: none; }
.login_list li a:after { content: ""; display: block; position: absolute; top: 50%; right: 7px; margin-top: -4px; width: 5px; height: 8px; background: url('../../images/button/icon_login_arrow_right.png') 0 0 no-repeat; }

.login_list_1:after { content: ""; display: block; clear: both;}
.login_list_1 { margin-top: 8px;}
.login_list_1 li { float: left;}
.login_list_1 li a { display: block; position: relative; padding-left: 10px ;padding-right: 10px; font-size: 12px; color: #505050; }
.login_list_1 li a:before { content: ""; display: block; position: absolute; top: 50%; left: 0; margin-top: -6px; width: 1px; background: #c6c6c6; height: 12px; }
.login_list_1 li:first-child a:before { display: none; }
.login_list_1 li a:after { content: ""; display: block; position: absolute; top: 50%; margin-top: -4px; width: 5px; height: 8px; background: url('../../images/button/icon_login_arrow_right.png') 0 0 no-repeat; }

.login_container .login_box .login_form_box .btnbox .btn_login .img_login_certifi { display: inline-block; width: 26px; height: 29px; margin-right: 10px; vertical-align: middle; background: url('../../images/contents/icon_login_certifi.png') 0 0 no-repeat; }


/*.img_login_sign { display: inline-block; width: 26px; height: 29px; margin-right: 20px; margin-left: 20px; vertical-align: middle; background:url("../../images/contents/icon_login_certifi.png") 0 0 no-repeat; border-right:1px solid #fff;  text-align:center; padding-right:20px;  }
.img_login_naver { display: inline-block; width: 26px; height: 29px; margin-right: 20px; margin-left: 20px; vertical-align: middle; background:url("../../images/contents/icon_login_naver.png") 0 0 no-repeat; border-right:1px solid #fff;  text-align:center; padding-right:20px; }
.img_login_kakao { display: inline-block; width: 26px; height: 29px; margin-right: 20px; margin-left: 20px; vertical-align: middle; background:url("../../images/contents/icon_login_kakao.png") 0 0 no-repeat; border-right:1px solid #fff;  text-align:center; padding-right:20px; }*/

/* 2차 수정 2018.02.07 수정 및 추가 -- e --*/

.login_info_list { display: table; width: 100%; margin-top: 20px; border: 1px solid #e5e5e5; }
.login_info_list:after { content: ""; display: block; clear: both; }
.login_info_list .tit { display: table-cell; position: relative; width: 168px; padding-left: 40px; font-size: 16px; font-weight: bold; color: #323232; vertical-align: middle; line-height: 28px; }
.login_info_list .tit:before { content: ''; display: inline-block; width: 28px; height: 28px; margin-right: 10px; background: url("../../images/contents/icon_info_list.png") 0 0 no-repeat; vertical-align: middle; }
.login_info_list .tit:after { content: ""; display: block; position: absolute; top: 22px; bottom: 22px; right: 0; width: 1px; background: #e5e5e5; }
.login_info_list ul { display: table-cell; width: 80%; padding-left: 30px; padding-top: 18px; padding-bottom: 18px; }
.login_info_list li { font-size: 13px; color: #323232; line-height: 22px; }

/* 맴버십 서비스 안내 */
.service_info { text-align: center; }
.service_info .text01 { padding-top: 48px; font-size: 15px; color: #505050; line-height: 18px; }
.service_info .tit { padding-top: 18px; font-size: 24px; font-weight: normal; color: #323232; line-height: 32px; font-weight: bold; }
.service_info .text02 { padding-top: 20px; font-size: 16px; color: #70BF54; }
.memebership_benefit { position: relative; height: 290px; margin-top: 6px; border-top: 1px solid #ccc; background: #f7f7f7; -webkit-box-shadow: inset 0 2px 3px #f6f6f6; box-shadow: inset 0 2px 3px #f6f6f6; }
.memebership_benefit .memebership_tit { display: table; position: absolute; top: 50%; left: 50%; width: 220px; height: 220px; margin-top: -110px; margin-left: -110px; background: url('../../images/contents/img_service_info.png') 0 0 no-repeat; font-size: 24px; color: #323232; text-align: center; line-height: 28px; }
.memebership_benefit .memebership_tit .txt { display: table-cell; vertical-align: middle; }
.memebership_benefit .memebership_list { position: relative; }
.memebership_benefit .memebership_list li { position: absolute; width: 290px; }
.memebership_benefit .memebership_list li:first-child { top: 55px; left: 0; text-align: right; }
.memebership_benefit .memebership_list li:nth-child(2) { top: 187px; left: 0; text-align: right; }
.memebership_benefit .memebership_list li:nth-child(3) { top: 55px; right: 0; text-align: left; }
.memebership_benefit .memebership_list li:nth-child(4) { top: 187px; right: 0; text-align: left; }
.memebership_benefit .memebership_list li .tit { font-size: 17px; font-weight: bold; color: #323232; }
.memebership_benefit .memebership_list li .text { margin-top: 4px; font-size: 14px; color: #505050; line-height: 18px; }
.arrow_list:after { content: ""; display: block; clear: both; }
.arrow_list li { display: table; float: left; position: relative; height: 38px; text-align: left; text-align: center; vertical-align: middle; white-space: nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.arrow_list li:first-child { padding-left: 0; text-align: left; }
.arrow_list li:last-child { padding-right: 0; text-align: right; }
.arrow_list li:before { display: block; position: absolute; top: 50%; left: 0; width: 7px; height: 12px; margin-top: -6px; background: url('../../images/contents/icon_arrow_right_grey02.png') 0 0 no-repeat; vertical-align: middle; content: ''; }
.arrow_list li:first-child:before { display: none; }
.arrow_list li div { display: table-cell; vertical-align: middle; }
.homepage_type li:first-child { width: 203px; }
.homepage_type li:nth-child(2) { width: 231px; }
.homepage_type li:nth-child(3) { width: 126px; }
.homepage_type li:nth-child(4) { width: 121px; }
.mobileapp_type li:first-child { width: 129px; }
.mobileapp_type li:nth-child(2) { width: 161px; }
.mobileapp_type li:nth-child(3) { width: 185px; }
.mobileapp_type li:nth-child(4) { width: 87px; }
.mobileapp_type li:nth-child(5) { width: 121px; }
.hksb_type li:first-child { width: 140px; }
.hksb_type li:nth-child(2) { width: 295px; }
.hksb_type li:nth-child(3) { width: 126px; }
.hksb_type li:nth-child(4) { width: 121px; }
.acuoncapital_type li:first-child { width: 169px; }
.acuoncapital_type li:nth-child(2) { width: 266px; }
.acuoncapital_type li:nth-child(3) { width: 126px; }
.acuoncapital_type li:nth-child(4) { width: 121px; }

/* 온라인 창구 상품상세정보 팝업 */
.product_detail_box { height: 82px; border: 1px solid #ccc; background: #f0f0f0; }
.product_detail_box:after { content: ""; display: block; clear: both; }
.product_detail_box .product_detail_title { float: left; margin-top: 15px; }
.product_detail_box .product_detail_title:after { content: ""; display: block; clear: both; }
.product_detail_box .product_detail_title .product_detail_img { float: left; margin-left: 19px; }
.product_detail_img { position: relative; width: 52px; height: 52px; }
.product_detail_img img { margin-top: 1px; margin-left: 1px; width: 50px; height: 50px; }
.product_detail_img:after { display: block; position: absolute; top: 0; left: 0; width: 52px; height: 52px; background: url('../../images/contents/bg_product_detail_img.png') 0 0 no-repeat; content: ''; }
.product_detail_img.grey_type:after { background: url('../../images/contents/bg_product_detail_img_grey.png') 0 0 no-repeat; }
.product_detail_box .product_detail_title .tit { float: left; margin-top: 8px; margin-left: 10px; font-size: 14px; color: #505050; line-height: 20px; }
.product_detail_box .product_detail_title .tit strong { display: block; font-size: 18px; color: #323232; }
.product_detail_content { float: right; margin-top: 14px; margin-right: 40px; }
.product_detail_content dl { }
.product_detail_content dl:after { content: ""; display: block; clear: both; }
.product_detail_content dl dt { float: left; padding-right: 50px; font-size: 14px; color: #696969; line-height: 28px; }
.product_detail_content dl dd { float: right; font-size: 14px; color: #505050; text-align: right; line-height: 28px; }
.product_detail_content dl dd .num { font-size: 20px; font-weight: bold; color: #323232 }

/* 온라인 창구 대출내역조회 */
.result_graph_container { overflow: hidden; position: relative; z-index: 10; margin-top: 40px; margin-bottom: 20px; padding: 11px 10px; background: url('../../images/contents/bg_result_graph_container.png') 0 0 repeat; }
.result_graph_container:before { display: block; position: absolute; z-index: 20; top: 50%; left: 50%; width: 22px; height: 22px; margin-top: -11px; margin-left: -11px; background: url('../../images/contents/icon_result_graph_arrow.png') 0 0 no-repeat; content: ''; }
.result_graph_container:after { display: block; clear: both; content: ''; }
.result_graph_container .result_graph_box { float: left; width: 50%; height: 138px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.result_graph_container .result_text_box { float: left; position: relative; z-index: -1; width: 50%; height: 138px; padding-top: 10px; border: 1px solid #dcdcdc; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.result_text_box dl { padding-right: 36px; padding-left: 39px; }
.result_text_box dl:after { display: block; clear: both; content: ''; }
.result_text_box dl dt { float: left; font-size: 15px; color: #505050; line-height: 39px; }
.result_text_box dl dd { float: right; font-size: 14px; color: #505050; line-height: 39px; }
.done_product_graphbox { position: relative; height: 92px; margin-top: 34px; margin-right: 50px; margin-left: 25px; padding-top: 32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.done_product_graphbox .remark { position: absolute; top: 5px; left: 0; width: 100%; font-size: 12px; color: #323232; }
.done_product_graphbox .remark .balance_money { position: absolute; top: 0; left: 0; }
.done_product_graphbox .remark .total_money { position: absolute; top: 0; right: 0; }
.done_product_graphbox .done_product_graph { position: absolute; top: 22px; right: 10px; left: 0; height: 28px; }
.done_product_graphbox .done_product_graph .balance_money { display: block; position: absolute; z-index: 2; top: 0; left: 0; width: 0; height: 18px; font-size: 13px; color: #505050; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.done_product_graphbox .done_product_graph .balance_money:before { display: block; position: absolute; top: 0; right: 7px; left: 0; height: 100%; background: #4bcb30; background-image: url('../../images/contents/bg_pattern_graph.png'), -webkit-linear-gradient(left, #57d83c, #25920f); -webkit-background-size: 11px auto, 100%; background-size: 11px auto, 100%; content: ''; -webkit-box-shadow: 2px  2px 1px #d4d4d4; box-shadow: 2px  2px 1px #d4d4d4; -webkit-transform: perspective(100px) rotateX(15deg); transform: perspective(100px) rotateX(15deg); }
.done_product_graphbox .done_product_graph  .balance_money .txt { display: block; position: relative; z-index: 5; padding-right: 15px; font-size: 13px; font-weight: bold; color: #fff; text-align: right; line-height: 20px; z-index: 2; }
.done_product_graphbox .done_product_graph  .total_money { display: block; position: absolute; right: -10px; bottom: 0; left: 7px; height: 18px; background: #fff; -webkit-box-shadow: 2px  2px 1px #d4d4d4; box-shadow: 2px  2px 1px #d4d4d4; transform: skew(-15deg, 0); }
.done_product_graphbox .done_product_num { position: absolute; top: 60px; left: 0; width: 100%; font-size: 13px; color: #323232; }
.done_product_graphbox .done_product_num .balance_money { position: absolute; top: 0; left: 0; }
.done_product_graphbox .done_product_num .balance_money .num { padding-right: 5px; font-size: 14px; font-weight: bold; color: #1a8a00; }
.done_product_graphbox .done_product_num .total_money { position: absolute; top: 0; right: 0; }
.done_product_graphbox .done_product_num .total_money .num { padding-right: 5px; font-size: 14px; font-weight: bold; color: #323232; }

/* main 사업제휴  */
.bg_pattern_box { margin-top: 40px; background: url('../../images/contents/bg_pattern_box.png') 0 0 repeat; text-align: center; }
.bg_pattern_box .text01 { padding-top: 20px; padding-bottom: 20px; font-size: 16px; font-weight: bold; color: #505050; line-height: 20px; }

/* 상환스케쥴 페이지 */
.schedule_container { margin-top: 40px; }

/* 사이트맵 */
.sitemap_container { width: 1280px;  margin: 0 auto; padding-left: 100px; padding-right: 100px; background: #fff; z-index: 10; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.btn_close_sitemap { display: none; position: absolute; top: 48px; right: 30px; width: 40px; height: 40px; background: #334d7d url("../../images/button/icon_close.png") center center no-repeat; text-indent: -9999px; }
.sitemap_box { padding-bottom: 50px; }
.sitemap_box:after { content: ""; display: block; clear: both; }
.sitemap_depth1 { }
.sitemap_depth1:after { content: ""; display: block; clear: both; }
.sitemap_depth1 .sitemap_depth1_title { float: left; width: 210px; padding-top: 27px; font-size: 22px; color: #4ca400; }
.sitemap_box .sitemap_depth2_box { float: left; width: 870px; padding-top: 12px; padding-bottom: 27px; border-top: 1px solid #cccccc;  display: flex; flex-wrap: wrap;}
.sitemap_box .sitemap_depth1:first-child .sitemap_depth2_box { border-top: none; }
.sitemap_box .sitemap_depth2_box:after { content: ""; display: block; clear: both; }
.sitemap_box .sitemap_depth2_box .sitemap_depth2 { float: left; width: 200px; padding-top: 15px; }
.sitemap_block { float: none; clear: both; width: 100%; height: 45px; }
.sitemap_block:after { content: ""; display: block; clear: both; }
.sitemap_box .sitemap_depth2_box .sitemap_depth2 .sitemap_depth2_title { font-size: 18px; font-weight: bold; color: #323232; }
.sitemap_box .sitemap_depth2_box .sitemap_depth2 .sitemap_depth3 { padding-top: 6px; }
.sitemap_box .sitemap_depth2_box .sitemap_depth2 .sitemap_depth3 li a { display: inline; position: relative; padding-left: 15px; font-size: 14px; line-height: 24px; color: #323232 }
.sitemap_box .sitemap_depth2_box .sitemap_depth2 .sitemap_depth3 li a:before { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 3px; height: 3px; margin-top: -1.5px; background: #aaaaaa; }
#footer_sitemap { width: 1280px; height: 130px; margin-left: -100px; }
#footer_sitemap .footer_inner { padding-left: 310px; }


/* 청구 명세서 */
body { -webkit-print-color-adjust: exact; }
@media print {
    .term_content_container.email_bill_container { 
        width: 8.5in;
        height: 11in;
    }
}
.email_bill_container .email_title_wrap { margin-top: 20px; padding-bottom: 12px; border-bottom: 2px solid #4ca400; }
.email_bill_container .email_title_wrap:after { display: block; clear: both; content: ''; }
.email_bill_container .email_title_wrap .email_title { float: left; }
.email_bill_container .email_title_wrap .email_right { position: relative; float: right; top: 8px; }
.email_bill_container .email_top { padding-top: 18px; padding-bottom: 24px; border-bottom: 1px dashed #d7d7d7; }
.email_bill_container .email_top:after { display: block; clear: both; content: ''; }
.email_bill_container .email_top .email_top_text { float: left; width: 50%; font-size: 14px; line-height: 1.5; }
.email_bill_container .email_top .email_top_text .txt { display: flex; align-items: center; padding-top: 20px; font-size: 16px; }
.email_bill_container .email_top .email_top_text .txt strong { font-size: 20px; color: var(--primary); margin-left: 4px;}
.email_bill_container .email_top .person_info { float: right; width: 50%; margin-top: 5px; padding: 13px 22px; border-radius: 8px; border: 1px solid var(--line-02); background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.email_bill_container .email_top .person_info dl:after { display: block; clear: both; content: ''; }
.email_bill_container .email_top .person_info dl { color: #111; padding: 4px 0;}
.email_bill_container .email_top .person_info dl dt { float: left; width: 30%; font-size: 14px; font-weight: bold; line-height: 20px; }
.email_bill_container .email_top .person_info dl dd { float: right; width: 70%; font-size: 14px; text-align: right; line-height: 20px; }
.email_bill_container .sub_title { margin-top: 20px; font-size: 19px; color: #323232; }
.email_bill_container .sub_title + .normal_mes { padding-top: 9px; font-weight: normal; font-size: 1rem;}
.email_bill_container .sub_title + .normal_mes + .bill_box { margin-top: 10px; }
.email_bill_container .bill_box { width: 100%; border: 6px solid #f0f0f0; border-top: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.email_bill_container .bill_box + .bill_box { margin-top: 16px; }
.email_bill_container .bill_box:after { display: block; clear: both; content: ''; }
.email_bill_container .bill_box .bill_innerbox { float: left; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.email_bill_container .bill_box .bill_innerbox .bill_title { height: 42px; border-top: 6px solid #f0f0f0; border-bottom: 6px solid #f0f0f0; background: #f0f0f0; font-size: 16px; font-weight: bold; text-align: center; line-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.email_bill_container .bill_box .bill_innerbox .bill_content { padding: 24px 30px 30px; }
.email_bill_container .bill_box .bill_innerbox .bill_content:after { display: none; position: absolute; top: 24px; right: 0; bottom: 24px; width: 2px; background: #f1f1f1; content: ''; }
.email_bill_container .bill_box .bill_innerbox:first-child .bill_content:after { display: block; }
.email_bill_container .bill_box.type02 .bill_innerbox .bill_content:after { display: block; position: absolute; top: 24px; bottom: 24px; left: 0; width: 2px; background: #f1f1f1; content: ''; }
.email_bill_container .bill_box .bill_innerbox .bill_content .sub_bill_title { font-size: 16px; font-weight: bold; color: #111; }
.email_bill_container .bill_box .bill_innerbox .bill_content .sub_bill_title img { vertical-align: top; }
.email_bill_container .bill_box .bill_innerbox .bill_content .bill_detail_box { padding-top: 4px; padding-right: 20px; padding-bottom: 10px; padding-left: 18px; }
.email_bill_container .bill_box .bill_innerbox .bill_content .bill_detail_box dl {margin-top: 4px;}
.email_bill_container .bill_box .bill_innerbox .bill_content .sub_bill_title:first-child + .bill_detail_box { margin-bottom: 12px; border-bottom: 1px dashed #d7d7d7; }
.email_bill_container .bill_box .bill_innerbox .bill_content .bill_detail_box .bill_detail:after { display: block; clear: both; content: ''; }
.email_bill_container .bill_box .bill_innerbox .bill_content .bill_detail_box .bill_detail dt { float: left; font-size: 14px; color: #333; line-height: 24px; }
.email_bill_container .bill_box .bill_innerbox .bill_content .bill_detail_box .bill_detail dd { float: right; font-size: 16px; color: #333; line-height: 24px; display: flex; align-items: center;}
.email_bill_container .bill_box .bill_innerbox .bill_content .bill_detail_box .bill_detail dd .num { font-size: 18px; font-weight: bold; margin-right: 4px;}
.email_bill_container .bill_box .bill_innerbox .bill_content .bill_result_box { padding: 8px 16px; background: var(--secondary); color: #fff; line-height: 1.5; }
.email_bill_container .bill_box .bill_innerbox .bill_content .bill_result_box dl{display: flex;justify-content: space-between;align-items: center;}
.email_bill_container .bill_box .bill_innerbox .bill_content .bill_result_box dl:after { display: none; }
.email_bill_container .bill_box .bill_innerbox .bill_content .bill_result_box dt { font-size: 16px; }
.email_bill_container .bill_box .bill_innerbox .bill_content .bill_result_box dd { display: flex; align-items: center; }
.email_bill_container .bill_box .bill_innerbox .bill_content .bill_result_box dd .num { font-size: 20px; font-weight: bold; vertical-align: middle; margin-right: 4px;}
.email_bill_container .bill_box .bill_innerbox .bill_content .bill_text { display: block;font-size: 16px; font-weight: bold; color: var(--fc-333); text-align: right; line-height: 1.5; margin-top: 8px; }
.email_bill_container .bill_box .bill_innerbox .bill_content .bill_address { font-size: 14px; font-weight: normal; color: #333; text-align: right; line-height: 1.5; margin-top: 74px; }
.email_bill_container .bill_box .bill_innerbox .bill_content .bill_address .txt { display: block; padding-top: 13px; font-size: 16px; color: #333; font-weight: bold; }
.email_bill_container .bill_box.type02 .bill_innerbox { width: 65%; }
.email_bill_container .bill_box.type02 .bill_innerbox:first-child { width: 35%; }
.email_bill_container .bill_box.type02 .bill_list dl { padding-top: 7px; padding-bottom: 7px; }
.email_bill_container .bill_box.type02 .bill_list dl:after { display: block; clear: both; content: ''; }
.email_bill_container .bill_box.type02 .bill_list dl dt { float: left; width: 57%; font-size: 15px; color: #505050; line-height: 20px; }
.email_bill_container .bill_box.type02 .bill_list dl dd { float: left; width: 43%; font-weight: bold; color: #505050; text-align: right; line-height: 20px; }
.email_bill_container .bill_list { margin-top: 8px; }
.email_bill_container .bill_list .list_style04 { margin-top: 3px; font-size: 12px; color: #505050; line-height: 17px; }
.email_bill_container .bill_sub_title02 { font-size: 16px; font-weight: bold; color: #333; line-height: 20px; }
.email_bill_container .bill_normal_text { padding-top: 4px; font-size: 15px; color: var(--fc-333); }
.email_bill_container .bill_normal_text + .bill_sub_title02 { padding-top: 15px; }
.email_bill_container .bill_textbox { padding-top: 12px; }
.email_bill_container .bill_bgbox { margin-top: 6px; padding: 12px 20px; background: var(--bg-01); font-size: 14px; color: #333; line-height: 1.5; word-break: keep-all; border-radius: 8px;}
.email_bill_container .bill_linebox { margin-top: 12px; padding: 10px 20px; border: 1px solid var(--line-02); font-size: 14px; color: #333; line-height: 1.5; border-radius: 8px;}
.font_red{color: var(--negative);}
/* 달력 (상환 스케쥴)*/
.schedule_list_box { float: left; width: 460px; margin-left: 20px; }
.schedule_list_box .calendar_result { min-height: 343px; }
.schedule_list_box .table01 tbody tr td:last-child { padding-right: 35px; }
.schedule_list_box .result_container .result_box { border-top: 1px solid #ccc; }
.total_info_result { background: url('../../images/contents/bg_total_result.png') 0 0 repeat; }
.total_info_result .inner_box { display: table; width: 100%; font-size: 13px; color: #323232; }
.total_info_result .inner_box .result_tit { display: table-cell; width: 1%; height: 44px; padding-left: 36px; vertical-align: middle; }
.total_info_result .inner_box .result_cont { display: table-cell; width: 1%; height: 44px; padding-right: 36px; text-align: right; vertical-align: middle; }
.total_info_result .inner_box .result_cont .num { font-weight: bold; color: #e93c66; }
.schedule_list_box .result_container .inner_box .result_tit { padding-left: 35px; font-weight: bold; }
.schedule_list_box .result_container .inner_box .result_cont { padding-right: 35px; } 


#calander_container .ui-datepicker{ float: left; width: 360px; min-height: 403px; margin-top: 0; border: 10px solid #f0f0f0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#calander_container .ui-datepicker:after{ display: none; }
#calander_container .ui-datepicker .ui-datepicker-header{ position: relative; height: 54px; padding: 0 15px; background: #2f4265 url('../../images/contents/bg_calander_pattern.png') 0 0 repeat-y; -webkit-background-size: 100%  auto; background-size: 100%  auto; color: #fff; line-height: 54px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#calander_container .ui-datepicker .ui-datepicker-prev, #calander_container .ui-datepicker .ui-datepicker-next  { display: block; position: absolute; width: 28px; height: 54px; margin-top: -27px; text-indent: -9999px;}
#calander_container .ui-datepicker .ui-datepicker-prev{ left: 80px; }
#calander_container .ui-datepicker .ui-datepicker-next{ right: 80px; }
#calander_container .ui-datepicker .ui-datepicker-prev { background: url('../../images/button/icon_arrow_left_white.png') center no-repeat; }
#calander_container .ui-datepicker .ui-datepicker-next { background: url('../../images/button/icon_arrow_right_white.png') center no-repeat; }
#calander_container .btn_today { display: inline-block; position: absolute; top: 50%; right: 20px; width: 42px; height: 22px; margin-top: -11px; border-radius: 11px; background: #fff; font-size: 12px; font-weight: bold; color: #323232; text-align: center; line-height: 23px; }
#calander_container .ui-datepicker table{ width: 320px; margin: 0 10px; font-size: 14px; border-collapse: collapse; }
#calander_container .ui-datepicker .ui-datepicker-month, #calander_container .ui-datepicker .ui-datepicker-year{ font-size: 26px; font-weight: bold; }
#calander_container .ui-datepicker .ui-datepicker-month:after, #calander_container .ui-datepicker .ui-datepicker-year:after{font-size: 16px; font-weight: normal;}
#calander_container .ui-datepicker table th { height: 40px; padding: 0 2px; border-bottom: 1px solid #e5e5e5; font-size: 12px; font-weight: normal; color: #323232; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#calander_container .ui-datepicker table th:first-child { padding-left: 6px; }
#calander_container .ui-datepicker table th:last-child { padding-right: 6px; }
#calander_container .ui-datepicker table td { width: 40px; padding: 0 2px; border: 0; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#calander_container .ui-datepicker table tr:first-child td { padding-top: 15px; }
#calander_container .ui-datepicker table tr td span, #calander_container .ui-datepicker table tr td a{ display: block; position: relative; width: 40px; height: 40px; line-height: 42px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#calander_container .ui-datepicker table tr td span:after, #calander_container .ui-datepicker table tr td a:after { display: block; position: absolute; bottom: 6px; left: 50%; width: 4px; height: 4px; margin-left: -2px; border-radius: 2px; content: ''; }
#calander_container .ui-datepicker table tr td .calendar_state_active:after { background: #4ca400; }
#calander_container .ui-datepicker table tr td.calendar_state_active a:after ,#calander_container .ui-datepicker table tr td.calendar_state_active span:after { background: #4ca400; }
#calander_container .ui-datepicker table tr td .calendar_state_active.ui-state-active:after { background: #fff; }
#calander_container .ui-datepicker table tr td.calendar_state_active a.ui-state-active:after,#calander_container .ui-datepicker table tr td.calendar_state_active span.ui-state-active:after { background: #fff; }

/* 달력  markup */
.calander_container { float: left; width: 340px; height: 383px; border: 10px solid #f0f0f0; }
.content_list.schedule_list { border-top: 1px solid rgba(255, 255, 255, .2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.content_list.schedule_list dl { height: 43px; }
.content_list.schedule_list dl dt, .content_list.schedule_list dl dd { font-size: 14px; color: #fff; }
.content_list.schedule_list dl dd .num { padding-right: 2px; font-size: 22px; font-weight: bold; }
.calander_box { width: 100%; padding-bottom: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.calander_box .calander_headerbox { position: relative; padding: 0 15px; background: #2f4265 url('../../images/contents/bg_calander_pattern.png') 0 0 repeat-y; -webkit-background-size: 100%  auto; background-size: 100%  auto; color: #fff; line-height: 54px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.calander_box .calander_header { height: 54px; }
.calander_box .calander_header .calander_prev, .calander_box .calander_header .calander_next { position: absolute; top: 0; width: 28px; height: 54px; }
.calander_box .calander_header .calander_prev { left: 80px; }
.calander_box .calander_header .calander_next { right: 80px; }
.calander_box .calander_header .calander_prev span, .calander_box .calander_header .calander_next span { display: block; text-indent: -9999px; }
.calander_box .calander_header .calander_prev span { background: url('../../images/button/icon_arrow_left_white.png') center no-repeat; }
.calander_box .calander_header .calander_next span { background: url('../../images/button/icon_arrow_right_white.png') center no-repeat; }
.calander_box .calander_header .calander_title { margin: 0; font-size: 16px; text-align: center; }
.calander_box .calander_header .calander_title .calander_month, .calander_box .calander_header .calander_title .calander_year { font-size: 26px; font-weight: bold; }
.calander_box .calander_header .calander_title .calander_month { margin-left: 6px; }
.btn_today { display: inline-block; position: absolute; top: 50%; right: 20px; width: 42px; height: 22px; margin-top: -11px; border-radius: 11px; background: #fff; font-size: 12px; font-weight: bold; color: #323232; text-align: center; line-height: 23px; }
.calander_box .calander_table { width: 308px; margin: 0 auto; font-size: 14px; border-collapse: collapse; }
.calander_box .calander_table th { min-height: 40px; padding: 0 2px; border-bottom: 1px solid #e5e5e5; font-size: 12px; font-weight: normal; color: #323232; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.calander_box .calander_table th > span { display: block; position: relative; height: 0; padding-bottom: 86.363636363636%; }
.calander_box .calander_table th > span i { position: absolute; top: 50%; left: 0; width: 100%; margin-top: -4px; font-style: normal; text-align: center; }
.calander_box .calander_table tr th:first-child { padding-left: 6px; }
.calander_box .calander_table tr th:last-child { padding-right: 6px; }
.calander_box .calander_table td { width: 40px; padding: 0 2px; border: 0; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.calander_box .calander_table tr:first-child td { padding-top: 15px; }
.calander_box .calander_table td a { display: block; overflow: hidden; position: relative; height: 0; padding-bottom: 100%; border-radius: 2px; font-size: 14px; color: #323232; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-decoration: none; }
.calander_box .calander_table td a b { position: absolute; top: 50%; left: 0; width: 100%; margin-top: -7px; font-weight: normal; text-align: center; }
.calander_box .calander_table td a:after { display: block; position: absolute; bottom: 6px; left: 50%; width: 4px; height: 4px; margin-left: -2px; border-radius: 2px; content: ''; }
.calander_box .calander_table .calendar_today:before { display: block; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; content: ''; }
.calander_box .calander_table .calendar_today:before { border: 1px solid #dedede; background: #f7f7f7; }
.calander_box .calander_table .calendar_select { font-weight: bold; color: #fff; }
.calander_box .calander_table .calendar_select:before { display: block; position: absolute; z-index: -1; top: 0; left: 0; width: 40px; height: 40px; border: 1px solid #dedede; border-color: #4ca400; background: #f7f7f7; background: #4ca400; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; content: ''; }
.calander_box .calander_table .calendar_state_active:after { background: #4ca400; }
.calander_box .calander_table .calendar_state_active.calendar_select:after { background: #fff; }
.calander_box .calander_table td .calendar_secondary { color: #cbcbcb; }

/************************************************************************************************************
프로필 팝업
************************************************************************************************************/
.profil_box{ text-align: center; }
.profil_box .txt{ font-size: 16px; font-weight: bold; color: #323232; }
.profil_box .profil_img_box{ padding-top: 16px; }
.profil_box .profil_img_box .profil_img{ display: inline-block; position: relative; overflow: hidden;width: 60px;height: 60px; margin-left: 10px; border-radius: 50%; /* behavior: url( "/home/css/pie/PIE.htc" );} */}
.profil_box .profil_img_box .profil_img:first-child{ margin-left: 0; }
.profil_box .profil_img_box .profil_img + .profil_img + .profil_img:after{ content: ""; display: block; position: absolute; top: 0;left: 0; width: 60px; height: 60px; border: 2px solid #cfd6df; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 2; /* behavior: url( "/home/css/pie/PIE.htc" ); */}
.profil_box .profil_img_box .profil_img img{ position: relative; width: 60px; z-index: 1; }
.profil_box .profil_img_box + .btn_area{padding-top: 20px}
.inuput_file{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;  }
/************************************************************************************************************
상담하기 팝업
************************************************************************************************************/
/* 간격 없는 팝업 */
.layer_container.type02:after { display: block; clear: both; content: ''; }
.layer_container_left { float: left; width: 286px; height: 100%; padding-right: 30px; padding-left: 30px; background: url('../../images/contents/bg_layour_popup.png') 0 0 repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.layer_container_right { float: left; width: 474px; padding-right: 30px; padding-left: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.consult_popup {}
/* .popup_inner.sangdam {height: auto !important;} */

/* 전화번호 안내 */
.call_box { height: 60px; padding-left: 69px; background: url('../../images/contents/img_call.png') 0 0 no-repeat; text-align: right; }
.call_box a { display: inline-block; margin-right: -5px; padding-top: 15px; font-size: 30px; font-weight: bold; color: #4ca400; white-space: nowrap; }
.call_box span.txt { display: block; padding-top: 10px; font-size: 13px; color: #505050; }

/* markup spacing 시작 */
.layer_container_left .call_box { margin-top: 74px; }

/* markup spacing 끝*/
.popup_title { padding-top: 30px; padding-bottom: 13px; border-bottom: 1px solid #70BF54; font-size: 18px; color: #70BF54; }
.popup_text01 { padding-top: 25px; font-size: 16px; color: #4ca400; line-height: 18px; }
.popup_text02 { padding-top: 8px; font-size: 14px; color: #505050; line-height: 16px; }

/* 전화번호 박스 */
.bg_box { margin-top: 18px; padding: 12px 20px; background: #f5f5f5; }
.input_box:first-child { padding-bottom: 12px; background: #f5f5f5; }
.input_box:after { display: block; clear: both; content: ''; }
.input_box .tit { float: left; width: 96px; font-size: 13px; color: #909093; line-height: 26px; }
.input_box .input_phone { float: left; width: 277px; }
.input_box .input_phone .select_wrap_sm  .select { width: 80px; }
.input_box .input { width: 191px; }

/* 약관 안내 */
.term_list_box { display: flex; justify-content: space-between; align-items: center; padding: 0 16px;width: 100%; height: 44px; margin-top: 10px; border-top: 1px solid var(--line-02); border-bottom: 1px solid var(--line-02); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.term_list_box .term_tit { display: table-cell; padding-left: 0; font-size: .875rem; color: var(--fc-333); vertical-align: middle; }
.term_list_box .btnbox { display: flex; justify-content: center; align-items: center; text-align: right; color: var(--fc-333); vertical-align: middle; }

/* 라디오박스 */
.term_agree { margin-top: 10px; text-align: right; }

/****** alert ******/

/* 자동 로그아웃 */
.logout_time { width: 116px; height: 131px; margin: 0 auto; background: url('../../images/contents/img_logout.png') 0 0 no-repeat; -webkit-background-size: 116px auto; background-size: 116px auto; }
.logout_time .tit { display: block; padding-top: 47px; font-size: .875rem; font-weight: normal; color:var(--fc-111); }
.logout_time .time { display: block; padding-top: 12px; font-size: .875rem; font-weight: normal; color: var(--fc-111); }
.logout_time .time .num { display: inline-block; font-size: 44px; color: var(--primary); font-weight: bold; }

/************************************************************************************************************
모집인 블로그
************************************************************************************************************/
table.imglist_type tbody td { padding-top: 30px; padding-bottom: 30px; }
table.imglist_type .product_detail_img { display: inline-block; vertical-align: middle; }
table.imglist_type span { display: inline-block; margin-left: 10px; vertical-align: middle; color: #505050;}
table.imglist_type strong { font-size: 18px; }

/* 블로그 로그인 */
.list_style05 + .blog_login_box{margin-top: 10px;}
.blog_login_box:after { content: ""; display: block; clear: both; }
.blog_login_form { float: left; width: 235px; }

.blog_login_form .input { height: 48px; margin-top: -1px; padding-left: 48px; border-color: #cccccc; background: url("../../images/layout/icon_pwd_blog.png") 10px center no-repeat; }
.blog_login_form .input:focus{ padding-left: 48px; border-width: 1px;}
.blog_login_form.wide_type{ float: none; width: 100%; }
.blog_login_form input:first-child { margin-top: 0; background: url("../../images/layout/icon_id_blog.png") 10px center no-repeat; }
.blog_login_box .btnbox { float: left; margin-left: 10px; }
.blog_login_box .btn_login { display: inline-block; width: 95px; height: 95px; border-radius: 3px; line-height: 95px; background: #334d7d; font-size: 15px; color: #fff; text-align: center; }

/* 2020-01-08 */
.result_container_2 {margin:40px 0 50px 0;border-top:2px solid #2f4265;}
.result_container_2 .result_title {padding:20px 0;font-size:16px;color:#333;text-align: center;}
.result_container_2 .result_title .count_area {font-size:16px;color:#505050;}
.result_container_2 .result_title .count_area .num {font-size:16px;color:#4ca400;}
.result_container_2 .result_content {padding:35px 20px 40px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:#fafafa;}
.result_container_2 .result_content:after {content:'';clear:both;display:block;}

.loan_slider_wrap {float:left;display:inline-block;position:relative;width:260px;margin:40px 0 0 10px;}
.loan_slider_wrap:nth-child(3n+1) {margin:32px 0 0 0;}
.loan_slider_wrap:nth-child(1) {margin:0;}
.loan_slider_wrap:nth-child(2) {margin:0 0 0 10px;}
.loan_slider_wrap:nth-child(3) {margin:0 0 0 10px;}
.loan_slider_wrap .title_area {margin:0 0 20px 0;}
.loan_slider_wrap .bx-wrapper {position:relative;padding:50px 20px;border:1px solid #ccc;border-radius:5px;box-sizing: border-box;-webkit-box-sizing: border-box;background:#fff;}
.loan_slider {
    position: relative;
    padding: 50px 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #fff;
}
.loan_slider .slide dl {margin:10px 0 0 0;}
.loan_slider .slide dl:first-child {margin:0;}
.loan_slider .slide dl:after {content:'';clear:both;display:block;}
.loan_slider .slide dl dt {display:inline-block;float:left;font-size:14px;color:#505050;} 
.loan_slider .slide dl dd {display:inline-block;float:right;font-size:14px;color:#505050;} 
.loan_slider .slide dl dd strong {font-size:18px;color:#4ca400;}
.loan_slider_wrap .bx-controls a {display:inline-block;position:absolute;left:50%;z-index:0;width:23px;height:15px;margin:0 0 0 -12px;font-size:0;}
.loan_slider_wrap .bx-controls .bx-prev {top:9px;background:url(../images/button/btn_slider_prev.png) no-repeat 0 0;}
.loan_slider_wrap .bx-controls .bx-next {bottom:10px;background:url(../images/button/btn_slider_next.png) no-repeat 0 0;}

/* 2020-01-20 */
.btn_rounded2 { display: inline-block; min-width: 54px; padding: 9px 11px 7px; border-radius: 2px; font-size: 14px; text-align: center; line-height: 18px; vertical-align: middle; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; cursor: pointer; }
.account_chk_info,
.form_list > dl > dt.account_chk_info {display:none;}

/* 2020-02-04 */
.sel_loan_period {margin-top:10px;text-align: right;}
.sel_loan_period:after {content:'';display:block;clear:both;}
.sel_loan_period li {display:inline-block;border:1px solid #ccc;}
.sel_loan_period a {float:left;display:inline-block;width:25px;height:25px;text-align:center;border-left:1px solid #ccc;font-size:13px;color:#505050;line-height:27px;}.sel_loan_period a.active {color:#fff;background:#4ca400;}
.sel_loan_period a:first-child {border-left:0;}

/* 2020-04-03 - 주택담보대출 상품안내*/
.stmpDty01 {padding-left:120px;}
.stmpDty02 {padding-left:46px;}
.stmpDty03 {padding-left:43px;}
.stmpDty04 {padding-left:108px;}

/* 2020-08-24 -TOPUP(추가대출) 약관*/
.agreepL10{ padding-left: 10px;}

/* 2021-03-09 - 금소법 관련 적합성 원칙 확인서 & 애큐온캐피탈 신용대출상품 설명서 */
.Survey-Layout .reason-container { position : relative; }
.Survey-Layout .reason-container p.selectbox-title{padding: 0 16px; margin : 15px 0; font-weight : bold; font-size: 16px; color : #505050; }
.Survey-Layout .reason-container div.select_title { margin : 0 9px; font-size : 13px; color : #b8b8b8; height : 25px; line-height : 25px; padding: 5px 0; border-bottom: 1px solid #b8b8b8; cursor : pointer; padding-left : 20px; }

/* 화살표 디자인 */
.Survey-Layout .reason-container:after{ content: ''; display: block; position: absolute; z-index: 1; top: 70%; right: 20px; transform: translate(0, -50%); width: 0; height: 0; border: 10px solid #b8b8b8; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: none; }

.Survey-Layout ul.option{ display : none; margin : 10px 9px; }
.Survey-Layout .radio_option li.option_element{ padding : 5px 0; margin : 0 20px; height : 20px; line-height : 20px; }
.Survey-Layout .option li.option_element{ padding : 5px 0; margin : 0 20px; height : 20px; line-height : 20px; cursor : pointer; }
.Survey-Layout .option li.option_element:hover{ background-color : #f1f1f1; }
.Survey-Layout li{ padding: 0px 25px; margin: 10px 0; }
.Survey-Layout li:before { content: ''; display: inline-block; border: 2.2px solid black; border-radius: 100px; margin-bottom: 3px; margin-right: 10px; }

.Survey-Layout .custType-wrapper{ padding-left : 29px; }
.Survey-Layout .age, .Survey-Layout .credit-score { padding-left: 29px; font-size: 14px; display : inline-block; }
.Survey-Layout .age .highlight, .Survey-Layout .credit-score .highlight{ font-weight: bold; border-bottom: 1px solid black; text-align: center; margin: 0px 5px; }
.Survey-Layout .age .highlight > span, .Survey-Layout .credit-score .highlight > span { padding: 0px 2px; }

.agree-wrapper{ width : 100%; display : flex; margin : 20px 0; }
.agree-wrapper .partition{ width : 50%; display : inline-block; text-align : center;}

/* 2021-03-11 신용대출 상품 설명서 */
.enthical_li .highlight{ font-weight : bold; text-decoration : underline; }
.explain{ margin-left: 29px; border: 1px solid black; padding: 10px; }
.explain li.product_detail{ font-size : 13px; padding : 5px 0; }

.list_style06{ position: relative; padding-left: 15px; font-size: 13px; color: #505050; line-height: 20px; }
.list_style07{ position: relative; margin-left:10px; padding-left: 15px; font-size: 13px; color: #505050; line-height: 20px; }

.list_style06:before{display: block; position: absolute; top: 8px; left: 0; width: 3px; height: 3px; background: black; content: '';}

.list:before{ content: ''; background-color: black; position: absolute; top: 6px; }
.circle:before{ content: ''; border-radius : 10px; background-color: black; position: absolute; top: 6px; }
.indent_lv2{ margin-left : 10px !important; }
.indent_lv3{ margin-left : 15px !important; }
.star:before{ content: '*' !important; background: white; line-height: 4px; }

.enthical_li .fontBold{ font-weight : bold; }
.enthical_li .highlight{ font-weight : bold; text-decoration : underline; }
.vertical_margin{ margin : 10px 0; line-height: 20px; }
.handle-item:before{ content: '☞'; font-size: 15px; margin-right: 10px; }

.table-wrapper { width : 62%; margin : 30px auto; }
.div-explain{ width : inherit; margin : 15px auto; border: 1px solid black; padding: 10px; }
.table-wrapper .table07 thead th{ font-weight: bold; border: 1px solid black; width: 25%; text-align: center; height: 35px; }
.table-wrapper .table07 tbody td{ text-align : center; border : 1px solid black; height: 40px; line-height : 20px; }

#confirmCheck table tr td { border: 1px solid black; padding: 20px 10px; }
#confirmCheck table tr td.col_1 label{ padding-left : 23px !important; }

/* 2021-05-27 동의서 퍼블리싱 */
.fontBold{ font-weight: bold; }
.underline{ text-decoration: underline; }
.fontGray{ color: #808080; font-size: .75rem;}
.comment{ display:inline-block; margin: 0; }
.comment.fontGray{margin-top: 8px;}
.subHeading{ margin-bottom: 5px; letter-spacing: 0.5px; }
.pl20{ padding-left: 20px !important; }
.pr0{ padding-right: 0px !important; }
.vertical-padding5{ padding: 5px 0; }
.contentsWrapper{ padding: 0; }

.view-all{ display: flex; justify-content: space-between; border: 1px solid #dcdcdc; padding: 10px; margin: 10px 0;}
.view-all .view-all-notice{ width: 100%; line-height: 20px; }
.view-all .checkfrm{ flex-shrink: 0; flex-grow: 1; text-align: center; line-height: 40px; }
.view-all-container{ overflow: auto; padding: 10px; max-height: 750px; }
	
.sub-title-wrapper{ display: inline-flex; padding: 10px; font-size: 1rem; background: var(--bg-03); color: var(--fc-111); font-weight: bold; border-radius: 25px; margin: 40px 0 10px 0;}
.sub-title-wrapper .number{ background: white; color: black; width: 25px; height: 25px; line-height: 28px; text-align: center; border-radius: 20px;}
.sub-title-wrapper .title{ line-height: 25px; padding-left: 5px; }

.table1{ width: 100%; border-bottom: 1px solid var(--line-02); font-size: .875rem;color: var(--fc-111); padding: 8px; }
.table1 th{word-break: keep-all;}
.table1 th,
.table1 td{padding: 8px !important;}
.table1 .row .first-col{ width: 20%; background: var(--bg-01); text-align: left;font-weight: normal;word-break: keep-all; }
.table1 .row .last-col{background-color: #fff; border-top: 1px solid var(--line-02);font-weight: normal;word-break: keep-all; border-top: 1px solid var(--line-01);}
.table1 .first .first-col{ border-bottom: 1px solid var(--line-02);font-weight: normal; word-break: keep-all; }
.table1 .first .last-col{ background-color: #fff;border-bottom: 1px solid var(--line-02);font-weight: normal;word-break: keep-all; }
.table1 .last .subitem-wrapper{background-color: #fff;display: flex;border-bottom: 1px solid #dcdcdc;flex-direction: row;justify-content: space-evenly;}
.table1 .last .subitem-wrapper .item{ text-align: center; }
.table1 .last .subitem-wrapper .item .item-tit{padding: 10px 3px;line-height: 1.5;background: var(--bg-01);color: #111;border: 1px solid var(--line-02);word-break: keep-all;font-size: 12px;}
.table1 .last .subitem-wrapper .item .item-detail{border: 1px solid var(--line-02);padding: 8px;font-size: 12px;min-height: 36px;line-height: 1.5;border-top: 0;background-color: #fff; }

table td.agree1,
table td.agree2{ padding : 8px; background-color: #fff; }
.table1 tr td.agree1 > div{display: inline-block;vertical-align: middle;}
.table1 tr td.agree1 > div + div {margin-left: 16px}
.table1 tr td.agree2 > div{display: inline-block;vertical-align: middle;}
.table1 tr td.agree2 > div + div {margin-left: 16px}

/* .table1 tr td.agree1 div:first-child, .table tr td.agree2 div:first-child{padding-left: 10px; } */
.table1 tr td.agree1 div:last-child, .table tr td.agree2 div:last-child{flex-shrink: 0; flex-grow: 1; text-align: right;}
.table1 .first.row {border-top: 1px solid var(--line-01);}

.table2{ width: 100%; border-bottom: 1px solid var(--line-02); font-size: .875rem;color: var(--fc-111); padding: 8px; }
.table2 th{word-break: keep-all;}
.table2 th,
.table2 td{padding: 12px !important;}
.table2 .row .first-col{ width: 20%; background: var(--bg-01); text-align: left;font-weight: normal;word-break: keep-all;}
.table2 .row .last-col{ border-top: 1px solid var(--line-02);font-weight: normal;word-break: keep-all; }
.table2 .first .first-col{ border-bottom: 1px solid var(--line-02);font-weight: normal; word-break: keep-all;}
.table2 .first .last-col{ border-bottom: 1px solid var(--line-02);font-weight: normal;word-break: keep-all; border-top: 1px solid var(--line-01);}
.table2 .last .subitem-wrapper{ display: flex; justify-content: space-around; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; }
.table2 .last .subitem-wrapper .item{ width: 18%; text-align: center; margin: 10px 0;}
.table2 .last .subitem-wrapper .item .item-tit{ padding: 10px 0; line-height: 20px; background: #70bf54; color: white; border: 1px solid #dcdcdc; }
.table2 .last .subitem-wrapper .item .item-detail{ border: 1px solid #dcdcdc; padding: 7px 0; font-size: 14px; }
.table2 tr td.agree1{  }
.table2 tr td.agree1 > div{display: inline-block;vertical-align: middle;}
.table2 tr td.agree1 > div + div {margin-left: 16px}
.table2 tr td.agree2{ padding : 10px; }
.table2 tr td.agree1 div:first-child, .table tr td.agree2 div:first-child{  padding-left: 0px; }
.table2 tr td.agree1 div:last-child, .table tr td.agree2 div:last-child{flex-shrink: 0; flex-grow: 1; text-align: right;}
.table2 .first.row {border-top: 1px solid var(--line-01);}
.table2 .last.row .last-col div{ padding-left: 0; }
.table2 .last.row .last-col div.comment1{ padding:0; }
.table2 .last.row .last-col div.comment2{ padding-top: 0px; padding-bottom: 0px; color: var(--negative); font-size: .75rem; margin-top: 4px;}

.list-item-title{ margin: 10px 0; background: none; display: inline-block; font-size: 16px; padding: 5px 5px 5px 0; display: flex; width: 20%;}
.list-item-title::before{ display: none; }

ul.last-comment li{color: var(--fc-666);}
ul.last-comment li::before{ content: '※'; margin-right: 4px; }
ul.detail-all{ margin-left: 15px; font-size: .875rem; color: var(--fc-666);}
ul.detail-all li{ padding-left: 12px; }
ul.detail-all li::before{ margin-left: -16px; line-height: 20px; }

.confirm-sign-wrapper{ margin:  10px 0;}
.confirm-sign-wrapper p{ margin-top: 20px; margin-bottom: 30px; padding-left: 10px; font-weight: bold;}
.confirm-sign-wrapper .signArea{ text-align: center; }
.confirm-sign-wrapper .signArea span{ display: inline-block; }

/* 2021-05-31 행안부 주소 검색 관련 퍼블리싱 */
.juso-wrapper{ width : 90%; display:none; margin: 10px auto; position: relative; }
.juso-active{ display: block; }
.visible{ visibility: visible !important; }

.juso-wrapper .confirm-title{ font-size: 18px; color: #666; line-height: 35px; }
.juso-wrapper .input-address-box{ background: #f3f3f3; padding: 15px; font-weight: bold; font-size: 16px; }
.juso-wrapper .input-detail{ width: 100%; border-bottom: 1px solid #dcdcdc; padding: 10px 0; font-size: 16px; }
.juso-wrapper .input-detail:focus{ border-color: #70bf54;  }
.juso-wrapper .btn-wrapper{ display: flex; justify-content: space-around; /*transform:translate(0px, 90px);*/ } 
.juso-wrapper .btn-wrapper button{ width: 49.8%; padding: 15px 0; font-size: 16px; }
.juso-wrapper .confirm-result-box{ margin: 15px 0; visibility: collapse; }
.juso-wrapper table.confirm-result{ width: 100%; border-top: 1.5px solid black; border-bottom: 1px solid #dcdcdc; }
.juso-wrapper table.confirm-result thead tr.row1{ border-bottom: 1px solid #70bf54; color: #666; font-size: 16px; line-height: 25px; }
.juso-wrapper table.confirm-result thead tr .col1{ padding : 20px 0; border-right: 1px solid #dcdcdc; text-align: center; }
.juso-wrapper table.confirm-result thead tr .col2{ padding-left: 10px; text-align: left; }

.juso-wrapper table.confirm-result tbody tr.row2 .col1{ padding: 15px 0; text-align: center; border-right: 1px solid #dcdcdc; font-weight: bold; font-size: 16px; }
.juso-wrapper table.confirm-result tbody tr.row2 .col1 button{ margin: 5px 40px; padding: 5px 0; width: 80px; }
.juso-wrapper table.confirm-result tbody tr.row2 .col2{ padding-left : 10px; font-size: 16px; font-weight: bold; }
.juso-wrapper table.confirm-result tbody tr.first .col2{ padding-top: 15px; padding-bottom: 5px;}
.juso-wrapper table.confirm-result tbody tr.last .col2{ padding-bottom: 15px; padding-top: 5px; }

.juso-wrapper .cmm-input{ margin-bottom: 15px; }
.juso-wrapper .cmm-input input#keyword{ width: 100%; padding: 10px 0; font-size: 14px; }
.juso-wrapper .cmm-input input#keyword:focus{ border-bottom: 1px solid #70bf54; }
.juso-wrapper .cmm-input button#cmmBtnSearch{ background: url('/home/images/button/icon_search03.png') center center no-repeat; position: absolute; transform:translate(-25px, 10px); }
.juso-wrapper .cmm-input button#cmmBtnSearch span{ opacity: 0; }

.juso-wrapper .cmm-info{ color: #666; line-height: 15px; margin-bottom: 10px; }
.juso-wrapper .cmm-total{ text-align: right; }
.juso-wrapper .cmm-total em.unit{ vertical-align: baseline; }
.juso-wrapper .cmm-total em.num{ color: #70bf54; }

.juso-wrapper .cmm-selected .btn-juso-container{ width: 100%; border: 1px solid #dadada; min-height: 100px; padding: 15px; margin: 5px 0; background: #fff; }
.juso-wrapper .cmm-selected .btn-juso-container strong.tit{ display: block; margin-bottom: 10px; text-align: left; font-size: 16px; color: #666; }
.juso-wrapper .cmm-selected .btn-juso-container span.kind{ display: flex; margin-bottom: 10px; }
.juso-wrapper .cmm-selected .btn-juso-container span.kind > em:first-child{ width: 15%; border: 1px solid #dadada; margin-right: 10px; color: #666; }
.juso-wrapper .cmm-selected .btn-juso-container span.kind > em:last-child{ width: 85%; text-align: left; color: #666; }

/* 2021.06.21 선택적 동의서(요약/전체) 퍼블리싱 */
.danggu::before{ content: '※'; margin-left: -14px; }

.mainTitle-wrapper{ position: relative; min-height: 100px; line-height: 100px;}
.qrcode{ position: absolute; right: 10px; width: 100px; height: 100px; background: url("/home/images/contents/OptionalRequiredSummary_QRCode.png") 0 0 no-repeat; background-size: 100px; top: 0px; }

/* 요약 & 전체 */
.table1 tr td.agree2 div.orangeBtn{ padding: 5px 40px; background-color: #ef812d; color: white; border-radius: 25px; }
.table2 tr td.agree2 div.orangeBtn{ padding: 5px 25px; background-color: #ef812d; color: white; border-radius: 25px; }

.subTitle-container .topBlock{ display: flex; justify-content: space-between; }
.subTitle-container .topBlock .yImage-wrapper{ text-align: center; width: 70%; }
.subTitle-container .topBlock .yImage-wrapper img{ width: 75%; }

.noti-wrapper{ border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; }
.noti-wrapper .noti-wrapper-child{ display: flex; border-bottom: 1px solid #dcdcdc; }
.noti-wrapper .noti-wrapper-child:last-child{ display: flex; justify-content: space-around; padding: 7px 0; }
.noti-wrapper .noti-wrapper-child .list-item-contents{ display: flex; justify-content: space-between; width: calc(100% - 150px); margin: 10px 0; padding: 5px 0; padding-left: 20px; }
.noti-wrapper .noti-wrapper-child .list-item-contents div:last-child{ transform: translate(2px, 0px); }

/* 주택담보대출 스타일 */
.mListWrapper .mList:not(:last-child){ margin-bottom: 5px; }
.mListWrapper .mList::before{ content: ''; display: inline-block; width: 3px; height: 3px; background: black; transform:translate(0px, -3px); border-radius:20px; margin-right: 6px;}

.mDiv{ width: 80%; border-top: 2px solid black; border-bottom: 2px solid black; }
.mDiv .row{ display: flex; }
.mDiv .row .col{ padding: 10px 0px 10px 10px; }
.mDiv .row .col:first-child{ width: 30%; }
.mDiv .row .col:last-child{ width: 70%; }

.bb{ border-bottom: 1.5px solid #c8c8c8; }
.br{ border-right: 1.5px solid #c8c8c8; }

/* ARS 시나리오 스타일 조정 */
#voice_area, #view_area{ font-size: 12px; }
#voice_area, #view_area{ width:50%; padding: 5px; margin: 10px 0; }
#voice_area .table_title, #view_area .table_title{ font-size: 16px; border-bottom: 2px solid black; font-weight: bold; padding-bottom: 5px; }

#voice_area .depth{ display: flex; }
#voice_area .depth div{ border-bottom-style: double; border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; text-align:center; background-color:#dcdcdc; font-weight:bold; margin:5px 0; line-height:23px;}
#voice_area .first{ width:40%; }
#voice_area .second{ width:35%; }
#voice_area .third{ width:24.9%; }

#voice_area .rows{ width: 100%; }
#voice_area .rows:first-child{ border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; }
#voice_area .rows:not(:first-child), #voice_area .rows:not(:last-child){ border-left: 1px solid black; border-right: 1px solid black; border-top: 1px solid black; }
#voice_area .rows:last-child{ border-bottom: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; }
#voice_area .rows td{ vertical-align: baseline; }
#voice_area .rows td .box{ border: 1px solid black; margin: 5px; padding: 5px; }
#voice_area .rows td .list{ margin: 5px; }
#voice_area .rows td .list .item{ padding: 5px; }
#voice_area .rows td .list .item:first-child{ border-left: 1px solid black; border-top: 1px solid black; border-right: 1px solid black; border-bottom: 0.5px dotted; }
#voice_area .rows td .list .item:not(:first-child), #voice_area table.rows td .list .item:not(:last-child){ border-left: 1px solid black; border-right: 1px solid black; border-bottom: 0.5px dotted; }
#voice_area .rows td .list .item:last-child{ border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; }

#view_area .depth{ display: flex; }
#view_area .depth div{ border-bottom-style: double; border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; text-align:center; background-color:#dcdcdc; font-weight:bold; margin:5px 0; line-height:23px;}
#view_area .first{ width:50%; }
#view_area .second{ width:50%; }

#view_area .rows{ width: 100%; }
#view_area .rows:first-child{ border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; }
#view_area .rows:not(:first-child), #view_area .rows:not(:last-child){ border-left: 1px solid black; border-right: 1px solid black; border-top: 1px solid black; }
#view_area .rows:last-child{ border-bottom: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; }
#view_area .rows td{ vertical-align: baseline; }
#view_area .rows td .box{ border: 1px solid black; margin: 5px; padding: 5px; }
#view_area .rows td .list{ margin: 5px; }
#view_area .rows td .list .item{ padding: 5px; }
#view_area .rows td .list .item:first-child{ border-left: 1px solid black; border-top: 1px solid black; border-right: 1px solid black; border-bottom: 0.5px dotted; }
#view_area .rows td .list .item:not(:first-child), #voice_area table.rows td .list .item:not(:last-child){ border-left: 1px solid black; border-right: 1px solid black; border-bottom: 0.5px dotted; }
#view_area .rows td .list .item:last-child{ border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; }

/* ESG */
.content_esg { min-height: 600px;}

.faq_container .board_list_faq { margin-top: 10px; }
.board_list_table01.board_list_faq tbody td { padding-top: 0; padding-bottom: 0; }
.esgToggle_list li { border-top: 1px solid #e5e5e5; }
.esgToggle_list li:first-child { border: none; }
.esgToggle_list li div.toggle_list_title { display: table; width: 100%; cursor: pointer; }
.esgToggle_list li div.toggle_list_title span.toggle_list_status { display: table-cell; width: 20%; padding: 18px 9px; text-align: center; }
.esgToggle_list li div.toggle_list_title span.toggle_list_tit { display: table-cell; width: 80%; padding: 18px 9px 18px 50px; background: #dbdbdb url('../../images/contents/arrow_toggle_down.png') no-repeat top 20px right 30px; font-weight: bold; text-align: center;}
.esgToggle_list li div.toggle_list_title.on span.toggle_list_tit { background: #dbdbdb url('../../images/contents/arrow_toggle_up.png') no-repeat top 20px right 30px; }
.esgToggle_list li div.toggle_list_content { overflow: hidden; display: none; border-top: 1px solid #e5e5e5; background: #fdfdfd; }











/* overrides */
.popup_wrap .list_style05 { position: relative; padding-left: 0px; font-size: 1.25rem; font-weight: bold; color: #111; line-height: 1.5; }

.popup_wrap .popup_inner .consult_popup {display: flex;}
.popup_wrap .popup_inner .consult_popup .popup_title{color: var(--fc-111); font-weight: bold; border-color: var(--line-02);}
.popup_wrap .popup_inner .consult_popup .popup_text01{color: var(--primary); font-weight: bold;}
.popup_wrap .popup_inner .consult_popup .layer_container_left,
.popup_wrap .popup_inner .consult_popup .layer_container_right{float: none;}
.popup_wrap .popup_inner .consult_popup .input-box {display: flex;}

.popup_wrap .call_box {position: relative;margin: 40px 0 0 0; padding: 0;  display: flex; flex-direction: column; align-items: flex-end; background: none;}
.popup_wrap .call_box::before{position: absolute; left: 16px; display: block;width: 48px; height: 48px; background: url('/assets/images/common/icn_call.svg') 0 0 no-repeat; content: ''; }
.popup_wrap .call_box a { color: var(--primary); line-height: 1.5; display: block; margin: 0; padding: 0;}
.popup_wrap .call_box span.txt { font-size: .785rem; color: var(--fc-666); padding: 0;}
.popup_wrap .normal_mes01{font-size: .875rem;}
.popup_wrap .alignCenter{text-align: center;}
.popup_wrap .sub_title { position: relative; padding-left: 0; font-size: 20px; font-weight: normal; color: #111; text-align: left; line-height: 1.5; font-weight: bold;}
.popup_wrap .sub_title:after {display: none;}
.popup_dim {z-index: 1000;}
.popup_wrap .alert_inner,
.popup_wrap .popup_inner {border-radius: 20px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, .24);}
.view-all-container{ padding: 40px; max-height: 760px; }
.view-all-container h2 {font-size: 1.25rem;}
.alert_header,
.layer_header {
display: flex;justify-content: center;align-items: center;position: relative;height: 52px;
font-size: 1rem;font-weight: bold;color: var(--fc-111);
line-height: normal;margin: 0;padding: 0;
background: #fff;
}
.alert_header .btn_popup_close,
.layer_header .btn_popup_close {
  position: absolute;top: 0;right: 0;width: 64px;height: 52px;
  background: url("/assets/images/popup/icn_popup_close.svg") no-repeat 50% 50%;
  
}
.popup_scroll_area {padding: 36px 48px 48px 48px;}
.alert_container .popup_scroll_area {padding: 24px;}

/* 커스텀 팝업 스타일 추가 */
.custom_popup .alert_container .alert_box {padding: 0 48px;}
.alert_box .alert_title {word-break: keep-all;}
.alert_box > div + .info_mes01 {margin-top: 24px;}
.alert_box + .btn_area {margin-top: 40px;padding-top: 0;}
.alert_box .popup-title {font-size: 1rem;font-weight: bold;color: var(--fc-111);padding: 24px;}
.alert_box .alert_text {text-align: left;}

.logout_time {display: inline-block;position: relative;width: auto;height: auto;padding: 0 64px;}
.logout_time:before,
.logout_time:after {display: block;position: absolute;content: "";}
.logout_time:before {bottom: 0;left: 0;width: 58px;height: 65px;background: url("/assets/images/popup/cha_meerkat_01.png") no-repeat 50% 50%;}
.logout_time:after {bottom: 4px;right: 24px;width: 29px;height: 28px;background: url("/assets/images/popup/cha_bean_01.png") no-repeat 50% 50%;}
.logout_time .tit {padding-top: 0;}
.logout_time .time .num {vertical-align: baseline;}

.popup_wrap .btn_area {display: flex;justify-content: center;}
.popup_wrap .btn_area .btn_rounded + .btn_rounded {margin-left: 8px;}
.popup_wrap .btn_area .btn_rounded {
  display: inline-flex;justify-content: center;align-items: center;position: relative;
  min-width: 152px;height: 56px;
  font-size: 1rem;font-weight: bold;
  padding: 0 16px;border-radius: 8px;box-sizing: border-box;
}
.popup_wrap .btn_area .btn_rounded.bg_grey,
.popup_wrap .btn_area .btn_rounded.bg_deepblue {color: #fff;}
.popup_wrap .btn_area .btn_rounded.bg_grey {background-color: var(--secondary);}
.popup_wrap .btn_area .btn_rounded.bg_deepblue,
.popup_wrap .btn_area .btn_rounded.bg_green {background: var(--gradient-primary);}

.popup_wrap .btn-container {display: flex;justify-content: center;}
.popup_wrap .btn-container button[type="button"] + button[type="button"] {margin-left: 8px;}
.popup_wrap .btn-container button[type="button"] {
  display: inline-flex;justify-content: center;align-items: center;position: relative;
  min-width: 152px;height: 56px;
  font-size: 1rem;font-weight: bold;
  padding: 0 16px;border-radius: 8px;box-sizing: border-box;
}
.popup_wrap .btn-container button[type="button"].cancel,
.popup_wrap .btn-container button[type="button"].confirm {color: #fff;}
.popup_wrap .btn-container button[type="button"].cancel {background-color: var(--secondary);}
.popup_wrap .btn-container button[type="button"].confirm {background: var(--gradient-primary);}
.popup_wrap .alert_container .btn-container button[type="button"] {flex-grow: 1;flex-shrink: 1;flex-basis: 0;}
.popup_wrap .alert_container .btn_area .btn_rounded {flex-grow: 1;flex-shrink: 1;flex-basis: 0;}

/* 폼 요소 */
/* .popup_wrap input, .popup_wrap select, .popup_wrap textarea, .popup_wrap button, .popup_wrap label, .popup_wrap strong, .popup_wrap a, .popup_wrap time {vertical-align: middle;} */
.input_phone{display: flex;}
.input_phone .select_wrap_sm + .input {margin-left: 4px;}
.input_box .tit{color: var(--fc-111); font-size: .875rem;}
.popup_wrap .select,
.popup_wrap input[type="text"],
.popup_wrap input[type="password"],
.popup_wrap input[type="number"],
.popup_wrap input[type="email"],
.popup_wrap input[type="search"],
.popup_wrap textarea {height: 40px;font-size: .875rem;font-weight: normal;color: var(--fc-111);border: 1px solid #DFE4EA;border-radius: 8px;padding: 0 12px;}
.popup_wrap select {-webkit-appearance: none;appearance: none;}
.popup_wrap [class^="select_wrap"]{position: relative;}
.popup_wrap [class^="select_wrap"]::after{position: absolute;top: 11px;right: 8px;width: 18px;height: 18px;background-image: url("/assets/images/common/icn_dang_select.svg");background-repeat: no-repeat;background-position: 0 0;background-size: 100%;content: '';}
.popup_wrap .checkbox_right {display: flex;flex-direction: row-reverse;justify-content: flex-end;}
.popup_wrap .checkbox_right .checkbox_wrap {float: none;}
.popup_wrap .checkbox_right .checkbox_wrap {}
.popup_wrap .checkbox_right .checkbox_wrap input[type="checkbox"] + label:before {background-image: url("/assets/images/common/icns_checkbox_02_m.svg");background-repeat: no-repeat;background-position: 0 -24px;}
.popup_wrap .checkbox_right .checkbox_wrap input[type="checkbox"]:checked + label:before {background-position: 0 0;}
.popup_wrap .radio[type='radio'] + label:not(#cssbrowser):before {width: 24px;height: 24px;margin-top: -12px;background-image: url("/assets/images/common/icns_radio_01_m.svg");background-repeat: no-repeat;background-position: 0 -24px !important;}
.popup_wrap .radio[type='radio']:checked + label:not(#cssbrowser):before {background-position: 0 0 !important;}
.popup_wrap .checkbox_right .text + .checkbox_wrap {margin-left: 0;margin-right: 12px;}



/* 약관 */
.popup_wrap .btn_download {font-weight: bold;background-color: var(--bg-white); border: 1px solid var(--line-01); border-radius: 8px; padding: 0 16px; height: 40px; color: var(--fc-111); font-size: 1rem; display: inline-flex; align-items: center;box-sizing: border-box;}
.popup_wrap .btn_download::after{width: 20px;height: 20px;margin-left: 8px;background-image: url("/assets/images/common/icns_button.svg");background-color: transparent;background-repeat: no-repeat;background-position: -18px 0;content: '';}
.popup_wrap .btn_line {background-color: var(--bg-white); border: 1px solid var(--line-01); border-radius: 8px; padding: 0 16px; height: 40px; color: var(--fc-111); font-size: 1rem; display: inline-flex; align-items: center;box-sizing: border-box;}
.popup_wrap .btn_line::after{width: 20px;height: 20px;margin-left: 8px;background-image: url("/assets/images/common/icns_button.svg");background-color: transparent;background-repeat: no-repeat;background-position: -41px 1px;content: '';}
.popup_wrap .btn_line .print {padding: 0;}
.popup_wrap .term_content_container { overflow-y: auto; min-height: 134px; padding: 20px 40px; border: none; background-color: var(--bg-02);}
.popup_wrap .term_content_container h4 {font-size: 1.25rem; color: var(--fc-111); margin-bottom: 8px;}
.popup_wrap .term_content_container.high_type{padding: 20px 25px;}
.popup_wrap .term_select .btn_line, .term_select .select_wrap_sm{margin: 0; font-size: 1rem;}
.popup_wrap .term_select_right .select_wrap_sm + .btn_line {margin-left: 8px;}
.popup_wrap .term_select .term_select_right {display: flex; align-items: center; font-size: 1rem;}
.popup_wrap .term_select .select_wrap_sm{display: flex; align-items: center;}
.popup_wrap .term_select .select_wrap_sm .select.select_sm{margin-left: 8px;}
.popup_wrap .result_table,
.popup_wrap .table01,
.popup_wrap .table01.type02{border-top: 1px solid var(--line-01); border-bottom: 1px solid var(--line-02); border-collapse: inherit; }
.popup_wrap .result_table thead tr:first-of-type th,
.popup_wrap .table01 thead tr:first-of-type th,
.popup_wrap .table01.type02 thead tr:first-of-type th{border-top: none;}
.popup_wrap .result_table thead th,
.popup_wrap .table01 thead th,
.popup_wrap .table01.type02 thead th{height: 40px;padding: 8px; word-break: keep-all; font-weight: normal; font-size: .875rem; color: var(--fc-111);background-color: var(--bg-01);border: none;border-left: 1px solid var(--line-02); border-top: 1px solid var(--line-02);}
.popup_wrap .result_table thead th:first-of-type,
.popup_wrap .table01 thead th:first-of-type,
.popup_wrap .table01.type02 thead th:first-of-type{border-left: 0;}
.popup_wrap .result_table tbody td,
.popup_wrap .table01 tbody td,
.popup_wrap .table01.type02 tbody td{padding: 8px; word-break: keep-all;border-left: 1px solid var(--line-02);background-color: var(--bg-white);}
.popup_wrap .result_table tbody td:first-of-type,
.popup_wrap .table01 tbody td:first-of-type,
.popup_wrap .table01.type02 tbody td:first-of-type{border-left: 0;}

.popup_wrap .table01 > thead > tr > th > .th_box {padding: 0;}
.popup_wrap .table01 > thead > tr > th > .th_box:after{display: none;}
.popup_wrap .table01 > tbody > tr > th {background-color: var(--bg-01); color: var(--fc-111);}
.popup_wrap .table01 > tbody > tr:first-child > th, .table01 > tbody > tr:first-child > td { border-top: 0; }
.popup_wrap .table01.type02.table_lg > tbody > tr > td{font-size: .875rem;}
.popup_wrap .table02{border-color: var(--line-02);}
.popup_wrap .table02 tbody th{font-size: .875rem; background-color: var(--bg-01); color: var(--fc-111);}
.popup_wrap .table02 tbody td{padding: 8px 16px;}
.popup_wrap .term_content_container .table01,
.popup_wrap .term_list_content .table01{ margin: 12px 0; }
.popup_wrap .input_search{position: relative}
.popup_wrap .btn_search{
  position: absolute; top: 10px; right: 8px;
  width: 20px;height: 20px;background-image: url("/assets/images/common/icn_search.svg");background-color: transparent;background-repeat: no-repeat;background-position: 0 0;background-size: 100%;}
.popup_wrap .input_address.horizon_type .input + .input {margin-top: 4px; margin-left: 0;}
.popup_wrap .input_address.horizon_type .input[readonly='readonly'] {margin: 0;}
.popup_wrap .input_address.horizon_type .blank {display: none;}
.popup_wrap .term_content_container li, .term_list_content li, .term_ol_li{font-size: .875rem;}

.term_list_content .container h2{font-size: 1.25rem;}
.popup_wrap .view-all {background: #fff; border-radius: 8px; font-size: .875rem; padding: 20px;}


/* 주소검색 */
.popup_wrap .cmm-selected{margin-top: 10px; border-top: 1px solid var(--line-01);}
.popup_wrap .juso-contents-wrapper{padding: 24px 40px 40px 40px;}
.popup_wrap .juso-wrapper{ width : auto; display:none; margin: auto; position: relative; padding: 0;}
.popup_wrap .juso-active{ display: block; }
.popup_wrap .visible{ visibility: visible !important; }
.popup_wrap .juso-wrapper .confirm-title{ font-size: 1rem; color: var(--fc-333); line-height: 1.5; font-weight: normal; margin-bottom: 10px;}
.popup_wrap .juso-wrapper .input-address-box{ display: flex; align-items: center; width: 100%; background: var(--bg-02); padding: 0 16px; font-weight: bold; font-size: 1rem; height: 52px; border: 1px solid var(--line-02); border-radius: 8px;}
.popup_wrap .juso-wrapper .cmm-input input#keyword{height: 52px;padding: 0 16px;font-size: 1rem;}
.popup_wrap .juso-wrapper .cmm-input button#cmmBtnSearch{top: 50%;right: 16px;transform: translateY(-50%);width: 20px;height: 20px;background-image: url("/assets/images/common/icn_search.svg");background-repeat: no-repeat;background-position: 0 0;background-size: 100%;}
.popup_wrap .juso-wrapper .cmm-input{position: relative; margin-bottom: 8px;}
.popup_wrap .juso-wrapper .cmm-input button#cmmBtnSearch span{position: absolute;width: 1px;height: 1px;overflow: hidden;margin: -1px;clip: rect(0, 0, 0, 0);}
.popup_wrap .juso-wrapper .cmm-info{ color: var(--fc-666); line-height: 1.5; font-size: .875rem; width: 70%; margin: 0 0 20px 0;}
.popup_wrap .juso-wrapper .cmm-total{ text-align: right;}
.popup_wrap .juso-wrapper .cmm-total em.unit{ vertical-align: baseline; color: var(--fc-111);}
.popup_wrap .juso-wrapper .cmm-total em.num{ color: var(--primary);margin-left: 4px;}
.popup_wrap .juso-wrapper .input-detail{height: 52px;}
.popup_wrap .juso-wrapper .input-detail:focus{ border-color: var(--secondary);  }
.popup_wrap .juso-wrapper .btn-wrapper{ display: flex; justify-content: center; } 
.popup_wrap .juso-wrapper .btn-wrapper button{display: inline-flex; align-items: center; justify-content: center; width: 200px; border-radius: 8px; height: 56px; color: var(--fc-fff); font-size: 1rem; padding: 0 16px; font-weight: bold;}
.popup_wrap .juso-wrapper .btn-wrapper button + button {margin-left: 24px;}
.popup_wrap .juso-wrapper .btn-wrapper .btn-no{background-color: var(--secondary);}
.popup_wrap .juso-wrapper .btn-wrapper .btn-ok{background: var(--gradient-primary);}
.popup_wrap .juso-wrapper .confirm-result-box{ margin: 15px 0; visibility: collapse; }
.popup_wrap .juso-wrapper table.confirm-result{ width: 100%; border-top: 1px solid var(--line-01); border-bottom: 1px solid var(--line-02); border-collapse:inherit}
.popup_wrap .juso-wrapper table.confirm-result thead tr.row1{ border-bottom: none; color: var(--fc-111); font-size: .875rem; line-height: 1.5; }
.popup_wrap .juso-wrapper table.confirm-result thead tr .col1{ padding : 20px 0; border-right: none; text-align: center; font-weight: bold; background-color: var(--bg-01);}
.popup_wrap .juso-wrapper table.confirm-result thead tr .col2{ padding: 10px; text-align: left; font-weight: bold;background-color: var(--bg-01); border-left: 1px solid var(--line-02);}
.popup_wrap .juso-wrapper table.confirm-result tbody tr.row2 .col1{ padding: 12px 0; text-align: center; border-right: none; font-weight: normal; font-size: .875rem; }
.popup_wrap .juso-wrapper table.confirm-result tbody tr.row2 .col1 button{ border: none; width: 60px; display: inline-flex; align-items: center; justify-content: center; padding: 0 8px; height: 24px; font-size: .875rem; background-color: var(--bg-white); border-radius: 8px; border: 1px solid var(--line-01)}
.popup_wrap .juso-wrapper table.confirm-result tbody tr.row2 .col2{ padding-left : 10px; font-size: .875rem; font-weight: normal; }
.popup_wrap .juso-wrapper table.confirm-result tbody tr.first .col2{padding: 8px; border-left: 1px solid var(--line-02);}
.popup_wrap .juso-wrapper table.confirm-result tbody tr.last .col2{padding: 8px; border-left: 1px solid var(--line-02);}
.popup_wrap .juso-wrapper .cmm-selected .btn-juso-container{ width: 100%; border: none; border-bottom: 1px solid var(--line-02); min-height: 108px; padding: 20px; margin: 0;}
.popup_wrap .juso-wrapper .cmm-selected .btn-juso-container strong.tit{ display: block; margin-bottom: 16px; text-align: left; font-size: 1rem; color: var(--fc-111); }
.popup_wrap .juso-wrapper .cmm-selected .btn-juso-container span.kind{ display: flex; margin-top: 8px; font-size: .875rem; }
.popup_wrap .juso-wrapper .cmm-selected .btn-juso-container span.kind > em:first-child{ width: 60px; border: none; margin-right:20px; color: var(--fc-111); }
.popup_wrap .juso-wrapper .cmm-selected .btn-juso-container span.kind > em:last-child{ text-align: left; color: var(--fc-111); }

/* pagination */
.popup_wrap .table_paging_wrap .table_paging a + a {margin-left: 8px;}
.popup_wrap .table_paging_wrap .table_paging .paging_prev, .table_paging .paging_next, .table_paging .paging_first, .table_paging .paging_last {cursor: pointer;width: 24px; height: 24px; border: none; text-indent: -9999px; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('/assets/images/common/icns_pagination.svg') no-repeat; background-size: 130px 24px;}
.popup_wrap .table_paging_wrap .table_paging .paging_prev{background-position: -29px 0px;}
.popup_wrap .table_paging_wrap .table_paging .paging_first{background-position: 0px 0px;}
.popup_wrap .table_paging_wrap .table_paging .paging_next{background-position: -77px 0px;}
.popup_wrap .table_paging_wrap .table_paging .paging_last{background-position: -106px 0px;}

/* tab */
.btn_choice { display: table; width: 100%; table-layout: fixed; border-radius: 8px; border: 1px solid var(--line-02); background: var(--bg-02);}
.btn_choice > div { display: table-cell; position: relative; width: 1%; }
.btn_choice > div.nth_child2 { left: 0; }
.btn_choice > div.nth_child3 { left: 0; }
.btn_choice > div.nth_child4 { left: 0; }
.btn_choice > div .btn { display: inline-block; position: relative; width: 100%; padding-top: 12px; padding-bottom: 12px; 
  border: none; background: var(--bg-02); font-size: 1rem; color: var(--fc-666); border-radius: 8px;
  text-align: center; line-height: 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }
.btn_choice > div .btn.on { z-index: 2; border: none; background-color: var(--primary); color: #fff; font-weight: bold; box-shadow: 0 8px 10px rgba(0, 0, 0, .12);}
.btn_choice.btn_sm > div .btn { padding: 16px; height: 60px; }


/* markup spacing */
.popup_wrap .sub_title + .term_content_container { margin-top: 20px; }
.popup_wrap .form_control_box + .info_mes01{margin-top: 8px; color: var(--fc-888);}
.popup_wrap .table02 + .info_mes01 {margin-top: 8px; font-size: .75rem;}
.popup_wrap .layer_popup .sub_title + .table02{ margin-top: 16px; }
.popup_wrap .sub_title + .result_table {margin-top: 16px;}
.popup_wrap .term_select + .term_content_container {margin-top: 20px;}
.layer_popup .tab_container .tab_content > .table01.type02{margin-top: 16px;}

.layer_popup .list_style03 + .base_tab{margin-top: 20px;}
.layer_popup .tab_content .list_style03:first-child {margin-top: 20px;}
.layer_popup .list_style03 + .sub_title {margin-top: 20px;}
.table02 + .btn_area {margin-top: 20px;}
.btn_area + .sub_title {margin-top: 40px;}


.popup_wrap table{border-right: 1px solid var(--line-02) !important}
.popup_wrap table th,
.popup_wrap table td {border: 0 !important;}
.popup_wrap table th,
.popup_wrap table td {border-bottom: 1px solid var(--line-02) !important;}
.popup_wrap table{border-bottom: 0 !important;}
.popup_wrap table th,
.popup_wrap table td {border-left: 1px solid var(--line-02) !important;}

.popup_wrap .font-blue{color: var(--primary); font-weight: bold;}
.popup_wrap .alert_box .alert_text.popup-content{line-height: 1.5; text-align: left; word-break: keep-all; font-size: 1rem; border-top: 1px solid var(--line-02);}
.popup_wrap .toggle-btn-wrapper{ margin: 20px 0 0 0; padding: 15px; border-top: 1px solid var(--line-01); border-bottom: 1px solid var(--line-02);display: flex; justify-content: space-between; cursor: pointer; }
.popup_wrap .toggle-btn-wrapper .txt{ font-size: 1rem; font-weight: bold; color: var(--fc-111);}
.popup_wrap .toggle-btn-wrapper #arrow{ transform:translate(0px, 0px); }
.popup_wrap .toggle-btn-wrapper + #comment {text-align: left; font-size: .875rem; padding: 20px; background-color: var(--bg-02); }
.popup_wrap .btn-container {margin-top: 20px;}







/* 기존 common.css */
.contents_mbl .blind{position: absolute !important;left: 0 !important;top: 0 !important;width: 1px !important;height: 1px !important; opacity: 0 !important; overflow: hidden;margin-left: -1rem !important;border: 0 none !important;background: transparent !important;color: transparent !important;}
.contents_mbl .txt-l{text-align:left !important;}
.contents_mbl .txt-r{text-align:right !important;}
.contents_mbl .txt-c{text-align:center !important;}

.contents_mbl .color1{color:#da3620}
.contents_mbl {/*width:840px;*/ position:relative; /*margin:100px 60px 140px;*/ margin:0 60px 140px; font-weight: 400;color:#111}
.contents_mbl .navigator{/*position:absolute; top:0; right:-60px*/ padding:15px 0 62px; display: flex; justify-content: flex-end;margin-right: -130px }
.contents_mbl .navigator li:before{vertical-align: revert;}
.contents_mbl .navigator li.home{background-position-y:2px;}

/* step */
.contents_mbl .step-indicator>ul{display:flex; justify-content:center; align-items:center}
.contents_mbl .step-indicator>ul>li{background:#ccc; width:8px; height:8px; border-radius:8px;}
.contents_mbl .step-indicator>ul>li+li{margin-left:8px}
.contents_mbl .step-indicator>ul>li>span{position: absolute;left: 0 ;top: 0;width: 1px;height: 1px; text-indent:-99999px}
.contents_mbl .step-indicator>ul>li.prev{background:#1f1f1f; }
.contents_mbl .step-indicator>ul>li.active{width:auto; height:32px; background:#1f1f1f; padding:6px 16px; border-radius:16px; transform: skew(-0.1deg);}
/*.contents_mbl .step-indicator>ul>li:first-child.active+li{background:#1f1f1f;}*/
.contents_mbl .step-indicator>ul>li.active span {position:relative; width:auto; height:auto; text-indent:0; font-weight:700; color:#fff;}
.contents_mbl .step-indicator+.hdt-item,
.contents_mbl .step-indicator+.hdt-item-wrap{margin-top:32px}
.contents_mbl .hdt-item-wrap{margin-bottom:64px}

/* 탭메뉴 */
.contents_mbl .mbl-tab .tab-lst{display:flex; justify-content: space-between; align-items:center; }
.contents_mbl .mbl-tab .tab-lst.line{border-bottom:1px solid #ebeef2 }
.contents_mbl .mbl-tab .tab-lst.line>li{width:100%; height:60px; text-align:center}
.contents_mbl .mbl-tab .tab-lst.line>li>.bt{position:relative; display:inline-flex; justify-content:center; width:100%; height:100%; font-size:16px; align-items:center;}
.contents_mbl .mbl-tab .tab-lst.line>li.active {color:#fff}
.contents_mbl .mbl-tab .tab-lst.line>li.active .bt{font-weight:700; transform:skewY(-0.1deg);}
.contents_mbl .mbl-tab .tab-lst.line>li.active .bt::after{display:block; content:""; height:6px; position:absolute; bottom:0; left:0; right:0; background:#009574;}
.contents_mbl .mbl-tab .tab-cot{display:none}
.contents_mbl .mbl-tab .tab-cot.active{display:block}
.contents_mbl .mbl-tab .tab-cot>.mbl-form{margin-top:66px}
.contents_mbl .mbl-tab .tab-lst.box{width:572px; margin:0 auto}
.contents_mbl .mbl-tab .tab-lst.box>li{width:180px; height:180px; background:#f0f2f7; border:1px solid #f0f2f7; border-radius:8px;}
.contents_mbl .mbl-tab .tab-lst.box>li.active{background:#fff; border:1px solid #009574;  box-shadow: 0px 12px 19px rgb(0 0 0 / 12%);}
.contents_mbl .mbl-tab .tab-lst.box>li>a{position:relative; display:flex; justify-content:center; width:100%; height:100%; padding-top:32px; font-size:20px; font-weight:700; transform:skew(-0.1deg) }
.contents_mbl .mbl-tab .tab-lst.box>li[class*='ico-'] a::after{display:block; content:""; width:48px; height:48px; position:absolute; bottom:40px; left:50%; transform: translateX(-50%);}
.contents_mbl .mbl-tab .tab-lst.box+.tab-cot {margin-top:48px}
.contents_mbl .mbl-tab .tab-lst .ico-ind a::after{background:url('/assets/images/ico/ico_individual.png') no-repeat; background-size:48px 48px}
.contents_mbl .mbl-tab .tab-lst .ico-bus a::after{background:url('/assets/images/ico/ico_business.png') no-repeat; background-size:48px 48px}
.contents_mbl .mbl-tab .tab-lst .ico-cor a::after{background:url('/assets/images/ico/ico_corporate.png') no-repeat; background-size:48px 48px}
.contents_mbl .mbl-tab .tab-lst .ico-ind.active a::after{background:url('/assets/images/ico/ico_individual_on.png') no-repeat; background-size:48px 48px}
.contents_mbl .mbl-tab .tab-lst .ico-bus.active a::after{background:url('/assets/images/ico/ico_business_on.png') no-repeat; background-size:48px 48px}
.contents_mbl .mbl-tab .tab-lst .ico-cor.active a::after{background:url('/assets/images/ico/ico_corporate_on.png') no-repeat; background-size:48px 48px}

/* title */
.contents_mbl .hd-tit2{font-weight:700; transform:skewY(-0.1deg); font-size:32px; line-height:48px;}
.contents_mbl .hd-tit3{font-weight:700; transform:skewY(-0.1deg); font-size:16px; line-height:24px;}  
.contents_mbl .hd-tit3>.normal{font-weight:400}
.contents_mbl .hdt-item{position:relative;}
.contents_mbl .hdt-item.ct{text-align:center}
.contents_mbl .hdt-item .pointer{font-weight:700; transform:skewY(-0.1deg);font-size: inherit; color:#009574}
.contents_mbl .hdt-item[class*='ico']{display:flex; justify-content: center; align-items: center;}
.contents_mbl .hdt-item[class*='ico']::before{display:inline-block; content:""; width:153px; height:120px; margin-right:16px;}
.contents_mbl .hdt-item[class*='ico'].vm{align-items:flex-end;}
.contents_mbl .hdt-item.ico-finance::before{background:url('/assets/images/ico/ico_finance.png') no-repeat; background-size:153px 120px}
.contents_mbl .hdt-item.ico-private::before{width:130px; height:101px; background:url('/assets/images/ico/ico_private.png') no-repeat; background-size:130px 101px}

.contents_mbl .hdt-item.ico-joint::before{width:152px; height:120px; background:url('/assets/images/ico/ico_joint.png') no-repeat; background-size:152px 120px}
.contents_mbl .hdt-item.ico-id::before{width:129px; height:100px; background:url('/assets/images/ico/ico_id.png') no-repeat; background-size:129px 100px}
.contents_mbl .hdt-item.ico-self::before{width:94px; height:96px; background:url('/assets/images/ico/ico_self.png') no-repeat; background-size:94px 96px; margin-left:-102px}
.contents_mbl .hdt-item.ico-terms::before{width:96px; height:96px; background:url('/assets/images/ico/ico_terms.png') no-repeat; background-size:96px 96px; margin-left:-102px}
.contents_mbl .hdt-item.ico-info::before{width:96px; height:96px; background:url('/assets/images/ico/ico_info.png') no-repeat; background-size:96px 96px; margin-left:-102px}


.contents_mbl .hdt-item.ico-private-tit::before{width:110px; height:80px; background:url('/assets/images/ico/ico_private_tit.png') no-repeat; background-size:110px 80px; margin-left:-110px;}
.contents_mbl .hdt-item.ico-joint-tit::before{width:110px; height:80px; background:url('/assets/images/ico/ico_joint_tit.png') no-repeat; background-size:110px 80px; margin-left:-110px;}
.contents_mbl .hdt-item.ico-certificate::before{width:110px; height:80px; background:url('/assets/images/ico/ico_certificate.png') no-repeat; background-size:110px 80px; margin-left:-110px}
.contents_mbl .hdt-item.ico-copy::before{width:110px; height:80px; background:url('/assets/images/ico/ico_copy.png') no-repeat; background-size:110px 80px; margin-left:-110px}

.contents_mbl .hdt-item-wrap{position:relative}
.contents_mbl .hdt-item-wrap .hdt-item[class*='ico']::before{margin-right:8px}
.contents_mbl .hdt-item-wrap .desc{margin-top:8px; font-size:15px; text-align:center; line-height:23px; color:#333; transform:skewY(-0.1deg);}
.contents_mbl .hdt-item-wrap .desc.gray{color:#505050}
.contents_mbl .hdt-item-wrap .desc.pos{position:absolute; bottom:-30px; left:0; right:0;}
.contents_mbl .hdt-item-wrap .pointer{font-weight: 700; font-size:inherit; color:#009574}
.contents_mbl .hdt-item-wrap .bold{font-weight: 700;transform:skewY(-0.1deg);}


/* checkbox */
.contents_mbl .input-check label{display:inline-block;}
.contents_mbl .input-check input[type="checkbox"]{ width: 1px; height: 1px; margin-left: -1px;margin-top: -1px; opacity: 0; }
.contents_mbl .input-check input[type="checkbox"]+label{position:relative; padding-left:24px;}
.contents_mbl .input-check input[type="checkbox"]+label::before{display:block; content:""; position:absolute; top:0; left:0; width:24px; height:24px;  background:url('/assets/images/ico/ico_check.png') no-repeat 0 -34px; background-size: 24px auto;}
.contents_mbl .input-check input[type="checkbox"]+label .txt{display:inline-block; padding-left:8px; font-size:14px; line-height:27px; color:#666}
.contents_mbl .input-check input[type="checkbox"]:checked +label::before{background-position-y:0}
.contents_mbl .input-check input[type="checkbox"]:disabled +label::before{background-position-y:-52px}
.contents_mbl .input-check+.input-check{margin-left:8px}

.contents_mbl .input-check.rd input[type="checkbox"]+label{padding-left:28px;}
.contents_mbl .input-check.rd input[type="checkbox"]+label::before{width:28px; height:28px; top:3px; background:url('/assets/images/ico/ico_check_rd.png') no-repeat 0 -44px; background-size: 28px auto;}
.contents_mbl .input-check.rd input[type="checkbox"]+label .txt{font-size:24px; line-height:36px; font-weight: 700;transform:skewY(-0.1deg); color:#111 }
.contents_mbl .input-check.rd input[type="checkbox"]:checked +label::before{background-position-y:0}
.contents_mbl .input-check.rd input[type="checkbox"]:disabled +label::before{background-position-y:-88px}


.contents_mbl .input-check.rd-sm input[type="checkbox"]+label{padding-left:24px;}
.contents_mbl .input-check.rd-sm input[type="checkbox"]+label::before{width:24px; height:24px; background:url('/assets/images/ico/ico_check_rd_sm.png') no-repeat 0 -44px; background-size: 24px auto;}
.contents_mbl .input-check.rd-sm input[type="checkbox"]+label .txt{font-size:16px; line-height:22px; font-weight: 700;transform:skewY(-0.1deg); color:#111 }
.contents_mbl .input-check.rd-sm input[type="checkbox"]:checked +label::before{background-position-y:0}
.contents_mbl .input-check.rd-sm input[type="checkbox"]:disabled +label::before{background-position-y:-88px}


/* radio */
.contents_mbl .input-radio label{display:inline-block;}
.contents_mbl .input-radio input[type="radio"]{ width: 1px; height: 1px; margin-left: -1px;margin-top: -1px; opacity: 0; }
.contents_mbl .input-radio input[type="radio"]+label{position:relative; padding-left:24px;}
.contents_mbl .input-radio input[type="radio"]+label::before{display:block; content:""; position:absolute; top:0; left:0; width:24px; height:24px;  background:url('/assets/images/ico/ico_radio.png') no-repeat 0 -44px; background-size: 24px auto;}
.contents_mbl .input-radio input[type="radio"]+label .txt{display:inline-block; padding-left:8px; font-size:16px; line-height:27px; color:#505050}
.contents_mbl .input-radio input[type="radio"]:checked +label::before{background-position-y:0}
.contents_mbl .input-radio input[type="radio"]:disabled +label::before{background-position-y:-88px}
.contents_mbl .input-radio+.input-radio{margin-left:24px}

/* 완료페이지 */
.contents_mbl .complete-msg{position:relative; text-align:center}
.contents_mbl .complete-msg.ico::before{display:block; content:""; width:144px; height:120px; margin:64px auto 18px; background:url('/assets/images/ico/ico_complete.png') no-repeat 0 0; background-size:144px 120px}
.contents_mbl .complete-msg .desc{margin:24px 0 16px; font-size:16px; line-height:24px;}
.contents_mbl .complete-msg .desc+.btn-set{margin-top:16px} 
.contents_mbl .complete-msg .hd-tit2+.btn-set{margin-top:24px}
.contents_mbl .complete-msg .gray-box{margin:68px auto 0; width:480px; padding:30px 24px}
.contents_mbl .complete-msg .gray-box .flex-item.certi .txt{font-size:16px; line-height:24px; color:#111; text-align:left; transform:skewY(-0.1deg);}
.contents_mbl .complete-msg .gray-box .flex-item.certi .txt-box{position:relative; padding-left:75px;}
.contents_mbl .complete-msg .gray-box .flex-item.certi .txt-box::after{display:block; content:""; width:60px; height:60px; position:absolute; top:50%; left:0; transform: translateY(-50%); background:url('/assets/images/ico/ico_certificate_sm.png') no-repeat 0 0; background-size: 60px auto;}
.contents_mbl .complete-msg .gray-box .bold{font-weight:700;}

/* 전체동의 */
.contents_mbl .mbl-terms+.mbl-terms{margin-top:48px}
.contents_mbl .mbl-terms .terms-tit{padding-bottom:24px}
.contents_mbl .mbl-terms .terms-list>ul>li{display:flex; min-height:80px; padding:20px 24px; justify-content: space-between; align-items:center; border:1px solid #dfe4ea; border-radius: 8px;}
.contents_mbl .mbl-terms .terms-list>ul>li+li{margin-top:16px}
.contents_mbl .mbl-terms .terms-list.other>ul>li{display:block; position:relative; padding-top:27px}
.contents_mbl .mbl-terms .terms-list.other>ul>li .btn.sm{position:absolute; top:20px; right:24px}
.contents_mbl .mbl-terms .terms-list>ul>li>.input-check input[type="checkbox"]+label .txt{font-size:18px; line-height:27px; color:#505050}
.contents_mbl .mbl-terms .sub-input-item {margin:26px  0 0 32px}



/* 버튼 */
.contents_mbl .btn{display:inline-flex; justify-content:center; align-items: center; vertical-align: middle; overflow: hidden; white-space: nowrap; width:200px; height:56px; font-size:16px; font-weight:700;transform:skewY(-0.1deg); border-radius:8px; background:#ccc; color:#505050;transition: all .2s ease;}
.contents_mbl .btn.sm{width:auto; min-width:73px; height:40px; padding:0 18px; font-size:14px; color:#505050; border-radius: 8px; font-weight:400; background:#f0f2f7;  border:1px solid #dfe4ea}
.contents_mbl .btn.a{background:var(--gradient-primary); color:#fff}
.contents_mbl .btn:hover{box-shadow: 0px 8px 8px -4px rgba(0, 0, 0, .16);}
.contents_mbl .btn.b{color:#111;}
.contents_mbl .btn.c{color:#505050}
.contents_mbl .btn.d{background:#70bf54; color:#fff}
.contents_mbl .btn-set{display:flex; justify-content: center; align-items:center; margin:48px 0}
.contents_mbl .btn-set .btn+.btn{margin-left:24px}
.contents_mbl .btn[class*='ico-']::before{display:inline-block; content:""; width:32px; height:32px; margin-right:8px}
.contents_mbl .btn-lst{display:flex; justify-content: center;}
.contents_mbl .btn-lst .bt-lk{position:relative; color:#505050; font-size:13px}
.contents_mbl .btn-lst .bt-lk+a::after{display:block; content:""; width:1px; height:14px; background:#ccc; position:absolute; top:50%; left:-18px; transform: translateY(-50%);}
.contents_mbl .btn-lst .bt-lk+a{margin-left:33px}
.contents_mbl .btn-lst .bt-lk.bold{font-weight:700;transform:skewY(-0.1deg);}
.contents_mbl .btn-sel{position:relative; background:#fff; min-width:110px; font-size:16px; font-weight:700; text-align:left; color:#aaa}
.contents_mbl .btn-sel::after{display:block; content:""; width:20px; height:20px; background:url('/assets/images/ico/icon_sel_arrow.png') no-repeat center center; background-size: 20px 20px; position:absolute; top:50%; right:0; transform:translateY(-50%);}
.contents_mbl .bt-arrow{position:relative; font-size:13px; font-weight:700; transform:skewY(-0.1deg); color:#505050; line-height:20px;}
.contents_mbl .bt-arrow::after{display:block; content:""; width:100%; height:1px; background:#505050; position:absolute; bottom:2px; left:0; right:0;}

/* bullet */
.contents_mbl .bullet>li{font-size:14px; line-height:21px; padding-left:20px; position:relative;}
.contents_mbl .bullet>li::after{display:block; content:""; width:3px; height:3px; background:#111;border-radius: 3px; position:absolute; top:8px; left:8px;}
.contents_mbl .bullet.gray>li{color:#505050}
.contents_mbl .bullet.gray>li::after{background:#505050}

/* 폼 */
.contents_mbl .input-item{display:block; background:#fff; position:relative; height:52px; padding:13px 16px 13px 16px; border:1px solid #dfe4ea; border-radius:8px;}
.contents_mbl .input-box .lb {display:block; font-size:15px; line-height:23px; margin-bottom:8px; color:#333}
.contents_mbl .input-item>input{width:100%; background:#fff; font-family:inherit; font-size:16px; line-height:24px; font-weight:700;transform:skewY(-0.1deg); /*caret-color:#70bf54*/ outline-style:none;}
.contents_mbl .input-item>input::-webkit-input-placeholder{color:#aaa; font-weight:700; font-family:inherit;  transform:skewY(-0.1deg); outline-style:none;}
.contents_mbl .input-item+.input-item{margin-top:8px}
.contents_mbl .input-box.focus .input-item{ outline:none; box-shadow:0 0 0 2px #111;  border-radius:8px; }
.contents_mbl .input-box .info {margin-top:8px; font-size:13px; line-height:20px; color:#888}
.contents_mbl .input-box .msg{margin-top:8px; font-size:13px; line-height:20px; display:none}  
.contents_mbl .input-box .info+.msg{margin-top:0}
.contents_mbl .input-box .input-item [class*='ico-']{display:none; width:20px; min-width:20px; height:20px;}
.contents_mbl .input-item>input:focus::placeholder{font-weight:700; font-family:inherit; transform:skewY(-0.1deg) !important; }


.contents_mbl .input-box[class*='msg-'] .input-item{ display:flex; align-items:center}
.contents_mbl .input-box[class*='msg-'] .input-item [class*='ico-'] {display:block;}
.contents_mbl .input-box[class*='msg-'] .msg{display:block;}
.contents_mbl .input-box.msg-error .input-item {/*outline:2px solid #ff334b;*/ outline:none; box-shadow:0 0 0 2px #ff334b;}
.contents_mbl .input-box.msg-error .ico-error{background:url('/assets/images/ico/ico_msg_error.png') no-repeat center center; background-size: 20px 20px;}
.contents_mbl .input-box.msg-error .msg{color:#ff334b}
/*.contents_mbl .input-box.msg-error .input-item.sp-mail .btn-sel::after {right:26px}*/
.contents_mbl .input-box.msg-error .input-item.sp-mail .ico-error{position:absolute; top:50%; right:46px; transform: translateY(-50%);}

.contents_mbl .input-box .input-item[class*='sp-'] {display:flex; align-items:center;}  
.contents_mbl .input-box .input-item.sp-res .dash{margin:0 10px; color:#aaa}
.contents_mbl .input-box .input-item.sp-mail .dash{margin:0 10px; font-size:16px; font-weight:700}
.contents_mbl .input-box .input-item.sp-mail .des-select-wrap,
.contents_mbl .input-box .input-item.sp-mail .btn-sel{width:100%; position:relative;}
.contents_mbl .input-box .input-item.sp-mail .des-select {width: calc( 100% + 16px); right:-16px; max-height:247px; overflow-y:auto;}
.contents_mbl .input-box .input-item.sp-mail .des-select::-webkit-scrollbar {width: 6px; margin: 0 10px}
.contents_mbl .input-box .input-item.sp-mail .des-select::-webkit-scrollbar-thumb{background:#ccc; border-radius:3px;}
.contents_mbl .input-box .input-item.sp-mail .des-select::-webkit-scrollbar-trank{background:#fff}


.contents_mbl .input-box .input-item.sp-mail select{width:100%; position:absolute; top:50px; right:0;}
.contents_mbl .input-box .input-item.sp-search .bt-search{width:20px; height:20px; background:url('/assets/images/ico/ico_search.png') no-repeat center center; background-size: 20px 20px;}

.contents_mbl .input-box .input-address{display:flex; margin:8px 0}
.contents_mbl .input-box .input-address .post{width:120px; margin-right:8px}
.contents_mbl .input-box .input-address .text{width:100%}
.contents_mbl .input-box .in-check-wrap{margin-top:16px}

.contents_mbl .des-selectbox {position: absolute !important;left: 0 !important;top: 0 !important;width: 1px !important;height: 1px !important; opacity: 0 !important; overflow: hidden;margin-left: -1rem !important;border: 0 none !important;background: transparent !important;color: transparent !important;}
.contents_mbl .des-select {width:100%; position:absolute; top:47px; right:0; border:2px solid #111; padding:24px 0; background:#fff; border-radius: 8px; z-index:2; display:none}
 
.contents_mbl .des-select a{display:block; width:100%; height:100%; padding:12px 16px; font-size:15px; line-height:15px; font-weight:700;transform:skewY(-0.1deg);}
.contents_mbl .des-select a:hover,
.contents_mbl .des-select li.active a{background:#f7f8fa}

.contents_mbl .des-select-wrap .btn-sel.fc-color{color:#111}
.contents_mbl .des-select-wrap.active .des-select{display:block;}
.contents_mbl .des-select-wrap.active .btn-sel::after{transform: rotate(-180deg) translateY(50%);}
.contents_mbl .input-box .input-item.sp-btn .btn{min-width:71px; height:32px; padding:0 10px; font-size:14px}
.contents_mbl .input-box+.input-box{margin-top:32px}
.contents_mbl .input-box .btn.sm{min-width:72px; width:auto; padding:0; height:32px; font-size:13px; color:#111; border-radius: 16px; background:#f0f2f7; border:1px solid #f0f2f7}

/* input - disabled */
.contents_mbl .input-item.disabled {background:#f0f2f7; border:1px solid #dfe4ea}
.contents_mbl .input-item.disabled>input:disabled,
.contents_mbl .input-item.disabled>input:disabled::-webkit-input-placeholder{background:#f0f2f7; color:#aaa} 
.contents_mbl .input-item.disabled>input{background:#f0f2f7;}
/* input -read-only */
.contents_mbl .input-item.readonly {background:#f7f8fa; border:1px solid #dfe4ea}
.contents_mbl .input-item.readonly>input:read-only,
.contents_mbl .input-item.readonly>input:read-only::-webkit-input-placeholder{background:#f7f8fa; color:#505050} 
.contents_mbl .input-item.readonly>input{background:#f7f8fa;}

/* 유의사항 */
.contents_mbl .mbl-notice{padding:49px 43px 48px; border:1px solid #dfe4ea; border-radius:8px;}
.contents_mbl .mbl-notice .tit{position:relative; padding-left:24px; margin-bottom:15px; font-size:15px; font-weight:700; transform:skewY(-0.1deg);line-height: 23px;}
.contents_mbl .mbl-notice .tit::after{display:block; content:""; width:20px; height:20px; position:absolute; top:1px; left:0; background:url('/assets/images/ico/ico_notice.png') no-repeat 0 0; background-size:20px 20px}
.contents_mbl .mbl-notice .tit{position:relative; padding-left:24px; font-size:15px; font-weight:700;transform:skewY(-0.1deg); line-height: 23px;}

/* 테이블 */
.contents_mbl .mbl-tbl-wrap{margin-top:64px; border:1px solid #dfe4ea; border-radius:8px; overflow:hidden;}
.contents_mbl .mbl-tbl{width:100%}
.contents_mbl .mbl-tbl thead th{background:#ebeef2; padding:10px 12px 9px; font-size:14px; line-height:21px; text-align:center; color:#505050; border-left:1px solid #dfe4ea}
.contents_mbl .mbl-tbl tbody td{background:#fff; padding:16px 12px 16px; font-size:14px; line-height:21px; color:#111; text-align:center; border-top:1px solid #dfe4ea; border-left:1px solid #dfe4ea}
.contents_mbl .mbl-tbl tbody td:first-child,
.contents_mbl .mbl-tbl thead th:first-child{border-left:none}
.contents_mbl .mbl-tbl .btn.sm{min-width:48px; height:28px; padding:0 12px; font-size:13px; line-height:13px; color:#111; border:1px solid #f0f2f7; border-radius:16px;}
.contents_mbl .mbl-tbl .btn.sm+.btn{margin-left:4px}
.contents_mbl .mbl-tbl-bt{margin-top:16px; text-align: right;}
.contents_mbl .mbl-tbl .no-data{padding:19px 0;}

/* width 840 */
.contents_mbl .mbl-ct {width:840px; margin-left:-60px;}

/* 팝업 */
.rock{/*overflow-y:hidden!important;*/ position:fixed; width:100%; height:100%; overflow: hidden;}
.rock body{overflow-y:scroll; height:100%}
.rock #footer{position:fixed; bottom:0; left:0}
.contents_mbl .popup-layer{ position:fixed;left:0rem;right:0rem;top:0rem;bottom:0;z-index:1000; background-color: rgba(0,0,0,0);outline:none;touch-action: none !important;transition:all 0.4s; visibility: hidden;}
.contents_mbl .popup-layer>.inr {background: #ffffff; width:720px; /*height:100%;*/ margin:0 auto; position:absolute;top:50%; left:0; right:0; padding:0 24px 48px; transform:translateY(-50%); animation:popClose 0.4s; border-radius: 20px; }
.contents_mbl .popup-layer.active{display:block; background-color: rgba(0,0,0,0.5); visibility: visible;}
.contents_mbl .popup-layer.active>.inr{animation:popOpen 0.5s}
.contents_mbl .popup-layer .phdt{width:100%; min-height:52px; /*height:52px;*/ display:flex; align-items: center; justify-content: center;}
.contents_mbl .popup-layer .phdt .hd-tit1{font-size:16px; line-height:24px; font-weight:700;transform:skewY(-0.1deg);}
.contents_mbl .popup-layer .pcot{padding:24px 0 0; max-height:600px; overflow-y: auto;}
.contents_mbl .popup-layer .pcot::-webkit-scrollbar {width: 6px; margin: 0 10px}
.contents_mbl .popup-layer .pcot::-webkit-scrollbar-thumb{background:#ccc; border-radius:3px;}
.contents_mbl .popup-layer .pcot::-webkit-scrollbar-trank{background:#fff}

.contents_mbl .popup-layer .pbot{/*position:absolute; bottom:0; left:0; right:0;*/}
.contents_mbl .popup-layer .btn-close{
  position:absolute; top:14px; right:14px; width:24px; height:24px;
  background: url("/assets/images/popup/icn_popup_close.svg") no-repeat 50% 50%;background-size: 24px 24px;
}
.contents_mbl .popup-layer .btn-set {margin:24px auto 0}
.contents_mbl .popup-layer .btn-set.full>.btn{width:100%}
.contents_mbl .popup-layer .btn-set .btn+.btn{margin-left:8px}
.contents_mbl .popup-layer .hd-tit2{font-size:20px; line-height:30px; text-align:center; transform:skewY(-0.1deg);} 
.contents_mbl .popup-layer .hd-tit2 .pointer{font-weight:700; font-size: inherit; color:#009574}
.contents_mbl .popup-layer.none{display:none !important}

/* 얼럿팝업 */
.contents_mbl .popup-layer.at>.inr {background: #ffffff; width:360px; /*height:100%;*/ margin:0 auto; position:absolute;top:50%; left:0; right:0; padding:0 24px 24px; transform:translateY(-50%); animation:popClose 0.4s; border-radius: 20px; }
.contents_mbl .popup-layer.at .phdt{min-height:0; /*height:0*/}
.contents_mbl .popup-layer.at .phdt .hd-tit1{height:52px; line-height:52px;}
.contents_mbl .popup-layer.at .pcot{padding:40px 0;}
.contents_mbl .popup-layer.at .pbot .btn-set{margin-top:0}
.contents_mbl .popup-layer.at .pbot .btn-set.flex .btn{flex:1.9}
.contents_mbl .popup-layer.at .pbot .btn-set.flex .btn:first-child{flex:1}
.contents_mbl .popup-layer.at .desc,
.contents_mbl .popup-layer.at .lst-desc li{text-align:center; font-size:16px; line-height:24px}
.contents_mbl .popup-layer.at .desc-sm{text-align:center; font-size:14px; color:#666}
.contents_mbl .popup-layer.at .desc+.desc-sm{margin-top:24px}

/* gray-box */
.contents_mbl .gray-box {background:#f7f8fa; padding:24px; border-radius:10px;}
.contents_mbl .gray-box .lst{padding:8px}
.contents_mbl .gray-box .lst>li{display:flex; justify-content: space-between;}
.contents_mbl .gray-box .lst>li+li{margin-top:16px}
.contents_mbl .gray-box .lst .tit{font-size:16px; line-height:24px; color:#888}
.contents_mbl .gray-box .lst .txt{font-size:16px; line-height:24px; font-weight:700;transform:skewY(-0.1deg); color:#333}
.contents_mbl .gray-box .flex-item{display:flex;justify-content: space-between; align-items: center;}
.contents_mbl .gray-box .flex-item .tit{font-size:14px; color:#111; font-weight:700;transform:skewY(-0.1deg);}
.contents_mbl .gray-box .flex-item .txt{font-size:12px; color:#505050}
.contents_mbl .mbl-notice+.gray-box{margin-top:48px} 

/* [팝업]입력정보확인 */
.contents_mbl .popup-layer .confirm-item{padding:24px 74px 0}
.contents_mbl .popup-layer .confirm-item .gray-box{margin-top:24px}

/* [팝업]약관상세 */
.contents_mbl .terms-wrap{background:#f7f8fa; padding:10px; border-radius: 10px;}
.contents_mbl .terms-wrap>.inr{max-height:420px; padding:22px; overflow-y:scroll; }
.contents_mbl .terms-wrap>.inr::-webkit-scrollbar {width: 6px; margin: 0 10px}
.contents_mbl .terms-wrap>.inr::-webkit-scrollbar-thumb{background:#ccc; border-radius:3px;}
.contents_mbl .terms-wrap>.inr::-webkit-scrollbar-trank{background:#fff} 


/* .contents_mbl .terms-wrap .terms-item{max-height:380px; min-height:380px; overflow-y:scroll;}
.contents_mbl .terms-wrap .terms-item::-webkit-scrollbar {width: 6px; margin: 0 10px}
.contents_mbl .terms-wrap .terms-item::-webkit-scrollbar-thumb{background:#ccc; border-radius:3px;}
.contents_mbl .terms-wrap .terms-item::-webkit-scrollbar-trank{background:#fff} */
.contents_mbl .terms-wrap .hd-tit2{margin-bottom:12px; font-size:18px; line-height:27px; text-align:left}
.contents_mbl .terms-wrap .hd-tit3{margin-bottom:4px; font-size:15px; line-height:22px; color:#333;}
.contents_mbl .terms-wrap .terms-box+.terms-box{margin-top:24px}
.contents_mbl .terms-wrap .desc{font-size:16px; line-height:24px}
.contents_mbl .terms-wrap .terms-bullet{margin-top:4px}
.contents_mbl .terms-wrap .terms-bullet li,
.contents_mbl .terms-wrap .txt{font-size:15px; line-height:22px; color:#666}
.contents_mbl .terms-wrap .terms-bullet li{padding-left:13px; text-indent:-13px}
.contents_mbl .terms-wrap .terms-bullet li+li{margin-top:4px}
.contents_mbl .terms-wrap .terms-bullet li ul,
.contents_mbl .terms-wrap .terms-bullet li ol,
.contents_mbl .terms-wrap .txt+.txt{margin-top:4px}
.contents_mbl .terms-wrap .terms-bullet li .hd-tit3{margin:4px 0 0 13px}
.contents_mbl .terms-wrap .terms-box>.bullet>li{margin-left:0; font-size:15px; line-height:22px}
.contents_mbl .terms-wrap .bullet>li::after{top:9px; left:0}
.contents_mbl .terms-wrap .bullet>li{padding-left:9px; margin-left:10px; text-indent:0;}
.contents_mbl .terms-wrap .bullet-no>li{padding-left:0; text-indent:0;}


/* 로그인 */
.contents_mbl .login-wrap{padding:0 20px}
.contents_mbl .login-wrap .hd-tit2{margin-bottom:48px; text-align:center}
.contents_mbl .login-wrap .hdt-item .pointer {font-size:14px}
.contents_mbl .login-wrap .mbl-tab .tab-cot{padding:48px 0 0}
.contents_mbl .login-wrap .hdt-item+.btn-set{margin:24px 0 48px}
.contents_mbl .login-wrap .hdt-item+.btn-set>a{width:269px; height:84px; font-size:22px}
.contents_mbl .login-wrap .btn-set .ico-finance::before{background:url('/assets/images/ico/ico_finance_bt.png') no-repeat; background-size:32px 32px}
.contents_mbl .login-wrap .btn-set .ico-private::before{background:url('/assets/images/ico/ico_private_bt.png') no-repeat; background-size:32px 32px}
.contents_mbl .login-wrap .btn-set .ico-joint::before{background:url('/assets/images/ico/ico_joint_bt.png') no-repeat; background-size:32px 32px}
.contents_mbl .login-wrap .tab-cot .mbl-form{width:312px; margin:48px auto 0;}
.contents_mbl .login-wrap .mbl-form+.btn-set{margin:20px 0 48px}
.contents_mbl .login-wrap .mbl-form .input-box+.input-box{margin-top:16px}
.contents_mbl .login-wrap .app-info{margin-top:60px; text-align:center; transform: skew( -0.1deg);}
.contents_mbl .login-wrap .app-info .bt-arrow::after{bottom:-1px}
.contents_mbl .login-wrap .desc{margin-top:8px; font-size:13px; line-height:20px; color:#505050}
.contents_mbl .login-wrap .input-box .info{color:#505050}

/* 민간인 인증서 팝업 */
.contents_mbl .popup-layer.pop-priv-certi {}
.contents_mbl .popup-layer.pop-priv-certi.at>.inr{width:460px}
.contents_mbl .popup-layer.pop-priv-certi .gray-box{margin:24px 0}
.contents_mbl .popup-layer.pop-priv-certi .tit{font-size:15px; line-height:22px; font-weight:700; transform:skewY(-0.1deg); text-align:center}
.contents_mbl .popup-layer.pop-priv-certi .lst-priv{display:flex; margin-top:24px; justify-content:center;;}
.contents_mbl .popup-layer.pop-priv-certi .lst-priv li{padding-top:46px; min-width:66px; background-size:40px 40px; background-position:center 0; background-repeat:no-repeat; text-align:center}
.contents_mbl .popup-layer.pop-priv-certi .lst-priv li.ico01{background-image:url('/assets/images/ico/ico_kakaopay.png');}
.contents_mbl .popup-layer.pop-priv-certi .lst-priv li.ico02{background-image:url('/assets/images/ico/ico_naver.png');}
.contents_mbl .popup-layer.pop-priv-certi .lst-priv li.ico03{background-image:url('/assets/images/ico/ico_toss.png');}
.contents_mbl .popup-layer.pop-priv-certi .lst-priv li.ico04{background-image:url('/assets/images/ico/ico_pass.png');}
.contents_mbl .popup-layer.pop-priv-certi .lst-priv span{font-size:13px; color:#333}
.contents_mbl .popup-layer.pop-priv-certi .bullet.gray>li{color:#666}
.contents_mbl .popup-layer.pop-priv-certi .bullet.gray>li::after {background:#aaa}

/*  인증센터 */
.contents_mbl .certificate-box{display:flex; align-items:center; justify-content:center; width:836px; margin:64px 0 48px -60px}
.contents_mbl .certificate-box .cert-item{width:200px; height:200px; position:relative; display: flex; align-items: flex-end; justify-content:center; padding-bottom:24px; border:1px solid #dfe4ea; border-radius: 8px;}
.contents_mbl .certificate-box .cert-item+.cert-item{margin-left:12px}
.contents_mbl .certificate-box .cert-item::after{display:block; content:""; width:64px; height:64px; position:absolute; top:32px; left:50%; transform: translateX(-50%); background-repeat: no-repeat; background-size:64px 64px}
.contents_mbl .certificate-box .cert-item.ico01::after{background-image:url('/assets/images/ico/ico_certificate01.png');}
.contents_mbl .certificate-box .cert-item.ico02::after{background-image:url('/assets/images/ico/ico_certificate02.png');}
.contents_mbl .certificate-box .cert-item.ico03::after{background-image:url('/assets/images/ico/ico_certificate03.png');}
.contents_mbl .certificate-box .cert-item.ico04::after{background-image:url('/assets/images/ico/ico_certificate04.png');}
.contents_mbl .certificate-box .desc{font-size:14px; line-height:21px; color:#333; text-align: center; transform:skewY(-0.1deg);} 
.contents_mbl .certificate-box .desc-s{font-size:12px; line-height:18px; color:#333}
.contents_mbl .certificate-box .bold{font-weight:700;}
.contents_mbl .certificate-box.reg {display:block}
.contents_mbl .certificate-box.reg .reg-item{display:flex; align-items:center; height:112px; position: relative; padding-left:124px; margin-top:12px; border:1px solid #ebeef2; border-radius:8px;}
.contents_mbl .certificate-box.reg .reg-item .desc{width:240px;}
.contents_mbl .certificate-box .reg-item::after{display:block; content:""; width:64px; height:64px; background-repeat: no-repeat; background-size:64px 64px; position:absolute; top:24px; left:48px;}
.contents_mbl .certificate-box .reg-item.ico01{justify-content: center; padding-left:0 }
.contents_mbl .certificate-box .reg-item.ico01::before{display:block; content:""; width:64px; height:64px; background-repeat: no-repeat; background-size:64px 64px; margin-right:12px}
.contents_mbl .certificate-box .reg-item.ico01::before{background-image:url('/assets/images/ico/ico_reg01.png');}
.contents_mbl .certificate-box .reg-item.ico02::after{background-image:url('/assets/images/ico/ico_reg02.png');}
.contents_mbl .certificate-box .reg-item.ico03::after{background-image:url('/assets/images/ico/ico_reg03.png');}
.contents_mbl .certificate-box .reg-item.ico04::after{background-image:url('/assets/images/ico/ico_reg04.png');}
.contents_mbl .certificate-box .reg-item.ico05::after{background-image:url('/assets/images/ico/ico_reg05.png');}

.contents_mbl .certificate-box.reg .reg-wrap{display:flex}
.contents_mbl .certificate-box.reg .reg-wrap .reg-item{width:50%}
.contents_mbl .certificate-box.reg .reg-wrap .reg-item+.reg-item{margin-left:12px}

.contents_mbl .certi-step-box{padding:48px 0; margin:0 0 48px; display:flex; justify-content: center; background:#fff; border:1px solid #dfe4ea; border-radius:8px}
.contents_mbl .cer-steps{position:relative}
.contents_mbl .cer-steps::after{display:block; content:""; width:1px; height:100%; position:absolute; top:0; bottom:0; left:33px; background:url('/assets/images/ico/bg_step.png') repeat-y;}
.contents_mbl .cer-steps>li+li{padding-top:32px}
.contents_mbl .cer-steps>li{font-size:16px}
.contents_mbl .cer-steps>li span{position:relative; display:inline-flex;  align-items: center; justify-content: center; margin-right:16px; background:#009574; width:66px; height:32px; font-size:13px; font-weight:700; transform:skewY(-0.1deg);border-radius: 22px; color:#fff;  z-index:11}
.contents_mbl .gray-box .flex-item.reg .txt-box::after{display:block; content:""; position:absolute; top:0; left:0; width:40px; height:40px; background:url('/assets/images/ico/ico_reg_copy.png') no-repeat; background-size:40px auto}
.contents_mbl .gray-box .flex-item.reg .txt-box{position:relative;padding-left:52px;}
.contents_mbl .joint-certi-box{margin-top:64px; text-align:center;}
.contents_mbl .joint-certi-box .head{padding:90px 0 54px; position:relative; }
.contents_mbl .joint-certi-box .head::after{display:block; content:""; position:absolute; top:0; left:50%; width:160px; height:64px; transform:translateX(-50%); background-repeat:no-repeat; background-size:160 64px}
.contents_mbl .joint-certi-box .head.ico01::after{background-image:url('/assets/images/ico/ico_joint-certi01.png');}
.contents_mbl .joint-certi-box .head.ico02::after{background-image:url('/assets/images/ico/ico_joint-certi02.png');}
.contents_mbl .joint-certi-box .tit{font-size:20px; font-weight: 700;transform:skewY(-0.1deg); line-height:30px; color:#009574}
.contents_mbl .joint-certi-box .txt{margin-top:8px; font-size:16px;transform:skewY(-0.1deg);  line-height:24px; color:#333}
.contents_mbl .joint-certi-box .bold{font-weight: 700;transform:skewY(-0.1deg);}
.contents_mbl .joint-certi-box .cer-steps::after{display:none}
.contents_mbl .joint-certi-box .cer-steps{display:flex; align-items:flex-start; justify-content: center;}
.contents_mbl .joint-certi-box .cer-steps span{margin:0;}
.contents_mbl .joint-certi-box .cer-steps .txt{margin-top:16px; font-size:14px; line-height:21px}
.contents_mbl .joint-certi-box .cer-steps>li+li{margin:0; padding:0 0 0 32px; position: relative;}
.contents_mbl .joint-certi-box .cer-steps>li+li::after{display:block; content:""; width:100%; height:1px; position:absolute; top:18px; left:-35px; right:0; background:url('/assets/images/ico/bg_step.png') repeat-x;}

/*  법인위임 */
.contents_mbl .set-item-wrap .set-box{padding:26px 24px; border:1px solid #dfe4ea; border-radius:8px;}
.contents_mbl .set-item-wrap .set-item{display:flex; align-items:center;}
.contents_mbl .set-item-wrap .set-item+.set-item{margin-top:25px}
.contents_mbl .set-item-wrap .set-item .tit{min-width:106px; font-size:14px; font-weight:700; transform:skewY(-0.1deg);color:#009574}
.contents_mbl .set-item-wrap .set-tit{margin:18px 0 16px}
.contents_mbl .set-item-wrap .set-item .bullet{display:flex;}
.contents_mbl .set-item-wrap .set-item .bullet>li{padding-left:12px; color:#666;}
.contents_mbl .set-item-wrap .set-item .bullet>li::after{background:#666; left:5px}
.contents_mbl .set-item-wrap .set-item .bullet>li:first-child{padding:0}
.contents_mbl .set-item-wrap .set-item .bullet>li:first-child::after{display:none}
.contents_mbl .mbl-form .btn-set.full{margin:8px 0 0}
.contents_mbl .mbl-form .btn-set.full .btn{width:100%;  height:40px; border-radius: 8px;  border:1px solid #dfe4ea}




/* common.css overrides */
article.popup-layer {width: 100%;}

















/* 메인 팝업 */
.pop-layer {
  display: block;position: fixed;top: 50%;left: 50%;width: 500px;height: auto;overflow: hidden;
  border-radius: 20px;background-color: #fff;box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, 0.35);transform: translate(-50%, -50%);
  z-index: 10;
}
.pop-layer .btn-r { width: 100%; margin: 10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align: right; }
.pop-layer .pop-container .pop-conts { position: relative; height: auto;}
.pop-layer .pop-container .popup_btn {display: table;table-layout: fixed;width:100%;height:50px;background:#5d5d5d;word-break: break-word;}
.pop-layer .pop-container .popup_btn .popup_button {position: relative; display: table-cell; height:56px; color:#fff; font-size:17px;text-align:center;vertical-align:middle;text-decoration:none; background:#70BF54;}
.pop-layer .pop-container .popup_btn .popup_button.close_day {background-color: #888;}
.pop-layer .pop-container .button-bar {padding: 0 40px 40px 40px;}

/* 메인팝업 스와이퍼 */
.ui-carousel.main-popup-swiper .swiper-container {
  width: auto;height: auto;box-shadow: 10px 0 20px rgba(0, 0, 0, .2);overflow: hidden;
}
.ui-carousel.main-popup-swiper .swiper-controller {
  position: absolute;left: 50%;bottom: 8px;width: auto;height: 24px;overflow: hidden;
  padding: 10px 18px;border-radius: 20px;
  background-color: rgba(0, 0, 0, .2);
  background-color: rgba(0, 0, 0, 0);
  transform: translateX(-50%);
}

.pop-layer.index-01 .dsb {width: 500px;height: 500px;}
.pop-layer.index-01 .dsb > img {display: block;width: 100%;height: 100%;object-fit: cover;}
.pop-layer.index-01 .pop-container .popup_btn {border-top: 1px solid rgba(0, 0, 0, .12);background: #fff;}
.pop-layer.index-01 .pop-container .popup_btn .popup_button,
.pop-layer.index-01 .pop-container .popup_btn .popup_button.close_day {font-weight: bold;color: #111;background: #fff;}
.pop-layer.index-01 .pop-container .popup_btn .popup_button + .popup_button:before {display: block;position: absolute;top: 50%;left: 0;width: 1px;height: 20px;background: rgba(0, 0, 0, .08);transform: translateY(-50%);content: "";}
.pop-layer.index-01 .pop-container .swiper-pagination-bullet.swiper-pagination-bullet {border-radius: 4px;}
.pop-layer.index-01 .pop-container .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 16px;background-color: #70BF54;}