/* 김수환 css */

/* photo_review.php */
.at-container {padding: 0 15px; box-sizing: border-box;}
.photo_review {}
.photo_review .p_r_ban {background: url('/img/bnr_event.jpg')no-repeat center center; background-size: 100%;padding: 12vw 0;}
.notice_list .e_r_ban {background: url('/img/bnr_notice.jpg')no-repeat center center; background-size: 100%;padding: 12vw 0;}
.qna_list2 .q_r_ban {background: url('/img/bnr_qna.jpg')no-repeat center center; background-size: 100%;padding: 12vw 0;}
.way_to_come .q_r_ban {background: url('/img/come.jpg')no-repeat center center; background-size: 100%;padding: 12vw 0;}
.photo_review img{width: 100%;}
.photo_review .menu_bar ul{display: flex; align-items: center; justify-content: space-between;}
.photo_review .menu_bar ul li{width: 25%;}
.photo_review .menu_bar ul li a{display: block;padding: 10px 0; text-align: center;color: #817070;}
.photo_review .menu_bar ul li.on a {border-bottom: 1px solid #8D1E5C;font-weight: 500;color: #333;}

.photo_review .p_r_content1 {padding: 15px 0 15px 15px; box-sizing: border-box;width: 100%;overflow-x: scroll;background: #F6F6F6;}
.photo_review .p_r_content1 ul{display: flex; align-items: normal; justify-content: normal;width: 100%;overflow-x: scroll;gap: 5%;}
.photo_review .p_r_content1 ul li{display: block;min-width:38%;}
.photo_review .p_r_content1 ul li a{display: block;border-radius: 15px; overflow: hidden;background: #fff;}
.photo_review .p_r_content1 ul li a span.prc_top{border-radius: 15px;}
.photo_review .p_r_content1 ul li a span.prc_top img{width: 100%;}
.photo_review .p_r_content1 ul li a span.prc_tit1{font-size: 10px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 70%;margin-top: 5px;color: #817070;text-align: left;}
.photo_review .p_r_content1 ul li a span.prc_tit2{font-size: 10px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 70%;color: #817070;text-align: left;}
.photo_review .p_r_content1 ul li a span.prc_info{display: flex; align-items: center; justify-content: space-between;margin-top: 10px;padding: 0 5px; box-sizing: border-box;}
.photo_review .p_r_content1 ul li a span.prc_info span.prc_i_img{width: 25%;}
.photo_review .p_r_content1 ul li a span.prc_info span.prc_i_img img{width: 100%;}
.photo_review .p_r_content1 ul li a span.prc_info span.prc_i_right{width: 65%; text-align: left;}
.photo_review .p_r_content1 ul li a span.prc_info span.prc_i_right span.prc_i_r_tit{display: block; font-size: 10px;}
.photo_review .p_r_content1 ul li a span.prc_info span.prc_i_right span.prc_i_r_price{display: block; font-size: 10px;}

.photo_review .p_r_content2 {background: #f1f1f1;padding: 20px 15px;margin: 25px 15px;border-radius: 8px;}
.photo_review .p_r_content2 .box1{margin-top: 15px;}
.photo_review .p_r_content2 .box1_mar{margin-top: 0;}
.photo_review .p_r_content2 .box1 b{font-weight: normal; color: #817070; font-size: 14px;display: block; margin-bottom: 5px;}
.photo_review .p_r_content2 .box1 .s_box{display: flex; align-items: center; justify-content: space-between;}
.photo_review .p_r_content2 .box1 .s_box select{width: 48%; border-radius: 6px;background-color: #fff;appearance: block; padding: 6px 10px; box-sizing: border-box; font-size: 12px;}
.photo_review .p_r_content2 .box1 .search_box {display: flex; align-items: center; justify-content: space-between;margin-top: 5px;}
.photo_review .p_r_content2 .box1 .search_box input{width: 70%;padding: 6px 10px;box-sizing: border-box; border:1px solid #ddd; border-radius: 6px; font-size:12px;}
.photo_review .p_r_content2 .box1 .search_box input::placeholder{color: #C8C6C6}
.photo_review .p_r_content2 .box1 .search_box button{width: 28%; background: #333; color: #fff; text-align: center; border-radius: 6px;padding: 6px 0; box-sizing: border-box; font-size:12px;}

.photo_review .rl_flex {display: flex;width: 100%;gap: 4%;}
.photo_review .review_list {width: 100%;position: relative; border-bottom: 1px solid #ddd;}
.photo_review .review_list .rl_img{display: block;width: 30%; cursor: pointer;}
.photo_review .review_list .rl_img img{width: 100%;}
.photo_review .review_list .rl_info{width: 50%;}
.photo_review .review_list .rl_info h3{display: block;font-size: 12px;margin-bottom: 5px;}
.photo_review .review_list .rl_info h4{display: flex; align-items: center; justify-content: normal; gap: 14px;font-size: 10px;}
.photo_review .review_list .rl_info h4 span.rl_date{font-size: 10px;color: #C8C6C6;}
.photo_review .review_list .rl_info p{font-size: 14px;margin-top: 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.photo_review .review_list.on .rl_info p{font-size: 14px;margin-top: 10px; display: block; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.photo_review .review_list .rl_ar{background: url('../img/select_btn.png')no-repeat center center; background-size: 20px; padding: 10px; box-sizing: border-box; position: absolute; top: 25px;right: 20px; border:0;}
.photo_review .review_list.on .rl_ar{background: url('../img/gnb_up.png')no-repeat center center; background-size: 20px; padding: 10px; box-sizing: border-box; position: absolute; top: 25px;right: 20px; border:0;}
.photo_review ul.rl_img_review {display: flex; align-items: center; justify-content: normal;gap: 12px;margin-top: 20px; overflow-x: scroll;flex-wrap: wrap;}
.photo_review ul.rl_img_review li{display: block; border-radius: 10px;width: 20%;}
.photo_review ul.rl_img_review li img{width: 100%;}
.photo_review .more_btn {display: flex; align-items: center; justify-content: center;}
.photo_review .more_btn button{margin: 20px 0; color: #8D1E5C; font-size: 16px;border:0; background: #fff;}

/* notice_list */
.notice_list .menu_bar ul{display: flex; align-items: center; justify-content: space-between;}
.notice_list .menu_bar ul li{width: 25%;}
.notice_list .menu_bar ul li a{display: block;padding: 10px 0; text-align: center;color: #817070;}
.notice_list .menu_bar ul li.on a {border-bottom: 1px solid #8D1E5C;font-weight: 500;color: #333;}

.notice_list .p_r_content2 {background: #f1f1f1;padding: 20px 15px;margin: 25px 0;border-radius: 10px;}
.notice_list .p_r_content2 .box1 b{font-weight: normal; color: #817070; font-size: 14px;display: block; margin-bottom: 5px;}
.notice_list .p_r_content2 .box1 .s_box{display: flex; align-items: center; justify-content: space-between;}
.notice_list .p_r_content2 .box1 .s_box select{width: 48%; border-radius: 10px;background-color: #fff;appearance: block;padding: 5px 10px; box-sizing: border-box; font-size: 12px; border-radius: 8px}
.notice_list .p_r_content2 .box1 .search_box {display: flex; align-items: center; justify-content: space-between;margin-top: 5px;}
.notice_list .p_r_content2 .box1 .search_box input{width: 70%;padding: 6px 10px;box-sizing: border-box; border:1px solid #ddd; font-size: 12px; border-radius: 8px;}
.notice_list .p_r_content2 .box1 .search_box input::placeholder{color: #C8C6C6;}
.notice_list .p_r_content2 .box1 .search_box button{width: 28%; background: #333; color: #fff; text-align: center; border-radius: 6px;padding: 6px 0; box-sizing: border-box; font-size: 12px;}

.notice_content {padding-bottom: 2vw;}
.notice_content ul{display: block;}
.notice_content ul li{display: flex; align-items: center; justify-content: space-between;width: 100%;box-sizing: border-box;border-bottom: 1px solid #ddd;}
.notice_content ul li span{display: block;font-size: 12px;text-align: center;padding: 10px 5px; box-sizing: border-box;}
.notice_content ul li:first-child {background: #F9F9F9; box-sizing: border-box;}
.notice_content ul li:first-child span{display: block;font-size: 12px;color: #817070;text-align: center;padding: 10px 5px; box-sizing: border-box;}
.notice_content ul li:first-child span:nth-child(2) {text-align: center;}
.notice_content ul li span:nth-child(1){width: 10%;}
.notice_content ul li span:nth-child(2){width: 50%;text-align: left;}
.notice_content ul li span:nth-child(3){width: 20%;font-size: 10px;}
.notice_content ul li span:nth-child(4){width: 10%;}

.notice_list .more_btn {display: flex; align-items: center; justify-content: center;}
.notice_list .more_btn button{margin: 20px 0; color: #8D1E5C; font-size: 16px;border:0; background: #fff;}

.notice_list .nl_view {display: block; width: 100%;margin-top: 25px;}
.notice_list .nl_view img { width: 100% !important; }
.notice_list .nl_view h1{display: block;padding: 15px 12px; box-sizing: border-box; font-size: 14px;background: #F9F9F9;}
.notice_list .nl_view p{ box-sizing: border-box; font-size: 12px;}
.notice_list .nl_view button{margin-top: 20px; display: block; width: 100%; text-align: center;padding: 6px; box-sizing: border-box;font-size: 12px;border-radius: 5px;background: #fff;margin-bottom: 20px;}

/* qna_list2 */
.qna_list2{}

.qna_list2 .p_r_content2 {background: #f1f1f1;padding: 20px 15px;margin: 25px 0;border-radius: 10px;}
.qna_list2 .p_r_content2 .box1{margin-top: 15px;}
.qna_list2 .p_r_content2 .box1 b{font-weight: normal; color: #817070; font-size: 14px;display: block; margin-bottom: 5px;}
.qna_list2 .p_r_content2 .box1 .s_box{display: flex; align-items: center; justify-content: space-between;}
.qna_list2 .p_r_content2 .box1 .s_box select{width: 48%; border-radius: 10px;background-color: #fff;appearance: block;padding: 6px 10px; box-sizing: border-box; font-size: 12px;}
.qna_list2 .p_r_content2 .box1 .search_box {display: flex; align-items: center; justify-content: space-between;margin-top: 5px;}
.qna_list2 .p_r_content2 .box1 .search_box input{width: 70%;padding: 5px 10px;box-sizing: border-box; border:1px solid #ddd; border-radius: 10px;}
.qna_list2 .p_r_content2 .box1 .search_box input::placeholder{font-size: 12px; color:#C8C6C6;}
.qna_list2 .p_r_content2 .box1 .search_box button{width: 28%; background: #333; color: #fff; text-align: center; border-radius: 10px;padding: 6px 0; box-sizing: border-box; font-size: 12px;}

.qna_list2 img{width: 100%;}
.qna_list2 .menu_bar ul{display: flex; align-items: center; justify-content: space-between;}
.qna_list2 .menu_bar ul li{width: 25%;}
.qna_list2 .menu_bar ul li a{display: block;padding: 10px 0; text-align: center;color: #817070;}
.qna_list2 .menu_bar ul li.on a {border-bottom: 1px solid #8D1E5C;font-weight: 500;color: #333;}

.qna_list2 .more_btn {display: flex; align-items: center; justify-content: center;}
.qna_list2 .more_btn button{margin: 20px 0; color: #8D1E5C; font-size: 16px;border:0; background: #fff;}

.qna_list2 .qna_box .qna_input_box{display: flex; align-items: center; justify-content: space-between;}
.qna_list2 .qna_box b {font-weight: normal; color: #817070; font-size: 14px;display: block; margin-bottom: 5px;}
.qna_list2 .qna_box select{width: 100%; border-radius: 10px;background-color: #fff;appearance: block;padding: 6px 10px; box-sizing: border-box; font-size: 12px;}

.qna_list2 .qna_box button{padding: 6px 0; box-sizing: border-box; text-align: center; background: #333; color: #fff; border-radius: 10px;width: 28%; font-size:12px}

.qna_write_btn {display: flex; align-items: center; justify-content: flex-end;}
.qna_write_btn button{color: #fff;display: flex; align-items: center; justify-content: center; gap: 10px;font-size: 14px;background: #83888C; padding: 5px 10px; border-radius: 7px;color: #fff;}
.qna_write_btn button img{max-width: 13px;}
.qna_write_btn button span {color: #fff;}

.qna_content ul{display: block;}
.qna_content ul li{display: block;border-bottom: 1px solid #ddd;padding: 15px 0; cursor: pointer;}
.qna_content ul li .top{display: flex; align-items: center; justify-content: normal; gap: 12px; position: relative;padding: 12px 0; box-sizing: border-box;}
.qna_content ul li .top span.wait_ans{background: #83888C; color: #fff; text-align: center;padding: 3px 10px; box-sizing: border-box; border-radius: 5px;font-size: 12px;}
.qna_content ul li .top span.com_ans{background: #8D1E5C; color: #fff; text-align: center;padding: 3px 10px; box-sizing: border-box; border-radius: 5px;font-size: 12px;}
.qna_content ul li .top span:nth-child(2){font-size: 14px;color: #817070;}
.qna_content ul li .top button{border:0; background: #fff;position: absolute; top: 50%;right: 0;transform: translateY(-50%);}
.qna_content ul li .top button img{max-width: 23px;transition: 0.3s ease all;}
.qna_content ul li.on .top button img{max-width: 23px;transform: rotate(180deg);}
.qna_content ul li .center{display: flex;align-items: normal;justify-content: normal; gap: 12px;}
.qna_content ul li .center .qna_img{width: 20%;display: block;}
.qna_content ul li .center .qna_img img{width: 100%;border-radius: 5px;}
.qna_content ul li .center .info{display: flex; align-items: center;flex-wrap: wrap;}
.qna_content ul li .center .info span:nth-child(1){display: block;color: #C8C6C6; font-size: 12px;width: 100%;}
.qna_content ul li .center .info span:nth-child(2){display: flex;font-size: 14px; align-items: center; justify-content: normal; gap: 5px;font-size: 14px;width: 100%;}
.qna_content ul li .center .info span:nth-child(2) img{max-width: 20px;}
.qna_content ul li .bot{display: flex; align-items: center; justify-content: flex-end;}
.qna_content ul li .bot span{font-size: 10px;margin-left: 10px;}
.qna_content ul li .bot span:nth-child(1){color: #817070;}
.qna_content ul li .bot span:nth-child(2){color: #C8C6C6;}
.qna_content ul li .answer {display: none;padding: 15px; box-sizing: border-box;background: #f8f8f8;margin-top: 15px; border-radius: 8px;}
.qna_content ul li.on .answer {display: block;padding: 15px; box-sizing: border-box;background: #f8f8f8;}
.qna_content ul li .answer .a_q{display: flex; align-items: normal;justify-content: normal;gap: 10px;padding-bottom: 15px;}
.qna_content ul li .answer .a_q span{display: flex; align-items: flex-start; justify-content: normal;}
.qna_content ul li .answer .a_q span:nth-child(1){font-size: 20px;font-weight: bold;}
.qna_content ul li .answer .a_q span:nth-child(2){font-size: 12px;}
.qna_content ul li .answer .a_a{display: flex; align-items: normal;justify-content: normal;gap: 10px;padding-top: 15px;border-top:1px solid #ddd;}
.qna_content ul li .answer .a_a span{display: flex; align-items: flex-start; justify-content: normal;}
.qna_content ul li .answer .a_a span:nth-child(1){font-size: 20px;font-weight: bold;}
.qna_content ul li .answer .a_a span:nth-child(2){font-size: 12px;}


.lock_pop {position: fixed; top: 0;left: 0;z-index: 1000;display: none;}
.lock_pop .lock_pop_back{ background: rgba(0,0,0,0.5); width: 100%;height: 100%; position: fixed; top: 0;left: 0;}
.lock_pop .lock_pop_body{position: fixed; top: 50%;left: 50%;transform: translate(-50%,-50%); width: 90%; border-radius: 15px;background: #fff;overflow: hidden;}
.lock_pop .lock_pop_body h1{display: block; text-align: center;font-size: 16px;padding-top: 30px;}
.lock_pop .lock_pop_body input{width: 50%; display: block; margin: 0 auto; border:0; border-bottom: 1px solid #ddd;text-align: center;}
.lock_pop .lock_pop_body .lpb_btn{display: flex; align-items: center; justify-content: space-between;margin-top: 25px;}
.lock_pop .lock_pop_body .lpb_btn button{width: 50%;text-align: center; padding: 15px 0;background: #fff;border:0;}
.lock_pop .lock_pop_body .lpb_btn button:nth-child(1){color: #F21515;}
.lock_pop .lock_pop_body .lpb_btn button:nth-child(2){color: #206CD4;}

.qna_write {margin: 15px 0;}
.qna_write .no_qna_item{padding: 12px 25px; box-sizing: border-box;background: #f8f8f8;border-radius: 8px;margin-bottom: 20px;}
.qna_write .no_qna_item b{font-size: 14px;margin-bottom: 10px;font-weight: 500;display: block;}
.qna_write .no_qna_item p{font-size: 12px;color: #817070;}

.qna_write_body {position: relative; width: 100%;}
/* .qna_write_body ul {position: relative; width: 100%;} */
.qna_write_body .qna_write_list{display:  flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #E3E3E3;}
.qna_write_body .qna_write_list p{background-color:#F9F9F9; font-size: 14px; font-weight: 400; color: #817070;  width: 20%; text-align: center;}
.qna_write_body .qna_write_list input::placeholder{color:#83888C; font-size: 12px;}
.qna_write_body .qna_write_list textarea::placeholder{color:#83888C; font-size: 12px;}

.qna_write_body .qna_write_list_1 {height:50px;}
.qna_write_body .qna_write_list_1 p{padding: 4px 0;}
.qna_write_body .qna_write_list_1 select{width: 77%; font-size: 12px;}

.qna_write_body .qna_write_list_2 {height:50px; }
.qna_write_body .qna_write_list_2 p{height:100%; line-height:50px;}
.qna_write_body .qna_write_list_2 input{ width: 77%; border: 0;}

.qna_write_body .qna_write_list_3 p{height:180px; line-height:180px}
.qna_write_body .qna_write_list_3 textarea{width: 77%; height:180px; padding: 15px 0; border: 0;  box-sizing: border-box; resize: none;}

.qna_write_body .qna_write_list_4 {height: 50px;}
.qna_write_body .qna_write_list_4 p{height: 48px; width: 20%; }
.qna_write_body .qna_write_list_4 input{width: 77%; border: 0;}
 


/* way_to_come */
.way_to_come .menu_bar ul{display: flex; align-items: center; justify-content: space-between;}
.way_to_come .menu_bar ul li{width: 25%;}
.way_to_come .menu_bar ul li a{display: block;padding: 10px 0; text-align: center;color: #817070;}
.way_to_come .menu_bar ul li.on a {border-bottom: 1px solid #8D1E5C;font-weight: 500;color: #333;}
.way_to_come .menu_bar ul li.on a {border-bottom: 1px solid #8D1E5C;font-weight: 500;color: #333;}

.way_to_come{position: relative;}
.way_to_come .at-container{padding: 15px 15px 25px 15px;}
.way_to_come .at-container .w_a_con_top{background-color: #FAFAFA; padding: 15px 15px 5px 15px; margin-bottom: 15px;}
.way_to_come .at-container .w_a_con_top_list{display:  flex; align-items: center; margin-bottom: 10px;}
.way_to_come .at-container .w_a_con_top_list p{font-size: 12px; color: #8D1E5C; width: 20%;}
.way_to_come .at-container .w_a_con_top_list span{font-size: 12px; width: 80%;}
.way_to_come .at-container .w_a_con_bottom iframe{max-width: 100%; height: 172px;}