@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}

.suryo {width: 600px; height: 801px; padding: 15px 20px; background-color: #fff; z-index: 50; 
	display: block; background: url(../../img/renew/sub_2025/suryo_bg.png) no-repeat center / contain;}
.suryo .inner {display: block; position: relative; padding: 36px 33px;}
.suryo .inner .t {display: flex; justify-content: space-between; align-items: center; padding: 0 1.5rem;}
.suryo .inner .t .logo {display: block; width: 130px; height: 24px; background: url(../../img/renew/sub_2025/suryo_logo.png) no-repeat center / contain;}
.suryo .inner .t p {color: #555; font-size: 11px;}
.suryo .inner .m {display: block; margin: 50px 0 39px; text-align: center;}
.suryo .inner .m strong {display: block; color: #052558; font-size: 35px; font-family: 'GmarketSans'; font-weight: 700; line-height: 130%;}
.suryo .inner .m ul {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; align-content: center; position: relative; width: 324px; height: 257px; margin: 43px auto; padding: 0 24.98px}
.suryo .inner .m ul::before {content: ""; display: block; position: absolute; left: 4px; width: 347px; height: 253px; background: url(../../img/renew/sub_2025/suryo_m_bg.png) no-repeat center / contain;}
.suryo .inner .m li {display: flex; align-items: center; gap: 27px; width: 100%;}
.suryo .inner .m li span {color: #151515; font-size: 16px; font-weight: 700; line-height: 2.2;} 
.suryo .inner .m li p {color: #222; font-size: 16px;}
.suryo .inner .m p {color: #333; text-align: center; font-size: 18px;}
.suryo .inner .m .date {color: #333; font-size: 16px; margin-top: 30px;}
.suryo .inner .bot {width: 100%; text-align: center;}
.suryo .inner .bot span {display: flex; justify-content: center; align-items: center; color: #222; font-size: 20px; font-weight: 600;}
.suryo .inner .bot span::after {content: ""; display: block; width: 80px; height: 80px; margin-left: -34px; background: url(../../img/renew/sub_2025/suryo_mark.png) no-repeat center /contain; z-index: 1;}
.suryo .inner .bot span em {position: relative; font-size: 24px; font-style: normal; z-index: 3;}



@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;}

}