@charset "utf-8";

/* ------------------------------------------------------------------------- */
/* CSS Table of Contents
/* ------------------------------------------------------------------------- */
/*

1. Reset

2. Global
2-1. input
2-2. button
2-3. table
2-4. list

3. Layout

4. Page
4-1. 마이데이터
4-2. 개인(신용)정보 및 기업(신용)정보

5. Etc

/* ------------------------------------------------------------------------- */
/* 1. Reset
/* ------------------------------------------------------------------------- */

/* webfont - Noto Sans KR */
@font-face {
	font-family:'NotoSansKR';
	font-weight:400;
	src:url('../../images/mydata/font/NotoSansKR-Regular.otf'),
	url('../../images/mydata/font/NotoSansKR-Regular.eot'), url('../../images/mydata/font/NotoSansKR-Regular.woff');
}
@font-face {
	font-family:'NotoSansKR';
	font-weight:500;
	src:url('../../images/mydata/font/NotoSansKR-Medium.eot');
	src:url('../../images/mydata/font/NotoSansKR-Medium.otf'),
	url('../../images/mydata/font/NotoSansKR-Medium.eot'), url('../../images/mydata/font/NotoSansKR-Medium.woff');
}
@font-face {
	font-family:'NotoSansKR';
	font-weight:700;
	src:url('../../images/mydata/font/NotoSansKR-Bold.otf'),
	url('../../images/mydata/font/NotoSansKR-Bold.eot'), url('../../images/mydata/font/NotoSansKR-Bold.woff');
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0; padding:0; color:#333; font-family:'NotoSansKR', '맑은 고딕', 'Malgun Gothic', Sans-serif; font-size:12px; line-height:normal;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display:block;}

ol, ul {list-style:none;}

a,
a:hover,
a:active,
a:visited,
a:link {text-decoration:none;}

table {border-collapse:collapse; border-spacing:0;}


/* ------------------------------------------------------------------------- */
/* 2. Global
/* ------------------------------------------------------------------------- */

.tal {text-align:left !important;}
.tac {text-align:center !important;}
.tar {text-align:right !important;}
.vat {vertical-align:top !important;}
.vam {vertical-align:middle !important;}
.vab {vertical-align:bottom !important;}

.fl {float:left;}
.fr {float:right;}
.clear:after {display:block; clear:both; content:'';}
.relative {position:relative;}

.w49p {width:49% !important;}
.w50p {width:50% !important;}
.w100p {width:100% !important;}

.nopd {padding:0 !important;}

.p_cursor {cursor:pointer;}
.p_color {color:#3898ed !important;}

.empty {padding:100px 0; font-size:1.250rem;}

.scroll_y {overflow-y:auto;}

/* ------------------------------------------------------------------------- */
/* 2-1. input
/* ------------------------------------------------------------------------- */

/* checkbox */
input[type="checkbox"] {-webkit-appearance:checkbox; appearance:checkbox; outline:0 !important;}
input[type="checkbox"].hidden {visibility:hidden; position:absolute; left:0; top:0; z-index:-1; width:0; height:0;}
input[type="checkbox"].hidden + label {display:inline-block; *display:inline; *zoom:1; min-height:18px; padding-left:29px; background:url('../../images/mydata/mydata_checkbox.png') no-repeat left center; vertical-align:middle;}
input[type="checkbox"].hidden.notxt + label {padding-left:18px;}
input[type="checkbox"]:checked.hidden + label {background-image:url('../../images/mydata/mydata_checkbox_checked.png');}

.box_checkbox input[type="checkbox"].hidden + label {color:#252525; font-size:1.333rem; font-weight:700; letter-spacing:-0.05rem;}

/* radiobox */
input[type="radio"].hidden {visibility:hidden; position:absolute; left:0; top:0; z-index:-1; width:0; height:0;}
input[type="radio"].hidden + label {display:inline-block; *display:inline; *zoom:1; min-height:18px; padding-left:24px; background:url('../../images/mydata/mydata_radiobox.png') no-repeat left center; vertical-align:middle;}
input[type="radio"]:checked.hidden + label {background-image:url('../../images/mydata/mydata_radiobox_checked.png');}

/* text */
/* 2020-11-12 outline 추가 */
input[type="text"] {height:30px; padding:0 10px; border:1px solid #aeaeae; background:#fff; line-height:28px; outline:0 !important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.box_search {position:relative; height:30px; padding-right:30px; border:1px solid #aeaeae; background:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.box_search input[type="text"] {height:28px; border:0;}
.box_search .btn_search {position:absolute; right:0; top:0; width:29px; height:28px; border-left:1px solid #aeaeae; background:url('../../images/mydata/mydata_search.png') no-repeat center; color:transparent; font-size:0;}

.box_input {position:relative; font-size:0;}
.box_input > * {display:inline-block; *display:inline; *zoom:1;}
.box_input.col2 {padding-left:115px;}
.box_input.col2 > *:first-child {position:absolute; left:0; top:0; width:110px;}

/* tel */
input[type="tel"] {height:30px; border:1px solid #aeaeae; background:#fff; text-align:center; line-height:28px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.box_input2 {font-size:0;}
.box_input2 > * {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
.box_input2 .bar {width:17px; text-align:center;}

/* email */
input[type="email"] {height:30px; padding:0 10px; border:1px solid #aeaeae; background:#fff; line-height:28px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

/* password */
input[type="password"] {height:30px; padding:0 10px; border:1px solid #aeaeae; background:#fff; line-height:28px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

/* select */
select {-webkit-appearance:none; appearance:none; height:30px; padding:0 20px 0 10px; border:1px solid #aeaeae; background:url('../../images/mydata/mydata_select.png') no-repeat right 5px center #fff; line-height:28px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

/* ------------------------------------------------------------------------- */
/* 2-2. button
/* ------------------------------------------------------------------------- */

.box_btn {display:inline-block; *display:inline; *zoom:1; text-align:center; vertical-align:top;}
.box_btn > * {-webkit-appearance:none; appearance:none; display:inline-block; *display:inline; *zoom:1; padding:8px; border:1px solid #0c82e9; outline:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; background:#0c82e9; color:#fff; font-size:12px; font-weight:400; text-align:center; vertical-align:middle; line-height:1.4; letter-spacing:-0.01rem; white-space:nowrap; cursor:pointer; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease;}

/* button - size */
.box_btn.small > * {padding:3px 5px;}
.box_btn.middle > * {padding:6px 15px 7px;}

/* button - width */
.box_btn.w120 > * {width:120px;}

/* button - height */
.box_btn.h35 > * {height:35px; padding-top:0; padding-bottom:0; line-height:33px;}

/* button - font-weight */
.box_btn.medium > * {font-weight:500;}
.box_btn.bold > * {font-weight:700;}

/* button - radius */
.box_btn.radius > * {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

/* button - font-size */
.box_btn.fs13 > * {font-size:1.083rem;}
.box_btn.fs16 > * {font-size:1.333rem;}
.box_btn.fs18 > * {font-size:1.500rem;}

/* button - letter-spacing */
.box_btn.ls-50 > * {letter-spacing:-0.05rem;}

/* button - color */
.box_btn.white > * {border-color:#000; background-color:#fff; color:#000 !important;}
.box_btn.gray > * {border-color:#979797; background-color:#979797; color:#fff !important;}
.box_btn.lightgray > * {border-color:#b5b5b5; background-color:#b5b5b5; color:#fff !important;}

/* button - img */
.box_btn.img > * {background-repeat:no-repeat;}


/* ------------------------------------------------------------------------- */
/* 2-3. table
/* ------------------------------------------------------------------------- */

table {table-layout:fixed; width:100%;}
table caption.hidden {display:none;}

/* 세로 */
.tbl_row > tbody > tr > th {padding:0 10px; color:#4c4c4c; font-size:1.167rem; font-weight:400; text-align:right; letter-spacing:-0.05rem; vertical-align:middle;}
.tbl_row > tbody > tr > th label {color:inherit; font-size:inherit; letter-spacing:inherit;}
.tbl_row > tbody > tr > th label.required {position:relative; padding-left:8px;}
.tbl_row > tbody > tr > th label.required:after {display:block; position:absolute; left:0; top:0; color:#0c82e9; font-size:1.167rem; letter-spacing:-0.05rem; content:'*';}
.tbl_row > tbody > tr > td {padding:4px 0; vertical-align:middle;}
.tbl_row > tbody > tr > td input[type="tel"] {width:78px;}
.tbl_row > tbody > tr > td .unit {padding-left:8px; color:#4c4c4c; font-size:1.167rem; letter-spacing:-0.05rem;}

/* 가로 */
.tbl_col > thead > tr > th {padding:4px 0 6px; border:1px solid #d3d3d3; border-width:0 0 1px 1px; background:#f0f0f0; color:#252525; font-size:1.167rem; font-weight:700; text-align:center; vertical-align:middle; letter-spacing:-0.05rem;}
.tbl_col > thead > tr > th:first-child {border-left:0;}
.tbl_col > tbody > tr > td {padding:4px 0; border:1px solid #d3d3d3; border-width:0 0 1px 1px; background:#fff; color:#252525; font-size:1.167rem; text-align:center; vertical-align:middle; letter-spacing:-0.05rem;}
.tbl_col > tbody > tr > td:first-child {border-left:0;}
.tbl_col > tbody > tr > td.tal,
.tbl_col > tbody > tr > td.tar {padding:0 20px;}

/* ------------------------------------------------------------------------- */
/* 2-4. list
/* ------------------------------------------------------------------------- */

/* 스텝 */
ol.step_navi {margin-bottom:14px; font-size:0;}
ol.step_navi li {display:inline-block; *display:inline; *zoom:1; position:relative; margin-left:7px; vertical-align:middle;}
ol.step_navi li:after {display:block; position:absolute; left:-7px; top:50%; width:7px; height:1px; margin-top:-0.5px; background:#c3c3c3; content:'';}
ol.step_navi li:first-child:after {display:none;}
ol.step_navi li span {display:block; width:27px; height:27px; border:1px solid #c3c3c3; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#fff; color:#252525; font-size:1.167rem; text-align:center; line-height:27px; letter-spacing:-0.05rem;}
ol.step_navi li span.active {width:auto; padding:0 15px; border-color:#0c82e9; background-color:#0c82e9; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; color:#fff;}

/* 숫자 */
ol.list_num {counter-reset:txtnum 0;}
ol.list_num > li > span {display:block; position:relative; margin:10px 0 5px; padding-left:15px; font-weight:700;}
ol.list_num > li > span:after {position:absolute; left:0; content:counter(txtnum) '.'; counter-increment:txtnum 1;}
ol.list_num > li:nth-child(9) ~ li > span {padding-left:23px;}
ol.list_num > li > dl + dl {margin-top:10px;}

/* bullet */
ul.list_bul > li {position:relative; padding-left:10px;}
ul.list_bul > li:after {display:block; position:absolute; left:3px; top:10px; width:3px; height:3px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#4c4c4c; content:'';}

/* bullet2 */
ul.list_bul2 > li {position:relative; padding-left:10px;}
ul.list_bul2 > li:after {display:block; position:absolute; left:2px; top:12px; width:4px; height:1px; background:#4c4c4c; content:'';}

/* 라디오박스 */
ul.list_radiobox {font-size:0;}
ul.list_radiobox > li {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
ul.list_radiobox > li + li {margin-left:20px;}
ul.list_radiobox > li label {color:#4c4c4c; font-size:1.167rem; letter-spacing:-0.05rem;}


/* ------------------------------------------------------------------------- */
/* 3. Layout
/* ------------------------------------------------------------------------- */

.mydata_dimmed {display:none; position:fixed; left:0; top:0; bottom:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6);}
.mydata_dimmed.active {display:block;}

/* ------------------------------------------------------------------------- */
/* 4. Page
/* ------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------- */
/* 4-1. 마이데이터
/* ------------------------------------------------------------------------- */

/* 첫 화면 */
.layer_mydata_index {display:none; position:fixed; left:50%; top:50%; z-index:15; width:478px; height:466px; margin:-234px 0 0 -240px; border:1px solid #0c82e9; background:#fff;}
.layer_mydata_index .inner {padding:40px 25px 25px;}
.layer_mydata_index h1 {padding:0 146px 57px 0; background:url('../../images/mydata/mydata_bg_title.png') no-repeat right top 30px; color:#404040; font-size:4.000rem; line-height:1; letter-spacing:-0.05rem;}
.layer_mydata_index h1 p {margin-top:12px; color:#404040; font-size:3.333rem; font-weight:400; line-height:1; letter-spacing:-0.01rem;}
.layer_mydata_index dl dt {margin-bottom:3px; color:#404040; font-size:1.333rem; font-weight:700; letter-spacing:-0.01rem;}
.layer_mydata_index dl dd {color:#676767; font-size:1.167rem; line-height:16px; letter-spacing:-0.01rem;}
.layer_mydata_index dl dd + dd {margin-top:13px; font-weight:500;}
.layer_mydata_index .agree {margin-top:28px;}
.layer_mydata_index .bottom_area {padding:10px 15px; background:#545454;}
.layer_mydata_index .bottom_area > a,
.layer_mydata_index .bottom_area label {color:#fff; font-size:1.167rem; letter-spacing:-0.05rem;}
.layer_mydata_index .bottom_area .close_cookie {font-size:0;}
.layer_mydata_index .bottom_area .close_cookie > * {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
.layer_mydata_index .bottom_area .close_cookie label {margin-left:5px;}
.layer_mydata_index.active {display:block;}

/* step - 공통 */
.layer_mydata_step {display:none; position:fixed; left:50%; top:50%; z-index:15; width:1100px; height:800px; margin:-400px 0 0 -550px; background:#fff;}
.layer_mydata_step .close {position:absolute; right:0; top:0; width:27px; height:27px; margin:20px; border:1px solid #c3c3c3; background:url('../../images/mydata/mydata_close.png') no-repeat center #fff; color:transparent; font-size:0;}
.layer_mydata_step h1 {padding-bottom:14px; color:#252525; font-size:2.833rem; text-align:center; letter-spacing:-0.05rem;}
.layer_mydata_step h1 span {font-size:inherit; letter-spacing:inherit;}
.layer_mydata_step .inner {padding:37px 50px 72px;}
.layer_mydata_step .title_area p {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
.layer_mydata_step .title_area .selection {width:82px; height:26px; border:1px solid #767676; background:#767676; -webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; border-top-right-radius:5px; color:#fff; font-size:1.167rem; font-weight:700; text-align:center; line-height:26px; letter-spacing:-0.05rem;}
.layer_mydata_step .title_area .selection.required {border-color:#0c82e9; background:#0c82e9;}
.layer_mydata_step .title_area .title {margin-left:15px; color:#252525; font-size:1.333rem; font-weight:700; letter-spacing:-0.05rem;}
.layer_mydata_step .title_area .title span {font-size:inherit; font-weight:inherit; letter-spacing:inherit;}
.layer_mydata_step .title_area .msg {position:relative; margin-top:5px; padding-left:7px; font-size:1.083rem; letter-spacing:-0.05rem;}
.layer_mydata_step .title_area .msg:after {display:block; position:absolute; left:0; top:0; color:#0c82e9; font-size:1.083rem; letter-spacing:-0.05rem; content:'*';}
.layer_mydata_step .inner_cont {position:relative; height:554px; padding-bottom:74px; border:1px solid #0c82e9; background:#f7f9fb; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.layer_mydata_step .inner_cont > .scroll_y {height:100%;}
.layer_mydata_step .inner_cont dl {padding:0 30px;}
.layer_mydata_step .inner_cont dl dt {position:relative; margin:34px 0 11px;}
.layer_mydata_step .inner_cont dl:first-of-type dt {margin-top:25px;}
.layer_mydata_step .inner_cont dl dt .toggle_btn {position:absolute; right:0; top:0;}
.layer_mydata_step .inner_cont dl dt .toggle_btn a {display:inline-block; width:90px; height:30px; padding-right:18px; border:1px solid #7e8082; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:url('../../images/mydata/mydata_arrow_bottom.png') no-repeat right 10px center #7e8082; color:#fff; font-size:1.167rem; text-align:center; line-height:26px; letter-spacing:-0.05rem; outline:0 !important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.layer_mydata_step .inner_cont dl dt .toggle_btn a.active {border-color:#d3d3d3; background-image:url('../../images/mydata/mydata_arrow_top.png'); background-color:#fff; color:#252525;}
.layer_mydata_step .inner_cont dl dd {display:none; color:#4c4c4c; font-size:1.167rem; letter-spacing:-0.05rem;}
.layer_mydata_step .inner_cont dl dd.toggle_content {height:224px; padding:10px 20px; border:1px solid #d3d3d3; background:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.layer_mydata_step .inner_cont dl dd.toggle_content iframe {width:100%; height:100%;}
.layer_mydata_step .inner_cont dl dd.active {display:block;}
.layer_mydata_step .agree_btn {position:absolute; right:30px; bottom:0; padding:25px 0;}
.layer_mydata_step .box_btn.next {position:absolute; right:50px; bottom:28px;}
.layer_mydata_step.active {display:block;}

/* step2 데이터 판매 동의 */
#layer_mydata_step2 .inner_cont {padding-bottom:0;}
#layer_mydata_step2 .inner_cont dl dd.toggle_content {height:454px;}

/* step3 소상공인 정보 입력 */
#layer_mydata_step3 .inner_cont {padding:0 30px;}
#layer_mydata_step3 .inner_cont .business {padding:30px 60px 24px 0;}
/* 2020-11-12 스타일 추가 S */
#layer_mydata_step3 .inner_cont .business .tbl_row > tbody > tr > th {vertical-align:top;}
#layer_mydata_step3 .inner_cont .business .tbl_row > tbody > tr > th,
#layer_mydata_step3 .inner_cont .business .tbl_row > tbody > tr > th label {height:28px; line-height:28px;}
#layer_mydata_step3 .inner_cont .business .tbl_row > tbody > tr > td {vertical-align:top;}
#layer_mydata_step3 .inner_cont .business .biz_search_result {display:none; margin-top:8px; border:1px solid #aeaeae; background:#fff;}
#layer_mydata_step3 .inner_cont .business .biz_search_result ul {max-height:108px;}
#layer_mydata_step3 .inner_cont .business .biz_search_result ul li a {display:block; height:30px; padding:0 10px; color:#000; font-size:1.167rem; line-height:30px; letter-spacing:-0.01rem;}
#layer_mydata_step3 .inner_cont .business .biz_search_result ul li a:hover,
#layer_mydata_step3 .inner_cont .business .biz_search_result ul li a.active {background:#e6f2fa; font-weight:700;}
#layer_mydata_step3 .inner_cont .business .biz_search_result.active {display:block;}
/* 2020-11-12 스타일 추가 E */
#layer_mydata_step3 .inner_cont .inquiry {padding:25px 0; border:1px solid #d3d3d3; border-width:1px 0; font-size:0;}
#layer_mydata_step3 .inner_cont .inquiry > * {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
#layer_mydata_step3 .inner_cont .inquiry dt {margin:0; padding:0 15px; color:#4c4c4c; font-size:1.167rem; font-weight:700; letter-spacing:-0.05rem;}
#layer_mydata_step3 .inner_cont .inquiry dd {margin-left:13px;}
#layer_mydata_step3 .inner_cont .inquiry ul {font-size:0;}
#layer_mydata_step3 .inner_cont .inquiry ul li {display:inline-block; *display:inline; *zoom:1; font-size:0; vertical-align:middle;}
#layer_mydata_step3 .inner_cont .inquiry ul li > * {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
#layer_mydata_step3 .inner_cont .inquiry ul li label {padding:0 16px 0 55px; color:#4c4c4c; font-size:1.167rem; letter-spacing:-0.05rem;}
#layer_mydata_step3 .inner_cont .inquiry ul li input {width:136px;}
#layer_mydata_step3 .inner_cont .shop {padding:24px 0;}
#layer_mydata_step3 .inner_cont .shop input {width:136px;}

/* 완료 */
#layer_mydata_finish .title_area .title {margin-bottom:3px;}
#layer_mydata_finish .inner_cont {padding:0 30px;}
#layer_mydata_finish dl {padding:0;}
#layer_mydata_finish dl dt {color:#4c4c4c; font-size:1.333rem; font-weight:700; letter-spacing:-0.05rem;}
#layer_mydata_finish dl dd {display:block; line-height:24px;}
#layer_mydata_finish dl + dl {margin-top:35px; padding-bottom:30px; border-top:1px solid #d3d3d3;}
#layer_mydata_finish table {border-left:1px solid #d3d3d3;}
#layer_mydata_finish table > tbody > tr > td {padding:7px 0 10px 24px; border:1px solid #d3d3d3; border-width:0 1px 1px 0; background:#fff; color:#252525; font-size:1.167rem; text-align:left; letter-spacing:-0.05rem;}
#layer_mydata_finish table > tbody > tr:first-child > td {border-top:1px solid #d3d3d3;}

/* ------------------------------------------------------------------------- */
/* 4-2. 개인(신용)정보 및 기업(신용)정보
/* ------------------------------------------------------------------------- */
.sub_privacy * {color:#4c4c4c; font-size:1.167rem; line-height:24px; letter-spacing:-0.05rem;}


/* ------------------------------------------------------------------------- */
/* 5. Etc
/* ------------------------------------------------------------------------- */