@charset "utf-8";

/* mypage */
.body_wrap{display:flex;}
#side_wrap{width:200px;} 
#content_wrap{margin-left:auto; width:calc(100% - 240px); }
#myp_wrap .profile_img {display:block;position:relative;width:60px;margin:0 auto 40px auto;}
#myp_wrap .profile_img img {width:100%;height:auto;border-radius:50%;}
#myp_wrap .profile_img a.btn_profile_img_edit {display:block;position:absolute;right:0;bottom:0;width:24px;height:24px;color:#fff;text-align:center;background:#222;border-radius:50%;}
#myp_wrap .profile_img a.btn_profile_img_edit i {font-size:14px;line-height:24px;}

#myp_wrap .write_div {position:relative;margin:0 0 40px 0;}
#myp_wrap .write_div:after {display:block;visibility:hidden;clear:both;content:""}
#myp_wrap .write_div label {display:block;margin:0 0 8px 0;font-size:16px;font-weight:700;}
#myp_wrap .write_div .info_txt {margin:0 0 8px 0;color:#999;line-height:140%;}
#myp_wrap .write_div textarea {display:block;width:100%;height:100px;padding:10px;line-height:140%;background:#fff;border:solid 1px #ddd;border-radius:4px;}
#myp_wrap .write_div .btn_addinput {display:block;position:absolute;right:0;top:0;width:40px; height:40px; background:url(/img/plus_icon.svg) no-repeat center center; background-size:100%; display:block; text-indent:-9999px;}
#myp_wrap .write_div .btn_act_edit i {font-size:14px;}
#myp_wrap .write_div .btn_act {display:block;position:absolute;right:0;top:0;height:40px;line-height:40px;}

#myp_wrap .write_div .link_div {margin:0 0 10px 0;line-height:50px;}
#myp_wrap .write_div .link_div:after {display:block;visibility:hidden;clear:both;content:""}
#myp_wrap .write_div .link_div .icon {display:block;float:left;width:30px;color:#999;font-size:16px;}
#myp_wrap .write_div .link_div .label {display:block;float:left;width:200px;font-weight:600;}
#myp_wrap .write_div .link_div .label i {font-size:20px;}
#myp_wrap .write_div .link_div .frm_input {float:left;width:calc(100% - 230px);}
#myp_wrap .write_div_button {text-align:center;}
#myp_wrap .write_div_button .btn_submit {margin:10px auto; max-width:500px; width:100%; height:60px; line-height:60px; background-color:var(--point-color-1); color:#fff; border-radius:5px;}
.overlay {display:none;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.6);z-index:99}

.layer {display:none;position:fixed;left:50%;top:50%;width:360px;padding:20px 10px;background:#fff;border-radius:10px;z-index:999;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
.layer h2 {display:block;margin:0 0 12px 0;font-size:18px;font-weight:700;text-align:center;}
.layer p {margin:0 0 18px 0;color:#999;text-align:center;}
.layer .file_wr {margin:0 0 20px 0;}
.layer .btn_submit {display:block;width:100%;}
.layer .btn_layerclose {display:block;position:absolute;right:10px;top:20px;width:30px;height:30px;text-align:center;background:none;border:none;}
.layer .btn_layerclose i {font-size:20px;}

.layer ul.act {margin:0 0 10px 0;}
.layer ul.act:after {display:block;visibility:hidden;clear:both;content:""}
.layer ul.act li {display:block;float:left;position:relative;margin:0 8px 5px 0;}
.layer ul.act li:last-child {margin:0 0 5px 0;}
.layer ul.act li.chk_box input[type="checkbox"] + label {display:block;position:relative;padding-left:0;padding:0 12px;line-height:30px;color:#666;background:#fff;border:solid 1px #ddd;border-radius:40px;}
.layer ul.act li.chk_box input[type="checkbox"] + label span {display:block;position:absolute;left:0;top:0px;width:0px;height:0px;border:none;}
.layer ul.act li.chk_box input[type="checkbox"] + label:hover span {border:none;}
.layer ul.act li.chk_box input[type="checkbox"] + label span:after {display:none;}

.layer ul.act li.chk_box input[type="checkbox"]:checked + label {color:#fff;background:#222;border:solid 1px #222;}
.layer ul.act li.chk_box input[type="checkbox"]:checked + label span {background:none;border:none;}
.layer ul.act li.chk_box input[type="checkbox"]:checked + label span:after {color:#fff;}

.layer ul.act li .frm_act {display:block;width:80px;height:30px;padding:0 30px 0 12px;color:#999;line-height:28px;background:#fff;border:solid 1px #ddd;border-radius:40px;}
.layer ul.act li .frm_act_direct {display:block;width:100px;height:30px;padding:12px;color:#f00001;line-height:28px;background:#fff;border:solid 1px #f00001;border-radius:40px;}
.layer ul.act li button {display:block;position:absolute;right:0;top:0;width:30px;height:30px;color:#999;text-align:center;background:none;border:none;}
.layer ul.act li button i {font-size:14px;}
.layer ul.act li button.btn_frmact_direct {color:#f00001;}

.link_div {position:relative;}
#myp_wrap .link_div .btn_act {display:block;position:absolute;right:5px;top:5px;height:40px;line-height:40px;}
#myp_wrap .link_div .mobile {display:none !important;}

.frm_input.frm_inputside {float:left;width:calc(100% - 130px);}
.register_form_inner .btn_frmline {display:block;float:right;width:120px;padding:0;font-weight:500;}

.btn.btn_act {background:#222;}
.btn.btn_submit {background:#222;color:#fff;}
.btn.btn_act:hover,
.btn.btn_submit:hover {color:#fff;background:#c10000;}


.frm_input {display:block;position:relative;width:100%;height:50px;padding:0 10px;line-height:48px;background:#fff;border:solid 1px #ddd;border-radius:4px;
-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
}

/* file */
.file_wr .frm_file::file-selector-button {display:none;}
.file_wr .frm_file:after {content:'\eb7e';display:block;position:absolute;right:1px;bottom:1px;width:80px;height:46px;color:#fff;font-family:"xeicon";color:#fff;font-size:24px;text-align:center;line-height:46px;text-indent:0;background:#222;border-radius:4px;cursor:pointer;
-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
}
.file_wr .frm_file:hover:after {background:#444;}



#coupon {border-top:solid 1px #999;}
#coupon li {position:relative;padding:16px 20px;background:#fff;border-bottom:1px solid #eee;}
#coupon li:after {display:block;visibility:hidden;clear:both;content:""}
#coupon .cou_top {display:block;position:relative;margin:0 0 6px 0;}
#coupon .cou_top:after {display:block;visibility:hidden;clear:both;content:""}
#coupon .cou_top .cou_tit {display:block;float:left;font-weight:400;}
#coupon .cou_top .cou_tit i {font-size:20px;}
#coupon .cou_top .cou_pri {display:block;float:right;color:#ff7700;font-weight:500;}
#coupon .cou_target {display:block;float:left;color:#666;font-size:13px;}
#coupon .cou_target i {font-size:12px;}
#coupon .cou_date {display:block;float:left;color:#999;font-size:13px;font-weight:300;}
#coupon .cou_date i {font-size:14px;}
@media screen and (max-width:980px) {
#myp_wrap .write_div {margin:0 10px 40px 10px;}
#myp_wrap .write_div .link_div .label {width:auto;}
#myp_wrap .write_div .link_div .frm_input {width:100%;}
#myp_wrap .write_div_button .btn_submit {width:96%;}
#myp_wrap .link_div .mobile {display:block !important;}
#myp_wrap .link_div .small_input {width:100% !important;}
.layer {width:320px;}
}

/* 아웃로그인 스킨 */
.ol {position:relative;margin:0 0 20px 0;padding:20px 10px;border:solid 1px #eee;border-radius:5px;}
.ol h2 {}

.ol a.btn_admin {display:block;position:absolute;left:10px;top:20px;line-height:30px;} /* 관리자 전용 버튼 */
.ol a.btn_admin:focus, .ol a.btn_admin:hover {text-decoration:none}
.ol a.btn_admin i {color:#444;font-size:18px;}

#ol_before {}
#ol_before:after {display:block;visibility:hidden;clear:both;content:""}
#ol_before .profile_img {display:block;width:50px;margin:0 auto 10px auto}
#ol_before .profile_img img {width:100%;height:auto;}
#ol_before p {margin:0 0 10px 0;padding:0 0 10px 0;color:#999;font-size:13px;text-align:center;line-height:140%;border-bottom:solid 1px #eee;}
#ol_svc {font-size:13px;text-align:center;}
#ol_svc:after {display:block;visibility:hidden;clear:both;content:""}
#ol_svc a {font-size:13px;}
#ol_after {}
#ol_after h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#ol_after_hd {position:relative;}
#ol_after_hd .profile_img {display:block;position:relative;width:50px;margin:0 auto 10px auto}
#ol_after_hd .profile_img img {width:100%;height:auto;}
#ol_after_info {display:block;position:absolute;right:-4px;bottom:-4px;width:28px;height:28px;text-align:center;border:solid 1px #ddd;border-radius:50%; background:url(/img/icon_modify.svg) no-repeat center center #fff; background-size:15px;}
#ol_after_info i {font-size:14px;line-height:26px;}
#ol_after_hd strong {display:block;margin:0 0 4px 0;font-weight:400;text-align:center;}
#ol_after #ol_after_pt {display:block;margin:0 0 10px 0;padding:0 0 10px 0;text-align:center;border-bottom:solid 1px #eee;}
#ol_after #ol_after_pt strong {display:inline-block;margin:0;color:#c9050c;font-weight:400;}
#ol_after #ol_after_pt i {color:#444;font-size:18px;}
#ol_after_logout {display:block;position:absolute;right:10px;top:20px;width:30px;height:30px;text-align:center;border:none;border-radius:50%; background:url(/img/icon_logout.svg) no-repeat center center #f6f6f6; background-size:15px;}
#ol_after_logout i {font-size:18px;line-height:30px;}

#ol_after_admin {display:block;position:absolute;left:10px;top:20px;width:30px;height:30px;text-align:center;border:none;border-radius:50%; background:url(/img/icon_admin.svg) no-repeat center center #f6f6f6; background-size:15px;}
#ol_after_admin i {font-size:18px;line-height:30px;}


#ol_after_private {}
#ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
#ol_after_private li {display:block;position:relative;}
#ol_after_private a {display:block;font-size:1rem; line-height:24px;}
#ol_after_private a strong {display:block;position:absolute;right:0;top:0;color:#c9050c;font-weight:400;}
#ol_after_private li i {font-size:16px;}
#ol_after_private li i.xi-angle-right {color:#999;font-size:12px;}
#ol_after_private li i.xi-new {color:#ff0000}

#side_wrap ul.snb_side {}
#side_wrap ul.snb_side li {display:block;}
#side_wrap ul.snb_side li a {display:block;padding:0 15px;color:#555;font-size:16px;font-weight:400;line-height:40px;background:#fff;border-radius:4px;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
#side_wrap ul.snb_side li a:hover,
#side_wrap ul.snb_side li a.active {color:#222;font-weight:600;background:#eee;}

#snb_wrap {height:0;overflow:hidden;}
#snb {padding:0 20px;background:#15536d}
#snb .swiper-slide {width:auto}
#snb {white-space:nowrap;overflow:hidden}
#snb ul:after {display:block;visibility:hidden;clear:both;content:""}
#snb li {display:inline-block;}
#snb a {display:block;position:relative;color:#fff;font-weight:400;line-height:40px;letter-spacing:-0.5px;}
#snb a.active:after {content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:3px;background:#fff;}
#ssnb {margin:0 0 20px 0;padding:0 20px;background:#fff;box-shadow:2px 2px 6px rgba(0,0,0,0.1);}
#ssnb .swiper-slide {width:auto}
#ssnb {white-space:nowrap;overflow:hidden}
#ssnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#ssnb li {display:inline-block;}
#ssnb a {display:block;position:relative;line-height:40px;letter-spacing:-0.5px;}
#ssnb a.active {color:#15536d;}
#ssnb a.active:after {content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:2px;background:#15536d;}

ul.act {margin:0 0 12px 0;}
ul.act:after {display:block;visibility:hidden;clear:both;content:""}
ul.act li {position:relative; display:block;float:left;position:relative;margin:0 8px 5px 0;}
ul.act li:last-child {margin:0 0 5px 0;}
ul.act li.chk_box input[type="checkbox"] + label {display:block;position:relative;padding-left:0;padding:0 14px;line-height:40px;color:#999;background:#eee;border-radius:40px;}
ul.act li.chk_box input[type="checkbox"] + label span {display:block;position:absolute;left:0;top:0px;width:0px;height:0px;border:none;}
ul.act li.chk_box input[type="checkbox"] + label:hover span {border:none;}
ul.act li.chk_box input[type="checkbox"] + label span:after {display:none;}

ul.act li.chk_box input[type="checkbox"]:checked + label {color:#fff;background:#222;}
ul.act li.chk_box input[type="checkbox"]:checked + label span {background:none;border:none;}
ul.act li.chk_box input[type="checkbox"]:checked + label span:after {color:#fff;}
.selec_chk {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;opacity:0;outline:0;z-index:-1;}

.list_cont{background:url(img/main_bg.png) no-repeat right 5px top 260px;}
.listType_1{display:flex; flex-wrap:wrap;}
.listType_1>li{position:Relative;  width:23.75%; margin-right:1.66%; margin-bottom:30px; }
.listType_1>li:nth-child(4n){margin-right:0;}
.listType_1>li .img_area{position:relative; margin-bottom:20px; border-radius:10px; overflow:hidden;}
.listType_1>li .img_area .no_image{position:absolute; left:0; top:0; width:100%; height:100%; background:url(/theme/wering/img/logo.svg) no-repeat center center #eee; text-indent:-9999px;}
.listType_1>li .img_area a{position:relative; aspect-ratio: 1/1; display:block;}
.listType_1>li .img_area img{width:100%; height:100%; object-fit: cover; border-radius:10px; }
.listType_1>li .img_area .area{position:absolute; left:0; top:0; padding:4px 15px; background-color:#222; border-radius:10px; display:inline-block; font-size:0.9375rem; color:#fff; font-weight:600; }
.listType_1>li .txt_area .info{margin-bottom:20px;}
.listType_1>li .txt_area .info ul{display:flex; align-items: center; flex-wrap:wrap;}
.listType_1>li .txt_area .info ul li{margin-right:10px;}
.listType_1>li .txt_area .info ul li:last-child{margin-right:0;}
.listType_1>li .txt_area .info ul li span{padding:5px 12px; display:inline-block; border-radius:5px; background-color:var(--point-color-1); color:#fff; font-size:1.125rem; }
.listType_1>li .txt_area .info ul li .applicants{background-color:var(--point-color-2); }
.listType_1>li .txt_area .title{margin-bottom:5px; font-size:1.125rem; font-weight:600; min-height:55px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.listType_1>li .txt_area address{margin-bottom:9px; font-size:1rem; color:#666; line-height:1.625;}
.listType_1>li .txt_area .time{padding-left:26px; color:var(--point-color-1); font-weight:500; background:url(../theme/wering/img/ic_time.svg) no-repeat 0 center;}
.listType_1>li .txt_area .price{margin-top:15px; padding-top:15px; border-top:1px solid #ddd; }
.listType_1>li .txt_area .price .badge{margin-right:12px; padding:5px 15px; display:inline-block; border-radius:10px; background-color:#EFEFEF; color:#666; font-size:0.9375rem; }
.listType_1>li .txt_area .price span{font-size:1.125rem; font-weight:500; color:#666;}
.listType_1>li .txt_area .price span strong{font-size:1.125rem; font-weight:700; color:#FF2F01;}

@media screen and (max-width: 960px) {
.listType_1{flex-wrap:wrap;}
.listType_1>li{margin:0 0 30px; width:49%;}
.listType_1>li:nth-child(2n){margin-left:auto; }
}


.proposal h2{font-size:2rem; font-weight:700; }
.proposal .top_txt{margin:10px 0 70px; font-size:1.125rem; line-height:1.6;}
.proposal_list .tit{font-size:1.25rem; font-weight:700;}
.proposal_list p{font-size:1rem; color:#666;}
.proposal_list ul li{position:relative; padding-left:20px; margin-bottom:20px; }
.proposal_list ul li:before{position:absolute; left:0; top:10px; width:5px; height:5px; background-color:var(--point-color-1); border-radius:50%; display:block; content:"";}
.proposal_list ul li .input_area{padding-top:10px;}
.proposal_list ul li .input_area input[type=text]{width:100%; height:40px; border-radius:5px; }
.proposal_list ul li .terms_box{margin-top:10px; padding:20px; border:1px solid #ddd; border-radius:5px; }
.proposal .agree{margin:20px 0 40px; font-size:1.125rem; }
.proposal .btn_area{text-align:center;;}
.proposal .btn_area .btn{margin:0 auto; width:200px; height:60px; line-height:60px; border:none; background-color:var(--point-color-1); color:#fff; font-weight:400; border-radius:5px;  display:inline-block; }

@media screen and (max-width: 960px) {
.body_wrap{display:block;}
#side_wrap{width:100%;}
#content_wrap{margin:40px 0 0; width:100%;}
#ol_after_private{position:relative;display:flex;  margin-top:20px;}
#ol_after_private:before{position:absolute; left:50%; top:50%; width:1px; height:12px; background-color:#333; display:block; content:""; transform: translateY(-50%);}
#ol_after_private li{position:relative; width:45%;}
#ol_after_private li:nth-child(2n){margin-left:auto;}

.proposal_list ul li:before{top:7px;}
}

@media screen and (max-width: 640px) {

#myp_wrap .write_div_button .btn_submit,
.proposal .btn_area .btn{width:100%; height:46px; line-height:46px;}
}

#search_wrap {position: relative;
	width: 1400px;
    margin: 0 auto 20px;
    max-width: var(--sub_width);
}