body{max-width:640px; min-height: 100dvh; margin: 0 auto; background-color: #fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);}
.btn-head{font-size:14px;}
.dp_none{display:none !important;}
.pc_none{display:none;}
.mo_none{display: inline-block;}
.href, .href_closest{cursor: pointer;}
.text_align_left{text-align: left;}
p{margin-bottom:0;}
.main_title{font-size: 27px; font-weight: 600; margin-bottom: 10px;}
.pb_none{padding-bottom: 0 !important;}
.lock_scroll{overflow-y: hidden;}

:root{
	--page_bac : #fff;
	--page_boc : #ededed;
	--page_boc2 : #cfcfcf;
	--page_c : #121212;
	--page_bac_h : #f7f7f7;
	--page_boc_h : #121212;
	--page_shadow : 0 0 7px 0 rgba(0,0,0,.1);
	--auth_wrap : 768px;
	--page_padding : 40px;
	--personal_color : #3859ff;
	--backup_color : #01d860;
	--head_alert_width : 320px;
	--top_nav_px : 46px;
	--side_nav_px : 0px;
	--map_side_px : 320px;
	--nav_area_bc : #fff;
	--nav_area_c : #121212;
	--nav_area_hc : #f0626c;
	--nav_border_c : #ededed;
	--map_btn_px : 50px;
}

.mb05{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb60{margin-bottom:60px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt60{margin-top:60px;}

.custom_scroll{overflow-y: auto;}
.custom_scroll::-webkit-scrollbar{width: 14px;}
.custom_scroll::-webkit-scrollbar-thumb{background-color: var(--personal_color); background-clip: padding-box; border: 4px solid transparent; }
.custom_scroll::-webkit-scrollbar-track{background-color: transparent;}
input:read-only{background-color: var(--page_bac_h) !important;}
.input_row .input_item{border:1px solid var(--page_boc2); display:flex; flex-direction:column; flex-wrap:wrap; overflow:hidden; height:100%; position:relative; border-radius: 8px;}
.input_row .input_item:focus-within{border:1px solid var(--personal_color);}
.input_row .input_item label{font-size:12px; color:#898989; padding: 10px 15px 0px 15px; display:flex;}
.input_row .input_item:focus-within label{color:var(--personal_color);}
.input_row .input_item input{font-size:16px; padding: 8px 15px 8px 15px; transition: padding .2s;}
.input_row .input_item input:focus{padding:10px 15px 10px 20px;}
.input_row .input_item input::placeholder{font-size:14px; color:#cfcfcf; font-weight:300; letter-spacing: -0.04em;}
.input_row .input_item input:-webkit-autofill, .input_row .input_item input:-webkit-autofill:hover, .input_row .input_item input:-webkit-autofill:focus, .input_row .input_item input:-webkit-autofill:active{ -webkit-box-shadow: 0 0 0 30px var(--page_bac) inset !important;}
.input_row .input_item.readonly input:-webkit-autofill, .input_row .input_item.readonly input:-webkit-autofill:hover, .input_row .input_item.readonly input:-webkit-autofill:focus, .input_row .input_item.readonly input:-webkit-autofill:active{ -webkit-box-shadow: 0 0 0 30px var(--page_bac_h) inset !important;}
.input_row .input_item input:-webkit-autofill{-webkit-text-fill-color: var(--page_c) !important;}
.input_row .input_item input:read-only:focus{padding: 8px 15px 8px 15px;}
.input_row .input_item select{transition: padding .2s; font-size:16px; padding:8px 15px 8px 15px; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-repeat:no-repeat; background-position:calc(100% - 10px) center; background-size: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23797979'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");}
.input_row .input_item select:focus{padding:10px 15px 10px 20px;}
.input_row .input_item .input_item_btn{background-color: var(--page_boc2); color:#fff; padding:7px 0 4px; margin: 0 7px 7px 7px; font-size:12px; border-radius: 4px;}
.input_row .input_item .input_item_btn.on{background-color:var(--personal_color);}
.input_row .input_item.readonly{background-color: var(--page_bac_h) !important;}
.input_row .input_item #authTimer{position: absolute; right: 15px; top:33px; font-size:12px; color: var(--personal_color);}
.button_row{display:flex; gap:10px;}
.button_row button{flex:1; text-align:center; border:1px solid var(--page_boc2); padding:15px 0 11px; font-weight:500; font-size:16px; color:#797979; border-radius: 8px;}
.button_row button.submit{border:1px solid var(--personal_color); background-color: var(--personal_color); color:#fff;}
.button_row button.per{border:1px solid #00c47c; color:#00c47c;}
.button_row button.biz{border:1px solid #3c75f8; color:#3c75f8;}
.scroll_row .scroll_item{height:140px; overflow-y:auto; font-size:12px; border:1px solid var(--page_boc2); padding:15px;}
input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;s}
input[type="checkbox"] + label {display: inline-block; position: relative; padding: 5px 0 5px 28px; cursor: pointer; color: #797979; font-size:14px;}
input[type="checkbox"] + label:before, input[type="checkbox"]:checked + label:after{content: ""; position: absolute; top: 2px; left: 0; width: 25px; height: 25px;  background-position: center center; border-radius: 5px; background-repeat:no-repeat;}
input[type="checkbox"] + label:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23cfcfcf'%3E%3Cpath d='M4 3H20C20.5523 3 21 3.44772 21 4V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3ZM5 5V19H19V5H5ZM11.0026 16L6.75999 11.7574L8.17421 10.3431L11.0026 13.1716L16.6595 7.51472L18.0737 8.92893L11.0026 16Z'%3E%3C/path%3E%3C/svg%3E");}
input[type="checkbox"]:checked + label:before{display:none;}
input[type="checkbox"]:checked + label:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23408efd'%3E%3Cpath d='M4 3H20C20.5523 3 21 3.44772 21 4V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3ZM11.0026 16L18.0737 8.92893L16.6595 7.51472L11.0026 13.1716L8.17421 10.3431L6.75999 11.7574L11.0026 16Z'%3E%3C/path%3E%3C/svg%3E");}
input[type="checkbox"] + label span {font-weight: 400; font-size: 13px; line-height: 26px; letter-spacing: -1px; color: rgba(0, 0, 0, 0.5);}
.fa-classic, .fa-light, .fa-regular, .fa-solid, .fa-thin, .fal, .far, .fas, .fat{font-family: "Font Awesome 6 Pro" !important;}

.content{width:100%; padding-top:106px;}
.sub_page_wrap{padding:0px 30px 60px;}
.sub_search_area{display:flex; align-items:center;}

.top_nav{position:fixed; left:var(--side_nav_px); right:0; top:0; height:var(--top_nav_px); z-index:100; background-color:var(--nav_area_bc);}
.top_nav .top_nav_wrap{border-bottom:1px solid var(--nav_border_c); width:100%; height:100%; display:flex; flex-direction:row; flex-wrap:wrap;}
.side_nav{position:fixed; left:0; top:0; width:var(--side_nav_px); height:100svh; z-index:100; background-color:var(--nav_area_bc);}
.side_nav .side_nav_wrap{border-right:1px solid var(--nav_border_c); height:100%;}
.nav_logo_area{padding: 30px 30px 20px; display: block;}
.nav_logo_area .nav_logo{width:110px;}
.nav_btn_area{display:flex; width:100%;}
.nav_btn_area .nav_btn_right{display:flex; flex-direction:row; flex-wrap:wrap; align-items: center; margin-left:auto; padding-right: 30px; gap:20px;}
.nav_btn_area .nav_btn_item{position:relative;}
.nav_btn_area .nav_btn_item .nav_btn{display:flex; align-items:center; justify-content:center; font-size:12px;}
.nav_btn_area .nav_btn_item .nav_btn>i{font-size: 16px;}
.nav_list_area{position:relative;}
.nav_list_area .nav_list{display:flex; flex-direction:row; flex-wrap:wrap; padding:20px; gap:10px;}
.nav_list_area .nav_list .nav_list_item{width:100%; cursor:pointer;}
.nav_list_area .nav_list .nav_list_item .nav_list_icon{width:100%; height:100%; display:flex; align-items:center; font-size:16px; color:var(--nav_area_c); padding-left:15px; height: 46px; border-radius: 12px;}
.nav_list_area .nav_list .nav_list_item .nav_list_icon>i{margin-right: 10px;}
.nav_list_area .nav_list .nav_list_item .nav_list_menu{padding: 0px 10px 10px; border-radius: 12px; background-color: #f7f7f7; display:none; transition: all .2s; height: 0;}
.nav_list_area .nav_list .nav_list_item .nav_list_menu .nlm_list{padding: 0;}
.nav_list_area .nav_list .nav_list_item .nav_list_menu .nav_list_link{display:block; width:100%; padding: 10px 0 10px 15px; border-radius: 7px;}

.nav_list_area .nav_list .nav_list_item.sel_act{background-color: #f7f7f7; border-radius: 12px;}
.nav_list_area .nav_list .nav_list_item.sel_act .nav_list_menu{display:block; height: max-content;}
.nav_list_area .nav_list .nav_list_item.sel_act .nav_list_icon{color: var(--personal_color);}
.nav_list_area .nav_list .nav_list_item.sel_act .nav_list_icon::after{width:40%;}

.nav_list_area .nav_list .nav_list_item .nav_list_menu .nav_list_link.sel_act{background-color: var(--personal_color) !important; color:#fff !important;}

/* auth css */
.section.auth_set .main_container{background-color:#f7f7f7;}
.section.auth_set .content{width:var(--auth_wrap); margin:0 auto; display:flex; align-items:center; justify-content:center; flex:1;}
.auth_area{max-width: 480px; margin:0 auto;}
.auth_area .auth_tab_list{display:flex;}
.auth_area .auth_tab_list .auth_tab_item{flex:1; text-align:center; padding: 0 0 15px; background-color: rgba(0,0,0,0.15);}
.auth_area .auth_tab_list .auth_tab_item>button{font-size:18px; color:#fff;}
.auth_area .auth_tab_list .auth_tab_item.on{background-color: var(--page_bac);}
.auth_area .auth_tab_list .auth_tab_item.on>button{color:var(--personal_color); font-weight:500;}
.auth_area .auth_content{background-color: var(--page_bac); overflow-y:auto;}

.auth_btn_list{display:flex; gap:20px; justify-content:center;}
.auth_btn_list .auth_btn_item>button{color:#797979;}


/* footer css */
footer{margin-top:auto; background-color: var(--page_bac);}
footer .footer_wrap{margin:0 auto; padding: 20px 30px; border-top:1px solid var(--nav_border_c);}

.footer_container .btn_footer{display:flex; flex-direction:row; flex-wrap:wrap; padding:0; gap:20px; font-size:14px;}
.footer_container .btn_footer>button{width:auto; height:auto; margin:0; padding:0; line-height: 1; font-weight:500;}
.footer_container .fc_info_area .fc_info_list{display:flex; flex-direction:row; flex-wrap:wrap; gap:5px 10px; margin:15px 0; font-size:12px; max-width:600px;}
.footer_container .fc_info_area .fc_info_copy{font-size:12px;}

/* main css */
.main_keyvisiual_area{background-color: var(--page_bac);}
.main_keyvisiual_area .mka_wrap{padding: var(--page_padding); display:flex; flex-flow: row wrap;}
.main_keyvisiual_area .mka_slide_area{border: 1px solid var(--page_boc); width: 100%;}
.mka_slide_area .mka_slide_wrap .mka_slide{padding:0;}
.mka_slide_area .mka_slide_wrap .mka_slide .mka_slide_items{background-size:cover; background-repeat: no-repeat; background-position:center; position:relative; padding-bottom:36%;}
.mka_slide_area .mka_slide_wrap .mka_slide .mka_slide_items .mka_slide_items_link{position:absolute; width:100%; height:100%; padding:0px; transition: all 0.2s; display:flex; flex-direction:row; flex-wrap:wrap; background-color:#5c38f4;}
.msil_img_area{flex:1; position:relative;}
.msil_img_area .msil_img{width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center;}
.msil_img_area .msil_img_point{position:absolute; height:100%; left:0; top:0;}
.msil_txt_area{flex:1; color:#fff; padding:80px 60px 0 80px; transition: all .2s;}
.msil_txt_area::before{content:""; width:9px; height:100%; position: absolute; top:0; left:0; background-color:#ffe673;}
.msil_txt_area .msil_shop{font-size:24px; margin-bottom:30px; font-weight:bold; color:#ffe673; font-family: 'GmarketSans' !important;}
.msil_txt_area .msil_title{font-size:40px; margin-bottom:10px; font-weight:500; font-family: 'GmarketSans' !important;}
.msil_txt_area .msil_subtitle{font-size:24px; line-height:1.2; margin-bottom:30px; font-family: 'GmarketSans' !important;}
.msil_txt_area .msil_pay{font-size:20px; background-color: #ffe673; color:#121212; width: max-content; padding: 10px 20px; margin-bottom:20px; font-weight:400; border-radius:20px 0;}
.msil_txt_area .msil_pay>span{font-family: 'GmarketSans' !important;}
.msil_txt_area .msil_info .msil_info_gender{margin-bottom:10px; font-family: 'GmarketSans' !important;}

.mka_side_btn_area{width:340px; padding-left:20px; display:none;}
.mka_side_btn_area .msba_list{display:flex; flex-flow: column wrap; height:100%; gap:20px;}
.mka_side_btn_area .msba_list .msba_list_item{flex:1;}
.mka_side_btn_area .msba_list .msba_list_item .msba_list_link{display:flex; height:100%; align-items:center; gap:20px; border:1px solid #ededed; padding:20px;}
.mka_side_btn_area .msba_list .msba_list_item .msba_list_link .msba_list_icon{flex-shrink: 0; width:70px; height:70px; border-radius:50%; background-color:#f7f7f7; display:flex; align-items:center; justify-content:center; font-size:26px;}
.mka_side_btn_area .msba_list .msba_list_item .msba_list_link .msba_list_text{width:100%; flex-grow: 1;}
.mka_side_btn_area .msba_list .msba_list_item .msba_list_link .msba_list_text>h3{font-size:14px; margin-bottom:5px;}
.mka_side_btn_area .msba_list .msba_list_item .msba_list_link .msba_list_text>span{font-size:12px;}

.mka_slide .swiper-button-next.swiper-button-disabled, .mka_slide .swiper-button-prev.swiper-button-disabled{opacity:.5;}
.mka_slide .swiper-button-next, .mka_slide .swiper-button-prev{background-color:#fff; width:50px; height:50px; border-radius:0; top:auto; margin:0; bottom:0;}
.mka_slide .swiper-button-next{right:0px;}
.mka_slide .swiper-button-prev{left:auto; right:50px;}
.mka_slide .swiper-button-next:after, .mka_slide .swiper-button-prev:after{font-size:17px; color:#121212;}

.mka_slide .swiper-pagination{width: fit-content; left:auto; right: 120px; bottom:20px; display:flex; flex-flow:row wrap; display:none;}
.mka_slide .swiper-pagination-bullet{border-radius:0; width:10px; height:10px; transition: all .2s;}
.mka_slide .swiper-pagination-bullet-active{background-color:#fff; width:15px;}
.mka_slide .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0;}

.sub_list{display:flex; flex-flow:row wrap; gap: 20px; justify-content:flex-start;}
.sub_list .sub_list_item{width:calc(20% - 16px);}
.sub_list .sub_list_item .sli_link{width:100%; height:100%; display:flex; flex-flow:column wrap; transition: all .2s; position:relative; padding: 20px; background-color: var(--page_bac); border-radius: 12px; border: 1px solid #fff; box-shadow: 0 0 7px 0 rgba(0,0,0,.07)}
.sub_list .sub_list_item .sli_link .sli_img{padding-bottom:56.25%; background-position:center; background-size:cover; transition: all .2s; border-radius: 7px; margin-bottom: 15px;}
.sub_list .sub_list_item .sli_link .sli_info::before{transition: all .2s; content:''; position:absolute; right: 0; bottom: 0; width:50px; height:50px; background-color: var(--personal_color); background-repeat:no-repeat; background-size:24px; background-position:center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M10 6V8H5V19H16V14H18V20C18 20.5523 17.5523 21 17 21H4C3.44772 21 3 20.5523 3 20V7C3 6.44772 3.44772 6 4 6H10ZM21 3V11H19L18.9999 6.413L11.2071 14.2071L9.79289 12.7929L17.5849 5H13V3H21Z'%3E%3C/path%3E%3C/svg%3E"); border-radius: 50%; opacity: 0;}
.sub_list .sub_list_item .sli_link .sli_info .sli_shop{font-size:13px; margin-bottom:7px; width: max-content; font-weight:400; color:#797979;}
.sub_list .sub_list_item .sli_link .sli_info .sli_tit{font-size:19px; height: 2.4em; line-height:1.2; margin-bottom:20px; font-weight:400; transition: all .2s; -webkit-line-clamp: 2; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;}
.sub_list .sub_list_item .sli_link .sli_info .sli_cat_list{display:flex; flex-flow: row wrap; gap:5px; margin-bottom:10px;}
.sub_list .sub_list_item .sli_link .sli_info .sli_cat_list .sli_cat{background-color: var(--page_bac_h); padding:5px 10px; font-weight:400; font-size:14px; transition: all .2s; border-radius: 7px;}
.sub_list .sub_list_item .sli_link .sli_info .sli_hash_list{display:flex; flex-flow: row wrap; gap:5px 10px;}
.sub_list .sub_list_item .sli_link .sli_info .sli_hash_list .sli_hash{font-size:13px; color:#797979;}
.sub_list .sub_list_item .sli_link .sli_info .sli_hash_list .sli_hash::before{content:"#"}



.main_banner_area{background-color:#f7f7f7;}
.main_banner_area .main_banner_wrap{padding: var(--page_padding);}
.main_banner_area .main_banner_wrap .mbw_title{font-size:27px; font-weight:bold; line-height:1; margin-bottom:30px;}
/* .mbw_list{display:flex; flex-flow:row wrap; gap:20px;}
.mbw_list .mbw_list_items{width:calc(20% - 16px); border:1px solid #e7e7e7; background-color:#fff; overflow:hidden;}
.mbw_list .mbw_list_items:hover{box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.1);}
.mbw_list .mbw_list_items .mli_link{display:block; width:100%; height:100%; padding:15px;}
.mbw_list .mbw_list_items .mli_link:hover{color:unset;}
.mbw_list .mbw_list_items .mli_link .mli_img{width:100%; padding-bottom:56.25%; background-size:100%; background-position:center; transition:all 0.2s; background-repeat:no-repeat;}
.mbw_list .mbw_list_items:hover .mli_link .mli_img{background-size:105%;}
.mbw_list .mbw_list_items .mli_link .mli_txt{padding:10px 5px 10px;}
.mbw_list .mbw_list_items .mli_link .mli_txt .mli_shop{font-size:13px; margin-bottom:2px; display:none;}
.mbw_list .mbw_list_items .mli_link .mli_txt .mli_title{font-size:16px; margin-bottom:10px; font-weight:bold; line-height:1.2;}
.mbw_list .mbw_list_items .mli_link .mli_txt .mli_info{display:flex; flex-direction:row; flex-wrap:wrap; align-items:center;}
.mbw_list .mbw_list_items .mli_link .mli_txt .mli_info .mli_terms{background-color:#eee; padding:5px 7px; display:flex; align-items:center; margin-right:5px;}
.mbw_list .mbw_list_items .mli_link .mli_txt .mli_info .mli_terms.female{background-color:#ffd9e1;}
.mbw_list .mbw_list_items .mli_link .mli_txt .mli_info .mli_terms.male{background-color:#d6edfb;}
.mbw_list .mbw_list_items .mli_link .mli_txt .mli_info .mli_terms .mli_terms_gender{margin-right:3px; font-size:12px;}
.mbw_list .mbw_list_items .mli_link .mli_txt .mli_info .mli_terms .mli_terms_age{font-weight:bold; font-size:12px;}
.mbw_list .mbw_list_items .mli_link .mli_txt .mli_info .mli_cat .mli_cat_region{font-size:14px;} */

.section{min-height: 100dvh;}
.main_container{min-height: 100dvh; display: flex; flex-flow: column wrap;}

.content .select_area{display:flex; background-color: #fff; padding: 5px; border-radius: 12px;}
.content .select_area select{
	width:160px; height:42px; flex: 1; border-radius:0; padding: 10px 15px; font-size:14px; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-repeat:no-repeat; background-position:calc(100% - 10px) center; background-size: 18px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23797979'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
	background-color:#fff;
}
.content .select_area select:last-child{border-right:0;}

.sub_title{font-size:32px; font-weight:600;}

.age_select_area{width:100%; display:flex; flex-direction:row; flex-wrap:wrap;}

.age_select_area{position:relative;}
.age_select_area span{position:absolute; background-color:#121212; width:20px; height:20px; color:#fff; border-radius:50%; text-align:center; left:50%; top:50%; transform:translate(-50%,-50%); font-size:18px !important; line-height:1;}

.control_btn_area{display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; gap:10px;}
.control_btn_area button{padding: 10px 40px; font-size:16px; border-radius:10px;}
.control_btn_area button.save_btn{background-color:#117a8b; color:#fff;}
.control_btn_area button.cba_color_btn{background-color:#f0543a; color:#fff;}

.profile_info_fields .profile_info_field{margin-bottom:2rem;}
.resume_option_fields .resume_option_field{margin-bottom:2rem; position:relative;}

.select_area.onlyone select{width:100%; border-radius: 15px !important; background-position: 98% center;}

.modal-open .modal{height:100svh;}
.modal-dialog{width:520px;}
.modal-content{border-radius: 0px; border: 0; overflow: hidden; background-color: var(--page_bac);}
.modal-header{border-radius: 0; padding:15px 20px; align-items: center; border-bottom:1px solid var(--page_boc);}
.modal-header .modal-title{font-size: 16px; font-weight:500;}
.modal-header .close{display: none;}
.modal-body{height:60svh; overflow-y: auto; font-size: 14px; padding: 15px 20px;}
.modal-footer{border-radius: 0; border:0; padding: 15px 20px; border-top:1px solid var(--page_boc);}
.modal-footer button{color:#fff;line-height: 1; width:100%; float: none; padding:15px 0; background-color: var(--personal_color); margin: 0; border-radius: 0px; font-size:16px;}
.modal.select_lang_modal .modal-body{height:auto;}
.modal.select_lang_modal .select_lang_area{display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px;}
.modal.select_lang_modal .select_lang_area .chg_lang{text-align: center; width:calc(25% - 7.5px); cursor: pointer;}
.modal.select_lang_modal .select_lang_area .chg_lang>img{width:50%; margin-bottom: 5px; border: 1px solid var(--page_boc); }
.swal2-popup{padding:0 !important; border-radius:0 !important; background-color: var(--page_bac) !important;}

.attached_file .attach_img{width:30px; height:30px;}

.nav_mo_closebtn{display:none;}
.nav_mo_openbtn{display:none;}

.edit_file_area .edit_file_row{margin-bottom:2rem;}
.edit_file_area .edit_file_row .edit_file_tit{margin-bottom:5px; font-size: 0.9rem; color:#999;}
.edit_file_area .edit_file_row .dropzone{border: 1px solid #eee; border-radius:10px;}
.edit_file_area .edit_file_row .dropzone .dz-preview .dz-image{border-radius:10px;}
.edit_file_area .edit_file_row .dropzone .dz-message{margin:3em 0;}
.edit_file_area .edit_file_row .dropzone .dz-message .dz-button{font-size:12px; color:#999;}
.edit_file_area .edit_file_row .dropzone .dz-preview{margin:10px;}
.edit_file_area .edit_file_row .dropzone .dz-preview .dz-image{margin-bottom:5px;}
.edit_file_area .edit_file_row .dropzone .dz-preview .dz-remove{border:0; background-color:#121212; padding:3px 0;}

.page_title{font-size:24px;}

.mypage_area{padding: var(--page_padding);}
.mypage_list{display:flex; flex-direction:row; flex-wrap:wrap; gap:20px;}
.mypage_list .mypage_list_item{}
.mypage_list .mypage_list_item>a{display:flex; flex-direction:column; flex-wrap:wrap; border:1px solid var(--nav_border_c); transition: all 0.2s; width:160px; height:160px; align-items:center; justify-content:center;}
.mypage_list .mypage_list_item>a>p{margin:0;}
.mypage_list .mypage_list_item .mli_icon{width:60px; height:60px; margin:0 auto; border:1px solid var(--nav_border_c); border-radius:50%; text-align:center; line-height:60px; color:#797979; font-size:20px; margin-bottom:20px; transition: all 0.2s; display:flex; align-items:center; justify-content:center;}
.mypage_list .mypage_list_item .mli_txt{font-size:16px; text-align:center;}

.member_sel_box{flex-direction:row; gap:10px;}
.member_sel_box .join_item{display:flex; flex-direction:column; flex-wrap:wrap; align-items:center; width:50%;}
.member_sel_box .join_item button{font-size:20px; padding: 12px 0px; width:100%; border-radius:10px;}
.member_sel_box .join_item:first-child button{background-color:#f0543a; color:#fff;}
.member_sel_box .join_item .join_check_list{display:none;}
.member_sel_box .join_item p{margin-bottom:0;}

.pay_unit{position:absolute; right:15px; top: 34px; font-size:16px; color:#797979;}

.title_text.tt100{width:100%; padding-top:5px;}

.list_wrap{table-layout:fixed; width:100%;}
.list_wrap th{text-align: center; font-size: 14px; font-weight: 500; padding: 15px 0; border-bottom:2px solid var(--page_boc_h);}
.list_wrap td{text-align: center; font-size: 14px; padding: 10px 10px; border-bottom:1px solid var(--nav_border_c);}
.list_wrap td.title{padding: 10px 20px; text-align:left; font-size:16px;}
.list_wrap td.date{font-size:12px; color:#797979;}
.list_wrap .remote_list{display:flex; width:100%; justify-content:center;}
.list_wrap .remote_list .remote_btn{width:40px; height:40px; display:flex; align-items:center; justify-content:center; font-size:16px; border:1px solid var(--nav_border_c); border-right:0; color:#797979; transition: all .2s;}
.list_wrap .remote_list .remote_btn:last-child{border-right:1px solid var(--nav_border_c);}

.search_area{width: fit-content; border-radius: 12px; overflow:hidden; margin-left: 20px; padding: 5px; background-color: #fff;}
.search_area .search_wrap{display:flex; flex-direction: row; flex-wrap: wrap; height:42px;}
.search_area .search_wrap .search_item{display: flex; align-items: center; font-size: 14px;}
.search_area .search_wrap .search_item:last-child{border-right:0;}
.search_area .search_wrap .search_item select{height:100%;}
.search_area .search_wrap .search_item input{height:100%;}
.search_area .search_wrap .search_item select.si_select{min-width: 160px; padding: 0 12px; border:0; border-radius:0px 0 0 0px; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-repeat: no-repeat; background-size: 20px; background-position: calc(100% - 10px) center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23797979'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E"); background-color: #fff;}
.search_area .search_wrap .search_item.input{width:400px;}
.search_area .search_wrap .search_item input.si_input_txt{padding: 0 12px; width:100%; border:0 !important; border-radius:0; background-color: #fff; border-radius: 7px;}
.search_area .search_wrap .search_item input.si_input_btn{width:42px; font-size: 0; background-repeat: no-repeat !important; background-size: 20px !important; background-position: center !important; background-color: var(--page_bac) !important; border:0 !important; border-radius:0; padding:0; color: var(--page_c);}

.search_area .search_wrap .search_item input.si_input_btn.set_search{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z'%3E%3C/path%3E%3C/svg%3E") !important;}
.search_area .search_wrap .search_item input.si_input_btn.set_reset{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 4C9.25144 4 6.82508 5.38626 5.38443 7.5H8V9.5H2V3.5H4V5.99936C5.82381 3.57166 8.72764 2 12 2C17.5228 2 22 6.47715 22 12H20C20 7.58172 16.4183 4 12 4ZM4 12C4 16.4183 7.58172 20 12 20C14.7486 20 17.1749 18.6137 18.6156 16.5H16V14.5H22V20.5H20V18.0006C18.1762 20.4283 15.2724 22 12 22C6.47715 22 2 17.5228 2 12H4Z'%3E%3C/path%3E%3C/svg%3E") !important;}
.search_area .search_wrap .search_item input.si_input_btn.set_preview{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12.0003 3C17.3924 3 21.8784 6.87976 22.8189 12C21.8784 17.1202 17.3924 21 12.0003 21C6.60812 21 2.12215 17.1202 1.18164 12C2.12215 6.87976 6.60812 3 12.0003 3ZM12.0003 19C16.2359 19 19.8603 16.052 20.7777 12C19.8603 7.94803 16.2359 5 12.0003 5C7.7646 5 4.14022 7.94803 3.22278 12C4.14022 16.052 7.7646 19 12.0003 19ZM12.0003 16.5C9.51498 16.5 7.50026 14.4853 7.50026 12C7.50026 9.51472 9.51498 7.5 12.0003 7.5C14.4855 7.5 16.5003 9.51472 16.5003 12C16.5003 14.4853 14.4855 16.5 12.0003 16.5ZM12.0003 14.5C13.381 14.5 14.5003 13.3807 14.5003 12C14.5003 10.6193 13.381 9.5 12.0003 9.5C10.6196 9.5 9.50026 10.6193 9.50026 12C9.50026 13.3807 10.6196 14.5 12.0003 14.5Z'%3E%3C/path%3E%3C/svg%3E") !important;}
.search_area .search_wrap .search_item input.si_input_btn.set_submit{width:120px; font-size: 16px; background-color: var(--personal_color) !important; color:#fff;}

.auth_area .btn_download{border:1px solid #ededed; padding: 7px 15px; display:inline-block;}
.auth_area .dropzone_area .edit_file_row .edit_tit{font-size:12px; color:#898989; margin-bottom:7px;}
.pv_status{font-size:13px; margin-bottom:10px; color: #fff; display: flex; align-items:center; justify-content:center; gap:5px; padding:10px; }
.auth_area .pv_img{width:100%; padding:10px; border:1px solid #cfcfcf;}
.auth_area .pv_img>img{width:100%;}

.search_area.set_ad{width:100%;}
.search_area.set_ad .search_wrap .search_item:first-child{width: calc(100% - 566px);}
.search_area.set_ad .search_wrap .search_item:first-child select.si_select{width: 100%;}
.search_area.set_ad .search_wrap .search_item select.si_select{width:200px;}

.sub_header{background-color: #fff; position: relative; margin-bottom: 30px;}
.sub_header .emoji{position: absolute; font-size: 130px; right:90px; bottom:0px;}
.sub_header .shw_tit{margin-bottom: 0; font-size: 27px; font-weight: 600;}
.sub_header .shw_txt{display:none;}

body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.1) !important; border-radius: 0px; padding: 0;}
.swal2-styled.swal2-confirm{font-size: 16px !important; margin:0; padding: 12px 0 !important; border-radius: 0px !important; width:100% !important; background-color: var(--personal_color) !important; line-height:1;}
.swal2-styled.swal2-cancel{font-size:14px !important; line-height: 1.2;}
.swal2-styled.swal2-confirm:focus{box-shadow: none !important;}

.swal2-actions{width:100% !important; padding: 15px 20px !important; border-top: 1px solid #ededed; margin:0 !important; gap: 10px;}
.swal_btn{flex: 1 1 20%; margin:0 !important; padding: 12px 0 !important; border-radius: 0px !important;}
.swal_btn:focus{box-shadow: none !important;}
.swal_btn.cancel{background-color: #ccc !important;}

.swal2-html-container{margin: 0 !important; padding: 10px 20px 20px !important; font-size: 16px !important; color: var(--page_c) !important;}
.swal2-icon{margin: 20px auto 0 !important; scale: .7; }

.ad_req button{background-color:#333; color:#fff; border-radius:4px; padding: 2px 5px; font-size:14px;}
.list_wrap .req_submit{background-color:#333; color:#fff; border-radius:4px; font-size:14px; padding:2px 5px;}
.list_wrap .set_row>div{margin-bottom:10px;}
.list_wrap .set_row>div:last-child{margin-bottom:0;}
.req_jobs_select_item{display: flex; flex-direction: row; flex-wrap: wrap; gap:10px; align-items:center;}
.req_jobs_select_item a{font-size:20px; font-weight:600;}

.req_jobs_account{border:1px dashed #cdcdcd; text-align:center; padding:20px; border-radius:10px;}
.req_jobs_account>p{margin-bottom:0;}
.req_jobs_account>p:first-child{display: flex; flex-direction: column; flex-wrap: wrap; margin-bottom:10px; font-size:16px;}
.req_jobs_account>p:first-child>b{font-size:24px;}

.view_page_area{display:flex; flex-flow: row wrap; position: relative;}
.view_page_area .view_slide_area{width: calc(100% - 1110px); position:fixed;}
.view_page_area .view_slide_area .view_slide .swiper-wrapper{height:auto;}
.view_page_area .view_slide_area .view_slide .swiper-slide{height:auto; padding-bottom:56.25%; background-color:#121212; background-position:center; background-size:cover;}
.view_page_area .view_slide_area .view_slide_sum{margin-top:10px;}
.view_page_area .view_slide_area .view_slide_sum .swiper-wrapper{height:auto;}
.view_page_area .view_slide_area .view_slide_sum .swiper-slide{height:auto; padding-bottom:9.3%; background-color:#121212; background-position:center; background-size:cover;}
.view_info_area{width:768px;}
.view_info_area .via_tit_area{margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #121212;}
.view_info_area .via_tit_area .via_tit{font-size:28px; margin-bottom:15px;}
.view_info_area .via_tit_area .via_info{display: flex; flex-flow: row wrap; gap:20px;}
.view_info_area .via_tit_area .via_info>li>span{font-size: 12px; color:#cdcdcd; margin-right: 5px;}
.view_info_area .via_tit_area .via_info>li>b{font-weight: 400; color:#9f9f9f;}
.view_info_area .via_list_area{margin-bottom:30px;}
.view_info_area .via_sub_tit{font-size:16px; margin-bottom:10px; font-weight:600;}
.view_info_area .via_list_area .via_list{display:flex; flex-flow: row wrap; gap:10px;}
.view_info_area .via_list_area .via_list .via_list_item{border: 1px solid var(--nav_border_c); display:flex; flex-flow: column wrap; flex: 1 1 40%;}
.view_info_area .via_list_area .via_list .via_list_item>label{padding: 10px 15px; color: #797979; font-size:12px;}
.view_info_area .via_list_area .via_list .via_list_item>span{padding: 5px 15px 10px; font-size:16px;}
.view_info_area .via_con_area{margin-bottom:30px;}
.view_info_area .via_con_area .via_con{border:1px solid var(--nav_border_c); padding:15px; line-height:1.2;}

.view_page_area.board .view_info_area .via_con_area .via_con{padding: 0; border: 0;}
.view_page_area.board .view_info_area .via_con_area .via_con img{max-width:100% !important;}

.edit_page_area{display:flex; flex-flow: column wrap; width:768px;}
.edit_page_area .edit_tit{font-size:16px; font-weight:600; margin-bottom:10px;}
.edit_page_area .epa_list_area{margin-bottom:30px;}
.edit_page_area .epa_list_area .epa_list{display:flex; flex-flow:row wrap; gap:10px;}
.edit_page_area .epa_list_area .epa_list .epa_list_item{flex: 1 1 40%;}
.edit_page_area .epa_list_area .epa_list .epa_list_item.set2{flex: 1 1 100%;}
.edit_page_area .epa_list_area .epa_list .epa_list_item.set2 label{width:100%;}
.edit_page_area .epa_list_area .epa_list .epa_list_item.set2 .input_item{flex-flow: row wrap;}
.edit_page_area .epa_list_area .epa_list .epa_list_item.set2 select{width:50%;}

.content_area{margin-bottom:30px;}
.content_area .content_fields .content_field .title_area>input{width:100%; font-size:20px; padding:10px 0 10px 15px; border: 1px solid #cfcfcf; border-bottom:0; background-color: #fff;}
.content_area .content_fields .content_field .title_area>input::placeholder{font-size:20px; font-weight:300; color:#797979;}

.sub_list_change_view{height:100%;}
.sub_list_change_view>button{padding: 0 20px; background-color: var(--page_bac); display:flex; align-items:center; height:100%; gap:10px;}

.map_search_area .sub_list_change_view{box-shadow: var(--page_shadow); border-radius:100px; overflow:hidden;}
.sub_search_area .sub_list_change_view{height:44px; margin-right:10px;}

.map_area{width:100%; height:100%; position:relative;}
.map_area #map{width:100%; height:100%;}
.map_area .map_side_area{position:fixed; top: var(--top_nav_px); right:0; z-index:10; display:flex; flex-flow: row wrap; transition: transform .2s; width: var(--map_side_px); transform: translate(var(--map_side_px), 0px);}
.map_area .map_side_area.list{width: calc(var(--map_side_px) + var(--map_btn_px) + 20px); padding-left: calc(var(--map_btn_px) + 20px);}
.map_area .map_side_area.sel_act{transform: translate(0,0);}
.map_area .map_side_area .msa_closebtn{position:absolute; top: 10px; left: 15px;}
.map_area .map_side_area .msa_closebtn.list{position:relative; top:0; left:0;}
.map_area .map_side_area .msa_closebtn.list>i{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); line-height:1;}
.map_area .map_side_area.sel_act .msa_closebtn.list>i{transform: translate(-50%, -50%) rotate(180deg);}
.map_area .map_side_area .msa_closebtn.view{color:#fff; z-index:15; font-size:20px;}
.map_area .map_side_area .msa_list_area, .map_area .map_side_area .msa_view_area{position:relative; background-color: var(--page_bac);}
.map_area .map_side_area .msa_list_area{width:100%;}
.map_area .map_side_area .msa_list_area .msa_list{flex:1; height:calc(100svh -  var(--top_nav_px)); box-shadow: var(--page_shadow);}
.map_area .map_side_area .msa_list_area .msa_list .msa_list_item{border-bottom:1px solid var(--page_boc); padding: 15px; cursor: pointer; display:flex; align-items:center;}
.map_area .map_side_area .msa_list_area .msa_list .msa_list_item:focus{outline:none; border-bottom: 1px solid var(--page_boc);}
.map_area .map_side_area .msa_list_area .msa_list .msa_list_item .mli_img{width:80px; height:80px; background-size:cover; background-position:center;}
.map_area .map_side_area .msa_list_area .msa_list .msa_list_item .mli_info{flex:1; padding-left:15px;}
.map_area .map_side_area .msa_list_area .msa_list .msa_list_item .mli_info .mli_info_shop{font-size:14px; font-weight:500; margin-bottom:5px;}
.map_area .map_side_area .msa_list_area .msa_list .msa_list_item .mli_info .mli_info_tit{height: 1.2em; line-height: 1.2; margin-bottom: 10px; font-weight: 400; transition: all .2s; -webkit-line-clamp: 1; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;}
.map_area .map_side_area .msa_list_area .msa_list .msa_list_item .mli_info .mli_info_cat{display:flex; flex-flow:row wrap; gap:5px;}
.map_area .map_side_area .msa_list_area .msa_list .msa_list_item .mli_info .mli_info_cat>span{font-size:12px; color:#797979;}
.map_area .map_side_area .msa_list_area .msa_list .msa_list_item .mli_info .mli_info_cat>span:before{content:"#";}
.map_area .map_side_area .msa_list_area .msa_list .msa_list_item.sel_focus{background-color: var(--page_bac_h); outline:none;}
.map_area .map_side_area .msa_view_area{background-color: var(--page_bac);}
.map_area .map_side_area .msa_view_area .mva_img{position:relative; height:200px; background-size:cover; background-position:center;}
.map_area .map_side_area .msa_view_area .mva_img::before{content:""; position:absolute; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,.4); z-index:10;}
.map_area .map_side_area .msa_view_area .mva_img .msa_page_link{position:absolute; right:10px; bottom:10px; color:#fff; font-size:20px; z-index:15;}
.map_area .map_side_area .msa_view_area  .mva_img_info{color:#fff; position:absolute; left: 20px; bottom:20px; z-index:15;}
.map_area .map_side_area .msa_view_area  .mva_img_info .mii_shop{font-size:24px;}
.map_area .map_side_area .msa_view_area  .mva_img_info .mii_loc{color:#cfcfcf;}
.map_area .view_info_area{width:100%; padding:20px; height: calc(100svh - var(--top_nav_px) - 200px);}
.map_area .view_info_area .via_tit_area{margin-bottom:20px; padding-bottom:10px;}
.map_area .view_info_area .via_tit_area .via_tit{font-size: 18px;}
.map_area .view_info_area .via_sub_tit{font-size:14px;}
.map_area .view_info_area .via_list_area .via_list .via_list_item>span{font-size:14px;}
.map_search_area{position:absolute; top:20px; left:20px; z-index:10; height: 44px; display:flex; flex-flow:row wrap; gap:10px;}
.map_search_area .msa_input_area{position:relative; display:flex; width:260px; height:100%; background-color: var(--page_bac); border:1px solid var(--page_boc); box-shadow: var(--page_shadow); border-radius:1000px; overflow:hidden;}
.map_search_area .msa_input_area>input{width:100%; font-size:14px; padding-left:15px; flex:1;}
.map_search_area .msa_input_area>input::placeholder{color:#adadad; font-weight:400;}
.map_search_area .msa_input_area>input:focus{border-bottom:1px solid var(--personal_color);}
.map_search_area .msa_input_area .msa_search_icon{font-size:16px; color: var(--page_c); width: 44px; display:flex; align-items:center; justify-content:center; border-right:1px solid var(--page_boc); margin:10px 0;}
.ui-widget.ui-widget-content{border:1px solid var(--page_boc); border-top:0; background-color: var(--page_bac); width: fit-content !important;}
.ui-menu .ui-menu-item{border-bottom:1px solid var(--page_boc); padding: 10px 15px; width:196px;}
.ui-menu .ui-menu-item:last-child{border-bottom:0;}
.ui-menu .ui-menu-item .ui-menu-item-wrapper{padding:0; margin:0;}
.ui-menu .ui-menu-item .search_item_address{font-size:10px; color:#797979;}
.ui-menu .ui-menu-item .search_item_title{color:var(--page_c);}
.ui-menu .ui-menu-item .ui-state-active{border:0; background-color: transparent; color: initial;}
.ui-menu .ui-menu-item .ui-state-active.search_item_title{color: var(--page_c);}
.ui-menu .ui-menu-item .ui-state-active.search_item_address{color:#797979;}

.map_side_btn_list{display:flex; flex-flow:column wrap; width: var(--map_btn_px); position:absolute; top:20px; left:0; gap:10px;}
.map_side_btn_list .msbl_btn{width:100%; height: var(--map_btn_px); background-color:  var(--page_bac); font-size:18px; color:#797979; border:1px solid var(--nav_border_c); border-radius:50%; box-shadow: var(--page_shadow);}

.msa_list_none{width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.msa_list_none>p>span{display:block; font-size:52px; text-align:center; color: #797979;}
.msa_list_none>p>b{font-weight:400; font-size:16px; color:#797979;}

.login_sns_list{display:flex; flex-flow: row wrap; gap:10px;}
.login_sns_list .login_sns_tit{width:100%; text-align:center; margin-bottom:10px; position:relative;}
.login_sns_list .login_sns_tit>span{background-color: var(--page_bac); color:#797979; position:relative; z-index:1; padding: 0 20px;}
.login_sns_list .login_sns_tit::before{content:""; position: absolute; top: 50%; left:0; width:100%; height:1px; background-color: var(--page_boc2);}
.login_sns_list .login_sns_item{flex:1;}
.login_sns_list .login_sns_item .login_sns_link{display:flex; flex-flow: row wrap; justify-content:center; align-items:center; padding:8px 0; border:1px solid var(--page_boc); border-radius: 8px;}
.login_sns_list .login_sns_item .login_sns_link>img{width:30px;}
/* .login_sns_list .login_sns_item .login_sns_link.kakao{background-color:#FEE500;}
.login_sns_list .login_sns_item .login_sns_link.naver{background-color:#03C75A; color:#fff;}
.login_sns_list .login_sns_item .login_sns_link.google{background-color:#F2F2F2;} */

.rjf_title_area{border-bottom: 1px solid #ededed; padding-bottom:30px; margin-bottom:30px;}
.rjf_title_area>p{font-size:12px; color:#797979; margin-bottom:5px;}
.rjf_title_area>div{font-size:24px;}
.rjf_title_area>div:hover{text-decoration:underline;}

.ad_rjf_btn_list{display:flex; flex-direction:column; flex-wrap:wrap; gap: 10px 0; margin-bottom:20px;}
.ad_rjf_btn_list .tab_menu{display:flex; flex-direction:row; flex-wrap:wrap; gap:20px 10px; align-items:center;}
.ad_rjf_btn_list .tab_menu .tab_menu_item{cursor:pointer; padding:10px 15px;}
.ad_rjf_btn_list .tab_menu .tab_menu_item.sel_act{border:2px dashed #cfcfcf;}
.ad_rjf_btn_list .tab_menu .tab_menu_item .tmi_tit{padding-bottom:10px;}
.ad_rjf_btn_list .tab_menu button{font-size:16px; display:flex; align-items:center;}
.ad_rjf_btn_list .tab_menu button img{width:20px; margin-right:5px;}
.ad_rjf_btn_list .tab_menu button.on{background-color:#117a8b; color:#fff;}
.ad_rjf_btn_list .tab_menu_info{color: var(--red); font-size:12px;}
.ad_rjf_btn_list .preview_btn_area{margin-left:auto; display:flex; align-items:center;}
.ad_rjf_btn_list .preview_btn_area button{background-color: #fff; padding: 5px 15px; font-size:16px; border-radius:7px; display:flex; align-items:center;}
.ad_rjf_btn_list .preview_btn_area button i{font-size:18px; margin-right:10px;}
.ad_rjf_btn_list .preview_btn_area div{font-size:14px; color:#898989;}
.ad_gen_foot{background-color:#f7f7f7; padding:20px; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; gap:10px;}
.ad_gen_foot button{background-color: #fff; padding: 7px 20px; font-size:16px; border-radius:7px;}
.ad_gen_foot button.submit{background-color:#117a8b; color:#fff;}

.page-loader{width:100%; height:100svh; background-color: rgba(255,255,255,.8); position:fixed; top:0; left:0; z-index:1000; display:flex; align-items:center; justify-content:center; z-index: 1055;}
.lds-ellipsis {display: inline-block; position: relative; width: 80px; height: 80px;}
.lds-ellipsis div {position: absolute; top: 33px; width: 13px; height: 13px; border-radius: 50%; background: var(--personal_color); animation-timing-function: cubic-bezier(0, 1, 1, 0);}
.lds-ellipsis div:nth-child(1) {left: 8px; animation: lds-ellipsis1 0.6s infinite;}
.lds-ellipsis div:nth-child(2) {left: 8px; animation: lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(3) {left: 32px; animation: lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(4) {left: 56px; animation: lds-ellipsis3 0.6s infinite;}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}

.head_alert_area{width: var(--head_alert_width); background-color: var(--page_bac); position: fixed; top: var(--top_nav_px); right:0; min-height: calc(100svh - var(--top_nav_px)); border-left: 1px solid var(--nav_border_c); color:var(--heade_area_textcolor); display: flex; flex-direction: column; flex-wrap: wrap; transition: all .2s; z-index: 50; transform: translate(var(--head_alert_width),0);}
.head_alert_area.on{transform: translate(0,0);}
.head_alert_area .head_alert_wrap{width: var(--head_alert_width);}
.head_alert_area .haa_title_area{height:var(--top_nav_px); display: flex; align-items: center; padding: 0 15px;}
.head_alert_area .haa_list_area{height: calc(100svh - var(--top_nav_px)*3); font-size: 14px; overflow-y: auto; border-bottom: 1px solid var(--page_boc); border-top: 1px solid var(--page_boc);}
.head_alert_area .haa_list_area .haa_list{display: flex; flex-direction: column; flex-wrap: wrap; gap: 10px;}
.head_alert_area .haa_list_area .haa_list .haa_item{background-color: rgba(255,255,255,.1); border-radius: 4px; padding: 20px 35px 20px 20px; display: flex; flex-direction: column; flex-wrap: wrap; position: relative; border-bottom: 1px solid var(--page_boc);}
.head_alert_area .haa_list_area .haa_list .haa_item.none{background-color: transparent; border-radius: 0; padding: 0; color:#797979;}
.head_alert_area .haa_list_area .haa_list .haa_item .haa_link{line-height: 1.2; font-size:14px; margin-bottom: 5px; font-weight: 600; color:var(--heade_area_textcolor);}
.head_alert_area .haa_list_area .haa_list .haa_item .haa_link.cursor_p:hover{text-decoration: underline;}
.head_alert_area .haa_list_area .haa_list .haa_item .haa_date{font-size: 11px; color:#adadad;}
.head_alert_area .haa_list_area .haa_list .haa_item .haa_notify_btn{position: absolute; right:20px; top:50%; transform: translate(0,-50%); color:#adadad; font-size: 14px;}
.head_alert_area .haa_btn_area{height: var(--top_nav_px);}
.head_alert_area .haa_btn_area>a{color:var(--heade_area_textcolor); display: flex; align-items: center; justify-content: center; gap: 5px; height:100%; font-size: 14px;}
.head_alert_area .haa_btn_area>a:hover{background-color: rgba(255,255,255,.07);}
.head_alert_area .haa_btn_area>a>i{font-size: 18px;}

.wrapper-memes-preview-operations button.responsive-button{margin-right:10px;}

.ad_step{color:#797979; font-size: 14px; font-weight: 400;}
.ad_product_list{display:flex; flex-flow: row wrap; gap:30px;}
.ad_product_list .apl_item{border: 1px solid #ededed; padding: 30px; cursor: pointer; width:280px; display: flex; flex-flow: column wrap;}
.ad_product_list .apl_item .apl_icon{background-color: #f7f7f7; width:70px; height:70px; border-radius: 50%; display:flex; justify-content: center; align-items: center; font-size: 27px; color:#cfcfcf; margin: 0 auto 20px;}
.ad_product_list .apl_item .apl_name{font-size:16px; margin-bottom: 20px; text-align: center;}
.ad_product_list .apl_item .apl_name>b{font-size: 32px;}
.ad_product_list .apl_item .apl_moreview{font-size: 12px; border: 1px solid #ededed; padding:9px 0px; display: inline-block; color:#797979; display:flex; align-items: center; gap:10px; margin: auto auto 0; justify-content: center; width:100%;}
.ad_product_list .apl_item .apl_event{padding: 10px 0 20px; border-top: 1px solid #ededed;}
.ad_product_list .apl_item .apl_event>h5{font-size: 12px; margin-bottom: 5px; color:#898989;}
.ad_product_list .apl_item .apl_event>p{word-break: keep-all;}
.ad_product_list .apl_item.sel_act{border: 1px solid var(--personal_color);}
.ad_product_list .apl_item.sel_act .apl_icon{background-color: var(--personal_color); color:#fff;}
.ad_product_list .apl_item.sel_act .apl_name>b{color: var(--personal_color);}

.ad_month_list{display:flex; flex-flow: row wrap; gap:30px;}
.ad_month_list .aml_item{border: 1px solid #ededed; padding: 30px; cursor: pointer;}
.ad_month_list .aml_item .aml_month{font-size: 27px; margin-bottom: 40px;}
.ad_month_list .aml_item .aml_month>span{font-size: 16px}
.ad_month_list .aml_item .aml_cost{font-size: 16px; color:#898989; text-decoration:line-through; margin-bottom:5px;}
.ad_month_list .aml_item .aml_cost>i{font-size: 10px;}
.ad_month_list .aml_item .aml_cost>span{font-size: 10px;}
.ad_month_list .aml_item .aml_price{font-size: 27px; line-height:1;}
.ad_month_list .aml_item .aml_price>i{font-size:16px;}
.ad_month_list .aml_item .aml_price>span{font-size: 12px; color:#797979;}
.ad_month_list .aml_item .aml_return{margin-top: 40px; display: block; border-top: 1px solid #ededed; width:100%; text-align: left; padding-top: 10px; font-size: 12px; color:#797979;}
.ad_month_list .aml_item.sel_act{border: 1px solid var(--personal_color);}
.ad_month_list .aml_item.sel_act .aml_month{color: var(--personal_color);}
.ad_month_list .aml_item.sel_act .aml_price{color: var(--personal_color);}

.ad_write_area .awa_item>h5{font-size: 14px; color:#898989; font-weight: 400;}
.ad_write_area .awa_item .sel_my_jobs{font-size:24px; border-bottom: 2px solid #121212; padding: 0 20px 5px 0;}
.ad_write_area .awa_item .preview_btn{width:44px; height:44px; border: 2px solid #121212; margin-left: 20px; border-radius: 50%; background-color:#121212; color:#fff; font-size:18px;}
.ad_write_area .hope_start_date_area>label{font-size: 14px; color:#898989; display:block; margin-bottom:7px;}
.ad_write_area .hope_start_date_area>input:read-only{font-size: 24px; background-color: transparent !important; border-bottom: 2px solid #121212; padding: 0 0 7px 5px;}
.ad_write_area .hope_start_date_area>input::placeholder{font-weight: 400; color:#121212;}

.read_yn .read_yn_btn{font-size:18px;}
.read_yn.read_y{color:#898989; background-color: rgba(17, 17, 17, 0.01);}
.read_yn.read_n{font-weight: 500;}
.read_yn.read_y .read_y_btn>button{color:#cfcfcf;}
.read_yn.read_y .read_y_btn{display:block;}
.read_yn.read_y .read_n_btn{display:none;}
.read_yn.read_n .read_y_btn{display:none;}
.read_yn.read_n .read_n_btn{display:block;}

.content_fields .toggle_row{border-bottom: 0;}

.point_btn{margin-right: 20px;}
.point_btn>button{position: relative;}
.point_btn>button>i{width:60px; height:60px; background-color: var(--personal_color); border-radius: 50%; color:#fff; display: flex; justify-content: center; align-items: center; font-size: 22px; position: relative; z-index: 2;}
.point_btn>button>span{position: absolute; width: 60px; background-color: var(--personal_color); color:#fff; height:60px; top:0; left:0; border-radius: 500px; padding:0; font-size: 0; z-index: 1; display: flex; align-items: center; transition: opacity .2s; opacity: 0;}

.site_header{position: fixed; top:0; left:50%; transform: translate(-50%,0); height:70px; width:100%; max-width: 640px; background-color: #fff; z-index: 499; border-bottom: 1px solid #f2f2f2;}
.site_header .sh_wrap{width:100%; height:100%; display: flex; flex-flow: row wrap; align-items: center; padding: 0 24px; position: relative;}
.site_header .sh_wrap .sh_logo_area{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.site_header .sh_wrap .sh_logo_area>a{font-size: 21px; display: flex; align-items: center; width:max-content; color:#3a5bf4; gap:10px;}
.site_header .sh_wrap .sh_logo_area img{width:32px; display: block;}
.site_header .sh_wrap .sh_btn_area{margin-left: auto; font-size: 13px; font-weight: bold;}
.site_header .sh_wrap .sh_menu_area .menu_open_btn{font-size: 13px; font-weight: bold;}
.site_header .sh_wrap .sh_menu_area .menu_list_area{visibility: hidden; position: absolute; top:0; left:0; background-color: #fff; width:100%; height: 100dvh; padding: 70px 30px 30px; transform: translateY(-100%); transition: all .4s; overflow-y: auto;}
.site_header .sh_wrap .sh_menu_area .menu_list_area.sel_act{transform: translateY(0); visibility: visible;}
.site_header .sh_wrap .sh_menu_area .menu_list_area .menu_close_btn{position: absolute; font-size: 13px; font-weight: bold; top: 30px; left:30px;}
.site_header .sh_wrap .sh_menu_area .menu_list_area>h1{font-size: 15px; color:#9f9f9f; margin: 30px 0 10px;}
.site_header .sh_wrap .sh_menu_area .menu_list_area>ul>li{margin-bottom: 10px;}
.site_header .sh_wrap .sh_menu_area .menu_list_area>ul>li>a{font-size: 17px; font-weight: 400;}

.site_footer{background-color: #f8f8f8; font-size: 12px; color:#979797;}
.site_footer .sf_menu{background-color: #f2f2f2; padding: 10px 24px; display: flex; gap: 15px; align-items: center;}
.site_footer .sf_menu>li>a{display:block;}
.site_footer .sf_menu>li.snsicon{display: flex; flex-flow: row wrap; gap: 5px; margin-left: auto;}
.site_footer .sf_menu>li.snsicon>a{border-radius: 50%; overflow: hidden;}
.site_footer .sf_menu>li.snsicon>a>img{width:32px;}
.site_footer .sf_info{display: none; flex-flow: row wrap; gap: 5px 15px; padding: 15px 24px;}
.site_footer .copyright{padding: 15px 24px 15px; font-size: 10px; color:#979797;}

.wrap{padding: 48px 24px;}

.main_slide{padding: 0 0 60px 0;}
.main_slide .swiper-slide img{width:100%; border-radius: 24px; display:block;}
.main_slide .swiper-pagination{display: flex; flex-flow: row wrap; justify-content: center; gap: 5px;}
.main_slide .swiper-horizontal>.swiper-pagination-bullets, .main_slide .swiper-pagination-bullets.swiper-pagination-horizontal, .main_slide .swiper-pagination-custom, .main_slide .swiper-pagination-fraction{bottom:24px;}
.main_slide .swiper-button-next, .main_slide .swiper-button-prev{color:#fff; margin-top: calc(-30px - (var(--swiper-navigation-size)/ 2));}
.main_slide .swiper-button-next{right: 0px;}
.main_slide .swiper-button-prev{left: 0px;}
.main_slide .swiper-button-next:after, .main_slide .swiper-button-prev:after{font-size: 21px;}
.main_slide .swiper-pagination-bullet-active{color:#292929;}

.card_slide_area{padding: 30px 0; background-color: #f6f6f6;}
.card_slide_area>h1{padding-left: 24px;}
.card_slide .swiper-wrapper{padding: 10px 0 10px 24px;}
.card_slide .swiper-slide{box-shadow: 0 0 7px 0 rgba(0, 0, 0, .04); border-radius: 16px; overflow: hidden;}
.card_slide .swiper-slide img{width:100%; display: block;}

.event_list_area .event_list{display: flex; flex-flow: column wrap;}
.event_list_area .event_list .event_list_con{background-color: #fff; box-shadow: 0 7px 10px 0 rgba(0,0,0,.1); border-radius: 0 0 16px 16px;}
.event_list_area .event_list .event_list_con .elc_link{margin-bottom: 10px; border-bottom: 1px solid #e2e2e2; display:none;}
.event_list_area .event_list .event_list_con .elc_link>a{color:#797979; border-radius: 8px; display: block; font-size: 11px;}
.event_list_area .event_list .event_list_con .elc_info{margin-top: 10px; font-size: 11px; color:#797979; display: flex; flex-flow: row wrap; gap: 15px;}

.referral_list{display: flex; flex-flow: row wrap; gap:10px 10px;}
.referral_list>li>a{border: 1px solid #e2e2e2; border-radius: 100px; padding:7px 20px; display: block;}

.side_banner{border-radius: 16px; overflow: hidden;}

.eh_list>ul{display:flex; flex-flow: column wrap;}
.eh_list>ul>li{box-shadow: 0 7px 10px 0 rgba(0,0,0,.1); border-radius: 0 0 16px 16px;}
.eh_list>ul>li>a{padding: 25px 20px; display: block; transition: all .2s;}
.eh_list>ul>li>a:hover{padding: 35px 20px;}
.eh_list>ul>li>a .ehl_title{font-size: 19px; display: -webkit-box; width:100%; line-height: 1.2; height: 1.2em; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-bottom: 10px; transition: all .2s; color:#595959;}
.eh_list>ul>li>a:hover .ehl_title{font-weight: bold; color:#121212;}
.eh_list>ul>li>a .ehl_info{display: flex; flex-flow: row wrap; gap:20px; color:#cfcfcf; font-size: 11px;}
.eh_list>ul>li>a .ehl_info>div{display: flex; flex-flow: row wrap; gap:5px;}
.eh_list>ul>li>a .ehl_info>div>b{font-weight: 400; color:#9f9f9f;}

.eh_list.referral>ul>li{position: relative;}
.eh_list.referral>ul>li .ehl_con{display: flex; flex-flow: row wrap; align-items: center; padding: 15px 20px; transition: all .2s;}
.eh_list.referral>ul>li .ehl_con:hover{padding: 25px 20px;}
.eh_list.referral>ul>li .ehl_con .ehl_title{font-size: 13px; margin-bottom: 0; width: calc(100% - 30px); -webkit-line-clamp: unset; height: auto;}
.eh_list.referral>ul>li .ehl_con .ehl_title>input{width:100%; border: 1px solid #e2e2e2; padding: 7px 15px 5px; border-radius: 7px;}
.eh_list.referral>ul>li .ehl_con .ehl_count{width:30px; color:#9f9f9f; font-size: 11px;}
.eh_list.referral>ul>li a.ehl_con:visited .ehl_title{color: #cfcfcf;}
.eh_list.referral>ul>li a.ehl_con:visited .ehl_count{color:#cfcfcf;}
.eh_list.referral>ul>li div.ehl_con .ehl_title{padding-right: 50px;}
.eh_list.referral>ul>li .ehl_btn_list{position: absolute; bottom: 5px; right:10px; display: flex; flex-flow: row wrap; gap:5px;}
.eh_list.referral>ul>li .ehl_btn_list>button{width:24px; height:24px; background-color: #f7f7f7; border-radius: 50%; color:#9f9f9f;}

.eh_input_area{display: flex; flex-flow: row wrap; margin-bottom: 30px; position: relative;}
.eh_input_area>button{width:100px; height:40px; background-color: #408efd; color:#fff; border-radius: 8px; box-shadow: 0 4px 10px 0 rgba(0,0,0,.1); position: absolute; right:10px; top:50%; display: flex; align-items: center; justify-content: center; transform: translate(0,-50%);}
.eh_input_area>input{width: 100%; height:60px; border-radius: 12px; box-shadow: 0 4px 10px 0 rgba(0,0,0,.1); padding: 0 120px 0 20px; transition: all .2s;}
.eh_input_area>input:focus{height:70px;}

.eh_list_subtit{font-size: 11px; margin-bottom: 10px; text-align: right; color:#9f9f9f;}

.quiz_info_area{font-size: 21px; display: flex; flex-flow: column wrap; gap:10px; background-color: #f7f7f7; border-radius: 7px; padding: 15px 20px;}

@media only screen and (max-width: 640px){
	.content{padding-top: 80px;}

	.site_header{height:60px;}
	.site_header .sh_wrap .sh_logo_area>a{font-size: 17px; gap:5px;}
	.site_header .sh_wrap .sh_logo_area img{width:24px;}
	.site_header .sh_wrap .sh_menu_area .menu_list_area .menu_close_btn{top:22px;}
	.site_header .sh_wrap .sh_menu_area .menu_list_area>ul>li>a{font-size: 19px;}

	.main_slide{padding: 0 0 40px 0;}
	.main_slide .swiper-button-next, .main_slide .swiper-button-prev{display:none;}
	.main_slide .swiper-horizontal>.swiper-pagination-bullets, .main_slide .swiper-pagination-bullets.swiper-pagination-horizontal, .main_slide .swiper-pagination-custom, .main_slide .swiper-pagination-fraction{bottom: 16px;}

	.main_slide .swiper-slide img{border-radius: 16px;}

	.card_slide .swiper-slide{border-radius: 8px;}

	.main_title{font-size: 21px;}
	.card_slide_area>h1{margin-bottom: 5px;}

	.eh_list>ul>li>a{padding: 15px;}
	.eh_list>ul>li>a .ehl_title{font-size: 15px;}

	.eh_input_area>input{padding: 0 80px 0 20px;}
	.eh_input_area>button{width:60px;}

	.auth_area{padding: 0 24px 40px;}
}