/*ie.css*/

@charset "UTF-8";
/*****************************************************************
@import url('notosanskr.css'); /* 	기본 : font-family: 'Noto Sans KR', sans-serif;	 font-weight:400; 	굵기에 따라 : font-weight만 조정

******************************************************************/
/* comm*/


.pt-30 {padding-top: 30px}
.pt-50 {padding-top: 50px}
.pd-50 {margin-bottom: 50px;}
.mt-50 {margin-top:50px;}
.mb-50 {margin-bottom: 50px;}
.mt-70 {margin-top:70px;}
.mb-70 {margin-bottom: 70px;}
.img_v {align-items: center;  display: flex;  justify-content: center;}

.fl {float: left;}
.fr {float: right;}


/* 탭 */
#tab-button {display:table; table-layout:fixed; width:100%; margin:0; padding:0;list-style:none;}
#tab-button li {display:table-cell; width:20%;}
#tab-button li a {display:block; padding:.5em; background:#e6f0f9; border:1px solid #ddd;text-align:center;color:#000;text-decoration:none;}
#tab-button li:not(:first-child) a {border-left:none;}
#tab-button li a:hover,
#tab-button .is-active a {border-bottom-color:transparent; background: #0088CF; color: #fff;}
#tab_contents ul.pro_infor_list { margin:30px 0; padding:0px; border:0; box-sizing:border-box;  list-style:none}
#tab_contents ul.pro_infor_list li:before{ content:''; display:inline-block; width:5px; height:2px; margin:-5px 10px auto auto; vertical-align:middle; background:#666;}
.os li:before{content: "-"; margin-left:-1.0em; margin-right:0.5em;}
.os li{/*text-indent: -2em;*/ margin-left: 2em;font-family: 'S-CoreDream-3Light';}
.o2 li{/*text-indent: -2em;*/ margin-left: 2em;font-family: 'S-CoreDream-3Light';}

.tabs {max-width:100%; margin:0 auto; padding:10px 0px;}
.tab-contents {max-width: 1300px; margin: 0 auto; padding: 60px 0px 50px 0px; position: relative; clear: both;}                                                
.tab-contents h3 {font-size: 1.7em; margin:50px 0 20px; }     
.tab-contents h4 {font-size: 1.5em; color:#000; margin-bottom:5px;}                                 
.tab-contents ul.list_arrow {list-style-type:square; padding-left:25px; margin-bottom:50px;}
.tab-contents ul.list_arrow li {list-style:none; background:url(http://www.intrise.co.kr/php/images/a2.gif) no-repeat 0 10px;  padding-left:10px;}
.tab-button-outer {display:none;}
.tab-select-outer select {width:100%; height:40px; border: 1px solid; background-color: #98deff;}

.tab_img{ float: left;width: 30%;}
.img_res {width: 100%; height: auto !important;}
.tab_list_img {float: right; margin-bottom: 100px;}
.tab_list li{ overflow: hidden; padding:20px 0 ;border-top: 1px solid #e2e2e2;}
.tab_list li:first-child { border-top:0; padding-top: 0 }
.tab_list li:last-child { padding-bottom:0; }
.tab_list li .img{ float:left; margin-right:35px; }
.tab_list li dl{ width:700px; }
.tab_list li dl dt{ color: #323232;font-size: 24px;margin:15px 0; }
.tab_list li dl dd{ color: #8b8b8b;font-size: 15px; line-height:25px; word-break:keep-all; }
.tab_mode{float:left; width: 65%;} 
.tab_mode ol {padding-left: 35px; margin: 0;}
.tab_mode ol li {list-style-type: decimal;float: left; margin-left: 70px;}

.img_list li{ overflow: hidden; padding:20px 0 ;border-top: 1px solid #e2e2e2; display:inline-block;}
.img_list li:first-child { border-top:0; padding-top: 0 }
.img_list li:nth-child(2) {border-top: 0px; padding-top:0px;}
.img_list li:last-child { padding-bottom:0; }
.img_list .img{ float:left; margin-right:35px; }
.img_list li dl{ width:550px; }
.img_list li dl dt{ color: #323232;font-size: 24px;margin:15px 0; }
.img_list li dl dd{ color: #8b8b8b;font-size: 15px; line-height:25px; word-break:keep-all; }


.product_list { border-top:2px solid #006db8; padding:30px 0 20px;border-bottom:1px solid #ddd;}
.product_list ul{ overflow: hidden; }
.product_list ul li{float:left; margin-left:26px; margin-bottom:45px; }
.product_list ul li .li-img {display: block; vertical-align: middle; }
.product_list ul li .li-img img {display: block; width: 100%; height: auto; border:1px solid #ddd;}
.product_list ul li .li-text {text-align:center; margin-top:15px;}
@media screen and (max-width: 640px) {
.product_list ul li .li-img{ float: left; margin-left: 3% !important;}
}
@media screen and (max-width: 900px) {
.product_list ul li { float: left; margin-left: 3% !important; width: 45%;}
}

/* tab3 */
/*img center */
.img_wrap{width:70%; text-align:center; margin:0px auto;}
.img_wrap img{width:100%; height:auto}
.img_wrapv{align-items:center; display: flex; justify-content:center;}
.img_wrapv img{width:100%; height:auto}
.fe-img {margin:0 auto;}
.fe-img li {float: left; padding:20px; width:25%;}
.fe-img li img {padding:10px; width:95%;text-align: center;}
.fe-img-back {text-align: center; width: 45%; margin-right: 50px;}
.fe-img h4 {font-size: 1em;text-align: center;}    

.box_{
/*  display:inline-flex;
  flex-wrap:  wrap; */
  width:100%;
  border:1px solid #ddd
}

.list ul{padding: 0;}
.list ul li{ position: relative;color: #333;font-size: 15px;line-height:30px; padding-left:13px;}
.list ul li:after{ content:"";display: block; border:2px solid #006db8; position: absolute;left:0;top:13px }
select::-ms-expand { display: none;}


/* 제품안내 */
.txtCon h2 {text-align:center;height: 100px;}
#bo_v_title .bo_v_tit {display:block;font-size: 1.1em; margin-bottom: 50px;text-align: center; line-height: 50px;word-break:break-all}
.info_box {width:100%; margin:0 auto;overflow:hidden;border:1px solid #ddd; padding:30px;margin-bottom: 70px;}
/*.info_box .lSSlideWrapper{position: relative;}
.info_box .lSSlideWrapper:after{content:"";display: block;position: absolute;top:0;right:0px;bottom:0;border-right:1px solid #ddd;}*/*
.info_box .left { width:50%; float:left; border-right:1px solid #ddd;text-align:center; display: flex; justify-content: center; align-items: center; height: 500px;}
.info_box .right { width:50%;  float:left; padding-left:50px; line-height:1.8; text-align:left}
.info_box .right h2 { font-size:20px; color:#000; letter-spacing:0; padding-bottom:20px; font-weight:bold}

/** .info_box .right { width:50%;float:left; padding-left:40px;padding-top:20px; }*/
.info_box .right strong{ display: block;margin:20px 0;font-size: 24px;text-align:left; }
.info_box .right p{ line-height:25px;}
.info_box .right .gray_box{margin-top:30px; padding:30px;background:#f9f9f9;}
.info_box .right .gray_box ul{padding: 0;}
.info_box .right .gray_box > ul li{ position: relative;color: #333;font-size: 15px;line-height:30px; padding-left:13px;}
.info_box .right .gray_box > ul li:after{ content:"";display: block; border:2px solid #006db8; position: absolute;left:0;top:13px }

.bo_all{width:100%; margin:0 auto;overflow:hidden;border:1px solid #ddd; padding:30px;margin-bottom: 70px;}
.bo_all:after{clear:both;}
.bo_img{width:55%; float:left; text-align:center;border-right: 1px solid #ddd;}
.bo_info{width:45%; float:right;padding:30px;}

.pro_right_info {width: 530px; float: right; padding-left: 40px;  padding-top: 20px;}
.pro_right_info strong {display: block; margin-bottom: 20px; font-size: 24px; text-align: left; }
.pro_right_info p {margin-top: 30px; line-height: 25px;}
#bo_v_con h3 {font-size: 1.7em; margin: 50px 0 20px;}
/* list type */
/*
.list ul{ margin-bottom:40px; padding-left:10px; list-style: none;text-decoration: none;}
.list ul li{ position: relative; padding: 0 0 2px 12px; color: #000;}
.list ul li:before{content: ""; position: absolute; top: 13px; left: 1px; width: 3px; height: 3px; background: #262626;}
.list2 li {margin-bottom: 20px; border-bottom: 1px solid #b5b4b4; display: table; border-collapse: collapse; width: 98%;}
*/
.img-list {	display: table-row;	overflow: hidden;}
.list_type1{}
.list_type1 > li{ position: relative;color: #777;font-size: 15px;line-height:25px; padding-left:13px;}
.list_type1 > li:after{ content:"";display: block;width:8px; border-top:1px solid #777; position: absolute;left:0;top:10px }
.list_type1 > li > em{ color: #777;font-size: 15px;line-height:25px;display: inline-block;width:55px; }

.list dl dt { font-weight: 500; margin-top: 30px;}
.list dl dd {position: relative;padding: 0 0 0px 16px; margin-bottom: 4px;}
.list dl dd:before{ content: ""; position: absolute; top: 13px; left: 3px; width: 5px; height: 1px; background: #000;}
.list2 dl dd {margin-bottom:20px;position: relative;padding: 0 0 4px 16px;}
.list2 dl dd:before{ content: ""; position: absolute; top: 13px; left: 10px; width: 5px; height: 1px; background: #000;}
.img_h li {float:left; padding: 30px; width: 25%; text-align: center}

/* 유튜브 iframe */
video {display: inline-block; width: auto\9 !important; /* ie8 */ width: auto !important; max-width: 100%; height: auto !important;}
.video-wrapper { width:100% max-width:640px; margin-bottom:50px;}
.video-container { position: relative; height: 0; padding-top:30px; padding-bottom: 56.25%; overflow: hidden;}
.video-container iframe,.video-container object,.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.img_h {display: flex; flex-direction: row; justify-content: space-around; align-items: center;}
.img_h ul li {margin:0; padding:0;}


/* 콘트롤박스 Tab3*/
.content03 h3 { font-size:28px; font-weight:300; text-align:left; margin-bottom:30px;}
.content03 p { margin-bottom: 30px;}
.content03 .colum .img { width:50%; float:left; border-right:1px solid #ddd; padding-right:50px}
.content03 .colum .img img{ width:100%;}
.content03 .colum .right { width:50%;  float:left; padding-left:50px; line-height:1.8; text-align:left}
.content03 .colum .right h2 { font-size:20px; color:#000; letter-spacing:0; padding-bottom:20px; font-weight:bold}

@media screen and (max-width: 640px) {
	.content03 .colum .left { width:100%; border:0; float:none; padding:0; clear:both}
	.content03 .colum .img { width:100%; border:0; float:none; padding:0; clear:both}
	.content03 .colum .right { width:100%; padding:20px 0 0  }
}
/* Tab3 */





/* 비닐접착기 */
.sealer-right ul{padding: 15px;}
.sealer-right ul li{ position: relative;color: #333;font-size: 15px;line-height:30px; padding-left:13px;}
.sealer-right ul li:before{ content: ""; position: absolute; top: 13px; left: 0px; width: 5px; height: 1px; background: #000;}

.sealing ul li {float: left; width: 33.3333%; margin-top: 40px; border-right: 1px solid #ddd; text-align: center;}
.sealing li:last-child { border:0;padding:30px;}
.sealing h5 {text-align:left;font-size: 1.25rem;}
.sealing p {}

@media screen and (max-width: 640px) {
	.sealer-left {width:100%; text-align: center;overflow:hidden; margin:0 auto; }
	.sealer-right {width:100%; }
	.colum-left {width:100%; float:left; background-color:#FFFCE1; padding:25px;}
    .colum-right {width:100%; float:left; background-color:#EFF7F7; padding:25px;}
	.colum .left { width:100%; border:0; float:none; padding:0; clear:both}
	.colum .img { width:100%; border:0; float:none; padding:0; clear:both}
	.colum .right { width:100%; padding:20px 0 0  }
	.sealing ul li {width:100%; margin: 0px; border-bottom: 1px solid #ddd;  border-right: 0px; text-align: center;padding: 30px;}

}
/* Tab3 */

/* 봉투  */
.pack-left {width:50%; float:left;}
.pack-right {width:50%; float:left;}



/* 세부구조 */
.structure { width:100%; max-width:1200px; margin:0 auto; margin-bottom:70px; }
.structure:after{ content:""; display:block; clear:both;}
.structure ul { padding:0; margin:0; }
.structure ul li { float:left; margin-left:4%; margin-right:1%; text-align:center;}
.structure ul li img { display:block; width:100%;}
.structure p { margin-bottom:35px; font-size:1.2em; }



/* 사용분야 */
.app { width:100%; max-width:1200px; margin:0 auto;  }
.app:after { content:""; display:block; clear:both; }
.app ul { padding:0; margin-top:80px;}
.app ul li { float:left; width:22.5%; margin-left:1%; margin-right:1%; }
.app ul li img { display:block; margin : 0 auto ; }
.app ul li strong { display:block; margin-bottom:30px; font-size:1.5em; text-align:center; }

.model{width: 100%; margin:0px auto;}
.model ul{display: flex; flex-direction: row;}
.model ul li{flex-basis: 50%; flex-grow: 0; flex-shrink: 1;}
.model ul li.left-img{line-height:1px; padding-top: 50px; text-align: center;}
.lSSlideOuter .lSGallery li,.lSSlideOuter .lightSlider>* {text-align: center;}


/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){
	
	.vacuum_pack {width:100%;}
	.conbox_left {float:left; width:45%; height:420px;}
	.conbox_left img{ width:100%;height:420px;}
	.conbox_txt{font-size:1em; }
	.conbox_img img{height:100%;}
	.conbox_right{ width:55%; height:250px; padding:30px 5px; margin-bottom:50px; }

}

@media screen and (max-width:1024px) {
.info_box .bo_v_img{ width:42%;}
.info_box .bo_v_img img{ width:100%;}  
.info_box .right{ width:100%;padding:20px 0 0 40px; box-sizing:border-box; }
}

/* 반응형 중간기기 960px 사이즈 이하*/
@media screen and (max-width: 960px) {
	.info_box .lSSlideWrapper:after{border-bottom:1px solid #ddd;border-right:0px;}
	.list ul li{ position: relative; margin: 2px 0 0 0; padding: 0 0 8px 17px; font-size:14px; color: #000;}
	.info_box .left { width:100%; height: 300px; border-bottom:1px solid #ddd; border-right: 0px;}
	.info_box .left img { width:100%;}
	.info_box .right { width:100%; padding:20px 0 0  }
}

/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {		
	
	.conbox {width:100%; height:auto;}
	.conbox_left{float:left; width:100%; height:auto;}
	.conbox_left img{width:100%; height:380px;}
	.conbox_right{width:100%; height:auto; padding:30px 5px; }
	.structure ul li { width:100%; margin-left:0px; margin-bottom:50px;}
	.pump ul li { float:left; width:100%; margin-left:1%; margin-right:1%; margin-bottom:50px;}
	.app ul li { float:left; width:48%; margin-left:1%; margin-right:1%; }
	.model ul li.left-txt{order: 2;}
	.model ul li.right-img{order: 1;}
	.model ul{flex-direction: column;}
	.model ul li{flex-basis: 100%; flex-grow: 1;}

}

/* 반응형 작은기기 640사이즈 이하 */
@media screen and (min-width:640px) {
.tab-button-outer {position:relative;z-index:2; display:block;}
.tab-select-outer {display:none;}
.bo_all {width:100%;margin:0 auto; overflow:hidden;border: 1px solid #ddd; padding:0px;}
.info_box .bo_v_img {width:100%; float:none;height: 500px;}
.info_box .bo_v_img img{position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; max-width: 510px;}
.info_box{ overflow: hidden; border:1px solid #ddd; padding:20px;}
.info_box .left_img{ width:100%;height:350px;float:none;border-right:0;}
.info_box .left_img img{ width:100%;position: absolute;left:0;right:0;bottom:0;top:0;margin:auto;max-width:510px;max-height:350px; }
.info_box .left_img .btn_mov{bottom: -30px;}
.info_box .left_img .btn_mov > div.on:after, .info_box .left_img .btn_mov > div:hover:after{display: none;}
.info_box .right_info{ width:100%;float:none;margin-top:20px;padding:0px; box-sizing:border-box; }
.info_box .right_info strong{ display: block;margin-bottom:20px;font-size: 20px; }
.info_box .right_info .gray_box{margin-top:15px; padding:15px;}

.img_list li{ overflow: hidden; padding:20px 0 ;border-top: 1px solid #e2e2e2; display:inline-block;}
.img_list li:first-child { border-top:0; padding-top: 0 }
.img_list li:nth-child(2) {border-top: 0px; padding-top:0px;}
.img_list li:last-child { padding-bottom:0; }
.img_list .img{ float:left; margin-right:35px; }
.img_list li dl{ width:550px; }
.img_list li dl dt{ color: #323232;font-size: 24px;margin:15px 0; }
.img_list li dl dd{ color: #8b8b8b;font-size: 15px; line-height:25px; word-break:keep-all; }

.tab_img, .tab_list li dl, { width: 100%; margin-bottom: 50px;}
.tab_list_img {float: right; margin-bottom: 100px;}
.tab_list li .img {float: left; margin-bottom: 20px;}
.tab_list li{ overflow: hidden; padding:0px;}
.tab_list li dl {margin-bottom: 50px;}
.tab_list li dl dt{ color: #323232;font-size: 24px;margin:5px 0; }
.tab_list li dl dd{ color: #8b8b8b;font-size: 15px; line-height:25px; word-break:keep-all; }
}


/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {
.vision ul li { width:100%;}
.tab-contents {padding: 0px 0px 50px 0px;}                                                
.tab-contents h3 {font-size: 1.4em; margin:50px 0 0px; }     
#bo_v_title .bo_v_tit {font-size: 0.6em; line-height: 30px;}
.info_box .right strong{font-size: 1em; }
.info_box .right .gray_box{padding:10px;}
.info_box .bo_v_img {width:100%; float:none;height: 350px;}
.info_box .bo_v_img img{position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; max-width: 510px;}
.info_box{ overflow: hidden; border:1px solid #ddd; padding:20px;}
.info_box .left_img{ width:100%;height:350px;float:none;border-right:0;}
.info_box .left_img img{ width:100%;position: absolute;left:0;right:0;bottom:0;top:0;margin:auto;max-width:510px;max-height:350px; }
.info_box .left_img .btn_mov{bottom: -30px;}
.info_box .left_img .btn_mov > div.on:after, .info_box .left_img .btn_mov > div:hover:after{display: none;}
.info_box .right_info{ width:100%;float:none;margin-top:20px;padding:0px; box-sizing:border-box; }
.info_box .right_info strong{ display: block;margin-bottom:20px;font-size: 20px; }
.info_box .right_info .gray_box{margin-top:15px; padding:15px;}
.img_h li {padding: 30px; width: 96%;}
.tab_list_img {float: right; margin-bottom: 100px;}
.tab_list li .img {width: 100%;float: left;margin-right: 35px;}
.tab_list li dl {width: 100%;}
}