

.mgl-1p{margin-left:1%;}
.mgl-2p{margin-left:2%;}
.w10p{width:10%;}
.w15p{width:15%;}
.w18p{width:18%;}
.w20p{width:20%;}
.w30p{width:30%;}
.w37p{width:37%;}
.w40p{width:40%;}
.w60p{width:60%;}
.w75p{width:75%;}
.w80p{width:80%;}
.w96p{width:96%;}
.w98p{width:98%;}
.w100p{width:100%;}
.tab_all{width:100%;height:auto;min-height:500px;margin-top:30px;position:relative;top:0;left:0;border:2px solid #d92cf7;}
.tab_all * {box-sizing:border-box;}
.DB_Form_Area {padding-top:0%;padding-bottom:0%;background:#fff;}
.DB_Form_Area ul{list-style: none;margin-left:0%;padding:0;}
.DB_Form_Area li{list-style: none;margin-bottom:0%;margin-left:1%;}
.DB_Form_Area .select {float:left;border:1px solid #ccc; height:40px;color:#737373;text-align:center;font-size:16px;}
.DB_Form_Area .input {float:left;border:1px solid #ccc; height:40px;font-size:16px;padding-left:0%;}
.DB_Form_Area .inpradio{float:left;display:inline-block;border:1px solid #ccc;height:40px;font-size:16px;background:#fff;margin-top:0%;vertical-align:top;}
.DB_Form_Area .inpradio_sms{float:left;display:inline-block;border:1px solid #ccc;height:40px;font-size:16px;background:#fff;margin-top:0%;vertical-align:top;}

.btn_policy{border:1px solid #666; background:#666;color:#fff;cursor:pointer;padding:0px 3px; font-size:14px; }
/*.next_Area{float:left;text-align:center;}*/
#DB_Result ul{list-style: none;}

/* ÅÂºí¸´, ¸ð¹ÙÀÏ ¹öÀü */
@media (max-width: 966px){ /* iframe ¾çÂÊ ¿©¹éÀ» Æ÷ÇÔÇØ¾ß ÇÏ±â ¶§¹®¿¡ ¿©±â¼­ ¿©¹éÀ» »©°í °è»êÇØ ÁÜ : ¿©¹é 24*/
	.DB_Form_Area{width:100%;}
	#DB_Form_Input {width:100%;height:500px;}
	#DB_Form_Result {width:100%;height:500px;}
	#pay_table{margin-top:15px !important;}
	.boxi {padding: 9px 0 !important;}
	.db_form_title h2{font-size:2.6rem !important;}
	.db_form_title h3{font-size:2.2rem !important;}

}

/* PC ¹öÀü */
@media (min-width: 967px){ /* iframe ¾çÂÊ ¿©¹éÀ» Æ÷ÇÔÇØ¾ß ÇÏ±â ¶§¹®¿¡ ¿©±â¼­ ¿©¹éÀ» »©°í °è»êÇØ ÁÜ : ¿©¹é 24*/
	#DB_Form_Input {position:absolute;top:0;left:0;width:50%;bottom:0;}
	#DB_Form_Result {position:absolute;top:0;right:0;width:50%;bottom:0;}
}







* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.btn_wrap {
    width: 90%;
    margin: 30px auto 0
}

.btn_wrap:after {
    display: block;
    clear: both;
    content: ''
}

.btn_text {
    display: flex;
    align-items: center;
    gap: 10px;
	text-align:center;
	line-height:1;
}

.btn_text p {
	width:100%;
    font-weight: bold;
    font-size: 28px;
	margin-top:20px;
	color:#d92cf9;
	margin-bottom:0px;
}

.db_price {
    background-color: #fff;
    margin-top: 60px
}

.db_content {
    width: 90%;
    margin: 0 auto;
}

.db {
    width: 100%;
    margin: 0 auto;
}

.form_info {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 15px;
	line-height:1;
}

.form_wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.db_text {
    font-family: 'Noto Sans KR',sans-serif;
    font-weight: 400;
    color: #000 !important;
    font-size: 14px !important;
    text-align: left;
    padding-top: 15px;
}

.form {
    background-color: #fff;
    width: 80%;
    height: 55px;
    border-bottom: 1px solid #dedede;
    color: var(--sub-text);
    font-family: 'Noto Sans KR',sans-serif;
    font-weight: 400;
    font-size: 15px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    padding: 12px 0 12px 6px;
	letter-spacing:1px;
}
.form99 {
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;

	width: 34%;
    margin-bottom: 0;
	margin-right:0%;
    border: 0;
    font-family: 'Noto Sans KR',sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: var(--sub-text);
    padding: 12px 0 12px 6px;
	letter-spacing:1px;
    border-bottom: 1px solid #dedede;
}

.smsWrap {
    width: 80%
}

#mobile_wrap {
    border-bottom: 1px solid #dedede;
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.smsWrap .form0 {
    width: 21%;
    height: 40px;
    color: #757575;
    font-size: 15px;
    font-weight: 400;
    background: #fff;
    border: 1px solid #757575;
    border-radius: 8px;
    margin: 0 ;
    cursor: pointer;
	margin-right:2%;
	text-align:center;
}

.smsWrap .form1 {
    width: 41%;
    border-bottom: 0;
    margin-bottom: 0;
	margin-right:5%;
    border: 0;
    font-family: 'Noto Sans KR',sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: var(--sub-text);
    padding: 12px 0 12px 6px;
	letter-spacing:1px;
}

.smsWrap .form2 {
    width: 65%;
	margin-right:5%;
    border-bottom: 0;
    margin-bottom: 0;
    border: 0;
    font-family: 'Noto Sans KR',sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: var(--sub-text);
    padding: 12px 0 12px 6px;
	letter-spacing:1px;
}
#btnPayCheck_re{display:none;}
#btnSendAuthCode {
    border: 0;
    width: 30%;
    height: 40px;
    color: #d92cf9;
    font-size: 15px;
    font-weight: 400;
    background: #fff;
    border: 1px solid #d92cf9;
    border-radius: 8px;
    margin: 10px 4px 10px 0;
    cursor: pointer;
	text-align:center;
	line-height:36px;
}
#agree{cursor:pointer;}
#CQnochange {
    border: 0;
    width: 30%;
    height: 40px;
    color: #d92cf9;
    font-size: 15px;
    font-weight: 400;
    background: #fff;
    border-radius: 8px;
    margin: 0 4px 12px 0;
	text-align:center;
	line-height:36px;
	display:none;
}
#CQnochange2 {
    border: 0;
    width: 30%;
    height: 40px;
    color: #d92cf9;
    font-size: 15px;
    font-weight: 400;
    background: #fff;
    border-radius: 8px;
    margin: 0 4px 12px 0;
	text-align:center;
	line-height:36px;
	display:none;
}

#auth_wrap {
    border-bottom: 1px solid #c9c9c9;
    width: 100%;
    height: 50px;
    font-family: 'Noto Sans KR',sans-serif;
    font-weight: 400;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#btnCheckAuthCode {
    border: 0;
    width: 30%;
    height: 40px;
    color: #d92cf9;
    font-size: 15px;
    font-weight: 400;
    background: #fff;
    border: 1px solid #d92cf9;
    border-radius: 8px;
    margin: 0 4px 12px 0;
    cursor: pointer;
	text-align:center;
	line-height:36px;
	display:none;
}

.personal_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    margin-top: 15px;
    margin-bottom: 15px;
}

.personal_box a {
    text-decoration: underline
}

.all_box {
    width: 50%;
    text-align: left;
    margin-bottom: 5px
}

.look {
    text-align: right
}

.receive_box {
    margin-bottom: 20px
}

#gen {
    width: 80%;
    display: flex;
    align-items: center;
    gap: 20px
}

#gen input[type='radio'] {
    display: none
}

#gen input[type='radio']:checked+span {
    background-color: #d92cf9;
	color:#fff;
}

#gen label {
    width: 50%
}

#gen label span {
    background-color: #f0f0f0;
    color: #000;
    display: inline-block;
    width: 100%;
    height: 55px;
    outline: 0;
    text-align: center;
    line-height: 55px;
    font-family: 'Noto Sans KR',sans-serif;
    font-weight: 500;
    font-size: 15px;
    border-radius: 8px;
    cursor: pointer
}






#gen2 {
    width: 30%;
    display: flex;
    align-items: center;
    gap: 20px
}

#gen2 input[type='radio'] {
    display: none
}

#gen2 input[type='radio']:checked+span {
    background-color: #d92cf9;
	color:#fff;
}

#gen2 label {
    width: 50%
}

#gen2 label span {
    background-color: #f0f0f0;
    color: var(--sub-text);
    display: inline-block;
    width: 100%;
    height: 55px;
    outline: 0;
    text-align: center;
    line-height: 55px;
    font-family: 'Noto Sans KR',sans-serif;
    font-weight: 500;
    font-size: 15px;
    border-radius: 8px;
    cursor: pointer
}


#bohumCate_Area {
    width: 80%;
    display: flex;
    align-items: center;
    gap: 20px
}

#bohumCate_Area input[type='radio'] {
    display: none
}

#bohumCate_Area input[type='radio']:checked+span {
    background-color:  #d92cf9;
	color:#fff;
}

#bohumCate_Area label {
    width: 50%;
}

#bohumCate_Area label span {
    background-color: #f0f0f0;
    color: #000;
    display: inline-block;
    width: 100%;
    height: 55px;
    outline: 0;
    text-align: center;
    line-height: 55px;
    font-family: 'Noto Sans KR',sans-serif;
    font-weight: 500;
    font-size: 15px;
    border-radius: 8px;
    cursor: pointer
}


#insure_wrap a {
    display: inline-block;
    width: 100%;
    height: 100%
}

.btn_01 {
    border: 0;
    outline: 0;
    background-color: #d92cf9;
    width: 100%;
    height: 60px;
    color: #fff;
    font-size: 24px;
    border-radius: 20px;
    font-weight: 700;
    font-family: 'Noto Sans KR',sans-serif;
    cursor: pointer;
	margin-top:0px;
	text-align:center;
	line-height:60px;
}
.btn_01_re {
    border: 0;
    outline: 0;
    background-color:#808080;
    width: 100%;
    height: 60px;
    color: #fff;
    font-size: 24px;
    border-radius: 8px;
    font-weight: 700;
    font-family: 'Noto Sans KR',sans-serif;
    cursor: pointer;
	margin-top:0px;
	text-align:center;
	line-height:60px;
}

#kakao_simple {
    width: 100%;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fee500;
    margin-top: 8px;
    border-radius: 3px
}

#kakao_simple a {
    display: flex;
    align-items: center
}

#kakao_simple img {
    width: 20px;
    height: 19px;
    margin-right: 10px;
    margin-top: 2px
}

#kakao_simple p {
    font-family: 'Noto Sans KR',sans-serif;
    color: #191919;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    letter-spacing: -0.02em
}

@keyframes ani {
    0 {
        padding-top: 0
    }

    50% {
        padding-top: 5px
    }

    100% {
        padding-top: 0
    }
}

.price_content {
    max-width: 640px;
    width: 90%;
    margin: 60px auto 0
}

#pay_table {
    width: 100%;
    margin-top: 14px;
}

.infor_text {
    font-size: 15px;
    font-family: 'Noto Sans KR',sans-serif;
    color: var(--sub-text);
    text-align: center;
    margin: 40px auto 0
}

.boxi {
    width: 100%;
    padding: 10px 0;
    border-radius: 4px;
	border:1px solid #ccc;
    background-color:#fff;
    -webkit-box-shadow: 0 0 3px 3px rgba(219,219,219,0.25);
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.12);
    text-align: center;
    display: block;
    float: left;
	margin-bottom:9px;
}
.boxi .img{display:inline-block;float:left;width:50%;}
.boxi img {
    height:30px;
}
.boxi .price {display:inline-block;float:left;width:50%;}

.wonlogo {
    font-family: 'Noto Sans KR',sans-serif;
    font-size: 18px;
    font-weight: 500
}

.zero {
    font-family: 'Noto Sans KR',sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    margin-top: 12px
}

.price {
    color: #000;
    font-size: 20px;
    font-weight: 700
}
.goods_item_in{width:100%;}
.goods_item * {box-sizing:border-box;}

.pay_detail_line{float:left;width:100%;height:28px;border-bottom:1px solid #e6e6e6;}	
.pay_detail_txt{float:left;width:25%;height:28px;font-weight:bold;color:#444;text-align:left;}
.pay_detail_result{float:right;width:75%;height:28px;line-height:28px;font-size:14px;overflow:hidden;text-align:right;}


.db_form_title h2{font-size:3.4rem;color:#333;}
.db_form_title h3{font-size:2.4rem;margin-top:1.0rem;color:#ff8000;}

input{ border-radius:0;}
label, p, input {margin:0;}
body {line-height:1;}