body, html {
  min-width: auto!important; 
}
/* flex*/
/* 세로 정열 */
.flex_align_center{
	display: flex;
	align-items: center;
}
.flex_align_start{
	display: flex;
	align-items: flex-start;
}
.flex_align_stretch{
	display: flex;
	align-items: stretch;
}
.flex_align_baseline{
	display: flex;
	align-items: baseline;
}
.flex_align_end{
	display: flex;
	align-items: flex-end;
}

/* 가로 정열 */
.flex_justify_between{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.flex_justify_center{
	display: flex;
	justify-content: center;
	align-items: center;
}
.flex_justify_end{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
/* column */
.flex_column{
	display: flex;
	flex-direction: column;
}
.flex_column_c{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
/* gap */
.gap3{gap:3px}
.gap5{gap:5px}
.gap10{gap:10px}
.gap12{gap:12px}
.gap15{gap:15px}
.gap20{gap:20px}
.gap25{gap:25px}
.gap30{gap:30px}
.gap35{gap:35px}
.gap40{gap:40px}
.gap45{gap:45px}
.gap50{gap:50px}
.gap60{gap:60px}
.gap65{gap:65px}
.gap70{gap:70px}
.gap80{gap:80px}
.gap90{gap:90px}
.gap100{gap:100px}
.gap120{gap:120px}




.common_flex{
	display:flex;
}
.clear_area:after,
.clear_area:before
{content:""; display:block;}

.clear_area:after,
.main_box_area:after
{clear:both; display:block; content:"";}

input[type="checkbox"]:checked {
	background-image: url(../images/malgum_img/common/checkbox_on.png);
	background-color: #fff!important;
}
input[type="radio"]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 21px;
	height: 21px;
	background-image: url(../images/malgum_img/common/radiobox.png);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
input[type="radio"]:checked {
	background-image: url(../images/malgum_img/common/radiobox_on.png);
  background-color: #fff!important;
}

h1,
h2,
h3,
h4,
h5,
h6{
	font-weight: 600;
}

/* 디자인 등록 */

.mypage_common_title{
  font-size: 25px;
  font-weight: bold;
	margin-bottom:23px;
  color:#6c6c6c;
  position: relative;
  line-height:1.4;
}
.mypage_common_title_sub{
	margin-bottom:20px;
	font-size:20px;
	color:#444;
	font-weight:bold;

	display: flex;
	justify-content: space-between;
	align-items: center;
}
#loading_div {
	background:url(loading/assets/crosshair.gif) center center no-repeat;
}

/*design_reg.html:327*/
.design_file_box{}
.design_file_box .uploadedimgbox{}
.design_file_box .uploadedimgbox .imgarea{display: grid; grid-template-columns: repeat(5, 1fr); gap:10px;}
.design_file_box .uploadedimgbox .imgarea .imgbox{display:block; position: relative; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; border-radius: 4px; box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);}
.design_file_box .uploadedimgbox .imgarea .imgbox .design_file_thm{width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; z-index: 1; cursor: pointer;}
.design_file_box .uploadedimgbox .imgarea .imgbox .picks{position: absolute; bottom: 0; left: 0; z-index: 2; width: 100%; background: #000; color: #fff; text-align: center;}
.design_file_box .uploadedimgbox .imgarea .imgbox .btn_del{position: absolute; right: 10px; top: 10px; z-index: 3; font-size: 12px; background: #C5191C; color: #fff; border: 1px solid #C5191C; padding: 5px;}
.design_file_box .uploadedimgbox .imgarea .imgbox .btn_mod{position: absolute; left: 10px; top: 10px; z-index: 3; font-size: 12px; background: #2131AD; color: #fff; border: 1px solid #2131AD; padding: 5px;}
.design_file_box .uploadedimgbox .imginfo{margin-top: 10px; display: block; color:#6c6c6c;font-size:14px;}

.design_file_box .fileaddbox{border: 1px solid #dadada; border-radius: 0px; padding: 20px; margin-top: 10px; display: flex; flex-direction: column;}
.design_file_box .fileaddbox#modify_colorway_form{background: #bcbcbc; color:#fff;}
.design_file_box .fileaddbox h1{text-align: center; font-size: 18px; color: #000; margin-bottom: 5px; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5;}
.design_file_box .fileaddbox .inputline{display: flex; gap:10px; border-bottom: 1px solid #dadada; align-items: center; padding: 5px 0;}
.design_file_box .fileaddbox .inputline h2{color: #000; font-size: 14px; padding: 0 20px 0 10px; font-weight: bold; min-width:108px}
.design_file_box .fileaddbox .inputline .filenamebox{border: 1px solid #eaeaea; padding: 10px 20px; color: #999; font-size: 12px; box-sizing: border-box; border-radius: 0px;}
.design_file_box .fileaddbox .inputline .filenamebox::before{content: 'File: '; padding-right: 10px;}
.design_file_box .fileaddbox .progress-bar{width: 300px !important;}
.design_file_box .fileaddbox .inputline button{background:#ccc; color:#111; border:none; padding:13px 20px; border-radius: 0px;}
.design_file_box .fileaddbox .uploadfile{
	display: block;
	width: 100%; 
	margin: 10px auto 0;
	display: block;
	padding: 15px 40px;
	border: solid 1px #333;
	background:#fff;
	color: #333;
}
/*design_reg.html:327*/


.mypage_contents .design_reg_btn_wrap{
	width: 100%;
	margin:20px auto;
	display:flex;
}
.mypage_contents .design_reg_btn_wrap .btn_st{
	width:max-content;
	font-size:14px;
	display:inline-flex;
	column-gap:5px;
	align-items:center;
	justify-content:center;
}
.mypage_contents .design_reg_btn_wrap .designBtn01{
	border: none;
	background: #000;
	color: #fff;
	height: 62px;
	width: 100%;
	font-size: 20px;
}
.mypage_contents .design_reg_btn_wrap .marginright{margin-right:40px;}
.mypage_contents .design_reg_btn_wrap .designBtn02{
	background: #fff;
	color: #000;
	height: 62px;
	width: 100%;
	font-size: 20px;
	border: 1px solid #000
}
.mypage_contents .design_reg_btn_wrap svg{display: none;}

.mypage_common_title_sub .guide_info{
	font-weight:normal;
	font-size:14px;
	font-size:14px;
	color:#6c6c6c;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap:3px
}

.ginfo_check{color:#e1484b}


/* 입력폼 기본 ========================================================================== */

.mypage_contents .h_form input[type="text"], 
.mypage_contents .h_form input[type="password"], 
.mypage_contents .h_form select, 
.mypage_contents .h_form textarea {
	box-sizing: border-box;
	margin: 0;
	font: inherit;
}

.mypage_contents .h_form input[type="text"], 
.mypage_contents .h_form input[type="password"] {
	overflow: visible;
}

.mypage_contents .h_form input[type="text"]::-moz-placeholder, 
.mypage_contents .h_form input[type="password"]::-moz-placeholder, 
.mypage_contents .h_form textarea::-moz-placeholder {
	opacity: 1;
}

.mypage_contents .h_form input[type="text"], 
.mypage_contents .h_form input[type="password"], 
.mypage_contents .h_form textarea {
	-webkit-appearance: none;
}

.mypage_contents .h_form input[type="text"], 
.mypage_contents .h_form input[type="password"], 
.mypage_contents .h_form select, 
.mypage_contents .h_form textarea {
	max-width: 100%;
	width: 100%;
	border: 0 none;
	padding: 0 10px;
	background: #fff;
	color: #666;
	border: 1px solid #e5e5e5;
	transition: 0.2s ease-in-out;
	transition-property: color, background-color, border;
	border-radius: 0;
}

.mypage_contents .h_form input[type="text"], 
.mypage_contents .h_form input[type="password"], 
.mypage_contents .h_form select:not([multiple]):not([size]) {
	height: 40px !important;
	vertical-align: middle;
	display: inline-block;
}

.mypage_contents .h_form input[type="text"]:focus, 
.mypage_contents .h_form input[type="password"]:focus, 
.mypage_contents .h_form select:focus, 
.mypage_contents .h_form textarea:focus {
	outline: none;
	background-color: #fff;
	color: #666;
	border-color: #fe555c;
}

.mypage_contents .h_form input[type="text"]:disabled, 
.mypage_contents .h_form input[type="password"]:disabled, 
.mypage_contents .h_form select:disabled, 
.mypage_contents .h_form textarea:disabled {
	background-color: #f8f8f8;
	color: #999;
	border-color: #e5e5e5;
}

.mypage_contents .h_form input[type="text"]::-ms-input-placeholder, 
.mypage_contents .h_form input[type="password"]::-ms-input-placeholder, 
.mypage_contents .h_form textarea::-ms-input-placeholder {
	color: #999 !important;
}
.mypage_contents .h_form input[type="text"]::placeholder, 
.mypage_contents .h_form input[type="password"]::placeholder, 
.mypage_contents .h_form textarea::placeholder {
	color: #999;
}

.mypage_contents .h_form select {
	text-transform: none;
}

.mypage_contents .h_form select optgroup {
	font: inherit;
	font-weight: bold;
}

.mypage_contents .h_form select:not(select) {
	line-height: 38px;
}

.mypage_contents .h_form select[multiple], 
.mypage_contents .h_form select[size] {
	padding-top: 4px;
	padding-bottom: 4px;
	vertical-align: top;
}

.mypage_contents .h_form textarea {
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
}

.mypage_contents .h_form select:not([multiple]):not([size]) {
	-webkit-appearance: none;
	-moz-appearance: none;
	padding-right: 20px;
	background-image: url("/images/malgum_img/icon_arrow_down.png");
	background-repeat: no-repeat;
	background-position: 95% 50%;
	background-size: 14px;
}

.mypage_contents .h_form select:not([multiple]):not([size])::-ms-expand {
	display: none;
}

.mypage_contents .h_form select:not([multiple]):not([size]) option {
	color: #444;
}

.mypage_contents .h_form textarea{
	overflow: auto;
}

.mypage_contents .h_form .h_btn_st8 {
  background-color: #111111 !important;
  color: #fff !important;
  border: 1px solid transparent !important;
}
.mypage_contents .h_form button, .mypage_contents .h_form a, .mypage_contents .h_form input[type="button"]{
	margin: 0;
	border: none;
	overflow: visible;
	font: inherit;
	color: inherit;
	text-transform: none;
	display: inline-block;
	box-sizing: border-box;
	padding: 12px 20px;
	vertical-align: middle;
	font-size: 14px;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: 0.1s ease-in-out;
	transition-property: color, background-color, border-color;
	border-radius:0em;
	background-color: transparent;
	color: #333;
	border:1px solid #e5e5e5;
	outline:none;
	position:relative;

}


.mypage_contents .h_form .h-check, .mypage_contents .h_form .h-radio {
	margin-left:20px;
	cursor:pointer;
}


.mypage_contents .h_form .h-check:first-child, .mypage_contents .h_form .h-radio:first-child {
	margin-left:0px !important;
}


/* 마이페이지 메인 내 디자인 관리 목록*/
.mypage_contents .list_wrap .image_list_st_wrap{
	margin-top:20px;
	position:relative;
	display:grid;
	max-width:100%;
	grid-auto-rows:auto;
	min-height:100px;
}

.mypage_contents .list_wrap .image_list_st_wrap .image_rows_st{
	width: 100% !important;
}

.mypage_contents .list_wrap .image_list_st_wrap .image_rows_st .img_st img{
	max-width:100%;
	height:auto;
	border-radius:0px;
}
.mypage_contents .list_wrap .image_list_st_wrap .image_rows_st .title_st{
	text-align:left;
	box-sizing: border-box;	
  margin-bottom: 10px;
}
.mypage_contents .list_wrap .image_list_st_wrap .image_rows_st .title_st a{
	color:#000!important;
	font-size:16px;
}

.mypage_contents .list_wrap .image_list_st_wrap .image_rows_st .btn_wrap{
	display:flex;
	align-items: center;
	gap:15px;
	width:100%;
	padding: 0px 5px;
	box-sizing: border-box;	
}


.mypage_contents .list_wrap .image_list_st_wrap .image_rows_st .btn_wrap a,
.mypage_contents .list_wrap .image_list_st_wrap .image_rows_st .btn_wrap button{
	color:#999999;
}


.mypage_contents .list_wrap .image_list_st_wrap .no_data{
	display:block;
	position:absolute;
	text-align:center;
	width:100%;
	top:50%;
	transform:translateY(-50%);
}



/*design_list*/
.mypage_contents .sub_design_list .image_list_st_wrap{
	margin-top:20px;
	position:relative;
	display:grid;
	max-width:100%;
	grid-auto-rows:auto;
	min-height:100px;
}

.mypage_contents .sub_design_list .image_list_st_wrap .image_rows_st{
	width:263px;
	position:relative;
}

.mypage_contents .sub_design_list .image_list_st_wrap .image_rows_st .design_check{
	position:absolute;
	top:6px;
	left:10px;
}

.mypage_contents .sub_design_list .image_list_st_wrap .image_rows_st .h_form.design_check .h-check input[type="checkbox"]:disabled + span::before {
	background-color:rgba(0,0,0,0.4);
}

.mypage_contents .sub_design_list .image_list_st_wrap .image_rows_st .h_form.design_check .h-check input[type="checkbox"] + span::before {
	background-color:#ffffff;
}

.mypage_contents .sub_design_list .image_list_st_wrap .image_rows_st .design_wait_info{
	position:absolute;
	top:10px;
	right:10px;
	border-radius:0px;
	padding:2px 7px;
	font-size:12px;
	border:1px solid rgba(0,0,0,0.1);
}

.mypage_contents .sub_design_list .image_list_st_wrap .image_rows_st .design_wait_info.wait{
	background:#ffffff;
	color:#808080;
}

.mypage_contents .sub_design_list .image_list_st_wrap .image_rows_st .design_wait_info.complete{
	background:#3399cc;
	color:#ffffff;
}

.mypage_contents .sub_design_list .image_list_st_wrap .image_rows_st .design_wait_info.hold{
	background:#121212;
	color:#ffffff;
}

.mypage_contents .sub_design_list .image_list_st_wrap .image_rows_st .img_st img{
	max-width:263px;
	height:auto;
	border-radius:7px;
}

.mypage_contents .sub_design_list .image_list_st_wrap .image_rows_st .title_st{
	color:#111111;
	font-size:16px;
	text-align:left;
	word-break: break-all;
	margin-top:5px;
}

.mypage_contents .sub_design_list .image_list_st_wrap .image_rows_st .sub_exp_st{
	color:#6c6c6c;
	font-size:13px;
	text-align:left;
	word-break:break-all;
	margin-top:3px;
	line-height: 22px;
}

.mypage_contents .sub_design_list .image_list_st_wrap .image_rows_st .reg_date_st{
	color:#cecece;
	font-size:13px;
	text-align:left;
	word-break:break-all;
	margin-top:3px;
}


.mypage_contents .sub_design_list .image_list_st_wrap .image_rows_st .btn_wrap{
	display:flex;
	column-gap:13px;
	width:max-content;
}


.mypage_contents .sub_design_list .image_list_st_wrap .image_rows_st .btn_wrap a,
.mypage_contents .sub_design_list .image_list_st_wrap .image_rows_st .btn_wrap button{
	color:#999999;
}


.mypage_contents .sub_design_list .image_list_st_wrap .no_data{
	display:block;
	position:absolute;
	text-align:center;
	width:100%;
	top:50%;
	transform:translateY(-50%);
}


.mypage_contents .sub_design_list .design_list_btn_wrap{
	width:max-content;
	margin:70px auto 50px auto;
	display:flex;
	column-gap:5px;
}

.mypage_contents .sub_design_list .design_list_btn_wrap .btn_st{
	width:max-content;
	font-size:14px;
	display:inline-flex;
	column-gap:5px;
	align-items:center;
	justify-content:center;
}

/*design_share_modal*/
.modal_wrap.mypage_contents .contents_wrap_design_share .modal_design_list_wrap{
	padding:20px;
	position:relative;
	display:grid;
	max-width:100%;
	grid-auto-rows:auto;
	min-height:100px;
}

.modal_wrap.mypage_contents .contents_wrap_design_share .modal_design_list_wrap .image_rows_st{
	width:140px;
	position:relative;
}

.modal_wrap.mypage_contents .contents_wrap_design_share .modal_design_list_wrap .image_rows_st .img_st img{
	max-width:140px;
	height:auto;
	border-radius:0px;
}

.modal_wrap.mypage_contents .contents_wrap_design_share .modal_design_list_wrap .image_rows_st .title_st{
	color:#111111;
	font-size:13px;
	text-align:left;
	word-break:break-all;
	margin-top:8px;
}
/*design_share_modal*/




.mypage_contents .design_manage_count_sub{
	display:flex;
	background:#ffffff;
	box-sizing:border-box;
	margin-bottom:20px;
	border-bottom:1px solid #e5e5e5;
	position:relative;
}

.mypage_contents .design_manage_count_sub .cell{
	position:relative;
	display:flex;
	flex:0 1 25%;
	align-items:center;
	flex-direction:column;
	justify-content:center;
	row-gap:3px;
	padding-bottom:20px;
}


.mypage_contents .design_manage_count_sub .cell .count_st{
	font-size:18px;
	color:#b4b4b4;
	font-weight:500;
}


.mypage_contents .design_manage_count_sub .cell .title_st{
	font-size:14px;
	color:#b4b4b4;
	font-weight:400;
}


.mypage_contents .design_manage_count_sub .cell:hover .count_st,
.mypage_contents .design_manage_count_sub .cell.sel_st .count_st{
	color:#fe555c;
	font-weight:700;
}


.mypage_contents .design_manage_count_sub .cell:hover .title_st,
.mypage_contents .design_manage_count_sub .cell.sel_st .title_st{
	color:#111111;
}


.mypage_contents .design_manage_count_sub .cell:hover:after,
.mypage_contents .design_manage_count_sub .cell.sel_st:after{
	content:"";
	position:absolute;
	display:block;
	background:#000000;
	width:100%;
	height:3px;
	left:0;
	bottom:-1px;
}



.mypage_contents .search_box{
	display:flex;
	row-gap:10px;
	flex-direction:column;
}

.mypage_contents .search_box .search_box_rows{
	display:flex;
	align-items:center;
}


.mypage_contents .search_box .search_box_rows .rows_title{
	font-size:16px;
	color:#111111;
	font-weight:500;
	margin-right:30px;
  font-weight:bold;
}


.mypage_contents .search_box .search_box_rows .rows_nation{
	display:flex;
}


.mypage_contents .search_box .search_box_rows .rows_date_search{
	display:flex;
	align-items:center;
	column-gap:5px;
}

.mypage_contents .search_box .search_box_rows .rows_date_search button{
	min-width:105px;
}

.mypage_contents .search_box .search_box_rows .rows_date_search .between_st{
	width:15px;
	text-align:center;
}


.mypage_contents .search_box .search_box_rows .rows_date_search .date_box .uk-form-icon{
	margin-top:2px;
	width:55px;
}

.mypage_contents .search_box .search_box_rows .rows_date_search .date_box input{
	width:180px;
	padding-left:50px !important;
}


.mypage_contents .search_box .search_box_rows .rows_search_btn{
	margin-left:5px;
}

.mypage_contents .search_box .search_box_rows .rows_search_btn button{
	width:120px;
}

.design_manage_count.share_box{
	/*background-color:#b4b9b5;
	background:linear-gradient(336deg, rgba(180 185 181 / 100%) 0%, rgba( 152 158 151 / 100%) 70.71%);
	padding:25px;
	height:auto;*/
	
	display: flex;
	margin: 10px auto 0;
	padding: 19px 20px 19px 50px;
	background: #f6f6f6;
	box-sizing: border-box;
	column-gap: 27px;
	width: 100%;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}

.design_manage_count.share_box .cell.st:after {
    border-right: 1px solid rgba(0,0,0,.05);
}
.design_manage_count.share_box .cell.st:first-child span:nth-child(2){color:#e14846!important;}

.design_manage_count.share_box span:first-child{color:#6c6c6c!important;}
.design_manage_count.share_box span:nth-child(2){color:#333!important;}
.design_manage_count.share_box .update{
	font-size:12px;
	font-weight:300;
	color:#6c6c6c;
	padding:3px 15px;
	margin:5px auto 0;
	width: max-content;
	background-color:#fff;
	border:1px solid #e1e1e1;
}

.design_manage_count .cell{
	position:relative;
	display:flex;
	flex:0 1 25%;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}
.design_manage_count .cell.st:after{
	content:"";
	position:absolute;
	display:block;
	border-right:1px solid #ebebeb;
	width:1px;
	height:100%;
	right:0;
	top:0;
}
.design_manage_count .cell.dt:before{
	content:"";
	position:absolute;
	display:block;
	border-right:1px solid #ebebeb;
	width:1px;
	height:100%;
	left:0;
	top:0;
}

.bolyu{position:fixed; z-index:100; min-width: 600px; max-width: 800px; max-height: 90%; top:50%; left:50%; transform:translate(-50%, -50%); display:none; box-sizing:border-box;}
.bolyu *{box-sizing:border-box;}
.bolyu h1{padding:0 20px; background:#83c2b7; color:#fff; font-size:20px; width:100%; height:50px; line-height:50px; vertical-align:middle; position:relative;}
.bolyu h1 span{position:absolute; right:10px; top:-3px; cursor:pointer;}
.bolyu .bolyu_area{width:100%; height:600px; padding:20px; background:#ffffff; border-radius:10px; overflow:hidden;}
.bolyu .bolyu_area #bolyu_area{width: 100%; height: 420px; margin-top:10px;overflow-y: scroll;}
.bolyu .titles{
	font-size:22px;
	margin-top:20px;
	letter-spacing:-1px;
	text-align:center;
	color:#111111;
}

.bolyuBtn{position: absolute; top: 37px; right: 10px; background: #000; padding: 3px 7px; color: #fff; border-radius: 3px; font-size: 12px; cursor: pointer;}

.mypage_contents .sub_design_list .image_list_st_wrap .image_rows_st .design_wait_info,.mypage_contents .sub_design_list .image_list_st_wrap .image_rows_st .design_check,.bolyuBtn{
	z-index: 100;
}
/*디자인 등록*/
.mypage_contents .flow_info_sec .design_img_info{
	display:flex;
	border-radius:0px;
	background:#f6f6f6;
	flex-wrap:wrap;
	padding:34px 0;
	gap: 40px 0;
  border-top: 0px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}
.mypage_contents .flow_info_sec .design_img_info .cell{
	position: relative;
	display: flex;
	flex: 0 1 25%;
	align-items: center;
	flex-direction: column;
	gap:15px;
}

.mypage_contents .flow_info_sec .design_img_info .cell span.img{

}
.mypage_contents .flow_info_sec .design_img_info .cell span.txt{
	font-size:14px;
	letter-spacing:-1px;
	color:#4d4d4d;
	text-align:center;
	width: max-content;
	display:inline-block;
	word-break:break-word;
}
.mypage_contents .flow_info_sec .design_img_info .cell:before{
	content:"";
	position:absolute;
	right:0;
	top:50%;
	margin-top:-35px;
	width: 8px;
	height: 13px;

	background: url(../images/malgum_img/contents/img_printing_arr.png) no-repeat 50%;
}
.mypage_contents .flow_info_sec .design_img_info .cell.bg_none:before{
	display:none;
}
.mypage_contents .flow_info_sec .design_img_info .cell.down:after{
	content:"";
	position:absolute;
	right:50%;;
	bottom:-20px;
	margin-right:-10px;
	width:20px;
	height:20px;
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline fill='none' stroke='%239f9f9f' stroke-width='1.03' points='16 7 10 13 4 7'/%3E%3C/svg%3E");
}


/*extext*/
.shareinfo{margin-top:10px;}
.shareinfo li{
	list-style: none;
	list-style-position: inside;
}
.shareinfo li,
.mypage_contents .mtd .extext,
.mypage_contents .mtd .extext2,
.mypage_contents .mtd .extext3 {
	display: block;
	font-size: 13px;
	color: #777;
	font-weight: normal;
	position: relative;
	padding-top: 5px;
	padding-left: 15px;
	line-height:1.4;
}

.shareinfo li:before,
.mypage_contents .mtd .extext:before,
.mypage_contents .mtd .extext2:before,
.mypage_contents .mtd .extext3:before {
	content: '※';
	position: absolute;
	width: 15px;
	height: 15px;
	color: #777;
	left: 0;
	top: 5px;
	font-size: 13px;
	line-height: 18px;
	display: inline-block;
	font-family: inherit;
	background: none;
}

.reginfoText2 ul,
.infoList ul{
	list-style: initial;
	padding-left: 15px;
}

.mypage_contents .infoList{
	margin:20px 0 0 10px;
}
.mypage_contents .infoList ul li {
	font-size:14px;
	color:#6c6c6c;
	margin-bottom: 5px;
	list-style: initial;
	padding: initial;
	letter-spacing: inherit;
}
.mypage_contents .infoList ul li:last-child {
	margin-bottom:0px !important;
}

.mypage_contents .designer_caution {
	margin-top:80px;
}

.mypage_contents .designer_caution .reginfoText2 ul li{
	font-size:14px;
	color:#6c6c6c;
	list-style: initial;
	padding: initial;
	letter-spacing: inherit;
	margin-bottom: 5px;
}

.mypage_contents .designer_caution .reginfoText2 ul li strong{
	color: ##e14846;
}
.mypage_contents .designer_caution .reginfoText2 ul li:last-child {
	margin-bottom:0px !important;
}
.mypage_contents .designer_caution .reginfoText2{
	padding:30px 40px;
	border:1px solid #e9e9e9;;
	border-radius:0px;
	background:#fff;
}
/*image_mapping*/
/*tab*/
.image_mapping_wrap *{box-sizing: border-box;}
.image_mapping_wrap{}
.image_mapping_wrap .mapping_tab{overflow-x: scroll;}
.image_mapping_wrap .mapping_tab::-webkit-scrollbar{display: none;}
.image_mapping_wrap .mapping_tab ul{
	display: flex;
	align-items: center;
	height:auto;
	border-bottom: 1px solid #242428;
    width: 100%;
	min-width: max-content;
}
.image_mapping_wrap .mapping_tab ul li{
    display: block;
    position: relative;
    width: 100%;
    padding: 12px 10px 13px;
    border-top: 1px solid #ecedf2;
    border-left: 1px solid #ecedf2;
    font-size: 15px;
    line-height: 1.5;
    color: #62676c;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	text-align:center;
	cursor : pointer;
	min-width: max-content;
}
.image_mapping_wrap .mapping_tab ul li:last-child {
    border-right: 1px solid #ecedf2;
}

.image_mapping_wrap .mapping_tab ul li.on {
	border-color: #242428;
    border-right: 1px solid #242428;
    border-bottom: 0;
    font-weight: 700;
    color: #242428;
}

.image_mapping_wrap .mapping_tab ul li.on::before {
    position: absolute;
    bottom: -1px;
    left: 0px;
    right: 0px;
    height: 3px;
    background: #fff;
    content: "";
}

/*row*/

.image_mapping_wrap .row_wrap {
	display: grid;
	grid-template-columns: repeat(6, minmax(135px, 1fr));
	grid-auto-rows: 158px;
	gap: 20px;
	width: 100%; /* 고정값 제거 */
	max-width: 100%;
	justify-content: center;
	box-sizing: border-box;
}



.image_mapping_wrap .row label{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

.image_mapping_wrap .row p {
	color: #777;
	text-align: center;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%; /* 13px */
	letter-spacing: -0.65px;
}

.image_mapping_wrap .thumbnail {
	width: 135px;
	height: 135px;
	position: relative;
	overflow: hidden;
	background: #fff;
	cursor: pointer;

	display: flex;
	align-items: flex-start;
	border-radius: 5px;
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
}

.image_mapping_wrap .thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.image_mapping_wrap .label {
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 0px 0px 0px 5px;

	display: flex;
	padding: 2px 7px 3px 7px;
	justify-content: center;
	align-items: center;

	text-align: center;
	font-style: normal;
	font-weight: 400;
	line-height: 100%; /* 12px */
	letter-spacing: -0.6px;
	font-size: 12px;
	z-index: 3;
}


.image_mapping_wrap .checked {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 1;
	z-index: 2;
	width: 32px;
	height: 32px;
	aspect-ratio: 1/1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.image_mapping_wrap .checked .uk-icon {color: #fff;}

.image_mapping_wrap .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0; /* 기본은 투명 */
	transition: all 0.3s ease;
	z-index: 1;
}


.tableStyleHD01 th.mth{
	border-bottom: 1px solid #e9e9e9;
	border-right: 0px solid #e9e9e9;
	background: #f8f8f8;
	color: #282828;
	padding:25px 0 25px 35px;
	text-align: left;
	font-size:16px;
}




.image_mapping_wrap .btn_wrap{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap:20px;
	padding:15px 0 0px;
	border-top:solid 1px #eaeaea;
	width:100%;
	margin-top:20px
}
.wt3d_mapping_btn{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	width: max-content;
	box-sizing: border-box;
	border-radius: 0px;

	border: 1px solid #222 !important;
	background-color: #222;
	padding: 10px 50px;
	font-size: 16px;
	color: #fff;
	outline: none;
	cursor: pointer;
}
.wt3d_mapping_btn2{
	position: relative;
	overflow: hidden;
	padding: 10px 50px;
	font-size: 16px;
	cursor: pointer;
	text-align: center;
	width: max-content;
	box-sizing: border-box;
}
/*image_mapping*/



/*uikit tooltip*/
.mypage_contents .image_rows_st .btn_wrap .uk-icon{color:#999!important;}
.uk-tooltip * {
	color: #fff!important;
	font-size: 12px!important;
	font-weight: normal!important;
}
.uk-tooltip{
	background: #999!important;
}
/*uikit tooltip*/



.tableStyleHD01 td.mtd .selectColorBox{background:url(/images/bg_noselectColor2.png) no-repeat; height:30px; width:170px;}

.design_reg_faqlink{display: flex; gap:10px; margin-top:10px;}
.design_reg_faqlink a{
	background: #999;
	color: #fff;
	padding: 3px 10px 5px;
	font-size: 13px;
	font-weight: normal;
	margin-right: 5px;
	cursor: pointer;
	border-radius: 0px;
}
.faqlink a:hover{background: #222;}
.regOkCheck label{
	font-size: 14px;
	color:#6c6c6c;
	cursor: pointer;
}


/* point_jangboo.html CSS */
.mypage_contents .point_box .titles{
	font-size:21px;
	color:#101010;
}

.mypage_contents .point_box .count{
	font-size:30px;
	color:#e14846;
  font-weight: bold;
}

.mypage_contents .list_wrap.sub_list{
	margin-top:40px;
}

.mypage_contents .list_wrap.sub_list .sub_list_count{
	font-size:14px;
	color:#6c6c6c;
	text-align:right;
}


/*table style*/
.mypage_contents .list_wrap .text_list_st_wrap *{box-sizing:border-box;}
.mypage_contents .list_wrap.sub_list .text_list_st_wrap{
	margin-top:15px;
}
.mypage_contents .list_wrap .text_list_st_wrap table {
	width:100%;
}

.mypage_contents .list_wrap .text_list_st_wrap table thead th{
	font-weight:normal;
	background:#f8f8f8;
	border-top:1px solid #dadada;
	border-bottom:1px solid #dadada;
	height: 50px;
	color:#333;
	padding:5px 0;
	font-size:16px;
}

.mypage_contents .list_wrap .text_list_st_wrap table tbody tr:hover td{
	
}

.mypage_contents .list_wrap .text_list_st_wrap table tbody tr td{
	color:#666;
	box-sizing:border-box;
  border-bottom: 1px solid #dce6e5;
  border-right: 1px solid #dce6e5;
	padding:20px;
	font-size:14px;
	text-align:center;
}
.mypage_contents .list_wrap .text_list_st_wrap table tbody tr td.date{
	font-size: 13px;
	color: #999;
}
.mypage_contents .list_wrap .text_list_st_wrap table tbody tr td:last-child{
	border-right: none;
}

.mypage_contents .list_wrap .text_list_st_wrap table tbody tr td .design_info_wrap{
	display:flex;
	column-gap:20px;
	align-items:center;
	width:100%;
}

.mypage_contents .list_wrap .text_list_st_wrap table tbody tr td .design_info_wrap .image_st{
	flex:0 1 130px;
}

.mypage_contents .list_wrap .text_list_st_wrap table tbody tr td .design_info_wrap .image_st img{
	width:130px;
	height:130px;
}

.mypage_contents .list_wrap .text_list_st_wrap table tbody tr td .design_info_wrap .title_st{
	text-align:left;
	line-height:1.6;
	flex:1;
	word-break:break-all;
	color:#6c6c6c;
  font-size: 14px;
  font-weight:bold;
}


.mypage_contents .list_wrap .text_list_st_wrap table tbody tr td.bank_info div{
	margin-bottom: 5px;
	display: flex;
	align-items:center;
}

.mypage_contents .list_wrap .text_list_st_wrap table tbody tr td.bank_info div:last-child{
	margin-bottom:0px;
}

.mypage_contents .list_wrap .text_list_st_wrap table tbody tr td.bank_info div span:first-child{
	width:auto;
	display:inline-block;
	font-size:13px;
	color:#6c6c6c; 
}

.mypage_contents .list_wrap .text_list_st_wrap table tbody tr td.bank_info div span:first-child::after {
	content: ":";
	margin-left: 2px;
}

.mypage_contents .list_wrap .text_list_st_wrap table tbody tr td.bank_info div span:last-child{
	display:inline-block;
	margin-left:5px;
  font-size: 15px;
  color: #2c3c3a;
}
.mypage_contents .list_wrap .text_list_st_wrap table tbody tr td.bank_info.end div span:last-child{
  font-size: 13px;
  color: #6c6c6c;
}


.mypage_contents .list_wrap .text_list_st_wrap table tbody tr td.wait{
	color:#111111;
}

.mypage_contents .list_wrap .text_list_st_wrap table tbody tr td.complete{
	color:#3399cc;
}

.mypage_contents .list_wrap .text_list_st_wrap table tbody tr td.hold{
	color:#ff0303;
}

.mypage_contents .list_wrap .text_list_st_wrap table tbody tr.no_data td{
	color:#222;
	font-weight:400;
	background:#ffffff;
	border-bottom:1px solid #e5e5e5;
	padding:40px 0;
	font-size:14px;
	text-align:center;
}
.mypage_contents .list_wrap .text_list_st_wrap table tbody tr td.point_comma,
.mypage_contents .list_wrap .text_list_st_wrap table tbody tr td.withdrawal_money_comma{
  color: #ff0303;
  font-size: 16px;
}


/*table style*/



.mypage_contents .paging_st{
	width:max-content;
	margin:30px auto;
}

/*search style*/
.mypage_contents .my_search_box_wrap{
	margin:10px auto 20px; 
	padding: 19px 20px 19px 50px;
  background-color: #f6f6f6;
	border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
	display: flex;
	flex-direction: column;
	gap:10px
}


.mypage_contents .my_search_box_wrap .h_form button{
  background: #fff;
}

.mypage_contents .search_box .search_box_rows .rows_date_search button{
	min-width:90px;
}

.mypage_contents .search_box .search_box_rows .rows_date_search .between_st{
	width:15px;
	text-align:center;
}

.mypage_contents .search_box .search_box_rows .rows_date_search .date_box .uk-form-icon{
	margin-top:2px;
	width:55px;
}

.mypage_contents .search_box .search_box_rows .rows_date_search .date_box input{
	width:180px;
	padding-left:50px !important;
}

.mypage_contents .search_box .search_box_rows .rows_search_btn{
	margin-left:5px;
}

.mypage_contents .search_box .search_box_rows .rows_search_btn button{
	width:123px;
}

.mypage_contents .point_box{
	display:flex;
	background:#f6f6f6;
	padding:30px 60px;
	margin-bottom:30px;
	align-items:center;
	justify-content:flex-start;
	column-gap:25px;
}

/* point_withdrawal.html CSS */

.pointWithdrawal{position:fixed; z-index:100; width:500px; height:55%; max-height:500px; top:50%; left:50%; transform:translate(-50%, -50%); display:none; box-sizing:border-box; background-color: #fff; border: 1px solid #ccc;}
.pointWithdrawal *{box-sizing:border-box;}
.pointWithdrawal h1{padding:0 20px; background:#83c2b7; color:#fff; font-size:20px; width:100%; height:50px; line-height:50px; vertical-align:middle; position:relative;}
.pointWithdrawal h1 span{position:absolute; right:10px; top:-3px; cursor:pointer;}
.pointWithdrawal .iframe{width:100%; height:100%; background:#ffffff; border-radius:0px; overflow:hidden;}
.pointWithdrawal .iframe iframe{width:100%; height:100%;}

.point_convert_login{position:fixed; z-index:100; width:500px; height:55%; max-height:500px; top:50%; left:50%; transform:translate(-50%, -50%); display:none; box-sizing:border-box;}
.point_convert_login *{box-sizing:border-box;}
.point_convert_login h1{padding:0 20px; background:#83c2b7; color:#fff; font-size:20px; width:100%; height:50px; line-height:50px; vertical-align:middle; position:relative;}
.point_convert_login h1 span{position:absolute; right:10px; top:-3px; cursor:pointer;}
.point_convert_login .iframe{width:100%; height:100%; background:#ffffff; border-radius:0px; overflow:hidden;}
.point_convert_login .iframe iframe{width:100%; height:100%;}

.mypage_contents .modal_mask_bg{
	position: fixed;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0,0,0,0);
	z-index:100;
}

.mypage_contents .withdrawal_point_manage_count{
	display:flex;
	margin: 10px auto 20px;
  padding: 19px 20px 19px 50px;
	background:#f6f6f6;
	box-sizing:border-box;
	column-gap:27px;
	width:100%;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc
}
.mypage_contents .withdrawal_point_manage_count .cell{
	position:relative;
	display:flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}
.mypage_contents .withdrawal_point_manage_count .cell.st:after{
	content:"";
	position:absolute;
	display:block;
	border-right:1px solid #ebebeb;
	width:1px;
	height:100%;
	right:0;
	top:0;
}

.mypage_contents .withdrawal_point_manage_count .transformBtn{
	display: flex;
	align-items: center;
	column-gap: 5px;
}
.mypage_contents .withdrawal_point_manage_count .transformBtn.cash span{color:#fff!important;}
.mypage_contents .withdrawal_point_manage_count .transformBtn.point span{color:#000!important;}



/*일본사이트 버튼 스타일*/
.jp_btn_style01{
	padding: 15px 40px!important;
  background: #000!important;
  color: #fff!important;
	border: solid 1px #000!important;
}

.jp_btn_style02{
	padding: 15px 40px!important;
  background: #ccc!important;
  color: #222!important;
	border: solid 1px #ccc!important;
}
.jp_btn_style03{
	padding: 15px 40px!important;
  background: #fff!important;
  color: #000!important;
	border: solid 1px #000!important;
}

#contents .shoppingList .sellDesignTitle .designStats span:last-child{
	padding-right: 0!important;
}

/*rows_main_design_list.html*/
.main_design_list_row *{box-sizing: border-box;}
.main_design_list_row {width:218px;}
.main_design_list_row table {
    width: 100%;
    table-layout: fixed;
}
.main_design_list_row .img{width:100%; height:218px; overflow:hidden;}
.main_design_list_row .info{width:100%; border:1px solid #e4e4e4; border-top:none; padding:20px; }
.main_design_list_row .info .titles{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#282828;width:100%;}
.main_design_list_row .info .titles a{color:#6c6c6c;font-size:14px; font-weight:bold}
.main_design_list_row .tool{border:1px solid #e4e4e4; border-top:none; padding:10px; text-align:center;width:100%;}
.main_design_list_row .tool .icon span{color:#999!important;}


/*rows_sub_design_list.html*/
.sub_design_list_row *{box-sizing: border-box;}
.sub_design_list_row {width:218px; position:relative;}
.sub_design_list_row table {
    width: 100%;
    table-layout: fixed;
}
.sub_design_list_row .img{width:100%; height:218px; overflow:hidden; position:relative;}
.sub_design_list_row .info{
  width:100%;
  border:1px solid #e4e4e4;
  border-top:none;
  padding:20px;
  display: flex;
	flex-direction: column;
  gap:5px
 }
.sub_design_list_row .info .titles{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width:100%;}
.sub_design_list_row .info .titles a{color:#6c6c6c;font-size:14px; font-weight:bold}
.sub_design_list_row .tool{border:1px solid #e4e4e4; border-top:none; padding:10px; text-align:center;width:100%;}
.sub_design_list_row .tool .icon span{color:#999!important;}
.sub_design_list_row .info .reg_date_st{
	color:#cecece;
	font-size:13px;
	text-align:left;
	word-break:break-all;
	margin-top:5px;
  margin-bottom:5px;
}

/* 이미지 위 absolute 요소들 */

/*.sub_design_list_row .design_check {position:absolute;top:6px;left:6px;z-index:10;}*/
.sub_design_list_row .h_form.design_check .h-check input[type="checkbox"]:disabled + span::before {background-color:rgba(0,0,0,0.4);}
.sub_design_list_row .h_form.design_check .h-check input[type="checkbox"] + span::before {background-color:#ffffff;}
.sub_design_list_row .design_wait_info{
	position:absolute;
	top:6px;
	right:6px;
	padding:2px 7px;
	font-size:12px;
	border:1px solid rgba(0,0,0,0.1);
  z-index:10;
}
.sub_design_list_row .design_wait_info.wait{background:#ffffff;color:#808080;}
.sub_design_list_row .design_wait_info.complete{background:#3399cc;color:#ffffff;}
.sub_design_list_row .design_wait_info.hold{background:#121212;color:#ffffff;}
.sub_design_list_row .h-check input[type="checkbox"] {
	background-color:#fff;
}


/*main add css*/
.mypage_title{
	display:flex;
	align-items: center;
	margin-bottom:20px;
}
.mypage_title .titles{
	flex:1;
	color:#6c6c6c!important;
	font-size:24px;
  font-weight: bold;
}

.mypage_title .titles a{
	color:#6c6c6c!important;
	font-size:24px;
  font-weight: bold;
  padding: 0!important;
}

.mypage_title .more{
	flex:none;
	color:#6c6c6c!important;
  font-size:14px;
  font-weight: normal!important;
}

.mypage_sub_title{
	display:flex;
	align-items: center;
	margin-bottom:15px;
}
.mypage_sub_title .sub_titles{
	color:#282828!important;
	font-size:20px;
  font-weight: normal;
	font-weight: bold;
}



.mypage_contents .list_wrap .point_manage_count{
	display:flex;
	height:98px;
	background:#f6f6f6;
	padding:18px;
	box-sizing:border-box;
	column-gap:27px;
	margin-bottom:20px;
}
.mypage_contents .list_wrap .point_manage_count .cell{
	position:relative;
	display:flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}
.mypage_contents .list_wrap .point_manage_count .cell.st:after{
	content:"";
	position:absolute;
	display:block;
	border-right:1px solid #ebebeb;
	width:1px;
	height:100%;
	right:0;
	top:0;
}


.mypage_contents .list_wrap .point_manage_count .cell .point_info_desc li{
	position:relative;
	padding-left:14px;
	text-align:left;
	letter-spacing:-1px;
	color:#888888;
	font-size:14px;
	font-weight:400;
}

.mypage_contents .list_wrap .point_manage_count .cell .point_info_desc li:before{
	content:"·";
	position:absolute;
	top:0;
	left:1px;
	color:#cfcfcf;
	font-weight:400;
}

.mypage_contents .list_wrap .point_manage_count .cell .withdrawal_btn{
	display:flex;
	align-items:center;
	justify-content:center;
	column-gap:10px;
	padding:15px 30px;
	font-size:15px;
	width:220px;
	border-radius:5px;
	height:58px;
}

.mypage_contents .transformBtn{
  padding: 8px 20px!important;
  box-sizing: border-box;	
}
.mypage_contents .transformBtn.cash {
  background: #222!important;
  color: #fff!important;
  border: 1px solid #222!important;
}

.mypage_contents .transformBtn.point {
  background: #fff!important;
  color: #222!important;
  border: 1px solid #eaeaea!important;
}


/*design_share_modal*/
.designShareModal{position:fixed; z-index:100; width:500px; height:55%; max-height:500px; top:50%; left:50%; transform:translate(-50%, -50%); display:none; box-sizing:border-box; background-color: #fff; border: 1px solid #ccc;}
.designShareModal *{box-sizing:border-box;}
.designShareModal h1{padding:0 20px; background:#83c2b7; color:#fff; font-size:20px; width:100%; height:50px; line-height:50px; vertical-align:middle; position:relative;}
.designShareModal h1 span{position:absolute; right:10px; top:-3px; cursor:pointer;}
.designShareModal .iframe{width:100%; height:100%; background:#ffffff; border-radius:0px; overflow:hidden;}
.designShareModal .iframe iframe{width:100%; height:100%;}



/*modal*/
.modal_wrap.mypage_contents{
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	row-gap:30px;
}

.modal_wrap.mypage_contents .titles{
	/*font-size:22px;
	margin-top:30px;
	font-weight: bold;
	text-align:center;
	color:#111111;*/
	font-weight: bold;

	padding: 0 20px;
	background: #aaa;
	color: #111;
	font-size: 20px;
	box-sizing: border-box;	
	height: 50px;
	line-height: 50px;
	position: relative;
}
/*modal close button*/
.desion_modla_close {
	position: absolute;
	right: 10px;
	top: -3px;
	cursor: pointer;
}




.modal_wrap.mypage_contents .contents_wrap{
	overflow-y:auto;
	/* padding: 0 30px; */
	width:calc(100% - 30px);
	height:calc(100% - 190px);
	margin:0 auto;
  box-sizing: border-box;
}

.modal_wrap.mypage_contents .contents_wrap_design_share{
	overflow-y:auto;
	width:calc(100% - 0px);
	height:calc(100% - 290px);
	margin:0 auto;
	border-top:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
}

.modal_wrap.mypage_contents .contents_wrap::-webkit-scrollbar,
.modal_wrap.mypage_contents .contents_wrap_design_share::-webkit-scrollbar{
	width:7px;
}

.modal_wrap.mypage_contents .contents_wrap::-webkit-scrollbar-thumb,
.modal_wrap.mypage_contents .contents_wrap_design_share::-webkit-scrollbar-thumb{
	background-color:rgba(0,0,0,0.1);
	border-radius:0px;
	transition:all 0.5s;
}

.modal_wrap.mypage_contents .contents_wrap::-webkit-scrollbar-thumb:hover,
.modal_wrap.mypage_contents .contents_wrap_design_share::-webkit-scrollbar-thumb:hover{
	background-color:rgba(0,0,0,0.1);
	border-radius:0px;
	transition:all 0.5s;
}
.modal_wrap.mypage_contents .contents_wrap::-webkit-scrollbar-track,
.modal_wrap.mypage_contents .contents_wrap_design_share::-webkit-scrollbar-track{
	background:rgba(0,0,0,0.01);
	border-radius:0px;
}

.modal_wrap.mypage_contents .contents_wrap .rows_title{
	font-size:16px;
	color:#333;
	display:flex;
	align-items:center;
	column-gap:30px;
  font-weight:bold;
}

.modal_wrap.mypage_contents .contents_wrap .rows_title_sub{
	font-size:14px;
	color:#787878;
  	font-weight:normal
}
.modal_wrap.mypage_contents .contents_wrap .rows_title_sub span{
  font-weight:bold;
}

.modal_wrap.mypage_contents .contents_wrap .explain_sub{
	font-size:14px;
	color:#787878;
	margin-top:10px;
}

.modal_wrap.mypage_contents .contents_wrap .rows_input{
	margin-top:10px;
	font-size:14px;
	color:#787878;
}

.modal_wrap.mypage_contents .btn_wrap{
	display:flex;
	column-gap:5px;
	width:max-content;
	margin:0 auto;
}

.modal_wrap.mypage_contents .btn_wrap button{
	padding:13px 40px;
}


/*디자인 공유 카운트*/
.mypage_contents .design_list_count {margin-bottom: 30px;}
.mypage_contents .design_list_count ul {display: flex; justify-content: center; background-color: #515151;border-radius: 0 0 4px 4px;width: max-content; margin: 0 auto; padding: 0 30px;}
.mypage_contents .design_list_count li{background: url(/images/bg_cutline01.png) no-repeat 100% 50%;}
.mypage_contents .design_list_count ul li:last-child{background: none;}
.mypage_contents .design_list_count li a {color: #c9c9c9;line-height: 53px;font-size: 13px;color: #c9c9c9;padding: 0 17px;}

.design_cert_wrap{
	display: flex;
	background: #fff;
	padding:18px;
	box-sizing: border-box;
	gap:50px;
	margin-bottom: 60px;
	align-items: center;
	justify-content: center;
	border: 1px solid #dcdcdc;
}
.design_cert_wrap p.explain_txt{color:#6c6c6c;font-size: 16px;}


/*공유를 안쓸경우 디자인*/
.no_share_wrap{}
.no_share_wrap .list_wrap{
	margin-bottom: 30px;
}
.no_share_wrap .list_wrap .mypage_sub_title{
	margin-bottom: 20px;
}
.no_share_wrap .list_wrap .design_manage_count.share_box{
	background: #f6f6f6;
	border-radius: 8px;
	padding: 30px 0;
}
.no_share_wrap .list_wrap .design_list_count{
	margin-top: 25px;
}
.no_share_wrap .list_wrap .design_list_count ul{
	display: flex;
	justify-content: center;
	gap: 15px;
	flex-wrap: wrap;
}
.no_share_wrap .list_wrap .design_list_count ul li{
	flex: 1;
	min-width: 200px;
}
.no_share_wrap .list_wrap .design_list_count ul li a{
	display: block;
	padding: 15px 20px;
	text-align: center;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	transition: all 0.2s;
}
.no_share_wrap .list_wrap .design_list_count ul li a:hover{
	background: #f8f8f8;
	border-color: #fe555c;
	color: #fe555c;
}
.no_share_wrap .search_box_wraps{
	margin-top: 30px;
}
.no_share_wrap .search_box_wraps .search_box{
	margin: 10px auto 20px;
	padding: 19px 20px 19px 50px;
	background-color: #f6f6f6;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	display: flex;
	flex-direction: column;
	gap: 10px;
}