@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);


#mainVisualbox{width:1100px; margin:0 auto; height:384px; overflow: hidden;}
#mainVisual{position:relative;  width:825px; height:384px; z-index: 1; }

#bx-pager{position:absolute;right:-275px;top:0;width:275px;height:128px;}
#bx-pager li a img{vertical-align:top;}
.bx-controls{display: none;}


/*메인콘텐츠 감싸는 디비전*/
/*#m_contents{width:100%; background: url(/images/cont_bg.jpg) no-repeat center center;}*/
/*박스*/
#m_cont{width:1100px; margin: 0 auto;}
#m_cont h2{height: 23px;line-height: 23px; margin-top: 40px; margin-bottom: 20px; font-size: 12px; color:#666; position: relative;}
#m_cont h2 span{position: absolute; top:2px; left: 206px; font-weight: normal;}
#m_cont .m_box{width:1100px;}
#m_cont .m_box .box_link{display: block;width:100%; height: 100%;}
#m_cont .m_box .m_box_01:after{content:"";clear:both;display:block;}
#m_cont .m_box .m_box_01 div{float:left; height:234px; }
#m_cont .m_box .m_box_01 .m_box_011{width:550px; background: url(/images/box_bg_011.gif);}
#m_cont .m_box .m_box_01 .m_box_012{width:275px; background: url(/images/box_bg_012.gif);}
#m_cont .m_box .m_box_01 .m_box_013{width:275px; background: url(/images/box_bg_013.gif);}
#m_cont .m_box .m_box_02:after{content:"";clear:both;display:block;}
#m_cont .m_box .m_box_02 div{float:left; height:234px; }
#m_cont .m_box .m_box_02 .m_box_021{width:275px; background: url(/images/box_bg_021.gif);}
#m_cont .m_box .m_box_02 .m_box_022{width:275px; background: url(/images/box_bg_022.gif);}
#m_cont .m_box .m_box_02 .m_box_023{width:550px; background: url(/images/box_bg_023.gif);}

#prodArea{width:1100px; margin: 0 auto;}
#prodArea h2{height: 23px;line-height: 23px; margin-top: 40px; margin-bottom: 20px; font-size: 12px; color:#666; position: relative;}
#prodArea h2 span{position: absolute; top:2px; left: 220px; font-weight: normal;}



/*갤러리*/
.prod_img{margin: 40px 0;}
#prodArea:after{display: block; clear:both; content: '';}
#prodArea #product{width:1100px; border:1px solid #eee; padding:50px 0; background: #fff;}
#product .prodCon2{width:830px; margin: 0 auto;}
#product .prodCon2 ul li{width:150px !important; margin-right:20px !important;}
#product .prodCon2 ul li a{display:block; width:150px; height: 150px;}
#product .prodCon2 ul li img{display: inline-block; width:150px;height: 150px;}
#product .prodCon2 .bx-wrapper{max-width: 830px !important;}
#product .prodCon2 .bx-wrapper .bx-viewport{width: 830px !important;}
#product .outside{position: relative;top:0px;}
#product .outside p{font-weight: bold;color: #ddd;}
#product .outside #slider-prev{position: absolute; top:-100px; left:-80px;}
#product .outside #slider-next{position: absolute; top:-100px; right:-80px;}
.productSlider p{font-size: 12px; color:#666; text-align: center;width:150px;overflow:hidden; white-space: nowrap; text-overflow:ellipsis;  height: 20px; line-height: 20px;}

/*게시판 추출*/
.m_box_021 ul{margin-top: 90px; width:210px; margin-left: 30px;}
.m_box_021 ul li{display: block; line-height: 2.0em;}
.m_box_021 ul li a{font-size:12px; color:#666; display: block; width:130px;overflow:hidden; white-space: nowrap; text-overflow:ellipsis; float:left;}
.m_box_021 ul li span{float:right;font-size:10px; color:#999;}
/*서브컨텐츠*/
/*서브 내용*/
#s_contents .right_cont .right_cont_box .greetings_box{background: #f9f9f9; padding:40px 30px; margin: 20px 0; border:1px solid #eee;}
#s_contents .right_cont .right_cont_box .greetings_box p{color:#666; line-height: 1.7em; text-align: center;}
#s_contents .right_cont .right_cont_box .greetings_box p span{font-weight: bold; font-size: 18px; color:#333;}
.cont_table{width:850px; font-size: 12px;border-collapse: separate; border-spacing: 0px; border-top: 1px solid #eee; border-left: 1px solid #eee;}
.cont_table th{padding:15px; width:20%; background: #f9f9f9; color:#333; border-bottom: 1px solid #eee; border-right:1px solid #eee;}
.cont_table td{padding:15px; width:80%;  background:#fff; color:#666; border-bottom: 1px solid #eee; border-right:1px solid #eee;}
.order_board{font-size: 18px; font-weight: 900; color:#534741; margin: 30px 0 20px 0; border-bottom: 1px solid #eee; padding-bottom: 10px;}
.order_board span{font-weight: normal; color:#666; font-size: 14px;}

/*두번째단*/
#m_cont_01{width:100%; background:#f6f5f5; padding:30px 0; }
.m_cont_01_wrap{width:1100px; margin: 0 auto;}
.m_cont_01_wrap:after{display: block; clear: both; content: '';}
.m_cont_01_wrap .m_cont_box{float:left;}
.m_cont_box_01 div{width:550px; height: 160px;}
.m_cont_box_01 .m_cont_box_011{background: red;}
.m_cont_box_01 .m_cont_box_012{background: blue;}
.m_cont_box_02{width:275px; height: 320px; background:green;}

/*카에고리*/
.m_cont_cate{width:100%; background:#f7f7f7;}
.m_cate_wrap{width:1100px; margin: 0 auto; padding:30px 0; height: 307px;}
.m_cate_tit{text-align: center;}
.m_cate_img > div{float:left; width:266px; height: 222px; margin-top: 30px; }
.m_cate_img > div a{display: block; width:100%; height: 100%; padding: 130px 0 0 20px;}
.m_cate_img > div a .cate_tit{color:#065fcf; font-weight: 900; font-size: 17px;}
.m_cate_img > div a .cate_txt{color:#666;font-size: 13px; margin-top: 15px; line-height: 1.5em;}
.m_cate_01{margin-right: 12px;background:url(/images/cate01.jpg);}
.m_cate_02{margin-right: 12px;background:url(/images/cate02.jpg);}
.m_cate_03{margin-right: 12px;background:url(/images/cate03.jpg);}
.m_cate_04{background:url(/images/cate04.jpg);}

.m_cate_tit .m_h2_en{color:#444; font-weight: 900; font-size:24px; font-family: 'Open Sans', sans-serif;}
.m_cate_tit .m_h2_ko{color:#444; font-weight: 900; font-size:16px; margin-top: 10px; }

/*커뮤니티*/
.m_cont_cmnt{width:1100px; margin: 0 auto; height: 140px; padding:30px 0;}
.m_cont_cmnt > div{float:left;}
.m_cont_cmnt .m_board_list{width:350px; margin-right: 20px;}

.m_board_list h3{font-size:16px; font-weight: bold; color:#444;}
.m_board_list h3 span{font-size:12px;color:#999;font-weight: normal;}
.m_board_list h3 a{float:right;font-size:12px;color:#999;font-weight: normal;}
.m_board_list p{font-size:12px;color:#666; padding:5px 0 15px 0; border-bottom: 1px solid #ddd;}
.m_board_list ul{margin-top: 10px;}
.m_board_list ul li{display: block; line-height: 1.7em;}
.m_board_list ul li a{font-size:13px; color:#666; display: block; width:230px;overflow:hidden; white-space: nowrap; text-overflow:ellipsis; float:left;}
.m_board_list ul li span{float:right;font-size:12px; color:#666;}

/*서브페이지*/

/*회사소개*/
.company_01{width:100%; height: 320px; background: url(/images/company_01.jpg) no-repeat 613px 0; letter-spacing: -1px;}
.rightContents p{line-height: 1.8em; font-size: 16px;}
.rightContents .company_tit{padding-top: 20px; font-size: 30px; color:#333; font-weight: bold;}
.rightContents .company_txt{color:#666;}
.company_tit span{color:#0c4da2;}
.company_01 .company_line{background:#0c4da2; width:48px; height: 3px; margin: 30px 0 40px 40px;}
.company_01 .company_s_tit{font-size: 24px; color:#333; font-weight: bold;}
.company_01 .company_ss_tit{font-size: 18px; color:#666; margin-top: 15px; }
.company_02{background: #f7f9fb; margin-top: 30px; padding-bottom: 40px; border: 1px solid #eee;}
.company_02 p{padding: 40px 0 0 40px; font-size: 18px; color:#555; letter-spacing: -1px;line-height: 1.9em;}
.company_02 p span{font-weight: bold; color:#0c4da2; }
.d_table{width:800px; margin: 60px auto 0; font-size: 18px;border-collapse: separate; border-spacing: 0px; border-top: 2px solid #666;}
.d_table th{padding:15px; width:30%; border-bottom: 1px solid #ddd; border-right:1px solid #eee; background: #eff1f3; color:#333;}
.d_table td{padding:15px; width:60%; border-bottom: 1px solid #ddd; background:#fff; color:#666;}

.sub_qna{background: #fafafa; padding:20px 0; border:1px solid #eee; margin-bottom: 30px; }


/*오시는 길*/
.map_table{width:100%;font-size: 18px;border-collapse: separate; border-spacing: 0px; border-top: 2px solid #666; margin-top: 30px;}
.map_table th{padding:15px; width:30%; border-bottom: 1px solid #ddd; border-right:1px solid #eee; background: #eff1f3; color:#333;}
.map_table td{padding:15px; width:60%; border-bottom: 1px solid #ddd; color:#666;}