@charset "utf-8";

#comingsoon{width:100%;padding-top:100px;text-align:center}

.pagecommon{font-size:16px;line-height:1.6;color:#666;font-family:var(--k-font)}
.pagecommon *{word-break:keep-all}
.pagecommon .ct_tit{font-size:35px;text-align:center;font-weight:700;color:#111}

#Scrollpoint{display:block;height:0;visibility:hidden}

/* 반응형 [s] */
@media (max-width:1024px){
.pagecommon .ct_tit{font-size:30px}
}
@media (max-width:768px){
.pagecommon{font-size:15px}
.pagecommon .ct_tit{font-size:28px}
}
@media (max-width:480px){
.pagecommon{font-size:14px}
.pagecommon .ct_tit{font-size:25px}
}
/* 반응형 [e] */

/* 상품안내 - 리스트 */
#PdList .pd_list{display:flex;flex-wrap:wrap;gap:50px 30px}
#PdList .pd_list li{width:calc(100%/2 - 15px)}
#PdList .pd_list li .img_box{display:block}
#PdList .pd_list li .img_box div{height:350px;background-size:cover;background-position:center}
#PdList .pd_list li .img_box img{width:100%}
#PdList .pd_list li .img_box .no_image{display:flex;align-items:center;justify-content:center;height:350px;color:#888;background-color:#f5f5f5}
#PdList .pd_cont{padding:20px 15px 0}
#PdList .pd_cont p{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid #e1e1e1;font-size:25px;font-weight:700;color:#111}
#PdList .pd_cont p span em{margin-left:8px;font-size:16px;font-style:normal;font-weight:600;color:#888}
#PdList .pd_cont .dot_cont{padding:20px 15px 0}
#PdList .pd_cont dl{position:relative;padding-left:18px}
#PdList .pd_cont dl:before{position:absolute;left:0;top:11px;content:'';width:3px;height:3px;border-radius:100px;background:#888}
#PdList .pd_cont a{display:block;width:max-content;margin:10px 0 0 auto;padding:0 25px;border-radius:50px;font-size:15px;line-height:45px;font-weight:600;color:#333;transition:all .3s;background-color:#f5f5f5}
#PdList .pd_cont a i{margin-left:10px;font-size:13px}
#PdList .pd_list li:nth-child(n + 3){width:calc(100%/3 - 20px)}
#PdList .pd_list li:nth-child(n + 3) .img_box div{height:250px}
#PdList .pd_list li:nth-child(n + 3) .img_box .no_image{height:250px}
#PdList .pd_list li:nth-child(n + 3) .pd_cont p{padding-bottom:0;border-bottom:none;font-size:20px}
#PdList .pd_list li:nth-child(n + 3) .dot_cont{display:none}
#PdList .pd_lfist li:nth-child(n + 3) .pd_cont a{display:none}

/* 상품안내 - 뷰페이지 */
#PdView{display:flex;gap:50px}
#PdView .pd_cont_img{width:100%}
#PdView .pd_cont_img img{width:100%}
#PdView .pd_info{flex-shrink:0;width:370px;padding-top:40px}
#PdView .info_tit span{display:block;width:max-content;margin-bottom:20px;padding:0 15px;border-radius:50px;font-size:15px;line-height:30px;font-weight:600;color:#fff;background-color:#111}
#PdView .info_tit b{font-size:33px;font-weight:700;color:#111}
#PdView .info_txt{margin-top:27px;padding:35px 20px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
#PdView .info_txt ul li{position:relative;padding-left:18px;font-weight:500}
#PdView .info_txt ul li:before{position:absolute;left:0;top:11px;content:'';width:3px;height:3px;border-radius:100px;background:#888}
#PdView .info_txt p{margin-top:20px;font-size:15px;font-weight:500;color:#1f6ad9}
#PdView .price{margin:17px 0 44px;font-weight:600;text-align:right;color:#888}
#PdView .price span{margin-right:10px;font-size:30px;font-weight:700;color:#111}
#PdView .btn_list li+li{margin-top:10px}
#PdView .btn_list li a{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:60px;font-weight:600;color:#333;border:1px solid #e1e1e1}
#PdView .btn_list li.req a{border:1px solid #111;color:#fff;transition:all .3s;background-color:#111}
#PdView .adm_btn{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}
#PdView .adm_btn li+li{margin-top:0}
#PdView .adm_btn li a{background-color:#f5f5f5}

@media (hover: hover) {
#PdList .pd_cont a:hover{color:#fff;background-color:#111}
#PdView .btn_list li.req a:hover{border:1px solid var(--primary);background-color:var(--primary)}
}
/* 반응형 [s] */
@media (max-width:1024px){
#PdList .pd_list{gap:40px 20px}
#PdList .pd_list li{width:calc(100%/2 - 10px)}
#PdList .pd_list li .img_box div, #PdList .pd_list li .img_box .no_image{height:300px}{height:300px}
#PdList .pd_list li:nth-child(n + 3){width:calc(100%/3 - 13.4px)}
#PdList .pd_list li:nth-child(n + 3) .img_box div, #PdList .pd_list li:nth-child(n + 3) .img_box .no_image{height:200px}
#PdList .pd_cont{padding:20px 10px 0}
#PdList .pd_cont p{font-size:20px}
#PdList .pd_list li:nth-child(n + 3) .pd_cont p{font-size:18px}
#PdList .pd_cont .dot_cont{padding:20px 0 0}
#PdView{gap:40px}
#PdView .pd_info{width:300px}
#PdView .info_tit b{font-size:28px}
#PdView .price span{font-size:25px}
}
@media (max-width:768px){
#PdList .pd_list{gap:30px}
#PdList .pd_list li{width:100% !important}
#PdList .pd_list li .img_box div, #PdList .pd_list li .img_box .no_image{height:350px !important}
#PdList .pd_cont p{font-size:20px !important}
#PdView{flex-flow:column-reverse}
#PdView .pd_info{width:100%;padding-top:0}
#PdView .info_tit span{font-size:14px}
}
@media (max-width:480px){
#PdList .pd_list li .img_box div, #PdList .pd_list li .img_box .no_image{height:280px !important}
#PdList .pd_cont p{font-size:18px !important}
#PdList .pd_cont a{padding:0 20px;font-size:13px;line-height:40px}
#PdList .pd_cont a i{margin-left:5px;font-size:12px}
#PdView .info_tit span{font-size:13px}
#PdView .info_tit b{font-size:25px}
#PdView .info_txt{padding:25px 15px}
#PdView .price{margin-bottom:30px}
#PdView .price span{font-size:23px}
#PdView .btn_list li+li{margin-top:5px}
#PdView .btn_list li a{height:50px}
#PdView .adm_btn{gap:5px;margin-top:5px}
#PdView .adm_btn li+li{margin-top:0}
}
@media (max-width:380px){
#PdList .pd_list li .img_box div, #PdList .pd_list li .img_box .no_image{height:210px !important}
}
/* 반응형 [e] */


/* 이벤트 - 리스트 */
#MainEvent .main_event{margin-top:48px}
#MainEvent .main_event li{display:flex;gap:50px;padding:40px 50px;background-color:#f5f5f5;}
#MainEvent .main_event li:nth-child(2n){background-color:#fff}
#MainEvent .main_event li>a{flex-shrink:0;width:35%}
#MainEvent .main_event li>a img{width:100%}
#MainEvent .main_event li .event_cont{display:flex;flex-direction:column;width:100%;padding:21px 0 30px}
#MainEvent .main_event li .event_cont .tit{padding-bottom:7px;border-bottom:1px solid #e1e1e1;font-size:25px;font-weight:700;color:#111}
#MainEvent .dot_cont{margin-top:25px}
#MainEvent .dot_cont dd{position:relative;padding-left:18px}
#MainEvent .dot_cont dd:before{position:absolute;left:0;top:11px;content:'';width:3px;height:3px;border-radius:100px;background:#888}
#MainEvent .main_event .bt_cont{display:flex;align-items:center;margin-top:auto}
#MainEvent .main_event .bt_cont .price span:nth-child(1){font-size:18px;text-decoration:line-through;text-decoration-color:#bf1111;font-weight:500;color:#888}
#MainEvent .main_event .bt_cont .price span:nth-child(2){margin-left:10px;font-size:23px;font-weight:700;color:#111}
#MainEvent .main_event .bt_cont a{display:block;width:max-content;margin-left:auto;padding:0 25px;border-radius:50px;font-size:15px;line-height:45px;font-weight:600;color:#333;transition:all .3s;background-color:#fff}
#MainEvent .main_event li:nth-child(2n) .bt_cont a{background-color:#f5f5f5}
#MainEvent .main_event .bt_cont a:hover{color:#fff;background-color:#111 !important}
#MainEvent .main_event .bt_cont a i{margin-left:10px;font-size:13px}

#EventList{margin-top:60px;padding-top:60px;border-top:1px solid #e1e1e1}
#EventList .ct_tit{font-size:30px}
#EventList .event_list{display:flex;flex-wrap:wrap;gap:30px;margin-top:45px}
#EventList .event_list li{width:calc(100%/3 - 20px)}
#EventList .event_list li a{display:block}
#EventList .event_list li a > img{width:100%}
#EventList .event_list li p{padding:10px 15px}
#EventList .event_list li p .tit{display:block;overflow:hidden;margin-bottom:5px;padding-bottom:9px;border-bottom:1px solid #e1e1e1;font-size:20px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;color:#111}
#EventList .event_list li p .txt{display:flex;align-items:center;justify-content:space-between}
#EventList .event_list li p .txt b{font-weight:600;color:#333}
#EventList .event_list li p .txt b i{margin-right:5px;color:#4ab3e7}
#EventList .event_list li p .txt em{font-size:18px;font-weight:700;font-style:normal;color:#111}

/* 이벤트 - 뷰페이지 */
#EventView .event_info{margin-bottom:70px;padding-bottom:40px;border-bottom:1px solid #e1e1e1}
#EventView .info_tit span{display:block;width:max-content;margin-bottom:20px;padding:0 15px;border-radius:50px;font-size:15px;line-height:30px;font-weight:600;color:#fff;background-color:#111}
#EventView .info_tit b{font-size:33px;font-weight:700;color:#111}
#EventView .info_txt{margin:17px 0 45px;padding:24px 0 0 30px;border-top:1px solid #e1e1e1}
#EventView .info_txt ul li{position:relative;padding-left:18px;font-weight:500;color:#444}
#EventView .info_txt ul li:before{position:absolute;left:0;top:11px;content:'';width:3px;height:3px;border-radius:100px;background:#888}
#EventView .event_bt{display:flex;justify-content:space-between;align-items:center}
#EventView .event_bt .price span:nth-child(1){margin-right:10px;font-size:20px;text-decoration:line-through;text-decoration-color:#bf1111;font-weight:600;color:#888}
#EventView .event_bt .price span:nth-child(2){font-size:30px;font-weight:700;color:#111}
#EventView .btn_list{display:flex;justify-content:right;gap:10px}
#EventView .btn_list li a{display:flex;align-items:center;justify-content:center;gap:10px;width:180px;height:60px;font-size:15px;font-weight:600;color:#333;border:1px solid #e1e1e1}
#EventView .btn_list li.req a{border:1px solid #111;color:#fff;transition:all .3s;background-color:#111}
#EventView .btn_list li.req a:hover{border:1px solid var(--primary);background-color:var(--primary)}
#EventView .adm_btn_list{display:flex;justify-content:right;gap:10px;margin-bottom:30px}
#EventView .adm_btn_list li a{display:block;padding:0 25px;border-radius:50px;font-size:15px;line-height:50px;font-weight:500;color:#333;background-color:#f5f5f5}
#EventView .adm_btn_list li.adm_list a{color:#fff;background-color:var(--primary)}
#EventView .event_cont_img p{text-align:center}
#EventView .event_cont_img img{max-width:100%}
#ev_write .form_top{margin-top:30px}

/* 반응형 [s] */
@media (max-width:1024px){
#EventList .ct_tit{font-size:28px}
#MainEvent .main_event li{gap:40px;padding:40px 30px}
#MainEvent .main_event li .event_cont{padding:10px 0 0}
#MainEvent .main_event li .event_cont .tit{font-size:23px}
#MainEvent .main_event .bt_cont{margin-top:30px}
#MainEvent .main_event .bt_cont .price span:nth-child(2){font-size:20px}
#EventList .event_list{gap:20px}
#EventList .event_list li{width:calc(100%/3 - 13.4px)}
#EventList .event_list li p{padding:15px 0 0}
#EventList .event_list li p .tit{font-size:18px}
#EventView .info_tit b{font-size:30px}
#EventView .event_bt .price span:nth-child(2){font-size:28px}
}
@media (max-width:768px){
#MainEvent .main_event{margin-top:40px}
#MainEvent .main_event li{display:block}
#MainEvent .main_event li .event_cont{padding-top:30px}
#MainEvent .main_event li .event_cont .tit{font-size:20px}
#EventList{padding-top:50px}
#EventList .ct_tit{font-size:25px}
#EventList .event_list li{width:calc(100%/2 - 10px)}
#EventList .event_list li p .tit{font-size:16px}
#EventView .info_tit span{font-size:14px}
#EventView .info_tit b{font-size:28px}
#EventView .info_txt{margin-bottom:30px;padding:25px 20px 0}
#EventView .event_bt{display:block}
#EventView .event_bt .price{text-align:right}
#EventView .btn_list{margin-top:30px}
#EventView .btn_list li{width:100%}
#EventView .btn_list li a{width:100%}
}
@media (max-width:480px){
#MainEvent .main_event li{padding:20px}
#MainEvent .main_event li .event_cont{padding-top:20px}
#MainEvent .main_event li .event_cont .tit{font-size:18px}
#MainEvent .dot_cont{margin-top:20px}
#MainEvent .main_event .bt_cont{display:block;margin-top:20px}
#MainEvent .main_event .bt_cont .price span:nth-child(1){font-size:15px}
#MainEvent .main_event .bt_cont .price span:nth-child(2){font-size:18px}
#MainEvent .main_event .bt_cont a{padding:0 20px;font-size:13px;line-height:40px}
#MainEvent .main_event .bt_cont a i{margin-left:5px;font-size:12px}
#EventList{margin-top:50px;padding-top:40px}
#EventList .ct_tit{font-size:20px}
#EventList .event_list{gap:25px 15px;margin-top:35px}
#EventList .event_list li{width:calc(100%/2 - 7.5px)}
#EventView .adm_btn_list li a{padding:0 15px;font-size:13px;line-height:40px}
#EventView .info_tit b{font-size:25px}
#EventView .info_tit span{font-size:13px}
#EventView .info_txt{margin-bottom:20px;padding:25px 0 0}
#EventView .event_bt .price span:nth-child(1){font-size:15px}
#EventView .event_bt .price span:nth-child(2){font-size:23px}
#EventView .btn_list{margin-top:20px}
#EventView .btn_list li a{height:45px;font-size:14px}
#EventView .event_info{margin-bottom:40px}
}
@media (max-width:380px){}
/* 반응형 [e] */

/* 서브페이지 - 상담폼 */
#ReqForm{margin-top:80px;padding-top:70px;border-top:1px solid #e1e1e1}
#ReqForm .form_tit{margin-bottom:40px;font-size:30px;text-align:center;font-weight:700;color:#111}
#ReqForm form{width:90%;margin:0 auto}
#ReqForm form .input_tit{display:block;position:relative;margin-bottom:10px;padding-left:18px;font-weight:600;color:#333}
#ReqForm form .input_tit:before{position:absolute;left:0;top:11px;content:'';width:3px;height:3px;border-radius:100px;background:var(--primary)}
#ReqForm form > div{margin-top:30px}
#ReqForm form .form_top{display:flex;gap:30px}
#ReqForm form .form_top li{width:100%}
#ReqForm form .form_top li input{width:100%;height:45px;padding:0 15px;border:1px solid #e1e1e1;font-size:15px;color:#666}
#ReqForm form .area_select select{width:100%;height:45px;padding:0 15px;border:1px solid #e1e1e1;font-size:15px;color:#666}
#ReqForm form .check_area{display:flex;gap:30px}
#ReqForm form .check_area > div{width:100%}
#ReqForm form .person_area ul{display:flex;gap:20px}
#ReqForm form .content_area textarea{min-width:100%;min-height:90px;padding:15px;border:1px solid #e1e1e1;font-size:15px;color:#666}
#ReqForm form .prv_area{display:flex;align-items:center;justify-content:right;gap:5px;margin-top:5px;font-size:15px;color:#888}
#ReqForm form .prv_area a{font-weight:600;color:#666;cursor:pointer}
#ReqForm form .send_btn input{width:100%;height:60px;border-radius:0;border:none;font-weight:600;color:#fff;background-color:#111}

/* 반응형 [s] */
@media (max-width:1024px){
#ReqForm form{width:100%}
}
@media (max-width:768px){
#ReqForm{margin-top:70px;padding-top:60px}
#ReqForm .form_tit{font-size:25px}
}
@media (max-width:480px){
#ReqForm{margin-top:60px;padding-top:50px}
#ReqForm .form_tit{font-size:20px}
#ReqForm form .form_top{gap:10px}
#ReqForm form > div{margin-top:20px}
#ReqForm form .check_area{gap:10px}
#ReqForm form .send_btn input{height:45px}
#ReqForm form .prv_area{font-size:14px}
}
/* 반응형 [e] */

/* 촬영신청 */
#ReqPage .tit_b{font-size:30px;font-weight:700;color:#111}
#ReqPage .step_box{display:flex;gap:20px;position:relative;margin-top:50px}
#ReqPage .step_box:before{position:absolute;left:50%;top:219px;transform:translateX(-50%);content:'';z-index:-1;width:calc(100%/5 * 4);height:1px;background:#e1e1e1}
#ReqPage .step_box li{width:100%;text-align:center;font-size:18px;font-weight:600;color:#111}
#ReqPage .step_box li p{display:flex;align-items:center;justify-content:center;height:170px;border-radius:15px;border:1px solid #e1e1e1}
#ReqPage .step_box li span{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:30px auto 25px;border-radius:100%;font-size:14px;font-weight:600;color:#fff;background-color:#111}
#ReqPage .check_list{margin-top:83px;padding:60px;background-color:#f5f5f5}
#ReqPage .check_list .tit{font-size:25px;text-align:center;font-weight:700;color:#111}
#ReqPage .check_list .tit i{display:block;margin-bottom:12px;font-size:35px;color:var(--primary)}
#ReqPage .check_list ul{margin-top:32px;padding:20px 0;border-top:3px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
#ReqPage .check_list ul li{position:relative;padding:15px 20px 15px 38px;font-weight:500;color:#333}
#ReqPage .check_list ul li+li{border-top:1px solid #e1e1e1}
#ReqPage .check_list ul li:before{position:absolute;left:20px;top:27px;content:'';width:3px;height:3px;border-radius:100px;background:var(--primary)}