/***
#고급형 사이트(21년 12월 신은빈 작업)
- 네이밍 규칙으로 class는 케밥 케이스(ex. text-box) 표기, id는 카멜 케이스(ex. textBox) 표기법을 사용합다.
- class 네임을 정할  wrap > area > box 순으로 정합니다.(필수사항은 아닙니다.)
- 컨텐츠 사에 간격은 margin-bottom: 60px(class=“mb60”)이 기본니다.
- 미디어쿼리는 1400, 760, 580, 480으로 지정으며, 깨지는 구간 있으면 추가하시면 됩니다.
- PC는 15px = 1rem, MO은 14px = 1rem이며, 숫자가 변경될 경우에는 style.css 內 default 부분을 변경해야 합다.
- inner의 너비는 1400px로 지정했으며, 변경하도 됩니다. // ctrl + h로 전체 변경 후 사용(1400 디어쿼리도 변경하여 용합니다)
- 메인컬러 : #112158 // ctrl + h로 전체 경 후 사용
- 서브컬러1 : #0081cc // ctrl + h로 전체 변경 후 사용
- 서브컬러2 : #172c72 // ctrl + h로 전 변경 후 사용
- 서브컬3 : #88dbe6 // ctrl + h로 전체 변경 후 사용
- 약관 타일 변경은 약관용 style.css를 만들어서 js로 연결하여 사용합니다. js는 템플릿 사이트의 푸터 넣어두었습니다.
- https://micehub.atlassian.net/wiki/spaces/PROD/pages/1427996896 해 사이트 참고하여 작업시고, 주석 부분은 지주시기 바랍니다.
***/

/* fonts */
@import url('https://webfontworld.github.io/SCoreDream/SCoreDream.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;700;900&display=swap');

/* reset */
div, table, td, th, span, p, a, h1, h2, h3, h4, h5, h6, dl, ol, ul, li, dd, dt {color: #333; font-family: 'Montserrat', sans-serif; word-break: break-word;}
* {color: #333; font-family: 'SCoreDream' , 'Noto Sans KR', sans-serif; word-break: break-word; box-sizing: border-box; line-height: 1.4; vertical-align: unset; } /* 중문이 깨질 경우 폰트 변경해서 사용세요 */

/* UI */
#appMenuButton {display:none; position:absolute; top: 50%; transform: translateY(-50%); left:1rem; box-sizing:border-box; width:2rem; height:2rem; text-align:center; z-index:10;}
#appMenuButton i {font-size:2rem; line-height:2rem; color: #000;}

/* default */
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:0.33rem !important;}
.mt10 {margin-top:0.67rem !important;}
.mt15 {margin-top:1rem !important;}
.mt20 {margin-top:1.33rem !important;}
.mt30 {margin-top:2rem !important;}
.mt40 {margin-top:2.67rem !important;}
.mt50 {margin-top:3.33rem !important;}
.mt60 {margin-top:4rem !important;}
.mt70 {margin-top:4.67rem !important;}
.mt80 {margin-top:5.33rem !important;}
.mt90 {margin-top:6rem !important;}
.mt100 {margin-top:6.67rem !important;}
.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:0.33rem !important;}
.mb10 {margin-bottom:0.67rem !important;}
.mb15 {margin-bottom:1rem !important;}
.mb20 {margin-bottom:1.33rem !important;}
.mb30 {margin-bottom:2rem !important;}
.mb40 {margin-bottom:2.67rem !important;}
.mb50 {margin-bottom:3.33rem !important;}
.mb60 {margin-bottom:4rem !important;}
.mb70 {margin-bottom:4.67rem !important;}
.mb80 {margin-bottom:5.33rem !important;}
.mb90 {margin-bottom:6rem !important;}
.mb100 {margin-bottom:6.67rem !important;}
.ml5 {margin-left:0.33rem !important}
.ml10 {margin-left:0.66rem !important}
.ml15 {margin-left:1rem !important}
.mr5 {margin-right:0.33rem !important}
.mr10 {margin-right:0.66rem !important}
.mr15 {margin-right:1rem !important}

.pt10 {padding-top:0.67rem !important;}
.pt20 {padding-top:1.33rem !important;}
.pb10 {padding-bottom:0.67rem !important;}
.pb20 {padding-bottom:1.33rem !important;}
.pl10 {padding-left:0.67rem !important;}
.pl15 {padding-left:1rem !important;}
.pl20 {padding-left:1.33rem !important;}
.pl30 {padding-left:2rem !important;}

.dpb {display:block !important;}
.dpi {display:inline !important;}
.dpib {display:inline-block !important;}
.dpf {display: flex;}
.dpf-c {display: flex; justify-content: center; align-items: center; }
.dpf-r {display: flex; justify-content: flex-end;align-items: center; }
.por {position:relative}
.poa {position:absolute;}
.pof {position:fixed}
.fl {float:left !important;}
.fr {float:right !important;}
.cle:after {content: ""; display:block; clear:both}
.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}

html {font-size: 15px;}
body {min-width: 320px;}
#con_container img {max-width: 100%;}
[data-object-fit='cover'] {width: 100%; height: 100%; object-fit: cover;}
[data-object-fit='contain'] {width: 100%; height: 100%; object-fit: contain;}

/* title */
.title01 {margin-bottom: 1rem; font-size: 2rem; font-weight: bold; color: #172c72; display: block;}
.title02 {margin-bottom: 0.8rem; font-size: 1.63rem; display: block;}
.title02::before {display: inline-block; width: 0.4rem; height: 1.4rem; margin-right: 0.5rem; background-color: #112158; content: '';}
.title03 {margin-bottom: 0.5rem; font-size: 1.2rem; color: #0081cc;}
.title04 {margin-bottom: 0.5rem; font-size: 1.2rem;}

/* txt */
.gray-box {padding: 2rem; background-color:#e7e7e7;}
.gray-box span {vertical-align: top;}

/* list */
.nor-list li {display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 1rem;}
.nor-list li strong {display: block; width: 120px; margin-right: 2rem; font-size: 1.2rem; font-weight: bold; color:#000; text-align: justify; text-align-last: justify;}
.nor-list li span {display: block; width: calc(100% - 120px - 2rem);}
.nor-list li img {height: 4rem; margin-right: 1rem;}
.ronud-list li {display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 1rem;}
.ronud-list li strong {display: block; width: 180px; margin-right: 2%; padding: 0.2rem 0.5rem; background-color: #112158; color: #fff; font-size: 1.1rem; border-radius: 1rem; text-align: center;}
.ronud-list li img {height: 4rem; margin-right: 1rem;}
.dash-list li {padding-left: 14px; text-indent: -7px;}
.dash-list li::before {display: inline-block; margin-right: 0.5rem; content: '-';}
.dot-list li {padding-left: 14px; text-indent: -7px;}
.dot-list li::before {display: inline-block; margin-right: 0.5rem; content: '\00b7';}
.img-list {display: flex; flex-wrap: wrap; justify-content: space-between;}
.img-list li {display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; color: #fff; padding: 1rem; background-color: #f8f8f8; text-align: center; border-radius: 2rem;}
.img-list li::after {display: block; position: absolute; top: 50%; transform: translateY(-50%); max-width: 15px; width: 1.25vw; max-height: 27px; height: 2.25vw; background: url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/arr_next.png') no-repeat center center / contain; content: '';}
.img-list li:last-child:after {display: none;}
.img-list li img {height: 4rem; margin-bottom: 1rem;}
.img-list li h3 {margin-bottom: 1rem;}
.img-list li .btn {margin-top: 1rem;}
.img-list.item3 li {width: 30%;}
.img-list.item3 li::after {right: -2rem; z-index: 10;}
.img-list.item4 li {width: 22%;}
.img-list.item4 li::after {right: -2rem; z-index: 10;}
.img-list.item5 li {width: 18%;}
.img-list.item5 li::after {right: -1.5rem; z-index: 10;}

/* table */
table .bg {background-color: #112158 !important; color: #fff;}
table.nor-tbl .skyblue { background-color:#e1ecfe !important; }
table.nor-tbl .yellow1 { background-color:#fce473 !important; }
table.nor-tbl .yellow2 { background-color:#fff5b3 !important; }

.nor-tbl { width: 100%; border-top: 2px solid #112158;}
.nor-tbl th,
.nor-tbl td {padding: 1rem 1rem; border-bottom: 1px solid #ddd; font-size: 1.133rem; word-break: keep-all;}
.nor-tbl th b,
.nor-tbl td b {font-size: 1.133rem;}
.nor-tbl thead th {background-color: #f1f1f1;}
.nor-tbl tbody th {background-color: #f7f7f7;}

.nor-tbl td .dotList > li { padding-left: 0; text-indent: 0;}

.nor-tbl.add-bd th,
.nor-tbl.add-bd td {border-left: 1px solid #ddd; word-break: break-word;}
.nor-tbl.add-bd th:first-child,
.nor-tbl.add-bd td:first-child {border-left: none;}


/* button */
a.btn1,
.btn_1,
.btn {display: inline-block; width: auto; height: auto; margin: 0 0.5rem; padding: 0.5rem 1rem; background: #112158; font-size: 1rem; font-weight: normal !important; color:#fff; border-radius: 5px; text-align: center; transition: 0.3s; border-radius: 5px;}
a.btn1 *,
.btn_1 * {color: #fff;}
a.btn1.default {background-color: #555;}
a.btn1:hover,
a.btn1:active,
a.btn1.selected {background: #112158; opacity: 0.8;}
.btn_1:hover,
.btn_1:active,
.btn:hover,
.btn:active {opacity: 0.8;}
.btn.small {padding: 0.5rem; font-size: 1rem;}
.btn.wide {padding: 1rem 2rem; font-size: 1.4rem;}
.btn.line {background-color: transparent; border: 1px solid #0081cc; color: #0081cc;}
.btn.round {border-radius: 2rem;}
.btn.sub1 {background-color:#0081cc;}
.btn.sub2 {background-color:#172c72;}
.btn.empty {display: flex; padding: 0.4rem 1rem 0.6rem; background: transparent; border:solid 1px #fff; border-radius: 3rem;}
/* .btn.empty a{color: #fff;} */

/** main common **/
#wrap {background: #fff;}

.main_page #header {width: 100%; height: 105px; background: #ffffffdb;}
#logo {top: 50%; transform: translateY(-50%); left: 50px;}
#topMenu { top: 50%; right: 180px; font-size: 1rem; transform: translate(0px, -50%); }
#topMenu > ul > li.tnb_sitemap {display: none;}
#topMenu > ul > li.tnb_lang {display: none;}
#topMenu >ul > li > a {border-right:none;}
#topMenu >ul > li > a span {color: #000; }
#topMenu >ul > li:first-child span{ position: relative; padding-right: 10px;}
#topMenu >ul > li:first-child span::after { content: ''; display: block; position: absolute; top: calc(50% - 7px); right: 0; width: 0.1px; height: 16.5px; background: #9f9f9f; }
#topMenu li.tnb_userinfo > span {color: #000; font-size: 1rem; vertical-align: top;}
#topMenu li.tnb_userinfo > span strong {color: #000;}
.hsection {position: absolute; top: 35%; right: 50px; z-index: 20; font-size: 0;}
.hsection > div {display:inline-block;}
.hsection > div ~ div {margin-left:0.6rem;}
.hsection #topMenu li {padding:0.5rem 0}
.hsection #topMenu .tnb_mypage,
.hsection #topMenu .tnb_logout {float:none; padding:0.2rem 0}
.hsection #topMenu .tnb_userinfo {position:absolute; top:-2rem; right:0; width:50rem; letter-spacing:-0.5px;}
.hsection #topMenu a {font-size:1rem; color:#010101; border:none}
.hsection #topMenu .tnb_mypage a,
.hsection #topMenu .tnb_logout a {font-size:0.9rem; letter-spacing:-0.5px;}
.hsection #topMenu .tnb_userinfo * {color:#444; font-weight:100}
.mobile-menu .hsection {display:none}
.lang-box {width:7rem; font-size:0.8rem; border: solid 1px #000; border-radius: 1rem; color:#000; background:#fff; font-weight:600; cursor:pointer;}
.lang-box .lang-button {display:block; padding:0.4rem 0 0.4rem 0.8rem; color: #000; box-sizing:border-box;}
.lang-box .lang-button i {color: #000; margin-top: 3px;}
.lang-box .lang-list {overflow:hidden; padding:0.5rem 0; border-radius: 1rem; background:#fff;}
.lang-box .lang-list li a {display:block; padding:0.5rem 1.2rem; color: #000;}
.lang-box .lang-list li a:hover {background:#aaa; color: #000;}
/* .lang-box.on {border-bottom-left-radius: 0; border-bottom-right-radius: 0;} */
.lang-box.on .lang-button {border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-bottom-left-radius: 0; border-bottom-right-radius: 0; transition: .3s;}
.hsection .snsArea a {display:inline-block; padding:0.35rem 0.65rem;}
.live-box{position:absolute;top:35%;right:22rem;}
.logged_in .live-box{right:auto;left:24.5rem;}
.live-btn{display: block; padding: 0.4rem; box-sizing: border-box;border: solid 1px #FF4599;background: #fff;}
.live-btn a{display:block;font-size: 0.8rem; font-weight: 600; color: #FF4599;}
#gnb { top: 50%; left: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); }
#gnb > li {font-size: 1.2rem;}
/* #gnb > li.selected > a {color: #0081cc !important; font-weight: 700;} */
#gnb > li > a { height: auto; padding: 0 2rem; color: #000; font-size: 1.2rem; font-weight: 600;}
#gnb > li > a.w {color: #fff;}
#gnb > li > a.b {color: #000;}
#gnb > li a:hover {color: #112158; font-weight: 700;}
#gnb > li > div {transform: translateX(-50%);}
#gnb > li .gnb_sub {min-width: 200px; margin-top: 1rem; padding: 0; border: none; border-radius: 0.66rem; box-shadow: 1px 1px 3px #333;}
#gnb > li:hover .gnb_sub {left: 0;}
#gnb > li .gnb_sub li {padding: 0.33rem 0.5rem; font-size: 1rem;}
#gnb > li .gnb_sub li a{font-weight: 600;}
.gnb_sub .nav-bullet {display: none;}
.mobile-menu {display: none;}
#sidebar {display: none;}
#container {width: 100%; border: none;}
#content {width: 100%; min-height: auto; margin: 0; padding: 0; border: none;}
.main_content #main_visual {position: relative; width: 100%; max-height: 600px; height: 31.25vw; margin: 0 auto 2rem; border: none;}
#main_visualBox > img {position: static; width: 100%; height: 100%; object-fit: cover;}

/** temp-A main **/
#logo .logo_m{display: none;}
.main .main-title {font-size: 3.2rem; color: #fff;}
.main .main-sub-title {font-size: 1.6rem; font-weight: 400; color: #fff;}
.fade-item {opacity: 0;}
.main-bg-wrap {background:url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/main_bg.png') 100% 100%; background-size: cover;}

/* #topMenu li.tnb_userinfo > span {color: #fff;} */
#topMenu li.tnb_userinfo > span strong {color: #112158;}

/* main-visual */
.visual {position:relative; height:100vh; margin-top: -105px;}
.visual .hooper {height: calc(100vh + 1px);}
.visual .visual-box {position:relative; background-size:cover; margin:0;}
.visual .visual-box.vis1 {background:url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/wsce2022_main_slide_1.JPG') 100% 100%; background-size: cover; text-align: center;}
.visual .visual-box.vis2 {background:url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/wsce2022_main_slide_2.JPG') 100% 100%; background-size: cover; text-align: center;}
.visual .visual-box.vis3 {background:url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/wsce2022_main_slide_3.JPG') 100% 100%; background-size: cover; text-align: center;}
.visual .visual-box.vis4 {background:url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/wsce2022_main_slide_4.JPG') 100% 100%; background-size: cover; text-align: center;}
.visual .visual-box.vis5 {background:url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/wsce2022_main_slide_5.JPG') 100% 100%; background-size: cover; text-align: center;}
.visual .visual-box.vis6 {background:url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/wsce2022_main_slide_6.JPG') 100% 100%; background-size: cover; text-align: center;}
.visual .visual-box.vis7 {background:url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/wsce2022_main_slide_7.JPG') 100% 100%; background-size: cover; text-align: center;}
.visual .visual-box.vis8 {background:url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/wsce2022_main_slide_8.JPG') 100% 100%; background-size: cover; text-align: center;}
.visual .visual-box.vis9 {background:url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/wsce2022_main_slide_9.JPG') 100% 100%; background-size: cover; text-align: center;}
.visual .visual-box.vis10 {background:url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/wsce2022_main_slide_10.jpg') 100% 100%; background-size: cover; text-align: center;}
.visual .visual-box.vis11 {background:url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/wsce2022_main_slide_11.JPG') 100% 100%; background-size: cover; text-align: center;}
.visual .visual-box.vis12 {background:url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/wsce2022_main_slide_12.jpg') 100% 100%; background-size: cover; text-align: center;}

.main-visual-arrow{position: absolute; display: flex; justify-content: space-between; width: 100%; top: 50%; transform: translate(0,-50%);}
.main-visual-arrow i {color: #fff; font-size: 3.5rem; padding: 2rem; text-shadow: 0px 0px 10px rgb(0 0 0 / 50%) }

.visual .visual-box-text {position:absolute; width: 100%; top: 53%; left: 50%; transform: translate(-50%, -50%);}
.visual .visual-box-text * {color: #fff; text-shadow: 0px 3px 5px #000;}
.visual .visual-title01 { position:absolute; max-width: 680px; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.visual .visual-dim {position: absolute; top: 0; left: 0; width: 100%; height: 100.1%; }

.visual .visual-box-text .main-btn {display: flex; justify-content: space-between; max-width: 22rem; margin: auto; padding: 1rem 3.5rem; border-radius: 5rem; border: solid 1px #fff; cursor: pointer;}
.visual .visual-box-text .main-btn p,
.visual .visual-box-text .main-btn span {color: #fff; font-size: 1.46rem; font-weight: 400;}
.visual .visual-box-text .main-btn:hover p,
.visual .visual-box-text .main-btn:hover span {font-weight: 700;}
.visual .hooper-pagination {padding: 15px 10px;}
.visual .hooper-indicator {margin: 0 3px; width: 40px; height: 3px;}
/* main-visual scoll down*/
.visual .scroll-downs {position: absolute; bottom: 7%; left: 50%; margin: auto; transform: translate(-50%, 0px);}
.visual .mousey {display: flex; justify-content: center; width: 35px; height: 65px; border: 2px solid #fff; border-radius: 25px; opacity: 0.55; box-sizing: content-box;}
.visual .scroller {width: 2px; height: 10px; border-radius: 100%; background-color: transparent; background: #fff; transform: translateY(10px); animation-name: scroll; animation-duration: 2.2s; animation-timing-function: cubic-bezier(.15,.41,.69,.94); animation-iteration-count: infinite;}
@keyframes scroll {
    0% {opacity: 0;}
    10% {transform: translateY(15px); opacity: 1;}
    100% {transform: translateY(20px); opacity: 0;}
}

/* main-quick-wrap*/
.main .main-quick-wrap { display: flex; justify-content: space-between; max-width: 1400px; margin: auto; padding-top: 6rem;}
.main .quick-left  { display: flex; flex-direction: column; width: 49.5%;}
.main .quick-left .quick-left-top {display: flex; justify-content: center; align-items: center; flex-direction: column;  min-height: 143.5px; margin-bottom: 2%; background: url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/quick-back.png') no-repeat 100% 100%; background-size: cover; text-align: center; border: solid 1px #424242; border-radius: 5px;}
.main .quick-left .quick-left-top .quick-title{ margin-bottom: 1.2rem; color: #fff; font-size: 1.667rem; font-weight: 900; line-height: 1.1;}
.main .quick-left .quick-left-top .quick-txt {color: #fff; font-size: 1rem; font-weight: 300; line-height: 1.6}
.main .quick-left .quick-left-bottom {display: flex; flex-wrap: wrap; justify-content: space-between; align-content: space-between; width: 100%; border-radius: 5px;}


.main .quick-right { display: flex; flex-wrap: wrap; justify-content: space-between; align-content: space-between; width: 49.5%; border-radius: 5px;}
.main .quick-icon-area { display: flex; align-items: center; width: 49%; min-height: 143.5px; padding: 1rem; border-radius: 5px; border:solid 1px #424242; box-sizing: border-box;}
.main .quick-icon-area img{ margin-right: 1.5rem;}
.main .quick-icon-area p{  color: #fff; font-size: 1.333rem; }
.main .quick-icon-area p b{color: #fff;}

.main .quick-left .icon-area01 {background: #7ac13a;}
.main .quick-left .icon-area02 {background: #3ac17d;}
.main .quick-right .icon-area03 {background: #3daadc;}
.main .quick-right .icon-area04 {background: #c5bc33}
.main .quick-right .icon-area05 {background: #b876f0}
.main .quick-right .icon-area06 {background: #fa7474}

/* main-slide program */
.main .pro {max-width: 100%; margin: auto; padding-top: 6rem; overflow:hidden;}
.main .pro .pro-top {display: flex; align-items: baseline; justify-content: space-between; max-width: 1400px; margin: auto;}
.main .pro .main-txt-area {display: flex; align-items: baseline;}
.main .pro .main-txt-area .main-title {margin-right: 1rem;}
.main .pro .empty a {color: #fff;}
.main .pro .pro-list {display: flex; max-width: 1400px; margin: auto; height: auto;}
.main .pro .pro-list .pro-item {width: 100%; margin-right: 2%;}
.main .pro .pro-list .pro-item:nth-child(3n){margin-right: 0rem;}
.main .pro .pro-list .pro-item .txt-area {height: auto; min-height: 8rem; padding: 1.3rem; border-radius: 0 0 0.5rem 0.5rem; background: #f3f3f3;}
.main .pro .pro-list .pro-item img {width: 100%; height: 16rem; border-radius:0.5rem 0.5rem 0 0; object-fit: cover;}
.main .pro .pro-list .pro-item .pro-txt {color: #112158; font-size: 1.2rem; font-weight: 600; white-space: pre-line; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.main .pro .pro-list .pro-item .pro-sub-txt {margin-top: 0.2rem; white-space: pre-line; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.main .pro .pro-list-more {opacity: 0; height: 0; transition: .5s;}
.main .pro .pro-list-more.on {opacity: 1; min-height: 5rem; height: 24.67rem; transition: .5s;}
.main .pro .pro-list-more.on:last-child {margin-bottom: 2rem;}

/* notice , youtube */
.main .notice {display: flex; max-width:1400px; margin:auto; padding-top: 6rem;}
.main .notice .info-left {width: 49%; margin-right: 2%;}
.main .notice .board-area .board-tab {border-bottom: solid 1px #fff;}
.main .notice .board-area .board-tab ul {display: flex;}
.main .notice .board-tab li {display: flex; justify-content: center; align-items: center; width: 25%; height: 4rem; cursor: pointer;}
.main .notice .board-tab li.on {border: none; border-radius: 1rem 1rem 0 0; background: #fff;}
.main .notice .board-tab li.on p {color: #112158;}
.main .notice .board-tab li p {color: #a7a7a7; font-size: 1.467rem; font-weight: 800;}
.main .notice .tab_content .recent_list {display: none;}
.main .notice .tab_content .recent_list.on {display: block;}
.main .notice .tab_content .recent_list li a {display: flex; flex-flow: row-reverse; justify-content: space-between; align-items: center; width: 100%; height: 100%;}
.main .notice .tab_content .recent_list .main_bbs li {position: relative; height: 5.4rem; display: flex; align-items: center; border-bottom: solid 1px #4f4f4f; transition: .2s;}
.main .notice .tab_content .recent_list .main_bbs li.fixed {background: #29292b;}
.main .notice .tab_content .recent_list .main_bbs li .title {overflow: hidden; width: 80%; padding-top: 0.5rem; margin-left: 1rem; margin-bottom: 0.5rem; color: #fff; font-size: 1.2rem; font-weight: 500; text-overflow: ellipsis; white-space: nowrap;}
.main .notice .tab_content .recent_list .main_bbs li .date {margin-right: 1rem; font-size: 1.1rem; color: #4dbeff;}
.main .notice .tab_content .recent_list .main_bbs li:hover {background: #29292b; transition: .2s;}
.main .notice .tab_content .recent_list .main_bbs li.fixed .title {padding-left: 3rem; font-weight: 800;}
.main .notice .tab_content .recent_list .main_bbs li.fixed .title::before {display: flex; align-items: center; justify-content: center; position: absolute; left: 1rem; width: 2rem; height: 2rem; border-radius: 100%; background: #0081cc; color: #fff; font-family: 'FontAwesome'; font-weight: bold; content: '\f12a';}
.main .notice .info-right {width: 49%;}
.main .notice .info-right .youtube-outer {position: relative; padding-top: 56.25%;}
.main .notice .info-right .youtube-outer iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

/* main graph*/
.main .graph {max-width: 1500px; margin: auto; padding-top: 6rem; }
.main .graph .main-txt-area {margin-left: 50px;}
.main .graph .statistics {display:flex; flex-flow: row wrap; position:relative; font-size:0; width:1500px; margin: auto;}
.main .graph .statistics li {display:block; width:20%; font-size:1rem;}
.main .graph .data {width:100%;}
.main .graph .graph {position:relative;width:100%; padding-top:100%;}
.main .graph .graph .paper {position:absolute; top:0; left:0; bottom:0; width:100%;}
.main .graph .graph .paper:before {content: ''; position: absolute; top: 50%; left: 50%; width: 12.5rem; height: 12.5rem; border: 7.9px solid #898c90; border-radius: 50%; box-sizing: border-box; transform: translate(-50%, -50%);}
.main .graph .graph .middle {display: flex; position:absolute; top:50%; left:0; width:100%; transform:translate(0, -50%); justify-content: center; align-items: center; color:#454545; text-align:center;}
.main .graph .graph .middle .fa {display:block; width:100%; font-size:3rem;}
.main .graph .graph .middle .number {display:block; font-size:3.6rem; color:#fff;}
.main .graph .graph .middle .number#counter-1 {font-size:2.3rem;}
.main .graph .graph .middle .number#counter-3 {font-size:3rem;}
.main .graph .graph .middle .dollar {display: block;margin-top: 0.5rem; position:relative; font-size: 2rem; line-height: 1; color:#fff;}
.main .graph .graph .middle .unit {font-size:3.6rem; font-weight:700; color:#fff;}
.main .graph .graph .middle .unit-2{font-size: 2.3rem;}
.main .graph .graph .middle .unit-3{font-size: 3rem;}
.main .graph .data .title {position:relative; margin-top:-2rem; font-size:1rem; color:#fff; text-align:center; line-height:1.5; word-break:keep-all; word-wrap:break-word;}
.main .graph .data .title span {display:block; color: #fff;}
.main .graph .fa-dollar-sign:before {color: #fff;}

.main .logo-list{ background-color: rgb(66 66 66 / 45%);; padding: 2rem 0; margin-top: 6rem;}
.main .logo-warp{max-width: 1400px; margin: auto;}
.main .logo-area-top{display: flex;}
.main .logo-area {display: flex; align-items: center;}

.main .logo-area .logo-box{display: flex; align-items: center; margin-right: 2rem;}
.main .logo-area strong{ min-width: 3.5rem; padding: 0.3rem 0.5rem; margin-right: 1rem; background-color: #c7c7c7; border-radius: 3px; font-size: 0.8rem; text-align: center;}

/* .main .logo-area .logo-box{display: flex; margin-right: 2rem;}
.main .logo-area strong{ min-width: 3.5rem; padding: 0.3rem 0rem; margin-right: 1rem; background-color: #c7c7c7; border-radius: 3px; font-size: 0.8rem; text-align: center;} */

.main .logo-area img{margin-right: 1.5rem;}

/* .main_visualBtn,
.roll {display: none;}
#main_con_wrap {display: flex; flex-wrap: wrap; justify-content: space-between; width: 1400px; margin: auto;}
#main_Lcon {width: 30%; float: none;}
#main_Rcon {width: 68%; margin: 0;}
#main_Lcon>div, #main_Rcon>div {padding-bottom: 0;}
#main_Lcon .title>a {border-bottom: none;}
.main_content .title {color: #000;}
.notice-widget dd {padding: 0; font-size: 1rem;}
.notice-widget dd:before {display: none;}
.notice-widget dd a {margin-right: 7rem;}
.custom-widget::after {display: block; clear: both; content: '';}
.custom-widget .quick-area {float: left; width: 60%; text-align: center;}
.custom-widget .quick-area .title {text-align: left;}
.custom-widget .quick-area .img-box {display: inline-block;}
.custom-widget .quick-area .img-box li {display: inline-block; width: 48%;}
.custom-widget .quick-area .img-box li img {width: 100%;}
.custom-widget .text-area {float: right; width: 38%;}
.custom-widget .text-area .txt {margin-bottom: 1rem;}
.custom-widget .text-area .txt strong {color: #112158;}
.custom-widget .text-area .txt span {display: block;} */


/* footer */
#scroll{display: none;}
/* #scroll {display: block; max-width: 100%; width: 100%; height: auto;}
#scroll li {text-align: center;}
#scroll .slick-track {display: flex; flex-direction: row; align-items: center;}
#scroll .slick-slide img {display: inline-block;} */
.main .footer {min-height: 100px; background-color: #fff; }
.footer { position: relative; min-height: 100px; background-color: #efefef; }
.footer > div {width: 1400px; padding: 2rem 0;}
.footer .foot-wrap-top a {position: relative; font-weight: 600;}
.footer .foot-wrap-top a ~ a {margin-left: 0.8rem; padding-left: 1rem; }
.footer .foot-wrap-top a ~ a::before { content: ''; display: block; position: absolute; top: calc(50% - 7.5px); left: 0; width: 1px; height: 14.5px; background: #000; }
.footer .foot-wrap-bottom *{color: #616161;}
.footer .foot-wrap-bottom { display: flex;  margin-top: 1rem;}
.footer .foot-wrap-bottom p {display: flex; align-items: center; }
.footer .foot-wrap-bottom p ~ p {margin-left: 2rem;}
.footer .foot-wrap-bottom p b {position: relative; margin-right: 1rem; padding-right: 1rem;}
.footer .foot-wrap-bottom p b::before { content: ''; display: block; position: absolute; top: calc(50% - 7.5px); right: 0; width: 1px; height: 14.5px; background: #000; }
.footer .foot-wrap-bottom p a{margin-right: 1rem;}

.footer .foot-wrap-top {display: flex; justify-content: space-between;}
.footer .foot-wrap-top .foot-img {position: absolute; display: flex; top: 2rem; right: 1rem;}
.footer .foot-wrap-top .foot-img a::before{content: none;}
.footer .foot-wrap-top .foot-img img{width: 100%; height: 25px; object-fit: contain;}
/* mgr popup */
.layerPopup .popup_content {padding: 0.5rem;}

/** sub common **/
#header {width: 100%; height: 105px; background: #ffffffdb; -webkit-box-shadow: 0px 10px 15px 5px rgb(0 0 0 / 15%); box-shadow: 0px 10px 15px 5px rgb(0 0 0 / 15%);
}
#content.sub_content {width: 100% !important; padding: 0; border: none;}
#content.sub_content .sub_visual {position: relative; width: 100%; max-height: 150px; height: 12.5vw; background: url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/wsce_sub_header_img_01.jpg') no-repeat center center / cover, rgba(0, 0, 0, 0.3); background-blend-mode : multiply;}
#content.sub_content .sub_visual .txt {position: absolute; left: 22%; top: 50%; transform: translateY(-50%); max-width: 380px; width: 31.6666vw;}
#content.sub_content .com_subtitle,
#content.sub_content #con_container,
#ex_application,
#content.sub_content form[name=frmBoardIns] {width: 1400px; margin: auto; padding: 2.4rem 0;}
#content.sub_content .com_subtitle .menu_name,
#ex_application .com_subtitle .menu_name,
#ex_application .com_subtitle .menu_name * {display: inline-block; color: #172c72; font-size: 1.8rem; font-weight: bold;}
#content.sub_content .com_subtitle .menu_name:before,
#ex_application .com_subtitle .menu_name:before {display: none;}
#content.sub_content .com_subtitle .breadcrumb,
#ex_application .com_subtitle .breadcrumb {display: flex; justify-content: flex-end; right: auto;}
#content.sub_content .com_subtitle .breadcrumb .path,
#ex_application .com_subtitle .breadcrumb .path {margin-right: 0.5rem; vertical-align: top;}
#content.sub_content .com_subtitle .breadcrumb .path:last-child,
#ex_application .com_subtitle .breadcrumb .path:last-child {color: #112158; margin-right: 0}
#content.sub_content .com_subtitle .breadcrumb .divider,
#ex_application .com_subtitle .breadcrumb .divider {margin-right: 0.5rem}
#content.sub_content .com_subtitle .breadcrumb a,
#ex_application .com_subtitle .breadcrumb a {color: #656565; font-weight: 500}
#content.sub_content .com_subtitle .breadcrumb span,
#ex_application .com_subtitle .breadcrumb span {color: #656565; font-weight: 500}
.fair_mypage #content.sub_content .com_subtitle {position: static; transform: none; padding-bottom: 2.4rem; margin-top: 2.4rem; border-bottom: 1px solid #dcdcdc; flex-direction: inherit; align-items: baseline;     justify-content: space-between;}
.tab_lst {display: flex; height: auto; margin: 0 0 60px 0; border: none; border: none; text-align: center;}
.tab_lst li {flex-grow: 1; float: none; border: none; margin-left: -1px;}
.tab_lst li a {height: auto; padding: 0.5rem 2rem; background: transparent; border: 1px solid #112158; font-size: 1.2rem; line-height: 1.6;}
.tab_lst li a.bgM {position: static; background: #112158; color: #fff;}
.tab_lst li a.bgM span {position: static; background: #112158; color: #fff;}
.tab_lst li a.bgM:after {display: none;}
.tab_lst li a:hover {text-decoration: none; line-height: 1.6;}

/* sub */
/* #header_wrap {background: url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/sub_visual.png') no-repeat center center / cover;} */
/* #header_wrap { -webkit-box-shadow: 0px 10px 15px 5px rgba(0,0,0,0.5); box-shadow: 0px 10px 15px 5px rgba(0,0,0,0.5); } */

.sub_content .sub_visual {top: -160px;}
.sub_content #con_container {margin-top: -160px !important;}
#content.sub_content .sub_visual {max-height: 100%; height: 300px !important;}
#content.sub_content .com_subtitle {display: flex; align-items: center; flex-direction: column-reverse; width: 100%; height: 4.5rem; position: absolute; bottom: 2.3rem; padding: 0; border-bottom: none;}

#content.sub_content .com_subtitle .menu_name {color: #fff; font-size: 1.7rem; font-weight: 600;}
#content.sub_content .com_subtitle .breadcrumb {top: 0;}
#content.sub_content .com_subtitle .breadcrumb, #ex_application .com_subtitle .breadcrumb {align-items: flex-start;}
#content.sub_content .com_subtitle .breadcrumb span, #ex_application .com_subtitle .breadcrumb span {color: #fff; font-size: 0.83rem; font-weight: 200;}
#content.sub_content .com_subtitle .breadcrumb .path, #ex_application .com_subtitle .breadcrumb .path {color: #fff; font-size: 0.83rem; font-weight: 200;}
#content.sub_content .com_subtitle .breadcrumb .path:last-child, #ex_application .com_subtitle .breadcrumb .path:last-child { color: #0081cc; font-size: 0.83rem; font-weight: 600;}

.fair_mypage #content.sub_content .com_subtitle .breadcrumb,
.fair_mypage #ex_application .com_subtitle .breadcrumb {display: block; position: static; margin-bottom: 1.25rem; text-align: right;}
.fair_mypage #content.sub_content .com_subtitle .breadcrumb span,
.fair_mypage #ex_application .com_subtitle .breadcrumb span {color: #000; font-size: 0.83rem; font-weight: 400;}
.fair_mypage #content.sub_content .com_subtitle .breadcrumb .path,
.fair_mypage #ex_application .com_subtitle .breadcrumb .path {color: #000; font-size: 0.83rem; font-weight: 400;}
.fair_mypage #content.sub_content .com_subtitle .breadcrumb .path:last-child,
.fair_mypage #ex_application .com_subtitle .breadcrumb .path:last-child {font-size: 0.83rem; font-weight: 600;}

/* login */
.help-signup {display: block; margin-bottom: 2rem !important;}
.fair_login .sub_visual {display: none;}
#login_content {width: 100%; margin: 4rem auto;}
#login_content .login_text {font-size: 1.1rem;}
#login_content .login-help a {padding: 0.5rem; border: 1px solid #0081cc; border-radius: 5px; font-weight: normal;}
#login_content .login-help a span {color: #0081cc;}
#login_content .login-help a span {color: #0081cc;}
.material-form form {width: 520px; margin: auto; padding: 3.5rem 1rem 1rem 1rem;}
.material-form .btn1 {margin: 0.3em 0 1.5em 0;}
.material-form input:-webkit-autofill ~ label {top: -30px !important;}
#save_login_status {vertical-align: bottom;}

/* sign up */
.fair_sign #content.sub_content > form {padding: 1rem;}
#content.sub_content .privacy h4 {margin-bottom: 1rem; font-size: 1.4rem;}
#content.sub_content .privacy .chkArea {display: flex; align-items: center; position: relative; font-size: 1.1rem;}
#content.sub_content .privacy .chkArea input {margin-right: 0.5rem;}

/* notice */
.board1_search {display: flex; padding: 0; background: #fff;}
.board1_search p {padding: 0 !important;}
.board1_search p.bbs_search_for {width: 19%; margin-right: 1%;}
.board1_search p.bbs_search_text {width: 60%;}
.board1_search p.bbs_search_button {width: 20%;}
.board_list_result {padding: 0.66rem 0;}
.board1_search select,
.bbs_search_text input[type=text],
.bbs_search_button .btn_search {width: 100%; height: 40px; margin: 0; line-height: 40px;}
.board1_search select {border-radius: 5px;}
.bbs_search_text input[type=text] {border-right: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.bbs_search_button .btn_search {background: #112158; border-radius: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.bbs_search_button .btn_search span {line-height: 40px;}
.board_1 .board_post.fixed {background-color: #f8ffc3;}
.board_1 .board_post.fixed td.no::after {color: #ad2929; font-family: 'FontAwesome'; font-weight: bold; content: '\f024';}
.board_gallery .imgBox img {object-fit: contain;}

/* QnA */
.board1_search .bbs_write_button {width: 6rem; margin-left: 1%;}
.board1_search .bbs_write_button .btn_1 {width: 100%; margin: 0; background: #0081cc;}
.btype_list .btn_1 {display: none;}

/* 러리 */
.bbs_category_container {padding-top: 0 !important;}
.bbs_category > li {background-color: #112158; border-radius: 5px;}
.bbs_category > li.selected {background-color: #172c72;}
.bbs_category > li a {padding: 5px 10px; color: #fff !important;}
.btype_image .board_gallery dl .title {margin-bottom: 0.5rem;}
.btype_image .board_gallery dl .date {font-size: 0.8rem;}

/* 동상 */
.btype_youtube .board_gallery dl dt {overflow: hidden;}
.btype_youtube .board_gallery .imgBox img {transform: scale(1.34);}
.btype_youtube .board_gallery dl .imgName {padding: 0.5rem; font-size: 1rem;}
.btype_youtube .board_gallery dl .title {margin-bottom: 0.5rem;}
.btype_youtube .board_gallery dl .date {font-size: 0.8rem;}

/* FAQ */
.faq-list > li {border-bottom: 1px solid #ddd;}
.faq-list > li .question {position:relative; display:block; padding: 1.5rem 0;cursor: pointer;}
.faq-list > li .question .subject {font-size: 1.1rem; display: block; width: 90%;}
.faq-list > li .question i {display:inline-block; position:absolute; top:50%; transform: translateY(-50%); right: 1rem;}
.faq-list > li .answer {padding: 1.5rem 1rem; border-top: 1px solid #ddd; line-height: 1.8; letter-spacing: -0.1em; text-indent: -1rem;}
.faq-list > li .question:hover .subject,
.faq-list > li.show .question .subject {color:#112158;}

/* 기존 약관 */
.stepTitle {align-items: center;}
.stepTitle > div {width: 150px; height: 150px; padding: 5.2rem 1rem 1rem !important; background-color: #f8f8f8 !important; text-align: center; border-radius: 50%;}
.stepTitle > div * {font-size: 0.93rem !important;}
.stepTitle > div.onStep {background-color: #172c72 !important;}
.stepTitle > div.onStep * {color: #fff;}
.stepTitle .step1 {background: url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/step01.png') no-repeat center 1.7rem / 2.8rem;}
.stepTitle .step1.onStep {background: url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/step01_on.png') no-repeat center 1.7rem / 2.8rem;}
.stepTitle .step2 {background: url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/step02.png') no-repeat center 1.9rem / 2.5rem;}
.stepTitle .step2.onStep {background: url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/step02_on.png') no-repeat center 1.9rem / 2.5rem;}
.stepTitle .step3 {background: url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/step03.png') no-repeat center 1.7rem / 2.8rem;}
.stepTitle .step3.onStep {background: url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/step03_on.png') no-repeat center 1.7rem / 2.8rem;}
.stepTitle > div h1 {font-size: 1.4rem; font-weight: bold !important;}
.stepTitle > img {height: 30px; margin: 0 1rem;}
.step1_btn li a {background: #112158;}
.step1_btn li a * {color: #fff;}
.step1_btn li:hover a {background: #0081cc;}
.agree-container label {position: relative;}
.agree_message {font-size: 1rem;}
div.field.row1 > div,
div.field.row2 > div,
div.field > label {padding-top: 5px; padding-bottom: 5px;}
div.field > label span {font-size: 0.9rem;}
div.mod {margin-bottom: 2rem;}
div.mod input[type=text],
div.mod input[type=password],
div.mod textarea {border-color: #efefef;}
.button-bar {margin: 0 auto !important; padding: 0;}
.button-bar-delete {top: 9px !important;}
.autosave-container {display: flex; justify-content: flex-end; align-items: center; margin: 0;}
.autosave-container .autosave-text {margin-right: 1rem;}
.autosave-container .autosave-button,
div.mod .btn1,
div.mod button {display: inline-block; width: auto; height: auto; margin: 0; padding: 0.5rem !important; background: #ddd; border: none; font-size: 0.8rem !important; font-weight: normal; color:#000; border-radius: 5px; text-align: center; border-radius: 5px !important; vertical-align: baseline;}
div.mod .btn1 *,
div.mod button * {color: #000;}
div.mod .btn1.check_id {background: #0081cc;}
div.mod .btn1.check_id * {color: #fff;}
.autosave-container .autosave-button {margin-right: 5px; background: #e8e8e8; color: #333;}
#ex_application .btn_group {padding: 5px;}

/* 커스 약관(운영팀에서 만드 약관) */
.agree-container {padding: 0;}
.agree-container h4 {padding: 0; border: none;}
.agree-container h4 .title {margin-bottom: 0.8rem; font-size: 1.6rem;}
.agree-container h4 .title::before {display: inline-block; width: 0.4rem; height: 1.4rem; margin-right: 0.5rem; background-color: #112158; content: '';}
.agree-container .chkArea {font-size: 1.1rem;}
.agree-container .chkArea .necessary {vertical-align: middle;}
.agree-container .chkArea label {padding-left: 0.5rem;}
.agree-container .comment {margin-top: 3rem;}


/* mypage */
#ex_application {border-top:1px solid #d4d4d4;}
.mypageWrap {width: 1400px; padding: 2rem 2rem 10rem; margin-top: 2rem;}
.mypageArea {width: 100%; margin: auto; background-color: #f4f3f3;}
.mypageMenu .menuTop *,
.mpBtn.blue span,
.mypageMenu .mpMenuList > li.on > a span,
.mypageTabList > ul.tabStyle1 > li > a span,
.mpBtn.darkGray span {color: #fff;}
.mypageTabList > ul.tabStyle1 > li > a span {color: #000;}
.mypageTabList > ul.tabStyle1 > li {border: none;}
.mypageTabList > ul.tabStyle1 > .on > a span {color: #fff;}
.mypageArea .board_style_1 .board tr th,
.mypageArea .board_style_1 .board tr td {padding: 0.5rem;}
.mypageArea .corp_nm {width: 200px;}
.mypageArea .action {width: 100px;}
.mypageTabList > ul.tabStyle2 > li > a span {color: #fff;}
.mpBtn.home.regist_uci span{color: #fff;}

p.module_title {position: relative; display: flex; justify-content: space-between; align-items: center; padding-left: 0.6rem; background-image: none; font-size: 1.267rem;}
p.module_title::before {display: inline-block; position: absolute; top: 6px; left: 0; width: 0.2rem; height: 19px; padding-right: 0; margin-right: 0.5rem; background-color: #112158; content: ''; background-image: none;}

/* 전시회 */
#mypage_content {padding: 0;}
#ex_application .textBox, .textBox.mypage_independent, .agree-container .textBox {height: 20rem !important;}
.cfair_comment .mypageArea {background: none;}
.cfair_comment .mypageWrap {padding: 0;}
.cfair_comment .toggleBox.show {border: none;}
.cfair_comment .toggleBox.show .toggleTxt {padding: 0;}
.cfair_comment #ex_application {width: 100%; padding: 0; border: none;}
.cfair_comment #ex_application .textBox {padding: 20px 15px; margin-bottom: 13px; border: 1px solid #b1b1b1; font-size: 1rem;}
.cfair_comment #ex_application .textBox strong,
.cfair_comment #ex_application .textBox p {color: #333 !important; font-family: 'SCoreDream' !important; line-height: 1.8;}
.cfair_comment #frmAgree {padding: 1rem 1rem 2.4rem;}
.cfair_comment #mypage_content {padding: 0}
.cfair_comment .menu_name {color: #172c72; font-size: 1.8rem; font-weight: bold;}
.cfair_comment h4 {margin-top: 1.5rem; margin-bottom: 1rem; padding: 0; border: none;}
.cfair_comment h4 .title {margin-bottom: 0.8rem; font-size: 1.6rem;}
.cfair_comment h4 .title::before {display: inline-block; width: 0.4rem; height: 1.4rem; margin-right: 0.5rem; background-color: #112158; content: ''; background-image: none;}
.cfair_comment div h4 span.title {background-image: none; padding: 0;}
.cfair_comment label {display: flex; align-items: center; font-size: 1.1rem;margin-left: 0.5rem;}
.cfair_comment label input {margin-right: 0.5rem;}
.cfair_comment #frmAgree .btn_group .btn1 {min-width: auto; padding: 0.25rem 0.6rem; margin: 0.25rem; font-size: 1rem;}

.privacy label {display: flex; align-items: center; font-size: 1.1rem;}
.privacy label input {margin-right: 0.5rem;}
/* .mod p span.confirm:not(.guide) {overflow: hidden; display: block; margin-top: 2rem; margin-bottom: 1rem; font-weight: 700; color: #1d1d1d; letter-spacing: -0.02em; background-image: none; padding: 0; margin-bottom: 0.8rem; font-size: 1.6rem;}
.mod p span.confirm:not(.guide)::before {display: inline-block; width: 0.4rem; height: 1.4rem; margin-right: 0.5rem; background-color: #112158; content: ''; background-image: none;} */
.event_confirm_pre #event_attend_insert {max-width: 60rem; width: 100%;}
table.form .cat {font-size: 0.9rem;}

.cfair_regist .toggleBox.show {border: none;}
.cfair_regist .mypageArea {background: none;}
.cfair_regist #mypage_content {padding: 0;}
.cfair_regist .toggleBox.show .toggleTxt {padding: 1rem 1rem 2.4rem;}
.cfair_regist .menu_name {padding: 1rem; color: #172c72; font-size: 1.8rem; font-weight: bold;}
.cfair_regist .mypageWrap {padding: 0;}
.cfair_regist #ex_application {width: 100%; border: none; padding: 0;}

.event_comment .agree-box h4 {margin-top: 2rem; margin-bottom: 1rem; padding-left: 0; background-image: none;}
.event_comment .agree-box h4 span {margin-bottom: 0.8rem; font-size: 1.6rem;}
.event_comment .agree-box h4 span::before {display: inline-block; width: 0.4rem; height: 1.4rem; margin-right: 0.5rem; background-color: #112158; content: ''; background-image: none;}

.step1_btn2 {display:flex; margin:2.5rem auto; overflow:hidden;}
.step1_btn2:after {content:''; display:table; clear: both;}
.step1_btn2 li {width: 100%; padding:0 5px;}
.step1_btn2 li a {display: block; width:100%; height:125px; border-radius: 5rem; color:#ffffff; text-decoration: none; background-color: #112158; background-image: url('https://www.worldsmartcityexpo.com/home/2019/image/step1_btn2_bg.png'); position: relative;}
.step1_btn2 li a:hover {background-color: #0081cc}
.step1_btn2 li a > strong {font-size:28px; color: #fff; font-weight: bold; position: absolute; top:38px; left:43px;}
.step1_btn2 li a > span {font-size:12px; position: absolute; top:71px; left:45px; font-weight:normal;}
.step1_btn2 li a span.step1_register {font-size:18px; line-height: 18px; font-weight: bold; top:53px; right:29px; text-align: right;}
.step1_btn2 li a span.step1_register span {color: #fff;}
.step1_btn2 li a span.step1_register>img {vertical-align: middle;}
.step1_btn2 li a.btn_disable:hover {cursor:default; background-color: #999999;}
.step1_btn2 li a.btn_disable span.step1_register {display: none;}

/* .vst_regist p.module_title::before {top: 5px;} */
/* .vst_regist p.module_title:before {padding-right: 0;} */
.regulation iframe {margin-bottom: 13px; font-size: 1rem; line-height: 1.8;}
.regulation div label {display: flex !important; align-items: center; padding: 0 !important; font-size: 1.1rem;}
.regulation div label input {margin-right: 0.5rem;}


/* subpage 추가 */
#quickbar {display: none;}
.grayBox {overflow:hidden; padding:1.47rem 1.64rem; border:1px solid #d3d3d3; font-size:1rem; color:#606060; line-height:1.4; background-color:#f7f7f7; word-break:keep-all; word-wrap:break-word; }
.dotList {overflow:hidden;}
.dotList > li, .dotTxt {margin-top:6px; padding-left:1rem; font-size:1.133rem; color:#585858; font-weight:400; line-height:1.4; text-indent:-1rem; word-break:keep-all; word-wrap:break-word;}
.dotList > li:first-child {margin-top:0;}
/* .dotList > li:before, .dotTxt:before {content:'\00b7'; padding-right:8px; font-weight:600; color:#585858;} */
.dashList {overflow:hidden;}
.dashList > li, .dashTxt {margin-top:6px; padding-left:1rem; font-size:1.133rem; color:#585858; font-weight:400; line-height:1.4; text-indent:-1rem; word-break:keep-all; word-wrap:break-word;}
.dashList > li:first-child {margin-top:0;}
.dashList > li:before, .dashTxt:before {content:'-'; padding-right:8px; font-weight:400;}
.sub-title01 { font-size: 1.6rem; font-weight: 600; color: #172c72;}
.sub-txt01{ font-size: 1.2rem; font-weight: 400; }
.btn.normal{ padding: 0.83rem 5rem 0.83rem 2rem; font-size: 1.333rem; font-weight: 600; color: #fff; }
.btn.white { padding: 0.83rem 5rem 0.83rem 2rem; border: 2px solid #172c72; background-color: #fff; color: #172c72; }
.btn.download {background: url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/btn_download.png') no-repeat 90% center; }
.btn.link { background: url("image/btn_link.png") no-repeat 90% center;}
.btn.bc01 { background-color: #172c72;}
.btn.bd01 { border:solid 2px #172c72; color: #172c72;}


/* tab style */
.tabList {position:relative; z-index:1; width:100%; margin-bottom:3.333rem; text-align:center; font-size:0;}
.tabList:after {content:''; display:block; clear:both;}
.tabList li {display:inline-block; width:15%; margin-left:0.5%;}
.tabList li:first-child {margin-left:0;}
.tabList li a {position:relative; display:block; height:auto; padding:1rem 0.3rem; box-sizing:border-box; font-size:1.2rem; font-weight:600; color:#172c72; text-align:center; background-color:#dedcdc; word-break: keep-all;}
.tabList li:first-child a {margin:0;}
.tabList li.on a {color:#ffffff; background-color:#172c72;}
.tabList li a span {display:block; word-break: keep-all;}
.tabList.item4 {text-align:left;}
.tabList.item4 li {width:24.25%; margin:0 0 0.7rem 1%;} /* 4개 */
.tabList.item4 li:first-child, .tabList.item4 li:nth-child(4n+1) {margin-left:0;}
.tabList.style02 li a {border:2px solid #2ea3f2; color:#171717; background-color:#fff;}
.tabList.style02 li.on a {color:#fff; background-color:#2ea3f2;}

.prList {overflow:hidden; font-size:0; text-align:center;}
.prList > li {display:inline-block; width:24.25%; height:21rem; margin-left:1%; font-size:0; box-sizing:border-box; background-color:#e3effa;} /* 기본4개 */
.prList > li:first-child {margin-left:0;}
.prList > li:before {content:''; display:inline-block; width:1px; height:100%; margin-left:-1px; vertical-align:middle;}
.prList > li .prWrap {display:inline-block; width:100%; vertical-align:middle; text-align:center;}
.prList > li .prImg {overflow:hidden; display:block; text-align:center;}
.prList > li .prTxt {overflow:hidden; margin-top:1.2rem; word-break:keep-all; word-wrap:break-word;}
.prList > li .prTxt b {display:block; font-size:1.6rem; font-weight:600; color:#173175;}
.prList > li .prTxt b span {display:inline-block; color:#468ed1;}
.prList > li .prTxt p {margin-top:2rem; font-size:1.133rem; color:#191919; line-height:1.4em;}
.prList > li .prTxt p span {display:block;}

/* 요 */
.wsce-over .contestInfo > .info-img { display: flex; align-items: center; }
.wsce-over .contestInfo > .info-img img{max-height: 2.5rem;}
.wsce-over .contestInfo > .info-img span { display: flex; align-items: center; }
.wsce-over .tabList02 { margin-bottom: 2rem;}
.wsce-over .count { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 2rem; }
.wsce-over .count > li { width: 19%; border: 1px solid #666; border-radius: 10px; padding: 1.3rem; }
.wsce-over .count .number { color: #000; font-size: 1.2rem; text-align: left; font-weight: 900;}
.wsce-over .count .number span { color: inherit; font-size: 1.2rem; text-align: left; font-weight: 900;}
.wsce-over .count > li.blue .number  { color: #4397E2; }
.wsce-over .count > li.pink .number  { color: #FF4599; }
.wsce-over .count > li.yellow .number  { color: #FBCC40; }
.wsce-over .count > li.green .number { color: #A0CA36; }
.wsce-over .count .key { color: #000; font-size: 1rem; text-align: left; font-weight: 300; }

.wsce-over .tabBox02 .dpf-c img {width: 48.5%; height: 28.7rem; }
.wsce-over .tabBox02 .dpf-c img~img{ margin-left: 2.5%;}
.wsce-over .tabBox02 img{width: 100%; object-fit: cover; border-radius: 1rem;}
.wsce-over .btn_open {border: none; background-color: #00afff;}

.contestInfo > li > span img {margin-right: 1.5rem;}


/* 개요 팝업 */
.over-popup{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
.over-popup .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; }
.over-popup.on {display: block;}
.over-popup .pop-layer {position: absolute; top: 50%; left: 50%; width: 55%; height: auto; background-color: #fff; border: 1px solid #000; z-index: 10; transform: translate(-50%, -50%); }
.over-popup .pop-layer .btn-r  { display: flex; justify-content: center; align-items: center;position: absolute; top: 1rem; right: 1rem; width: 2rem; height: 2rem; background-color: #0f1e52; border-radius: 50%; cursor: pointer; }
.over-popup .pop-layer .btn-layerClose  { font-size: 1.2rem;;}
.over-popup .pop-layer .btn-layerClose .fa-times:before {color: #fff;}
.categori-list{margin-top: 4rem;}

.contestInfo.categori-list li b{width: 18%; margin-bottom: 0.5rem;}
.contestInfo.categori-list > li > span {width: 72%;}
.tabList02 {position:relative; z-index:1; width:100%; margin-bottom:3.333rem; text-align:center; font-size:0;}
.tabList02:after {content:''; display:block; clear:both;}
.tabList02 li {display:inline-block; width:15%; margin-left:0.5%;}
.tabList02 li:first-child {margin-left:0;}
.tabList02 li a {position:relative; display:block; height:auto; padding:0.8rem 0.3rem; box-sizing:border-box; font-size:1rem; font-weight:600; color:#0081cc; text-align:center; background-color:#dedcdc;}
.tabList02 li:first-child a {margin:0;}
.tabList02 li.on a {color:#ffffff; background-color:#0081cc;}
.tabList02 li a span {display:block;}
.tabList02.item4 {text-align:left;}
.tabList02.item4 li {width:19.15%; margin:0 0 0.7rem 1%;} /* 5개 */
.tabList02.item4 li:first-child, .tabList02.item4 li:nth-child(5n+1) {margin-left:0;}
.tabList02.style02 li a {border:2px solid #0081cc; color:#0081cc; background-color:#fff;}
.tabList02.style02 li.on a {color:#fff; background-color:#0081cc;}

.tabList02.countTab li a {position:relative; display:block; height:auto; padding:0.8rem 0.3rem; box-sizing:border-box; font-size:1rem; font-weight:600; color:#172c72; text-align:center; background-color:#dedcdc;}
.tabList02.countTab li.on a {color:#ffffff; background-color:#172c72;}
.tabList02.countTab li a {border:2px solid #172c72; color:#172c72; background-color:#fff;}
.tabList02.countTab li.on a {color:#fff; background-color:#172c72;}

/* 공모 */
.recruitArea {overflow:hidden; margin-top:5rem; text-align:center; font-size:0;}
.rcSlideArea .slick-dots {bottom:1rem;}
.rcSlideArea .slick-dots li {margin:0;}
.rcSlideArea .slick-dots li button:before {font-size:0.8667rem;}
.rcSlideArea .slick-dots li.slick-active button:before {color:#163778; opacity:1;}
.rcSlideArea img{width: 100%;}
.rcLinkArea {overflow:hidden; font-size:0;}
.rcLinkArea a {display:inline-block; width:32.5%; height:16.3rem; margin:0.5rem 0 0.5rem 1.25%; border-radius:10px; text-align:left;}
.rcLinkArea a.sponsor {background-color:#2f6fb0;}
.rcLinkArea a.conf {background-color:#163778;}
.rcLinkArea a.business {background-color:#2f2f2f;}
.rcLinkArea a:first-child {margin-left:0;}
.rcLinkArea a p {display:block; height:100%; box-sizing:border-box; padding:2.667rem 2rem; color:#fff; word-break:keep-all; word-wrap:break-word;}
.rcLinkArea a.sponsor p {background:url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/ico_rclink_04.png') no-repeat 85% 80%;}
.rcLinkArea a.conf p {background:url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/ico_exhilink_01.png') no-repeat 85% 80%;}
.rcLinkArea a.business p {background:url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/ico_rclink_03.png') no-repeat 85% 80%;}
.recruitArea a strong {display:block; font-size:2.2rem; color: #fff; line-height:1.2;}
.recruitArea a strong span {display:block; color: #fff;}
.recruitArea a.business strong {color: #fff; font-size:2rem;}
.recruitArea a span.rcTxt {display:block; margin-top:1.1rem; color: #fff; font-size:1.1rem;}
.recruitArea a span.rcTxt img {display:inline-block; margin-left:1rem; vertical-align:middle;}
.bsFairBox {font-size:1.2rem; line-height:1.5; text-align:center;}
.bsFairBox strong {display:block; margin-bottom:1.2rem; font-size:1.6rem; font-weight:800;}
.xScrollArea.confPrgArea .infoTbl {min-width:760px;}

.contestInfo {overflow:hidden;}
.contestInfo > li {overflow:hidden; margin-top:1rem; font-size:0; line-height:1.6; word-break:keep-all; word-wrap:break-word;}
.contestInfo > li:first-child {margin-top:0;}
.contestInfo > li > b {display:inline-block; width:12%; padding:0.667rem 0; border-radius:999px; font-size:1.2rem; color:#172c72; border: solid 1px #172c72; text-align:center; vertical-align:middle; }
.contestInfo > li > b.longTit {width:auto; padding:0.667rem 1rem;}
.contestInfo > li > span {display:inline-block; width:88%; padding:0.667rem 0 0.667rem 1.5rem; box-sizing:border-box; font-size:1.2rem; color:#383838; vertical-align:middle;}
.contestInfo > li .ctRight {display:inline-block; width:88%; padding:0.667rem 0 0.667rem 1.5rem; box-sizing:border-box; font-size:1.2rem; color:#383838;}
.ctRight .dashList > li, .ctRight .dashTxt, .ctFull .dashList > li, .ctFull .dashTxt {font-size:1.2rem;}
.contestInfo > li .ctFull  {font-size:1.2rem;}
.contestInfo > li .ctRight b {font-weight:500;}

.contestInfo.categori-list li{ margin-top:2.5rem;}
/* 오는길 */
.locTop span{ font-size: 1.2rem;}
.locMap img{ width: 100%; }

#mypage_content {border: none !important;}

.cfair_comment #frmAgree {padding: 0rem;}
.toggleBox.show .toggleTxt {border-top: none;}
.chkArea { display: flex; align-items: center; }


/* 전시회 비즈니스 프로그램*/
.matching-item{display: flex; justify-content: space-between; }
.matching-item img{width: 40%;}
.matching-item-txt {width: 58%;}
.matching-item .contestInfo > li > b {width: 22%;}
.matching-item .contestInfo > li > span{width: 76%;}

/** 온라인 전시 **/
/* online exhibition list */
.exhi-list .search-wrap {display: flex; flex-wrap: wrap; align-items: center;}
.exhi-list .search-wrap .search-area {display: flex; align-items: center; width: 80%;}
.exhi-list .search-wrap .search-area input {width: 80%; height: 40px; padding: 0 1rem; border: 1px solid #2ca6f1; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.exhi-list .search-wrap .search-area button {width: 20%; height: 42px; background: #2ca6f1; border: 1px solid #2ca6f1; color: #fff; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.exhi-list .search-wrap .btn {display: flex; justify-content: center; align-items: center; width: 18%; margin: 0 0 0 2%;}
.exhi-list .search-wrap .btn i {margin-right: 0.5rem; color: #2ca6f1;}
.exhi-list .product-list {display: flex; justify-content: space-between; margin-bottom: 4rem; position: relative;}
.exhi-list .product-list .pro-list-item {display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; width: 11.11%; height: 100%; cursor: pointer;}
.exhi-list .product-list .pro-list-item span {display: block; margin-top: 1rem;}
.exhi-list .product-list .pro-list-item01 span{color: #609ed4;}
.exhi-list .product-list .pro-list-item02 span{color: #815abe;}
.exhi-list .product-list .pro-list-item03 span{color: #e06df1;}
.exhi-list .product-list .pro-list-item04 span{color: #ee6a80;}
.exhi-list .product-list .pro-list-item05 span{color: #f9a55b;}
.exhi-list .product-list .pro-list-item06 span{color: #d6c115;}
.exhi-list .product-list .pro-list-item07 span{color: #a6c901;}
.exhi-list .product-list .pro-list-item08 span{color: #60b64f;}
.exhi-list .product-list .pro-list-item09 span{color: #3fbd9e;}
.exhi-list .product-list .pro-list-item img{display: none; width: 100%; max-width: 101px !important;}
.exhi-list .product-list .pro-list-item img.active{display: block;}
.exhi-list .product-list .pro-list-item.on img{display: none;}
.exhi-list .product-list .pro-list-item.on img.on{display: block;}
.exhi-list .product-wrap .list {display: flex; flex-wrap: wrap;}
.exhi-list .product-wrap .list .item {position: relative; width: 18.4%; margin-right: 2%; margin-bottom: 2rem; border: solid 1px #c6c6c6; border-radius: 3px;}
.exhi-list .product-wrap .list .item:nth-child(5n) {margin-right: 0;}
.exhi-list .product-wrap .list .item a {display: block; width: 100%; height: 100%; padding: 1rem; padding-bottom: 0;}
.exhi-list .product-wrap .list .item .img-area {overflow: hidden; display: flex; justify-content: center; align-items: center; max-height: 230px; height: 19.1666vw; margin-bottom: 1rem;}
.exhi-list .product-wrap .list .item .img-area img {width: 100%; height: 100%; object-fit: contain; transition: 0.3s;}
.exhi-list .product-wrap .list .item .txt-area{ display: flex; justify-content: center; align-items: center; padding: 1rem 0rem 1rem 0rem; margin: auto; border-top: solid 1px #c6c6c6;  }
.exhi-list .product-wrap .list .item .txt-area .name { overflow: hidden; color: #3e3e3e; font-size: 1.13rem; font-weight: 500; white-space: pre-line; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; text-align: center;}

/* on */
.exhi-list .product-wrap .list .item .star {display: block; position: absolute; top: 1rem; left: 1rem;}
.exhi-list .product-wrap .list .item .star i {color: #a2a2a2; font-weight: normal;}
.exhi-list .product-wrap .list .item.on .star i {font-weight: bold; color: #ffcc00;}

/* hover */
.exhi-list .product-wrap .list .item:hover .img-area img {transform: scale(1.2);}
.exhi-list .product-wrap .list .item:hover .txt-area .name {text-decoration: underline;}

.exhi-list .product-wrap .list .item.award::before {content: ''; position: absolute; top: 1rem; right: 1rem; width: 50px; height: 41px;background: url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/item-awards.png') 100% 100% no-repeat; z-index: 1;}


.exhi-list .paging-wrap {font-size: 1.2rem; text-align: center;}
.exhi-list .paging-wrap .dpf {display: inline-flex; align-items: center;}
.exhi-list .paging-wrap .dpf .num {display: flex;}
.exhi-list .paging-wrap a {position: relative; padding: 0.5rem;}
.exhi-list .paging-wrap a:before {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0; height: 0; padding: 0; border-radius: 100%; transition: 0.3s; content:'';}
.exhi-list .paging-wrap a:hover:before {padding: 60%; background-color:rgba(0,0,0,0.12);}
.exhi-list .paging-wrap .num li {display: inline-block;}
.exhi-list .paging-wrap .num li.on a {display: inline-block; width: 2rem; height: 2rem; padding: 0 0.5rem; background-color: #2ca6f1; color: #fff; font-weight: bold; line-height: 2rem; border-radius: 50%; cursor: default;}
.exhi-list .paging-wrap .num li.on a:hover:before {padding: 0; background: none;}

/* exhibition tab */
.exhibition-tab {display: flex; justify-content: center; align-items: center;}
.exhibition-tab .tab-item {border: 1px solid #004ea2; font-size: 1.3rem; font-weight: 700;}
.exhibition-tab .tab-item a {display: inline-block; padding: 0.5rem 4rem; color: #004ea2;}
.exhibition-tab .tab-item ~ .tab-item {margin-left: -1px;}
.exhibition-tab .tab-item.isActive {background-color: #004ea2;}
.exhibition-tab .tab-item.isActive a {color: #fff;}

/* online exhibition detail */
.exhi-detail .exhi-icon  { display: flex; align-items: center;  justify-content: flex-end; }
.exhi-detail .exhi-icon a {display: flex; justify-content: center; align-items: center; margin-right: 0.5rem; padding: 0.5rem 0.8rem; border-radius: 5px; background: #172c72; color: #fff; font-size: 1rem; transition: .3s;}
.exhi-detail .exhi-icon a.meeting {background: #0f1e52;}
.exhi-detail .exhi-icon a:last-child {margin-right: 0;}
.exhi-detail .exhi-icon a i {margin-left:0.5rem; color: #fff; font-weight: normal;}
.exhi-detail .exhi-icon a:hover {background: #0f1e52; transition: .3s;}
.exhi-detail .exhi-icon a.on {background: #0f1e52; transition: .3s;}
.exhi-detail .exhi-icon a.on i {font-weight: bold;}

.exhi-detail .default-wrap .img-area {width: 40%; margin-right: 5%;}
.exhi-detail .default-wrap .img-area .img-box {overflow: hidden; display: flex; justify-content: center; align-items: center; max-height: 25rem; height: 100%; border: 1px solid #f3f3f3;}
.exhi-detail .default-wrap .img-area .img-box img {  width: 100%; height: 100%; padding: 1rem; object-fit: contain;}
.exhi-detail .default-wrap .img-area .big-img {max-height: 340px; height: 28.3333vw;}
.exhi-detail .default-wrap .img-area .small-img {position: relative; width: 88%; margin: auto;}
.exhi-detail .default-wrap .img-area .small-img .img-box img {padding: 0;}
.exhi-detail .default-wrap .img-area .small-img .img-box {max-height: 100px; min-height: 5rem;  height: 5rem;  margin: 1rem 0.5rem;}
.exhi-detail .default-wrap .img-area .small-img .arr {position: absolute; top: 50%; transform: translateY(-50%); font-size: 0;}
.exhi-detail .default-wrap .img-area .small-img .arr::before {display: block; width: 1.5rem; height: 1.5rem; background-color: #0f1e52; color: #fff; border-radius: 50%; font-family: 'FontAwesome'; font-size: 1rem; text-align: center;}
.exhi-detail .default-wrap .img-area .small-img .prev {left: -1.8rem;}
.exhi-detail .default-wrap .img-area .small-img .prev::before {content: '\f053';}
.exhi-detail .default-wrap .img-area .small-img .next {right: -1.8rem;}
.exhi-detail .default-wrap .img-area .small-img .next::before {content: '\f054';}
/* hooper */
.exhi-detail .default-wrap .img-area .big-img .hooper {height: 100%;}
.exhi-detail .default-wrap .img-area .small-img .hooper {height: 100%;}
.exhi-detail .default-wrap .img-area .small-img .hooper .hooper-slide.is-current .img-box { border-color: #00afff;}
.exhi-detail .default-wrap .youtube {padding: 0; background: none; margin-right: 1rem;}
.exhi-detail .default-wrap .youtube i {color: #ff0000; font-size: 3rem; transition: .3s;}
.exhi-detail .default-wrap .youtube:hover {background: none;}
.exhi-detail .default-wrap .youtube:hover i {color: #a50000; transition: .3s;}
.exhi-detail > .youtube-area {display: none;}
.exhi-detail > .tac .btn i {color: #fff; margin-bottom: 5px; margin-left: 5px;}

.exhi-detail .exhi-title-warp .title01{margin-bottom: 0; font-size: 2.53rem; color: #333; }
.exhi-detail .exhi-title-warp .title01-eng{ font-size: 1.86rem; font-weight: 300;}

.exhi-detail .product-choice {display: flex; flex-wrap: wrap; margin-bottom: 1.5rem;}
.exhi-detail .product-choice span{padding:0.5rem 1rem; margin-right: 0.5rem; margin-bottom: 0.5rem; border-radius: 10rem; font-size: 0.93rem; color: #fff; background: #ddd;}
.exhi-detail .product-choice .product-choice-in25 {background: #609ed4;}
.exhi-detail .product-choice .product-choice-in26 {background: #815abe;}
.exhi-detail .product-choice .product-choice-in27 {background: #e06df1;}
.exhi-detail .product-choice .product-choice-in28 {background: #ee6a80;}
.exhi-detail .product-choice .product-choice-in29 {background: #f9a55b;}
.exhi-detail .product-choice .product-choice-in30 {background: #d6c115;}
.exhi-detail .product-choice .product-choice-in31 {background: #a6c901;}
.exhi-detail .product-choice .product-choice-in32 {background: #60b64f;}
.exhi-detail .product-choice .product-choice-in33 {background: #3fbd9e;}

.exhi-detail.awards-item .exhi-title-warp{ display: flex; justify-content: space-between;}
.exhi-detail.awards-item .exhi-title-warp img{width: 12.5rem; margin-bottom: 1rem;}

/* layer popup */
.exhi-detail .pop-layer {position: fixed; top: 50%; left: 50%; width: 55%; height: auto; background-color: #fff; border: 1px solid #000; z-index: 10; transform: translate(-50%, -50%);}
.exhi-detail .pop-layer .pop-container {padding: 4rem 1rem;}
.exhi-detail .pop-layer p.ctxt {color: #666; line-height: 1.6;}
.exhi-detail .pop-layer .btn-r { display: flex; justify-content: center; align-items: center; position: absolute; top: 1rem; right: 1rem; width: 2rem; height: 2rem; background-color: #0f1e52; border-radius: 50%;}
.exhi-detail a.btn-layerClose  { display: flex; justify-content: center; align-items: center;width: 100%; height: 100%; padding: 0.3rem; font-size: 1.2rem; text-align: center;}
.exhi-detail a.btn-layerClose i {color: #fff; font-weight: normal;}
.exhi-detail .dim-layer {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
.exhi-detail .dim-layer .dimBg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50);}
.exhi-detail .pop-layer .dimBg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50);}
.exhi-detail .dim-layer .pop-layer {display: block;}
.youtube-area {position: relative; width: 100%; padding-top: 56.25%;}
.youtube-area iframe {position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 100%;}


/* layer popup 02 - product*/
.exhi-detail .product-area .dpf {justify-content: space-between;}
.exhi-detail .product-area .product-txt-wrap { width: 55%;}
.exhi-detail .exhi-title-warp.pro-top .title01{font-size: 1.8rem;}
.exhi-detail .exhi-title-warp.pro-top .title01-eng{font-size: 1.6rem;}
.exhi-detail .exhi-title-warp.pro-bottom{margin-top: 2rem;}
.exhi-detail .exhi-title-warp.pro-bottom p{ height: 300px; overflow-y: scroll; margin-top: 1rem; padding-right: 1rem; line-height: 1.8; white-space: pre-wrap;}
.exhi-detail .nor-tbl th,
.exhi-detail .nor-tbl td{white-space: pre-wrap;}
.exhi-detail.pop-layer .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50); z-index: 10; }
/* layer mail */
.exhi-detail .pop-layer.mail-layer .pop-container {padding: 0;}
.onlineContactArea .contactList li > strong {color:#0f1e52;}
.onlineContactArea .contactList li > div .btn.fileBtn {background: #0f1e52;}
.onlineContactArea .mail_send {background: #0f1e52;}

/* layer popup on, off */
.exhi-detail .dim-youtube {display: none;}
.exhi-detail .mail-layer {position: fixed; display: none;}
.exhi-detail .dim-youtube.youPopOn {display: block;}
.exhi-detail .mail-layer.mailPopOn {display: block; max-height: 80%; overflow: auto;}
.exhi-detail .mail-layer.proPopOn {display: block; max-height: 80%; overflow: auto;}

.exhi-detail .popOff {display: none;}
.exhi-detail .recommen-wrap {padding: 2rem; border-top: 1px solid #ccc;}
.exhi-detail .recommen-wrap .product {position: relative; width: 96%; margin: auto;}
.exhi-detail .recommen-wrap .product .item {margin: 0 1rem;}
.exhi-detail .recommen-wrap .product .item .img-box {overflow: hidden; display: flex; justify-content: center; align-items: center; max-height: 230px; height: 19.1666vw; margin-bottom: 0.8rem; padding: 1rem; border: 1px solid #f3f3f3;}
.exhi-detail .recommen-wrap .product .item .img-box img {width: 100%; height: 100%; object-fit: contain; transition: 0.3s;}
.exhi-detail .recommen-wrap .product .item .txt-box h3 {overflow: hidden; font-size: 1.13rem; color: #3e3e3e; text-overflow: ellipsis; white-space: nowrap;}
.exhi-detail .recommen-wrap .product .item .txt-box p {display: block; overflow: hidden; font-size: 0.866rem; color: #172c72; text-overflow: ellipsis; white-space: nowrap;}
.exhi-detail .recommen-wrap .product .arr {position: absolute; top: 50%; transform: translateY(-50%); font-size: 0;}
.exhi-detail .recommen-wrap .product .arr::before {display: block; width: 1.5rem; height: 1.5rem; background-color: #0f1e52; color: #fff; border-radius: 50%; font-family: 'FontAwesome'; font-size: 1rem; text-align: center;}
.exhi-detail .recommen-wrap .product .prev {left: -1rem;}
.exhi-detail .recommen-wrap .product .prev::before {content: '\f053';}
.exhi-detail .recommen-wrap .product .next {right: -1rem;}
.exhi-detail .recommen-wrap .product .next::before {content: '\f054';}
/* hooper */
.exhi-detail .recommen-wrap .product .hooper {height: 100%;}
/* hover */
.exhi-detail .recommen-wrap .product .item:hover .img-box img {transform: scale(1.2);}
.exhi-detail .recommen-wrap .product .item:hover .txt-box h3 {text-decoration: underline;}

/* 푸터 이용약관 */
.terms-wrap {line-height: 1.6;}
.terms-wrap b{ display: block; font-size: 2rem; margin-bottom: 2rem;}
.terms-wrap strong{ display: block; font-size: 1.6rem; margin: 2rem 0 1rem 0;}



/* 연사 추 */
.speaker .speaker-sub-title { padding-bottom: 1.5rem; border-bottom: solid 1px #bebebe;}
.speaker .speaker-sub-title .itl{color:#172c72; font-size: 3.33rem; font-style:italic; font-weight: 300;}

.speaker .speaker-sub-title b,
.speaker .speaker-sub-title span{color:#172c72; font-size: 3.53rem; font-style:normal; font-weight: 700;}
.speaker .speaker-sub-title span {color: #ab00b1;}
.speaker .speaker-sub-title p {font-size: 1.33rem; color: #172c72; margin-top: 1.2rem;}

.speaker-info{ padding-top: 1.5rem;  padding-bottom: 1.5rem; border-bottom: solid 1px #bebebe;}
.speaker-info .speaker-info-title { position: relative; font-size: 1.86rem; padding-left: 1.5rem; margin-top: 2.5rem; color: #172c72;}
.speaker-info .speaker-info-title::before { content: ""; position: absolute; background: url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/word-title.png') no-repeat; left: 0; top: 3px; width: 100%; height: 100%; }
.speaker-info .speaker-info-item ul {margin-top: 1rem;}
.speaker-info .speaker-info-item ul li {display: flex; align-items: baseline; padding-bottom: 0.8rem;}
.speaker-info .speaker-info-item ul li b{ width: auto; margin-right: 1rem; font-size: 1.2rem; font-weight: 600;}
.speaker-info .speaker-info-item ul li span{ width: 80%; font-size: 1.13rem; font-weight: 300; }

.speaker-info-word.pc-on {display: block; margin-bottom: 8rem;}
.speaker-info-word.m-on {display: none;}
.speaker-info-word {position: relative; width: 100%; margin-top: 2rem; }
.speaker-info-word .speaker-info-word-back{position: absolute; z-index: 1; top: calc(50% - 2rem); left: 49.9%; transform: translate(-50%, -50%);}
.speaker-info-word .word-item-box-0 {display: flex; justify-content: center; text-align: center;}
.speaker-info-word .word-item-box-01 {display: flex; justify-content: space-between; margin-top: -4rem; margin-bottom: 1rem;}
.speaker-info-word .word-item-box-02 {display: flex; justify-content: space-between}
.speaker-info-word .word-item-box-03 {display: flex; justify-content: space-between; margin-top: 6rem;}

.speaker-info-word .word-item-box-01 .speaker-info-word-item {width: 43%;}
.speaker-info-word .word-item-box-02 .speaker-info-word-item {width: 34%;}
.speaker-info-word .word-item-box-03 .speaker-info-word-item {width: 48%;}



.speaker-info-word .speaker-info-word-item {position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; width: 50%;}

/* .speaker-info-word .speaker-info-word-item.word-item01{} */
.speaker-info-word .speaker-info-word-item.word-item02{flex-direction: row; justify-content: flex-end; }
.speaker-info-word .speaker-info-word-item.word-item02 .item-txt-box {text-align: right;}
.speaker-info-word .speaker-info-word-item.word-item03{flex-direction: row; justify-content: flex-start; }
.speaker-info-word .speaker-info-word-item.word-item04{align-items: flex-end; text-align: right;}
.speaker-info-word .speaker-info-word-item.word-item05{align-items: flex-start; }
.speaker-info-word .speaker-info-word-item.word-item06{align-items: flex-end}
.speaker-info-word .speaker-info-word-item.word-item07{align-items: flex-start}

.speaker-info-word .speaker-info-word-item.word-item01 img{margin-top: 1.5rem;}
.speaker-info-word .speaker-info-word-item.word-item02 img{margin-left: 1.5rem;}
.speaker-info-word .speaker-info-word-item.word-item03 img{margin-right: 1.5rem;}
.speaker-info-word .speaker-info-word-item.word-item04 img{margin-bottom: 1.5rem;}
.speaker-info-word .speaker-info-word-item.word-item05 img{margin-bottom: 1.5rem;}
.speaker-info-word .speaker-info-word-item.word-item06 img{margin-bottom: 1.5rem;}
.speaker-info-word .speaker-info-word-item.word-item07 img{margin-bottom: 1.5rem;}

.speaker-info-word .speaker-info-word-item.word-item01 .item-title{color: #076dcc;}
.speaker-info-word .speaker-info-word-item.word-item02 .item-title{color: #d73232;}
.speaker-info-word .speaker-info-word-item.word-item03 .item-title{color: #ed8334;}
.speaker-info-word .speaker-info-word-item.word-item04 .item-title{color: #539414;}
.speaker-info-word .speaker-info-word-item.word-item05 .item-title{color: #9319a6;}
.speaker-info-word .speaker-info-word-item.word-item06 .item-title{color: #172c72;}
.speaker-info-word .speaker-info-word-item.word-item07 .item-title{color: #172c72;}

.speaker-info-item02 .speaker-info-word .speaker-info-word-back { top: calc(50% + 3rem);}
.speaker-small-txt{ margin-top: 0.5rem;}

.speaker-info-list {display: flex; justify-content: space-between; margin-top: 2rem; margin-bottom: 1rem;}
.speaker-info-list .speaker-info-list-item{ display: flex; flex-direction: column; width: 30%;}
.speaker-info-list .speaker-info-list-item h2 {padding: 0.5rem 0;  background: #172c72; color: #fff; font-size: 1.3rem;  font-weight: 600; text-align: center;}
.speaker-info-list .speaker-info-list-item p { margin-bottom: 0.2rem; font-size: 1.03rem; font-weight: 300; }
.speaker-info-list .speaker-info-list-item div{ min-height: 190px; padding: 1.5rem 3rem; background: #f3f4f7; box-sizing: border-box;}

/* 우수기업 */
.speaker-info-title-02 {margin:1rem 0}
.speaker-txt {font-size: 1.1rem; padding-bottom: 0.5rem;}
.speaker-txt-title{ font-size: 1.2rem; margin: 1rem 0; font-weight: 700; }
.speaker-info table{margin-bottom: 0.5rem;}
.grayBox .dotList > li {padding-left: 0; text-indent: 0;}
.speaker-info .speaker-info-item .grayBox .dotList {margin-top: 0;}

.speaker-info .speaker-info-item .awards-ul li {display: flex; flex-direction: column;}
.speaker-info .speaker-info-item .awards-ul li .speaker-small-txt{padding-left: 1rem; margin: 0;}

.speaker-info-word .word-item-box-02.word-item-box-02-b .speaker-info-word-item.word-item04 { flex-direction: row; justify-content: flex-end; align-items: center }
.speaker-info-word .word-item-box-02.word-item-box-02-b .speaker-info-word-item.word-item05 { flex-direction: row; justify-content: flex-start; align-items: center }

.speaker-info-word .word-item-box-02.word-item-box-02-b .speaker-info-word-item.word-item04 img {margin:0; margin-left: 1.5rem;}
.speaker-info-word .word-item-box-02.word-item-box-02-b .speaker-info-word-item.word-item05 img {margin:0; margin-right: 1.5rem;}


.speaker-info-word02 .speaker-info-word-item.word-item01 .item-title{color: #d73232;}
.speaker-info-word02 .speaker-info-word-item.word-item02 .item-title{color: #076dcc;}
.speaker-info-word02 .speaker-info-word-item.word-item03 .item-title{color: #539414;}
.speaker-info-word02 .speaker-info-word-item.word-item04 .item-title{color: #ed8334;}
.speaker-info-word02 .speaker-info-word-item.word-item05 .item-title{color: #9319a6;}
.speaker-info-word02 .speaker-info-word-item.word-item06 .item-title{color: #172c72;}
.speaker-info-word02 .speaker-info-word-item.word-item07 .item-title{color: #172c72;}


/* 프그램 컨퍼런스 - 지난컨퍼런스 */
.report-title-box {display: flex;  align-items: baseline; justify-content: space-between;}
.report-title-box a i{ color: red; font-size: 2.5rem;}

.nor-tbl.add-bd td.border-on:first-child {border-left: 1px solid #ddd;;}



/** 연사소개 **/
.list_page .speakers-list .speaker {display: flex; flex-wrap: wrap;}
.list_page .speakers-list .speaker li {width: 15%; height: 250px; margin-right: 2%; margin-top: 2rem; border: 1px solid #fff;}
.list_page .speakers-list .speaker li:nth-child(6n) {margin-right: 0;}
.list_page .speakers-list .speaker li:nth-child(-n + 6) {margin-top: 0;}
.list_page .speakers-list .speaker li a {display: block; position: relative; width: 100%; height: 100%;}
.list_page .speakers-list .speaker li a::before {display: block; position: relative; z-index: 10; width: 100%; height: 100%; background: rgba(40,40,40,0.5); transition: 0.3s; content: '';}
.list_page .speakers-list .speaker li img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; transition: 0.3s;}
.list_page .speakers-list .speaker li .txt-box {position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; height: 35%; padding: 0.7rem 1.33rem;}
.list_page .speakers-list .speaker li .txt-box * {color: #fff;}
.list_page .speakers-list .speaker li .txt-box h3 {font-size: 1.06rem;}
.list_page .speakers-list .speaker li .txt-box p {font-size: 0.86rem; overflow: hidden; display: -webkit-box; word-wrap: break-word; white-space: pre-line; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
/* hover */
.list_page .speakers-list .speaker li:hover {border-color: #0082ac;}
.list_page .speakers-list .speaker li:hover a::before {background: transparent;}
.list_page .speakers-list .speaker li:hover .txt-box {background: rgba(4,87,156,0.58);}

.speaker-popup {display: none; position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; background: rgba(96,96,96,0.5);}
.speaker-popup.on {display: block;}
.speaker-popup .pop-con {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 800px; background: #fff;}
.speaker-popup .pop-con .tit {padding: 1.4rem 2.12rem; background: #1e73d4; color: #fff; font-size: 1.6rem; font-weight: 700;}
.speaker-popup .pop-con .btns {padding: 1rem 2.12rem; border-bottom: 1px solid #ddd;}
.speaker-popup .pop-con .btns li {display: inline-block; width: 155px; margin-right: 0.66rem; background: #999; text-align: center;}
.speaker-popup .pop-con .btns li a {display: block; padding: 0.4rem; color: #fff; font-size: 1.13rem; font-weight: 500; box-sizing: border-box;}
.speaker-popup .pop-con .btns li.on {background: #1e73d4;}
.speaker-popup .pop-con .des {overflow-y: scroll; height: 320px; padding: 1.66rem 2.12rem;}
.speaker-popup .pop-con .des > li {display: none;}
.speaker-popup .pop-con .des > li.on {display: block;}
.speaker-popup .pop-con .des > li.on.flex-area {display: flex; flex-wrap: wrap;}
.speaker-popup .pop-con .des > li.flex-area .txt-box{padding-top: 1rem;}
.speaker-popup .pop-con .des > li.flex-area .btns {display: flex; flex-wrap: wrap; width: 100%; padding:0 0 1rem 0;}
.speaker-popup .pop-con .des > li.flex-area .btns li { display: flex; justify-content: center; align-items: center; width: 4rem; height: 2rem; margin-bottom: 0.5rem; margin-right: 0.5rem; border-radius: 0.5rem; }
.speaker-popup .pop-con .des > li.flex-area .btns li button { width: 100%; height: 100%; border: none; background: none; color: #fff; }
.speaker-popup .pop-con .des li .img-box {width: 170px; height: 200px; margin-right: 2rem;}
.speaker-popup .pop-con .des li .img-box img {width: 100%; height: 100%; object-fit: contain;}
.speaker-popup .pop-con .des li .txt-box {width: calc(100% - 200px);}
.speaker-popup .pop-con .des li .txt-box ul li {display: flex; flex-wrap: wrap; white-space: pre-line;}
.speaker-popup .pop-con .des li .txt-box ul li strong {width: 15%; margin-right: 1.33rem; color: #1e73d4; font-size: 0.933rem; font-weight: 500;}
.speaker-popup .pop-con .des li .txt-box ul li span {width: calc(85% - 1.33rem); font-size: 0.933rem;}
.speaker-popup .pop-con .des li .txt-box ul li strong,
.speaker-popup .pop-con .des li .txt-box ul li span {margin-bottom: 0.66rem;}
.speaker-popup .pop-con .des li .announcement-box {width: 100%;}
.speaker-popup .pop-con .des li .announcement-box .announcement-title{ margin-bottom: 1rem; color: #1e73d4; font-size: 1.33rem; font-weight: 700;}
.speaker-popup .pop-con .des li .announcement-box .announcement-info { margin-bottom: 0.5rem; white-space: pre-line; }
.speaker-popup .pop-con .des li .announcement-box .announcement-btn-box {display: flex; justify-content: space-between; align-items: center;}
.speaker-popup .pop-con .des li .announcement-box .announcement-btn { display: flex; align-items: center;  padding: 0.5rem 1.5rem; border:none; background: #1e73d4; color: #fff; font-size: 1.13rem; font-weight: 600; transition: .2s;}
.speaker-popup .pop-con .des li .announcement-box .announcement-btn:hover{ background: #10386b; transition: .2s;}
.speaker-popup .pop-con .des li .announcement-box .announcement-btn::after{content: '\f56d'; font-family: "FontAwesome"; font-size: 1.13rem; margin-left: 1rem;}
.speaker-popup .pop-con .des li .announcement-box .announcement-youtube i{ color: #ff0000; font-size: 3.2rem;}
.speaker-popup .pop-con .des li .pro-list li {margin-top: 0.93rem; border: 1px solid #b5b5b5; transition: 0.3s;}
.speaker-popup .pop-con .des li .pro-list li:first-child {margin-top: 0;}
.speaker-popup .pop-con .des li .pro-list li a {display: block; padding: 1.33rem 1.66rem;}
.speaker-popup .pop-con .des li .pro-list li .time {display: block; margin-bottom: 0.46rem; color: #1e73d4; font-size: 0.93rem;}
.speaker-popup .pop-con .des li .pro-list li .time i {color: #1e73d4;}
.speaker-popup .pop-con .des li .pro-list li .time strong {color: #1e73d4; font-weight: 700;}
.speaker-popup .pop-con .des li .pro-list li .category {display: block; margin-bottom: 0.33rem; color: #303030; font-size: 0.93rem;}
.speaker-popup .pop-con .des li .pro-list li .category strong {padding: 0 0.66rem; border: 1px solid #bbb; color: #10386b; font-size: 0.8rem;}
.speaker-popup .pop-con .des li .pro-list li .topic {margin-bottom: 0.2rem; color: #10386b; font-size: 1.33rem; font-weight: 600; letter-spacing: -0.015em;}
.speaker-popup .pop-con .des li .pro-list li .location {color: #303030; font-size: 0.86rem;}
.speaker-popup .pop-con .des li .pro-list li .location span {vertical-align: baseline;}
/* hover */
.speaker-popup .pop-con .des li .pro-list li:hover {background-color: #10386b; border-color: #10386b;}
.speaker-popup .pop-con .des li .pro-list li:hover * {color: #fff !important; border-color: #fff;}
.speaker-popup .pop-con .close {position: absolute; top: 1.66rem; right: 1.66rem;}
.speaker-popup .pop-con .close i {color: #fff; font-size: 2rem; font-weight: 300;}

/** 프로그램 **/
/* 리스트형 */
.list_page .program-list-outer {display: flex; flex-direction: column;}
.list_page .program-list > div {margin-bottom: 60px;}

.list_page .program-list {display: flex; justify-content: space-between; align-items: flex-start;}
.list_page .program-list .search-wrap {width: 300px; border: 1px solid #b5b5b5;}
.list_page .program-list .search-wrap .search-area {position: relative; padding: 2rem 2rem 0;}
.list_page .program-list .search-wrap .search-area input[type="search"] {width: 100%; height: 2.66rem; padding: 0 1.5rem 0 0.5rem; border: 1px solid #9c9c9c; line-height: 2.66rem; border-radius: 3px; box-sizing: border-box;}
.list_page .program-list .search-wrap .search-area label::after {display: block; position: absolute; bottom: 0.2rem; right: 2.5rem; color: #004ea2; font-family: 'FontAwesome'; font-size: 1.4rem; font-weight: bold; content: '\f002';}
.list_page .program-list .search-wrap .check-area .chk-box {padding: 1rem 2rem; border-bottom: 1px solid #dcdcdc;}
.list_page .program-list .search-wrap .check-area .chk-box strong {display: block; margin-bottom: 0.66rem; color: #004ea2; font-size: 1.2rem; font-weight: 600;}
.list_page .program-list .search-wrap .check-area .chk-box div input[type="checkbox"] {vertical-align: middle;}
.list_page .program-list .search-wrap .check-area .chk-box div label {color: #01101c; font-size: 1.06rem;}
.list_page .program-list .search-wrap .button-area {padding: 2rem;}
.list_page .program-list .search-wrap .button-area a {display: block; margin-bottom: 0.66rem; padding: 0.5rem; font-weight: 500; text-align: center; border-radius: 3px;}
.list_page .program-list .search-wrap .button-area a i {vertical-align: baseline;}
.list_page .program-list .search-wrap .button-area .enter {background: #10386b; color: #fff;}
.list_page .program-list .search-wrap .button-area .enter i {color: #fff;}
.list_page .program-list .search-wrap .button-area .init {border: 1px solid #10386b; color: #10386b;}
.list_page .program-list .search-wrap .button-area .init i {color: #10386b;}

.list_page .program-list .list-wrap {width: calc(100% - 300px - 40px);}
.list_page .program-list .list-wrap .day h3 {position: relative; margin-bottom: 1rem; color: #01101c; font-size: 1.73rem; font-weight: 400;}
.list_page .program-list .list-wrap .day h3::after {display: block; position: absolute; top: 50%; right: 0; width: 80%; height: 1px; background: #01101c; content: '';}
.list_page .program-list .list-wrap .day ul li h4 {margin-bottom: 1rem; color: #1e73d4; font-size: 1.33rem; font-weight: 700;}
.list_page .program-list .list-wrap .day ul li h4 i {color: #1e73d4;}
.list_page .program-list .list-wrap .day ul li .item {margin-bottom: 2rem; border: 1px solid #b5b5b5; transition: 0.3s;}
.list_page .program-list .list-wrap .day ul li .item a {display: block; padding: 2rem;}
.list_page .program-list .list-wrap .day ul li .item .category {display: block; margin-bottom: 1rem; font-size: 1.06rem; font-weight: 500;}
.list_page .program-list .list-wrap .day ul li .item .category strong {margin-right: 0.66rem; padding: 0.13rem 1.86rem; border: 1px solid #9c9c9c; color: #10386b; font-size: 0.93rem;}
.list_page .program-list .list-wrap .day ul li .item .topic {margin-bottom: 1rem; color: #10386b; font-size: 1.6rem; font-weight: 600; letter-spacing: -0.015em;}
.list_page .program-list .list-wrap .day ul li .item .speaker {margin-bottom: 3px;}
.list_page .program-list .list-wrap .day ul li .item .speaker,
.list_page .program-list .list-wrap .day ul li .item .location {font-weight: 400;}
.list_page .program-list .list-wrap .day ul li .item .speaker span,
.list_page .program-list .list-wrap .day ul li .item .location span {vertical-align: baseline;}
.list_page .program-list .list-wrap .day ul li .item .speaker span::before,
.list_page .program-list .list-wrap .day ul li .item .location span::before {display: inline-block; width: 1px; height: 1rem; margin: 0 0.5rem; background: #acacac; content: '';}
/* hover */
.list_page .program-list .list-wrap .day ul li .item:hover {background: #10386b;}
.list_page .program-list .list-wrap .day ul li .item:hover * {color: #fff !important; border-color: #fff !important;}

/* 리스트형 detail */
.detail_page .program-detail > div {margin-bottom: 60px;}

.detail_page .program-detail .speaker .spk-list {display: flex; flex-wrap: wrap;}
.detail_page .program-detail .speaker .spk-list li {width: 15%; height: 250px; margin-right: 2%; margin-top: 2rem; border: 1px solid #fff;}
.detail_page .program-detail .speaker .spk-list li:nth-child(6n) {margin-right: 0;}
.detail_page .program-detail .speaker .spk-list li:nth-child(-n + 6) {margin-top: 0;}
.detail_page .program-detail .speaker .spk-list li a {display: block; position: relative; width: 100%; height: 100%;}
.detail_page .program-detail .speaker .spk-list li a::before {display: block; position: relative; z-index: 10; width: 100%; height: 100%; background: rgba(40,40,40,0.5); transition: 0.3s; content: '';}
.detail_page .program-detail .speaker .spk-list li img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; transition: 0.3s;}
.detail_page .program-detail .speaker .spk-list li .txt-box {position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; height: 35%; padding: 0.7rem 1.33rem;}
.detail_page .program-detail .speaker .spk-list li .txt-box * {color: #fff;}
.detail_page .program-detail .speaker .spk-list li .txt-box h4 {font-size: 1.06rem;}
.detail_page .program-detail .speaker .spk-list li .txt-box p {font-size: 0.86rem; overflow: hidden; display: -webkit-box; word-wrap: break-word; white-space: pre-line; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.detail_page .program-detail .speaker-back-btn-box {padding: 1rem; text-align: center;}
.detail_page .program-detail .speaker-back-btn-box a{padding: 0.8rem 1rem; background: #1e73d4; color: #fff; font-size: 1.12rem;} */
/* hover */
.detail_page .program-detail .speaker .spk-list li:hover {border-color: #0082ac;}
.detail_page .program-detail .speaker .spk-list li:hover a::before {background: transparent;}
.detail_page .program-detail .speaker .spk-list li:hover .txt-box {background: rgba(4,87,156,0.58);}

/* 프로그램 어워드 수상작 */
/* .awards-page .awards .search-wrap {display: none;} */
.awards-page #content.sub_content #con_container {max-width: 100%; width: 100%; padding: 0;}
.awards-page .awards {display: flex; flex-direction: column; }
.awards-page .awards .program-top-area { width: 100%; padding: 2.5rem 0; background: #f5f7f9;}
.awards-page .awards .program-top{display: flex; align-items: center; max-width: 1400px; width: 100%; height: 170px; margin: auto;}
.awards-page .program-logo {width: 320px; margin-right: 2rem;}
.awards-page .program-check-list {display: flex; align-items: center; width: calc(100% - (320px + 2rem) ); height: 100%;}

.awards-page .program-check-item { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; cursor: pointer; filter: grayscale(1); transition: all .2s;}

.awards-page .program-check-item.on { filter: grayscale(0); }
.awards-page .program-check-item:hover h2 {font-weight: 600; transition: all .2s;}
.awards-page .program-check-item h2{ width: 100%; margin-top: 8rem; font-size: 1.2rem; font-weight: 300; text-align: center;}
.awards-page .program-check-item input { display: none; }
.awards-page .program-check-item ~ .program-check-item {border-left: solid 1px #e5e5e5;}

.awards-page .program-list .list-wrap {max-width: 1400px; width: 100%; margin: auto;}

.awards-page .program-list .list-wrap .day ul{display: flex; flex-wrap: wrap}
.awards-page .program-list .list-wrap .day ul li { width: 18%; margin-right: 2.5%; margin-bottom: 2.5%; border: solid 1px #c6c6c6; border-radius: 5px;}
.awards-page .program-list .list-wrap .day ul li:nth-child(5n) {margin-right: 0;}
.awards-page .program-list .list-wrap .day ul li .item{ width: 100%; height: 100%; margin: 0; border: none;}
.awards-page .program-list .list-wrap .day ul li .item button { display: flex; flex-direction: column; width: 100%; height: 100%; padding: 1.5rem; background: none !important; border: none !important;}
.awards-page .program-list .list-wrap .day ul li .item button img {width: 100%; height: 200px; object-fit: contain; }
.awards-page .program-list .list-wrap .day ul li .item .topic { width: 100%; padding: 0; margin: 0; margin-top: 1rem; padding-top: 1rem; border-top: solid 1px #c6c6c6; color: #333 !important; font-size: 1.2rem; font-weight: 500; text-align: center;
    white-space: pre-line; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}

.awards-page .program-list .list-wrap .day ul li .item:hover {background: transparent;}
.awards-page .program-list .list-wrap .day ul li .item:hover * {border-color: #c6c6c6 !important;}
/* item on / off start */
.awards-page .program-check-item.all {background: url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/check-icon-01.png') no-repeat 50% 0% transparent; border: none;}
.awards-page .program-check-item.all.on {background: url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/check-icon-ho-01.png') no-repeat 50% 0%; transition: all .2s;}
.awards-page .program-check-item.on h2{font-weight: 700;}
.awards-page .program-check-item.check-item92 {background: url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/check-icon-02.png') no-repeat 50% 0%;}
.awards-page .program-check-item.check-item92 h2{color: #cc6500;}
.awards-page .program-check-item.check-item92.on {background: url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/check-icon-ho-02.png') no-repeat 50% 0%;}
.awards-page .program-check-item.check-item93 {background: url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/check-icon-03.png') no-repeat 50% 0%;}
.awards-page .program-check-item.check-item93 h2{color: #2540a1;}
.awards-page .program-check-item.check-item93.on {background: url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/check-icon-ho-03.png') no-repeat 50% 0%;}
.awards-page .program-check-item.check-item94 {background: url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/check-icon-04.png') no-repeat 50% 0%;}
.awards-page .program-check-item.check-item94 h2{color: #d7333e;}
.awards-page .program-check-item.check-item94.on {background: url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/check-icon-ho-04.png') no-repeat 50% 0%;}
.awards-page .program-check-item.check-item95 {background: url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/check-icon-05.png') no-repeat 50% 0%;}
.awards-page .program-check-item.check-item95 h2{color: #1ba442;}
.awards-page .program-check-item.check-item95.on {background: url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/check-icon-ho-05.png') no-repeat 50% 0%;}
.awards-page .program-check-item.check-item96 {background: url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/check-icon-06.png') no-repeat 50% 0%;}
.awards-page .program-check-item.check-item96 h2{color: #8816be;}
.awards-page .program-check-item.check-item96.on {background: url('https://www.worldsmartcityexpo.com/home/2019/scsa/image/check-icon-ho-06.png') no-repeat 50% 0%;}
/* item on / off end */

.program-popup {display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 100; background-color: #00000091;}
.program-popup.on{display: block;}
.program-popup .program-popup-item { overflow-y: scroll; position: absolute; top: 50%; left: 50%; width: 50%; max-height: 80vh; padding: 3rem 2.5rem; background: #fff; transform: translate(-50%, -50%);}
.program-popup .program-popup-item .popup-close {position: absolute; background: none; border: none; font-size: 3.13rem; top: 2rem; right: 2.5rem;}
.program-popup .program-popup-item .popup-close i { color: #333; font-weight: 200;}
.program-popup-top {display: flex; align-items: center; margin-bottom: 2rem;}
.program-popup-top img {margin-right: 2rem;}
.program-popup-top h3{ font-size: 1.56rem;}
.program-popup-top h2{ font-size: 2.86rem;}
.program-info {display: flex;}
.program-info-left {width: 48%; margin-right: 4%; border: solid 1px #c6c6c6;}
.program-info-left img{ width: 100%; height: 100%; padding: 2rem; object-fit: contain;}
.program-info-right {width: 48%;}
.program-info-right ul li{display: flex; margin-bottom: 1rem;}
.program-info-right ul li b {width: 20%; font-size:1.13rem; font-weight: 600;}
.program-info-right ul li p {width: 80%; font-size:1.13rem; font-weight: 300;}
.program-info-right ul:last-child {padding-top: 1rem; border-top: solid 1px #c6c6c6;}
.program-info-bottom {margin-top: 1.5rem;}
.program-info-bottom h2 {font-size: 1.23rem; font-weight: 700;}
.program-info-bottom p { padding-top: 1rem; color: #333; font-size: 1.13rem; font-weight: 400;}

.prrgram-popup-btn-box button{ display: none; position: absolute; top: 50%; transform: translate(0%, -50%); background:none; border: none; font-size: 10rem;}
.prrgram-popup-btn-box button i {color: #ffffff9e;}
.prrgram-popup-btn-box button.left { left: 10%;}
.prrgram-popup-btn-box button.right { right: 10%;}


/* bbs */
.bbs1553.fairmenu7610.fairmenu7608 .bbs_year_search .board_year option[value="2020"]{ display: none;}


@media only screen and (max-width: 1400px){
    /** main common **/
    #header {width: 100%; height: 80px;}
    .main_page #header {width: 100%; height: 80px;}
    #logo {top: 50%; left: 50%; transform: translate(-50%, -50%);}
    #topMenu {display: none;}
    .hsection {top: 1.7rem; right: 1rem;}
    .live-box,
    .logged_in .live-box{right:auto;left:3.3rem;}
    #gnb_wrap {display: none;}
    #appMenuButton {display: block;}
    .mobile-menu {display: block; position: absolute; top: 0; left: -100%; z-index: 100; width: 80%; height: 100%; background-color: #fff; border-right: 1px solid #f3f3f3; transition: 0.3s;}
    .mobile-menu-opened .mobile-menu {display: block; left: 0;}
	.mobile-menu .gnb {margin-top: 120px;}
    .mobile-menu .gnb li a {display: block; width: 100%; padding: 1rem; border-bottom: 1px solid #f3f3f3; background-color: #112158; color: #fff; font-size: 1rem; transition: 0.3s;}
    .mobile-menu .gnb li:hover > a {background-color: #0081cc;}
    .mobile-menu .gnb li .gnb_sub_wrap {display: none;}
    .mobile-menu .gnb li .gnb_sub_wrap li a {background-color: #fff; color: #000;}
    .mobile-menu .gnb li .gnb_sub_wrap li:hover a {color: #0081cc;}

    /* main */
    .main .exhi-list {margin: 0 -1rem;}
    .main .bro {flex-direction: column;}
    .main .bro .main-txt-area {align-items: center;}
    .main .dday {margin-top: 2rem;}
    .main .graph .main-txt-area {margin-left: 0; text-align: center;}
    .main .notice .tab_content .recent_list .main_bbs li .title {width: 60%;}
    .main .logo-list {margin: auto -1rem; margin-top: 6rem; padding: 2rem 1rem;}

    /* footer */
    .footer .foot-wrap-bottom {flex-direction: column;}
    .footer .foot-wrap-bottom p{align-items: flex-start;}
    .footer .foot-wrap-bottom p ~ p{margin-left: 0; margin-top: 0.5rem;}

  	/* selected */
    .mobile-menu .gnb li.selected a {background-color: #112158; color: #fff;}
    .mobile-menu .gnb li.selected:hover > a {color: #fff;}
    .mobile-menu .gnb li.selected .gnb_sub_wrap {display: block;}
    .mobile-menu .gnb li.selected .gnb_sub_wrap li {background-color: #eee;}
    .mobile-menu .gnb li.selected .gnb_sub_wrap li a {color: #000}
    .mobile-menu .gnb li.selected .gnb_sub_wrap li:hover a {color: #112158;}
    .mobile-menu .top-menu {position: absolute; top: 4rem; left: 1rem; font-size: 1rem;}
    .mobile-menu .top-menu ul {display: flex; flex-wrap: wrap;}
    .mobile-menu .top-menu ul li {margin-right: 1rem;}
    .mobile-menu .top-menu ul li.tnb_userinfo {width: 100%;}
    .mobile-menu .top-menu ul li.tnb_sitemap {display: none;}
    .mobile-menu .top-menu ul li.tnb_lang {display: none;}
    .mobile-menu-toggle {position:absolute; top: 1rem; left:1rem; box-sizing:border-box; width:2rem; height:2rem; text-align:center; z-index:10;}
    .mobile-menu-toggle i {font-size:2rem; line-height:2rem;}
    #main_con_wrap {width: 100%; padding: 0 1rem;}
    .footer > div {width: 100%; padding: 1rem;}
    .footer .foot-wrap-top .foot-img{top: 1rem;}

    .main-bg-wrap {width: 100%; padding: 0 1rem;}
    .visual {margin-top: -80px;}
    .main .search-area {padding: 0;}
    .main .exhi-list .hooper-navigation svg {width: 2rem; height: 2rem; border-radius: 100%; background: #000; fill: #fff;}
    .main .exhi-list .hooper-navigation .hooper-prev {left: 0;}
    .main .exhi-list .hooper-navigation .hooper-next {right: 0;}
    .main .graph .statistics {width: 1000px;}
    .main .graph .graph .paper:before {width: 8.5rem; height: 8.5rem;}
    .main .graph .graph .middle .number {font-size: 2rem;}
    .main .graph .graph .middle .number#counter-1 {font-size: 1.8rem;}
    .main .graph .graph .middle .number#counter-3 {font-size: 2.2rem;}
    .main .graph .graph .middle .dollar {font-size: 1rem;}
    .main .graph .graph .middle .unit {font-size: 1rem;}

    /** sub common **/
    #content.sub_content .com_subtitle,
    #content.sub_content #con_container,
    #ex_application,
    #content.sub_content form[name=frmBoardIns] {width: 100%; padding-left: 1rem; padding-right: 1rem;}

    /* sub */
    #content.sub_content .com_subtitle h2.menu_name {font-size: 2rem;}

    /** 온라인 전시 **/
    /* layer popup */
    .exhi-detail .pop-layer {width: 90%;}
    .exhi-detail .exhi-icon {justify-content: flex-end; margin-left: 0;}

    /* mypage */
    .mypageArea {width: 100%;}

    /** 연사소개 **/
    .list_page .speakers-list .speaker li {width: 23.5%;}
    .list_page .speakers-list .speaker li:nth-child(6n) {margin-right: 2%;}
    .list_page .speakers-list .speaker li:nth-child(4n) {margin-right: 0;}
    .list_page .speakers-list .speaker li:nth-child(-n + 6) {margin-top: 2rem;}
    .list_page .speakers-list .speaker li:nth-child(-n + 4) {margin-top: 0;}

    /** 프로그램 **/
    /* 리스트형 */
    .list_page .program-list .search-wrap {width: 260px;}
    .list_page .program-list .list-wrap {width: calc(100% - 260px - 20px);}
    .list_page .program-list .list-wrap .day h3::after {width: 75%;}

    /* 리스트형 detail */
    .detail_page .program-detail .speaker .spk-list li {width: 23.5%;}
    .detail_page .program-detail .speaker .spk-list li:nth-child(6n) {margin-right: 2%;}
    .detail_page .program-detail .speaker .spk-list li:nth-child(4n) {margin-right: 0;}
    .detail_page .program-detail .speaker .spk-list li:nth-child(-n + 6) {margin-top: 2rem;}
    .detail_page .program-detail .speaker .spk-list li:nth-child(-n + 4) {margin-top: 0;}

    /* 포럼 워즈 */
    .awards-page .awards .program-top-area { padding: 2rem 1rem;}
    .awards-page.list_page .program-list .list-wrap {width: 100%; padding: 2rem 1rem;}
}

@media only screen and (max-width: 1000px){
    /* main */
    .main .graph .statistics {width: 700px;}
    .main .graph .data .title {margin-top: -1rem;}
    .main .graph .graph .paper:before {width: 6rem; height: 6rem;}
    .main .graph .graph .middle .number {font-size: 1.5rem;}
    .main .graph .graph .middle .number#counter-1 {font-size: 1rem;}
    .main .graph .graph .middle .number#counter-3 {font-size: 1rem;}
    .main .dday {width: 100%;}
    .main .dday .dday-box .dday-list {width: auto; height: 8rem;}
    .main .dday .dday-box > div~div:before {top: calc(50% - 5.4rem);}
    .main .dday .dday-box .dday-box-outer {width: 20%;}

    .main .main-quick-wrap{ flex-direction: column;}
    .main .quick-left{width: 100%; background-size: cover; border-radius: 5px;}
    .main .quick-right{width: 100%;}
    .main .quick-icon-area{margin-bottom: 1rem;}

    .main .logo-area .logo-box{ flex-wrap: wrap;}
    .main .logo-area .logo-box a{margin-bottom: 1rem;}

    /* 비즈스 프로그램 */
    .matching-item {flex-direction: column;}
    .matching-item img{width: 100%;}
    .matching-item-txt{width: 100%; margin-top: 2rem;}

    /* 온라인 전시 리스 */
    .exhi-list .product-list{flex-wrap: wrap; justify-content: center;}
    .exhi-list .product-list .pro-list-item {padding: 0.5rem;}

    /* 포럼 어즈 */
    .awards-page .awards .program-top {flex-direction: column; height: auto;}
    .awards-page .program-logo { min-width: 200px; width: 30vw; margin: 0;}
    .awards-page .program-check-list {width: 100%; align-items: flex-start; margin-top: 2rem;}
}

@media only screen and (max-width: 960px){
    /** 연사소개 **/
    .speaker-popup .pop-con {width: 90%;}
    .speaker-popup .pop-con .des li .txt-box ul li strong {width: 20%; margin-right: 0;}
    .speaker-popup .pop-con .des li .txt-box ul li span {width: 80%;}
}

@media only screen and (max-width: 760px){
    html {font-size: 14px;}
    #logo {width: 35%; min-width: 140px;}
    #logo * {width: 100%;}

    /* list */
    .nor-list li {display: block;}
    .nor-list li strong {width: 100%; margin-bottom: 0.5rem;}
    .nor-list li span {width: 100%;}
    .nor-list li span {display: block; width: 100%;}
    .ronud-list li {display: block;}
    .ronud-list li strong {margin-bottom: 0.5rem;}
    .ronud-list li span {display: block; width: 100%;}
    .img-list li::after {width: 3.5526vw; height: 3.5526vw;}
    .img-list.item3 li::after {right: -1.5rem;}
    .img-list.item4 {justify-content: flex-start;}
    .img-list.item4 li {width: 46%; margin-right: 4%; margin-bottom: 1rem;}
    .img-list.item4 li:nth-child(n+3) {margin-bottom: 0;}
    .img-list.item4 li::after {right: -1.5rem;}
    .img-list.item5 {justify-content: flex-start;}
    .img-list.item5 li {width: 30%; margin-right: 3%; margin-bottom: 1rem;}
    .img-list.item5 li:nth-child(n+4) {margin-bottom: 0;}
    .img-list.item5 li::after {right: -1.3rem;}

    /** main common **/
    .main_content #main_visual {height: 70vw;}
    #main_Lcon {width: 100%; margin-bottom: 2rem;}
    #main_Rcon {width: 100%;}
    .custom-widget .quick-area {float: none; width: 100%; margin-bottom: 2rem;}
    .custom-widget .text-area {float: none; width: 100%;}
    .footer > div {display: block; padding: 2rem 1rem; text-align: center;}
    .footer > div .f-logo {margin: 0 0 1rem;}
    .footer .foot-wrap-top .foot-img {flex-direction: column; align-items: flex-end; top: 2rem;}

    /* main */
    .main .main-title {font-size: 2rem;}
    .main .main-sub-title {font-size: 1.2rem;}
    .main .search-area .main-title {font-size: 2rem;}
    .main .search-bar .serach-btn {display: flex; justify-content: space-between;}
    .main .search-bar select {width: calc(35% - 3.5rem); margin-right: 1rem;}
    .main .search-bar input {width: 78%}
    .main .search-bar button {width: 19%; margin: 0; font-size: 1rem;}
    .main .pro {padding-top: 2rem; }
    .main .pro .pro-list {flex-wrap: wrap;}
    .main .pro .pro-list-more.on {height: auto;}
    .main .pro .pro-list .pro-item {width: 100%; margin-right: 0%; margin-bottom: 1rem;}
    .main .pro .pro-list .pro-item img {height: 10rem;}
    .main .pro .btn.empty {display: none;}
    .main .graph {padding-top: 2rem;}
    .main .graph .statistics {display: flex; flex-flow: row wrap; width: auto;}
    .main .graph .graph .paper:before {width: 63%; height: 63%; border: 1.5vw solid #898c90;}
    .main .graph .statistics li {width: 50%;}
    .main .bro .main-txt-area .main-title {font-size: 2.5rem;}
    .main .bro .main-txt-area .main-sub-title {font-size: 1.6rem;}
    .main .dday .dday-box > div {width: auto; height: auto; margin-left: 1rem;}
    .main .dday .dday-box .num {font-size: 2rem;}
    .main .dday .dday-box .unit {font-size: 1rem;}
    .main .dday .dday-box .dday-list {width: auto; height: 5rem;}
    .main .dday .dday-box > div~div:before {top: calc(50% - 5rem);}
    .main .notice {flex-direction: column; padding-top: 2rem;}
    .main .notice .info-left {width: 100%; margin-right: 0;}
    .main .notice .info-right {width: 100%; margin-top: 2rem;}
    .main .notice .board-tab li p{font-size: 1rem;}
    .main .notice .tab_content .recent_list .main_bbs li .title{font-size: 1rem;}
    .main .notice .tab_content .recent_list .main_bbs li .date{font-size: 0.8rem;}
    /* main - 추가*/
    .main-visual-arrow i {font-size: 2rem; padding: 1rem;}
    .main .quick-icon-area {width: 100%; min-height: 7rem;}
    .main .quick-icon-area img{max-width: 4.5rem; width: 100%;}
    .main .quick-left .quick-left-top {padding: 1rem; margin-bottom: 1rem;}
    .main .quick-left .quick-left-top .quick-title{font-size: 1rem;}
    .main .quick-left .quick-left-top .quick-txt{font-size: 0.8rem;}
    .main .logo-area-top { flex-direction: column;}
    .main .logo-area {align-items: center}
    .main .logo-area strong{margin-bottom: 1rem; margin-right: 0;}
    .main .logo-area a:last-child img{margin-right: 0;}
    .main .logo-area img{margin-right: 0;}
    .main .logo-area .logo-box{align-items: center; justify-content: left; width: 100%; margin-right: 0;}
    .main .logo-area .logo-box a img{width: 100%; padding:0.5rem; object-fit: contain;}

    .visual .visual-title01{width:80%;}

    /* footer */
    .footer .foot-wrap-top {width: 70%;}
    .footer .foot-wrap-top-link{display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; }
    .footer .foot-wrap-top a ~ a{margin-left: 0.8rem; padding-left: 0;}
    .footer .foot-wrap-top-link a ~ a {padding-left: 0; margin-left: 0;}
    .footer .foot-wrap-top a{font-size: 0.9rem; width: 50%; margin-bottom: 0.5rem; text-align: left;}
    .footer .foot-wrap-top a ~ a::before{content: none;}
    /** sub common **/
    .title01{font-size: 1.4rem;}
    .title02{font-size: 1.2rem;}
    .title02::before{height: 1rem;}
    .main .logo-area {flex-direction: column;}
    #content.sub_content .sub_visual {height: 20vw;}
    #content.sub_content .sub_visual .txt {left: 13%; width: 40vw;}

    .nor-tbl {display: inline-block; max-width: 100%; overflow-x: auto; white-space: nowrap; border-collapse: collapse; }

    .nor-tbl td img {min-width: 100px;}
    .nor-tbl th,
    .nor-tbl td {padding: 0.5rem 1rem; font-size: 0.8rem;}

    .dotList > li, .dotTxt{font-size: 0.8rem;}
    .infolist > li {font-size: 0.8rem;}
    .tabList li a{font-size: 1rem;}
    .contestInfo > li > b {font-size: 1rem;}
    .contestInfo > li .ctRight{font-size: 0.8rem; padding-left: 0;}
    .ref {font-size: 0.8rem;}
    /* sub page */
    .data-contents .time {width: 5rem;}
    .data-contents > li:not(:last-child):before {left: 4.7rem;}
    .data-contents .flag-list {flex-wrap: wrap; padding-left: 3%;}
    .data-contents .flag-list > li {width: 30%; margin-bottom: 1rem;}
    .contestInfo > li > b {width: auto; display: inline-block; padding: 0.5rem 2rem;}
    .contestInfo > li > span{width: 100%; padding-left: 0;}
    .wsce-over .contestInfo > .info-img  { align-items: flex-start; flex-direction: column; }
    .wsce-over .count { flex-direction: column; }
    .wsce-over .count > li{width: 100%; margin-bottom: 0.5rem;}
    .contestInfo.categori-list li b { width: auto;}
    .contestInfo.categori-list > li > span {width: 100%;}
    .over-popup .pop-layer {width: 90%;}
    .over-popup .pop-layer .btn-r{top: 0.5rem; right: 0.5rem;}

	.prList > li {width:49.5%; margin:0 0 0.5rem 1%; padding:0 1rem;}
	.prList > li:first-child, .prList > li:nth-child(3) {margin-left:0;}
	.prList > li.regiInfoTxt .prImg {padding-right:1rem; box-sizing:border-box;}
	.prList > li.regiInfoTxt .prTxt {margin-top:0; width:auto;}
	.prList > li .prImg, .prList > li .prTxt {display:inline-block; vertical-align:middle;}
	.prList > li .prImg {width:25%; text-align:center;}
	.prList > li .prTxt {width:75%; margin-top:0; padding-left:1rem; box-sizing:border-box; text-align:left;}
	.prList > li .prTxt p {margin-top:1.5rem;}

	.prList > li {display:block; width:auto; height:12rem; padding:0 2rem; margin-left:0;}
	.prList > li .prTxt b br {display:none;}
	.prList > li .prTxt p span {display:inline-block;}
	.prList > li.regiInfoTxt .prTxt {width:50%;}

    .sub-title01 { font-size: 1.1rem;}
    .sub-txt01 { font-size: 1rem;}

    .contestInfo > li > span{font-size: 1rem;}
    .btn.normal{font-size: 0.8rem;}
    .btn.white{ padding: 0.83rem 2rem 0.83rem 1rem;}
    .btn.download {background-size: 15px;}


    /** 라인 전시 **/
    /* online exhibition list */
    .exhi-list .search-wrap select {order: 2; width: 40%; margin: 0;}
    .exhi-list .search-wrap .search-area {order: 3; width: 100%; margin-top: 1rem;}
    .exhi-list .search-wrap .btn {order: 1; width: 55%; margin: 0 5% 0 0;}
    .exhi-list .product-wrap .list .item {width: 32.33%; margin-right: 1%;}
    .exhi-list .product-wrap .list .item:nth-child(5n) {margin-right: 1%;}
    .exhi-list .product-wrap .list .item:nth-child(3n) {margin-right: 0;}
    .exhi-list .product-wrap .list .item .img-area {height: 30.2631vw;}

    .exhi-list .product-list{flex-wrap: wrap; justify-content: space-between;}
    .exhi-list .product-list .pro-list-item { width: 30%; padding: 0; padding-bottom: 1rem;}
    .exhi-list .product-list .pro-list-item span{margin-top: 0.5rem; font-size: 0.8rem;}

    /* online exhibition detail */
    .exhi-detail .exhi-icon {margin-left: 0;}
    .exhi-detail .exhi-icon a {width: 100%; flex-direction: column-reverse; padding: 1rem 0rem; text-align: center;}
    .exhi-detail .exhi-icon a i {margin-left: 0rem; margin-bottom: 0.5rem; font-size: 2rem;}
    .exhi-detail .default-wrap {margin-bottom: 0 !important;}
    .exhi-detail .default-wrap .dpf {flex-wrap: wrap;}
    .exhi-detail .default-wrap .nor-list li {display: flex;}
    .exhi-detail .default-wrap .nor-list li strong {width: 130px; margin-bottom: 0;}
    .exhi-detail .default-wrap .nor-list li span {width: auto;}
    .exhi-detail .default-wrap .img-area {width: 100% ; margin-right: 0; margin-bottom: 1rem;}
    .exhi-detail .default-wrap .img-area .big-img {height: 40.7368vw;}
    .exhi-detail .default-wrap .img-area .small-img .img-box {height: 10.1578vw;}
    .exhi-detail .default-wrap .youtube {display: none;}
    .exhi-detail > .youtube-area {display: block;}
    .exhi-detail .recommen-wrap .product .item .img-box {height: 30vw;}

    .exhi-detail .exhi-title-warp .title01 {font-size: 1.4rem;}
    .exhi-detail .exhi-title-warp .title01-eng {font-size: 1.2rem;}

    .exhi-detail .exhi-title-warp.pro-top .title01{font-size: 1.4rem;}
    .exhi-detail .exhi-title-warp.pro-top .title01-eng{font-size: 1.2rem;}

    .exhi-detail .exhi-title-warp {margin-bottom: 1rem;}
    .exhi-detail .product-area .product-txt-wrap{width: 100%; margin-top: 0rem;}
    .exhi-detail .exhi-title-warp.pro-bottom p  { overflow-y: scroll; height: 200px; }

    .exhi-detail .pop-layer{ position: fixed; height: 80vh; overflow-y: scroll;}
    .exhi-detail .pop-layer .pop-container{padding-bottom: 1rem;}



    /* login */
    #login_content {width: 90%;}
    .material-form form {width: 100%;}

    /* QnA */
    .board1_search {position: relative;}
    .board1_search .bbs_write_button {float: none; position: absolute; right: 0; top: 5rem;}

    /* 기존 약관 */
    .stepTitle > div {width: 130px; height: 130px;}

    /* mypage */
    .mypageArea .corp_nm {width: auto;}
    .mypageArea .action {width: auto;}

    /* sub page 추 */
    .tabList {display: flex;}
    .tabList li {width: 100%;}

    /* 연사부분 추가 */
    .speaker .speaker-sub-title .itl {font-size: 1.5rem;}
    .speaker .speaker-sub-title b,
    .speaker .speaker-sub-title span { font-size: 1.8rem;}
    .speaker .speaker-sub-title p { font-size: 1.1rem;}
    .speaker-info .speaker-info-item ul li b {flex: 100px 0 0;}
    .speaker-info-word.pc-on {display: none;}
    .speaker-info-word.m-on {display: block;}

    .speaker-info-word.m-on .speaker-info-word-item{ display: flex; align-items: center; justify-content: flex-start; flex-direction: row; width: 100%; margin-bottom: 1rem; }
    .speaker-info-word.m-on .speaker-info-word-item img{margin: 0; margin-right: 1rem;}
    .speaker-info-word.m-on .speaker-info-word-item .item-txt-box{text-align: left;}
    .speaker-info-list { flex-direction: column;}
    .speaker-info-list .speaker-info-list-item{width: 100%; margin-bottom: 1rem;}

    /** 연사개 **/
    .list_page .speakers-list .speaker li {width: 31.3333%;}
    .list_page .speakers-list .speaker li:nth-child(4n) {margin-right: 2%;}
    .list_page .speakers-list .speaker li:nth-child(3n) {margin-right: 0;}
    .list_page .speakers-list .speaker li:nth-child(-n + 4) {margin-top: 2rem;}
    .list_page .speakers-list .speaker li:nth-child(-n + 3) {margin-top: 0;}
    .speaker-popup .pop-con .des li .txt-box ul li strong {width: 30%;}
    .speaker-popup .pop-con .des li .txt-box ul li span {width: 70%;}

    /* 리스트형 */
    .list_page .program-list {display: block;}
    .list_page .program-list .search-wrap {width: 100%;}
    .list_page .program-list .list-wrap {width: 100%;}
    .list_page .program-list .list-wrap .day h3::after {display: none;}
    .list_page .program-list .list-wrap .day ul li .item a {padding: 1rem;}
    .list_page .program-list .list-wrap .day ul li .item .category strong {display: block; text-align: center;}
    .list_page .program-list .list-wrap .day ul li .item .topic {line-height: 1.2;}

    /* 스트형 detail */
    .detail_page .program-detail .speaker .spk-list li {width: 31.3333%;}
    .detail_page .program-detail .speaker .spk-list li:nth-child(4n) {margin-right: 2%;}
    .detail_page .program-detail .speaker .spk-list li:nth-child(3n) {margin-right: 0;}
    .detail_page .program-detail .speaker .spk-list li:nth-child(-n + 4) {margin-top: 2rem;}
    .detail_page .program-detail .speaker .spk-list li:nth-child(-n + 3) {margin-top: 0;}


    /* 포럼 어워 */
    .awards-page .awards .program-top-area {margin-bottom: 0;}
    .awards-page .program-check-list {flex-wrap: wrap}
    .awards-page .program-check-item {width: 30%; margin-right: 5%; margin-bottom: 5%; background-size: 50%;}
    .awards-page .program-check-item:nth-child(3n) {margin-right: 0;}
    .awards-page .program-check-item ~ .program-check-item {border: none;}
    .awards-page .program-check-item h2 {font-size: 1rem;}

    .awards-page .program-list .list-wrap .day ul li {width: 49%; margin-right: 2%; margin-bottom: 2%;}
    .awards-page .program-list .list-wrap .day ul li:nth-child(5n) {margin-right: 2%;}
    .awards-page .program-list .list-wrap .day ul li:nth-child(2n) {margin-right: 0%;}
    .awards-page .program-list .list-wrap .day ul li .item button {padding: 1rem;}
    .awards-page .program-list .list-wrap .day ul li .item button img {height: 25vw;}
    .awards-page .program-list .list-wrap .day ul li .item .topic {margin-top: 0.5rem;}

    .program-popup .program-popup-item {width: 85%;}
    .prrgram-popup-btn-box button i {color: #333;}
    .program-info {flex-direction: column;}
    .program-info-left{width: 100%;}
    .program-info-right{width: 100%; margin-top: 1rem;}
    .program-popup-top h2 {font-size: 2rem;}
    .program-popup-top h3 {font-size: 1.13rem;}
    .program-popup-top img {width: 70px;}
    .program-info-left img {padding: 1rem;}
}

@media only screen and (max-width: 580px){
    #logo .logo_pc{display: none;}
    #logo .logo_m{display: block; max-height: 56px; object-fit: contain;}

    .fair_mypage #content.sub_content .com_subtitle .breadcrumb, .fair_mypage #ex_application .com_subtitle .breadcrumb {right: 1rem;}
    .visual .visual-box-text {top: 45%;}
    .visual .visual-box-text .visual-title01 {font-size: 4rem;}
    .visual .visual-box-text .visual-title02 {font-size: 1.9rem;}
    .visual .visual-box-text .visual-title03 {font-size: 1.6rem;}
    .visual .visual-box-text .main-btn {max-width: 20rem; padding: 1rem 2.5rem;}
    .visual .scroll-downs {bottom: 10%;}

    /* footer */
    .footer .foot-wrap-top{ display: flex;}
    .footer .foot-wrap-bottom p b{margin-right: 0; padding-right: 0;}
    .footer .foot-wrap-bottom p b::before{content: none;}
    .footer .foot-wrap-bottom p a{margin-right: 0;}
    .footer .foot-wrap-bottom{flex-direction: column;}
    .footer .foot-wrap-bottom p{flex-direction: column;}

    .prList > li{height: auto; padding: 1rem;}
    .prList > li .prWrap {display: flex; flex-direction: column;}
    .prList > li .prImg {width: 100%; }
    .prList > li .prImg img{max-width: 50px !important; margin-bottom: 0.5rem;}
    .prList > li .prTxt{width: 100%; padding:0;}
    .prList > .regiInfoTxt .prImg img{ max-width: 150px !important;}

    /* sub */
    .title01 {font-size: 1.2rem;}
    .dpf-fdc{display: flex; flex-direction: column;}
    .dpf-fdc a{margin-bottom: 0.5rem;}

    /* 비즈니스 프로그램 */
    .matching-item .contestInfo > li > b{width: auto;}
    .matching-item .contestInfo > li > span {width: 100%; padding-left: 0;}
    .prList > li.regiInfoTxt .prTxt{width: 100%;}

    /** 온라인 전시 **/
    /* online exhibition detail */
    .exhi-detail .default-wrap .nor-list li strong{width: 100%; text-align-last: auto;}
    .exhi-detail .default-wrap .nor-list li span {width: 100%;}

    /* QnA */
    .bbs_search_button .btn_search {margin: 0; font-size: 0.8rem; line-height: 1.6;}
    .board1_search .bbs_write_button {top: 6.5rem;}
    .board1_search .bbs_write_button .btn_1 {font-size: 0.8rem;}

    /* 존 약관 */
    .stepTitle h1 {font-size: 1.4rem;}
    .stepTitle > div {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100px; height: 100px; background-image: none !important; padding: 0.5rem 1rem !important;}


    /* 연사부분 추가 */
    .speaker .speaker-sub-title .itl {font-size: 1.2rem;}
    .speaker .speaker-sub-title b,
    .speaker .speaker-sub-title span { font-size: 1.4rem;}
    .speaker .speaker-sub-title p { font-size: 1.1rem;}
    .speaker-info .speaker-info-item ul li {flex-direction: column; padding-right: 1.2rem;}
    .speaker-info .speaker-info-item ul li b{flex: auto;}
    .speaker-info .speaker-info-item ul li span{margin-left: 1.1rem; width: 100%;}

    .speaker-info .speaker-info-title{font-size: 1.4rem;}
    .speaker-info .speaker-info-title::before {height: 78%;}
    .speaker-info-word.m-on .speaker-info-word-item img{width: 50px;}
    .speaker-info-word.m-on .speaker-info-word-item .item-txt-box .item-title{font-size: 1.3rem; margin-bottom: 0.2rem;}
    .speaker-info-word.m-on .speaker-info-word-item .item-txt-box .item-txt {font-size: 1rem;}

    .speaker-info .speaker-info-item table ul li span {margin-left: 0;}
    .speaker-info .speaker-info-item table th, .speaker-info .speaker-info-item table td {font-size: 1rem;}

    /** 연사소개 **/
    .list_page .speakers-list .speaker li {width: 49%;}
    .list_page .speakers-list .speaker li:nth-child(3n) {margin-right: 2%;}
    .list_page .speakers-list .speaker li:nth-child(2n) {margin-right: 0;}
    .list_page .speakers-list .speaker li:nth-child(-n + 3) {margin-top: 2rem;}
    .list_page .speakers-list .speaker li:nth-child(-n + 2) {margin-top: 0;}

    .speaker-popup .pop-con .btns li {width: 110px; margin-right: 0;}
    .speaker-popup .pop-con .des li .img-box {width: 270px; height: 300px; margin-right: 0; margin-bottom: 2rem;}
    .speaker-popup .pop-con .des li .txt-box {width: 100%;}

    /** 프로그램 **/
    /* 리스트형 detail */
    .detail_page .program-detail .speaker .spk-list li {width: 49%;}
    .detail_page .program-detail .speaker .spk-list li:nth-child(3n) {margin-right: 2%;}
    .detail_page .program-detail .speaker .spk-list li:nth-child(2n) {margin-right: 0;}
    .detail_page .program-detail .speaker .spk-list li:nth-child(-n + 3) {margin-top: 2rem;}
    .detail_page .program-detail .speaker .spk-list li:nth-child(-n + 2) {margin-top: 0;}
}

@media only screen and (max-width: 480px){
    /* main */
    .main .main-title {font-size: 1.5rem;}
    .main .main-sub-title {font-size: 1rem;}
    .main .search-bar {flex-wrap: wrap;}
    .main .search-bar select {width: 100%; height: 3rem; margin-right: 0; margin-bottom: 0.5rem;}
    .main .search-bar input {width: 78%; height: 3rem;}
    .main .search-bar button {width: 19%; height: 3.1rem; margin: 0; font-size: 1rem;}
    /* .main .exhi-list .hooper-slide {padding: 0;} */
    .main .dday .dday-box .num {font-size: 1.4rem;}
    .main .dday .dday-box .unit {font-size: 0.7rem;}
    .main .dday .dday-box .dday-box-outer {width: 16%;}
    .main .notice .board-tab li {width: 35%;}
    .custom-widget .quick-area .img-box {width: 100%;}
    .footer .foot-wrap-top a{font-size: 0.7rem;}
    /* list */
    .img-list.item3 li {width: 100%; margin-right: 1rem; margin-bottom: 1rem !important;}
    .img-list.item3 li:last-child {margin-bottom: 0 !important;}
    .img-list.item3 li::after {right: -1.3rem;}
    .img-list.item4 li {width: 100%; margin-right: 1rem; margin-bottom: 1rem !important;}
    .img-list.item4 li:last-child {margin-bottom: 0 !important;}
    .img-list.item4 li::after {right: -1.3rem;}
    .img-list.item5 li {width: 100%; margin-right: 1rem; margin-bottom: 1rem !important;}
    .img-list.item5 li:last-child {margin-bottom: 0 !important;}
    .img-list.item5 li::after {right: -1.1rem;}

    /** 라인 전시 **/
    /* online exhibition list */
    .exhi-list .product-wrap .list .item {width: 49.5%;}
    .exhi-list .product-wrap .list .item:nth-child(3n) {margin-right: 1%;}
    .exhi-list .product-wrap .list .item:nth-child(2n) {margin-right: 0;}
    .exhi-list .product-wrap .list .item .img-area {height: 35vw;}
    .exhi-list .paging-wrap a {padding: 0.3rem;}

    /* login */
    #login_content {width: 90% !important;}
}