img {max-width: 100%;}

/* header style */
#header { position:fixed; width:100%; top:0; left:0; height:120px; background:rgba(255,255,255,1); z-index: 999; border-bottom:1px solid rgba(0,0,0,0.1);}
#header .header_inner {width:1200px; margin:0 auto; font-size: 0;}
#header .header_inner .logo_top {width:15%; margin-right:5%; display: inline-block; vertical-align: middle; height: 100%; position: relative;}
#header .header_inner .logo_top img {max-width:150px; width: 100%; position: absolute; top:50%; left: 0; transform: translateY(-50%);}
#header .header_inner .aside {width: 80%; display: inline-block; vertical-align: middle;}
#header .header_inner .nav_top {display: flex; height: 100%; align-items:center;}
#header .header_inner .nav_top > li {display:inline-block; width:100%; height:100%; text-align: center;}
#header .header_inner .nav_top > li > a {
	color:#111; display:block; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); width: 100%;
	font-size:16px; line-height: 20px;
} 
#header .header_inner .nav_sl {float:right; line-height:120px; }
#header .header_inner .nav_sl a {color:#fff; padding:6px 15px 3px; border-radius: 50px; background: #009380;}
#header.active {background:rgba(255,255,255,0.9);}

.menu {position:relative;}
.menu:hover {border-bottom:solid 3px #009380; box-sizing: border-box;}
.menu a {cursor:pointer;}
.menu .sub_menu {display:none; position: absolute; top:120px; left:50%; transform:translate(-50%,0); background: rgba(255,255,255,1); padding: 15px;}
.menu .sub_menu ul > li {width:120px; }
.menu .sub_menu ul > li > a {font-size:14px; line-height: 18px; padding:7px 0; display:block; color:#111; font-weight: 500;}
.menu .sub_menu ul > li > a:hover {color:#009380; }

.m_menu {display:none;}
.aside .logo_top {display: none !important;}


/* footer style */
#footer .footer_box1 {border-top:1px solid #ddd; text-align: center; vertical-align: middle; padding:30px 0;}
#footer .footer_box1 div {display: inline-block; margin:0 30px; }
#footer .footer_box1 div span {vertical-align: middle; font-size: 16px; font-weight: 700; margin-right:10px; }
#footer .footer_box1 div img {vertical-align: middle;}
#footer .footer_box2 {background: #333; color:#fff; text-align: center; padding:50px 0; font-size:18px;}
#footer .footer_box2 p {margin-bottom:20px;}
#footer .footer_box2 span {font-size:14px; display:inline-block; color:#ccc; line-height: 20px;}
#footer .footer_box2 span:after {display: inline-block; content:"｜"; margin:0 2px;}
#footer .footer_box2 span:last-child:after {content: ""}


/* main */
.main_top {margin-top:120px;}
.main_top .main_top_bnr {text-align: center;}
.main_top .main_top_bnr .m_img {display:none;}


/* 서브페이지 */
.inner {width:1200px; margin:0 auto;}
.sub_top {
	width:100%; height:450px; padding-top:120px; background-size:cover; position: relative;
	background: url('../img/top_bg.jpg') no-repeat center center / cover;
}
.sub_top .cate_name {font-size: 50px; color:#fff; font-weight: 700; letter-spacing: -1px; position: absolute; top:55%;}
.sub_nav {width:100%; height: 70px; border-bottom:1px solid #ddd;}
.sub_nav ul {width:1200px; margin:0 auto; display: flex;}
.sub_nav ul li {border-left:1px solid #ddd; width: 100%;}
.sub_nav ul li:last-child {border-right: 1px solid #ddd;}
.sub_nav ul li a {display:block; font-size:16px; color:#555; line-height: 70px; text-align: center; font-weight: 500; }
.sub_nav ul li.active a {background:#009380; color:#fff; }


/* 박람회 소개 */
.su_box1 {padding:70px 0; font-size: 0; text-align: center;}
.su_box1 .img {display:inline-block; vertical-align:middle; width:30%; margin-right:5%;}
.su_box1 .img img { border:1px solid #ddd; box-sizing: border-box;}
.su_box1 .txt {display:inline-block; vertical-align:middle; width:45%; text-align: left;}
.su_box1 .txt .tit {font-size:40px; font-weight: 700; letter-spacing: -1px; margin-bottom: 40px;}
.su_box1 .txt ul {border-top:2px solid #009380;}
.su_box1 .txt ul li {font-size:16px; line-height: 20px; color:#333;border-bottom:1px solid #ddd; position: relative; padding:20px 0 18px 70px;}
.su_box1 .txt ul li span {font-weight: 700; position: absolute; left: 0; }
.su_box1 .txt ul li img {vertical-align: middle; margin-right: 10px;}
.su_box1 .txt ul li:nth-last-child(-n+2) {padding:0 0 0 70px; line-height: 55px;}
.su_box1 .txt ul li:nth-last-child(-n+2) span {line-height: 55px;}


/* schedule */
.sked_box {background: #F2F9F9; padding:120px 0 70px;}
.sked_inner {width:1200px; margin:0 auto; font-size: 0; padding-top: 20px;}

.sked_tit {display: inline-block; width: 100%; vertical-align: middle; text-align: center; font-size: 50px; line-height: 60px; font-weight: 700; color:#333; padding:60px 0;}
.sked_tit span {display:block; color:#009380;}
.sked_img {text-align: center;}


/* 부스배치도 */
.booth_box {padding:120px 0; text-align:center;}
.booth_box .img2 {padding-top: 40px;}


/* 이벤트소개 */
.event_card_box .box {margin:60px auto; max-width: 800px; display: flex; flex-direction: column; gap: 40px;}
.event_card_box .btn_box {text-align: center;}
.event_card_box .btn_box a {
	display: inline-block; text-align: center; background: #009380; color:#fff; 
	font-size: 16px; padding:20px; width: 100%; margin:0 auto;
}
.event_card_box .how_apply {font-size:16px; line-height:1.4;}
.event_card_box .how_apply .tit {font-size: 20px; font-weight: 700;}
.event_card_box .how_apply .bold { font-weight:700;}
.event_card_box .how_apply .green {color:#009380;}