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

/* 공통 */
.pagecommon{padding-top: 50px;font-size:17px;color:#666;letter-spacing:-.3px;line-height:1.5;text-align:center}
.pagecommon .top_box{padding-bottom: 50px;margin-bottom: 50px;font-size:34px;font-weight:700;color:#111;border-bottom:1px solid #e1e1e1;line-height: 1.4}
.pagecommon .top_box span{color:var(--primary)}
.pagecommon .cont_box .top p{font-size:28px;font-weight:300}
.pagecommon .cont_box .top p b{font-weight:700;color:#ad9b8e}
.pagecommon .cont_box .top p{padding:50px 0;font-weight:700;color:#111;line-height:1.4}
.pagecommon .cont_box .top .img_box{display:flex;gap:30px;align-items:center;justify-content:center;padding-bottom:100px}
.pagecommon .cont_box .top .img_box img:nth-child(2){padding-top:100px}
.pagecommon .cont_box .center{padding:80px 50px;margin-bottom:50px;background:#f7f7f7}
.pagecommon .cont_box .center p{position:relative;padding-bottom:46px;color:#111}
.pagecommon .cont_box .center p:after{position:absolute;content:'';top:70px;left:50%;transform: translateX(-50%);width:30px;height:1px;background:#e1e1e1}
.pagecommon .cont_box .center span{color:var(--primary)}
.pagecommon .cont_box .center .wit_box{position:relative;padding:22px;font-size:22px;font-weight:600;color:#222;background:#fff;border-radius:50px}
.pagecommon .cont_box .center .wit_box:after{position:absolute;content:'';bottom:-10px;left:50%;width:25px;height:25px;border-radius:5px;background:#fff;transform:translateX(-50%)rotate(45deg)}
.pagecommon .cont_box .center .sub_box{position:relative;margin-top:40px;padding:60px;background: #fff;border-radius: 20px;}
.pagecommon .cont_box .center .sub_box .sub_tit{display:inline-block;position:absolute;top: -30px;left: 50%;transform: translateX(-50%);padding:10px 20px;font-size:28px;font-weight:700;color:#fff;background:var(--primary)}
.pagecommon .cont_box .center .sub_box .price{padding-bottom:5px;font-size:34px;font-weight:700;color:#222}
.pagecommon .cont_box .bot .bot_tit{display:inline-block;padding:10px 31px;font-size:28px;font-weight:700;background:var(--primary);color:#fff}
.pagecommon .cont_box .bot .bot_txt p{position:relative;padding:10px 0 30px 0;font-size:28px;font-weight:700;line-height:1.4;color:#111}
.pagecommon .cont_box .bot .bot_txt p:after{position:absolute;content:'';left:50%;bottom:40px;width:34px;height:1px;background:#e1e1e1}
.pagecommon .cont_box .bot .bot_txt p span{color:var(--primary)}
.pagecommon .cont_box .bot .sml_txt{color:#222}
.pagecommon .cont_box .bot .sml_txt span{font-size:18px;font-weight:600}
.pagecommon .cont_box .bot .bot_img ul{display:flex;gap:20px;padding:60px 0 24px 0}
.pagecommon .cont_box .bot .bot_img ul li{width:100%;}
.pagecommon .cont_box .center .top_cen{padding-bottom:30px;font-size:32px;font-weight:700;color:#111}
.pagecommon .cont_box .center .pro_box .service{display:flex;align-items:center;justify-content:center;gap:14px;padding: 60px 0 40px 0;font-size:22px;font-weight:600;color:#222}
.pagecommon .cont_box .center .pro_box .service b{display:inline-block;padding:0 26px;line-height:40px;font-size:17px;font-weight:600;background:#222;border-radius:50px;color:#fff}
.pagecommon .cont_box .center .pro_box ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:18px;padding-bottom:30px}
.pagecommon .cont_box .center .pro_box ul li img{width:100%}
.pagecommon .cont_box .center .pro_box ul li p{display:inline-block;padding: 7px 33px;font-weight:600;font-size: 17px;background:var(--primary);border-radius:50px;color:#fff}
.pagecommon .cont_box .center .pro_box ul li img{margin-top:-20px;border-radius:16px}
.pagecommon .cont_box .center .pro_box ul li p:after{display:none}
.pagecommon .cont_box .center .pro_box ul li .txt{padding:26px 0;font-size:16px}
.pagecommon .cont_box .center .pro_box .service.box{padding: 0 0 40px;/* flex-direction:column; */}
.pagecommon .cont_box .center .pro_box .service.box:last-child{padding-bottom:0}
.pagecommon .cont_box .bot{padding-bottom:60px}
.pagecommon .cont_box .bot p:after{top:100%}
.pagecommon .pro_box .bot_img ul{grid-template-columns:repeat(4, 1fr) !important}
.pagecommon .pl{white-space:pre-line}
.pagecommon *{word-break:keep-all}
.pagecommon table{width:100%;border-top:1px solid #e1e1e1;text-align:center}
.pagecommon table th{padding:12px 20px;border-bottom:1px solid #e1e1e1;color:#333;background:#f5f5f5}
.pagecommon table td{padding:12px 14px;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;word-break:keep-all;text-align:center}
.pagecommon table td:last-child{border-right:none}
.pagecommon table .b_r{border-right:1px solid #E1E1E1 !important}
#p66 .img_inner img{width:100%;max-width:990px}
#p66 .card_img img{width:100%;max-width:340px;height:max-content}

/* p66 */
#p66 .prim_list li .sm_txt{font-size:18px;color:#ffffffb5}
#p66 .cont_box .top p{padding:50px 0 30px}
#p66 .cont_box .center{padding:80px 40px;margin-bottom:0}
#p66 .essential{padding:60px;margin-bottom:60px;background:#fff;border-radius:20px}
#p66 .essential p{padding-bottom:20px;font-size:28px;font-weight:700;color:#111}
#p66 .essential p:after{display:none}
#p66 .first{padding:110px 0 0}
#p66 .first .t_inner ul{display:flex;border:1px solid #e1e1e1;border-radius:10px;padding:50px;margin-top:70px;justify-content:space-around}
#p66 .first .t_inner ul li .tit_area{display:flex;align-items:center;gap:20px;padding-bottom:30px;}
#p66 .first .t_inner .num{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-weight:600;background:#333;color:#fff;border-radius:4px} 
#p66 .first .t_inner .tit{color:#222;font-size:22px;font-weight:600} 
#p66 .first .t_inner .txt{padding:20px 24px;font-size:19px;font-weight:500;color:#222;background:#f7f7f7} 
#p66 .first .t_inner .txt b{font-size:15px;color:#777}
#p66 .first .t_inner .txt span{font-weight: 700;color:var(--primary)} 
#p66 .first .point_box{padding:70px 0 0}
#p66 .first .point_box .point_tit{display:inline-block;width:80px;line-height:32px;font-size:16px;font-weight:600;color:#fff;background:var(--primary);border-radius:50px}
#p66 .first .point_box p{padding:30px 0;font-size:32px;font-weight:700;color:#222}
#p66 .second{padding:110px 0 0}
#p66 .pro_list ul{display:flex;justify-content:space-between;gap:44px;margin-top:70px}
#p66 .pro_list ul li{position:relative;width:calc(100% / 4);padding:40px;color:#888;font-size:18px;border:1px solid #e1e1e1;border-radius:20px}
#p66 .pro_list ul li:after{position:absolute;content:'';right: -30px;top:50%;transform:translateY(-50%);width:11px;height:13px;background:url(/sh_page/img/arrow.png)}
#p66 .pro_list ul :last-child:after{display:none}
#p66 .pro_list ul li .pro_tit{padding-bottom:20px;font-size:21px;font-weight:700;color:#222}
#p66 .pro_list ul li .icon{display:flex;align-items:center;justify-content:center;width:130px;height:130px;margin: 0 auto 50px;background:#928277;border-radius:50%}
#p66 .pro_list ul li b{font-size:14px;font-weight:400}
#p66 .pro_list ul li .s_b{font-weight:700;color:var(--primary)}
#p66 .card_list{padding-top:50px;text-align:left;line-height:1.6}
#p66 .card_list .card_ko{font-size:16px}
#p66 .card_list .box p{font-size:24px;font-weight:600;color:#222}
#p66 .card_list .tit{padding-bottom:10px;font-size:21px;font-weight:600;color:#111}
#p66 .card_list div .card_img{display:flex;justify-content:flex-start;gap:50px;padding:40px 0}
#p66 .card_list div .notice{font-size:16px}
#p66 .card_list div .notice .tit{padding-bottom:20px;font-size:19px;font-weight:600;color:#222}
#p66 .card_list div .notice span{font-size:14px}
#p66 .last_noti{padding-top:70px;margin-top:70px;font-weight:500;color:#222;border-top:1px solid #e1e1e1}
#p66 .txt-deco{text-decoration:underline}
#p66 .prim{margin-top:110px;border-top:1px solid #e1e1e1}
#p66 .prim p{padding:50px 0;font-size:30px;font-weight:700;color:#111}
#p66 .prim .prim_list ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px}
#p66 .prim .prim_list ul li{position:relative;display:inline-block;width:100%;height:275px}
#p66 .prim .prim_list ul li:nth-child(1){background:url(/sh_page/img/p57_prim01.jpg) no-repeat center / cover}
#p66 .prim .prim_list ul li:nth-child(2){background:url(/sh_page/img/p57_prim02.jpg) no-repeat center / cover}
#p66 .prim .prim_list ul li:nth-child(3){background:url(/sh_page/img/p57_prim03.jpg) no-repeat center / cover}
#p66 .prim .prim_list ul li:nth-child(4){background:url(/sh_page/img/p57_prim04.jpg) no-repeat center / cover}
#p66 .prim .prim_list ul li:nth-child(5){background:url(/sh_page/img/p57_prim05.jpg) no-repeat center / cover}
#p66 .prim .prim_list ul li:nth-child(6){background:url(/sh_page/img/p57_prim06.jpg) no-repeat center / cover}
#p66 .prim .prim_list ul li:nth-child(7){background:url(/sh_page/img/p57_prim07.jpg) no-repeat center / cover}
#p66 .prim .prim_list ul li:nth-child(8){background:url(/sh_page/img/p57_prim08.jpg) no-repeat center / cover}
#p66 .prim .prim_list ul li:nth-child(9){background:url(/sh_page/img/p57_prim09.jpg) no-repeat center / cover}
#p66 .prim .prim_list ul li a{display:block;height:100%;width:100%}
#p66 .prim .prim_list ul li .overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0);display:flex;align-items:center;justify-content:center;color:white;font-size:20px;font-weight: 700;opacity:0;transition:background 0.3s, opacity 0.3s}
#p66 .prim .prim_list ul li:hover .overlay{background:rgba(0, 0, 0, 0.7);opacity:1}
#p66 .prim_list ul{display:flex;flex-direction:column;padding-bottom:100px}
#p66 .prim_list ul li{position:relative;padding:60px;width:67%;font-size:22px;font-weight:600;background:#684d39;color:#ffffffd4;border-radius:16px;text-align:left;margin-bottom:80px}
#p66 .prim_list ul li:last-child{margin-bottom:0}
#p66 .prim_list ul li:after{position:absolute;content:'';bottom:-10px;left:12%;width:25px;height:25px;border-radius:5px;background:#684d39;transform:translateX(-50%) rotate(45deg)}
#p66 .prim_list ul li .tit{padding-bottom:20px;font-size:28px;color:#fff}
#p66 .prim_list ul li .tit span{color:#cd9f7e}
#p66 .prim_list ul li:nth-child(even){margin-left:auto;background:#ad9b8e}
#p66 .prim_list ul li:nth-child(even) .tit span{color:#684d39}
#p66 .prim_list ul li:nth-child(even):after{left:90%;background:#ad9b8e}
#p66 .prim_list ul li .po_en{position:absolute;content:'';right:-25px;top:-50px}
#p66 .prim_list ul li:nth-child(even) .po_en{position:absolute;content:'';left:-30px;top:-50px}
#p66 .prim_list ul li .po_en p{display:flex;align-items:center;justify-content:center;width:100px;height:100px;font-size:15px;font-weight:700;color:#111;background:#fff;border-radius:50px;box-shadow:0px 0px 20px 10px rgb(0 0 0 / 5%)}

/* 반응형 [s] */
@media (max-width:1380px){
.pagecommon{padding:0 30px}
#p66 .img_pro img{width:100%}
}
@media (max-width:1100px){
.pagecommon .cont_box .top .img_box img{width:48.2%}
}
@media (max-width:1024px){
.pagecommon{padding-top:0}
.pagecommon .top_box{padding-bottom:40px;margin-bottom:40px;font-size:30px}
.pagecommon .cont_box .top p{padding:50px 0 0;font-size:26px}
.pagecommon .cont_box .center{padding:80px 30px}
.pagecommon .cont_box .center .top_cen{font-size:28px}
.pagecommon .cont_box .center .wit_box{font-size:21px}
.pagecommon .cont_box .center .pro_box ul li br{display:none}
.pagecommon .cont_box .center .sub_box{font-size:16px}
.pagecommon .cont_box .center .sub_box .sub_tit{font-size:24px}
.pagecommon .cont_box .center .sub_box .price{font-size:28px}
.pagecommon .cont_box .bot .bot_tit{font-size:24px}
#p66 .pro_list ul{display:grid;grid-template-columns:repeat(2, 1fr)}
#p66 .pro_list ul li{width:100%}
#p66 .pro_list ul li:nth-child(2):after{display:none}
#p66 .cont_box .center{padding:80px 30px}
#p66 .essential p{font-size:24px}
#p66 .prim_list ul li{padding:60px 30px;font-size:20px}
#p66 .prim_list ul li .tit{font-size:26px}
#p66 .first{padding:60px 0 0}
#p66 .first .t_inner .txt{font-size:18px}
#p66 .first .t_inner ul{padding:50px 30px}
#p66 .first .point_box p{font-size:28px}
#p66 .second{padding:70px 0 0}
#p66 .card_list div .card_img{gap:30px}
#p66 .card_list div .notice{font-size:15px}
}
@media (max-width:800px){
.pagecommon .cont_box .center .pro_box ul{grid-template-columns:repeat(2, 1fr)}
}
@media (max-width:768px){
.pagecommon{padding:0 15px}
.pagecommon .top_box{font-size:25px}    
.pagecommon .cont_box .top p{font-size:22px}
.pagecommon .cont_box .top .img_box{padding-bottom:50px;gap:20px}
.pagecommon .cont_box .center .wit_box{font-size:18px}
.pagecommon .cont_box .center .pro_box .service b{font-size:16px}
.pagecommon .cont_box .center .pro_box .service{font-size:20px}
.pagecommon .cont_box .center .pro_box ul li .txt{font-size:15px}
.pagecommon .cont_box .center .pro_box ul li p{font-size:16px}
.pagecommon .cont_box .center .top_cen{font-size:24px}
.pagecommon .cont_box .center p:after{top:60px}
.pagecommon .cont_box .bot .bot_txt p{padding:10px 0 0 0;font-size:24px}
.pagecommon .cont_box .bot .bot_txt p:after{display:none}
.pagecommon .cont_box .center .pro_box .grid{grid-template-columns:repeat(2, 1fr) !important}
.pagecommon .cont_box .center .pro_box .grid li img{margin-top:0}
.pagecommon .bot_img{font-size:15px}
.pagecommon .cont_box .center{padding:50px 30px}
.pagecommon .cont_box .center .sub_box{padding:50px 24px}
.pagecommon .cont_box .center .sub_box .sub_tit{font-size:22px;width:max-content}
.pagecommon .cont_box .center .sub_box .price {font-size:25px}
.pagecommon .cont_box .bot .bot_tit{font-size:22px}
.pagecommon table th{font-size:17px}
.pagecommon table td{font-size:15px}
#p66 .card_img img{margin:0 auto}
#p66 .pro_list ul li .icon{width:100px;height:100px}
#p66 .pro_list ul li .s_b{display:block}
#p66 .first .point_box img{width:100%}
#p66 .cont_box .top .img_box{padding-bottom:80px}
#p66 .cont_box .center{padding:50px 20px 50px}
#p66 .essential{padding:20px}
#p66 .essential p{font-size:20px}
#p66 .prim_list ul li{width:90%;font-size:18px}
#p66 .prim_list ul li .po_en p{width:80px;height:80px;font-size:14px}
#p66 .prim_list ul li .tit{font-size:24px}
#p66 .first .t_inner .tit{font-size:20px}
#p66 .first .t_inner .num{font-size:16px}
#p66 .first .t_inner .txt{font-size:16px}
#p66 .first .t_inner ul{margin-top:50px}
#p66 .card_list div .card_img{flex-direction:column}
#p66 .card_list .box p{font-size:20px;text-align:center}
#p66 .card_list div .notice .tit{text-align:center}
#p66 .card_list div .notice{text-align:center}
#p66 .last_noti{padding-top:50px;margin-top:50px;font-size:17px}
}
@media (max-width:600px){
#p66 .first .t_inner ul{flex-direction:column}
#p66 .first .t_inner ul li:nth-child(1){margin-bottom:20px}
#p66 .first .t_inner ul li .tit_area{padding-bottom:20px}
#p66 .first .point_box p{font-size:24px}
}
@media (max-width:500px){
.pagecommon .cont_box .center{padding:50px 20px}
.pagecommon .cont_box .center .top_cen{font-size:22px}
.pagecommon .cont_box .center .wit_box{font-size:15px;border-radius:0}
.pagecommon .cont_box .center .pro_box .service{padding:50px 0 40px 0}
.pagecommon .cont_box .center .pro_box .service{font-size:18px}
.pagecommon .cont_box .center .pro_box ul li p{font-size:15px}
.pagecommon .cont_box .center .pro_box ul li .txt{padding:12px 0;font-size:14px}
.pagecommon .cont_box .bot .bot_txt p{font-size:19px}
.pagecommon .cont_box .bot .sml_txt{font-size:15px}
.pagecommon .cont_box .bot .sml_txt span{font-size:17px}
.pagecommon .cont_box .bot .bot_txt p{padding:10px 0 0 0}
.pagecommon .cont_box .center .pro_box ul{gap:15px}
.pagecommon .cont_box .center .sub_box .price {font-size:22px}
.pagecommon .cont_box .bot .bot_txt p br{display:none}
.pagecommon .cont_box .bot .sml_txt br{display:none}
#p66 .prim_list li .sm_txt{font-size:17px}
#p66 .cont_box .top p br{display:none}
#p66 .first .t_inner .tit{font-size:18px}
#p66 .card_list{padding-top:30px}
#p66 .card_list div .card_img{padding:30px 0}
}
@media (max-width:480px){
.pagecommon .top_box{padding-bottom:20px;margin-bottom:20px;font-size:21px}
.pagecommon .top_box span{display:block}
.pagecommon .cont_box > img{width:60px}
.pagecommon .cont_box .top p{padding:30px 0;font-size:19px}
.pagecommon .cont_box .top .img_box{flex-direction:column}
.pagecommon .cont_box .top .img_box img{width:100%}
.pagecommon .cont_box .top .img_box img:nth-child(2){padding-top:0}
.pagecommon .cont_box .bot .bot_img .grid{padding:30px 0}
.pagecommon .cont_box .center .sub_box{font-size:15px}
.pagecommon .cont_box .center .sub_box .sub_tit{font-size:18px}
.pagecommon .cont_box .bot .bot_tit{font-size:18px}
.pagecommon table th{font-size:16px}
.pagecommon .cont_box .center .sub_box .price{font-size:20px}
#p66 .pro_list ul li .pro_tit{font-size:20px}
#p66 .pro_list ul{grid-template-columns:repeat(1, 1fr);gap:20px;margin-top:50px}
#p66 .first .t_inner ul{padding:30px 20px}
#p66 .prim_list ul li{padding:30px}
#p66 .prim_list ul li .po_en{right:0}
#p66 .prim_list ul li:nth-child(even) .po_en{left:0}
#p66 .essential{padding:20px;margin-bottom:50px}
#p66 .essential p{font-size:17px}
#p66 .prim_list ul li{width:100%;font-size:16px}
#p66 .prim_list ul li .po_en p{font-size:13px}
#p66 .prim_list ul li .tit{font-size:20px}
#p66 .prim_list li .sm_txt{font-size:15px}
#p66 .prim_list ul{padding-bottom:50px}
#p66 .prim_list ul li .txt br{display:none}
#p66 .pro_list ul li{padding:30px;font-size:16px}
#p66 .pro_list ul li .icon{margin:0 auto 20px}
#p66 .pro_list ul li:after{display:none}
#p66 .card_list .tit{font-size:19px;text-align:center}
#p66 .card_list div .notice{font-size:14px}
#p66 .last_noti{padding-top:30px;margin-top:30px;font-size:15px;word-break: keep-all;}
}
@media (max-width:460px){
.pagecommon .cont_box .center .pro_box ul{grid-template-columns:repeat(1, 1fr)}  
.pagecommon .cont_box .center .pro_box .service{flex-direction:column}
#p66 .prim_list ul li .tit{font-size:18px}
#p66 .prim_list ul li{font-size:15px}
}
@media (max-width:385px){
.pagecommon .cont_box .center p:after{top:90px}
}
/* 반응형 [e] */