@charset "utf-8";


#m_visual{position: relative; background: url(/images/bg_pattern.gif); width: 100%;}
#m_visual .m_visual_area{width: 1150px; margin: 0 auto; height: 520px;}
#m_visual .m_visual_area #visual_slider{float: left; width: 899px; height: 514px; border: 3px solid #464646;}
#m_visual .m_visual_area .right_visual{float: right; width: 245px; overflow: hidden;background: url(/images/line_01.gif) center -7px;} 
#m_visual .m_visual_area .right_visual  dl{padding: 22px 33px;}
#m_visual .m_visual_area .right_visual  dl dt{margin-bottom: 15px; font-size: 18px;color:#fff; font-weight: 700;}
#m_visual .m_visual_area .right_visual  dl dd{height: 20px; font-size: 14px;color:#fff; padding-left: 10px; border-left: 2px solid #40588c; transition:0.2s all;}
#m_visual .m_visual_area .right_visual  dl dd:hover{border-left: 4px solid #fff;}
#m_visual .m_visual_area .right_visual  dl dd a{color: #fff;}


/*상단커뮤니티*/

/*공지사항*/
#contain_top{width: 1150px; margin: 40px auto; overflow: hidden;}
#contain_top div{width: 287px; height: 231px; padding: 39px 15px; float: left; margin-right: 1px; border:1px solid #e1e1e1; box-sizing:border-box;}
#contain_top div.last_box{width: 286px; margin-right: 0px;}
#contain_top div h4{font-size: 21px; letter-spacing: -1px; font-weight: 700; overflow: hidden; margin-bottom: 20px;}
#contain_top div h4 strong{color: #40588c;}
#contain_top div h4 .more{float: right; display: block; padding:2px 10px 12px 10px;}
#contain_top div h4 >span{display: block; margin-top: 5px; font-size: 11px; font-weight: 300; color:#c3cbd4; }

#contain_top div ul li{width: 100%; height: 30px; line-height: 30px;   box-sizing:border-box;}
#contain_top div ul li:hover{border-bottom: 1px dashed #ccc;}
#contain_top div ul li a{width: 70%; font-size:12px; color:#666; display: block;overflow:hidden; white-space: nowrap; text-overflow:ellipsis; float:left; text-align: left;}
#contain_top div ul li span{float:right; display: block; width: 29%; font-size:12px; color:#999; text-align: right;}

/*제품문의*/
#contain_top div p{font-size: 18px; color: #40588c; margin-bottom: 10px; font-weight: 700;}
#contain_top div p span{font-size: 35px; letter-spacing: -0.8px;}
#contain_top div >span{display: block; text-align: right; font-size: 18px; color: #666; line-height: 20px;}

#contain_top div>img{ margin-left: 5px;}
#contain_top div> a{ margin-left: 21px;}


/*mid_banner*/
#mid_banner{width: 100%; height: 256px; background: url(/images/mid_visual.jpg) no-repeat center center;}
#mid_banner div{width: 1150px; margin: 0 auto; padding: 40px 0; font-size: 15px; color: #fff; text-align: center; letter-spacing: -1px; line-height: 23px;}
#mid_banner div h5{font-size: 24px; padding: 12px 0; color: #fff;}

/*main_gallery*/

#main_gallery ul li{float: left;margin-right: 4px; margin-bottom: 4px;}

/*#main_gallery .outside{position: relative;top:0px; z-index: 999;}
#main_gallery .outside p{font-weight: bold;color: #ddd;}
#main_gallery .outside #slider-prev{position: absolute; top:-105px; left:-20px;}
#main_gallery .outside #slider-next{position: absolute; top:-105px; right:-20px;}
#main_gallery .outside #slider-prev:hover{background: url(/images/arrow_2.png) no-repeat;}
#main_gallery .outside #slider-next:hover{background: url(/images/arrow_1.png) no-repeat;}*/



/*---------------sub page start----------------*/
.right_pg .con_hd{border-bottom:2px solid #eee; padding-bottom:15px; margin-bottom:50px;}
.right_pg .con_hd div{float:left;}
.right_pg .con_hd p{float:right; margin-top:30px; color:#666; font-size:12px;}
.right_pg .con_hd .sub_title{color:#333; font-weight:bold; font-size:35px;}
.clear_fix:after{content:''; display:block; clear:both;}

/*원단색상표*/

.right_pg .color_table_wrap .color_numb{font-size:20px; font-weight:bold; color:#666;}
.w_center{text-align:center;}

.right_pg .color_table{margin-top:50px;}
.right_pg .color_table p {text-align:center; margin-bottom:50px;font-size:12px;color:#848484;letter-spacing:-0.08em;}
.right_pg .color_table ul li{float:left; width:135px; margin:0 15px 15px;}
.right_pg .color_table ul li span{ display:block;text-align:center; color:#434343;font-size:14px;}
/*원단색상표//*/


/*회사소개*/
.map_table{width:100%;font-size: 14px;border-top:1px solid #333;border-collapse: separate; border-spacing: 0px;  border-bottom: none !important;}
.map_table th{padding:15px; width:30%; border-bottom: 1px solid #e9e9e9; border-right:1px solid #e9e9e9; background: #fafafa; color:#333;}
.map_table td{padding:15px 20px; width:60%; border-bottom: 1px solid #e9e9e9; color:#666;}


/*견적문의*/
.btn_colse{position:relative;}
.close_btn {background:#40588c;position:absolute; top: -26px; right: -3px;}
.close_btn a{color:#fff; font-size: 13px; width:45px; text-align:center; height:26px; line-height:26px; }

/*원단소개*/
.tabsCont{width:669px; margin: 100px auto; height: 255px; overflow: hidden; font-weight: bold; font-size: 24px;}
.tabsCont div img{display: inline-block; }

.tabsArea{overflow: hidden;}
.tabsArea .tabs{width:1150px;}
.tabsArea .tabs li {position: relative;overflow:hidden;text-align: center; float:left; margin-top:20px;height: 95px;width:150px; cursor: pointer; /*border-radius: 40px;*/}
.tabsArea .tabs .noMargin{margin-right: 0px;}
.tabsArea .tabs li span {display: block; line-height: 30px; background: rgba(0,0,0,0.4); width: 100%; text-align: center; position: absolute; bottom: 0; color: #fff;}
.tabsArea .tabs li:hover span{color: #df1a41;}
.tabsContents {clear:both; display: none;}

/*원단소개*/



@media (max-width: 1400px){
	#m_visual #main_tit h2{font-size: 55px; }
}
@media (max-width: 1255px){
	#m_visual #main_tit h2{font-size: 45px; }
}
@media screen and (max-width:1445px){
	#quick_menu{top:15px}
}