@charset "utf-8";
@import url("fonts.css");

/* CSS Document */
body,input,textarea,button,select{font-family:'S-CoreDream', 'Malgun Gothic', dotum, sans-serif; color:#1a1a1a; font-weight:400; font-size:14px; letter-spacing: -.05rem;}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html {margin: 0px; padding: 0px; overflow-x: hidden;}
body {margin: 0px; padding: 0px; position: relative;}
iframe {margin: 0px; padding: 0px;}
h1 {margin: 0px; padding: 0px;}
h2 {margin: 0px; padding: 0px;}
h3 {margin: 0px; padding: 0px;}
h4 {margin: 0px; padding: 0px;}
h5 {margin: 0px; padding: 0px;}
h6 {margin: 0px; padding: 0px;}
p {margin: 0px; padding: 0px;}
pre {margin: 0px; padding: 0px;}
a {margin: 0px; padding: 0px;}
address {margin: 0px; padding: 0px;}
del {margin: 0px; padding: 0px;}
em {margin: 0px; padding: 0px;}
font {margin: 0px; padding: 0px;}
img {margin: 0px; padding: 0px;}
strong {margin: 0px; padding: 0px;}
b {margin: 0px; padding: 0px;}
u {margin: 0px; padding: 0px;}
i {margin: 0px; padding: 0px;}
ul {margin: 0px; padding: 0px; list-style: none;}
ol {margin: 0px; padding: 0px; list-style: none;}
li {margin: 0px; padding: 0px; list-style: none;}
dl {margin: 0px; padding: 0px; list-style: none;}
dt {margin: 0px; padding: 0px; list-style: none;}
dd {margin: 0px; padding: 0px; list-style: none;}
table {margin: 0px; padding: 0px; border-collapse: collapse; border-spacing: 0;}
caption {margin: 0px; padding: 0px;}
tbody {margin: 0px; padding: 0px;}
tfoot {margin: 0px; padding: 0px;}
thead {margin: 0px; padding: 0px;}
tr {margin: 0px; padding: 0px;}
th {margin: 0px; padding: 0px;}
td {margin: 0px; padding: 0px;}
fieldset {margin: 0px; padding: 0px;}
form {margin: 0px; padding: 0px;}
label {margin: 0px; padding: 0px;}
legend {margin: 0px; padding: 0px;}
input {margin: 0px; padding: 0px;}
button {margin: 0px; padding: 0px; outline: 0; cursor: pointer;}
textarea {margin: 0px; padding: 0px;}
select {margin: 0px; padding: 0px;}
header {margin: 0px; padding: 0px; display: block;}
footer {margin: 0px; padding: 0px; display: block;}
section {margin: 0px; padding: 0px; display: block;}
article {margin: 0px; padding: 0px; display: block;}
aside {margin: 0px; padding: 0px; display: block;}
nav {margin: 0px; padding: 0px; display: block;}
hgroup {margin: 0px; padding: 0px; display: block;}
details {margin: 0px; padding: 0px; display: block;}
menu {margin: 0px; padding: 0px; display: block;}
figure {margin: 0px; padding: 0px; display: block;}
figcaption {margin: 0px; padding: 0px; display: block;}
fieldset {border: 0px currentColor; border-image: none;}
img {border: 0px currentColor; border-image: none;}
table {border: 0px currentColor; border-image: none;}
caption {border: 0px currentColor; border-image: none;}
tbody {border: 0px currentColor; border-image: none;}
tfoot {border: 0px currentColor; border-image: none;}
thead {border: 0px currentColor; border-image: none;}
tr {border: 0px currentColor; border-image: none;}
th {border: 0px currentColor; border-image: none;}
td {border: 0px currentColor; border-image: none;}
button {border: 0px currentColor; border-image: none;}
hr {border: 0px currentColor; border-image: none;}
address {font-style: normal;}
caption {font-style: normal;}
cite {font-style: normal;}
code {font-style: normal;}
dfn {font-style: normal;}
em {font-style: normal;}
strong {font-style: normal;}
th {font-style: normal;}
var {font-style: normal;}

caption {line-height: 0; overflow: hidden; font-size: 0px;}
legend {line-height: 0; overflow: hidden; font-size: 0px;}
img {vertical-align: middle; max-width: 100%;  height: auto !important;}
a {text-decoration: none; opacity:1;}
a:hover {outline: 0px; opacity:.9;}
a:active {outline: 0px;}

input {border: 1px solid #888; padding:0 17px; border: 1px solid #dedede; background:#fff; outline: 0;}
input::placeholder {color:#b8b8b8;}
input:focus {border-color: #000;}
select {
	padding:0 17px; 
	border: 1px solid #dedede;
	background: url('../images/renew/common/select_arrow.png') no-repeat 95% 50% #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: 0;
}
select::-ms-expand {display: none;}
button {background:#fff; opacity:1;}
button:hover {opacity:0.9;}
textarea {border: 1px solid #888; padding:0 5px; outline: 0;}
.noresize {
  resize: none; /* 사용자 임의 변경 불가 */
}

input[type="checkbox"].renew {
    display:none;
}

input[type="checkbox"].renew + label {
    color:#000;
	font-size:16px;
	cursor: pointer;
}

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

input[type="checkbox"].renew:checked + label span {
    background:url('../images/renew/common/check_radio_sheet.png') -35px top no-repeat;
}

input[type="radio"].renew {
    display:none;
}

input[type="radio"].renew + label {
    color:#000;
	cursor: pointer;
	font-size:16px;
}

input[type="radio"].renew + label .pay_account{
	position: absolute;
    top: -19px;
    display: inline-block;
    width: 70%;
    background-color: #c61747;
    color: #fff;
	font-size: 13px;
	border-radius : 8px;
	text-align : center;
}

input[type="radio"].renew + label span:nth-child(1) {
    display:inline-block;
    width:26px;
    height:30px;
    margin:-2px 10px 0 0;
    vertical-align:middle;
    background:url('../images/renew/common/check_radio_sheet.png') -69px top no-repeat;
    cursor:pointer;
}

input[type="radio"].renew:checked + label span:nth-child(1) {
    background:url('../images/renew/common/check_radio_sheet.png') -102px top no-repeat;
}
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.filebox label { display: inline-block; padding: .5em .75em; color: #999; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #fdfdfd; cursor: pointer; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; } /* named upload */ 
.filebox .upload-name { display: inline-block; padding: .5em .75em; /* label의 패딩값과 일치 */ font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; }

.scroll_container {
	overflow: auto;
}
.scroll_container::-webkit-scrollbar {
	width: 4px;
}
.scroll_container::-webkit-scrollbar-thumb {
	background-color: #585858;
	border-radius: 10px;
	background-clip: padding-box;
	border: 1px solid transparent;
}
.scroll_container::-webkit-scrollbar-track {
	background-color: #c9c9c9;
	border-radius: 10px;
	box-shadow: inset 0px 0px 5px white;
}


.mb10 {margin-bottom:10px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}