@charset "utf-8";

body	{ position: relative; }

.single-image img	{ display: block; }
.txt-center .single-image,
.single-image .txt-center,
.single-image.txt-center img	{ margin: 0 auto; }

#sub_content_area .wide-layout	{
	position: relative;
	overflow: hidden;
}

#sub_content_area .fix-layout	{
	max-width: 1500px;
	box-sizing: border-box;
	padding: 0px 17px;
	overflow: hidden;
}
#sub_content_area .fix-layout.w1180	{
	max-width: 1180px;
	padding: 0px 10px;
}
#sub_content_area .fix-layout.w1400	{
	max-width: 1400px;
	padding: 0px 10px;
}
#sub_content_area .fix-layout.w1200	{
	max-width: 1200px;
	padding: 0px 0px;
}
#sub_content_area .fix-layout.w-p-3-2	{
	max-width: 66.66%;
	max-width: -webkit-calc(100%/3*2);
	max-width: -moz-calc(100%/3*2);
	max-width: calc(100%/3*2);
	padding: 0px;
}

#sub_content_area .no-title		{ padding-top: 120px !important; padding-bottom: 120px !important;  }
#sub_content_area .board-page	{ padding-bottom: 120px !important; }


/* ================================
             sub_visual
 ================================ */
#sub_visual	{ position: relative; height: 430px; background-repeat: no-repeat; background-position: 50% 0%; background-size: cover; /*overflow: hidden;*/ }
#sub_visual.sv01 {background-image:url(../_img/sub/sub_visual01.jpg);}
#sub_visual.sv02 {background-image:url(../_img/sub/sub_visual02.jpg);}
#sub_visual.sv03 {background-image:url(../_img/sub/sub_visual03.jpg);}
#sub_visual.sv04 {background-image:url(../_img/sub/sub_visual04.jpg);}
#sub_visual.sv05 {background-image:url(../_img/sub/sub_visual05.jpg);}
#sub_visual.sv06 {background-image:url(../_img/sub/sub_visual06.jpg);}
#sub_visual.sv07 {background-image:url(../_img/sub/sub_visual07.jpg);}
#sub_visual.sv08 {background-image:url(../_img/sub/sub_visual08.jpg);}

#sub_visual.error { height: 250px; }
#sub_visual .inner	{ position: absolute; top: 54%; left: 0; right: 0; margin-top: -40px; }
#sub_visual .item { text-align: center; padding:15px 0; font-size: 45px; color: #fff;}
#sub_visual .item.text {font-size: 25px}


/*========== drop_location ==========*/
#drop_location {position:absolute; bottom:0; left:0; width:100%; height:60px; background:rgba(0,0,0,0.6);}
#drop_location #home {float:left; width:60px;  height:100%; background:#c8ae75;}
#drop_location #home a {display:block; width:100%; height:100%; background:url(../_img/icon/home_icon.png) no-repeat center; background-size:15px; text-indent:-9999px;}

#drop_location ul.dropdown-menu {float:left; width:1140px; height:100%;}
#drop_location ul.dropdown-menu li {position:relative; float:left; width:50%; height:100%; box-sizing:border-box; border-right:1px solid rgba(255,255,255,0.3); line-height:60px; transition:0.3s; box-sizing:border-box;}
#drop_location ul.dropdown-menu li:hover {background:#000;}
#drop_location ul.dropdown-menu li span {position:relative; display:block; width:100%; height:100%; color:#fff; font-size:17px; box-sizing:border-box; padding:0 30px; cursor:pointer;}
#drop_location ul.dropdown-menu li span::after {position:absolute; right:30px; top:50%; margin-top:-12px; width:24px; height:24px; background-image:url(../_img/icon/location_bl.png); background-repeat:no-repeat; content:'';}
#drop_location ul.dropdown-menu li.on span::after {background-position:-26px 0;}
#drop_location ul.dropdown-menu li.non_has-dep span {cursor:default;}
#drop_location ul.dropdown-menu li.non_has-dep span::after {background-image:none;}

#drop_location ul.dropdown-menu li a {display:block; width:100%; height:100%; color:#636363; font-size:17px; box-sizing:border-box; padding:0 30px; text-decoration:none;}
#drop_location ul.dropdown-menu li:hover, #drop_location ul.dropdown-menu li:focus {background-color:#000;}

#drop_location ul.dropdown-menu li ul {display:none; position:absolute; left:0; top:100%; width:100%; background:#fafafa; border:1px solid #e0e0e0; box-sizing:border-box; padding:10px 0; z-index:5;}
#drop_location ul.dropdown-menu li ul li {float:none; width:100% !important; border-left:0; line-height:40px;}
#drop_location ul.dropdown-menu li ul li:hover {background:none;}
#drop_location ul.dropdown-menu li ul li:hover a {color:#3368ba;}
#drop_location ul.dropdown-menu li ul li a { color: #333; }
#drop_location ul.dropdown-menu li ul li ul { left: 100%; top: 0;}

#drop_location ul.dropdown-menu.leng03 {}
#drop_location ul.dropdown-menu.leng03 li {width:33.3%;}



/* ================================
             SNB LIST
 ================================ */
.snbList { position:absolute; width:100%; overflow:hidden; margin-top:-60px;}
ul.snb {position:absolute; left:0; bottom:0; width:100%; overflow:hidden; text-align:center; font-size:0;}
ul.snb li {position:relative; display:inline-block; width:200px; height:60px; box-sizing:border-box; font-size:19px;}
ul.snb li::before {position:absolute; left:0; top:0; width:1px; height:100%; background:rgba(255,255,255,0.3); content:'';}
ul.snb li:first-of-type::before{display:none;}
ul.snb li a {display:block; width:100%; height:100%; line-height:60px; background:rgba(0,0,0,0.5); color:#fff; text-align:center;}
ul.snb li.on a {color:#111; background:#fff;}

#lnb	{
	position: relative;
	text-align: center;
}
#lnb:after	{ 
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: #d7d7d7;
	z-index: 0;
}
#lnb .menu-list	{
	position: relative;
	z-index: 2;
}
#lnb .menu-list li	{ 
	display: inline-block;
	position: relative;
}
#lnb .menu-list.lnb-grid-3 li	{ margin: 0 90px; }
#lnb .menu-list.lnb-grid-4 li	{ margin: 0 75px; }
#lnb .menu-list a	{
	display: block;
	padding: 30px;
	font-size: 18px;
	color: #858585;
	-webkit-transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1);
		text-decoration:none
}
#lnb .menu-list li.on a	{
	
	font-weight:bold;

}

#lnb_mark	{
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 14px;
	border-bottom: 3px solid #c8ae75;
	overflow: hidden;
	z-index: 1;
}
/*#lnb_mark:before	{
	content: "";
	display: block;
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 9.0em;
	bottom: 7px;
	left: 50%;
	margin-left: -3px;
	background: #373737;
}*/

#pnb	{ 
	display: block;
	position: absolute;
	width: 1400px;
	height: 120px;
	line-height: 120px;
	z-index: 2;
	left: 50%;
	margin-left: -700px;
}
@media all and (max-width: 1400px) {
#pnb	{ 
		width: auto;
		left: 0;
		right: 0;
		margin-left: 0;
	}
}
#pnb ul	{
	float: right;
	margin-right: 20px;
}
#pnb ul li	{
	display: block;
	float: left;
	font-size: 14px;
	color: #787272;
}
#pnb ul li:before	{
	content: ">";
	color: #787272;
	font-size: 14px;
	padding: 0 10px;
}
#pnb ul li:first-child:before	{ display: none; }
#pnb ul li:first-child	{
	color: #231f20;
	font-size: 13px;
	font-family: 'Century Gothic';
	font-weight: 800;
	
	vertical-align: middle;
}	
#pnb ul li:first-child span	{
	display: inline-block;
	position: relative;
	vertical-align: middle;
	border: 1px solid #d7d7d7;
	border-radius: 9.0em;
	padding: 0px 15px;
	line-height: 30px;
	margin-bottom: 2px;
}
#pnb ul li:last-child	{ color: #000; }

#pnb ul.dark li:first-child span	{ color: #fff; }
#pnb ul.dark li:last-child	{ color: #fff; }

#pnb + #sub_content_area	{
	position: relative;
	z-index: 1;
	
}
#sub_content_area	{
min-height:400px;
}

#sub_tab_lnb	{
	position: relative;
	max-width: 1400px;
	margin: 0 auto 60px;
	overflow: hidden;
	clear: both;
}
#sub_tab_lnb li	{
	display: block;
	position: relative;
	float: left;
	box-sizing: border-box;
	border-left: 1px solid #f4f4f4;
}
#sub_tab_lnb li:first-child	{ border-left: 0; }
#sub_tab_lnb li a	{
	display: block;
	position: relative;
	background: #ffffff; 
	color: #858585;
	height: 140px;
	font-size: 18px;
	box-sizing: border-box;
}

#sub_tab_lnb li a span	{
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
}
#sub_tab_lnb li a span	{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}
#sub_tab_lnb li a span.on	{
	z-index: 1;
	bottom: 100%;
	background: #373737;
	color: #fff;
}

#sub_tab_lnb li a i	{
	display: block;
	position: relative;
	font-style: italic;
	padding-top: 30px;
	font-family: "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
	font-size: 26px;
	margin-bottom: 5px;
}
#sub_tab_lnb li a em {
	display: block;
	position: relative;
	height: 45px;
}
#sub_tab_lnb li a em:before	{
	content: "";
	display: inline-block;
	position: relative;
	width: 0px;
	height: 100%;
	vertical-align: middle;
}
#sub_tab_lnb li a em strong	{
	display: inline-block;
	vertical-align: middle;
	max-width: 95%;
	font-weight: 400;
}

#sub_tab_lnb li.on a span.on { bottom: 0% }



/*=======================
 	 inner_section
=========================*/
.sub_section {position:relative; width:100%; overflow:hidden; padding:60px 0; box-sizing:border-box;}
.inner_section {width:100%; overflow:hidden; }
.inner_section h4 { position:relative; width:100%; height:32px; clear:both; font-size:28px; letter-spacing:-1px; color:#333; font-weight:600; line-height:32px; background:url(../_img/sub/title.png) no-repeat center left; padding-left:40px; margin-bottom:30px;  }

.inner_section p {font-size:17px; line-height:27px; padding:15px 5px; word-break:break-all; color:#333;}
.inner_section p span {color:#777;}

.sub_section h5 { position:relative; font-size:19px; font-weight:500; color:#333; padding:0px 0px 0px 19px; margin-left:15px; margin-bottom:20px; letter-spacing:-1px;  }
.sub_section h5::before {position:absolute; top:13px; left:0; width:5px; height:5px; background:url(../_img/icon/beige.png) no-repeat center left; content:'';}


.descBox {width:100%; height:auto; background:#f9f9f9; box-sizing:border-box; padding:30px 40px; overflow:hidden; word-break:break-all; font-size:19px; color:#333; line-height:35px;}

.sub_pic { width:100%; height:auto; text-align:center; box-sizing:border-box; overflow:hidden; }


/* conBox */
.conBox ul { width:100%; box-sizing:border-box; background: #fafafa; padding:30px;}
.conBox ul li span { background:url(../_img/icon/text_beige.png) no-repeat top 4px left; background-size:17px; padding-left:28px;}
.conBox ul li {font-size:18px; color:#333; padding-bottom:0px; line-height:40px;}



/*=======================
		PAGE_TITLE
=========================*/
.page_title {width:100%; overflow:hidden; padding:90px 0 30px 0;}
.page_title h3 {position:relative; font-size:40px; color:#333; text-align:center; font-weight:600;}
.page_title h3::after {position:absolute; top:60px; left:50%; margin-left:-18px; width:36px; height:3px; /*background:#74665a;*/ background:#c8ae75; content:''} 
.page_title p {text-align:center; font-size:17px;line-height:26px; padding-top:60px; color:#333; }

.page_cont { width:100%; overflow:hidden; /*padding-top:50px; padding-bottom:80px;*/  }



/*=======================
	  킴스실크 소개
=========================*/
.greeting01 { height:440px !important; background:url(../_img/sub/company_bg02.jpg) no-repeat center; margin-top:50px; }
.greeting01 p {position:relative;  color:#fff; font-size:1.7em; line-height:33px; padding-top:30px;}
.greeting01 p strong {color:#ffecc6; font-size:2em; font-weight:600; line-height:50px;  }
.greeting01 p::after {position:absolute; left:0; top:0px; width:50px; height:2px; background:rgba(255,255,255,0.3); content:''};
.greeting01 p:first-of-type {padding-top:0 !important; padding-bottom:30px;}
.greeting01 p:first-of-type::after {display:none;}

/*.greeting02 { padding:80px 0;}
.greeting02 .gtBox {float:left; width:50%; box-sizing:border-box; overflow:hidden;}
.greeting02 .gtBox p {font-size:17px; color:#333; line-height:30px; word-break:break-all;}
.greeting02 .gtBox p.name {text-align:right; margin-top:60px;}
.greeting02 .gtBox p.name strong {font-size:25px;}*/

#sub01_01_sec01 {}
.greeting_pic { float:left; width:45%; box-sizing:border-box; overflow:hidden; margin-top:50px;  }
.greeting_pic img { width:100%; }
.greeting_txt { float:left; width:55%; box-sizing:border-box; overflow:hidden; padding:50px 0px 30px 50px; margin-top:50px; }
.greeting_txt p {position:relative; text-align:left; font-size:19px; line-height:33px; color:#555; word-break:break-all;}

.greeting_txt p.big_txt::before {position:absolute; bottom:0; left:0; width:50px; height:3px; background:#c8ae75; content:'';}
.greeting_txt p.from { float:right; color:#1e1e1e; padding-top:40px;}
.greeting_txt p.from strong { font-size:25px; }

table.kims_table { width:100%; border-top:3px solid #c8ae75; }
table.kims_table tr {}
table.kims_table tr th, table.kims_table tr td { padding:20px; font-size:18px; font-weight:600; line-height:30px;   }
table.kims_table tr th {/*text-align:left; padding-left:120px;*/ text-align:center; line-height:30px; letter-spacing:-1px; color:#333; border-bottom:1px solid #ddd;  background:#f9f9f9;}
table.kims_table tr td {border-bottom:1px solid #eee;}

.cen_table { text-align:center; }
.cen_table tr td { text-align:center; }
.cen_table tr th, .cen_table tr td { border-right:1px solid #eee !important;   }
.cen_table tr th, .cen_table tr td:last-of-type  { border-right:none; }




#sub01_01_sec03 { background:#f9f9f9; margin-top:80px; padding-bottom:70px; }
.historyList{ width:100%; margin:0 auto; background:url("../_img/icon/dot_h.png") repeat-y 220px top; }
.historyList .year{ border-top:1px solid #ececec; position:relative; padding:40px 0 20px 127px;}
.historyList .year:first-child{ border:none; }
.historyList .year > dt { position:absolute; left:0; top:45px; color:#c8ae75; font-size:30px; font-weight:700;  font-family: 'Montserrat', sans-serif;   }
.historyList .month { position:relative; padding-left:28px; margin-top:15px;}
.historyList .month:first-child{ margin-top:0;}
.historyList .month > dt { text-align:right; padding-right:17px; width:70px; line-height:24px; font-size:18px; position:absolute; left:0; top:0; font-weight:700;  font-family: 'Montserrat', sans-serif; }
.historyList .month > dd { padding-left:63px; font-weight:normal}
.historyList .month > dd > p { background:url("../_img/icon/beige.png") no-repeat left 0px top 10px; padding-left:25px; line-height:25px !important; font-size:18px; margin-bottom:15px !important;   }


/*.history { width:100%; }
.history .visual_content{position:relative; top:-50px;  padding-bottom:0;margin-top:0;overflow:hidden}
.history .visual_content > h3{position:relative;font-size:36px;color:#000;font-weight:400;z-index:5; text-align:center}
.history .visual_content > p{position:relative;font-size:20px;color:#000;margin-top:18px;opacity:0.6;z-index:5; text-align:center}
.history .history_wrap{position:relative;margin:40px auto 0 auto;max-width:1180px;height:900px;background:url(../_img/sub/history_dot.png) center top repeat-y}
.history .history_wrap > ul > li{position:absolute;width:50%}
.history .history_wrap > ul > li.left{left:0;text-align:right}
.history .history_wrap > ul > li.right{left:50%;text-align:left}
.history .history_wrap > ul > li.left .year{right:-6px;padding-right:60px;background:url(../_img/sub/history_left_dot.png) right center no-repeat}
.history .history_wrap > ul > li.right .year{left:-6px;padding-left:60px;background:url(../_img/sub/history_right_dot.png) left center no-repeat}
.history .history_wrap > ul > li.left ul{padding-right:155px}
.history .history_wrap > ul > li.right ul{padding-left:155px}
.history .history_wrap > ul > li ul{padding-top:5px}
.history .history_wrap > ul > li ul li{font-size:1.5em;line-height:28px;color:#000;opacity:0.9; word-break:keep-all}
.history .history_wrap > ul > li ul li strong {color:#c8ae75; opacity:1}
.history .history_wrap .year{position:absolute;top:0;font-size:34px;font-weight:700;line-height:36px}
.history .history_wrap .year span{color:#000;opacity:1}
.history .history_wrap .year1991{top:80px}
.history .history_wrap .year1995{top:150px}
.history .history_wrap .year2000{top:230px}
.history .history_wrap .year2005{top:310px}
.history .history_wrap .year2007{top:380px}
.history .history_wrap .year2009{top:450px}
.history .history_wrap .year2010{top:520px}
.history .history_wrap .year2013{top:600px}
.history .history_wrap .year2015{top:700px}
.history .history_wrap .year2018{top:780px}*/



/*=======================
	    오시는길 
=========================*/
.map_section {width:100%; overflow:hidden; }

#map_wrap { width:100%; }
#addr_info { width:100%; box-sizing:border-box; padding-left:30px; margin-top:50px;}
#addr_info h3 {  background:none; padding:0; color:#1e1e1e; font-size:2.9em;}
#addr_info h3 span { font-size:17px; font-weight:500; padding-left:10px; }
#addr_info p {padding:0;  font-size:20px; line-height:25px; margin:20px 0; text-align:left; }
#addr_info dl {width:100%; overflow:hidden; padding:15px 0; border-top:1px solid #ddd;}
#addr_info dl dt, #addr_info dl dd {float:left; line-height:30px; font-size:18px; padding:5px 0}
#addr_info dl dt {clear:both; color:#c8ae75; width:20%; padding-left:30px; font-weight:700}
#addr_info dl dd {width:75%; color:#666;}




/*=======================
		사업소개
=========================*/
#sub02_02_sec01 { padding-bottom:150px; }




/*=======================
		SILK 패션
=========================*/
.sub03_01 .sub_section { padding:100px 0; }
#sub03_01_sec01 { }
#sub03_01_sec02 { background:#f8f8f8; }
#sub03_01_sec03 {}

.sub_box { width:100%; box-sizing:border-box; overflow:hidden; }
.sub_box .txt { font-size:18px; line-height:33px;  }
.sub_box .pic { }
.sub_box .pic img { width:100%; }
.sub_box .left { float:left; width:60%; }
.sub_box .right { float:right; width:40% }

#sub03_0102_sec02 { background:#f8f8f8; }
.silk-cont { }



/* ===================================
				tab
 =================================== */
/* tab */
div.tab { position:relative; left:1px; width:100%; height:60px; margin:50px auto; }
div.tab ul {} 
div.tab li { float:left; display:table-cell; text-align:center; margin-left:-1px; }
div.tab li a {display:block; border:1px solid #b2b2b2; padding:20px 0; font-size:19px; font-weight:600; line-height:20px; color:#666; }
div.tab li a:hover, div.tab li.on a { position:relative; z-index:2;background:#000; border:1px solid #6a7e9d; color:#fff; cursor:pointer; }
div.tab li.on_b { background:#c8ae75; }
div.tab li.on_b a { color:#fff;  }
div.tab li.on_b a:hover {  background:#c8ae75; color:#fff; border:1px solid #c8ae75;  }

div.tab .v2 li { width:50%; }
div.tab .v3 li { width:33.33%; }
div.tab .v4 li { width:25%; }
div.tab .v5 li { width:20%; }
div.tab .v6 li { width:16.6%; }
div.tab .v7 li { width:14.3%; }


/* tab_sub
div.tab_sub { margin:0 auto; left:1px; width:80%; height:60px; margin-bottom:50px; }
div.tab_sub ul {} 
div.tab_sub li { float:left; display:table-cell; text-align:center; margin-left:-1px;  border-radius:50px;  }
div.tab_sub li a {display:block; border:1px solid #b2b2b2;  border-radius:50px; padding:20px 0; font-size:19px; font-weight:600; line-height:20px; color:#666; margin:0 10px;  }
div.tab_sub li a:hover, div.tab_sub li.on a { position:relative; z-index:2;background:#66b4ce;  color:#fff; cursor:pointer }

div.tab_sub .v2 li { width:50%; }
div.tab_sub .v3 li { width:33.33%; }
div.tab_sub .v4 li { width:25%; }
div.tab_sub .v5 li { width:20%; }
div.tab_sub .v6 li { width:16.6%; }
div.tab_sub .v7 li { width:14.3%; } */

/* tab_menu
.tab_menu { margin:0 0 80px 0;}
.tab_menu ul { width:100%; height:100%;overflow:hidden;  text-align:center; }
.tab_menu ul li {display:inline-block; width:110px; height:110px; box-sizing:border-box; border:1px solid #ddd; background-color:#fafafa; font-size:15px; border-left:0;}
.tab_menu ul li a  {position:relative; display:block; width:100%; height:100%; text-align:center; color:#777; box-sizing:border-box; padding-top:70px;}
.tab_menu ul li a::after {position:absolute; top:15px; left:50%; margin-left:-26px; width:55px; height:48px;background-image:url(../_img/sub/tab_icon.png); background-repeat:no-repeat; content:'';}
.tab_menu ul li.on {background-color:#fe8c39;}
.tab_menu ul li.on a {color:#fff;}
.tab_menu ul li.tab01 {border-left:1px solid #ddd;}
.tab_menu ul li.tab01.on a::after {background-position:0 0;}
.tab_menu ul li.tab01 a::after {background-position:-186px -0px;}

.tab_menu ul li.tab02.on a::after{background-position:-56px 0;}
.tab_menu ul li.tab02 a::after {background-position:-240px -0px;}

.tab_menu ul li.tab03.on a::after {background-position:-115px 0;}
.tab_menu ul li.tab03 a::after {background-position:-300px -0px;} */


/* snb_tab */
ul.snb_tab { width:100%; box-sizing:border-box; overflow:hidden; text-align:center; font-size:0;}
ul.snb_tab li {display:inline-block; font-size:19px; width:200px; height:50px; border:1px solid #ddd; border-left:0; overflow:hidden;}
ul.snb_tab li:first-of-type {border-left:1px solid #ddd; border-radius:10px 0 0 10px;}
ul.snb_tab li:last-of-type {border-radius:0 10px 10px 0;}
ul.snb_tab li a {display:block; color:#666; background:#fff; font-weight:600; display:block; text-align:center; width:100%; height:100%; line-height:50px; text-decoration:none;}
ul.snb_tab li.on a {color:#fff; background:#c8ae75;}



/* ===================================
			product_desc
 =================================== */
#product_desc { width:100%; background:#fff;  box-sizing:border-box; padding-top:10px;   }
#product_desc .contents { width:1200px; height:100%; overflow:hidden; margin:0 auto; padding:30px 0; box-sizing:border-box;  }
#product_desc .pdt_pic {float:left; width:400px; height:auto; overflow:hidden; box-sizing:border-box; border:1px solid #efefef;}
#product_desc .pdt_pic img { width:100% !important;  }
#product_desc .pdt_desc {float:left; width:800px; height:auto; overflow:hidden; box-sizing:border-box; padding-left:50px; padding-top:50px; }
#product_desc .pdt_desc dl {width:100%; overflow:hidden; padding-top:10px; }
#product_desc .pdt_desc dl dt, #product_desc .pdt_desc dl dd {}
#product_desc .pdt_desc dl dt {position:relative; font-size:26px; font-weight:600; color:#1e1e1e; padding:0 20px 20px 25px; margin-bottom:20px; border-bottom:1px solid #ddd;}
#product_desc .pdt_desc dl dt::before {position:absolute; top:5px; left:0; width:10px; height:10px; border-radius:100%; box-sizing:border-box; background:#c8ae75; content:'';}
#product_desc .pdt_desc dl dd {font-size:18px; line-height:28px; word-break:break-all; color:#666; }



/*=======================
	    제품보기
=========================*/
ul.case_list {width:100%; max-width:1280x; overflow:hidden; margin:0 auto; padding:0px 0 100px 0;}
ul.case_list li {float:left; width:23%; height:335px; line-height:25px; box-sizing:border-box; overflow:hidden; border:1px solid #efefef; margin:0 0 2% 2%; }

ul.case_list li a {display:block; width:100%; height:100%;}
ul.case_list li .thumbNail {width:100%; height:280px; overflow:hidden;}
ul.case_list li .thumbNail img { width:100%; height:100%;}
ul.case_list li .case_desc {position:relative; width:100%; height:70px; padding:15px; box-sizing:border-box; overflow:hidden; text-align:center; }
ul.case_list li .case_desc span {display:block;}
ul.case_list li .case_desc span.title { width:100%; font-size:18px; color:#212121; font-weight:600; display: block; }
ul.case_list li .case_desc span.date { float:left; width:50%;  font-size:15px; color:#666; padding-top:10px;}
ul.case_list li .case_desc span.hit {  float:left; width:50%;  font-size:15px; color:#666; padding-top:10px; }

ul.case_list li .case_desc span.state {position:absolute; top:50%; margin-top:-25px; right:20px; width:120px; height:50px; text-align:center; color:#fff; border-radius:30px; line-height:50px; font-size:18px;}
ul.case_list li .case_desc span.state.ing {background:#1e8fdd;}
ul.case_list li .case_desc span.state.end {background:#24292c;}

p.cnt {position:relative; float:left; text-align:left; font-size:17px; color:#111; line-height:40px; padding-left:25px; }
p.cnt::before {position:absolute; top:20px; left:0; height:2px; width:20px; background:#cbbb9f; content:'';}
p.cnt span {color:#e30413; padding-left:6px;}


.sub04_01 { padding-bottom:80px; }

/*== bbs_head ==*/
.bbs_head {width:100%; overflow:hidden; text-align:center; padding-bottom:30px; }
.bbs_head .search {float:right; position:relative;}
.bbs_head button {width:100px; height:40px; border:0; background:url(../_img/sub/search_btn.png) no-repeat center; background:#000; color:#fff; margin-left:10px; font-size:15px;}
.bbs_head input[type='text'] {width:350px; height:40px; box-sizing:border-box; font-size:15px; border:1px solid #ddd; padding:0 10px; }
.bbs_head select {width:200px; height:40px; font-size:15px; box-sizing:border-box; padding:0 15px; color:#333; box-sizing:border-box; cursor:pointer; margin-right:5px;}
.bbs_head select:first-of-type {margin-left:0;}

/*== bbs_body ==*/
table.bbs_body { table-layout:fixed; width:100%; max-width:1200px; box-sizing:border-box; border-top:2px solid #000; margin:0 auto; margin:30px 0; }
table.bbs_body tr {}
table.bbs_body tr th, table.bbs_body tr td {border-bottom:1px solid #ececec; text-align:center; padding:25px 5px; text-align:center; box-sizing:border-box; font-size:17px;}
table.bbs_body tr th {color:#212121; font-weight:400;}
table.bbs_body tr td {color:#666;}
table.bbs_body tr td.title {text-align:left;}
table.bbs_body tr td a {display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333;}
table.bbs_body tr td a strong {padding-left:5px; color:#333}
table.bbs_body tr td span {display:block; padding:10px 15px; border-radius:5px; color:#fff;}
table.bbs_body tr td.num span { color:#333;  }
table.bbs_body tr td span.ready {background:#efefef; color:#333}
table.bbs_body tr td span.check {background:#4dbc5c;}


/*== 페이징 ==*/
.list_paging {width:100%; text-align:center; font-size:0; margin:40px 0; overflow:hidden;}
.list_paging a {display:inline-block; width:32px; height:32px; text-align:center; line-height:31px; font-size:12px; color:#333; box-sizing:border-box; border:1px solid #dee2e5; margin:0 2px;}
.list_paging a.on {font-weight:600; color:#d50c0c; border:1px solid #d50c0c;}
.list_paging a.ctrl {text-indent:-99999px;}
.list_paging a.first {width:57px; background:url(../_img/sub/paging.gif) no-repeat 0 0;}
.list_paging a.prev {width:57px; background:url(../_img/sub/paging.gif) no-repeat -57px 0;}
.list_paging a.next {width:57px; background:url(../_img/sub/paging.gif) no-repeat -114px 0;}
.list_paging a.last {width:57px; background:url(../_img/sub/paging.gif) no-repeat -171px 0;}


/*=======================
  인테리어 소재 제품보기
=========================*/
#interior_box { width:100%; height:auto; box-sizing:border-box; overflow:hidden; margin:30px 0; padding:30px; background:#fafafa; }
#interior_box h4 { font-size:25px; color:#fe8c39;  }
#interior_box ul { padding:30px; }
#interior_box ul li { float:left; width:180px; background:#666; border-radius:100px; margin:20px; padding:20px;  text-align:center;    }
#interior_box ul li a { font-size:20px; color:#fff; font-weight:700; }
#interior_box ul li:hover { background:#fe8c39; cursor:pointer; }


/*=======================
      자주하는 질문
=========================*/
ul#my-accordion {width:100%; overflow:hidden; box-sizing:border-box; border:1px solid #ddd; border-bottom:0; border-top:none; margin-top:40px;  }
ul#my-accordion>li {position:relative; width:100%; box-sizing:border-box; border-bottom:1px solid #dfdfdf; cursor:pointer; background:url(../_img/sub/faq_arrow_off.png) no-repeat top 30px right 20px;}
ul#my-accordion>li:first-of-type { border-top:2px solid #c8ae75;  }
ul#my-accordion li.acc_active {background:url(../_img/sub/faq_arrow_on.png) no-repeat top 30px right 20px; }

ul#my-accordion li .acc_head {position:relative; width:100%; overflow:hidden; box-sizing:border-box; padding:20px 20px 20px 80px;}
ul#my-accordion li .acc_head p {font-size:1.5em; color:#212121; font-weight:800; text-align:left; }
ul#my-accordion li .acc_head span {position:absolute; top:10px; left:20px; width:42px; height:42px; background:#c8ae75; color:#fff; font-size:2em; line-height:42px; font-weight:800; border-radius:50%; text-align:center;}
ul#my-accordion li .acc_content {position:relative; width:100%; overflow:hidden; box-sizing:border-box; padding:10px; padding-top:0; background:#fff;}
ul#my-accordion li .acc_content p {width:100%; background:#f8f8f8; box-sizing:border-box; padding:20px; padding-left:70px; font-size:1.4em;  color:#444; overflow:hidden; text-align:left; }
ul#my-accordion li .acc_content span {position:absolute; top:10px; left:20px; width:42px; height:42px; background:#454545; color:#fff; font-size:2em; line-height:42px; font-weight:800;border-radius:50%; text-align:center; }




/*=======================
      동영상 게시판
=========================*/
ul.best_list {width:100%; overflow:hidden; margin-top:20px;}
ul.best_list li {float:left; width:32%; overflow:hidden; margin-right:1.2%;}
ul.best_list li a {text-decoration:none;}
ul.best_list li:first-of-type, ul.best_list li:nth-of-type(4n+1) {margin-left:0;}
ul.best_list li .thumb {width:100%; height:288px; overflow:hidden;}
ul.best_list li .thumb img {position:relative; top:50%; left:50%; width:100%; height:auto; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
ul.best_list li .info {width:100%; box-sizing:border-box; padding:20px; overflow:hidden; background:#fff;}
ul.best_list li .info p {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}
ul.best_list li .info p.name {font-size:19px !important; font-weight:600; color:#212121;}
ul.best_list li .info p.desc {font-size:15px; color:#666; padding:10px 0;}
ul.best_list li .info p.price {font-size:23px !important; font-weight:600; color:#4498d3;}
ul.best_list li .info p.price span {font-size:13px; font-weight:500;}
ul.best_list li .info .review {width:100%; overflow:hidden;}
ul.best_list li .info .review span.cnt {float:left; font-size:13px; font-weight:500; color:#999; padding-left:5px;}

/*** best_list.inner-list_type ***/
ul.inner-list_type {}
ul.inner-list_type li {margin-bottom:40px;}
ul.inner-list_type li .thumb {}
ul.inner-list_type li .thumb img {position:relative; top:auto; left:auto; transform:translate(0, 0); -webkit-transform:translate(0, 0); transition:.5s;}
ul.inner-list_type li .thumb:hover img {transform:scale(1.1,1.1);}
ul.inner-list_type li .info {position:relative; height:195px; border:1px solid #cad3d8; background:#fafafa}
ul.inner-list_type li .info button.cart {float:left; width:50px; height:36px; border-radius:3px; border:1px solid #dbdbdb; text-indent:-9999px; background:url(../_img/icon/ico_cart.png) no-repeat center, #fff; margin-left:5px;}

ul.recipe li .info {height:auto;}
ul.recipe li .desc span {padding-left:10px;}

/*제품보기*/
.store_list {display: flex; flex-wrap: wrap; justify-content: flex-start;}
.store_list .storeInfo {width: 23.5%; margin-right: 2%; margin-bottom: 2%; box-sizing: border-box;}
.store_list .storeInfo:nth-of-type(4n) {margin-right: 0}
.store_list .storeInfo .text {width: 100%; box-sizing: border-box; padding: 15px 0;}
.store_list .storeInfo .text p.store_name {font-size: 17px; text-align: center;font-weight: 600;}
.store_list .storeInfo .text p.addr {font-size: 16px;}

.store_list .storeInfo .text p.date {font-size: 14px; font-weight: 500; color: #9a9a9a}
.store_list .storeInfo .text a {font-size: 16px;}
.store_list .storeInfo .pic {position: relative; width: 100%; overflow: hidden;}
.store_list .storeInfo .pic img {width: 100%; transition: 0.3s;}

.store_list.event .storeInfo .pic {padding-bottom: 100%;}
.store_list.event .storeInfo .pic img {position:absolute; top: 0; left: 0; height: 100%; object-fit: cover;}
.store_list.event .storeInfo .text p.addr {display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all; height: 4.8em; line-height: 1.6}

.store_list .storeInfo:hover .pic img {transform: scale(1.1,1.1);}

/*제품상세*/
#back {}
#back a {font-size: 14px; color: #212121; display: flex; position: relative; }
#back a span {border-bottom: 3px solid #212121; padding-bottom: 10px; position: relative; padding-right: 20px;}
#back a span::after {position: absolute; top: -7px; right: 0;  display: inline-block; width: 15px; height: 30px; background: url(/_img/icon/back_icon.png) no-repeat center; background-size: 100%; content: '';}

.board_btns {}
.board_btns button {background: none; border: 0; border-bottom: 3px solid #212121; padding-bottom: 10px; position: relative; font-family: 'Pretendard'; margin-left: 13px;}




#shop_detail {padding-top: 0;}
#shop_detail .detail_top {position: relative; padding-bottom: 20px; color: #212121; }
#shop_detail .detail_top p {font-size: 30px; text-align: center; font-weight: 600; line-height: 1;}
#shop_detail .detail_top #back { position: absolute; top: 10px; right: 0; }
#shop_detail .detail_top #back span {padding-bottom: 0; border-bottom: 0}
#shop_detail .detail_body {text-align: center;  border: 1px solid #222; border-width: 1px 0; padding: 50px 0;}
#shop_detail .detail_tail {padding-top: 20px;  width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}




/* 공정도 */

.product-order-line{display: flex; margin-bottom: 100px}
.product-order-line .list-item{position: relative; width:25%; text-align:center;}
.product-order-line .list-item:before{position: absolute; content:''; width:100%; height:2px; background:#ededed; left:0%; top:2.25rem; transform:translateX(50%); z-index:-1;}
.product-order-line .list-item:last-child:before{display: none;}
.product-order-line .list-item .num{width:4.5rem; height:4.5rem; border-radius:4.5rem; background:#bf9d5b; font-size:1.8rem; line-height:4.5rem; text-align:center; color:#fff; letter-spacing:-0.05em; font-weight:500; margin:auto; font-style:italic; text-indent:-0.4rem;}
.product-order-line .list-item .icon{margin:3.4rem 0 2rem; font-size:2rem; color:#bf9d5b; }
.product-order-line .list-item .icon img{max-width:100%;}
.product-order-line .list-item .txt{font-size:1.5rem; line-height:1.4; letter-spacing:-0.05em; color:#222; text-align: center;}





.policy-txt {font-size: 16px; line-height: 1.56; box-sizing: border-box; padding: 50px; background: #fafafa; border-radius: 30px;}
.step__wrap {display: flex; flex-wrap: wrap; justify-content:flex-start;}
.step__wrap .box {margin-right: 2.5%; margin-bottom: 2.5%; border-radius: 20px; background: #fafafa; box-sizing: border-box; padding: 30px 20px;}
.step__wrap .box:nth-of-type(4n) {margin-right: 0}
.step__wrap .box p {margin: 20px 0; font-size: 16px; line-height: 1.45; font-weight: 500; color: #212121; text-align: center;}
.step__wrap .box p strong {font-size: 16px; font-weight: 800;}
.step__wrap .box p img {max-width: 160px;}
@media all and (min-width:800px){
	.step__wrap .box {width: 23%;}
	.step__wrap .box:nth-of-type(4n) {margin-right: 0}
}
@media all and (max-width:800px){
	.policy-txt {font-size: 14px; padding: 30px;}
	.step__wrap .box {width:48.75%; padding: 20px 15px;} 
	.step__wrap .box:nth-of-type(2n) {margin-right: 0}
	.step__wrap .box p {font-size: 14px; margin: 15px 0; line-height: 1.35;}
	.step__wrap .box p strong {font-variant-position: 15px;}
	.step__wrap .box p img {max-width: 120px;}
}




/* ****************** 공통 :: BUTTON ********************** */
.cm-btn-controls{overflow:hidden; display:flex; align-items:center; justify-content:center; text-align:center; margin-top:50px;}
.cm-btn-controls.cm-btn-align-left{justify-content:flex-start; }
.cm-btn-controls.cm-btn-align-right{justify-content:flex-end;}
.cm-btn-controls .left-btn-controls{}
.cm-btn-controls .right-btn-controls{margin-left:auto;}
.cm-btn-controls button,
.cm-btn-controls a{display:inline-flex; align-items:center; justify-content:center; width:180px; height:48px; border:0; color:#fff; background-color:#000; font-size:1.8rem;; margin:0 2px 5px 2px;  cursor:pointer; vertical-align:top; text-align:center; font-weight:500; box-sizing:border-box;}
.cm-btn-controls.cm-btn-long-controls button,
.cm-btn-controls.cm-btn-long-controls a{width:100%; margin:0px; margin-bottom:5px;}
.cm-btn-controls .btn-style01{background-color:var(--main-color2); border-radius:48px;}
.cm-btn-controls .btn-style02{background-color:#8c8c8c;}
.cm-btn-controls .btn-style03{background:#fff; border:1px solid #888; color:#222;}
@media all and (max-width:800px) {
	.cm-btn-controls{margin-top:30px;}
	.cm-btn-controls button,
	.cm-btn-controls a{width:100px; height:35px; font-size:14px;}
}
@media all and (max-width:359px) {
	.cm-btn-controls button,
	.cm-btn-controls a{width:80px; height:35px; font-size:14px;}
}



.content-tit {

position: relative;
    width: 100%;
    height: 32px;
    clear: both;
    font-size: 28px;
    letter-spacing: -1px;
    color: #333;
    font-weight: 600;
    line-height: 32px;
}