@import url("reset.css");
@import url("search.css");
@import url("common.css");
@import url("jquery.selectbox.css");
@import url("meanmenu.css");
@import url("meanmenu_mobile.css");
@import url("menu.css");


/*wrapper*/
#wrapper_header{margin:0 auto; min-width:320px;}
#wrapper{max-width:1358px; margin:0 auto; min-width:320px;}

/* 각종 background */
#headerbg{background:#f2f2f2; height:50px; width:100%;}
.subBg{width:100%; height:100%;}

/* container */
#container{ width:100%; min-height:828px; margin:0 auto; padding:0 ;z-index:3; position:relative;  /*background:#f0f0f0;*/ background:#ddd9c4;  }
#container:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/*#container #contentWrap{ max-width:1200px; min-width:900px; margin:0 auto; padding:0 20px;}*/

/* indicator */
#indicator{ float:right; margin-right:50px; z-index:6;}
#indicator #selectArea{float:left;}
#indicator #selectArea select{background:#ffc300;border:0; font-size:16px;cursor:pointer;}
#indicator #selectArea select option{border:0;cursor:pointer;}
#indicator .m_menu{float:left;}
#indicator .m_menu li{float:left; padding:0; margin-left:10px;width:30px;height:30px;}
#indicator .m_menu li a{ display:block; text-indent:-9999px; text-align:center; font-size:14px;}
#indicator .m_menu li:hover{ background-color:#ffc300; text-decoration:none;}
#indicator .m_menu li a{text-decoration:none; line-height:30px;}
#indicator .m_menu li.mn03{display:none;}
#indicator .m_menu li.mn04{display:none;}

#indicator #selectArea{float:left;cursor:pointer;}
#indicator #selectArea select option{border:none;cursor:pointer;}
#indicator #selectArea  #default-usage-select{background:#eebf12;border:0;}


/*Sub Menu*/
#subMenu{width:426px; background-color:#ffc300; position:absolute; left:0;padding:36px 0;}
#subMenu h2{display:block; color:#2323ea; font-size:26px;font-weight:normal;padding:0 28px; margin-bottom:24px;word-spacing:-1px;line-height:26px;text-transform:uppercase;}
#subMenu ul li{padding:0 28px; font-size:19px; margin-bottom:12px;}
#subMenu ul li:last-child{margin-bottom:6px;}
#subMenu ul li a{text-transform:uppercase;}
#subMenu ul li a.active{color:#2323ea;}
#subMenu ul li a:hover{text-decoration:none; color:#2323ea;}


.contents{padding:0 28px; margin:0 auto; }

#container #contentWrap ul.package li{display:inline-block; vertical-align:bottom;}
#container #contentWrap ul.package.certification li img{width:449px;}
#container #contentWrap ul.catalogue li{display:inline-block;}
#container #contentWrap ul.catalogue li.downBtnArea{position:absolute; left:0; margin-top:37px;}


#container #contentWrap #pdsWrap{margin:auto;}
#container #contentWrap #pdsWrap .pdsWrap2{text-align:center;}
#container #contentWrap #pdsWrap .pdsWrap2 div{width:500px; display:inline-block; vertical-align:top; text-align:left; margin:0 30px 0 90px;}
#container #contentWrap #pdsWrap .pdsWrap2 div .font23{margin:0;}
#container #contentWrap #pdsWrap .pdsWrap2 div h2{margin-bottom:15px;font-weight:normal;}
#container #contentWrap #pdsWrap .pdsWrap2 div h2 .fa{vertical-align:text-top;margin-right:10px;}
#container #contentWrap #pdsWrap .pdsWrap2 div ul li{font-size:15px;line-height:25px;}
#container #contentWrap #pdsWrap .pdsWrap2 .pds1 img{position:absolute;margin-top:3px;}
#container #contentWrap #pdsWrap .pdsWrap2 .pds2 img{position:absolute;margin-top:3px;}
#container #contentWrap #pdsWrap .pdsWrap2 .pds3 img{position:absolute; margin-top:3px;}
#container #contentWrap #pdsWrap .pdsWrap2 .pds4 img{position:absolute; margin-top:3px;}
#container #contentWrap #pdsWrap .pdsWrap2 div.font23 span{display:inline-block;margin-left:34px;line-height:23px;}

#container #contentWrap .history{font-size:16px; }
#container #contentWrap .history dl{margin-bottom:43px;}
#container #contentWrap .history dt{font-size:28px; line-height:20px; margin-bottom:16px;}
#container #contentWrap .history dd{line-height:28px; font-size:18px;}

/*site map*/
.sitemap{display:inline-block; vertical-align:top; margin-right:50px; text-align:left;}
.sitemap:last-child{margin-right:0;}
.sitemap p{font-size:21px; margin-bottom:16px;}
.sitemap ul li {line-height:30px; font-size:13px;}
.sitemap ul li ul li{line-height:20px; font-size:11px;}
.sitemap.width23per {width:26%;}
.sitemap ul li.title{line-height:18px;margin-bottom:12px;}
.sitemap.sitemapFir.width23per {width:30%;margin-right:30px;}
/* footer */
#footer{ width:100%; max-width:1358px;background:#d8d8d8; position:absolute; z-index:5;}/*footer 전체 감싸고 있는*/

/*
footer menu
*/

#footer .f_menu{max-width:1358px;padding:0 28px; margin:20px auto 0;}
#footer .f_menu ul{display:inline-block; vertical-align:top;/*width:24%;*/margin-right:60px; margin-bottom:20px;}
#footer .f_menu ul:last-child{margin-right:0;}
#footer .f_menu ul li.title{margin-bottom:10px !important;}
#footer .f_menu ul li.title a{font-size:15px;}
#footer .f_menu ul li{margin-bottom:5px;}
#footer .f_menu ul li:last-child{margin-bottom:0px;}
#footer .f_menu ul li a{ line-height:13px; font-size:13px;text-transform:uppercase;}
#footer .f_menu ul li a:hover{text-decoration:none;}

/*
Site map / Terms and Conditions / Copyright
*/

.footerWrap{margin:0 auto; position:relative; }
.footerWrap .footerFollow{ margin:0 auto;padding:5px 28px 0 28px;}
.footerWrap .footerFollow ul{ text-align:left; float:left; color:#fff;}
.footerWrap .footerFollow li{ display:inline-block; padding:0 15px; background:url(../images/blt_var.gif) 0 50% no-repeat;}
.footerWrap .footerFollow li.fir{ background:none; padding:0 10px 0 0;}
.footerWrap .footerFollow li a{ display:block; margin:0; height:20px; line-height:20px; font-size:12px;}
.footerWrap .footerFollow li a.active{color:#2323ea;}
.footerWrap .footerFollow .copyright{font-size:12px; text-align:right; padding:0 0 20px 0;}
.footerWrap .footerFollow .copyright span{font-size:12px; color:#535353;}


/*.product_detail p.detail{line-height:22px; word-break:keep-all;}*/

.product_detail {padding:50px 0 0px 0px; position:relative; min-height:309px; display:inline-block; width:100%;}
.product_detail .thum{ height:334px; float:left;margin-right:40px;}
.product_detail .thum img{ height:100%;}
.product_detail .txt_wrap{width:70%;float:left;}
.product_detail .txt_wrap .titTx{ color:#2323ea; font-size:31px; font-weight:normal; padding-bottom:20px; line-height:22px;text-transform:uppercase;}
.product_detail .txt_wrap .titTx2{font-size:26px; padding-bottom:21px; color:#636363; line-height:26px;}
.product_detail .txt_wrap .txt{margin:20px 0px 15px 0; font-size:18px; line-height:23px; text-align:justify;}
.product_detail .txt_wrap .txt .subTit{font-size:26px; margin-bottom:20px;}

.product_detail2{padding:27px 0 0 0; word-break:keep-all;line-height:22px;}
.product_detail2.fir_detail{padding:31px 0 0 0; word-break:keep-all;line-height:22px;}
.product_detail2.fir_detail ul:last-child{margin-bottom:0px;}
.product_detail2 p{word-break:keep-all;}
.product_detail2 table {width:100%;overflow-x:scroll;}
.product_detail2 table thead tr th{background:#9c9c9c; color:#f0f0f0;text-align:center;padding:8px 0; font-size:15px;}
.product_detail2 table tbody tr{background:#b4b4b4;}
.product_detail2 table tbody tr td{text-align:center; padding:8px 0; font-size:15px; width:15%; }
.product_detail2 table tbody tr th{ padding:8px; font-size:15px; width:25%; }
.product_detail2 ul li{line-height:22px; font-size:16px; text-align:justify;}
.product_detail2 .subTit{font-size:26px; margin-bottom:20px;}
.product_detail2 .subTit2{margin-bottom:5px;}
.product_detail2 ul{margin-bottom:20px; text-align:justify;}
.product_detail2 ul.deco {margin-left:20px;}
.product_detail2 ul.deco li{list-style:disc;}
.product_detail2 .downBtnArea{margin:41px 0; }
.product_detail2 .downBtnArea button{display:block;line-height:34px; padding-left:0;}
.product_detail2 .table1 tbody tr{ border-top: 3px solid #f0f0f0;}
.product_detail2 .table2 tbody tr{ border-top: 3px solid #f0f0f0;}


/* Company */

.company .companyPD{padding:227px 0 374px 0;width:950px; margin:0 auto;}
.company .companyPD .quot_l{margin-bottom:2px !important; vertical-align:top;}
.company .companyPD .quot_r{margin-bottom:2px !important; vertical-align:top;}
.company .companyPD2{padding:290px 0 376px 0;}
.company .companyPD3{padding:286px 0 373px 0;}
.company .companyPD p{margin:0 auto; text-align:center;}
.company .companyPD2 .bi{margin-left:60px;}


.catalogueImg{padding-left:50px;}


.contactUs{padding:176px 0 322px;}



/*검색결과*/
.searchResult {padding:50px 28px;}

.searchResult .resultDetail{padding-top:50px;clear:both;}
.searchResult .prdImg{display:inline-block; vertical-align:top;}
.searchResult .prdImg img{width:90px;}
.searchResult .prdInfo{ padding:10px 0px 0 24px; width:80%; display:inline-block;}
.searchResult .prdInfo h4{font-size:24px; font-weight:normal; line-height:24px; margin-bottom:15px;}
.searchResult .prdInfo h4 a{color:#2323ea; }
.searchResult .prdInfo p{text-align:left; line-height:20px;}

/*Who We Are*/
.whoweare .textContent{margin-right:60px;}