@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@import url('https://webfontworld.github.io/pretendard/Pretendard.css');

/* style_common */
@import url('/css/style_common.css');
*,
div, table, td, th, span, p, a, h1, h2, h3, h4, h5, h6, dl, ol, ul, li, dd, dt{color:inherit;}

div, li, span, a, th, td ,body, h1, h2, h3, h4, h5, h6 {font-family:'NanumSquare', sans-serif;}
html { height:100%; }
body { min-width:320px; height:100%; }
* * , * {font-family: 'NanumSquare', sans-serif; box-sizing:border-box;}
input[type='password'] { font-family:ARIAL, sans-serif; }

/* mobile UI */
body.mobile-menu-opened { overflow-y:hidden; }
.mobile-menu-toggle { display:none; position:absolute; top:3rem; left:2rem; box-sizing:border-box; width:2rem; height:2rem; text-align:center; z-index:999;}
.mobile-menu-toggle i { font-size:2rem; line-height:2rem; }
.mobile-menu {display:none}

/* MGR Login Page */
.mgr_login { background: url(/home/2019/scsa/image/main_visual_01.png); background-size: cover; }
.mgr_login .mHidden { display:none; }

/* default */
.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;}
.mt100 {margin-top:6.67rem !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;}
.mb100 {margin-bottom:6.67rem !important;}
.ml5 {margin-left:0.33rem !important}
.ml10 {margin-left:0.66rem !important}
.mr5 {margin-right:0.33rem !important}
.mr10 {margin-right:0.66rem !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;}
.rel {position:relative}
.abs {position:absolute;}
.fix {position:fixed}
.cle:after{ content: ""; display:block; clear:both }
.fL {float:left !important;}
.fR {float:right !important;}
.taC {text-align:center !important;}
.taL {text-align:left !important;}
.taR {text-align:right !important;}
.taJ {text-align:justify !important;}


/* button */
a.btn1 { padding:0.8rem 1.6rem; line-height:1.5; font-weight:normal; font-size:1rem; background-color:#354f98; }
a.btn1:hover, a.btn1.selected { background-image:none; }
a.btn1.common { font-weight:normal; }

/* layer popup */
.pop_contents {display:none; text-align:center;}
.card-header > .title {font-size:1.5rem; font-weight:400;}
.layer .layer_container.no-bg { width:800px; margin-left:-400px; }

/* css */
html {font-size:15px;}
.bgM {background-color:#3595d1;}
.fC {color:#3595d1;}
.fwNone {font-weight:normal !important;}
#con_container img {max-width:100%;}

/* division */
.xScrollArea {overflow-x:auto; width:100%; position:relative;}

/* board table */
.board_1 {font-size:1.1rem; transform:skew(0.1deg);}
.board_1 th {font-weight:500;}
.board_1 a {font-weight:400;}

/* title */
.title01 {overflow:hidden; display:block; padding-left:2.1rem; font-size:2rem; font-weight:700; color:#0d0d0d; background:url('/home/2018/smartgeoexpo/image/new/bullet_title01.png') no-repeat 0 8px; background-size:1.2rem;line-height: 1.2;}
.title01 {padding-left: 0; background: none;}
.title03 {overflow:hidden; display:block; padding-left:1rem; font-size:1.267rem; font-weight:400; color:#1353a5; background:url('/home/2018/smartgeoexpo/image/bullet_title02.png') no-repeat 0 0.4667rem;line-height: 1.2;}

/* button */
.btn {display:inline-block; border-radius:2px; transform:skew(0.1deg);}
.btn img {display:inline-block; margin-left:1rem; vertical-align:middle; }
.btn.small {padding:0.3rem 0.8rem; font-size:0.75rem; color:#fff; text-align:center;}
.btn.normal {padding:0.66rem 0.812rem; font-size:1.065rem; color:#fff; text-align:center;}
.btn.wide {padding:1.4rem 3.33rem; font-size:1.33rem; color:#fff; text-align:center;}
.btn.download {padding:0.66rem 3.334rem 0.66rem 0.812rem; background-image:url('/home/2018/smartgeoexpo/image/icon_download_w.png'); background-repeat:no-repeat; background-position:calc(100% - 1.13rem) center; background-size:1rem;}
.btn.navy {background-color:#273d5c; color:#fff;}
.btn.blue {background-color:#228ac9; color:#fff;}
.btn.red {background-color:#c72946; color:#fff;}
.btn.black {background-color:#353535; color:#fff;}
.btn.gray {background-color:#6b6b6b; color:#fff;}
.fairmenu16743 .btn,
.fairmenu16761 .btn {font-size: 1.5rem;}

/* txt */
.normalTxt {overflow:hidden; font-size:1.13rem; font-weight:400; line-height:1.5; word-break:keep-all; word-wrap:break-word; color:#606060; transform:skew(0.1deg);}
.empTxt {overflow:hidden; font-size:1.13rem; color:#585858; line-height:1.4; letter-spacing:-0.04em; word-break:keep-all; word-wrap:break-word;}
.ref {overflow:hidden; font-size:1.13rem; color:#273d5c;}
.blueBox {overflow:hidden; padding:1.7rem 3rem; font-size:1rem; background-color:#f0f5fd; word-break:keep-all; word-wrap:break-word;}
.blueLineBox {overflow:hidden; padding:3rem 0; border:2px solid #a4b4dc; font-size:1rem; word-break:keep-all; word-wrap:break-word;}
.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; transform:skew(0.1deg);}
.tac {text-align:center !important;}

.norList > li {}
.dotList {overflow:hidden;}
.dotList > li, .dotTxt {position:relative; padding-left:1rem; font-size:1.1rem; font-weight:400; word-break:keep-all; word-wrap:break-word;}
.dotList > li:before, .dotTxt:before {position:absolute; top:0; left:0; content:'\00b7'; font-weight:600; color:#3b3b3b;}
.dashList {overflow:hidden;}
.dashList > li, .dashTxt {position:relative; padding-left:1rem; font-size:1.1rem; font-weight:400; line-height:1.4; word-break:keep-all; word-wrap:break-word;}
.dashList > li:before, .dashTxt:before {content:'-'; font-weight:400; position:absolute; top:0; left:0;}

.squareList > li, .squareTxt {margin-top:6px; padding-left:1rem; font-size:1.3rem; color:#273d5c; line-height:1.4; word-break:keep-all; word-wrap:break-word; background:url('/home/2018/smartgeoexpo/image/bullet_title02.png') no-repeat 0 0.5rem;}
.squareList > li:first-child {margin-top:0;}
.squareList > li b, .squareList > li strong {font-weight:400;}

.infoList {overflow:hidden;}
.infoList > li {float:left; width:50%; padding-top:0.8rem; box-sizing:border-box;}
.infoList > li strong {display:inline-block; margin-right:1rem; font-size:1.267rem; font-weight:500; color:#003669; vertical-align:top;}
.infoList > li span {overflow:hidden; display:inline-block; font-size:1rem; color:#4a4a4a; vertical-align:bottom;}
.infoList.w100 > li {float:none; width:auto;}
.infoList.w100 > li span {font-size:1.2rem; vertical-align:top; line-height:1.5;}

.stepList {display: flex; flex-wrap: wrap;}
.stepList > li {width:33.333%; min-height:13rem; padding:1.5rem 4rem 1.5rem 1rem; box-sizing:border-box; font-weight:300; color:#333; background:url('/home/2018/smartgeoexpo/image/bg_steplist.png') no-repeat 95% center; background-size:1.53rem}
.stepList > li:first-child, .stepList > li:last-child {background:none;}
.stepList > li:nth-child(odd) {background-color:#d4e0ee;}
.stepList > li:nth-child(even) {background-color:#ecf3fc;}
.stepList > li.first {background-color:#4475b0;}
.stepList > li.first div {display:inline-block; height:10rem; color:#fff; vertical-align:middle;}
.stepList > li.first div:before {content:''; display:inline-block; width:1px; height:100%; margin-left:-1px; vertical-align:middle;}
.stepList > li.first strong {display:inline-block; font-size:1.6rem; font-weight:500; vertical-align:middle;}
.stepList > li.first strong:after {content:''; display:block; width:3rem; height:2px; margin-top:1rem; background-color:#fff;}
.stepList > li span {display:block;}
.stepList > li .stepTit b {display:inline-block; padding-bottom:0.5rem; border-bottom:1px solid #333; font-size:1.3rem; font-weight:400;}
.stepList > li .stepTit p {margin-top:1rem; font-size:1.1rem; font-weight:400;}
.stepList > li .stepTxt {margin-top:1.5rem; font-size: 1rem; transform: rotate(-0.1deg);}
.stepList > li .stepTxt * {font-size: inherit;}

/* tab style */
.tabBox {overflow:hidden;}
.tablist {width:100%; margin-bottom:3rem; border-bottom:2px solid #283d5c;}
.tablist:after {content:''; display:block; clear:both;}
.tablist li {float:left; width:18%;}
.tablist li a {display:block; min-height:3.33rem; margin:0 0 0 -1px; padding:1.33rem 0; border:1px solid #283d5c; border-bottom:0; box-sizing:border-box; font-size:1.33rem; color:#283d5c; text-align:center; background-color:#fff;}
.tablist li:first-child a {margin:0;}
.tablist li.on a {font-weight:500; color:#fff; background-color:#283d5c;}
.tablist.full li {float:left; width:33.333%;}

.menuTab {position:relative; z-index:1; width:100%; box-sizing:border-box; margin-bottom:4.3rem; text-align:center; font-size:0;}
.menuTab:after {content:''; display:block; clear:both;}
.menuTab li {display:inline-block; text-align:center;}
.menuTab li a {position:relative; display:block; min-width:12rem; height:auto; padding:0.67rem; font-size:1.26rem; font-weight:400; color:#333; text-align:center; background:#fff; border:1px solid #d3d3d3; text-decoration:none !important}
.menuTab li~li a {border-left:none}
.menuTab li.on a {color:#fff; background-color:#099fd1; border:1px solid #099fd1;}
.tab_lst {position:relative; z-index:1; width:100%; height:auto; margin:0 0 4.3rem; text-align:center; font-size:0; border:none;}
.tab_lst:after {content:''; display:block; clear:both;}
.tab_lst li {display:inline-block; float:none; text-align:center; border:none;border-left:1px solid #d3d3d3;}
.tab_lst li:first-child {margin-left:0;border-left:none;}
.tab_lst li a {position:relative; display:block; min-width:12rem; height:auto; padding:0.67rem; font-size:1.26rem; font-weight:400; color:#333; text-align:center; background:#fff; border:1px solid #d3d3d3; text-decoration:none !important}
.tab_lst li~li a {border-left:none}
.tab_lst li a:hover {color:#333;}
.tab_lst li a.bgM {color:#fff; background-color:#099fd1; border:1px solid #099fd1;}
.tab_lst li a.bgM:hover {color:#fff;}
.tab_lst li a.bgM:after {content:none}

.pageTab {position:relative; z-index:1; width:100%; margin-bottom:3.333rem; text-align:left; font-size:0; border-bottom:2px solid #e4eaf1; padding-bottom:2px;}
.pageTab:after {content:''; display:block; clear:both;}
.pageTab li {display:inline-flex; margin-left:0.5%;}
.pageTab li:first-child {margin-left:0;}
.pageTab li a {position:relative; display:block; min-width:8rem; height:auto; margin-bottom:0.2rem; padding:0.65rem; box-sizing:border-box; font-size:1rem; color:#fff; text-align:center; line-height:1.5; background-color:#a4cae1;  text-decoration:none !important}
.pageTab li a.twoLine {padding:1.7rem 0.3rem;}
.pageTab li:first-child a {margin:0;}
.pageTab li.on a {color:#fff; background-color:#3b84b1; }
.pageTab li a span {display:block;}
.pageTab.item4 li {width:24.25%; margin:0 0 0.2rem 1%;} /* full로 사용할때 4개 */
.pageTab.item4 li:nth-child(4n+1) {margin-left:0;}
.pageTab.item5 li {width:19%; margin:0 0 0.2rem 1.25%;} /* full로 사용할때 5개 */
.pageTab.item5 li:nth-child(5n+1) {margin-left:0;}

/* ui */
.mediaBox {overflow:hidden; position:relative; height:0; padding-top:56.25%;}
.mediaBox  iframe {position: absolute; top:0; left:0; width:100%; height:100%;}

/* table */
.tableArea {overflow:hidden; margin-top:2rem;}
td.imgcell img {vertical-align:middle; margin:0.5rem 0.7rem;}
td.imgcell b {display:block; font-weight:400;}
table.infoTbl {width:100%; border-top:2px solid #099fd1; border-bottom:1px solid #5d5d5d; font-size:1.13rem; font-weight:400; color:#474747; table-layout:fixed;}
table.infoTbl th.nobl, table.infoTbl td.nobl {border-left:0;}
table.infoTbl tr {border-top:1px solid #dddddd;}
table.infoTbl th, table.infoTbl td {padding:1.133rem 1.567rem; border-left:1px solid #dddddd; line-height:1.5em; word-break:keep-all; word-wrap:break-word;}
table.infoTbl tr th:first-child, table.infoTbl tr td:first-child {border-left:0;}
table.infoTbl td.pdlcell {padding:1rem 1rem 1rem 2.67rem;}
table.infoTbl td input[type=text] {width:100%; height:2rem; border:1px solid #eee; text-indent:0.67rem;}
table.infoTbl th { text-align:center; color:#0f0f0f; background-color:#f6f6f6; }
table.infoTbl thead th { font-size:1.13rem; font-weight:600; color:#0f0f0f; text-align:center; background-color:#f3f3f3; }
table.infoTbl .empcell { font-size:1.13rem; font-weight:400; color:#fff; background-color:#434183; }
table.infoTbl .skyblue { background-color:#e1ecfe !important; }
table.infoTbl .yellow1 { background-color:#fce473 !important; }
table.infoTbl .yellow2 { background-color:#fff5b3 !important; }
table.infoTbl .navy { background-color:#124d8e !important; color:#fff !important;}
table.infoTbl .blue { background-color:#2a9fdb !important; color:#fff !important;}
table.infoTbl .skin { background-color:#fdeee2 !important; }
table.infoTbl .darkblue { background-color:#475ca2 !important; color:#fff !important;}
table.infoTbl tr.sum td {padding:1.5rem; font-size:1.25rem; font-weight:600; color:#141414;}
table.infoTbl .fcdb{color:#1353a5;}
table.infoTbl .vrTop{vertical-align: top;}
.room {width:100%; margin-top: 1rem; border-top:1px solid #5d5d5d; border-collapse: collapse; border-bottom:1px solid #5d5d5d; font-size:1.13rem; font-weight:400; table-layout:fixed;}
.room th{width: 30%; padding: 0.5rem; color: #ddd; border-left: 1px solid #5d5d5d }
.room td{width: 70%; padding: 0.5rem; border: 1px solid #5d5d5d }
.room .roomc_01{background-color: #0070c0;}
.room .roomc_02{background-color: #92d050;}
.room .roomc_03{background-color: #f8601c;}
.room .roomc_04{background-color: #207608;}
.room .roomc_05{background-color: #e7467a;}
.room .roomc_06{background-color: #351e86;}
.room .roomc_07{background-color: #00b0f0;}

.tableBlueBox{display: flex;}
.tableBlueBox .fcRight{transform: rotate(-0.1deg);}
.tableBlueBox .blueHead{display: flex;width:16%;padding: 1.133rem 1.567rem;background-color: #2a9fdb !important;text-align: center;font-size: 1.13rem;color: #fff !important; line-height: 1.5em;align-items: center;justify-content: center;box-sizing: border-box;}
.tableBlueBox .blueHead strong{transform: rotate(-0.1deg);}
.tableBlueBox .blueCon{width:84%;padding: 1.133rem 1.567rem;background-color: #e1ecfe !important;font-size: 1.13rem;box-sizing: border-box;}
.tableBlueBox .ref{font-size: 1rem;transform: rotate(-0.1deg);}
.tableBlueBox .title02{transform: rotate(-0.1deg);}
.tableBlueBox table.infoTbl td{background-color: #fff;}
.tableBlueBox .blueCon .w50,
.tableBlueBox .blueCon .half{display: flex;}
.tableBlueBox .blueCon .w50 .double:first-child{width: 45%;}
.tableBlueBox .blueCon .w50 .double:last-child{width: 55%;}
.tableBlueBox .dotList li{font-size: 1.13rem;line-height: 1.5em;transform: rotate(-0.1deg);}
.rows{display: flex;justify-content: center;flex-flow: row wrap;}
.rows .btn{display: flex;align-items: center;}

/** main layout **/
#wrap {height:100%; padding: 0; background:none;}

#header_wrap {position:absolute; top:0; left:0; width:100%; border-bottom:1px solid rgba(0,0,0,0.2); z-index:10 }
#header {max-width:1300px; width:100%; height:9.2rem; transition:all 0.5s}

#logo {top:1.13rem; z-index:1}
#logo img {width:12.667rem;}

#gnb_wrap {padding-top:4rem}
#gnb {position:relative; top:auto; right:auto; height:100%; text-align:right;}
#gnb > li {float:none; display:inline-block; width:auto; padding:0; box-sizing:border-box;}
#gnb > li > a {height:auto; padding:1.8rem 1.5rem; box-sizing:border-box; font-size:1.33rem; line-height:normal; transform:skew(0.1deg);}
#gnb > li > a:hover {color:#2977ac;}
#gnb > li .gnb_sub_wrap {top:100%; left:auto; width:100%;}
.gnb_sub .nav-bullet {display:none;}
#gnb > li:hover .gnb_sub {left:50%; transform:translate(-50%,0);}
#gnb > li .gnb_sub {min-width:220px; margin-top:0; padding:0; border:0; text-align:center; white-space:normal; background-image:none; background-color:rgba(255,255,255,.9); box-shadow:0 0.5rem 0.5rem rgba(0,0,0,0.2); }
#gnb > li .gnb_sub li {padding:0; font-size:1rem;}
#gnb > li .gnb_sub li:first-child {margin-top:0;}
#gnb > li .gnb_sub li a {padding:0.7rem 1.4rem; font-weight:600; color:#2f2f2f; text-align:left; line-height:1.4; word-break:keep-all; word-wrap:break-word; transform:skew(0.1deg);}
#gnb > li .gnb_sub li a:hover {color:#fff; text-decoration:none; background-color:#04a9e0;}

.hsection {position:absolute; top:1rem; right:0; text-align:right; font-size:0; z-index:1}
.hsection > div {display:inline-block;}

#topMenu {position:relative;vertical-align: top;}
#topMenu .tnb_sitemap, #topMenu .tnb_lang {display:none;}
.topMenu > ul {font-size:0;}
#topMenu > ul > li {display:inline-block; margin-left:0.333rem;}
.topMenu > ul > li:first-child {margin-left:0;}
#topMenu > ul > li > a {display:inline-block; padding:0 1rem; font-size:0.933rem; border-right:none; transform:skew(0.1deg);}
#topMenu > ul > li:first-child > a {border:none}
/* #topMenu li.tnb_userinfo > span{color:#fff;} */
.langBox {width:9rem; padding:8px 0 0; background:rgba(0, 0, 0, 0.1); border:1px solid rgba(0, 0, 0, 0.4); font-size:0.8667rem; cursor:pointer; text-align:center;}
.langBox .langButton {display:block; padding:0 0 8px 0; font-weight:500; background:transparent url('/home/2019/kmenew/image/ico_select_arrow.png') no-repeat 90% 33%;}
.langBox .langList {overflow:hidden; padding:1rem 0; color:#282828; background-color:#fff;}
.langBox .langList li a {display:block; padding:8px 1.2rem;}
.langBox .langList li a:hover {background-color:#e7e7e7;}

.snsAreaTop {margin-left:1.2rem; margin-top:0.25rem;vertical-align: top;}
.snsAreaTop a {display:inline-block; vertical-align:middle;}
.snsAreaTop a img.mHidden {display:inline-block; vertical-align:middle;}
.snsAreaTop a img.wHidden {display:none;}
.snsAreaTop a ~ a {margin-left:1rem;}

.m_gnb {overflow:hidden;}
.m_gnb a {display:block; padding:1rem 0.667rem; border-radius:3px; background-color:#ffd71a;}
.m_gnb span, .m_gnb img {display:inline-block; vertical-align:middle;}
.m_gnb span {margin-right:0.7rem; font-size:0.8667rem; font-weight:800; color:#000;}
.main_page .rightLinkArea {overflow:hidden; position:absolute; top:15.3rem; right:2rem; z-index:1; display:block; width:8.7rem;}
.main_page .rightLinkArea a {display:block; width:8.7rem; height:8.7rem; border:2px solid #fcfcfc; box-sizing:border-box; text-align:center; background-color:rgba(0,0,0,.6);}
.main_page .rightLinkArea a ~ a {margin-top:1.6rem;}
.main_page .rightLinkArea a:before {content:''; display:inline-block; width:1px; height:100%; margin-left:-1px; vertical-align:middle;}
.main_page .rightLinkArea a p {display:inline-block; vertical-align:middle;}
.main_page .rightLinkArea a p span {display:block; font-size:1.2rem; font-weight:800; color:#fff; line-height:1.3em;}
.main_page .rightLinkArea a p img {display:inline-block; margin-top:1rem;}
#scroll {display:none;}
.footer {background-color:#292929;}
.footer > div {position:relative; width:auto; max-width:1300px; padding:2.5rem 1rem; text-align:center;}
.footer > div > p {float: none; margin: 0;}
.footWrap {margin-bottom: 1rem;}
.footWrap * {color: #eee; transform: skew(-0.1deg);}
.footWrap > p {margin-bottom: 0.5rem !important;}
.footWrap .flexBox {display: flex; margin: 0 -0.5rem; justify-content: center; align-items: center;}
.footWrap .flexBox p {margin: 0 0.5rem; padding: 0.5rem 0.8rem; background: rgba(255, 255, 255, 0.1); border-radius: 1rem;}
.copy {margin-top:0.6rem; font-size:1rem; color:#767676; transform:skew(0.1deg);}

/*count down*/
.ddayArea {overflow:hidden; }
.ddayArea .ddayBox {text-align:center; vertical-align:middle; font-size:0;}
.ddayArea .ddayBox > div {position:relative; display:inline-block;  padding:1.66rem 1rem; margin-left:1rem; vertical-align:middle; border:1px solid rgba(255,255,255,0.28); background:rgba(0,21,68,0.3);}
.ddayArea .ddayBox > div:first-child {margin-left:0;}
.ddayArea .ddayBox .num {font-size:5.125rem; font-weight:600; color:#fff;}
.ddayArea .ddayBox .unit {display:block;margin-top:1.3rem; font-size: 1.188rem; font-weight:900; color:#fff;letter-spacing: 0.3125rem;text-transform: uppercase;}

/** sub layout **/
#sidebar {position:relative; width:auto; padding:9rem 0 0; border:0; color:#333; background:url('/home/2018/smartgeoexpo/image/new/sub_visual_bg.png') no-repeat center center / cover;}
#sidebar .colorBox {margin:0 auto; padding:0; background:none;}
.sub_visual {height:15.6rem; padding:0; text-align:center;}
#lnb h2 {position:absolute; top:50%; width:100%; padding:0; font-size:3.334rem; text-align:center;}
#lnb h3 {display:none;}
#lnb > ul {padding:0; font-size:0; text-align:center; background-color:rgba(12, 23, 40, 0.8);}
#lnb > ul > li {display:inline-block;}
#lnb > ul > li > a {max-width:none; height:auto; padding:1.734rem 2.33rem; font-size:1.2rem; font-weight:600; color:#fff; line-height:normal; background-color:#0c1728; transition-duration: 0.15s; transition-property:all; }
#lnb > ul > li > a span {color: #fff;}
#lnb > ul > li > a:before {display:none;}
#lnb > ul > li > a:hover, #lnb > ul > li.on > a {background-image:none; background-color:#099fd1;}
#lnb > ul > li.on > a { cursor:default; }
#lnb > ul > li > ul {display:none;}

#container {width:100%; border:0; }
#content.sub_content {position:relative; max-width:1300px; min-height:auto; margin:0 auto; padding:0 0 5rem; border:0;}
#content.sub_content .com_subtitle {overflow:hidden; position:relative; box-sizing:border-box; width:100%; font-size:2.87rem; line-height: 1.333; height:auto; padding:4rem 0 0; border-bottom:0; font-weight:bold; color:#070707; text-align:center;}
#content.sub_content .com_subtitle .menu_name:before, #ex_application .com_subtitle .menu_name:before {display:none;}
#content.sub_content .com_subtitle .breadcrumb {bottom:0; right:0; font-size:1rem; color:#9d9d9d; transform:skew(0.1deg);}
#content.sub_content .com_subtitle .breadcrumb strong, #ex_application .com_subtitle .breadcrumb1 strong {font-weight:400;}
#content.sub_content #con_container { width:100%; margin:0 auto; padding:2.67rem 0 0rem;}

#con_container img { max-width:100%; }

/** main **/
.visualArea {position:relative;}
.visualWrap {overflow:hidden;}
.visualWrap.slick-dotted.slick-slider {margin-bottom:0;}
.visualWrap .visualBox {position:relative; height:56.5rem; background-size:cover !important;}
.visualBox.vis01 {background:url('/home/2018/smartgeoexpo/image/new/main_visual1_bg.png') no-repeat center center;}
.visualBox.vis02 {background:url('/home/2018/smartgeoexpo/image/new/main_visual2_bg.png') no-repeat center center;}
.visualBox.vis03 {background:url('/home/2018/smartgeoexpo/image/new/main_visual3_bg.png') no-repeat center center;}
.visualTxt {position: absolute;top:60%; transform: translateY(-50%); left:47%; text-align:center; color:#fff; }
.visualTxt img {display:inline-block; max-width:44rem; }
.visualTxt .vTxtDate {margin-top:2rem}
.visualTxt .dateTxt {display:inline-block; margin-right:2.118rem}
.visualTxt .dateTxt h4 {font-size:2rem; margin-bottom:0.8rem; font-weight:900;}
.visualTxt .dateTxt p {font-size:1.53rem; font-weight:700; transform:skew(0.1deg);}
.visualTxt .dateDday {display:inline-block; padding:1.4rem 2.75rem; border-radius:3rem; font-size:2.188rem; font-weight:900; background:rgba(0,0,0,0.7)}

.visualBtn {display: flex; flex-wrap: wrap; justify-content: center; gap: 1.33rem; margin-top: 2.4rem;}
.visualBtn a {display:inline-flex; justify-content: center; align-items: center; width:46%; height:6rem; color:#fff; font-size:1.3rem; font-weight: bold; line-height: 1.2; border-radius:1rem; transition:all 0.3s; transform:skew(0.1deg);}
.visualBtn a:nth-child(1) {background:#79c3d8;}
.visualBtn a:nth-child(2) {background:#21b4aa;}
.visualBtn a:nth-child(3) {background:#2b5b81;}
.visualBtn a:nth-child(4) {background:#3683B7;}
/* .visualBtn a:last-child {margin-right: 0;} */
.visualBtn a:hover {margin-top:-1rem}

.visualreport {display:none; position:absolute; bottom:6.3%; left:0; width:100%; height:24.2%; font-size:0; text-align:center; }
.visualreport > p {max-width:1300px; margin:0.66rem auto; padding:0 0.66rem; font-size:1rem; text-align:right; color:#fff; transform:skew(0.1deg);}
.visualInfoInner {position:relative; max-width:1300px; height:100%; margin:0 auto; font-size:0;}
.visualreport .infoOuter {display:inline-block; box-sizing:border-box; width:19.3%; height:100%; padding:1.5% 1% 1%; margin-left:0.7%; color:#fff; text-align:center; background-color:rgba(0,0,0,.75);}
.visualreport .infoOuter:first-child {margin-left:0;}
/* .visualreport .infoOuter:before {content:''; display:inline-block; width:1px; height:100%; margin-left:-1px; vertical-align:middle;} */
.visualreport .infoOuter .infoWrap {display:inline-block; width:95%; overflow:hidden; text-align:center; vertical-align:middle;}
.visualreport .reportImg img {max-width:6.667rem; width:70%;}
.visualreport .reportTit {display:inline-block; margin:0.5rem 0 0.8rem; font-size:1.46rem;}
.visualreport .reportData strong {font-size:2.66rem; color:#2ec2f4; vertical-align:baseline;}
.visualreport .reportData span {font-size:1.33rem; color:#fff; vertical-align:baseline; font-weight:300;}

/* .compArea {overflow:hidden; width:100%; padding:1.3rem 0; font-size:0; text-align:center; box-shadow:0 3px 5px rgba(0,0,0,0.14);}
.compArea .compList .slick-slide {margin-left:4.66rem;}
.compArea .compList a {display:inline-block; height:3.334rem; vertical-align:middle;}
.compArea .compList a:before {content:''; display:inline-block; width:1px; height:100%; margin-left:-1px; vertical-align:middle;}
.compArea .compList img {display:inline-block; max-width:10rem; max-height:3.5rem; vertical-align:middle;} */
.hoArea {overflow:hidden; width:100%; padding:1.3rem 0; font-size:0; text-align:center; box-shadow:0 3px 5px rgba(0,0,0,0.14);}
.hoArea ul .slick-slide {margin-left:4.66rem;}
.hoArea ul a {display:inline-block; height:3.334rem; vertical-align:middle;}
.hoArea ul a:before {content:''; display:inline-block; width:1px; height:100%; margin-left:-1px; vertical-align:middle;}
.hoArea ul img {display:inline-block; max-width:10rem; max-height:3.5rem; vertical-align:middle;}


.mainCenterArea {overflow:hidden; background-size:cover;}
.broArea {overflow:hidden; padding:4.8rem 1.5rem; background:url('/home/2018/smartgeoexpo/image/new/broArea_bg_left.png')top left no-repeat,url('/home/2018/smartgeoexpo/image/new/broArea_bg_right.png')top right no-repeat; background-size:contain; text-align:center; word-break:keep-all; word-wrap:break-word;}
.broArea h3 {margin-bottom:0.8rem; font-size:2.66rem; font-weight:900; color:#04a9e0;}
.broArea h4 {margin-bottom:1.866rem; font-size:1.866rem; color:#242323}
.broArea p {font-size:1.13rem; line-height:1.8; color:#606060; transform:skew(0.1deg);}
.broArea a {display:inline-block; margin-top:0.3rem; font-size:1.13rem; color:#0e0e0e; text-decoration:underline; transform:skew(0.1deg);}

.mainCenterArea .videoArea h3{margin-bottom: 1.866rem;font-size: 1.866rem; color: #242323;text-align: center;}
.mainCenterArea .videoWrap{position:relative;width:100%;max-width:1200px;height:675px;margin:0 auto;margin-bottom: 2.33rem;}
.mainCenterArea .videoWrap iframe{position: absolute;top:0;left:0;width:100%;height:100%;}

.quickArea {padding:1.66rem 0; padding-left:2.66rem; padding-right:1.33rem; font-size:0; background:#0086cb}
.quickArea .slick-slide {display:inline-block; width:33.3%; height:34.4rem; padding:1.5rem 0.66rem}
.quickArea .slick-slide:first-child {padding-left:0;}
.quickArea a {position:relative; display:inline-block; width:100%; height:100%; vertical-align:middle; transition:all .3s; }
.quickArea a:hover {box-shadow:0.66rem 0.66rem 0.66rem 0 rgba(0,0,0,.35);}
.quickArea .mqTxtBox {position:absolute; bottom:0; left:0; width:100%; padding:3.4rem 1rem 2.7rem 2.188rem; vertical-align:middle; word-break:keep-all; word-wrap:break-word; background-color:#fff; height:9rem;}
.quickArea .mqTxtBox strong {position:relative; display:inline-block; margin-right:2rem; font-size:2.4rem; font-weight:800; color:#0086cb; letter-spacing:-2px}
.quickArea .mqTxtBox strong:after {content:''; position:absolute; top:-0.933rem; left:0; width:2rem; height:5px; background:#ffc260;}
.quickArea .mqTxtBox p {display:inline-block; max-width:calc(100% - 12rem); font-size:1.13rem; color:#606060; letter-spacing:-0.5px}
.quickArea .quick3 strong,
.quickArea .quick4 strong {margin-right:1rem;}
.quickArea .quick3 p,
.quickArea .quick4 p {max-width:calc(100% - 16rem);}
.quickArea .mqImgBox {width:100%; height:71.6%; background-size:100% 100%; background-repeat:no-repeat; background-position:center center; border:0 solid #fff;  will-change:transform; transform:translateZ(0); transition:all .3s; }
.quickArea a:hover .mqImgBox {background-size:110% 110%; border-width:0.33rem;}
.quickArea .quick1 .mqImgBox {background-image:url('/home/2018/smartgeoexpo/image/new/main_quick_bg01.png');}
.quickArea .quick2 .mqImgBox {background-image:url('/home/2018/smartgeoexpo/image/new/main_quick_bg02.png');}
.quickArea .quick3 .mqImgBox {background-image:url('/home/2018/smartgeoexpo/image/new/main_quick_bg03.png');}
.quickArea .quick4 .mqImgBox {background-image:url('/home/2018/smartgeoexpo/image/new/main_quick_bg04.png');}

.quickArea .slick-prev, .quickArea .slick-next {width:4.4rem; height:4.4rem; border-radius:100%; background:rgba(255,255,255,0.9); box-shadow:6px 6px 6px rgba(0,0,0,0.32); z-index:1;}
.quickArea .slick-prev:hover, .quickArea .slick-next:hover {background:rgba(255,255,255,1)}
.quickArea .slick-prev {left:0.5rem}
.quickArea .slick-next {right:0.5rem}
.quickArea .slick-prev:before, .quickArea .slick-next:before {content:''; display:block; width:100%; height:100%; opacity:1}
.quickArea .slick-next:before {background:url('/home/2018/smartgeoexpo/image/new/btn_next.png') center center no-repeat}
.quickArea .slick-prev:before {background:url('/home/2018/smartgeoexpo/image/new/btn_prev.png') center center no-repeat}

.mediaArea {overflow:hidden; background:#0e1f55}
.mediaWrap {overflow:hidden; max-width:1300px; width:100%; margin:0 auto; padding:4.33rem 2.66rem;}
.mediaLeft {float:left; width:56.6%; margin-right:2rem;}
.mediaRight {overflow:hidden; text-align:center;}
.boardArea {overflow:hidden; position:relative; min-height:13.3rem; padding:3rem 2rem 2.4rem 2.8rem; background-color:#fff;}
.boardArea .boardTab {overflow:hidden; position:relative;}
.boardArea .boardTab ul {overflow:hidden;}
.boardArea .boardTab ul li {float:left; width:23%;}
.boardArea .boardTab ul li a {display:block; padding-bottom:0.667rem; font-size:1.667rem; font-weight:600; color:#afafaf; text-align:center;}
.boardArea .boardTab ul li.active a {border-bottom:4px solid #1c92e2; color:#080808;}
.btn_more {position:absolute; top:2px; right:0;}
.main_bbs {overflow:hidden; margin-top:1.33rem;}
.main_bbs > li {margin-top:1rem; font-size:0.933rem;}
.main_bbs > li:first-child {margin-top:0;}
.main_bbs > li a {overflow:hidden; position:relative; display:block; padding-bottom:1rem; border-bottom:1px solid #d9d9d9; font-size:0;}
.main_bbs > li a:hover strong.title {color:#34639f;}
.main_bbs > li a:before {content:'\00b7'; display:inline-block; position:absolute; top:0; left:0; font-size:1rem; font-weight:600;}
.main_bbs > li strong.title {overflow:hidden; display:inline-block; width:80%; padding-left:0.8rem; box-sizing:border-box; font-size:1.0667rem; font-weight:400; color:#505050; text-align:left; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap; transition:color 0.3s;}
.main_bbs > li span.date {display:inline-block; width:20%; font-size:1rem; font-weight:300; color:#a0a0a0; text-align:right; vertical-align:middle;}
.videoArea {overflow:hidden; margin-top:0.8667rem;}
.videoArea iframe {width:100%; height:400px;}
.fbArea {overflow:hidden;}
.fbArea iframe {width:100%; height:46rem;}

.sponsorArea {padding:0 1.5rem;}
.sponsorArea .logoWrap {max-width:1300px; width:100%; margin:0 auto; padding:2.33rem 0; font-size:0}
.sponsorArea .logoWrap > div {margin-bottom:2.66rem}
.sponsorArea .logoWrap .row01 div:before {content:''; display:inline-block; width:1px; height:100%; margin-left:-1px; vertical-align:middle;}
.sponsorArea .logoWrap .row01 strong{margin-top:1rem;vertical-align: top;}
.sponsorArea .logoWrap .row01 .mediaRolling {display: inline-block; overflow: hidden; width: calc(100% - 10rem); vertical-align: middle;}
.sponsorArea .logoWrap .row01 .mediaRolling .slick-track {display: flex; align-items: center;}
.sponsorArea .mediaRollingBox ul {overflow: visible;}
.mediaRolling .slick-list{overflow: visible;}
.mediaRolling .mediaBigImg img{width:;}

.sponsorArea strong {display:inline-block; width:10rem; font-size:1.33rem; vertical-align:middle; color:#606060; transform:skew(0.1deg);}
.sponsorArea ul {display:inline-block; overflow:hidden; width:calc(100% - 10rem); margin: -1rem 0; vertical-align:middle;}
.sponsorArea li {display:inline-block; vertical-align:middle; margin:1rem}
.sponsorArea li img {max-width:10rem; max-height:4rem}

.snsAreaBottom {padding:0.35rem 1rem; text-align:center; background:#0ba5d9; font-size:0}
.snsAreaBottom .snsWrap li {display:inline-block; margin:0.8rem;}
.snsAreaBottom .snsWrap li a {padding:0.66rem}
.snsAreaBottom .snsWrap li img {max-width:2.4rem}

.mailArea {padding:4.3rem 1rem; text-align:center; background:#141414; color:#fff;}
.mailArea h4 {margin-bottom:0.8rem; font-size:2.4rem; font-weight:500;color: #b1b1b1;}
.mailArea p {font-size:1.13rem;color: #b1b1b1;}
.inputEmail {display:inline-block; overflow:hidden; max-width:40rem; width:80%; margin-top:1.5rem;}
.inputEmail input[type=text] {float:left; width:70%; height:3rem; text-indent:1rem;}
.inputEmail a {overflow:hidden; display:block; height:3rem; font-size:1.13rem; color:#fff; text-align:center; font-weight:700; background-color:#0ba5d9;}
.inputEmail a:before {content:''; display:inline-block; width:1px; height:100%; margin-left:-1px; vertical-align:middle;}
.inputEmail a span {vertical-align:middle;}

/** sub contents style **/
.greetingArea {}
.greetingArea .greetingTxt {position:relative; width:90%; margin:-10rem auto 0 auto; padding-top:4rem; background:#fff}
.greetingArea .greetingTxt strong {display: block; font-size:1.33rem; color:#272727; text-align:center; transform:skew(0.1deg);}
.greetingArea .greetingTxt h4 {margin-bottom:2.8rem; font-size:2.66rem; color:#00a2d8; text-align:center;}

.prgList {overflow:hidden; border-top:2px solid #0d2e57;}
.prgList > li {display:table; width:100%; padding:1.67rem 0; border-top:1px solid #cfd0d8;}
.prgList > li:first-child {border-top:0;}
.prgList > li > div {display:table-cell; vertical-align:middle;}
.prgList > li > div.prgImg {position:relative; width:15%; text-align:center;}
.prgList > li > div.prgImg.new img.new {position:absolute; top:0; left:0;}
.prgList > li > div.prgTit {width:15%; text-align:center; color:#161616;}
.prgList > li > div.prgTit b {display:block; margin-bottom:0.5rem; font-size:1.53rem; font-weight:500;}
.prgList > li > div.prgTit p {font-size:1.3rem; font-weight:400;}
.prgList > li > div.prgTit p span {display:block;}
.prgList > li > div.prgTxt {padding-left:1rem; word-break:keep-all; word-wrap:break-word; line-height:1.4;}
.prgList > li > div.prgTxt span {display:block; margin-top:1rem; font-size:1.2rem; font-weight:500; color:#1353a5;}
.prgList > li > div.prgTxt p {}
.callArea {overflow:hidden;}
.callArea > div {width:50%; float:left;}
.callArea > b {display:block; font-size:1.133rem; font-weight:400; color:#273d5c;}
.callArea a {color:#273d5c;}

.aboutWrap {overflow:hidden;}
.aboutWrap > li {display:table; float:left; width:50%; height:16rem; padding:1.2rem; border-top:1px dashed #dcdcdc;}
.aboutWrap > li > div {display:table-cell; vertical-align:middle;}
.aboutWrap > li > div.aboutImg {width:20%; text-align:center;}
.aboutWrap > li > div.aboutTxt {padding-left:1.5rem;}
.aboutWrap > li > div.aboutTxt strong {font-size:1.2rem; font-weight:400; color:#1353a5;}
.aboutWrap > li > div.aboutTxt p {margin-top:0.6rem; font-weight:300; transform:skew(0.1deg);}
.aboutWrap > li > div.aboutTxt p b {font-weight:400;}
.aboutWrap > li > div.aboutTxt p span ~ span {margin-left:2rem;}
.cofPopTit {display:block; padding-bottom:1rem; margin-bottom:2rem; border-bottom:4px solid #19225d; font-size:2rem;font-weight:500;}
.spksArea {overflow:hidden;}
.spksArea .spksImg {float:left; width:200px;}
.spksArea .spksTxt {overflow:hidden; padding-left:2rem;}
.spksArea .spksTxt strong {display:block; margin-bottom:1rem; font-size:1.6rem; font-weight:500; word-break:keep-all; word-wrap:break-word;}
.spksArea .spksTxt b {display:block; margin-bottom:2rem; font-size:1.2rem; font-weight:400; word-break:keep-all; word-wrap:break-word;}
.spksArea .spksTxt p {font-weight:300; line-height:1.5; word-break:keep-all; word-wrap:break-word;}
.prArea {overflow:hidden;}
.prArea iframe {width:100%; height:29rem;}

.boothWrap{display:flex; width:100%;}

/* conference */
.stepList.meeting.conf > li{width: 25%; padding: 3rem 3.5rem 3.5rem 1.5rem;}
.stepList.meeting.conf > li:nth-of-type(1){padding: 4.5rem 4.5rem 3.5rem 1.5rem;}
.stepList.meeting.conf > li:nth-of-type(2){padding: 3rem 4.5rem 3.5rem 1.5rem;}

.stepList.meeting > li{width: 25%; padding: 3.5rem 5rem 3.5rem 1.5rem;}
.stepList.meeting > li:first-child{background:#d4e0ee url(/home/2018/smartgeoexpo/image/bg_steplist.png) no-repeat 90% center;background-size: 1.53rem;}

.fairmenu6157 .stepList > li {width: 25%;}
.fairmenu6157 .stepList > li:first-child{background:#d4e0ee url(/home/2018/smartgeoexpo/image/bg_steplist.png) no-repeat 90% center;background-size: 1.53rem;}

/* Boards */
.board1_search {transform:skew(0.1deg);}
/* .bbs_search_text input[type=text], .bbs_search_text input[type=password] {height:1.667rem;} */
.bbs_list .category { display:inline-block; margin-right:0.5rem; color:#35639f; }
.bbs_list .category:before { content:'['; }
.bbs_list .category:after { content:']'; }
.bbs_category > .selected { background-color:#35639f; border-radius:0.5rem; }
.bbs_category > .selected a { color:#fff; }
.bbs_list td.date { font-size:0.9rem; color:#666; }
.btn_1 {height:auto; width:62px}

/* 카테고리 스타일 */
.bbs_category_container { position:relative; padding:10px 0; }
.bbs_category { display:block; }
.bbs_category > li { display:inline-block; margin-right:10px; }
.bbs_category > li a { display:block; padding:0.6rem 1rem; transform:skew(0.1deg); }

.bbs_year_container { display:none; position:relative; padding:10px 0; }
.bbs_year { display:block; }
.bbs_year > li { display:inline-block; margin-right:10px; }
.bbs_year > li a { display:block; padding:5px; }

.board1_search .bbs_category_search { display:none; }

/* visitor */
.vst_comment .textBox.mypage_independent { height:30rem; }
.vst_comment .btn1.common,
.vst_comment .btn1.default { font-size: 1.5rem; padding:1rem 4rem; }

.fairmenu6087 .pageTab li a{background-color:#3b84b1;}
.fairmenu6087 .pageTab li.on a{background-color:#124d8e;}

/* Mypage Style */
.fair_mypage #container *{ font-family: 'Pretendard'}
.fair_mypage #container { padding-top:9.2rem;  }
.fair_mypage.sign_comment #container { padding-top:9.166667rem; }
.fair_mypage.fair_sign #container { padding-top:9.166667rem; }
.fair_mypage #container:before {content:''; position:absolute; top:0; left:0; width:100%; height:9.2rem;    background: url(/home/2018/smartgeoexpo/image/new/sub_visual_bg.png) no-repeat center center / cover;}
.fair_mypage #ex_application { max-width: 1200px; margin: 0 auto; padding: 0 0; }
.fair_mypage.sign_comment #ex_application { max-width:initial; padding:0; }
.fair_mypage.fair_sign #ex_application { max-width:initial; padding:0; }
.sign_comment #ex_application form { max-width: 1200px; margin: 0 auto; padding: 4rem 0 6rem; }
.fair_sign #ex_application form { max-width: 1200px; margin: 0 auto; padding: 4rem 0 6rem; }
.fair_mypage.fairmenu7638 {height:auto;}
.fair_mypage .meeting_table .config_avail_time{color:red;}

.fair_mypage .SignArea{display: none;}

/* mgr */
.mgr_login {padding-top:3rem;}
.mgr_login h1 {display:none;}
.mgr_login .meet_radio label {color:#fff;}

/* register */
.event_regist .button-bar{transform: translateX(-46%);}
.event_regist .button-bar a{padding: 1rem 2rem;}
.event_confirm_ret .button-bar{transform: translateX(-46%);}
.event_confirm_ret .button-bar a{padding: 1rem 2rem;}


/** 행사개요 **/
/* 행사 개요 및 소개 */
.overview-wrap .btn {display:inline-block; margin:0.2rem; padding:1.23rem 5rem 1.23rem 2rem; border:2px solid #172c72; border-radius:5px; background:url('/home/2019/scsa/image/btn_download.png') no-repeat 90% center; background-color:#fff; color:#172c72;}

/* 공식행사 */
.infoArea .lecture-wrap::after {display: block; content: ''; clear: both;}
.infoArea .lecture-wrap li {float: left; width: 48%; margin-right: 4%;}
.infoArea .lecture-wrap li:last-child {margin-right: 0;}
.infoArea .lecture-wrap li img {width: 100%;}


/** 전시 **/
/* 전시관 조성 */
.exhibition-hall {text-align: center;}

/* 온라인 전시안내 */
.online-exhibition-wrap .font-red {color: #c72946;}
.online-exhibition-wrap .dotList > li {line-height: 1.5;}
.online-exhibition-wrap table.infoTbl th,
.online-exhibition-wrap table.infoTbl td {text-align: center;}
.online-exhibition-wrap .stepList > li {width: 25%;}
.online-exhibition-wrap .stepList > li:first-child,
.online-exhibition-wrap .stepList > li:last-child {background: url('/home/2018/smartgeoexpo/image/bg_steplist.png') no-repeat 90% center;}
.online-exhibition-wrap .stepList > li:nth-child(odd) {background-color: #d4e0ee;}
.online-exhibition-wrap .stepList > li:nth-child(even) {background-color: #ecf3fc;}
.online-exhibition-wrap .stepList > li .stepTit p {line-height: 1.3;}
.online-exhibition-wrap .download-btn-wrap {width: 100%;}
.online-exhibition-wrap .download-btn-wrap::after {display: block; content: ''; clear: both;}
.online-exhibition-wrap .download-btn-wrap li {float: left; width: 50%;}
.online-exhibition-wrap .download-btn-wrap li a {display: block; width: 100%;}
.online-exhibition-wrap .download-btn-wrap li a img {width: 100%;}

/* online exhibition list */
.exhi-list .search-wrap {display: flex; flex-wrap: wrap; justify-content: space-between; 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: 57px; padding: 0 1rem; border: 1px solid #1b9cb8; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.exhi-list .search-wrap .search-area button {width: 20%; height: 59px; background: #1b9cb8; border: 1px solid #1b9cb8; color: #fff; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.exhi-list .search-wrap .search-area button i,
.exhi-list .search-wrap .search-area button span {vertical-align: middle;}
.exhi-list .search-wrap .search-area button span {font-weight: 900;}
.exhi-list .search-wrap .btn {display: flex; flex: 1; justify-content: center; align-items: center;}
.exhi-list .search-wrap .btn.line {height: 59px; background-color: #ebf2f2; border: none; border-radius: 5px;}
.exhi-list .search-wrap .btn i {margin-right: 0.5rem; color: #ddd;}
.exhi-list .search-wrap .btn.on i {margin-right: 0.5rem; color: #ffcc00;}
.exhi-list .product-list {padding: 2.733rem 3.933rem; background-color: #fbfafa; border: 1px solid #c6c6c6; border-radius: 10px;}
.exhi-list .product-list .zones-wrap {display: flex; justify-content: space-between;}
.exhi-list .product-list .zones-wrap .icon {display: inline-flex; justify-content: center; align-items: center; width: 100px; height: 100px; text-align: center; border-radius: 50%; background-color: #fff;}
.exhi-list .product-list .zones-wrap .icon + div {margin-top: 0.8rem; font-weight: 700; text-align: center;}
.exhi-list .product-list .zones-wrap .icon-box {flex: 1;}
.exhi-list .product-list .zones-wrap .icon-box input {display: none;}
.exhi-list .product-list .zones-wrap .icon-box label {display: block; text-align: center; cursor: pointer;}
.exhi-list .product-list .zones-wrap .icon-box1 {color: #00fab3;}
.exhi-list .product-list .zones-wrap .icon-box2 {color: #f66422;}
.exhi-list .product-list .zones-wrap .icon-box3 {color: #abdd68;}
.exhi-list .product-list .zones-wrap .icon-box4 {color: #fe7aa9;}
.exhi-list .product-list .zones-wrap .icon-box5 {color: #00dcfe;}
.exhi-list .product-list .zones-wrap .icon-box6 {color: #2969fe;}
.exhi-list .product-list .zones-wrap .icon-box7 {color: #db7ffe;}
.exhi-list .product-list .zones-wrap .icon-box1 .icon {border: 1px solid #00fab3;}
.exhi-list .product-list .zones-wrap .icon-box2 .icon {border: 1px solid #f66422;}
.exhi-list .product-list .zones-wrap .icon-box3 .icon {border: 1px solid #abdd68;}
.exhi-list .product-list .zones-wrap .icon-box4 .icon {border: 1px solid #fe7aa9;}
.exhi-list .product-list .zones-wrap .icon-box5 .icon {border: 1px solid #00dcfe;}
.exhi-list .product-list .zones-wrap .icon-box6 .icon {border: 1px solid #2969fe;}
.exhi-list .product-list .zones-wrap .icon-box7 .icon {border: 1px solid #db7ffe;}
.exhi-list .product-list .zones-wrap .icon-box1 .icon::after {content: "\f2db"; font-family: "Font Awesome 6 Pro"; font-weight: 900; font-size: 2.5rem;}
.exhi-list .product-list .zones-wrap .icon-box2 .icon::after {content: "\f1b2"; font-family: "Font Awesome 6 Pro"; font-weight: 900; font-size: 2.5rem;}
.exhi-list .product-list .zones-wrap .icon-box3 .icon::after {content: "\f1c0"; font-family: "Font Awesome 6 Pro"; font-weight: 900; font-size: 2.5rem;}
.exhi-list .product-list .zones-wrap .icon-box4 .icon::after {content: "\f566"; font-family: "Font Awesome 6 Pro"; font-weight: 900; font-size: 2.5rem;}
.exhi-list .product-list .zones-wrap .icon-box5 .icon::after {content: "\f85f"; font-family: "Font Awesome 6 Pro"; font-weight: 900; font-size: 2.5rem;}
.exhi-list .product-list .zones-wrap .icon-box6 .icon::after {content: "\f1e0"; font-family: "Font Awesome 6 Pro"; font-weight: 900; font-size: 2.5rem;}
.exhi-list .product-list .zones-wrap .icon-box7 .icon::after {content: "\f69b"; font-family: "Font Awesome 6 Pro"; font-weight: 900; font-size: 2.5rem;}
.exhi-list .product-list .zones-wrap .icon-box input.on + label .icon::after {color: #fff;}
.exhi-list .product-list .zones-wrap .icon-box input.on + label[for="mod4984_in1_in2"] .icon {background-color: #00fab3;}
.exhi-list .product-list .zones-wrap .icon-box input.on + label[for="mod4984_in1_in3"] .icon {background-color: #f66422;}
.exhi-list .product-list .zones-wrap .icon-box input.on + label[for="mod4984_in1_in4"] .icon {background-color: #abdd68;}
.exhi-list .product-list .zones-wrap .icon-box input.on + label[for="mod4984_in1_in5"] .icon {background-color: #fe7aa9;}
.exhi-list .product-list .zones-wrap .icon-box input.on + label[for="mod4984_in1_in6"] .icon {background-color: #00dcfe;}
.exhi-list .product-list .zones-wrap .icon-box input.on + label[for="mod4984_in1_in7"] .icon {background-color: #2969fe;}
.exhi-list .product-list .zones-wrap .icon-box input.on + label[for="mod4984_in1_in8"] .icon {background-color: #db7ffe;}
/* .exhi-list .product-list .cates {display: flex; gap: 1.5rem;}
.exhi-list .product-list .cates:nth-of-type(-n+2) {padding-bottom: 1.9333rem; border-bottom: 1px solid #ddd;}
.exhi-list .product-list .cates:nth-of-type(n+2) {padding-top: 1.9333rem;}
.exhi-list .product-list .cates.cate1 h3 {color: #00984b;}
.exhi-list .product-list .cates.cate2 h3 {color: #1b9cb8;}
.exhi-list .product-list .cates.cate3 h3 {color: #0062b5;}
.exhi-list .product-list .cates h3,
.exhi-list .product-list .cates ul {display: flex; justify-content: flex-start; align-items: center;}
.exhi-list .product-list .cates h3 {width: 17%; gap: 1.46rem;}
.exhi-list .product-list .cates ul {flex: 1; gap: 1rem;}
.exhi-list .product-list .cates ul li {display: flex; align-items: stretch; gap: 0.3rem;} */
.exhi-list .product-wrap .list {display: flex; flex-wrap: wrap; gap: 41px;}
.exhi-list .product-wrap .list .item {position: relative; width: calc((100% / 5) - 33px); padding: 0.8rem; border: 1px solid #c6c6c6; border-radius: 3px; transition: border .3s;}
.exhi-list .product-wrap .list .item:hover {border: 1px solid #000;}
.exhi-list .product-wrap .list .item .star.on i {font-weight: bold; color: #ffcc00;}
.exhi-list .product-wrap .list .item .img-area {height: 9.95vw; padding-bottom: 1.065rem; border-bottom: 1px solid #c6c6c6;}
.exhi-list .product-wrap .list .item .img-area img {width: 100%; height: 100%; object-fit: contain;}
.exhi-list .product-wrap .list .item .txt-area {padding-top: 1.6rem; padding-bottom: 1.5333rem; text-align: center;}
.exhi-list .empty {padding: 5rem 0; font-size: 1.1rem; text-align: center;}
.exhi-list .pagination_box {padding: 2rem 0;}
.exhi-list .pagination_box b {font-size: 1rem;}
/* online exhibition detail */
.exhi-detail .exhi-icon {display: flex; align-items: center; padding-bottom: 1.6rem; justify-content: flex-end; border-bottom: 1px solid #ddd;}
.exhi-detail .exhi-icon a {display: flex; flex-direction: column; justify-content: center; align-items: center; max-width: 87px; min-height: 90px; margin-right: 0.5rem; padding: 0.5rem 0.8rem; border: 1px solid #ddd; border-radius: 5px; color: #505050; font-size: 1rem; transition: .3s;}
.exhi-detail .exhi-icon a:last-child {margin-right: 0;}
.exhi-detail .exhi-icon a i {margin-bottom: 0.6rem; color: #aba7a6; font-size: 2rem; font-weight: 300;}
.exhi-detail .exhi-icon a p {text-align: center; line-height: 1;}
.exhi-detail .exhi-icon a:hover {transition: .3s;}
.exhi-detail .exhi-icon a.on {transition: .3s;}
.exhi-detail .exhi-icon a.on i {font-weight: bold; color: #ffcc00;}

.exhi-detail .title01.tac {font-weight: 900;}
.exhi-detail .nor-list > li > strong {width: 80px; font-size: 1.1rem; color: #000;}
.exhi-detail .nor-list > li > span {width: calc(100% - 80px - 2rem);}

.exhi-detail .default-wrap > div.dpf {gap: 2rem;}
.exhi-detail .default-wrap .img-area {width: 52%;}
.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 #ddd;}
.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: #11717e; 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-cate1 {background: #12af5f;}
.exhi-detail .product-choice .product-choice-cate2 {background: #18aecf;}
.exhi-detail .product-choice .product-choice-cate3 {background: #006fcd;}

.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: #11717e; 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; gap: 2rem;}
.exhi-detail .product-area .product-txt-wrap { width: 45%;}
.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-line;}
.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:#11717e;}
.onlineContactArea .contactList li > div .btn.fileBtn {background: #11717e;}
.onlineContactArea .mail_send {background: #11717e;}

/* 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-area {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-area img {width: 100%; height: 100%; object-fit: contain; transition: 0.3s;}
.exhi-detail .recommen-wrap .product .item .txt-area h3 {overflow: hidden; font-size: 1.13rem; color: #3e3e3e; text-overflow: ellipsis; white-space: nowrap;}
.exhi-detail .recommen-wrap .product .item .txt-area 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: #11717e; 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;}

/** 비즈니스 프로그램 **/
/* 글로벌 쇼케이스 */
.announcement-wrap ul::after {display: block; content: ''; clear: both;}
.announcement-wrap ul li {float: left; width: 32%; margin-right: 2%; margin-bottom: 1.5rem; text-align: center;}
.announcement-wrap ul li:nth-child(3n) {margin-right: 0;}
.announcement-wrap ul li a {display: block; width: 100%;}
.announcement-wrap ul li p {font-size: 1.1rem; margin-top: 0.66rem;}

/* 국내 쇼케이스 */
.domestic-wrap .infoTbl-center th,
.domestic-wrap .infoTbl-center td {text-align: center;}

/* 역대 스마트국토엑스포 */
.bd-box {padding: 80px 0; border-bottom: 1px dashed #dcdcdc;}
.bd-box:first-child {padding-top: 0;}
.bd-box:last-child {padding-bottom: 0; border: none;}

@media only screen and (max-width:1600px){
	/* main */
	.quickArea .slick-slide {height:32rem}
	.quickArea .mqTxtBox {height:10rem; padding-top:2.4rem}
	.quickArea .mqTxtBox strong {display:block; font-size:2rem;}
	.quickArea .mqTxtBox p {display:block; max-width:none; margin-top:0.66rem}
}
@media only screen and (max-width:1400px) {
	.exhi-list {padding: 0 1.33rem;}
	.exhi-detail .pop-layer {width: 90%;}
}
@media only screen and (max-width:1300px){
	/* main */
	.visualBox.vis01 {background-position-x: 100%;}
    .visualTxt {left: 0; width: 100%;}
	.visualBtn {max-width: 50%; margin: 2.4rem auto;}
	.mainCenterArea .videoWrap{ width:96%; height:auto; padding-bottom:52.8%;}
}
@media only screen and (max-width:1254px){
	/* main */
	.mainCenterArea .videoWrap{ width:96%; height:auto; padding-bottom:54%;}
}
@media only screen and (max-width:1199px){
	html {font-size:13px;}

	/* layout */
	.topMenu {display:block;}
	.topMenu > ul {text-align:center;}
	.topMenu > ul > li > a {border:1px solid #000; color:#000;}
	#gnb {margin-top:4rem;}
	#header {height:8rem}
	#sidebar {padding-top:8rem}

	#gnb_wrap,
	#header .hsection {display:none;}

	#logo {left:calc(50% - 6.3rem); top:0.6rem}

	.footer > div {max-width:100%;}
	.copy {text-align:center;}
	.footLogo {position:relative; top:auto; right:auto; margin-top:2rem; text-align:center;}
	#content.sub_content {padding:0 1rem 5rem;}

	.mobile-menu, .mobile-menu-toggle {display: block;}

	.mobile-menu {position:fixed; top:0; left:-110%; bottom:0; width:80%; height:auto; margin: 0; padding: 0; background-color:#fff; overflow-y:scroll;; z-index:100; transition: left 0.6s, width 0.6s; }
	.mobile-menu.menu-visible {left:0; width:80%; min-width:320px; border-right:1px solid #ddd; box-shadow: 2px 0 6px rgba(0,0,0,0.4); -webkit-box-shadow: 2px 0 6px rgba(0,0,0,0.4);}
	.mobile-menu-opened { overflow:hidden; }
	.mobile-menu-opened .mobile-menu-toggle i {color:#0086cd}

	.mobile-menu .hsection {top:2.5rem; right:1rem}
	.mobile-menu #topMenu > ul > li > a {color:#242323}
	.mobile-menu .langBox {background:rgba(0,0,0, 0.1); border:1px solid rgba(0,0,0,0.4); color:#242323}
	.mobile-menu .snsAreaTop {margin:1rem; text-align:right}

	.mobile-menu .gnb {padding-top:8rem;}
	.mobile-menu .gnb > li {border-top:1px solid #d4d4d4; background-color:#f4f4f4; position:relative; float:none; display:block; height:initial; height:auto; width: auto;}
	.mobile-menu .gnb > li:hover a { background:transparent; color:#0086cb; }
	.mobile-menu .gnb > li > a {display:block; height:auto; padding:20px 30px; text-align:left; color:#333; line-height:normal;}
	.mobile-menu .gnb > li > a:active { background-color:#0086cb; color:#fff; }
	.mobile-menu .gnb > li.active > a{ background:#0086cb; color:#ffffff;}
	.mobile-menu .gnb > li.selected > a { background:#0086cb; color:#ffffff; }
	.mobile-menu .gnb_sub {background-color:#e9e9e9; padding:0 1rem;}
	.mobile-menu .gnb > li .gnb_sub_wrap {display:none; overflow:hidden; position:relative; left:0; top:0; box-shadow:none; width:auto; margin-left:0;}
	.mobile-menu .gnb > li.active .gnb_sub_wrap,
	.mobile-menu .gnb > li.selected .gnb_sub_wrap {display:block;height:auto;height:initial;position:relative;}
	.mobile-menu .gnb > li .gnb_sub li {border-top: 1px solid #d9d9d9;}
	.mobile-menu .gnb > li .gnb_sub li a {display:block; padding:17px 30px; color:#4d4d4d; background:none;}
	.mobile-menu .gnb > li .gnb_sub li.selected a,
	.mobile-menu .gnb > li .gnb_sub li:active a {color:#0086cb;}

	/* main */
	.main_page .rightLinkArea {display:none;}

	.mainCenterArea .videoWrap{ width: 96%;height: auto;padding-bottom: 54%;}

	/* sub */
	.greetingArea .greetingTxt {margin:-10% auto 0 auto;}

	/* online exhibition list */
	.exhi-list .product-list .cates h3 {width: 21%;}
	.exhi-list .product-list .cates ul {flex-wrap: wrap; padding-left: 1.33rem;}
	.exhi-list .product-wrap .list {gap: 21px;}
	.exhi-list .product-wrap .list .item {width: calc((100% / 5) - 17px);}
	/* 레이아웃 수정 후 */
	.exhi-list .product-list .zones-wrap {justify-content: center; gap: 20px; flex-wrap: wrap;}
	.exhi-list .product-list .zones-wrap .icon-box {min-width: 80px; max-width: 80px;}
	.exhi-list .product-list .zones-wrap .icon {width: 70px; height: 70px;}

}
@media only screen and (max-width:974px){
	.stepList.meeting.conf > li{padding: 3rem 3rem 3.5rem 1.5rem;}

}
@media only screen and (max-width:967px){
	.stepList.meeting > li{padding: 2.5rem 3.5rem 2.5rem 1.5rem;}
}
@media only screen and (max-width:960px){
	.title01 {font-size:1.6rem}

	.tab_lst li a,
	.menuTab li a {min-width:auto; padding:0.67rem 5vw;}
	.pageTab li a {min-width:auto; padding:0.65rem 3vw;}

	/* main */
	.boardArea .boardTab ul li {width:30%;}
	.boardArea .boardTab ul li a {font-size:1.4rem}
	.mediaLeft {float:none; width:auto; margin-right:0}
	.mediaRight {margin-top:2rem;}

	/* sub */
	.sub_visual {height:10.6rem}
	#lnb > ul {display:none;}
	#lnb h2 {top:63%; font-size:2.4rem;}

	#content.sub_content .com_subtitle {font-size:2.3rem}

	#content.sub_content .com_subtitle .breadcrumb {display:block; position:relative; margin-top:0.66rem; text-align:right;}
	.prList > li {width:49.5%; height:13rem; 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:35%; text-align:center;}
	.prList > li .prTxt {width:65%; margin-top:0; padding-left:1rem; box-sizing:border-box; text-align:left;}
	.prList > li .prTxt p {margin-top:1.5rem;}
	.recruitArea a strong {font-size:1.8rem;}
	.recruitArea a.business strong {font-size:1.6rem;}

	/** 전시 **/
	/* 온라인 전시안내 */
	.online-exhibition-wrap .stepList > li {padding: 1.5rem; background-image: none !important;}

	/** 비즈니스 프로그램 **/
	/* 글로벌 쇼케이스 */
	.announcement-wrap ul li p {font-size: 1rem;}

}
@media only screen and (max-width:943px){
	.stepList.meeting.conf > li{padding: 2.8rem 2.5rem 3.5rem 1.5rem;}
	.stepList.meeting.conf > li:nth-of-type(2) {padding: 3rem 2.5rem 3.5rem 1.5rem;}
}
@media only screen and (max-width:911px){
	.stepList.meeting.conf > li{padding: 2rem 2.5rem 3rem 1.5rem;}
}
@media only screen and (max-width:880px){
	html {font-size:12px;}
	/* main */
	.visualreport .reportData strong {font-size:2rem}

	.mediaWrap {padding:4.33rem 1.5rem}
	.videoArea {position:relative; height:0; padding-top:56.25%;}
	.videoArea iframe {position: absolute; top:0; left:0; width:100%; height:100%;}

	.mainCenterArea .videoArea{position:relative; height:auto; padding-top:0;}
	.mainCenterArea .videoWrap{ width: 96%;height: auto;padding-bottom: 54%;}

	/* sub */
    .contestInfo > li > b {width:auto; padding:0.667rem 2rem;}
    .contestInfo > li > span {display:block; width:auto;}
	.rcLinkArea a {height:15.5rem;}
	.rcLinkArea a p {padding:2.2rem 1.5rem;}

	.tableBlueBox,
	.tableBlueBox .blueCon .w50,
	.tableBlueBox .blueCon .half{flex-direction: column;}
	.tableBlueBox .blueHead,
	.tableBlueBox .blueCon,
	.tableBlueBox .blueCon .w50 .double:first-child,
	.tableBlueBox .blueCon .w50 .double:last-child{width:100%;}
	.tableBlueBox .blueCon .w50 .double:last-child{margin-top:1rem;}
}
@media only screen and (max-width:804px){
	.stepList.meeting.conf > li{padding: 2rem 2.5rem 0rem 1.5rem;}

	.visualBtn a{/*width:13rem;*/font-size: 1.3rem;}
}
@media only screen and (max-width:780px){
	/** 비즈니스 프로그램 **/
	/* 글로벌 쇼케이스 */
	.announcement-wrap ul li {height: 190px;}
}
@media only screen and (max-width:760px){
	.stepList > li {width: 100%;}

	/* main */
	.visualBtn a {/*width:12rem;*/ margin-right:1%;}
	.sponsorArea strong {display: block; margin-bottom: 0.5rem;}
	.sponsorArea .logoWrap .row01 strong{margin-top:0;}
	.sponsorArea ul {width: 100%;}
	.sponsorArea .logoWrap .row01 .mediaRolling {width: 100%;}
	.sponsorArea .logoWrap > div:not(.mediaRollingBox) li {width: 30%; text-align: center;}
	.sponsorArea li {margin: 0.5rem 1rem 0.5rem 0;}
	.footWrap .flexBox {display: block;}
	.footWrap .flexBox p {margin-bottom: 0.5rem; padding: 0; background: none; border: none; border-radius: 0;}
	.footWrap .flexBox p:nth-child(2) {margin: 0 0 0.5rem;}
	.footWrap .flexBox p br {display: none;}

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

	.greetingArea .greetingTxt h4 {font-size:1.8rem}
	.aboutWrap > li {float:none; width:100%;}


	/** 행사개요 **/
	/* 행사 개요 및 소개 */
	.overview-wrap .greetingArea .pc-show {display: none;}

	/* 공식행사 */
	.infoArea .lecture-wrap::after {display: none;}
	.infoArea .lecture-wrap li {float: none; width: 70%; margin-right: 0;}
	.infoArea .lecture-wrap li:nth-child(n+2) .title02 {margin-top: 2rem;}

	/** 전시 **/
	/* 온라인 전시안내 */
	.online-exhibition-wrap .pc-show {display: none;}
	.online-exhibition-wrap .stepList > li {width: 50%;}
	.online-exhibition-wrap .stepList > li:nth-child(3) {background-color: #ecf3fc;}
	.online-exhibition-wrap .stepList > li:nth-child(4) {background-color: #d4e0ee;}

	/* 221011 - online exhibition list(안옥희) */
	.exhi-list {padding: 0 0.1rem;}
	.exhi-list .search-wrap {flex-direction: column-reverse; align-items: flex-start; gap: 10px;}
	.exhi-list .search-wrap .search-area {width: 100%;}
	.exhi-list .search-wrap .search-area input {height: 32px;}
	.exhi-list .search-wrap .search-area button {height: 34px;}
	.exhi-list .search-wrap .btn {width: 50%; margin: 0;}
	.exhi-list .product-list {padding: 2.733rem 1.933rem;}
	.exhi-list .product-list .cates {flex-direction: column;}
	.exhi-list .product-list .cates h3 {width: 100%; margin-bottom: 20px;}
	.exhi-list .product-list .cates ul {padding-left: 0;}
	.exhi-list .product-wrap .list{gap: 13px;}
	.exhi-list .product-wrap .list .item {width: calc((100% / 2) - 7px);}
	.exhi-list .product-wrap .list .item .txt-area {padding-top: 0.6rem; padding-bottom: 0.5333rem;}

	/* 221011 - online exhibition detail(안옥희) */
	.exhi-title-warp {margin-bottom: 1rem;}
	.exhi-detail .exhi-icon a {max-width: unset; width: 33.333%;}
	.exhi-detail .nor-list > li {display: flex;}
	.exhi-detail .default-wrap .img-area {width: 100%; margin-right: 0; margin-bottom: 1rem;}
	.exhi-detail .product-area .product-txt-wrap {width: 100%;}
	.exhi-detail .pop-layer {min-height: auto; max-height: calc(100vh - 100px); overflow: hidden;}
	.exhi-detail .pop-layer .pop-container {padding: 4rem 1rem 2rem;}
	.exhi-detail .default-wrap .img-area .big-img {height: 58.3333vw;}
	.exhi-detail .exhi-title-warp.pro-bottom p {height: 230px; font-size: 1.4rem;}

	/** 비즈니스 프로그램 **/
	/* 글로벌 쇼케이스 */
	.announcement-wrap .pc-show {display: none;}
	.announcement-wrap ul li {width: 49%; height: auto; margin-right: 2%;}
	.announcement-wrap ul li:nth-child(3n) {margin-right: 2%;}
	.announcement-wrap ul li:nth-child(2n) {margin-right: 0;}
}
@media only screen and (max-width:660px){
	#lnb > ul > li {padding:0 0.9rem;}

	/* main */
	.visMenu { bottom:11%; max-height:18rem; }

	.visualBtn a {/*width:38%;*/height:5rem;}
	.visualBtn a:last-child{margin-right: 1%;}
	.visualBtn a {padding: 1.3rem 0; font-size:1.3rem;}

	.visualreport{bottom:5%;}

	/* sub */
	.prList > li .prImg {width:25%;}
	.prList > li .prTxt {width:75%;}
	.historyTab.tabList li {width:20%;}
	.ovGraph2018 > div {display:block; width:auto; margin:0 0 1rem; text-align:center;}
	.showItemArea > div {float:none; width:auto; margin:0 0 1rem;}
	.stepList > li {padding:1rem; background:none;}
	.stepList > li span {display:inline-block;}

	.boothWrap{display:block;}

	/*count down*/
	.ddayArea .ddayBox > div{padding: 1rem 0.6rem;}
}

@media only screen and (max-width:580px){
	html {font-size:11px;}

	#lnb > ul > li {padding:0 0.5rem;}
	#lnb > ul > li > a {font-size:1.1rem;}

	/* main */
	.visualWrap .visualBox {height:46rem}
	.visualTxt {top:56%; transform:translate(0,-50%);}
	.visualTxt .dateTxt {margin-right:1rem}
	.visualTxt .dateTxt h4 {font-size:1.8rem}
	.visualTxt .dateTxt p {font-size:1.3rem}
	.visualTxt .dateDday {font-size:1.5rem; padding:1rem 1.2rem;}
	.visualBtn {max-width: 60%;}
	.visualBtn a {font-size:1.3rem; }

	/* .ddayArea{display: none;} */
	.ddayArea .ddayBox > div{padding:1rem 0.6rem;}
	.ddayArea .ddayBox .num{font-size:3rem;}
	.ddayArea .ddayBox .unit{font-size:0.8rem;letter-spacing: 0rem;}

	.visualreport {bottom:25%; height:20.2%;}
	.visualreport .reportTit {font-size:1.2rem}
	.visualreport .infoOuter {width:30%; margin-bottom:0.66rem;}
	.visualreport .reportImg img {max-width:5rem}
	.visualreport .reportData {}

	.broArea h3 {font-size:2rem}
	.broArea h4 {font-size:1.5rem}
	.broArea a {margin-top:1rem}

	/* sub */
	.prgList > li > div {display:block;}
	.prgList > li > div.prgImg {width:auto;}
	.prgList > li > div.prgImg img {width:20%;}
	.prgList > li > div.prgTit {width:auto; margin:1.5rem 0;}
	.prgList > li > div.prgTxt {padding-left:0;}
	.spksArea .spksImg {width:150px;}

	.stepList.meeting > li{padding:1rem;}
	.stepList.meeting > li,
	.stepList.meeting.conf > li{width:100%;min-height: 8rem;}

	/*컨퍼런스*/
}
@media only screen and (max-width:480px){
	/* main */
	.visualreport{bottom:26%;}
	/* .visMenu .menuBox .menuTit {font-size:1rem;}	*/
	.broArea strong:before, .broArea strong:after {display:none;}
	.visualBtn {max-width: 90%;}
	.visualBtn a:last-child {margin-bottom: 0;}
	.visualTxt { top: 60%; }
	.visualTxt > img { max-width: 37rem;}

	/* sub */
	.stepList > li.first div {height:11rem;}
	.stepList > li .stepTit b {font-size:1.2rem;}
	.stepList > li .stepTit p {margin-top:0.6rem; font-size:1rem;}
	.stepList > li .stepTxt {margin-top:1rem;}
	.spksArea .spksImg {float:none; margin:0 auto;}
	.spksArea .spksTxt {margin-top:1.5rem; padding-left:0;}

	/** 전시 **/
	/* 온라인 전시안내 */
	.online-exhibition-wrap table.infoTbl th,
	.online-exhibition-wrap table.infoTbl td {padding: 0.8rem; font-size: 0.7rem;}
	.online-exhibition-wrap .stepList > li {min-height: 11rem;}

	/** 비즈니스 프로그램 **/
	/* 글로벌 쇼케이스 */
	.announcement-wrap ul li {float: none; width: 100%; margin-right: 0;}
	.announcement-wrap ul li p {font-size: 1.2rem;}
}
@media only screen and (max-width:430px){
	.visualTxt > img { max-width: 30rem;}
}
@media only screen and (max-width:379px){
	.stepList.meeting > li{padding: 1rem 0.4rem 1rem 0.4rem;}
}

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

  #popup_group {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index: 1;z-index: 100;    background-color: rgba(0,0,0,0.6);}
  #popup_group .layerPopup {position:absolute !important;box-sizing:border-box;top: 50% !important;left:50% !important;max-width:90% !important;max-height:80% !important; margin:0; transform: translate(-50%, -50%);}
  #popup_group .layerPopup .stretch-fixed { width:1px; height:9999px; margin-left:-1px; }
  #popup_group .layerPopup img { max-width:100%; }
  #popup_group .layerPopup > form label { font-weight:bold; }
  #popup_group .layerPopup > form .btn1.common { margin-left:1rem; font-size:1rem; line-height:1.5; padding:0.5rem 1rem; }

  div.field.row2,
  div.field.row3,
  div.f_addsub div.field.row2,
  div.f_addsub div.field.row3 { width:100%; }
  div.field.row1 > label,
  div.field.row2 > label,
  div.field.row3 > label,
  div.f_addsub div.field.row1 > label,
  div.f_addsub div.field.row2 > label,
  div.f_addsub div.field.row3 > label { width:30%; }
  div.field.row1 > div,
  div.field.row2 > div,
  div.field.row3 > div,
  div.f_addsub div.field.row1 > div,
  div.f_addsub div.field.row2 > div,
  div.f_addsub div.field.row3 > div { width:70%; padding: 8px 1.5%; }
}
@media only screen and (max-width:767px){
  .search_form .search_item { position:relative; display:block; float:none; margin-bottom:8px; margin-right:0; }
  .search_form .search_item:after { content:''; display:table; clear:both; }
  .search_form select { box-sizing:border-box; width:100%; padding:3px; }
  .search_form input[type='text'] { box-sizing:border-box; width:100%; padding:8px; }
  .search_form select[name='searchGubun'] { float:left; width:38%; }
  .search_form input[name='searchText'] { float:right; width:60%; }
  .search_form .btn1 { box-sizing:border-box; width:100%; padding:8px; font-size:16px; line-height:16px; }

  #ex_application { margin: 0 auto; }
  #mypage_menu { display:block; position:fixed; top:75px; left:-110%; bottom:0; box-sizing:border-box; width:50%; min-width:320px; z-index:100; background-color:#fff; will-change: left, opacity; transition: left 0.6s, width 0.6s;  }
  .m_selected #mypage_menu { left:0; }
  .m_selected.m2_collapsed #mypage_menu { left:-110%; transition:none; }
  #mypage_menu .menu_title { display:none; }
  #mypage-menu-button { display:block; box-sizing:border-box; width:48px; height:48px; padding:14px; }
  #mypage-menu-button .icon::before { content:'\f00d'; }
  #mypage_menu .go_home { float:right; }
  #mypage_menu .menu-group.level-1 { position: absolute; top: 49px; right: 0; left: 0; bottom: 0; overflow-y: auto; }
  #mypage_content { display:block; min-height:400px; padding:0 15px 30px; background-color:#fff; }
  .mypage_home_top { font-size:21px; }
  #mypage_content .cfair_progress { margin:-30px -15px 15px; }
  /*#content.sub_content .com_subtitle h2.menu_name {font-size:20px;}*/
}
@media only screen and (max-width:479px){
  /*#mypage_menu { left:-75%; width:75%; }
  .m_selected.m2_collapsed #mypage_menu { left:-75%; }*/

  #login_content { width:auto; width:initial; margin:50px auto; }
  #login_content .login_text br { display:none; }

  .mypage_home_top { font-size:18px; }
  .board_gallery .article {width:100%;}
  /*#content.sub_content .com_subtitle h2.menu_name {font-size:17px;}*/
}
/* !!!!!!!!! Don't put code here for content pages [END] */