@charset "UTF-8";

input::placeholder {color:#c8c5c5}
.essentialTxt{color: #ef2929;display: inline-block;vertical-align: middle;margin: 0 5px 0 0;}
.pro-sort .sort-bx input {height: 35px; width: 100%; margin-bottom: 10px; margin-right: 0; font-family: 'Noto Sans KR', sans-serif;font-size: 15px;}
.pro-sort .sort-bx select {font-family: 'Noto Sans KR', sans-serif;font-size: 15px; width:100%; height: 35px; border: #ddd 1px solid;}
.pro-sortm .sort-bx input {height: 35px; width: 100%; margin-bottom: 10px; margin-right: 0;font-family: 'Noto Sans KR', sans-serif;font-size: 15px;}
.pro-sortm .sort-bx select {font-family: 'Noto Sans KR', sans-serif;font-size: 15px; width:100%; height: 35px; border: #ddd 1px solid;}

.pro-sortm {display: none;}

/* button */
.btn {
    display: inline-block;
    vertical-align: top;
    padding: 0px;
    width: 80px;
    box-sizing: border-box;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500 !important;
    font-family: Roboto, sans-serif !important;
    font-size: 14px !important;
    box-shadow: rgba(255, 255, 255, 0) 0px 1px 0px inset, rgba(0, 0, 0, 0) 0px 1px 2px !important;
}
.typeB01 {
    background: rgb(45, 86, 160) !important;
    border: 1px solid rgb(61, 118, 182) !important;
    color: rgb(255, 255, 255) !important;
}
.small {
    margin-top: 15px;
    padding: 0px 14px;
}

div.w1401{width: 1400px;margin: 0 auto;}

div.w1410{width: 1400px;margin: 0 auto; padding-top: 75px;}
.subContTit{text-align: center;border-bottom: 1px solid #dddddd;margin: 0 0 75px 0;font-size: 40px;font-weight: bold;color: #191919;padding: 0 0 60px 0;position: relative;}
/* .subContTit span{display: inline-block;background:  #0054a3;width: 150px;height: 3px;    position: absolute; bottom: 0; left: 50%; margin-left: -75px;}
 */

feat-lst.swiper-wrapper .swiper-slide.itm{line-height:170%; font-size:17px; font-weight: bold;}

.pro-content{ display:table; width:100%; table-layout:fixed; max-width:1400px; margin:0 auto; padding:0;}
.pro-content > *{ display:table-cell; vertical-align:top;}

.pro-sort{ width:300px; padding-right:40px; }
.pro-sort .sort-bx{ /*border-bottom:#ddd 1px solid;*/ box-sizing:border-box; display:inline-block; margin:0;}
.pro-sort .sort-bx{ padding:0 0 15px; margin-left: 15px; width: 97%}
/* .pro-sort .sort-bx h3{ font-size:16px; color:#333; line-height:1; margin:0 0 20px 0;} */

.pro-sortm{ width:100%; }
.pro-sortm .sort-bx{ width:100%; padding:20px 0; /*border-bottom:#ddd 1px solid;*/}

.feat-bx{ width:100%;}
.feat-bx .feat-lst.swiper-wrapper{ position:relative; width:100%; padding:0 50% 0 0; display:block; margin:-3px 0 0 0; box-sizing:border-box;}
.feat-bx .feat-lst .itm{ display:table; width:100%; table-layout:fixed; padding:3px 0; border-bottom:#e6e6e6 1px solid;}
.feat-bx .feat-lst .itm > *{ display:table-cell; vertical-align:middle;}
.feat-bx .feat-lst .itm .thumb{ width:160px; padding:0;  text-align:center; }
.feat-bx .feat-lst .itm .thumb a{ width:140px; margin:0 auto; display:block; background-color:#ffffff;}
.feat-bx .feat-lst .itm .thumb img{ height:105px; object-fit: contain;}
.feat-bx .feat-lst .itm span{ font-weight: bold;}
.feat-bx .feat-lst .itm .desc{ position:relative; padding:23px 18px 0 0; color:#333; display:inline-block;text-align: left;}
.feat-bx .feat-lst .itm .desc span{ flex:1;}
.feat-bx .feat-lst .feat-big{ position:absolute; display:block; top:0; right:0; padding:0 15px 0 15px; width:50%; border:none;}
.feat-bx .feat-lst .feat-big .thumb{ width:100%; display:block; background-color:#f1f1f1; }
.feat-bx .feat-lst .feat-big .thumb a{ width:100%;}
.feat-bx .feat-lst .feat-big .thumb img{ height:375px;}
.feat-bx .feat-lst .feat-big .desc{width: 100%; text-align: center; position:relative; padding:0; color:#333; margin:15px 0 0 0; display:inline-block;}
	
table.list-fixed {table-layout: fixed}
table.list{ border-collapse:separate; *border-collapse:collapse; border-spacing:0px; clear:both; border-top:#074075 2px solid; }
table.list thead th{ text-align:center; padding:12px 0; color:#333; border-bottom:#ccc 1px solid;}
table.list tbody td{ border-left: none; text-align:center; padding:10px 0; color:#333; border-bottom:#ccc 1px solid; }
table.list tbody td.fir{ border-left: none;}
table.list tbody td.subject{ text-align:left; padding-left:15px;}
table.list tbody td.date{ width: 200px;}
table.list tbody td.event{ width: 45%; font-weight: bold;}
table.list tbody td.location{ width: 45%;}

/* common */
h3.h3-tit{ font-size:25px; font-weight: bold;  color:#333; line-height:2; margin:0 0 10px 0;}

/* select { border: 1px solid #dcdcdc; padding:0px 7px; height: 24px; overflow: hidden; -webkit-appearance:none;  -moz-appearance:none;  -o-appearance:none;   appearance:none;
font-family:Arial, Verdana, Tahoma, dotum, '돋움', Dotum, '굴림', Gulim!important;} */

.sort-bx .in_col {box-sizing:border-box;float:left;vertical-align:top;}
.sort-bx .in_col.single {height:35px; width:100%; margin-bottom: 10px;}
.sort-bx .in_col.single .attExhibition {height: 35px; width:100%; border: 1px solid #dcdcdc;}
.sort-bx .in_col.single .fattExhibition {height: 35px; width:100%; border: 1px solid #dcdcdc;}

.pro-sortm .sort-bx .in_col.single {width:100%;}

@media (max-width:1500px) { 
    div.w1410{width: 95%;}

}

@media screen and (min-width:1024px) and (max-width:1200px){
	.feat-bx .feat-lst.swiper-wrapper{ padding-right:60%;}
	.feat-bx .feat-lst .feat-big{ width:60%;}
}

@media screen and (max-width:1023px){
	.pro-content{ width:100%; height:100%; margin:0; padding:0 3vw; display:block;}
	
	.feat-bx .feat-lst.swiper-wrapper{ position:static; }
	.feat-bx .feat-lst .feat-big{ position:static; }
	
	.con-inner { position:relative; width:91vw;}
	.feat-bx .swiper-slide.itm { position:relative; top: 80vw;}
	.feat-bx .swiper-slide.itm.feat-big{ position:relative; top: -450px;}
	.bg-sky{ position:relative; }
	.pro-sortm {display:block; position:relative;}
	
	h3.h3-tit{ font-size:1.2rem; }
	
	.con-inner .h3-tit{ margin-top:1rem;}
	
	/* 전시예정 사진 */
	.swiper-slide.itm.feat-big{height:80vw; width:100%;}
	.swiper-slide.itm.feat-big .thumb .fileAtchListVo{height:72vw;}
	.swiper-slide.itm.feat-big .thumb img{ height:72vw;}
	.feat-bx .feat-lst .feat-big .desc{ margin:5px 0 0 0}
	
	/* 전시로그 및 타이틀 */
	.feat-bx .feat-lst .itm { width:91vw; }
	
	/* Past SEMICON Exhibitions */
	.bg-sky{ left:0;}
	.bg-sky table.list{ margin-top:.5rem;}
	.bg-sky table.list tr .event {width:60%;}
 	.bg-sky table.list tr .location { width:5%; display:none;}
 	
 	/* Schedule a Meeting */
 	.pro-sort {display: none;}
 	.pro-sortm{ left:0; }
}

@media (max-width: 768px){
	.subContTit{font-size: 30px; padding: 0 0 30px 0;}
	.subContTit{margin: 0 0 20px 0;}
	
}