/* why kibex */
.layout1500{
  display:none;
}
.section_1{
  width:96%;
  margin:0 auto;
  margin-bottom: 3rem;
}
.section_1 ul li{
  float:left;
  width:calc((100% - 80px) / 6);
  margin-left:16px;
  overflow: hidden;
}
.section_1 ul li:first-child{
  margin-left:0;
}
/* .section_1 ul li:nth-of-type(2){
  margin-left:0;
} */
.section_1 ul li a{
  display:block;
  position:relative;
}
.section_1 ul li a:before{
  content:'';
  width:90%;
  height:92%;
  border:2px solid #fff;
  position:absolute;
  top:3.5%;
  left:4.5%;
  z-index: 5;
  opacity:0;
  transition:all 0.4s linear;
}
.section_1 ul li:hover a:before{
  opacity:1;
}
.section_1 ul li a img{
  width:100%;
  display:inline-block;
}
.section_1 ul li a:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-color:rgba(0,0,0,0.4);
  transition:all 0.4s linear;
}
.section_1 ul li:hover a:after{
  background-color:rgba(0,0,0,0.6);
}
.section_1 .sec1_text{
  position:absolute;
  bottom:-76%;
  left:0;
  color:#fff;
  z-index: 5;
  display:block;
  text-align: center;
  width:100%;
  height:100%;
  transition:all 0.5s linear;
}
.section_1 .sec1_text.lines3{
  bottom:-68.5%;
}
.section_1 ul li:hover .sec1_text{
  bottom:-32%;
}
.section_1 ul li:hover .sec1_text.lines3{
  bottom:-26%;
}
.section_1 .sec1_text strong{
  display:block;
  font-size:20px;
  font-weight:700;
  line-height: 1.6;
  margin-bottom:2rem;
  letter-spacing: -0.05rem;
  padding: 0 5.2%;
  word-break: keep-all;
}
.section_1 ul li:hover .sec1_text span{
  opacity:1;
}
.section_1 ul li .sec1_text span{
  display:block;
  font-size:16px;
  font-weight:300;
  line-height:1.4;
  opacity:0;
  padding:0 5.4%;
  word-break: keep-all;
}

.section_2{
  width:100%;
  margin-bottom: 70px;
}
.sub_sec_tit{
  text-align: center;
  font-size:50px;
  font-weight:700;
  color:#e61147;
  text-transform: none;
  margin-bottom:60px;
  padding-top:70px;
}
.tit_line{
  display:inline-block;
  width:200px;
  height:5px;
  vertical-align: middle;
  transform:translateY(-3px);
  background-color:#e61147;
  margin-right:1.8%;
}
.image_wrap{
  width:100%;
  position:relative;
}
.image_wrap:before{
  content:'';
  width:100%;
  height:355px;
  background-color:#e61147;
  position:absolute;
  left:0;
  top:50%;
  transform: translateY(-50%);
  z-index: -1;
}
.width_1200{
  width:1200px;
  margin:0 auto;
  position:relative;
}
.width_1200 img{
  width:100%;
}
.sec2_content{
  background-color: #e61147;
  color:#fff;
  position:absolute;
  top:50%;
  left:0;
  transform: translateY(-50%);
  height:355px;
  width:32%;
  box-sizing: border-box;
  padding:2rem;
}

/* .sec2_content{
  background-color: #e61147;
  color:#fff;
  position:absolute;
  top:50%;
  left:0;
  transform: translate(-80px, -50%);
  height:355px;
  width:32%;
  box-sizing: border-box;
  padding:2rem;
  opacity:0;
  transition: all 0.4s linear;
}
.sec2_content.on{
  transform: translate(0, -50%);
  opacity:1;
}  */

.sec2_content .con_head{
  font-size:22px;
  font-weight:700;
  margin-bottom:2rem;
}
.sec2_content .con_body{
  font-size: 18px;
  line-height: 2;
  word-break: keep-all;
}

.section_3{
  background: url(../img/sub/section3_bg_1.png),url(../img/sub/section3_bg_2.png); 
  background-repeat:  no-repeat; 
  background-position: 0 0, 100% 100%;
  background-size: 500px 500px, 500px 450px;
  border-top:1px solid #d9d9d9;
}
.program_list{
  padding-bottom:70px;
}
.program_list li{
  border: 1px solid #d9d9d9;
  background-color:#fff;
  padding:1rem 1.6rem;
  margin-bottom:30px;
  cursor: pointer;
  transition:border 0.2s linear;
}
.program_list li:hover{
  border: 1px solid #e61147;
}
.program_list li a{
  display:block;
  color:#333;
}
.program_list li a strong{
  display:block;
  color:#e61147;
  font-size:20px;
  margin-bottom:1rem;
}
.program_list li a strong span{
  color:#333;
}
.program_list li a > span{
  display:block;
  margin-bottom:0.2rem;
}

.section_4{
  background: url(../img/sub/section4_bg.png) no-repeat 0 0 / cover;
}
.section_4 .tit_line{
  transform:translateY(20px);
}
.sub_sec_tit > p{
  /* text-align: left; */
}
.sub_sec_tit > span.br{
  display:block;
  padding-left:174px;
}

.sub_sec_tit small{
 font-size:25px; 
}
.sec4_con_wrap{
  position: relative;
  height:500px;
  width:100%;
  padding-bottom:70px;
}
.sec4_con_wrap .con_top,
.sec4_con_wrap .con_bottom{
  position: relative;
  height:50%;
}
.sec4_con_wrap .con_top:before,
.sec4_con_wrap .con_bottom:before{
  content:'';
  width:50%;
  height:100%;
  background-color:#e61147;
  position: absolute;
  top:0;
}

/* 스크립트 적용시 교체할 css */
/* .sec4_con_wrap .con_top:before{
  left:0;
} */

.sec4_con_wrap .con_top:before{
  left:-200px;
  opacity:0;
  transition:all 0.5s linear;
}
.sec4_con_wrap .con_top.left:before{
  left:0;
  opacity:1;
} 

/* .sec4_con_wrap .con_bottom:before{
  right:0;
} */
.sec4_con_wrap .con_bottom:before{
  right:-200px;
  opacity:0;
  transition:all 0.5s linear;
}
.sec4_con_wrap .con_bottom.right:before{
  right:0;
  opacity:1;
}

.sec4_con_wrap > div p{
  position: relative;
  z-index: 5;
  color:#fff;
  line-height: 2.4;
  padding: 3rem 0;
}
.sec4_con_wrap .con_bottom p{
  text-align: right;
}
.con_center_img{
  position: absolute;
  top:0;
  left:50%;
  transform: translateX(-50%);
  height:500px;
}
.con_center_img img{
  height:100%;
}


/* 전시회 개요 */
.overview .overview-list > li { margin-bottom: 1.5rem; border-top: 1px solid #d9d9d9; padding: 1rem 0; }
.overview .overview-list .overview_title { font-size: 16px; font-weight: 700;}

.exhibitionItem {background: url(/design/default/img/sub/exhibitionItem_bg.jpg) no-repeat 50% 50%/cover; background-color:#000; color:#fff;}

.exhibitionItem-list {}
.exhibitionItem-list li {padding: 0 1rem; margin: 0 0 5rem 0; min-height: 135px; border-right: 1px solid rgba(255, 255, 255, 0.6); }
.exhibitionItem-list li:nth-child(3n) {border:none;}
.exhibitionItem-list li:nth-child(10), .exhibitionItem-list li:nth-child(11) {margin-bottom:0;}
.exhibitionItem-list i {display: block; float:left; width:6rem; text-align:center; transform: translateY(20%)}
.exhibitionItem-list i img {width: 80px; height: 80px; object-fit: contain;}
.exhibitionItem-list .item_text {width: calc(100% - 7rem); float: right;}
.exhibitionItem-list .item_title {font-size: 20px; font-weight: 700;}

.majorBuyer li {border: 1px solid #ddd; border-radius: 10px; padding: 1.12rem 0.5rem; text-align: center; }



/* 주최사 소개 */
.section {border: 1px solid #ddd; padding: 4.125rem 1.875rem}
.section~.section {margin-top: 2rem;}
.image_section {margin-top: 2rem;}
.image_section ul {}
.image_section ul > li {width: calc(97% / 3); float: left;}
.image_section ul > li~li {margin-left: 1.5%}
.img_wrap img {max-width: 100%;}


/* 전년도 개최결과 */
.postShowReport-list {/*background:#f5f5f5; border-radius:30px; padding: 2rem 0; */}
.postShowReport-list li{text-align:center;}

.result2020 {}
.result2020-list {}
.result2020-list > li {text-align:center; background:#f5f5f5; border-radius: 30px; padding: 1.5rem 0.25rem;}
.result2020-list > li:nth-child(2n) {transform: translateY(50px);}
.result2020-list i {display:inline-block; width: 5rem; height: 5rem; background:#666; border-radius: 100%; margin: 0.9375rem 0; }
.result2020-list i img {transform: translateY(16px);}
.result2020-list .item_title {position: relative; margin-bottom: 30px;}
.result2020-list .item_title:after {position: absolute; content: ""; bottom: -15px; left:0; right: 0; margin:auto;  width: 18px; height: 3px; background:#e61147}
.result2020-list .item_title + p {font-size: 1.125rem;}

.photoGallery-list {}
.photoGallery-list > li{border-radius: 30px; }

/* 참가업체 리스트 */
/* .contents_form{background-color:#f5f5f5; width:100%; text-align:center; padding: 3rem 2rem; margin-bottom:5.5rem;}
.contents_form form *{vertical-align:middle; font-size:1.125rem;}
.contents_form input[type="text"]{background-color:#fff; border:1px solid #eaeaea; width:80%; margin-right:0.8rem; border-radius:0; padding:1.2rem 0.8rem; }
.contents_form button{background-color:#e61147; color:#fff; border:none; width: calc(20% - 2rem); padding:1.2rem 0.8rem;}

.exhibitor-list-wrap{text-align:center;}
.exhibitor-list{}
.exhibitor-list li{border:1px solid #d9d9d9; transition:all 0.3s linear;}
.exhibitor-list li:hover{box-shadow:6px 6px 4px rgba(0,0,0,0.2);}
.exhibitor-list li:hover a .brand_name{background-color:#e61147; color:#fff;}
.exhibitor-list li a span{display:block;}
.exhibitor-list .brand_logo{padding:2.6rem 1.8rem; vertical-align:middle; min-height:200px;}
.exhibitor-list .brand_logo img{transition:all 0.3s linear;}
.exhibitor-list li:hover .brand_logo img{transform:scale(1.1);}
.exhibitor-list .brand_name{border-top:1px solid #d9d9d9; padding: 1.2rem 1.4rem; font-weight:700; transition:all 0.3s linear;}
.exhibi_more{background-color:#e61147; color:#fff; width:20%; margin:5rem auto 0; padding:1.2rem 0.8rem; border-radius:2.4rem;}
.default_logo{padding-top:2.4rem;} */

/* Contact Us */
.contUs_wrap {margin: 100px auto !important;}
.contUs { overflow: hidden; position: relative;}
.contUs:before {content: ''; width : 200px; height : 200px; background : #e61147; position : absolute; top : -20px; left : -20px; z-index : -100; }
.contUs_img { float: left; position: relative; width: 48%; height: 0; padding-bottom: 25%; border: 0.625rem solid #ddd; margin-left : 2%; margin-top : 2%; background : #fff; min-height : 320px;}
.contUs_img > img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.contUs_list {  position: relative; float: right; width: 45%; font-size: 1.25rem; word-break: keep-all; }
.contUs_list .contUs_title { margin-bottom: 1.25rem; font-size: 2rem; padding-top: 4rem; }
.contUs_text { padding-top: 1.5rem; }
.contUs_text > dt { position: absolute; left: 0; font-weight: 900;}
.contUs_text > dd { padding-left: 8rem;}


/* supporters */
.supporters { }
.support-main {position: relative; top:0; bottom:0; left:0; right: 0; height: 500px; display:flex; justify-content: space-between; align-items:center;}
.support__content { width: 30%; height: 100%; }
.support__content--1 { display:flex; justify-content: center; align-items:center;}
.support__content--1 img {max-width: 320px;}

.support__content--2 {position: relative; width: 40%; height: 42vw; height: 100%; text-align: center; }
.support-slider { position: absolute; top:0; bottom:0; left:0; right:0; margin:auto; width: 28vw; min-width: 320px; max-width: 360px; height: 100%; }
.support-slider > div { position: absolute; top: 0; left:0; width: 100%; height: 100%;}
.support-slider__color-paper-mask { background:#fb7911; }
.support-slider__visual { -webkit-transform: rotate(10deg); transform:  rotate(10deg);  background-color:#390d02; background: url("/design/default/img/sub/support-slider__visual_bg.jpg") no-repeat 50% 50%/cover;}
.support-slider__thumbnail {display:flex; align-items: center; justify-content: center; background: #fff; transform:scale(0.9);}
.support-slider__thumbnail-item { max-width: 70%; height: 80px;}
.support-slider__thumbnail-item img { width: 100%; height: 100%; object-fit:contain;}


.support__content--3 { position: relative; display:flex; justify-content: flex-start; align-items: center; max-height: 300px;}
.support-slider__counter { position:absolute; top:-100px; left:5%; }
.support-slider__detail { }
.support-slider__detail-item { position:relative; padding-left: 2rem; }
.support-slider__detail .slick-slide {opacity: 0; transition: all 0.2s 0.8s }
.support-slider__detail .slick-slide.slick-current {opacity: 1}
/* .support-slider__detail:nth-of-type(n+3) {display:none; } */
.support-silder__name {font-size: 2rem; font-weight: 700; padding:2rem 0; white-space: nowrap;}
.support-silder__link {position:absolute; bottom:0; left:5%;}
.support-silder__link .icon{display:inline-block; transform:translate(6px, 0px)}

.support-pagination { height: 300px;  padding-top: 2rem; margin-top: 7rem;  }
.support-pagination .affodance_txt { position:relative; margin-bottom: 1rem; text-align: center; font-size: 1.25rem; color:#e61147; font-weight: 500; }
.support-pagination .affodance_txt:before { position:absolute; content:""; left: 50%; top: -10px; transform: translateY(-50%); height: 20px; width: 2px; background:#e61147}
.support-pagination-list {}
.support-pagination-list img { vertical-align: middle; max-height: 80px; width: 80%; object-fit: contain; }

.support-pagination .slick-slider {width: 60%; margin:auto;}
.support-pagination .slick-slide {opacity: 0.3; text-align:center; transition: all 0.5s }
.support-pagination .slick-slide img {max-height: 70px; max-width: 180px; object-fit: contain; }
.support-pagination .slick-slide.slick-current {opacity: 1}

.support-pagination-list .slick-slider .slick-track { display:flex; align-items: center; }

@media (max-width: 940px){

	.support__content--1,
	.support__content--3 {display: none;}
	.support__content--2 {width: 100%; }
	.support-pagination .slick-slider {width: 100%; margin:auto;}
	.support-pagination .slick-slide {margin: 0 1rem;}
}