@import url('sub.css'); 


/* 산업전 개요 */
.overview_cont {background:url("/industry/img/overview_bg.jpg")no-repeat center / cover; padding:80px 0;}
.overview_cont .basic_in {display:flex; flex-wrap:wrap; align-items:center; gap:30px 50px;}
.overview_cont .basic_in .tBox {flex:1;}
.overview_cont .basic_in .tBox .fs40 {font-weight:700; margin:5px 0 20px; line-height: 137.5%;}
.overview_cont .basic_in .imgBox {flex:1;}
.overview_cont .basic_in .imgBox img {max-width:100%;}

.overview_list {display:flex; flex-wrap:wrap; gap:30px; margin-top:50px;}
.overview_list dl {flex:1; position:relative; z-index:10;}
.overview_list dl::after {content:''; width:100%; height:100%; border:1px solid var(--border); box-sizing:border-box; position:absolute; top:0; left:0; z-index:-1;}
.overview_list dl dt {aspect-ratio: 430 / 273;}
.overview_list dl dt img {display: block; width: 100%; height: 100%; object-fit: cover;}
.overview_list dl dd {padding:20px 30px 30px; box-sizing:border-box;}
.overview_list dl dd .fs16 {margin:5px 0 0;}
/* 산업전 개요 */


/* Pre-registration */
.brochure_info + .sub_btnWrap {margin-top:50px; /* flex-direction:column; */}
.sub_btnWrap .btn_notice {width:100%;}
.brochure_info + .sub_btnWrap .moreBtn.big {width:240px; min-width:240px;}
.sub_btnWrap .btn_notice {font-weight:600; color:var(--black); line-height:162.5%; text-align:center;}
.layout_table.hotel .cont_box {display:flex; flex-direction:column; align-items:flex-start; gap:20px;}
.layout_table.hotel .hotel_txt {width:100%;}
.layout_table.hotel .hotel_txt .fs18 {color:var(--basic); line-height:177.778%;}
.layout_table.hotel .sub_btnWrap {margin:0; justify-content:flex-start;}
.layout_table.hotel .sub_btnWrap .moreBtn.big {width:300px; min-width:300px;}
/* Pre-registration */


/* Contact */
.layout_table .cont_box .email {color:var(--main); display:inline-flex; align-items:center; gap:0 5px;}
.layout_table .cont_box .email::before {content:'\e158'; display:block; font-size:24px; line-height:1; vertical-align:middle; color:var(--main); font-family:var(--icon); font-weight: 400;}
/* Contact */


/* Pre-registration tab */
.reg_tab {display:flex; gap:5px;}
.reg_tab+.layout_table {border-top:0;}
.reg_tab li {flex:1;}
.reg_tab li a {display:flex; align-items:center; justify-content:center; width:100%; padding:20px; box-sizing:border-box; background:var(--grayBg); color:var(--basic); font-weight:500; line-height:155.556%; text-align:center; height:100%;}
.reg_tab li.on a {background:var(--main); color:var(--white); box-shadow:0 8px 20px rgba(0,0,0,0.08);}
.reg_step .cont_box .process_list + .process_list {display:none;}
/* Pre-registration tab */


/* Opening hours */
.time_table {width:100%; border-collapse:separate; border-spacing:0; border-top:2px solid var(--main); text-align:center;}
.time_table th {width:50%; font-size:1rem; letter-spacing:var(--letter-spacing-body); line-height:177.778%; font-weight:500; color:var(--black); box-sizing:border-box; padding:14px 10px 16px; border-bottom:1px solid var(--border); border-right:1px solid var(--border); background:var(--grayBg);}
.time_table td {width:50%; font-size:1rem; letter-spacing:var(--letter-spacing-none); line-height:177.778%; font-weight:400; color:var(--basic); box-sizing:border-box; padding:13px 10px; border-bottom:1px solid var(--border); border-right:1px solid var(--border); vertical-align:middle;}
.time_table th:last-child,
.time_table td:last-child {border-right:0;}
.time_table td:last-child::before {content:'\e855'; display:inline-block; font-size:20px; line-height:1; vertical-align:middle; margin:0 4px 2px 0; color:var(--basic); font-family:var(--icon);}
/* Opening hours */


.layout_table {display:flex; flex-wrap:wrap; padding-top:50px; border-top:1px solid var(--black); gap:0 45px;}
.layout_table+.layout_table {margin:100px 0 0;}
.layout_table .tit_box {width:300px;}
.layout_table .tit_box p.fs18 {margin:15px 0 0; display:flex; gap:0 10px;}
.layout_table .tit_box p.fs18 b {color: var(--black); flex-shrink: 0; }
.layout_table .tit_box p.fs16 {display:flex; gap:0 3px; margin:15px 0 0;}
.layout_table .tit_box p.fs16 .point {flex-shrink: 0;}
.layout_table .cont_box {flex:1;}
.layout_table .cont_box .fs25 {color: var(--main); font-size: 1.38888rem; font-weight: 700; line-height: 55px; letter-spacing: -1.25px;}

.layout_table.noLine {border-top:0; padding-top:0;}
.layout_table.noLine+.layout_table.noLine {margin:50px 0 0;}

.process_list {display:flex; flex-wrap:wrap; gap:10px;}
.process_list li {display: flex; padding: 30px 20px; flex-direction: column; align-items: center; gap: 20px; flex: 1 0 0; align-self: stretch;  background: var(--grayBg); text-align:center; transition:all 0.3s linear;}
.process_list li img {transition:all 0.3s linear;}
.process_list li .fs14 {font-weight: 700; text-transform: uppercase; font-family:Var(--eng); letter-spacing:0; color: var(--main); display:block; font-style:normal; transition:all 0.3s linear;}
.process_list li .fs18 {font-weight: 500; color: var(--black); transition:all 0.3s linear;}

.process_list li.on {background:var(--main); transition:all 0.3s linear;}
.process_list li.on .fs14, .process_list li.on .fs18 {color:var(--white); transition:all 0.3s linear;}
.process_list li.on .ico img {filter: brightness(0) invert(1); transition:all 0.3s linear;}


.booth_list {display:flex; flex-wrap:wrap; border-left:1px solid var(--border); border-right:1px solid var(--border);}
.booth_list dl {flex:1 0 0; padding:0 19px; box-sizing:border-box;}
.booth_list dl+dl {border-left:1px solid var(--border);}
.booth_list dl dt {padding:10px; box-sizing:border-box; background: var(--grayBg); text-align:center;}
.booth_list dl dt h4.fs18 {font-weight: 500; color:var(--black);}
.booth_list dl dd {aspect-ratio: 462 / 280; text-align:center;}
.booth_list dl dd img {object-fit: contain; max-width:100%;}



/* Exhibitor Directory */
.exhibitor_list {display:flex; flex-wrap:wrap; gap:30px;}
.exhibitor_list dl {flex:0 0 calc((100% - 60px) / 3); transition:all 0.3s linear;}
.exhibitor_list dl a {display:block; width:100%; height:100%; position:relative;}
.exhibitor_list dl a::after {content:''; width:100%; height:100%; border:1px solid var(--border); box-sizing:border-box; position:absolute; top:0; left:0; transition:all 0.3s linear;}
.exhibitor_list dl dt {overflow: hidden; aspect-ratio: 43 / 20;}
.exhibitor_list dl dt img {display: block; width: 100%; height: 100%; object-fit: cover;}
.exhibitor_list dl dd {padding:15px 15px 30px; box-sizing:border-box; text-align:center; font-weight:500; color:var(--black);}

.exhibitor_list dl:hover {box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25); transition:all 0.3s linear;}
.exhibitor_list dl:hover a::after {border:3px solid var(--main); transition:all 0.3s linear;}

.exhibitor_view {}
.exhibitor_view .view_top {display:flex; flex-wrap:wrap; gap:0 70px;}
.exhibitor_view .view_top .imgBox {width:545px; flex-shrink: 0; border:1px solid var(--border); box-sizing:border-box; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.exhibitor_view .view_top .imgBox img {max-width:100%;}
.exhibitor_view .view_top .tBox {flex:1; padding:30px 0;}
.exhibitor_view .view_top .tBox .fs30 {margin:0 0 20px; font-weight:bold;}
.exhibitor_view .view_top .tBox .info_list {padding-top:20px; margin-top:20px; border-top:1px solid var(--border);}
.exhibitor_view .view_top .tBox .info_list dl {display:flex; flex-wrap:wrap;}
.exhibitor_view .view_top .tBox .info_list dl+dl {margin:5px 0 0;}
.exhibitor_view .view_top .tBox .info_list dl dt {width:135px;}
.exhibitor_view .view_top .tBox .info_list dl dd {flex:1; color:var(--black); display:flex; align-items:center; gap:0 5px;}
.exhibitor_view .view_top .tBox .info_list dl dd.web::before, .exhibitor_view .view_top .tBox .info_list dl dd.tel::before {font-family:var(--icon); font-size:1rem; display:block; flex-shrink: 0; line-height:1;}
.exhibitor_view .view_top .tBox .info_list dl dd.web::before {content:'\e88a';}
.exhibitor_view .view_top .tBox .info_list dl dd.tel::before {content:'\e61d';}
.exhibitor_view .view_top .tBox .sub_btnWrap {justify-content:flex-end; margin:20px 0 0;}

.dep-tit {margin:80px 0 30px; padding:15px 20px; box-sizing:border-box; border-radius: 5px; background: var(--basic); color:var(--white) !important;}

.name_list {display:flex; flex-wrap:wrap; gap:30px;}
.name_list li {flex:0 0 calc((100% - 60px) / 3); border:1px solid var(--border); border-radius: 15px; padding:30px; box-sizing:border-box;}
.name_list li .fs24 {margin:0 0 15px;}
.name_list li .fs24 span {display:inline-block; margin-left:5px;}
.name_list li .fs16 {display:flex; align-items:center; gap:0 5px; color:var(--black);}
.name_list li .fs16::before {font-family:var(--icon); font-size:1rem; display:block; flex-shrink: 0; line-height:1; position:relative; top:2px;}
.name_list li .fs16+.fs16 {margin:5px 0 0;}

.name_list li .fs16.email::before {content:'\e158';}
.name_list li .fs16.tel::before {content:'\e88a';}
/* Exhibitor Directory */













/*******************************************************************************
	@media ~1500px
*******************************************************************************/
@media all and (max-width:1500px) { 


/* 산업전 개요 */
.overview_cont .basic_in .tBox br {display:none;}
/* 산업전 개요 */

}
/*******************************************************************************
	@media ~1300px
*******************************************************************************/
@media all and (max-width:1300px) { 


.exhibitor_view .view_top {gap:0 6%;}
.exhibitor_view .view_top .imgBox {width:45%;}
.exhibitor_view .view_top .tBox {flex:1; padding:30px 0;}



}
/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media all and (max-width:980px) { 

/* 산업전 개요 */
.overview_list {gap:20px;}
.overview_list dl dd {padding:20px;}
/* 산업전 개요 */


	/* Pre-registration */
	.layout_table.hotel .sub_btnWrap {width:100%;}
	.layout_table.hotel .sub_btnWrap .moreBtn.big {width:100%; min-width:0;}
	.reg_tab li a {padding:15px 10px;}
	/* Pre-registration */


.layout_table {gap:0; padding-top:30px;}
.layout_table .tit_box {width:100%; padding-bottom:30px;}
.layout_table .tit_box br {display:none;}
.layout_table .tit_box p.fs18 {margin:10px 0 0;}
.layout_table .cont_box {flex:0 0 100%;}
.layout_table .cont_box .fs25 {line-height:1.4;}

.process_list li {padding:30px 10px;}
.process_list li img {max-height:56px;}


/* Exhibitor Directory */
.exhibitor_list {gap:15px;}
.exhibitor_list dl {flex: 0 0 calc((100% - 15px) / 2);}

.exhibitor_view .view_top {gap:0 6%;}
.exhibitor_view .view_top .imgBox {width:100%;}
.exhibitor_view .view_top .tBox {flex:100% 0 0; padding:30px 0;}
.exhibitor_view .view_top .tBox .fs30 {margin:0 0 10px;}


.name_list {gap:15px;}
.name_list li {flex: 0 0 calc((100% - 15px) / 2); padding:20px;}
.name_list li .fs24 {margin:0 0 10px;}
.name_list li .fs16+.fs16 {margin:2px 0 0;}
/* Exhibitor Directory */


}
/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px) { 


/* 산업전 개요 */
.overview_cont {padding:50px 0;}
.overview_cont .basic_in .tBox {flex:none; width:100%; order:2; }
.overview_cont .basic_in .tBox .fs40 {margin:10px 0;}
.overview_cont .basic_in .imgBox {flex:none; width:100%; order:1;}

.overview_list dl {flex:none; width:100%;}
.overview_list dl dd {padding:15px;}
/* 산업전 개요 */


/* Opening hours */
.time_table th {padding:10px 10px;}
.time_table td {padding:10px 10px;}
.time_table td:last-child::before {font-size:17px;}
/* Opening hours */

/* Pre-registration */
.brochure_info + .sub_btnWrap {margin-top:30px; justify-content:center; align-items:center;}
.brochure_info + .sub_btnWrap .moreBtn.big {flex:0 0 auto; height:auto; padding:7px 0; box-sizing:border-box;}
.layout_table .cont_box .email::before {font-size: 20px;}
.reg_tab li a {padding:12px 8px;}
/* Pre-registration */


.layout_table {padding-top:15px;}
.layout_table+.layout_table {margin:50px 0 0;}
.layout_table .tit_box {padding-bottom:15px;}
.layout_table .tit_box p.fs18 {margin:5px 0 0;}
.layout_table.noLine+.layout_table.noLine {margin:30px 0 0;}


.process_list {}
.process_list li {padding:20px 10px; flex:0 0 calc(50% - 5px); box-sizing: border-box; gap:15px;}
.process_list li br {display:none;}
.process_list li img {max-height:56px;}

.booth_list {border:0;}
.booth_list dl {flex:0 0 100%; padding:10px 0;}
.booth_list dl+dl {border-left:0; border-top:1px solid var(--border);}



/* Exhibitor Directory */
.exhibitor_list {gap:15px;}
.exhibitor_list dl {flex: 100% 0 0;}
.exhibitor_list dl dd {padding: 10px 10px 15px;}

.exhibitor_view .view_top .tBox {padding-bottom:0;}
.exhibitor_view .view_top .tBox .sub_btnWrap {margin:30px 0 0;}
.exhibitor_view .view_top .tBox .info_list dl dt {width:105px;}

.dep-tit {margin:40px 0 20px; padding:10px 15px;}

.name_list {gap:10px;}
.name_list li {flex:100% 0 0; padding:15px; border-radius:10px;}
.name_list li .fs16::before {top:1px;}
/* Exhibitor Directory */


}