/* BASIC css start */
.detail_ft_info_wrap { width: 100%; margin:60px 0; }
.detail_ft_info_wrap .detail_ft_infobox { display: flex; flex-direction: column; gap: 60px; }
.detail_ft_info_wrap .detail_ft_info1 .detail_ft_info_link { display: block; padding: 60px; background-color: #ddd; text-align: left; position: relative; }
.detail_ft_info_wrap .detail_ft_info1 .detail_ft_info_link .detail_ft_info_tit { font-size: 19px; font-weight: bold; }
.detail_ft_info_wrap .detail_ft_info1 .detail_ft_info_link .detail_ft_info_txt { padding-top: 15px; font-size: 16px; }
.detail_ft_info_wrap .detail_ft_info1 .detail_ft_info_link .detail_ft_info_subtxt { display: inline-block; padding-top: 5px; font-size: 15px; }
.detail_ft_info_wrap .detail_ft_info1 .detail_ft_info_link .detail_ft_morebtn { display: inline-block; padding: 10px 25px; background-color: #1c1c1c; color: #fff; position: absolute; right: 60px; bottom: 60px; }

.detail_ft_case {
	width: 60%;
	margin: auto;
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.case_title {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}
.case_img img {
	width: 100%;
}
.case_info_box {
	padding-left: 30px;
	text-align: left;
	list-style-position: outside;
	list-style-type: disc;
}
.case_info_box .case_info {
	font-size: 16px;
	line-height: 1.7;
}

/*À̴ϼȰ¢ÀÎ ¹Ì¸®º¸±â*/
.initial_preview_info {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.initial_title {
	text-align: left;
}
.initial_title .title {
	font-size: 20px;
	font-weight: bold;
}
.initial_title .sub_title {
	padding-top: 10px;
	font-size: 17px;
	line-height: 1.4;
}
.initial_input input[name="initial"] {
	display: block;
	border: 1px solid #ddd;
	border-radius: 10px;
	font-family: 'Noto Sans KR', sans-serif;
	width: 100%;
	font-size: 16px;
	font-weight: normal;
	padding: 1em 1.5em;
	box-sizing: border-box;
}
.initials_preview_info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 30px;
}
.initials_list {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1.5em;
}
.initials_list .initial_list_title {
	font-size: 17px;
	color: #767676;
}
.initials_list .initial_preview {
	font-size: 30px;
	padding-left: 1em;
}

/*°¡À̵å*/
.size_guide_wrap .size_guide_btn_box { 
	display:flex; 
	align-items:center; 
	justify-content:space-between; 
	gap: 20px;
	text-align: center;
}
.size_guide_wrap .size_guide_btn_box .size_guide_btn { 
	display: block; 
	width:100%; 
	padding: 1em; 
	font-size: 16px; 
	background-color: #000;
	color: #fff;
	border:1px solid #000; 
	border-radius: 10px;
	cursor: pointer; 
	transition: background-color 0.3s, color 0.3s; 
}
.size_guide_wrap .size_guide_btn_box .size_guide_btn:hover { 
	color:#000;
	background-color:#fff; 
}
.size_guide_modal { display: none; }
.size_guide_modal .size_guide_pop { width:1200px; max-height: 80%; overflow: auto; border: 1px solid #ddd; box-sizing: border-box; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #fff; z-index: 10000; display: none; }
.size_guide_modal .size_guide_pop .size_box { width: 50%; padding:50px; box-sizing: border-box; position: relative; text-align: left; }  
.size_guide_modal .size_guide_pop .size_box .size_list_table .size_list_subtit { text-align:right; font-size:12px; line-height:30px; }
.size_guide_modal .size_guide_pop .size_box:first-child { border-right: 1px solid #ddd; }  
.size_guide_modal .size_guide_pop .size_box .size_title { font-size: 24px; font-weight: bold; }
.size_guide_modal .size_guide_pop .size_box .size_txt { padding-top: 20px; font-size: 17px; line-height:26px; }
.size_guide_modal .size_guide_pop .size_box .size_link_btn_box { display:flex; align-items: center; justify-content: flex-start; position: absolute; left: 50px; bottom: 50px; }
.size_guide_modal .size_guide_pop .size_box .size_link_bt { display: inline-block; padding: 13px 30px; margin-right:20px; background-color: #1c1c1c; color:#fff; font-size: 15px; }
.size_guide_modal .size_guide_pop .size_box .size_list_table .size_list { width: 100%; height: 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%; height: 100%; 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 .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:14px; line-height:31px; }
.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_pop2 .size_box2 { width: 45%; }
.size_guide_modal .size_guide_pop2 .size_box2_right { width: 55%; }
.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(33.333% - 6px); margin-right: 9px; margin-bottom:9px; }
.size_guide_modal .size_guide_pop2 .size_box2_right .size_img_list_box .size_img_list:nth-child(3n) { margin-right: 0; }
.size_guide_modal .size_guide_pop2 .size_box2_right .size_img_list_box .size_img_list:nth-child(n+4) { 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%; }

.size_guide_modal .size_guide_pop3 .size_box3 { width: 40%; }
.size_guide_modal .size_guide_pop3 .size_box3_right { width: 60%; }
/* BASIC css end */