
.partner_wrap {
	padding:50px 0;
	width: 90%;
	margin: 0 auto;	
}
.partner_wrap table {
	width:100%;
    /* margin-bottom: 20px; */
	border-collapse : collapse;
	table-layout: fixed;
}
.partner_tab {
    display: flex;
    border-bottom: 1px solid #ddd;
	text-align: center;
}
.partner_tab div {
    /* width: 50%;
    padding-bottom: 15px; */
	padding: 10px 0;
	flex: 1;
}
.partner_tab a {
    display: block;
    width: 100%;
    color: #888;
    font-size: 16px;
    font-weight: 500;
}
.partner_tab_chk {
	border-bottom: 3px solid var(--sub-main-color); !important;
}
.partner_tab_chk a {
	/* color:#3026b9; */
	color: var(--sub-main-color);
}
.partner_tt {
    color: #212121;
    font-size: 20px;
    /* font-weight: 500; */
    font-weight: 700;
    padding: 25px 0 15px;
}
.partner_search_wrap {
    display: flex;
    /* justify-content: end; */
    gap: 10px;
    margin-bottom: 20px;
	flex-wrap: wrap;
}
.partner_search_wrap div {
	display:flex;
    align-items: center;
    gap: 10px;
}
.partner_search_wrap div input {
	height: 34px;
    width: 145px;
    font-size: 15px;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 7px;
}
.partner_id_tt {
    color: #373737;
    font-weight: 500;
}
.partner_id {
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 7px;
    font-weight: 400;
    color: #666;
    text-align: left;
    width: 145px;
    font-size: 15px;
}
.submit_btn {
	width: 70px !important;
	color: #fff;
	background: var(--sub-main-color);;
    line-height: 20px;
}
.partner_table {
    border-top: 2px solid #373737;
}
.partner_table table tr {
	border-bottom: 1px solid #DCDCDC;
}
.partner_table table tr:nth-child(odd) {
	background: #FBFBFB;
}
.partner_table table th {
    font-size: 15px;
    font-weight: 500;
    color: #333;
	padding: 10px 5px;
}
.partner_table table td {
	padding: 10px 5px;
	font-size: 15px;
    font-weight: 400;
    color: #333;
	text-align: center;
	word-break: keep-all;
}
.partner_pagenation {
    text-align: center;
	padding: 20px 0;
}
.partner_join_complete {
	text-align: center;
    max-width: 500px;
    margin: 0 auto;
}
.partner_join_txt01 {
    color: #212121;
    font-weight: 600;
    font-size: 20px;
    margin: 25px 0 15px;
}
.partner_join_txt02 {
	background: #F8F8F8;
    color: #666;
    font-weight: 400;
    padding: 15px 0;
    border-radius: 5px;
    line-height: 1.4;
}
.partner_join_btn {
    display: flex;
    gap: 5px;
    margin-top: 30px;
}
.partner_join_btn > div {
    width: 50%;
    border: 1px solid var(--sub-main-color);;
    border-radius: 5px;
}
.partner_join_btn > div > a {
    display: block;
    width: 100%;
    font-weight: 500;
    font-size: 15px;
	padding: 10px 0;
}
.partner_join_btn > div:first-child {
	border: 1px solid var(--sub-main-color);
}
.partner_join_btn > div:first-child > a {
	color:var(--sub-main-color);
}
.partner_join_btn > div:last-child {
	background: var(--sub-main-color);
}
.partner_join_btn > div:last-child > a {
	color: #fff;
}
.partner_join_wrap {
	max-width: 640px;
	padding:0 20px;
	margin: 0 auto;
}
.partner_join_tt {
    text-align: center;
    border-bottom: 2px solid #373737;
    margin-bottom: 20px;
    padding-bottom: 25px;
}
.partner_join_tt01 {
	color: #373737;
    font-size: 25px;
    font-weight: 500;
}
.partner_join_tt02 {
    color: #666;
    font-size: 18px;
    font-weight: 400;
}
.partner_join_con_tt {
    color: #373737;
    font-weight: 500;
    margin-bottom: 10px;
}
.partner_join_con_tt span {
	color: var(--sub-main-color);
}
.partner_join_con_box {
    margin-bottom: 15px;
}
.partner_join_con_input input {
	border: 1px solid #eee;
    padding: 10px;
    width: 100%;
    font-size: 14px;
	border-radius: 6px;
}
.partner_join_con_btn {
    display: flex;
	gap:5px;
    text-align: center;
	padding-top: 30px;
    justify-content: center;
}
.partner_join_con_btn div {
    width: 50%;
    border-radius: 5px;
}
.partner_join_con_btn div a {
	display: block;
	width:100%;
	font-size: 15px;
    font-weight: 400;
	padding: 12px 0;
}
.partner_join_con_btn div:first-child {
	background: #D1D1D1;
}
.partner_join_con_btn div:first-child > a {}
.partner_join_con_btn div:last-child {
	background: var(--sub-main-color);
}
.partner_join_con_btn div:last-child > a {
	color: #fff;
}
.preview_img {
	width: 100%;
	height: 280px;
    object-fit: cover;
    object-position: center;
}

.partner_join_con_input textarea {
	resize: none;
    width: 100%;
    height: 200px;
    padding: 10px;
    border: 1px solid #D1D1D1;
    font-family: 'Roboto','Noto Sans KR', sans-serif;
}
.partner_code {
	font-weight: 400;
    font-size: 15px;
    background: #f7f7f7;
    padding: 15px;
    border-radius: 5px;
}
.partner_agree_box {
	border: 1px solid #D1D1D1;
    border-radius: 50%;
    display: inline-block;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    margin-right: 8px;
}
.partner_agree_box i {
	color: #D1D1D1;
    font-size: 14px;
}
.partner_agree {
	text-align: center;
    margin-top: 20px;
}
.partner_agree_txt {
    font-size: 15px;
    font-weight: 400;
    color: #555;
}
.partner_agree input:checked + label .partner_agree_box {
	background: var(--sub-main-color);
    border: 1px solid var(--sub-main-color);
}
.partner_agree input:checked + label .partner_agree_box i {
	color:#fff;
}
.partner_agree input:checked + label .partner_agree_txt {
	font-weight: 500;
	color: #373737;
}
.partner_join_btm_txt {
    font-size: 15px;
    font-weight: 500;
    color: var(--sub-main-color);
    text-align: center;
	word-break: keep-all;
}


/**추가 css**/
.partner_wrap .main_tit {
	font-size: 40px;
    font-weight: 700;
    letter-spacing: -1px;
    font-family: "GmarketSans";
    padding-bottom: 20px;
}
.parther_con_wrap {
	display: flex;
	gap: 20px;
	margin: 60px 0;
	flex-wrap: wrap;
}
.parther_con_wrap .con_item_bg {
	flex: 1;
    background-color: #F5F6FA;
    padding: 25px;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: right 20px center;
	min-height: 230px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.parther_con_wrap .con_item_bg .sub_tit {
	font-size: 18px;
    color: #2B2B2B;
    font-weight: 500;
    padding-left: 10px;
    border-left: 3px solid var(--sub-main-color);
    line-height: 1;
    margin-bottom: 10px;
}
.parther_con_wrap .con_item_bg .con_item_info {
	font-size: 28px;
    font-weight: 500;
}
.parther_con_wrap .con_item_bg .con_item_info .info_tt {
	font-size: 18px;
}
.partner_table .del_btn_input {
	cursor: pointer;
    background-color: var(--sub-main-color);
    color: #fff;
    padding: 5px;
    border-radius: 5px;
}

.parther_con_wrap .con_item_bg:nth-child(1) {
	background-image: url("../main_img/reg_con_item_info_1.png");
}
.parther_con_wrap .con_item_bg:nth-child(2) {
	background-image: url("../main_img/reg_con_item_info_2.png");
}
.parther_con_wrap .con_item_bg:nth-child(3) {
	background-image: url("../main_img/reg_con_item_info_3.png");
}

/*홍보링크*/
.partner_wrap .copy_box {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.partner_wrap .copy_box input {
	border: 1px solid var(--border-color);
    padding: 7px 12px;
    border-radius: 6px;
    width: 100%;
    max-width: 620px;
}
.partner_wrap .copy_box .copy_btn {
    border: 0;
    background-color: var(--sub-main-color);
    color: #fff;
    padding: 7px 12px;
}
.sub_imgbox {
	margin: 30px 0 60px;
}
.sub_imgbox a {
	display: block;
    background: #2B55CD;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 0;
    border-radius: 10px;
}

.parther_box_wrap {
	padding: 30px;
    box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
	margin-bottom: 60px;
}
.parther_box_wrap .partner_tit {
	font-size: 20px;
	font-weight: 700;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid var(--border-color);
}
.parther_box_wrap .con_list_wrap {
	display: flex;
	flex-wrap: wrap;
}
.parther_box_wrap .con_list_wrap li {
	position: relative;
    flex: 1 1 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.parther_box_wrap .con_list_wrap li .imgbox {text-align: center;}
.parther_box_wrap .con_list_wrap li .txt {
	font-size: 18px;
    font-weight: 600;
    text-align: center;
}
.parther_box_wrap .con_list_wrap li:not(:last-child)::after {
	content: "\e90b";
    font-family: "xeicon" !important;
    display: block;
    padding: 5px;
    background-color: var(--sub-main-color);
    color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 0;
    width: 25px;
    height: 25px;
    transform: translateY(-50%);
}

.parther_box_wrap .caution {
	padding: 25px;
	background-color: #FFF3F3;
	border-radius: 10px;
	background-image: url("../main_img/caution_bg.png");
	background-repeat: no-repeat;
    background-position: right 20px center;
	word-break: keep-all;
}
.parther_box_wrap .caution .bold {
	color: #2B2B2B;
	font-weight: 700;
	font-size: 18px;
}
.parther_box_wrap .caution .underline {
	color: #2B2B2B;
	text-decoration: underline;
    font-size: 18px;
    font-weight: 500;
}

.partner_join_wrap {
	padding: 0;
	margin: 60px auto;
}
.partner_join_con_box_bg {
    padding: 25px;
    border: 1px solid #dedede;
    border-radius: 10px;
	background-color: var(--sub-bg-color);
    box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.15);
	margin-bottom: 20px;
}

.partner_join_con_box_bg .partner_join_con_tit {
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 30px;
}
.partner_join_con_box_bg .partner_join_con_box {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}
.partner_join_con_box_bg:last-child,
.partner_join_con_box_bg .partner_join_con_box:last-child {
	margin-bottom: 0;
}
.partner_join_con_box_bg .partner_join_con_box .partner_join_file {
	flex: 1;
	text-align: center;
	width: 100%;
}
.partner_join_con_box_bg .partner_join_con_box .partner_join_con_tt {
	margin-bottom: 0;
	flex-basis: 135px;
    word-break: keep-all;
    padding-left: 10px;
    /* border-left: 3px solid var(--sub-main-color); */
    font-weight: 600;
	position: relative;
}
.partner_join_con_box_bg .partner_join_con_box .partner_join_con_tt::before {
	content: '';
	display: inline-block;
	width: 3px;
	height: 1rem;
	background-color: var(--sub-main-color);
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.partner_join_con_box_bg .partner_join_con_box .partner_join_file .partner_join_con_tt {
	padding-left: 0;
}
.partner_join_con_box_bg .partner_join_con_box .partner_join_file .partner_join_con_tt::before {
	display: none;
}

.partner_join_con_box_bg .partner_join_con_box .partner_join_con_input {
	flex: 0 0 300px;
}

.submit_btn.req_btn {
	height: 34px;
    padding: 7px;
    width: unset !important;
    border: 0;
}


/**파트너 커미션 메인**/
.commission_wrap .dashboard {
	background-color: #F5F6FA;
    padding-bottom: 100px;
}
.commission_wrap .dashboard .main_imgbox {
	margin-bottom: 20px;
}
.commission_wrap .dashboard .main_imgbox a {
	display: flex;
	align-items: center;
    justify-content: center;
	width: 100%;
	height: 300px;
    overflow: hidden;
	border-radius: 10px;
	background-image: url("../main_img/partner_commission_bg.png");
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.caution_board_wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
    margin-top: 20px;
}
.caution_board_wrap .item {
	/* grid-column: span 2; */
    flex: 2 1 calc(66.666% - 20px);
	min-width: 280px; 
}

.dashboard_grid .card .card_con_wrap .con_list_wrap {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.caution_board_wrap .card .card_con_flex {
	display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.15);
    margin-top: 20px;
	padding: 20px;
}

.caution_board_wrap .card .card_con_flex .con_box {
	/* flex: 1 1 410px; */
	flex: 1;
}

.caution_board_wrap .card_con_flex .txtwrap li {
	display: flex;
    align-items: center;
	justify-content: center;
	word-break: keep-all;
	font-size: 18px;
    line-height: 1.5;
	flex-wrap: wrap;
}

.caution_board_wrap .card_con_flex .txtwrap li span.imgbox {
	display: flex;
	align-items: center;
}
.caution_board_wrap .card .card_con_flex .txtwrap li .red_color {
	padding-top: 24px;
	font-weight: 600;
}

.caution_board_wrap .item.right {
    flex: 1 1 calc(33.333% - 20px);
	display:flex;
	flex-direction:column;
	gap:20px;
    /* display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); */
}
.caution_board_wrap .item .caution_card {
	height: 100%;
}

.caution_board_wrap .caution_item {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	gap: 15px;
	flex: 1;
    padding: 45px 0 20px;
	border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.15);
	background-size: auto 100%;
}
.caution_board_wrap .caution_item .tit {
	font-family: "GmarketSans";
	font-size: 25px;
	display:flex;
	align-items: center;
    justify-content: center;
	gap: 10px;
	flex-wrap: wrap;
}
.caution_board_wrap .caution_item .tit span:nth-child(2) {
	text-align: center;
}
.caution_board_wrap .caution_item.top {
	background-image: url(../main_img/caution_right_bg_01.png);
	color: #0057E8;
}
.caution_board_wrap .caution_item.top ul {padding: 0 10px;}
.caution_board_wrap .caution_item.top ul li {
	border: 1px solid;
    border-radius: 50px;
    padding: 5px 20px;
    display: flex;
    align-items: center;
	gap: 10px;
	margin-bottom: 10px;
	background-color: #fff;
}
.caution_board_wrap .caution_item.top ul li.red_color {
	border: 0;
	background-color: transparent;
}
.caution_board_wrap .caution_item.top ul li .txt {
    flex: 1;
	text-align: center;
}
.caution_board_wrap .caution_item.bottom {
	background-image: url(../main_img/caution_right_bg_02.png);
}
.caution_board_wrap .caution_item.bottom ul {
	text-align: center;
    max-width: 350px;
    word-break: keep-all;
	padding: 0 10px;
}
.caution_board_wrap .caution_item.bottom ul li:first-child {
	margin-bottom: 15px;
}


/**로그인 부분**/
.commission_wrap .card.login_card .info_wrap {
	height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
.commission_wrap .card.login_card .info_wrap .info_con {
	width: 100%;
}
.commission_wrap .card.login_card .info_wrap .info_con .user_item {
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
	margin-bottom: 15px;
}
.commission_wrap .card.login_card .info_wrap .info_con .user_info {
	font-weight: 700;
	font-size: 18px;
}
.commission_wrap .card.login_card .info_wrap .txt {
	text-align: center;
}
.commission_wrap .card.login_card .info_wrap .list_wrap {
	width: 100%;
}
.commission_wrap .card.login_card .info_wrap .list_wrap li {
	display: flex;
    align-items: center;
    justify-content: space-between;
	font-weight: 600;
	margin-bottom: 5px;
}
.commission_wrap .card.login_card .info_wrap .list_wrap li:last-child {
	margin-bottom: 0;
}
.commission_wrap .card.login_card .info_wrap .list_wrap li .label {
	font-weight: 600;
}

.commission_wrap .card.login_card .btn_wrap {
	width: 100%;
}
.commission_wrap .card.login_card .btn_wrap a {
	display: block;
    width: 100%;
	background-color: var(--sub-main-color);
    color: #fff;
    padding: 8px 0;
    text-align: center;
    border-radius: 5px;
}
.commission_wrap .card.login_card .btn_wrap a.sale_btn {
	margin-bottom: 5px;
	background-color: #fff;
    color: var(--sub-main-color);
	border: 1px solid var(--sub-main-color);
	box-sizing: border-box;
	transition: all 0.3s ease; 
}
.commission_wrap .card.login_card .btn_wrap a.sale_btn:hover {
	background-color: var(--sub-main-color);
    color: #fff;
}

/**추가***/
.commission_wrap .dashboard .card {
	display: flex;
    flex-direction: column;
}
.commission_wrap .dashboard .card h3 {
	padding-bottom: 10px;
	border-bottom: 3px solid #eee;
}
.commission_wrap .dashboard .card h3 span {
	position: relative;
	display: flex;
    align-items: center;
    gap: 10px;
}
.commission_wrap .dashboard .card h3 span::after {
	content: '';
    display: inline-block;
    width: 100%;
    height: 3px;
    background-color: var(--sub-main-color);
    border-radius: 3px;
    position: absolute;
    left: 0;
    bottom: -50%;
	transform: translateY(-50%);
}
.commission_wrap .dashboard .main_imgbox {
	margin-bottom: 20px;	
}
.commission_wrap .dashboard .main_imgbox a {
	display: flex;
	align-items: center;
    justify-content: center;
	width: 100%;
	height: 300px;
    overflow: hidden;
	border-radius: 10px;
	background-image: url("../main_img/partner_commission_bg.png");
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.dashboard .card .card_con_wrap {
	text-align: center;
	font-weight: 500;
    flex: 1;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    justify-content: center;
    font-size: 18px;
    line-height: 1.5;
    word-break: keep-all;
}
.dashboard .card .card_con_wrap .con_list_wrap {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.commission_wrap .dashboard .card .card_con_wrap .card_item {
	border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.15);
    text-align: left;
    padding: 20px;
}
.commission_wrap .dashboard .card .card_con_wrap .card_item .partner_tt {
	padding: 0 0 20px;
}
.commission_wrap .dashboard .card .card_con_wrap .card_item .copy_box {
	display: flex;
    align-items: center;
    gap: 10px;
	flex-wrap: wrap;
}
.commission_wrap .dashboard .card .card_con_wrap .card_item #copyInput {
	padding: 10px 14px;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    flex: 1;
    font-size: 1rem;
}
.commission_wrap .dashboard .card .card_con_wrap .copy_btn {
	padding: 10px 14px;
    font-size: 1rem;
    background: var(--sub-main-color);
    color: #fff;
    border: 0;
}


.commission_wrap .login_modal_right {
	flex-basis: 100%;
    max-width: 100%;
    padding: 0;
}
.commission_wrap .login_tt {
	font-size: 20px;
    text-align: center;
}
.commission_wrap .login_tt .logobox {
	display: block;
}
.commission_wrap .login_condition {
	margin: 5px 0 20px;
}
.commission_wrap .login_btn_box {
	margin-bottom: 10px;
	margin-top: 0;
}

.commission_wrap .card.ad_link {
	padding: 0;
}
.commission_wrap .card.ad_link a{
	display: block;
	width: 100%;
    height: 100%;
	min-height: 400px;
	background-color: #1515A9;
	color: #fff;
	text-align: center;
	background-image: url(../main_img/ad_link.png);
    background-position-x: center;
    background-size: cover;
    background-repeat: no-repeat;
	padding-top: 50px;
}
.commission_wrap .card.ad_link a .ad_link_tit {
	font-family: "GmarketSans";
	font-size: 26px;
	font-style: italic;
	padding-bottom: 10px;
}
.commission_wrap .card.ad_link a .link_btn {
    display: inline-block;
	background-color: #fff;
    color: #1515A9;
    padding: 5px 15px;
    border-radius: 50px;
	font-weight: 600;
    font-size: 18px;
}