html,body,th,td,input,select,textarea,button,p,span,a,i,li,dd,dt,strong,:before,:after,h1,h2,h3,h4,h5,h6 {font-size:16px;line-height:1.4;letter-spacing:-.5px;color:#393b3b;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;}
html,body,th,td,input,select,textarea,button,p,span,a,i,li,dd,dt {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
h1,h2,h3,h4,h5 {padding:0;margin:0;}

@media all and (max-width:430px){
	html,body,th,td,input,select,textarea,button,p,span,a,i,li,dd,dt,strong,:before,:after {font-size:18px;}
}
@media all and (max-width:414px){
	html,body,th,td,input,select,textarea,button,p,span,a,i,li,dd,dt,strong,:before,:after {font-size:17px;}
}
@media all and (max-width:375px){
	html,body,th,td,input,select,textarea,button,p,span,a,i,li,dd,dt,strong,:before,:after {font-size:16px;}
}
@media all and (max-width:360px){
	html,body,th,td,input,select,textarea,button,p,span,a,i,li,dd,dt,strong,:before,:after {font-size:15px;}
}
@media all and (max-width:280px){
	html,body,th,td,input,select,textarea,button,p,span,a,i,li,dd,dt,strong,:before,:after {font-size:14px;}
}

.loading {position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(255,255,2255,.75);background-image:url(/images/loading.svg);background-position:center;background-size: auto 5rem;background-repeat:no-repeat;z-index:1000;}

.cp {

input, select, textarea {font-size:1rem;vertical-align:middle;outline: 0;font-weight:normal;}
input {display:flex;height:2.875rem; border:1px solid #d7d7d7;border-radius:.25rem; background-color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
select {height:2.875rem; border:1px solid #d7d7d7;border-radius:.25rem; background-color:#fff;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
textarea {display:flex;min-height:6rem; border:1px solid #d7d7d7;border-radius:.25rem; background-color:#fff;}
input[readonly], select[readonly], textarea[readonly] {border:0;text-indent: .1rem;}

select:disabled, input[type=text]:disabled, input[type=password]:disabled, input[type=number]:disabled, input[type=checkbox]:disabled + label, input[type=radio]:disabled + label {background-color:#f1f1f1;}

h3 {padding-top:1.5rem;font-size:1.0625rem;font-weight:bold;}

/* form */
input[type=checkbox], input[type=radio] {position: absolute;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;z-index: 0;}
input[type=checkbox] + label, input[type=radio] + label {
	position: relative;display: inline-block;margin: 0;padding: .5rem 1rem .5rem 2rem;background: none;border: 0;font-size: 1rem;line-height: 1.75rem;color: #2E3033;word-break: keep-all;vertical-align: middle;cursor: pointer;
    &.font_small {
        font-size: .8125rem;line-height: 1.3;color: #5A5D60;
    }
}
input[type=radio] + label {padding: 0 1rem 0 1.35rem;}
input[type=checkbox] + label:before, input[type=radio] + label:after {display: block;content: "";position: absolute;left: 0;top: 50%;width: 1.5rem;height: 1.5rem;margin-top: .1rem;background-color: #f8f9fb;border: 0.063rem solid #dfdfdf;border-radius: 50%;transform: translateY(-50%);transition: all 0.1s ease-in;}
input[type=radio] + label:after {width: 1.125rem;height: 1.125rem;border: .125rem solid #dfdfdf;margin-top: .1rem;}
input[type=checkbox] + label:after {content: '';position: absolute;top: calc(50% - .05rem);left: .4rem;width: 0.375rem;height: 0.625rem;background:transparent;border-color: #dfdfdf;border-style: solid;border-width: 0 .125rem .125rem 0 !important;transform: rotate(45deg) translateY(-50%);}
input[type=checkbox]:checked + label:before {border: 0.063rem solid #3ac1c1;background-color: #3ac1c1;transform: translateY(-50%);}
input[type=checkbox]:checked + label:after {border-color: #fff !important;background:transparent;}
input[type=radio]:checked + label:after {border: .125rem solid #3ac1c1;}
input[type=checkbox].small + label, input[type=radio].small + label {padding: .2rem 1rem .2rem 1.5rem;font-size: .875rem;}
input[type=checkbox].small + label:before, input[type=radio].small + label:after {width: 1.25rem;height: 1.25rem;margin-top: .1rem;}
input[type=checkbox].small + label:after {top: calc(50% - .08rem);left: .25rem;}

.square {
	display: flex;flex-wrap: wrap;gap: 8px;
	
    .checkbox_square {width: calc(50% - 4px);flex: auto;}    
    input[type=radio] + label {
		position: relative;display: flex;flex: 1;height: 2.875rem;border: 0.063rem solid #d7d7d7;border-radius: .25rem;background: #fff;align-items: center;justify-content: center;font-size: .9375rem;font-weight:normal;color: #8a8a8a;
        &::after {display: none !important;}
		&::before {display:none;left:auto;right:0;top:0;transform:none;width:0;height:0;border-width:0 .75rem .75rem 0;border-color:transparent #3ac1c1 transparent transparent;border-radius:0;}
    }
    input[type=radio]:checked + label {
		border-color: #3ac1c1;color: #3ac1c1;font-weight: bold;
		&::before {display:block;}
	}    
	input[type=checkbox] + label {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 3.25rem;
		border: 0.063rem solid #d7d7d7;border-radius: .25rem;
		padding: 0 1rem;
		background: #fff;
		text-align: center;
		font-size: .9375rem;
		font-weight:normal;
		color: #8a8a8a;
	}
	input[type=checkbox]:checked + label {border-color: #3ac1c1;color: #3ac1c1;font-weight: bold;}	
	
	&.full-width {
        li {width: 100%;}
		input[type=checkbox] + label, input[type=radio] + label {width: 100%;height:auto;min-height:2.875rem;flex:auto;padding-top:.5rem;padding-bottom:.5rem;line-height:1.3;}
    }
    &.half-width {
        li {width: calc(50% - 4px);}
		input[type=checkbox] + label, input[type=radio] + label {width: calc(50% - 4px);flex:auto;}
    }	
}

@media \0screen {
	input[type=checkbox], input[type=radio] {margin-top: 0.625rem;}
	input[type=radio] + label {background: none !important;}
	input[type=checkbox] + label {   background: none !important;}
}

.img-file {font-size:0;}
.img-file .img-list {display:inline-block;vertical-align:top; position:relative;width:31.33%;margin:0 2% 2% 0;}
.img-file .img-list:nth-child(3n) {margin-right:0;}
.img-file .img-list .img-wrap {display:block;position:relative ;border:1px solid #d7d7d7;width:100%; height:5rem;border-radius: .25rem;background-size:cover; background-repeat:no-repeat; background-position:center center; }
.img-file a.close {position:absolute;right:0;top:0;background-color:rgb(58 193 193);width:1.75rem;height:1.75rem;border-radius:50%;text-align:center;line-height:1;}
.img-file a.close:before {content:"";display:inline-block;width:100%;height:100%;background:url('/app/images/pop_close_w.png') center no-repeat;background-size:auto .75rem;font-size:0;}
.img-file .img-list.add .close {display:none;}
.img-file .img-list.add .img-wrap {background-color:#f9f9f9;}
.img-file .img-list.add .img-wrap:after {content:'';position:absolute;left:0;top:30%;right:0;height:2rem;background-image:url('/app/images/pop_close.png');background-size:auto 1rem;background-position:center;background-repeat:no-repeat;transform:rotate(45deg);opacity:.5;}


/* ¸ÞÀÎ */
.main_visual {height:calc(100vh - 7.5rem) !important;}
.content {padding:0 1.5rem;}
.select {position:relative;display:flex;flex:auto;width:100%;}
.select select {padding-right:1rem;}
.select:after {content:'';position:absolute;right:.675rem;top:40%;width:.35rem;height:.35rem;border-style:solid;border-width:1px 1px 0 0;border-color:#333;transform:rotate(135deg);}

}

.input_items {width:100%; padding:0;}
.input_items .item {position:relative;margin-top:.625rem;}
.input_items .item .label {display:block; font-size:.9375rem; line-height:1; padding:.625rem 0;}
.input_items .item .label i {font-size:.75rem;}
.input_items .item .set {display:flex;align-items:center;gap:.25rem;font-size:1rem;word-break:keep-all;}
.input_items .item .set.hp * {text-align:center;}
.input_items .item .set.multi_row {flex-direction:column;}
.set.carnumber {position:relative;display:inline-block;width: 13.75rem;padding:.25rem 0;height: auto;border-radius:.65rem;border:1px solid #333 !important;overflow:hidden;}
.set.carnumber input {font-weight:bold;font-size:1.75rem;text-align:center;}
.set.carnumber:before {content:'';position:absolute;left:1rem;top:1.35rem;width:7px;height:7px;background:#fff;border-radius:50%;border:1px solid #777;box-shadow:.1rem .1rem .25rem rgba(0,0,0,.2)}
.set.carnumber:after {content:'';position:absolute;right:1rem;top:1.35rem;width:7px;height:7px;background:#fff;border-radius:50%;border:1px solid #777;box-shadow:.1rem .1rem .25rem rgba(0,0,0,.2)}

.confirm-ok {padding:1rem 0;border-bottom:1px solid #efefef;text-align:center;}
.confirm-ok b {display:block;padding-top:.5rem;font-weight:bold;font-size:1.125rem;}

.confirm-cont {padding:1.5rem 0 0;}
.confirm-cont > b {display: block;text-align: center;font-size:1.125rem;}
.confirm-cont .confirm-text {padding:1.5rem;margin-top:1rem;border-radius:.5rem;background:#fafafa;line-height:1.5;}
.confirm-cont .confirm-text b {font-size:.875rem;}

.input_items .guide {padding-top:.25rem;font-size:.875rem;color:#888;}
.input_items .guide.blue {color:#026fe9;}

.agree-wrap {
	input[type=checkbox] + label {font-size:.75rem;}
}

.btn_wrap {display:flex;align-items:center;padding:1.25rem 0;}
.btn_wrap.fixed .button {position:fixed;left:0;right:0;bottom:0;}
.btn_wrap button {display:flex;flex:1;width:auto;height:3.75rem;text-align:center;justify-content: center;align-items:center;background-color:#66cccc;border:0;border-radius:.5rem;font-size:1.125rem;font-weight:bold;color:#fff;}
.btn_wrap button.dark {background-color:#1e2842;}

.main .btn_wrap button {border-radius:0;}

.detailmodel {display:flex;flex-direction:column;gap:4px;}
.detailmodel li {position:relative;display:flex;padding:15px 0 15px 34px;border:1px solid #d7d7d7;border-radius: .25rem;cursor:pointer;}
.detailmodel li::before {content: '';position: absolute;top: calc(50% - .05rem);left: .75rem;width: 0.375rem;height: 0.625rem;background: transparent;border-color: #dfdfdf;border-style: solid;border-width: 0 .125rem .125rem 0 !important;transform: rotate(45deg) translateY(-50%);}
.detailmodel li span {flex:auto;display:inline-block;}
.detailmodel li span.price {flex: none;width:120px;padding-right:10px;text-align:right;font-size:.875rem;color:#ff3030;line-height:1.5;}
.detailmodel li.on {border-color:#3ac1c1;}
.detailmodel li.on::before {border-color:#3ac1c1;}

.ruleview {font-size:.75rem;}

/* Æ˾÷ */
.popup {display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:1000;}
.popup .content {position:absolute;left:50%;top:50%;width:100%;max-width:90%;max-height:95%;height:100%;margin:0 auto;padding:0;background:#fff;transform:translate(-50%, -50%);overflow:hidden;border-radius: .5rem;}
.popup .content .pop_header {position:relative;z-index:1001;}
.popup .content .pop_header .close {position:absolute;right:.5rem;top:.5rem;width:3rem;height:3rem;border-radius:50%;background:rgba(255,255,255,.5);font-size:0;z-index:1003;}
.popup .content .pop_header .close:before {content:'';position:absolute;left:.75rem;top:1.5rem;width:1.5rem;height:1px;background:#333;transform:rotate(45deg);z-index:1002;}
.popup .content .pop_header .close:after {content:'';position:absolute;left:.75rem;top:1.5rem;width:1.5rem;height:1px;background:#333;transform:rotate(-45deg);z-index:1002;}
.popup .content .pop_cont {height:100%;padding:1.5rem;overflow:auto;}

.rule_box p {padding:0 0 .75rem;font-size:.75rem;}
.rule_box h3 {padding:.5rem 0;font-weight:bold;}
.rule_box h4 {padding:1rem 0 .5rem;font-weight:bold;}