@charset "utf-8";

:root {
    --color_blue_1: #0f4fec;
    --color_blue_2: #0068dc;
    --color_blue_3: #5167f3;
    --color_blue_4: #00aeff;
    --color_light_1: #edf2f8;
    --color_light_2: #f8fafc;
    --color_border_1: #d2e4e9;
    --color_border_2: #dbe0eb;
    --color_pink_1: #f03789;
    --color_pink_2: #a11ac1;
    --color_gray_1: #817683;

    --radius_box_1: 9px;

    --height_box_1: 47px;
    --height_box_2: 57px;

    --height_radio_1: 27px;
    --height_radio_2: 31px;

}

.calc_wrap90{
    width: -webkit-calc(100% + 90px);
    width: -moz-calc(100% + 90px);
    width: calc(100% + 90px);
    margin-left: -90px;
}

/*=======색상 관련========*/
.color_blue_1{ color: var(--color_blue_1); }
.color_blue_2{ color: var(--color_blue_2); }
.color_blue_3{ color: var(--color_blue_3); }
.color_blue_4{ color: var(--color_blue_4); }
.color_light_1{ color: var(--color_light_1); }
.color_light_2{ color: var(--color_light_2); }
.color_border_1{ color: var(--color_border_1); }
.color_border_2{ color: var(--color_border_2); }

.point_blue{ color: var(--color_blue_4); }
.point_pink{ color: var(--color_pink_1); }


/*=======공통========*/

/*카테고리 리스트*/
.category_list{}
.category_list > li{display: inline-block; position: relative; padding-right: 38px;padding-left: 44px;}
.category_list > li:not(:first-child)::before{content: "";position: absolute;top: 3px;left: 0px;width: 1px;height: 21px;background-color: var(--color_border_2);}

/*해시태그*/
.hashtag_con .hashtag_text{ display: inline-block; padding: 8px 14px 8px 23px; border-radius: 100px; background-color: var(--color_light_1); position: relative;
    font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 600; margin-right: 2px; margin-bottom: 5px;}
.hashtag_con .hashtag_text:last-child{ margin-right: 0; }
.hashtag_con .hashtag_text:before{ content: '#'; position: absolute; top: 8px; left: 10px; }

/*ul li 리스트*/
ul.has_left{ text-align: left; }
ul.has_left li{ padding-left: 16px; margin-bottom: 6px; font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: 300; letter-spacing: -0.02em; position: relative; word-break: keep-all;}
ul.has_left li:last-child{ margin-bottom: 0; }
ul.has_left li::before{ content: ""; position: absolute; display: inline-block; }
ul.has_left.dot li::before{ top: 9px; left: 0; width: 3px; height: 3px; background-color: #677a91; }
ul.has_left.bar li::before{ top: 12px; left: 0; width: 6px; height: 1px; background-color: #677a91; position: absolute;}
ul.has_left li.no_left{ text-indent: -10000px; opacity: 0; }
ul.has_left li.no_left::before{ content: none; }
ul.center li{ text-align: center; }


/*폼*/
/*(콘텐츠)*/
.form_content_wrap.type_complete{ }
#pageCollaborationRequestConfirm .form_content_wrap{ margin-top: 5px; }
#pageCounselRequestConfirm .form_content_wrap{ margin-top: 25px; }
#pageQnaRequestConfirm .form_content_wrap{ margin-top: 35px; }
.form_content_con{ }
.form_content_con.align_center{ display: flex; flex-wrap: wrap; justify-content: center; }
.form_content_list:last-of-type{ margin-bottom: 0; }
.form_content_title{ width: 153px; display: inline-block; font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; font-weight: 600; margin-top: 29px; }
.form_content_title.is_essential span{ position: relative; }
.form_content_title.is_essential span:after{ content: "*"; position: absolute; top: 3px; right: -16px; font-size: 18px; font-size: 1.8rem; line-height: 18px; line-height: 1.8rem; font-weight: 700; color: var(--color_pink_1); }
.form_content_input{ display: inline-block; width: 100%; min-height: 55px; font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: 600; margin-top: 14px;}
.form_content_input .input_style_00.type_2{ width: 100%; }
.form_content_input .countdown_time{ font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: 500; color: var(--color_blue_4); margin-right: 19px; cursor: default; }
.form_content_input .user_email{padding-left: 10px; margin-top: 14px; font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; font-weight: 600;}
.form_input_btm_desc{ margin-top: 18px; margin-left: 1px; font-size: 15px; font-size: 1.5rem; line-height: 24px; line-height: 2.4rem; font-weight: 400; cursor: default; }
.form_input_btm_desc.has_bar{ padding-left: 14px; position: relative; }
.form_input_btm_desc.has_bar:before{ content: ''; width: 5px; height: 1px; background-color: #000; position: absolute; top: 10px; left: 0; }
.form_button_con{ text-align: center; }
.form_content_wrap.type_form .form_button_con{ margin-top: 50px; }
.form_content_wrap.type_form .form_button_con.has_border_top{margin-top: 41px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 46px;}
.form_content_wrap.type_complete .form_button_con{ margin-top: 22px; }
.form_content_title.form_id{width: 63px; }
.form_content_name{font-size: 18px; font-size: 1.8rem; line-height: 21px; line-height: 2.1rem; font-weight: 700; margin-top: 26px;}
.form_content_name .user_email{font-size: 16px; font-size: 1.6rem; font-weight: 400; margin-top: 2px;}

/* 공통달력 */
.cal_wrap {transform: scale(1.245); padding: 13px 0px; width: 340px; height: 305px; margin-top: 88px; margin-left: 40px;}
.cal_wrap .cal_top {padding: 12px 15px 10px; overflow: hidden; background-color: #f4f6fc; border-top-right-radius: 4px; border-top-left-radius: 4px; border: 1px solid #dfddf1; border-bottom: none;}
.cal_wrap .cal_top > p {text-align: center; font-size: 18px; font-weight: bold; color: #ffffff;}
.cal_wrap .cal_top > p span.prev_btn {padding: 6px 4px; background:url(../img/common_icon/cal_btn_l.png) no-repeat 0px 3px; text-indent: -10000px; float: left;}
.cal_wrap .cal_top > p span.next_btn {padding: 6px 4px; background:url(../img/common_icon/cal_btn_r.png) no-repeat 0px 3px; text-indent: -10000px; float: right;}
.cal_wrap .cal_tb_con { background: #fff; padding: 10px 14px 16px 14px; border: 1px solid #dfddf1; border-top: 0px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
.cal_wrap .cal_tb_con .cal_tb {width: 100%;}
.cal_wrap .cal_tb_con .cal_tb th {text-align: center; font-size: 12px; color: #444444; height: 39px;}
.cal_wrap .cal_tb_con .cal_tb th {text-align: center; font-size: 12px; color: #444444; height: 39px;}
.cal_wrap .cal_tb_con .cal_tb td {text-align: center; font-size: 12px; color: #444444; height: 39px; font-weight: 400;}
.cal_wrap .cal_tb_con .cal_tb td span {padding:11px 13px;}
.cal_wrap .cal_tb_con .cal_tb .sunday {border-left: 0px solid #e1e1e1; color: #ff0000; }
.cal_wrap .cal_tb_con .cal_tb .saturday {color : #0000ff; }
.cal_wrap .cal_tb_con .cal_tb td.datepicker_today { background-color: #f4f6fc; font-weight: bold; border-radius: 4px;}
.cal_wrap .cal_tb_con .cal_tb td:hover {cursor: pointer; font-weight: bold;}
/*(calendar_style_1_month_con)*/
.calendar_style_1_month_con .calendar_style_1_month_inner{font-size:0; line-height:0; text-align:center;}
.calendar_style_1_month_con .arrow_box{display:inline-block; vertical-align:middle; cursor:pointer; margin-bottom:1px; width:25px; height:17px; background-repeat: no-repeat; background-position: center center;}
.calendar_style_1_month_con .arrow_box.prev{width:25px;
    background-image: url("data:image/svg+xml,%3Csvg style='width:19px; margin-top:3px;' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='레이어_1' x='0px' y='0px' viewBox='0 0 40 40' xml:space='preserve'%3E%3Cg%3E%3Crect x='12.7' y='10.8' width='1.4' height='18.3'%3E%3C/rect%3E%3Cpolygon points='26.3,28.8 17.5,20 26.3,11.3 27.3,12.3 19.5,20 27.3,27.8 '%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E");
    background-size: 21px 21px;  background-position: center top -5px;}
.calendar_style_1_month_con .arrow_box.left{width:25px; background-image: url("data:image/svg+xml,%3Csvg style='width:19px; margin-top:3px;' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='레이어_1' x='0px' y='0px' viewBox='0 0 40 40' xml:space='preserve'%3E%3Cpath d='M24.3,28.8L15.5,20l8.9-8.9l1,1L17.5,20l7.8,7.8C25.4,27.8,24.3,28.8,24.3,28.8z'%3E%3C/path%3E%3C/svg%3E");background-size: 21px 21px; background-position: center top -5px; margin-right: 20px}
.calendar_style_1_month_con .arrow_box.right{background-image: url("data:image/svg+xml,%3Csvg style='width:19px; margin-top:3px;' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='레이어_1' x='0px' y='0px' viewBox='0 0 40 40' xml:space='preserve'%3E%3Cpath d='M17.7,28.8l-1-1l7.8-7.8l-7.8-7.9l1-1l8.9,8.9C26.5,20,17.7,28.8,17.7,28.8z'%3E%3C/path%3E%3C/svg%3E");
    background-size: 21px 21px; background-position: center top -5px; margin-left:20px;}
.calendar_style_1_month_con .arrow_box.next{width:25px; background-image: url("data:image/svg+xml,%3Csvg style='width:19px; margin-top:3px;' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='레이어_1' x='0px' y='0px' viewBox='0 0 40 40' xml:space='preserve'%3E%3Cg%3E%3Cpolygon points='13.7,28.8 12.7,27.8 20.5,20 12.7,12.2 13.7,11.2 22.5,20 '%3E%3C/polygon%3E%3Crect x='25.9' y='10.8' width='1.4' height='18.3'%3E%3C/rect%3E%3C/g%3E%3C/svg%3E"); background-size: 21px 21px; background-position: center top -5px;}
.calendar_style_1_month_con .calendar_month_text{font-size:13px; line-height:22px; vertical-align:middle; color:#000; font-weight:700; width:103px; margin-left:15px; margin-right:15px; display:none;}


/*=======버튼========*/

/*더보기*/
.more_btn_con{}

.more_btn{font-size: 14px;font-size: 1.4rem;line-height: 25px;line-height: 2.5rem;font-weight: 700;padding: 5px 7px 4px 5px;border-radius: 17px;}
.more_btn .more_btn_text{float: right;padding-right: 22px;background: url("/weven_data/rapahub/user_template/resource/img/svg/keyboard_arrow_right_FILL0_wght400_GRAD0_opsz20.svg");background-size: 18px 18px;background-position: right 0 top 3px;background-repeat: no-repeat;}

/*검정색 더보기*/
.more_btn.type_black{background-color: black;color: #ffffff;padding: 5px 8px 4px 17px; transition: background-color 0.2s, color 0.2s, border-color 0.2s; }
.more_btn.type_black:hover{background-color: var(--color_blue_1);}
.more_btn.type_black .more_btn_text{font-weight: 600;padding-right: 22px;background: url("/weven_data/rapahub/user_template/resource/img/svg/keyboard_arrow_right_FILL0_wght400_GRAD0_opsz20_white.svg");
    background-size: 18px; background-position: right 0 top 3px;background-repeat: no-repeat;}

/*파란색 더보기*/
.more_btn.type_blue{background-color: var(--color_blue_4); color: #ffffff; padding: 19px 18px 19px 39px; border-radius: 36px;}
.more_btn.type_blue:hover{background-color: var(--color_blue_1);}
.more_btn.type_blue .more_btn_text{font-size: 23px; font-size: 2.3rem; line-height: 3.4rem; line-height: 34px;font-weight: 700;padding-right: 49px;background: url("/weven_data/rapahub/user_template/resource/img/svg/chevron_right_FILL0_wght300_GRAD0_opsz40_white.svg");
    background-size: 32px; background-position: right 0 top 1px;background-repeat: no-repeat;}

/*업로드*/
.upload_btn_con{}
.upload_btn{background-color: var(--color_blue_4);padding: 5px 25px 5px 25px;border-radius: 22px;}
.upload_btn:hover{background-color: var(--color_blue_1);}
.upload_btn .upload_btn_text{font-size: 15px;font-size: 1.5rem;line-height: 34px;line-height: 3.4rem;font-weight: 700;color: #ffffff;padding-left: 17px;background: url("/weven_data/rapahub/user_template/resource/img/upload_icon.png");background-position: left 0 top 2px;background-repeat: no-repeat;}

/*수정버튼*/
.btn_edit_icon{ display: inline-block; width: 25px; height: 25px; padding: 10px; vertical-align: middle;
    background-image: url("/weven_data/rapahub/user_template/resource/img/svg/edit_FILL0_wght400_GRAD0_opsz24.svg"); background-size: 24px; background-position: center center; background-repeat: no-repeat; }

/*작은 텍스트 버튼(투명배경 흰색)*/
.btn_text{ display: inline-block; border: 1px solid #fff; color: #fff !important; background-color: transparent; width: 72px; padding: 4px 0; border-radius: 7px;
    font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 500; transition: color 0.3s; }
.btn_text:hover{ color: #000 !important; background-color: #fff; font-weight: 700; }

/*큰 텍스트 버튼(하늘배경)*/
.btn_type_square{ display: inline-block; border: 1px solid var(--color_blue_4); color: #fff !important; background-color: var(--color_blue_4); width: 82px; padding: 8px 0 9px 0; border-radius: 7px; box-sizing: border-box;
    font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 600; text-align: center; transition: border-color 0.3s, background-color 0.3s; }
.btn_type_square:hover{ border-color: var(--color_blue_1); background-color: var(--color_blue_1); }

/*텍스트 밑줄 버튼*/
.btn_underline{ display: inline-block; color: var(--color_blue_4) !important; padding: 10px 0 10px 10px; cursor: pointer;
    font-size: 16px; font-size: 1.6rem; line-height: 22px; line-height: 2.2rem; font-weight: 600; transition: color 0.3s; }
.btn_underline span{ position: relative; }
.btn_underline span:after{ content: ''; position: absolute; bottom: -3px; left: 0; width: 100%; height: 1px; background-color: var(--color_blue_4); transition: background-color 0.3s; }
.btn_underline:hover{ color: var(--color_blue_1) !important; }
.btn_underline:hover span:after{ background-color: var(--color_blue_1) !important; }
.btn_underline.pink{ color: var(--color_pink_1) !important; }
.btn_underline.pink span:after{ background-color: var(--color_pink_1) !important; }

/*바로 구분되어 있는 텍스트 버튼*/
.btn_has_bar{ display: inline-block; color: #000; font-size: 16px; font-size: 1.6rem; line-height: 21px; line-height: 2.1rem; font-weight: 600;
    position: relative; padding-right: 17px; margin-right: 12px; }
.btn_has_bar:after{ content: ''; width: 1px; height: 13px; background-color: var(--color_border_1); position: absolute; top: 3px; right: 0; }
.btn_has_bar:last-child{ padding-right: 0; margin-right: 0; }
.btn_has_bar:last-child:after{ content: none; }

/*-----길고 둥근 버튼-----*/

/*길고 둥근 버튼*/
.btn_type_long{ display: inline-block; width: 138px; padding: 15px 0 14px 0; border-radius: 100px; background-color: #b6c7d7; box-sizing: border-box; margin-right: 7px;
    font-size: 17px; font-size: 1.7rem; line-height: 21px; line-height: 2.1rem; font-weight: 700; color: #fff !important; text-align: center; transition: background-color 0.2s, color 0.2s, border-color 0.2s;  cursor: pointer;}
.btn_type_long:last-child{ margin-right: 0; }
.btn_type_long.w100{ width: 100% !important; }
.btn_type_long.black{ background-color: #000; }
.btn_type_long.white{ background-color: #fff; color: #000 !important; border: 1px solid var(--color_border_1);}
.btn_type_long:hover{ background-color: var(--color_blue_1) !important; }
.btn_type_long.white:hover{ color: #fff !important;}

/*길고 둥근 버튼 - width type 2*/
.btn_type_long.w_type_2{ width: 158px; }

/*길고 둥근 버튼 - 우측 화살표*/
.btn_type_long.btn_arrow_right{ text-align: left; padding-left: 25px;
    background-image: url("/weven_data/rapahub/user_template/resource/img/svg/chevron_right_FILL0_wght300_GRAD0_opsz40_white.svg"); background-size: 26px; background-position: right 6px center; background-repeat: no-repeat; }
.btn_type_long.btn_arrow_right.white{ background-image: url("/weven_data/rapahub/user_template/resource/img/svg/chevron_right_FILL0_wght300_GRAD0_opsz40.svg");}
.btn_type_long.btn_arrow_right.white:hover{ background-image: url("/weven_data/rapahub/user_template/resource/img/svg/chevron_right_FILL0_wght300_GRAD0_opsz40_white.svg");}

/*길고 둥근 버튼 - 작은 버전*/
.btn_type_long.small{ width: 90px; padding: 6px 0; background-color: #fff; border: 1px solid #bed5db;
    font-size: 13px; font-size: 1.3rem; line-height: 19px; line-height: 1.9rem; font-weight: 600; color: #000 !important; }
.btn_type_long.small:hover{ border-color: var(--color_blue_1); color: #fff !important; }

/*-----원형버튼-----*/

/*원형버튼*/
.btn_type_circle{ display: inline-block; width: 47px; height: 47px; border: 1px solid var(--color_border_1); border-radius: 50%; background-color: #fff; box-sizing: border-box; text-indent: -10000px;
    background-size: 20px; background-position: center center; background-repeat: no-repeat; transition: border-color 0.2s, background-color 0.2s, background-image 0.2s; }
.btn_type_circle:hover{ border-color: var(--color_blue_1); background-color: var(--color_blue_1); }

/*원형버튼 - 화살표(좌우)*/
.btn_type_circle.btn_arrow_left{ background-image: url("/weven_data/rapahub/user_template/resource/img/svg/chevron_left_FILL0_wght300_GRAD0_opsz40.svg"); background-size: 32px; }
.btn_type_circle.btn_arrow_left:hover{ background-image: url("/weven_data/rapahub/user_template/resource/img/svg/chevron_left_FILL0_wght300_GRAD0_opsz40_white.svg"); }
.btn_type_circle.btn_arrow_right{ background-image: url("/weven_data/rapahub/user_template/resource/img/svg/chevron_right_FILL0_wght300_GRAD0_opsz40.svg"); background-size: 32px; }
.btn_type_circle.btn_arrow_right:hover{ background-image: url("/weven_data/rapahub/user_template/resource/img/svg/chevron_right_FILL0_wght300_GRAD0_opsz40_white.svg"); }

/*원형버튼 - 공유*/
.share_btn_con .share_btn .share_btn_img{ display: inline-block; top: 0; left: 0; width: 100%; height: 100%; position: absolute;
    background-image: url("/weven_data/rapahub/user_template/resource/img/svg/share_empty.svg"); background-size: 23px; background-position: left 11px top 12px; background-repeat: no-repeat; }
.share_btn_con .share_btn:hover .share_btn_img{ background-image: url("/weven_data/rapahub/user_template/resource/img/svg/share_empty_white.svg"); }
.share_btn_con .share_drop_wrap{ background-color: #fff; border: 1px solid #c6d6e2; border-radius: 20px; width: 431px; position: absolute; top: 65px; left: 50%; z-index: 99;
    transform-origin: left top; transform: scale(0); opacity: 0; transition: transform .2s, opacity .4s; color: #000; }
.share_btn_con .share_btn.active + .share_drop_wrap{ transform: scale(1) translateX(-50%); opacity: 1; box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.07);}
.share_btn_con.short .share_btn.active + .share_drop_wrap{ transform: scale(1) translateX(-38%);}
.share_btn_con.short.type_2 .share_btn.active + .share_drop_wrap{ transform: scale(1) translateX(-25%);}
.share_btn_con .share_drop_wrap .share_drop_con_top{ padding: 13px 12px 0 28px; }
.share_btn_con .share_drop_wrap .share_drop_title{ font-size: 21px; font-size: 2.1rem; line-height: 15px; line-height: 1.5rem; font-weight: 800; margin-top: 14px; }
.share_btn_con .share_drop_wrap .share_drop_close{ width: 21px; height: 21px; padding: 20px;
    background-image: url("/weven_data/rapahub/user_template/resource/img/svg/close.svg"); background-size: 26px; background-position: center; background-repeat: no-repeat; }
.share_btn_con .share_drop_wrap .share_drop_con_bottom{ padding: 15px 30px 47px 30px; }
.share_btn_con .share_drop_wrap .share_drop_content{ padding: 0 10px; }
.share_btn_con .share_drop_wrap .share_drop_content ul > li{ padding-left: 22px; margin-bottom: 17px; position: relative;
    font-size: 17px; font-size: 1.7rem; line-height: 13px; line-height: 1.3rem; font-weight: 600; text-align: center; margin-top: 10px;}
.share_btn_con .share_drop_wrap .share_drop_content ul > li div[class^=share_sns_]{ cursor: pointer; }
.share_btn_con .share_drop_wrap .share_drop_content ul > li span.icon{ display: inline-block; width: 100%; padding-top: 65px; background-position: center top; background-repeat: no-repeat; }
.share_btn_con .share_drop_wrap .share_drop_content ul > li span.text{ display: inline-block; position: absolute; bottom: -27px; left: 11px; width: 100%; }
.share_btn_con .share_drop_wrap .share_drop_content ul > li span.icon:hover + span.text{ font-weight: 700; transition: 0.3s; }
.share_btn_con .share_drop_wrap .share_drop_content ul > li .share_sns_kakaotalk span.icon{ background-image: url("/weven_data/rapahub/user_template/resource/img/svg/share_sns_kakaotalk.svg"); }
.share_btn_con .share_drop_wrap .share_drop_content ul > li .share_sns_kakaostory span.icon{ background-image: url("/weven_data/rapahub/user_template/resource/img/svg/share_sns_kakaostory.svg"); }
.share_btn_con .share_drop_wrap .share_drop_content ul > li .share_sns_line span.icon{ background-image: url("/weven_data/rapahub/user_template/resource/img/svg/share_sns_line.svg"); }
.share_btn_con .share_drop_wrap .share_drop_content ul > li .share_sns_band span.icon{ background-image: url("/weven_data/rapahub/user_template/resource/img/svg/share_sns_band.svg"); background-position: 0 0;}
.share_btn_con .share_drop_wrap .share_drop_content ul > li .share_sns_naver span.icon{ background-image: url("/weven_data/rapahub/user_template/resource/img/svg/share_sns_naver.svg"); }
.share_btn_con .share_drop_wrap .share_drop_content ul > li .share_sns_facebook span.icon{ background-image: url("/weven_data/rapahub/user_template/resource/img/svg/share_sns_facebook.svg"); }
.share_btn_con .share_drop_wrap .share_drop_content ul > li .share_sns_twitter span.icon{ background-image: url("/weven_data/rapahub/user_template/resource/img/svg/share_sns_twitter.svg"); }
.share_btn_con .share_drop_wrap .share_drop_url{ position: relative; margin-top: 11px; height: 46px; }
.share_btn_con .share_drop_wrap .share_drop_url input{ height: 100%; background-color: #f1f7fa; font-size: 13px; font-size: 1.3rem; line-height: 13px; line-height: 1.3rem; font-weight: 300; padding-right: 52px; padding-bottom: 12px; }
.share_btn_con .share_drop_wrap .share_drop_url .input_over_btn{ position: absolute; top: 1px; right: 1px; font-size: 13px; font-size: 1.3rem; line-height: 13px; line-height: 1.3rem; font-weight: 500; text-align: center;
    width: 52px; height: calc(100% - 2px); padding: 14px 0; background-color: #fff; border: 1px solid #fff; border-top-right-radius: 6px; border-bottom-right-radius: 6px; box-sizing: border-box; }

/*원형버튼 - 찜하기*/
.btn_favorite{ background-image: url("/weven_data/rapahub/user_template/resource/img/svg/favorite_bd_black.svg"); background-size: 22px; background-position: 12px 13px;}
.btn_favorite:hover{ border-color: var(--color_border_1); background-color: #fff; background-image: url("/weven_data/rapahub/user_template/resource/img/svg/favorite_bd_black.svg") !important; }
.btn_favorite.active{ border-color: #f4136d; background-color: #f4136d; background-image: url("/weven_data/rapahub/user_template/resource/img/svg/favorite_white.svg") !important; }

/*원형버튼 - 링크복사*/
.btn_url_copy{ background-image: url("/weven_data/rapahub/user_template/resource/img/svg/link_FILL0_wght400_GRAD0_opsz24.svg"); background-size: 26px; transform: rotate(-45deg); }
.btn_url_copy:hover{ background-image: url("/weven_data/rapahub/user_template/resource/img/svg/link_FILL0_wght400_GRAD0_opsz24_white.svg"); }

/*원형버튼 - 모바일에서 탭 열기*/
.btn_mobile_tab{ border-color: #000; background-color: #000; background-image: url("/weven_data/rapahub/user_template/resource/img/svg/menu_open_FILL0_wght400_GRAD0_opsz24_white.svg"); background-size: 30px; transform: rotate(180deg);  cursor: pointer;}

/*원형버튼 - 프로필이미지 추가*/
.btn_profile_add{ border-color: var(--color_blue_4); background-color: var(--color_blue_4);
    background-image: url("/weven_data/rapahub/user_template/resource/img/svg/image_search_FILL0_wght500_GRAD0_opsz24_white.svg"); background-size: 23px; }

/*원형버튼 - 프로필이미지 삭제*/
.btn_profile_delete{ border-color: var(--color_blue_4); background-color: var(--color_blue_4);
    background-image: url("/weven_data/rapahub/user_template/resource/img/svg/close_FILL0_wght500_GRAD0_opsz24_white.svg"); background-size: 23px; }


/*=======스와이퍼========*/

.swiper {width: 100%;height: 100%;}
.swiper-slide {} /*공통으로 들어간 곳이 많음. 사용시 주의*/
.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.swiper {margin-left: auto;margin-right: auto;}

.swiper_btn_con .swiper-button-next, .swiper-button-prev{position: relative;top: 0;margin-top: 0;width: 40px;height: 40px;background-size: 38px 40px;background-position: center;background-repeat: no-repeat;z-index: 10;cursor: pointer;display: inline-block;right: 0;left: 0;}
.swiper_btn_con .swiper-button-next{background-image: url(/weven_data/rapahub/user_template/resource/img/svg/chevron_right_FILL0_wght300_GRAD0_opsz40.svg);margin-left: 21px;}
.swiper_btn_con .swiper-button-prev{background-image: url(/weven_data/rapahub/user_template/resource/img/svg/chevron_left_FILL0_wght300_GRAD0_opsz40.svg);margin-right: 21px;}

.swiper_btn_con .swiper-pagination{position: relative;text-align: center;display: inline-block;width: auto;height: auto;vertical-align: middle;transition: 0.3s;-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);z-index: 10;top: -16px;}
.swiper_btn_con .swiper-pagination .swiper-pagination-bullet {width: 8px;height: 8px;display: inline-block;border-radius: 100%;background-color: transparent;border: 1px solid #000000;opacity: 0.3;cursor: pointer;}
.swiper_btn_con .swiper-pagination > span:not(:last-child) {margin-right: 15px;}
.swiper_btn_con .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;background-color: #000000;}


/*======= INPUT ========*/

/*기본*/
input.position_ab { position: absolute !important; left: 0; top: 0;}
input.position_ab + div { padding-left: 40px; }
input[type^=radio].position_ab + div { height: var(--height_radio_1); }
input[type^=checkbox].position_ab + div { margin-top: 1px; }
input[readonly]{ cursor: default; background-color: #f9f9f9; }

/*-----input_style_00-----*/

.input_style_00{ width: 228px; height: var(--height_box_1); padding: 6px 20px; outline: 1px solid #a6bbc0; border: 1px solid transparent; border-radius: var(--radius_box_1); background-color: #fff; box-sizing: border-box;
    color: #000; font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; font-weight: 600; overflow: hidden; }
.input_style_00:hover{ outline-color: #000; border-color: #000; }
.input_style_00:focus{ outline-color: #000; border-color: #000; }
.input_style_00.tr{ text-align: right; }
.input_style_00.w100{ width: 100% !important; }

/*바탕색 검정색, 폰트 하얀색 (type_black)*/
.input_style_00.type_black{ outline-color: #000;/* border-color: #000;*/ background-color: #000; color: #fff; }
.input_style_00::-webkit-input-placeholder{ color: #8b9499;  font-size: 15px; font-size: 1.5rem; font-weight: 400;}
.input_style_00:-ms-input-placeholder{ color: #8b9499;  font-size: 15px; font-size: 1.5rem; font-weight: 400;}
.input_style_00:-moz-placeholder{ color: #8b9499;  font-size: 15px; font-size: 1.5rem; font-weight: 400;}
.input_style_00::-moz-placeholder{ color: #8b9499;  font-size: 15px; font-size: 1.5rem; font-weight: 400;}
.input_search_wrap .input_style_00.type_black ~ .input_search_icon{ background-image: url("/weven_data/rapahub/user_template/resource/img/svg/search_white.svg"); }

/*type_2 : width, height, fontsize, placeholder 다름*/
.input_style_00.type_2{ width: 546px; height: var(--height_box_2); font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: 500; }
.input_style_00.type_2::-webkit-input-placeholder{ color: #89a2b8;  font-size: 16px; font-size: 1.6rem; font-weight: 400;}
.input_style_00.type_2:-ms-input-placeholder{ color: #89a2b8;  font-size: 16px; font-size: 1.6rem; font-weight: 400;}
.input_style_00.type_2:-moz-placeholder{ color: #89a2b8;  font-size: 16px; font-size: 1.6rem; font-weight: 400;}
.input_style_00.type_2::-moz-placeholder{ color: #89a2b8;  font-size: 16px; font-size: 1.6rem; font-weight: 400;}


/*-----input_style_01 (로그인 화면에서 사용)-----*/
.input_style_01{ width: 100%; height: 78px; padding: 19px 20px 20px 75px; outline: 1px solid #a6bbc0; border: 1px solid transparent; border-radius: 12px; background-color: #fff; box-sizing: border-box;
    font-size: 20px; font-size: 2.0rem; line-height: 26px; line-height: 2.6rem; font-weight: 700; color: #000; overflow: hidden; text-align: left; }
.input_style_01:hover{ outline-color: #000; border-color: #000; }
.input_style_01:focus{ outline-color: #000; border-color: #000; }
input[type^=password].input_style_01{ font-weight: 900; letter-spacing: 0.5em; }
.input_style_01::-webkit-input-placeholder{ color: #7aa5ad; font-size: 15px; font-size: 1.5erem; font-weight: 300; letter-spacing: 0; }
.input_style_01:-ms-input-placeholder{ color: #7aa5ad; font-size: 15px; font-size: 1.5erem; font-weight: 300; letter-spacing: 0; }
.input_style_01:-moz-placeholder{ color: #7aa5ad; font-size: 15px; font-size: 1.5erem; font-weight: 300; letter-spacing: 0; }
.input_style_01::-moz-placeholder{ color: #7aa5ad; font-size: 197x; font-size: 1.97eem; font-weight: 300; letter-spacing: 0; }


/*-----스타일-----*/

/*파일첨부 관련
 *
 * HTML 구조:
 * div.input_file_wrap
 *     div.input_file_con [data-fileinfo]
 *          div.input_file_name
 *          input[type="file"]              - hidden (label과 연결)
 *          div.input_file_btn_con
 *               label [file-upload-btn]    - 파일선택 버튼 (input과 연결)
 *               a [file-delete-btn]        - 파일삭제 버튼
 */
/*(input_file_name의 기본, type_2는 input의 기본, type_2 서식과 동일함)*/
.input_file_wrap .input_file_name{ display: inline-block; vertical-align: middle; padding: 14px 20px; cursor: default;
    width: 230px; height: var(--height_box_1); outline: 1px solid #a6bbc0; border: 1px solid transparent; border-radius: var(--radius_box_1); background-color: #fff; box-sizing: border-box;
    color: #000; font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; font-weight: 500; overflow: hidden; }
.input_file_wrap .input_file_name.type_2{ padding-top: 16px; width: calc(100% - 80px); height: var(--height_box_2); font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: 500; }
.input_file_wrap .input_file_btn_con{ display: inline-block; margin-top: 3px; position: relative; margin-left: 10px; top: -3px;}
.input_file_wrap .input_file_btn_con a[file-delete-btn]{ display: none; position: absolute; left: 0; top: 0; background-color: #fff; }


/*input 3개로 나눠진 타입(연락처, 사업자번호 등)
 *
 * HTML 구조:
 * div.input_three_wrap
 *     div.input_three_con
 *          input
 *     div.input_three_con
 *          input
 *     div.input_three_con
 *          input
 */
.input_three_wrap{ --input_gap: 12px;
    width: -webkit-calc(100% + var(--input_gap)); width: -moz-calc(100% + var(--input_gap)); width: calc(100% + var(--input_gap)); margin-left: calc(var(--input_gap) * -1);
}
.input_three_wrap .input_three_con{ width: calc(33.3% - var(--input_gap)); padding-left: var(--input_gap); box-sizing: content-box; }
.input_three_wrap .input_three_con input[type="text"]{ text-align: center; }


/*input창 오른쪽에 버튼 등이 덮인 형태
 *
 * HTML 구조:
 * div.has_right_content_over_input
 *     input
 *     div.right_content
 */
.has_right_content_over_input{ width: auto; position: relative; }
.has_right_content_over_input input{ padding-right: 100px; }
.has_right_content_over_input .right_content{ position: absolute; top: 0; right: 8px; height: 100%; display: flex; align-items: center; }


/*검색창*/
.input_search_wrap{ position: relative; }
.input_search_wrap .input_style_00{ padding-right: 40px; }
.input_search_wrap .input_search_icon{ width: 40px; height: 100%; position: absolute; top: 50%; transform: translateY(-50%); right: 0; text-indent: -10000px;
    background-image: url("/weven_data/rapahub/user_template/resource/img/svg/search.svg"); background-size: 13px; background-repeat: no-repeat; background-position: center center; cursor: pointer; }
.input_search_wrap .input_search_icon > a{display: inline-block; width: 100%; height: 100%;}

/*날짜 (생년월일 등)*/
.input_date_wrap{ position: relative; width: 100%;}
.input_date_wrap .input_style_00{ padding-right: 54px; }
.input_date_wrap .input_date_icon{ width: 54px; height: 100%; position: absolute; top: 50%; transform: translateY(-50%); right: 0; text-indent: -10000px;
    background-image: url("/weven_data/rapahub/user_template/resource/img/svg/calendar_month_FILL0_wght400_GRAD0_opsz24.svg"); background-size: 20px; background-repeat: no-repeat; background-position: center center; cursor: pointer; }


/*======= TEXTAREA ========*/

/*기본*/
.textarea_style_00{ width: 230px; height: 339px; padding: 25px 32px; outline: 1px solid #a6bbc0; border: 1px solid transparent; border-radius: var(--radius_box_1); box-sizing: border-box;
    color: #000; font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; font-weight: 500; overflow: hidden; resize: none; }
.textarea_style_00:hover{ outline-color: #000; border-color: #000; }
.textarea_style_00:focus{ outline-color: #000; border-color: #000; }
.textarea_style_00.w100{ width: 100% !important; }

/*type_2 : fontsize, placeholder 다름*/
.textarea_style_00.type_2{ font-size: 18px; font-size: 1.8rem; line-height: 26px; line-height: 2.6rem; font-weight: 500; }
.textarea_style_00.type_2::-webkit-input-placeholder{ color: #89a2b8; font-weight: 400; font-size: 15px; font-size: 1.5rem;}
.textarea_style_00.type_2:-ms-input-placeholder{ color: #89a2b8; font-weight: 400; font-size: 15px; font-size: 1.5rem;}
.textarea_style_00.type_2:-moz-placeholder{ color: #89a2b8; font-weight: 400; font-size: 15px; font-size: 1.5rem;}
.textarea_style_00.type_2::-moz-placeholder{ color: #89a2b8; font-weight: 400; font-size: 15px; font-size: 1.5rem;}


/*======= SELECT ========*/

.select_style_00_wrap.w100{ width: 100% !important; }
.select_style_00_wrap.type_white .selected_item{background-color: #fff;}

.select_style_00_wrap{ position: relative; width: 158px; height: var(--height_box_1); font-size: 0; line-height: 0; text-align: left; }
.select_style_00_wrap .selected_item_con{ position: absolute; top: 0; left:0; display: inline-block; margin-right:10px; width: 100%; height: 100%; }
.select_style_00_wrap .selected_item_con:last-child{ margin-right: 0; }
.select_style_00_wrap .selected_item_con:focus{ outline: none; }
.select_style_00_wrap .selected_item{ width:100%; height: 100%; font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; font-weight: 600; color: #000; background-color: #fff;
    padding: 13px 45px 12px 18px; outline: 1px solid #a6bbc0; border: 1px solid transparent; border-radius: var(--radius_box_1); box-sizing: border-box;
    background-image: url("/weven_data/rapahub/user_template/resource/img/svg/keyboard_arrow_down_FILL0_wght400_GRAD0_opsz20.svg"); background-size: 24px; background-position: right 9px center; background-repeat: no-repeat; cursor: pointer;}
.select_style_00_wrap .selected_item:hover{ outline-color: #000; border-color: #000; }
.select_style_00_wrap .selected_item.active{ border-bottom-left-radius: 0; border-bottom-right-radius: 0; outline-color: #000;
    border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000;
    border-bottom: 1px solid #ccc; }
.select_style_00_wrap .selected_item.active + .select_style_0_con{ border-bottom-left-radius: var(--radius_box_1); border-bottom-right-radius: var(--radius_box_1); }
.select_style_00_wrap .select_style_0_con{ display:none; position: absolute; width: 100%; max-height: 488px; overflow-y: auto; outline: 1px solid #000; border: 1px solid #000; border-top: none; box-sizing: border-box; z-index: 1; background-color: #fff; }
.select_style_00_wrap .select_style_0_con::-webkit-scrollbar{ width: 10px; background-color: transparent; }
.select_style_00_wrap .select_style_0_con::-webkit-scrollbar-button:end{ background: transparent; height: 10px; }
.select_style_00_wrap .select_style_0_con::-webkit-scrollbar-thumb{ background-color: #dadada; border: 3px solid #fff; }
.select_style_00_wrap .select_style_0_con::-webkit-scrollbar-thumb:hover{ background-color: #aaa; }
.select_style_00_wrap .select_style_0{ background-color: #fff; padding: 13px 0; }
.select_style_00_wrap .select_style_0 > li{ text-align: left; }
.select_style_00_wrap .select_style_0 > li > a{ display: block; box-sizing: border-box; padding: 8px 19px; font-size:18px; font-size:1.8rem; line-height:25px; line-height:2.5rem; font-weight: 600; color: #798baa; transition: color .3s; }
.select_style_00_wrap .select_style_0 > li:hover > a { color: #000; }
.select_style_00_wrap .select_style_0 > li.active > a{ color: #000; }
.select_style_00_wrap .select_style_0 > li:last-child > a{ border-bottom:none; }

/*type_2 : width, height, font 다름*/
.select_style_00_wrap.type_2{ width: 546px; height: var(--height_box_2); }
.select_style_00_wrap.type_2 .selected_item{ font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: 500; padding: 15px 45px 12px 18px; }

/*type_3 : width, height, fontsize, color 다름*/
.select_style_00_wrap.type_3{ width: 460px; height: 68px; }
.select_style_00_wrap.type_3 .selected_item{ font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: 700; color: var(--color_blue_1); padding: 21px 45px 21px 28px; }


/*======= RADIO ========*/

.radio_style_00_wrap .radio_con{ font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; font-weight: 400; margin-bottom: 13px; text-align: left; }
.radio_style_00_wrap .radio_con:last-child{ margin-bottom: 0px; margin-right: 0; }
.radio_style_00_wrap .radio_con:hover{ font-weight: 600; }
.radio_style_00_wrap .radio_con label{ cursor: pointer; }
.radio_style_00_wrap .radio_con label:hover input:not(:checked){border-color: var(--color_border_2); }
.radio_style_00_wrap .radio_con label:hover input:checked{border-color: #CDD9ED; }
.radio_style_00_wrap .radio_con label.box_label{ padding: 16px 25px; border: 1px solid var(--color_border_1); border-radius: var(--radius_box_1); }
[data-wv-pc="pc"] .radio_style_00_wrap .radio_con label.box_label:hover{ border-color: var(--color_border_2); }
.radio_style_00_wrap .radio_con label.active{ border-color: var(--color_border_2); }
@supports(-webkit-appearance: none) or (-moz-appearance: none) {
    input[type='radio'] {
        --radio-active: #fff;
        --radio-active-inner: #000;
        --radio-active-border: var(--color_border_1);
        --radio-input-border: #a6bbc0;
        --radio-input-border-hover: #000;
        --radio-background: #fff;
        --radio-disabled: #F5F9FF;
        --radio-disabled-inner: #E4ECFA;
        --radio-shadow-inner: rgba(18, 22, 33, .1);
        height: var(--height_radio_1); outline: none; position: relative; -webkit-appearance: none; -moz-appearance: none; margin: 0px 0 0 0; padding: 0; box-shadow: none; cursor: pointer;
        border: 1px solid var(--radio-input-border); border-radius: 50%; background: var(--radio-background); transition: background .3s ease, border-color .3s ease; }
    input[type='radio']:checked { background: var(--radio-active); color: #000; font-weight: 600; }
    input[type='radio']:checked::after{ content: ''; position: absolute; width: 100%; height: 100%; border-radius: 50%; top: 0; left: 0; background: #000; transform: scale(0.5); }
    input[type='radio']:checked + label{ font-weight: 600; }
    input[type='radio']:checked + div{ font-weight: 600; }
    input[type='radio']:disabled { cursor: not-allowed; opacity: .9; background: var(--radio-disabled); }
    input[type='radio']:disabled:checked { background: var(--radio-disabled-inner); border-color: var(--radio-input-border); }
    input[type='radio']:not(.toggle) { width: var(--height_radio_1); }
    input[type='radio']:not(.toggle):after { opacity: 0; }
    input[type='radio']:not(.toggle):checked:after { opacity: 1; }
    input[type='radio'] + label { position: relative; margin-top: 4px; margin-left: 15px; }
}

/*input이 가로로 나열됨*/
.radio_style_00_wrap.list_horizontal .radio_con{ margin: 0px 30px 0px 0; }
.radio_style_00_wrap.list_horizontal .radio_con:last-child{ margin-right: 0; }

/*type_2 : height, font 다름*/
.radio_style_00_wrap.type_2 .radio_con{ font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: 400; }
@supports(-webkit-appearance: none) or (-moz-appearance: none) {
    .radio_style_00_wrap.type_2 input[type='radio'] { height: var(--height_radio_2); }
    .radio_style_00_wrap.type_2 input[type='radio']:checked { color: #000; }
    .radio_style_00_wrap.type_2 input[type='radio']:checked::after{ background: #000; transform: scale(0.5); }
    .radio_style_00_wrap.type_2 input[type='radio']:checked + label{ color: #000; }
    .radio_style_00_wrap.type_2 input[type='radio']:checked + div{ color: #000; }
    .radio_style_00_wrap.type_2 input[type='radio']:not(.toggle) { width: var(--height_radio_2); }
    .radio_style_00_wrap.type_2 input[type='radio'] + label { margin-top: 4px; margin-left: 15px; }
}


/*======= CHECKBOX ========*/

.checkbox_style_00_wrap{ }
.checkbox_style_00_wrap .checkbox_con{ font-size: 16px; font-size: 1.6rem; line-height: 21px; line-height: 2.1rem; font-weight: 500; margin-bottom: 17px; text-align: left; }
.checkbox_style_00_wrap .checkbox_con:last-child{ margin-bottom: 0; margin-right: 0; }
.checkbox_style_00_wrap .checkbox_con label{ cursor: pointer; }
.checkbox_style_00_wrap .checkbox_con label.box_label{ padding: 16px 25px 14px 25px; border: 1px solid var(--color_border_1); border-radius: var(--radius_box_1); }
.checkbox_style_00_wrap .checkbox_con label.box_label:hover{ border-color: #000; }

@supports(-webkit-appearance: none) or (-moz-appearance: none) {
    input[type='checkbox'] {
        --checkbox-active: #000;
        --checkbox-active-inner: #fff;
        --checkbox-input-border: #a6bbc0;
        --checkbox-input-border-hover: #000;
        --checkbox-background: #fff;
        --checkbox-disabled: #F5F9FF;
        --checkbox-disabled-inner: #E4ECFA;
        --checkbox-shadow-inner: rgba(18, 22, 33, .1);
        height: 37px; outline: none; position: relative; -webkit-appearance: none; -moz-appearance: none; margin: 0px 0 0 0; padding: 0; box-shadow: none; cursor: pointer;
        border: 1px solid var(--checkbox-input-border); background: var(--checkbox-background); transition: background .3s ease, border-color .3s ease; margin-top: -3px; }
    input[type='checkbox']:after { content: ''; display: block; left: 0; top: 0; position: absolute; transition: /*transform .3s ease,*/ opacity .2s ease, filter .3s ease; }
    input[type='checkbox']:checked { background: var(--checkbox-active); border-color: var(--checkbox-active); }
    input[type='checkbox']:checked:after { content: ''; position: absolute; width: 23px; height: 23px; background-image: url("/weven_data/rapahub/user_template/resource/img/svg/done_FILL0_wght600_GRAD0_opsz20_white.svg"); background-position: center; background-size: 26px; background-repeat: no-repeat; left: 2px; top: 2px; }
    input[type='checkbox']:disabled { cursor: not-allowed; opacity: .9; background: var(--checkbox-disabled); }
    input[type='checkbox']:disabled:checked { background: var(--checkbox-disabled-inner); border-color: var(--checkbox-input-border); }
    /*input[type='checkbox']:hover:not(:checked):not(:disabled) { border-color: var(--checkbox-input-border-hover); }*/
    input[type='checkbox']:not(.toggle) { width: 37px; }
    input[type='checkbox']:not(.toggle):after { opacity: 0; }
    input[type='checkbox']:not(.toggle):checked:after { opacity: 1; }
    input[type='checkbox']:not(.toggle) { border-radius: var(--radius_box_1); }
    input[type='checkbox']:not(.toggle)::after { content: ''; position: absolute; width: 23px; height: 23px; background-image: url("/weven_data/rapahub/user_template/resource/img/svg/done_FILL0_wght600_GRAD0_opsz20_white.svg"); background-position: center; background-size: 25px; background-repeat: no-repeat; left: 7px; top: 6px; transform: rotate(0deg);border: none;}
    input[type='checkbox'].toggle:after { left: 2px; top: 2px; border-radius: 50%; width: 15px; height: 15px; background: var(--checkbox-input-border); }
    input[type='checkbox'].toggle:checked:after { background: var(--checkbox-active-inner); transform: translateX(17px); }
    input[type='checkbox'].toggle:disabled:not(:checked):after { opacity: .6; }
    input[type='checkbox'] + label { position: relative; margin-top: 4px; margin-left: 15px; }
}

/*input이 가로로 나열됨*/
.checkbox_style_00_wrap.list_horizontal .checkbox_con{ margin: 12px 30px 13px 0; }
.checkbox_style_00_wrap.list_horizontal .checkbox_con:last-child{ margin-right: 0; }

/*type_2 : height, font 다름*/
.checkbox_style_00_wrap.type_2 .checkbox_con{ font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: 300; }
@supports(-webkit-appearance: none) or (-moz-appearance: none) {
    .checkbox_style_00_wrap.type_2 input[type='checkbox'] + label { margin-top: 4px; }
}

/*======= NODATA ========*/
.nodata_con { font-size:15px; font-size:1.5rem; line-height:30px; line-height:3.0rem; font-weight: 400; padding: 80px 30px; border: 1px solid var(--color_border_1); border-radius: 20px; text-align: center; }
.nodata_con .nodata_txt { display: inline-block; padding-left: 34px; background-image: url("/weven_data/rapahub/user_template/resource/img/svg/icons8-error.svg"); background-repeat: no-repeat; background-size: 23px; background-position: left top 2px;}
/* 테이블형태 리스트 노데이터 - .type_table 클래스 추가 */
.nodata_con.type_table { padding: 90px 30px 100px; border-radius: 0; border-width: 0; border-bottom-width: 1px; }


@media all and (min-width:992px){

    .hashtag_con .hashtag_text{margin-bottom: 0;}

    .btn_type_long.small{ width: 80px; padding: 3px 0; border: 1px solid var(--color_border_1); font-weight: 500;}

    .cal_wrap {transform: scale(1); margin-top: 21px; margin-left: -1px;}

    
    .btn_has_bar{font-family: 15px; font-size: 1.5rem;}
    
    .btn_favorite:hover{ border-color: #f4136d; background-color: #f4136d; background-image: url("/weven_data/rapahub/user_template/resource/img/svg/favorite_white.svg") !important; }

    .form_content_list{ margin-bottom: 23px; }
    .form_content_input{margin-top: 0; width: calc(100% - 103px);}
    .form_input_btm_desc{font-weight: 300;}
    .form_content_input .input_style_00.type_2{ width:546px; }
    .form_content_wrap.type_form .form_button_con.has_border_top{justify-content: space-between; flex-wrap: nowrap; gap: 0; border-top: 1px solid var(--color_border_1); padding-top: 50px; margin-top: 51px;}
    .form_content_title{  width: 103px; margin-top: 18px; font-size: 15px; font-size: 1.5rem;}
    .form_content_name{margin-top: 0;}
    .form_content_name .user_email{font-size: 18px; font-size: 1.8rem; font-weight: 500; margin-top: 0px;}
    .form_content_title.form_id{width: 124px; margin-top: 0; margin-bottom: 7px;}
    .form_content_wrap.type_complete .form_button_con{ margin-top: 42px; }

    .btn_underline{padding: 10px;}
    .input_date_wrap{width: auto;}
    
    .input_style_00{outline: 1px solid var(--color_border_1);}
    .input_style_00.type_2::-webkit-input-placeholder{font-size: 17px; font-size: 1.7rem; font-weight: 400;}
    .input_style_00.type_2:-ms-input-placeholder{font-size: 17px; font-size: 1.7rem; font-weight: 400;}
    .input_style_00.type_2:-moz-placeholder{font-size: 17px; font-size: 1.7rem; font-weight: 400;}
    .input_style_00.type_2::-moz-placeholder{font-size: 17px; font-size: 1.7rem; font-weight: 400;}

    .input_style_01{outline: 1px solid var(--color_border_1); width: 498px;}
    .input_style_01::-webkit-input-placeholder{ font-size: 17px; font-size: 1.7rem;  font-weight: 400;}
    .input_style_01:-ms-input-placeholder{ font-size: 17px; font-size: 1.7rem;  font-weight: 400;}
    .input_style_01:-moz-placeholder{ font-size: 17px; font-size: 1.7rem;  font-weight: 400;}
    .input_style_01::-moz-placeholder{ font-size: 17px; font-size: 1.7rem;  font-weight: 400;}
    
    .input_three_wrap .input_three_con{ width: 140px;}
    
    .input_file_wrap .input_file_name{outline: 1px solid var(--color_border_1);}
    .input_file_wrap .input_file_name.type_2{width: 546px;}
    .input_file_wrap .input_file_btn_con{margin-left: 12px; top: 0;}


    .textarea_style_00{outline: 1px solid var(--color_border_1);}

    .textarea_style_00.type_2::-webkit-input-placeholder{font-size: 17px; font-size: 1.7rem;}
    .textarea_style_00.type_2:-ms-input-placeholder{font-size: 17px; font-size: 1.7rem;}
    .textarea_style_00.type_2:-moz-placeholder{font-size: 17px; font-size: 1.7rem;}
    .textarea_style_00.type_2::-moz-placeholder{font-size: 17px; font-size: 1.7rem;}

    .select_style_00_wrap .selected_item{outline: 1px solid var(--color_border_1);}
    .select_style_00_wrap .select_style_0 > li > a{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem;}
    .select_style_00_wrap.type_2 .selected_item{ font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: 500; padding: 15px 45px 12px 18px; }

    
    input[type='radio'] {--radio-input-border: var(--color_border_1); }
    .radio_style_00_wrap.list_horizontal .radio_con{ margin: 12px 30px 13px 0; }

    .checkbox_style_00_wrap .checkbox_con{ font-size: 14px; font-size: 1.4rem; font-weight: 400;}
    input[type='checkbox'] {--checkbox-input-border: var(--color_border_1);}
    input[type='checkbox'] + label { position: relative; margin-top: 6px;}

    .sign_up_type_con{ padding: 49px 50px 50px 48px;}

    
    .share_btn_con .share_drop_wrap{width: 317px; border-radius: 10px;}
    .share_btn_con .share_drop_wrap .share_drop_con_top{ padding: 8px 5px 0 21px; }
    .share_btn_con .share_drop_wrap .share_drop_con_bottom{ padding: 8px 30px 12px 30px; }
    .share_btn_con .share_drop_wrap .share_drop_title{ font-size: 16px; font-size: 1.6rem;}
    .share_btn_con .share_drop_wrap .share_drop_close{ width: 11px; height: 11px; background-size: 19px;}
    .share_btn_con .share_drop_wrap .share_drop_content ul > li{font-size: 13px; font-size: 1.3rem; font-weight: 500;}
    .share_btn_con .share_drop_wrap .share_drop_content ul > li span.text{bottom: 0; left: 10px;}


    
    .nodata_con.type_table { padding: 120px 30px 130px;}
}