/* subpage */
.subpage section{padding: 0 15px;}

/* chat_list */
#chat{height: 100%; overflow: hidden;}
.chat_wrap{width: 100%; height: 100%; padding-top: 30px; background: #ff6700; z-index: 10000;}
.chat_wrap p{margin: 10px 0 25px 5%; font-size: 20px; font-weight: 500; color: #fff;}
.chat_wrap p a{display: inline-block; width: 22px; height: 22px; margin-left: 12px; background: url(../../images/icon/ico_info.png)no-repeat; vertical-align: bottom; text-indent: -9999px; overflow: hidden;}
.chat_wrap .btn_close{position: absolute; top: 20px; right: 20px; width: 18px; height: 18px; background: url(../../images/ui/btn_close.png)no-repeat; background-size: contain; text-indent: -99999px;}
.chat_wrap .chat_list_box{width: 90%; height: calc(100% - 57px); margin: 0 5%; background: #fff; border-top-left-radius: 20px; border-top-right-radius: 20px; overflow: hidden;}
.chat_wrap .chat_list_box .range_box{display: flex; justify-content: right; padding: 15px 5px 0 0;}
.chat_wrap .chat_list_box .range_box .select .btn_sel{width: 140px; height: 30px; padding: 0; border-bottom: 0; font-size: 15px; line-height: 30px;}
.chat_wrap .chat_list_box .range_box .select .btn_sel::after{top: 12px;}
.chat_wrap .chat_list_box .range_box .select .sel_li{left: -10px; height: 122px; border-top: 0;}
.chat_wrap .chat_list_box .range_box .select .sel_li .sel{height: 40px; line-height: 40px;}
.chat_wrap .chat_list_box ul{height: calc(100% - 70px); padding: 25px 20px 0; overflow-y: auto;}
.chat_wrap .chat_list_box ul::-webkit-scrollbar{width: 14px;}
.chat_wrap .chat_list_box ul::-webkit-scrollbar-thumb{border-radius: 6px; background-color: #ddd; background-clip: padding-box; border: 5px solid transparent;}
.chat_wrap .chat_list_box ul::-webkit-scrollbar-track{background: none;}
.chat_wrap .chat_list_box ul .non_list{text-align: center; border-bottom: 0;}
.chat_wrap .chat_list_box ul .non_list img{display: inline-block; margin: 210px 0 25px;}
.chat_wrap .chat_list_box ul .non_list span{padding-bottom: 200px; font-size: 16px; color: #666;}
.chat_wrap .chat_list_box ul li a{display: flex; justify-content: space-between; padding: 20px 0; border-bottom: 1px solid #ddd;}
.chat_wrap .chat_list_box ul li a:hover .tit{color: #ff6700;}
.chat_wrap .chat_list_box ul li:first-of-type a{padding-top: 0;}
.chat_wrap .chat_list_box ul li span{display: block; font-size: 13px;}
.chat_wrap .chat_list_box ul li .chat_list{display: flex; width: calc(100% - 60px);}
.chat_wrap .chat_list_box ul li .chat_list .img_box{width: 40px; height: 40px; border-radius: 50%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
.chat_wrap .chat_list_box ul li .chat_list .user_box{position:relative; margin-right: 10px; text-align: center;}
.chat_wrap .chat_list_box ul li .chat_list .user_box .user_name{margin-top: 8px;}
.chat_wrap .chat_list_box ul li .chat_list .user_box .badge{display: block; position: absolute; top: -7px; right: -5px; width: 22px; height: 22px; border-radius: 50%; background: #ff6700; font-size: 10px; color: #fff; line-height: 22px; text-align: center;}
.chat_wrap .chat_list_box ul li .chat_list .txt_box{width: calc(100% - 55px);}
.chat_wrap .chat_list_box ul li .chat_list .txt_box .tit{font-size: 15px; font-weight: 700;}
.chat_wrap .chat_list_box ul li .chat_list .txt_box div{margin: 10px 0 15px;}
.chat_wrap .chat_list_box ul li .chat_list .txt_box div span{display: inline-block;}
.chat_wrap .chat_list_box ul li .chat_list .txt_box div .date{position: relative; margin-right: 15px;}
.chat_wrap .chat_list_box ul li .chat_list .txt_box div .date::after{content: ''; position: absolute; top: 2px; right: -10px; width: 1px; height: 10px; background: #bebebe;}
.chat_wrap .chat_list_box ul li .chat_list .txt_box .cont{color: #999; }
.chat_wrap .chat_list_box ul li .time_box{text-align: right; width: 50px;}
.chat_wrap .chat_list_box ul li .time_box .time{margin: 5px 0 10px; font-size: 11px; color: #999;}
.chat_wrap .chat_list_box ul li .time_box .badge{display: inline-block; width: 20px; height: 20px; background-color: #ff6700; border-radius: 10px; font-size: 11px;color: #fff; text-align: center; line-height: 20px; overflow: hidden;}
.chat_wrap .chat_list_box.membership ul{height: calc(100% - 45px); padding-top: 25px;}
.chat_wrap .chat_list_box.membership .range_box{padding-bottom: 0;}
.chat_wrap .chat_list_box.membership .user_box .img_box{width: 45px; height: 45px; margin-bottom: 3px; border-radius: 3px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
.chat_wrap .chat_list_box.membership .user_box span{width: 44px; height: 18px; margin: 0 auto; border-radius: 9px; background: #ff6700; font-size: 12px; font-weight: 500; color: #fff; line-height: 18px; text-align: center;}

/* chat_detail */
.chat_detail_wrap{width: 100%; height: 100%; overflow: hidden;}
.chat_detail_wrap .chat_top .tit_box{height: 60px; line-height: 60px; text-align: center;}
.chat_detail_wrap .chat_top .tit_box span{font-size: 19px; font-weight: 500; }
.chat_detail_wrap .chat_top .user_box{position: relative; height: 50px; background-color: #ff6700; line-height: 50px; text-align: center;}
.chat_detail_wrap .chat_top .user_box span{font-size: 15px; color: #fff;}
.chat_detail_wrap .chat_top .user_box a{position: absolute; top: calc(50% - 11px); right: 20px; width: 22px; height: 22px; margin-left: 12px; background: url(../../images/icon/ico_info.png)no-repeat; vertical-align: bottom; text-indent: -9999px; overflow: hidden;}
.chat_detail_wrap .chat_mid{position: relative; height: calc(100% - 280px);}
.chat_detail_wrap .chat_mid .top_banner{position: fixed; top: 125px; left: 20px; right: 20px; z-index: 1;}
.chat_detail_wrap .chat_mid .top_banner.active>.tit_box{display: none;}
.chat_detail_wrap .chat_mid .top_banner.active .info_box{display: block;}
.chat_detail_wrap .chat_mid .top_banner>div{padding: 12px 10px; border-radius: 25px; background-color: #feede4;}
.chat_detail_wrap .chat_mid .top_banner .tit_box{display: flex; justify-content: space-between; align-items: center; font-size: 14px;}
.chat_detail_wrap .chat_mid .top_banner .tit_box span{font-size: 14px; font-weight: 500;}
.chat_detail_wrap .chat_mid .top_banner .tit_box button{font-size: 13px;}
.chat_detail_wrap .chat_mid .top_banner .tit_box button i{width: 22px; height: 22px; margin: 0 0 0 10px; border-radius: 50%; background: #fff url(../../images/ui/btn_more_gr.png)no-repeat 6px 6px;}
.chat_detail_wrap .chat_mid .top_banner .info_box{display: none;}
.chat_detail_wrap .chat_mid .top_banner .info_box ul{margin-top: 25px}
.chat_detail_wrap .chat_mid .top_banner .info_box ul li{margin-bottom: 15px;}
.chat_detail_wrap .chat_mid .top_banner .info_box dl{display: flex; line-height: 24px;}
.chat_detail_wrap .chat_mid .top_banner .info_box dt{position: relative; padding-left: 15px; width: 75px;}
.chat_detail_wrap .chat_mid .top_banner .info_box dt::before{content: ''; position: absolute; top: 10px; left: 5px; width: 4px; height: 4px; border-radius: 2px; background: #ff6700;}
.chat_detail_wrap .chat_mid .top_banner .info_box dd{width: calc(100% - 110px); padding-right: 20px; color: #666; text-align: justify;}
.chat_detail_wrap .chat_mid .top_banner .info_box .btn_fold i{background: #5d5e65 url(../../images/ui/btn_fold.png)no-repeat 6px 10px; }
.chat_detail_wrap .chat_mid .chat_box{position: relative; height: 100%;  overflow-y: auto;}
.chat_detail_wrap .chat_mid .chat_box::-webkit-scrollbar{width: 14px;}
.chat_detail_wrap .chat_mid .chat_box::-webkit-scrollbar-thumb{border-radius: 10px; background-color: #ddd; background-clip: padding-box; border: 5px solid transparent;}
.chat_detail_wrap .chat_mid .chat_box::-webkit-scrollbar-track{background: none;}
.chat_detail_wrap .chat_mid .chat_box .btn_estimate{position: fixed; bottom: 150px; right: 10px; display: block; width: 60px; height: 60px; padding: 15px; border-radius: 40px; background: #eeae00; font-size: 14px; font-weight: 500; color: #fff;}
.chat_detail_wrap .chat_mid .chat_box .date{text-align: center;}
.chat_detail_wrap .chat_mid .chat_box .date_box{padding-top: 92px; margin-bottom: 20px; text-align: center;}
.chat_detail_wrap .chat_mid .chat_box .date_box .date{font-size: 13px; color: #666;}
.chat_detail_wrap .chat_mid .chat_box .interlocutor_box{position: relative; margin: 0 0 20px 15px;}
.chat_detail_wrap .chat_mid .chat_box .interlocutor_box .img_box{display: inline-block; width: 40px; height: 40px; border-radius: 50%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
.chat_detail_wrap .chat_mid .chat_box .interlocutor_box .talk_wrap{display: flex; width: calc(100% - 40px);}
.chat_detail_wrap .chat_mid .chat_box .interlocutor_box .talk_wrap>div{margin: 10px 5px 0 0;}
.chat_detail_wrap .chat_mid .chat_box .interlocutor_box .talk_wrap .user_name{display: inline-block; margin-bottom: 10px;font-size: 15px;}
.chat_detail_wrap .chat_mid .chat_box .my_box{display: flex; justify-content: right; align-items: flex-end; margin: 0 20px 40px 0;}
.chat_detail_wrap .chat_mid .chat_box .my_box .info_box{text-align: right; margin-right: 10px;}
.chat_detail_wrap .chat_mid .chat_box .my_box .info_box .sign{font-size: 14px; color: #ff6700;}
.chat_detail_wrap .chat_mid .chat_box .my_box .talk_box{border-top-left-radius: 10px; border-top-right-radius: 0; background: #ff6700;}
.chat_detail_wrap .chat_mid .chat_box .my_box .talk_box span{color: #fff;}
.chat_detail_wrap .chat_mid .chat_box .time{display: flex; align-items: flex-end; font-size: 13px; color: #666;}
.chat_detail_wrap .chat_mid .chat_box .talk_box{width: auto; padding: 10px; background: #eee; border-radius: 10px; border-top-left-radius: 0;}
.chat_detail_wrap .chat_mid .chat_box .talk_box span{font-size: 14px; line-height: 21px;}
.chat_detail_wrap.arti .chat_bot{position: fixed; bottom: 0; left: 0; right: 0;}
.chat_detail_wrap.arti .chat_bot .bot_banner{display: flex; justify-content: space-between; text-align: left;}
.chat_detail_wrap .chat_bot .bot_banner{padding: 10px 15px; background: #35363e; text-align: center;}
.chat_detail_wrap .chat_bot .bot_banner ul li{position: relative; padding-left: 10px;}
.chat_detail_wrap .chat_bot .bot_banner ul li::before{content: ''; position: absolute; top: 50%; left: 0; width: 2px; height: 2px; background: #fff;}
.chat_detail_wrap .chat_bot .bot_banner .txt{font-size: 14px; color: #fff; line-height: 21px;}
.chat_detail_wrap .chat_bot .bot_banner .btn_estimate{display: block; width: 120px; margin-left: 10px; background: #eeae00; border-radius: 5px; font-weight: 500; color: #fff; text-align: center;}
.chat_detail_wrap .chat_bot .bot_banner .btn_estimate:hover{filter: brightness(.9)}
.chat_detail_wrap .chat_bot .input_box{position: relative; height: 70px; padding: 10px 20px; background: #fff;}
.chat_detail_wrap .chat_bot .input_box input{width: 100%; height: 50px; padding: 15px; border-radius: 25px; background: #eee; font-size: 15px; color: #666;}
.chat_detail_wrap .chat_bot .input_box input::-webkit-input-placeholder{font-size: 15px;color:#666;}
.chat_detail_wrap .chat_bot .input_box input:-ms-input-placeholder{font-size: 15px;color:#666;}
.chat_detail_wrap .chat_bot .input_box input::placeholder{font-size: 15px;color:#666;}
.chat_detail_wrap .chat_bot .input_box .btn_submit{position: absolute; top: 18px; right: 30px; display: block; width: 33px; height: 33px; background: url(../../images/ui/btn_submit.png)no-repeat; text-indent: -99999px; overflow: hidden;}
.chat_detail_wrap .btn_back{position: absolute; top: 20px; left: 20px; width:10px; height: 18px; background: url(../../images/ui/prev_button.png)no-repeat; text-indent: -9999px; overflow: hidden;}
.chat_detail_wrap.membership .chat_top .user_box{height: 75px; padding-top: 18px; line-height: 21px;}
.chat_detail_wrap.membership .chat_top .user_box .type{position: relative; margin-right: 15px;}
.chat_detail_wrap.membership .chat_top .user_box .type::after{content: ''; position: absolute; top: 6px; right: -10px; width: 1px; height: 12px; background: rgba(255, 255, 255, .3);}
.chat_detail_wrap.membership .chat_mid{height: calc(100% - 275px);}
.chat_detail_wrap.membership .chat_mid .top_banner{top: 150px;}
.chat_detail_wrap.membership .chat_mid .alarm_box{margin-bottom: 40px; text-align: center;}
.chat_detail_wrap.membership .chat_mid .alarm_box span{display: inline-block; padding: 12px 16px; border-radius: 20px; background: #eee; font-size: 14px;}
.chat_detail_wrap.membership .chat_mid .chat_box .btn_estimate{padding: 10px 17px; background: #5d5e65; line-height: 1.3em;}
.modal_estimate .modal_wrap .modal_inner{position:relative; width: 80%; padding: 0; border-radius: 10px;}
.modal_estimate .modal_wrap .modal_inner div{margin: 0; line-height: 1em;}
.modal_estimate .modal_wrap .modal_inner>div{padding: 15px 10px; text-align: left;}
.modal_estimate .modal_wrap .modal_inner .tit_box{padding: 15px;}
.modal_estimate .modal_wrap .modal_inner .tit_box span{font-size: 16px; font-weight: 500; color: #ff6700;}
.modal_estimate .modal_wrap .modal_inner .info_box{padding: 15px; background: rgba(255, 103, 0, .07);}
.modal_estimate .modal_wrap .modal_inner .info_box span{font-size: 14px; font-weight: 500;}
.modal_estimate .modal_wrap .modal_inner .info_box .location{color: #ff6700;}
.modal_estimate .modal_wrap .modal_inner .info_box dl{display: flex; margin-top: 10px; font-size: 13px;}
.modal_estimate .modal_wrap .modal_inner .info_box dt{color: #333;}
.modal_estimate .modal_wrap .modal_inner .info_box dd{position: relative; margin-left: 15px; color: #666;}
.modal_estimate .modal_wrap .modal_inner .info_box dd:first-of-type::after{content: ''; position: absolute; top: 3px; right: -8px; width: 1px; height: 10px; background: #b2aaa5;}
.modal_estimate .modal_wrap .modal_inner .arti_info_box{display: flex;}
.modal_estimate .modal_wrap .modal_inner .arti_info_box .img_box{width: 60px; height: 60px; border: 1px solid #ddd; border-radius: 10px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; box-sizing: border-box;}
.modal_estimate .modal_wrap .modal_inner .arti_info_box .txt_box{width: calc(100% - 70px); margin-left: 10px;}
.modal_estimate .modal_wrap .modal_inner .arti_info_box .txt_box span{font-size: 15px; font-weight: 400; color: #666;}
.modal_estimate .modal_wrap .modal_inner .arti_info_box .txt_box div{margin: 7px 0 12px;}
.modal_estimate .modal_wrap .modal_inner .arti_info_box .txt_box .type{position: relative; margin-right: 15px;}
.modal_estimate .modal_wrap .modal_inner .arti_info_box .txt_box .type::after{content: ''; position: absolute; top: 5px; right: -11px; width: 1px; height: 12px; background: #b2aaa5;}
.modal_estimate .modal_wrap .modal_inner .arti_info_box .txt_box .tit{display: block; font-weight: 500; color: #333;}
.modal_estimate .modal_wrap .modal_inner .arti_info_box .txt_box .condition{display: block; max-width: 280px; width: 80%; padding: 5px; background: rgba(255, 103, 0, .07); border-radius: 15px; font-size: 13px; font-weight: 500; color: #ff6700; text-align: center; line-height: 1.5em;}
.modal_estimate .modal_wrap .modal_inner .price_box{background: #f8f8f8;}
.modal_estimate .modal_wrap .modal_inner .price_box .tit{display: block; margin-bottom: 10px; font-size: 15px;}
.modal_estimate .modal_wrap .modal_inner .price_box .tit span{font-size: 13px;}
.modal_estimate .modal_wrap .modal_inner .price_box .txt{font-size: 13px; color: #999; line-height: 1.3em;}
.modal_estimate .modal_wrap .modal_inner .price_box .txt span{color: #333;}
.modal_estimate .modal_wrap .modal_inner .price_box ul li{display: flex; align-items: center; width: 100%; height: auto; margin-top: 12px;}
.modal_estimate .modal_wrap .modal_inner .price_box ul li input{width: calc(100% - 100px); height: 45px; padding: 15px; border: 1px solid #ddd; box-sizing: border-box; font-size: 17px; font-weight: 500; color: #ff6700; text-align: right;}
.modal_estimate .modal_wrap .modal_inner .price_box ul li .past{color: #999; text-decoration: line-through #999;}
.modal_estimate .modal_wrap .modal_inner .price_box ul li span:first-of-type{font-size: 15px; margin: 0 15px 0 5px;}
.modal_estimate .modal_wrap .modal_inner .price_box ul li .date{width: 65px; font-size: 13px; color: #666;}
.modal_estimate .modal_wrap .modal_inner .btn_box .btn{width: 120px; margin: 0 auto;}
.modal_estimate .modal_wrap .modal_inner .btn_close{position: absolute; top: 18px; right: 20px; width: 9px; height: 9px; background-image: url(../../images/ui/btn_close_bk.png);}

/* chat_info */
.chat_info{width: 100%; height: 100%; padding: 60px 15px 50px; background: #feede4; overflow-y: auto;}
.chat_info .btn_close{position: fixed; top: 20px; right: 20px; display: block; width: 18px; height: 18px; background: url(../../images/ui/btn_close_bk.png)no-repeat; background-size: contain; text-indent: -99999px; overflow: hidden;}
.chat_info .chat_info_wrap{width: 100%; overflow: unset;}
.chat_info .chat_info_wrap .swiper-wrapper .swiper-slide{width: 100%;}
.chat_info .chat_info_wrap .txt_box h4{display: flex; justify-content: center; margin-bottom: 15px; font-size: 20px; font-weight: 700;}
.chat_info .chat_info_wrap .txt_box .txt{display: block; margin: 0 0 10px 10px; padding-left: 12px; background: url(../../images/contents/chat/chk_or.png)no-repeat 0 5px; font-size: 14px; color: #666; line-height: 1.5em;}
.chat_info .chat_info_wrap .txt_box .txt .fon_color{color: #ff6700;}
.chat_info .chat_info_wrap .img_box{width: 100%; margin-top: 25px;}
.chat_info .chat_info_wrap .img_box img{width: 100%;}
.chat_info .chat_info_wrap .btn_or{width: 225px; margin: 10px auto 0;}
.chat_info .chat_info_wrap .swiper-pagination{bottom: -3%;}
.chat_info .chat_info_wrap .swiper-pagination .swiper-pagination-bullet{width: 6px; height: 6px; border: 1px solid #fff; border-radius: 3px; background: none; box-sizing: border-box; opacity: 1;}
.chat_info .chat_info_wrap .swiper-pagination .swiper-pagination-bullet-active{background: #fff;}

/* total_search */
.total_search{margin: 70px 0;}
.total_search .top_banner a{display: block;padding: 35px 0; text-align: center;}
.total_search .top_banner span{position: relative; font-size: 16px; font-weight: 500; color: #fff;}
.total_search .top_banner span::after{content: ''; position: absolute; top: 5px; right: -15px; width: 5px; height: 9px; background: url(../../images/ui/next_button_wh.png)no-repeat 50% 50% / 5px auto;}
.total_search .search_wrap{position: relative; margin: 35px 0; border-bottom: 1px solid #ddd;}
.total_search .search_wrap .ipt_box{margin-bottom: 20px;}
.total_search .search_wrap .ipt_box a{display: block; position: absolute;}
.total_search .search_wrap .ipt_box .search_ipt{display: inline-block; width: 100%; height: 35px; padding-right: 50px; border-bottom: 1px solid #333; font-size: 17px; box-sizing: border-box;}
.total_search .search_wrap .ipt_box .btn_erase{top: 6px; right: 45px; width: 18px; height: 18px; border-radius: 50%; background: #f8f8f8 url(../../images/ui/btn_del.png)no-repeat 50% 50% / 6px 6px;}
.total_search .search_wrap .ipt_box .btn_search{top: 7px; right: 15px; width: 18px; height: 17px; background-image: url(../../images/ui/btn_search.png);}
.total_search .search_wrap .recent_word_wrap{position: relative; margin-bottom: 35px;}
.total_search .search_wrap .recent_word_wrap .tit{margin-bottom: 15px; font-size: 16px; font-weight: 500;}
.total_search .search_wrap .recent_word_wrap .word_wrap{overflow: hidden;}
.total_search .search_wrap .recent_word_wrap .word_wrap .search_word{display: flex; justify-content: space-between; width: 50%; height: auto; padding: 5px 10px 5px 0; font-size: 15px; color: #666; float: left;}
.total_search .search_wrap .recent_word_wrap .word_wrap .search_word span{display: block; width: calc(100% - 15px); height: auto;}
.total_search .search_wrap .recent_word_wrap .word_wrap .search_word i{margin-top: 2px;}
.total_search .search_wrap .recent_word_wrap .btn_alldel{position: absolute; top: 0; right: 0; padding-bottom: 3px; font-size: 14px; color: #666; border-bottom: 1px solid #ddd;}
.total_search .popular_word_wrap{margin-bottom: 40px;}
.total_search.after .popular_word_wrap{padding: 0 15px;}
.total_search .popular_word_wrap .tit{margin-bottom: 15px; font-size: 16px; font-weight: 500;}
.total_search .popular_word_wrap .word_wrap .popular_word{display: inline-block; padding: 10px 13px; margin: 0 0 10px 0; border-radius: 17px; background-color: #f8f8f8; font-size: 15px; color: #666;}
.total_search .btn_wrap .btn_area_search{width: 160px; height: 40px; margin: 0 auto 50px; line-height: 38px;}
.total_search .btn_wrap .btn_area_search span{font-size: 16px; font-weight: 400;}

/* total_searched */
.total_search.after section{padding: 0;}
.total_search.after .search_wrap{padding: 0 15px; border-bottom: 0;}
.total_search.after .search_cont .slide_tab_wrap{width: 100%; margin-bottom: 18px; overflow-y: auto;}
.total_search.after .search_cont .slide_tab_wrap::-webkit-scrollbar{display: none; background-color: none;}
.total_search.after .search_cont .slide_tab_wrap ul{display: flex; white-space: nowrap;}
.total_search.after .search_cont .slide_tab_wrap ul .all_tab_btn{display: block; padding-bottom: 3px; margin: 0 10px; font-size: 17px; font-weight: 500; color: #999;}
.total_search.after .search_cont .slide_tab_wrap ul .all_tab_btn.on{border-bottom: 1px solid #ff6700; color: #ff6700;}
.total_search.after .search_cont .slide_tab_wrap ul .tab_btn{display: block; padding-bottom: 3px; margin: 0 10px; font-size: 17px; font-weight: 500; color: #999;}
.total_search.after .search_cont .slide_tab_wrap ul .tab_btn.on{border-bottom: 1px solid #ff6700; color: #ff6700;}
.total_search.after .search_cont .slide_tab_wrap ul li:first-of-type .tab_btn{margin-left: 15px;}
.total_search.after .search_cont .cont{position: relative; display: none; padding: 24px 15px 30px; border-top: 5px solid #f8f8f8;}
.total_search.after .search_cont .cont.on{display: block;}
.total_search.after .search_cont .cont .more{top: 24px; right: 15px;}
.total_search.after .search_cont .cont .title_box h3{display: inline-block; margin-right: 5px; font-size: 17px; font-weight: 500;}
.total_search.after .search_cont .cont .title_box .badge{display: inline-block; min-width: 32px; height: 18px; padding: 0 5px; border-radius: 9px; background-color: #ff6700; font-size: 15px; font-weight: 500; color: #fff; line-height: 18px; text-align: center;}
.total_search.after .search_cont .cont ul{margin-top: 10px; border-top: 1px solid #333; overflow: hidden; transition: max-height 1s ease;}
.total_search.after .search_cont .cont ul li{margin-top: 18px;}
.total_search.after .search_cont .concert_wrap ul li a{display: flex;}
.total_search.after .search_cont .concert_wrap ul li a .image{width: 150px; height: 105px; margin-right: 15px;}
.total_search.after .search_cont .concert_wrap ul li a .txt_box{width: calc(100% - 165px); font-size: 14px; color: #666;}
.total_search.after .search_cont .concert_wrap ul li a .txt_box .location{font-weight: 500; color: #ff6700;}
.total_search.after .search_cont .concert_wrap ul li a .txt_box .name{display:flex;margin: 13px 0 10px; font-size: 18px; font-weight: 500; color: #333;align-items:center;}
.total_search.after .search_cont .concert_wrap ul li a .txt_box .name .badge{margin-right:10px;}
.total_search.after .search_cont .concert_wrap ul li a .info_box{margin-top: 22px;}
.total_search.after .search_cont .concert_wrap ul li a .info_box .time{position: relative; margin-left: 20px;}
.total_search.after .search_cont .concert_wrap ul li a .info_box .time::before{content: ''; position: absolute; top: 6px; left: -12px; width: 1px; height: 10px; background-color: #ddd;}
.total_search.after .search_cont .promotion_wrap ul li a .image{width: 100%; height: 210px;}
.total_search.after .search_cont .promotion_wrap ul li a .txt_box{margin-top: 15px;}
.total_search.after .search_cont .promotion_wrap ul li a .type{font-size: 14px; font-weight: 500; color: #ff6700;}
.total_search.after .search_cont .promotion_wrap ul li a .tit{margin-top: 15px; font-size: 18px; line-height: 1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.total_search.after .search_cont .faq_wrap ul li a{position: relative; display: block; padding-bottom: 18px; border-bottom: 1px solid #ddd;}
.total_search.after .search_cont .faq_wrap ul li.on a{border-bottom: 1px solid #333;}
.total_search.after .search_cont .faq_wrap ul li a .type{display: block; margin-bottom: 10px; font-size: 13px; color: #666;}
.total_search.after .search_cont .faq_wrap ul li a .tit{display: block; width: 85%; font-size: 15px; line-height: 1.5em;}
.total_search.after .search_cont .faq_wrap ul li a .tit span{color: #ff6700; font-weight: 700;}
.total_search.after .search_cont .faq_wrap ul li a .bar{position: absolute; top: calc(50% - 9px); right: 10px; width: 12px; height: 2px; background: #4e4e4e;}
.total_search.after .search_cont .faq_wrap ul li a .bar.ver{top: calc(50% - 14px); right: 15px; width: 2px; height: 12px; transition: .3s;}
.total_search.after .search_cont .faq_wrap ul li.on a .bar.ver{top: calc(50% - 9px); right: 15px; width: 2px; height: 0; }
.total_search.after .search_cont .faq_wrap ul li .acc_cont{display: none; padding: 18px 21px 18px 18px; background-color: #fff9f5;}
.total_search.after .search_cont .faq_wrap ul li .acc_cont .txt{line-height: 1.5em;}

/* community_list */
.cs_notice .community_wrap{margin-top: 70px;}

/* community_detail */
.community_detail .community_wrap{margin-top: 70px;}
.community_detail .community_wrap .cont_wrap{margin-bottom: 50px; border-top: 1px solid #333;}
.community_detail .community_wrap .cont_wrap>div{padding: 12px; border-bottom: 1px solid #ddd;}
.community_detail .community_wrap .cont_wrap .title_wrap{padding: 20px 12px;}
.community_detail .community_wrap .cont_wrap .title_wrap .tit{font-size: 16px;}
.community_detail .community_wrap .cont_wrap .title_wrap div{margin-top: 16px;}
.community_detail .community_wrap .cont_wrap .title_wrap span{position: relative; margin-left: 18px; font-size: 13px; color: #666;}
.community_detail .community_wrap .cont_wrap .title_wrap span::after{content: ''; position: absolute; top: 4px; left: -12px; width: 1px; height: 10px; background-color: #ddd;}
.community_detail .community_wrap .cont_wrap .title_wrap span:first-of-type{margin-left: 0;}
.community_detail .community_wrap .cont_wrap .title_wrap span:first-of-type::after{display: none;}
.community_detail .community_wrap .cont_wrap .txt_box{padding: 20px 12px 35px; font-size: 14px; line-height: 1.5em;}
.community_detail .community_wrap .cont_wrap i{margin-right: 8px;}
.community_detail .community_wrap .review_wrap .cnt_box{padding-bottom: 10px; border-bottom: 1px solid #ddd;}
.community_detail .community_wrap .review_wrap .cnt_box span{position: relative; margin-left: 18px; font-size: 15px;}
.community_detail .community_wrap .review_wrap .cnt_box span::after{content: ''; position: absolute; top: 4px; left: -12px; width: 1px; height: 10px; background-color: #ddd;}
.community_detail .community_wrap .review_wrap .cnt_box span:first-of-type{margin-left: 0;}
.community_detail .community_wrap .review_wrap .cnt_box span:first-of-type::after{display: none;}
.community_detail .community_wrap .review_wrap .write_box{display: flex; margin-top: 12px;}
.community_detail .community_wrap .review_wrap .write_box .review_ipt{width: calc(100% - 97px); padding: 10px; height: 11.7vw; margin-right: 10px; border: 1px solid #ddd; font-size: 15px;}
.community_detail .community_wrap .review_wrap .write_box .btn{width: 87px; border-radius: 0; background-color: #333; color: #fff;}
.community_detail .community_wrap .review_wrap ul{margin: 12px 0 24px; border-top: 1px solid #ddd;}
.community_detail .community_wrap .review_wrap ul li{padding: 15px 0 18px; border-bottom: 1px solid #ddd;}
.community_detail .community_wrap .review_wrap .comment_list{display: flex;}
.community_detail .community_wrap .review_wrap .comment_list .image{width: 35px; height: 35px; margin-right: 10px; border-radius: 50%;}
.community_detail .community_wrap .review_wrap .comment_list .comment_info{width: calc(100% - 45px);}
.community_detail .community_wrap .review_wrap .comment_list .comment_info .user_info .name{font-size: 15px;}
.community_detail .community_wrap .review_wrap .comment_list .comment_info .user_info .date{position: relative; margin-left: 18px; font-size: 14px; color: #666;}
.community_detail .community_wrap .review_wrap .comment_list .comment_info .user_info .date::after{content: ''; position: absolute; top: 4px; left: -12px; width: 1px; height: 10px; background-color: #ddd;}
.community_detail .community_wrap .review_wrap .comment_list .comment_info .comment_cont{margin: 12px 0 18px; font-size: 15px; color: #666;}
.community_detail .community_wrap .review_wrap .comment_list .comment_info .btn_wrap a{position: relative; margin-left: 18px; font-size: 14px; color: #666;}
.community_detail .community_wrap .review_wrap .comment_list .comment_info .btn_wrap a::after{content: ''; position: absolute; top: 4px; left: -12px; width: 1px; height: 10px; background-color: #ddd;}
.community_detail .community_wrap .review_wrap .comment_list .comment_info .btn_wrap a:first-of-type{margin-left: 0;}
.community_detail .community_wrap .review_wrap .comment_list .comment_info .btn_wrap a:first-of-type::after{display: none;}
.community_detail .community_wrap .review_wrap ul .write_box{display: none; margin-left: 44px;}
.community_detail .community_wrap .review_wrap ul .write_box.on{display: flex;}
.community_detail .community_wrap .review_wrap ul .write_box .image{width: 35px; height: 35px; margin-right: 10px; border-radius: 50%;}
.community_detail .community_wrap .review_wrap ul .write_box .review_ipt{width: calc(100% - 132px);}
.community_detail .community_wrap .btn_or{margin-bottom: 80px;}

/* arti_video */
.arti_video{margin-top: 70px;}
.arti_video .video_wrap .range_box{display: flex; justify-content: right; margin-bottom: 10px;}
.arti_video .video_wrap .range_box .btn_sel{width: 80px;}
.arti_video .video_wrap .range_box .select.active .sel_li{height: 122px;}
.arti_video .video_wrap .video_list{display: flex; flex-wrap: wrap;}
.arti_video .video_wrap .video_list .list_box{width: calc(50% - 3px); margin-bottom: 30px;}
.arti_video .video_wrap .video_list .list_box a{display: block;}
.arti_video .video_wrap .video_list .list_box:nth-of-type(2n){margin-left: 6px;}
.arti_video .video_wrap .video_list .list_box .image{width: 100%; height: 29.5vw;}
.arti_video .video_wrap .video_list .list_box .tit{margin-top: 12px; font-size: 16px; font-weight: 500;}
.arti_video .video_wrap .paging_wrap{margin-bottom: 80px;}
.modal_arti_video .modal_wrap .modal_inner{height: 46.8vw;}
.modal_arti_video .modal_wrap .modal_inner iframe{width: 100%; height: 100%;}
.modal_arti_video .modal_wrap .modal_inner .btn_close{top: -30px; right: 0; width: 15px; height: 15px; background-image: url(../../images/ui/btn_close.png); }

/* login page */
.login{position: relative; overflow: hidden;}
.login .login_wrap{padding: 20px 15px 100px;}
.login .save_wrap{display: flex; margin: 12px 0 30px;}
.login .save_wrap .saveid{margin-right: 40px;}
.login .btn_wrap button{width: 100%; margin-bottom: 12px;}
.login .bot_btn_wrap{margin-top: 20px; text-align: center;}
.login .bot_btn_wrap .btn_link{font-size: 15px; color: #666;}
.login .bot_btn_wrap .btn_link:first-of-type{position: relative; margin-right: 21px;}
.login .bot_btn_wrap .btn_link:first-of-type::after{content: ''; position: absolute; top: 4px; right: -14px; width: 1px; height: 12px; background-color: #ddd;}
.login .bannerSwiper{width: 100%; margin-bottom: 60px; overflow: hidden;}
.login .bannerSwiper .swiper-slide img{display: block; width: 100%; height: auto;}
.login .bannerSwiper .swiper-pagination .swiper-pagination-bullet{width: 5px; height: 5px; margin-right: 5px; background: #fff; opacity: 1; z-index: 9;}
.login .bannerSwiper .swiper-pagination .swiper-pagination-bullet-active{width: 7px; height: 7px; border: 1px solid #fff; background: none;}
.login .login_banner{width: 100%;padding:40px;background: url(../../images/contents/login/bg.png) no-repeat 50% 50% / cover;text-align:center}
.login .login_banner .title{margin-top:13px;font-size:35px;font-weight:600;color:#fff;}
.login .login_banner .title span{color:#09fff1}
.login .login_banner .desc{margin-top:17px;font-size:20px;font-weight:300;color:#fff;}
.login .login_banner .box{margin-top:44px;padding:35px 0 32px;border:4px solid rgba(255,255,255,.2)}
.login .login_banner .box .box_top{display:flex;justify-content:center;align-items: center;;}
.login .login_banner .box .box_top .ico_doc{display:block;width:25px;height:25px;margin-right:7px;border-radius:100%;background: #4467cf url(../../images/contents/login/ico_doc.png) no-repeat 50% 50% / 50% auto;}
.login .login_banner .box .box_top .num{margin:-17px 3px 0 10px;font-size:50px;font-weight:600;color:#fff;}
.login .login_banner .box .box_top span{font-size:18px;color:#fff;}
.login .login_banner .box .box_bot{margin-top:22px;font-size:17px;color:rgba(255,255,255,.8)}
@media (max-width: 640px){
  .login .login_banner{padding:20px}
  .login .login_banner .title{margin-top:1.733vw;font-size:4.667vw;}
  .login .login_banner .desc{margin-top:2.267vw;font-size:2.667vw;}
  .login .login_banner .box{margin-top:5.867vw;padding:4.667vw 0 4.267vw;border:2px solid rgba(255,255,255,.2)}
  .login .login_banner .box .box_top .ico_doc{width:3.333vw;height:3.333vw;margin-right:0.933vw;}
  .login .login_banner .box .box_top .num{margin:-2.267vw 0.4vw 0 1.333vw;font-size:6.667vw;}
  .login .login_banner .box .box_top span{font-size:2.4vw;}
  .login .login_banner .box .box_bot{margin-top:2.933vw;font-size:2.267vw;}
}

.modal_necessary_login .modal_wrap .modal_inner,
.modal_logout_comp .modal_wrap .modal_inner,
.modal_pw_change .modal_wrap .modal_inner,
.modal_id_discord .modal_wrap .modal_inner,
.modal_autologin_deactivate .modal_wrap .modal_inner,
.modal_autologin_deactivate_comp .modal_wrap .modal_inner,
.modal_autologin_clear .modal_wrap .modal_inner,
.modal_pw_error .modal_wrap .modal_inner{border-radius: 10px; text-align: center; line-height: 1.5em;}
.modal_necessary_login .modal_wrap .modal_inner .content_box,
.modal_logout_comp .modal_wrap .modal_inner .content_box,
.modal_pw_change .modal_wrap .modal_inner .content_box,
.modal_id_discord .modal_wrap .modal_inner .content_box,
.modal_autologin_deactivate .modal_wrap .modal_inner .content_box,
.modal_autologin_deactivate_comp .modal_wrap .modal_inner .content_box,
.modal_autologin_clear .modal_wrap .modal_inner .content_box,
.modal_pw_error .modal_wrap .modal_inner .content_box{padding: 25px 15px;}
.modal_logout_comp .modal_wrap .modal_inner .btn_wrap a,
.modal_pw_error .modal_wrap .modal_inner .btn_wrap a,
.modal_autologin_deactivate_comp .modal_wrap .modal_inner .btn_wrap a,
.modal_autologin_clear .modal_wrap .modal_inner .btn_wrap a,
.modal_id_discord .modal_wrap .modal_inner .btn_wrap a{border-radius: 10px; border-top-left-radius: 0; border-top-right-radius: 0;}
.modal_autologin_deactivate .modal_wrap .modal_inner .btn_wrap{display: flex; width: 100%;}
.modal_autologin_deactivate .modal_wrap .modal_inner .btn_wrap a{width: 50%; border-radius: 0;}
.modal_autologin_deactivate .modal_wrap .modal_inner .btn_wrap .btn_gr{border: 0; border-bottom-left-radius: 10px; background-color: #f0f0f0;}
.modal_autologin_deactivate .modal_wrap .modal_inner .btn_wrap .btn_or{border-bottom-right-radius: 10px;}
.modal_pw_change .modal_wrap .modal_inner .txt_box{padding: 18px 12px; background-color: #f8f8f8;}
.modal_pw_change .modal_wrap .modal_inner .ipt_box{margin: 12px 0 0 9px; text-align: left;}
.modal_pw_change .modal_wrap .modal_inner .btn_wrap{display: flex; width: 100%;}
.modal_pw_change .modal_wrap .modal_inner .btn_wrap a{width: 50%; border-radius: 0;}
.modal_pw_change .modal_wrap .modal_inner .btn_wrap .btn_gr{border: 0; border-bottom-left-radius: 10px; background-color: #f0f0f0;}
.modal_pw_change .modal_wrap .modal_inner .btn_wrap .btn_or{border-bottom-right-radius: 10px;}
.modal_necessary_login .modal_wrap .modal_inner .txt_box{margin-top: 20px; padding: 18px 12px; background-color: #f8f8f8;}
.modal_necessary_login .modal_wrap .modal_inner .txt_box a{position: relative; display: inline-block; width: 130px; padding: 5px; margin-top: 10px; border-bottom: 1px solid #ddd; text-align: left;}
.modal_necessary_login .modal_wrap .modal_inner .txt_box a::after{content: ''; position: absolute; top: 8px; right: 5px; width: 5px; height: 9px; background: url(../../images/ui/btn_next_or.png)no-repeat 50% 50%; }
.modal_necessary_login .modal_wrap .modal_inner .btn_wrap{display: flex; width: 100%;}
.modal_necessary_login .modal_wrap .modal_inner .btn_wrap a{width: 50%; border-radius: 0;}
.modal_necessary_login .modal_wrap .modal_inner .btn_wrap .btn_gr{border: 0; border-bottom-left-radius: 10px; background-color: #f0f0f0;}
.modal_necessary_login .modal_wrap .modal_inner .btn_wrap .btn_or{border-bottom-right-radius: 10px;}

/* find_id pw_change */ 
.find_id .txt_box{width: 100%; padding: 24px 15px; background-color: #f8f8f8; font-size: 14px; color: #666; text-align: center; line-height: 1.5em;}
.find_id .txt_box .tit{margin-bottom: 15px; font-size: 17px; color: #333;}
.find_id .identification_wrap{padding: 20px 15px 80px;}
.find_id .identification_wrap .link_box{display: flex; justify-content: center; margin-bottom: 20px;}
.find_id .identification_wrap .link_box a{font-size: 16px; font-weight: 500; color: #999;}
.find_id .identification_wrap .link_box a.on{color: #ff6700;}
.find_id .identification_wrap .link_box a:last-of-type{position: relative; margin-left: 30px;}
.find_id .identification_wrap .link_box a:last-of-type::before{content: ''; position: absolute; top: 2px; left: -15px; width: 1px; height: 12px; background-color: #ddd;}
.find_id .identification_wrap .find_form .cellphone{display: flex; align-items: flex-end;}
.find_id .identification_wrap .find_form .cellphone input{width: calc(100% - 130px);}
.find_id .identification_wrap .find_form .cellphone a{display: block; margin-left: 10px; width: 120px; height: 8.5vw; border: 1px solid #333; font-size: 3.5vw; line-height: 8.5vw; text-align: center;}
.find_id .identification_wrap .find_form .btn_ok{width: 100%; margin: 30px 0 18px;}
.find_id .identification_wrap ul li span{font-size: 13px; color: #666; line-height: 1.5em;}
.find_id .id_select_wrap .img_box{padding: 30px 0 25px; text-align: center;}
.find_id .id_select_wrap .img_box img{width: 60px; height: 55px;}
.find_id .id_select_wrap .select_user{padding: 24px 18px; background-color: #f8f8f8; font-size: 16px; text-align: center;}
.find_id .id_select_wrap .select_user .user_id{font-weight: 500;}
.find_id .id_select_wrap .select_user .sel_top{margin-bottom: 24px; text-align: center;}
.find_id .id_select_wrap .select_user ul{text-align: left;}
.find_id .id_select_wrap .btn_wrap{margin-top: 30px;}
.find_id .id_select_wrap .btn_wrap a{margin-top: 12px;}
.find_id .nonmember_wrap{padding: 20px 15px 80px;}
.find_id .nonmember_wrap .txt_box{margin-bottom: 30px;}
.pw_change .id_select_wrap{padding: 20px 15px 30px;}
.pw_change .pw_change_wrap .ipt_wrap .input{padding: 0 5px;}
.pw_change .pw_change_wrap .ipt_wrap .tit{margin-bottom: 20px; font-size: 18px; font-weight: 500;}
.pw_change .pw_change_wrap .ipt_wrap .ipt_txt{display: inline-block; padding: 5px; font-size: 13px; color: #ff6700; line-height: 1.5em;}
.pw_change .pw_change_wrap button{width: 100%; margin: 30px 0 15px;}
.pw_change .pw_change_wrap ul li span{font-size: 13px; color: #666; line-height: 1.5em;}
.pw_change .pw_change_wrap ul li .txt{display: block; margin-left: 5px;}
.modal_pw_change_error .modal_wrap .modal_inner{border-radius: 10px; text-align: center; line-height: 1.5em;}
.modal_pw_change_error .modal_wrap .modal_inner .content_box{padding: 25px 15px;}
.modal_pw_change_error .modal_wrap .modal_inner .content_box .txt{font-size: 15px;}
.modal_pw_change_error .modal_wrap .modal_inner .btn_wrap a{border-radius: 10px; border-top-left-radius: 0; border-top-right-radius: 0;}
.pw_change .complete_wrap .img_box{padding: 30px 0 25px; text-align: center;}
.pw_change .complete_wrap .txt_box{width: 100%; padding: 24px 15px; margin-bottom: 24px; background-color: #f8f8f8; font-size: 14px; color: #666; text-align: center; line-height: 1.5em;}
.pw_change .complete_wrap .txt_box .tit{margin-bottom: 15px; font-size: 17px; color: #333;}

/* join page */
/* join common */
.join{margin: 70px 0 120px;}
.join .steps{margin-bottom: 45px;}
.join .steps ul{position: relative; display: flex; justify-content: space-between;}
.join .steps ul::before{content: ''; position: absolute; top: 22px; left: 10%; width: 80%; height: 1px; background-color: #ddd; z-index: -1;}
.join .steps ul li{width: 20%; text-align: center;}
.join .steps ul li img{width: 44px; height: 44px;}
.join .steps ul li .txt{display: block; margin-top: 5px; font-size: 13px; color: #666;}
.join .steps ul li .txt.on{color: #333;}
.join section .img_wrap{display: flex;}
.join section .img_wrap .img_box{display: none; margin-bottom: 5px;}
.join section .img_wrap .img_box.on,
.join section .img_wrap .add_box label{position: relative; display: block; width: 60px; height: 60px; margin-right: 5px; border: 1px solid #ddd; box-sizing: border-box;}
.join section .img_wrap .img_box .btn_del{position: absolute; bottom: -1px; right: -1px; width: 18px; height: 18px; border: 1px solid #ddd; background: #fff url(../../images/ui/btn_close_bk.png)no-repeat 50% 50% / 6px 6px; z-index: 1;}
.join section .img_wrap .add_box{position: relative; width: 60px; height: 60px; margin: 0 5px 5px 0; overflow: hidden;}
.join section .img_wrap .add_box label{background-image: none; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
.join section .img_wrap .add_box input{display: none;}
.join section .img_wrap .add_box .btn_del{position: absolute; bottom: 0; right: 0; width: 18px; height: 18px; border: 1px solid #ddd; background: #fff url(../../images/ui/btn_close_bk.png)no-repeat 50% 50% / 6px 6px; z-index: 1;}
.join section .img_wrap .add_box.on label{background: url(../../images/ui/btn_more_m.png)no-repeat 50% 50% / 15px 15px;}
.join section .img_wrap .add_box.on .btn_del{display: none;}
.join .agreement_box{display: flex; margin: 24px 15px 30px; padding: 16px 12px 20px; background-color: #f8f8f8; color: 14px; line-height: 1.5em;}
.join .agreement_box .font_or{display: inline-block; border-bottom: 1px solid #ff6700;}

/* join_type */
.join_type .type_wrap{text-align: center;}
.join_type .type_wrap p{margin-bottom: 24px; font-size: 18px; font-weight: 400; line-height: 1.5em;}
.join_type .type_wrap div{padding: 24px 16px; margin-top: 10px; border: 1px solid #ddd;}
.join_type .type_wrap div span{display: block; margin: 22px 0 18px; font-size: 18px; font-weight: 500;}
.join_type .type_wrap div .txt{font-size: 14px; color: #666;}

/* join_identification */
.join_identification .identification_wrap .ipt_wrap{padding-top: 30px;}
.join_identification .identification_wrap .ipt_wrap p{font-size: 15px; font-weight: 500;}
.join_identification .identification_wrap .ipt_wrap a{display: inline-block; margin-left: 10px; width: 110px; height: 8.5vw; border: 1px solid #333; font-size: 3.5vw; line-height: 8.5vw; text-align: center; box-sizing: border-box;}
.join_identification .identification_wrap .ipt_wrap .input{margin-top: 15px; padding: 0 0 0 5px;}
.join_identification .identification_wrap .ipt_wrap .ipt_txt{display: inline-block; margin: 5px; font-size: 13px; color: #666;}
.join_identification .identification_wrap .id_row{padding: 0;}
.join_identification .identification_wrap .id_row .input,
.join_identification .identification_wrap .phone_row .ipt_phone{width: calc(100% - 124px);}
.join_identification .identification_wrap ul{margin: 15px 0;}
.join_identification .identification_wrap ul li span{font-size: 13px; color: #666; line-height: 1.5em;}
.join_identification .identification_wrap button{width: 100%;}
.modal_necessary_item .modal_wrap .modal_inner,
.modal_id_overlap .modal_wrap .modal_inner{border-radius: 10px;}
.modal_necessary_item .modal_wrap .modal_inner .content_box,
.modal_id_overlap .modal_wrap .modal_inner .content_box{padding: 25px 15px; text-align: center; line-height: 1.5em;}
.modal_id_overlap .modal_wrap .modal_inner .btn_wrap a{border-radius: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.modal_necessary_item .modal_wrap .modal_inner .btn_wrap{display: flex;}
.modal_necessary_item .modal_wrap .modal_inner .btn_wrap a{width: 50%; border-radius: 0;}
.modal_necessary_item .modal_wrap .modal_inner .btn_wrap .btn_gr{border: none; background-color: #f0f0f0; border-bottom-left-radius: 10px; }
.modal_necessary_item .modal_wrap .modal_inner .btn_wrap .btn_or{border-bottom-right-radius: 10px;}

/* join_info */
.join_info section .tit_box{display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 12px; border-bottom: 1px solid #333; font-size: 13px; color: #666;}
.join_info section .tit_box h3{font-size: 16px; color: #333;}
.join_info section .subtit{margin-bottom: 15px; font-size: 15px; font-weight: 500;}
.join_info section .txt{display: inline-block; margin-top: 12px; font-size: 13px; color: #333; line-height: 1.3em;}
.join_info .normal_info_wrap{padding-bottom: 30px; border-bottom: 5px solid #f8f8f8;}
.join_info .normal_info_wrap .receive_row .checkbox_wrap{display: flex;}
.join_info .normal_info_wrap .receive_row .checkbox_wrap .sms{margin-right: 30px;}
.join_info .normal_info_wrap .receive_row input[type="checkbox"] + label span{background-image: url(../../images/ui/chk_sq.png);}
.join_info .normal_info_wrap .receive_row input[type="checkbox"]:checked + label span{background-image: url(../../images/ui/chk_on_sq.png);}
.join_info .business_info_wrap{padding: 30px 15px; border-bottom: 5px solid #f8f8f8;}
.join_info .business_info_wrap .form_wrap{display: none;}
.join_info .business_info_wrap .form_wrap.on{display: block;}
.join_info .business_info_wrap .form_wrap{margin-top: 10px;}
.join_info .business_info_wrap .chk_box{display: flex; justify-content: space-between;}
.join_info .btn_box{display: flex; padding: 0 15px;}
.join_info .btn_box a{width: calc(50% - 5px);}
.join_info .btn_box .btn_gr{margin-right: 10px;}
.modal_nonagree .modal_wrap .modal_inner{border-radius: 10px;}
.modal_nonagree .modal_wrap .modal_inner .content_box{padding: 25px 15px; text-align: center; line-height: 1.5em;}
.modal_nonagree .modal_wrap .modal_inner .btn_wrap a{border-radius: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.modal.policy_pop .modal_wrap .modal_inner{width: 100%; height: 100%; line-height: 1.5em;}
.modal.policy_pop .modal_wrap .modal_inner .tit_box{height: 65px; text-align: center; line-height: 65px;}
.modal.policy_pop .modal_wrap .modal_inner .tit_box h3{font-size: 20px; font-weight: 500;}
.modal.policy_pop .modal_wrap .modal_inner .txt_box{height: calc(100% - 65px); padding: 15px; font-size: 14px; line-height: 1.5em; overflow-y: auto;}
.modal_agreement.policy_pop .modal_wrap .modal_inner .txt_box{height: 100%;}
.modal.policy_pop .modal_wrap .modal_inner .txt_box h3{margin: 20px 0; font-size: 14px; font-weight: 500; color: #ff6700;}
.modal.policy_pop .modal_wrap .modal_inner .txt_box h4{margin-top: 15px; font-size: 14px; font-weight: 500;}
.modal.policy_pop .modal_wrap .modal_inner .txt_box .mt,
.modal.policy_pop .modal_wrap .modal_inner .txt_box .mb{margin: 20px 0;}
.modal_agreement .modal_wrap .modal_inner .tabCont_wrap{height: calc(100% - 92px); font-size: 14px; line-height: 1.5em; overflow-y: auto;}
.modal_agreement .modal_wrap .modal_inner .tab{position: relative; display: block; width: 100%; height: auto; text-align: center;}
.modal_agreement .modal_wrap .modal_inner .tab::after{content: ''; position: absolute; top: 5px; left: calc(50% - 5px); width: 1px; height: 16px; background-color: #ddd;}
.modal_agreement .modal_wrap .modal_inner .tab .tablinks{display: inline-block; height: auto; width: auto;  border: 0; background: none; font-size: 17px; line-height: 1.5em; float: none;}
.modal_agreement .modal_wrap .modal_inner .tab .tablinks:first-of-type{margin-right: 40px;}
.modal_agreement .modal_wrap .modal_inner .tab .tablinks::after{display: none;}
.modal_agreement .modal_wrap .modal_inner .tab .tablinks.on{border-bottom: 1px solid #ff6700;  font-weight: 700; color: #ff6700;}

/* join_profile */
.join_profile section .tit_box{display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 12px; border-bottom: 1px solid #333; font-size: 13px; color: #666;}
.join_profile section .tit_box h3{font-size: 16px; color: #333;}
.join_profile section .subtit{margin-bottom: 15px; font-size: 15px;}
.join_profile section .input{color: #333;}
.join_profile section .txt{display: block; font-size: 13px; color: #666; line-height: 1.5em;}
.join_profile section .txt_or{margin-top: 12px; color: #ff6700;}
.join_profile section .select{width: 100%;}
.join_profile section .select .btn_sel{width: 100%; height: auto; padding: 5px; border-bottom: 1px solid #ddd; font-size: 15px;}
.join_profile section .select .btn_sel::after{top: 11px; right: 5px; background-image: url(../../images/ui/sel_down_gr.png); background-size: auto 6px;}
.join_profile section .select.active .sel_li{height: 122px; top: 100%;}
.join_profile .field_wrap{padding-bottom: 30px; border-bottom: 5px solid #f8f8f8;}
.join_profile .field_wrap .tit_box{margin-bottom: 30px;}
.join_profile .field_wrap .btn_wrap{display: flex; flex-wrap: wrap;}
.join_profile .field_wrap .btn_wrap .btn{width: calc(33.33% - 6px); margin: 0 9px 15px 0;}
.join_profile .field_wrap .btn_wrap .btn.on{border: 1px solid #ff6700; background-color: #ff6700; color: #fff;}
.join_profile .field_wrap .btn_wrap .btn:nth-of-type(3n){margin-right: 0;}
.join_profile .businessinfo_wrap{padding: 30px 15px; border-bottom: 5px solid #f8f8f8;}
.join_profile .businessinfo_wrap .companyname_row .input{width: calc(100% - 124px);}
.join_profile .businessinfo_wrap .companyname_row a{display: inline-block; margin-left: 10px; width: 100px; height: 8.5vw; border: 1px solid #333; font-size: 3.5vw; line-height: 8.5vw; text-align: center; box-sizing: border-box;}
.join_profile .businessinfo_wrap .genre_row .select_wrap{display: flex;}
.join_profile .businessinfo_wrap .genre_row .select_wrap .range_box{width: calc(35% - 7px); margin-right: 10px;}
.join_profile .businessinfo_wrap .genre_row .select_wrap .range_box:first-of-type{width: calc(30% - 7px);}
.join_profile .businessinfo_wrap .genre_row .select_wrap .range_box:last-of-type{margin-right: 0;}
.join_profile .businessinfo_wrap .genre_row .select.active .sel_li{height: 162px;}
.join_profile .teaminfo_wrap{padding: 30px 15px; border-bottom: 5px solid #f8f8f8;}
.join_profile .teaminfo_wrap .teamname_row .input{width: calc(100% - 124px);}
.join_profile .teaminfo_wrap .teamname_row a{display: inline-block; margin-left: 10px; width: 100px; height: 8.5vw; border: 1px solid #333; font-size: 3.5vw; line-height: 8.5vw; text-align: center; box-sizing: border-box;}
.join_profile .teaminfo_wrap .genre_row .select_wrap{display: flex;}
.join_profile .teaminfo_wrap .genre_row .select_wrap .range_box{width: calc(35% - 7px); margin-right: 10px;}
.join_profile .teaminfo_wrap .genre_row .select_wrap .range_box:first-of-type{width: calc(30% - 7px);}
.join_profile .teaminfo_wrap .genre_row .select_wrap .range_box:last-of-type{margin-right: 0;}
.join_profile .teaminfo_wrap .genre_row .select.active .sel_li{height: 162px;}
.join_profile .teaminfo_wrap .member_row .ipt_txt{margin: 15px 0; font-size: 15px;}
.join_profile .teaminfo_wrap .member_row .chkbox_wrap .ipt_chk{display: inline-block; width: 60px;}
.join_profile .basicprice_wrap{padding: 30px 15px; border-bottom: 5px solid #f8f8f8;}
.join_profile .basicprice_wrap .price_row .input{width: calc(100% - 28px); font-size: 18px; color: #ff6700; text-align: right;}
.join_profile .basicprice_wrap .price_row span{margin-left: 10px; font-size: 15px;}
.join_profile .price_wrap{padding: 30px 15px; border-bottom: 5px solid #f8f8f8;}
.join_profile .price_wrap .price_row .input{width: calc(100% - 28px); font-size: 18px; color: #ff6700; text-align: right;}
.join_profile .price_wrap .price_row span{margin-left: 10px; font-size: 15px;}
.join_profile .standard_price_wrap{padding: 30px 15px; border-bottom: 5px solid #f8f8f8;}
.join_profile .standard_price_wrap .price_box > div{position: relative; margin: 30px 0;}
.join_profile .standard_price_wrap .price_box > div:first-child{margin: 0;}
.join_profile .standard_price_wrap .product_name_row .input{width: 100%; font-size: 15px;}
.join_profile .standard_price_wrap .product_price_row .input{width: calc(100% - 28px); font-size: 18px; color: #ff6700; text-align: right;}
.join_profile .standard_price_wrap .product_price_row span{margin-left: 10px; font-size: 15px;}
.join_profile .standard_price_wrap .ipt_wrap textarea{width: 100%; height: 80px; border-bottom: 1px solid #ddd;}
.join_profile .standard_price_wrap .btn_add{position: relative; display: block; margin: 30px auto 0; width: 155px; height: 8.5vw; border: 1px solid #333; font-size: 3.5vw; line-height: 8.5vw; text-align: center; box-sizing: border-box;}
.join_profile .standard_price_wrap .btn_add::after{content: ''; position: absolute; top: 50%; right: 5%; width: 10px; height: 10px; background: url(../../images/ui/btn_more_m.png)no-repeat 50% 50% / 15px 15px; transform: translateY(-50%);}
.join_profile .standard_price_wrap .img_wrap .btn_del{top: unset;}
.join_profile .standard_price_wrap .btn_del{position: absolute; top: 30px; right: 10px; width: 14px; height: 14px; background: url(../../images/ui/btn_close_bk.png)no-repeat 50% 50% / cover;}
.join_profile .businessmedia_wrap{padding: 30px 15px; border-bottom: 5px solid #f8f8f8;}
.join_profile .businessmedia_wrap .video_row .subtit{margin-bottom: 0;}
.join_profile .businessmedia_wrap .video_row .btn{position: absolute; top: 20px; right: 0; width: 105px; height: 30px; border: 1px solid #ddd; font-size: 14px; color: #ff6700; line-height: 30px;}
.join_profile .businessmedia_wrap .video_row .video_url{margin-top: 15px;}
.join_profile .businessmedia_wrap .video_row .video_box{position: relative;}
.join_profile .businessmedia_wrap .video_row .video_box .btn_del{position: absolute; top: 20px; right: 10px; width: 14px; height: 14px; background: url(../../images/ui/btn_close_bk.png)no-repeat 50% 50% / cover;}
.join_profile .businessmedia_wrap .video_row .video_box .btn_add_del{position: absolute; top: 20px; right: 10px; width: 14px; height: 14px; background: url(../../images/ui/btn_close_bk.png)no-repeat 50% 50% / cover;}
.join_profile .businessmedia_wrap .video_row .video_title_box{display: flex; align-items: flex-end; margin-top: 15px;}
.join_profile .businessmedia_wrap .video_row .video_title_box .input{width: calc(100% - 52px);}
.join_profile .businessmedia_wrap .video_row .video_title_box .btn_add{display: inline-block; width: 38px; height: 38px; margin-left: 10px; border: 1px solid #ddd; background: url(../../images/ui/btn_more_m.png)no-repeat 50% 50% / 15px 15px; box-sizing: border-box;}
.join_profile .businessmedia_wrap .picture_row .img_wrap{flex-wrap: wrap; width: 100%; max-width: 325px; margin-bottom: 5px;}
.join_profile .concertinfo_wrap{padding: 30px 15px; border-bottom: 5px solid #f8f8f8;}
.join_profile .concertinfo_wrap .video_row .subtit{margin-bottom: 0;}
.join_profile .concertinfo_wrap .video_row .btn{position: absolute; top: 20px; right: 0; width: 105px; height: 30px; border: 1px solid #ddd; font-size: 14px; color: #ff6700; line-height: 30px;}
.join_profile .concertinfo_wrap .video_row .video_url{margin-top: 15px;}
.join_profile .concertinfo_wrap .video_row .video_box{position: relative;}
.join_profile .concertinfo_wrap .video_row .video_box .btn_del{position: absolute; top: 20px; right: 10px; width: 14px; height: 14px; background: url(../../images/ui/btn_close_bk.png)no-repeat 50% 50% / cover;}
.join_profile .concertinfo_wrap .video_row .video_box .btn_add_del{position: absolute; top: 20px; right: 10px; width: 14px; height: 14px; background: url(../../images/ui/btn_close_bk.png)no-repeat 50% 50% / cover;}
.join_profile .concertinfo_wrap .video_row .video_title_box{display: flex; align-items: flex-end; margin-top: 15px;}
.join_profile .concertinfo_wrap .video_row .video_title_box .input{width: calc(100% - 52px);}
.join_profile .concertinfo_wrap .video_row .video_title_box .btn_add{display: inline-block; width: 38px; height: 38px; margin-left: 10px; border: 1px solid #ddd; background: url(../../images/ui/btn_more_m.png)no-repeat 50% 50% / 15px 15px; box-sizing: border-box;}
.join_profile .concertinfo_wrap .picture_row .img_wrap{flex-wrap: wrap; width: 100%; max-width: 325px; margin-bottom: 5px;}
.join_profile .businessintro_wrap{padding: 30px 15px; border-bottom: 5px solid #f8f8f8;}
.join_profile .businessintro_wrap .ipt_wrap textarea{width: 100%; height: 80px; border-bottom: 1px solid #ddd;}
.join_profile .businessintro_wrap .introfile_row .file_wrap{display: flex; align-items: flex-end; margin-bottom: 5px;}
.join_profile .businessintro_wrap .introfile_row .file_wrap .file_inner{position: relative; width: 100%;}
.join_profile .businessintro_wrap .introfile_row .file_wrap .file_inner input{display: none;}
.join_profile .businessintro_wrap .introfile_row .file_wrap .file_inner label{display: inline-block; width: 100%; height: 30px; padding: 0 10px; border-bottom: 1px solid #ddd; font-size: 15px; font-weight: 400; line-height: 30px;}
.join_profile .introfile_row .btn_del{position: absolute; top: 5px; right: 10px; width: 14px; height: 14px; background: url(../../images/ui/btn_close_bk.png)no-repeat 50% 50% / cover;}
.join_profile .businessintro_wrap .introfile_row .file_wrap .add_box label{display: inline-block; width: 38px; height: 38px; margin-left: 10px; border: 1px solid #ddd; background: url(../../images/ui/btn_more_m.png)no-repeat 50% 50% / 15px 15px; box-sizing: border-box;}
.join_profile .businessintro_wrap .introfile_row .file_wrap .add_box input{display: none;}
.join_profile .businessintro_wrap .introfile_row .info_agreement{margin: 10px 0;}
.join_profile .businessintro_wrap .introfile_row .info_agreement label span{width: 100px; padding-left: 20px; background-repeat: no-repeat; font-size: 14px; color: #333;}
.join_profile .businessintro_wrap .introfile_row .info_agreement .txt{padding: 5px 0 0 20px; color: #999;}
.join_profile .teamintro_wrap{padding: 30px 15px; border-bottom: 5px solid #f8f8f8;}
.join_profile .teamintro_wrap .member_row>div{display: flex; flex-wrap: wrap; align-items: flex-end; margin-top: 10px;}
.join_profile .teamintro_wrap .member_row>div:first-of-type{margin-top: 0;}
.join_profile .teamintro_wrap .member_row .input{width: calc(100% - 52px);}
.join_profile .teamintro_wrap .member_row .btn_add{display: inline-block; width: 38px; height: 38px; margin-left: 10px; border: 1px solid #ddd; background: url(../../images/ui/btn_more_m.png)no-repeat 50% 50% / 15px 15px; box-sizing: border-box;}
.join_profile .teamintro_wrap .member_row .memberinfo_wrap{position: relative; width: 100%; height: 40px; margin-top: 12px; border: 1px solid #ddd; line-height: 40px; text-align: center;}
.join_profile .teamintro_wrap .member_row .memberinfo_wrap a .ico_camera{margin-right: 5px;}
.join_profile .teamintro_wrap .member_row .memberinfo_wrap span{color: #666;}
.join_profile .teamintro_wrap .member_row .memberinfo_wrap .btn_del{position: absolute; top: 50%; right: 15px; display: block; width: 10px; height: 10px; margin-top: -5px; background-image: url(../../images/ui/btn_del_m.png); background-size: cover;}
.join_profile .teamintro_wrap .member_row .memberinfo_wrap input{display: none;}
.join_profile .teamintro_wrap .member_row .add_box{width: 100%;}
.join_profile .teamintro_wrap .member_row .add_box label{display: block; width: 100%; height: 40px; margin-top: 12px; border: 1px solid #ddd; line-height: 40px; text-align: center;}
.join_profile .teamintro_wrap .member_row .add_box label span{color: #666;}
.join_profile .teamintro_wrap .member_row .add_box input{display: none;}
.join_profile .teamintro_wrap .ipt_wrap textarea{width: 100%; height: 80px; border-bottom: 1px solid #ddd;}
.join_profile .teamintro_wrap .introfile_row .file_wrap{display: flex; align-items: flex-end; margin-bottom: 5px;}
.join_profile .teamintro_wrap .introfile_row .file_wrap .file_inner{position: relative; width: 100%;}
.join_profile .teamintro_wrap .introfile_row .file_wrap .file_inner input{display: none;}
.join_profile .teamintro_wrap .introfile_row .file_wrap .file_inner label{display: inline-block; width: 100%; height: 30px; padding: 0 10px; border-bottom: 1px solid #ddd; font-size: 15px; font-weight: 400; line-height: 30px;}
.join_profile .teamintro_wrap .introfile_row .file_wrap .add_box label{display: inline-block; width: 38px; height: 38px; margin-left: 10px; border: 1px solid #ddd; background: url(../../images/ui/btn_more_m.png)no-repeat 50% 50% / 15px 15px; box-sizing: border-box;}
.join_profile .teamintro_wrap .introfile_row .file_wrap .add_box input{display: none;}
.join_profile .teamintro_wrap .introfile_row .info_agreement{margin: 10px 0;}
.join_profile .teamintro_wrap .introfile_row .info_agreement label span{width: 100px; padding-left: 20px; background-repeat: no-repeat; font-size: 14px; color: #333;}
.join_profile .teamintro_wrap .introfile_row .info_agreement .txt{padding: 5px 0 0 20px; color: #999;}
.join_profile .btn_box{display: flex; justify-content: space-between; padding: 0 15px; margin-top: 30px;}
.join_profile .btn_box a{width: calc(33.33% - 5px);}

/* 프로필 분야 공연,연예인,개인행사 선택시 */
.join .businessinfo_wrap,
.join .basicprice_wrap,
.join .standard_price_wrap,
.join .businessmedia_wrap,
.join .businessintro_wrap{display: none;}
.join .teaminfo_wrap,
.join .price_wrap,
.join .concertinfo_wrap,
.join .teamintro_wrap{display: block;}

/* 프로필 분야 시스템,렌탈,제작/대행,제작대행,인력 선택시 */
.join.field1 .businessinfo_wrap,
.join.field1 .basicprice_wrap,
.join.field1 .standard_price_wrap,
.join.field1 .businessmedia_wrap,
.join.field1 .businessintro_wrap{display: block;}
.join.field1 .teaminfo_wrap,
.join.field1 .price_wrap,
.join.field1 .concertinfo_wrap,
.join.field1 .teamintro_wrap{display: none;}

.modal_image_condition .modal_wrap .modal_inner,
.modal_info_nonagree .modal_wrap .modal_inner,
.modal_team_overlap .modal_wrap .modal_inner{border-radius: 10px;}
.modal_image_condition .modal_wrap .modal_inner .content_box,
.modal_info_nonagree .modal_wrap .modal_inner .content_box,
.modal_team_overlap .modal_wrap .modal_inner .content_box{padding: 25px 15px; text-align: center;}
.modal_info_nonagree .modal_wrap .modal_inner .btn_wrap a,
.modal_team_overlap .modal_wrap .modal_inner .btn_wrap a{border-radius: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.modal_youtube .modal_wrap .modal_inner{padding: 30px 15px; border-radius: 10px;}
.modal_youtube .modal_wrap .modal_inner .tit_box{text-align: center;}
.modal_youtube .modal_wrap .modal_inner .txt_box{margin-top: 15px;}
.modal_youtube .modal_wrap .modal_inner .txt_box ul li{margin-top: 5px;}
.modal_youtube .modal_wrap .modal_inner .txt_box ul li:first-of-type{margin-top: 0;}
.modal_youtube .modal_wrap .modal_inner .txt_box ul li p{font-size: 15px; line-height: 20px;}
.modal_youtube .modal_wrap .modal_inner .txt_box ul li .step{display: inline-block; width: 55px; height: 20px; margin-right: 8px; border-radius: 10px; background-color: #ff6700; font-size: 12px; font-weight: 500; color: #fff; text-align: center; line-height: 20px;}
.modal_youtube .modal_wrap .modal_inner img{width: 100%;}
.modal_image_condition .modal_wrap .modal_inner .content_box dl{display: flex; justify-content: center; text-align: left; font-size: 15px; color: #666;}
.modal_image_condition .modal_wrap .modal_inner .content_box dt{width: 50px; font-weight: 500; color: #333;}
.modal_image_condition .modal_wrap .modal_inner .btn_wrap{display: flex;}
.modal_image_condition .modal_wrap .modal_inner .btn_wrap a{width: 50%; border: 0; border-radius: 0; border-bottom-left-radius: 10px; background-color: #f8f8f8;}
.modal_image_condition .modal_wrap .modal_inner .btn_wrap .add_box{width: 50%;}
.modal_image_condition .modal_wrap .modal_inner .btn_wrap .add_box label{display: block; height: 11.7vw; border-bottom-right-radius: 10px; background-color: #ff6700; font-size: 3.9vw; color: #fff; text-align: center; line-height: 11.7vw;}
.modal_image_condition .modal_wrap .modal_inner .btn_wrap .add_box input{display: none;}
.modal_prev_modal .modal_wrap .modal_inner{width: 100%; height: 100%;}
.modal_prev_modal .modal_wrap .modal_inner .title_box{height: 65px; text-align: center; line-height: 65px;}
.modal_prev_modal .modal_wrap .modal_inner .title_box h4{font-size: 20px; font-weight: 500;}
.modal_prev_modal .modal_wrap .modal_inner .join_profile{height: calc(100% - 65px); overflow-y: auto;}
.modal_prev_modal .modal_wrap .modal_inner .join_profile .select.active .btn_sel::after{transform: none;}
.modal_prev_modal .modal_wrap .modal_inner .join_profile .txt_or{color: #ff6700;}
.modal_prev_modal .modal_wrap .modal_inner .join_profile .teaminfo_wrap{padding: 0 15px 30px;}
.modal_prev_modal .modal_wrap .modal_inner .join_profile .ipt_val{display: inline-block; width: 100%; height: 30px; padding: 0 10px; border-bottom: 1px solid #ddd; font-size: 15px; line-height: 30px;}
.modal_prev_modal .modal_wrap .modal_inner .join_profile .img_wrap{display: flex;}
.modal_prev_modal .modal_wrap .modal_inner .join_profile .img_wrap .img_box{position: relative; display: block; width: 60px; height: 60px; margin-right: 5px; border: 1px solid #ddd; box-sizing: border-box;}
.modal_prev_modal .modal_wrap .modal_inner .join_profile .price_wrap .ipt_val{width: calc(100% - 38px); text-align: right;}
.modal_prev_modal .modal_wrap .modal_inner .join_profile .video_row .ipt_val{margin-top: 5px;}
.modal_prev_modal .modal_wrap .modal_inner .join_profile .member_row .member_box{position: relative; display: block; width: 100%; height: 40px; margin-top: 12px; border: 1px solid #ddd; line-height: 40px; text-align: center;}
.modal_prev_modal .modal_wrap .modal_inner .join_profile .teamintro_wrap .text_box{width: 100%; min-height: 80px; padding: 0 10px 10px 10px; border-bottom: 1px solid #ddd; font-size: 15px; line-height: 1.5em; overflow: hidden;}
.modal_prev_modal .modal_wrap .modal_inner .join_profile .teamintro_wrap .introfile_row .file_inner{width: 100%; height: 30px; padding: 0 10px; margin-top: 10px; border-bottom: 1px solid #ddd; font-size: 15px; line-height: 30px;}

/* join_complete */
.join_complete .content_box .comp_wrap{text-align: center;}
.join_complete .content_box .comp_wrap img{width: 60px;}
.join_complete .content_box .comp_wrap .tit{margin: 24px 0 18px; font-size: 18px; font-weight: 500;}
.join_complete .content_box .comp_wrap .txt{font-size: 14px; color: #999; line-height: 1.5em;}
.join_complete .content_box .comp_wrap .btn{margin: 30px 0;}
.join_complete .content_box .text_wrap{width: 100%; padding: 24px 18px; background-color: #f8f8f8;}
.join_complete .content_box .text_wrap p{margin-bottom: 17px; font-size: 16px; font-weight: 500;}
.join_complete .content_box .text_wrap ul li{position: relative; padding-left: 10px;}
.join_complete .content_box .text_wrap ul li::before{content: '·'; position: absolute; top: 0; left: 0;}
.join_complete .content_box .text_wrap ul li span{font-size: 14px; color: #666; line-height: 1.5em;}
.join_complete .content_box .text_wrap ul li .strong{color: #333;}

.join_complete.member .content_box .text_wrap{margin-top: 20px;}

/* set_up page */
.set_up{margin-top: 70px;}
.set_up .set_up_wrap{padding: 0;}
.set_up .set_up_wrap .list_wrap{margin-top: 35px;}
.set_up .set_up_wrap .list_wrap h3{margin-left: 15px; font-size: 17px; font-weight: 500;}
.set_up .set_up_wrap .list_wrap ul{margin-top: 24px; border-top: 1px solid #ddd;}
.set_up .set_up_wrap .list_wrap ul li{border-bottom: 1px solid #ddd;}
.set_up .set_up_wrap .list_wrap ul li a{display: block; position: relative; font-size: 15px; padding: 15px;}
.set_up .set_up_wrap .list_wrap ul li a::after{content: ''; position: absolute; top: calc(50% - 6px); right: 15px; width: 6px; height: 11px; background-image: url(../../images/ui/next_button.png); background-size: cover;}
.set_up .set_up_wrap .list_wrap .non_link_row{display: flex; justify-content: space-between; padding: 0 15px; align-items: center; font-size: 15px;}
.set_up .set_up_wrap .list_wrap .non_link_row p{margin: 15px 0;}
.set_up .set_up_wrap .list_wrap .non_link_row .update{display: block; width: 72px; height: 27px; margin: 10px 0; padding: 0; border-radius: 5px; background-color: rgba(255, 103, 0, .12); font-size: 13px; font-weight: 500; color: #ff6700; line-height: 27px; text-align: center;}
.set_up .set_up_wrap .list_wrap .non_link_row .update::after{display: none;}
.set_up .set_up_wrap .alarm_wrap{margin: 0;}
.set_up .set_up_wrap .login_wrap{margin-bottom: 120px;}
.set_up .set_up_wrap .login_wrap .txt{border-bottom: 1px solid #ddd; color: #666;}
.set_up .set_up_wrap .login_wrap a{display: block; padding: 15px; font-size: 15px;}
.set_up .set_up_wrap .login_wrap a i{margin: 0 5px 1px 0;}
.set_up.non_login .policy_wrap{margin-top: 0;}
.set_up.non_login .etc_wrap{margin-bottom: 120px;}

/* set_up_alarm */
.set_up_alarm{margin-top: 70px;}
.set_up_alarm .set_up_alarm_wrap{padding: 0;}
.set_up_alarm .set_up_alarm_wrap ul{border-top: 1px solid #ddd;}
.set_up_alarm .set_up_alarm_wrap ul li{display: flex; justify-content: space-between; align-items: center; padding: 15px; border-bottom: 1px solid #ddd;}
.set_up_alarm .set_up_alarm_wrap ul li .txt_box{width: calc(100% - 100px);}
.set_up_alarm .set_up_alarm_wrap ul li .txt_box .tit{margin-bottom: 10px; font-size: 15px;}
.set_up_alarm .set_up_alarm_wrap ul li .txt_box .txt{font-size: 13px; color: #999; line-height: 1.3em;}
.set_up_alarm .set_up_alarm_wrap ul li .chk_box input[type="checkbox"] + label{position: relative; display: block; width: 60px; height: 31px; border-radius: 15px; background-color: #f0f0f0;}
.set_up_alarm .set_up_alarm_wrap ul li .chk_box input[type="checkbox"] + label span{position: absolute; top: 5px; left: 3px;  width: 27px; height: 27px; border-radius: 50%; border: 1px solid #ddd; background: #fff; box-sizing: border-box;}
.set_up_alarm .set_up_alarm_wrap ul li .chk_box input[type="checkbox"]:checked + label{background-color: #ff6700;}
.set_up_alarm .set_up_alarm_wrap ul li .chk_box input[type="checkbox"]:checked + label span{left: 30px; border: 1px solid #ff6700;}

/* set_up_push */
.set_up_push{margin: 70px 0 150px;}
.set_up_push .set_up_push_wrap .slide_tab_wrap{margin-bottom: 32px;}
.set_up_push .set_up_push_wrap .slide_tab_wrap ul li:first-of-type a{margin-left: 0;}
.set_up_push .set_up_push_wrap .tab_cont_wrap .cont{display: none;}
.set_up_push .set_up_push_wrap .tab_cont_wrap .cont.on{display: block;}
.set_up_push .set_up_push_wrap .tab_cont_wrap .cont .chk_box span{width: 100px; padding-left: 25px; background-repeat: no-repeat;}
.set_up_push .set_up_push_wrap .tab_cont_wrap .cont ul{margin-top: 12px; border-top: 1px solid #333;}
.set_up_push .set_up_push_wrap .tab_cont_wrap .cont ul li{position: relative; border-bottom: 1px solid #ddd;}
.set_up_push .set_up_push_wrap .tab_cont_wrap .cont ul li a{position: relative; display: flex; width: calc(100% - 55px); padding: 18px 0;}
.set_up_push .set_up_push_wrap .tab_cont_wrap .cont ul li a::after{content: ''; position: absolute; top: 50%; right: -47px; width: 10px; height: 7px; background: url(../../images/ui/sel_down.png);}
.set_up_push .set_up_push_wrap .tab_cont_wrap .cont ul li.on a::after{transform: scaleY(-1);}
.set_up_push .set_up_push_wrap .tab_cont_wrap .cont ul li img{margin-right: 12px; width: 34px; height: 34px;}
.set_up_push .set_up_push_wrap .tab_cont_wrap .cont ul li .txt_box{width: calc(100% - 50px);}
.set_up_push .set_up_push_wrap .tab_cont_wrap .cont ul li .txt_box .tit{font-size: 16px; line-height: 1.3em;}
.set_up_push .set_up_push_wrap .tab_cont_wrap .cont ul li .txt_box .tit .push_new{display: inline-block;width: 35px;height: 18px;border-radius: 3px;background-color: #ff6700;font-size: 13px;font-weight: 500;color: #fff;text-align: center;line-height: 18px;}
.set_up_push .set_up_push_wrap .tab_cont_wrap .cont ul li .txt_box .txt{margin-top: 12px; font-weight: 300; color: #666;}
.set_up_push .set_up_push_wrap .tab_cont_wrap .cont ul li .btn_del{position: absolute; top: 10px; right: 5px; width: 10px; height: 10px; background: url(../../images/ui/btn_del_m.png)no-repeat 50% 50%/ cover; padding-right: 15px; font-size: 15px; font-weight: 500; color: #999;}
.set_up_push .set_up_push_wrap .tab_cont_wrap .cont ul li .acc_cont{display: none;padding: 18px 21px 18px 18px;background-color: #fff9f5;}
.set_up_push .set_up_push_wrap .tab_cont_wrap .cont ul .non_list{display: block; padding: 55px 0; border-bottom: 1px solid #ddd; text-align: center;}
.set_up_push .set_up_push_wrap .tab_cont_wrap .cont ul .non_list img{display: block; width: 50px; height: 50px; margin: 0 auto 15px;}
.set_up_push .set_up_push_wrap .tab_cont_wrap .cont ul .non_list span{padding-bottom: 200px; font-size: 14px; color: #666; line-height: 1.5em;}
.set_up_push .paging_wrap {margin-top: 25px;}

/* contact_list */
.contact_list{margin: 70px 0 100px;}
.contact_list .list_wrap .status{display: inline-block; width: 72px; height: 27px; border-radius: 3px; background-color: #ff6700; font-size: 13px; font-weight: 500; color: #fff; text-align: center; line-height: 27px;}
.contact_list .list_wrap .deadline{margin-left: 5px; background-color: rgba(255, 103, 0, .12); color: #ff6700;}
.contact_list .list_wrap .end{background-color: #666;}
.contact_list .list_wrap .slide_tab_wrap{width: 100%; overflow-x: auto;}
.contact_list .list_wrap .slide_tab_wrap::-webkit-scrollbar{display: none; background-color: none;}
.contact_list .list_wrap .slide_tab_wrap ul{display: flex; white-space: nowrap;}
.contact_list .list_wrap .slide_tab_wrap ul li a{display: block; margin: 0 10px; padding-bottom: 3px; font-size: 17px; font-weight: 500; color: #999;}
.contact_list .list_wrap .slide_tab_wrap ul li a.on{border-bottom: 1px solid #ff6700; color: #ff6700;}
.contact_list .list_wrap .slide_tab_wrap ul li:first-child a{margin-left: 0;}
.contact_list .list_wrap .list_inner{margin: 30px 0 24px;}
.contact_list .list_wrap .list_inner .sort_wrap{display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;}
.contact_list .list_wrap .list_inner .sort_wrap .chk_box span{width: 115px; padding-left: 25px; background-repeat: no-repeat; font-size: 15px; color: #333;}
.contact_list .list_wrap .list_inner .sort_box .range_box{float: left; margin-right: 24px;}
.contact_list .list_wrap .list_inner .sort_box .select .btn_sel{width: 85px; font-size: 15px;}
.contact_list .list_wrap .list_inner .sort_box .select .btn_sel::after{top: 6px;}
.contact_list .list_wrap .list_inner .sort_box .select.active .sel_li{height: 122px;}
.contact_list .list_wrap .list_inner .sort_box .btn_filter{margin-top: 3px; float: left; font-size: 15px;}
.contact_list .list_wrap .list_inner .sort_box .btn_filter i{margin-left: 5px;}
.contact_list .list_wrap .list_inner>ul{border-top: 1px solid #333;}
.contact_list .list_wrap .list_inner ul .hide_row{display: none;}
.contact_list .list_wrap .list_inner ul li a.off{display: none;}
.contact_list .list_wrap .list_inner ul li a{display: block; padding: 15px 0 22px; border-bottom: 1px solid #ddd;}
.contact_list .list_wrap .list_inner ul li .badge_box{display: flex;}
.contact_list .list_wrap .list_inner ul li .txt_box{margin: 20px 0;}
.contact_list .list_wrap .list_inner ul li .txt_box .tit{margin-bottom: 18px; font-size: 17px; font-weight: 500;}
.contact_list .list_wrap .list_inner ul li .txt_box .info_box{font-size: 14px; color: #666; line-height: 1.5em;}
.contact_list .list_wrap .list_inner ul li .txt_box .type span{position: relative; margin-right: 15px;}
.contact_list .list_wrap .list_inner ul li .txt_box .type span::after{content: '>'; position: absolute; top: -2px; right: -13px;}
.contact_list .list_wrap .list_inner ul li .txt_box .type span:last-of-type::after{display: none;}
.contact_list .list_wrap .list_inner ul li .applicant_box{display: flex; align-items: center; color: #666;}
.contact_list .list_wrap .list_inner ul li .applicant_box p i{width: 12px; height: 13px; margin-right: 5px;}
.contact_list .list_wrap .list_inner ul li .applicant_box p span{font-weight: 500;}
.contact_list .list_wrap .list_inner ul li .applicant_box ul{display: flex; margin-left: 15px;}
.contact_list .list_wrap .list_inner ul li .applicant_box ul li{width: 23px; height: 23px; margin-left: -7px; border: 1px solid #ddd; border-radius: 50%;}
.contact_list .list_wrap .list_inner .btn_gr{margin: 23px 0 80px; color: #666;}
.contact_list .list_wrap .list_inner .btn_gr i{margin-left: 5px;}
.contact_list .banner_bot{padding: 24px 0; margin-bottom: 80px; background-color: #ffde00; text-align: center;}
.contact_list .banner_bot p{font-size: 17px; font-weight: 300; color: #3b241c; line-height: 1.5em;}
.contact_list .banner_bot p span{font-weight: bold;}
.contact_list .banner_bot .btn{display: flex; justify-content: center; align-items: center; width: 170px; margin: 20px auto 0; background-color: #fff; font-weight: 500;}
.contact_list .banner_bot .btn i{margin-right: 5px;}
.modal_contact_info .modal_wrap .modal_inner{border-radius: 10px;}
.modal_contact_info .modal_wrap .modal_inner ul li{display: flex; text-align: left; line-height: 1.5em;}
.modal_contact_info .modal_wrap .modal_inner ul li .strong{font-weight: 500;}
.modal_contact_filter .modal_wrap .modal_inner{width: 100%; height: 100%;}
.modal_contact_filter .modal_wrap .modal_inner .tit_box{height: 50px;  text-align: center; line-height: 50px;}
.modal_contact_filter .modal_wrap .modal_inner .tit_box p{font-size: 18px; font-weight: 500;}
.modal_contact_filter .modal_wrap .modal_inner .contents_wrap .tit{margin-bottom: 12px; font-size: 16px; font-weight: 500;}
.modal_contact_filter .modal_wrap .modal_inner .contents_wrap .select{width: 100%;}
.modal_contact_filter .modal_wrap .modal_inner .contents_wrap .select .btn_sel{width: 100%; height: 40px; padding: 10px 7px; border-bottom: 1px solid #ddd; font-size: 15px; color: #999;}
.modal_contact_filter .modal_wrap .modal_inner .contents_wrap .select .btn_sel::after{top: 16px; right: 7px; background-image: url(../../images/ui/sel_down_gr.png);}
.modal_contact_filter .modal_wrap .modal_inner .contents_wrap .select .sel_li{height: 242px; top: 100%;}
.modal_contact_filter .modal_wrap .modal_inner .contents_wrap .select .sel_li .sel{height: 40px; line-height: 40px; font-size: 14px;}
.modal_contact_filter .modal_wrap .modal_inner .local_wrap,
.modal_contact_filter .modal_wrap .modal_inner .detail_category_wrap{padding: 25px 15px; border-bottom: 5px solid #f8f8f8}
.modal_contact_filter .modal_wrap .modal_inner .period_wrap{padding: 25px 15px;}
.modal_contact_filter .modal_wrap .modal_inner .period_wrap .input_wrap{display: flex; align-items: center; justify-content: space-between;}
.modal_contact_filter .modal_wrap .modal_inner .period_wrap .input_wrap .ipt_cal_wrap{width: calc(50% - 14px);}
.modal_contact_filter .modal_wrap .modal_inner .period_wrap .input_wrap span{display: block; color: #666;}
.modal_contact_filter .modal_wrap .modal_inner .period_wrap .input_wrap .input{display: block; background: url(../../images/icon/ico_calendar_m.png)no-repeat 95% 50% / 16px auto; }
.modal_contact_filter .modal_wrap .modal_inner .period_wrap .tit_box{height: auto; line-height: 1em;}
.modal_contact_filter .modal_wrap .modal_inner .period_wrap .btn_or{width: 100%;}
.modal_contact_filter .modal_wrap .modal_inner .btn_wrap{position: fixed; bottom: 0; left: 0; display: flex; width: 100%; z-index: 10;}
.modal_contact_filter .modal_wrap .modal_inner .btn_wrap a{width: 50%; height: 45px; border-radius: 0; line-height: 45px;}
.modal_contact_filter .modal_wrap .modal_inner .btn_wrap .btn_clear{border-top: 1px solid #ddd; background-color: #fff;}

/* contact_detail */
.contact_detail.arti .setting_row,
.contact_detail.arti .electricity_row,
.contact_detail.concert .setting_row,
.contact_detail.concert .electricity_row{display: none;}
.contact_detail.system .running_row,
.contact_detail.system .sound_row{display: none;}
.contact_detail.rent .running_row,
.contact_detail.rent .electricity_row,
.contact_detail.rent .sound_row{display: none;}
.contact_detail.manpower .running_row,
.contact_detail.manpower .setting_row,
.contact_detail.manpower .electricity_row,
.contact_detail.manpower .sound_row{display: none;}
.contact_detail{margin: 70px 0 100px;}

.contact_detail .detail_wrap .title_wrap .tit_box{padding: 18px 0; border-top: 1px solid #333;}
.contact_detail .detail_wrap .title_wrap .tit_box .badge{display: inline-block; width: 72px; height: 27px; margin-right: 12px; border-radius: 3px; background-color: #ff6700; font-weight: 500; color: #fff; text-align: center; line-height: 27px;}
.contact_detail .detail_wrap .title_wrap .tit_box .badge.end{background-color: #666;}
.contact_detail .detail_wrap .title_wrap .tit_box .tit{font-size: 16px; line-height: 1.5em;}
.contact_detail .detail_wrap .title_wrap>div{padding: 12px 0; border-bottom: 1px solid #ddd;}
.contact_detail .detail_wrap .title_wrap span{font-size: 13px;}
.contact_detail .detail_wrap .title_wrap .info_txt{color: #999;}
.contact_detail .detail_wrap .title_wrap .date{margin: 0 18px 0 11px;}
.contact_detail .detail_wrap .title_wrap .font_or,
.contact_detail .detail_wrap .title_wrap .name{position: relative;}
.contact_detail .detail_wrap .title_wrap .font_or::before,
.contact_detail .detail_wrap .title_wrap .name::before{content: ''; position: absolute; top: 5px; left: -11px; width: 1px; height: 10px; background-color: #ddd;}
.contact_detail .detail_wrap .event_info_wrap{margin: 25px 0 50px;}
.contact_detail .detail_wrap .event_info_wrap .acc_btn{position: relative; display: block; height: 40px; padding: 0 20px; background-color: #eee; font-weight: 500; line-height: 40px;}
.contact_detail .detail_wrap .event_info_wrap .acc_btn .bar{position: absolute; top: 50%; right: 15px; width: 12px; height: 2px; background: #4e4e4e;}
.contact_detail .detail_wrap .event_info_wrap .acc_btn.on .bar.ver{top: calc(50% - 5px); right: 20px; width: 2px; height: 12px; transition: .3s;}
.contact_detail .detail_wrap .event_info_wrap .acc_btn .bar.ver{top: 50%; right: 20px; width: 2px; height: 0; }
.contact_detail .detail_wrap .event_info_wrap .event_info_box{padding: 24px 20px 30px; background-color: #f8f8f8;}
.contact_detail .detail_wrap .event_info_wrap .event_info_box ul li{margin-bottom: 20px;}
.contact_detail .detail_wrap .event_info_wrap .event_info_box dl{display: flex; line-height: 1.5em;}
.contact_detail .detail_wrap .event_info_wrap .event_info_box dt{width: 90px;}
.contact_detail .detail_wrap .event_info_wrap .event_info_box dt i{margin-right: 9px;}
.contact_detail .detail_wrap .event_info_wrap .event_info_box dd{width: calc(100% - 90px); color: #666;}
.contact_detail .detail_wrap .event_info_wrap .event_info_box dd span{position: relative; margin-right: 15px;}
.contact_detail .detail_wrap .event_info_wrap .event_info_box dd span::after{content: '>'; position: absolute; top: -2px; right: -13px;}
.contact_detail .detail_wrap .event_info_wrap .event_info_box dd span:last-of-type::after{display: none;}
.contact_detail .detail_wrap .event_info_wrap .event_info_box .cont_bot{padding-top: 20px; border-top: 1px dashed #ddd;}
.contact_detail .detail_wrap .event_info_wrap .event_info_box .cont_bot dd span{display: block;}
.contact_detail .detail_wrap .event_info_wrap .event_info_box .font_or{margin-right: 5px;}
.contact_detail .detail_wrap .event_info_wrap .event_info_box .font_or::after{display: none;}
.contact_detail > .txt_box{margin-bottom: 50px; padding: 0 30px; font-size: 18px; text-align: center; line-height: 1.3em;}
.contact_detail > .txt_box span{color: #ff6700;}
.contact_detail .list_wrap h4{margin-bottom: 12px; font-weight: 500;}
.contact_detail .list_wrap ul{border-top: 1px solid #333;}
.contact_detail .list_wrap ul li{padding: 15px 0; border-bottom: 1px solid #ddd;}
.contact_detail .list_wrap ul li.hide_row{display: none;}
.contact_detail .list_wrap ul li.hide_row.on{display: block;}
.contact_detail .list_wrap ul li .arti_info{display: flex;}
.contact_detail .list_wrap ul li .image{width: 138px; height: 96px; margin-right: 15px; border-radius: 5px;}
.contact_detail .list_wrap ul li .txt_box{width: calc(100% - 153px);}
.contact_detail .list_wrap ul li .tit{width: 100%; font-size: 16px; font-weight: 500;}
.contact_detail .list_wrap ul li .tit .badge{margin-right:5px;}
.contact_detail .list_wrap ul li .txt{margin: 17px 0 29px; font-size: 13px; color: #666;}
.contact_detail .list_wrap ul li .info_box span{font-size: 13px; color: #666;}
.contact_detail .list_wrap ul li .info_box .type{margin-bottom: 5px;}
.contact_detail .list_wrap ul li .info_box .type span{position: relative; margin-right: 15px;}
.contact_detail .list_wrap ul li .info_box .type span:last-of-type{margin-right: 0;}
.contact_detail .list_wrap ul li .info_box .type span::after{content: '>'; position: absolute; top: 1px; right: -13px;}
.contact_detail .list_wrap ul li .info_box .type span:last-of-type::after{display: none;}
.contact_detail .list_wrap ul li .info_box .location{position: relative; margin-left: 12px;}
.contact_detail .list_wrap ul li .info_box .location::before{content: ''; position: absolute; top: 4px; left: -8px; width: 1px; height: 12px; background-color: #ddd;}
.contact_detail .list_wrap ul li .price{font-size: 14px;}
.contact_detail .list_wrap ul li .price span{font-size: 20px;}
.contact_detail .list_wrap ul li .statusbar{position: relative; display: flex; justify-content: space-between; align-items: center; padding: 12px; margin-top: 20px; border-radius: 5px; background-color: #fafafa; font-size: 14px;}
.contact_detail .list_wrap ul li .statusbar .star_box{display: flex;}
.contact_detail .list_wrap ul li .statusbar .stars{width: 70px; margin-bottom: 4px;}
.contact_detail .list_wrap ul li .statusbar .stars .star{font-size: 14px;}
.contact_detail .list_wrap ul li .statusbar span i{margin: 0 5px 0 5px;}
.contact_detail .list_wrap ul li .statusbar .rating{margin: 3px 0 0 5px;}
.contact_detail .list_wrap ul li .btn{margin-top: 18px;}
.contact_detail .list_wrap .btn_more{margin: 24px 0 52px;}
.contact_detail .list_wrap .btn_more i{margin-left: 5px;}

/* contact_list decide */
.contact_list.decide .list_wrap .title_wrap{padding: 40px 20px; font-size: 20px; text-align: center; line-height: 1.5em;}
.contact_list.decide .list_wrap .title_wrap h3 .font_or{font-weight: 500;}
.contact_list.decide .list_wrap .list_inner .sort_box{display: flex; justify-content: right;}
.contact_list.decide .list_wrap .list_inner .sort_box .btn_filter,
.contact_list.decide .list_wrap .list_inner .sort_box .range_box{float: unset;}
.contact_list.decide .list_wrap .list_inner ul{margin-top: 12px;}
.contact_list.decide .list_wrap .list_inner ul li a{padding: 0;}
.contact_list.decide .list_wrap .list_inner ul li .info_box{padding: 18px 0;}
.contact_list.decide .list_wrap .list_inner ul li .info_box .tit{display:flex;margin-bottom: 18px; font-size: 17px; font-weight: 500;align-items:center;}
.contact_list.decide .list_wrap .list_inner ul li .info_box .tit .name{flex-shrink: 1;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;}
.contact_list.decide .list_wrap .list_inner ul li .info_box span{color: #666; line-height: 1.5em;}
.contact_list.decide .list_wrap .list_inner ul li .info_box .badge {display: inline-block;min-width: 30px;width:auto;height: 27px;padding:0 5px;margin-right: 12px;margin-left:5px;border-radius: 3px;background-color: #ff6700;font-size: 14px;font-weight: 500;color: #fff;text-align: center;line-height: 27px;flex-shrink: 0;}
.contact_list.decide .list_wrap .list_inner ul li .info_box .type{position: relative; margin-left: 16px;}
.contact_list.decide .list_wrap .list_inner ul li .info_box .type::before{content: '/'; position: absolute; top: -1px; left: -13px; }
.contact_list.decide .list_wrap .list_inner ul li .status_box{position: relative; padding: 20px 12px; background-color: #fbfbfb;}
.contact_list.decide .list_wrap .list_inner ul li .status_box .image{position: absolute; bottom: 15px; right: 10px; width: 85px; height: 85px; border-radius: 50%;} 
.contact_list.decide .list_wrap .list_inner ul li .status_box .name{width: calc(100% - 85px);}
.contact_list.decide .list_wrap .list_inner ul li .status_box span{margin-right: 5px; font-weight: 700;}

/* contact_detail decide */
.contact_detail.decide .event_info_wrap .event_info_box .cont_bot{padding-bottom: 20px; border-bottom: 1px dashed #ddd;}
.contact_detail.decide .event_info_wrap .event_info_box .price_row{margin-top: 20px;}
.contact_detail.decide .event_info_wrap .event_info_box .price_row dd span{font-size: 18px; font-weight: 500;}
.contact_detail.decide .decide_arti .arti_info .image{display: flex; justify-content: center; align-items: center;}
.contact_detail.decide .decide_arti .arti_info .image .badge{width: 65px; height: 65px; border-radius: 50%; background: rgba(255, 103, 0, .8) url(../../images/icon/ico_chk_wh.png)no-repeat 50% 31% / 15px 15px;
  font-size: 13px; font-weight: 500; color: #fff; line-height: 86px; text-align: center;}
.contact_detail.decide .apply_arti{margin: 50px 0 80px;}
.contact_detail.decide .apply_arti .non_list{padding: 55px 0;}

/* category page start */
/* concert_list */
.concert_list{margin-top: 55px;}
.concert_list .category_wrap{padding: 0;}
.concert_list .category_wrap .category_box{overflow-x: auto;}
.concert_list .category_wrap .category_box::-webkit-scrollbar{display: none; background-color: none;}
.concert_list .category_wrap .category_box ul{height: 100%; white-space: nowrap;}
.concert_list .category_wrap .category_box ul li{display: inline-block;}
.concert_list .category_wrap .category_box ul li a{display: block; margin: 0 10px;}
.concert_list .category_wrap .category_box .category_1depth{padding: 10px 0;}
.concert_list .category_wrap .category_box .category_1depth li a{ padding-bottom: 5px; font-size: 17px; font-weight: 500; color: #999;}
.concert_list .category_wrap .category_box .category_1depth li.on a{color: #ff6700; border-bottom: 1px solid #ff6700;}
.concert_list .category_wrap .category_box .category_2depth li a{padding: 7px; margin: 0 5px; font-size: 14px; color: #666;}
.concert_list .category_wrap .category_box .category_2depth li.on a{border-radius: 5px; background-color: #ff6700; color: #fff;}
.concert_list .search_wrap{position: relative; margin: 32px 0 40px;}
.concert_list .search_wrap a{display: block; position: absolute;}
.concert_list .search_wrap .search{display: inline-block; width: 100%; height: 35px; border-bottom: 1px solid #333; font-size: 15px; box-sizing: border-box;}
.concert_list .search_wrap .btn_erase{top: 6px; right: 45px; width: 18px; height: 18px; border-radius: 50%; background: #f8f8f8 url(../../images/ui/btn_del.png)no-repeat 50% 50% / 6px 6px;}
.concert_list .search_wrap .btn_search{top: 7px; right: 15px; width: 18px; height: 17px; background-image: url(../../images/ui/btn_search.png);}
.concert_list .search_wrap .ref{margin-top: 15px; font-size: 14px;}

.premiumAd{margin-top:35px;}
.premiumAd .title{margin-bottom:15px;}
.premiumAd .prad_inner .pradSwiper{padding-bottom:30px;margin-bottom:10px;}
.premiumAd .prad_inner .prli{position:relative;padding:20px 15px;background-color:#f1f1f1;border-radius:10px;}
.premiumAd .prad_inner .prli .img_box{display:block;width:100%;padding-top:55%;margin-bottom:15px;background-size: cover;}
.premiumAd .prad_inner .prli .tit{display:block;margin-bottom:10px;font-size:16px;font-weight:600;color:#212121;}
.premiumAd .prad_inner .prli .personnel,
.premiumAd .prad_inner .prli .price{display:block;margin-top:5px;font-size:13px;color:#777;}
.premiumAd .prad_inner .prli .price .num{font-size:15px;font-weight:600;color:#212121}
.premiumAd .prad_inner .prli .cont_bot{display:flex;margin-top:20px;align-items: center;font-size:12px;color:#474747;justify-content: space-between;}
.premiumAd .prad_inner .prli .cont_bot i{display:inline-block;margin:0 5px 0 0;}
.premiumAd .prad_inner .prli .cont_bot .cast,
.premiumAd .prad_inner .prli .cont_bot .review,
.premiumAd .prad_inner .prli .cont_bot .like_cnt,
.premiumAd .prad_inner .prli .cont_bot .stars{display:flex;align-items:center;}
.premiumAd .prad_inner .prli .cont_bot .cast i{width:13px;height:12px;background: url(../../images/icon/ico_doc.png) no-repeat 0 0 / 100% auto;}
.premiumAd .prad_inner .prli .cont_bot .review i{width:16px;height:13px;background: url(../../images/icon/ico_balloon.png) no-repeat 0 0 / 100% auto;}
.premiumAd .prad_inner .prli .cont_bot .like_cnt i{width:12px;height:10px;background: url(../../images/icon/ico_heart_on.png) no-repeat 0 0 / 100% auto;}
.premiumAd .prad_inner .prli .cont_bot .stars{width:auto;font-size:12px;color:#474747}
.premiumAd .prad_inner .prli .cont_bot .stars .star{margin-right:5px;font-size:15px;color:#ff6700}
.premiumAd .prad_inner .swiper-pagination-bullet{width:3px;height:3px;margin:0 2px;}
.premiumAd .prad_inner .swiper-pagination-bullet-active{width:10px;background-color: #ff6700;border-radius:4px;}

.badge{display:inline-block;width:42px;height:22px;margin:0 0px 0 0;background-repeat: no-repeat;background-size: 100% auto;vertical-align:middle;flex-shrink: 0;}
.badge.gold{background-image: url(../../images/icon/gold.png);}
.badge.silver{background-image: url(../../images/icon/silver.png);}
.badge.bronze{background-image: url(../../images/icon/bronze.png);}
.a_center{display:flex;align-items: center;flex-wrap:wrap;}
.badge_wrap{display:flex;margin-bottom:30px;padding:15px;background-color: #f8f8f8;border-radius:5px;justify-content: space-between;align-items:center;}
.badge_wrap .badge_list{display:flex;}
.badge_wrap .badge_list .badge{width:42px;height:22px;margin:0 10px 0 0;}
.talkbox_wrap{position:relative;}
.talkbox_wrap .hover{display:block;width:20px;height:20px;margin:0 0 0 5px;background:#cbcbcb url(../../images/icon/q.png) no-repeat 50% 50% / 8px auto;border-radius:100%;overflow:hidden;cursor:pointer;text-indent:-9999px}
.talkbox_wrap .talkbox{position:fixed;top:0px;left:0;display:none;width:100%;height:100%;background-color: rgba(0,0,0,.7);justify-content: center;align-items:center;z-index:10}
.talkbox_wrap .talkbox.on{display:flex;}
.talkbox_wrap .talkbox .inner{position:relative;display:block;padding:20px;background-color:#fff;font-size:14px;color:#333;line-height:1.4;}
.talkbox_wrap .talkbox .inner span{font-size:12px;}
.talkbox_wrap .talkbox .inner .btn_close{position:absolute;top:-30px;right:0;width:30px;height:30px;background: url(../../images/ui/btn_close.png) no-repeat 50% 50%;}

.concert_list .contents_wrap .sorting_wrap{display: flex; justify-content: right; align-items: center; margin-bottom: 10px;}
.concert_list .contents_wrap .sorting_wrap .range_box{margin-right: 25px;}
.concert_list .contents_wrap .sorting_wrap .range_box .select .btn_sel::after{top: 7px;}
.concert_list .contents_wrap .sorting_wrap .range_box .select.active .sel_li{height:242px;}
.concert_list .contents_wrap .sorting_wrap .btn_filter i{margin-left: 7px;} 
.concert_list .contents_wrap .cont_lists{border-top: 1px solid #333;}
.concert_list .contents_wrap .cont_lists .list{padding: 15px 0; border-bottom: 1px solid #ddd;}
.concert_list .contents_wrap .cont_lists .list.hide_row{display: none;}
.concert_list .contents_wrap .cont_lists .list.hide_row.on{display: block;}
.concert_list .contents_wrap .cont_lists .list .arti_info{display: flex;}
.concert_list .contents_wrap .cont_lists .list .image{width: 138px; height: 96px; margin-right: 15px; border-radius: 5px;}
.concert_list .contents_wrap .cont_lists .list .txt_box{width: calc(100% - 153px);}
.concert_list .contents_wrap .cont_lists .list .tit{width: 100%; font-size: 16px; font-weight: 500;}
.concert_list .contents_wrap .cont_lists .list .tit .badge{margin:5px 10px 5px 0;}
.concert_list .contents_wrap .cont_lists .list .ref{position: relative; display: inline-block; margin-top: 5px; font-size: 13px; color: #999;}
.concert_list .contents_wrap .cont_lists .list .ref i{margin-bottom: -4px;}
.concert_list .contents_wrap .cont_lists .list .ref .txt_balloon{display: none; position: absolute; top: -103px; left: -109px; width: 220px; padding: 13px; border: 1px solid #ddd; background: #fff; line-height: 1.2em; text-align: left; box-sizing: border-box; z-index: 10;}
.concert_list .contents_wrap .cont_lists .list .ref .txt_balloon::before{content: ''; display: block; position: absolute; bottom: -8px; left: 160px; width: 0; border-style: solid; border-width: 8px 6px 0 6px; border-color: #fff transparent; z-index: 1;}
.concert_list .contents_wrap .cont_lists .list .ref .txt_balloon::after{content: ''; display: block; position: absolute; bottom: -9px; left: 160px; width: 0; border-style: solid; border-width: 8px 6px 0 6px; border-color: #ddd transparent; z-index: 0;}
.concert_list .contents_wrap .cont_lists .list .ref .txt_balloon.on{display: block;}
.concert_list .contents_wrap .cont_lists .list .ref .txt_balloon dt{margin-bottom: 5px; font-size: 14px; font-weight: 500;}
.concert_list .contents_wrap .cont_lists .list .ref .txt_balloon dd{font-size: 12px; color: #666; line-height: 1.4em;}
.concert_list .contents_wrap .cont_lists .list .ref .txt_balloon .btn_close{display: inline-block; position: absolute; top: 10px; right: 10px; width: 10px; height: 11px; background: #fff url(../../images/ui/btn_del.png)no-repeat; background-size: contain; text-indent: -99999px; overflow: hidden;}
.concert_list .contents_wrap .cont_lists .list .txt{margin: 10px 0 35px; font-size: 13px; color: #666;}
.concert_list .contents_wrap .cont_lists .list .price{font-size: 14px;}
.concert_list .contents_wrap .cont_lists .list .price span{font-size: 15px;}
.concert_list .contents_wrap .cont_lists .list .statusbar{position: relative; display: flex; justify-content: space-between; align-items: center; padding: 12px; margin-top: 20px; border-radius: 5px; background-color: #fafafa; font-size: 13px;}
.concert_list .contents_wrap .cont_lists .list .statusbar .star_box{display: flex;}
.concert_list .contents_wrap .cont_lists .list .statusbar .stars{display:flex;width:auto;align-items:center;}
.concert_list .contents_wrap .cont_lists .list .statusbar .stars .star{font-size: 13px;color:#ff6700}
.concert_list .contents_wrap .cont_lists .list .statusbar span i{margin: 0 5px 0 5px;}
.concert_list .contents_wrap .cont_lists .list .statusbar .rating{margin: 0 0 0 5px;font-size:14px;}
.concert_list .contents_wrap .cont_lists .list .statusbar .ico_heart{background-size:100% auto}
.concert_list .contents_wrap .btn_more{display: block; width: 100%; height: 40px; margin: 24px 0 55px; border: 1px solid #ddd; border-radius: 20px; font-weight: 500; color: #666; line-height: 40px; text-align: center;}
.concert_list .contents_wrap .btn_more i{margin-left: 10px;}
.modal_filter .modal_wrap .modal_inner{width: 100%; height: 100%;}
.modal_filter .modal_wrap .modal_inner .tit_box{height: 50px;  text-align: center; line-height: 50px;}
.modal_filter .modal_wrap .modal_inner .tit_box p{font-size: 18px; font-weight: 500;}
.modal_filter .modal_wrap .modal_inner .btn_wrap{position: fixed; bottom: 0; left: 0; display: flex; width: 100%; z-index: 10;}
.modal_filter .modal_wrap .modal_inner .btn_wrap a{width: 50%; height: 45px; border-radius: 0; line-height: 45px;}
.modal_filter .modal_wrap .modal_inner .btn_wrap .btn_clear{border-top: 1px solid #ddd; background-color: #fff;}

.modal_filter .modal_wrap .modal_inner .contents_wrap{width:100%;height:calc(100% - 95px);padding:0 15px;overflow-y:auto}
.modal_filter .contents_wrap .filter_type{padding:25px 12px;border-bottom:1px solid #eee}
.modal_filter .contents_wrap .filter_type:last-child{border-bottom:none}
.modal_filter .contents_wrap .filter_type .label{margin-bottom:20px;font-size:16px;color:#212121}
.modal_filter .contents_wrap .filter_type .area_wrap{display:flex; gap: 10px;align-items:center;flex-wrap:wrap;}
.modal_filter .contents_wrap .filter_type .area_wrap a{display:flex;width:52px;height:30px;border-radius:30px;border:1px solid #eee;font-size:12px;color:#777;justify-content: center;align-items:center;}
.modal_filter .contents_wrap .filter_type .area_wrap a.on{background-color: #ff6700;border-color: #ff6700;color:#fff;;}
.modal_filter .contents_wrap .filter_type .time_range,
.modal_filter .contents_wrap .filter_type .price_range{display:flex;}
.modal_filter .contents_wrap .filter_type .time_range .btn_sel,
.modal_filter .contents_wrap .filter_type .price_range .btn_sel{width: 95px;height:30px;padding:0 25px 0 12px;border:1px solid #eee;border-radius:30px;line-height:28px;font-size:12px;}
.modal_filter .contents_wrap .filter_type .time_range .btn_sel::after,
.modal_filter .contents_wrap .filter_type .price_range .btn_sel::after{top:11px;right:12px;}
.modal_filter .contents_wrap .filter_type .select .sel_li{border-radius:10px;}
.modal_filter .contents_wrap .filter_type .select .sel_li .sel{height:30px;line-height:30px;font-size:12px;}
.modal_filter .contents_wrap .filter_type .select .sel_li .sel:first-child{border-top:none}
.modal_filter .contents_wrap .filter_type .select.active .sel_li{top:30px;}
.modal_filter .contents_wrap .filter_type .select.active.up .sel_li{top:unset;bottom:30px;}
.modal_filter .contents_wrap .filter_type .unit,
.modal_filter .contents_wrap .filter_type .dash{margin:0 10px;line-height:30px;}
.modal_filter .contents_wrap .filter_type .mem_wrap{display:flex;flex-wrap:wrap;gap:10px;}
.modal_filter .contents_wrap .filter_type .mem_wrap a{display:flex;min-width:52px;height:30px;border-radius:30px;border:1px solid #eee;font-size:12px;color:#777;justify-content: center;align-items:center;}
.modal_filter .contents_wrap .filter_type .mem_wrap a:nth-child(n+5){width:68px;}
.modal_filter .contents_wrap .filter_type .mem_wrap a.on{background-color: #ff6700;border-color: #ff6700;color:#fff;;}



/* concert_detail */
.concert_detail{padding: 0;}
.concert_detail .btn_txtmore{display: block; width: 30%; height: 40px; margin: 30px auto 0; border-radius: 20px; text-align: center; line-height: 38px;}
.concert_detail section{border-bottom: 5px solid #f8f8f8;}
.concert_detail section h3{margin-bottom: 15px; font-size: 17px; font-weight: 500;}
.concert_detail .visual_wrap .visulSwiper{position: relative; overflow: hidden;}
.concert_detail .visual_wrap .visulSwiper .swiper-slide{height: 49.18vw; background-position: 50% 0;}
.concert_detail .visual_wrap .visulSwiper .swiper-pagination .swiper-pagination-bullet{width: 5px; height: 5px; margin-right: 5px; background: #fff; opacity: 1;}
.concert_detail .visual_wrap .visulSwiper .swiper-pagination .swiper-pagination-bullet-active{width: 7px; height: 7px; border: 1px solid #fff; background: none;}
.concert_detail .profile_wrap{padding: 0;}
.concert_detail .profile_wrap .txt_box .txt_top{position: relative; padding: 20px 15px; line-height: 1.3em;}
.concert_detail .profile_wrap .txt_box .txt_top .txt_box{width: calc(100% - 25px);}
.concert_detail .profile_wrap .txt_box .txt_top .tit{font-size: 20px; font-weight: 500;}
.concert_detail .profile_wrap .txt_box .txt_top .txt{display: block; margin-top: 10px; color: #666;}
.concert_detail .profile_wrap .txt_box .txt_top .ref{position: relative; display: inline-block; margin-top: 5px; font-size: 13px; color: #999;}
.concert_detail .profile_wrap .txt_box .txt_top .ref i{margin-bottom: -4px;}
.concert_detail .profile_wrap .txt_box .txt_top .ref .txt_balloon{display: none; position: absolute; top: -94px; left: -20px; width: 220px; padding: 13px; border: 1px solid #ddd; background: #fff; line-height: 1.2em; text-align: left; box-sizing: border-box; z-index: 10;}
.concert_detail .profile_wrap .txt_box .txt_top .ref .txt_balloon::before{content: ''; display: block; position: absolute; bottom: -8px; left: 70px; width: 0; border-style: solid; border-width: 8px 6px 0 6px; border-color: #fff transparent; z-index: 1;}
.concert_detail .profile_wrap .txt_box .txt_top .ref .txt_balloon::after{content: ''; display: block; position: absolute; bottom: -9px; left: 70px; width: 0; border-style: solid; border-width: 8px 6px 0 6px; border-color: #ddd transparent; z-index: 0;}
.concert_detail .profile_wrap .txt_box .txt_top .ref .txt_balloon.on{display: block;}
.concert_detail .profile_wrap .txt_box .txt_top .ref .txt_balloon dt{margin-bottom: 5px; font-size: 14px; font-weight: 500;}
.concert_detail .profile_wrap .txt_box .txt_top .ref .txt_balloon dd{font-size: 12px; color: #666; line-height: 1.4em;}
.concert_detail .profile_wrap .txt_box .txt_top .ref .txt_balloon .btn_close{display: inline-block; position: absolute; top: 10px; right: 10px; width: 10px; height: 11px; background: #fff url(../../images/ui/btn_del.png)no-repeat; background-size: contain; text-indent: -99999px; overflow: hidden;}
.concert_detail .profile_wrap .txt_box .txt_top .btn_share{position: absolute; top: 20px; right: 20px;}
.concert_detail .profile_wrap .txt_box .statusbar{position: relative; display: flex; justify-content: space-between; align-items: center; margin: 15px 0;}
.concert_detail .profile_wrap .txt_box .statusbar::before{content: ''; position: absolute; top: 7px; right: 11%; width: 1px; height: 8px; background-color: #ddd;}
.concert_detail .profile_wrap .txt_box .statusbar .star_box{display: flex;}
.concert_detail .profile_wrap .txt_box .statusbar .stars{width: 70px; margin-bottom: 4px;}
.concert_detail .profile_wrap .txt_box .statusbar .stars .star{font-size: 14px;}
.concert_detail .profile_wrap .txt_box .statusbar span i{margin: 0 5px 0 5px;}
.concert_detail .profile_wrap .txt_box .statusbar .rating{margin: 3px 0 0 5px;}
.concert_detail .profile_wrap .txt_box .info_box{padding: 20px 15px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.concert_detail .profile_wrap .txt_box .info_box dl{display: flex; align-items: flex-end; margin-bottom: 15px;}
.concert_detail .profile_wrap .txt_box .info_box dt{width: 75px;}
.concert_detail .profile_wrap .txt_box .info_box dd{width: calc(100% - 75px); font-weight: 300; color: #666;}
.concert_detail .profile_wrap .txt_box .info_box dd p{font-weight: 500; color: #333;}
.concert_detail .profile_wrap .txt_box .info_box dd p .price{font-size: 18px;  color: #ff6700;}
.concert_detail .profile_wrap .txt_bottom{padding: 20px 15px 30px; font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", Pretendard, Roboto, "Noto Sans KR", "Segoe UI", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
.concert_detail .profile_wrap .txt_bottom .tit{font-size: 24px; font-weight: 800; color: #f83f00;}
.concert_detail .profile_wrap .txt_bottom .txt{margin: 20px 0; font-size: 13px; font-weight: 500; line-height: 1.5em;}
.concert_detail .profile_wrap .txt_box .btn_wrap a{width: calc(50% - 5px);}
.concert_detail .profile_wrap .txt_box .btn_wrap .btn_down i{margin: 0 0 2px 5px; width: 10px; height: 7px; background: url(../../images/ui/sel_down.png) no-repeat 0 0;}
.concert_detail .arti_intro{padding: 24px 15px;}
.concert_detail .arti_intro p{width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; color: #666; line-height: 1.5em;}
.concert_detail .arti_intro .thumb_wrap{display:grid;grid:1fr / repeat(3, 1fr);grid-gap: 4px;grid-row-gap:20px;padding-bottom:30px;}
.concert_detail .arti_intro .thumb_wrap .col .thumb{width:100%;padding-top:100%;background-repeat: no-repeat;background-size:cover;background-position:50% 50%}
.concert_detail .arti_intro .thumb_wrap .col .thumb img{width:100%;object-fit: cover;}
.concert_detail .arti_intro .thumb_wrap .col .desc{margin-top:10px;text-align:center;font-size:12px;}
.concert_detail .standard_price{margin-top: 50px;}
.concert_detail .standard_price .item_wrap{padding: 24px 15px; line-height: 1.6; text-align: center;}
.concert_detail .standard_price .item_box + .item_box{margin-top: 50px;}
.concert_detail .standard_price .tit{display: inline-block; padding: 7px 15px; margin-bottom: 15px; border: 1px solid #ddd; border-radius: 20px; font-size: 16px; font-weight: 700;}
.concert_detail .standard_price img{border: 1px solid #ddd;}
.concert_detail .standard_price .desc{margin-top: 10px; font-size: 15px; color: #999; text-align: justify;}
.concert_detail .standard_price .sub_tit{margin: 10px 0 5px; font-size: 15px; font-weight: 700; text-align: justify;}
.concert_detail .standard_price .composition{margin-bottom: 10px; font-size: 14px; color: #999; text-align: justify;}
.concert_detail .standard_price .price{padding: 10px 0; border-top: 1px solid #ddd; font-size: 15px; font-weight: 700; text-align: justify;}
.concert_detail .standard_price .price span{font-size: 18px; font-weight: 400; color: #ff6700;}
.concert_detail .event_records{padding: 24px 15px;}
.concert_detail .event_records ul{overflow: hidden;}
.concert_detail .event_records ul li a{display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid #ddd; color: #666;}
.concert_detail .event_records ul li a .event_date{font-weight: 300;}
.concert_detail .event_records .btn_wrap{margin-top: 18px; text-align: center;}
.concert_detail .event_records .btn_wrap .more{position: unset;}
.concert_detail .event_records .btn_wrap .more i{margin-left: 5px;}
.concert_detail .arti_info_wrap{padding: 20px 0 50px; border: none; }
.concert_detail .arti_info_wrap h4{margin-bottom: 10px; font-size: 18px; font-weight: 500;}
.concert_detail .arti_info_wrap .slide_wrap{height: 40px;}
.concert_detail .arti_info_wrap .slide_tab{width: 100%; background-color: #fff; overflow-x: auto;}
.concert_detail .arti_info_wrap .slide_tab.top_fix{position: fixed; top: 0; left: 0; z-index: 9;}
.concert_detail .arti_info_wrap .slide_tab::-webkit-scrollbar{display: none; background-color: none;}
.concert_detail .arti_info_wrap .slide_tab ul{display: flex; justify-content: space-between; min-width: 445px; width: 100%; padding: 0 15px; border-bottom: 1px solid #ddd; background-color: #fff; box-sizing: border-box;}
.concert_detail .arti_info_wrap .slide_tab ul li a{position: relative; display: block; padding: 12px 0; margin: 0 10px; font-size: 15px; color: #999;}
.concert_detail .arti_info_wrap .slide_tab ul li.on a{color: #ff6700;}
.concert_detail .arti_info_wrap .slide_tab ul li.on a::after{content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: #ff6700;}
.concert_detail .arti_info_wrap .recent_casting{padding-left: 15px; margin-top: 30px;}
.concert_detail .arti_info_wrap .recent_casting .recentSwiper{overflow: hidden;}
.concert_detail .arti_info_wrap .recent_casting .swiper-slide{width: 230px;}
.concert_detail .arti_info_wrap .recent_casting .swiper-slide a{display: block; padding: 15px; border: 1px solid #ddd; border-radius: 5px; color: #666; line-height: 1.5em;}
.concert_detail .arti_info_wrap .recent_casting .swiper-slide a:first-of-type{margin-bottom: 17px;}
.concert_detail .arti_info_wrap .recent_casting .swiper-slide a .tit{margin: 12px 0 18px; font-size: 17px; color: #333;}
.concert_detail .arti_info_wrap .recent_casting.system{padding: 0; margin-top: 75px;}
.concert_detail .arti_info_wrap .recent_casting.system .title_box{padding: 0 15px; margin-bottom: 15px;}
.concert_detail .arti_info_wrap .recent_casting.system .recentSwiper {padding: 0 15px;}
.concert_detail .arti_info_wrap .title_box{padding: 0 15px 18px; border-bottom: 1px solid #ddd;}
.concert_detail .arti_info_wrap .title_box p{color: #999;}
.concert_detail .arti_info_wrap .equipment,
.concert_detail .arti_info_wrap .repertory,
.concert_detail .arti_info_wrap .portfolio,
.concert_detail .arti_info_wrap .arti_video{width: 100%; margin-top: 75px; overflow: hidden;}
.concert_detail .arti_info_wrap .arti_video .video_slide{width: 100%; padding: 20px 15px; overflow-x: scroll;}
.concert_detail .arti_info_wrap .arti_video .video_slide::-webkit-scrollbar{display: none; background-color: none;}
.concert_detail .arti_info_wrap .arti_video .video_slide ul{display: flex;}
.concert_detail .arti_info_wrap .arti_video .video_slide ul li{margin-right: 15px;}
.concert_detail .arti_info_wrap .arti_video .video_slide ul li iframe{width: 335px; height: 183px; border-radius: 5px;}
.concert_detail .arti_info_wrap .txt_box{padding: 24px 15px 0; color: #666; line-height: 1.5em;width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.concert_detail .arti_info_wrap .review{width: 100%; margin-top: 75px;}
.concert_detail .arti_info_wrap .review .total_review_box{margin: 24px 0; text-align: center;}
.concert_detail .arti_info_wrap .review .total_review_box .txt{font-size: 21px;}
.concert_detail .arti_info_wrap .review .total_review_box .star_wrap{display: flex; justify-content: center; margin-top: 15px;}
.concert_detail .arti_info_wrap .review .total_review_box .star_wrap .stars{width: 110px;}
.concert_detail .arti_info_wrap .review .total_review_box .star_wrap .stars .star{width: 22px; font-size: 22px;}
.concert_detail .arti_info_wrap .review .total_review_box .star_wrap .rating{margin-left: 10px; font-size: 26px;}
.concert_detail .arti_info_wrap .review .review_lists{padding: 0 15px;}
.concert_detail .arti_info_wrap .review .review_lists .range_box{display: flex; justify-content: right;}
.concert_detail .arti_info_wrap .review .review_lists .range_box .select{margin-right: 5px;}
.concert_detail .arti_info_wrap .review .review_lists .range_box .select.active .sel_li{height: 122px;}
.concert_detail .arti_info_wrap .review .review_lists ul{margin-top: 10px; border-top: 1px solid #333;}
.concert_detail .arti_info_wrap .review .review_lists .review_list{padding: 18px 0; border-bottom: 1px solid #ddd;}
.concert_detail .arti_info_wrap .review .review_lists .review_list .review_box .cont_top{display: flex; justify-content: space-between;}
.concert_detail .arti_info_wrap .review .review_lists .review_list .review_box .cont_top>div{display: flex; align-items: center;}
.concert_detail .arti_info_wrap .review .review_lists .review_list .review_box .cont_top .sort{display:inline-block;height:27px;margin-right:15px;padding:0 15px 0 30px;background: url(../../images/icon/ico_review_sort1.png) no-repeat 10px 50%;border:1px solid #eee;border-radius:30px;font-size:13px;color:#212121;line-height:25px;}
.concert_detail .arti_info_wrap .review .review_lists .review_list .review_box .cont_top .sort.cast{background-image:url(../../images/icon/ico_review_sort2.png)}
.concert_detail .arti_info_wrap .review .review_lists .review_list .review_box .cont_top .stars{width: 75px; margin: 0 5px 3px 0;}
.concert_detail .arti_info_wrap .review .review_lists .review_list .review_box .cont_top .star{font-size: 15px;}
.concert_detail .arti_info_wrap .review .review_lists .review_list .review_box .cont_top .grade{font-size: 15px;}
.concert_detail .arti_info_wrap .review .review_lists .review_list .review_box .cont_top .user_id{position: relative; margin-left: 17px; font-size: 16px;  color: #666;}
.concert_detail .arti_info_wrap .review .review_lists .review_list .review_box .cont_top .user_id::before{content: ''; position: absolute; top: 3px; left: -8px; width: 1px; height: 12px; background-color: #ddd;}
.concert_detail .arti_info_wrap .review .review_lists .review_list .review_box .cont_top .date{color: #666;line-height:28px;}
.concert_detail .arti_info_wrap .review .review_lists .review_list .review_box p{margin-top: 24px; font-size: 15px; line-height: 1.5em;}
.concert_detail .arti_info_wrap .review .review_lists .review_list .review_box .img_wrap{display: flex; margin: 20px 0;}
.concert_detail .arti_info_wrap .review .review_lists .review_list .review_box .img_wrap .img_box{width: 73px; height: 73px; margin-right: 5px; border-radius: 5px;}
.concert_detail .arti_info_wrap .review .review_lists .review_list .review_box .btn_review{margin-top: 24px;}
.concert_detail .arti_info_wrap .review .review_lists .review_list .review_box .btn_modify{margin-bottom: 10px;}
.concert_detail .arti_info_wrap .review .review_lists .review_list .comment_box{display: none; padding: 20px 15px; margin-top: 20px; background-color: #f8f8f8;}
.concert_detail .arti_info_wrap .review .review_lists .review_list .comment_box.on{display: block;}
.concert_detail .arti_info_wrap .review .review_lists .review_list .comment_box .cont_top{display: flex;}
.concert_detail .arti_info_wrap .review .review_lists .review_list .comment_box .cont_top .image{width: 40px; height: 40px; margin-right: 10px; border: 1px solid #ddd; border-radius: 50%; box-sizing: border-box;}
.concert_detail .arti_info_wrap .review .review_lists .review_list .comment_box .cont_top .txt_box{padding: 0;}
.concert_detail .arti_info_wrap .review .review_lists .review_list .comment_box .cont_top .tit{font-size: 16px; font-weight: 500; color: #333;}
.concert_detail .arti_info_wrap .review .review_lists .review_list .comment_box .cont_top .date{display: block; margin-top: 5px; font-size: 14px;}
.concert_detail .arti_info_wrap .review .review_lists .review_list .comment_box p{margin: 18px 0; font-size: 15px; color: #666; line-height: 1.5em;}
.concert_detail .arti_info_wrap .review .review_lists .review_list .comment_box .btn_wrap{text-align: left;}
.concert_detail .arti_info_wrap .review .review_lists .review_list .comment_box .btn_wrap button{color: #666;}
.concert_detail .arti_info_wrap .review .review_lists .review_list .comment_box .btn_wrap .btn_del{position: relative; margin-left: 20px;}
.concert_detail .arti_info_wrap .review .review_lists .review_list .comment_box .btn_wrap .btn_del::before{content: ''; position: absolute; top: 5px; left: -13px; width: 1px; height: 12px; background-color: #ddd;}
.concert_detail .arti_info_wrap .review .review_lists .review_list .write_box{display: none; padding-top: 18px; margin-top: 10px; border-top: 1px solid #ddd;}
.concert_detail .arti_info_wrap .review .review_lists .review_list .write_box textarea{width: calc(100% - 95px); height: 11.7vw; padding: 7px; border: 1px solid #ddd; box-sizing: border-box;}
.concert_detail .arti_info_wrap .review .review_lists .review_list .write_box .btn_write{width: 90px; margin-left: 5px; border-radius: 0; background-color: #333; font-size: 14px; color: #fff;}
.concert_detail .arti_info_wrap .review .review_lists .review_list .write_box.on{display: flex;}
.concert_detail .arti_info_wrap .review .review_lists .review_list .btn_wrap{text-align: left;}
.concert_detail .arti_info_wrap .review .btn_wrap{margin-top: 18px; text-align: center;}
.concert_detail .arti_info_wrap .review .btn_wrap .more{position: unset;}
.concert_detail .arti_info_wrap .review .btn_wrap .more i{margin-left: 5px;}
.concert_detail .arti_info_wrap .review .non_list{padding: 50px 0; border-bottom: 1px solid #ddd;}
.modal_share .modal_wrap .modal_inner,
.modal_arti_profile_non .modal_wrap .modal_inner,
.modal_arti_profile .modal_wrap .modal_inner{border-radius: 10px;}
.modal_arti_profile .modal_wrap .modal_inner .down_wrap{border-top: 1px solid #333; border-bottom: 1px solid #ddd;}
.modal_arti_profile .modal_wrap .modal_inner .down_wrap ul{display: flex;}
.modal_arti_profile_non .modal_wrap .modal_inner .down_wrap ul li,
.modal_arti_profile .modal_wrap .modal_inner .down_wrap ul li{position: relative; width: 50%; padding: 18px 9px;}
.modal_arti_profile_non .modal_wrap .modal_inner .down_wrap ul li:first-of-type:after,
.modal_arti_profile .modal_wrap .modal_inner .down_wrap ul li:first-of-type:after{content: ''; position: absolute; top: 18px; right: 0; width: 1px; height: 65px; background-color: #ddd;}
.modal_arti_profile_non .modal_wrap .modal_inner .down_wrap ul li .txt,
.modal_arti_profile .modal_wrap .modal_inner .down_wrap ul li .txt{margin-bottom: 10px; font-weight: 500; color: #333;}
.modal_arti_profile .modal_wrap .modal_inner .down_wrap div{padding: 18px 55px; background-color: #f8f8f8;}
.modal_arti_profile_non .modal_wrap .modal_inner .down_wrap ul{display: flex; margin-bottom: 12px; border-top: 1px solid #333; border-bottom: 1px solid #ddd;}
.modal_arti_profile_non .modal_wrap .modal_inner .down_wrap ul li .dash{display: inline-block; height: 40px; font-size: 24px; line-height: 40px;}
.modal_arti_profile_non .modal_wrap .modal_inner .down_wrap div{text-align: left; font-size: 15px; color: #666;}
.modal_share .modal_wrap .modal_inner .txt{color: #333;}
.modal_share .modal_wrap .modal_inner .btn_wrap a{border-radius: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.modal_expansion .modal_wrap .modal_inner {border-radius: 10px;}
.modal_expansion .modal_wrap .modal_inner .btn{display: block; width: 100%; border: 0 none; border-radius: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: #f0f0f0;}

.modal_quotation_step .modal_wrap .modal_inner{width: 100%; height: 100%; padding: 0 15px 45px;overflow-y:auto;}
.modal_quotation_step .title_box{padding: 40px 0 40px; text-align: center;}
.modal_quotation_step .title_box h4{font-size: 21px; font-weight: 500;}
.modal_quotation_step .title_box p{margin-top: 35px; font-size: 15px; color: #666;}
.modal_quotation_step .progress_total_bar{position: relative; width: 100%; height: 4px; margin-bottom: 40px; border-radius: 2px; background-color: #f0f0f0;}
.modal_quotation_step .progress_total_bar::after{content: ''; position: absolute; top: 0; left: 0; height: 4px; border-radius: 2px; background-color: #ff6700;}
.modal_quotation_step .progress_total_bar .progress_bar{position: absolute; top: calc(50% - 17px); left: calc(10% - 17px);; width: 35px; height: 35px; border-radius: 50%; background-color: #ff6700; font-size: 12px; font-weight: 600; color: #fff; line-height: 35px; text-align: center; z-index: 1;}
.modal_quotation_step .content_wrap{position: relative; max-height: calc(100% - 280px);}
.modal_quotation_step .content_wrap .tit{margin-bottom: 20px; font-size: 15px;}
.modal_quotation_step .content_wrap input{width: 100%; height: 30px; border-bottom: 1px solid #ddd;}
.modal_quotation_step .content_wrap label span{display: inline-block; width: auto; height: 19px; padding-left: 20px; margin: 0; background-repeat: no-repeat; background-position: 0 100%; color: #333; line-height: 1.5em;}
.modal_quotation_step .content_wrap .select_wrap{display: flex; flex-wrap: wrap;}
.modal_quotation_step .content_wrap .select_wrap .btn{width: calc(50% - 5px); font-size: 14px;}
.modal_quotation_step .content_wrap .select_wrap .btn.on{border: none; background-color: #ff6700; color: #fff;}
.modal_quotation_step .btn_wrap{position: fixed; bottom: 0; left: 0; display: flex; width: 100%;z-index:100}
.modal_quotation_step .btn_wrap .btn_preview,
.modal_quotation_step .btn_wrap .btn_prev{width: 50%; height: 45px; background-color: #f0f0f0; font-size: 15px; font-weight: 500; color: #333; line-height: 45px; text-align: center;}
.modal_quotation_step .btn_wrap .btn_next{width: 50%; height: 45px; background-color: #5d5e65; font-size: 15px; font-weight: 500; color: #fff; line-height: 45px; text-align: center;}

.modal_quotation_step.event_name .progress_total_bar::after{width: 15%;}
.modal_quotation_step.event_name .content_wrap .chk_box{position: absolute; top: 0; right: 0;}
.modal_quotation_step.event_name .content_wrap .ipt_event{margin-bottom: 24px;}
.modal_quotation_step.event_name .content_wrap .event_info{display: none; height: 300px; padding: 18px 12px; margin-top: 13px; background-color: #f8f8f8; overflow-y: auto;}
.modal_quotation_step.event_name .content_wrap .event_info.on{display: block;}
.modal_quotation_step.event_name .content_wrap .event_info label{display: block;}
.modal_quotation_step.event_name .content_wrap .event_info label span{margin-bottom: 15px;}
.modal_quotation_step.event_name .btn_wrap .btn_next{width: 100%;}

.modal_quotation_step.event_date .progress_total_bar::after{width: 30%;}
.modal_quotation_step.event_date .modal_wrap .modal_inner .progress_total_bar .progress_bar{left: calc(30% - 17px);}
.modal_quotation_step.event_date .modal_wrap .modal_inner .content_wrap .tit{margin-bottom: 10px;}
.modal_quotation_step.event_date .modal_wrap .modal_inner .content_wrap .txt{font-size: 13px; color: #ff6700;}
.modal_quotation_step.event_date .modal_wrap .modal_inner .content_wrap .datepicker_wrap2{position: relative; margin: 24px 0 30px; opacity: 1;}
.modal_quotation_step.event_date .modal_wrap .modal_inner .content_wrap .datepicker_wrap2::after{content: ''; position: absolute; top: 6px; right: 10px; width: 16px; height: 13px; background-image: url(../../images/icon/ico_calendar_m.png); background-size: cover;}
.modal_quotation_step.event_date .modal_wrap .modal_inner .content_wrap .select{width: 100%;}
.modal_quotation_step.event_date .modal_wrap .modal_inner .content_wrap .select .btn_sel{width: 100%; height: 30px; padding: 0 10px; border-bottom: 1px solid #ddd; line-height: 30px; font-size: 15px; color: #666;}
.modal_quotation_step.event_date .modal_wrap .modal_inner .content_wrap .select .btn_sel::after{width: 13px; height: 13px; right: 10px; background-image: url(../../images/icon/ico_clock.png); background-size: cover;}
.modal_quotation_step.event_date .modal_wrap .modal_inner .content_wrap .select.active .btn_sel::after{transform: none;}
.modal_quotation_step.event_date .modal_wrap .modal_inner .content_wrap .select .sel_li{top: 100%; height: 242px;}
.modal_quotation_step.event_date .modal_wrap .modal_inner .content_wrap .select .sel_li .sel{height: 40px; line-height: 40px;}

.modal_quotation_step.setting_date .progress_total_bar::after{width: 45%;}
.modal_quotation_step.setting_date .progress_total_bar .progress_bar{left: calc(45% - 17px);}
.modal_quotation_step.setting_date .content_wrap .datepicker_wrap4{position: relative; margin: 24px 0 30px; opacity: 1;}
.modal_quotation_step.setting_date .content_wrap .datepicker_wrap4::after{content: ''; position: absolute; top: 6px; right: 10px; width: 16px; height: 13px; background-image: url(../../images/icon/ico_calendar_m.png); background-size: cover;}
.modal_quotation_step.setting_date .content_wrap .select{width: 100%;}
.modal_quotation_step.setting_date .content_wrap .select .btn_sel{width: 100%; height: 30px; padding: 0 10px; border-bottom: 1px solid #ddd; line-height: 30px; font-size: 15px; color: #666;}
.modal_quotation_step.setting_date .content_wrap .select .btn_sel::after{width: 13px; height: 13px; right: 10px; background-image: url(../../images/icon/ico_clock.png); background-size: cover;}
.modal_quotation_step.setting_date .content_wrap .select.active .btn_sel::after{transform: none;}
.modal_quotation_step.setting_date .content_wrap .select .sel_li{top: 100%; height: 242px;}
.modal_quotation_step.setting_date .content_wrap .select .sel_li .sel{height: 40px; line-height: 40px;}

.modal_quotation_step.event_running .progress_total_bar::after{width: 45%;}
.modal_quotation_step.event_running .modal_wrap .modal_inner .progress_total_bar .progress_bar{left: calc(45% - 17px);}
.modal_quotation_step.event_running .modal_wrap .modal_inner .content_wrap .select_wrap .btn{margin-bottom: 10px;}
.modal_quotation_step.event_running .modal_wrap .modal_inner .content_wrap .select_wrap .btn:nth-of-type(2n){margin-left: 10px;}

.modal_quotation_step.event_area .progress_total_bar::after{width: 60%;}
.modal_quotation_step.event_area .modal_wrap .modal_inner .progress_total_bar .progress_bar{left: calc(60% - 17px);}
.modal_quotation_step.event_area .modal_wrap .modal_inner .content_wrap{height: calc(100% - 245px); overflow-y: auto;}
.modal_quotation_step.event_area .modal_wrap .modal_inner .content_wrap>div{margin-bottom: 30px;}
.modal_quotation_step.event_area .modal_wrap .modal_inner .content_wrap .select_wrap .btn{width: calc(33% - 7px); margin: 0 10px 10px 0;}
.modal_quotation_step.event_area .modal_wrap .modal_inner .content_wrap .select_wrap .btn:nth-of-type(3n){margin-right: 0;}
.modal_quotation_step.event_area .modal_wrap .modal_inner .content_wrap .second_addr,
.modal_quotation_step.event_area .modal_wrap .modal_inner .content_wrap .detail_addr{display: none;}
.modal_quotation_step.event_area .modal_wrap .modal_inner .content_wrap .second_addr.on,
.modal_quotation_step.event_area .modal_wrap .modal_inner .content_wrap .detail_addr.on{display: block;}

.modal_quotation_step.event_place .progress_total_bar::after{width: 70%;}
.modal_quotation_step.event_place .modal_wrap .modal_inner .progress_total_bar .progress_bar{left: calc(70% - 17px);}
.modal_quotation_step.event_place .modal_wrap .modal_inner .content_wrap .select_wrap .btn{width: calc(33% - 7px); margin: 0 10px 10px 0;}
.modal_quotation_step.event_place .modal_wrap .modal_inner .content_wrap .select_wrap .btn:nth-of-type(3n){margin-right: 0;}

.modal_quotation_step.system .progress_total_bar::after{width: 80%;}
.modal_quotation_step.system .modal_wrap .modal_inner .title_box{padding: 40px 0 20px;}
.modal_quotation_step.system .modal_wrap .modal_inner .progress_total_bar .progress_bar{left: calc(80% - 17px);}
.modal_quotation_step.system .modal_wrap .modal_inner .content_wrap .select_wrap .btn{width: calc(33% - 7px); margin: 0 10px 10px 0;}
.modal_quotation_step.system .modal_wrap .modal_inner .content_wrap .select_wrap .btn:nth-of-type(3n){margin-right: 0;}

.modal_quotation_step.sound_system .progress_total_bar::after{width: 80%;}
.modal_quotation_step.sound_system .modal_wrap .modal_inner .title_box{padding: 40px 0 20px;}
.modal_quotation_step.sound_system .modal_wrap .modal_inner .progress_total_bar .progress_bar{left: calc(80% - 17px);}
.modal_quotation_step.sound_system .modal_wrap .modal_inner .content_wrap .select_wrap .btn{width: calc(33% - 7px); margin: 0 10px 10px 0;}
.modal_quotation_step.sound_system .modal_wrap .modal_inner .content_wrap .select_wrap .btn:nth-of-type(3n){margin-right: 0;}

.modal_quotation_step.event_request .progress_total_bar::after{width: 90%;}
.modal_quotation_step.event_request .modal_wrap .modal_inner .title_box p{margin-top: 10px;}
.modal_quotation_step.event_request .modal_wrap .modal_inner .title_box{padding: 40px 0 20px;}
.modal_quotation_step.event_request .modal_wrap .modal_inner .progress_total_bar .progress_bar{left: calc(90% - 17px);}
.modal_quotation_step.event_request .modal_wrap .modal_inner .content_wrap textarea{width: 100%; min-height: 80px; height: auto; padding: 0 10px 10px; border-bottom: 1px solid #ddd; font-size: 15px;}

.modal_quotation_step.preview .modal_wrap .modal_inner .content_wrap{height: calc(100% - 250px); overflow-y: auto; }
.modal_quotation_step.preview .modal_wrap .modal_inner .preview_box{ padding: 18px 18px 30px 18px; background-color: #f8f8f8; }
.modal_quotation_step.preview .modal_wrap .modal_inner .preview_box .sub_tit{width: 100%; padding: 12px 0; border: 1px solid #ddd; background-color: #fff; font-size: 15px; font-weight: 500; text-align: center; line-height: 1em;}
.modal_quotation_step.preview .modal_wrap .modal_inner .preview_box dl{display: flex; margin-top: 20px; font-size: 14px;}
.modal_quotation_step.preview .modal_wrap .modal_inner .preview_box dt{width: 80px; color: #666;}
.modal_quotation_step.preview .modal_wrap .modal_inner .preview_box dt i{margin-right: 5px;}
.modal_quotation_step.preview .modal_wrap .modal_inner .preview_box .cont_bot{padding-top: 20px; margin-top: 20px; border-top: 1px dashed #ddd; line-height: 1.5em;}
.modal_quotation_step.preview .modal_wrap .modal_inner .preview_box .cont_bot dd{width: calc(100% - 80px);}
.modal_quotation_step.preview .modal_wrap .modal_inner .preview_box .cont_bot dd span{position: relative; padding-left: 10px; display: block; color: #333;}
.modal_quotation_step.preview .modal_wrap .modal_inner .preview_box .cont_bot dd span::before{content: '·'; position: absolute; top: 0; left: 0;}
.modal_quotation_step.preview .modal_wrap .modal_inner .btn_wrap .btn_next{color: #ffd06a;}

.modal_quotation_step.preview.concert_wrap .setting_row{display: none;}
.modal_quotation_step.preview.concert_wrap .electricity_row{display: none;}
.modal_quotation_step.preview.system_wrap .running_row{display: none;}
.modal_quotation_step.preview.system_wrap .sound_row{display: none;}
.modal_quotation_step.preview.rent_wrap .running_row{display: none;}
.modal_quotation_step.preview.rent_wrap .sound_row{display: none;}
.modal_quotation_step.preview.rent_wrap .electricity_row{display: none;}
.modal_quotation_step.preview.manpower_wrap .running_row{display: none;}
.modal_quotation_step.preview.manpower_wrap .setting_row{display: none;}
.modal_quotation_step.preview.manpower_wrap .sound_row{display: none;}
.modal_quotation_step.preview.manpower_wrap .electricity_row{display: none;}

.modal_quotation_step.comp .progress_total_bar::after{width: 100%;}
.modal_quotation_step.comp .progress_total_bar .progress_bar{left: unset; right: 0;}
.modal_quotation_step.comp .content_wrap{text-align: center;}
.modal_quotation_step.comp .content_wrap .tit{margin: 0; font-size: 18px; font-weight: 500; line-height: 1.5em;}
.modal_quotation_step.comp .content_wrap img{margin: 0 0 20px; width: 53px; height: 53px;}
.modal_quotation_step.comp .btn_wrap .btn_ok{width: 100%; background-color: #ff6700;}
.modal_quotation_step.comp .premiumAd{margin-top:30px;}
.modal_quotation_step.comp .premiumAd .title{margin-bottom:20px;font-size:18px;text-align:center}
.modal_quotation_step.comp .premiumAd .title span{color:#ff6700}
.modal_quotation_step.comp .premiumAd .swiper-container{padding-bottom:30px;}
.modal_quotation_step.comp .premiumAd .swiper-slide{display:grid;width:100%;grid-gap:10px;grid-template-columns: repeat(2, 1fr);}
.modal_quotation_step.comp .premiumAd .swiper-slide .prli{display:block}

.modal_quotation .modal_wrap .modal_inner{border-radius: 10px;}
.modal_quotation .modal_wrap .modal_inner .btn_wrap{display: flex;}
.modal_quotation .modal_wrap .modal_inner .btn_wrap .btn{width: 50%; border: 0; border-radius: 0;}
.modal_quotation .modal_wrap .modal_inner .btn_wrap .btn_gr{background-color: #f0f0f0; border-bottom-left-radius: 10px;}
.modal_quotation .modal_wrap .modal_inner .btn_wrap .btn_or{border-bottom-right-radius: 10px;}

/* entertainer_list */
.entertainer_list .contents_wrap{margin-top: 30px;}
.entertainer_list .contents_wrap .cont_lists .list .arti_info .txt_box div{padding-top: 10px; margin-top: 10px; border-top: 1px solid #ddd; font-size: 13px; color: #666;}
.entertainer_list .contents_wrap .cont_lists .list .arti_info .txt_box div .time{position: relative; margin-left: 20px;}
.entertainer_list .contents_wrap .cont_lists .list .arti_info .txt_box div .time::before{content: ''; position: absolute; top: 5px; left: -12px; width: 1px; height: 12px; background-color: #ddd;}
.modal_filter.entertainer .modal_wrap .modal_inner .price_wrap{border-bottom: 5px solid #f8f8f8;}
.modal_filter.entertainer .modal_wrap .modal_inner .price_wrap .tit_box{display: flex; height: auto; line-height: 1em;}
.modal_filter.entertainer .modal_wrap .modal_inner .price_wrap .tit_box i{margin-left: 5px;}
.modal_filter.entertainer .modal_wrap .modal_inner .price_wrap .select .sel_li{height: 162px;}
.modal_profile_nonfile .modal_wrap .modal_inner{border-radius: 10px;}
.modal_profile_nonfile .modal_wrap .modal_inner .content_box .txt{color: #333; line-height: 1.5em;}
.modal_profile_nonfile .modal_wrap .modal_inner .btn_or{border-radius: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}

/* cs page start */
/* cs_home */
.cs_home .more{right: 15px;}
.cs_home h3{margin-bottom: 18px; font-size: 21px; font-weight: 500;}
.cs_home section{position: relative; margin-top: 50px; overflow: hidden;}
.cs_home .faq_wrap h3{padding-top: 15px;}
.cs_home .faq_wrap .swiper-slide{width: 190px;}
.cs_home .faq_wrap .swiper-slide a{display: block; width: 100%; padding: 20px 15px 10px; border-radius: 5px; background-color: #f8f8f8; font-weight: 500;}
.cs_home .faq_wrap .swiper-slide span{font-size:16px;}
.cs_home .faq_wrap .swiper-slide .tit{margin: 13px 0; font-size: 15px;}
.cs_home .faq_wrap .swiper-slide .txt{font-size: 14px; color: #666; line-height: 1.3em; overflow: hidden;}
.cs_home .faq_wrap .more{top: 20px;}
.cs_home .service_wrap ul li a{display: flex; align-items: center; margin-bottom: 15px; font-size: 14px; color: #666;}
.cs_home .service_wrap ul li:last-of-type a{margin-bottom: 0;}
.cs_home .service_wrap ul li a .image{width: 48px; height: 48px; margin-right: 15px; border: 1px solid #ddd; border-radius: 50%;}
.cs_home .service_wrap ul li a .txt_box{width: calc(100% - 63px);}
.cs_home .service_wrap ul li a .tit{margin-bottom: 10px; font-size: 15px; font-weight: 500; color: #ff6700;}
.cs_home .notice_wrap ul{border-top: 1px solid #333;}
.cs_home .notice_wrap ul li a{display: block; padding: 15px 0; border-bottom: 1px solid #ddd;}
.cs_home .notice_wrap .more{top: 5px;}
.cs_home .review_wrap .swiper-slide{display: flex; align-items: center;}
.cs_home .review_wrap .swiper-slide .img_box{position: relative; display: block; width: 110px; height: 110px; margin-right: 15px; border-radius: 8px;}
.cs_home .review_wrap .swiper-slide .img_box .badge{position: absolute; top: 0; left: 10px; display: block; width: 29px; height: 49px;}
.cs_home .review_wrap .swiper-slide .txt_box{width: calc(100% - 130px); font-size: 15px; color: #666; line-height: 1.3em;}
.cs_home .review_wrap .swiper-slide .txt_box .tit{margin: 5px 0 10px; font-size: 18px; color: #333;}
.cs_home .review_wrap .swiper-slide .txt_box div{margin-top: 10px;}
.cs_home .review_wrap .swiper-slide .txt_box div .user_id{position: relative; margin-right: 18px; color: #333;}
.cs_home .review_wrap .swiper-slide .txt_box div .user_id::after{content: ''; position: absolute; top: 5px; right: -11px; width: 1px; height: 12px; background-color: #ddd;}
.cs_home .event_wrap .swiper-slide{width: 250px;}
.cs_home .event_wrap .swiper-slide .type{font-size: 14px; font-weight: 500; color: #ff6700;}
.cs_home .event_wrap .swiper-slide .tit{height: 54px; margin: 15px 0 15px; font-size: 18px; line-height: 1.5em; overflow: hidden;}
.cs_home .event_wrap .swiper-slide .img_box{width: 100%; height: 152px; border-radius: 8px;}
.cs_home .cs_center{margin-bottom: 40px;}
.cs_home .cs_center .cont_box{display: flex; align-items: center; justify-content: space-around; padding: 24px 0; margin-bottom: 10px; border-radius: 10px; background-color: #f8f8f8;}
.cs_home .cs_center .cont_box h4{font-size: 17px; font-weight: 500;}
.cs_home .cs_center .cont_box .txt_box{color: #666; line-height: 1.5em;}
.cs_home .cs_center .cont_box .txt_box p{margin-bottom: 18px; font-size: 20px; color: #333;}
.cs_home .cs_center .cont_box .txt_box span{display: block;}

/* cs_notice */
.cs_notice .notice_wrap{margin: 30px 0 24px;}
.cs_notice .notice_wrap .total_cnt{margin-bottom: 12px; font-size: 13px; font-weight: 600;}
.cs_notice .notice_wrap ul{border-top: 1px solid #333;}
.cs_notice .notice_wrap ul li a{display: block; padding: 18px 12px; border-bottom: 1px solid #ddd;}
.cs_notice .notice_wrap ul li a p{margin-bottom: 13px; font-size: 15px; line-height: 1.5em;}
.cs_notice .notice_wrap ul li a p i{margin-left: 5px;}
.cs_notice .notice_wrap ul li a span{position: relative; font-size: 13px; color: #666; margin-left: 18px;}
.cs_notice .notice_wrap ul li a span::after{content: ''; position: absolute; top: 5px; left: -11px; width: 1px; height: 12px; background-color: #ddd;}
.cs_notice .notice_wrap ul li a span:first-of-type{margin-left: 0;}
.cs_notice .notice_wrap ul li a span:first-of-type::after{display: none;}
.cs_notice .paging_wrap{margin-bottom: 60px;}

/* cs_notice_detail */
.cs_notice_detail section{padding: 18px 15px 60px;}
.cs_notice_detail section>div{border-bottom: 1px solid #ddd;}
.cs_notice_detail .tit_box{padding: 18px 12px; border-top: 1px solid #333;}
.cs_notice_detail .tit_box p{margin-bottom: 13px; font-size: 15px; line-height: 1.5em;}
.cs_notice_detail .tit_box p i{margin-left: 9px;}
.cs_notice_detail .tit_box span{font-size: 13px; color: #666;}
.cs_notice_detail .tit_box .date{position: relative; margin-right: 18px;}
.cs_notice_detail .tit_box .date::after{content: ''; position: absolute; top: 5px; right: -11px; width: 1px; height: 12px; background-color: #ddd;}
.cs_notice_detail .txt_box{padding: 18px 12px; line-height: 1.5em;}
.cs_notice_detail .down_box,
.cs_notice_detail .link_box{display: flex; align-items: center; padding: 12px; line-height: 1.3em;}
.cs_notice_detail .down_box .txt,
.cs_notice_detail .link_box .txt{display: inline-block; width: 90px; color: #666;}
.cs_notice_detail .down_box i{margin-left: 5px;}
.cs_notice_detail .link_box i{margin: 2px 0 -2px 5px;}
.cs_notice_detail .down_box a,
.cs_notice_detail .link_box a{display: block; width: calc(100% - 90px); line-height: 1.3em; word-break: break-all;}
.cs_notice_detail .btn_list{margin-top: 32px;}

/* cs_guide */
.cs_guide{margin-top: 70px;}
.cs_guide section{padding: 0;}
.cs_guide .guide_wrap .cont{display: none; margin: 35px 0 80px;}
.cs_guide .guide_wrap .cont.on{display: block;}
.cs_guide .guide_wrap .cont .cont_box{margin-top: 55px;}
.cs_guide .guide_wrap .cont .cont_box>div{padding: 0 15px;}
.cs_guide .guide_wrap .cont .cont_box:first-of-type{margin-top: 0;}
.cs_guide .guide_wrap .cont .ico_image{width: 38px; height: 38px;}
.cs_guide .guide_wrap .cont h3{margin: 20px 0 15px; font-size: 22px; font-weight: bold; line-height: 1.3em;}
.cs_guide .guide_wrap .cont .txt{font-size: 14px; color: #666; line-height: 1.5em;}
.cs_guide .guide_wrap .cont .btn{margin: 20px 0; color: #fff;}
.cs_guide .guide_wrap .cont .btn_pr{background-color: #7c4faa;}
.cs_guide .guide_wrap .cont .btn_yl{display: flex; justify-content: center; align-items: center; background-color: #ffde00; color: #3b1e1e;}
.cs_guide .guide_wrap .cont .btn_yl i{margin-left: 10px;}
.cs_guide .guide_wrap .cont .image{width: 100%;}
.cs_guide .guide_wrap .pay_wrap .image,
.cs_guide .guide_wrap .estimate_wrap .image{margin-top: 10px;}
.cs_guide .guide_wrap .consultation_wrap .image{padding: 0 15px;}
.cs_guide .guide_wrap .casting_wrap .image{padding: 10px 15px 0;}

/* cs_policy */
.cs_policy section{padding: 0;}
.cs_policy ul{border-top: 1px solid #ddd; margin-bottom: 180px;}
.cs_policy ul li a{position: relative; display: block; padding: 14px 15px; border-bottom: 1px solid #ddd;}
.cs_policy ul li a h3{font-size: 15px;}
.cs_policy ul li a::after{content: ''; position: absolute; top: calc(50% - 6px); right: 15px; width: 6px; height: 11px; background-image: url(../../images/ui/next_button.png); background-size: cover;}
.modal_service_term .txt_box{padding: 20px 15px; line-height: 1.5em;}
.modal_service_term .txt_box p{margin-bottom: 20px;}
.modal_service_term .txt_box span{display: block;}
.modal_service_term .txt_box .txt{margin-bottom: 25px;}

/* cs_faq */
.cs_faq .tab_wrap .slide_wrap{margin: 10px 0 25px;}
.cs_faq .tab_wrap .tab{width: 100%; justify-content: normal; white-space: nowrap; overflow-x: auto;}
.cs_faq .tab_wrap .tab::-webkit-scrollbar{display: none; background-color: none;}
.cs_faq .tab_wrap .tab .tablinks_sub{width: auto; height: auto; padding-bottom: 5px; margin: 0 12px; border: 0; background-color: #fff; font-size: 17px; font-weight: 500; color: #999; line-height: 1em;}
.cs_faq .tab_wrap .tab .tablinks:first-of-type{margin-left: 0;}
.cs_faq .tab_wrap .tab .tablinks:last-of-type{margin-right: 0;}
.cs_faq .tab_wrap .tab .tablinks_sub.on{border-bottom: 2px solid #ff6700; background-color: #fff; color: #ff6700;}
.cs_faq .tab_wrap .tab .tablinks_sub::after{display: none;}
.cs_faq .faq_wrap ul{margin-bottom: 80px; border-top: 1px solid #ddd;}
.cs_faq .faq_wrap ul li a{position: relative; display: block; width: 100%; padding: 15px 30px 18px 12px; border-bottom: 1px solid #ddd;}
.cs_faq .faq_wrap ul li.on a{border-top: 1px solid #333; border-bottom: 1px solid #333;}
.cs_faq .faq_wrap ul li a .type{display: block; margin-bottom: 10px; font-size: 13px; color: #666;}
.cs_faq .faq_wrap ul li a .tit{width: 75%; font-size: 15px; line-height: 1.5em;}
.cs_faq .faq_wrap ul li a .bar{position: absolute; top: 50%; right: 10px; width: 12px; height: 2px; background: #4e4e4e;}
.cs_faq .faq_wrap ul li a .bar.ver{top: calc(50% - 5px); right: 15px; width: 2px; height: 12px; transition: .3s;}
.cs_faq .faq_wrap ul li.on a .bar.ver{top: 50%; right: 15px; width: 2px; height: 0; }
.cs_faq .faq_wrap ul li .acc_cont{display: none; padding: 18px 21px 18px 18px; background-color: #fff9f5;}
.cs_faq .faq_wrap ul li .acc_cont .txt{line-height: 1.5em;}

/* cs_promotion */
.cs_promotion .promotion_wrap .tab{margin: 10px 0 25px;}
.cs_promotion .promotion_wrap .cont{margin-bottom: 80px;}
.cs_promotion .promotion_wrap .cont ul{overflow: hidden;}
.cs_promotion .promotion_wrap .cont ul li{margin-top: 43px;}
.cs_promotion .promotion_wrap .cont ul li:first-of-type{margin-top: 0;}
.cs_promotion .promotion_wrap .cont ul li a{display: block;}
.cs_promotion .promotion_wrap .cont ul li a .image{position: relative; height: 210px; border-radius: 10px;}
.cs_promotion .promotion_wrap .cont ul li a .image .badge{position: absolute; top: 10px; left: 10px; width: 50px; height: 50px; border-radius: 50%; background-color: #ff6700; line-height: 50px; text-align: center; font-size: 13px; color: #fff;}
.cs_promotion .promotion_wrap .cont ul li a .image .badge.yel{background-color: #f9b233;}
.cs_promotion .promotion_wrap .cont ul li a .tit{margin: 18px 0 15px; font-size: 18px;}
.cs_promotion .promotion_wrap .cont ul li a .ing{display: inline-block; margin-right: 8px; width: 57px; height: 24px; border-radius: 3px; background-color: rgba(255, 103, 0, .12); font-size: 13px; color: #ff6700; line-height: 24px; text-align: center;}
.cs_promotion .promotion_wrap .cont ul li a .end{display: inline-block; margin-right: 8px; width: 57px; height: 24px; border-radius: 3px; background-color: #f0f0f0; font-size: 13px; line-height: 24px; text-align: center;}
.cs_promotion .promotion_wrap .cont ul li a .date{font-size: 14px; color: #999;}
.cs_promotion .promotion_wrap .cont .btn_more{display: block; margin: 30px 0 100px; color: #666;}
.cs_promotion .promotion_wrap .cont .btn_more i{margin: 0 0 1px 8px; background-image: url(../../images/ui/btn_more_gr_m.png);}

/* cs_promotion_detail */
.cs_promotion_detail .content_wrap{margin: 75px 0 80px}
.cs_promotion_detail .content_wrap>div{border-bottom: 1px solid #ddd}
.cs_promotion_detail .content_wrap .title_wrap{position: relative; padding: 20px 12px; border-top: 1px solid #333;}
.cs_promotion_detail .content_wrap .title_wrap .tit{width: calc(100% - 100px); font-size: 16px; line-height: 1.5em;}
.cs_promotion_detail .content_wrap .title_wrap div{margin-top: 18px; font-size: 13px; color: #666;}
.cs_promotion_detail .content_wrap .title_wrap div .cnt{position: relative; margin-left: 20px;}
.cs_promotion_detail .content_wrap .title_wrap div .cnt::before{content: ''; position: absolute; top: 5px; left: -12px; width: 1px; height: 10px; background-color: #ddd;}
.cs_promotion_detail .content_wrap .title_wrap .badge{position: absolute; top: 20px; right: 12px;  display: inline-block; margin-right: 8px; width: 57px; height: 24px; border-radius: 3px; background-color: rgba(255, 103, 0, .12); font-size: 13px; color: #ff6700; line-height: 24px; text-align: center;}
.cs_promotion_detail .content_wrap .title_wrap .end{background-color: #f0f0f0;}
.cs_promotion_detail .content_wrap .text_wrap{margin-bottom: 30px; padding: 24px 12px;}
.cs_promotion_detail .content_wrap .text_wrap img{width: 100%; margin-bottom: 15px;}
.cs_promotion_detail .content_wrap .text_wrap .txt{font-size: 15px; line-height: 1.5em;}

/* cs_review */
.cs_review{margin: 75px 0 80px;}
.cs_review .best_wrap{margin-bottom: 55px;}
.cs_review .best_wrap .swiper-slide{width: 290px; padding: 12px; border: 1px solid #ddd; border-radius: 5px;}
.cs_review .best_wrap .swiper-slide .image{position: relative; height: 160px; border-radius: 5px;}
.cs_review .best_wrap .swiper-slide .image .badge{position: absolute; top: -13px; left: 12px; display: block; width: 28px; height: 49px;}
.cs_review .best_wrap .swiper-slide .title_box{padding: 18px 0;}
.cs_review .best_wrap .swiper-slide .title_box .type{font-size: 15px; font-weight: 500; color: #ff6700;}
.cs_review .best_wrap .swiper-slide .title_box .tit{display: block; margin-top: 7px; font-size: 18px; font-weight: 500;}
.cs_review .best_wrap .swiper-slide .cont_box{padding: 18px 0 15px; border-top: 1px dashed #ddd; border-bottom: 1px solid #ddd;}
.cs_review .best_wrap .swiper-slide .cont_box .star_rating_box{display: flex; margin-bottom: 15px;}
.cs_review .best_wrap .swiper-slide .cont_box .star_rating_box .rating{margin-left: 5px; font-size: 18px;}
.cs_review .best_wrap .swiper-slide .cont_box .txt_box{height: 84px; color: #666; line-height: 1.5em; overflow: hidden;}
.cs_review .best_wrap .swiper-slide .cont_box .txt_box.on{height: auto;}
.cs_review .best_wrap .swiper-slide .cont_box .btn_more{display: inline-block; margin-top: 12px; font-weight: 500; color: #666;}
.cs_review .best_wrap .swiper-slide .cont_box .btn_more i{margin-left: 5px;}
.cs_review .best_wrap .swiper-slide .info_wrap{display: flex; justify-content: space-between; padding: 15px 0 10px; font-size: 15px;}
.cs_review .best_wrap .swiper-slide .info_wrap .date{color: #999;}
.cs_review .list_wrap .btn_wrap{display: flex; justify-content: right;}
.cs_review .list_wrap .btn_wrap a i{margin-left: 5px;}
.cs_review .list_wrap ul{margin: 13px 0 23px; border-top: 1px solid #333; overflow: hidden; box-sizing: border-box;}
.cs_review .list_wrap ul li{border-bottom: 1px solid #ddd; box-sizing: border-box;}
.cs_review .list_wrap ul li a{display: block; padding: 18px 0;}
.cs_review .list_wrap ul li a .cont_box{display: flex; align-items: center;}
.cs_review .list_wrap ul li a .cont_box .image{width: 125px; height: 80px; margin-right: 15px; border-radius: 5px;}
.cs_review .list_wrap ul li a .cont_box .tit_box{width: calc(100% - 140PX);}
.cs_review .list_wrap ul li a .cont_box .tit_box .type{font-size: 15px; font-weight: 500; color: #ff6700;}
.cs_review .list_wrap ul li a .cont_box .tit_box .tit{display: block; width: 100%; margin-top: 7px; font-size: 18px; font-weight: 500;}
.cs_review .list_wrap ul li a .cont_box .tit_box .star_rating_box{display: flex; align-items: center; margin-top: 5px;}
.cs_review .list_wrap ul li a .cont_box .tit_box .star_rating_box .stars{width: 70px; height: 14px;}
.cs_review .list_wrap ul li a .cont_box .tit_box .star_rating_box .stars .star{font-size: 14px;}
.cs_review .list_wrap ul li a .cont_box .tit_box .star_rating_box .rating{margin: 5px 0 0 5px;}
.cs_review .list_wrap ul li a .txt_box{margin: 18px 0; color: #666; line-height: 1.5em;}
.cs_review .list_wrap ul li a .info_box{font-size: 15px;}
.cs_review .list_wrap ul li a .info_box .date{position: relative; margin-left: 20px; color: #999;}
.cs_review .list_wrap ul li a .info_box .date::before{content: ''; position: absolute; top: 5px; left: -12px; width: 1px; height: 12px; background-color: #ddd;}
.cs_review .list_wrap .btn_more{color: #666;}
.cs_review .list_wrap .btn_more i{margin-left: 5px;}
.modal_filter_review .modal_wrap .modal_inner{width: 100%; height: 100%;}
.modal_filter_review .modal_wrap .modal_inner .tit_box{height: 50px;  text-align: center; line-height: 50px;}
.modal_filter_review .modal_wrap .modal_inner .tit_box p{font-size: 18px; font-weight: 500;}
.modal_filter_review .modal_wrap .modal_inner .contents_wrap .tit{font-size: 15px; font-weight: 500;}
.modal_filter_review .modal_wrap .modal_inner .contents_wrap>div{padding: 0 15px;}
.modal_filter_review .modal_wrap .modal_inner .contents_wrap .genre_wrap{border-bottom: 5px solid #f8f8f8}
.modal_filter_review .modal_wrap .modal_inner .contents_wrap .genre_wrap .btn_wrap{display: flex; margin-bottom: 24px;}
.modal_filter_review .modal_wrap .modal_inner .contents_wrap .genre_wrap .btn_wrap a{width: calc(33.33% - 4px); margin-right: 5px; font-size: 3.7vw;}
.modal_filter_review .modal_wrap .modal_inner .contents_wrap .genre_wrap .btn_wrap a.on{border: 0; background-color: #ff6700; color: #fff;}
.modal_filter_review .modal_wrap .modal_inner .contents_wrap .genre_wrap .btn_wrap a:last-of-type{margin-right: 0;}
.modal_filter_review .modal_wrap .modal_inner .contents_wrap .detail_category_wrap{margin: 24px 0;}
.modal_filter_review .modal_wrap .modal_inner .contents_wrap .select{width: 100%;}
.modal_filter_review .modal_wrap .modal_inner .contents_wrap .select .btn_sel{width: 100%; height: auto; padding: 10px 5px; border-bottom: 1px solid #ddd; line-height: 1em;}
.modal_filter_review .modal_wrap .modal_inner .contents_wrap .select .btn_sel::after{top: 14px; right: 5px; background-image: url(../../images/ui/sel_down_gr.png); background-size: cover;}
.modal_filter_review .modal_wrap .modal_inner .contents_wrap .select.active .sel_li{top: 100%; height: 162px;}
.modal_filter_review .modal_wrap .modal_inner .contents_wrap .select.active .sel_li .sel{height: 40px; font-size: 14px; line-height: 40px;}
.modal_filter_review .modal_wrap .modal_inner .contents_wrap .category_wrap .tit_box{display: flex; justify-content: space-between;}
.modal_filter_review .modal_wrap .modal_inner .contents_wrap .category_wrap .tit_box .txt{font-size: 13px; color: #ff6700;}
.modal_filter_review .modal_wrap .modal_inner .contents_wrap .category_wrap .select_item{margin-top: 10px;}
.modal_filter_review .modal_wrap .modal_inner .contents_wrap .category_wrap .select_item a{margin-right: 20px; color: #666;}
.modal_filter_review .modal_wrap .modal_inner .contents_wrap .category_wrap .select_item a i{margin-left: 5px;}
.modal_filter_review .modal_wrap .modal_inner>.btn_wrap{position: fixed; bottom: 0; left: 0; display: flex; width: 100%; z-index: 10;}
.modal_filter_review .modal_wrap .modal_inner>.btn_wrap a{width: 50%; height: 11.7vw; border-radius: 0; line-height: 11.7vw;}
.modal_filter_review .modal_wrap .modal_inner>.btn_wrap .btn_clear{border-top: 1px solid #ddd; background-color: #fff;}

/* cs_introduce */
.cs_introduce section{margin-bottom: 43px;}
.cs_introduce section img{width: 100%;}
.cs_introduce section .title_box{position: relative; margin: 24px 0;}
.cs_introduce section .title_box h3{font-size: 22px; font-weight: 300;}
.cs_introduce section .title_box h3 span{font-weight: bold;}
.cs_introduce section .title_box .badge{position: absolute; bottom: -9px; left: 155px; display: block; width: 20px; height: 20px; border-radius: 50%; background-color: rgba(255, 103, 0, .7); 
  font-size: 12px; font-weight: bold; color: #fff; text-align: center; line-height: 20px;}
.cs_introduce section .txt{display: block; font-size: 15px; color: #999; line-height: 1.5em;}
.cs_introduce .introduce_wrap .txt{margin-bottom: 29px;}
.cs_introduce .introduce_wrap .subtit{font-size: 15px; line-height: 1.5em;}
.cs_introduce .meet_wrap .title_box .badge{left: 274px;}
.cs_introduce .meet_wrap ul li{margin-top: 35px; text-align: center;}
.cs_introduce .meet_wrap ul li p{font-size: 12px; font-weight: 500; color: #ff6700;}
.cs_introduce .meet_wrap ul li p span{font-size: 38px; font-weight: bold;}
.cs_introduce .meet_wrap ul li .tit{margin-top: 8px; font-size: 15px; color: #333;}
.cs_introduce .why_wrap .title_box .badge{left: 192px;}
.cs_introduce .advantage_wrap .title_box .badge{left: 147px;}
.cs_introduce .advantage_wrap .txt_box .txt,
.cs_introduce .why_wrap .txt_box .txt{position: relative; padding-left: 10px;}
.cs_introduce .advantage_wrap .txt_box .txt::before,
.cs_introduce .why_wrap .txt_box .txt::before{content: '·'; position: absolute; top: -1px; left: -5px; font-size: 20px; color: #ff6700;}
.cs_introduce .why_wrap .txt_box .txt:last-of-type::before{display: none;}
.cs_introduce .swiper_wrap{position: relative;}
.cs_introduce .swiper_wrap .txt_box{width: 80%; margin: 50px auto; padding: 24px 18px 27px; background-color: rgba(255, 255, 255, .9); text-align: center;}
.cs_introduce .swiper_wrap .txt_box .txt{margin: 15px 0 18px; color: #666; line-height: 1.5em;}
.cs_introduce .swiper_wrap .txt_box .tit{font-size: 20px; font-weight: bold;}
.cs_introduce .swiper_wrap .txt_box img{width: 15px; height: 10px;}
.cs_introduce .swiper_wrap .swiper-pagination-bullet{width: 5px; height: 5px; margin-right: 13px; background: #fff; opacity: 1;}
.cs_introduce .swiper_wrap .swiper-pagination-bullet:last-of-type{margin-right: 0;}
.cs_introduce .swiper_wrap .swiper-pagination-bullet-active{width: 7px; height: 7px; background: none; border: 1px solid #fff; border-radius: 50%; box-sizing: border-box;}
.cs_introduce .swiper_wrap .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 20px;}
.cs_introduce .text_box{padding: 40px 0 50px; font-size: 21px; font-weight: 300; text-align: center; line-height: 1.5em;}
.cs_introduce .text_box p span{font-weight: 700;}
.cs_introduce .join_wrap{padding: 43px 0 37px; background-color: #f5f5f5; text-align: center;}
.cs_introduce .join_wrap .tit_box .tit{font-size: 23px; font-weight: bold;}
.cs_introduce .join_wrap .tit_box .txt{margin: 21px 0 24px; font-size: 14px; font-weight: 300; line-height: 1.5em;}
.cs_introduce .join_wrap .btn_wrap{display: flex; justify-content: space-between; padding: 0 15px;}
.cs_introduce .join_wrap .btn_wrap a{width: calc(50% - 5px);}
.cs_introduce .join_wrap .cont_bot .subtit{margin: 32px 0 23px; font-size: 16px; color: #666;}
.cs_introduce .join_wrap .cont_bot a{position: relative; display: inline-block; padding: 0 21px 3px 4px; border-bottom: 1px solid #ddd; font-size: 15px;}
.cs_introduce .join_wrap .cont_bot a::after{content: ''; position: absolute; top: 3px; right: 5px; display: block; width: 5px; height: 8px; background: url(../../images/ui/btn_next_or.png)50% 50% / cover;}

/* my_shogle page*/
/* my_shogle */
.my_showgle{margin-top: 70px;}
.my_showgle section{padding: 0;}
.my_showgle .my_info_wrap .my_mem{padding:0 15px 18px;display:flex;border-bottom:5px solid #f8f8f8;justify-content: space-between;}
.my_showgle .my_info_wrap .my_mem .crt_id{font-size:24px;font-weight:500;}
.my_showgle .my_info_wrap .my_mem .idchg_wrap{position:relative;margin-left:20px}
.my_showgle .my_info_wrap .my_mem .idchg_wrap .btn_idchg{position:relative;height:25px;padding-left:30px;font-size:15px;}
.my_showgle .my_info_wrap .my_mem .idchg_wrap .btn_idchg::before{content:'';position:absolute;top:0;left:0;width:25px;height:25px;background:#fa993c url(../../images/ui/sel_down_wh.png)no-repeat 50% 50%;border-radius:100%;transition:.5s;}
.my_showgle .my_info_wrap .my_mem .idchg_wrap .btn_idchg:hover{color:#ff6700}
.my_showgle .my_info_wrap .my_mem .idchg_wrap.on .btn_idchg::before{transform:rotate(180deg)}
.my_showgle .my_info_wrap .my_mem .idchg_wrap .chgid_box{position:absolute;top:0;right:0;width:70vw;min-width:230px;padding:20px;background-color:#fff;border:2px solid #f0f0f0;z-index:-1;opacity:0;transition:.5s}
.my_showgle .my_info_wrap .my_mem .idchg_wrap.on .chgid_box{z-index:1;opacity:1;top:30px;}
.my_showgle .my_info_wrap .my_mem .idchg_wrap .chgid_box .tit{padding-bottom:10px;border-bottom:1px solid #000;font-size:18px;font-weight:500;}
.my_showgle .my_info_wrap .my_mem .idchg_wrap .chgid_box .btn_addid{position:relative;height:25px;padding-left:30px;font-size:15px;}
.my_showgle .my_info_wrap .my_mem .idchg_wrap .chgid_box .btn_addid::before{content:'';position:absolute;top:0;left:0;width:25px;height:25px;background:#fff url(../../images/ui/btn_more.png)no-repeat 50% 50%;border:1px solid #f0f0f0;border-radius:100%;transition:.5s;}
.my_showgle .my_info_wrap .my_mem .idchg_wrap .chgid_box .btn_addid:hover{color:#ff6700}
.my_showgle .my_info_wrap .my_mem .idchg_wrap .chgid_box .id_list{margin-bottom:10px;}
.my_showgle .my_info_wrap .my_mem .idchg_wrap .chgid_box .id_list .info{padding:20px 0;font-size:14px;color:#999;text-align:center;}
.my_showgle .my_info_wrap .my_mem .idchg_wrap .chgid_box .id_list .profile{position:relative;display:flex;align-items: center;;padding:10px 0;border-bottom:1px dashed #ddd;}
.my_showgle .my_info_wrap .my_mem .idchg_wrap .chgid_box .id_list .profile:last-child{border-bottom:0;}
.my_showgle .my_info_wrap .my_mem .idchg_wrap .chgid_box .id_list .profile .chgid{display:flex;align-items:center;}
.my_showgle .my_info_wrap .my_mem .idchg_wrap .chgid_box .id_list .profile .img{width:50px;height:50px;background-color:#f0f0f0;border:1px solid #ccc;border-radius:100%;overflow:hidden;}
.my_showgle .my_info_wrap .my_mem .idchg_wrap .chgid_box .id_list .profile .user_name{font-size:18px;font-weight:500;margin-left:20px;}
.my_showgle .my_info_wrap .my_mem .idchg_wrap .chgid_box .id_list .profile .chgid:hover .user_name{color:#ff6700}
.my_showgle .my_info_wrap .my_mem .idchg_wrap .chgid_box .id_list .profile .btn_del{position:absolute;top:calc(50% - 12px);right:0;width:25px;height:25px;border:1px solid #ccc;border-radius:100%;background:url(../../images/ui/btn_del.png)no-repeat 50% 50%;overflow:hidden;text-indent:-9999px;}

.my_showgle .my_info_wrap .profile_wrap{position: relative; display: flex; align-items: center; padding: 18px 15px; border-bottom: 1px solid #ddd;}
.my_showgle .my_info_wrap .profile_wrap .grade{position: relative; width: 50px; height: 50px; margin-right: 15px; border: 2px solid #f18621; border-radius: 50%; background-color: #fa973b;font-size: 15px; color: #fff; text-align: center; line-height: 48px;}
.my_showgle .my_info_wrap .profile_wrap .grade a{position: absolute; bottom: -5px; right: -5px; }
.my_showgle .my_info_wrap .profile_wrap .info .name{margin-bottom: 10px; font-size: 18px; font-weight: 500;}
.my_showgle .my_info_wrap .profile_wrap .info a{position: relative; font-size: 15px; color: #999;}
.my_showgle .my_info_wrap .profile_wrap .info a::after{content: ''; position: absolute; top: 6px; right: -15px; width: 5px; height: 9px; background: url(../../images/ui/btn_next_m.png)no-repeat 50% 50% / cover;}
.my_showgle .my_info_wrap .profile_wrap .btn_set{position: absolute; top: 12px; right: 15px; width: 23px; height: 23px; background-image: url(../../images/icon/ico_set_m.png);}
.my_showgle .my_info_wrap .mysg_category_wrap{padding: 0 15px;}
.my_showgle .my_info_wrap .mysg_category_wrap ul{overflow: hidden;}
.my_showgle .my_info_wrap .mysg_category_wrap ul li{float: left; width: 50%;}
.my_showgle .my_info_wrap .mysg_category_wrap ul li:nth-of-type(-n+2){border-bottom: 1px solid #ddd;}
.my_showgle .my_info_wrap .mysg_category_wrap ul li a{display: flex; align-items: center; width: 100%; height: 84px;}
.my_showgle .my_info_wrap .mysg_category_wrap ul li a .txt_box{margin-left: 15px;}
.my_showgle .my_info_wrap .mysg_category_wrap ul li a .txt_box .txt{margin-bottom: 10px; font-size: 13px; color: #666;}
.my_showgle .my_info_wrap .mysg_category_wrap ul li a .txt_box .cnt{font-size: 23px; font-weight: 500;}
.my_showgle .my_info_wrap .link_wrap{margin-bottom: 80px; border-top: 5px solid #f8f8f8;}
.my_showgle .my_info_wrap .link_wrap ul li a{position: relative; display: block; padding: 25px 15px; border-bottom: 1px solid #ddd;}
.my_showgle .my_info_wrap .link_wrap ul li a::after{content: ''; position: absolute; top: calc(50% - 6px); right: 15px; width: 6px; height: 10px; background: url(../../images/ui/next_button.png)no-repeat 50% 50% / cover;}
.my_showgle .my_info_wrap .link_wrap ul li a span{font-size: 19px;}
.modal_vip .modal_wrap .modal_inner,
.modal_vip_condition .modal_wrap .modal_inner{border-radius: 10px;}
.modal_vip .modal_wrap .modal_inner .txt{color: #333; line-height: 1.5em;}
.modal_vip_condition .modal_wrap .modal_inner .txt{line-height: 1.5em;}
.modal_vip .modal_wrap .modal_inner .btn_wrap .btn,
.modal_vip_condition .modal_wrap .modal_inner .btn_wrap .btn{border-radius: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}

/* my_contact_list */
.contact_list.my .list_wrap .list_inner ul li a{padding: 0; border: 0 none;}
.contact_list.my .list_wrap .list_inner .list{position: relative; padding: 15px 0 22px; border-bottom: 1px solid #ddd;}
.contact_list.my .list_wrap .list_inner .list .detail{margin-left: 5px; border: 1px solid #ddd; background-color: #fff; color: #333; box-sizing: border-box;}
.contact_list.my .list_wrap .list_inner .list .status_bar{width: 100%; padding: 12px 0; margin-top: 18px; border-radius: 5px; background-color: #e7e7e8; font-weight: 500; text-align: center;}
.contact_list.my .list_wrap .list_inner .list .btn_del{position: absolute; top: 15px; right: 5px; background: url(../../images/ui/btn_del_m.png)no-repeat 100% 29% / 10px 10px; padding-right: 15px; font-size: 15px; font-weight: 500; color: #999;}
.contact_list.my .list_wrap .list_inner .non_list{border-bottom: 1px solid #ddd;}
.contact_list.my .list_wrap .list_inner .non_list .btn{margin-top: 24px;}
.contact_list.my .list_wrap .list_inner>.btn_gr{margin: 20px 0 0;}
.contact_list.my .list_wrap .list_inner>.btn_or{margin-top: 15px;}
.modal_all_delete_comp .modal_wrap .modal_inner,
.modal_all_delete .modal_wrap .modal_inner,
.modal_delete .modal_wrap .modal_inner,
.modal_delete_comp .modal_wrap .modal_inner{border-radius: 10px;}
.modal_all_delete_comp .modal_wrap .modal_inner .txt,
.modal_all_delete .modal_wrap .modal_inner .txt,
.modal_delete .modal_wrap .modal_inner .txt,
.modal_delete_comp .modal_wrap .modal_inner .txt{color: #333;}
.modal_delete .modal_wrap .modal_inner .btn_wrap,
.modal_all_delete .modal_wrap .modal_inner .btn_wrap{display: flex;}
.modal_delete .modal_wrap .modal_inner .btn_wrap a,
.modal_all_delete .modal_wrap .modal_inner .btn_wrap a{border-radius: 0; width: 50%;}
.modal_delete .modal_wrap .modal_inner .btn_wrap .btn_gr,
.modal_all_delete .modal_wrap .modal_inner .btn_wrap .btn_gr{border: 0; background-color: #f0f0f0; border-bottom-left-radius: 10px;}
.modal_delete .modal_wrap .modal_inner .btn_wrap .btn_or,
.modal_all_delete .modal_wrap .modal_inner .btn_wrap .btn_or{border-bottom-right-radius: 10px;}
.modal_all_delete_comp .modal_wrap .modal_inner .btn_wrap a,
.modal_delete_comp .modal_wrap .modal_inner .btn_wrap a{border-radius: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.modal_my_contact_filter #fm_search{width: 100%; height: 100%;}
.modal_my_contact_filter .modal_wrap .modal_inner{width: 100%; height: 100%;}
.modal_my_contact_filter .modal_wrap .modal_inner .tit_box{height: 50px;  text-align: center; line-height: 50px;}
.modal_my_contact_filter .modal_wrap .modal_inner .tit_box p{font-size: 18px; font-weight: 500;}
.modal_my_contact_filter .modal_wrap .modal_inner .contents_wrap>div{padding: 25px 15px; border-bottom: 5px solid #f8f8f8;}
.modal_my_contact_filter .modal_wrap .modal_inner .contents_wrap .tit{margin-bottom: 12px; font-size: 16px; font-weight: 500;}
.modal_my_contact_filter .modal_wrap .modal_inner .contents_wrap .select{width: 100%;}
.modal_my_contact_filter .modal_wrap .modal_inner .contents_wrap .select .btn_sel{width: 100%; height: 40px; padding: 10px 7px; border-bottom: 1px solid #ddd; font-size: 15px; color: #999;}
.modal_my_contact_filter .modal_wrap .modal_inner .contents_wrap .select .btn_sel::after{top: 16px; right: 7px; background-image: url(../../images/ui/sel_down_gr.png);}
.modal_my_contact_filter .modal_wrap .modal_inner .contents_wrap .select .sel_li{height: 242px; top: 100%;}
.modal_my_contact_filter .modal_wrap .modal_inner .contents_wrap .select .sel_li .sel{height: 40px; line-height: 40px; font-size: 14px;}
.modal_my_contact_filter .modal_wrap .modal_inner .period_wrap .input_wrap{display: flex; align-items: center; justify-content: space-between;}
.modal_my_contact_filter .modal_wrap .modal_inner .period_wrap .input_wrap .ipt_cal_wrap{width: calc(50% - 14px);}
.modal_my_contact_filter .modal_wrap .modal_inner .period_wrap .input_wrap span{display: block; color: #666;}
.modal_my_contact_filter .modal_wrap .modal_inner .period_wrap .input_wrap .input{display: block; background: url(../../images/icon/ico_calendar_m.png)no-repeat 95% 50% / 16px auto; }
.modal_my_contact_filter .modal_wrap .modal_inner .period_wrap .tit_box{height: auto; line-height: 1em;}
.modal_my_contact_filter .modal_wrap .modal_inner .period_wrap .btn_or{width: 100%;}
.modal_my_contact_filter .modal_wrap .modal_inner .recruitment_wrap .select .sel_li{height: 122px;}
.modal_my_contact_filter .modal_wrap .modal_inner .contents_wrap .detail_category_wrap{border: 0 none;}
.modal_my_contact_filter .modal_wrap .modal_inner .contents_wrap .detail_category_wrap>div{display: flex; justify-content: space-between;}
.modal_my_contact_filter .modal_wrap .modal_inner .contents_wrap .detail_category_wrap .range_box{width: calc(50% - 5px);}
.modal_my_contact_filter .modal_wrap .modal_inner .contents_wrap .detail_category_wrap .select .sel_li{height: 122px;}
.modal_my_contact_filter .modal_wrap .modal_inner .contents_wrap .detail_category_wrap input{width: calc(50% - 5px); border-bottom: 1px solid #ddd;}
.modal_my_contact_filter .modal_wrap .modal_inner .btn_wrap{position: fixed; bottom: 0; left: 0; display: flex; width: 100%; z-index: 10;}
.modal_my_contact_filter .modal_wrap .modal_inner .btn_wrap a{width: 50%; height: 45px; border-radius: 0; line-height: 45px;}
.modal_my_contact_filter .modal_wrap .modal_inner .btn_wrap .btn_clear{border-top: 1px solid #ddd; background-color: #fff;}


/* my_contact_detail */
.contact_detail.my .list_wrap ul li{position: relative;}
.contact_detail.my .list_wrap .cont_top{display: flex; justify-content: space-between;}
.contact_detail.my .list_wrap .cont_top .chk_box span{width: 150px; margin: 0; padding-left: 20px; background-repeat: no-repeat; font-size: 15px;}
.contact_detail.my .list_wrap .cont_bot{padding: 12px 0 24px; border-bottom: 1px dashed #ddd; text-align: left; line-height: 1.5em;} 
.contact_detail.my .list_wrap .arti_info .image{display: flex; justify-content: center; align-items: center;}
.contact_detail.my .list_wrap .arti_info .image .badge{width: 65px; height: 65px; border-radius: 50%; background: rgba(255, 103, 0, .8) url(../../images/icon/ico_chk_wh.png)no-repeat 50% 31% / 15px 15px;
  font-size: 13px; font-weight: 500; color: #fff; line-height: 86px; text-align: center;}
.contact_detail.my .list_wrap .txt_box .tit{padding-right: 30px;}
.contact_detail.my .list_wrap .estimate_price_wrap{padding: 24px 0 0; margin-top: 15px; border-top: 1px dashed #ddd;}
.contact_detail.my .list_wrap .estimate_price_wrap .tit_box{display: flex; justify-content: center; align-items: center;}
.contact_detail.my .list_wrap .estimate_price_wrap .tit_box .btn_print{display: block; width: 150px; height: 30px; border: 1px solid #ddd; border-radius: 15px;}
.contact_detail.my .list_wrap .estimate_price_wrap .tit{width: calc(100% - 150px); font-size: 17px;}
.contact_detail.my .list_wrap .estimate_price_wrap .tit span{font-size: 14px; font-weight: 400;}
.contact_detail.my .list_wrap .estimate_price_wrap .price_wrap{position: relative;display:flex; margin: 15px 0;flex-wrap:wrap}
.contact_detail.my .list_wrap .estimate_price_wrap .price_wrap .price_ipt{display: inline-block; width: calc(100% - 20px); border-bottom: 1px solid #ddd; font-size: 20px; font-weight: 500; color: #ff6700; text-align: right;}
.contact_detail.my .list_wrap .estimate_price_wrap .price_wrap .won{margin: 10px 0 0 auto; font-size: 15px;}
.contact_detail.my .list_wrap .estimate_price_wrap .price_wrap .date{display:block;width:100%;margin-top:5px;padding-left:8px;color: #666;}
.contact_detail.my .list_wrap .estimate_price_wrap .price_wrap .txt{margin: 15px 0; line-height: 1.3em;}
.contact_detail.my .list_wrap .estimate_price_wrap .price_wrap .member{position: absolute; top: 10px; left: 0;}
.contact_detail.my .list_wrap .estimate_price_wrap .btn_wrap{display: flex; justify-content: space-between;}
.contact_detail.my .list_wrap .estimate_price_wrap .btn_wrap .btn{width: calc(50% - 5px); margin: 0;}
.contact_detail.my .list_wrap .estimate_price_wrap .btn_wrap .btn:last-of-type{width: 100%;}
.contact_detail.my .list_wrap .estimate_price_wrap .btn_wrap .btn + .btn{width: calc(50% - 5px); margin: 0;}
.contact_detail.my .list_wrap .estimate_price_wrap .btn_wrap .btn_gr i{width: 19px; height: 15px; margin-right: 10px;}
.contact_detail.my .list_wrap .estimate_price_wrap .phone{display: block; padding: 10px 10px 0; line-height: 1.5em;}
.contact_detail.my .list_wrap .past_price_wrap .btn_toggle{position: relative; padding-right: 23px; font-size: 15px; font-weight: 400;}
.contact_detail.my .list_wrap .past_price_wrap .btn_toggle::after{content: ''; position: absolute; top: 3px; right: 0; width: 17px; height: 17px; background: url(../../images/ui/btn_open_m.png)no-repeat 50% 100% / cover;}
.contact_detail.my .list_wrap .past_price_wrap.on .btn_toggle::after{background: url(../../images/ui/btn_fold_m.png)no-repeat 50% 100% / cover;}
.contact_detail.my .list_wrap .past_price_wrap .btn_toggle span{line-height: 1px;}
.contact_detail.my .list_wrap .past_price_wrap .btn_toggle i{margin-left: 5px;}
.contact_detail.my .list_wrap .past_price_wrap .price_wrap{display: none; position: relative; margin: 15px 0;}
.contact_detail.my .list_wrap .past_price_wrap.on .price_wrap{display: block;}
.contact_detail.my .list_wrap .past_price_wrap .price_wrap .txt{margin: 10px 0 15px; line-height: 1.3em;}
.contact_detail.my .list_wrap .past_price_wrap .price_wrap .price_ipt{display: inline-block; width: calc(100% - 145px); border-bottom: 1px solid #ddd; font-size: 20px; color: #999; text-align: right; text-decoration: line-through;}
.contact_detail.my .list_wrap .past_price_wrap .price_wrap .won{margin: 0 12px 0 7px; font-size: 15px;}
.contact_detail.my .list_wrap .past_price_wrap .price_wrap .date{color: #666;}
.contact_detail.my .list_wrap .past_price_wrap .price_wrap .member{position: absolute; top: 10px; left: 0;}
.contact_detail.my .list_wrap .like_chk_box{position: absolute; top: 15px; right: 0;}
.contact_detail.my .list_wrap>.btn_or{margin: 24px 0 80px;}
.contact_detail.my .detail_wrap .event_info_wrap .event_info_box{display: none;}
.contact_detail.my .mng_rcnd_wrap{margin-bottom:50px;}
.contact_detail.my .mng_rcnd{padding:30px 15px;background-color:#fcf0e7;}
.contact_detail.my .mng_rcnd .tit{margin-bottom:15px;font-size:18px;font-weight:600;color:#ff6700;}
.contact_detail.my .mng_rcnd .desc{margin-bottom:20px;font-size:13px;color:#333;line-height:1.4;}
.contact_detail.my .mng_rcnd .desc span{color:#ff6700;font-weight:500;}
.contact_detail.my .mng_rcnd .mng_ct{display:flex;flex-direction:column;justify-content: start;font-size:13px;}
.contact_detail.my .mng_rcnd .mng_ct .btn{display: flex;width:150px;height:40px;margin-bottom:10px;background: #fff000;border-radius:50px;font-size: 12px;font-weight:500;color: #212121;align-items: center;justify-content: center;}
.contact_detail.my .mng_rcnd .mng_ct .btn i {display:block;width: 17px;height: 15px;margin:2px 0 0;background: url(../../images/main/contact3.png) no-repeat 50% 50% / 100% auto;}
.contact_detail.my .mng_rcnd .mng_ct .btn span{display:block;margin-top:2px;margin-left:5px;}
.contact_detail.my .mng_rcnd .list_wrap{margin-top:20px;padding:0 10px;background-color: #fff;}
.contact_detail.my .mng_rcnd .list_wrap ul,
.contact_detail.my .mng_rcnd .list_wrap ul li:last-child{border:none;}
.contact_detail.my .mng_rcnd .list_wrap ul li .btn_wrap{display:flex;width:100%;margin:0;justify-content: space-between;}
.contact_detail.my .mng_rcnd .list_wrap ul li .btn_wrap .button{display:flex;width:calc(50% - 5px);height:40px;border-radius:40px;font-size:14px;font-weight:500;justify-content: center;align-items:center;}
.contact_detail.my .mng_rcnd .list_wrap ul li .btn_wrap .btn_line{border:1px solid #ddd}
.contact_detail.my .mng_rcnd .list_wrap ul li .btn_wrap .btn_solid{background-color: #ff6700;color:#fff;}
.contact_detail.my .mng_rcnd .list_wrap ul li .btn_wrap .button .chat{width:18px;height:15px;margin:0 10px 0 0;background: url(../../images/icon/ico_balloon.png) no-repeat 50% 50%;}
.contact_detail .list_wrap ul li .estimate_price_wrap .txt{display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3; max-height:4.5em;margin-top: 20px; font-size: 13px; color: #666; line-height: 1.5em;overflow:hidden;text-overflow: ellipsis;}
.contact_detail .list_wrap ul li .estimate_price_wrap .txt.open,
.contact_detail .list_wrap ul li .estimate_price_wrap .txt.view{max-height:inherit;-webkit-line-clamp:inherit}
.contact_detail .list_wrap ul li .estimate_price_wrap .btn_more{position:relative;width:85px;height:30px;margin:0;border:1px solid #ddd;border-radius:30px;padding-right:10px;font-size:12px;font-weight:500;color:#666;}
.contact_detail .list_wrap ul li .estimate_price_wrap .btn_more::before,
.contact_detail .list_wrap ul li .estimate_price_wrap .btn_more::after{content:'';position:absolute;background-color: #666;}
.contact_detail .list_wrap ul li .estimate_price_wrap .btn_more::before{right:16px;top:calc(50% - 4px);width:2px;height:8px;}
.contact_detail .list_wrap ul li .estimate_price_wrap .btn_more::after{right:13px;top:calc(50% - 1px);width:8px;height:2px;}
.contact_detail .list_wrap ul li .estimate_price_wrap .open + .btn_more::before{content:none}
.contact_detail .list_wrap ul li .estimate_price_wrap .view + .btn_more{display:none}


.modal_contact_deadline_comp .modal_wrap .modal_inner,
.modal_contact_deadline .modal_wrap .modal_inner{border-radius: 10px;}
.modal_contact_deadline_comp .modal_wrap .modal_inner .txt,
.modal_contact_deadline .modal_wrap .modal_inner .txt{color: #333;}
.modal_contact_deadline .modal_wrap .modal_inner .btn_wrap{display: flex;}
.modal_contact_deadline .modal_wrap .modal_inner .btn_wrap a{border-radius: 0; width: 50%;}
.modal_contact_deadline .modal_wrap .modal_inner .btn_wrap .btn_gr{border: 0; background-color: #f0f0f0; border-bottom-left-radius: 10px;}
.modal_contact_deadline .modal_wrap .modal_inner .btn_wrap .btn_or{border-bottom-right-radius: 10px;}
.modal_contact_deadline_comp .modal_wrap .modal_inner .btn_wrap .btn_or{border-radius: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.modal_print .modal_wrap .modal_inner .email_ipt{width: 100%; height: 30px; border-bottom: 1px solid #ddd;}

/* quotation_request_list */
.quotation_request_list{margin-top: 70px;}
.quotation_request_list .tab{margin-bottom: 24px;}
.quotation_request_list .list_wrap .range_box{display: flex; justify-content: right;}
.quotation_request_list .list_wrap .select .btn_sel{width: 115px;}
.quotation_request_list .list_wrap .select.active .sel_li{height: 82px;}
.quotation_request_list .list_wrap ul{margin-top: 12px; border-top: 1px solid #333;}
.quotation_request_list .list_wrap ul li{padding: 15px 15px 20px; border-bottom: 1px solid #ddd;}
.quotation_request_list .list_wrap ul li:first-of-type{margin-top: 0;}
.quotation_request_list .list_wrap ul li .status{display: inline-block; width: 72px; height: 27px; border-radius: 3px; background-color: #ff6700; font-size: 13px; font-weight: 500; color: #fff; text-align: center; line-height: 27px;}
.quotation_request_list .list_wrap ul li .status.non{background-color: #666;}
.quotation_request_list .list_wrap ul li .detail_box{margin-top: 12px;}
.quotation_request_list .list_wrap ul li .detail_box>div{display: flex;}
.quotation_request_list .list_wrap ul li .detail_box .image{width: 100px; height: 70px; margin-right: 10px; border-radius: 10px;}
.quotation_request_list .list_wrap ul li .detail_box .txt_box{width: calc(100% - 110px);}
.quotation_request_list .list_wrap ul li .detail_box .txt_box .tit{margin-bottom: 15px; font-size: 15px; font-weight: 500;}
.quotation_request_list .list_wrap ul li .detail_box .txt_box .txt{color: #666; line-height: 1.5em;}
.quotation_request_list .list_wrap ul li .detail_box .txt_box .genre span{position: relative; margin-right: 15px;}
.quotation_request_list .list_wrap ul li .detail_box .txt_box .genre span:last-of-type{margin-right: 0;}
.quotation_request_list .list_wrap ul li .detail_box .txt_box .genre span::after{content: '>'; position: absolute; top: -2px; right: -13px;}
.quotation_request_list .list_wrap ul li .detail_box .txt_box .genre span:last-of-type::after{display: none;}
.quotation_request_list .list_wrap ul li .detail_box .btn_gr{margin-top: 15px;}
.quotation_request_list .list_wrap .non_list .btn{margin-top: 24px;}
.quotation_request_list .list_wrap .btn_more{margin: 24px 0 80px;}

/* quotation_request_detail */
.quotation_request_detail .list_wrap{margin-bottom: 80px;}
.quotation_request_detail .list_wrap ul li .arti_info{align-items: center;}
.quotation_request_detail .list_wrap ul li .arti_info .image .status{display: inline-block; width: 80px; height: 27px; margin: 5px 0 0 5px; border-radius: 3px; background-color: #ff6700; font-size: 13px; font-weight: 500; color: #fff; text-align: center; line-height: 27px;}
.quotation_request_detail .list_wrap ul li .tit{margin-bottom: 15px;}
/* .quotation_request_detail .list_wrap ul li .info_box .txt{position:relative; margin-left: 12px;}
.quotation_request_detail .list_wrap ul li .info_box .txt:first-of-type{margin: 0;}
.quotation_request_detail .list_wrap ul li .info_box .txt::before{content: ''; position: absolute; top: 4px; left: -8px; width: 1px; height: 12px; background-color: #ddd;}
.quotation_request_detail .list_wrap ul li .info_box .txt:first-of-type::before{display: none;} */
.quotation_request_detail .list_wrap ul li .cont_bot{margin: 15px 0 18px; line-height: 1.5em;}
.quotation_request_detail .list_wrap ul li .status_bar{width: 100%; padding: 12px 0; margin-top: 18px; border-radius: 5px; background-color: #e7e7e8; font-weight: 500; text-align: center; }
.quotation_request_detail .list_wrap .estimate_price_wrap{margin: 24px 0;}
.quotation_request_detail .list_wrap .estimate_price_wrap .tit{width: calc(100% - 150px); margin: 0; font-size: 17px;}
.quotation_request_detail .list_wrap .estimate_price_wrap .tit_box{display: flex; justify-content: center; align-items: center;}
.quotation_request_detail .list_wrap .estimate_price_wrap .tit_box .btn_print{display: block; width: 150px; height: 30px; border: 1px solid #ddd; border-radius: 15px;}
.quotation_request_detail .list_wrap .estimate_price_wrap .price_wrap{position: relative;display:flex; margin: 15px 0;flex-wrap:wrap}
.quotation_request_detail .list_wrap .estimate_price_wrap .price_wrap .price_ipt{display: inline-block; width: calc(100% - 20px); border-bottom: 1px solid #ddd; font-size: 20px; font-weight: 500; color: #ff6700; text-align: right;}
.quotation_request_detail .list_wrap .estimate_price_wrap .price_wrap .won{margin: 10px 0 0 auto; font-size: 15px;}
.quotation_request_detail .list_wrap .estimate_price_wrap .price_wrap .date{display:block;width:100%;margin-top:5px;padding-left:8px;color: #666;}
.quotation_request_detail .list_wrap .estimate_price_wrap .price_wrap .txt{margin: 10px 0 15px; line-height: 1.3em;}
.quotation_request_detail .list_wrap .estimate_price_wrap .price_wrap .member{position: absolute; top: 10px; left: 0;}
.quotation_request_detail .list_wrap .estimate_price_wrap .btn_wrap{display: flex; justify-content: space-between;}
.quotation_request_detail .list_wrap .estimate_price_wrap .btn_wrap .btn{width: calc(50% - 5px); margin: 0;}
.quotation_request_detail .list_wrap .estimate_price_wrap .btn_wrap .btn_gr i{width: 19px; height: 15px; margin-right: 10px;}
.quotation_request_detail .list_wrap .estimate_price_wrap .account_info{display: block; padding: 10px 10px 0; line-height: 1.5em;}
.quotation_request_detail .list_wrap .past_price_wrap .btn_toggle{position: relative; padding-right: 23px; font-size: 15px; font-weight: 400;}
.quotation_request_detail .list_wrap .past_price_wrap .btn_toggle::after{content: ''; position: absolute; top: 3px; right: 0; width: 17px; height: 17px; background: url(../../images/ui/btn_open_m.png)no-repeat 50% 100% / cover;}
.quotation_request_detail .list_wrap .past_price_wrap.on .btn_toggle::after{background: url(../../images/ui/btn_fold_m.png)no-repeat 50% 100% / cover;}
.quotation_request_detail .list_wrap .past_price_wrap .btn_toggle span{line-height: 1px;}
.quotation_request_detail .list_wrap .past_price_wrap .btn_toggle i{margin-left: 5px;}
.quotation_request_detail .list_wrap .past_price_wrap .price_wrap{position: relative; display: none; margin: 15px 0;}
.quotation_request_detail .list_wrap .past_price_wrap.on .price_wrap{display: block;}
.quotation_request_detail .list_wrap .past_price_wrap .price_wrap .price_ipt{display: inline-block; width: calc(100% - 145px); border-bottom: 1px solid #ddd; font-size: 20px; color: #999; text-align: right; text-decoration: line-through;}
.quotation_request_detail .list_wrap .past_price_wrap .price_wrap .won{margin: 0 12px 0 7px; font-size: 15px;}
.quotation_request_detail .list_wrap .past_price_wrap .price_wrap .date{color: #666;}
.quotation_request_detail .list_wrap .past_price_wrap .price_wrap .member{position: absolute; top: 10px; left: 0;}
.modal_casting_decide .modal_wrap .modal_inner{border-radius: 10px;}
.modal_casting_decide .modal_wrap .modal_inner .txt{color: #333;}
.modal_casting_decide .modal_wrap .modal_inner .btn_wrap .btn{border-radius: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}

/* quotation_comp */
.quotation_comp{margin-top: 70px;}
.quotation_comp .comp_wrap{text-align: center}
.quotation_comp .comp_wrap .txt{font-size: 15px; color: #666; line-height: 1.5em;}
.quotation_comp .comp_wrap .arti_info{display: flex; align-items: center; padding: 18px 0 24px; border-top: 1px solid #333; text-align: left;}
.quotation_comp .comp_wrap .arti_info .image{width: 138px; height: 96px; margin-right: 10px; border-radius: 5px;}
.quotation_comp .comp_wrap .arti_info .txt_box{width: calc(100% - 148px);}
.quotation_comp .comp_wrap .arti_info .tit{font-size: 17px; font-weight: 500;}
.quotation_comp .comp_wrap .arti_info .txt{font-size: 13px;}
.quotation_comp .comp_wrap .arti_info p.txt{margin: 15px 0 10px;}
.quotation_comp .comp_wrap .arti_info .member{position: relative; margin-left: 12px;}
.quotation_comp .comp_wrap .arti_info .member::before{content: ''; position: absolute; top: 4px; left: -8px; width: 1px; height: 12px; background-color: #ddd;}
.quotation_comp .comp_wrap .contact_wrap{display: flex; justify-content: center; padding: 15px 0; margin-bottom: 30px; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd;}
.quotation_comp .comp_wrap .contact_wrap dl{display: flex; align-items: flex-end; font-size: 15px; }
.quotation_comp .comp_wrap .contact_wrap dl:first-child{margin-right: 15px;}
.quotation_comp .comp_wrap .contact_wrap dt{width: 60px; font-weight: 500; text-align: left;}
.quotation_comp .comp_wrap .contact_wrap .ico_people{width: 12px; height: 13px;}
.quotation_comp .comp_wrap .contact_wrap .phone{font-size: 16px; color: #ff6700;}
.quotation_comp .comp_wrap .event_info{text-align: left;}
.quotation_comp .comp_wrap .event_info .title_box{padding: 15px 20px; background-color: #eee;}
.quotation_comp .comp_wrap .event_info .title_box .tit{font-weight: 500;}
.quotation_comp .comp_wrap .event_info .info_content{padding: 24px 20px; background-color: #f8f8f8;}
.quotation_comp .comp_wrap .event_info ul li{margin-top: 18px;}
.quotation_comp .comp_wrap .event_info ul li:first-child{margin-top: 0;}
.quotation_comp .comp_wrap .event_info dl{display: flex;}
.quotation_comp .comp_wrap .event_info dl{margin-top: 0;}
.quotation_comp .comp_wrap .event_info dt{width: 90px;}
.quotation_comp .comp_wrap .event_info dt i{margin-right: 5px;}
.quotation_comp .comp_wrap .event_info dd{width: calc(100% - 90px); color: #666; line-height: 1.5em;}
.quotation_comp .comp_wrap .price_box{display: none;}
.quotation_comp .comp_wrap .price_box .tit{display:block;margin-top: 25px; font-size: 17px; font-weight: 500;}
.quotation_comp .comp_wrap .price_box .tit span{font-size: 13px; font-weight: 400; color: #666;}
.quotation_comp .comp_wrap .price_box .price{display:block;margin-top:5px;font-size: 26px; font-weight: 500; color: #ff6700;}
.quotation_comp .comp_wrap .price_box .price span{font-size: 14px; font-weight: 400; color: #333;}
.quotation_comp .comp_wrap .info_box{padding: 20px 10px; background-color: #f8f8f8;}
.quotation_comp .comp_wrap .info_box .txt:first-child{color: #333;}
.quotation_comp .comp_wrap .info_box .btn_wrap{display: flex; justify-content: space-between; margin-top: 30px;}
.quotation_comp .comp_wrap .info_box .btn_wrap .btn{width: calc(50% - 5px);}
.quotation_comp .comp_wrap .info_box .btn_wrap .btn.on{border: 0 none; background-color: #666; color: #fff;}
.quotation_comp .comp_wrap .info_box .account_box{display: none; margin-top: 12px; text-align: left;}
.quotation_comp .comp_wrap .info_box .account_box.on{display: block;}
.quotation_comp .comp_wrap .info_box .account_box .txt{position: relative; padding-left: 10px; color: #666; line-height: 1.5em;}
.quotation_comp .comp_wrap .info_box .account_box .txt::before{content: '·'; position: absolute; top: -1px; left: 0;}
.quotation_comp .comp_wrap .info_box .account_box dl{margin-top: 30px; font-size: 15px;}
.quotation_comp .comp_wrap .info_box .account_box dl .ref_text{display: none; margin-top: 10px; font-size: 15px; color: #666; line-height: 1.5em;}
.quotation_comp .comp_wrap .info_box .account_box dl.cash .cash_text{display: block;}
.quotation_comp .comp_wrap .info_box .account_box dl.tax .tax_text{display: block;}
.quotation_comp .comp_wrap .info_box .account_box dt{margin-bottom: 18px; font-weight: 500;}
.quotation_comp .comp_wrap .info_box .account_box dd{display: flex; width: 100%;}
.quotation_comp .comp_wrap .info_box .account_box dd input{width: 100%; padding: 5px; border-bottom: 1px solid #ddd; background-color: unset; font-size: 15px;}
.quotation_comp .comp_wrap .info_box .account_box dd .chk_box:first-child{margin-right: 30px;}
.quotation_comp .comp_wrap .info_box .account_box dd .chk_box label{color: #333;}
.quotation_comp .comp_wrap .agree_box{padding: 12px 0 42px;}
.quotation_comp .comp_wrap .agree_box .chk_box{margin-bottom: 28px; text-align: left;}
.quotation_comp .comp_wrap .agree_box .chk_box label{font-size: 14px;}
.quotation_comp .comp_wrap .agree_box .chk_box .font_or{width: auto; height: auto; margin-bottom: 2px; background: none;}
.quotation_comp .comp_wrap .cs_box{margin-bottom: 80px; padding: 23px 25px 26px; background-color: #f8f8f8;}
.quotation_comp .comp_wrap .cs_box .tit{margin-bottom: 18px; font-size: 18px;}
.quotation_comp .comp_wrap .payment_info{margin: 36px 0 140px; text-align: left;}
.quotation_comp .comp_wrap .payment_info .txt{position: relative; padding-left: 10px; font-size: 14px;}
.quotation_comp .comp_wrap .payment_info .txt::before{content: '·'; position: absolute; top: 0; left: 0;}
.quotation_comp .comp_wrap .payment_info ul{border-top: 1px solid #333; margin-bottom: 10px;}
.quotation_comp .comp_wrap .payment_info ul li{border-bottom: 1px solid #ddd;}
.quotation_comp .comp_wrap .payment_info dl{display: flex; justify-content: space-between; padding: 18px 0;}
.quotation_comp .comp_wrap .payment_info dt{color: #999;}
.quotation_comp .comp_wrap .payment_info dd span{font-size: 18px; font-weight: 500; color: #ff6700;}
.quotation_comp .comp_wrap .payment_info .btn{margin-top: 30px;}
.decide_review{padding:25px 10px;margin-top:25px; background-color: #f8f8f8;border-top:1px dashed #ddd}
.decide_review .review_inner{margin:0 auto;text-align:left}
.decide_review .review_inner .top_txt{margin-bottom:15px;font-size:14px;color:#212121;line-height:1.3;}
.decide_review .review_inner .top_txt span{color:#ff6700}
.decide_review .review_inner .ipt_wrap{background-color:#fff;border:1px solid #ddd}
.decide_review .review_inner .ipt_wrap.stars{display:flex;width:100%;height:auto;margin-bottom:10px;padding:15px 20px;flex-wrap:wrap;}
.decide_review .review_inner .ipt_wrap.stars p{width:100%;margin-bottom:15px;font-size:12px;line-height:1.3;}
.decide_review .review_inner .ipt_wrap.stars .star{width:28px}
.decide_review .review_inner .ipt_wrap.reviewTxt{width:calc(100% - 83px);height:70px;padding:10px 20px;font-size:12px}
.decide_review .review_inner .row_wrap{display:flex;justify-content: space-between;}
.decide_review .review_inner textarea{width:100%;height:100%;resize:none;font-size:12px}
.decide_review .review_inner textarea::-webkit-input-placeholder { /* WebKit browsers */font-size:12px;color: #b1b1b1;}
.decide_review .review_inner .row_wrap .btn_write{width:73px;height:70px;margin-left:auto;background-color:#ff6700;font-size:14px;font-weight:500;color:#fff;line-height:68px;text-align:center;}
.decide_review .bot_pricebox{display:none;margin-top:20px;font-size:17px;font-weight:500;text-align:center;}
.decide_review .bot_pricebox.on{display:block;}
.decide_review .bot_pricebox .inprice{font-size:26px;color:#ff6700}
.decide_review .bot_txt{display:flex;margin-top:30px;font-size:15px;justify-content: center;align-items:center;}
.decide_review .bot_txt i{display:block;width:41px;height:41px;margin-right:10px;background: url(../../images/icon/ico_coffee.png) no-repeat 50% 50%;}
.decide_review .bot_txt .txt{width:calc(100% - 51px);line-height:1.3;}
.decide_review .bot_txt span{margin-left:5px;font-weight:500;color:#ff6700}


/* interest_arti */
.interest_arti .list_wrap .slide_tab_wrap ul li:first-of-type .tab_btn{margin-left: 0;}
.interest_arti .list_wrap .list_inner .list>div{display: flex;}
.interest_arti .list_wrap .list_inner .list .image{width: 138px; height: 96px; margin-right: 10px; border-radius: 5px;}
.interest_arti .list_wrap .list_inner .list .txt_box{width: calc(100% - 148px); margin: 0;}
.interest_arti .list_wrap .list_inner .list .txt_box .tit{padding-right: 50px;}
.interest_arti .list_wrap .list_inner .list .txt_box .info_box{margin-bottom: 15px;}
.interest_arti .list_wrap .list_inner .list .txt_box .price{font-size: 20px; font-weight: 500;}
.interest_arti .list_wrap .list_inner .list .txt_box .price span{font-size: 14px; font-weight: 400;}
.interest_arti .list_wrap .list_inner .list .statusbar{position: relative; display: flex; justify-content: space-between; align-items: center; padding: 12px; margin-top: 20px; border-radius: 5px; background-color: #fafafa; font-size: 14px;}
.interest_arti .list_wrap .list_inner .list .statusbar .star_box{display: flex;}
.interest_arti .list_wrap .list_inner .list .statusbar .stars{width: 70px; margin-bottom: 4px;}
.interest_arti .list_wrap .list_inner .list .statusbar .stars .star{font-size: 14px;}
.interest_arti .list_wrap .list_inner .list .statusbar span i{margin: 0 5px 0 5px;}
.interest_arti .list_wrap .list_inner .list .statusbar .rating{margin: 3px 0 0 5px;}
.interest_arti .list_wrap .list_inner .list .btn_or{margin-top: 20px;}
.modal_interest_filter .modal_wrap .modal_inner{width: 100%; height: 100%;}
.modal_interest_filter .modal_wrap .modal_inner .tit_box{height: 50px;  text-align: center; line-height: 50px;}
.modal_interest_filter .modal_wrap .modal_inner .tit_box p{font-size: 18px; font-weight: 500;}
.modal_interest_filter .modal_wrap .modal_inner .contents_wrap>div{padding: 25px 15px; border-bottom: 5px solid #f8f8f8}
.modal_interest_filter .modal_wrap .modal_inner .contents_wrap .tit{margin-bottom: 12px; font-size: 16px; font-weight: 500;}
.modal_interest_filter .modal_wrap .modal_inner .contents_wrap .select{width: 100%;}
.modal_interest_filter .modal_wrap .modal_inner .contents_wrap .select .btn_sel{width: 100%; height: 40px; padding: 10px 7px; border-bottom: 1px solid #ddd; font-size: 15px; color: #999;}
.modal_interest_filter .modal_wrap .modal_inner .contents_wrap .select .btn_sel::after{top: 16px; right: 7px; background-image: url(../../images/ui/sel_down_gr.png);}
.modal_interest_filter .modal_wrap .modal_inner .contents_wrap .select .sel_li{height: 242px; top: 100%;}
.modal_interest_filter .modal_wrap .modal_inner .contents_wrap .select .sel_li .sel{height: 40px; line-height: 40px; font-size: 14px;}
.modal_interest_filter .modal_wrap .modal_inner .contents_wrap .price_wrap{border: 0 none;}
.modal_interest_filter .modal_wrap .modal_inner .contents_wrap .price_wrap .price_inner{display: flex; align-items: center; justify-content: space-between;}
.modal_interest_filter .modal_wrap .modal_inner .contents_wrap .price_wrap .price_inner .select .btn_sel{width: 120px;}
.modal_interest_filter .modal_wrap .modal_inner .contents_wrap .price_wrap span{font-size: 15px;}
.modal_interest_filter .modal_wrap .modal_inner .contents_wrap .price_wrap .dash{color: #999;}
.modal_interest_filter .modal_wrap .modal_inner .btn_wrap{position: fixed; bottom: 0; left: 0; width: 100%; display: flex;}
.modal_interest_filter .modal_wrap .modal_inner .btn_wrap a{width: 50%; height: 45px; border-radius: 0; line-height: 45px;}
.modal_interest_filter .modal_wrap .modal_inner .btn_wrap .btn_clear{border-top: 1px solid #ddd;}

/* payment_record_list */
.payment_record_list{margin-top: 70px;}
.payment_record_list .list_wrap .sort_wrap{display: flex; justify-content: space-between; align-items: center;}
.payment_record_list .list_wrap .sort_wrap .chk_box span{width: 110px; padding-left: 25px; background-repeat: no-repeat; font-size: 15px; color: #333;}
.payment_record_list .list_wrap .sort_wrap .sort_box .range_box{float: left;}
.payment_record_list .list_wrap .sort_wrap .sort_box .select.active .sel_li{height: 202px;}
.payment_record_list .list_wrap .sort_wrap .sort_box .btn_filter{margin: 2px 0 0 24px; float: left;}
.payment_record_list .list_wrap ul{margin-top: 12px; border-top: 1px solid #333;}
.payment_record_list .list_wrap .list{border-bottom: 1px solid #ddd;}
.payment_record_list .list_wrap .list.off{display: none;}
.payment_record_list .list_wrap .list .cont_top{display: flex; padding: 18px 0; border-bottom: 1px dashed #ddd;}
.payment_record_list .list_wrap .list .cont_top .image{width: 100px; height: 70px; margin-right: 15px; border-radius: 5px;}
.payment_record_list .list_wrap .list .cont_top .txt_box{width: calc(100% - 115px);}
.payment_record_list .list_wrap .list .cont_top .txt_box .tit{margin-bottom: 13px; font-size: 16px; font-weight: 500;}
.payment_record_list .list_wrap .list .cont_top .txt_box .txt{color: #666; line-height: 1.5em;}
.payment_record_list .list_wrap .list .cont_bot{padding: 24px 0 18px; text-align: center;}
.payment_record_list .list_wrap .list .cont_bot .contact_txt{display: inline-block;margin-bottom: 15px;padding-left: 17px; background: url(../../images/icon/ico_phone_m.png)no-repeat 0 48% /12px 13px; font-size: 15px; font-weight: 500;}
.payment_record_list .list_wrap .list .cont_bot .contact_txt span{margin-left: 18px; font-weight: 400;}
.payment_record_list .list_wrap .list .cont_bot .contact_txt .font_or{font-size: 18px;}
.payment_record_list .list_wrap .list .cont_bot .contact_txt .font_or a{color: #ff6700;}
.payment_record_list .list_wrap .list .cont_bot .account_info{display: block; font-size: 14px; color: #666; line-height: 1.5em;}
.payment_record_list .list_wrap .list .cont_bot .btn_wrap{display: flex; justify-content: space-between; margin-top: 23px;}
.payment_record_list .list_wrap .list .cont_bot .btn_wrap a{width: calc(50% - 5px);}
.payment_record_list .list_wrap .list .cont_bot .btn_wrap .btn_or span{padding-left: 20px; background: url(../../images/ui/chk_wh_m.png)no-repeat 0 50% / 12px 9px;}
.payment_record_list .list_wrap .list .cont_bot .btn_wrap .btn_bk{background-color: #666; color: #fff;}
.payment_record_list .list_wrap .btn_more{margin: 24px 0 80px;}
.modal_payment_filter .modal_wrap .modal_inner{width: 100%; height: 100%;}
.modal_payment_filter .modal_wrap .modal_inner .tit_box{height: 50px;  text-align: center; line-height: 50px;}
.modal_payment_filter .modal_wrap .modal_inner .tit_box p{font-size: 18px; font-weight: 500;}
.modal_payment_filter .modal_wrap .modal_inner .contents_wrap>div{padding: 25px 15px; border-bottom: 5px solid #f8f8f8;}
.modal_payment_filter .modal_wrap .modal_inner .contents_wrap .tit{margin-bottom: 12px; font-size: 16px; font-weight: 500;}
.modal_payment_filter .modal_wrap .modal_inner .contents_wrap .select{width: 100%;}
.modal_payment_filter .modal_wrap .modal_inner .contents_wrap .select .btn_sel{width: 100%; height: 40px; padding: 10px 7px; border-bottom: 1px solid #ddd; font-size: 15px; color: #999;}
.modal_payment_filter .modal_wrap .modal_inner .contents_wrap .select .btn_sel::after{top: 16px; right: 7px; background-image: url(../../images/ui/sel_down_gr.png);}
.modal_payment_filter .modal_wrap .modal_inner .contents_wrap .select .sel_li{height: 242px; top: 100%;}
.modal_payment_filter .modal_wrap .modal_inner .contents_wrap .select .sel_li .sel{height: 40px; line-height: 40px; font-size: 14px;}
.modal_payment_filter .modal_wrap .modal_inner .period_wrap .input_wrap{display: flex; align-items: center; justify-content: space-between;}
.modal_payment_filter .modal_wrap .modal_inner .period_wrap .input_wrap .ipt_cal_wrap{width: calc(50% - 14px);}
.modal_payment_filter .modal_wrap .modal_inner .period_wrap .input_wrap span{display: block; color: #666;}
.modal_payment_filter .modal_wrap .modal_inner .period_wrap .input_wrap .input{display: block; background: url(../../images/icon/ico_calendar_m.png)no-repeat 95% 50% / 16px auto; }
.modal_payment_filter .modal_wrap .modal_inner .period_wrap .tit_box{height: auto; line-height: 1em;}
.modal_payment_filter .modal_wrap .modal_inner .period_wrap .btn_or{width: 100%;}
.modal_payment_filter .modal_wrap .modal_inner .recruitment_wrap .select .sel_li{height: 162px;}
.modal_payment_filter .modal_wrap .modal_inner .contents_wrap .detail_category_wrap{border: 0 none;}
.modal_payment_filter .modal_wrap .modal_inner .contents_wrap .detail_category_wrap>div{display: flex; justify-content: space-between;}
.modal_payment_filter .modal_wrap .modal_inner .contents_wrap .detail_category_wrap .range_box{width: calc(50% - 5px);}
.modal_payment_filter .modal_wrap .modal_inner .contents_wrap .detail_category_wrap .select .sel_li{height: 122px;}
.modal_payment_filter .modal_wrap .modal_inner .contents_wrap .detail_category_wrap input{width: calc(50% - 5px); border-bottom: 1px solid #ddd;}
.modal_payment_filter .modal_wrap .modal_inner .btn_wrap{position: fixed; display: flex; bottom: 0; left: 0; width: 100%; z-index: 10;}
.modal_payment_filter .modal_wrap .modal_inner .btn_wrap a{width: 50%; height: 45px; border-radius: 0; line-height: 45px;}
.modal_payment_filter .modal_wrap .modal_inner .btn_wrap .btn_clear{border-top: 1px solid #ddd; background-color: #fff;}

/* payment_record_detail */
.payment_record_detail{margin-top: 70px;}
.payment_record_detail .detail_wrap .info_wrap{border-top: 1px solid #333;}
.payment_record_detail .detail_wrap .info_wrap>div{padding: 12px 0; border-bottom: 1px solid #ddd;}
.payment_record_detail .detail_wrap .info_wrap .subtit{margin-right: 12px; font-size: 13px; color: #999;}
.payment_record_detail .detail_wrap .info_wrap .txt{font-size: 13px;}
.payment_record_detail .detail_wrap .info_wrap .tit_box{padding: 24px 0; font-size: 16px; }
.payment_record_detail .detail_wrap .info_wrap .tit_box .tit{font-size: 16px;}
.payment_record_detail .detail_wrap .info_wrap .pay_box div{margin-top: 5px;}
.payment_record_detail .detail_wrap .info_wrap .price_box{padding: 7px 0;}
.payment_record_detail .detail_wrap .info_wrap .price_box .price{font-size: 17px; font-weight: 500; color: #ff6700;}
.payment_record_detail .detail_wrap .info_wrap .price_box .price span{font-size: 11px; color: #333;}
.payment_record_detail .detail_wrap .info_wrap .price_box .status{display: inline-block; padding: 6px 10px; margin-left: 10px; border-radius: 3px; background-color: #ff6700; font-size: 13px; font-weight: 500; color: #fff;}
.payment_record_detail .detail_wrap .info_wrap .price_box .pay span{padding-left: 15px; background: url(../../images/ui/chk_wh_m.png)no-repeat 0 50% / 9px 6px;}
.payment_record_detail .detail_wrap .info_wrap .price_box .non_pay{background-color: #666;}
.payment_record_detail .detail_wrap .info_wrap .info_box{display: flex; align-items: center; padding: 24px 0; border: 0 none;}
.payment_record_detail .detail_wrap .info_wrap .info_box .image{width: 138px; height: 96px; border-radius: 5px; margin-right: 15px;}
.payment_record_detail .detail_wrap .info_wrap .info_box .txt_box{width: calc(100% - 153px); }
.payment_record_detail .detail_wrap .info_wrap .info_box .txt_box .tit{font-size: 17px; font-weight: 500;}
.payment_record_detail .detail_wrap .info_wrap .info_box .txt_box p.txt{margin: 15px 0 18px;}
.payment_record_detail .detail_wrap .info_wrap .info_box .txt_box .txt{font-size: 13px; color: #666;}
.payment_record_detail .detail_wrap .info_wrap .info_box .txt_box .txt.type{margin: 0 0 5px 0;}
.payment_record_detail .detail_wrap .info_wrap .info_box .txt_box .type span{position: relative; margin-right: 15px;}
.payment_record_detail .detail_wrap .info_wrap .info_box .txt_box .type span:last-of-type{margin-right: 0;}
.payment_record_detail .detail_wrap .info_wrap .info_box .txt_box .type span::after{content: '>'; position: absolute; top: 2px; right: -13px;}
.payment_record_detail .detail_wrap .info_wrap .info_box .txt_box .type span:last-of-type::after{display: none;}
.payment_record_detail .detail_wrap .info_wrap .proposal_box{padding: 0 0 24px; border-bottom: 1px dashed #ddd;}
.payment_record_detail .detail_wrap .info_wrap .proposal_box .txt{position: relative; padding-left: 10px; line-height: 1.5em;}
.payment_record_detail .detail_wrap .info_wrap .proposal_box .txt::before{content: '·'; position: absolute; top: -2px; left: -1px; font-size: 18px; color: #666;}
.payment_record_detail .detail_wrap .info_wrap .contact_box{padding: 21px 0 24px;}
.payment_record_detail .detail_wrap .info_wrap .contact_box p{padding-left: 16px; font-size: 15px; font-weight: 500;}
.payment_record_detail .detail_wrap .info_wrap .contact_box p:first-child{margin-bottom: 10px; background: url(../../images/icon/ico_people_m.png)no-repeat 0 45% /12px 13px;}
.payment_record_detail .detail_wrap .info_wrap .contact_box p:last-child{background: url(../../images/icon/ico_phone_m.png)no-repeat 0 45% /12px 13px;}
.payment_record_detail .detail_wrap .info_wrap .contact_box p span{margin-left: 12px; font-weight: 400;}
.payment_record_detail .detail_wrap .info_wrap .contact_box p .font_or{font-size: 18px;}
.payment_record_detail .detail_wrap .event_info{padding: 24px 20px 30px; margin: 24px 0; background-color: #f8f8f8;}
.payment_record_detail .detail_wrap .event_info ul li{margin-bottom: 20px;}
.payment_record_detail .detail_wrap .event_info dl{display: flex; line-height: 1.5em;}
.payment_record_detail .detail_wrap .event_info dt{width: 90px;}
.payment_record_detail .detail_wrap .event_info dt i{margin-right: 9px;}
.payment_record_detail .detail_wrap .event_info dd{width: calc(100% - 90px); color: #666;}
.payment_record_detail .detail_wrap .event_info .cont_bot{padding-top: 20px; border-top: 1px dashed #ddd;}
.payment_record_detail .detail_wrap .event_info .cont_bot dd span{display: block;}
.payment_record_detail .detail_wrap .btn_list{margin-bottom: 80px;}

/* review_write */
.review_write{margin: 70px 0 100px;}
.review_write .tab{margin-bottom: 27px;}
.review_write .cont ul{border-top: 1px solid #333;}
.review_write .cont .list{padding: 15px 0 18px; border-bottom: 1px solid #ddd;}
.review_write .cont .list .info_box{display: flex;}
.review_write .cont .list .info_box .image{width: 100px; height: 70px; margin-right: 15px; border-radius: 5px;}
.review_write .cont .list .info_box .txt_box{width: calc(100% - 115px);}
.review_write .cont .list .info_box .txt_box .tit{font-size: 16px; font-weight: 500;}
.review_write .cont .list .info_box .txt_box .event_name{margin-top: 3px;}
.review_write .cont .list .info_box .txt_box .txt{color: #666; line-height: 1.3em;}
.review_write .cont .list .info_box .txt_box .type{color: #999;}
.review_write .cont .list .info_box .txt_box .type span{position: relative; margin-right: 15px;}
.review_write .cont .list .info_box .txt_box .type span:last-of-type{margin-right: 0;}
.review_write .cont .list .info_box .txt_box .type span::after{content: '>'; position: absolute; top: -2px; right: -13px;}
.review_write .cont .list .info_box .txt_box .type span:last-of-type::after{display: none;}
.review_write .cont .list .info_box .txt_box .location{position: relative; margin-left: 16px;}
.review_write .cont .list .info_box .txt_box .location::before{content: ''; position: absolute; top: 5px; left: -9px; width: 1px; height: 10px; background-color: #ddd;}
.review_write .cont .list .btn_or{margin-top: 24px;}
.review_write .cont .non_list{border-bottom: 1px solid #ddd;}
.review_write .cont .btn_more{margin: 24px 0 80px;}
.review_write .wrote_list_wrap .chk_box span{width: 115px; padding-left: 25px; background-repeat: no-repeat; font-size: 15px; color: #333;}
.review_write .wrote_list_wrap ul{margin-top: 12px;}
.review_write .wrote_list_wrap .list{position: relative;}
.review_write .wrote_list_wrap .list .info_box .txt_box .tit{padding-right: 45px;}
.review_write .wrote_list_wrap .list .star_box{display: flex; align-items: center; padding-left: 115px; margin: 15px 0 18px;}
.review_write .wrote_list_wrap .list .star_box .date{position: relative; margin-left: 16px;}
.review_write .wrote_list_wrap .list .star_box .date::before{content: ''; position: absolute; top: 3px; left: -9px; width: 1px; height: 10px; background-color: #ddd;}
.review_write .wrote_list_wrap .list .btn_wrap{display: flex; justify-content: space-between;}
.review_write .wrote_list_wrap .list .btn_wrap a{width: calc(50% - 5px);}
.review_write .wrote_list_wrap .list .btn_del{position: absolute; top: 15px; right: 5px; background: url(../../images/ui/btn_del_m.png)no-repeat 100% 29% / 10px 10px; padding-right: 15px; font-size: 15px; font-weight: 500; color: #999;}
.modal.review_popup .modal_wrap .modal_inner{height: auto; max-height: 80%; overflow-y: auto;}
.modal.review_popup .modal_wrap .modal_inner .content_box>div{padding: 18px 0; border-top: 1px solid #ddd; text-align: left;}
.modal.review_popup .modal_wrap .modal_inner .content_box dt{margin-bottom: 12px; font-size: 15px;}
.modal.review_popup .modal_wrap .modal_inner .content_box .info_box{display: flex; border-top: 1px solid #333;}
.modal.review_popup .modal_wrap .modal_inner .content_box .info_box .image{width: 90px; height: 65px; margin-right: 15px; border-radius: 5px;}
.modal.review_popup .modal_wrap .modal_inner .content_box .info_box .txt_box{width: calc(100% - 105px);}
.modal.review_popup .modal_wrap .modal_inner .content_box .info_box .txt_box .tit{font-size: 16px; font-weight: 500;}
.modal.review_popup .modal_wrap .modal_inner .content_box .info_box .txt_box .event_name{margin: 10px 0; font-size: 14px; font-weight: 500;}
.modal.review_popup .modal_wrap .modal_inner .content_box .info_box .txt_box .txt{font-size: 13px; color: #666; line-height: 1.5em;}
.modal.review_popup .modal_wrap .modal_inner .content_box .info_box .txt_box .location{position: relative; margin-left: 16px;}
.modal.review_popup .modal_wrap .modal_inner .content_box .info_box .txt_box .location::before{content: ''; position: absolute; top: 5px; left: -9px; width: 1px; height: 10px; background-color: #ddd;}
.modal.review_popup .modal_wrap .modal_inner .content_box .write_box textarea{width: 100%; height: 50px; font-size: 15px; resize: none;}
.modal.review_popup .modal_wrap .modal_inner .content_box .write_box dl:nth-of-type(2){margin-top: 30px;}
.modal.review_popup .modal_wrap .modal_inner .content_box .file_box .img_wrap{display: flex;}
.modal.review_popup .modal_wrap .modal_inner .content_box .file_box .img_wrap .img_box,
.modal.review_popup .modal_wrap .modal_inner .content_box .file_box .img_wrap .add_box label{position: relative; display: block; width: 60px; height: 60px; margin-right: 5px; border: 1px solid #ddd; box-sizing: border-box;}
.modal.review_popup .modal_wrap .modal_inner .content_box .file_box .img_wrap .img_box .btn_del{position: absolute; bottom: -1px; right: -1px; width: 18px; height: 18px; border: 1px solid #ddd; background: #fff url(../../images/ui/btn_close_bk.png)no-repeat 50% 50% / 6px 6px; z-index: 1;}
.modal.review_popup .modal_wrap .modal_inner .content_box .file_box .img_wrap .add_box{display: block;}
.modal.review_popup .modal_wrap .modal_inner .content_box .file_box .img_wrap .add_box.on{display: block;}
.modal.review_popup .modal_wrap .modal_inner .content_box .file_box .img_wrap .add_box label{background: url(../../images/ui/btn_more_m.png)no-repeat 50% 50% / 15px 15px;}
.modal.review_popup .modal_wrap .modal_inner .content_box .file_box .img_wrap .add_box input{display: none;}
.modal.review_popup .modal_wrap .modal_inner .content_box .file_box .ipt_txt{position: relative; display: block; padding-left: 8px; margin-top: 9px; font-size: 13px; color: #666;}
.modal.review_popup .modal_wrap .modal_inner .content_box .file_box .ipt_txt::before{content: '·'; position: absolute; top: -4px; left: -2px; font-size: 18px; color: #666;}
.modal_review_show .modal_wrap .modal_inner .content_box .write_box .txt_box{width: 100%; height: 50px; font-size: 15px; resize: none;}
.modal_review_show .modal_wrap .modal_inner .content_box .file_box .img_wrap .image{width: 65px; height: 65px; margin-right: 10px; border: 1px solid #ddd; box-sizing: border-box;}
.modal.reiview_del_comp .modal_wrap .modal_inner,
.modal.reiview_del .modal_wrap .modal_inner,
.modal_review_comp .modal_wrap .modal_inner,
.modal.review_popup .modal_wrap .modal_inner,
.modal_review .modal_wrap .modal_inner{border-radius: 10px;}
.modal.reiview_del_comp .modal_wrap .modal_inner .txt,
.modal.reiview_del .modal_wrap .modal_inner .txt,
.modal_review_comp .modal_wrap .modal_inner .txt,
.modal_review .modal_wrap .modal_inner .txt{color: #333;}
.modal.reiview_del .modal_wrap .modal_inner .btn_wrap,
.modal_review .modal_wrap .modal_inner .btn_wrap,
.modal.review_popup .modal_wrap .modal_inner .btn_wrap{display: flex;}
.modal.reiview_del .modal_wrap .modal_inner .btn_wrap a,
.modal_review .modal_wrap .modal_inner .btn_wrap a,
.modal.review_popup .modal_wrap .modal_inner .btn_wrap a{width: 50%; border-radius: 0;}
.modal.reiview_del .modal_wrap .modal_inner .btn_wrap .btn_gr,
.modal_review .modal_wrap .modal_inner .btn_wrap .btn_gr,
.modal.review_popup .modal_wrap .modal_inner .btn_wrap .btn_gr{border: 0 none; border-bottom-left-radius: 10px; background-color: #f0f0f0;}
.modal.reiview_del .modal_wrap .modal_inner .btn_wrap .btn_or,
.modal_review .modal_wrap .modal_inner .btn_wrap .btn_or,
.modal.review_popup .modal_wrap .modal_inner .btn_wrap .btn_or{border-bottom-right-radius: 10px;}
.modal.reiview_del_comp .modal_wrap .modal_inner .btn_wrap a,
.modal_review_comp .modal_wrap .modal_inner .btn_wrap a{border-radius: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.modal_picture .modal_wrap .modal_inner{padding: 20px; border-radius: 10px; text-align: center;}
.modal_picture .modal_wrap .modal_inner .btn_ok{display: inline-block; width: 50px; height: 30px; margin-top: 10px; border-radius: 15px; background-color: #ff6700; font-size: 15px; color: #fff; line-height: 30px;}

/* membership_modify */
.membership_modify{margin-top: 70px;}
.membership_modify .btn_sq{display: inline-block; width: 100px; height: 8.5vw; border: 1px solid #333; font-size: 3.5vw; line-height: 8.5vw; text-align: center; box-sizing: border-box;}
.membership_modify .normal_info_wrap .user_id{font-size: 15px;}
.membership_modify .normal_info_wrap .pw_ipt_box{display: none;}
.membership_modify .normal_info_wrap .pw_ipt_box.on{display: block;}
.membership_modify .normal_info_wrap .pw_ipt_box .input{margin-top: 18px;}
.membership_modify .normal_info_wrap .pw_ipt_box .txt{margin-top: 9px; color: #666;}
.membership_modify .normal_info_wrap .phone_row>div{display: flex; align-items: flex-end;}
.membership_modify .normal_info_wrap .phone_row>div .input{width: calc(100% - 110px);}
.membership_modify .normal_info_wrap .phone_row>div .btn_sq{margin-left: 10px;}
.membership_modify .normal_info_wrap .phone_row .num_ipt_box{margin-top: 17px;}
.membership_modify .normal_info_wrap .phone_row .num_ipt_box .btn_sq{background-color: #333; color: #fff;}
.membership_modify .business_info_wrap{border: 0 none;}
.membership_modify .btn_box{padding: 0 15px;}
.membership_modify .withdrawal_box{padding: 0 15px; margin: 35px 0 100px;}
.membership_modify .withdrawal_box .tit{font-size: 18px; font-weight: 500;}
.membership_modify .withdrawal_box .txt{margin: 13px 0 19px; font-size: 15px; color: #666;}
.membership_modify .withdrawal_box .btn_withdrawal{position: relative; display: inline-block; padding: 0 20px 3px 0; border-bottom: 1px solid #adadad; font-size: 15px;}
.membership_modify .withdrawal_box .btn_withdrawal::after{content: ''; position: absolute; top: 3px; right: 5px; display: block; width: 5px; height: 8px; background: url(../../images/ui/btn_next_or.png)50% 50% / cover;}
.modal.simple_pop_up .modal_wrap .modal_inner{border-radius: 10px;}
.modal.simple_pop_up .modal_wrap .modal_inner .txt{color: #333;}
.modal.simple_pop_up .modal_wrap .modal_inner .btn_wrap a{border-radius: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.modal.btn_pop_up .modal_wrap .modal_inner{border-radius: 10px;}
.modal.btn_pop_up .modal_wrap .modal_inner .txt{color: #333;}
.modal.btn_pop_up .modal_wrap .modal_inner .btn_wrap{display: flex; justify-content: space-between;}
.modal.btn_pop_up .modal_wrap .modal_inner .btn_wrap a{width: 50%;  border-radius: 0; }
.modal.btn_pop_up .modal_wrap .modal_inner .btn_wrap .btn_gr{border-bottom-left-radius: 10px; border: 0 none; background-color: #f0f0f0;}
.modal.btn_pop_up .modal_wrap .modal_inner .btn_wrap .btn_or{border-bottom-right-radius: 10px;}

.modal_withdrawal_reason .modal_wrap .modal_inner{border-radius: 10px;}
.modal_withdrawal_reason .modal_wrap .modal_inner .subtit{font-size: 17px; font-weight: 500;}
.modal_withdrawal_reason .modal_wrap .modal_inner .reason_box{margin: 21px 0 16px; text-align: left;}
.modal_withdrawal_reason .modal_wrap .modal_inner .reason_box .chk_box{padding-top: 18px; margin-top: 12px; border-top: 1px solid #333;}
.modal_withdrawal_reason .modal_wrap .modal_inner .reason_box .chk_box label{display: block; margin-top: 15px;}
.modal_withdrawal_reason .modal_wrap .modal_inner .reason_box .chk_box label:first-of-type{margin-top: 0;}
.modal_withdrawal_reason .modal_wrap .modal_inner .reason_box .chk_box label span{width: 16px; background-repeat: no-repeat;}
.modal_withdrawal_reason .modal_wrap .modal_inner .info_box{padding: 24px 15px; background-color: #f8f8f8; text-align: center;}
.modal_withdrawal_reason .modal_wrap .modal_inner .info_box .subtit{margin-top: 18px;}
.modal_withdrawal_reason .modal_wrap .modal_inner .btn_wrap{display: flex; justify-content: space-between;}
.modal_withdrawal_reason .modal_wrap .modal_inner .btn_wrap a{width: 50%;  border-radius: 0; }
.modal_withdrawal_reason .modal_wrap .modal_inner .btn_wrap .btn_gr{border-bottom-left-radius: 10px; border: 0 none; background-color: #f0f0f0;}
.modal_withdrawal_reason .modal_wrap .modal_inner .btn_wrap .btn_or{border-bottom-right-radius: 10px;}

/* arti my_showgle page*/
.my_showgle.arti .my_info_wrap .profile_wrap{align-items: flex-start;}
.my_showgle.arti .my_info_wrap .profile_wrap .image{width: 50px; height: 50px; margin-right: 15px; border-radius: 50%;}
.my_showgle.arti .my_info_wrap .profile_wrap .info .name{margin-bottom: 7px;}
.my_showgle.arti .my_info_wrap .profile_wrap .info div span{font-size: 14px; color: #666;}
.my_showgle.arti .my_info_wrap .profile_wrap .info .type span{position: relative; margin-right: 15px;}
.my_showgle.arti .my_info_wrap .profile_wrap .info .type span:last-of-type{margin-right: 0;}
.my_showgle.arti .my_info_wrap .profile_wrap .info .type span::after{content: '>'; position: absolute; top: 1px; right: -13px;}
.my_showgle.arti .my_info_wrap .profile_wrap .info .type span:last-of-type::after{display: none;}
.my_showgle.arti .my_info_wrap .profile_wrap .info .member{position: relative; margin-left: 20px;}
.my_showgle.arti .my_info_wrap .profile_wrap .info .member::after{content: ''; position: absolute; top: 5px; left: -12px; width: 1px; height: 10px; background-color: #ddd;}
.my_showgle.arti .my_info_wrap .profile_wrap .info .price{margin: 10px 0;}
.my_showgle.arti .my_info_wrap .profile_wrap .info .price span{font-size: 21px; font-weight: 500;}
.my_showgle.arti .my_info_wrap .profile_wrap .btn_set{top: 0;}
.contact_list.arti .list_wrap .list_inner>.btn_gr{margin: 23px 0 80px}

/* arti my_contact_list */
.contact_list.arti .list_wrap .list_inner .sort_wrap .chk_box span{width: 154px}
.contact_list.arti .list_wrap .list_inner .sort_wrap{margin-bottom: 0;}
.contact_list.arti .list_wrap .list_inner .sort_box{display: flex; justify-content: right;}
.contact_list.arti .list_wrap .list_inner>ul{margin-top: 12px;}
.contact_list.arti .list_wrap .list_inner .list.off{display: none;}
.contact_list.arti .list_wrap .applicant_box{position: relative;}
.contact_list.arti .list_wrap .applicant_box .status{position: absolute; bottom: 0; right: 0;}
.contact_list.arti .list_wrap .applicant_box .status.non_apply{background: #666;}
.modal_arti_contact_filter .modal_wrap .modal_inner{width: 100%; height: 100%;}
.modal_arti_contact_filter .modal_wrap .modal_inner .tit_box{height: 50px;  text-align: center; line-height: 50px;}
.modal_arti_contact_filter .modal_wrap .modal_inner .tit_box p{font-size: 18px; font-weight: 500;}
.modal_arti_contact_filter .modal_wrap .modal_inner .contents_wrap>div{padding: 25px 15px; border-bottom: 5px solid #f8f8f8;}
.modal_arti_contact_filter .modal_wrap .modal_inner .contents_wrap .tit{margin-bottom: 12px; font-size: 16px; font-weight: 500;}
.modal_arti_contact_filter .modal_wrap .modal_inner .contents_wrap .select{width: 100%;}
.modal_arti_contact_filter .modal_wrap .modal_inner .contents_wrap .select .btn_sel{width: 100%; height: 40px; padding: 10px 7px; border-bottom: 1px solid #ddd; font-size: 15px; color: #333;}
.modal_arti_contact_filter .modal_wrap .modal_inner .contents_wrap .select .btn_sel::after{display: none;}
.modal_arti_contact_filter .modal_wrap .modal_inner .contents_wrap .select .sel_li{height: 242px; top: 100%;}
.modal_arti_contact_filter .modal_wrap .modal_inner .contents_wrap .select .sel_li .sel{height: 40px; line-height: 40px; font-size: 14px;}
.modal_arti_contact_filter .modal_wrap .modal_inner .period_wrap .input_wrap{display: flex; align-items: center; justify-content: space-between;}
.modal_arti_contact_filter .modal_wrap .modal_inner .period_wrap .input_wrap .ipt_cal_wrap{width: calc(50% - 14px);}
.modal_arti_contact_filter .modal_wrap .modal_inner .period_wrap .input_wrap span{display: block; color: #666;}
.modal_arti_contact_filter .modal_wrap .modal_inner .period_wrap .input_wrap .input{display: block; background: url(../../images/icon/ico_calendar_m.png)no-repeat 95% 50% / 16px auto; }
.modal_arti_contact_filter .modal_wrap .modal_inner .period_wrap .tit_box{height: auto; line-height: 1em;}
.modal_arti_contact_filter .modal_wrap .modal_inner .period_wrap .btn_or{width: 100%;}
.modal_arti_contact_filter .modal_wrap .modal_inner .apply_wrap .select .sel_li,
.modal_arti_contact_filter .modal_wrap .modal_inner .recruitment_wrap .select .sel_li{height: 122px;}
.modal_arti_contact_filter .modal_wrap .modal_inner .contents_wrap .detail_category_wrap{border: 0 none;}
.modal_arti_contact_filter .modal_wrap .modal_inner .contents_wrap .detail_category_wrap>div{display: flex; justify-content: space-between;}
.modal_arti_contact_filter .modal_wrap .modal_inner .contents_wrap .detail_category_wrap .range_box{width: calc(50% - 5px);}
.modal_arti_contact_filter .modal_wrap .modal_inner .contents_wrap .detail_category_wrap .select .sel_li{height: 122px;}
.modal_arti_contact_filter .modal_wrap .modal_inner .contents_wrap .detail_category_wrap input{width: calc(50% - 5px); border-bottom: 1px solid #ddd;}
.modal_arti_contact_filter .modal_wrap .modal_inner .btn_wrap{position: fixed; bottom: 0; left: 0; width: 100%; display: flex; z-index: 10;}
.modal_arti_contact_filter .modal_wrap .modal_inner .btn_wrap a{width: 50%; height: 45px; border-radius: 0; line-height: 45px;}
.modal_arti_contact_filter .modal_wrap .modal_inner .btn_wrap .btn_clear{border-top: 1px solid #ddd; background-color: #fff;}

/* arti my_contact_detail */
section.send_wrap{margin-bottom: 80px;}
section.send_wrap h3{margin-bottom: 10px; font-size: 18px; font-weight: 500;}
section.send_wrap .txt{color: #666;}
section.send_wrap .quotation_wrap{padding: 25px 0 10px; margin: 12px 0 24px; border-top: 1px solid #333; border-bottom: 1px solid #ddd;}
section.send_wrap .quotation_wrap dl{margin-top: 30px;}
section.send_wrap .quotation_wrap dl:first-of-type{margin-top: 0;}
section.send_wrap .quotation_wrap dt{margin-bottom: 10px; font-size: 15px; font-weight: 500;}
section.send_wrap .quotation_wrap dt .font_or{font-size: 16px;}
section.send_wrap .quotation_wrap dt span{font-size: 13px;}
section.send_wrap .quotation_wrap dd input{width: calc(100% - 28px); border-bottom: 1px solid #ddd; font-size: 30px; color: #ff6700; text-align: right;}
section.send_wrap .quotation_wrap dd .won{margin-left: 10px; font-size: 15px;}
section.send_wrap .quotation_wrap dd .ipt_txt{display: block; margin-top: 5px; font-size: 13px;}
section.send_wrap .quotation_wrap dd .txt{display:block;margin-top:5px;}
section.send_wrap .quotation_wrap dd .select{width: 100%;}
section.send_wrap .quotation_wrap dd .btn_sel{width: 100%; height: 30px; padding-right: 25px; border-bottom: 1px solid #ddd; font-size: 15px; line-height: 30px; text-align: right;}
section.send_wrap .quotation_wrap dd .select .btn_sel::after{top: 11px; background: url(../../images/ui/sel_down_gr.png) no-repeat 50% 50% / cover;}
section.send_wrap .quotation_wrap dd .select.active .sel_li{top: 100%; height: 162px;}
section.send_wrap .quotation_wrap dd textarea{width: 100%; height: 100px; font-size: 15px; resize: none;}
section.previos_quotation_wrap{margin-bottom: 80px;}
section.previos_quotation_wrap h3{margin-bottom: 10px; font-size: 18px; font-weight: 500;}
section.previos_quotation_wrap ul{border-top: 1px solid #333; border-bottom: 1px solid #333;}
section.previos_quotation_wrap ul li{padding: 25px 0; border-bottom: 1px solid #ddd;}
section.previos_quotation_wrap ul li:last-child{border-bottom: 0 none;}
section.previos_quotation_wrap .quotation_wrap dl{margin-top: 30px;}
section.previos_quotation_wrap .quotation_wrap dl:first-of-type{margin-top: 0;}
section.previos_quotation_wrap .quotation_wrap dt{margin-bottom: 10px; font-size: 15px; font-weight: 500;}
section.previos_quotation_wrap .quotation_wrap dt .font_or{font-size: 16px;}
section.previos_quotation_wrap .quotation_wrap dt span{font-size: 13px;}
section.previos_quotation_wrap .quotation_wrap dd .txt{font-size: 15px;}
section.previos_quotation_wrap .quotation_wrap dd .price{font-size: 23px; color: #ff6700;}
section.previos_quotation_wrap .quotation_wrap dd .price.line{color: #666; text-decoration: line-through;}
section.previos_quotation_wrap .quotation_wrap dd .date{color: #666;}

/* arti quotation_request */
.contact_list.quotation_request .list_wrap .cont .sort_box{display: flex; justify-content: right;}
.contact_list.quotation_request .list_wrap .cont ul{margin-top: 12px;}
.contact_list.quotation_request .list_wrap .cont ul li{border-bottom: 1px solid #ddd;}
.contact_list.quotation_request .list_wrap .cont .list{padding: 18px 0;}
.contact_list.quotation_request .list_wrap .cont .list .cont_box{display: flex; justify-content: space-between;}
.contact_list.quotation_request .list_wrap .cont .list .txt_box{width: calc(100% - 82px); margin: 0;}
.contact_list.quotation_request .list_wrap .cont .list .txt_box .location{position: relative; margin-left: 20px;}
.contact_list.quotation_request .list_wrap .cont .list .txt_box .location::before{content: ''; position: absolute; top: 5px; left: -12px; width: 1px; height: 10px; background-color: #ddd;}
.contact_list.quotation_request .list_wrap .cont .list .badge_box{display: block;}
.contact_list.quotation_request .list_wrap .cont .list .badge_box .detail{margin: 5px 0 0 0;}
.contact_list.quotation_request .list_wrap .cont .list .badge_box .non_send{background-color: #666;}


/* arti quotation_request_detail */
.contact_detail.quotation_request_detail .send_wrap .non_progress{padding: 35px 0; margin-top: 50px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center;}
.contact_detail.quotation_request_detail .send_wrap .non_progress img{width: 147px; height: 119px;}
.contact_detail.quotation_request_detail .send_wrap .non_progress .txt{margin: 17px 0 24px; font-size: 15px; color: #333;}
.contact_detail.quotation_request_detail .send_wrap .non_progress .non_active{background-color: #7f7f7f;}
.contact_detail.quotation_request_detail .detail_wrap .event_info_wrap .event_info_box{display: none;}

/* arti casting_decide_list */
.casting_decide_list{margin-top: 70px;}
.casting_decide_list .list_wrap .sort_box{display: flex; justify-content: right; font-size: 15px;}
.casting_decide_list .list_wrap .sort_box i{margin-left: 5px;}
.casting_decide_list .list_wrap ul{margin-top: 12px; border-top: 1px solid #333;}
.casting_decide_list .list_wrap .list{padding: 12px 0 18px; border-bottom: 1px solid #ddd;}
.casting_decide_list .list_wrap .list>div{display: flex;}
.casting_decide_list .list_wrap .list .cont_box{justify-content: space-between; align-items: center; margin-bottom: 18px;}
.casting_decide_list .list_wrap .list .txt_box{width: calc(100% - 82px);}
.casting_decide_list .list_wrap .list .txt_box .tit{margin-bottom: 16px; font-size: 17px; font-weight: 500;}
.casting_decide_list .list_wrap .list .txt_box .txt{color: #666;}
.casting_decide_list .list_wrap .list .txt_box .location{position: relative; margin-left: 20px;}
.casting_decide_list .list_wrap .list .txt_box .location::before{content: ''; position: absolute; top: 5px; left: -12px; width: 1px; height: 10px; background-color: #ddd;}
.casting_decide_list .list_wrap .list .badge_box{width: 72px;}
.casting_decide_list .list_wrap .list .badge_box .detail{margin-top: 5px; border: 1px solid #ddd; background-color: #fff; color: #333;}
.casting_decide_list .list_wrap .list .contact_box{align-items: flex-end; padding: 24px 0; border-top: 1px dashed #ddd;}
.casting_decide_list .list_wrap .list .contact_box p{padding-left: 16px; font-size: 15px; font-weight: 500;}
.casting_decide_list .list_wrap .list .contact_box p .txt{color: #666;}
.casting_decide_list .list_wrap .list .contact_box p .font_or{font-size: 18px;}
.casting_decide_list .list_wrap .list .contact_box p span{margin-left: 10px; font-weight: 400;}
.casting_decide_list .list_wrap .list .contact_box p:first-child{margin-right: 25px; background: url(../../images/icon/ico_people_m.png)no-repeat 0 45% /12px 13px;}
.casting_decide_list .list_wrap .list .contact_box p:last-child{background: url(../../images/icon/ico_phone_m.png)no-repeat 0 45% /12px 13px;}
.casting_decide_list .list_wrap .list .status_bar{display: block; height: 37px; border-radius: 5px; background-color: #e7e7e8; font-size: 15px; line-height: 37px; text-align: center;}
.casting_decide_list .list_wrap .list .status_bar span{margin-left: 12px; color: #666;}
.casting_decide_list .list_wrap .btn_more{margin: 24px 0 80px;}
.casting_decide_list .list_wrap .btn_more i{margin-left: 5px;}
.casting_decide_list .list_wrap .non_list{border-bottom: 1px solid #ddd;}
.modal.filter_pop_up .modal_wrap .modal_inner{width: 100%; height: 100%;}
.modal.filter_pop_up .modal_wrap .modal_inner .tit_box{height: 50px;  text-align: center; line-height: 50px;}
.modal.filter_pop_up .modal_wrap .modal_inner .tit_box p{font-size: 18px; font-weight: 500;}
.modal.filter_pop_up .modal_wrap .modal_inner .contents_wrap>div{padding: 25px 15px; border-bottom: 5px solid #f8f8f8;}
.modal.filter_pop_up .modal_wrap .modal_inner .contents_wrap .tit{margin-bottom: 12px; font-size: 16px; font-weight: 500;}
.modal.filter_pop_up .modal_wrap .modal_inner .contents_wrap .select{width: 100%;}
.modal.filter_pop_up .modal_wrap .modal_inner .contents_wrap .select .btn_sel{width: 100%; height: 40px; padding: 10px 7px; border-bottom: 1px solid #ddd; font-size: 15px; color: #999;}
.modal.filter_pop_up .modal_wrap .modal_inner .contents_wrap .select .btn_sel::after{top: 16px; right: 7px; background-image: url(../../images/ui/sel_down_gr.png);}
.modal.filter_pop_up .modal_wrap .modal_inner .contents_wrap .select .sel_li{height: 242px; top: 100%;}
.modal.filter_pop_up .modal_wrap .modal_inner .contents_wrap .select .sel_li .sel{height: 40px; line-height: 40px; font-size: 14px;}
.modal.filter_pop_up .modal_wrap .modal_inner .period_wrap .input_wrap{display: flex; align-items: center; justify-content: space-between;}
.modal.filter_pop_up .modal_wrap .modal_inner .period_wrap .input_wrap .ipt_cal_wrap{width: calc(50% - 14px);}
.modal.filter_pop_up .modal_wrap .modal_inner .period_wrap .input_wrap span{display: block; color: #666;}
.modal.filter_pop_up .modal_wrap .modal_inner .period_wrap .input_wrap .input{display: block; background: url(../../images/icon/ico_calendar_m.png)no-repeat 95% 50% / 16px auto; }
.modal.filter_pop_up .modal_wrap .modal_inner .period_wrap .tit_box{height: auto; line-height: 1em;}
.modal.filter_pop_up .modal_wrap .modal_inner .period_wrap .btn_or{width: 100%;}
.modal.filter_pop_up .modal_wrap .modal_inner .recruitment_wrap .select .sel_li{height: 122px;}
.modal.filter_pop_up .modal_wrap .modal_inner .contents_wrap .detail_category_wrap{border: 0 none;}
.modal.filter_pop_up .modal_wrap .modal_inner .contents_wrap .detail_category_wrap>div{display: flex; justify-content: space-between;}
.modal.filter_pop_up .modal_wrap .modal_inner .contents_wrap .detail_category_wrap .range_box{width: calc(50% - 5px);}
.modal.filter_pop_up .modal_wrap .modal_inner .contents_wrap .detail_category_wrap .select .sel_li{height: 122px;}
.modal.filter_pop_up .modal_wrap .modal_inner .contents_wrap .detail_category_wrap input{width: calc(50% - 5px); border-bottom: 1px solid #ddd;}
.modal.filter_pop_up .modal_wrap .modal_inner .contents_wrap .apply_wrap .select .sel_li{height: 122px;}
.modal.filter_pop_up .modal_wrap .modal_inner .btn_wrap{position: fixed; bottom: 0; left: 0; display: flex; width: 100%; z-index: 10;}
.modal.filter_pop_up .modal_wrap .modal_inner .btn_wrap a{width: 50%; height: 45px; border-radius: 0; line-height: 45px;}
.modal.filter_pop_up .modal_wrap .modal_inner .btn_wrap .btn_clear{border-top: 1px solid #ddd; background-color: #fff;}

/* arti casting_decide_detail */
.casting_decide_detail .detail_wrap .title_wrap .contact_box{display: flex;}
.casting_decide_detail .detail_wrap .title_wrap .contact_box p{padding-left: 17px; font-size: 13px; font-weight: 500;}
.casting_decide_detail .detail_wrap .title_wrap .contact_box span{margin-left: 10px;}
.casting_decide_detail .detail_wrap .title_wrap .contact_box p:first-of-type{margin-right: 25px; background: url(../../images/icon/ico_people_m.png)no-repeat 0 45% /12px 13px;}
.casting_decide_detail .detail_wrap .title_wrap .contact_box p:last-of-type{background: url(../../images/icon/ico_phone_m.png)no-repeat 0 45% /12px 13px;}
.casting_decide_detail .detail_wrap .title_wrap .contact_box .font_or::before{display: none;}

/* arti payment_record_list */
.payment_record_list.atri .list_wrap .list .txt_box .tit{margin: 18px 0; font-size: 17px; font-weight: 500;}
.payment_record_list.atri .list_wrap .list .txt_box .location{position: relative; margin-left: 20px;}
.payment_record_list.atri .list_wrap .list .txt_box .location::before{content: ''; position: absolute; top: 5px; left: -12px; width: 1px; height: 10px; background-color: #ddd;}
.payment_record_list.atri .list_wrap .list .txt_box dl{display: flex; line-height: 1.5em;}
.payment_record_list.atri .list_wrap .list .txt_box dt{margin-right: 15px;}
.payment_record_list.atri .list_wrap .list .txt_box dd{color: #666;}
.payment_record_list.atri .list_wrap .list .cont_bot{margin-top: 18px; border-top: 1px dashed #ddd;}
.payment_record_list.atri .list_wrap .list .cont_bot .price{font-size: 15px; font-weight: 500;}
.payment_record_list.atri .list_wrap .list .cont_bot .price .font_or{margin: 0 5px 0 10px; font-size: 21px;}
.payment_record_list.atri .list_wrap .list .cont_bot .price .won{font-weight: 400;}

/* arti payment_record_detail */
.payment_record_detail.arti .detail_wrap .event_info_box{padding: 23px 18px 24px;}
.payment_record_detail.arti .detail_wrap .event_info_box ul li:last-of-type{margin: 0;}
.payment_record_detail.arti .payment_wrap{margin-bottom: 80px;}
.payment_record_detail.arti .payment_wrap ul{border-top: 1px solid #333;}
.payment_record_detail.arti .payment_wrap ul li{border-bottom: 1px solid #ddd;}
.payment_record_detail.arti .payment_wrap ul li dl{display: flex; justify-content: space-between; align-items: center; padding: 18px 0;}
.payment_record_detail.arti .payment_wrap ul li dt{font-size: 14px; color: #999;}
.payment_record_detail.arti .payment_wrap ul li dt span{font-size: 12px;}
.payment_record_detail.arti .payment_wrap ul li dd .font_or{font-size: 18px; font-weight: 500;}
.payment_record_detail.arti .payment_wrap ul li dd .txt{display: block; text-align: right; line-height: 1.3em;}
.modal.modal_arti_review_show .modal_wrap .modal_inner{overflow-x: auto;}
.modal.modal_arti_review_show .modal_wrap .modal_inner .content_box .info_box .txt_box{width: 100%;}
.modal.modal_arti_review_show .modal_wrap .modal_inner .content_box .file_box .img_wrap .image{width: 65px; height: 65px; margin-right: 10px; border: 1px solid #ddd; box-sizing: border-box;}
.modal.modal_arti_review_show .modal_wrap .modal_inner .content_box .review_wrap .coment_box{display: none; padding: 18px 12px; background-color: #f8f8f8; line-height: 1.3em;}
.modal.modal_arti_review_show .modal_wrap .modal_inner .content_box .review_wrap .coment_box.on{display: block;}
.modal.modal_arti_review_show .modal_wrap .modal_inner .content_box .review_wrap .coment_box .tit{margin: 0; font-size: 16px; }
.modal.modal_arti_review_show .modal_wrap .modal_inner .content_box .review_wrap .coment_box .date{margin: 10px 0 15px; color: #666;}
.modal.modal_arti_review_show .modal_wrap .modal_inner .content_box .review_wrap .coment_box .txt{font-size: 15px; color: #666;}
.modal.modal_arti_review_show .modal_wrap .modal_inner .content_box .review_wrap .coment_box .btn_wrap{margin-top: 12px; display: block;}
.modal.modal_arti_review_show .modal_wrap .modal_inner .content_box .review_wrap .coment_box .btn_wrap a{font-size: 14px; color: #666;}
.modal.modal_arti_review_show .modal_wrap .modal_inner .content_box .review_wrap .coment_box .btn_wrap .btn_del{position: relative; margin-left: 16px;}
.modal.modal_arti_review_show .modal_wrap .modal_inner .content_box .review_wrap .coment_box .btn_wrap .btn_del::before{content: ''; position: absolute; top: 5px; left: -10px; width: 1px; height: 10px; background-color: #ddd;}
.modal.modal_arti_review_show .modal_wrap .modal_inner .content_box .review_wrap .review_box{display: none; flex-wrap: wrap; justify-content: space-between;}
.modal.modal_arti_review_show .modal_wrap .modal_inner .content_box .review_wrap .review_box.on{display: flex;}
.modal.modal_arti_review_show .modal_wrap .modal_inner .content_box .review_wrap .review_box .review_ipt{width: calc(100% - 98px); height: 11.7vw; padding: 5px; border: 1px solid #ddd;}
.modal.modal_arti_review_show .modal_wrap .modal_inner .content_box .review_wrap .review_box .btn_write{width: 88px; border-radius: 0; background-color: #333; color: #fff;}

/* arti review_list */
.review_list .list_wrap .sort_wrap .total_cnt{font-size: 13px; font-weight: 600;}
.review_list .list_wrap .sort_wrap .chk_box span{width: 141px;}
.review_list .list_wrap .list .txt{color: #666; line-height: 1.5em;}
.review_list .list_wrap .list .location{position: relative; margin-left: 20px;}
.review_list .list_wrap .list .location::before{content: ''; position: absolute; top: 5px; left: -12px; width: 1px; height: 10px; background-color: #ddd;}
.review_list.atri .list_wrap .list .cont_bot{margin: 0; padding: 18px 0; border: 0 none;}

/* arit profile_modify */
.profile_modify{margin-top: 70px;}
.profile_modify .profile_wrap .txt{font-size: 15px; color: #999;}
.profile_modify .profile_wrap .image{position: relative; width: 171px; height: 171px; margin: 18px 0 36px; border-radius: 50%;}
.profile_modify .profile_wrap .btn_profile_pic{position: absolute; bottom: 10px; right: 8px; width: 37px; height: 37px;}
.profile_modify .concertinfo_wrap .video_row .txt{margin-top: 5px;}

.maps_list{margin:70px 0 100px;}
.maps_list ul{border-top:1px solid #333;}
.maps_list ul li a{display:block;padding:18px 12px;border-bottom:1px solid #ddd}
.maps_list ul li a .li{margin-top:8px;}
.maps_list ul li a .li:first-child{margin-top:0;}
.maps_list ul li a .li div{position:relative;display:inline-block;margin-left:18px;font-size:14px;color:#333;}
.maps_list ul li a .li div::after{content:'';position: absolute;top: calc(50% - 6px);left: -11px;width: 1px;height: 12px;background-color: #ddd;}
.maps_list ul li a .li div:first-child{margin-left:0}
.maps_list ul li a .li div:first-child::after{content:none}
.maps_list ul li a .li div span{margin-right:10px;font-size:13px;color:#666}
.maps_list ul li.non_list{border-bottom:1px solid #ddd}
.maps_list section .add_new_concert_btn{display: inline-block;width: 100px;height: 35px;margin:0 auto 10px;border-radius: 40px;background: #ff6700;text-align: center;}
.maps_list section .add_new_concert_btn span{display:inline-block;font-size: 14px;font-weight: 500;color:#fff}

.maps_list section .tit_box {display: flex;justify-content: space-between;align-items: flex-end;padding-bottom: 12px;border-bottom: 1px solid #333;font-size: 13px;color: #666;}
.maps_list section .tit_box h3{font-size:16px;color:#333}
.maps_list .form_wrap .subtit{margin-bottom:15px;}
.maps_list .form_wrap .select{width:170px;border-bottom:1px solid #ddd}
.maps_list .form_wrap .select + .select{margin-left:10px;}
.maps_list .form_wrap .select a{width:100%;height:30px;}
.maps_list .form_wrap .range_box{display:flex;justify-content: space-between;}
.maps_list .form_wrap .range_box .select{width:calc(25% - 10px)}
.maps_list .form_wrap .range_box > span{padding:0 10px;}
.maps_list .form_wrap .ipt_chk{margin-right:10px;}
.maps_list .form_wrap .val_flex{display:flex;}
.maps_list .form_wrap .val_flex input,
.maps_list .form_wrap .val_flex .select{width:150px;}
.maps_list .form_wrap .val_flex span{display:inline-block;margin-left:10px;}

.maps_detail_wrap .btn_box{display:flex;padding:0;margin-top:50px;justify-content: space-between;}
.maps_detail_wrap .btn_box .btn{width:calc(50% - 5px);}
@media (min-width: 460px){
  .community_detail .community_wrap .review_wrap .write_box .review_ipt{height: 53px; font-size: 17px; line-height: 53px;}
  .find_id .identification_wrap .find_form .cellphone a{height: 39px;font-size: 16px;line-height: 39px;}
  .join_identification .identification_wrap .ipt_wrap a{height: 39px;font-size: 16px;line-height: 39px;}
  .join_profile .businessinfo_wrap .companyname_row a{height: 39px;font-size: 16px;line-height: 39px;}
  .join_profile .standard_price_wrap .btn_add,
  .join_profile .teaminfo_wrap .teamname_row a{height: 39px;font-size: 16px;line-height: 39px;}
  .modal_filter_review .modal_wrap .modal_inner .contents_wrap .genre_wrap .btn_wrap a{font-size: 17px;}
  .modal_filter_review .modal_wrap .modal_inner>.btn_wrap a{height: 53px; font-size: 17px; line-height: 53px;}
  .modal_image_condition .modal_wrap .modal_inner .btn_wrap .add_box label{height: 53px; font-size: 17px; line-height: 53px;}
  .membership_modify .btn_sq{height: 39px;font-size: 16px;line-height: 39px;}
  .concert_detail .arti_info_wrap .review .review_lists .review_list .write_box textarea{height: 53px; font-size: 17px; line-height: 53px;}
  .modal.modal_arti_review_show .modal_wrap .modal_inner .content_box .review_wrap .review_box .review_ipt{height: 53px;}
}
@media (max-width: 450px){
  .premiumAd .prad_inner .prli .cont_bot{gap:10px;flex-wrap:wrap}
  .premiumAd .prad_inner .prli .cont_bot .cast, 
  .premiumAd .prad_inner .prli .cont_bot .review,
  .premiumAd .prad_inner .prli .cont_bot .like_cnt, 
  .premiumAd .prad_inner .prli .cont_bot .stars{width:calc(50% - 5px);}
}
@media (max-width: 350px){
  .premiumAd .prad_inner .prli .cont_bot{gap:5px;}
  .premiumAd .prad_inner .prli{padding:15px 10px;}
  .premiumAd .prad_inner .prli .personnel, .premiumAd .prad_inner .prli .price{font-size:12px}
  .premiumAd .prad_inner .prli .price .num{font-size:14px;}
  .premiumAd .prad_inner .prli .cont_bot .cast, 
  .premiumAd .prad_inner .prli .cont_bot .review, 
  .premiumAd .prad_inner .prli .cont_bot .like_cnt, 
  .premiumAd .prad_inner .prli .cont_bot .stars{font-size:10px}
  .premiumAd .prad_inner .prli .cont_bot i{margin:0 3px 0 0}
  .premiumAd .prad_inner .prli .cont_bot .cast i{width:10px;height:9px;}
  .premiumAd .prad_inner .prli .cont_bot .review i{width:13px;height:10px;}
  .premiumAd .prad_inner .prli .cont_bot .stars .star{font-size:12px;}
  .premiumAd .prad_inner .prli .cont_bot .like_cnt i{width:10px;height:9px;}
}





