@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
 @import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css" );
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: bold; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); }
* { margin: 0; padding: 0; box-sizing: border-box }
li { list-style: none }
img { border: 0; vertical-align: middle; max-width: 100% }
body, td, p, input, button, textarea, select, a { font-family: 'Noto Sans KR', sans-serif; font-weight: normal; font-size: 17px; color: #444; line-height: 1.6; letter-spacing: -0.8px; padding: 0; margin: 0; word-break: keep-all; box-sizing:border-box }
body { overflow-y: scroll; min-width: 320px; max-width: 2000px; margin: 0 auto; }
body.lnb_on { overflow: hidden; }
html, body { height: 100% }
img { border: 0; vertical-align: top }
a { text-decoration: none; }
li { list-style: none }
h1, h2, h3, h4, h5, h6, strong { font-family: 'Noto Sans Korean', 'Malgun Gothic', '���� ���', sans-serif, '����', dotum; font-weight: 600; font-size: 14px; }
b { font-weight: 600 }
.mo{display:none}
address { font-style: normal; }
.ofh { overflow: hidden; }
.ofh .half { width: 45%; float: left; }
.ofh .mr { margin-right: 6%; }
.ofh .tri { width: 29.33333333%; float: left; min-height: 1px; }
.ofh .quart { width: 20.5%; float: left; min-height: 1px }
.ofh .quartc { width: 20%; float: left; padding: 0px 2%; box-sizing: border-box; }
.ofh .quartc ul li { background: url(../images/main/main_f_li.png) no-repeat 0px 7px; padding: 4px 20px; text-align: left; }
.ofh .quartc .ic_dosu01 { font-size: 16px; margin: 0 0 20px 0; min-height: 50px; }
.ofh .tric { width: 33.33333%; float: left; padding: 0px 3%; box-sizing: border-box; }
.enter { display: block; }
.ofh .tri2 { width: 100%; }


/* 메인 공지사항 */
.main_notice{overflow:hidden; background:#263b8e; color:#fff; height:66px; line-height:66px; margin:-66px auto 0 auto; position:relative; z-index:9; width:100%; max-width:1400px; display:flex}
.main_notice dl{width:80%; display:flex}
.main_notice dl dt{width:30%;  font-family: 'Play', sans-serif; font-weight: bold; text-align:center; font-size:1.5rem }
.main_notice dl dd{width:70%}
.main_notice dl dd a{color:#fff; transition:all 0.5s}
.main_notice dl dd a:hover{color:#6CF}
.main_notice dl dd span{ font-family: 'Play', sans-serif; font-weight: bold; display:inline-block; padding:0 20px }
.main_notice p{width:20%; background:#001437; color:#fff; font-family: 'Play', sans-serif; font-weight: bold; text-align:center;  font-size:1.5rem; display: flex; align-items: center; justify-content: center}


/* 메인 제품 */

.main_product{overflow:hidden; padding:0 0 100px 0; position:relative}
.main_product::before{content:''; position:absolute; bottom:0; left:0; width:100%; height:271px; background:url(../images/main/product_bg.jpg) no-repeat;}
.main_product .inner{overflow:hidden; max-width:1400px; width:100%}
.main_product h2 {font-size:18px; padding:50px 0}
.main_product h2 span{ font-weight: bold; font-size:2rem; margin:0 1rem 0 0}


.main_pro .swiper-slide{background:#fff; border:1px solid #ccc}
.main_pro .swiper-slide p{overflow:hidden}
.main_pro .swiper-slide p img{width:100%; height:300px; transition:all 0.5s}
.main_pro .swiper-slide p img:hover{transform:scale(1.2)}
.main_pro .swiper-slide dl{overflow:hidden; padding:1rem}
.main_pro .swiper-slide dl dt{font-weight:bold; font-size:1rem; font-weight:bold}
.main_pro .swiper-slide dd{font-size:1rem; color:#666}
.main_pro .swiper-slide dd span{display:inline-block; text-align:center; font-family: 'Play', sans-serif; font-weight:bold; color#999; border-radius:100px; border:1px solid #ccc; padding:0 1rem; font-size:14px; margin:10px 0 0 0; transition:all 0.5s}
.main_pro .swiper-slide dd span:hover{background:#003399; color:#fff}
.main_pro .swiper-pagination{position:relative; padding:50px 0 0 0}
.main_pro .swiper-pagination-bullet{background:#fff}

/* 메인 하단 */
.main_bottom{overflow:hidden; padding:100px 0 }
.main_bottom .inner{height:485px;overflow:hidden; max-width:1400px; width:100%; display:flex}
.main_bottom .inner>div{flex:1; height:485px;}
.main_bottom .inner .main_board{display:flex; flex-direction: column; background:#fafafa; height:485px;}
.main_bottom .inner .main_board_list{padding:2rem;  height:50%}
.main_bottom .inner .main_board_list h2{font-weight:bold; font-size:1.3rem;  margin:0 0 1rem 0}
.main_bottom .inner .main_board_list ul li{padding:3px 0}
.main_bottom .inner .main_board_list ul li span{float:right; font-family: 'Play', sans-serif; font-weight:bold; color:#999}
.main_bottom .inner .main_box{display:flex; height:50%}
.main_bottom .inner .main_box li{flex:1; background:#0f4e8c; text-align:center;}
.main_bottom .inner .main_box li img{margin:10px auto; display:block}
.main_bottom .inner .main_box li a{display:block; color:#fff; font-family: 'Play', sans-serif; font-weight:bold; height:100%;; display: flex; flex-direction: column; justify-content: center;}
.main_bottom .inner .main_box li span{display:block;  font-size:1.5rem}
.main_bottom .inner .main_box li:first-child a{background:#012c54}
.main_bottom .inner .main_box li:last-child a{background:#69C}

/*left_menu*/
.left_navi { margin-top: 10px; display:none }
/*sub_page*/
.tit_h4_3 { background: none !important; }
.sub01_02 .sub_p_box { width: 90%; }
.comm_table { width: 90%; border-top: 3px solid #20368f; position: relative; margin-left: 5%; }
.comm_table th { font-weight: 500; padding: 7px 20px; border-bottom: 1px solid #c8c8c8; border-left: 1px solid #c8c8c8; background: #f0f0f0; font-weight: 500; white-space: nowrap !important; text-align: center; vertical-align: middle; color: #363636; }
.comm_table td { padding: 7px 20px; border-bottom: 1px solid #c8c8c8; border-left: 1px solid #c8c8c8; text-align: center; vertical-align: middle; }
.comm_table td:first-child, .comm_table th:first-child { border-left: 0px; }
/*견적서 주문서*/
.reser_table { border: 2px solid #e6e6e6; padding: 20px; width: 92%; }
.reser_table table { width: 100%; }
.reser_table th { text-align: center; background: #e6e6e6; padding: 3px 0; padding-right: 20px; font-weight: 600; }
.reser_table td { border-bottom: 1px solid #dfdfdf; }
.reser_table td input { padding: 0; margin: 5px 0; width: 65%; }
.reser_table tr:last-child td { border-bottom: none }
/*제품설명*/
.pd_fr { float: right; }
.pd_T { background: url(/images/common/tit_h4bg.png) no-repeat 15px 15px; padding: 40px 40px 0px; }
.pd_fr .go_cate { margin-left: 10px; }
.pd_txt { width: 62%; float: left; padding: 40px 0px 0px 40px; }
.ad-gallery { width: 34% !important; float: left; }
.ad-gallery .ad-image-wrapper .ad-next { display: none !important; }
.ad-gallery .ad-image-wrapper .ad-prev { display: none !important; }
.ad-image { left: 20px !important; }
.ad-thumb-list { left: 20px !important; }
.pd_txt p { margin-bottom: 30px; }
.app_txt { margin: 15px 0; font-weight: 600; }
.down_icon { margin: 20px 0; }
.down_icon li { float: left; text-align: center; width: 80px; }
.down_icon li p { font-size: 13px; line-height: 24px; }
.down_icon li p:hover { font-weight: 600; }
.app_btn { clear: both; margin-bottom: 70px; height: 36px; }
.app_btn div { float: left; margin-top: 30px; }
.app_btn .btn_type14 { color: #fff; width: 150px; height: 36px; text-align: center; background: #5c5c5c; border-radius: 5px; line-height: 36px; font-size: 13px; }
.app_btn .btn_type14 a { color: #fff; font-size: 13px; font-weight: 600; }
.app_btn .btn_type15 { color: #fff; width: 150px; height: 36px; text-align: center; background: #20368f; border-radius: 5px; line-height: 36px; margin-left: 20px; font-size: 13px; }
.app_btn .btn_type15 a { color: #fff; font-size: 13px; font-weight: 600; }
.pd_txt2 { clear: both; border-top: 1px solid #20368f; padding: 30px 40px; }
.pd_txt2 h3 { background: url(../images/common/li_bg.png) no-repeat 0 10px; padding-left: 25px; }
.pd_txt2 ul { margin-left: 50px; margin-top: 10px; }
.pd_txt2 ul li { list-style: disc; }
.pd_txt2 .pd_list { margin-left: 30px; }
.pd_txt2 .cms_scon2 { margin-left: 30px; }
/*자료실*/
.inputbox { width: 99.5%; height: 158px; background-color: #d3d7db; border: 1px solid #b7b7b7; margin-bottom: 10px; }
.board_search { margin: 15px 50px 10px 50px; }
.inputbox .ed { padding: 2px 0 !important; margin-left: 10px; }
.inputbox p { font-size: 10px; }
.inputbox span { width: 100px; display: inline-block; }
.BoardButton { margin: 0 0 0 10px !important; display: initial !important; }
/* 서브 상단 */
.sub_top { width: 100%; overflow: hidden; padding: 30px 0; margin: 0 0 30px 0 }
.sub_top h4 { font-size: 40px; font-weight: 300; padding: 20px; letter-spacing: 1.2px }
.sub_top h4 span { display: inline-block; font-weight: bold; border-bottom: 3px solid #897c5b }
.sub_top p { font-size: 18px; padding: 20px; }
/* 공통 */
.mb30 { margin: 0 0 30px 0; }
.bold { font-weight: bold; }
.strong { color: #897c5b; }
.tit { font-size: 30px; }
.right { float: right; }
.img_list { overflow: hidden; }
.img_list li { display: inline-block; float: left; width: 33%; }
.img_list li img { width: 100%; }
.box { overflow: hidden; padding: 20px; border: 1px solid #ccc; border-top: 5px solid #224083; }
.comm_list li { padding: 5px 0 5px 30px; position:relative }
.comm_list li::before{content:''; position:absolute; top:15px; left:0; width:15px; height:5px; background:#003399;}
.half { display: inline-block; float: left; width: 47%; margin: 0 20px 0 0 }
.half img { width: 100%; }
h5 { font-weight: bold; color: #5d584c; /*background: url(../images/common/h5_bg.jpg) no-repeat 0 7px;*/ padding: 0 0 0 20px; font-size: 20px; margin: 0 0 20px 0 }
.s_tit { background: #5d564c; color: #fff; font-weight: bold; text-align: center; padding: 5px; }
.sub_tab { clear: both; }
.sub_tab ul li { float: left; width: 20%; text-align: center; margin: 0px 20px 20px 0; border: 1px solid #c8c8c8; padding: 5px 0; }
.sub_tab ul .onclick { background-color: #224083; border: 1px solid #224083; }
.sub_tab ul .onclick a { color: #fff; font-weight: 600; }
/* 인사말 */
.greeting { overflow: hidden; }
.greeting img { float: left; }
.greeting_con { float: right; width: 50%; }
/* 경영방침 */
.topimg_b { width: 100%; text-align: center; }
.topimg_b2 { width: 100%; text-align: left; padding-left: 30px; }
/* CI */
.ci_info .mr { width: 30%; }
.ci_info .mr img { margin-top: 30px; }
.ci_info .right { width: 60%; text-align: left !important; }
.ci_info .right p { font-size: 14px; }
.ci_dw { right: 8%; position: absolute; width: 150px; padding: 10px 0; border: 1px solid #e6e6e6; text-align: center; background: #f5f5f5; margin-top: 25px; }
.ci_dw a:hover { font-weight: 600; }
/* 인증서 */
.d_lightBox { overflow: hidden }
.d_lightBox li { float: left; display: inline-block; width: 23.3%; margin: 0 15px 15px 0 }
.d_lightBox li span { display: block; text-align: center; padding: 20px 0; font-size: 12px; left: -1px; width: 100%; height: 20px; }
.d_lightBox li img { width: 100%; border: 1px solid #cccccc; margin: 5px }
/* RegistrationProcess */
.dosu { padding: 20px 0px; background: url(/images/common/quartc_bg.png) repeat-y center 0; }
/*백그라운드*/
#dd_lightBox_overlay { position: fixed; left: 0; top: 0; background: #000000; opacity: 0.8; width: 100%; height: 100%; display: none; z-index: 9998 }
#dd_lightBox { position: fixed; left: 0; top: 0; display: none; background: url('../images/common/lightbox-ico-loading.gif') no-repeat center center #ffffff; /*로딩*/ width: 200px; /*기본사이즈, 이후 이미지원본사이즈로 조정*/ height: 200px; padding: 10px 10px 50px 10px; /*여백패딩*/ margin-left: -5px; /*패딩값의 절반*/ margin-top: -25px; /*패딩값의 절반*/ overflow: hidden; z-index: 9999 }
#dd_lightBox #dd_img_wrap { background: #ff0000; padding: 12px; overflow: hidden }
#dd_lightBox #dd_iframe { width: 640px; height: 360px }/*유투브기본사이즈  개별사이즈는 data-size="가로x세로" */
#dd_lightBox #dd_title { position: absolute; left: 10px; bottom: 25px; font: 11px dotum; color: #777777 }
#dd_lightBox #dd_page { position: absolute; left: 10px; bottom: 10px; font: bold 11px verdana, helvetica; color: #888888 }
#dd_lightBox #dd_next { position: absolute; right: 0px; top: 50%; margin-top: -20px; background: url('../images/common/lightbox-btn-next.gif') no-repeat; width: 70px; height: 70px; cursor: pointer }
#dd_lightBox #dd_prev { position: absolute; left: 0px; top: 50%; margin-top: -20px; background: url('../images/common/lightbox-btn-prev.gif') no-repeat; width: 63px; height: 32px; cursor: pointer; z-index: 10 }
#dd_lightBox #dd_close { position: absolute; right: 10px; bottom: 10px; background: url('../images/common/lightbox-btn-close.gif') no-repeat; width: 66px; height: 22px; cursor: pointer }
 @media all and (max-width:767px) {
.ofh .half { width: 100%; float: none; }
.ofh .tri { width: 100%; float: none; }
.ofh .mr { margin-right: 0; float: none; }
.ofh .quart { width: 50%; }
.ofh .quartc { width: 50%; }
.enter { display: inline; }
.enter2 { display: block; }
}
@media all and (max-width:559px) {
.ofh .quart { width: 100%; float: none; }
.ofh .quartc { width: 100%; float: none; }
.ofh .tric { width: 100%; float: none; }
}
/*�޴�*/

#hsec1 { background: #5a5c5f; }
#hsec1 .d_container { position: relative; overflow: hidden; }
#hsec1 .con1 { display: none }
#hsec1 .con2 { text-align: left }
#hsec1 .con2 .mo { display: none }
#d_lnb .mo { display: none; }
#hsec1 .con2 h1 img.logo { display: none }
#hsec1 .gnb1 { position: absolute; left: 0px; top: 0px; z-index: 1000; border-right: 1px solid #7e7e7e; }
#hsec1 .gnb1 li { float: left; }
#hsec1 .gnb1 li a { display: block; margin: 0 20px; padding: 7px 20px; border-left: 1px solid #7e7e7e; color: #7e7e7e; font-size: 13px; margin-right: 0px; margin-left: 0px; }
#hsec1 .gnb1 li.on a { color: #505050; display: block; padding: 4px 30px; background: #ffffff; border-top: 5px solid #857a89; border-bottom: 3px solid #ffffff; }
/*#hsec1 .gnb1 li:first-child a{border:none;}*/

#hsec1 .gnb2 { display: block; float: right; }
#hsec1 .gnb2 li { float: left; display: inline-block }
#hsec1 .gnb2 li a { display: block; padding: 7px 30px; color: #fff; font-size: 13px; background: #897c5b }
#hsec1 .gnb2 li:first-child a { background: #224083; }
#hsec1 .gnb2 li:last-child a { background: #d0232b; }
#hsec2 { position: relative; }
#d_lnb_bg { position: absolute; left: 0; top: 100px; width: 100%; background: #ffffff; border-top: 1px solid #c8c8c8; box-sizing: border-box; height: 0 }
#d_lnb { background: #ffffff; position: relative; width: 100%; max-width: 1400px; height: 100px; overflow: visible; border: none; }
#d_lnb .pc { display: block; }
#d_lnb h1 { background: none; display: block; float: left; border-bottom: 0px; padding: 0px; margin: 0; width: 30%; border-right: 1px soild #ccc }
#d_lnb h1 img.logo { padding: 30px 0px 0px 0px; display: block }
#d_lnb h1 .close { display: none; }
#d_lnb ul { float: left; width: 70%; /*margin-top: 25px; */ } /*�޴�����*/
#d_lnb li { border-bottom: 0px; position: relative; float: left; width: 20%/*��޴�4��*/; text-align: center; font-family: 'Noto Sans Korean' }
#d_lnb li > a { font-size: 18px; font-weight: 400; background: none; color: #303030; line-height: 100px; padding: 10px 0px }
#d_lnb li:last-child a { background: none; }
#d_lnb li > a:hover, #d_lnb li.on > a {/*background:url(/images/common/menu_off2.gif) no-repeat right center;  background-size:35px;*/ background: none; }
#d_lnb li.on { border-bottom: 10px solid #897c5b; box-sizing: border-box; }
#d_lnb li.on:last-child > a { background: none }
#d_lnb li.on .sub { background: #20368f; }
#d_lnb li .sub { display: block; background: none; position: absolute; width: 100%; top: 100px; height: 0; overflow: hidden; z-index: 100; }
#d_lnb li .sub dl { padding: 5px 15px; text-align: center; border-left: 1px solid #e6e6e6; min-height: 280px; }
#d_lnb li .sub dd { padding: 0px 0; border: none; }
#d_lnb li .sub dd a { font-size: 14px; padding: 0px; color: #505050; }
#d_lnb li.on .sub dd a { color: #ffffff }
#d_lnb li.on dl { border-left: 0px; }
#d_lnb li .sub dd a:hover { text-decoration: none; }
#d_lnb_mask { display: none }
.bnt_lang { position: absolute; display: inline-block; right: 20px; top: 20px; }
.bnt_lang a { display: block; padding: 8px 13px; background: #303e52; color: #ffffff; text-transform: uppercase; letter-spacing: 1px; }
.d_container { max-width: 1100px; margin: 0 auto }
#header { position: relative; z-index: 990; background: #fff }
#content { overflow: hidden; clear: both; }
/*.content2 {background: url(/images/main/m_bottom_bg2.jpg) no-repeat left bottom;}*/



/*제품소개*/
.pdcate_box ul li { }
.pdcate_box ul li img { width: 220px; height: 220px; margin: 10px 10px 20px; 10px
}
.pdcate_box ul h3 { line-height: 40px; background: #20368f; color: #fff; font-size:1.2rem }
.ct_box_t { background: url(../images/common/li_bg.png) no-repeat 0 17px; padding: 5px 0 5px 30px; clear:both; overflow:hidden }
/*
.ct_box dl dt { color: #20368f; font-weight: 600; line-height: 30px; }
.ct_box { border: 1px solid #d9d9d9; background-color: #f9f9f9; padding: 15px 20px; margin-bottom: 30px; }
.ct_box dl { width: 96%; border-bottom: 1px solid #e1e1e1; margin: 0 auto !important; padding: 7px 0 12px 15px; }
.ct_box dl:last-child { border-bottom: none; }
.ct_box dl dd a:hover { text-decoration: underline; font-weight: 600; }
.ct_box dl dt a { color: #20368f; font-weight: 600; line-height: 30px; }
*/

.ct_box { border: 1px solid #d9d9d9; background-color: #f9f9f9; padding: 15px 20px; margin-bottom: 30px; float:left; width:30% }
.ct_box>ul>li { padding: 20px 20px; font-size: 17px; font-weight: bold; border-bottom: 1px solid #e1e1e1; }
.ct_box>ul>li>ul { margin: 0px; font-size: 16px; font-weight: normal; }
.ct_box>ul>li>ul>li { padding: 10px; }
.ct_box>ul>li>ul>li>ul { margin: 0px 30px; }
.ct_box a { color: #20368f; font-size: 16px;}
.product_box {float:left; width:70% }
.product_box h2 { background: url(/images/common/tit_h4bg.png) no-repeat 15px 15px; padding: 30px 40px 0px; }
.product_box_img { padding-left: 30px; padding-top: 30px; }
.pd_content { padding-left: 30px; }
.pd_content div:first-child { background: url(/images/sub02/pd_tit.jpg) no-repeat 0px 8px; font-size: 20px; font-weight: 600; }
.pd_content div { padding-left: 25px; }
.product_file { padding-left: 30px; }
.product_file h4 { background: url(/images/sub02/pd_tit.jpg) no-repeat 0px 8px; font-size: 20px; font-weight: 600; padding-left: 25px; }
.product_file a { padding-left: 25px; }
.product_file a:hover { text-decoration: underline; }
.product_file a .size img { margin-left: 10px; }


/*���־� ��ġ�����̵�*/

.mainvisu { background: #303030 }
.mainvisu li { height: 830px; }
.mainvisu li.bg1 { background: url('/images/main/main_bg.jpg') no-repeat center top; }
.mainvisu li.bg2 { background: url('/images/main/bg4.jpg') no-repeat center top; }
.mainvisu li.bg3 { background: url('/images/main/bg4.jpg') no-repeat center top; }
.mainvisu .item { display: block; width: 100%; background-size: 100%; }
.item .inner { padding: 280px 0px 240px; }
.m_text { background: url(../images/main/main_text_bg.png) no-repeat; padding: 2.5em 8em 1em 2em; position: absolute; bottom: 0 }
.item .inner h2 { font-size: 46px; text-align: left; letter-spacing: -2px; color: #ffffff; font-weight: 100; margin-bottom: 15px; }
.item .inner p { text-align: left; color: #ffffff; font-weight: 300; font-size: 24px; margin-bottom: 25px; }
.item .inner p span { font-weight: bold }
.item .inner p.pt { font-weight: bold; letter-spacing: 4px; text-transform: uppercase; font-size: 14px; margin-bottom: 15px; }
.item .inner p.btn_box { display: inline-block }
.item .inner p.btn_box a { display: block; padding: 5px 30px; border: 1px solid #ffffff; color: #ffffff }
.a_right .inner { padding-left: 50%; }
.a_center .inner { text-align: center; }
.a_center .inner h2 { text-align: center; }
.a_center .inner p { text-align: center; }
.mainvisu .owl-controls { position: absolute; z-index: 10; left: 50%; margin: 0 0 0 -50%; top: 450px; padding: 20px 0 0 0; width: 50%; height: 38px; background: #5d584c }
.mainvisu .owl-controls .owl-pagination .owl-page span { width: 40px; border-radius: 0px; border: 1px solid #ffffff; background: none; opacity: 1; }
.mainvisu .owl-controls .owl-pagination .owl-page.active span { background: #ffffff }
 @media all and (max-width:980px) {
.item .inner p.btn_box { display: block; }
.item .inner p.btn_box a { display: inline }
.item .inner { padding: 140px 0px 160px; }
.item .inner h2 { font-size: 3rem; line-height: 120%; padding: 0px 20px; margin-bottom: 10px; text-align: center; }
.item .inner p { font-size: 1rem; padding: 0px 20px; color: #ffffff; text-align: center; }
.item .inner { padding: 300px 0px 150px; }
}
 @media all and (max-width:780px) {
.menter { display: block; }
.item .inner h2 { font-size: 1.5rem; }
.mainvisu li.bg2 { background-position: 90% top; }
.mainvisu li.bg3 { background-position: 19% top; }
}
@media all and (max-width:560px) {
.mainvisu li.bg2 { background-position: 70% top; }
.mainvisu li.bg3 { background-position: 35% top; }
}
/*���*/
.b_field { max-width: 2000px; margin: 0 auto; color: #ffffff; overflow: hidden; margin-bottom: 10px; }
.b_field .item { padding: 45px; margin: 10px 5px; }
.b_field .item .b_bg { padding: 70px 50px; overflow: hidden; }
.b_field .item .b_ex { float: left; width: 58%; }
.b_field h3 { display: inline-block; margin-bottom: 10px; }
.b_field h3 a { color: #ffffff; font-size: 30px; display: block; padding-right: 40px; background: url(/images/common/btn_arrow.png) no-repeat center right; }
.b_field h3 b { font-size: 12px; font-weight: 700; display: block; text-transform: uppercase; letter-spacing: 1px; }
.b_field p, .b_field a { color: #ffffff; box-sizing: border-box; }
.b_field p { padding-bottom: 40px; border-bottom: 4px solid #ffffff }
.b_field .b_field1 { background: url(/plastic/images/main/field_bg1.jpg) no-repeat center left; padding-left: 35%; }
.b_field .b_field1 .linebox_li li { margin-bottom: 10px; }
.b_field .b_field1 .b_bg { background: rgba(133,122,137,0.9) }
.b_field .b_field2 { background: url(/plastic/images/main/field_bg2.jpg) no-repeat center right; padding-right: 35%; }
.b_field .b_field2 .b_bg { background: rgba(86,86,86,0.9) }
.b_field .linebox_li { float: left; width: 35%; min-height: 177px; }
.linebox_li li { margin-bottom: 5px; text-align: center; }
.linebox_li li a { display: block; padding: 3px; border: 1px solid #ffffff }
@media all and (max-width:1400px) {
.b_field .item { padding: 40px; }
.b_field p { min-height: 110px; }
}
@media all and (max-width:1600px) {
.b_field .b_field1 { padding-left: 25%; }
.b_field .b_field2 { padding-right: 25%; }
}
 @media all and (max-width:1400px) {
.b_field .b_field1 { padding-left: 15%; }
.b_field .b_field2 { padding-right: 15%; }
}
 @media all and (max-width:1150px) {
.b_field .b_field1 { padding-left: 5%; }
.b_field .b_field2 { padding-right: 5%; }
.b_field .item .b_bg { padding: 50px 30px; }
}
 @media all and (max-width:980px) {
/*.b_field .item .b_ex{float:none; width:100%;}
.b_field  .linebox_li{float:none; width:100%;}*/
.b_field .item { padding: 40px 40px 60px; }
.b_field .owl-controls { margin-top: -45px !important; }
.b_field .owl-buttons { display: none; }
}
@media all and (max-width:767px) {
.b_field .item .b_ex { float: none; width: 100%; }
.b_field .linebox_li { float: none; width: 100%; }
.b_field .item { padding: 20px 20px 40px; }
.b_field .item .b_bg { padding: 30px }
.b_field p { min-height: 50px; }
.b_field1 .half { float: left; width: 48%; }
.b_field1 .mr { margin-right: 4%; }
}
@media all and (max-width:360px) {
.b_field .item .b_bg { padding: 20px }
}
/**/

/*ȸ��Ұ�*/
.info_com { position: relative; margin: 70px 0px; padding: 0px 20px; overflow: hidden; width: 50%; float: left; box-sizing: border-box; border-right: 1px solid #c8c8c8 }
.info_com h2 { font-size: 12px; color: #505050; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; letter-spacing: 4px; padding: 0px 20px; }
.info_com .am { padding-left: 40%; background-size: auto 70% !important; background: url('/images/main/info_com_bg.gif') no-repeat left center; }
.info_com h3 { font-size: 30px; font-weight: 400; color: #303030; margin-bottom: 20px; }
.info_com p { margin-bottom: 20px; }
a.plus_more { display: inline-block; border: 1px solid #505050; font-size: 14px; line-height: 20px; padding: 3px 30px; }
 @media all and (max-width:980px) {
.info_com h3 span { display: block }
.info_com { margin: 40px 0px; }
.info_com .am { padding-left: 0px; background-position: right top; background-size: auto 38% !important }
.info_com h2 { padding: 0px; }
}
@media all and (max-width:768px) {
.info_com .am { border-bottom: 1px solid #c8c8c8; border-right: 0px; padding-bottom: 40px; }
.info_com h3 span { display: inline }
.info_com { width: 100%; float: none; margin: 20px 0px; }
}
@media all and (max-width:559px) {
.info_com { text-align: center; }
.info_com p { width: 90%; margin: 0 auto; margin-bottom: 10px; }
.info_com .am { background: none }
}
/**/
.cstime { position: relative; margin: 70px 0px; padding: 0 20px; overflow: hidden; width: 50%; float: left; box-sizing: border-box; }
.cstime h2 { font-size: 12px; color: #505050; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; letter-spacing: 4px; }
.cstime .tel { font-size: 42px; font-weight: 700; color: #303030; margin-bottom: 20px; text-align: center; }
.cstime .left { width: 52%; margin-right: 4%; float: left; display: block }
.cstime .right { width: 44%; float: left }
.cstime .ic_lo { background: url(/images/common/ic_location.gif) no-repeat left center; padding-left: 40px; }
.cstime p { margin-bottom: 20px; }
.cstime ul { padding: 10px; }
.cstime ul li { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #e6e6e6; overflow: hidden; text-indent: 10px; }
.cstime ul li:last-child { font-weight: 600 }
.cstime ul li span { float: right; width: 60% }
 @media all and (max-width:979px) {
.cstime .tel { font-size: 30px }
.cstime .left { width: 40%; margin-right: 4%; }
.cstime .right { width: 56%; }
.cstime .ic_lo { background: none; padding: 0px }
}
@media all and (max-width:768px) {
.cstime { width: 100%; float: none; margin: 40px 0px }
.cstime .tel { font-size: 45px; }
.cstime ul { padding: 20px; background: #f5f5f5 }
}
@media all and (max-width:559px) {
.cstime { text-align: center; }
.cstime .left { width: 100%; float: none; }
.cstime .right { width: 100%; float: none; }
.cstime .tel { text-align: center; margin-bottom: 10px; }
.cstime .ic_lo { text-align: center; font-size: 15px; margin-bottom: 20px; }
}
#pageup { position: fixed; right: 10px; bottom: 10px; width: 60px; height: 60px; background-image: url('/images/common/Htop.png'); background-repeat: no-repeat; background-size: 60px 60px; display: none; cursor: pointer; z-index: 4000; }
@media all and (max-width:559px) {
#pageup { width: 45px; height: 45px; background-size: 45px 45px }
}
/*Ǫ��*/
#foot { width: 100%; background: #fff; border-top: 1px solid #c8c8c8; }
#foot .foot { position: relative; max-width: 1400px; margin: 0 auto; padding: 30px 20px; box-sizing: border-box; color: #444444; }
#foot .foot .foot_menu { overflow: hidden; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #c8c8c8 }
#foot .foot .foot_menu li { float: left; margin-right: 20px; }
#foot .foot .foot_menu li a { font-size: 13px; font-weight: 600 }
#foot .foot address { margin-bottom: 10px; font-size: 13px; }
#foot .foot address span{font-weight:bold; font-size:15px}
#foot .foot p { color: #444444; font-size: 13px; }
#foot .foot p span{font-size:15px; font-weight:bold}
#foot .foot p b { color: #d9da95; font-weight: 400; }
#foot .foot p a { margin-left: 20px; font-size: 12px; }
#foot .foot_logo { float: left; margin-right: 30px; margin-bottom: 30px; }
 @media all and (max-width:560px) {
#foot .foot .foot_menu li { float: left; margin-right: 10px; }
#foot .foot p a { margin: 0px; }
}
/*���극�̾ƿ�*/
.inner { width: 100%; min-width: 320px; max-width: 1100px; margin: 0 auto; position: relative; }
.inner2 { width: 1100px; min-width: 320px; max-width: 1100px; margin: 0 auto; position: relative; padding-top: 60px; }
.subtop { height: 180px; padding: 0px; }
.subtop .inner { padding: 0px 20px; }
.subtop h2 { margin: 5px auto; font-size: 26px; font-weight: 400; color: #ffffff; text-align: center; text-transform: uppercase; }
.subtop p { color: #fff; letter-spacing: -1px; font-size: 27px; font-weight: 400; text-align: center; text-transform: uppercase; padding-top: 50px; }
.subtop p span { color: #fff; font-weight: 600; }
.subtop .path { position: absolute; top: 25px; color: #ffffff; text-align: left; overflow: hidden; font-size: 12px; }
.subtop .path img { padding-top: 5px; padding-right: 10px; }
.subtop .path li { float: left; margin-right: 3px; }
 @media all and (max-width:768px) {
.subtop .inner { text-align: center; }
.subtop h2 { position: relative; font-size: 26px; }
.subtop p { position: relative; text-align: center; margin: 0 auto 5px; top: 0px; }
.subtop p span { padding-left: 30px; margin-right: 10px; }
.subtop .path { display: inline-block; text-align: center; position: relative; top: 0px; }
}
.subcon { min-width: 320px; max-width: 1400px; margin: 0 auto; position: relative; box-sizing: border-box; padding: 40px 20px; min-height: 200px; overflow: hidden; }
.left {/** width: 18%; float: left; min-height: 100px; margin-right: 4%;*/ }
.con { position: relative; min-height: 400px; overflow: hidden; }
 @media all and (max-width:979px) {
.subcon { padding: 20px 15px; }
.left { display: none; }
.con { float: none; width: 100%; }
}
/* ���ʸ޴� */
.left_dep { width: 100%; min-height: 70px; margin: 0 0 30px 0; padding: 0; }
.left_dep ul { border-bottom: 0px; display:flex}
.left_dep h3 { letter-spacing: -2px; padding-bottom: 40px; font-size: 32px; font-weight: 300; border-bottom: 1px solid #c8c8c8; display:none}
.left_dep li { width: 100%; min-height: 35px; padding: 0; display: block; overflow: hidden; flex:1 }
.left_dep li a { margin: 0; padding: 12px; display: block; border-bottom: 1px solid #c8c8c8; font-size: 15px; background: url(/images/common/menu_off.gif) no-repeat right center; background-size: 30px 30px; }
.left_dep li a:link, .left_dep li a:hover, .left_dep li a:visited, .left_dep li a:active { }
.left_dep li a:hover { color: #7b857e; font-weight: 600; background: url(/images/common/menu_on.gif) no-repeat right center; background-size: 30px 30px; border-bottom: 1px solid #7b857e; }
.left_dep li.select a { font-weight: 600; color: #505050; background: url(/images/common/menu_on.gif) no-repeat right center; background-size: 30px 30px; border-bottom: 2px solid #505050; }
.left_dep2 { margin: 0px; padding: 0; width: 200px; }
.left_dep2 li { margin: 0 0 1px 0; padding: 0; width: 200px; height: 20px; color: #828282; background: #f2f2f2; }
.left_dep2 li a { margin: 0px; padding-left: 40px !important; color: #828282; letter-spacing: 0px; font-size: 12px; }
.left_dep2 li a:link, .left_dep2 li a:hover, .left_dep2 li a:visited, .left_dep2 li a:active { margin: 0px; padding-left: 28px; color: #828282; letter-spacing: 0px; background: url(/images/common/left_dep3_bg.gif) 5px 50% no-repeat; border: none; }
.left_dep2 li a.select { margin: 0px; padding-left: 28px; color: #828282; background: url(/images/common/left_dep3_bg.gif) 5px 50% no-repeat; }
.left_dep3 li a.select2 { color: #039; font-weight: bold; }
/**/
.tit_h3 { font-size: 32px; font-weight: 500; letter-spacing: -1px; margin-bottom: 40px; }
.sub_path { position: absolute; right: 0px; top: 20px; color: #505050; letter-spacing: 0px; font-size: 12px; }
.sub_path img { margin-top: 6px; margin-right: 10px; }
 @media all and (max-width:979px) {
.tit_h3 { font-size: 22px; border-bottom: 1px solid #c8c8c8; padding-bottom: 10px; margin-bottom: 30px; }
.sub_path { font-size: 11px; top: 10px; }
.sub_path img { width: 10px; margin-top: 3px }
}
/*�Ǹ޴�*/
.tabmenu ul { overflow: hidden; margin-bottom: 30px; border-bottom: 2px solid #857a89 }
.tabmenu ul li { float: left; border-right: 1px solid #ffffff }
.tabmenu ul li a { display: block; padding: 7px 25px; background: #f5f5f5; border: 1px solid #c8c8c8; border-bottom-color: #f5f5f5; }
.tabmenu ul li a:hover { background: #808080; border-color: #808080; color: #e6e6e6 }
.tabmenu ul li.selected a { background: #857a89; color: #ffffff; font-weight: 600; border: 1px solid #857a89 }
 @media all and (width:1024px) {
.main_bottom { background-position: 50% 100%; }
.story_con { width: 70%; }
.quick { display: none; }
.d_lightBox li { width: 23%; }
}








/*새모바일*/
@media all and (max-width:930px) {
/*메인*/
.inner2 { width: 100%; padding-left: 20px; }
.main_nt .notice_p .nt_title { font-size: 15px; }
.main_nt .notice_p p { font-size: 12px; }
.main_new .new_p p { font-size: 12px; }
}
 @media all and (max-width:850px) {
/*메인*/
.inner { margin-bottom: 0px !important; }
#d_tab35 { width: 100%; }
.main_nt { width: 50%; }
.main_new { width: 50%; }
.main_nt .notice_p .nt_title { font-size: 18px; }
.main_nt .notice_p p { font-size: 14px; }
.main_new .new_p p { font-size: 14px; }
#foot .foot_logo { height: 70px; }
.pdcate_box ul li img { width: 200px; height: 200px; }
}
 @media all and (max-width:850px) {
/*메인*/
#foot .foot_logo { width: 100%; margin: 0; text-align: center; height: 50px; }
#foot .foot p { font-size: 12px; }
#foot .foot p a { margin-left: 0; display: contents; }
}
 @media all and (max-width:550px) {
/*메인*/
.inner2 img { width: 80%; }
.m_contants { margin-top: -500px !important; }
.main_nt .notice_p .nt_title { font-size: 15px; }
.main_nt .notice_p p { font-size: 12px; }
.main_new .new_p p { font-size: 12px; }
}
 @media all and (max-width:450px) {
/*메인*/
.main_nt .main_pd_t { padding: 20px 0 10px 10px; }
.main_nt .notice_p { margin-left: 10px; }
.main_new .main_new_t { padding: 20px 0 10px 10px; }
.main_new .new_p { margin-left: 10px; }
#foot .foot img { width: 50%; }
}
 @media all and (max-width:385px) {
/*메인*/
.m_contants { margin-top: -600px !important; }
.main_nt { width: 100%; }
.main_new { width: 100%; }
#d_tab35 .img li .motion { padding: 20px; }
.main_nt .notice_p .nt_title { font-size: 18px; }
.main_nt .notice_p p { font-size: 14px; }
.main_new .new_p p { font-size: 14px; }
.main_nt .main_pd_t { padding: 20px 0 10px 20px; }
.main_nt .notice_p { margin-left: 20px; }
.main_new .main_new_t { padding: 20px 0 10px 20px; }
.main_new .new_p { margin-left: 20px; }
#foot .foot { border-top: 1px solid #eaeaea; }
}




/*새모바일2*/
@media all and (max-width:1090px) {
/*메인*/

	/*제품소개*/
.pd_txt { width: 60%; }
}
 @media all and (max-width:700px) {
/*메인*/

	/*제품소개*/
.pd_txt { width: 90%; }
.ad-gallery { width: 90% !important; }
.pd_T { clear: both; padding: 30px 0 0 35px; }
.pd_txt { padding: 10px 0 0px 35px; }
.down_icon li { width: 20%; }
.app_btn { margin-bottom: 30px; }
.app_btn div { margin-top: 0; }
.pd_txt2 { padding: 20px 20px; }
.pdcate_box ul li img { width: 170px; height: 170px; }
}
 @media all and (max-width:600px) {
.pdcate_box ul li img { width: 220px; height: 220px; }
.subtop { background-position: center; }
}
 @media all and (max-width:500px) {
.pdcate_box ul li img { width: 160px; height: 160px; }
.product_box_img { margin-bottom: 20px; }
.product_box_img img { width: 95%; }
.subtop p { font-size: 22px; padding-top: 30px; }
.subtop { height: 150px; }
.subtop p span { padding: 0; margin: 0l }
}
 @media all and (max-width:400px) {
.pdcate_box ul li img { width: 120px; height: 120px; }
.pdcate_box ul h3 { font-size: 12px; }
.subtop p { font-size: 20px; padding-top: 30px; }
.subtop { height: 130px; }
.go_cate { float: none !important; }
}
 @media all and (max-width:380px) {
#go_cate { width: 180px; }
#go_cate option { font-size: 12px; width: 180px; }
}




/* 모바일 */
 @media all and (max-width:979px) {
body{font-size:14px; letter-spacing:normal}
.mo{display:block}
.pc{display:none}
#d_lnb .mo { display: block; }
#d_lnb .pc { display: none !important; }
#d_lnb { width: 40%; }
#d_lnb h1 { float: none; width: 100%; text-align: center; border-bottom: 1px solid #e6e6e6 }
#d_lnb h1 img.logo { padding: 20px; width: 80%; display: inline-block }
#hsec1 .con1 { display: block; }
.bnt_lang { display: none; }
#d_lnb_bg { top: 0px; border: none; }
#d_lnb li { width: 100%; float: none; border-bottom: 1px solid #e6e6e6; }
#d_lnb li .sub dl { margin: 0px; padding: 0px; text-align: left; border-left: 0px; min-height: auto; background: #f5f5f5; }
#d_lnb li.on { border-bottom: 3px solid #aeaf54; }
#d_lnb li.on .sub dd a { color: #808080 }
body.lnb_on { overflow: hidden; }
body.lnb_on #d_lnb_mask { display: block; position: fixed; left: 0; top: 0; width: 100%; height: 300%; background: url('/images/common/lnb_mask_bg.png'); z-index: 990; }
#hsec1 { padding: 0px 0px; border-bottom: 1px solid #ddd; }
#hsec1 .d_container { position: relative }
.lnb_btn { cursor: pointer; position: absolute; z-index: 10; top:15px; left: 0px; padding: 10px; }
#hsec1 .con1 { position: relative; left: 0; top: 0; height: 35px; background: #505050 }
#hsec1 .con2 { background: #ffffff; text-align: center; padding: 20px 15px; }
#hsec1 .con2 h1 img.logo { display: inline-block; width: 200px; padding-top: 5px; margin-left: 0px; }
#hsec1 .con2 .mo { display: block; }
#hsec1 .con2 .pc { display: none }
#hsec1 .con3 { position: absolute; right: 0; top: 0 }
#hsec1 .gnb2 { display: none; }
#hsec1 .gnb1 { right: 0px; z-index: 0; }
#hsec1 .gnb1 li { width: 50%; }
#hsec1 .gnb1 li a { border-left: 0px; color: #c8c8c8 }
#hsec1 .gnb1 li.on a { padding: 4px 20px; }
#hsec2 { border: 0px; top: 0px; }
#d_lnb { position: fixed; left: -100%; top: 0; width: 70%; max-width: 300px; height: 101%; background: #ffffff; z-index: 991; overflow: auto; border: 5px solid #ffffff }
#d_lnb .pc { display: none; }
#d_lnb h1 b span { font-size: 14px; }
#d_lnb h1 .close { position: absolute; right: 10px; top: 10px; cursor: pointer }
#d_lnb ul { background: #ffffff; float: none; width: 100%; margin: 0; }
#d_lnb li.ic_cg, #d_lnb li.ic_iq { background: #353942; width: 90%; margin: 0 auto; }
#d_lnb li.ic_cg { margin-top: 15px; margin-bottom: 5px; }
#d_lnb li.ic_cg a, #d_lnb li.ic_iq a { color: #ffffff; letter-spacing: 5px; font-size: 11px; font-weight: 700; padding: 10px 0px 10px 60px; }
#d_lnb li.ic_cg a { background: url(/images/common/ic_cg.png) no-repeat 25px center; background-size: 16px; }
#d_lnb li.ic_iq a { background: url(/images/common/ic_iq.png) no-repeat 25px center; background-size: 16px; }
#d_lnb li.on > a { color: #0f4e8c; font-weight: 600; background: url(/images/common/menu_on.gif) no-repeat right center; background-size: 35px; }
#d_lnb li > a { display: block; padding: 13px 25px; line-height: 25px; text-align: left; font-weight: 300; font-size: 14px; background: url(/images/common/menu_off.gif) no-repeat right center; background-size: 35px; }
#d_lnb li > a:hover { background: url(/images/common/menu_on.gif) no-repeat right center; background-size: 35px; }
#d_lnb li .sub { background: #f5f5f5; display: none; }
#d_lnb li.on .sub { border-top: 0px; top: auto; position: relative; height: auto; }
#d_lnb li .sub dd { border-top: 1px solid #ddd }
#d_lnb li .sub dd a { display: block; padding: 10px 35px; }
#d_lnb li .sub dd a:hover { font-weight: 700 }

.inner{padding:1rem}
.main_notice{margin:0 auto; display:block; height:auto}
.main_notice dl{width:auto; align-items: center;}
.main_notice dl dt{font-size:1rem}
.main_notice dl dd{padding:1rem}
.main_notice dl dd span{display:none}
.main_notice dl dd a{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main_notice p{width:auto; padding:0.5rem}
.main_product{padding:0}
.main_product::before{background-position:bottom right}
.main_product h2{text-align:center; font-size:1rem; font-weight:100}
.main_product h2 span{display:block; font-size:1.5rem; }
.main_pro .swiper-slide p img{height:auto}
.main_bottom .inner{display:block; height:auto}
.main_bottom .inner > div{height:auto}
.main_map iframe{height:200px !important}
.main_bottom .inner .main_board{height:auto}
.main_bottom .inner .main_board_list{padding:1rem;}
.main_bottom .inner .main_board_list ul li{position:relative}
.main_bottom .inner .main_board_list ul li a{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:70%}
.main_bottom .inner .main_board_list ul li span{position:absolute; top:0; right:0}
.main_bottom .inner .main_box{height:auto; flex-direction: column;}
.main_bottom .inner .main_box li a{padding:1rem}
#foot .foot p{text-align:center}

.tit_h4_2{font-size:1.5rem !important; padding:0 !important; background:none !important}
.comm_table{width:auto; margin:0}
.sub01_02 .sub_p_box{width:auto !important}
.table_warp{overflow:scroll}
.comm_table td a{font-size:1rem}
.pdcate_box{padding:0 !important;  margin:0 !important}
.pdcate_box ul li{width:48% !important}
.pdcate_box ul h3{font-size:1rem}
.go_cate{float:none; width:auto}
.ct_box{float:none; width:auto; height:200px; overflow:scroll}
.ct_box > ul > li{padding:0; font-size:1rem}
.product_box{float:none; width:auto}
.product_box h2{background:none; padding:0; font-size:1.5rem}
.product_box_img{padding:0}
.product_file{padding:0}
}