@charset "utf-8";

/*서브-상단비주얼 */
#svisual{ width:100%; min-width:1400px; height:300px; margin:0px auto; background:url(../img/main/mvisual03.jpg) no-repeat center -150px; overflow:hidden; position:relative; display:none;}
#svisual .sub_tx{ left:50%; margin-left:-550px; top:50px; position:absolute;}
#svisual .s_text{ font-size:21px; color:#fff;}
#svisual .sm_text{font-size:25px; color:#fff;}
#svisual .sm_text2{font-size:14px; color:rgba(255,255,255,0.7); padding-top:15px; }
#svisual .sub_pro{ left:50%; margin-left:330px; top:30px; position:absolute; z-index:100}
#svisual .sub_pro .pro02{top:100px; position:absolute; left:-78px}
#svisual .sub_pro .pro03{top:60px; position:absolute; left:-248px}
#svisual .sub_pro img{width:220px; height:auto}

@media (max-width: 991px) {
#svisual {min-width:100%; height:200px; background-position:center top; background-size:cover;}
#svisual .sub_tx{ left:50%; margin-left:-140px; top:40px; position:absolute; text-align:center}
#svisual .sub_tx .s_text{}
#svisual .sub_tx .sm_text{font-size:22px; color:#fff;}
#svisual .sub_tx .sm_text2{display:none; }
#svisual .sub_pro{display:none;}
}

/* 내용-공통 */
.mt_10{ margin-top:10px;}
.mt_20{ margin-top:20px;}
.mt_30{ margin-top:30px;}
.mt_40{ margin-top:40px;}
.mt_50{ margin-top:50px;}
.mt_60{ margin-top:60px;}
.mt_70{ margin-top:70px;}
.mt_80{ margin-top:80px;}
.mt_90{ margin-top:90px;}
.mt_100{ margin-top:100px;}
.mb_10{ margin-bottom:10px;}
.mb_20{ margin-bottom:20px;}
.mb_30{ margin-bottom:30px;}
.mb_40{ margin-bottom:40px;}
.mb_50{ margin-bottom:50px;}
.mb_60{ margin-bottom:60px;}
.mb_70{ margin-bottom:70px;}
.mb_80{ margin-bottom:80px;}
.mb_90{ margin-bottom:90px;}
.mb_100{ margin-bottom:100px;}
.t_center{ text-align:center;}
.fl{ float:left;}

/*테이블*/
.to_table{border-top:2px solid #353535; background:#ffffff;}
.to_table caption{display:none;}
.to_table thead tr th{font-weight:bold; border:1px solid #e0e0e0; background:#ededed; text-align:center; padding:12px; font-size:15px;}
.to_table tbody tr th{font-weight:bold; border:1px solid #e0e0e0; background:#ededed; text-align:center; padding:12px; font-size:15px;}
.to_table td{border:1px solid #e0e0e0; padding:12px; color:#666; text-align:center; border-collapse:collapse; font-size:14px;}
/*가로스크롤*/
.row-horizon {
  position:relative;
  width:100%;
  overflow-x: hidden;
  overflow-y: hidden;
}

@media (max-width: 991px) {
.to_table thead tr th{ font-size:13px;}
.to_table tbody tr th{ font-size:13px;}
.to_table td{ font-size:12px;}
.row-horizon:before{content:"← 좌우스크롤로 확인해주세요 →"; display:block;  margin:5px 0 5px 5px; font-size:11px; color:#999;}
/*가로스크롤*/
.row-horizon {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  float: none;
  width: 100%;
}
}

#ctt_comm{ font-size:1.1em;}
#ctt_comm h1{ font-size:2.2em; font-weight:500; color:#333; letter-spacing:-2px;}
#ctt_comm h2{ font-size:2em; font-weight:500; color:#83ba12; letter-spacing:-1px; margin:0 0 25px 0}
#ctt_comm h3{font-size:1.8em; color:#333; font-weight:500; margin:0 0 15px 0; padding-left:11px; position:relative;}
#ctt_comm h3:before{content:""; display:block; position:absolute;left:0; top:3px; width:6px; height:25px; background:#e60012;}
#ctt_comm h4{ font-size:1.4em; font-weight:500; color:#333; padding-left:16px; margin-bottom:10px; position:relative;}
#ctt_comm h4:before{content:""; display:block; position:absolute;left:0; top:5px; width:12px; height:12px; border:2px solid #e60012;}
#ctt_comm h5{ font-size:1.7em; font-weight:500; color:#333; padding-left:16px; margin-bottom:10px; position:relative;}
#ctt_comm h5:before{content:""; display:block; position:absolute;left:0; top:5px; width:12px; height:12px; border:2px solid #e60012;}
#ctt_comm p{ font-size:1.15em; color:#555; line-height:1.7em;}
#ctt_comm p.p{ font-size:1em; color:#666; line-height:1.5em;}
#ctt_comm p.p_point{ font-size:1.3em; font-weight:500; color:#7cb20b; line-height:1.5em;}
#ctt_comm span.point{ font-weight:500; color:#444;}
@media (max-width: 991px) {
#ctt_comm h3{font-size:1.5em; padding-left:10px;}
#ctt_comm h3:before{ top:3px; width:4px; height:18px;}
}


/*제품소개*/
#pro01_area{width:1400px; margin:0 auto; padding-bottom:90px;}
#pro01_area .pro_txt{margin-top:100px; font-size:15px; line-height:1.5em; color:#fff; }
#pro01_area .pro_txt h2{font-size:28px; font-weight:lighter; line-height:1.3em; letter-spacing:-0.8px;}
#pro01_area .pro_txt .con{margin-top:40px;}
#pro01_area .pro_txt .howgo{display:block; width:130px; padding:8px 0; background:#e7991c; font-size:11px; color:#fff; text-align:center; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; margin-top:30px;}
#pro01_area .pro_txt .howgo:hover{ background:#ce8612; transition:all 0.7s;}
#pro01_area .tx_list{margin-top:40px;}
#pro01_area .tx_list li{margin:20px 0 0 18px; list-style-type:square; padding-left:0; }
#pro01_area .pro_title{font-size:34px; font-weight:lighter; line-height:1.3em; letter-spacing:-1.3px; color:#fff; margin-bottom:30px;}
#pro01_area .under li{margin-right:15px; }
#pro01_area .under li p{margin-top:10px;text-align:center; color:#fff; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; }
#pro01_area .nav>li>a{ background:#F5F5F5; color:#e7991c;}
#pro01_area .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{background:#e7991c;}
#pro01_area .nav>li>a{padding:15px 18px; border-radius:10px;}
#pro01_area .under li .over{display:none;}
#pro01_area .under li.active .basic{display:none}
#pro01_area .under li.active .over{display:block}
#pro01_area .under{margin-top:50px; margin-left:595px;}
#pro01_area .under img{width:30px; height:auto;}
#pro01_area #tab3 img{width:100%;}

@media (max-width:991px) {
#pro01_area{width:100%; padding-bottom:20px;}	
#pro01_area .pro_txt{margin-top:10px; font-size:14px;}
#pro01_area .tx_list{margin-top:20px;}
#pro01_area .under{margin-left:0;}
#pro01_area .pro_title{font-size:23px; margin-top:30px;}
#pro01_area .under{width:319px; margin:0 auto; margin-top:20px;}
#pro01_area .under li:last-child{margin-right:0;}
#pro01_area .under img{width:30px; height:auto;}
}

/*시공방법*/
#inst{width:1400px; margin:0 auto;}
#inst .inst_txt{margin-top:300px; font-size:15px; line-height:1.5em; color:#fff; }
#inst .inst_txt h2{font-size:28px; font-weight:lighter; line-height:1.3em; letter-spacing:-0.8px;}
#inst .inst_txt .con{margin-top:40px;}
#inst .inst_txt .howgo{display:block; width:240px; padding:8px 0; background:#e7991c; font-size:11px; color:#fff; text-align:center; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; margin-top:50px;}
#inst .inst_txt .howgo:hover{ background:#ce8612;  transition:all 0.7s;}
#inst .inst_txt .sc_down{display:inline-block; color:#fff; margin-top:10px; position:relative; padding:10px 30px 10px 0; font-family:Tahoma, Geneva, sans-serif; letter-spacing:0.4px;}
#inst .inst_txt .sc_down span{position:absolute; top:14px; right:0; display:inline-block; }
#inst .inst_txt .sc_down:hover span{top:20px; color:#fff43c; transition:all 0.7s;}
#inst .inst_txt .sc_down:hover{color:#fff43c; transition:all 0.7s;}
.vp-center{display: block!important}

#inst_step{width:1400px; margin:140px auto; border-top:1px solid #CCC; padding-top:140px; position:relative;}
#inst_step .big_title{font-size:32px; font-weight:lighter; line-height:1.3em; letter-spacing:-0.8px; color:#fff;}
#inst_step .pro_txt{/*margin-top:130px;*/ font-size:13px; line-height:1.5em; color:#fff; }
#inst_step .pro_txt h2{font-size:38px; font-weight: bold; line-height:1.3em; letter-spacing:-0.8px; color:#ffb237}
#inst_step .pro_txt .con{margin-top:5px; margin-left:5px; padding-bottom:35px; font-size:21px;  font-family:Tahoma, Geneva, sans-serif; border-bottom:1px solid #bcbcbc;}
#inst_step .pro_txt .howgo{display:block; width:130px; padding:8px 0; background:#e7991c; font-size:11px; color:#fff; text-align:center; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; margin-top:30px;}
#inst_step .pro_txt .howgo:hover{ background:#ce8612}
#inst_step .tx_list{margin-top:35px; font-size:14px; line-height:1.4em;}
#inst_step .tx_list li{margin:20px 0 0 18px; list-style-type:square; padding-left:0; }
#inst_step .pro_title{font-size:34px; font-weight:lighter; line-height:1.3em; letter-spacing:-1.3px; color:#fff; margin-bottom:30px;}
#inst_step .vod {width:900px; height:507px; margin-left:30px}
#inst .vod {width:900px; height:507px ; margin-left:30px}

#inst_step .under{position:absolute; top:200px; z-index:99}
#inst_step .under li{margin-right:15px; }
#inst_step .under li p{margin-top:10px; color:#fff; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; }
#inst_step .nav>li>a{ background:#c7c7c7; color:#fff;}
#inst_step .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{background:#e7991c; color:#fff;}
#inst_step .nav>li>a{border-radius:50px; font-weight:bold; font-family:Tahoma, Geneva, sans-serif;}
#inst_step .under li .over{display:none;}
#inst_step .under li.active .basic{display:none}
#inst_step .under li.active .over{display:block}
#inst_step .under img{width:30px; height:auto;}
#inst_step .tab{margin-bottom:170px;}
@media (max-width:991px) {
#inst{width:100%;}
#inst .inst_txt{margin-top:10px; font-size:14px;}
#inst .inst_txt h2{font-size:23px;}
#inst .inst_txt .con{margin-top:20px;}
#inst .inst_txt .howgo{width:100%; margin:10px 0;}
#inst .inst_txt .sc_down{ margin-bottom:30px;}
#inst_step{width:100% ;margin:40px auto; border-top:1px solid #CCC; padding-top:40px; position:relative;}
#inst_step .vod {width:100%; height:100%; margin-left:0}
#inst .vod {width:100%; height:100%; margin-left:0}
#inst_step .under{top:135px;}
#inst_step .under li a{padding:7px 12px;}
#inst_step .under li{margin-right:8px; }
#inst_step .big_title{font-size:21px;}
#inst_step .pro_txt{margin-top:10px;  }
#inst_step .pro_txt h2{font-size:20px; font-weight:bold;}
#inst_step .pro_txt .con{font-size:15px; border-bottom:none; padding-bottom:0;}
#inst_step .pro_txt .howgo{width:100%;}
#inst_step .tx_list{/*margin-top:80px;*/ font-size:13px; margin-bottom:20px;}
#inst_step .tab{margin-bottom:70px;}
}



/*인증서*/
#cert{width:900px; margin:0 auto; padding-bottom:70px;}
#cert .col-sm-6{padding-right:30px; padding-left:30px;}
#cert img{display:inline-block; width:100%; height:auto;}
#cert p{ background:#333; padding:8px 8px; color:#fff; font-size:16px; }
#cert p.color{ background: #B3797A}
#cert p span{display:block; font-size:12px; margin-top:6px;}
@media (max-width:991px) {
#cert{width:100%}
#cert .col-sm-6{padding-right:10px; padding-left:10px;}
#cert p{ text-align:center; font-size:12px; height:65px;  padding:8px 5px; }
#cert p span{font-size:10px; margin-top:3px}
}

/*주요거래처*/
#partner{width:1400px; margin:0 auto; background:#fff; border-radius:20px;}
#partner_in{padding:50px; position:relative}
#partner_in h2{text-align:center; font-size:30px; font-weight:bold; line-height:1.8em; margin-bottom:80px;}
#partner_in h2:before{ display:block; content:""; width:230px; height:3px; background: #F90; position:absolute; top:115px; left:50%; margin-left:-112px;}
#partner_in img{width:100%; max-height:62px; border:1px solid #e4e4e4;}
#partner_in p{text-align:center; padding:6px 0; background:#e7991c; color:#fff; font-size:14px; }
#partner_in .col-sm-2{margin-bottom:30px;}
#partner_in .nav-tabs{margin-bottom:40px;}
@media (max-width:991px) {
#partner{width:100%}
#partner_in{padding:20px;}
#partner_in h2{font-size:26px;margin-bottom:40px;}
#partner_in h2:before{ top:70px;}
#partner_in p{font-size:12px;}
}



/*찾아오시는 길*/
.map{z-index:0; margin-top:18px;}
.map_table{width:490px; border-collapse:separate; border-spacing:0px; margin-top:33px;}
.map_table th{width:70px; color:#333; text-align:left; padding:10px 0 10px 0; border-bottom:1px dashed #d4d4d4; vertical-align:top; font-size:14px;}
.map_table td{border-bottom:1px dashed #d4d4d4; padding:8px 0 8px 10px; font-size:14px; color:#666;} 
.map_table .fa-home{font-size:0.9em;}
.map_table .fa-phone-square{font-size:0.9em;}
.map_table .fa-fax{font-size:0.9em;}
.map_table .fa-envelope{font-size:0.9em;}
@media (max-width: 991px) {
.map_table{width:100%; margin-top:20px;}
.map_table th{width:20%;font-size:13px;}
.map_table td{font-size:12px;} 
}







/*테이블*/
.cha_table2{width:100%; border:2px solid #5298da; margin:10px 0 10px 0; font-size:1.2em; line-height:1.2em; text-align:center; border-collapse:collapse; }
.cha_table2 caption{display:none;}
.cha_table2 thead tr th{font-weight:bold; border:1px solid #e1e1e1; background:#e3f1ff; padding:14px; font-size:1em; color:#045eb2; text-align:center}
.cha_table2 td{border:1px solid #e1e1e1; padding:12px; color:#666; font-size:0.9em;}
.cha_table2 td.color{background:#f7fafa;}
.cha_table2 td.end{color:#3270bd;}
.cha_table2 .br{display:none;}

@media (max-width: 991px) {
.cha_table2 thead tr th{padding:5px; font-size:0.8em;}
.cha_table2 td{padding:5px; font-size:0.7em;}
.cha_table2 .br{display:block;}

}