/* BASIC css start */
.detail_ft_info_wrap { width: 100%; margin:40px 0; }
.detail_ft_info_wrap .detail_ft_infobox { display: flex; flex-direction: column; gap: 30px; }
.detail_ft_info_wrap .detail_ft_info1 .detail_ft_info_link { display: block; padding: 25px 15px; background-color: #ddd; text-align: center; }
.detail_ft_info_wrap .detail_ft_info1 .detail_ft_info_link .detail_ft_info_tit { font-size: 24px; font-weight: bold; }
.detail_ft_info_wrap .detail_ft_info1 .detail_ft_info_link .detail_ft_info_txt { padding-top: 15px; font-size: 14px; }
.detail_ft_info_wrap .detail_ft_info1 .detail_ft_info_link .detail_ft_info_subtxt { display: inline-block; padding-top: 5px; font-size: 13px; }
.detail_ft_info_wrap .detail_ft_info1 .detail_ft_info_link .detail_ft_morebtn { display: inline-block; width: 100%; margin-top:10px; padding: 7px 0; background-color: #1c1c1c; color: #fff; }

.detail_ft_case {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.case_title {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.case_img img {
	width: 100%;
}
.case_info_box .case_info {
	font-size: 14px;
	line-height: 1.7;
	display: flex;
	gap: 0.5em;
}
.case_info_box .case_info::before {
	content: '';
	display: inline-block;
	margin-top: 0.7em;
	width: 5px;
	min-width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #000;
}

.size_guide_wrap .size_guide_btn_box { 
	display:flex; 
	align-items:center; 
	justify-content:space-between; 
	gap: 5px;
	text-align:center;
}
.size_guide_wrap .size_guide_btn_box .size_guide_btn { 	
	display: block; 
	width: 100%; 
	font-size: 0.8rem; 
	padding: 0.5em 1em; 
	border:1px solid #000;
	background-color: #000;
	letter-spacing: -0.13em;
	color: #fff;
}
.size_guide_modal { display:none; }
.size_guide_modal .size_guide_pop .size_box { width: 100%; padding: 6%; box-sizing: border-box; position: relative; text-align: left; }  
.size_guide_modal .size_guide_pop .size_box .size_title { font-size: 19px; font-weight: bold; }
.size_guide_modal .size_guide_pop .size_box .size_txt { padding-top: 13px; font-size: 14px; line-height:21px; }
.size_guide_modal .size_guide_pop .size_link_btn_box { padding:0 6% 6%; display:flex; align-items: center; justify-content: flex-start; }
.size_guide_modal .size_guide_pop .size_link_btn_box .size_link_bt { display: inline-block; width:100%; padding: 10px 0; background-color: #1c1c1c; color:#fff; font-size: 13px; text-align:center; }
.size_guide_modal .size_guide_pop .size_box .size_list_table .size_list { width: 100%; border: 1px solid #1c1c1c; box-sizing: border-box; display: flex; }
.size_guide_modal .size_guide_pop .size_box .size_list_table .size_list>li { width: 50%; text-align: center; }
.size_guide_modal .size_guide_pop .size_box .size_list_table .size_list>li ul li { display: flex; align-items: center; border-top:1px solid #ddd; border-right:1px solid #1c1c1c; }
.size_guide_modal .size_guide_pop .size_box .size_list_table .size_list>li ul li:first-child { border-top:none; background-color: #1c1c1c; color:#fff; }
.size_guide_modal .size_guide_pop .size_box .size_list_table .size_list>li ul li:first-child>span { padding: 5px 0; line-height:18px; }
.size_guide_modal .size_guide_pop .size_box .size_list_table .size_list .size_list_right ul li { border-right:none; }
.size_guide_modal .size_guide_pop .size_box .size_list_table .size_list .size_list_left ul li:first-child { border-right:1px solid #fff; }
.size_guide_modal .size_guide_pop .size_box .size_list_table .size_list>li ul li span { width:33.333%; font-size:13px; line-height:27px; word-break:keep-all; }
.size_guide_modal .size_guide_pop .size_box .size_list_table .size_list>li ul li span:first-child { font-weight: bold; } 
.size_guide_modal .size_guide_pop .size_box .size_list_table .size_list .size_list_left>ul li:nth-child(13) { background-color: #efefef; }
.size_guide_modal .size_guide_pop .size_box .size_list_table .size_list .size_list_right>ul li:nth-child(4) { background-color: #efefef; }
.size_guide_modal .size_guide_pop .size_box .size_list_table .size_list_subtit { text-align:right; font-size:12px; line-height:30px; }
.close_btn { width:30px; height: 30px; border-radius:50%; border:1px solid #fff; position: fixed; top:7%; right: 0; left:0; margin:auto; background: url(/design/twinkring/pc/pc_img/icons/w_close.png) center no-repeat; cursor: pointer; background-size:20px; }

.size_guide_modal .size_guide_pop2 .size_box2_right .size_img_list_box { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; }
.size_guide_modal .size_guide_pop2 .size_box2_right .size_img_list_box .size_img_list { width:calc(50% - 5px); margin-right: 10px; margin-bottom:5px; }
.size_guide_modal .size_guide_pop2 .size_box2_right .size_img_list_box .size_img_list:nth-child(2n) { margin-right: 0; }
.size_guide_modal .size_guide_pop2 .size_box2_right .size_img_list_box .size_img_list:nth-child(n+5) { margin-bottom: 0; }
.size_guide_modal .size_guide_pop2 .size_box2_right .size_img_list_box .size_img_list img { width: 100%; }
.size_guide_modal .size_guide_pop2 .size_box2_right .size_img_list_box .size_initial_list { width: 100%; border:1px solid #ddd; }
.size_guide_modal .size_guide_pop2 .size_box2_right .size_img_list_box .size_initial_list img { width:100%; }

/*이니셜각인 미리보기*/
.initial_preview_info {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.initial_title .title {
	font-size: 18px;
	font-weight: bold;
}
.initial_title .sub_title {
	padding-top: 10px;
	font-size: 15px;
}
.initial_input input[name="initial"] {
	font-family: 'Noto Sans KR', sans-serif;
	width: 100%;
	display: block;
	border: 1px solid #ddd;
	font-size: 15px;
	font-weight: 300;
	padding: 0.5em 0.7em;
	border-radius: 7px;
	box-sizing: border-box;
	outline: none;
}
.initials_preview_info {
	display: flex;
	flex-direction: column;
	gap: 25px;
}
.initials_list {
	display: flex;
	flex-direction: column;
	gap: 1em;
}
.initials_list .initial_list_title {
	font-size: 14px;
	color: #767676;
}
.initials_list .initial_preview {
	font-size: 20px;
	padding-left: 1em;
	line-height: 1.4;
}
/* BASIC css end */