@charset "UTF-8";

input, label, select, textarea, span{font-family:'Inter';}
input:focus, select:focus, textarea:focus{outline-color:#485aff;}

a:link{color:#555; text-decoration:none;}
a:visited{color:#555; text-decoration:none;}
a:hover{color:#555; text-decoration:none;}
a:active{color:#555; text-decoration:none;}

.ml_auto{margin-left:auto;}

body,html{position:relative; height:100%;}
body{position:relative; background-color:#fff; color:#18181b; font-size:16px; font-weight:400; font-family:"Inter" ,"Apple SD Gothic Neo","애플 SD 산돌고딕 Neo","Malgun Gothic","맑은 고딕","돋움",Dotum,Helvetica,Tahoma,Dotum,sans-serif; line-height:1.2; overflow-x:hidden;}

#wrapper{font-size:0; line-height:0;}
#container{position:relative; z-index:10; width:100%; font-size:0;}
.wrap{position:relative; margin:0 auto;}
#container > .wrap{max-width:1024px; padding:120px 22px 270px 22px;}
#container > .estimate + .wrap{padding:270px 22px 120px 22px;}

.title{color:#0f172a; font-size:48px; font-weight:700; line-height:60px; letter-spacing:-0.02em;}

.process{position:sticky; top:0; left:0; right:0; z-index:1; padding-top:10px; background-color:#fff;}
.process .process_text{color:#18181b; font-size:13px; font-weight:500; line-height:16px;}
.process .process_text span{float:right;}
.process .process_bar{position:relative; height:3px; margin-top:10px; background-color:#f4f4f5;}
.process .process_bar span{position:absolute; top:0; left:0; bottom:0; background-color:#4f46e5;}

.sub_title{margin-top:80px; padding:5px 0; border-bottom:1px solid #d0d5dd; font-size:20px; font-weight:700; font-family:'PlusJakartaSans'; line-height:28px;}
.sub_title span{color:#64748b; font-size:13px; font-weight:400;}

.list{display:flex;}
.list li{position:relative;}
.list li > input{position:absolute; top:10px; left:10px; z-index:-1;}
.list li > label{display:block; position:relative; border:1px solid #d0d5dd; border-radius:10px; background-color:#fff; box-sizing:border-box;}
.list li > input:checked + label{padding:0 14px; border:2px solid #485aff;}

.list.brand{margin-top:64px; gap:10px;justify-content:center;}
.list.brand li > label{display:flex; width:166px; height:70px; align-items:center;justify-content:center;}
.list.brand li > label img{height:34px;}

.list.product{margin-top:10px;/* justify-content:center;*/ gap:10px;flex-wrap:wrap;}
.list.product li{width:calc(20% - 8px);}
.list.product li > label{display:flex; width:100%; height:180px; padding:10px; align-items:center;justify-content:center;flex-direction:column;}
.list.product li > label img{height:126px;}
.list.product li > label span{font-size:20px; font-weight:500; line-height:34px;}

.list.kinds{margin-top:10px; gap:10px;flex-wrap:wrap;}
.list.kinds li{width:calc(25% - 7.5px);}
.list.kinds li > label{display:flex; height:50px; padding:0 15px; font-size:13px; font-weight:600; align-items:center;justify-content:space-between;}
.list.kinds li > label i{display:block; width:22px; height:22px; background:url(/image/application/kinds_arrow.svg) no-repeat center / 100%;}

.kinds_box{display:flex; margin-top:64px; align-items:center;gap:90px;}
.kinds_box .kinds_img{width:343px;}
.kinds_box .kinds_text .kinds_title{font-size:32px; font-weight:600; line-height:40px;}
.kinds_box .kinds_text .kinds_info{margin-top:35px;}
.kinds_box .kinds_text .kinds_info li{color:#090914; font-size:16px; font-weight:500; line-height:19px;}
.kinds_box .kinds_text .kinds_info li + li{margin-top:15px;}
.kinds_box .kinds_text .kinds_info li .info_title{width:83px; color:#64748b;}
.kinds_box .kinds_text .kinds_color{display:flex; margin-top:15px; gap:2px;}
.kinds_box .kinds_text .kinds_color li{position:relative;}
.kinds_box .kinds_text .kinds_color li input{position:absolute; top:10px; left:10px; z-index:-1;}
.kinds_box .kinds_text .kinds_color li label{position:relative; width:36px; height:36px; margin:5px; border-radius:50%;}
.kinds_box .kinds_text .kinds_color li input:checked + label{box-shadow:inset 0 4px 6.9px -2px rgba(0, 0, 0, 0.25);}
.kinds_box .kinds_text .kinds_color li input:checked + label:before{display:block; position:absolute; top:-5px; left:-5px; right:-5px; bottom:-5px; border:2px solid #2563eb; border-radius:50%;}

.list.problem{margin-top:10px; flex-wrap:wrap;gap:10px;}
.list.problem > li{padding:10px 10px; border:1px solid #d0d5dd; border-radius:10px; background-color:#fff; transition:background-color .25s ease-in-out; order:2;flex-basis:100%;}
.list.problem > li.active{padding:10px 10px; border:2px solid #485aff; background-color:#f8fafc; order:1;}
.list.problem > li .problem_title{display:flex; width:100%; padding-bottom:10px; border-bottom:1px solid #d0d5dd; align-items:center;gap:10px;}
.list.problem > li .problem_title img{height:70px;}
.list.problem > li .problem_title span{font-size:20px; font-weight:500; line-height:27px;}
.list.problem > li .problem_info{display:flex; margin-top:10px; padding:15px; border:1px solid #fde047; border-radius:8px; background-color:#fefce8; gap:4px;flex-direction:column;}
.list.problem > li .problem_info span{display:flex; color:#713f12; font-size:13px; font-weight:600; font-family:'PlusJakartaSans'; line-height:20px; gap:10px;}
.list.problem > li .problem_info span:before{display:block; width:20px; height:20px; background:url(/image/application/problem_info_icon.svg) no-repeat center / 100%;}
.list.problem > li .problem_info p{color:#713f12; font-size:13px; font-weight:400; font-family:'PlusJakartaSans'; line-height:21px;}
.list.problem > li .problem_list{display:flex; margin-top:10px; gap:10px;}
.list.problem > li .problem_list li{width:25%;}
.list.problem > li .problem_list li label{display:flex; height:64px; padding:0 15px; font-size:13px; font-family:'PlusJakartaSans'; align-items:center;}
.list.problem > li .problem_list li input:checked + label{padding:0 14px;}
.list.problem > li .problem_count{opacity:0; position:absolute; top:20px; right:20px; width:30px; height:30px; border-radius:50%; background-color:#2563eb; color:#fff; font-size:16px; font-weight:500; text-align:center; line-height:30px; transition:opacity .25s ease-in-out;}
.list.problem > li.has .problem_count{opacity:1; top:10px; right:10px;}
.list.problem > li:not(.active){padding-bottom:10px; flex-basis:calc(50% - 5px);}
.list.problem > li:not(.active) .problem_title{padding-bottom:0; border-bottom:0;}
.list.problem > li:not(.active) .problem_info,
.list.problem > li:not(.active) .problem_list{display:none;}

.explain{margin-top:40px;}
.explain .explain_title{color:#344054; font-size:14px; font-weight:500; line-height:20px;}
.explain textarea{width:100%; height:154px; margin-top:6px; padding:10px 15px; border:1px solid #e5e5e8; border-radius:8px; box-shadow:0 1px 2px 0 rgba(16, 24, 40, 0.05); font-size:13px; line-height:24px; resize:none;}

.warning{max-width:540px; margin:40px auto 0 auto; padding:20px; border-radius:10px; background-color:#ffefe4;}
.warning .warning_title{display:flex; font-size:16px; font-weight:500; font-family:'Inter'; line-height:16px; gap:10px;}
.warning .warning_title:before{display:block; width:16px; height:16px; background:url(/image/application/warning_icon.svg) no-repeat center / 100%;}
.warning p{margin-top:15px; color:#333e5a; font-size:14px; font-family:'Inter'; line-height:21px;}

.estimate{position:fixed; top:50px; left:0; right:0; z-index:2; padding:15px 0; border-bottom:1px solid #d0d5dd; background-color:#f8fafc;}
.wrap + .estimate{top:auto; bottom:0; border-top:1px solid #d0d5dd; border-bottom:0;}
.estimate .wrap{max-width:1024px; padding:0 22px;}
.estimate .estimate_price{display:flex; font-size:16px; font-weight:600; font-family:'Inter'; align-items:center;justify-content:space-between;}
.estimate .estimate_price span{font-weight:700;}
.estimate .estimate_text{margin-top:5px; color:#64748b; font-size:12px; font-family:'PlusJakartaSans'; line-height:15px;}
.estimate .estimate_text span{float:right; font-family:'Inter';}
.estimate .estimate_detail{display:none; position:relative; margin-top:20px;}
.estimate .estimate_detail:before{display:block; position:absolute; top:0; left:0; right:0; height:1px; background-color:#d0d5dd;}
.estimate .estimate_detail .detail_item{display:flex; padding:20px 0 14px 0; flex-direction:column;gap:20px;}
.estimate .estimate_detail .detail_item + .detail_item{border-top:1px solid #d0d5dd;}
.estimate .estimate_detail .detail_item .detail_title{display:flex; font-size:16px; font-weight:600; line-height:19px; justify-content:space-between;}
.estimate .estimate_detail .detail_item .detail_title span{font-size:12px; font-weight:400;}
.estimate .estimate_detail .detail_item .detail_problem_list{}
.estimate .estimate_detail .detail_item .detail_problem_item{display:flex; position:relative; min-height:80px; padding-left:100px; flex-direction:column;gap:10px;}
.estimate .estimate_detail .detail_item .detail_problem_item + .detail_problem_item{margin-top:14px; padding-top:20px; border-top:1px solid #d0d5dd;}
.estimate .estimate_detail .detail_item .detail_problem_item img{position:absolute; top:0; left:0; width:80px; height:80px;}
.estimate .estimate_detail .detail_item .detail_problem_item + .detail_problem_item img{top:20px;}
.estimate .estimate_detail .detail_item .detail_problem_item .problem_title{display:flex; font-size:14px; font-weight:700; line-height:17px; justify-content:space-between;}
.estimate .estimate_detail .detail_item .detail_problem_item .problem_title .problem_del_all{border:0; color:#485aff; font-size:12px; font-weight:400;}
.estimate .estimate_detail .detail_item .detail_problem_item .problem_list{}
.estimate .estimate_detail .detail_item .detail_problem_item .problem_list li{display:flex; position:relative; padding-left:13px; font-size:12px; line-height:26px; justify-content:space-between;align-items: center;}
.estimate .estimate_detail .detail_item .detail_problem_item .problem_list li:before{display:block; position:absolute; top:11px; left:3px; width:3px; height:3px; border-radius:50%; background-color:#18181b;}
.estimate .estimate_detail .detail_item .detail_problem_item .problem_list li .problem_del{width:16px; height:16px; border:0; background:url(/image/application/del_icon.svg) no-repeat center / 15px; font-size:0;}
.estimate .estimate_btn{display:flex; margin-top:15px; align-items:center;justify-content:space-between;}
.estimate .estimate_btn .btn_open{display:flex; border:0; color:#485aff; font-size:12px; line-height:16px; gap:7px;}
.estimate .estimate_btn .btn_open:after{display:block; width:16px; height:16px; background:url(/image/application/estimate_arrow.svg) no-repeat center / 100%;}
.estimate .estimate_btn .btn_open.close:after{transform:rotate(180deg);}
.estimate .estimate_btn .btn_cart{padding:0 30px; border-radius:10px; background-color:#485aff; color:#fff; font-size:14px; font-weight:600; line-height:40px;}

.add{display:flex; align-items:center;flex-direction:column;gap:35px;}
.add .add_title{font-size:20px; font-weight:800;}
.add .add_btn{padding:0 18px; border:1px solid #485aff; border-radius:22px; color:#485aff; font-size:14px; font-weight:600; line-height:42px;}
.add .add_btn:hover{background-color:#485aff; color:#fff;}

.list.receipt{margin-top:20px; gap:10px;}
.list.receipt li{width:33%;}
.list.receipt li > label{height:328px; padding:25px 20px 30px 20px;}
.list.receipt li > input:checked + label{padding:24px 19px 29px 19px; background-color:#f8fafc;}
.list.receipt li > label span{display:block;}
.list.receipt li > label .receipt_title{color:#0f172a; font-size:18px; font-weight:600; line-height:28px;}
.list.receipt li > label .receipt_text{margin-top:9px; border-bottom:1px solid #d0d5dd; color:#606571; font-size:14px; line-height:26px;}
.list.receipt li .receipt_box{display:flex; position:absolute; top:109px; left:20px; right:20px; flex-direction:column;gap:12px;}
.list.receipt li .receipt_box .receipt_sub_title{display:block; color:#0f172a; font-size:16px; font-weight:700; line-height:24px;}
.list.receipt li .receipt_box input{height:45px; padding:0 15px; border:1px solid #d0d5dd; border-radius:6px; color:#52525b; font-size:13px; font-weight:500;}
.list.receipt li .receipt_box input.receipt_date{padding-left:24px; background:#fff url(/image/application/date_icon.svg) no-repeat center left calc(50% - 47px); text-align:center;}
.list.receipt li .receipt_box select{height:45px; padding:0 15px; border:1px solid #d0d5dd; border-radius:6px; background:#fff url(/image/application/select_arrow.svg) no-repeat right 15px center / 20px; color:#52525b; font-size:14px; appearance:none;-webkit-appearance:none; -o-appearance:none; -moz-appearance:none;}
.list.receipt li .receipt_box select::-ms-expand{display:none;}
.list.receipt li .receipt_box .receipt_btn{position:absolute; right:0; bottom:-50px; padding:0 20px; border:0; border-radius:16px; background-color:#485aff; color:#fff; font-size:13px; font-weight:500; line-height:32px;}

.information{display:flex; margin-top:80px; padding:45px 65px; border-radius:10px; background-color:#f1f5f9; gap:25px;flex-direction:column;}
.information .information_title{color:#0f172a; font-size:20px; font-weight:600; line-height:24px;}
.information .information_text{color:#4b5262; font-size:16px; line-height:26px;}
.information .information_list{display:flex; gap:15px;flex-direction:column;}
.information .information_list li{display:flex; color:#0f172a; font-size:15px; font-weight:600; line-height:24px; gap:5px;}
.information .information_list li:before{display:block; width:24px; height:24px; background:url(/image/application/information_icon.svg) no-repeat center / 100%;}

.form .form_title{margin-top:64px; font-size:20px; font-weight:800; text-align:center; line-height:35px;}
.form .form_check{display:flex; margin-top:55px; gap:20px;justify-content:center;}
.form .form_check li{position:relative;}
.form .form_check li input{position:absolute; top:3px; left:3px; z-index:-1;}
.form .form_check li label{display:flex; position:relative; font-size:14px; line-height:20px; gap:14px;letter-spacing:-0.08em;}
.form .form_check li label:before{display:block; width:21px; height:20px; background:url(/image/application/check_icon.svg) no-repeat center / auto 100%;}
.form .form_check li input:checked + label:before{background-image:url(/image/application/check_icon_on.svg);}
.form .form_wrap{display:flex; margin-top:64px; gap:20px;}
.form .form_wrap .form_box{width:50%;}
.form .form_wrap .form_box.n1{display:flex; gap:10px;flex-direction:column;}
.form .form_wrap .form_box.n1 input[type="text"]{display:block; width:100%; height:50px; padding:0 15px; border:1px solid #d0d5dd; border-radius:6px; color:#52525b; font-size:13px; font-weight:500;}
.form .form_wrap .form_box.n1 .form_agree{position:relative;}
.form .form_wrap .form_box.n1 .form_agree input{position:absolute; top:10px; left:10px;}
.form .form_wrap .form_box.n1 .form_agree label{display:block; position:relative; padding:15px 20px 15px 73px; border:1px solid #d0d5dd; border-radius:12px; background-color:#fff;}
.form .form_wrap .form_box.n1 .form_agree label:before{display:block; position:absolute; top:0; left:20px; bottom:0; width:30px; height:30px; margin:auto 0; background:url(/image/application/check_icon2.svg) no-repeat center /100%;}
.form .form_wrap .form_box.n1 .form_agree input:checked + label{padding:14px 19px 14px 72px; border:2px solid #485aff;}
.form .form_wrap .form_box.n1 .form_agree input:checked + label:before{background-image:url(/image/application/check_icon2_on.svg);}
.form .form_wrap .form_box.n1 .form_agree label span{display:block;}
.form .form_wrap .form_box.n1 .form_agree label .agree_title{color:#0f172a; font-size:18px; font-weight:600; line-height:36px;}
.form .form_wrap .form_box.n1 .form_agree label .agree_text{color:#606571; font-size:16px; line-height:32px;}
.form .form_wrap .form_box.n1 .form_agree .agree_more{position:absolute; right:20px; bottom:14px; padding:0 20px; border:0; border-radius:16px; background-color:#485aff; color:#fff; font-size:13px; font-weight:500; line-height:32px;}
.form .form_wrap .form_box.n1 .agree_submit{border:0; border-radius:8px; background-color:#485aff; color:#fff; font-size:16px; font-weight:600; line-height:50px;}
.form .form_wrap .form_box.n2{position:relative;}
.form .form_wrap .form_box.n2 .modal{display:flex; opacity:0; visibility:hidden; min-height:570px; height: 100%; padding:45px 20px 30px; border:2px solid #485aff; border-radius:10px; background-color:#f8fafc; transition:0.4s ease-in-out; flex-direction:column;gap:30px;box-sizing:border-box;}
.form .form_wrap .form_box.n2 .modal.fixed{opacity:1; visibility:inherit;}
.form .form_wrap .form_box.n2 .modal:not(.fixed){position:absolute; top:0; left:0; right:0; bottom:0; overflow-x:hidden;overflow-y:auto;}
.form .form_wrap .form_box.n2 .modal.active{opacity:1; visibility:inherit; z-index:1;}
.form .form_wrap .form_box.n2 .modal .modal_title{font-size:18px; font-weight:600; text-align:center; line-height:28px;}
.form .form_wrap .form_box.n2 .modal .modal_text{font-size:15px; line-height:28px;}
.form .form_wrap .form_box.n2 .modal .modal_text pre{white-space: pre-wrap;}
.form .form_wrap .form_box.n2 .modal .modal_text li{position:relative; padding-left:15px; font-size:14px;}
.form .form_wrap .form_box.n2 .modal:not(#agreeModal1) .modal_text li + li{margin-top:28px;}
.form .form_wrap .form_box.n2 .modal .modal_text li span{position:absolute; top:0; left:0;}
.form .form_wrap .form_box.n2 .modal .modal_close{width:90px; margin-top:-10px; margin-left:auto; padding:0 20px; border:0; border-radius:16px; background-color:#485aff; color:#fff; font-size:13px; font-weight:500; line-height:32px;}

.result{max-width:700px; margin:0 auto; text-align:center;}
.result > .result_title{font-size:20px; font-weight:600; line-height:24px;}
.result .result_tab{display:inline-block; margin-top:30px; border-bottom:1px solid #e4e4e7;}
.result .result_tab .tab_item{display:inline-block; margin-bottom:-1px; vertical-align:top;}
.result .result_tab .tab_item + .tab_item{margin-left:45px;}
.result .result_tab .tab_item .tab_btn{font-size:13px; font-weight:500; line-height:34px;}
.result .result_tab .tab_item.active .tab_btn{border-bottom:1px solid #000;}
.result .result_wrap{display:flex; margin-top:45px; padding:60px 70px; border:solid 2px #485aff; border-radius:10px; background-color:#fff; box-shadow:-3px 4px 14.8px 0 rgba(0, 0, 0, 0.14); gap:35px;flex-direction:column;}
.result .result_logo{height:70px; margin:0 auto;}
.result .result_sub_title{font-size:20px; font-weight:600; text-align:left;}
.result .result_list{display:flex; text-align:left; flex-direction:column;gap:35px;}
.result .result_item .result_title{display:flex; font-size:14px; line-height:17px; justify-content:space-between;}
.result .result_item .result_title span{font-size:14px; font-weight:500;}
.result .result_item .result_detail_list{display:flex; margin-top:5px; padding:15px 0; border-top:1px solid #d0d5dd; border-bottom:1px solid #d0d5dd; gap:10px;flex-direction:column;}
.result .result_item .result_detail_list li{display:flex; font-size:14px; line-height:17px; justify-content:space-between;}
.result .result_item .result_detail_list li span{color:#191d23;}
.result .result_item .result_problem_list{display:flex; margin-top:5px; padding:15px 0; border-top:1px solid #d0d5dd; border-bottom:1px solid #d0d5dd; gap:20px;flex-direction:column;}
.result .result_item .result_problem_item{display:flex; flex-direction:column;gap:10px;}
.result .result_item .result_problem_item .problem_title{display:flex; font-size:14px; font-weight:600; justify-content:space-between;}
.result .result_item .result_problem_item .problem_title span{font-size:12px; font-weight:400;}
.result .result_item .result_problem_item .problem_detail_list{display:flex; padding-left:21px; gap:10px;flex-direction:column;}
.result .result_item .result_problem_item .problem_detail_item div{font-size:14px; line-height:26px;}
.result .result_item .result_problem_item .problem_detail_item ul li{position:relative; padding-left:13px; font-size:12px; line-height:26px;}
.result .result_item .result_problem_item .problem_detail_item ul li:before{display:block; position:absolute; top:11px; left:3px; width:3px; height:3px; border-radius:50%; background-color:#18181b;}
.result .result_down{margin-top:45px;}
.result .result_down .down_radio{display:flex; gap:34px;justify-content:center;}
.result .result_down .down_radio li{position:relative;}
.result .result_down .down_radio li input{position:absolute; top:3px; left:3px; z-index:-1;}
.result .result_down .down_radio li label{display:flex; position:relative; font-size:14px; line-height:17px; gap:5px;letter-spacing:-0.04em;}
.result .result_down .down_radio li label:before{display:block; width:17px; height:17px; background:url(/image/application/radio_icon.svg) no-repeat center / auto 100%;}
.result .result_down .down_radio li input:checked + label:before{background-image:url(/image/application/radio_icon_on.svg);}
.result .result_down .down_btn{width:141px; margin-top:20px; padding:0 20px; border:0; border-radius:16px; background-color:#485aff; color:#fff; font-size:13px; font-weight:500; line-height:32px;}
.result .result_text{margin-top:20px; color:#606571; font-size:14px; line-height:26px;}
.result .result_btn{display:flex; margin-top:45px; gap:20px;}
.result .result_btn .btn{width:50%; border:0; border-radius:8px; background-color:#485aff; color:#fff; font-size:16px; font-weight:600; line-height:50px;}
.result .result_btn .btn:first-child{background-color:#ef4444;}
@media (max-width:980px){
    #container > .estimate + .wrap{padding-top:233px;}
    .page2 .sub_title{margin-top:80px;}
    .list.product li{width:calc(25% - 7.5px);}
    .list.kinds li{width:calc(33.33% - 5px);}
    .kinds_box{gap:45px;}
    .list.problem > li:not(.active){flex-basis:calc(50% - 5px);}
    .list.problem > li .problem_list{flex-wrap:wrap;}
    .list.problem > li .problem_list li{width:calc(33.33% - 4px);}
    .list.problem > li .problem_list li:nth-child(3n){width:calc(33.33% - 12px);}
    .list.receipt{flex-wrap:wrap;}
    .list.receipt li{width:calc(50% - 10px);}
    .form .form_title{margin-top:48px;}
    .form .form_wrap{margin-top:48px;}
    .form .form_wrap .form_box.n2 .modal:not(#agreeModal1) .modal_text li + li{margin-top:13px;}
}
@media (max-width:734px){
    #container > .wrap{padding:65px 16px 217px 16px;}
    #container > .estimate + .wrap{padding:173px 16px 65px 16px;}
    .sub_title{margin-top:60px;}
    .page2 .sub_title{margin-top:65px;}
    .estimate{padding-bottom:20px;}
    .estimate .estimate_detail .detail_item .detail_problem_item{padding-left:45px;}
    .estimate .estimate_detail .detail_item .detail_problem_item img{bottom:0; width:30px; height:30px; margin-top:auto; margin-bottom:auto;}
    .estimate .estimate_btn{margin-top:6px;}
    .list.brand{gap:10px;flex-wrap:wrap;}
    .list.product{gap:10px;}
    .list.product li{width:calc(50% - 5px);}
    .list.kinds{gap:10px;}
    .list.kinds li{width:100%;}
    .kinds_box{margin-top:80px; flex-wrap:wrap; justify-content:center; gap:30px;}
    .kinds_box .kinds_img{width:100%; max-width:343px;}
    .list.problem{gap:10px;}
    .list.problem > li{padding-top:14px; padding-bottom:14px;}
    .list.problem > li:not(.active){padding-bottom:10px; flex-basis:100%;}
    .list.problem > li.active{margin-bottom:10px; order:2;}
    .list.problem > li .problem_title img{height:62px;}
    .list.problem > li .problem_list{gap:10px;}
    .list.problem > li .problem_list li{width:100% !important;}
    .explain{margin-top:80px;}
    .warning{margin-top:80px;}
    .list.receipt{gap:10px;}
    .list.receipt li{width:100%;}
    .list.receipt li > label{height:auto; padding-bottom:11px;}
    .list.receipt li > label .receipt_text{border-bottom-color:transparent;}
    .list.receipt li .receipt_box{display:none;}
    .list.receipt li > input:checked + label{height:329px;}
    .list.receipt li > input:checked + label + .receipt_box{display:flex;}
    .information{margin-top:60px; padding-right:20px; padding-left:20px;}
    .form .form_title{text-align:left;}
    .form .form_check{margin-top:27px; flex-wrap:wrap;justify-content:left;gap:15px 45px;}
    .form .form_wrap{flex-wrap:wrap;gap:10px;}
    .form .form_wrap .form_box{width:100%;}
    .form .form_wrap .form_box.n2 .modal{height:665px;}
    .result .result_wrap{padding-right:20px; padding-left:20px;}
    .result .result_btn{flex-wrap:wrap;}
    .result .result_btn .btn{width:100%;}
}