@charset "UTF-8";

#mainVisual {position: relative;top: 0px; }
#mainVisual .sliderUl > li {height: 300px;position: relative;background-image: url('/design/default/img/main/main_visual01.jpg');background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;}
#mainVisual .bx-controls {position: absolute; bottom: 18%; left: 50%; z-index: 100;}
#mainVisual .bx-pager > div {float: left; float: left; }
#mainVisual .bx-pager a {background: #fff; border-radius: 50%; width: 15px; height: 15px; text-indent: -9999px; margin: 0 5px;}
#mainVisual .bx-pager a.active {background: #fbbe29;}

/* 퀵배너 */
.quickbanner {position: absolute; bottom:0; width: 100%;background: rgba(0, 47, 104,0.8);z-index: 200;}
.quickbanner__list {max-width:1200px;margin: auto;}
.quickbanner__list li {float: left;width: 14%;text-align: center;}
.quickbanner__list li a {padding: 1rem 0; display: block;}
.quickbanner__list li a:hover {background:#07203e;}
.quickbanner__list li img {display: block;margin: 0 auto 0.3rem;}
.quickbanner__list li span {display: block;color: #fff; font-size: 1.2rem;line-height: 2.5rem;}
.quickbanner__list li.dday {width: 16%; background: #07203e url('/design/default/img/main/bg_light.png') no-repeat 10px -50px;}
.quickbanner__list li.dday span {font-size: 3.5rem; padding-top: 2.4rem; text-align: right; min-height: 130px; margin-right: 10px; line-height: 1.6em;}
.quickbanner__list li.exhibitor span {line-height: 1.2rem;}

/* 공지사항 */
#mainContents {position: relative; top: 0px;}
#mainContents article {margin-top: 60px;}
.contents__tit {font-size: 28px;text-align: center; margin-bottom: 25px;}
.notice__wrap article {position: relative;}
.notice__wrap article .more {position: absolute; right: 0; top:7px;}
.board ul li {border-top:1px solid #ccc; padding: 10px 0;}
.board ul li:last-child {border-bottom:1px solid #ccc;}
.board ul li p {display: inline-block; }
.board ul li p a { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.board ul li .date {width: 13%; font-size: 15px; text-align: center;line-height: 1em; }
.board ul li .day {display: block; font-size: 30px; font-weight: 900;line-height: 1em;}
.board ul li .title {width: 84%;vertical-align: top;line-height: 1.4em;}
.board ul li .title.line1 {margin-top: 11px;}
.board ul li .title a {float: left; width: 86%;}
.notice__wrap > article {float: left; width: 49%;}
.notice__wrap > article:last-child {margin-left: 2%;}
.slidePopup li {border:1px solid #ccc; box-sizing:border-box;height: 281px;max-height:281px;overflow: hidden;}
.popupzone .bx-wrapper {position: relative;}
.popupzone .bx-pager {position: absolute; top: 15px; right: 15px; z-index: 100;}
.popupzone .bx-pager > div {float: left;}
.popupzone .bx-pager a {background: #ddd; border-radius: 50%; width: 15px; height: 15px; text-indent: -9999px; margin: 0 5px;}
.popupzone .bx-pager a.active {background: #07203e;}
.popupzone .popup__img img {max-width: 100%;}

/* 스마트 엑스포 소개 */
.infolist > li {float: left; width: 32%; margin-right: 2%;margin-bottom: 2%;position: relative;box-shadow: 0px 1px 10px 1px rgba(0,0,0,0.15);}
.infolist > li:nth-child(3n) {margin-right: 0;}
.infolist > li:nth-child(4), .infolist > li:nth-child(5), .infolist > li:last-child {margin-bottom: 0%;}
.infolist li .over{width:100%;height: 426px;display: block;background:rgba(0, 0, 0, 0.6);visibility: hidden;position: absolute; z-index: 50; text-align: center;transition:all 0.3s;}
.infolist li:hover .over{visibility: visible;}
.infolist li:hover .info .title {top:140px;transition: all 0.5s;}
.infolist .info .over a{padding: 12px 50px;background:#002f68;text-align: center;color:#fff;display: inline-block;position: relative;top:52.5%;border:1px solid #aaa;}
.infolist .info .pic{position: relative;background: #000;height: 250px; text-align: center;overflow: hidden;}
.infolist .info .pic img{opacity: 0.4; width: 100%;}
.infolist .info .pic .title{position: absolute; font-size: 28px; top: 50%; color: #fff; z-index: 100; left: 50%; transform: translate(-50%,-50%); transition: all 0.3s; width: 90%; line-height: 1.2em;}
.infolist .info .text { padding: 8%; min-height: 177px;}
.infolist .info .text > p {width: 100%; height: 7.2em; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; line-height: 1.8em; max-height: 7.2em; -webkit-line-clamp: 4; -webkit-box-orient: vertical; font-size: 16px; color: #666;word-break: break-all;}
.infolist .list_bull li{line-height: 1.8em;}

/* 스폰서 */
#mainContents article.sponsor {margin-bottom: 0;}
.sponsor dl {margin-bottom: 1rem;padding-bottom: 1rem; border-bottom:1px solid #ddd;}
.sponsor > dl:last-child {border-bottom: none;/* margin-bottom: 0; */}
.sponsor dl:after {content:''; display: block; clear:both; height: 0;}
.sponsor dl dt {float: left; font-size: 1.3rem; width: 11%; font-weight: 900; height: 52px; line-height: 55px; color: #002f68; letter-spacing:-0.5px;}
.sponsor dl dd {float: left; width: 89%;}
.sponsor dl dd ul li {float: left;margin-bottom: 10px;}
.sponsor > dl:last-child dd ul li img {width: 90%;}
.sponsor dl dd ul li:first-child {padding-left: 1rem;}
.sponsor dl dd ul li:last-child {padding-right: 0;}
.sponsor dl dd img {vertical-align: middle;}


@media all and (min-width:480px) {

}

@media all and (min-width:768px) {

	#mainVisual .sliderUl > li  {height: 770px;padding-bottom: 0;}	
}

@media all and (min-width:992px) {

}


@media all and (max-width:991px) {

	#mainVisual .sliderUl > li {background-position: 49% 0; background-size: 157%; height: 615px;}
	.wrapper {max-width:96%;}
	.sub_visu img {transform: translateX(-42%) !important;max-width: 1920px;}
	.gnb li {letter-spacing:-1px;}
	.popupzone .popup__img img {height: 100%;}
	.root_daum_roughmap_landing {width: 100% !important;}



}



@media all and (max-width:680px) {
	
	

}


@media all and (max-width:400px) {
	
	
}