@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');


.pagecommon{font-size:16px;line-height:1.6;color:#666;font-family:var(--k-font)}
.pagecommon *{word-break:keep-all}
.pagecommon .pl{white-space:pre-line}

@media (max-width:768px){
.pagecommon{font-size:15px}
}
@media (max-width:480px){
.pagecommon{font-size:14px}
}

/* 미스터피자 소개 */
#p36 .brand_box{width:100%;max-width:1200px;margin:0 auto}
#p36 .brand_box .big_txt{font-size:40px;color:#111;font-family:var(--font-recipekr)}
#p36 .brand_box .mid_txt{margin-top:23px;font-size:18px;color:#444}
#p36 .brand_box .mid_txt span{font-weight:600;color:#222}
#p36 .brand_box .img_box{width:100%;height:350px;margin-top:63px;border-radius:15px;background:url('/sh_page/img/p36_img.jpg') no-repeat center / cover}
#p36 .brand_txt{display:flex;gap:90px;padding:77px 50px 0}
#p36 .brand_txt .tit{flex-shrink:0;position:relative;padding-left:19px;color:var(--brand-color);font-family:var(--font-recipekr)}
#p36 .brand_txt .tit:before{position:absolute;left:0;top:9px;content:'';width:4px;height:4px;border-radius:100px;background:var(--brand-color)}
#p36 .brand_txt .pl b{font-size:20px;font-weight:600;color:#111}
#p36 .brand_txt .pl b span{display:inline-block;padding:0 5px;color:#fff;background-color:var(--brand-color)}
#p36 .value_box{margin-top:123px;padding:160px 0;background:url('/sh_page/img/p36_bg.jpg') no-repeat center / cover}
#p36 .value_box .tit{display:flex;align-items:center;justify-content:center;flex-flow:column;gap:5px;width:650px;height:155px;margin:0 auto;border-radius:80px;font-size:23px;color:#111;background-color:#fff;font-family:var(--font-recipekr);}
#p36 .value_box .tit span{font-size:16px;color:var(--brand-color)}
#p36 .value_list{display:flex;align-items:center;justify-content:center;margin-top:70px}
#p36 .value_list li{display:flex;flex-flow:column;align-items:center;justify-content:center;width:280px;height:280px;border-radius:100%;border:3px dotted #fff;font-weight:500;color:rgba(255,255,255,.7)}
#p36 .value_list li+li{margin-left:-20px}
#p36 .value_list li:nth-child(2){border:2px solid #fff}
#p36 .value_list li span{display:block;margin-bottom:10px;font-size:18px;font-weight:normal;color:#fff;font-family:var(--font-recipekr)}

@media (max-width:1260px){
#p36 .brand_box{max-width:none;padding:0 30px}
}
@media (max-width:1024px){
#p36 .brand_box .big_txt{font-size:30px}
#p36 .brand_box .img_box{height:320px;margin-top:55px}
#p36 .brand_txt{gap:60px;padding:60px 30px 0}
#p36 .value_box{margin-top:100px;padding:120px 20px}
#p36 .value_box .tit{width:550px;height:145px;font-size:20px}
#p36 .value_box .tit span{font-size:15px}
#p36 .value_list li{width:240px;height:240px}
#p36 .value_list li span{margin-bottom:8px;font-size:16px}
}
@media (max-width:768px){
#p36 .brand_box{padding:0 15px}
#p36 .brand_box .big_txt{font-size:25px}
#p36 .brand_box .mid_txt{margin-top:15px;font-size:16px;white-space:normal}
#p36 .brand_box .img_box{height:210px;margin-top:45px;border-radius:10px}
#p36 .brand_txt{flex-flow:column;gap:25px;padding:50px 15px 0}
#p36 .brand_txt .pl b{font-size:18px}
#p36 .value_box{margin-top:80px;padding:90px 15px}
#p36 .value_box .tit{gap:0;width:100%;height:100px;font-size:18px}
#p36 .value_box .tit span{font-size:15px}
#p36 .value_list{margin-top:50px}
#p36 .value_list li{width:155px;height:155px}
#p36 .value_list li+li{margin-left:-10px}
#p36 .value_list li span{margin-bottom:3px;font-size:15px}
}
@media (max-width:480px){
#p36 .brand_box .big_txt{font-size:23px}
#p36 .brand_box .mid_txt{font-size:15px}
#p36 .brand_box .img_box{height:180px;margin-top:40px}
#p36 .brand_txt{padding:40px 10px 0}
#p36 .brand_txt .pl{white-space:normal}
#p36 .brand_txt .pl b{font-size:16px}
#p36 .brand_txt .pl b span{display:block;width:fit-content}
#p36 .value_box{margin-top:60px;padding:70px 15px}
#p36 .value_box .tit{height:75px;font-size:16px}
#p36 .value_box .tit span{font-size:13px}
#p36 .value_list{flex-flow:column;margin-top:40px}
#p36 .value_list li+li{margin-left:0;margin-top:-10px}
#p36 .value_list li span{font-size:14px}
}
@media (max-width:380px){
#p36 .brand_box .big_txt{font-size:20px}
#p36 .brand_box .img_box{height:150px}
}

/* CI */
#p37 .ci_logo{display:flex;align-items:center;justify-content:center;width:100%;height:520px;border:1px solid #e1e1e1;background:url('/sh_page/img/p37_bg.png') no-repeat center / cover}
#p37 .ci_cont{margin-top:65px}
#p37 .ci_cont dl{display:flex}
#p37 .ci_cont dl+dl{margin-top:61px}
#p37 .ci_cont dl dt{flex-shrink:0;width:235px;font-size:25px;color:#111;font-family:var(--font-recipekr)}
#p37 .ci_cont dl dd{width:100%;font-size:18px;font-weight:500}
#p37 .ci_cont dl dd>span{text-decoration:underline;color:#333}
#p37 .ci_cont dl dd ul{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
#p37 .ci_cont dl dd ul li .co{display:block;width:100%;height:150px}
#p37 .ci_cont dl dd ul li:nth-child(1) .co{background-color:var(--brand-color)}
#p37 .ci_cont dl dd ul li:nth-child(2) .co{background-color:var(--brand-color2)}
#p37 .ci_cont dl dd ul li b{display:block;margin:17px 0 5px;font-size:20px;font-weight:normal;color:#111;font-family:var(--font-recipekr)}

@media (max-width:1024px){
#p37 .ci_logo{height:400px}
#p37 .ci_logo img{height:180px}
#p37 .ci_cont dl dt{width:190px;font-size:20px}
#p37 .ci_cont dl dd{font-size:16px;white-space:normal}
#p37 .ci_cont dl dd ul li b{font-size:18px}
#p37 .ci_cont dl dd ul li .co{height:130px}
}
@media (max-width:768px){
#p37 .ci_logo{height:300px}
#p37 .ci_logo img{height:120px}
#p37 .ci_cont{margin-top:50px}
#p37 .ci_cont dl{flex-flow:column;gap:20px}
#p37 .ci_cont dl+dl{margin-top:50px}
#p37 .ci_cont dl dt{font-size:18px}
#p37 .ci_cont dl dd{font-size:15px}
#p37 .ci_cont dl dd ul li b{font-size:16px}
}
@media (max-width:480px){
#p37 .ci_logo{height:250px}
#p37 .ci_logo img{height:95px}
#p37 .ci_cont{margin-top:45px}
#p37 .ci_cont dl dt{font-size:16px}
#p37 .ci_cont dl dd{font-size:14px}
#p37 .ci_cont dl dd ul{gap:10px}
#p37 .ci_cont dl dd ul li b{font-size:15px}
#p37 .ci_cont dl dd ul li .co{height:100px}
}
@media (max-width:380px){}

/* 매장찾기 */
#store_map{height:calc(100vh - 100px);display:flex;flex-flow:row-reverse}
#store_map #cont_area{flex-shrink:0;display:flex;flex-flow:column;width:420px;height:100%;padding:30px 15px}
#store_map #cont_area h4{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:20px;font-weight:normal;color:#111;font-family:var(--font-recipekr);}
#store_map #cont_area h4 a{color:#111}
#store_map #cont_area h4 img{margin-top:-6px}
#store_map #cont_area .sch_box{position:relative}
#store_map #cont_area #sch_kwd{width:calc(100% - 60px);height:45px;padding:0 15px;border:none;border-radius:3px;font-size:14px;background-color:#f5f5f5}
#store_map #cont_area #sch_kwd:focus{outline:none !important;border:none !important;box-shadow: none !important}
#store_map #cont_area .sch_btn{width:55px;height:45px;border:none;box-shadow:none;border-radius:3px;font-size:14px;font-weight:500;color:#fff;background-color:var(--font-maindark)}
#store_map .op_list{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
#store_map .op_list li input{display:none}
#store_map .op_list li label{display:block;padding:3px 10px;border:1px solid #e1e1e1;border-radius:50px;font-size:13px;font-weight:500;color:#888;cursor:pointer;transition:all .2s}
#store_map .op_list li input[type="checkbox"]:checked + label{border:1px solid var(--brand-color);color:var(--brand-color)}
#store_map #list_area{overflow-y:scroll;height:100%}
#store_map #list_area::-webkit-scrollbar{width:5px}
#store_map #list_area::-webkit-scrollbar-thumb{border-radius:5px;background-color:#b1b1b1}
#store_map #list_area::-webkit-scrollbar-track{border-radius:5px;background-color:#fff}
#store_map #list_area>li{padding:20px 0}
#store_map #list_area>li+li{border-top:1px solid #e1e1e1}
#store_map #list_area>li>div{display:flex;align-items:flex-start;gap:15px}
#store_map #list_area>li>div button{display:block;border:none;box-shadow:none;background:none}
#store_map #list_area>li>div>button{text-align:left;width:100%;padding-top:10px}
#store_map #list_area>li>div>button dt{margin-bottom:15px;font-size:18px;font-weight:700;color:#111}
#store_map #list_area>li>div>button dd{font-size:15px;color:#666}
#store_map #list_area>li>div>button dd+dd{margin-top:3px}
#store_map #list_area>li>div>button dd i{margin-right:10px;color:var(--brand-color)}
#store_map #list_area>li>div .r_st{flex-shrink:0}
#store_map #list_area>li>div .r_st .st_img{width:160px;height:120px;border-radius:5px;background:no-repeat center;background-size:cover}
#store_map #list_area>li ul{display:flex;flex-wrap:wrap;gap:3px;margin-top:5px}
#store_map #list_area>li ul li{padding:3px 8px;border-radius:3px;font-size:13px;font-weight:500;color:#fff;background-color:#888}
#store_map #list_area>li ul li.option0{background-color:#db5e5e}
#store_map #list_area>li ul li.option1{background-color:#84af55}
#store_map #list_area>li ul li.option2{background-color:#af78a4}
#store_map #list_area>li ul li.option3{background-color:#689ed1}
#store_map #list_area>li ul li.option4{background-color:#8368d1}
#store_map #list_area>li ul li.option5{background-color:#ffb64d}
#store_map #map{width:100%;height:100%}
#store_map #map_item{margin-top:45px;padding:8px 20px;border:1px solid var(--brand-color);border-radius:50px;font-size:14px;font-weight:600;color:var(--brand-color);background-color:#fff}
#text_result{display:none;overflow-y:scroll;position:absolute;top:100%;left:0;z-index:3;width:100%;height:250px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:#fff;box-shadow:8px 8px 16px rgba(0,0,0,.15)}
#text_result::-webkit-scrollbar{width:5px}
#text_result::-webkit-scrollbar-thumb{border-radius:5px;background-color:#b1b1b1}
#text_result::-webkit-scrollbar-track{border-radius:5px;background-color:#fff}
#text_result_list li+li{border-top:1px solid #eee}
#text_result_list li button{width:100%;padding:15px 20px 12px;border:none;font-size:14px;line-height:1.4;text-align:left;color:#999;background:none}
#text_result_list li button p{font-size:14px;color:#222}
#text_result_list li button:hover{background-color:#f5f6f8}
#text_result_list li.empty{display:block;padding:30px 0;font-size:14px;text-align:center}

@media (max-width:1230px){
#store_map #cont_area{width:400px}
}
@media (max-width:1024px){
#store_map{flex-flow:column-reverse}
#store_map #cont_area{width:100%;height:auto}
#store_map #list_area{display:none}
}
@media (max-width:480px){
#store_map #cont_area{padding:10px}
#store_map #cont_area h4{display:none}
#store_map #cont_area #sch_kwd{height:40px}
#store_map #cont_area .sch_btn{height:40px}
#store_map .op_list{gap:3px}
}

/* 가족점 모집 */
#frcPage{text-align:center}
#frcPage .top_tit{margin:60px 0 75px;font-size:45px;line-height:1.25;color:#111;font-family:var(--font-recipekr)}
#frcPage .top_tit span{color:var(--brand-color)}
#frcPage .rund_tit{width:fit-content;margin:0 auto;padding:15px 30px 8px;border:2px solid #e1e1e1;border-radius:50px;font-size:25px;line-height:1;color:#111;font-family:var(--font-recipekr)}
#frcPage .prc_step{padding:80px 0;background:url(/sh_page/img/frc_bg.png) no-repeat center var(--brand-color);background-size:cover}
#frcPage .prc_step .rund_tit{border:2px solid rgba(255,255,255,.4);color:#fff}
#frcPage .prc_step ul{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 10px;width:100%;max-width:1200px;margin:70px auto 0}
#frcPage .prc_step ul li{position:relative;padding:40px 0 35px;border-radius:15px;background-color:#fff}
#frcPage .prc_step ul li:after{display:flex;align-items:center;justify-content:center;position:absolute;right:-25px;top:50%;transform:translateY(-50%);z-index:1;width:50px;height:50px;border-radius:100%;font-size:20px;content:'\f0da';color:#fff;background-color:var(--brand-color);font-family:FontAwesome}
#frcPage .prc_step ul li:nth-child(4n):after{display:none}
#frcPage .prc_step ul li span{display:block;margin:22px 0 5px;font-size:20px;color:#111;font-family:var(--font-recipekr)}
#frcPage .prc_step ul li:last-child span{color:var(--brand-color)}
#frcPage .cost_box, #frcPage .ctr_box, #frcPage .form_box{padding-top:90px}
#frcPage .cost_box{width:100%;max-width:1200px;margin:0 auto}
#frcPage .cost_box .dot_txt{position:relative;margin-top:50px;padding-left:20px;font-size:20px;text-align:left;color:#111;font-family:var(--font-recipekr)}
#frcPage .cost_box .dot_txt:before{position:absolute;left:0;top:11px;content:'';width:5px;height:5px;border-radius:100px;background:var(--brand-color2)}
#frcPage .cost_table{margin-top:15px}
#frcPage .cost_table table{width:100%;border-spacing:0}
#frcPage .cost_table table tr th{height:45px;border-right:1px solid rgba(255,255,255,.2);font-weight:600;color:#fff;background-color:var(--font-maindark)}
#frcPage .cost_table table tr th:first-child{border-radius:5px 0 0 5px}
#frcPage .cost_table table tr th:last-child{border-right:none;border-radius:0 5px 5px 0}
#frcPage .cost_table table tr td{padding:12px 15px;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
#frcPage .cost_table table tr td.f_td{font-weight:600;color:#111}
#frcPage .cost_table table tr td:last-child{border-right:none;text-align:left}
#frcPage .cost_table table tr td em{display:block;font-style:normal;text-decoration:line-through;text-decoration-color:var(--brand-color)}
#frcPage .cost_table table tr td span{font-size:18px;font-weight:600;color:var(--brand-color)}
#frcPage .cost_table table tr.last td{font-weight:600;color:#111;background-color:#f5f5f5}
#frcPage .r_s_txt{margin-top:15px;font-size:15px;text-align:right}
#frcPage .ctr_cont{display:flex;gap:30px;width:100%;max-width:1200px;margin:50px auto 0}
#frcPage .ctr_cont li{width:100%;padding:40px 0;border:1px solid #e1e1e1;border-radius:15px}
#frcPage .ctr_cont li span{display:flex;align-items:center;justify-content:center;width:90px;height:90px;margin:0 auto;border-radius:5px;background-color:#f5f5f5}
#frcPage .ctr_cont li b{display:block;margin:20px 0 5px;font-size:20px;font-weight:normal;color:#111;font-family:var(--font-recipekr)}
#frcPage .form_box .s_txt{margin-top:20px;font-size:18px;font-weight:500}
#frcPage .form_cont{max-width:var(--main-width);width:calc(100% - 60px);margin:40px auto 0;padding:60px 0;border-radius:10px;background-color:#f5f5f5}
#frcPage .form_cont form{width:100%;max-width:800px;margin:0 auto}
#frcPage .form_cont form dl{display:flex;align-items:center}
#frcPage .form_cont form dl+dl{margin-top:10px}
#frcPage .form_cont form dl dt{flex-shrink:0;width:150px;font-size:18px;text-align:left;line-height:1;color:#111;font-family:var(--font-recipekr)}
#frcPage .form_cont form dl dd{width:100%}
#frcPage .form_cont form dl dd .sh_input{width:100%;height:50px;padding:0 15px;border:none;border-radius:5px;color:#666;transition:all .2s}
#frcPage .form_cont form dl.email_ip dd{display:flex;align-items:center;gap:15px}
#frcPage .form_cont form dl.email_ip dd p{display:flex;align-items:center;gap:5px}
#frcPage .form_cont form dl.email_ip dd select{width:250px}
#frcPage .form_cont form dl dd ul{display:flex;gap:15px;padding:10px 0}
#frcPage .form_cont form dl dd textarea.sh_input{max-width:100%;height:100px;padding:15px}
#frcPage .form_cont form .pvc_ck{text-align:right}
#frcPage .form_cont form .pvc_ck a{text-decoration:underline;font-weight:500;color:#111;cursor:pointer}
#frcPage .form_cont form .inq_btn{margin-top:40px;padding:20px 60px;border-radius:50px;border:none;font-weight:600;color:#fff;background-color:var(--font-maindark)}
#frcPage .form_cont form dl dd .sh_input:focus{outline:none !important;border:1px solid #111 !important;box-shadow: none !important}
#frcPage .form_cont .form_tel{display:flex;align-items:center;justify-content:right;margin:20px 50px 0 0;padding:25px 0 20px;font-size:23px;line-height:1;color:#111;font-family:var(--font-recipekr)}
#frcPage .form_cont .form_tel span{display:flex;align-items:center;gap:15px;padding-right:20px;margin-right:20px;border-right:1px solid #e1e1e1}
#frcPage .form_cont .form_tel span i{margin-top:-6px;color:var(--brand-color)}

@media (max-width:1260px){
#frcPage .prc_step ul{max-width:none;padding:0 30px}
#frcPage .cost_box, #frcPage .ctr_cont{max-width:none;width:calc(100% - 60px)}
}
@media (max-width:1024px){
#frcPage .logo_img{height:80px}
#frcPage .top_tit{margin-top:50px;font-size:35px}
#frcPage .rund_tit{font-size:20px}
#frcPage .prc_step ul{margin-top:55px}
#frcPage .prc_step ul li{padding:35px 10px 30px}
#frcPage .prc_step ul li:after{width:40px;height:40px;font-size:16px}
#frcPage .prc_step ul li img{height:43px}
#frcPage .prc_step ul li span{font-size:17px}
#frcPage .cost_box .dot_txt{font-size:18px}
#frcPage .cost_box .dot_txt:before{top:9px}
#frcPage .cost_box, #frcPage .ctr_box, #frcPage .form_box{padding-top:70px}
#frcPage .ctr_cont li b{font-size:18px}
#frcPage .form_cont{padding:60px 30px}
#frcPage .form_box .s_txt{font-size:16px}
}
@media (max-width:768px){
#frcPage .logo_img{height:70px}
#frcPage .top_tit{margin:40px 0 60px;font-size:30px}
#frcPage .prc_step{padding:60px 0}
#frcPage .prc_step ul{grid-template-columns:repeat(2,1fr);gap:15px 10px;max-width:none;padding:0 15px}
#frcPage .prc_step ul li:nth-child(2n):after{display:none}
#frcPage .cost_box, #frcPage .ctr_box, #frcPage .form_box{padding-top:60px}
#frcPage .cost_box, #frcPage .ctr_cont{width:calc(100% - 30px)}
#frcPage .cost_table{overflow-x:scroll}
#frcPage .cost_table table tr td{padding:10px;white-space:nowrap}
#frcPage .cost_table table tr td span{font-size:16px}
#frcPage .r_s_txt{font-size:14px}
#frcPage .ctr_cont{gap:20px}
#frcPage .ctr_cont li{padding:25px 0}
#frcPage .ctr_cont li span{width:80px;height:80px}
#frcPage .ctr_cont li span img{height:33px}
#frcPage .ctr_cont li b{font-size:16px}
#frcPage .form_cont{width:calc(100% - 30px);margin-top:30px;padding:45px 20px}
#frcPage .form_cont form dl dt{width:125px;font-size:16px}
#frcPage .form_cont form dl dd .sh_input{height:40px}
#frcPage .form_cont form dl.email_ip dd{gap:10px}
#frcPage .form_cont form dl.email_ip dd select{width:100%}
#frcPage .form_cont form .inq_btn{margin-top:35px;padding:15px 50px}
#frcPage .form_cont .form_tel{justify-content:center;margin-right:0}
}
@media (max-width:480px){
#frcPage .logo_img{height:50px}
#frcPage .top_tit{margin:30px 0 50px;font-size:23px}
#frcPage .rund_tit{padding:12px 20px 6px;font-size:16px}
#frcPage .prc_step{padding:45px 0}
#frcPage .prc_step ul{margin-top:35px}
#frcPage .prc_step ul li{padding:25px 10px 20px}
#frcPage .prc_step ul li img{height:35px}
#frcPage .prc_step ul li span{margin:15px 0 5px;font-size:15px}
#frcPage .cost_box, #frcPage .ctr_box, #frcPage .form_box{padding-top:45px}
#frcPage .cost_box .dot_txt{margin-top:40px;font-size:16px}
#frcPage .cost_box .dot_txt:before{top:8px}
#frcPage .cost_table table tr th{height:40px}
#frcPage .cost_table table tr td{padding:8px 10px}
#frcPage .cost_table table tr td span{font-size:15px}
#frcPage .r_s_txt{font-size:13px}
#frcPage .ctr_cont{gap:15px;margin-top:40px}
#frcPage .form_box .s_txt{font-size:15px;white-space:pre-line}
#frcPage .form_cont{padding:35px 20px}
#frcPage .form_cont form dl{flex-flow:column;gap:8px}
#frcPage .form_cont form dl+dl{margin-top:20px}
#frcPage .form_cont form dl dt{width:100%;font-size:15px}
#frcPage .form_cont form dl dd ul{padding:5px 0}
#frcPage .form_cont form dl dd .sh_input{height:35px}
#frcPage .form_cont form dl.email_ip dd{flex-flow:column}
#frcPage .form_cont .form_tel{font-size:18px}
#frcPage .form_cont .form_tel span{margin-right:15px;padding-right:15px}
}
@media (max-width:380px){
#frcPage .logo_img{height:45px}
#frcPage .top_tit{margin-bottom:40px;font-size:20px}
#frcPage .ctr_cont{gap:10px}
}

/* 고객만족센터 */
.cs_page .cs_box{width:calc(100% - 60px);margin:0 auto;text-align:left}
.cs_page .cs_box h3{margin-bottom:70px;font-size:35px;text-align:center;font-weight:normal;color:#111;font-family:var(--font-recipekr)}
.cs_page .cs_box>div>b{display:block;position:relative;padding-left:20px;font-size:20px;font-weight:normal;color:#111;font-family:var(--font-recipekr)}
.cs_page .cs_box>div>b:before{position:absolute;left:0;top:8px;content:'';width:5px;height:5px;border-radius:100px;background:var(--brand-color)}
.cs_page .cs_txt{margin-top:20px;padding:50px 40px;border:1px solid #e1e1e1;border-radius:10px}
.cs_page .cs_txt p{position:relative;padding-left:18px}
.cs_page .cs_txt p+p{margin-top:15px}
.cs_page .cs_txt p:before{position:absolute;left:0;top:11px;content:'';width:3px;height:3px;border-radius:100px;background:#888}
.cs_page .cs_txt p span{display:block;margin-bottom:10px;font-weight:500;color:#333}
.cs_page .form_cont{margin-top:0 !important}
.cs_page .form_box{padding-top:60px !important}
.cs_page .form_cont .flex_dd{display:flex;gap:15px}
.cs_page .form_cont .flex_dd button{padding:0 20px;border:none;border-radius:5px;font-size:15px;font-weight:500;color:#fff;background-color:var(--font-maindark)}
.cs_page .pvc_ck{margin-top:30px;font-size:15px}
.cs_page .pvc_ck table{width:100%;border-spacing:0;text-align:center}
.cs_page .pvc_ck table th{padding:5px 0;font-weight:600;color:#fff;background-color:var(--font-maindark)}
.cs_page .pvc_ck table th+th{border-left:1px solid rgba(255,255,255,.2)}
.cs_page .pvc_ck table td{padding:5px 10px;border-bottom:1px solid #e1e1e1;background-color:#fff}
.cs_page .pvc_ck table td+td{border-left:1px solid #e1e1e1}
.cs_page .pvc_ck>p{margin-top:8px}
.cs_page #captcha{display:block;text-align:left}

@media (max-width:768px){
.cs_page .cs_box{width:calc(100% - 30px)}
.cs_page .cs_box h3{margin-bottom:40px;font-size:25px}
.cs_page .cs_box>div>b{font-size:18px}
.cs_page .cs_txt{padding:30px 20px}
.cs_page .pvc_ck{font-size:14px}
.cs_page .pvc_ck .pl{white-space:normal}
.cs_page .form_cont .flex_dd button{font-size:13px}
}
@media (max-width:480px){
.cs_page .cs_box h3{margin-bottom:30px;font-size:16px}
.cs_page .cs_box>div>b{font-size:15px}
.cs_page .cs_txt{padding:25px 20px}
.cs_page .form_box{padding-top:40px !important}
.cs_page .pvc_ck{font-size:13px}
}

/*원산지 정보*/
#menuinfo{padding:20px}
#menuinfo dl+dl{margin-top:25px}
#menuinfo .pop_tit{position:relative;margin-bottom:10px;padding-left:19px;font-size:16px;color:#111;font-family:'notokr-bold'}
#menuinfo .pop_tit:before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:'';width:4px;height:4px;border-radius:100px;background:var(--brand-color)}
#menuinfo .tb_box{max-height:100%;overflow:hidden;overflow-y:scroll;border-radius:10px;font-size:14px;line-height:1.4;color:#666}
#menuinfo .tb_box::-webkit-scrollbar{width:5px}
#menuinfo .tb_box::-webkit-scrollbar-thumb{border-radius:5px;background-color:#b1b1b1}
#menuinfo .tb_box::-webkit-scrollbar-track{border-radius:5px;background-color:#fff}
#menuinfo .tb_box>div+div{margin-top:45px}
#menuinfo .tb_wrap{overflow:hidden;overflow-x:scroll;width:100%}
#menuinfo .tb_wrap::-webkit-scrollbar{height:5px}
#menuinfo .tb_wrap::-webkit-scrollbar-thumb{border-radius:5px;background-color:#b1b1b1}
#menuinfo .tb_wrap::-webkit-scrollbar-track{border-radius:5px;background-color:#fff}
#menuinfo .tb_box table{width:100%;border-spacing:0;font-size:13px;text-align:center}
#menuinfo .tb_box table th{padding:8px 5px;border-right:1px solid rgba(255,255,255,.2);text-align:center;font-weight:normal;white-space:nowrap;color:#fff;background-color:var(--font-maindark);font-family:'notokr-medium'}
#menuinfo .tb_box table th:last-child{border-right:none}
#menuinfo .tb_box table td{padding:8px;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;white-space:nowrap;word-break:keep-all}
#menuinfo .tb_box table td:last-child{border-right:none}
#menuinfo .type1 table td:nth-child(2){text-align:left}

@media (max-width:768px){
    #menuinfo dl.tb_dl dd{overflow-x:scroll}
    #menuinfo dl dd table th{white-space:nowrap}
}
@media (max-width:480px){
    #menuinfo dl dt{font-size:15px}
    #menuinfo dl dd{border-radius:5px}
    #menuinfo .tb_box table th{padding:5px}
    #menuinfo .tb_box table td{padding:5px}
}