table, caption, tbody, tfoot, thead, tr, th, td {    vertical-align: middle;}
table.board tbody tr td.tit div>a {max-width: 500px;}
table.board.qna tbody tr td.tit div>a {max-width: 85%;}
a {vertical-align: middle;}
.tooltip-image {margin-left:4px; max-height:25px;}
.tooltip-text {position:absolute;z-index:1;background:#00332C;padding:10px;font-size:1.2rem;color:#fff;border-radius:2px;visibility:hidden;opacity:0;}
.tooltip-text:before{content:normal !important;}
.img_wrap a:hover .tooltip-text, .img_wrap a:focus .tooltip-text {visibility:visible;opacity:1;cursor:default;}

.wrap_table_bs {border-top:1px solid #212124;position: relative;}
.wrap_table_bs .row {display: flex;}
.wrap_table_bs .row .split_box {display: flex;width:50%; border-bottom:1px solid #E7E7E7;padding:5px 0; min-height: 70px;align-items: center;}
.wrap_table_bs .row .row_box {display: flex;width:100%; border-bottom:1px solid #E7E7E7;padding:5px 0; min-height: 70px;align-items: center;}
.wrap_table_bs input[type=text],
.wrap_table_bs input[type=password],
.wrap_table_bs input[type=tel],
.wrap_table_bs input[type=email] {width:auto; background-color: #F2F4F6; height:50px; line-height: 50px; border: none;  border-radius: 5px; margin:3px}
.wrap_table_bs textarea {background-color: #F2F4F6; border: none;  border-radius: 5px; margin:3px}
.wrap_table_bs select {height:50px; line-height: 50px; margin:3px; border: none; border-radius: 5px; padding-left: 15px;padding-right:45px; background:#F2F4F6 url(../images/renew/basic_sel_arrow.png) no-repeat;background-position : right 15px center;
    -webkit-appearance:none; /* 크롬 화살표 없애기 */
    -moz-appearance:none; /* 파이어폭스 화살표 없애기 */
    appearance:none /* 화살표 없애기 */}
.wrap_table_bs .th {font-size:15px; font-weight:500;padding-left:10px;}
.wrap_table_bs .td {font-size:15px; font-weight:500;display: flex; flex-wrap: wrap;}
span.essent {font-size:20px;color:#C15243;padding-left:4px}
.bt_extxt {width: 100%;padding-top:9px; color:#707070;font-size: 13px;line-height: 140%;}
.wrap_table_bs .button {color:#0066A1;font-size:15px;font-weight: 600;border: 1px solid #0066A1;height:50px; line-height: 50px; border-radius: 8px; margin:3px}
.wrap_table_bs .button.gray_btn {color:#606365;border: 1px solid #606365;}
.wrap_table_bs .button.red_btn {color:#C15243;border: 3px solid #C15243; width:auto; height: 60px;}
.t_onerow {display: flex;}
.m_onerow {display: flex;line-height: 50px;}

.wrap_table_bs.th_gray .th {background-color: #F2F4F6; height: 100%;display: flex; align-items: center; justify-content: center; padding:0 10px}
.wrap_table_bs.th_gray .td {padding:20px; line-height: 140%;}
.wrap_table_bs.th_gray.gr_input .td {padding:0 10px; }
.wrap_table_bs.th_gray .th .gray_bg {display: inline-block;}
.wrap_table_bs.th_gray  .row .split_box, .wrap_table_bs.th_gray  .row .row_box {padding:0}


.wrap_table_bs.th_50 .th {width:50px}
.wrap_table_bs.th_50 .td {width:calc(100% - 50px)}
.wrap_table_bs.th_60 .th {width:60px}
.wrap_table_bs.th_60 .td {width:calc(100% - 60px)}
.wrap_table_bs.th_70 .th {width:70px}
.wrap_table_bs.th_70 .td {width:calc(100% - 70px)}
.wrap_table_bs.th_80 .th {width:80px}
.wrap_table_bs.th_80 .td {width:calc(100% - 80px)}
.wrap_table_bs.th_90 .th {width:90px}
.wrap_table_bs.th_90 .td {width:calc(100% - 90px)}
.wrap_table_bs.th_100 .th {width:100px}
.wrap_table_bs.th_100 .td {width:calc(100% - 100px)}
.wrap_table_bs.th_110 .th {width:110px}
.wrap_table_bs.th_110 .td {width:calc(100% - 110px)}
.wrap_table_bs.th_120 .th {width:120px}
.wrap_table_bs.th_120 .td {width:calc(100% - 120px)}
.wrap_table_bs.th_130 .th {width:130px}
.wrap_table_bs.th_130 .td {width:calc(100% - 130px)}
.wrap_table_bs.th_140 .th {width:140px}
.wrap_table_bs.th_140 .td {width:calc(100% - 140px)}
.wrap_table_bs.th_150 .th {width:150px}
.wrap_table_bs.th_150 .td {width:calc(100% - 150px)}
.wrap_table_bs.th_160 .th {width:160px}
.wrap_table_bs.th_160 .td {width:calc(100% - 160px)}
.wrap_table_bs.th_170 .th {width:170px}
.wrap_table_bs.th_170 .td {width:calc(100% - 170px)}
.wrap_table_bs.th_180 .th {width:180px}
.wrap_table_bs.th_180 .td {width:calc(100% - 180px)}
.wrap_table_bs.th_190 .th {width:190px}
.wrap_table_bs.th_190 .td {width:calc(100% - 190px)}
.wrap_table_bs.th_200 .th {width:200px}
.wrap_table_bs.th_200 .td {width:calc(100% - 200px)}
.wrap_table_bs.th_210 .th {width:210px}
.wrap_table_bs.th_210 .td {width:calc(100% - 210px)}
.wrap_table_bs.th_220 .th {width:220px}
.wrap_table_bs.th_220 .td {width:calc(100% - 220px)}
.wrap_table_bs.th_230 .th {width:230px}
.wrap_table_bs.th_230 .td {width:calc(100% - 230px)}
.wrap_table_bs.th_240 .th {width:240px}
.wrap_table_bs.th_240 .td {width:calc(100% - 240px)}
.wrap_table_bs.th_250 .th {width:250px}
.wrap_table_bs.th_250 .td {width:calc(100% - 250px)}

.table_top {display: flex; justify-content: space-between;align-items: baseline;flex-wrap: wrap;margin-bottom:14px}
.red_exe {font-size:13px; font-weight:500; color:#C15243}
.dot_title, .board-info .dot_title {font-size:20px;font-weight:600;position: relative;padding-left:15px}
.dot_title::before {content: ""; display:block;width:7px;height:7px; background-color:#0066A1;border-radius: 4px;position: absolute; left:3px; top:8px;}
.dot_title_small {font-size:17px;font-weight:600;position: relative;padding-left:13px}
.dot_title_small::before {content: ""; display:block;width:4px;height:4px; background-color:#212124;border-radius: 4px;position: absolute; left:3px; top:7px;}
.dot_title_small.dotblue {color:#0066A1}
.dot_title_small.dotblue::before {background-color:#0066A1;}
.dot_title .sm_extext {color:#666;font-size:13px;font-weight: 500;margin-left:15px}
.dot_title .sm_extext br {display: none;}
.f_bold {font-weight:600}
.txt_r {text-align: right !important;}
.txt_l {text-align: left !important;}
.txt_c {text-align: center !important;}

.bluebox {background-color: #F1F7FD; padding:40px}
.f_black {color:#000 !important}
.f_black li {color:#000 !important}
.f_red {color:#C15243 !important}
.f_green {color:#289386 !important}
.f_blue {color:#0070B1 !important}
.f_gray {color:#666 !important}
.f_blf_red li {color:#C15243 !important}
.flex_right {flex-direction: row-reverse;}


.group_btn_box {text-align: center; margin-top: 30px;}
.group_btn_box.tow_bt a:first-child {margin-right:10px;}
.group_btn_box.three_bt a:nth-child(1), .group_btn_box.three_bt a:nth-child(2) {margin-right:10px;}
.group_btn_box.flex_sb {display: flex; justify-content: space-between;}
.btn_download { font-size: 14px; font-weight: 600; color:#fff; display: inline-block; padding:16px 20px 16px 50px; background: #515151 url(../images/renew/btn_icon_download.png) 20px center no-repeat; }
.btn_blue_big {font-size: 16px; font-weight: 600; background-color: #0066A1; color:#fff; display: inline-block; padding:20px 30px; border-radius: 8px;min-width:200px; text-align: center; }
.btn_wblue_big {font-size: 16px; font-weight: 600; background-color: #3D3D3D; color:#fff; display: inline-block; padding:20px 30px; border-radius: 8px;min-width:200px; text-align: center; }
.btn_blue_mid {font-size: 16px; font-weight: 600; background-color: #0066A1; color:#fff; display: inline-block;  padding:16px 28px; border-radius: 6px;min-width:150px; text-align: center; }
.btn_wblue_mid {font-size: 16px; font-weight: 600; background-color: #3D3D3D; color:#fff; display: inline-block; padding:16px 28px; border-radius: 6px;min-width:150px; text-align: center; }
.btn_back_mid {font-size: 16px; font-weight: 600; background-color: #3D3D3D; color:#fff; display: inline-block; padding:16px 28px; border-radius: 6px;min-width:150px; text-align: center; }

.btn_excel_mid {font-size: 16px; font-weight: 600;  background: #02734F url(../images/testbed/icon_excel_gr.png) 7px center no-repeat; color:#fff; display: inline-block; padding:16px 20px 16px 45px; border-radius: 6px; text-align: center; }
.btn_undeline {border:none !important; color:#333 !important; text-decoration: underline;}

.txt_right {text-align: right;}
.txt_left {text-align: left;}

.downbox_set a {font-size: 16px; color: #0066A1; line-height: 120%; text-decoration: underline; margin:10px 0}

input[type=file] + .label-box label {background-color: #fff;color: #0066A1; font-size: 15px; font-weight: 600; border: 1px solid #0066A1; height: 50px; line-height: 50px; border-radius: 8px; margin: 3px;}
input[type=file] + .label-box label:hover {background-color: #fff;}
.board-write .insert .file-list {height:auto; border: none;}
.board-write .insert .file-list .filebox {display: flex; border: none; padding:8px 2px}
.board-write .insert .file-list .filebox button {position: relative; right: auto; top: auto; transform: none; height: 21px; width: 21px;}
.board-write .insert .file-list .filebox .delete i {width:21px;height:21px;background: url(../images/renew/file_close.png) center center no-repeat;}



/* 기존 board테이블 수정 */
div {word-break: break-all;}
.table-responsive {display: block; width: 100%; overflow-x: auto;}
table.board {table-layout: inherit;}
table th, table td {word-break: keep-all; white-space: nowrap;padding:0 4px}
table.board thead tr th {position: relative; background-color: #F2F4F6; border-bottom:none; height:60px}
table.board thead tr th::after{content: ""; border-right: 1px solid #BCC7CD; height: 18px; width: 1px; position: absolute; right: 0; top: 22px;}
table.board thead tr th:last-child::after {display: none;}
table.board tbody tr td {height: 65px;}
table.board tbody tr td a {color:#000;font-weight:600}
.paging ul li {border: none; background: none;}
.paging button i {border: none;}
.paging ul li.active {background: none;}
.paging ul li.active a { color:#0070B1;font-weight: 600;}
.borad-bot {margin-top:30px}
.th_color2 table.board thead tr th {background-color: #FAF2E7;}
table .rowsbox {white-space: normal; padding:14px; text-align: left; line-height: 130%;}


.board-info {margin-bottom: 10px;}
.board-info > p {color:#212124;padding-bottom:4px}
.board-info .board-srch .select-box select {height:45px;line-height: 45px;background:#F2F4F6 url(../images/renew/basic_sel_arrow.png) no-repeat;background-position : right 15px center;border:none;border-radius: 8px;}
input[type=text], input[type=password], input[type=tel], input[type=email] {background-color:#F2F4F6 ; border:none}
.board-info input[type=text] {background-color:#F2F4F6 ;}
.board-info .board-srch input[type=text] {height: 45px;line-height: 45px;border-radius: 8px;}
.board-info .board-srch button {background-color: #fff;color:#0066A1;border: 1px solid #0066A1;font-weight: 600;height:45px;line-height: 45px; border-radius: 8px;}

.board-info.item_4 .board-srch .split_box {display: flex;}


.board-view .bv-top .info {margin-bottom:12px}
.board-view .bv-top h4 {font-size: 20px; font-weight: 600; padding: 26px 26px 24px;border-bottom: 1px solid #E7E7E7;}
.board-view .bv-cont {padding: 26px 26px 70px; font-size: 16px; color:#212124;line-height: 160%;}
.board-view .bv-file {display: flex;}
.board-view .bv-file .bvf-tit {position: relative; left:auto; top:auto; padding:0; align-items: center; display: flex;line-height: 120%;}
.board-view .bv-file .bvf-list { padding: 22px 15px; border: none; margin-left: 20px;}
.board-view .bv-file .bvf-tit span {font-size:16px; font-weight: 500; padding-left: 26px;}
.board-view .bv-file .bvf-list ul li a {font-size: 16px; color:#0066A1;line-height: 120%;}
.board-view .bv-file .bvf-list ul li a::before {display: none;}

.board-view .btn-box {text-align: center;margin-top:30px}
.board-view .btn-box button {background-color:#0066A1; color:#fff; font-size: 18px;font-weight: 600;width:200px; height: 60px; line-height: 60px;border-radius: 7px;}

.check-box label.circle.square span::before {border-radius: 20%;}
.txt_left {text-align: left !important}
.check-box.big_arrow label.circle span::before { background: url(../images/renew/cus_check_icon.png) center no-repeat; border: none; margin-right: 10px;}
.check-box.big_arrow label input[type=checkbox]:checked +span::before  { background: url(../images/renew/cus_check_icon_on.png) center no-repeat; }


.qna .item-a {position: relative;}
.qna .item-a::after {content: ""; width: 20px; height: 20px; background: url(../images/renew/icon_qna_p.png) center center no-repeat; position: absolute; top:-40px; right:20px} 
.qna .item-a.active::after {background: url(../images/renew/icon_qna_m.png) center center no-repeat; }
table.board tbody tr.item-a {background-color: #fff;}
table.board tbody tr.item-q td div span {color:#0066A1; font-weight: 600;}
table.board tbody tr.item-a td div span {color:#02734F; font-weight: 600;}
table.board.qna tbody tr td a {white-space: normal;}


/* 사전심사 절차 */
.proce_0301 {display: flex; margin-top:50px}
.proce_0301 .big_box {width: calc(35% - 40px);}
.proce_0301 .big_box .roundbox {width:100%; height:112px; border:1px solid #0066A1; background-color:#F1F7FD; padding:0 15px;border-radius: 60px;display: flex; align-items: center;justify-content: center; font-size:20px; font-weight: 500; color: #0066A1; line-height: 120%;}
.proce_0301 .big_box .roundbox span {font-size: 35px;padding-right:20px ;white-space: nowrap;}
.proce_0301 .big_box .textbox {font-size: 16px;color: #666; line-height: 160%;padding:30px 20px;}
.proce_0301 .arrow {width:40px;height:28px; background: url(../images/renew/arrow_cont0301.png) center center no-repeat; margin: 40px 1.2vw 0 1.2vw}

/* 앱활용 다운로드 */
.wrap_app_dwon {border-top:1px solid #212124}
.wrap_app_dwon .app_row {display: flex; align-items: center; padding: 50px 50px; border-bottom: 1px solid #E7E7E7;}
.wrap_app_dwon .app_row .img_app {margin-right:50px}
.wrap_app_dwon .app_row .img_app img {width:127px;}
.wrap_app_dwon .app_row .body_app {display: flex;}
.wrap_app_dwon .app_row .text_group {margin-right:70px}
.wrap_app_dwon .app_row .text_group .title {font-size: 26px; font-weight: 600; margin-bottom:25px;line-height: 120%;}
.wrap_app_dwon .app_row .text_group .stitle {font-size: 16px; font-weight: 500; margin-bottom:15px;line-height: 100%;}
.wrap_app_dwon .app_row .text_group .stitle span {display:inline-block;color: #0066A1; border-right:1px solid #BCC7CD; padding-right:10px; margin-right:10px;}
.wrap_app_dwon .app_row .text_group .bodtxt {font-size: 15px; color:#666; line-height: 120%;}
.wrap_app_dwon .app_row .btn_group a {width:170px; height:50px; border:1px solid #8E8E96;border-radius:7px;font-size: 0;margin-bottom:15px}
.wrap_app_dwon .app_row .btn_group a:last-child {margin-bottom:0}
.wrap_app_dwon .app_row .btn_group a.btn_app { background: url(../images/renew/btn_appstore.png) center center no-repeat;}
.wrap_app_dwon .app_row .btn_group a.btn_google { background: url(../images/renew/btn_googleplay.png) center center no-repeat;}

/* 대쉬보드 */
.wrap_dash_top {display: flex; margin-bottom:30px}
.wrap_dash_top > div {width:48.5%; height: 210px; background-color:#128290; border-radius: 20px; display: flex;padding:40px 20px; color:#fff}
.wrap_dash_top .bluebox {margin-right:3%;background-color:#0066A1 ;}
.wrap_dash_top .left_dash {width:25%; display: flex; flex-direction: column; justify-content: center; align-items: center;border-right: 1px solid #fff;}
.wrap_dash_top .left_dash .title {text-align: center; font-size:15px; font-weight: 500;margin-top: 10px;}
.wrap_dash_top .right_dash {display: flex; flex-direction: column; justify-content: center;margin-left: 7%; }
.wrap_dash_top .right_dash .cate {font-size:16px; font-weight: 500; margin-bottom:10px}
.wrap_dash_top .right_dash .title {font-size:34px; font-weight: 600; margin-bottom:25px}
.wrap_dash_top .right_dash .code {font-size:16px; font-weight: 500; border: 1px solid #fff; border-radius: 20px;padding:5px 20px}
.wrap_dash_top .greenbox {justify-content: space-between;}
.wrap_dash_top .greenbox .datebox {display: flex;padding:5px 30px}
.wrap_dash_top .greenbox .datebox .name {font-size:19px; font-weight: 500; width:100px;height:50px;line-height:50px;}
.wrap_dash_top .greenbox .datebox .number {width:50px;height:50px;line-height:50px;border-radius: 25px; background-color: #fff; font-size:20px; font-weight: 600;color:#000; text-align: center; vertical-align: middle;}

.wrap_dash_top02 {display: flex;justify-content: space-between;margin-top:20px;margin-bottom:30px}
.wrap_dash_top02 .bigbox {width:32%;background-color:#E8F0FF; height: 180px;border-radius: 15px; text-align: center;padding:10px}
.wrap_dash_top02 .bigbox .t02_topbox {font-size:16px; font-weight: 500; color: #0066A1;padding:10px 0 15px 0}
.wrap_dash_top02 .bigbox .onebox {background-color: #fff; height:115px; border-radius: 15px;display: flex;justify-content: center; align-items: center;font-size: 16px; font-weight: 500; }
.wrap_dash_top02 .bigbox .onebox .result {display: flex;align-items: center;}
.wrap_dash_top02 .bigbox .onebox .dot {width:22px;height:22px; border-radius: 11px; background-color: #000; display: block;margin-right:10px}
.wrap_dash_top02 .bigbox .onebox .f_blue .dot {background-color:#0070B1 !important;}
.wrap_dash_top02 .bigbox .onebox .f_red .dot {background-color:#C15243 !important ;}
.wrap_dash_top02 .bigbox .onebox .f_green .dot {background-color:#289386 !important ;}
.wrap_dash_top02 .bigbox .samllbox {background-color: #fff; height:115px;  border-radius: 15px; width:31%; text-align: center;padding:30px 0;display: flex; flex-direction: column; justify-content: space-between;}
.wrap_dash_top02 .bigbox .group_box {display: flex;justify-content: space-between;}
.wrap_dash_top02 .bigbox .samllbox .number {font-size:24px; font-weight: 600;}
.wrap_dash_top02 .bigbox .samllbox .text {font-size:16px; font-weight: 500;}

.wrap_apply_condi {display: flex; border-top: 1px solid #000; border-bottom:1px solid #E7E7E7;min-height:200px;margin-bottom:30px}
.wrap_apply_condi .condi_bluebox {display: flex; flex-flow: column; align-items: center; justify-content: center; width:22%; background-color:#0066A1;color:#fff; text-align: center;}
.wrap_apply_condi .condi_bluebox .number {font-size:50px; font-weight: 600;margin-bottom:20px}
.wrap_apply_condi .condi_bluebox .text {font-size:16px; font-weight: 500;}
.wrap_apply_condi .condi_whitebox {width:78%;}
.wrap_apply_condi .condi_whitebox .big_text {font-size:22px; color: #0066A1; font-weight: 500;margin-bottom:15px}
.wrap_apply_condi .condi_whitebox .small_text {font-size:16px; color: #0066A1; font-weight: 400;}

.table_top.board-info {align-items: center;}
.contents_box .btn_basic {background-color: #fff; font-size:15px;color: #0066A1; border: 1px solid #0066A1; font-weight: 600; height: 45px; line-height: 45px; padding:0 20px; border-radius: 8px;}
.contents_box .state_blue {background-color:#0070B1; color: #fff; font-weight: 600; padding:7px 19px; border-radius:20px;}
.contents_box .state_green {background-color:#46744B; color: #fff; font-weight: 600; padding:7px 19px; border-radius:20px;}
.contents_box .state_red {background-color:#C15243; color: #fff; font-weight: 600; padding:7px 19px; border-radius:20px;}

.g_line {width:100%;height:1px; border-bottom: 1px solid #E7E7E7;}

.mt100 {margin-top:100px !important}
.mt90 {margin-top:90px !important}
.mt80 {margin-top:80px !important}
.mt70 {margin-top:70px !important}
.mt60 {margin-top:60px !important}
.mt50 {margin-top:50px !important}
.mt40 {margin-top:40px !important}
.mt30 {margin-top:30px !important}
.mt20 {margin-top:20px !important}
.mt10 {margin-top:10px !important}
.mt05 {margin-top:05px !important}


/* 탭메뉴 */
.cus_tab .cus_tabMenu ul { display: flex; margin-top: 30px;}
.cus_tab .cus_tabMenu.tap_full ul li {flex-grow: 1;}
.cus_tab .cus_tabMenu ul li {border-bottom:2px solid #0066A1;text-align: center;}
.cus_tab .cus_tabMenu ul li a { padding: 0 20px; height: 70px; line-height: 70px;;display: block; background-color: #F2F4F6; font-size: 19px; ;margin-right:1px}
.cus_tab .cus_tabMenu ul li:last-child a {margin-right:0}
.cus_tab .cus_tabMenu ul li.on a {background-color: #0066A1; color:#fff; font-weight: 500;}
.cus_tab .cus_tabCont > div { display: none;}
.cus_tab .cus_tabCont > div.on { display: block; }


/* 로그인 */
.wrap_login {display: flex; justify-content: space-between; margin-top:40px}
.wrap_login .login_bigbox {width:49%;padding:40px;border:1px solid #BCC7CD; min-height: 450px; display: flex; flex-direction: column; align-items: center;}
.wrap_login .login_bigbox .title {font-size: 18px; font-weight: 600; text-align: center; margin-top:10px; margin-bottom:20px}
.wrap_login .login_type_btn{margin:0 0 30px 0;}
.wrap_login_co {display: flex; flex-direction: column; align-items: center; margin-bottom:50px}
.wrap_login_co .text_top {font-size:15px; font-weight: 500; color:#606365; line-height: 140%; margin-top: 50px; text-align: center;}
.wrap_login_co .text_top span {color: #C15243;}
.wrap_login_co .input_login {display: flex; flex-direction: column; margin-top:20px; width:35%}
.wrap_login_co .input_login .row_box {display: flex; align-items: center; margin:8px 0}
.wrap_login_co .input_login .row_box .th {font-size:14px; font-weight: 500; width:80px}
.wrap_login_co .input_login .row_box .td {width: calc(100% - 80px);}
.wrap_login_co .input_login .row_box input { background-color: #F2F4F6; height: 50px; line-height: 50px; border: none; border-radius: 5px;}
.wrap_login_co .img_btnset {display: flex;justify-content: space-between; width:80%; margin-top:50px}
.wrap_login_co .img_btnset .btn_img {width:49%}
.wrap_login_co .img_btnset img {width:100%}
.wrap_login_co .text_btnset {display: flex; margin-top:70px}
.wrap_login_co .text_btnset a {font-size:14px; font-weight: 500; color:#606365; padding:0 15px; border-right: 1px solid #BCC7CD; }
.wrap_login_co .text_btnset a:last-child {border-right: none;}

.wrap_idpass {margin-top:80px}



/* 회원가입 */
.wrap_join_split { margin-top:30px}
.wrap_join_split .join_top {display: flex; justify-content: space-between;}
.wrap_join_split .join_top .topbox {display: flex; justify-content: center; flex-direction: column; width:47%;height:250px;border: 2px solid #0066A1; border-radius: 20px; box-shadow: 4px 4px 8px #c0c0c0; padding-left:20%; background: url(../images/renew/icon_join_person.png) 15% center no-repeat; }
.wrap_join_split .join_top .topbox:last-child {background: url(../images/renew/icon_join_build.png) 15% center no-repeat; }
.wrap_join_split .join_top .topbox .title {font-size:32px; font-weight: 600; margin-bottom:30px}
.wrap_join_split .join_top .topbox .btn_join {width:70%; height:50px; line-height: 50px;font-size:16px; color: #fff; font-weight: 500; text-align: center; background-color: #0066A1; border-radius: 6px;}
.wrap_join_split .bottombox {display: flex; justify-content: space-between;}
.wrap_join_split .bottombox .row_box {width:100%; padding:20px 40px}
.wrap_join_split .bottombox .split_box {width:47%; padding:20px 40px}
.bg_blue {background-color: #F4FBFF;}
.wrap_join_split .join_progress {position:relative; display: flex; width:calc(100% - 40px); justify-content: space-between; margin:20px}
.wrap_join_split .join_progress > div {position:relative; width:30px; height:30px; line-height: 24px;border-radius: 15px; background-color: #fff; border: 2px solid #0066A1; color:#0066A1; font-size:16px; font-weight: 600; text-align: center; z-index: 1;}
.wrap_join_split .join_progress::after {content: "";width:100%; height:2px; background-color:#0066A1; position: absolute; left:0; top:15px; }
.wrap_join_split .join_progress .text {position: absolute; left: -88px; top: 30px; width: 200px; color:#4F84A3; font-size: 14px; letter-spacing: -1px;}
.wrap_join_split .textbox {padding:10px;}
.wrap_join_split .btnbox {margin-top:70px;}
.wrap_join_split .btn_join_check {width:260px; height:64px; line-height:64px; background:#0066A1 url(../images/renew/btn_check_join.png) no-repeat; background-position : left 25px center; text-align: center; font-size:16px; font-weight: 500; color: #fff;padding-left:20px; border-radius: 10px;margin:0 auto} 
.wrap_join_split .bottombox .linebox {display: none;}


/* 회원가입 절차*/
.wrap_join_progress {display: flex;}
.wrap_join_progress > div {position: relative;flex-grow: 1;height:120px; display: flex; align-items: center;justify-content: center;color: #0066A1;letter-spacing:-1px;}
.wrap_join_progress > div.icon01 {background: #E6F0F6 url(../images/renew/icon_j_prog01.png) no-repeat; background-position : left 18% center; background-size: 20%;}
.wrap_join_progress > div.icon02  {background: #E6F0F6 url(../images/renew/icon_j_prog02.png) no-repeat; background-position : left 18% center; background-size: 20%;}
.wrap_join_progress > div.icon03  {background: #E6F0F6 url(../images/renew/icon_j_prog03_02.png) no-repeat; background-position : left 18% center; background-size: 20%;}
.wrap_join_progress > div.icon04 {background: #E6F0F6 url(../images/renew/icon_j_prog04.png) no-repeat; background-position : left 18% center; background-size: 20%;}
.wrap_join_progress > div.on {width:8%;background-color: #0066A1; color:#fff; font-weight: 500;}
.wrap_join_progress > div.on.icon01 {background: #0066A1 url(../images/renew/icon_j_prog01_on.png) no-repeat; background-position : left 18% center; background-size: 20%;}
.wrap_join_progress > div.on.icon02 {background: #0066A1 url(../images/renew/icon_j_prog02_on.png) no-repeat; background-position : left 18% center; background-size: 20%;}
.wrap_join_progress > div.on.icon03 {background: #0066A1 url(../images/renew/icon_j_prog03_02_on.png) no-repeat; background-position : left 18% center; background-size: 20%;}
.wrap_join_progress > div.on.icon04 {background: #0066A1 url(../images/renew/icon_j_prog04_on.png) no-repeat; background-position : left 18% center; background-size: 20%;}

.wrap_join_progress > div::after {content: "";width:31px;height:120px;background: url(../images/renew/j_progress_arrow.png) no-repeat;position: absolute; right:0; top:0}
.wrap_join_progress > div.on::after {background: url(../images/renew/progress_after.png) no-repeat;}
.wrap_join_progress > div.on::before {content: "";width:31px;height:120px;background: url(../images/renew/progress_before.png) no-repeat;position: absolute; left:-31px; top:0}
.wrap_join_progress > div:first-child.on::before {display: none;}
.wrap_join_progress > div:last-child::after {display: none;}
.wrap_join_progress > div span {font-size: 18px; font-weight: 600; line-height: 120%;padding-left:8%}

.wrap_join_progress.step3 > div {background-size: 15%;background-position: left 25% center;}
.wrap_join_progress.step3 > div.on {background-size: 15%;background-position: left 25% center;}

.basic_title {font-size: 20px; font-weight: 600;}
.wrap_terms {padding:50px 30px}
.wrap_terms .basic_title {margin-bottom:20px; padding-left:5px}
.wrap_terms .terms_scroll_box {height:230px; overflow-y: scroll;border: 1px solid #BCC7CD; border-radius: 20px;padding:40px}
.wrap_terms h4 {font-size:18px; font-weight: 600; color: #0066A1; padding-bottom:20px; padding-top: 20px;}
.wrap_terms h4:first-child {padding-top:0}
.wrap_terms dt {font-size:16px; font-weight: 600; color: #212124; padding-bottom:15px;}
.wrap_terms dd, .wrap_terms p {font-size:16px; font-weight: 400; color: #666; padding-bottom:20px;line-height: 140%;}
.term_point {color:#000; font-weight: 600;}
.wrap_terms .radio {margin:20px 0 30px}
.wrap_terms .check-box {text-align: center; margin-bottom:50px}
.wrap_terms .check-box label span {font-size: 20px; font-weight: 600;}
.wrap_terms .check-box label.circle span::before {margin-right:10px;margin-bottom:2px}

.wrap_terms_m.mobile {display: none;}

.wrap_join_mid {margin-top:50px}
.login_img_btnset {display: flex;justify-content: center; width:70%;margin:0 auto; margin-top:50px}
.login_img_btnset .btn_img {padding:10px 20px}
.pass_complete {text-align: center; font-size: 18px; font-weight: 600; color: #C15243;margin-top:30px;margin-bottom:60px}

.wrap_join_complete {border: 1px solid #BCC7CD; border-radius: 20px; margin-top:40px; display: flex; align-items: center; justify-content: center; height:300px}
.wrap_join_complete .text {font-size: 24px; font-weight: 600; height:100px; line-height: 100px;background: url(../images/renew/img_join_cp.png) left center no-repeat;padding-left:110px}

.wrap_log_cop_sear {border-top:1px solid #E7E7E7; display: flex; flex-direction: column; align-items: center;padding:40px 0 50px 0}
.wrap_log_cop_sear .toptext {font-size:14px; font-weight: 600; line-height: 150%;color:#0066A1; text-align: center;}
.wrap_log_cop_sear .searbox {display: flex; align-items: center; margin-top:30px}
.wrap_log_cop_sear .searbox .th {font-size:15px; font-weight: 600;padding-right:10px}
.wrap_log_cop_sear .searbox .td {width:350px}
.wrap_log_cop_sear .searbox input[type=text] {background-color: #F2F4F6; height: 50px; line-height: 50px;border-radius: 5px;}
.wrap_log_cop_sear .searbox button {color: #0066A1; font-size: 15px; font-weight: 600; border: 1px solid #0066A1; height: 50px; line-height: 50px; border-radius: 8px;margin-left:5px}


/* cont0102 서비스의 장점*/
.wrap_cont0102 {display: flex; flex-direction: column; justify-content: center; margin-top: 70px;}
.wrap_cont0102 .topbox {text-align: center;text-align: center;}
.wrap_cont0102 .topbox .title {font-size: 28px;font-weight: 600;margin-bottom:20px}
.wrap_cont0102 .topbox .title span {color: #0066A1;}
.wrap_cont0102 .topbox .title::after {content: ""; display: block; width:1px; height:45px; background-color: #000; margin: 0 auto; margin-top:20px}
.wrap_cont0102 .topbox .text {font-size:16px; line-height: 160%;margin-bottom: 15px;}
.wrap_cont0102 .topbox .bottom_txt {font-size: 20px; font-weight: 600; color: #0095C3;line-height: 120%;}
.wrap_cont0102 .topbox .bottom_txt br {display: none;}
.wrap_cont0102 .midbox {margin-top: 50px;}
.wrap_cont0102 .midbox .row {display: flex;margin-top: 60px;}
.wrap_cont0102 .midbox .row .imgbox {width:50%; display: flex; align-items: center;}
.wrap_cont0102 .midbox .row .imgbox img {width:100%}
.wrap_cont0102 .midbox .row .textbox {width:50%}
.wrap_cont0102 .midbox .row .textbox {display: flex; flex-direction: column; justify-content: center; padding-left:5%; padding-right: 2%;}
.wrap_cont0102 .midbox .row .textbox .title {font-size: 38px;font-weight: 600; margin-bottom:20px; letter-spacing: -2px;}
.wrap_cont0102 .midbox .row .textbox .subtitle {font-size: 19px;font-weight: 600; margin-bottom:15px; color:#0095C3;line-height: 120%;}
.wrap_cont0102 .midbox .row .textbox .boxytxt {font-size: 16px;font-weight: 400; color:#516068; line-height: 140%;}
.wrap_cont0102 .midbox .row.right {flex-direction: row-reverse;}
.wrap_cont0102 .midbox .row.right .textbox {padding-left:2%; padding-right: 5%;}

/* cont0103 데이터종류*/
.wrap_cont0103 .topbox {font-size: 24px;font-weight: 600;line-height: 120%; color:#0095C3; text-align: center;margin-top: 50px;}
.wrap_cont0103 .listbox {margin-top:60px;display: flex; justify-content: space-between;flex-wrap: wrap;}
.wrap_cont0103 .listbox .box {width:32%; height: 250px;background-color:#F4F8FF; border-radius:20px; margin:10px 0; text-align: center;padding:2%}
.wrap_cont0103 .listbox .box .cate {font-size:16px; font-weight: 600; color: #0095C3;margin-top: 10px;}
.wrap_cont0103 .listbox .box .title {font-size:32px; font-weight: 600;margin-top: 15px;letter-spacing: -2px;}
.wrap_cont0103 .listbox .box .title::after {content: ""; display: block; width:80%;height:1px; background-color:#0095C3; margin: 0 auto; margin-top:30px}
.wrap_cont0103 .listbox .box .bodytxt {font-size:16px; font-weight: 400; color:#516068 ;margin-top: 20px; line-height: 140%;}

/* cont0104 관련기관*/
.wrap_cont0104 .row {display: flex; margin-top: 60px; justify-content: space-between;}
.wrap_cont0104 .row .imgbox {width:47%; height: 230px; display: flex; align-items: center;justify-content: center; border: 1px solid #BCC7CD; border-radius: 20px;}
.wrap_cont0104 .row .textbox {width:47%;padding:0 1%}
.wrap_cont0104 .row .textbox {display: flex; flex-direction: column; justify-content: center; }
.wrap_cont0104 .row .textbox .title {font-size: 22px;font-weight: 600; margin-bottom:20px; letter-spacing: -2px;}
.wrap_cont0104 .row .textbox .subtitle {font-size: 18px;font-weight: 600; margin-bottom:15px; color:#0095C3;line-height: 120%;}
.wrap_cont0104 .row .textbox .boxytxt {font-size: 16px;font-weight: 400; color:#516068; line-height: 140%;}

/* cont0106*/
.wrap_cont0106 .basic_splitbox {margin-top:90px}
.wrap_cont0106 .img_basic {margin-top:30px}

/* cont0107*/
.wrap_cont0107 .basic_splitbox {margin-top: 70px;}
.wrap_cont0107 .small_blist {margin-bottom: 50px;}


/* cont0101*/
.wrap_cont0101 .basic_splitbox {margin-top:90px}
.wrap_cont0101 .img_basic2 {margin-top:30px}


/* 대리인동의 추가페이지*/
.wrap_substitute {display: flex; flex-direction: column; align-items: center;padding:100px 0 50px 0}
.wrap_substitute .toptext {font-size:16px; font-weight: 600; line-height: 150%;color:#0066A1; text-align: center;}
.wrap_substitute .searbox {display: flex; align-items: center; margin-top:30px}
.wrap_substitute .searbox .th {font-size:15px; font-weight: 600;padding-right:10px}
.wrap_substitute .searbox .td {width:350px}
.wrap_substitute .searbox input[type=text] {background-color: #F2F4F6; height: 50px; line-height: 50px;border-radius: 5px;}
.wrap_substitute .searbox button {color: #0066A1; font-size: 15px; font-weight: 600; border: 1px solid #0066A1; height: 50px; line-height: 50px; border-radius: 8px;margin-left:5px}

.wrap_substitute_check {margin-top:50px}
.wrap_substitute_check .colorbox {padding:40px 20px; background-color:#F2F4F6; border-radius: 7px; font-size: 16px; font-weight: 500; line-height: 140%;text-align: center;}
.wrap_substitute_check .colorbox .pointtxt { color: #0066A1; font-size: 18px;margin-bottom:10px}
.wrap_substitute_check .textbox {font-size: 16px; font-weight: 500;line-height: 140%;text-align: center; margin-top: 30px;}
.wrap_substitute_check .choicebox {text-align: center; margin-top: 10px;}
.txt_undeline {text-decoration: underline;}






/* 태블릿 화면 */
@media screen and (max-width: 1100px) {

/* 사전심사 절차 */
.proce_0301 .big_box .roundbox { font-size: 2.1vw; height: 11vw}
.proce_0301 .arrow {margin:3.7vw 1.2vw 0 1.2vw}
.proce_0301 .big_box .textbox {font-size:1.8vw; padding: 2vw 0;}
.proce_0301 .big_box .roundbox span {font-size:4vw;}
    
/* 탭메뉴 */
.cus_tab .cus_tabMenu ul li a {font-size:2.3vw; height: 7vw; line-height: 7vw;}

/* cont0107*/
.wrap_cont0107 .basic_splitbox {margin-top: 70px;}
.wrap_cont0107 .small_blist {margin-bottom: 4vw;}

}


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


.wrap_join_split .join_top .topbox {height: 220px; padding: 0; align-items: center; background: url(../images/renew/icon_join_person.png) center 20px no-repeat; background-size: 75px;}
.wrap_join_split .join_top .topbox:last-child {background: url(../images/renew/icon_join_build.png) center 20px no-repeat;background-size: 75px;}
.wrap_join_split .join_top .topbox .title {margin-top:80px;margin-bottom: 15px; font-size: 21px;}
.wrap_join_split .bottombox {flex-direction: column;}
.wrap_join_split .bottombox .split_box {width:100%; padding:20px 0}
.wrap_join_split .bottombox .split_box:first-child {padding-bottom:40px;margin-bottom:20px}
.wrap_join_split .bottombox .bg_blue {padding:20px}
.wrap_join_split .bottombox .linebox {display: block; width:100%; height:1px; background-color:#DEE5F4; margin-bottom:20px}


}

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

/* 기존 board테이블 수정 */
.board-info {flex-direction: column-reverse;;}
.board-info >p {width:100%;margin-top: 5px;}
.board-info .board-srch div {width:calc(50% - 80px)}
.board-info .board-srch .select-box {width:23%}
.board-info .board-srch .select-box select {width:100%}
.board-info .board-srch input[type=text] {width:100%}
.board-info.item_3 .board-srch div {width:calc(66% - 80px)}
.board-info.item_3 .board-srch .select-box {width:31%}
.board-info.item_4 .board-srch .split_box {width:calc(50% - 2px)}
.board-info.item_4 .board-srch .split_box .select-box {width:50%}

.dot_title, .board-info .dot_title {letter-spacing: -2px;}

.group_btn_box.three_bt a {width: calc(33% - 7px ) ; min-width: auto;}


/* 앱활용 다운로드 */
.wrap_app_dwon .app_row {justify-content: center;padding:4vw 0}
.wrap_app_dwon .app_row .body_app {flex-direction: column;width:60% ; }
.wrap_app_dwon .app_row .text_group {margin-right: 0;}
.wrap_app_dwon .app_row .text_group .bodtxt {display: none;}
.wrap_app_dwon .app_row .img_app {width:28%;margin-right:8vw}
.wrap_app_dwon .app_row .img_app img {width:100%}
.wrap_app_dwon .app_row .text_group .title {font-size:6vw;margin-bottom:3vw}
.wrap_app_dwon .app_row .text_group .stitle {margin-bottom:4vw}
.wrap_app_dwon .app_row .text_group .stitle span {font-size:4vw;}
.wrap_app_dwon .app_row .btn_group a {width:100%;height:45px; margin-bottom:2vw}

/* 대쉬보드 */
.wrap_dash_top {flex-direction: column;}
.wrap_dash_top > div {width:100%; margin-bottom:3vw}
.wrap_dash_top02 {flex-direction: column;}
.wrap_dash_top02 .bigbox {width:100%;margin-bottom:3vw}
.board-info.date_item {flex-direction: column; align-items: baseline;}
.board-info.date_item .dot_title {margin-bottom:15px}
.board-info.date_item .board-srch {width:100%}
.board-info.date_item .date-box {width:100%; display: flex;margin-bottom:10px}
.board-info.date_item .select-box {width:calc(100% - 90px);margin-left:0}
.wrap_apply_condi {flex-direction: column;}
.wrap_apply_condi .condi_bluebox, .wrap_apply_condi .condi_whitebox {width:100%;min-height:150px}


/* 로그인 */
.wrap_login {flex-direction: column;margin-top:10px}
.wrap_login .login_bigbox {width:100%; min-height: auto;}
.wrap_login .login_bigbox:first-child {margin-bottom:10px}
.wrap_login .login_bigbox .btn_img {padding:10px 0;}
.wrap_login_co .input_login {width:80%}
.wrap_login_co .img_btnset {flex-direction: column; width:70%; margin-top: 30px;}
.wrap_login_co .img_btnset .btn_img {width:100%; margin-top:10px}
.wrap_login_co .text_btnset {margin-top:30px}

/* 회원가입 절차*/
.wrap_join_progress > div {background: #E6F0F6 !important; height: 60px;}
.wrap_join_progress > div.on {background: #0066A1 !important;}
.wrap_join_progress > div span {padding-left: 0; font-size: 12px;}
.wrap_join_progress > div::after {height: 60px; width:9px;background: url(../images/renew/j_progress_arrow_m.png) no-repeat; background-size: 100% !important;}
.wrap_join_progress > div.on::before {height: 60px; width:9px;left: -9px; background: url(../images/renew/progress_before_m.png) no-repeat; background-size: 100% !important;}
.wrap_join_progress > div.on::after {height: 60px;width:9px; background: url(../images/renew/progress_after_m.png) no-repeat; background-size: 100% !important;}
.wrap_terms.pc {display: none;}

.wrap_terms_m.mobile {display: block;}
.wrap_terms_m {border-top:1px solid #252525; margin-top:20px}
.wrap_terms_m .rowbox {display: flex; justify-content: space-between;align-items: center; border-bottom:1px solid #DEE5F4;height: 70px;padding:0 10px}
.wrap_terms_m .rowbox a {font-size: 14px; color: #666;font-weight: 500; text-decoration: underline;padding:0 10px;word-break: keep-all;}
.wrap_terms_m label {font-weight: 600;}

.wrap_terms_m .rowbox .check-box label span{position:relative;padding:0 0 0 30px;min-height:20px;line-height: 140%;}
.wrap_terms_m .rowbox .check-box.big_arrow label.circle span::before{position:absolute;left:0;top:-1px;}

.wrap_terms_m .check-box.bottom {text-align: center; margin-top: 20px;}
.pop_m_scroll.wrap_terms {padding:0;  padding-top: 20px; height:calc(100% - 100px); overflow-y: auto;}

.login_img_btnset  {flex-direction: column; align-items: center;}


/* cont0102 서비스의 장점*/
.wrap_cont0102 .topbox .title::after {height: 25px;}
.wrap_cont0102 .topbox .bottom_txt br {display: block;}
.wrap_cont0102 .midbox {margin-top: 30px;}
.wrap_cont0102 .midbox .row, .wrap_cont0102 .midbox .row.right {flex-direction: column;margin-top:25px}
.wrap_cont0102 .midbox .row .imgbox {width:100%}
.wrap_cont0102 .midbox .row .textbox {width:100%;padding:20px 0}
.wrap_cont0102 .midbox .row .textbox .title {font-size: 25px;}
.wrap_cont0102 .midbox .row .textbox .subtitle {font-size: 16px;}
.wrap_cont0102 .midbox .row .textbox .boxytxt  {font-size: 15px;}

/* cont0103 데이터종류*/
.wrap_cont0103 .topbox {font-size: 20px;}
.wrap_cont0103 .listbox .box {width:49%}

/* cont0104 관련기관*/
.wrap_cont0104 .row {flex-direction: column; margin-top: 40px;}
.wrap_cont0104 .row .imgbox {width:100%;height: 140px; margin-bottom: 20px;}
.wrap_cont0104 .row .imgbox img {max-width: 90%;}
.wrap_cont0104 .row .textbox {width:100%}

/* cont0104 관련기관*/
.wrap_cont0106 .basic_splitbox {margin-top:50px}
.wrap_cont0106 .img_basic {margin-top:10px}

/* cont0101*/
.wrap_cont0101 .basic_splitbox  {margin-top:50px}
.wrap_cont0101 .img_basic2 {margin-top:10px}


.group_btn_box.three_bt > a {width: calc(33% - 2px ) ; min-width: auto;}
.group_btn_box.three_bt div {width:66%}
.group_btn_box.three_bt div a {width: calc(50% - 7px ) ; min-width: auto;}



}

/* 모바일 화면 */
@media screen and (max-width: 600px) {

.wrap_table_bs .row {flex-direction: column;}
.wrap_table_bs .row .split_box {width:100%}
.t_onerow {flex-direction: column;}
.m_onerow {width: 100%;}
.m_onerow:last-child {margin-bottom:0}
.group_btn_box a {width: 100%;}
.group_btn_box.tow_bt a {width: calc(50% - 8px ) ; min-width: auto;}
.row_col_m {flex-direction: column;}
.row_col_m .th, .row_col_m .td {width:100% !important}
.row_col_m .th {padding:20px 10px}



.dot_title .sm_extext br {display: block;}

/* 기존 board테이블 수정 */
.board-view .bv-top h4  {padding: 26px 0 24px;}
.board-view .bv-cont {padding: 26px 0 70px;}
.board-view .bv-file .bvf-tit span {padding-left: 0; white-space: nowrap;}
.m_w100 {width:100% !important}
table.qna tr td:first-child, table.qna tr th:first-child, table.qna colgroup col:first-child {display: none;}

.board-info.item_4 .board-srch .split_box {width:100%; margin:3px 0}


/* 사전심사 절차 */
.proce_0301 {flex-direction: column; align-items: center;margin-top: 10vw;}
.proce_0301 .big_box {width:100%}
.proce_0301 .arrow {background: url(../images/renew/arrow_cont0301_dw.png) center center no-repeat; margin: 0 0 4vw 0;}
.proce_0301 .big_box .roundbox {font-size: 5vw; height: 18vw;}
.proce_0301 .big_box .roundbox span {font-size: 7vw; padding-right: 3vw;}
.proce_0301 .big_box .textbox {font-size: 3.5vw; padding: 4vw 4vw;}

/* 데이터피커 수정 */
.wrap_table_bs .date-box {width:100%}
.wrap_table_bs .date-box .datepicker {width:calc(50% - 20px)}

.wrap_table_bs.th_gray.th_50::after  {content: "";display: block;position: absolute;left:0;top:0; width:50px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_60::after  {content: "";display: block;position: absolute;left:0;top:0; width:60px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_70::after  {content: "";display: block;position: absolute;left:0;top:0; width:70px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_80::after  {content: "";display: block;position: absolute;left:0;top:0; width:80px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_90::after  {content: "";display: block;position: absolute;left:0;top:0; width:90px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_100::after  {content: "";display: block;position: absolute;left:0;top:0; width:100px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_110::after  {content: "";display: block;position: absolute;left:0;top:0; width:110px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_120::after  {content: "";display: block;position: absolute;left:0;top:0; width:120px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_130::after  {content: "";display: block;position: absolute;left:0;top:0; width:130px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_140::after  {content: "";display: block;position: absolute;left:0;top:0; width:140px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_150::after  {content: "";display: block;position: absolute;left:0;top:0; width:150px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_160::after  {content: "";display: block;position: absolute;left:0;top:0; width:160px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_170::after  {content: "";display: block;position: absolute;left:0;top:0; width:170px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_180::after  {content: "";display: block;position: absolute;left:0;top:0; width:180px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_190::after  {content: "";display: block;position: absolute;left:0;top:0; width:190px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_200::after  {content: "";display: block;position: absolute;left:0;top:0; width:200px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_210::after  {content: "";display: block;position: absolute;left:0;top:0; width:210px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_220::after  {content: "";display: block;position: absolute;left:0;top:0; width:220px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_230::after  {content: "";display: block;position: absolute;left:0;top:0; width:230px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_240::after  {content: "";display: block;position: absolute;left:0;top:0; width:240px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_250::after  {content: "";display: block;position: absolute;left:0;top:0; width:250px;height:100%; background-color: #f2f4f6; z-index: -1;}

.table_top > div:last-child {margin-top:5px}

/* 탭메뉴 */
.cus_tab .cus_tabMenu ul li a {font-size:4vw; height: 10vw; line-height: 10vw;}


/* 로그인 */
.wrap_login .login_bigbox .btn_img {padding:10px 0; width:100%}
.wrap_login .login_bigbox .btn_img img {width:100%}
.wrap_login_co .input_login {width:85%}
.wrap_login_co .input_login .row_box .th {width:65px}
.wrap_login_co .input_login .row_box .td {width: calc(100% - 65px);}

.wrap_idpass {margin-top:20px} 


/* 회원가입 절차*/
.wrap_join_mid {margin-top: 20px;}
.login_img_btnset {width:90%; margin-top:20px}
.login_img_btnset .btn_img {width:100%}
.login_img_btnset .btn_img img {width:100%}
.pass_complete {font-size: 16px; margin-top:10px; margin-bottom:40px}
.wrap_join_complete {margin-top:20px}
.wrap_join_complete .text {background: url(../images/renew/img_join_cp.png) center top no-repeat; background-size: 25vw;padding-left:0; padding-top:28vw;font-size: 18px;height: auto;line-height: normal;}

.wrap_log_cop_sear {padding: 30px 0 40px 0;}
.wrap_log_cop_sear .searbox {flex-direction: column;align-items: normal;width:100%; }
.wrap_log_cop_sear .toptext {text-align: left;}
.wrap_log_cop_sear .searbox .th {margin-bottom:15px;font-size: 17px;}
.wrap_log_cop_sear .searbox .td {width:100%}


/* cont0103 데이터종류*/
.wrap_cont0103 .topbox {padding:0 20px;font-size: 18px;}
.wrap_cont0103 .listbox {margin-top: 30px;}
.wrap_cont0103 .listbox .box {width:100%; padding:8%; height: auto;}
.wrap_cont0103 .listbox .box .cate {margin-top: 0;}
.wrap_cont0103 .listbox .box .title {font-size: 28px;}
.wrap_cont0103 .listbox .box .title::after {width:95%}

/* cont0107*/
.wrap_cont0107 .basic_splitbox {margin-top: 13vw;}
.wrap_cont0107 .basic_splitbox:first-child {margin-top: 5vw;}
.wrap_cont0107 .small_blist {margin-bottom: 9vw;}

/* 대리인동의 추가페이지*/
.wrap_substitute .searbox {width:100%; align-items: flex-start; flex-direction: column;}
.wrap_substitute .searbox .th {margin-bottom:20px}
.wrap_substitute .searbox .td {width:100%;}

.wrap_substitute_check .colorbox .pointtxt {font-size: 4.2vw;}
.wrap_substitute_check .colorbox {font-size: 3.5vw;}
.wrap_substitute_check .textbox {font-size: 3.7vw;}



.wrap_table_bs.th_50_m .th {width:50px}
.wrap_table_bs.th_50_m .td {width:calc(100% - 50px)}
.wrap_table_bs.th_60_m .th {width:60px}
.wrap_table_bs.th_60_m .td {width:calc(100% - 60px)}
.wrap_table_bs.th_70_m .th {width:70px}
.wrap_table_bs.th_70_m .td {width:calc(100% - 70px)}
.wrap_table_bs.th_80_m .th {width:80px}
.wrap_table_bs.th_90_m .th {width:90px}
.wrap_table_bs.th_90_m .td {width:calc(100% - 90px)}
.wrap_table_bs.th_100_m .th {width:100px}
.wrap_table_bs.th_100_m .td {width:calc(100% - 100px)}
.wrap_table_bs.th_110_m .th {width:110px}
.wrap_table_bs.th_110_m .td {width:calc(100% - 110px)}
.wrap_table_bs.th_120_m .th {width:120px}
.wrap_table_bs.th_120_m .td {width:calc(100% - 120px)}
.wrap_table_bs.th_130_m .th {width:130px}
.wrap_table_bs.th_130_m .td {width:calc(100% - 130px)}
.wrap_table_bs.th_140_m .th {width:140px}
.wrap_table_bs.th_140_m .td {width:calc(100% - 140px)}
.wrap_table_bs.th_150_m .th {width:150px}
.wrap_table_bs.th_150_m .td {width:calc(100% - 150px)}
.wrap_table_bs.th_160_m .th {width:160px}
.wrap_table_bs.th_160_m .td {width:calc(100% - 160px)}
.wrap_table_bs.th_170_m .th {width:170px}
.wrap_table_bs.th_170_m .td {width:calc(100% - 170px)}
.wrap_table_bs.th_180_m .th {width:180px}
.wrap_table_bs.th_180_m .td {width:calc(100% - 180px)}
.wrap_table_bs.th_190_m .th {width:190px}
.wrap_table_bs.th_190_m .td {width:calc(100% - 190px)}
.wrap_table_bs.th_200_m .th {width:200px}
.wrap_table_bs.th_200_m .td {width:calc(100% - 200px)}
.wrap_table_bs.th_210_m .th {width:210px}
.wrap_table_bs.th_210_m .td {width:calc(100% - 210px)}
.wrap_table_bs.th_220_m .th {width:220px}
.wrap_table_bs.th_220_m .td {width:calc(100% - 220px)}
.wrap_table_bs.th_230_m .th {width:230px}
.wrap_table_bs.th_230_m .td {width:calc(100% - 230px)}
.wrap_table_bs.th_240_m .th {width:240px}
.wrap_table_bs.th_240_m .td {width:calc(100% - 240px)}
.wrap_table_bs.th_250_m .th {width:250px}
.wrap_table_bs.th_250_m .td {width:calc(100% - 250px)}

.wrap_table_bs.th_gray.th_50_m::after  {content: "";display: block;position: absolute;left:0;top:0; width:50px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_60_m::after  {content: "";display: block;position: absolute;left:0;top:0; width:60px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_70_m::after  {content: "";display: block;position: absolute;left:0;top:0; width:70px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_80_m::after  {content: "";display: block;position: absolute;left:0;top:0; width:80px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_90_m::after  {content: "";display: block;position: absolute;left:0;top:0; width:90px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_100_m::after  {content: "";display: block;position: absolute;left:0;top:0; width:100px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_110_m::after  {content: "";display: block;position: absolute;left:0;top:0; width:110px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_120_m::after  {content: "";display: block;position: absolute;left:0;top:0; width:120px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_130_m::after  {content: "";display: block;position: absolute;left:0;top:0; width:130px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_140_m::after  {content: "";display: block;position: absolute;left:0;top:0; width:140px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_150_m::after  {content: "";display: block;position: absolute;left:0;top:0; width:150px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_160_m::after  {content: "";display: block;position: absolute;left:0;top:0; width:160px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_170_m::after  {content: "";display: block;position: absolute;left:0;top:0; width:170px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_180_m::after  {content: "";display: block;position: absolute;left:0;top:0; width:180px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_190_m::after  {content: "";display: block;position: absolute;left:0;top:0; width:190px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_200_m::after  {content: "";display: block;position: absolute;left:0;top:0; width:200px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_210_m::after  {content: "";display: block;position: absolute;left:0;top:0; width:210px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_220_m::after  {content: "";display: block;position: absolute;left:0;top:0; width:220px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_230_m::after  {content: "";display: block;position: absolute;left:0;top:0; width:230px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_240_m::after  {content: "";display: block;position: absolute;left:0;top:0; width:240px;height:100%; background-color: #f2f4f6; z-index: -1;}
.wrap_table_bs.th_gray.th_250_m::after  {content: "";display: block;position: absolute;left:0;top:0; width:250px;height:100%; background-color: #f2f4f6; z-index: -1;}





}