@charset "utf-8";

.main_top_bnr{width:1920px; position:relative; left:50%; margin-left:-960px; padding-top:80px;}
.main_top_bnr ul{display:flex; justify-content: space-evenly; text-align: center; margin:0 325px;}
.main_top_bnr ul li:first-child{padding-right:15px;}
.main_top_bnr ul li img{width:100%;}

/* 이달의 특가 */
.sale_wrap{margin-top:100px; margin:auto; position:relative; width:100%; overflow:hidden; padding-bottom:100px;}
.sale_wrap .consult_btn{float:right; margin-bottom: 20px; border: 2px solid #689BFF; border-radius:20px; padding: 8px 19px; width:98px; color:#1F5DFA; background:url(../images/sale_arrow.png) no-repeat 73px 12px #F0F7FD; background-size: 7px;}
.sale_wrap .consult_btn a{color:#1F5DFA; font-size:14.5px; font-weight:500;}
/* .sale_wrap img{position:relative; left:50%; width:1920px; margin-left:-960px;} */
.sale_wrap table{justify-content: center; border-bottom: 1px solid #e3e3e3; border-top: 2px solid #C0C0C0;}
.sale_wrap table tr{border-bottom: 1px solid #e3e3e3; height:60px; font-weight:300;}
.sale_wrap table tr:first-child{background-color: #F7F7F7; font-weight:400;}
.sale_wrap table tr:first-child td:first-child{padding-left:20px;}
.sale_wrap table tr:first-child:hover{background-color: #F7F7F7;}
.sale_wrap table tr:hover{background-color: #F0F7FD;}
.sale_wrap table tr td{text-align: center; padding:0 10px;}
.sale_wrap table tr td:first-child{padding:0 15px;}
.sale_wrap table tr .prod_name{font-weight:500; color:#0f0f0f; text-align: left;}
.sale_wrap table tr .prod_name span{font-size:13px; color:#1F5DFA; border:1px solid #1F5DFA; border-radius:4px; padding:3px 6px; line-height:10px; margin-left:5px;}
.sale_wrap table tr .fee{text-align: right; color:#a9a9a9; font-weight:500; text-decoration: line-through; font-size:14.5px;}
.sale_wrap table tr .discount_fee{text-align: right; padding-right:20px; color:#1F5DFA; font-weight:700;}
.sale_wrap table tr .discount_fee span{padding-right:10px; color:#fd5939; font-weight:700;}
.sale_wrap table tr td a{padding:5px 17px; background-color: #1F5DFA; color:#fff; border-radius: 4px; font-size:14.5px;}

.sale_wrap table tr.closed a { cursor: default; }
.sale_wrap table tr.closed td, 
.sale_wrap table tr.closed td span { color: #C2C2C2 !important;}
.sale_wrap table tr.closed td.prod_name span { border: 1px solid #C2C2C2 !important; }

.sale_wrap .content_wrap{margin: 0 300px;}
.sale_wrap .content_wrap h1{padding-top:70px; display:flex; justify-content: center; color:#000; font-weight:600; font-size:25px;}
.sale_wrap .content_wrap .table_wrap{padding:60px 0;}
.none_prod{font-weight:500; font-size:17px; color:#434343; line-height:30px; padding-top:100px; justify-content: center;display: flex;}

/* 조인게시판 */
.join_wrap{margin-top:100px; margin:auto; position:relative; width:100%; overflow:hidden; padding-bottom:100px;}
.join_wrap .consult_btn{float:right; margin-bottom: 20px; border: 2px solid #9697F3; border-radius:20px; padding: 8px 18px; width:125px; color:#1F5DFA; background:url(../images/join_arrow.png) no-repeat 102px 12px #F0F1FD; background-size: 7px;}
.join_wrap .consult_btn a{color:#393CD0; font-size:14.5px; font-weight:500;}
.join_wrap .join_notice{cursor:pointer; background-color: #FFE9E9; height:50px; color:#FF2B2B; display:flex; align-items: center; width:100%; font-weight:600;}
.join_wrap .join_notice span{color:#fff; background-color:#FF2B2B; margin: 0 25px 0 19px; padding: 4px 6px; border-radius: 3px; font-size: 14px; font-weight:400;}
.join_wrap table{justify-content: center; border-bottom: 1px solid #e3e3e3;}
.join_wrap table tr{border-bottom: 1px solid #e3e3e3; height:60px; font-weight:300;}
.join_wrap table tr:first-child{background-color: #F7F7F7; font-weight:400;}
/* .join_wrap table tr:first-child td:first-child{padding-left:20px;} */
.join_wrap table tr:first-child:hover{background-color: #F7F7F7;}
.join_wrap table tr:hover{background-color: #F0F7FD;}
.join_wrap table tr td{text-align: center; padding:0 15px;}
/* .join_wrap table tr td:first-child{padding:0 15px;} */
.join_wrap table tr .prod_title{font-weight:400; color:#202020; text-align: left; cursor:pointer;}

.join_wrap table tr .join_condition .join_people{display:flex; flex:1; gap:2px; position:relative; justify-content: center;}
.join_wrap table tr .join_condition .join_people .join_people_check{margin-left: 2px; padding: 0px 6px; background-color: #fff; border: 1px solid #dddddd; font-size: 13px; border-radius: 6px; color: #505B65; height: 23px; margin-top: 4px; line-height: 21px; cursor:pointer; }
.join_wrap table tr .fee{text-align: right; color:#a9a9a9; font-weight:500; text-decoration: line-through; font-size:14.5px;}
.join_wrap table tr .discount_fee{text-align: right; padding-right:20px; color:#1F5DFA; font-weight:700;}
.join_wrap table tr .discount_fee span{padding-right:10px; color:#fd5939; font-weight:700;}
.join_wrap .join_btn a{padding:5px 17px; background-color: #1F5DFA; border-radius: 4px; border: 0; text-align: center; color:#fff; font-size:14.5px;}
.join_wrap .end_btn a{padding:5px 17px; background-color: #C2C2C2; border-radius: 4px; border: 0; text-align: center; color:#fff; font-size:14.5px; cursor:default; }
.join_wrap .edits_btn a{padding:5px 17px; background-color: #fff; border-radius: 4px; border: 1px solid #1F5DFA; text-align: center; color:#1F5DFA; font-size:14.5px;}
.join_wrap .content_wrap{margin: 0 300px;}
.join_wrap .content_wrap h1{padding-top:70px; display:flex; justify-content: center; color:#000; font-weight:600; font-size:25px;}
.join_wrap .content_wrap .table_wrap{padding:60px 0;}

/* 조인게시판 공지사항 팝업 */
.notice_overlay{display:none; position:fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 999;}
.join_notice_pop{display:none; background-color: #fff; padding:30px 0 30px 40px; line-height: 25px; color:#767676; font-size:14px; width:800px; height:675px; position:fixed; left:50%; top:50%; transform: translate(-50%, -50%); z-index:9999;}
.join_notice_pop .notice_top{display:flex; justify-content: space-between; border-bottom: 1px solid #E3E3E3; margin:0 20px 10px 0;}
.join_notice_pop .notice_top >div:first-child{font-size:21px; color:#222222; padding:15px 0 20px 0; font-weight:600;}
.join_notice_pop .notice_top .notice_close { cursor:pointer; }
.join_notice_pop .notice_top .notice_close img{width:30px;}
.join_notice_con{padding: 30px 40px 30px 0; overflow-y:auto; max-height:560px; box-sizing: border-box;}
.join_notice_con a{text-decoration: underline;}
.join_notice_con .notice_title{padding:23px 0 10px 0; font-weight:600; color:#222222; font-size:16px;}

/* 신청 팝업 */
.join_pop{display:none; background-color: #fff; padding:30px 40px; border-radius: 10px; border:1px solid #9D9D9D;  box-shadow: 0 0 10px rgba(0,0,0,0.1); line-height: 25px; color:#767676; font-size:14px; width:620px; height:700px; position:fixed; left:50%; top:50%; transform: translate(-50%, -50%); z-index:10;}
.join_pop .join_top{display:flex; justify-content: space-between; padding-bottom: 15px;}
.join_pop .join_top >div:first-child{font-size:23px; color:#000; padding-top:15px; font-weight:600;}
.join_pop .join_top .join_close { cursor:pointer; }
.join_pop .join_top .join_close img{position: absolute; width: 28px; right: 18px; top: 18px;}
.join_con{display: flex; gap: 35px; align-items: flex-start;}
.join_con .join_list{display: flex; flex-wrap: wrap; flex: 1; width:250px;}
.join_con a{text-decoration: underline;}
.join_con .con_title{padding:4px 0 6px 0; font-weight:600; color:#222222; font-size:15px;}

.join_con input,
.join_con select {
    width: 100%;
    height:40px;
    padding: 10px;
    border: 1px solid #ECEEF5;
    border-radius: 8px;
    background-color: #F8F8F9;
    color:#767676;
    margin-bottom: 10px;
}

.join_con input::placeholder{color:#767676; font-size:14px;}
.join_con select{background: url(../images/thin_arrow_down.png) no-repeat 95% 50% #F8F8F9;
    background-size: 10px;}

.radio_group {display: flex; width:100%; height:30px;}

.radio_group input[type="radio"] {display: none;}

.radio_group label{
    display: flex;
    background: url(../images/radio_off.png) no-repeat 0% 35%;
    margin-top:-6px;
    background-size: 15px;
    padding-left:20px;
}

.radio_group input[type="radio"]:checked + label{
    display: flex;
    background: url(../images/radio_on.png) no-repeat 0% 35%;
    margin-top:-6px;
    background-size: 15px;
    padding-left:20px;
}

.radio_group input:last-child {margin-left:30px;}

.join_bottom {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 13px;
    background-color: #F8F8F8;
    color:#222222;
    border-radius:6px;
    height:55px;
    margin:18px 0;
    padding: 13px;
}

.join_bottom label{
    background: url(../images/checkbox_off3.png) no-repeat left 3px;
    background-size: 15px auto;
    padding-left: 20px;
    width:0px;
}

.join_bottom input[type="checkbox"]:checked + label{
    background: url(../images/checkbox_on.png) no-repeat left 3px;
    background-size: 15px auto;
    padding-left: 20px;
    width:0px;
}

.join_bottom .join_notice_go{padding-right:5px; text-decoration: underline;}
.apply_btn_wrap{display:flex; justify-content: center;}
.join_submit_btn, .join_edit_btn {background: #0b57ff;
    color: #fff;
    padding: 12px 0;
    border-radius: 6px;
    cursor: pointer;
    width: 205px;
    text-align: center;
	border:none;
}
.join_cancel_btn {background:#fff;
    color: #222222;
    padding: 12px 0;
    border-radius: 6px;
    cursor: pointer;
    width: 205px;
    text-align: center;
    border: 1px solid #DDDDDD;
    margin-right:10px;
}

  /* 모집현황 팝업 */
.join_people_pop{overflow:auto; background-color: #fff; border-radius: 10px; border:1px solid #9D9D9D;  box-shadow: 0 0 10px rgba(0,0,0,0.1); color:#767676; width:460px; height:260px; position:absolute; transform: translate(-50%, -50%); z-index:10; top:163px; left:-103px; }
.join_people_pop table{border-top: 1px solid #E3E3E3; justify-content: center; border-bottom: 1px solid #e3e3e3;}
.join_people table{justify-content: center; border-bottom: 1px solid #e3e3e3; border-top: 2px solid #C0C0C0;}
.join_people_pop table tr{border-bottom: 1px solid #e3e3e3; height:32px;}
.join_people_pop table tr:first-child{background-color: #F7F7F7; font-weight:400;}
.join_people_pop table tr:first-child td{color:#585858;}
.join_people_pop table tr td{text-align: center; padding:0 8px;}
.join_people_pop table tr td:first-child{padding:0 15px;}
.join_people_pop table td{padding: 0px; font-size:14.5px; line-height:1.2; color:#202020;}
.join_people_pop .join_people_top{display:flex; justify-content: space-between; padding-bottom: 15px;}
.join_people_pop .join_people_top >div:first-child{font-size:20px; color:#000; padding-top:15px; font-weight:600;}
.join_people_pop .join_people_top .people_close img{position: absolute; width: 25px; right: 18px; top: 18px; cursor:pointer; }