@charset "utf-8";

@import url(magnific-popup.css);

.sub_bg_product h4 {font-size:27px; clear:both; line-height:1.4em; color:#222; padding:0px 0 0px 18px;font-weight:500;background:url("../images/sub/ico_h4.gif") no-repeat scroll left 50%; }


/*참가업체*/
.section-main-product {clear:both; position: relative;padding: 40px 0 50px 0;background-size: cover;text-align: center;}
.section-main-product h2 {color:#fff; font-size:4.0em; padding-bottom:40px;}
.section-main-product::before {position: absolute;top: 0;left: 0;z-index:-1;width: 100%;height: 100%; content: ''; }
.section-main-product .list {width: 1320px;margin: 0 auto;}
.section-main-product li {margin: 15px 1%; width: 18%;}
.section-main-product .product {display: block;position: relative;width: 100%;height: 100%;margin: 0 auto;font-weight: 400;}
.section-main-product .product .img {display: block;position: relative;z-index: -1;height: 140px;}
.section-main-product .product .img img {width:100%; height: 100%;}
.section-main-product .product .name {display: block;width: 100%; padding:10px 0 0 0 ;height: 45px;background-color:#009744;font-size: 17px;line-height: 1.3;vertical-align: middle;color: #fff;}
.section-main-product .product:hover .img:before {position: absolute;top: 50%;left: 50%;z-index: 5;width: 80px;height: 80px;margin-top: -40px;margin-left: -40px;background: url("/images/split_img.png") no-repeat -792px -2px;content: '';}
.section-main-product .product:hover .img:after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 151, 68, 0.85);content: '';}


.row {margin-right: auto;margin-bottom: 20px;margin-left: auto;}
.row:after {display: table;clear: both;content: '';}
.row .col {float: left;min-height: 1px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.row .col[class*='push-'], .row .col[class*='pull-'] {position: relative;}
.row .col.s2 {width: 8.33333%;right: auto;left: auto;margin-left: auto;}
.row .col.s3 {width: 16.66667%;right: auto;left: auto;margin-left: auto;}
.row .col.s4 {width: 25%;right: auto;left: auto;margin-left: auto;}


/*제품소개 유투브1*/
.youtube_wrap0 {width:80%; margin:40px 0 40px 10%; border-radius:5px; padding:25px; border:1px solid #d1d1d1;  text-align:center;}










/*button*/
/*버튼 기본설정*/
.button_1 {background:#1f1f1f; border:2px solid #1f1f1f; color:#fff; border-radius:40px; height:60px; display:inline-block;cursor: pointer;font-weight:bold;text-align:center;padding:13px 60px;}
a.button_1:hover{background:#fff; border:2px solid #414141; color:#1f1f1f; transition: all 0.2s ease 0s;}

.button_3 {background:#F96F09; border:2px solid #F96F09; color:#fff; border-radius:40px; height:60px; display:inline-block;cursor: pointer;font-weight:bold;text-align:center;padding:13px 60px;}
a.button_3:hover{background:#fff; border:2px solid #F96F09; color:#1f1f1f; transition: all 0.2s ease 0s;}






/*개인정보동의*/
.agreeview_btn {margin-top:10px; font-size:1em; text-align:center; padding:2px 10px; border:2px solid #484848;background-color:#484848; color:#fff; border-radius:5px; cursor:pointer}
.agreeview_btn:hover{background-color:#fff; color:#484848; border:2px solid #484848;}
.check_p {font-size:17px;display:inline-block; vertical-align:middle; }


#agreebox1 {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:4}
#agreebox2 {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:4}
#agree {position:absolute; top:20%; left:50%; width:600px; margin-left:-300px; display:block;height:50%; background-color:#ffffff; border:1px solid #484848; border-radius:10px;}
#agree h1 {text-align:center; color:#000000; font-size:20px; margin:20px 20px 20px 20px; padding-bottom:10px; border-bottom:1px solid #f6f6f6;}
#agree h1:after {display:none}
#agree h2 {color:#da291c; font-size:15px; margin:20px 0px 10px 0px;}
#agree b {font-size:15px; line-height:20px; color:#000000; display:block; margin:20px 0px 5px 0px;}
#agree button {position:absolute; bottom:0px; width:100%; height:50px; background-color:#484848; font-size:17px; color:#ffffff; text-align:center; border-radius:0 0 8px 8px}
#agree div {width:100%; height:100%; overflow:auto; padding:0px 20px 20px 20px;}
#agree div p {font-size:14px; line-height:25px;  color:#999999}


.event6_wrap1 h5 {color:#222; font-size:2.5em;font-weight:bold; text-align:center; background-image:none; padding:100px 0 0px 0;}











@media only screen and (max-width:1400px){
/*참가기업*/
.section-main-product .list {width: 94%; margin:0 3%;}
.section-main-product li {margin: 10px 1%; width: 18%;}
.section-main-product .product .name {height: 35px; font-size:1.0em; letter-spacing:-1px;}
.section-main-product .product .img {height: 120px;}


/*유투브*/
.youtube_wrap1{height:700px;}
.youtube_wrap2 {width:100%; margin:0 auto;}

.youtube_left {background:#fff;width:63%; min-height:auto; height:450px;margin:0 1%; }
.youtube_left #youtube_iframe {height:400px;}
.youtube_right {background:#fff;width:33%; margin:0px 1%;height:450px; }



}


@media only screen and (max-width:980px){
/*참가기업*/
.section-main-product li {margin: 10px 1%; width: 23%;}


/*제품소개 유투브1*/
.youtube_wrap0 {width:96%; margin-left:2%; border-radius:5px; padding:25px; border:1px solid #d1d1d1;  text-align:center;}

/*유투브*/
.m_title_youtube p{font-size:2.8em; margin-bottom:30px;}
.m_title_youtube span {background-size:40px; padding:0px 20px 0px 60px;}




/*유투브*/
.youtube_wrap1{height:550px;}
.youtube_wrap2 {width:100%; margin:0 auto;}
.youtube_left {background:#fff;width:63%; min-height:auto; height:350px;margin:0 1%; }
.youtube_left #youtube_iframe {height:300px;}
.youtube_right {background:#fff;width:33%; margin:0px 1%;height:350px; }

.youtube_h2_2 {font-size:1.7em;}




/*오른쪽참가기업리스트*/
.youtube_com_list li {font-size:1.0em;}


/*전시관*/
.shortcut ul li {width:18%; margin:0 1% 2px 1%; }
.shortcut ul li a span {font: bold 1.0em/93px '나눔고딕','굴림',gulim, sans-serif; }


.ul_red3 li span { margin-left:0px;}


/*개인정보 클릭후 뜨는 창*/
#agree {left:10%; width:80%; margin-left:0px;}


}






@media only screen and (max-width:767px){
/*참가기업*/
.section-main-product li {margin: 10px 1%; width: 31%;}
.section-main-product .product .img {height: 130px;}

/*유투브*/
.m_title_youtube p{font-size:2.0em; margin-bottom:30px;}
.m_title_youtube span {background-size:30px;padding:3px 20px 3px 50px;}


/*유투브*/
.youtube_wrap1{height:auto; padding:30px 0}
.youtube_left {background:#fff;width:96%; min-height:auto; height:240px; margin:0 2%;}
.youtube_right {background:#fff;width:96%; margin:10px 2%;height:auto;;}

.youtube_left #youtube_iframe {height:200px;}

/*오른쪽참가기업리스트*/
.youtube_com_list li {font-size:1.0em;}
.youtube_com_list_height {height:300px;}



.jb-text p { font-size: 1.5em; }
.jb-text p img {width:300px; border-bottom:0px solid #fff;  margin-bottom:0px; padding-bottom:0px;}
.jb-text p a {font-size:1.0em; padding:5px 40px;margin-top:10px}



}







/* Mobile Device 최소 ~ 최대 589 */
@media (max-width:589px) {
/*참가기업*/
.section-main-product::before {background-image:none;}
.section-main-product h2 {font-size:2.5em;padding-bottom:10px; letter-spacing:-1px;}
.section-main-product li {margin: 10px 1%; width: 48%;}
.section-main-product .product .img {height: 100px;}


/*유투브*/
.youtube_wrap1{height:auto;}
.youtube_wrap2 img {width:100%;}
.youtube_left {background:#fff;width:96%; min-height:auto; margin:0 2%; height:240px;}
.youtube_left #youtube_iframe {height:190px;}

.youtube_right {background:#fff;width:96%; margin:10px 2%;height:auto; }
/*오른쪽참가기업리스트*/
.youtube_com_list li {font-size:1.0em;}
.youtube_com_list_height {height:310px;}


.youtube_right_home ul p {font-size:15px;}
.youtube_right_home ul span {font-size:13px;text-overflow:ellipsis; overflow:hidden;display:inline-block;  float: left;padding:0px;color:#414141;white-space: nowrap; white-space:nowrap; }



/*전시관*/
.shortcut ul li {width:31%; margin:0 1% 2px 1%; }
.shortcut ul li a span {font: bold 0.9em/73px '나눔고딕','굴림',gulim, sans-serif; }




/*개인정보 클릭후 뜨는 창*/
#agree {left:10%; width:80%; height:400px;margin-left:0px;}

#agree h1 {font-size:1.0em; margin:20px 0px 20px 0px; }
#agree h2 { font-size:15px; margin:20px 0px 10px 0px;}





}







/* GALLERY 스타일 */
.gallery-list-wrap {display:block;position:relative;width:100%; }
.gallery-list {display:block;position:relative;width:100%; }
.gallery-list-top {border-bottom:0px}

.gallery-list:after {clear:both;content:"";display:block;}
.gallery-list li {float:left;display:block;position:relative;width:25%;height:280px;padding:20px 15px 20px 5px;}
.gallery-in-wrap {display:block;position:relative;width:100%;margin:0 auto;}
.gallery-in-wrap .pimg {width:100%;height:100%;margin-bottom:15px;vertical-align:text-top;overflow:hidden;}
.gallery-in-wrap .pimg a {display:block;position:relative;width:100%;height:100%;}
.gallery-in-wrap .pimg img {width:100%;height:207px; }


.cov-mask {background: rgba(0, 0, 0, 0.6) url("/images/sub/icon_ovmore.png") no-repeat scroll center center;display:none;height: 100%;left: 0;position: absolute;top: 0;width: 100%;}
a:hover .cov-mask, a:focus .cov-mask {display: block;}



/* 찾아오신느 길 */
.map_wrap {padding:40px 20px 20px 20px; margin-top:20px; width:100%; height:auto; background:#555 url(../images/sub/pt02.png) repeat; position:relative;}
.map_wrap .map_title {color:#fff;  font-size:2.0em; font-weight:bold;padding-bottom:30px;}
.map_wrap .map_title strong {color:#fff; }
.map_wrap .root_daum_roughmap {width:100%;}
.map_wrap .ico_map {position:absolute; right:70px; top:20px; width:115px; height:153px; background: url(../images/sub/ico_map.png) no-repeat; display:block;}


/*  */
@media (min-width:1400px)  {
	.product_list .sct_txt{text-overflow:ellipsis; overflow:hidden;
	-webkit-line-clamp:1; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.2em; height:25px;}

}


/* Tablet Device 최소 900 ~ 1199  */
@media (min-width:1199px) and (max-width:1400px) {

	/*관련제품*/
	.product_list li { width:24%; height:230px; margin: 0 1% 40px 0;  }
	.product_list li img { width:100%; height:210px;}

	.product_price {}

}



/* Tablet Device 최소 900 ~ 1199  */
@media (min-width:900px) and (max-width:1199px) {

/* GALLERY 스타일 */
.gallery-list li {width:33%;height:230px;padding:20px 5px 20px 5px;}



/*관련제품*/
.product_list li { width:24%;  height:230px; margin: 0 1% 40px 0;  }
.product_list li img { width:100%; height:180px;}
.product_tit {text-overflow:ellipsis; overflow:hidden;
-webkit-line-clamp:2; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.2em; height: 2.4em;}
.product_price {}



}




/* Tablet Device 최소 590 ~ 899  */
@media (min-width:590px) and (max-width:899px) {

/*관련제품*/
.product_list li { width:32%;; height:200px;margin: 0 1% 40px 0;  }
.product_list li img { width:100%; height:140px;}
.product_tit {text-overflow:ellipsis; overflow:hidden;
-webkit-line-clamp:2; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.2em; height: 2.4em;}
.product_price {}

.map_wrap .ico_map { right: 40px;}

/* GALLERY 스타일 */
.gallery-list li {width:49%;height:240px;padding:20px 5px 20px 5px;}
.gallery-list li img {max-height:220px;}


}


/* Mobile Device 최소 ~ 최대 589 */
@media (max-width:589px) {

/* 찾아오신느 길 */
.map_wrap {padding:40px 10px 20px 10px;}
.map_wrap .ico_map {right:0px; top:35px; width:90px; background-size:70%;}
.map_wrap .map_title {font-size: 1.5em;}




/* GALLERY 스타일 */
.gallery-list li {width:49%;height:150px;padding:20px 5px 20px 5px;}
.gallery-list li img {max-height:120px;}



/*관련제품*/
.product_list li { width:49%; height:180px; margin: 0 1% 40px 0;  }
.product_list li img { width:100%; height:140px;}


/*개인정보 클릭후 뜨는 창*/
#agree {left:10%; width:80%; height:400px;margin-left:0px;}

#agree h1 {font-size:1.2em; margin:20px 0px 20px 0px; }
#agree h2 { font-size:15px; margin:20px 0px 10px 0px;}




}