@charset "utf-8";
/*
Copyright (c) 2022, Igini. All rights reserved.
version: 1.0.0

--- setting check ---
primary color : #b39579,
secondary color : #4373b5, #lb65b3, #ff3300, #222, #333, #ccc, #999, c7cbdl
font color : #333, #666, #888, #999, #ccc, #b39579;
background color : #fafafa, #fcfcfc, #f8f8f8, #f3f7ff;
line color : #ddd, #eee;
container width : 1366,
column : 79-38, 12column ;
main font : KR - Noto sans -.025em, EN - Lato
*/



/* Typhographic */
body{font-family: 'Jost','Noto Sans KR', sans-serif; letter-spacing: -.03em;}
.en{letter-spacing:0;}
h1,h2,h3,h4,h5{font-weight:400;color:#333;}
h2{font-size:44px;}
h3{font-size:22px;}
h4{font-size:18px;}
.c_gd{color:#b39579;}
.c_rd{color:#ff3300;}
.c_bk{color:#333;}

/* common */
#showgle{position: relative; overflow: hidden;}
.btn{display: block; height: 11.7vw; border-radius: 5.8vw; font-size: 3.9vw; font-weight: 500; text-align: center; line-height: 11.7vw; box-sizing: border-box;}
.btn_gr{border: 1px solid #ddd;}
.btn_or{background-color: #ff6700; color: #fff;}
.bg{background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
.more{position: absolute; top: 0; right: 0; font-size: 14px; color: #666;}
.blind{position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;}
.font_or{color: #ff6700;}
.font_gr{color: #999;}
.font_m{font-weight: 500;}
input{-webkit-appearance: none; -webkit-border-radius: 0;}
input::-webkit-input-placeholder{font-size: 14px;color:#999;}
input:-ms-input-placeholder{font-size: 14px;color:#999;}
input::placeholder{font-size: 14px;color:#999;}
textarea{resize: none;}
textarea::-webkit-input-placeholder{font-size: 15px;color:#999;}
textarea:-ms-input-placeholder{font-size: 15px;color:#999;}
textarea::placeholder{font-size: 15px;color:#999;}
article.margin_top{margin-top: 55px;}
.txt_line{white-space : nowrap; text-overflow : ellipsis; overflow: hidden;}
.txt_ellipsis{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
button{color: #333;}

/* loading */
#showgle.loading{position: relative; pointer-events : none;}
#showgle.loading::after{content: '';position: fixed; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; border-radius: 5px; background: url(../../images/preload.svg) no-repeat 50% 50% / cover; z-index: 10000000;} 

/* header */
.header{position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 55px; padding: 0 15px; z-index: 1000; transition: all .3s;}
.header a{display: block;}
.header .logo a{position: absolute; top: calc(50% - 13px); left: 15px; width: 104px; height: 27px; background-image: url(../../images/logo_m.png); background-size: cover;}
.header .title{display: flex; font-size: 18px; font-weight: 500;}
.header .title a{margin-left: 5px;}
.header .ico_beta{display: inline-block; margin-left: 7px; margin-top: -2px; padding: 3px 10px 3px 8px; border-radius: 10px; background-color: #ff6700; font-size: 14px; font-weight: 500; color: #fff; font-style: italic;}
.header .btn_back{position: absolute; top: calc(50% - 9px); left: 15px; display: block; width: 10px; height: 18px; background-image: url(../../images/ui/btn_back_wh_m.png);}
.header .btn_wrap{position: absolute; top: calc(50% -11px); right: 15px; display: flex;}
.header .btn_wrap .btn_bookmark{width: 16px; height: 21px; margin-right: 15px; background-image: url(../../images/ui/btn_bookmark_m.png); background-size: cover;}
.header .btn_wrap .btn_alarm{position: relative; width: 20px; height: 22px; background-image: url(../../images/ui/ico_alarm_bk.png); background-size: cover;}
.header .btn_wrap .btn_alarm .badge{position: absolute; top: -8px; right: -8px; width: 20px; height: 20px; margin:0;border-radius: 50%; background-color: #ff6700; font-size: 12px; font-weight: 500; color: #fff; line-height: 20px; text-align: center;}

.header.whbg{background-color: #fff;}
.header.whbg .logo a{background-image: url(../../images/logo.png)}
.header.whbg .btn_back{background-image: url(../../images/ui/btn_back_m.png);}
.header.whbg .btn_bookmark{background-image: url(../../images/ui/btn_bookmark_bk.png);}
.header.whbg .btn_alarm{background-image: url(../../images/ui/ico_alarm_bk.png)}

/* footer */
.footer{font-size: 12px; line-height: 1.5em;}
.footer .footer_top{background-color: #333;}
.footer .footer_top ul{display: flex; flex-wrap: nowrap;}
.footer .footer_top ul li{width: 100%;}
.footer .footer_top ul li a{position: relative; display: block; padding: 20px 0 20px; font-weight: 500; color: #fff; text-align: center;}
.footer .footer_top ul li:nth-of-type(2) a::after{content: ''; position: absolute; top: 20px; left: 0; width: 1px; height: 12px; background-color: #fff;}
.footer .footer_cont{padding: 20px 15px 70px; color: #666;}
.footer .footer_cont .footer_menu ul{display: flex; margin-bottom: 9px  ;}
.footer .footer_cont .footer_menu ul li a{position: relative; display: block; padding: 0 10px;}
.footer .footer_cont .footer_menu ul li .strong{color: #ff6700;}
.footer .footer_cont .footer_menu ul li a::after{content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 10px; background-color: #ddd;}
.footer .footer_cont .footer_menu ul li:last-of-type a::after{display: none;}
.footer .footer_cont .footer_menu ul li:first-of-type a{padding-left: 0;}
.footer .footer_cont .footer_info{margin-top: 24px;}
.footer .footer_cont .footer_info span{margin-right: 17px;}
.footer .footer_cont .footer_info .email{margin-top:10px;}
.footer .footer_cont .footer_info .copyright{margin-top: 26px;}
.footer .footer_cont .footer_info .btn_down{display:block;width:220px;height:27px;margin-top:15px;;border:1px solid #ddd;padding-left:20px;font-size:12px;color:#000;background:url(../../images/ui/sel_down.png) no-repeat right 10px top 50% / 7px auto;border-radius:27px;line-height:26px;}

/* thumbzone */
.thumbzone_wrap{position: fixed; bottom: 0; width: 100%; z-index: 903;}
.thumbzone_wrap .thumbzone{position: relative; display: flex; justify-content: space-between; height: 50px; background-color: #fff; box-shadow: 0px -3px 5px 0px #f8f8f8;}
.thumbzone_wrap .thumbzone .btn_home{position: absolute; bottom: 10px; left: calc(50% - 25px); width: 50px; height: 50px; border-radius: 50%; background: linear-gradient(135deg, #ec6b38, #d2408c);}
.thumbzone_wrap .thumbzone .btn_home::after{content: ''; position: absolute; top: 15px; left: 15px; width: 19px; height: 19px; background: url(../../images/icon/ico_home.png)no-repeat 50% 50% / cover;}
.thumbzone_wrap .thumbzone div{display: flex; align-items: center; width: calc(50% - 40px); padding: 0 5%;}
.thumbzone_wrap .thumbzone div a{display: block; width: 50%; height: 50px;}
.thumbzone_wrap .thumbzone .btn_left_box .btn_menu{background: url(../../images/common/menu_m.png)no-repeat 50% 50%; background-size: 20px 16px; }
.thumbzone_wrap .thumbzone .btn_left_box .btn_search{background: url(../../images/common/search_m.png)no-repeat 50% 50%; background-size: 21px 20px;}
.thumbzone_wrap .thumbzone .btn_right_box .btn_chat{position: relative; background: url(../../images/common/chat_m.png)no-repeat 50% 50%; background-size: 29px 23px;}
.thumbzone_wrap .thumbzone .btn_right_box .btn_chat .badge{position: absolute; top: -5px; right: 0; display: inline-block; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 10px; background-color: #343337; font-size: 12px; color: #fff; line-height: 20px; text-align: center;}
.thumbzone_wrap .thumbzone .btn_right_box .btn_my{background: url(../../images/common/my_m.png)no-repeat 50% 50%; background-size: 20px 21px;}
.thumbzone_wrap .widget_wrap{position: absolute; bottom: 60px; right: 15px; display: flex; justify-content: right; flex-wrap: wrap; width: 60px; transition: all .2s;}
.thumbzone_wrap .btn_back{position: absolute; top: -45px; left: 15px; width: 35px; height: 35px; border: 1px solid #ddd; border-radius: 10px; background: #fff url(../../images/ui/btn_back_m.png)no-repeat 50% 50%; background-size: 9px 14px; box-sizing: border-box;}
.thumbzone_wrap .btn_top{width: 35px; height: 35px; margin-top: 10px; border: 1px solid #ddd; border-radius: 10px; background: #fff url(../../images/ui/top_m.png)no-repeat 50% 50%; background-size: 14px 9px; box-sizing: border-box;}
.thumbzone_wrap .btn_talk{position: relative; display: none; width: 60px; height: 60px; padding-top: 17px; margin-bottom: 10px; border-radius: 50%; background-color: #f9e000; text-align: center;}
.thumbzone_wrap .btn_talk i{width: 34px; height: 27px;}
.thumbzone_wrap .btn_talk .badge{position: absolute; top: 0; right: 0; display: inline-block; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 10px; background-color: #343337; font-size: 12px; color: #fff; line-height: 20px; text-align: center;}
.thumbzone_wrap .btn_notice{display: none; width: 60px; height: 60px; padding: 12px 17px; border-radius: 50%; background-color: #eeae00; font-size: 14px; font-weight: 500; color: #fff; line-height: 1.3em;}

.thumbzone_wrap.talk_on .btn_talk{display: block;}
.thumbzone_wrap.notice_on .btn_notice{display: block;}

/* category_popup */
.category_popup{display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: #fff; z-index: 1000000;}
.category_popup.on{display: block;}
.category_popup .side_tab_button{width: 100%; height: 100%; background-color: #f8f8f8; z-index: 1;}
.category_popup .side_tab_button ul{width: 90px; height: calc(100% - 75px); padding: 50px 5px 0; border-right: 1px solid #a9a9a9; background-color: #fff; overflow-y: auto;}
.category_popup .side_tab_button ul li a{display: block; padding: 10px 0; text-align: center;}
.category_popup .side_tab_button ul li a img{width: 37px; height: auto; background-size: contain;}
.category_popup .side_tab_button ul li a h2{margin-top: 7px; font-size: 14px; font-weight: 500; color: #333;}
.category_popup .side_tab_button ul li.on a h2{color: #ff6700;}
.category_popup .tabCont{position: absolute; top: 0; right: 0; width: calc(100% - 90px); height: calc(100% - 75px); background-color: #fff;}
.category_popup .tabCont .cont{display: none;}
.category_popup .tabCont .cont.on{display: block;}
.category_popup .tabCont .title_box{position: absolute; top: 0; left: -85px; height: 50px; background-color: #fff;}
.category_popup .tabCont .title_box h2{margin: 17px 0 0 24px; font-size: 20px; font-weight: 500;}
.category_popup .tabCont .cont{padding: 50px 15px 10px;}
.category_popup .tabCont .cont .category{position: relative; display: block; padding: 12px 0; font-size: 17px;}
.category_popup .tabCont .cont .category .txt{}
.category_popup .tabCont .cont{height: 100%;}
.category_popup .tabCont .cont ul{height: 100%; overflow-y: auto;}
.category_popup .tabCont .cont ul li .bar{position: absolute; top: 50%; right: 10px; width: 12px; height: 2px; background: #4e4e4e;}
.category_popup .tabCont .cont ul li .bar.ver{top: calc(50% - 5px); right: 15px; width: 2px; height: 12px; transition: .3s;}
.category_popup .tabCont .cont ul li.on .bar.ver{top: 50%; right: 15px; width: 2px; height: 0; }
.category_popup .tabCont .cont .acc_cont{display: none; padding: 10px 18px; background-color: #f8f8f8; overflow: hidden;}
.category_popup .tabCont .cont .acc_cont>a{display: block; width: 50%; padding: 10px 0; float: left;}
.category_popup .cont_bot{position: fixed; bottom: 0; left: 0; width: 100%; height: 70px; background-color: #fff;}
.category_popup .cont_bot ul{display: flex; align-items: center; height: 100%;}
.category_popup .cont_bot ul li{width: 20%; height: 100%; text-align: center;}
.category_popup .cont_bot ul li a{position: relative; display: block; height: 100%; line-height: 70px;}
.category_popup .cont_bot ul li a::after{content: ''; position: absolute; top: calc(50% - 6px); right: 0; width: 1px; height: 12px; background-color: #ddd;}
.category_popup .cont_bot ul li:last-child a::after{display: none;}
.category_popup .cont_bot ul li a span{font-size: 15px;}
.category_popup .btn_close{display: block; position: absolute; top: 18px; right: 18px; width: 13px; height: 13px; background-image: url(../../images/ui/btn_close_bk.png);}

/* icon */
.ico{display: inline-block;}
.ico_alarm{width: 18px; height: 14px; background-image: url(../../images/icon/ico_alarm_m.png);}
.ico_arrow_r{width: 7px; height: 12px; background-image: url(../../images/ui/search_bannerarrow.png);}
.ico_people{width: 10px; height: 10px; background-image: url(../../images/icon/notice1.png); background-repeat: no-repeat; background-size: cover;}
.ico_chat{width: 20px; height: 18px; background-image: url(../../images/icon/ico_chat_m.png);}
.ico_userProfile{width: 17px; height: 17px; border-radius: 50%; background-image: url(../../images/main/review_user.png);}
.ico_filter{width: 11px; height: 11px; background-image: url(../../images/icon/ico_filter.png)}
.ico_camera{width: 14px; height: 10px; background-image: url(../../images/icon/ico_camera_m.png)}
.ico_doc{width: 11px; height: 11px; background-image: url(../../images/icon/ico_doc_m.png);}
.ico_balloon{width: 15px; height: 12px; background-image: url(../../images/icon/ico_balloon_m.png);}
.ico_plus{width: 9px; height: 9px; background-image: url(../../images/ui/btn_more_gr_m.png);}
.ico_share{width: 13px; height: 19px; background-image: url(../../images/ui/btn_share_m.png);}
.ico_link{width: 14px; height: 14px; background-image: url(../../images/icon/ico_link_m.png);}
.ico_down{width: 15px; height: 13px; background-image: url(../../images/icon/ico_down_m.png);}
.ico_new_or{width: 16px; height: 16px; background-image: url(../../images/icon/ico_new_or_m.png);}
.ico_link_or{width: 14px; height: 14px; background-image: url(../../images/icon/ico_link_or_m.png);}
.ico_pic_or{width: 15px; height: 15px; background-image: url(../../images/icon/ico_pic_or_m.png);}
.ico_down_or{width: 15px; height: 13px; background-image: url(../../images/icon/ico_down_or_m.png);}
.ico_date{width: 12px; height: 11px; background-image: url(../../images/icon/ico_date_m.png);}
.ico_clock{width: 11px; height: 11px; background-image: url(../../images/icon/ico_clock_m.png);}
.ico_place{width: 10px; height: 13px; background-image: url(../../images/icon/ico_pin_m.png);}
.ico_speaker{width: 10px; height: 14px; background-image: url(../../images/icon/ico_speaker_m.png);}
.ico_exclamation{width: 12px; height: 12px; background-image: url(../../images/icon/ico_exclamation_m.png);}
.ico_delete{width: 10px; height: 10px; background-image: url(../../images/ui/btn_del_m.png);}
.ico_question{width: 16px; height: 16px; background-image: url(../../images/icon/ico_question_m.png);}
.ico_login{width: 13px; height: 13px; background-image: url(../../images/icon/ico_login.png);}
.ico_genre{width: 10px; height: 10px; background-image: url(../../images/icon/ico_genre_m.png);}
.ico_gender{width: 10px; height: 9px; background-image: url(../../images/icon/ico_gender_m.png);}
.ico_kakao{width: 20px; height: 19px; background-image: url(../../images/icon/ico_kakao.png);}
.ico_cash{width: 12px; height: 12px; background-image: url(../../images/icon/ico_cash_m.png);}
.ico_open{width: 17px; height: 17px; background-image: url(../../images/ui/btn_open_m.png);}
.ico_fold{width: 17px; height: 17px; background-image: url(../../images/ui/btn_fold_m.png);}
.ico_print{width: 12px; height: 13px; background-image: url(../../images/icon/ico_print_m.png);}
.ico_heart{width: 11px; height: 9px; background-image: url(../../images/icon/ico_heart.png);}
.ico_heart.on{background-image: url(../../images/icon/ico_heart_on.png);}
.ico_phone{width: 12px; height: 13px; background-image: url(../../images/icon/ico_phone_m.png);}
.ico_elec{width: 10px; height: 13px; background-image: url(../../images/icon/ico_ele.png);}
.ico_area{width: 18px; height: 20px; margin: 0 5px -3px 0; background-image: url(../../images/icon/ico_pin.png);}

/* select_box */
.select{position:relative;display:inline-block;}
.select .btn_sel{position:relative;display:inline-block;width:85px;height:20px;padding: 0; font-size: 14px; line-height:20px;z-index: 7;}
.select .btn_sel::after{content:'';position:absolute;top:5px;right:0;width:9px;height: 6px;background:url(../../images/ui/sel_down.png) no-repeat 0 0 / cover;-webkit-transition: transform .5s;transition: transform .5s;}
.select .sel_li{display:none;position:absolute;top:0;left:0;bottom:0;width:100%;height: 62px;overflow-y:auto;background-color:#fff;border:1px solid #ddd;}
.select.up .sel_li{top:unset;}
.select .sel_li .sel{display:block;height:40px;padding-left:5px;padding-right:5px;border-top:1px solid #ddd;color:#666;line-height:38px;overflow:hidden;}
.select .sel_li .sel:hover{background-color:#f7f7f7}
.select.active .sel_li{display: block; top:120%;height:92px;margin-top:-1px;font-size:13px;z-index:8;}
.select.active .btn_sel{/*border-color:#fff;*/}
.select.active  .btn_sel::after{transform:rotateX(180deg);}
.select.active.up .sel_li{top:unset;bottom:120%;margin-top:0;}
.select.disable .btn_sel{opacity:.5;}

/* show star_ratings */
.stars{position:relative; width: 90px; height: 16px; font-size: 18px;}
.stars .stars_background{position:absolute; top: 0; left: 0; width:100%; overflow:hidden; color:#ddd; z-index: 0;}
.stars .star_ratings_base{position:absolute; top: 0; left: 0; overflow:hidden; white-space:nowrap; color: #ff6700; z-index: 1;}
.stars .star{display: inline-block; margin: 0; font-size: 18px;}

/* give star_ratings */
.give-star{position: relative; font-size: 20px; color: #ddd;}
.give-star input{width: 100%; height: 100%; position: absolute; left: 0; opacity: 0; cursor: pointer;}
.give-star span{width: 0; position: absolute; left: 0; color: #ff6700; overflow: hidden; pointer-events: none;}


/* tab */
.tab_wrap{}
.tab{display: flex;width: 100%;justify-content: space-between;}
.tab .tablinks_sub{position:relative;display:block;width: 100%;height:40px;margin-left:-1px;background-color: #f8f8f8;border:1px solid #f8f8f8;border-bottom:1px solid #333;font-size:15px;font-weight:300;color:#999;text-align:center;line-height:38px;float:left;transition: all .3s;}
.tab .tablinks_sub:hover{background: #f1f1f1; color: #333;}
.tab .tablinks_sub::after{content: '';position: absolute;top: 14px;left: -1px;width: 1px;height: 12px;background-color: #bdbdbd;}
.tab .tablinks_sub:first-child{margin-left:0;}
.tab .tablinks_sub.on::after,
.tab .tablinks_sub:first-child::after{content: none}
.tab .tablinks_sub.on{background-color:#fff ;border-color:#333;border-bottom:1px solid #fff;font-weight:400;color:#333;z-index:1;}
.tabCont_wrap .cont{display: none}
.tabCont_wrap .cont.on{display:block}

/* paging */
.paging_wrap.center{width: 100%; text-align:center;}
.paging_wrap .pagination{position: relative;}
.mobile_paging{position: relative; display: flex; justify-content: center; align-items: center;}
.mobile_paging .btn_p,
.mobile_paging > a{min-width:18px;height:18px;padding:0; margin: 0 4px; text-decoration:none;font-size:14px;font-weight:400;color:#333;text-align:center;line-height: 18px;cursor:pointer;transition: .3s;}
.mobile_paging > a.on{color:#ff6700;}
.pagination .btn_p{position:absolute; width: 26px; height: 26px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
.pagination .btn_p > a{position:absolute;top:0;left:0;width:100%;height:100%;}
.pagination .p_prev{top: -4px; left: 0; background-image:url(../../images/ui/paging_prev_m.png);}
.pagination .p_next{top: -4px; right: 0; margin-left: 10px; background-image:url(../../images/ui/paging_next_m.png);}
.pagination .p_last, .pagination .p_first{display: none;}


/* modal */
.modal{display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.7);z-index: 10000;}
.modal.on{display: block;}
.modal .modal_wrap{display: flex;justify-content: center;align-items: center;height: 100vh;}
.modal .modal_wrap .modal_inner{position: relative; width: 80%;max-width:540px; background-color: #fff;}
.modal .modal_wrap .modal_inner .content_box{padding: 25px 15px; text-align: center;}
.modal .modal_wrap .modal_inner .tit{margin-bottom: 15px; font-size: 20px; font-weight: 500;}
.modal .modal_wrap .modal_inner .txt{font-size: 15px; color: #666; line-height: 1.3em;}
.modal .modal_wrap .modal_inner .btn_close{display: block; position: absolute; top: 18px; right: 18px; width: 13px; height: 13px; background-image: url(../../images/ui/btn_close_bk.png);z-index:1001}

/* form  */
.ipt_wrap{position: relative;display:inline-block;width: 100%;vertical-align:top;padding-top: 30px;}
.input{width: 100%;height:30px;padding:0 10px;border-bottom:1px solid #ddd;font-size:15px;font-weight:400;color:#666;}
.input:disabled {border-bottom:1px solid #eee;color:#ccc;background:none;}
.input:read-only{opacity: 1;}
.input:-moz-read-only{opacity:1;}
.ipt_text{padding:15px;resize:none;line-height:1.4;}
.input::-webkit-input-placeholder{font-size: 14px;color:#999;}
.input:-ms-input-placeholder{font-size: 14px;color:#999;}
.input::placeholder{font-size: 14px;color:#999;}
.input:disabled::-webkit-input-placeholder{color:#ccc;}
.input:disabled:-ms-input-placeholder{color:#ccc;}
.input:disabled::placeholder{color:#ccc;}
.ipttxt{display: none; margin-top: 5px; padding: 0 10px;font-size:12px;color:#ff6700;}
.error .input{border-bottom:1px solid #ff6700;}
.ipttxt.info{display: block;}
.error .ipttxt{display: block;color: #ff6700}
.error .select .btn_sel.error{border-bottom-color:#ff3300;}
.ipt_wrap .input.error, 
.ipt_wrap .select .btn_sel.error{border-bottom-color:#ff3300;margin-bottom:26px;}
.ipt_wrap .input.error{margin-bottom: 10px;}
.select.active .btn_sel.error + .sel_li{top:calc(100% - 26px);}

input[type="checkbox"],
input[type="radio"]{display:none;}
input[type="checkbox"] + label,
input[type="radio"] + label{font-size:15px;color:#666;cursor:pointer;}
input[type="checkbox"] + label span,
input[type="radio"] + label span{display:inline-block;width:16px; height:16px;margin:-3px 8px 0 0;vertical-align:middle;cursor:pointer; background-size: 16px 16px;}
input[type="checkbox"] + label span{background-image:url(../../images/ui/bg_chk.png);}
input[type="radio"] + label span{background-image:url(../../images/ui/bg_chk.png);}
input[type="checkbox"]:checked + label span {background-image:url(../../images/ui/bg_chk_on.png);}
input[type="radio"]:checked + label span {background-image:url(../../images/ui/bg_chk_on.png);}
input[type="checkbox"] + label span.txt{display:inline;width:auto;height:auto;margin:0;background:none;font-size:14px;color:#666;}

.ipt_chk{position:relative;padding-left:20px;font-size:14px;color:#666;cursor:pointer;}
.ipt_chk input,
.ipt_tab input{position:absolute;left:-999px;opacity:0;}
.ipt_chk .chk{position:absolute;top:50%;left:0;margin-top:-11px;display:block;width:16px;height:16px;background:#fff url(../../images/ui/chk_gr.png) no-repeat 50% 50% / 9px auto;border:1px solid #ddd;}
.ipt_chk input:checked + .chk{background:#ff6700 url(../../images/ui/chk.png) no-repeat 50% 50% / 9px auto;border-color:#ff6700;}
.ipt_chk.radio .chk{margin-top: -9px; border-radius:50%;}
/*.ipt_chk.radio input:checked + .chk{background:none;border-color:#ddd;}*/
/*.ipt_chk.radio input:checked + .chk::after{content:'';position:absolute;top:50%;left:6px;width:8px;height:8px;margin-top:-4px;background-color:#ff6700;border-radius:8px;}*/
.ipt_tab{position:relative;cursor:pointer;}
.ipt_tab span{display:inline-block;width:80px;height:40px;border:1px solid #ddd;font-size:14px;font-weight:400;color:#999;text-align:center;line-height:38px;;}
.ipt_tab input:checked + span{background-color:#333;border-color:#333;color:#fff;font-weight:500;}


/* daterangepicker */
.datepicker_wrap{position:relative;}
.sel_layPop{position: fixed; top: 0;bottom: 0;left: 0;right: 0;display:none;background-color:#fff;z-index:998;}
.sel_layPop.active{display:block;}
.daterangepicker.opensright:before,
.daterangepicker.opensright:after{display:none;}
.date-picker-wrapper{padding:0 !important;border:0;box-shadow:none;-webkit-box-shadow:none;}
.date-picker-wrapper .footer,
.date-picker-wrapper .gap{display:none;}
.date-picker-wrapper .month-wrapper{position:relative;width:100% !important;padding: 0 15px;border:none;}
/* .date-picker-wrapper .month-wrapper::after{content:'';position:absolute;bottom:35px;left:50%;width:1px;height:calc(100% - 132px);margin-left:-1px;background:#ddd;} */
.date-picker-wrapper .month-wrapper table{width:100%;}
.date-picker-wrapper .month-wrapper table.month1{}
.date-picker-wrapper .month-wrapper table.month2{}
.date-picker-wrapper .month-wrapper table td, 
.date-picker-wrapper .month-wrapper table th{width:25px;height:20px;font-size:14px;font-weight:500;color:#666;}
.date-picker-wrapper .month-wrapper table th:first-child{color:#ff3300;}
.date-picker-wrapper .month-wrapper table th:last-child{color:#2c5ade;}
.date-picker-wrapper .month-name{height:50px !important;font-size:17px !important;font-weight:500;color:#262626 !important;}
.date-picker-wrapper .month-wrapper table .day{height:25px;margin: 7px auto;padding:0;font-size:14px;line-height:25px;}
.date-picker-wrapper .month-wrapper table .day span{display:block;width:100%;height:100%;}
.date-picker-wrapper .month-wrapper table .day.real-today{background-color:transparent;}
.date-picker-wrapper .month-wrapper table .day.real-today.checked, 
.date-picker-wrapper .month-wrapper table .day.real-today.hovering{background:none}
.date-picker-wrapper:not(.single-date) .first-date-selected, 
.date-picker-wrapper:not(.single-date) .last-date-selected,
.date-picker-wrapper:not(.single-date) .hovering-last{background-color:transparent !important;}
.date-picker-wrapper:not(.single-date) .first-date-selected span,
.date-picker-wrapper:not(.single-date) .last-date-selected span,
.date-picker-wrapper:not(.single-date) .hovering-last span{width:auto;margin-left:5px;padding-right:5px;border-radius:40px 0 0 40px !important;background-color:#ff6700;border-radius:40px;color:#fff !important;}
.date-picker-wrapper:not(.single-date) .first-date-selected span{width:auto;margin-right:-1px;}
.date-picker-wrapper:not(.single-date) .last-date-selected span,
.date-picker-wrapper:not(.single-date) .hovering-last span{margin-left:0;margin-right:5px;padding-right:0;padding-left:5px;border-radius:0 40px 40px 0 !important;}
.date-picker-wrapper:not(.single-date) .first-date-selected.last-date-selected span{border-radius:40px !important;padding:0 !important;}
.date-picker-wrapper .month-wrapper table .first-date-selected{border-radius:40px 0 0 40px;}
.date-picker-wrapper .month-wrapper table .last-date-selected,
.date-picker-wrapper .month-wrapper table .hovering-last{border-radius:0 40px 40px 0;color:inherit !important;}
.date-picker-wrapper .month-wrapper table .day.toMonth.hovering,
.date-picker-wrapper .month-wrapper table .day.checked{background-color:#ff6700;color:#fff !important;}
.date-picker-wrapper .month-wrapper table .day.toMonth.valid,
.date-picker-wrapper .month-wrapper table .day.toMonth.addDay{color:#666;}
.date-picker-wrapper .month-wrapper table td:first-child .day.toMonth.valid,
.date-picker-wrapper .month-wrapper table td:first-child .day.toMonth.addDay{color:#ff3300;}
.date-picker-wrapper .month-wrapper table td:last-child .day.toMonth.valid,
.date-picker-wrapper .month-wrapper table td:last-child .day.toMonth.addDay{color:#2c5ade;}
.date-picker-wrapper table .caption .next, 
.date-picker-wrapper table .caption .prev{display:inline-block;height:27px;margin-top:1px;}
.date-picker-wrapper table .caption .next:hover, 
.date-picker-wrapper table .caption .prev:hover{background:none !important}
.date-picker-wrapper table .caption .next.disable, 
.date-picker-wrapper table .caption .prev.disable{opacity:.3;}
.date-picker-wrapper.single-month .month-wrapper{width: 100% !important;}
.date-picker-wrapper.single-month .month-wrapper::after{content:none;}
.date-picker-wrapper.single-date .first-date-selected{background:#ff6700 !important;}
.date-picker-wrapper.single-date .month-wrapper table .day{width:25px !important;border-radius:60px;}

/* date-picker 변형*/
.sel_layPop .tit_box{text-align: center;}
.sel_layPop .tit_box p{padding: 30px 0 10px; font-size: 21px; font-weight: 500;}
.sel_layPop .btn_wrap .btn_or{width: 100%; height: 55px; line-height: 55px; border-radius: 0;}
.date-picker-wrapper{width: 100% !important;}
.date-picker-wrapper table .caption .prev,
.date-picker-wrapper table .caption .next{height: auto;}
.date-picker-wrapper table .caption .prev img{width: 6px; height: 10px;}
.date-picker-wrapper table .caption .next img{width: 6px; height: 10px;}


/* modal */
.modal_header_alarm .modal_wrap .modal_inner{border-radius: 10px; line-height: 1.5em;}
.modal_header_alarm .modal_wrap .modal_inner .content_box .txt_box{margin-top: 20px; padding: 18px 21px; background-color: #f8f8f8;}
.modal_header_alarm .modal_wrap .modal_inner .content_box .txt_box .link{position: relative; display: inline-block; width: 130px; padding: 0 0 5px 3px; margin-top: 15px; border-bottom: 1px solid #a9a9a9; font-size: 15px; text-align: left;}
.modal_header_alarm .modal_wrap .modal_inner .content_box .txt_box .link::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_header_alarm .modal_wrap .modal_inner .btn_wrap{display: flex;}
.modal_header_alarm .modal_wrap .modal_inner .btn_wrap .btn{width: 50%; border-radius: 0;}
.modal_header_alarm .modal_wrap .modal_inner .btn_wrap .btn_gr{border: 0; border-bottom-left-radius: 10px; background-color: #f0f0f0;}
.modal_header_alarm .modal_wrap .modal_inner .btn_wrap .btn_or{border-bottom-right-radius: 10px;}
.modal_login .modal_wrap .modal_inner{border-radius: 10px; line-height: 1.5em;}
.modal_login .modal_wrap .modal_inner .content_box .txt_box{margin-top: 20px; padding: 18px 21px; background-color: #f8f8f8;}
.modal_login .modal_wrap .modal_inner .content_box .txt_box .link{position: relative; display: inline-block; width: 130px; padding: 0 0 5px 3px; margin-top: 15px; border-bottom: 1px solid #a9a9a9; font-size: 15px; text-align: left;}
.modal_login .modal_wrap .modal_inner .content_box .txt_box .link::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_login .modal_wrap .modal_inner .btn_wrap{display: flex;}
.modal_login .modal_wrap .modal_inner .btn_wrap .btn{width: 50%; border-radius: 0;}
.modal_login .modal_wrap .modal_inner .btn_wrap .btn_gr{border: 0; border-bottom-left-radius: 10px; background-color: #f0f0f0;}
.modal_login .modal_wrap .modal_inner .btn_wrap .btn_or{border-bottom-right-radius: 10px;}
.modal_app_end .modal_wrap .modal_inner{border-radius: 10px; line-height: 1.5em;}
.modal_app_end .modal_wrap .modal_inner .btn_wrap{display: flex;}
.modal_app_end .modal_wrap .modal_inner .btn_wrap .btn{width: 50%; border-radius: 0;}
.modal_app_end .modal_wrap .modal_inner .btn_wrap .btn_gr{border: 0; border-bottom-left-radius: 10px; background-color: #f0f0f0;}
.modal_app_end .modal_wrap .modal_inner .btn_wrap .btn_or{border-bottom-right-radius: 10px;}
.modal_logout .modal_wrap .modal_inner{border-radius: 10px; line-height: 1.5em;}
.modal_logout .modal_wrap .modal_inner .txt{color: #333;}
.modal_logout .modal_wrap .modal_inner .btn_wrap{display: flex;}
.modal_logout .modal_wrap .modal_inner .btn_wrap .btn{width: 50%; border-radius: 0;}
.modal_logout .modal_wrap .modal_inner .btn_wrap .btn_gr{border: 0; border-bottom-left-radius: 10px; background-color: #f0f0f0;}
.modal_logout .modal_wrap .modal_inner .btn_wrap .btn_or{border-bottom-right-radius: 10px;}
.modal_member_delete_confirm .modal_wrap .modal_inner{border-radius: 10px; line-height: 1.5em;}
.modal_member_delete_confirm .modal_wrap .modal_inner .content_box .txt_box{margin-top: 20px; padding: 18px 21px; background-color: #f8f8f8;}
.modal_member_delete_confirm .modal_wrap .modal_inner .content_box .txt_box .link{position: relative; display: inline-block; width: 130px; padding: 0 0 5px 3px; margin-top: 15px; border-bottom: 1px solid #a9a9a9; font-size: 15px; text-align: left;}
.modal_member_delete_confirm .modal_wrap .modal_inner .content_box .txt_box .link::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_member_delete_confirm .modal_wrap .modal_inner .btn_wrap{display: flex;}
.modal_member_delete_confirm .modal_wrap .modal_inner .btn_wrap .btn{width: 50%; border-radius: 0;}
.modal_member_delete_confirm .modal_wrap .modal_inner .btn_wrap .btn_gr{border: 0; border-bottom-left-radius: 10px; background-color: #f0f0f0;}
.modal_member_delete_confirm .modal_wrap .modal_inner .btn_wrap .btn_or{border-bottom-right-radius: 10px;}


.modal_loginform .modal_wrap .modal_inner{border-radius: 10px; line-height: 1.5em;}
.modal_loginform .modal_wrap .modal_inner .login_form .ipt_wrap{padding-top:10px;}

.modal_member_delete_confirm .modal_wrap .modal_inner{border-radius: 10px; line-height: 1.5em;}
.modal_member_delete_confirm .modal_wrap .modal_inner .login_form .ipt_wrap{padding-top:10px;}
.modal_member_add_confirm .modal_wrap .modal_inner{border-radius: 10px; line-height: 1.5em;}
.modal_member_add_confirm .modal_wrap .modal_inner .login_form .ipt_wrap{padding-top:10px;}

.modal_loginform .modal_wrap .modal_inner .btn_wrap{display: flex;}
.modal_loginform .modal_wrap .modal_inner .btn_wrap .btn{width: 50%; border-radius: 0;}
.modal_loginform .modal_wrap .modal_inner .btn_wrap .btn_gr{border: 0;border-bottom-right-radius: 10px; background-color: #f0f0f0;}
.modal_loginform .modal_wrap .modal_inner .btn_wrap .btn_or{ border-bottom-left-radius: 10px;}


.modal_member_delete_confirm .modal_wrap .modal_inner .btn_wrap{display: flex;}
.modal_member_delete_confirm .modal_wrap .modal_inner .btn_wrap .btn{width: 50%; border-radius: 0;}
.modal_member_delete_confirm .modal_wrap .modal_inner .btn_wrap .btn_gr{border: 0;border-bottom-right-radius: 10px; background-color: #f0f0f0;}
.modal_member_delete_confirm .modal_wrap .modal_inner .btn_wrap .btn_or{ border-bottom-left-radius: 10px;}


.modal_member_add_confirm .modal_wrap .modal_inner .btn_wrap{display: flex;}
.modal_member_add_confirm .modal_wrap .modal_inner .btn_wrap .btn{width: 50%; border-radius: 0;}
.modal_member_add_confirm .modal_wrap .modal_inner .btn_wrap .btn_gr{border: 0;border-bottom-right-radius: 10px; background-color: #f0f0f0;}
.modal_member_add_confirm .modal_wrap .modal_inner .btn_wrap .btn_or{ border-bottom-left-radius: 10px;}



.modal_member_add_confirm .modal_wrap .modal_inner{border-radius: 10px; line-height: 1.5em;}
.modal_member_add_confirm .modal_wrap .modal_inner .login_form .ipt_wrap{padding-top:10px;}

.modal_member_add_confirm .modal_wrap .modal_inner .btn_wrap{display: flex;}
.modal_member_add_confirm .modal_wrap .modal_inner .btn_wrap .btn{width: 50%; border-radius: 0;}
.modal_member_add_confirm .modal_wrap .modal_inner .btn_wrap .btn_gr{border: 0;border-bottom-right-radius: 10px; background-color: #f0f0f0;}
.modal_member_add_confirm .modal_wrap .modal_inner .btn_wrap .btn_or{ border-bottom-left-radius: 10px;}

.modal_casting_step .modal_wrap .modal_inner{width: 100%; height: 100%; padding: 0 15px 55px;overflow-y:auto;}
.modal_casting_step .title_box{padding: 30px 0 35px; text-align: center;}
.modal_casting_step .title_box h4{font-size: 21px; font-weight: 500;}
.modal_casting_step .title_box p{margin-top: 35px; font-size: 15px; color: #666;}
.modal_casting_step .progress_total_bar{position: relative; width: 100%; height: 4px; margin-bottom: 40px; border-radius: 2px; background-color: #f0f0f0;}
.modal_casting_step .progress_total_bar::after{content: ''; position: absolute; top: 0; left: 0; height: 4px; border-radius: 2px; background-color: #ff6700;}
.modal_casting_step .progress_total_bar .progress_bar{position: absolute; top: calc(50% - 17px); left: 9%; 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_casting_step .content_wrap{position: relative; max-height: calc(100% - 280px);}
.modal_casting_step .content_wrap .tit{margin-bottom: 20px; font-size: 15px;}
.modal_casting_step .content_wrap input{width: 100%; height: 30px; border-bottom: 1px solid #ddd;}
.modal_casting_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_casting_step .content_wrap .select_wrap{display: flex; flex-wrap: wrap;}
.modal_casting_step .content_wrap .select_wrap .btn{width: calc(50% - 5px); font-size: 14px;}
.modal_casting_step .content_wrap .select_wrap .btn.on{border: none; background-color: #ff6700; color: #fff;}
.modal_casting_step .btn_wrap{position: fixed; bottom: 0; left: 0; display: flex; width: 100%;z-index:100}
.modal_casting_step .btn_wrap .btn_preview,
.modal_casting_step .btn_wrap .btn_prev{width: 50%; height: 55px; background-color: #f0f0f0; font-size: 15px; font-weight: 500; color: #333; line-height: 55px; text-align: center;}
.modal_casting_step .btn_wrap .btn_next{width: 50%; height: 55px; background-color: #5d5e65; font-size: 15px; font-weight: 500; color: #fff; line-height: 55px; text-align: center;}

.modal_casting_step.event_name .progress_total_bar::after{width: 10%;}
.modal_casting_step.event_name .content_wrap .chk_box{position: absolute; top: 0; right: 0;}
.modal_casting_step.event_name .content_wrap .ipt_event{margin-bottom: 24px;}
.modal_casting_step.event_name .content_wrap .event_info{display: none; height: 300px; padding: 18px 12px; margin-top: 13px; background-color: #f8f8f8; overflow-y: auto;}
.modal_casting_step.event_name .content_wrap .event_info.on{display: block;}
.modal_casting_step.event_name .content_wrap .event_info label{display: block;}
.modal_casting_step.event_name .content_wrap .event_info label span{height: auto; margin-bottom: 15px; background-position: 0 3px;}
.modal_casting_step.event_name .content_wrap .event_info label:last-of-type span{margin-bottom: 0;}
.modal_casting_step.event_name .btn_wrap .btn_next{width: 100%;}

.modal_casting_step.event_status .progress_total_bar::after{width: 10%;}
.modal_casting_step.event_status .progress_total_bar .progress_bar{left: calc(10% - 17px);}
.modal_casting_step.event_status .content_wrap .select_wrap .btn:first-of-type{margin-right: 10px;}

.modal_casting_step.event_field .progress_total_bar::after{width: 20%;}
.modal_casting_step.event_field .progress_total_bar .progress_bar{left: calc(20% - 17px);}
.modal_casting_step.event_field .content_wrap .select_wrap .btn{margin-bottom: 10px;}
.modal_casting_step.event_field .content_wrap .select_wrap .btn:nth-of-type(2n){margin-left: 10px;}
.modal_casting_step.event_field .content_wrap .select_wrap .desc{width:100%;padding-left:10px;margin: 30px 0 10px;text-indent:-10px;line-height:1.4}
.modal_casting_step.event_field .content_wrap .select_wrap .desc span{color:#ff6700}

.modal_casting_step.event_genre .progress_total_bar::after{width: 30%;}
.modal_casting_step.event_genre .progress_total_bar .progress_bar{left: calc(30% - 17px);}
.modal_casting_step.event_genre .content_wrap{height: calc(100% - 240px); overflow-y: auto;}
.modal_casting_step.event_genre .content_wrap .select_wrap .btn{margin-bottom: 10px;}
.modal_casting_step.event_genre .content_wrap .select_wrap .btn:nth-of-type(2n){margin-left: 10px;}
.modal_casting_step.event_genre .content_wrap .select_three{display: flex; flex-wrap: wrap;}
.modal_casting_step.event_genre .content_wrap .select_three .btn{width: calc(50% - 5px); margin-bottom: 10px;}
.modal_casting_step.event_genre .content_wrap .select_three .btn.on{border: 0; background-color: #ff6700; color: #fff;}
.modal_casting_step.event_genre .content_wrap .select_three .btn:nth-of-type(2n){margin-left: 10px;}
.modal_casting_step.event_genre .chk_box{display: none; margin-bottom: 10px;}
.modal_casting_step.event_genre .chk_box.on{display: block;}
.modal_casting_step.event_genre .chk_box .ipt_chk{display: inline-block; width: 100%; font-size: 17px; font-weight: 500; color: #333;}
.modal_casting_step.event_genre .chk_box .ipt_chk .chk{width: 13px; height: 13px; padding: 0; margin-top: -7px; border: 0; background: url(../../images/ui/circle_chk_gr.png)no-repeat 50% 50%/ 13px auto}
.modal_casting_step.event_genre .chk_box .ipt_chk input:checked + .chk{border: 0; background: url(../../images/ui/circle_chk.png)no-repeat 50% 50% / 13px auto}
.modal_casting_step.event_genre .genre_wrap .select_wrap{display: none;}
.modal_casting_step.event_genre .detail_wrap{display: none; margin-top: 20px;}
.modal_casting_step.event_genre .genre_wrap .select_wrap.on{display: flex;}
.modal_casting_step.event_genre .detail_wrap.on{display: block;}
.modal_casting_step.event_genre .detail_wrap .ipt_txt{display: block; margin: 7px 0 15px 0; font-size: 13px; color: #ff6700;}
.modal_casting_step.event_genre .detail_wrap .tit{margin: 0;}
.modal_casting_step.event_genre .recommend_box{margin: 30px 0 80px;}



.modal_casting_step.event_customer_importance .progress_total_bar::after{width: 35%;}
.modal_casting_step.event_customer_importance .progress_total_bar .progress_bar{left: calc(35% - 17px);}
.modal_casting_step.event_customer_importance .content_wrap{height: calc(100% - 240px); overflow-y: auto;}
.modal_casting_step.event_customer_importance .content_wrap .select_wrap .btn{margin-bottom: 10px;}
.modal_casting_step.event_customer_importance .content_wrap .select_wrap .btn:nth-of-type(2n){margin-left: 10px;}
.modal_casting_step.event_customer_importance .content_wrap .select_three{display: flex; flex-wrap: wrap;}
.modal_casting_step.event_customer_importance .content_wrap .select_three .btn{width: calc(50% - 5px); margin-bottom: 10px;}
.modal_casting_step.event_customer_importance .content_wrap .select_three .btn.on{border: 0; background-color: #ff6700; color: #fff;}
.modal_casting_step.event_customer_importance .content_wrap .select_three .btn:nth-of-type(2n){margin-left: 10px;}
.modal_casting_step.event_customer_importance .chk_box{display: none; margin-bottom: 10px;}
.modal_casting_step.event_customer_importance .chk_box.on{display: block;}
.modal_casting_step.event_customer_importance .chk_box .ipt_chk{display: inline-block; width: 100%; font-size: 17px; font-weight: 500; color: #333;}
.modal_casting_step.event_customer_importance .chk_box .ipt_chk .chk{width: 13px; height: 13px; padding: 0; margin-top: -7px; border: 0; background: url(../../images/ui/circle_chk_gr.png)no-repeat 50% 50%/ 13px auto}
.modal_casting_step.event_customer_importance .chk_box .ipt_chk input:checked + .chk{border: 0; background: url(../../images/ui/circle_chk.png)no-repeat 50% 50% / 13px auto}
.modal_casting_step.event_customer_importance .select_wrap#customer_importance_section2 input[type="text"]{border-bottom: 1px solid #ddd;margin-top: 5px;padding-left: 10px;}

.modal_casting_step.event_date .progress_total_bar::after{width: 40%;}
.modal_casting_step.event_date .progress_total_bar .progress_bar{left: calc(40% - 17px);}
.modal_casting_step.event_date .content_wrap .tit{margin-bottom: 10px;}
.modal_casting_step.event_date .content_wrap .txt{font-size: 13px; color: #ff6700;}
.modal_casting_step.event_date .content_wrap .datepicker_wrap1{position: relative; margin: 24px 0 30px; opacity: 1;}
.modal_casting_step.event_date .content_wrap .datepicker_wrap1::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_casting_step.event_date .content_wrap .select{width: 100%;}
.modal_casting_step.event_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_casting_step.event_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_casting_step.event_date .content_wrap .select.active .btn_sel::after{transform: none;}
.modal_casting_step.event_date .content_wrap .select .sel_li{top: 100%; height: 242px;}
.modal_casting_step.event_date .content_wrap .select .sel_li .sel{height: 40px; line-height: 40px;}

.modal_casting_step.setting_date .progress_total_bar::after{width: 50%;}
.modal_casting_step.setting_date .progress_total_bar .progress_bar{left: calc(50% - 17px);}
.modal_casting_step.setting_date .content_wrap .datepicker_wrap3{position: relative; margin: 24px 0 30px; opacity: 1;}
.modal_casting_step.setting_date .content_wrap .datepicker_wrap3::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_casting_step.setting_date .content_wrap .select{width: 100%;}
.modal_casting_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_casting_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_casting_step.setting_date .content_wrap .select.active .btn_sel::after{transform: none;}
.modal_casting_step.setting_date .content_wrap .select .sel_li{top: 100%; height: 242px;}
.modal_casting_step.setting_date .content_wrap .select .sel_li .sel{height: 40px; line-height: 40px;}

.modal_casting_step.event_running .progress_total_bar::after{width: 50%;}
.modal_casting_step.event_running .progress_total_bar .progress_bar{left: calc(50% - 17px);}
.modal_casting_step.event_running .content_wrap .select_wrap .btn{margin-bottom: 10px;}
.modal_casting_step.event_running .content_wrap .select_wrap .btn:nth-of-type(2n){margin-left: 10px;}

.modal_casting_step.event_area .progress_total_bar::after{width: 60%;}
.modal_casting_step.event_area .progress_total_bar .progress_bar{left: calc(60% - 17px);}
.modal_casting_step.event_area .content_wrap{height: calc(100% - 245px); overflow-y: auto;}
.modal_casting_step.event_area .content_wrap>div{margin-bottom: 30px;}
.modal_casting_step.event_area .content_wrap .select_wrap .btn{width: calc(33% - 7px); margin: 0 10px 10px 0;}
.modal_casting_step.event_area .content_wrap .select_wrap .btn:nth-of-type(3n){margin-right: 0;}
.modal_casting_step.event_area .content_wrap .second_addr .select_wrap .btn{width: calc(50% - 5px); margin: 0 10px 10px 0;}
.modal_casting_step.event_area .content_wrap .second_addr .select_wrap .btn:nth-of-type(2n){margin-right: 0;}
.modal_casting_step.event_area .content_wrap .second_addr,
.modal_casting_step.event_area .content_wrap .detail_addr{display: none;}
.modal_casting_step.event_area .content_wrap .second_addr.on,
.modal_casting_step.event_area .content_wrap .detail_addr.on{display: block;}

.modal_casting_step.event_place .progress_total_bar::after{width: 70%;}
.modal_casting_step.event_place .progress_total_bar .progress_bar{left: calc(70% - 17px);}
.modal_casting_step.event_place .content_wrap .select_wrap .btn{width: calc(33% - 7px); margin: 0 10px 10px 0;}
.modal_casting_step.event_place .content_wrap .select_wrap .btn:nth-of-type(3n){margin-right: 0;}

.modal_casting_step.system .progress_total_bar::after{width: 75%;}
.modal_casting_step.system .progress_total_bar .progress_bar{left: calc(75% - 17px);}
.modal_casting_step.system .content_wrap .select_wrap .btn{width: calc(33% - 7px); margin: 0 10px 10px 0;}
.modal_casting_step.system .content_wrap .select_wrap .btn:nth-of-type(3n){margin-right: 0;}

.modal_casting_step.sound_system .progress_total_bar::after{width: 80%;}
.modal_casting_step.sound_system .progress_total_bar .progress_bar{left: calc(80% - 17px);}
.modal_casting_step.sound_system .content_wrap .select_wrap .btn{width: calc(33% - 7px); margin: 0 10px 10px 0;}
.modal_casting_step.sound_system .content_wrap .select_wrap .btn:nth-of-type(3n){margin-right: 0;}

.modal_casting_step.gender .progress_total_bar::after{width: 85%;}
.modal_casting_step.gender .progress_total_bar .progress_bar{left: calc(85% - 17px);}
.modal_casting_step.gender .content_wrap .select_wrap .btn{margin-bottom: 10px;}
.modal_casting_step.gender .content_wrap .select_wrap .btn:nth-of-type(2n){margin-left: 10px;}

.modal_casting_step.event_request .progress_total_bar::after{width: 90%;}
.modal_casting_step.event_request .progress_total_bar .progress_bar{left: calc(90% - 17px);}
.modal_casting_step.event_request .title_box p{margin-top: 10px;}
.modal_casting_step.event_request .title_box{padding: 40px 0 20px;}
.modal_casting_step.event_request .content_wrap textarea{width: 100%; min-height: 80px; height: auto; padding: 0 10px 10px; border-bottom: 1px solid #ddd; font-size: 15px;}

.modal_casting_step.preview .content_wrap{height: calc(100% - 145px); overflow-y: auto; }
.modal_casting_step.preview .preview_box{padding: 18px 18px 30px 18px; margin-bottom: 30px; background-color: #f8f8f8; }
.modal_casting_step.preview .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_casting_step.preview .preview_box dl{display: flex; margin-top: 20px; font-size: 14px;}
.modal_casting_step.preview .preview_box dt{width: 80px; color: #666;}
.modal_casting_step.preview .preview_box dt i{margin-right: 5px;}
.modal_casting_step.preview .preview_box .cont_bot{padding-top: 20px; margin-top: 20px; border-top: 1px dashed #ddd; line-height: 1.5em;}
.modal_casting_step.preview .preview_box .cont_bot dd{width: calc(100% - 80px);}
.modal_casting_step.preview .preview_box .cont_bot dd span{position: relative; padding-left: 10px; display: block; color: #333;}
.modal_casting_step.preview .preview_box .cont_bot dd span::before{content: '·'; position: absolute; top: 0; left: 0;}
.modal_casting_step.preview .btn_wrap .btn_next{background-color: #ff6700;}

.modal_casting_step.preview.concert_wrap .electricity_row{display: none;}
.modal_casting_step.preview.concert_wrap .setting_row{display: none;}
.modal_casting_step.preview.system_wrap .running_row{display: none;}
.modal_casting_step.preview.system_wrap .sound_row{display: none;}
.modal_casting_step.preview.system_wrap .gender_row{display: none;}
.modal_casting_step.preview.rent_wrap .running_row{display: none;}
.modal_casting_step.preview.rent_wrap .sound_row{display: none;}
.modal_casting_step.preview.rent_wrap .gender_row{display: none;}
.modal_casting_step.preview.rent_wrap .electricity_row{display: none;}
.modal_casting_step.preview.production_wrap .running_row{display: none;}
.modal_casting_step.preview.production_wrap .setting_row{display: none;}
.modal_casting_step.preview.production_wrap .sound_row{display: none;}
.modal_casting_step.preview.production_wrap .gender_row{display: none;}
.modal_casting_step.preview.production_wrap .electricity_row{display: none;}
.modal_casting_step.preview.manpower_wrap .running_row{display: none;}
.modal_casting_step.preview.manpower_wrap .setting_row{display: none;}
.modal_casting_step.preview.manpower_wrap .sound_row{display: none;}
.modal_casting_step.preview.manpower_wrap .electricity_row{display: none;}

.modal_casting_step.comp .progress_total_bar .progress_bar{left: unset; right: 0;}
.modal_casting_step.comp .content_wrap{text-align: center;}
.modal_casting_step.comp .content_wrap .tit{margin-bottom: 24px; font-size: 18px; font-weight: 500; line-height: 1.5em;}
.modal_casting_step.comp .content_wrap .txt{display: block; padding: 0 30px;}
.modal_casting_step.comp .btn_wrap .btn_ok{width: 100%; background-color: #ff6700;}
.modal_casting_step.comp .premiumAd .title{margin-bottom:10px;}
.modal_casting_step.comp .premiumAd .swiper-container{padding-bottom:30px;}
.modal_casting_step.comp .premiumAd .swiper-slide{display:grid;width:100%;grid-gap:10px;grid-template-columns: repeat(2, 1fr);}
.modal_casting_step.comp .premiumAd .swiper-slide .prli{display:block}

.modal_casting .modal_wrap .modal_inner{border-radius: 10px;}
.modal_casting .modal_wrap .modal_inner .txt{color: #333; line-height: 1.5em;}
.modal_casting .modal_wrap .modal_inner .btn_wrap{display: flex;}
.modal_casting .modal_wrap .modal_inner .btn_wrap .btn{width: 50%; border: 0; border-radius: 0;}
.modal_casting .modal_wrap .modal_inner .btn_wrap .btn_gr{background-color: #f0f0f0; border-bottom-left-radius: 10px;}
.modal_casting .modal_wrap .modal_inner .btn_wrap .btn_or{border-bottom-right-radius: 10px;}

.modal_access_push .modal_wrap .modal_inner{border-radius: 10px; line-height: 1.5em;}
.modal_access_push .modal_wrap .modal_inner .btn_wrap{display: flex;}
.modal_access_push .modal_wrap .modal_inner .btn_wrap .btn{width: 50%; border-radius: 0;}
.modal_access_push .modal_wrap .modal_inner .btn_wrap .btn_gr{border: 0; border-bottom-left-radius: 10px; background-color: #f0f0f0;}
.modal_access_push .modal_wrap .modal_inner .btn_wrap .btn_or{border-bottom-right-radius: 10px;}

.modal_access_push_true .modal_wrap .modal_inner{border-radius: 10px; line-height: 1.5em;}
.modal_access_push_true .modal_wrap .modal_inner .btn_wrap{display: flex;}
.modal_access_push_true .modal_wrap .modal_inner .btn_wrap .btn{width: 100%; border-radius: 0;}
.modal_access_push_true .modal_wrap .modal_inner .btn_wrap .btn_or{border-bottom-right-radius: 10px;}

.modal.auto_login .modal_wrap .modal_inner{border-radius: 10px; line-height: 1.5em;}
.modal.auto_login .modal_wrap .modal_inner .btn_wrap{display: flex;}
.modal.auto_login .modal_wrap .modal_inner .btn_wrap .btn{width: 100%; border-radius: 0;}
.modal.auto_login .modal_wrap .modal_inner .btn_wrap .btn_or{border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}

/* slide_tab*/
.slide_tab_wrap{width: 100%; margin-bottom: 18px; overflow-y: auto;}
.slide_tab_wrap::-webkit-scrollbar{display: none; background-color: none;}
.slide_tab_wrap ul{display: flex; white-space: nowrap;}
.slide_tab_wrap ul .all_tab_btn{display: block; padding-bottom: 3px; margin: 0 10px; font-size: 17px; font-weight: 500; color: #999;}
.slide_tab_wrap ul .all_tab_btn.on{border-bottom: 1px solid #ff6700; color: #ff6700;}
.slide_tab_wrap ul .tab_btn{display: block; padding-bottom: 3px; margin: 0 10px; font-size: 17px; font-weight: 500; color: #999;}
.slide_tab_wrap ul .tab_btn.on{border-bottom: 1px solid #ff6700; color: #ff6700;}
.slide_tab_wrap ul li:first-of-type .tab_btn{margin-left: 15px;}

/* non_list */
.non_list{padding: 55px 0; border-bottom: 0; text-align: center;}
.non_list img{display: block; width: 50px; height: 50px; margin: 0 auto 15px;}
.non_list span{padding-bottom: 200px; font-size: 14px; color: #666; line-height: 1.5em;}

@media (min-width: 460px){
  .btn{height: 53px; font-size: 17px; line-height: 53px;}
}