@charset "UTF-8";

html {overflow-y:auto}
body {margin:0;padding:0;font-size:1em;font-family:'Noto Sans KR', Dotum, 돋움, "Apple SD Gothic Neo", arial, Helvetica, sans-serif;font-weight: 400;}
html, body {width:100%;height:100%;min-width:100%;min-height:100%;background:#eeeeee;color:#000;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul, li {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;}
.icon_co {color:#000;}
input:focus {outline: none;}
input, button {margin:0;padding:0;font-family:'Noto Sans KR', Dotum, 돋움, "Apple SD Gothic Neo", arial, Helvetica, sans-serif}
button {cursor:pointer}
textarea, select {}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:none}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fl {float:left;}
.fr {float:right;}
.on_link {cursor:pointer;}
.fa_j {text-align:justify;}


div, ul, li, dl, dt, dd,input  {transition: all 0.7s;-moz-transition: all 0.7s;-webkit-transition: all 0.7s;-o-transition: all 0.7s;}
a, img {transition: all 0.6s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}

/* btn style */
.btn_ok {display:inline-block;padding:0.55em 0 0.55em 0;width:40%;background:#fff;border:1px solid #bfbfbf;}
.btn_ok2 {display:inline-block;padding:0.55em 0 0.55em 0;width:30%;background:#fff;border:1px solid #bfbfbf;}
.checkbox_btn {border:none;background:none;font-size:1em;}

/* input */
input[type="checkbox"] {display:none;}
input[type="checkbox"] + label {cursor:pointer;}
input[type="checkbox"] + label span {display:inline-block;width:26px;height:26px;margin:0 10px 0 0;vertical-align:middle;background:url('../img/check_radio_sheet.png') -26px no-repeat;cursor:pointer;}
input[type="checkbox"]:checked + label span {margin-right:10px;background:url('../img/check_radio_sheet.png') 0 top no-repeat;}

input[type="radio"] {display:none;}
input[type="radio"] + label {cursor:pointer;}
input[type="radio"] + label span {display:inline-block;width:26px;height:26px;margin:0 10px 0 0;vertical-align:middle;background:url('../img/check_radio_sheet.png') -78px top no-repeat;cursor:pointer;}
input[type="radio"]:checked + label span {margin-right:10px;background: url('../img/check_radio_sheet.png') -52px top no-repeat;}

.input_style1 {width:100%;height:48px;background:#f8f8f8;border:1px solid #dedede;text-indent:22px;}
.input_style1:hover {background:#ffffff;border:1px solid #000000;}
input.input_style1::-webkit-input-placeholder {color:#b1b1b1; }
input.input_style1:-ms-input-placeholder {color:#b1b1b1;}
input.input_style1::placeholder {color:#b1b1b1;}


/* 버튼 */
.btn_next {display:inline-block;width:100%;height:50px;color:#fff;background:#000;border:none;font-size:1.1em;}
.btn_next:hover {background:#e83426}

.btn_previous {display:inline-block;width:100%;height:50px;color:#fff;background:#bbbbbb;border:none;font-size:1.1em;}
.btn_previous:hover {background:#795959}

.btn_xls {display:inline-block;width:100%;height:50px;color:#fff;background:#539e21;border:none;font-size:1.1em;}
.btn_xls:hover {background:#52882e}

/* 레이아웃 */
#wrap_group {position:relative;margin:0 auto;width:100%;max-width:900px;height:100%;}
#wrap {position:relative;margin:0 3.5%;width:93%;background:#fff;height:100%;}
#header {position:relative;width:100%;background:#eeeeee;}
#header .logo {padding:25px 0 35px 5px;}
#header .title_icon {text-align:center;}
#header .title_icon span {display:inline-block;width:42px;height:1px;background:#000;font-size:0;}
#header h1 {padding-bottom:35px;text-align:center;font-size:1.5em;}
#header .h1_text {padding:0 2.5% 30px 2.5%;}

#content {position:relative;padding:20px 20px 120px 20px;width:100%;background:#fff;}
#content .terms_01 {margin-bottom:25px;background:#f8f8f8;border:1px solid #dedede;}
#content .terms_01 .text {padding:2.5% 3.5%;font-size:0.875em;}
#content .terms_01 .text .terms_title {padding-bottom:10px;font-size:1.075em;}
#content .terms_01 .text .s1 {margin:0 0 1.25% 4.5%;}
#content .terms_01 .text .s1 span {margin-left:-20px;}
#content .terms_01 .text .s2 {margin:0 0 1% 2.5%;}
#content .terms_01 .terms_check {padding:15px 35px 15px 0;background:#dedede;text-align:right;font-size:0.85em;}
#content .terms_check_all {padding:20px 0;text-align:center;}
#content .w_btn {margin-top:30px;}
#content .w_btn_2 {}
#content .w_btn_2:after {display:block;visibility:hidden;clear:both;content:""}
#content .w_btn_2 button {float:left;width:100%;}

.receipt_input {padding-bottom:35px;font-size:0.9em;}
.receipt_input > p {padding:5px 5px 10px 5px;}
.receipt_input > p > span {color:#777;font-size:0.9em;}

.result_title {padding:30px 0 50px 0;text-align:center;font-size:1.1em;line-height:160%;}
.result_title span {}

.check_the_result {margin-bottom:45px;}
.check_the_result ul {font-size:0.9em;}
.check_the_result ul:after {display:block;visibility:hidden;clear:both;content:""}
.check_the_result ul li {float:left;width:100%;padding:30px;border:1px solid #dedede;line-height:220%;}
.check_the_result ul li:nth-child(1) {background:#f8f8f8;color:#777;}
.check_the_result ul li:nth-child(2) {border-left:none;}

.table_title {padding:15px 0 5px 0;}
.div_table {border-top:2px solid #000;}
.table_from {width:100%;border-collapse:collapse;border-spacing:0;font-size:0.9em;}
.table_from thead tr th {font-weight:400;height:58px;border-bottom:1px solid #777;}
.table_from tbody tr th {font-weight:400;height:52px;border-bottom:1px solid #ddd;}
.w_btn_master {padding:30px 0 0 0;text-align:right;}
.w_btn_master  .btn_table {display:inline-block;width:120px;height:42px;color:#fff;background:#000;font-size:0.9em;border:none;}
.inp-date {padding:0 10px;width:100%;max-width:100px;height:42px;}
.btn-ok {display:inline-block;width:60px;height:42px;border:none;background:#000;color:#fff;}

/* 개인정보취급방침 */
.private_btn {padding:30px 0 0 0;text-align:center;}
.private_btn a {font-size:0.9em;font-weight:500;color:#f15f2b;}
.private_group {margin:0 auto 0 auto;padding:35px;width:100%;font-size:13px;color:#555;line-height:150%;border:1px solid #e9e9e9;background:#f9f9f9;letter-spacing:-0.05em;text-align:justify;}
.private_group .pr_title {padding:15px 0;text-align:center;font-size:1.8em;font-weight:700;letter-spacing:-0.1em;color:#000;}
.private_group .pr_text {padding:15px 20px;font-size:1.1em;border:1px solid #ddd;font-weight:500;}
.private_group .pr_cont1 {padding:35px 10px 0 10px;}
.private_group .pr_cont1 .pr_title_2 {font-size:1.1em;color:#000;}
.private_group .pr_cont1 .pr_text_2 {padding:15px 0 15px 15px;font-weight:500;color:#000;}
.private_group .pr_cont1 .pr_text_group {padding:0 0 0 40px;}
.private_group .pr_cont1 .pr_text_group .tx1 {padding:0 0 10px 0;}
.private_group .pr_cont1 .pr_text_group .tx1 .tx_p {margin-left:-18px;padding:0 0 5px 0;font-weight:500;}
.private_group .pr_cont1 .pr_text_group .tx1 p {}
.private_group .pr_cont1 .pr_text_group .tx1 .tx1_g {font-size:0.9em;}
.private_group .pr_cont1 .pr_text_group .tx1 .tx1_g div {padding:15px 0 5px 0;font-weight:500;}
.private_group .pr_cont1 .pr_text_group .tx2 {padding:10px 0 0 10px;}

.pr_text_teble {padding:0 0 25px 20px;width:100%;}
.pr_text_teble .core_table {width:100%;border-collapse:collapse;border-spacing:0;}
.pr_text_teble .core_table thead tr th {height:38px;background:#555;color:#fff;text-align:center;border:1px solid #000;border-top:2px solid #000;font-weight:500;}
.pr_text_teble .core_table tbody tr th {padding:10px 15px;background:#e9e9e9;border:1px solid #555;font-weight:500;}
.pr_text_teble .core_table tbody tr td {padding:10px 15px;background:#e9e9e9;border:1px solid #555;}


.po_text {float:left;display:inline-block;margin-left:20px;}
.w_sp {display:inline-block;width:15%;}

@media (max-width:580px) {
		body {font-size:4vw;}
		#header h1 {font-size:1.2em;}
		#header .logo {padding: 3vw 0 3.5vw 5px;}
		#header .logo img {width:100%;max-width:30vw;}
		#header .h1_text {font-size:0.9em;line-height:135%;}
		#content .terms_01 .text {padding:3.5vw 5vw;}
		#content .terms_01 .text .s1 {margin: 0 0 3vw 6vw;font-size:0.95em;}
		#content .terms_check_all {font-size:0.85em;}
		#header h1 {padding-bottom:5vw;}

		.po_text {margin-left:10px;}
		.w_sp {display:inline-block;width:2%;}
		#content .terms_01 .terms_check {letter-spacing:-0.05em}

		.receipt_input > p {padding:5px 5px 5px 5px;letter-spacing:-0.075em;}
		.input_style1 {height:10vw;}
		.receipt_input {padding-bottom: 3vw;}
		.btn_next {font-size:1em;}
		.result_title {font-size:1em;}
		.mobile_box {border:1px solid #555;color:#555;}
		.mobile_box span {color:#000;}
		.mobile_tx {display:inline-block;width:100%;}
}