/*
**   exhibition
*/
section{margin: 4em 0;}
.tit{color: #0074b6; font-weight: 600;}
.main-title{margin: .2em 0;}
.btn-wrap{margin: 0;}
.thumb img{ max-width: 230px; height:100%; border: 1px solid #ddd;}

.upcomingWrap h4{margin-top: 1em; font-size: 1.5em;}
.slick li a{ display: block; width: 100%; padding: 1em 0; }
.slick li a:after{display: block; content: ''; clear: both;}
.slick li a > div { float: left; vertical-align: top;}
.slick .thumb{ width: 25%; }
.slick .thumb img{max-height: 150px;}
.slick .txt{ width: 75%; padding:0 2em; }
.slick .txt p{ color:#444; font-size: .9em;}
.slick .slick-arrow{ position: absolute; top:50%; margin-top: -40px; width: 40px; height: 80px; background: url(/resources/img/sub/exhibition/btn-left.png) 50% 50% no-repeat; background-size: 100%; text-indent: -99999px;}
.slick .slick-prev{ left:-60px;}
.slick .slick-next{ right: -60px; transform: rotate(180deg); }

.eventWrap .main-title{margin: 0;}
.titleWrap{padding: .5em 0; margin:1.5em 0; border-bottom: 2px solid #0074b6;}
.titleWrap h1{display: inline-block; }
.searchWrap{ float: right; }
.event-list li{ display: block; width: 100%; padding:2em 0; border-bottom: 1px solid #c8c8c8;}
.event-list li:after{display: block; content: ''; clear: both;}
.event-list li > div { float: left; vertical-align: top;}
.eventWrap .event-list .thumb{width: 19%; height:200px; border: 1px solid #c8c8c8; text-align:center; }
.eventWrap .event-list .txt{width: 81%; padding-left: 5%;}
.event-list .tit{font-size: 1.2em; margin-bottom: 1em;}
.event-list .txt p{color: #888;}
.event-list .sub-tit{font-weight: 600; margin: .5em 0; }
.event-list .sub-tit > div{display: inline-block;}
.event-list .btn-wrap{text-align: left;}
.event-list .btn-border{color: #0074b6; border-color: #0074b6; padding: 0 30px; margin: 1.5em 0 .5em 0;}

.eventWrap .searchWrap{height: 43px; overflow: hidden;}
.eventWrap .searchWrap input{width: 200px;}
.eventWrap #btn-search{width: 60px; height: 36px; background: #333 url(/resources/img/sub/exhibition/icon-search.png) 50% 50% no-repeat; background-size: initial; text-indent: -99999px; border: none; margin-top: -2px;}


.gallery_lst { width: 100%; overflow: hidden; }
.gallery_lst ul li { float: left; width: 23.8%; margin-right: 20px; margin-bottom: 20px; }
.gallery_lst ul li img { margin:0; padding:0; display: block; border: 1px solid #b7b7b7; }
.gallery_lst ul li:nth-child(4n) { margin-right: 0px; }
.gallery_lst ul li p { text-align: center }
.gallery_lst ul li p.cate { padding-top:10px; }
.gallery_lst ul li .noImg { width: 100%%; border: 1px solid #b7b7b7; text-align: center; padding: 50px }


.upcomingWrap .tradeShow { margin-top: 3em; border-left: 1px solid #c8c8c8; }
.tradeShow li{ display: table; width: 100%; border-bottom: 1px solid #c8c8c8; }
.tradeShow li > div{ display: table-cell; padding: 7px; vertical-align: middle; table-layout: fixed;}
.tradeShow li .td{text-align: center; border-right: 1px solid #c8c8c8; }
.tradeShow .thead .td{background: #0074b6; color: #fff; text-align: center; font-weight: 600; border-top: 1px solid #c8c8c8; }
.tradeShow .title{width: 30%;}
.tradeShow .title a{ color: #0074b6; font-weight: 600;}
.tradeShow .title a:hover{text-decoration: underline;}
.tradeShow .loc{width: 25%;}
.tradeShow .t_loc{width: 45%;}
.tradeShow .date{width: 25%;}
.tradeShow .logo{width: 20%;}



/*
**   exhibition-view
*/
.exhibition-view .event-list .thumb{ text-align: center; }
.exhibition-view .event-list .txt{padding-left: 2em !important;}
.viewWrap{margin: 4.5em 0 !important;}
.viewWrap > div{ float: left; width: 50%; padding: 0 2em; margin: auto;}
.viewWrap .btn-link{position: relative; display: inline-block; color: #0074b6; text-align: left; padding-top: 1em; border-bottom: 1px solid #0074b6;}
.viewWrap .btn-link:after{ position: absolute; top:52%; right:-30px; width: 20px; height: 20px; content: ''; display: block; background: url(/resources/img/sub/exhibition/icon-next.png) 50% 50% no-repeat; background-size: 100%;}


.exhibition-view .coop-list .thumb{ text-align: center; }
.exhibition-view .coop-list .txt{padding-left: 2em !important;}


/*
**   brochures
*/
.bro-list{width: 100%;}
.bro-list li{float: left; width: 22.5%; margin: 2% 0; margin-right: 3.03333%; text-align: center;}
.bro-list li:nth-child(4n){margin-right: 0;}
.bro-list .img{border: 1px solid #dcdcdc;}
.bro-list .title{color: #0074b6; font-weight: 600; margin: 1em 0 .4em 0;}
.bro-list .btn-border{ width: 100%; padding: 0; margin:2em 0;}






/*
**
**      m e d i a q u e r y
**
*/
@media(min-width:767px){ /* 767px 이상일때 */
}


@media(max-width:1550px){
	.slick{ padding: 0 40px; margin: auto; }
	.slick .txt p{height: 3.4em; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; } 
	.slick .slick-arrow{width: 24px; height: 50px; margin-top: -25px;}
	.slick .slick-prev{ left:0;}
	.slick .slick-next{ right:0;}
	.eventWrap #btn-search{height: 34px;}
	.eventWrap input[type=text]{height: 34px;}
} 

@media only screen and (max-width:1024px){
	.viewWrap{margin: 3em 0 !important;}
	.viewWrap > div{float:none; width: 100%;}
	.viewWrap > div{margin: 2em 0;}
	.event-list .thumb{margin-top: 0;}
	.coop-list .thumb{margin-top: 0;}
	.tradeShow li .td.logo img{width:60px}
}

@media(max-width:767px){ /* iPad */
	.event-list li > div{float:none !important; width: 100% !important;}
	.event-list li{padding: 2em;}
	.event-list .thumb{width: 100% !important; text-align: center !important; margin-bottom: 2em;}
	.event-list .txt{width: 100%;}
	.event-list .btn-wrap{text-align: center;}
	.eventWrap{padding: 0;}
	
	.coop-list li > div{float:none !important; width: 100% !important;}
	.coop-list li{padding: 2em;}
	.coop-list .thumb{width: 100% !important; text-align: center !important; margin-bottom: 2em;}
	.coop-list .txt{width: 100%;}
	.coop-list .btn-wrap{text-align: center;}

	/*brochures*/
	.bro-list li{float: left; width: 48%; margin: 2% 0; margin-right: 4%; text-align: center;}
	.bro-list li:nth-child(even){margin-right: 0;}
	.bro-list .btn-border{margin:5% 0;}
	.tradeShow li .td.logo img{width:60px}

	.gallery_lst ul li { float: left; width: 48.4%; margin-right: 20px; margin-bottom: 20px; }
}

@media(max-width:480px){  
	.searchWrap{float:none;}
	.titleWrap{padding: 0;}
	.eventWrap .main-title{ padding-bottom: .3em;}
	.eventWrap .eventWrap .searchWrap{margin-top: .3em;}
	.eventWrap .searchWrap input[type="text"]{margin: 0; }
	.eventWrap .event-list .thumb{margin-bottom: 1em;}
	.tradeShow li .td.logo img{width:60px}
	.eventWrap .coop-list .thumb{margin-bottom: 1em;}

	.gallery_lst { padding: 0 10px }
	.gallery_lst ul li { float: left; width: 48.4%; margin-right: 10px; margin-bottom: 20px; }
	.gallery_lst ul li:nth-child(2n) { margin-right: 0px; }

}