@charset "utf-8";
@import url('/home/2023/kibs/style.css');
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

/* UI */
body {font-family: 'Noto Sans KR', 'dotum', sans-serif; color:#4a4a4a;}

.tnb_lang .lang { padding-left:0; }
.tnb_lang .KOR:before { content:'\f0ac'; display:inline-block; font:normal normal 1.5rem/1rem 'FontAwesome'; vertical-align:middle; }
.tnb_lang .KOR img { display:none; }
.tnb_lang .KOR i { display:inline-block; padding:0 0.5rem; vertical-align:middle; color:#99b0d3; }


/* main */
#topMenu { right: 52%; }
.hsection .langBox { right: 290px; }
.main_page .hsection .hsecLeft {position: absolute; margin:1rem 0 0 140px; }
.main_page .hsection .hsecRight .date {color: #fff; font-size: 1.2rem; font-weight: 700;}

.quickArea { display:none; position:absolute; top:160px; right:0; transition:0.6s transform; }

.main_page .quickArea { display:block; }
.quickArea ul {overflow:hidden; width:125px; border-radius:3px;}
.quickArea ul li {margin-top:1px; background-color:#fff;}

.quickArea ul li.dday {overflow:hidden; height:87px; text-align:center; color:#fff; background:url('/home/2023/kibs/image/bg_quick.png') no-repeat 0 center;}
.quickArea ul li.dday p {padding-top:12px; font-size:23px; font-weight:600;}
.quickArea ul li.dday span {display:block; font-size:32px;}
.quickArea ul li.down {padding:10px 6px; font-size:13px; color:#050037; letter-spacing:-0.04em; background:#fff url('/home/2023/kibs/image/ico_download.png') no-repeat 96% center;}
.quickArea ul li.down span {color:#003387;}
.quickArea .quickImg {margin-top:10px; text-align:center;}

/* newsletter 20200409 */
#kibs_regist_form {position:fixed; top:-80%; right:8%; font-size:1.1rem; box-sizing:border-box; width:50%;/*min-width:300px;*/ max-width:36rem; padding:2rem 4rem; border: 0.5rem solid #56cef6; background-color:#fff; box-shadow:0px 3px 9px rgba(0,0,0,0.2); z-index:10001; line-height:1.5; word-break:keep-all; word-wrap:break-word;}

.brochure-popup .lang-eng .image, .brochureList .lang-eng .image { background-image:url('/home/2023/kibs/image/img_flag_usa.jpg'); }
.brochure-popup .lang-spa .image, .brochureList .lang-spa .image { background-image:url('/home/2023/kibs/image/img_flag_spain.jpg'); }
.brochure-popup .lang-rus .image, .brochureList .lang-rus .image { background-image:url('/home/2023/kibs/image/img_flag_russia.jpg'); }
.brochure-popup .lang-fra .image, .brochureList .lang-fra .image { background-image:url('/home/2023/kibs/image/img_flag_france.jpg'); }
.brochure-popup .lang-ger .image, .brochureList .lang-ger .image { background-image:url('/home/2023/kibs/image/img_flag_germany.jpg'); }
.brochure-popup .lang-jpn .image, .brochureList .lang-jpn .image { background-image:url('/home/2023/kibs/image/img_flag_japan.jpg'); }
.brochure-popup .lang-chi .image, .brochureList .lang-chi .image { background-image:url('/home/2023/kibs/image/img_flag_china.jpg'); }
.brochure-popup .lang-ara .image, .brochureList .lang-ara .image { background-image:url('/home/2023/kibs/image/img_flag_arab.jpg'); }
.brochure-popup .lang-kor .image, .brochureList .lang-kor .image { background-image:url('/home/2023/kibs/image/img_flag_korea.jpg'); }
.brochure-popup .lang-por .image, .brochureList .lang-por .image { background-image:url('/home/2023/kibs/image/img_flag_portugal.jpg'); }
.brochure-popup .lang-uk .image, .brochureList .lang-uk .image { background-image:url('/home/2023/kibs/image/img_flag_uk.jpg'); }

.linkArea > div > div.whatsonArea { display: flex; justify-content: center; align-items: center; height: 26rem; text-align: center; }
.linkArea > div > div.whatsonArea img {max-width: 100%;}
.linkArea > div.boardArea > div {padding:3.5rem 2rem 0;}

.industryArea .main_bbs li { overflow:hidden; }
.industryArea .img { float:left; width:4.25rem; margin-right:1rem; }
.industryArea .img img { width:100%; }
.industryArea .main_bbs li strong { width:auto; overflow:visible; white-space:normal; margin:0.5rem; color:#fff;  }
.industryArea .main_bbs .summary { font-size: 0.9rem; color:#d3d3d3; }
.industryArea .fb {text-align:center;}

.tab_list .btn_more { top:5rem; right:3rem; }

.logoWrap strong { margin-right:8px; }
.logoWrap .main_logos_b .os00 + .os00 {margin-left:2px;}

.footer > div.footInfoArea .footerTxt {overflow:hidden; text-align:right; font-size:0.875rem; color:#707782; line-height:1.8em;}

/* .footer .quick-btn {display: flex; justify-content: center; align-items: center; position: fixed; bottom: 5%; right: 2rem; z-index: 10; width: 8rem; height: 8rem;  background: #052e6f; border: 1px solid #09234a; text-align: center; border-radius: 50%;} */
/* .footer .quick-btn a {display: block;}
.footer .quick-btn a img {width: 40%;}
.footer .quick-btn a span {display: block; margin-top: 0.5rem; color: #fff; font-size: 0.8rem;}
.footer .quick-btn.quick03 a {font-size: 0.8rem;} */

/* sub layout */

#content.sub_content #con_container { padding:70px 0;}

/*pageSc*/
.pTit {font-size:22px; line-height:38px; padding:24px 0 4px 0; border-bottom:1px solid #c7c7c7; font-weight:bold;}

/* table style */
table.write th, table.write td {padding:15px;}
table.write td.bl {border-left:1px solid #e9e9e9;}
table.write thead th {border-left:1px solid #fff;}

/* tab style */
.tablist.tabStyle02 li {float:left; width:10%;}

/* txt style */
.dotList > li, .dotTxt { font-size:1rem; }
.dashList > li, .dashTxt { font-size:1rem; }
.infoList > li { font-size:1rem; }
.infoList.type01 > li > div.infoListTit { width:120px; }
.ref {font-size:0.875rem; color:#052e6f;}

/* button */
a.btn_1 {line-height:28px;}
a.btn_1:hover { color:#fff; background:#0056c3; }

.nav-meet { display:none; }

.wb-m.disabled,
.bn-m.disabled,
.gi-m.disabled,
.hb-m.disabled { display:none; }

.sale-option > .check-button .name,
.sale-option > .radio-button .name { padding-left:0.5em; }

.sale-option .sale-select .sale-name { color:#999; }
.sale-option .sale-desc { width:15%; }

.BT_MA .boothtype-19 { display:none; }

/* sub */
.emblemArea a.btnDown .btnImg {padding:0.8125rem;}
/* ?�증 �??�상?�황 */
.certifyBox01 .certifyList p.certiName { height:80px; }
.certifyBox02 .awardWrap + .awardWrap {margin-top:60px;}
.certifyBox02 .awardWrap .awardBox p {height:5.3125rem; margin-top:1.25rem;}
/* 참�??�청?�내 */
.regiInfoArea .arrow {left:100%;}
/* contact us */
.contactArea {overflow:hidden;}
.contactArea .contactTxt {overflow:hidden;}
.contactArea .contactTxt img {display:inline-block; vertical-align:middle;}
.contactArea .contactTxt p {display:inline-block; margin-left:20px; font-size:1.6875rem; font-weight:600; color:#292929; vertical-align:middle;}
/* Exhibition */
.exhibitionArea {overflow:hidden;}
.exhibitionArea .ref {margin-top:0.3125rem;}
.exhibitionWrap {overflow:hidden;}
.exhibitionWrap .exhiWrapLeft {float:left; width:72%;}
.exhibitionWrap .exhiWrapLeft > div {margin-right:0.9375rem;}
.exhibitionWrap .exhiWrapRight {overflow:hidden; width:28%;}
.exhibitionWrap .exhiWrapRight img + img {margin-top:0.625rem;}
.exhiBox {overflow:hidden; margin-top:3.75rem;}
/* matchmaking program */
.matchArea {overflow:hidden;}
.matchArea strong {display:block; font-size:1.6875rem; font-weight:600; color:#292929; text-align:center;}
.matchArea strong + strong {margin-top:0.625rem;}
.matchArea .normalTxt {margin:2.5rem 0; text-align:center;}
.matchArea .matchImg {overflow:hidden;}
.matchArea .matchImg img + img {margin-left:0.9375rem;}
/* Korea at a Glance */
.glanceArea {overflow:hidden;}
.glanceBox {overflow:hidden; margin-top:3.75rem; border-top:3px solid #052e6f; line-height:1.5em;}
.glanceBox > div {float:left; width:25%; min-height:240px; margin-left:-1px; margin-top:-1px; border:1px solid #e9e9e9; border-right:0; box-sizing:border-box; text-align:center;}
.glanceBox > div.glance10 {border-right:1px solid #e9e9e9;}
.glanceBox > div.glance09, .glanceBox > div.glance10 {border-bottom:2px solid #a7a9ac;}
.glanceBox .glanceImg {display:block; margin-top:25px;}
.glanceBox .glanceTit {display:block; height:6rem; font-size:1.0625rem; color:#052e6f; text-align:center;}
.glanceBox .glanceTit > span {display:inline-block; vertical-align:middle;}
.glanceBox .glanceTit .grey {display:block; margin-top:3px; color:#898989; font-size:0.9375rem;}
.glanceBox .glanceTit:before {content:''; display:inline-block; width:1px; height:100%; margin-left:-1px; vertical-align:middle;}
.glanceBox .glanceTxt {color:#052e6f; font-size:1.25rem;}
.glanceBox .glanceTxt span {font-size:2.3rem; vertical-align:baseline;}
/* organizer */
.organizerArea {overflow:hidden;}
.organizerBox {overflow:hidden;}
.organizerBox > div {margin-top:65px;}
.organizerBox > div span {display:inline-block; margin-right:8px; color:#052e6f; font-size:1.6rem; vertical-align:baseline;}
.organizerBox > div > div {margin-bottom:20px;}

.exhibitor-list-2019 .tel, .exhibitor-list-2018 .tel, .exhibitor-list-2017 .tel, .exhibitor-list-2016 .tel {display:none;}

@media only screen and (max-width:1650px){
	.linkArea > div.boardArea > div {padding:3rem 2rem 0;}
}
@media only screen and (min-width:1260px){
    #gnb > .fair17601 > a:before { width:298px; margin-left:-149px; }
    #gnb > .fair17511 > a:before { width:316px; margin-left:-158px; }
    #gnb > .fair17601 .gnb_sub_wrap { width:298px; margin-left:-149px; }
    #gnb > .fair17511 .gnb_sub_wrap { width:316px; margin-left:-158px; }
    #gnb > .fair17608 .gnb_sub_wrap { width:220px; margin-left:-110px; }
}
@media only screen and (max-width:1259px){
	/* main */
	.quickArea {top:75px;}

	/*.main_page .hsection .hsecRight,*/
	.main_page .hsection .hsecLeft {position: static;}
	.visualArea .text-image {margin-bottom:5%;}

	/* sub layout */
	#content.sub_content #con_container { padding:70px 10px;}

	/* sub */
	.matchArea .matchImg img {width:32%;}
	.matchArea .matchImg img:first-child {margin-left:0;}
}

@media only screen and (max-width:1199px){
	/* sub */
	.certifyImg img {margin:5px 30px;}
}

@media only screen and (max-width:1023px){
	.linkArea > div > div.whatsonArea { height: auto;}
	.brochure-popup { position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); }
	.brochure-popup-active .brochure-popup-bg { position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.4); z-index:1; }
	/* sub */
	.certifyBox01 .certifyList p.certiName {height:65px;}
}
@media only screen and (max-width:880px){
	.linkArea > div.boardArea > div {padding:3rem 1rem;}
	/* sub */
	.certifyBox02 .awardWrap .awardBox + .awardBox {margin-top:60px;}
	.certifyBox02 .awardWrap .awardBox p {height:auto; margin-bottom:1.25rem;}
	.certifyImg img {margin:5px 15px;}
	.matchArea .matchImg img {width:31%;}
}
@media only screen and (max-width:760px){
	/* .footer .quick-btn {width: 10rem; height: 10rem;}
	.footer .quick-btn a span {margin-top: 1rem; font-size: 1rem;} */
	.glanceBox > div {width:33.3333%;}
	.glanceBox > div.glance09 {border-bottom:1px solid #e9e9e9;}
}

@media only screen and (max-width:660px){
	.linkArea .link01 {float:none;}
	.linkArea > div {float:none; width:100%; height:auto;}
	.linkArea > div > div.whatsonArea { padding: 3rem 0; }
	.footer > div.footInfoArea .footerTxt {margin-top:15px; text-align:center;}

	/* sub */
	.certifyBox01 .certifyList p.certiName {height:40px;}
	.tablist.tabStyle02 li {width:20%;}
	
	.contactArea .contactTxt {text-align:center;}
	.contactArea .contactTxt p {display:block; margin-top:20px; margin-left:0; text-align:center;}
	.exhibitionWrap .exhiWrapLeft {float:none; width:auto;}
	.exhibitionWrap .exhiWrapRight {width:auto; margin-top:15px;}
	.exhibitionWrap .exhiWrapRight img {width:32%; margin-left:1%;}
	.exhibitionWrap .exhiWrapRight img + img {margin-top:0;}
	.exhibitionWrap .exhiWrapRight img:first-child {margin-left:0;}
	.glanceBox > div {min-height:195px;}
}
@media only screen and (max-width:480px){
	#topMenu { min-width:320px; width:100%; }
	.glanceBox > div {width:50%;}
	.glanceBox > div.glance09 {border-bottom:2px solid #a7a9ac;}
	.glanceBox > div.glance10 {border-right:0;}
}
@media only screen and (max-width:360px){
}

/* !!!!!!!!! Don't put code here for content pages [START] */
@media only screen and (max-width:1256px){
  	#popup_group { z-index:30; }
	#popup_group .layerPopup { position:absolute !important; box-sizing:border-box; top:10% !important; left:50% !important; max-width:90% !important; max-height:80% !important; padding-bottom:48px; transform:translate(-50%, 0); }
	#popup_group .layerPopup .popup_content { position: absolute; top: 0; left: 0; right: 0; bottom: 72px; overflow: auto; padding: 15px; }
	#popup_group .layerPopup .stretch-fixed { width:1px; height:9999px; margin-left:-1px; }
	#popup_group .layerPopup > form { height:48px; padding:0px; }
	#popup_group .layerPopup > form label { font-size:14px; }
	#popup_group .layerPopup > form .btn1.common { font-size:15px; line-height:24px; padding:6px 15px; }
}
@media only screen and (max-width:880px){
	#mypage_menu .menu-group.level-1 { bottom: 0; }
}
@media only screen and (max-width:480px){
}
/* !!!!!!!!! Don't put code here for content pages [END] */