#sub {padding: 100px 0;background-color: #fff;font-family: "Pretendard";font-weight: 300;color: #333;font-size: 20px;} #sub a {color: #333;} #sub .wrap {max-width: 1400px;} .page:not(.home) .site-footer {margin-top: 0;} /* #sub html, #sub body, #sub div, #sub span, #sub applet, #sub object, #sub iframe, #sub h1, #sub h2, #sub h3, #sub h4, #sub h5, #sub h6, #sub p, #sub blockquote, #sub pre, #sub a, #sub abbr, #sub acronym, #sub address, #sub big, #sub cite, #sub code, #sub del, #sub dfn, #sub em, #sub img, #sub ins, #sub kbd, #sub q, #sub s, #sub samp, #sub small, #sub strike, #sub strong, #sub sub, #sub sup, #sub tt, #sub var, #sub b, #sub u, #sub center, #sub dl, #sub dt, #sub dd, #sub ol, #sub ul, #sub li, #sub fieldset, #sub form, #sub label, #sub legend, #sub table, #sub caption, #sub tbody, #sub tfoot, #sub thead, #sub tr, #sub th, #sub td, #sub article, #sub aside, #sub canvas, #sub details, #sub embed, #sub figure, #sub figcaption, #sub footer, #sub header, #sub hgroup, #sub menu, #sub nav, #sub output, #sub ruby, #sub section, #sub summary, #sub time, #sub mark, #sub audio, #sub video { margin: 0; padding: 0; font-size: 100%; font: inherit; } */ /* HTML5 display-role reset for older browsers */ #sub article, #sub aside, #sub details, #sub figcaption, #sub figure, #sub #sub footer, #sub header, #sub hgroup, #sub menu, #sub nav, #sub section { display: block; } #sub body { line-height: 1; } #sub ol, #sub ul { list-style: none; } #sub blockquote, #sub q { quotes: none; } #sub blockquote:before, #sub blockquote:after, #sub #sub q:before, #sub q:after { content: ''; content: none; } #sub table { border-collapse: collapse; border-spacing: 0; } #sub *{box-sizing: border-box;} #secondary{display: none;} #sub .sub_cont_tit {font-size: 24px;font-family: 'Futura','sans-serif';text-transform:uppercase;font-weight: 700;color: #fff;background-color: #000c8e;width: 380px;display: block;text-align: center;padding: 0.7rem 0;margin: 0 auto;} #sub .down_bg {border: 2px solid #d7d7d7;display: flex;align-items: center;transition: all .3s;font-size: 18px;} #sub .down_bg .down_bg_icon {margin-right: 10px;position: relative;background: linear-gradient(to right,#0027a6, #0054cf, #0081ee, #01e9e3, #11dd2f);border-radius: 50px;padding: 5px;} #sub .down_bg:hover .down_bg_icon {background: none;} #sub .down_bg:hover {color: #fff;background: linear-gradient(to right,#0027a6, #0054cf, #0081ee, #01e9e3, #11dd2f);} #sub .kboard-search .kboard-thumbnail-button-small {padding: 3px 1rem !important;font-size: 14px !important;background: #0054cf !important;height: auto;} .kboard-tree-category-search {margin-bottom: 30px;} /*common*/ .t-cent{ text-align:center; margin:3% 0; } .tbl01{ font-size:16px; } .tbl01 tr th{text-align:center; font-weight:600; padding:10px 50px !important; word-break:keep-all; border:0; border-right:1px solid #ddd;vertical-align:center ;} .tbl01 tr th:last-child{ border-right:0; } .tbl01 tr td{ text-align:center; padding:10px 50px !important; word-break:keep-all; border:0; border-right:1px solid #ddd; border-bottom:1px solid #ddd;vertical-align:center;} .tbl01 tr td:last-child{ border-right:0; } .tbl01 .bl_r{border-right:1px solid #ddd !important} /* .subvisu{width: 100%;height: 240px;background:url(/wp-content/themes/twentyseventeen/img/sub/about_bg.jpg) no-repeat center top;background-size:cover} */ .p20{padding: 0px 20px !important;} .w980{width: 980px !important;margin-left: auto !important;margin-right: auto !important;} /* sub_visual */ .subvisu {text-align: center;/*background-color: #0027A6;*/padding: 3rem 0 3rem;background: url('/en/wp-content/uploads/sites/2/2022/08/subVisual-1.jpg') no-repeat center center / cover;} .subvisu .asia {font-size: 18px;color: #fff;margin: 0 0 50px 0;position: relative;display: inline-block;z-index: 99;} .subvisu .asia::after {content: "";width: 1px;height: 20px;display: block;background-color: #fff;position: absolute;left: 50%;bottom: -40px;} /* .subvisu .asia::before {content: "";width: 50px;height: 50px;display: block;background: linear-gradient(to right,#0027a6, #0054cf, #0081ee, #01e9e3, #11dd2f);border-radius: 100%;position: absolute;top: 4px;left: -15px; z-index: -1;} */ body.page:not(.twentyseventeen-front-page) .entry-title {width: 650px;color: #fff !important;font-size: 48px;font-weight: 500;display: inline-block;margin: 0; box-sizing: border-box;} #sub .g-tit{padding-top: 2em;margin-bottom: 1.25em;font-weight:bold} #sub .m-tit{padding-top: 1.25em;margin-bottom: 1.25em;font-weight:bold} #sub .txt{font-size:18px; line-height:1.7em;padding-bottom: 2em; } #sub .ta-c{text-align:center; width:100%;} #sub .t-b{font-weight:bold;} #sub .line{border-top:3px solid #59ae5c;border-bottom:3px solid #59ae5c;} #sub .chart li{overflow:hidden;} #sub .chart li h5{width: 130px;float: left;} #sub .chart li p{float: left;width: calc(100% - 130px);font-size:16px} #sub .refer{font-size:14px; letter-spacing:-0.02em} #sub .btn{ padding:2px 30px; border:1px solid #59ae5c; color:#59ae5c; font-size:15px; text-align:center; display:inline-block;box-shadow:none !important; margin-top: 10px;/*font-weight:600;*/} #sub .btn:before{ content: ''; height: 14px; width: 16px; display: inline-block; background: url(/wp-content/themes/twentyseventeen/img/icon/i_download.png) no-repeat; margin-right: 10px;} #sub .btn.white{ padding:12px 30px; border:1px solid #fff; color:#fff; } #sub .box {overflow:hidden;text-align:center;vertical-align:middle;margin-bottom: 45px;} #sub .box li{float: left; padding: 30px 20px; line-height:1.5em;} /* #sub .flexbox{display:flex; flex-wrap:wrap;} */ #sub a{box-shadow:none} /* #sub div:not(.event) h3{font-size:30px; color:#59ae5c !important;font-weight:bold;width: 100%;text-align:center;position: absolute;top:-130px;left: 50%;transform:translateX(-50%);} */ #sub h4{font-size:24px} /* #sub p{font-weight:normal;} */ #sub b{font-weight:bold} #sub h5{font-size:16px; color:#000;font-weight:bold} #sub ul li{line-height:2.25em} #sub .imgarea{text-align:center} #sub .imgarea-m{text-align:center; display:none;} #sub .wide_btn {width: 60%;padding: 4px;margin: auto;margin-bottom: 40px;border:1.5px solid #59ae5c; border-radius:4px;background-color: #59ae5c;color:#fff;text-align: center} #sub .wide_btn:hover {background-color: #fff;color:#59ae5c} /* *ABOUT */ /*전시회 개요*/ #sub .summary.summary {padding-top: 110px} #sub .summary .chart.line li{border-bottom:1px solid #dedede;padding: 4px 0; } #sub .summary .chart.line li:last-child{border:none} #sub .summary .box li{width: 20%; border:1px solid #dedede;} #sub .summary .box li p:last-child{font-size:14px;height: 120px;letter-spacing:-0.05em} #sub .summary .box li h5:not(.br){height: 48px;line-height: 48px;} /*동시개최행사*/ .event_visu {padding-top: 120px;background: url(/wp-content/themes/twentyseventeen/img/sub/bg_event.jpg) 50% 50% no-repeat;background-size: cover;text-align: center;} .event_visu_logo {position: absolute;top: auto;right: 0;} .event_visu_txt {padding-bottom: 40px;} .event > .wrap {padding-top: 2em;} .event_list > li {float: left;width: 33.33%;padding:0 1.5%;} .event .event_list-sie a:hover {border-color: #f6902c;background-color: #f6902c;color:#fff} .event .event_list-pgk a:hover {border-color: #cd121b;background-color: #cd121b;color:#fff} .event .event_list-ksge a:hover {border-color: #007cab;background-color: #007cab;color:#fff} .event .event_list-sie .event_list_top_tit {color:#f6902c} .event .event_list-pgk .event_list_top_tit {color:#cd121b} .event .event_list-ksge .event_list_top_tit {color:#007cab} .event_list_top {font-size: 0;} .event_list_top_ico {display: inline-block;max-width: 75px;vertical-align: middle;} .event_list_top_tit {display: inline-block;width:57%;padding-left: 5%;font-weight: 700;font-size: 23px;line-height: 1;vertical-align: middle;word-break: keep-all;} .event_list_desc {height: 0;margin-top: 10%;padding-bottom: 45%;line-height: 1.6;} .event_list_desc dt {float: left;font-weight: 700;width: 20%;} .event_list_desc dd {float: left;width: 80%;margin: 0;letter-spacing: -0.5px;word-break: keep-all;} .event_list_btn {display: block;width: 80%;margin: auto;padding: 10px;border: 1px solid #aaa;font-weight: 700;color:#666;text-align: center;} .event_bnr {margin-top: 5%;padding: 2em 0;background-color: #ededed;} .event_bnr_host {float: left;width: 25%;font-size: 0;} .event_bnr_organizers {float: left;width: 75%;font-size: 0;} .event_bnr p {display: inline-block;position: relative;padding:0 20px;font-size: 14px;color:#6e6e6e;vertical-align: middle;} .event_bnr p:after {position: absolute;top: 50%;right: 0;width: 2px;height:16px;margin-top: -6px;background-color: #999;content: '';} .event_bnr ul {display: inline-block;vertical-align: middle;} .event_bnr ul li {display: inline-block;padding:0 20px;vertical-align: middle;} /*참가업체 리스트*/ /* .coplist .boardwrap {position: relative;margin-top: 5%;} .coplist_btn {position: absolute;white-space: nowrap;} .coplist_btn a {float: left;margin-right: 8px;padding: 1px 15px;font-size: 16px;} .coplist_btn a.on {background-color: #59ae5c;color:#fff} .downbtn{background : #59ae5c; color:#fff;font-weight:600; box-shadow: 8px 8px 5px #346236;} */ /*부스배치도*/ #sub .booth .img_booth{padding-top:2em;} /* #sub .booth > .tit h4 {margin-right:10px;font-weight:700;font-size:30px;line-height:87px;vertical-align:middle;} #sub .booth > .tit h4 img {margin-left:10px;} #sub .booth > .tit p {letter-spacing:0.1px;} #sub .booth > .tit p sup {font-size:13px;} */ #sub .booth .clearfix li {float:left;width:50%;text-align:center;} #sub .booth .clearfix li a {display:inline-block;width:100%;max-width:250px;padding: 5px 30px;border: 1px solid #59ae5c;color: #59ae5c;font-size: 16px;text-align: center;margin-top: 10px;} #sub .booth .clearfix li span {display:block;line-height:35px;} #sub .booth .clearfix li span img {margin-right:10px;vertical-align:baseline} #sub .booth .zoom_box_wrap {max-width: 1000px;border: 1px solid #d7d7d7;} #sub .booth #zoom_box {display: inline-block;} /*지난 전시회*/ #sub .past .tap{overflow: hidden;padding-top: 2em !important;} #sub .past .tap_list{width: 200px;float: left; transition:all .4s;} #sub .past .tap_list li a{padding: 20px 0; background:#f2f2f2; font-size:16px; font-weight:bold} #sub .past .tap_list li.on a{background:#59ae5c; color:#fff} #sub .past .tap_box{float: right;} #sub .past .tap_box li{display: none;width: 800px;} #sub .past .tap_box li.on{display: block} /* *EXHIBITOR */ /*참가안내*/ #sub .enterinfo h4{color:#59ae5c} #sub .enterinfo .box {margin-bottom: 0;} #sub .enterinfo .box li{width: 25%;position: relative;height: 270px;padding-bottom: 0 !important;} #sub .enterinfo .box li h5{padding: 10px 0;line-height: 1.25em;height: 60px;} #sub .enterinfo .box li:not(:last-child) h5{line-height: 2.4em;} #sub .enterinfo .box li p.refer{padding-top: 10px;} #sub .enterinfo .box li span{position: absolute;top:35%;right: 0;} #sub .enterinfo .box li .arr {position:absolute;right:0;top:43%;} #sub .enterinfo table{width: 100% !important;} #sub .enterinfo table.boothinfo{overflow: hidden; text-align:left;word-spacing: -1px; } #sub .enterinfo table.boothinfo tr{width: 33.33% !important;height: 650px;float: left;border-bottom:none;border-right: 1px solid #dedede;padding: 10px 20px !important;} #sub .enterinfo table.boothinfo tr:last-child{border-right: none} #sub .enterinfo table.boothinfo ul {overflow: hidden;} #sub .enterinfo table.boothinfo ul h5{text-align: center;padding: 10px 0;color:#59ae5c} #sub .enterinfo table.boothinfo ul li{text-align:left ;font-size:14ptx; line-height:1.75em;margin-bottom: 10px;} #sub .enterinfo h4 + .refer{text-align: right;} /*참가신청*/ /*#sub .appliy .box li{width: 25%;}*/ #sub .appliy .box li p:nth-child(2){margin-top: 10px;} #sub .appliy .box li span{display:inline-block; width:calc(100% - 65px); text-align:left; padding-left:15px;} #sub .n0408 .chart {display: inline-block; float: left;width:50%;} #sub .n0408 .box {width: 50%;float: right;border-left: 1px solid #ddd;display: inline-block;padding-left: 50px;} #sub .n0408 .box li {padding : 0 !important; width: 50%;} /*참가업체 혜택*/ #sub .benefit h4, #sub .benefit h5{color:#59ae5c} #sub .benefit .box1{border-bottom:1px solid #dedede} #sub .benefit .box1 li{width: 20%; } #sub .benefit .box1 li p:last-child{width: 160px;font-size:14px !important;margin: 10px auto;} #sub .benefit .box2{border-top:1px solid #dedede } #sub .benefit .box2 li{width: 50%;border-right:1px solid #dedede } #sub .benefit .box2 li:last-child{border:none } #sub .benefit .box2 li p:last-child{margin-top: 1.5em;} /*스폰서 멤버쉽*/ #sub .membership {padding-top: 2em !important;} #sub .membership ul.line{border-bottom:none;overflow: hidden;margin-left: auto;margin-right: auto;position: relative;} #sub .membership ul.line > li{float: left;} #sub .membership ul.line > li:first-child {width: 245px;text-align:center;position: absolute;top:50%;left: 0;transform:translate(0,-50%)} #sub .membership ul.line > li:first-child > h5{line-height:1.25em} #sub .membership ul.line > li:last-child{margin-left: 245px;} /*지정협력업체*/ #sub .collabo {width: 910px;margin: auto;text-align:center} #sub .collabo .box > li {float: left;width: 33.33%;} #sub .collabo .box > li h5 {height: 48px;margin-top: 10px;} #sub .collabo .box > li:nth-child(2) h5 {line-height: 48px;} #sub .collabo .btn:before{display: none;} /* 미디어 광고 */ #sub .mediaad .letter {border:1px solid #d7d7d7;padding:15px 0;} #sub .mediaad .sec {padding:2rem 0;} #sub .mediaad .sec-tit {font-size:22px;font-weight:600;margin-bottom:2rem;color: #2B246F;} #sub .mediaad .possible {border:1px solid #d7d7d7;border-radius:10px;} #sub .mediaad .possible > div {display:inline-block;vertical-align:middle;} #sub .mediaad .possible .ximg {width:30%} #sub .mediaad .possible .xdesc {width:68%} #sub .mediaad .possible .xdesc .new {color:#2B246F;font-weight:600;font-size:22px;} #sub .mediaad .possible .xdesc span {padding-top:10px;display:inline-block;} #sub .mediaad .channel > ul > li {width:49%;display:inline-block;text-align: left;margin-bottom:70px;vertical-align:top;} #sub .mediaad .channel > ul > li .tit {font-weight:600;padding:7px 0 7px 10px;display:inline-block;position:relative;} #sub .mediaad .channel > ul > li .tit:before {content:'';width:2px;height:10px;display:block;background:#333;position:absolute;left:0;top:50%;transform:translateY(-50%);} #sub .mediaad .channel > ul > li .tit:after {content:'';width:2px;height:10px;display:block;background:#333;position:absolute;right:-10px;top:50%;transform:translateY(-50%);} #sub .mediaad .channel span {text-align:left;display:block;font-size: 16px;line-height: 120%;padding:1rem 0;} #sub .mediaad table {margin-bottom:15px;} #sub .mediaad table th {font-weight:600;} #sub .mediaad table td {padding:10px !important;} #sub .mediaad .step > ul {margin-bottom:70px;} #sub .mediaad .step > ul > li {width:20%;vertical-align:top;display:inline-block;margin-left:-3px;padding: 0 10px;box-sizing: border-box;border-right:1px solid #d7d7d7;} #sub .mediaad .step > ul > li:last-of-type {border-right:none;} #sub .mediaad .step > ul > li > p {padding-top:10px;} #sub .mediaad .step .step-desc {color:#555;font-size:16px;line-height:130%;display:block;} #sub .mediaad .download > ul > li {width:40%;box-sizing:border-box;display:inline-block;} #sub .mediaad .download > ul > li > a { background: linear-gradient(to right, #6c3394,#ff2f9a); border-radius: 8px; color: #333; display: inline-block; font-size: 20px; padding: 5px; text-decoration: none; } #sub .mediaad .download > ul > li:last-of-type > a {background: linear-gradient(to right, #ff2f9a,#6c3394);} #sub .mediaad .download > ul > li > a > span {background: #fff;display: block;border-radius: 6px;font-size:24px;font-weight:500;padding:1rem 2rem;} #sub .mediaad .download > ul > li > a:hover {background: linear-gradient(to right, #6c3394,#6c3394);} /* *VISITOR */ /*관람안내*/ #sub .visitinfo h4{color:#59ae5c} #sub .visitinfo .area{overflow: hidden;padding-top: 2em;} #sub .visitinfo .area > h4{float: left;width: 135px;padding-top: 4px;} #sub .visitinfo .area > ul, #sub .visitinfo .area > table{float: left;} .visitinfo .area > .tbl01 tr th{background:#f8f8f8} /*참관절차*/ #sub .process {text-align:center} #sub .process img{width: 60px; height: 60px;} #sub .process .box{border-top:1px solid #59ae5c;margin-bottom: 0;background:#f8f8f8} #sub .process .box:last-child{border-bottom:1px solid #59ae5c} #sub .process .box li{width: 20%;position: relative;padding-top:40px;} #sub .process .box li:nth-child(1){background:#fff} #sub .process .box li h5{margin-top: 10px;} #sub .process .box li p{font-size:14px; line-height:1.25em;margin-top: 10px;} #sub .process .box li p:nth-child(2){font-weight: bold;} #sub .process .box li p:last-child{position: absolute; left: 50%;top:0px; transform:translateX(-50%)} #sub .process .rule {text-align: left; } #sub .process .rule h4 {padding-top: 3rem;margin-bottom: 1.25rem;} #sub .process .rule .line {padding: 1rem} #sub .process .rule .line > li {position: relative; padding-left: 1rem;} #sub .process .rule .line > li:before {content:''; width: 5px; height: 5px; background: #59ae5c; border-radius: 50%; position: absolute; left: 0; top:1.05rem;} #sub .process .rule .refer {} #sub .process .rule .refer > li {position: relative; padding-left: 1rem; line-height: 2em;} #sub .process .rule .refer > li:before {content:'-'; background: none; position: absolute; left: 0; top:0 !important;} /*참관신청*/ #sub .advance h4{color:#59ae5c} #sub .advance .m-tit {padding-top:2em;} #sub .advance .intro li{border: 1px solid #59ae5c;padding: 6px 0;color:#59ae5c;font-weight: bold} #sub .advance .intro li:last-child{border-top: 0;background-color: #59ae5c; color:#fff} #sub .advance .box li{width: 33.33%;border-right: 1px solid #dedede;margin-top: 1.5em;padding: 10px;} #sub .advance .box li:last-child{border-right: none} #sub .advance .box li h5{padding: 10px 0;} #sub .advance .box li h5{padding: 10px 0;} #sub .advance .methodarea {overflow: hidden;background-color: #dedede;} #sub .advance .methodarea {border-top: 3px solid #59ae5c;} #sub .advance .methodarea b {color:#e51c89;} #sub .advance .methodarea li{float: left;text-align: left;font-size:16px !important;line-height: 1.4em;word-spacing: -2px;padding:25px 0 ;} #sub .advance .methodarea li.logo{width: 20%;text-align: right;margin-right: 3%} #sub .advance .methodarea li.logo img{width: 90px;} #sub .advance .methodarea li.explan{width:50%} #sub .advance .methodarea li.explan p:last-child a{display: inline-block;margin-right: 10px;margin-top: 20px;} #sub .advance .methodarea li.scan {overflow: hidden;width: 25%;} #sub .advance .methodarea li.scan p{float: left;text-align: center;margin-top: 10px;} #sub .advance .methodarea li.scan .qrcode:last-child{margin-left: 30px;} #sub .advance .methodarea li.scan p span{display: block; font-size:12px;margin-top: 10px;} #sub .advance .mobi {border-bottom: 1px solid #dedede;padding-bottom: 2em;margin-bottom: 0;} #sub .advance .mobi li{width: 33.33%;font-size:16px;border-right:none;position: relative;padding:0 65px;padding-top: 2em;} #sub .advance .mobi li h5{color:#59ae5c; margin-top: 10px} #sub .advance .mobi li span{position: absolute;top:35%;right: 0;} #sub .advance .btn{padding: 2px 40px;} #sub .advance .btn:before{display: none;} #sub .advance .groupview{border-top: 1px solid #dedede;margin-top: 1.5em;padding-top:2em} #sub .advance .groupview h4{padding-top: .5em;} #sub .advance .groupview p.txt{width: 800px;margin: auto;padding-bottom: 1em;} #sub .advance .groupview .email{margin-top: 2em;background-color: #dedede;padding: 10px 0} #sub .advance .groupview .email b {margin-right:2em;} /* *MEDIA */ #sub .boardwrap {/*padding-top: 2em;*/} #sub .kboard-default-poweredby, #sub .kboard-list-header, #sub .kboard-list-vote, #sub .kboard-document-action{display: none !important} #sub .kboard-search{/*position: absolute;right: 20px;top: -25px;*/} /*뉴스레터*/ #sub .news .box{/*margin-bottom: 0;*/ border-bottom: 1px solid #59ae5c} #sub .news .box li{width: 20%; padding: 10px 0px; text-align:center;} #sub .news .box li.on{background-color: #59ae5c;} #sub .news .box li.on a{color:#fff} #sub .news .kboard-search{ /*top: 5.5em;*/ } #sub .news .boardarea li{display: none;} #sub .news .boardarea li.on{display:block;} /*홍보영상*/ #sub .video .youtube{overflow: hidden;padding-top: 2em;} #sub .video .youtube li.text{float: left;border-top: 3px solid #59ae5c; color:#59ae5c ;padding: 10px 25px;width: 290px;} #sub .video .youtube li.iframe{float: right;} /* *INFO */ /*편의정보*/ #sub .info .box{border:1px solid #dedede} #sub .info b{color:#59ae5c; } #sub .info .box li{width: 50%;margin-bottom: 0; min-height:242px;} #sub .info .box li:nth-child(2){border-left:1px solid #dedede;border-bottom:1px solid #dedede;} #sub .info .box li:nth-child(3){border-right:1px solid #dedede;border-top:1px solid #dedede;} #sub .info .box li a > p:last-child{font-size:12px} #sub .info .box li p > a{font-size:12px} #sub .info .box li .btn{ padding:2px 30px; border:1px solid #59ae5c; color:#59ae5c; font-size:15px; text-align:center; display:inline-block;box-shadow:none !important; margin-top: 10px;/*font-weight:600;*/} #sub .info .box li .btn:before{ content: none;} /*퀵 메뉴*/ #sub_quick{width: 74px;/*height: 199px;background:url('/wp-content/themes/twentyseventeen/img/sub/quick_bg.png') no-repeat;*/ position: fixed;bottom: 0;right:0;text-align: center;display: flex;align-items: center;justify-content: center;} #sub_quick ul{margin-top: 13px;display: flex;flex-direction: column;justify-content: center;} #sub_quick ul li:nth-of-type(1) {margin-bottom: 5px;} #sub_quick ul li a{background: linear-gradient(to right, #01e9e3, #11dd2f);text-align: center;padding-top: 10px;} #sub_quick ul .enter{background-color: #59ae5c; font-size:14px;line-height: 1.2em;} #sub_quick ul li a{display: block;width: 60px;height: 60px;color: #eee;font-size:11px;margin: auto;} #sub_quick ul li a > p {display: none;} #sub_quick ul li:last-child p{margin-top: 4px;} .sub_tit {font-size: 30px; color: #59ae5c !important; font-weight: bold; width: 100%; text-align: center; position: absolute; top: -130px; left: 50%; transform: translateX(-50%);} /*준비중 페이지*/ #sub .bg_prepare {position:absolute;top:20px;left:50%;transform:translateX(-50%);width:100%;min-height:100%; z-index:10;background-color:rgba(0,0,0,0.5);} #sub .bg_prepare .prepare {position:absolute;top:100px;left:50%;transform:translateX(-50%);border-radius:15px;box-shadow: 0 0 25px rgba(0,0,0,0.2);background-color:#fff; width:60%;padding:3%;margin:auto;} #sub .bg_prepare:before {content:'';display:inline-block;height:100%;vertical-align:middle;} #sub .prepare {padding-top:6%;text-align:center;} #sub .prepare img {width:auto;height:auto;} #sub .prepare .tit {padding:3% 0 2%;font-size:30px;} .com-explain .intro {margin-top: 5%;} .com-explain .br {display: block;} .com-explain .prd {margin-top: 5%;} .com-explain .intro--tit {font-weight: 600; font-size: 24px;} .com-explain .intro--tit:before {content:''; width: 2px; height: 17px; background: #0027a6; display: inline-block; margin-right: 10px; vertical-align: middle; margin-top: -3px;} .tbl--grn {width: 100%; table-layout:fixed;} .tbl--grn thead th {background: #000c8e; color: #fff;} .tbl--grn th, .tbl--grn td {padding: 10px;} .tbl--grn td {text-align: left !important;} /* -------------------2022 renewal---------------------------- */ .mb-100 {margin-bottom:100px;} #sub h3 {font-size: 52px;font-weight: 700;} /* table */ /* .tbl-type-a {width: 100%;position: relative;margin-top: 40px;} .tbl-type-a::before { content: ""; width: 100%; height: 5px; position: absolute; top: -1rem; left: 0; background: linear-gradient(to right,#0027a6, #0054cf, #0081ee, #01e9e3, #11dd2f); } .tbl-type-a::after { content: ""; width: 100%; height: 5px; position: absolute; bottom: -1rem; left: 0; background: linear-gradient(to right,#0027a6, #0054cf, #0081ee, #01e9e3, #11dd2f); } .tbl-type-a tr {border-bottom: 1px solid #5a5a5a;} .tbl-type-a tr:last-of-type {border-bottom: none;} .tbl-type-a th {font-size: 36px;text-align: left;padding: 1rem 100px 1rem 0;font-weight: 500;} .tbl-type-a td {font-size: 24px;padding: 1rem 0;}*/ .tbl-type-a {width: 100%;margin-top: 40px;} .tbl-type-a tr {border-bottom: 1px solid #d7d7d7;} .tbl-type-a tr:first-of-type {border-top: 1px solid #d7d7d7;} .tbl-type-a th {width: 32%;font-family: 'Futura', 'sans-serif';font-size: 20px;text-align: left;background-color: #efefef;padding:0 50px 0 2rem;} .tbl-type-a td {padding: 1rem 2rem;word-break: break-all;} .tbl-type-b {width: 100%;} .tbl-type-b thead {background: linear-gradient(to right,#0027a6, #0054cf, #0081ee, #01e9e3, #11dd2f);} .tbl-type-b th {padding: 1rem 0;} .tbl-type-b td {padding: 1rem 0;} .tbl-type-c {width: 100%;position: relative;margin-top: 50px;} .tbl-type-c::before { content: ""; width: 100%; height: 5px; position: absolute; top: -1rem; left: 0; background: linear-gradient(to right,#0027a6, #0054cf, #0081ee, #01e9e3, #11dd2f); } .tbl-type-c::after { content: ""; width: 100%; height: 5px; position: absolute; bottom: -1rem; left: 0; background: linear-gradient(to right,#0027a6, #0054cf, #0081ee, #01e9e3, #11dd2f); } .tbl-type-c tr:last-of-type {border-bottom: none;} .tbl-type-c td {padding: 1rem 1.2rem;} .tbl-type-d {width: 100%;table-layout: fixed;position: relative;} .tbl-type-d::before {content: '';width: 100%;height: 5px;display: block;background: linear-gradient(to right,#0027a6, #0054cf, #0081ee, #01e9e3, #11dd2f);position: absolute;top: 0;left: 0;} .tbl-type-d th {font-size: 24px;padding: 1rem 0;border-right: 1px solid #fff;} .tbl-type-d th:last-of-type {border-right: none;} .tbl-type-d td {text-align: center;border-right: 1px solid #fff;padding: 1rem 1.2rem;font-size: 24px;} .tbl-type-d td:last-of-type {border-right: none;} /* .overview_bg {background: url('/wp-content/themes/twentyseventeen/img/main/main_vis_bg.png') no-repeat right top 22px;} */ #sub .about_top .cont-box {display: flex;align-items: center;} #sub .about_top .sub_cont_tit.top_tit {background: none;text-align: left;position: absolute;left: 90px;top: 50%;transform: translateY(-50%);} #sub .about_top .wrap {position: relative;} #sub .about_top .desc {max-width: 950px;position: absolute;left: 360px;top: 50%;transform: translateY(-50%);} #sub .about_top .cont-box .desc p {font-size: 24px;color: #fff;font-weight: 700;} /* SHOW OVERVIEW */ #sub .overview .about_top .cont-box .desc p {font-weight: 400;font-size: 20px;} .overview .downloads ul {display: flex;justify-content: space-evenly;align-items: center;} #sub .overview .downloads ul > li > a {padding: 30px 50px;font-size: 18px;} /* #sub .overview .downloads ul > li > a > img {margin-right: 10px;position: relative;background: linear-gradient(to right,#0027a6, #0054cf, #0081ee, #01e9e3, #11dd2f);border-radius: 50px;padding: 5px;} */ /* #sub .overview .downloads ul > li > a:hover {color: #fff;background: linear-gradient(to right,#0027a6, #0054cf, #0081ee, #01e9e3, #11dd2f);} */ .overview .exhibit {background-color: #fff;padding: 50px 0;} .overview .exhibit h3 {color: #333;} .overview .exhibit li {color: #333;} .overview .exhibit .wrap {position: relative;} /* .overview .exhibit_list {display: flex;flex-wrap: wrap;justify-content: center;} .overview .exhibit_list > li {width: 24%;cursor: pointer;text-align: center;margin-bottom:1%;border: 1px solid #d7d7d7;position: relative;} .overview .exhibit_list > li:first-of-type {margin-right: 1%;} .overview .exhibit_list > li:last-of-type {margin-right: 0;} .overview .exhibit_list > li+li {margin-right: 1%;} .overview .exhibit_list > li::after {content: "+";display: block;color: #666;position: absolute;right: 16px;top: 0;font-weight: 700;} .overview .exhibit_list > li.on {background-color: #000c8e;color: #fff;} .overview .exhibit_list > li.on::after {color: #fff;} .overview .exhibit_list > li > strong {display: block;padding: 4rem 1rem;font-size: 18px;} */ .overview .exhibit_list > li {display: flex;align-items: center;padding: 1rem 1rem 1rem 3rem;border: 1px solid #d7d7d7;/*background-color: #f1f1f1;*/margin-bottom: 30px;border-radius: 100px;} .overview .exhibit_list > li .txt_box {width: 400px;flex: none;} .overview .exhibit_list > li .txt_box {display: block;} .overview .exhibit_list > li .desc_box > p {padding: 0;margin: 0;} .desc_list_modal > li {display: none;position: absolute;left: 0;top: 0;width: 100%;background-color: #f3f3f3;color: #333;border-top-right-radius: 50px;border-bottom-right-radius: 50px;} .desc_list_modal > li:nth-of-type(1) {top: 260px;border-bottom-left-radius: 50px;} .desc_list_modal > li:nth-of-type(2) {top: 260px;border-bottom-left-radius: 50px;} .desc_list_modal > li:nth-of-type(3) {top: 260px;border-bottom-left-radius: 50px;} .desc_list_modal > li:nth-of-type(4) {top: 260px;border-bottom-left-radius: 50px;} .desc_list_modal > li:nth-of-type(5) {top: auto;bottom:202px;border-top-left-radius: 50px;} .desc_list_modal > li:nth-of-type(6) {top: auto;bottom:202px;border-top-left-radius: 50px;} .desc_list_modal > li:nth-of-type(7) {top: auto;bottom:202px;border-top-left-radius: 50px;} .desc_list_modal > li.on {display: block;box-shadow: 7px 8px 10px #d0d0d0;} .desc_list_modal > li > p {padding: 1rem;} .desc_list_modal > li > p:nth-of-type(1) {padding:30px 60px;} .desc_list_modal > li > p:nth-of-type(2) {padding: 0;margin: 0;} .desc_list_modal > li .close {background-color: #0027a6;height: 100%;position: absolute;right: -5px;top: 0;display: flex;align-items: center;padding: 1rem;border-top-right-radius: 50px;border-bottom-right-radius: 50px;} .overview .show_slide_bx .slide {position: relative;display: flex;align-items: flex-start;justify-content: space-between;} .overview .show_slide_bx .slide.current {display: flex !important;} .overview .show_slide_bx .slide .img_box {margin-right: 20px;} .overview .show_slide_bx .slide .desc_box {border-bottom: 1px solid #d7d7d7;width: 50%;} .overview .show_slide_bx .slide .desc_box > strong {font-size: 24px;color: #fff;font-family: 'Futura', 'sans-serif';background: linear-gradient(to right,#15d900, #00ece4);display: block;padding: 0.7rem 2rem;letter-spacing: -0.05rem;} .overview .show_slide_bx .slide .desc_box > p > strong {font-size: 24px;color: #fff;font-family: 'Futura', 'sans-serif';background: linear-gradient(to right,#15d900, #00ece4);display: block;padding: 0.7rem 2rem;letter-spacing: -0.05rem;} #sub .overview .show_slide_bx .slide .desc_box .txt {color: #555;padding: 1rem 2rem;} .overview .bx-wrapper {position: relative;} .overview .bx-viewport {height: 320px !important;} .overview .bx-controls {position: absolute;right: 0;bottom: 0;display: flex;z-index: 99;} .overview .bx-controls-direction {display: flex;align-items: center;} .overview .bx-controls-direction > a {width: 24px;height: 24px;text-indent: -9999px;} .overview .bx-controls .bx-pager {display: none;} .overview .bx-prev {background: url('/en/wp-content/uploads/sites/2/2022/08/slide_prev.png') no-repeat center center;} .overview .bx-next {background: url('/en/wp-content/uploads/sites/2/2022/08/slide_next.png') no-repeat center center;} .overview #slide-counter {display: flex;align-items: baseline;margin: 0 15px;} .overview #slide-counter span {font-size: 16px;} .overview #slide-counter .slash {padding: 0 5px;} /* MESSAGES FROM EXHIBITORS */ .msg .msg_list > li {display: flex;align-items: center;justify-content: space-evenly;margin-bottom: 100px;} .msg .msg_list > li.two {flex-direction: row-reverse;} .msg .msg_list > li strong {font-size: 36px;} .msg .msg_list > li p {font-size: 18px;} .msg .msg_list > li .img_box {height: 356px;background: linear-gradient(to right,#0027a6, #0054cf, #0081ee, #01e9e3, #11dd2f);padding: 3px;} /* EXHIBITOR LIST */ .ex_list > .wrap {display: flex;} .ex_list .search_box {margin-right: 80px;} .ex_list .search_box select {width: 250px;} .ex_list .search_box ul > li > br {display: none;} .ex_list .search_box ul > li {margin-bottom: 30px;} .ex_list .search_box ul > li > label {font-size: 20px;} .ex_list .search_box button {background:#0054cf;width: 100%;text-align: center;} .ex_list .search_box button:hover {background-color: #0027a6;} .ex_list .comp_list ul > li {position: relative;border-bottom: 1px solid #d7d7d7;margin-bottom: 70px;} .ex_list .comp_list ul > li > a {display: flex;align-items: center;position: relative;} .ex_list .comp_list ul > li > a:hover {color: #fff;} .ex_list .comp_list ul > li > a:hover strong {text-decoration: underline;} /*ex_list .comp_list ul > li .img_box {display: inline-block;padding: 5px;background: linear-gradient(to right,#0027a6, #0054cf, #0081ee, #01e9e3, #11dd2f);position: relative;}*/ .ex_list .comp_list ul > li .img_box { position: relative; flex: none; width: 180px; height: 180px; margin: 10px; background-color: #fff; border: 3px solid transparent; border-image: linear-gradient(to right,#0027a6, #0054cf, #0081ee, #01e9e3, #11dd2f);position: relative; border-image-slice: 1; margin-right: 30px; } .ex_list .comp_list ul > li .img_box img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .ex_list .comp_list ul > li .comp_info > br {display: none;} .ex_list .comp_list ul > li .year {color: #01e9e3;display: block;font-weight: 500;font-size: 18px;} .ex_list .comp_list ul > li .where {display: block;color: #b5b5b5;} .ex_list .comp_list ul > li .desc {line-height: 160%;} .ex_list .comp_list ul > li strong {font-size: 22px;} .ex_list .comp_list .order_box {text-align: right;margin-bottom: 30px;} .ex_list .comp_list .order_box br {display: none;} .ex_list .comp_list .order_box label {display: none;} .ex_list .comp_list ul > li .star {line-height: 160%;position: absolute;right: 0;top: 0;border: 1px solid #fff;border-radius: 20px;padding: 5px 10px;} .ex_list .comp_list ul > li .star svg {width: 16px;height: 16px;fill: rgb(233, 224, 53);margin-bottom: -2px;margin-left: 3px;} .ex_list .comp_list ul > li .star:hover {color: rgb(233, 224, 53);border: 1px solid rgb(233, 224, 53);} #sub .coplist_btn {padding-left: 341px;} #sub .coplist_btn > a {color: #8d8d8d;padding: 7px 12px;display: inline-block;} #sub .coplist_btn > a.on {color: #fff;font-weight: 500;background: linear-gradient(to right, #01e9e3, #11dd2f);} /* PREVIOUS SHOW */ #sub .previous .sub_cont_tit {width: 510px;margin-bottom: 40px;} .previous .summary_box {background-color: #0027a6;padding: 1rem;text-align: center;} .previous .summary_box p {font-weight: 700;font-size: 36px;} .previous .pre_overview_box {display: flex;} .previous .img_box {flex: none;margin-right: 50px;} .previous .imgs > img {width: 100%;} .previous .analysis_box {margin-top: 50px;} .previous .analysis_box > strong {font-size: 28px;display: block;} .previous .analysis_box > img {width: 100%;} .previous .doughnuts {display: flex;justify-content: space-evenly;} .previous .doughnuts > li {width: 26%;flex: none;text-align: center;} .previous .doughnuts > li > p:first-of-type {font-weight: 500;font-size: 24px;} #sub .previous .chart-legend > li {line-height: 1.6;} .previous .chart-legend .label > span > i {width: 10px;height: 10px;position: absolute;left: -20px;top: 7px;} .previous .chart-legend .label > span {display: inline-block;font-size: 16px;line-height: 1.6;position: relative;color: #606060;} .previous .bars {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 0;} .previous .bars.four > li {width: 45%;} .previous .bars > li {flex: none;width:30%;} .previous .bars > li > p {font-weight: 500;font-size: 24px;text-align: center;} .previous .pre_overview_box .tbl-type-a {margin-top: 0;} .previous .download {display: flex;justify-content: center;padding-top: 1rem;} .previous .download > a {padding: 1rem;} .previous .num_chart {display: flex;flex-direction: column;align-items: center;} .previous .num_chart > strong {font-size: 24px;margin-bottom: -46px;} .previous .num_chart .canvas_box {width: 25%;} .previous .tabs {margin-bottom: 70px;} .previous .tabs > ul {display: flex;justify-content: center;flex-wrap: wrap;} .previous .tabs > ul > li {margin : 0 15px} #sub .previous .tabs > ul > li > a {color: #8d8d8d;padding: 7px 12px;} #sub .previous .tabs > ul > li.on > a {color: #fff;font-weight: 500;background: linear-gradient(to right, #01e9e3, #11dd2f);} .previous .peformance > .wrap > div > strong {font-size: 32px;display: block;} .previous .peformance .exhibitor {margin-bottom: 40px;} .previous .peformance .info > ul {display: flex;background-color: #f1f1f1;} .previous .peformance .info > ul > li {flex: none;display: flex;padding-left: 30px;flex-direction: column;justify-content: center;padding: 2rem;position: relative;} .previous .peformance .info > ul > li:first-of-type {width: 40%;background-color: #0054cf;color: #fff;} .previous .peformance .info > ul > li:last-of-type::after {content: '';width: 0;height: 0;position: absolute;left: -152px;top: 0; border-top: 104px solid #f1f1f1; border-bottom: 50px solid transparent; border-right: 50px solid #f1f1f1; border-left: 102px solid transparent; } .previous .peformance .info > ul > li strong {margin-left: 10px;margin-right: 5px;font-size: 42px;} .previous .peformance .info > ul > li > p {margin: 0;} /* THE BATTERY CONFERENCE */ #sub .bat_confer .sub_cont_tit {width: 680px;} .bat_confer .bat_confer_box {display: flex;} .bat_confer .img_box {width: 60%;text-align: center;flex: none;display: flex;} .bat_confer .desc {background: linear-gradient(to right, #01e9e3, #11dd2f);color: #fff;display: flex;align-items: center;padding: 2rem;} .bat_confer .desc p {font-size: 20px;font-weight: 500;} .bat_confer .tbl_box {margin: 80px 0 0;} .bat_confer .tbl_box strong {font-size: 28px;display: block;text-align: center;padding-bottom: 2rem;} .bat_confer .click {padding-top: 2rem;text-align: center;} .bat_confer .click .desc {font-weight: 700;font-size: 24px;padding-bottom: 1rem;} #sub .bat_confer .click .click_btn {color:#fff;background-color: #0054cf;padding: 1rem 2rem;margin: 0 10px; display: inline-block;font-size: 18px;font-weight: 700;} #sub .bat_confer .click .click_btn:hover {background-color: #0027a6;color: #fff;} .bat_confer .time {margin-top: 80px;} .bat_confer .time strong {font-size: 24px;padding-bottom: 1rem;display: block;} .bat_confer .time p {font-size: 24px;} .bat_confer .results .tbl-type-a {margin-top: 20px;} .bat_confer .results .tbl-type-a th, .bat_confer .results .tbl-type-a td {text-align: center;} .bat_confer .results .tbl-type-a th {padding: 1rem;} .bat_confer .results .tbl_tit {font-size: 24px;margin-top: 40px;display: block;} /* MORE SIDE EVENTS */ #sub .side_eve .sub_cont_tit {width: 540px;} .side_eve .side_list > li {display: flex;justify-content: space-between;align-items: center;margin-bottom: 50px;} .side_eve .side_list > li .img_box {flex: none;display: flex; background: linear-gradient(to right,#0027a6, #0054cf, #0081ee, #01e9e3, #11dd2f); padding: 3px;} .side_eve .side_list > li .desc {padding-right: 50px;} .side_eve .side_list > li .desc strong {font-size: 32px;} .side_eve .side_list > li .desc p {font-size: 24px;} /* special_events */ .special_events {margin-top: 80px;} .special_events > ul {display: flex;flex-wrap: wrap;justify-content: center;} .special_events > ul > li {width: 30%;flex: none;margin: 1%;text-align: center;} .special_events > ul > li .img_box {width: 100%;position: relative;transition: box-shadow .1s ease;box-shadow: 0 0 0 0 #000c8e;} .special_events > ul > li:hover .img_box {box-shadow: 10px 10px 0 0 #000c8e;} /* PARTICIPATION GUIDE */ .part_guide .part_guide_box {margin-bottom: 100px;} .part_guide .part_guide_box > strong {font-size: 36px;} .part_guide .timeline_list {display: flex;align-items: flex-start;justify-content: space-between;} .part_guide .timeline_list > li {width: 25%;text-align: left;position: relative;padding: 0 1rem;flex: none;position: relative;opacity: 0;} /* .part_guide .timeline_list > li::after {content: "";width: 1px;height: 30px;display: block;background-color: #d7d7d7;position: absolute;right: 0;top: 89px;} */ .part_guide .timeline_list > li::after {content: "";width: 3px;height: 180px;display: block;background-color: #d7d7d7;position: absolute;right: 0;top: 0;} .part_guide .timeline_list > li:last-of-type::after {display: none;} .part_guide .timeline_list > li::before {content: '';width: 16px;height: 16px;display: block;background: url('/en/wp-content/uploads/sites/2/2022/08/timeline_arr.png') no-repeat center center;position: absolute;right: -13px;top: 85px;} .part_guide .timeline_list > li:last-of-type::before {display: none;} #sub .part_guide .timeline_list > li:last-of-type .box {margin-top: 42px;text-align: center;} #sub .part_guide .timeline_list > li .box {text-align: left;max-width: 80%;margin: 10px auto 0;} .part_guide .timeline_list > li .box > strong {color: #fff;background: linear-gradient(to right,#0027a6, #0054cf, #0081ee, #01e9e3, #11dd2f);padding: 0.2rem 1rem;font-size: 20px;border-radius:10px;display: inline-block;} .part_guide .timeline_list > li .box p {font-size: 16px;margin: 15px 0 0 0;line-height: 1.6;} .part_guide .timeline_list > li span {font-size: 16px;color: #555;line-height: 160%;display: block;} .part_guide .unit {display: block;text-align: right;float: right;} .part_guide .booth .desc_box > ul > li {line-height: 160% !important;font-size: 18px;padding-top: 1rem;position: relative;padding-left: 15px;} .part_guide .booth .desc_box > ul > li::before {content:"";width: 5px;height: 5px;display: block;background-color: #fff;position: absolute;left: 0;top: 26px;border-radius: 20px;} .part_guide .booth_details .tbl-type-c td {vertical-align: top;width: 33%;position: relative;border-right: 1px solid #c5c5c5;} .part_guide .booth_details .tbl-type-c td:last-of-type {border-right: none;} /* .part_guide .booth_details .tbl-type-c td::after {content: '';width: 1px;height: 50px;display: block;background-color: #fff;position: absolute;right: 0;top: 50px;} */ .part_guide .booth_details .tbl-type-c td img {margin:0 auto;display: block;} .part_guide .booth_details .tbl-type-c td > strong {text-align: center;font-size: 24px;display: block;background: #efefef;padding: 1rem 0;} .part_guide .tbl-type-a th {padding: 1rem 3rem;} .part_guide .utilities .tbl-type-a th {text-align: center;} .part_guide .utilities .tbl-type-a td {border-right: 1px solid #d7d7d7;} .part_guide .utilities .tbl-type-a td.br_none {border-right: none;} /* EXHIBITOR REGISTRATION */ .ex_regi .step_sub {font-weight: 700;display: block;font-size: 24px;} .ex_regi .step {margin-bottom: 100px;} .ex_regi .step:last-of-type {margin-bottom: 0;} .ex_regi .step > strong {font-size: 36px;margin-bottom: 2rem;display: block;} .ex_regi .step > strong > br {display: none;} .ex_regi .step > strong > span {display: inline-block;padding: 0.5rem 1rem;border-radius: 30px;background: linear-gradient(to right,#0027a6, #0054cf, #0081ee, #01e9e3, #11dd2f);} .ex_regi .step .desc p {margin: 10px 0;} .ex_regi .step .note {margin-top: 30px;background-color: #0081ee;color: #fff;padding: 1rem;} .ex_regi .step .note strong {font-size: 24px;padding-left: 30px;position: relative;} .ex_regi .step .note strong::before {content: '';width: 24px;height: 24px;background: url('/en/wp-content/uploads/sites/2/2022/08/alert_icon.png') no-repeat center center;position: absolute;left: 0;top: 2px;} .ex_regi .step .note p {margin: 10px 0;} .ex_regi .step .regi_info {margin: 50px 0;} .ex_regi .step .regi_info > ul > li {border-bottom: 1px solid #d7d7d7;padding: 1rem 0;} .ex_regi .step .regi_info > ul > li:first-of-type {border-top: 1px solid #d7d7d7;} .ex_regi .step .regi_info > ul > li > br {display: none;} .ex_regi .step .regi_info > ul > li strong {width: 290px;display: inline-block;} .ex_regi .step .downloads > ul {display: flex;justify-content: center;} .ex_regi .step .downloads > ul > li {width: 430px;text-align: center;border: 1px solid #fff;flex: none;padding: 2rem 1rem;} .ex_regi .step .downloads > ul > li:first-of-type {margin-right: 30px;} .ex_regi .step .downloads > ul > li > img {margin-bottom: 10px;} #sub .ex_regi .step .downloads > ul > li a {padding: 24px;justify-content: center;} .ex_regi .step .downloads > ul > li a:hover {color: #fff;background-color: #0054cf;} .ex_regi .step .downloads > ul > li p {font-size: 20px;font-weight: 500;margin: 0 0 10px 0;} /* PARTICIPATION BENEFITS */ .part_benefit {position: relative;} .part_benefit .benefit_list {} .part_benefit .benefit_list > li {border-bottom: 1px solid #d7d7d7;padding: 30px 0;} .part_benefit .benefit_list > li .list_wrap {display: flex;align-items: center;} .part_benefit .benefit_list .tit_box {display: flex;align-items: center;flex-direction: column;position: relative;} /* .part_benefit .benefit_list .tit_box::after {content: '+';width: 45px;height: auto;text-align: center;display: block;color: #000c8e;font-size: 24px;font-weight: 700;position: absolute;right: 40px;top: 0;} */ .part_benefit .benefit_list .tit_box:hover::after {color: #fff;background-color: #000c8e;} .part_benefit .benefit_list .tit_box > img {width: 120px;background: linear-gradient(to right,#0027a6, #0054cf, #0081ee, #01e9e3, #11dd2f);padding: 1rem;margin-bottom: 30px;} .part_benefit .benefit_list > li .pop {} .part_benefit .benefit_list > li .pop.on {display: block;} .part_benefit .benefit_list > li .pop .pop_wrap {padding-left: 40px;line-height: 1.6;} .part_benefit .benefit_list > li .pop .pop_wrap > p {padding: 1rem;} .part_benefit .benefit_list > li .pop strong {color: #fff;background: linear-gradient(to right,#01e9e3, #11dd2f);display: block;padding: 1rem;} .part_benefit .benefit_list > li .pop p {line-height: 1.6;} #sub .part_benefit .benefit_list > li .pop li {line-height: 1.6;} .part_benefit .benefit_list > li .pop .desc {padding: 1rem;} .part_benefit .benefit_list > li .pop .close {position: absolute;right: 1rem;top: 24px;} /* SPONSORSHIP PROGRAM */ #sub .sponsor_prog .about_top .desc {width: 100%;max-width: 1260px;left: 50%;transform: translate(-50%, -50%);} .sponsor_prog .prog_list > strong {font-size: 36px;display: block;padding: 2rem 0;} .sponsor_prog .prog_list > ul > li {display: flex;margin-bottom: 30px;} .sponsor_prog .prog_list > ul > li > strong {font-size: 28px;width: 360px;flex: none;position: relative;padding-left: 30px;display: flex;align-items: center;} /* .sponsor_prog .prog_list > ul > li > strong::after {content: '';width: 40px;height: 40px;display: block;position: absolute;left: 0;top: -5px;z-index: -1;border-radius: 100%;} .sponsor_prog .prog_list > ul > li.plus > strong::after {background-color: #629be1;} .sponsor_prog .prog_list > ul > li.pro > strong::after {background-color: #8ee6b1;} .sponsor_prog .prog_list > ul > li.standard > strong::after {background-color: #86d0e3;} .sponsor_prog .prog_list > ul > li.dia > strong::after {background-color: #a97edf;} .sponsor_prog .prog_list > ul > li.gold > strong::after {background-color: #fad102;} .sponsor_prog .prog_list > ul > li.silver > strong::after {background-color: #e5e8ee;} */ .sponsor_prog .prog_list > ul > li.plus > strong {background-color: #92bdf3;} .sponsor_prog .prog_list > ul > li.pro > strong {background-color: #8ee6b1;} .sponsor_prog .prog_list > ul > li.standard > strong {background-color: #86d0e3;} .sponsor_prog .prog_list > ul > li.dia > strong {background-color: #a97edf;} .sponsor_prog .prog_list > ul > li.gold > strong {background-color: #fad102;} .sponsor_prog .prog_list > ul > li.silver > strong {background-color: #e5e8ee;} .sponsor_prog .prog_list > ul > li .details {padding: 1rem 1rem 1rem 2rem;} .sponsor_prog .prog_list > ul > li .details > ul > li {font-size: 18px;line-height: 160% !important;margin-bottom: 15px;position: relative;padding-left: 15px;} .sponsor_prog .prog_list > ul > li .details > ul > li::before {content: '';width: 5px;height: 5px;display: block;background-color: #666;border-radius: 10px;position: absolute;left: 0;top: 10px;} .sponsor_prog .prog_list > ul > li .details.tit strong {font-size: 24px;position: relative;padding-bottom: 1rem;display: block;} .sponsor_prog .prog_list > ul > li .details.tit strong::after {content: '';width: 465px;height: 1px;display: block;background-color: #fff;position: absolute;left: 0;bottom: 0;} .sponsor_prog .prog_list > ul > li.none {margin-bottom: 30px;} /* OFFICIAL SUBCONTRACTORS */ #sub .offi_subcont .sub_cont_tit {width: 620px;} #sub .offi_subcont .about_top .desc {width: 100%;max-width: 1260px;left: 50%;transform: translate(-50%, -50%);} .offi_subcont .offi_box {margin-bottom: 80px;} .offi_subcont .txt_box p {font-size: 24px;} .offi_subcont .include > p {font-weight: 700;font-size: 28px;} .offi_subcont .include > ul {display: flex;flex-wrap: wrap;} .offi_subcont .include > ul > li {position: relative;padding-left: 30px;flex: none;width: 25%;/*font-size: 24px;width: 40%;display: inline-block;*/} .offi_subcont .include > ul > li::before {content:'';width:24px;height: 24px;display: inline-block;background: url('/en/wp-content/uploads/sites/2/2022/07/subcont_chk.png') no-repeat left center;position: absolute;left: 0;top: 13px;} .offi_subcont .official strong {font-size: 28px;} .offi_subcont .official > div {display: flex;align-items: center;} .offi_subcont .official > div > ul {display: flex;flex-wrap: wrap;width: 70%;} .offi_subcont .official > div > ul > li {width: 46%;flex: none;text-align: center;padding: 2rem 0.7rem;margin: 0 10px 10px 0;background: linear-gradient(to right,#01e9e3, #11dd2f);color: #333;} #sub .offi_subcont .download > a {padding: 1rem 6.5rem;} .offi_subcont .download > a:hover {color: #fff;background-color: #0054cf;} .offi_subcont .tele > strong {font-size: 36px;} .offi_subcont .tele > p {} .offi_subcont .tele > p strong {color: #01e9e3;font-size: 24px;} /* MEDIA ADVERTISEMENT */ #sub .media_ad .sub_cont_tit {width: 570px;} .media_ad .ad_box {margin-bottom: 80px;} .media_ad .ad_box > strong {font-size: 36px;} .media_ad .possible {display: flex;align-items: center;} .media_ad .possible > img {margin-right: 60px;padding: 20px;background-color: #f3f3f3;border-radius: 10px;} .media_ad .possible .xpace {} .media_ad .possible .xpace strong {font-size: 36px;} .media_ad .channel > ul {display: flex;flex-wrap: wrap;} .media_ad .channel > ul > li {width: 50%;padding: 1rem;} .media_ad .channel > ul > li > img {width: 100%;} .media_ad .channel > ul > li > strong {font-size: 26px;display: block;margin-bottom: 0.7rem;text-align: center;position: relative;} .media_ad .channel > ul > li > strong::after {content: '';width: 60px;height: 3px;display: block;background-color: #01e9e3;position: absolute;bottom: -18px;left: 50%;transform: translateX(-50%);} .media_ad .channel > ul > li p {margin: 0;line-height: 1.6;} .media_ad .tbl_box2 > table:first-of-type {margin-bottom: 50px;} .media_ad .regi > ul {display: flex;} .media_ad .regi > ul > li {width: 20%;text-align: center;padding: 1rem;position: relative;} .media_ad .regi > ul > li::after {content: '';width: 1px;height: 100px;display: block;background-color: #666;position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .media_ad .regi > ul > li > p {font-size: 18px;line-height: 1.6;margin: 0;} .media_ad .regi > ul > li > p > strong {font-size: 26px;position: relative;display: block;margin-bottom: 2rem;} .media_ad .regi > ul > li > p > strong::after {content: '';width: 40px;height: 3px;display: block;background-color: #01e9e3;position: absolute;bottom: -18px;left: 50%;transform: translateX(-50%);} .media_ad .regi > ul > li .img_box {width: 180px;height: 180px;margin: 0 auto 0;border: 3px solid #fff;border-radius: 100%;position: relative;} .media_ad .regi > ul > li .img_box > img {width: 100px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);background: linear-gradient(to right,#0027a6, #0054cf, #0081ee, #01e9e3, #11dd2f);padding: 1rem;border-radius: 10px;} .media_ad .down > ul {display: flex;justify-content: center} .media_ad .down > ul > li:first-of-type {margin-right: 30px;} .media_ad .down > ul > li > a {padding: 1rem 2rem;} /* .media_ad .down > ul > li > a {background: linear-gradient(to right,#0027a6, #0054cf, #0081ee, #01e9e3, #11dd2f);border-radius: 8px;display: inline-block;font-size: 20px;padding: 5px;text-decoration: none;} */ /* .media_ad .down > ul > li > a > span {background: #000;display: block;border-radius: 6px;font-size: 24px;font-weight: 500;padding: 1rem 2rem;} */ .media_ad .down > ul > li > a:hover {color: #fff;background: #0054cf;} .media_ad .tbl-type-a th {padding: 1rem 3rem;} .media_ad .tbl-type-a th {text-align: center;} .media_ad .tbl-type-a td {border-right: 1px solid #d7d7d7;} .media_ad .tbl-type-a td.br_none {border-right: none;} /* VISITOR GUIDE */ #sub .visit_guide .sub_cont_tit {width: 450px;} .visit_guide .visit_guide_box {margin-bottom: 80px;} .visit_guide .visit_guide_box:last-of-type {margin-bottom: 0;} .visit_guide .visit_guide_box > strong {font-size: 36px;} .visit_guide .open_date > ul > li > ul {display: flex;} .visit_guide .open_date > ul > li > ul > li {width: 30%;} .visit_guide .open_date > ul > li > ul .date {font-weight: 700;position: relative;} .visit_guide .open_date > ul > li > ul .date::after {content:'';width: 1px;height: 20px;display: block;background-color: #fff;position: absolute;right: 65px;top: 18px} .visit_guide .ticket p {font-size: 24px;} /* ENTRANCE PROCEDURE */ #sub .ent_pro .sub_cont_tit {width: 600px;} .ent_pro .ent_pro_box {margin-bottom: 80px;} .ent_pro .ent_pro_box > strong {font-size: 36px;} .ent_pro .order {display: flex;padding-left: 20px;position: relative;} .ent_pro .order::before {content:'';width: 10px;height: 30px;display: block;background: linear-gradient(to bottom,#0027a6, #0054cf, #0081ee, #01e9e3, #11dd2f);position: absolute;left: 0;top: 10px;} .ent_pro .order > li {position: relative;margin-right: 40px;} .ent_pro .order > li::after {content: "";width: 20px;height: 20px;display: block;background: url('/en/wp-content/uploads/sites/2/2022/07/guide_arr02.png') no-repeat center center #01e9e3;position: absolute;right: -31px;top: 14px;} .ent_pro .order > li:last-of-type::after {display: none;} .ent_pro .bar > li {position: relative;padding-left: 15px;line-height: 160% !important;} .ent_pro .bar > li::before {content: '';width: 5px;height: 5px;display: block;background-color: #5a5a5a;position: absolute;left: 0;top: 15px;border-radius: 10px;} .ent_pro .ent_pro_box > ul > li > p {font-size: 24px;margin: 14px 0 7px;font-weight: 700;} .ent_pro .common > li {} /* NOTICE */ .notics h3 {display: none;} /* Newsletter */ .newsletter h3 {display: none;} .newsletter .kboard-list > div {width:100%;display: flex;float: none;padding-bottom: 40px;} .newsletter .kboard-list > div:first-of-type {padding-top: 40px;} .newsletter .kboard-thumbnail-cut-strings {font-size: 24px;font-weight: 700;} .newsletter .kboard-list > div:hover img {opacity: 1;} .newsletter .kboard-list > div .kboard-list-thumbnail {flex: none;width: 360px;height: 200px;overflow: hidden;} .newsletter .kboard-list > div .kboard-list-thumbnail a img {width: 100%;} .newsletter .kboard-list > div .kboard-thumbnail-cut-strings {text-align: left;} .newsletter .kboard-date {display: block;font-weight: 400;font-size: 18px;padding-top: 1rem;color: rgb(167, 167, 167);} .newsletter .kboard-list-title {padding-left: 30px;} .newsletter .kboard-list-title > a:hover {color: #000c8e !important;} .newsletter .txt_box {margin-bottom: 50px;text-align: center;} .newsletter .txt_box p {font-size: 22px;} .newsletter .subscribe {text-align: center;} #sub .newsletter .subscribe > a {background-color: #0027a6;display: inline-block;width: 300px;padding: 0.5rem 0;font-size: 20px;font-weight: 700;color: #fff;} #sub .newsletter .subscribe > a:hover {color: #fff;background-color: #0054cf;} .newsletter .content-view .img-box {display: none;} #sub .newsletter .about_top.mb-100 {margin-bottom: 50px;} #sub .newsletter .about_top .desc {width: 100%;max-width: 1260px;left: 50%;transform: translate(-50%, -50%);} #sub .newsletter_notice .about_top .desc {width: 100%;max-width: 1260px;left: 50%;transform: translate(-50%, -50%);} #sub .newsletter_notice .about_top.mb-100 {margin-bottom: 50px;} .newsletter_notice {text-align: center;} .newsletter_notice input[type="checkbox"] {border: 1px solid #d7d7d7;border-radius: 0;} .newsletter_notice input[type="submit"] {background-color: #000c8e;font-size: 20px;margin-top: 10px;} .newsletter_notice input[type="submit"]:hover {background-color: #0027a6;} .newsletter_notice .your-name {margin-bottom: 10px;display: block;} .newsletter_notice label {font-weight:400;font-size: 16px;display: flex;} .newsletter_notice span.wpcf7-list-item {display: flex;align-items: flex-start;} .newsletter_notice span.wpcf7-list-item > input {margin-top: 6px;} .newsletter_notice .letter_refer {display: flex;} .newsletter_notice .letter_refer br {display: none;} .newsletter_notice .letter_refer > label:first-of-type {margin-right: 50px;} .newsletter_notice .letter_refer > label > a {text-decoration:underline;margin-left: 10px;} .newsletter_notice .letter_refer > label > a:hover {text-decoration: none;} .newsletter_notice div.wpcf7 .ajax-loader {display: none;} /* videos */ #sub .media_vid .sub_cont_tit {margin-bottom: 40px;width: 490px;} .media_vid .wrap > strong {font-size: 36px;display: block;} .media_vid .yt_iframe {position: relative;width: 100%;height: 0;padding-bottom: 68.25%;} .media_vid iframe {position: absolute;width: 100%;height: 100%;left: 0;top: 0;} /* INFORMATION */ .info_info .info_list {display: flex;flex-wrap: wrap;justify-content: center;} .info_info .info_list > li {padding: 30px;margin-bottom: 50px;border-bottom: 1px solid #fff;flex: none;width: 40%; box-shadow: 5px 9px 14px 0px #d9d9d95c;} .info_info .info_list > li:nth-of-type(odd) {margin-right: 4%;} .info_info .info_list > li:last-of-type {border-bottom: none;} .info_info .info_list > li > a {display: flex;align-items: center;background: url('/en/wp-content/uploads/sites/2/2022/07/info_next.png') no-repeat center right;} .info_info .info_list > li > a:hover {color: #fff;background: url('/en/wp-content/uploads/sites/2/2022/07/info_next_blue.png') no-repeat center right;} .info_info .info_list > li > a > p {font-size: 24px;font-weight: 700;} .info_info .info_list > li > a > img {width: 120px;margin-right: 50px;background: linear-gradient(to right,#0027a6, #0054cf, #0081ee, #01e9e3, #11dd2f);padding: 1rem;} /* FAQ */ .info_faq .tabs {margin-bottom: 50px;} .info_faq .tabs > ul {display: flex;justify-content: center;} .info_faq .tabs > ul > li:first-of-type {margin-right: 30px;} .info_faq .tabs > ul > li > a {width: 180px;text-align: center;display: inline-block;font-size: 24px;padding: 1rem;border: 2px solid #d7d7d7;} .info_faq .tabs > ul > li > a:hover, .info_faq .tabs > ul > li > a:active, .info_faq .tabs > ul > li > a:focus {color: #fff;} #sub .info_faq .tabs > ul > li.on > a {border: 2px solid #fff;background: linear-gradient(to right,#0027a6, #0054cf, #0081ee, #01e9e3, #11dd2f);font-weight: 700;color: #fff;} .info_faq .panel {display: none;} .info_faq .panel.on {display: block;} /* accordion */ .accordion-container .accordion-title { position: relative; margin: 0; padding: 1em 1em 1em 2em; background-color: #fff; font-size: 1.25em; font-weight: normal; color: #333; cursor: pointer; border-bottom: 1px solid #d7d7d7; } .accordion-container .accordion-title:hover {color: #fff;} .accordion-container .accordion-title.open {color: #fff;} .accordion-container .accordion-title > span { font-weight: 700; font-size: 1.4em; padding-right: 10px; } .accordion-container .accordion-title:first-of-type { border-top: 1px solid #d7d7d7; } .accordion-container .accordion-title:hover, .accordion-container .accordion-title:active, .accordion-title.open { background-color: #0054cf; border-bottom: 1px solid #0054cf; } .accordion-container .accordion-title::before { content: ""; position: absolute; top: 50%; right: 25px; width: 15px; height: 2px; transform: rotate(90deg); background: #fff; transition: all .3s ease-in-out; } .accordion-container .accordion-title::after { content: ""; position: absolute; top: 50%; right: 25px; width: 15px; height: 2px; background: #fff; transition: all .2s ease-in-out; } .accordion-container .accordion-title.open::before { transform: rotate(180deg); } .accordion-container .accordion-title.open::after { opacity: 0; } .accordion-content { padding: 0 2.3125em; border: 1px solid #0079c1; } .accordion-content p { font-size: 18px; } /* CONTACT US */ #sub .info_contact .sub_cont_tit {width: 490px;} .info_contact .wrap > strong {font-size: 36px;} .info_contact .info_contact_list {display: flex;justify-content: center;flex-wrap: wrap;} .info_contact .info_contact_list > li {padding: 30px;margin-bottom: 50px;border-bottom: 1px solid #fff;flex: none;width: 40%;box-shadow: 5px 9px 14px 0px #d9d9d95c;text-align: center;} .info_contact .info_contact_list > li:nth-of-type(odd) {margin-right: 4%;} .info_contact .info_contact_list > li > img {width: 120px; background: linear-gradient(to right,#0027a6, #0054cf, #0081ee, #01e9e3, #11dd2f);padding: 1rem;} .info_contact .info_contact_list > li > p {font-size: 24px;font-weight: 700;} /* login */ #wpmem_login {width: 360px !important;margin: 0 auto;border: 1px solid #e7e7e7;padding: 1rem;} #wpmem_login .button_div {display: flex;justify-content: space-between;align-items: center;} #wpmem_login #rememberme {margin-right: 10px;border: 1px solid #d7d7d7;border-radius: 0;} #wpmem_login .pwd_box {margin: 30px 0;} #wpmem_login .wpmem_msg {width: 88%;color: #fff;background: #cc3300;font-weight: 700;font-size: 18px;margin: 0 auto;} #wpmem_login .wpmem_msg > a {display: block;color: #fff;text-decoration: underline;} /* register */ #wpmem_reg {margin: 0 auto;} #wpmem_reg .regi_box {margin-bottom: 80px;} #wpmem_reg .regi_box > strong {display: block;background-color: #555;color: #fff;font-size: 24px;padding: 1rem;margin-bottom: 30px;} #wpmem_reg .div_text {margin-bottom: 30px !important;} #wpmem_reg .wpmem_msg {width: 60%; color: #fff;background: #cc3300;font-weight: 700;font-size: 18px;} #sub .booth_layout > ul > li {text-align: center;margin-bottom: 40px;} #sub .booth_layout > ul > li > img {border: 1px solid #d7d7d7;padding: 1rem;}