@charset "UTF-8";

.btnsmty01 {font-size: 0.7rem; background-color: #448047; color: #fff; line-height: 22px; padding:0 0.5rem;}
    
    
.price.thrprice b {text-decoration: line-through; color: #FD8001 !important; }

.form_notice .txt { padding: 0 13rem 0 0;}
.form_not_wrap { padding: 18px 18px 30px 18px; margin:0 0 5rem 0; border-radius: 10px; border: 1px solid #D7E1EA; background: #F8FAFC;}
.form_notice { display: flex; gap: 28px; border: none !important; position: relative; padding: 10px 30px !important;}
.agree_wrap {padding: 1.2rem  5rem 0 7.4rem; }
.agree_wrap .radio-box {background-color: #ffffff !important;  padding: 10px 30px !important; border: 1px solid #D7E1EA; }
.agree_wrap .radio-box:hover {border: 1px solid #0000a0;} 
.agree_wrap .list-box-style-1 {margin-top: 0px;  border-top: 1px solid #D7E1EA; padding: 2rem 0 0 0;}

.check_wrap.check_area {display: flex; gap: 20px; background-color: #ffffff; border: 1px solid #D7E1EA; padding: 6px 12px; border-radius: 5px; width: auto !important; margin: 8px 0 0 0;}
.check_wrap.check_area:hover {border: 1px solid #0000a0;} 

.check_wrap.check_area .check_list {position: relative; width: 100%; padding: 10px 0; border-radius: 10px;}
.check_wrap.check_area .check_list input {position: absolute; top: -9999px; left: -9999px;}
.check_wrap.check_area .check_list input + label {display: flex; align-items: center; gap: 12px; font-size: 18px; color: #222; }
.check_wrap.check_area .check_list input + label::before {content: ""; display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 24px; height: 24px; border-radius: 4px; border: 1px solid #DDD; background-color: #FFF;}
.check_wrap.check_area .check_list input:checked + label::before {border: 1px solid #3375D2; background: #3375D2 url(../../img/renew/sub_2025/icon-check.svg) no-repeat center;} 
.check_wrap.check_area input[type=checkbox]:checked + label:after {background: none;}
.radio_box {display: flex; align-items: center; gap: 45px; margin-top: 16px; margin-left: 36px;}
.radio_box .in {position: relative;}
.radio_box .in input[type="radio"] + label::before {border-radius: 100%;}
.radio_box .in input[type="radio"]:checked + label::before {background-color: transparent; border: 1px solid #3375D2;}
.radio_box .in input[type="radio"]:checked + label::after {content: ""; display: inline-flex; flex-shrink: 0; position: absolute; top: 50%; left: 5px; width: 14px; height: 14px; border-radius: 100%; background-color: #3375D2; transform: translateY(-50%);}
.form_notice {position: relative;}
.form_notice .exp_btn_wrap {position: absolute; top: 30px; right: 30px;}
.form_notice .exp_btn_wrap button {max-width: 160px; line-height: 40px;}

.form_notice .txt strong { margin:0 0 0.7rem 0;}
.form_notice .txt p {margin:0 0 0.4rem 0;}

.check_wrap.check_area .check_list label span {margin-left: 7px;}

.privacy_content .scroll-box-list.hgt3 {height: 16rem;}

.agree_wrap .privacy_wrap { margin-top: 25px; }

.agree_wrap .privacy_wrap p{font-size:16px}




@media (max-width: 768px){
    .form_not_wrap { padding: 7px 7px 7px 0px;}
    .form_notice .exp_btn_wrap {top: 10px;right: 10px;}
    .form_notice .txt {padding: 0 0 0 0;}    
    .form_notice .txt strong {padding-right: 18rem; font-size: 20px;}
    .form_notice .txt p {padding:2rem 0 0 0;}
    .agree_wrap { padding: 1rem 3rem;}
    
}
@media (max-width: 500px){	
    .form_notice {padding: 10px 14px !important;}
    .form_notice .exp_btn_wrap {top: 0px;right: 0px;}
	.check_wrap.check_area .check_list input + label {font-size: 15px;}
	.check_wrap.check_area .check_list {padding: 5px 0;}  
	.check_wrap.check_area { padding: 3px 12px;}    
    .form_notice .exp_btn_wrap button {line-height: 30px;}
	.check_wrap.check_area .view_btn > * {width: auto; max-width: 100%;}
    .form_notice .txt strong {padding-top:4rem; padding-right: 0rem;}
    .agree_wrap {padding: 1rem 3rem;}

}