@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); @import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); @font-face { font-family: 'NanumSquare', 'S-CoreDream-4Regular', 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; } 
div, table, td, th, span, p, a, h1, h2, h3, h4, h5, h6, dl, ol, ul, li, dd, dt { font-family: 'NanumSquare', 'S-CoreDream-4Regular', 'Nanum Gothic', sans-serif; word-break:break-word; } 
* * , * { font-family: 'NanumSquare', 'S-CoreDream-4Regular', 'Nanum Gothic', sans-serif; box-sizing:border-box; vertical-align:middle; } 
a:hover { font-weight:bold; } 

span, p, a, h1, h2, h3, h4, h5, h6, li, dl, ol, ul, li, dd, dt, td, th { transform: skew(-0.1deg); } 
/* UI */
#app-menu-button { display:none; position:absolute; top:1rem; left:1rem; box-sizing:border-box; width:2rem; height:2rem; text-align:center; z-index:999; } 
#app-menu-button i { font-size:2rem; line-height:2rem; } 

/* default */
.off-dom { display: none; }
.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; } 
.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; } 
.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; } 


/* default */
html { font-size:15px; } 
body { min-width:320px; line-height:1.6; } 
.bgM { background-color:#d93131 } 
a.btn1 { background-color: #d93131; } 
a.btn1:hover { background-color: #7c1212; } 
.tab_lst { display: flex; height: 2.5rem; margin: 0; margin-bottom: 2rem; border: none; } 
.tab_lst li { border: none; width: 100%; } 
.tab_lst li a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 0; background: none; border-right: solid 1px #ddd; border-top: solid 1px #ddd; border-left: none; border-bottom: solid 1px #000; font-size: 1.1rem; transition: .3s; } 
.tab_lst li:first-child a { border-left: solid 1px #ddd; } 
.tab_lst li a.bgM { color:#000; background: none; border-top:solid 2px #d93131; border-left: solid 1px #000; border-right: solid 1px #000; border-bottom: none; } 
.tab_lst li a.bgM:after { content: ''; background: none; } 
.tab_lst li a:hover { background: #f9f9f9; text-decoration: underline; transition: .3s; } 
.btn_1 { width: 62px; height: 23px; } 

.step_title li.on strong { color:#d93131; } 
#container img { max-width:100%; } 
.taC { text-align:center; } 
.mt10 { margin-top:10px; } 
.mt30 { margin-top:30px; } 
.ref { color:#3094bb; } 
.blueBox { overflow:hidden; padding:2rem; border:1px solid #aec6e8; font-size:0.933rem; color:#5e5e5e; line-height:1.4; background-color:#e7eef8; word-break:keep-all; word-wrap:break-word; } 
.blueBox p { word-break:keep-all; word-wrap:break-word; } 

/* 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:18%; margin-left:0.5%; } 
.tabList li:first-child { margin-left:0; } 
.tabList li a { position:relative; display:block; max-height:4.6rem; padding:1rem 0.3rem; box-sizing:border-box; font-size:1.1rem; font-weight:500; color:#fff; text-align:center; background-color:#3d87c5; cursor:pointer; } 
.tabList li a.twoLine { padding:1.6rem 0.3rem; } 
.tabList li a span { display:block; font-size:1rem; } 
.tabList li.on a { color:#fff; background-color:#13327b; } 
.tabList li a span { display:block; } 
.tabList.item4 li { width:24.25%; margin:0 0 0.7rem 1%; } 
.tabList.item4 li:nth-child(4n+1) { margin-left:0; } 
.tabList.item5 li { width:19%; margin:0 0 0.7rem 1.25%; } 
.tabList.item5 li:nth-child(5n+1) { margin-left:0; } 


/* title */
.title01 { display:block; margin-top:1rem; margin-bottom:0.5rem; font-size:1.6rem; font-weight:900; color:#d93131; word-break:keep-all; word-wrap:break-word; } 
.title02 { display:block; position:relative; margin-bottom:1rem; padding-left:0.83rem; font-size:1.46rem; font-weight:600; color:#000; word-break:keep-all; word-wrap:break-word; } 
.title02:before { content:''; position:absolute; top: calc(50% - 0.7rem); left: 0; width: 0.3rem; height: 1.4rem; font-size:1rem; background: #d93131; } 
.title02_2 span { display:inline-block; padding:0.65rem 2.4rem; margin-top:2rem; margin-bottom:1rem; font-size:1.2rem; background:#0957a5; color:#fff; border-radius:2rem } 
.title03 { display:block; margin-top:1.5rem; margin-bottom:0.4rem; font-size:1.33rem; font-weight:600; color:#000; word-break:keep-all; word-wrap:break-word; } 
.pageTitle { margin-bottom:2rem; font-size:2.5rem; text-align:center; color:#114067; } 
.pageTitle b { font-size:2.8rem; } 
.boxTitle { font-size:1.46rem; color:#114067; font-weight:bold; } 

/* button */
.btnArea { } 
.btns .btn { margin:0.2rem; } 
.btn { display:inline-block; margin:0.2rem; padding:0.76rem; font-size:1.2rem; border-radius:5px; text-align:center; color:#fff; } 
.btn.small { padding:0.6rem 2rem; font-size:1rem; } 
.btn.normal { width:9.67rem; } 
.btn.wide { padding:1.5rem 2.5rem; font-weight:600; font-size:1.3rem; } 
.btn.excel { background:url('/home/2019/gtt2019/image/icon_download_w.png') no-repeat 90% center; background:#048d61 } 
.btn.hwp { background:url('/home/2019/gtt2019/image/icon_download_w.png') no-repeat 90% center; background:#dd4528 } 
.btn.bc01 { background-color:#d93131; } 
.btn.bc02 { color:#172c72 !important; background-color:#ffd71a; } 
.btn.white { padding:1.23rem 5rem 1.23rem 2rem; border:2px solid #172c72; background-color:#fff; color:#172c72; } 
.btn.main { background-color:#164962; } 
.btn.main:hover { background-color:#033542; } 
.btn.sub1 { background-color:#c22102; } 
.btn.sub2 { background-color:#088c9d; } 
.btn.sub2:hover { background-color:#086c7d; } 
.btn.sub3 { background-color:#1F475B; } 
.btn.sub3:hover { background-color:#0f3548; } 
.btn.black { background-color:#353535; } 
.btn.gray { background-color:#4e4e4e; } 
.btn.gray:hover { background-color:#3e3e3e; } 

.btn .fal, .btn .fa, .btn .fad, .btn .far { vertical-align:middle; } 

/* txt */
.norTxt { font-size:1.13rem; font-weight:400; line-height:1.5; word-break:keep-all; word-wrap:break-word; transform:skew(0.1deg); } 
.bigTxt { font-size:1.3rem; font-weight:400; line-height:1.5; word-break:keep-all; word-wrap:break-word; transform:skew(0.1deg); } 
.smallTxt { font-size:1rem; font-weight:400; line-height:1.5; word-break:keep-all; word-wrap:break-word; transform:skew(0.1deg); color: #555; }
.pageTxt { font-size:1.13rem; font-weight:400; line-height:1.5; word-break:keep-all; word-wrap:break-word; transform:skew(0.1deg); } 
.empTxt { font-size:1.13rem; color:#585858; line-height:1.4; letter-spacing:-0.04em; word-break:keep-all; word-wrap:break-word; } 
.linkTxt { color:#215c90; text-decoration:underline; } 
.ref { font-size:1.13rem; color:#273d5c; } 
.blueBox { padding:1.7rem 3rem; background-color:#f0f5fd; } 
.blueLineBox { padding:3rem 0; border:2px solid #a4b4dc; } 
.grayBox { padding:2.66rem; background-color:#e7e7e7; } 
.grayBox { padding:2.66rem; background-color:#e7e7e7; } 


/* list */
.norList { } 
.norList > li { margin-top:6px; padding-left:1rem; text-indent:-1rem; font-size:1rem; color:#4b4b4b; font-weight:300; line-height:1.4em; word-break:keep-all; word-wrap:break-word; } 

.dotList { } 
.dotList > li, .dotTxt { position:relative; padding-left:1rem; padding-bottom: 0.5rem; font-size:1.1rem; color:#000; line-height:1.9rem; word-break:keep-all; word-wrap:break-word; } 
.dotList > li:before, .dotTxt:before { position:absolute; top:0; left:0; content:'\00b7'; color:#3b3b3b; } 
.dashList { } 
.dashList > li, .dashTxt { position:relative; padding-left:1rem; line-height:1.4; word-break: keep-all; word-wrap:break-word; } 
.dashList > li:first-child { margin-top:0; } 
.dashList > li:before, .dashTxt:before { content:'-'; position:absolute; top:0; left:0; } 
.squareList > li, .squareTxt { position:relative; padding-left:1rem; line-height:1.4; word-break:keep-all; word-wrap:break-word; } 
.dashList > li:before, .dashTxt:before { content:'?– '; position:absolute; top:0; left:0; } 

.indent li { display: flex; }
.indent li span { width: 50px; }

.infoList { } 
.infoList > li { display: flex; font-size:1.1rem; line-height:1.9rem; word-break:keep-all; word-wrap:break-word; } 
.infoList > li:first-child { margin-top:0; } 
.infoList > li > b { display:inline-block; width:15%; font-size:1.1rem; font-weight:700; color:#d03333; vertical-align:middle; } 
.infoList > li > b.longTit { width:auto; padding:0.667rem 1rem; } 
.infoList > li > span { display:inline-block; width:80%; box-sizing:border-box; font-size:1.1rem; color:#000; vertical-align:middle; } 
.infoList > li .infoRight { display:inline-block; width:80%; box-sizing:border-box; font-size:1.1rem; color:#000; } 
.infoList2 > li > span { padding: 0.4rem 0; } 
.infoListFlex { display: flex; flex-wrap: wrap; justify-content: space-between; } 
.infoListFlex .infoListItem { display: flex; align-items: center; width: 48%; margin-bottom: 1rem; } 
.infoListFlex .infoListItem img { width:5rem; margin-right: 1rem; object-fit: scale-down; } 

ol { margin-left: 2rem; list-style:decimal; } 
.bulList { } 
.bulList > li, .bulTxt { position:relative; padding-left:1.5rem; word-break:keep-all; word-wrap:break-word; } 
.bulList > li .bul, .bulTxt .bul { position:absolute; left:0; top:0; } 

/* table outer */
.table-outer table { min-width: 935px; width: 100%; } 
/* table */
.tableArea { 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 #d93131; border-bottom:1px solid #e06e6e; 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 #d2d2d2; } 
table.infoTbl th, table.infoTbl td { padding:1.133rem 1.567rem; line-height:1.5em; word-break:keep-all; word-wrap:break-word; transform:skew(0.1deg); } 
table.infoTbl td { padding:0.5rem 0.7rem; border-left: 1px solid #eee; border-right: 1px solid #eee; } 
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:#f3f3f3; } 
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.timeTbl { width:100%; border-top:2px solid #1B1B1B; border-bottom:1px solid #949494; font-size:1.1rem; font-weight:400; color:#474747; table-layout:fixed; } 
table.timeTbl th, table.timeTbl td { border-left:1px solid #d2d2d2 } 
table.timeTbl tr th:first-child, table.timeTbl tr td:first-child { border-left:0; } 
table.timeTbl tr th { background:#e3e3e3 } 
table.timeTbl tr .time, table.timeTbl tr td:first-child { background:#f3f3f3 } 

#tab-2 .infoList > li { flex-direction: column; } 
#tab-2 .infoList > li > b { width: 100%; } 
/* .seoul-table01 { overflow-x: scroll; } */

/* ui */
.mediaBox { position:relative; height:0; padding-top:56.25%; } 
.mediaBox iframe { position: absolute; top:0; left:0; width:100%; height:100%; } 
.xScrollArea { overflow-x:auto; width:100%; position:relative; } 
.xScrollArea table { table-layout:fixed; min-width:100%; width:auto; } 
[data-object-fit='cover'] { object-fit:cover; width:100%; height:100% } 
[data-object-fit='contain'] { object-fit:contain; width:100%; height:100% } 

 
/* mypage */
#ex_application { border-top:1px solid #d4d4d4; } 
/* 마이페이지 바이어 계정 - 부분 숨김 */
.corp-E .mypageArea .mypageContentsArea .tabStyle1 .myExhiInfo,
.corp-E .mypageArea .mypageContentsArea .tabStyle1 .myVisitInfo,
.corp-E .mypageArea .menu-container .mypageMenu .mpMenuList .myExhiInfo,
.corp-E .mypageArea .menu-container .mypageMenu .mpMenuList .myVisitInfo { display: none; }  

/* 마이페이지 전시업체 계정 - 부분 숨김 */
/* .cfair .mypageArea .mypageContentsArea .tabStyle1 .myConsultInfo,
.cfair .mypageArea .menu-container .mypageMenu .mpMenuList .myConsultInfo { display: none; } */

/*
.KOR .mypageTabList > ul.tabStyle2 > li:nth-child(n+2) {display: none;}
.ENG.cfair .mypageArea .mypageContentsArea .tabStyle1 .myConsultInfo,
.ENG.cfair .mypageArea .menu-container .mypageMenu .mpMenuList .myConsultInfo { display: none; }

.KOR .mpContents .mypageTitArea { display: none; }
.KOR .mpContents .respType.mypage-quick-fair { display: none; }
.KOR #mypageTab02 .apply_status .mpRow04 {display: none;}
.KOR #mypageTab02 .arrange_status .respType{display: none;}
.KOR .mpContents span.item { padding: 0; font-size: 1rem; }
*/

.fair_mypage #mypageTab01 .respType .mpTbl .mpRow04 {display: none;}

.KOR .mypageMenu .mpMenuList > li.myConsultInfo .con02 { display: none; }
.KOR .mypageMenu .mpMenuList > li.myConsultInfo .con03 { display: none; }
.KOR .mypageMenu .mpMenuList > li.myConsultInfo .con04 { display: none; }
.KOR #mypageTab02 .apply_status .mpRow04 {display: none;}
.KOR .arrange_status .mypageTitArea {display: none;}
.KOR .arrange_status .mpTbl {display: none;}
.ENG .arrange_status .mypageTitArea {display: none;}
.ENG .arrange_status .mpTbl {display: none;}
.KOR .mypageTabList > ul.tabStyle2 > li:nth-child(n+2) {display: none;}
/* .KOR.cfair .apply_status .stateLine {} */
.KOR.cfair .apply_status tr:nth-child(n+2) {display: none;}

/* .ENG .mypageMenu .mpMenuList > li.myConsultInfo {display: none;} */
/* .ENG .mypageTabList li.myConsultInfo {display: none;} */
.ENG .mypageMenu .mpMenuList > li.myConsultInfo .mpMenuSubList .con02{ display: none;}
.ENG .mypageMenu .mpMenuList > li.myConsultInfo .mpMenuSubList .con03{ display: none;}
.ENG .mypageMenu .mpMenuList > li.myConsultInfo .mpMenuSubList .con04{ display: none;}
.ENG .mypageTabList > ul.tabStyle2 > li:nth-child(n+2) {display: none;}
/* main */
#gnb_wrap { position:relative; background-color:#f00000; top: 87px; } 
#gnb { position:relative; top:auto; right:auto; height:auto; text-align:center; } 
#gnb > li { float:none; display:inline-block; width:15%; padding:0; box-sizing:border-box; } 
#gnb > li > a { display:inline-block; height:auto; padding:0.8rem 1.6rem; font-size:1.4667rem; color:#fff; line-height:normal; box-sizing:border-box; position:relative; word-break:keep-all; word-wrap:break-word; } 
#gnb > li > a:hover { color:#fff; text-decoration:none } 
#topMenu li.tnb_userinfo > span { display:none } 
#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: #fff; 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.3rem 1.4rem; font-size: 1.13rem; font-weight:600; color:#2f2f2f; text-align:center; line-height:1.4; word-break:keep-all; word-wrap:break-word; transform:skew(0.1deg); } 
#gnb > li .gnb_sub li a:hover { color:#f6531a; font-weight: 700; text-decoration:none; background-color:#fff; text-decoration: underline; } 
/* #gnb > li > a::before { content:''; position:absolute; left:51%; right:51%; bottom:-0px; height:2px; background:#f6531a; -webkit-transition:all 0.3s linear; transition:all 0.3s linear; } 
#gnb > li > a:hover::before { left:0px; right:0px; } */

#header { position: relative; width:100%; max-width:100%; margin:0 auto; height: 87px; } 
#logo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
#logo img { max-width:20rem; max-height:6rem; } 
#header #gnb > li > a { display: block; padding:1rem 0; font-size:1.26rem; line-height:1.4; color: #fff; } 
#header #gnb > li .gnb_sub_wrap a:hover { color:#d93131; text-decoration: underline; font-weight: 700; } 
#header #gnb>li .gnb_sub { min-width:140px; padding: 0.5rem 0; } 

#topMenu { top: auto; right: auto; position: absolute; top: 50%; right: 12rem; transform: translate(0,-50%); } 
#topMenu .tnb_sign, #topMenu .tnb_sitemap ,#topMenu .language ,.tnb_lang .lang img { display:none } 
#topMenu > ul > li { display:inline-block; float:none; padding:0; margin-left: 1rem; } 
#topMenu > ul > li:first-child { margin-left:0; } 
#topMenu > ul > li a { display:inline-block; padding:0rem; font-size:1.133rem; font-weight: 600; color:#3d3d3d; border-right:none; transform:skew(0.1deg); } 
#topMenu > ul > li:first-child > a { border:none } 
.tnb_lang .lang i { color:#3d3d3d; font-family: 'sans-serif'; } 

/*#topMenu > ul > li.tnb_sign { display:none; } */
#topMenu li.tnb_userinfo { display:none; } 
.tnb_lang .lang span.language { display:none; } 

.mobile-menu { display:none; } 


#topMenu > ul > li a.current_language { display:none; } 
#container { width:100%; min-height:auto; box-sizing:border-box; margin-bottom: 2rem; } 
#content { min-height: auto; } 
/* #content { position:relative; width:100%; min-height:auto; margin:0 auto 2rem auto; padding:0; border-left:0; box-sizing:border-box; } */
#login_content form .j_login>p.j_login_btn a { display:block; float:left; width:71px; height:77px; background-image:url(/jsp/fair/img/admin/login_btn_bg.png); font-size:0; text-indent: -9999px; overflow: hidden; background-color: #3094bb } 
.main_page .rightBN { display:none; position:absolute; top:110px; left:50%; margin-left:975px; z-index:20; } 
.main_page .rightBN a:hover { opacity:0.8; } 
.rightBN { display:none; } 
#quickbar { display:none; } 
.main_content #main_visual { width:auto; height:40rem } 
.main_content #main_visual .roll a.on { color: #5fb9ff } 
.main_content #main_visual .main_visualBtn { display:none; } 
.main_content #main_visualBox * { height:100% } 
.main_content #main_visualBox img { position:absolute; top:0; left:50%; max-width:none; height:100%; transform:translate(-50%, 0); } 
#main_con_wrap { max-width:1200px; margin:0 auto; } 
#main_con_wrap .title { display:block; height:auto; border-bottom:1px solid #bababa; font-size:1.065rem; } 
#main_con_wrap .title > span { display:inline-block; padding-right:3px; border-bottom:2px solid #adadad; } 
#main_Lcon { float:left; width:31%; margin-right:2%; } 
#main_Lcon #gallery>ul>li { width:100%; } 
#main_Rcon { width:auto; margin-left:0; } 
#main_Rcon .quickArea { float:left; width:56%; margin-right:3.03%; } 
#main_Rcon .quickArea a { display:inline-block; } 
#main_Rcon .quickArea .home_2btn ul { } 
#main_Rcon .quickArea .home_2btn ul li { float:left; width:45%; margin-left:1%; text-align:center; } 
#main_Rcon .quickArea .home_2btn ul li:first-child { margin-left:0; } 
#main_Rcon .mgrArea { width:auto; } 
#main_Rcon .mgrTxt strong { display:block; margin-bottom:0.66rem; font-size:1rem; color:#113a71; } 
#main_Rcon .mgrArea .mgrTxt span { font-size:14px; line-height:1.5em; } 
#scroll { display: none; /*display: block; */ width: 100%; height: auto; overflow: visible; } 

.footer .footerInfoOuter { display: flex; align-items: center; position: relative; width: 100%; padding: 2rem; background: #f7f7f7; } 
.footer .footerInfoOuter .footerInfo { margin-left: 3rem; } 
.footer .footerInfoOuter .footerInfo .footerInfoTitle { font-size: 1.1rem; font-weight: 900; } 
.footer .footerInfoOuter .footerInfo .footerInfoSubText { font-size: 1rem; margin-top: 0.5rem; font-weight: 400; } 
.footer .footerInfoOuter .footerInfoRightLogo { position: absolute; top: 2rem; right: 2rem; } 
.footer .footerInfoOuter .footerInfoRightLogo img { padding-right: 2rem; } 
.footer .footerInfoOuter .footerInfoRightLogo img:last-child { padding-right: 0; } 
/* .footer>div { display: flex; width: 100%; padding: 2rem; } */
.footer>div>p { float:none; display:inline-block; margin:0 30px 0 0; vertical-align:middle; } 
.footer>div address { display:inline-block; margin:0; vertical-align:middle; } 

.xScrollArea { overflow-x:auto; width:100%; position:relative; } 
.xScrollArea table { table-layout:fixed; } 

/* main new 221014 */
 


/* sub */
#sidebar { display:flex; flex-direction: column-reverse; color: #000; border: none; } 
#sidebar .colorBox { background: none; padding:0rem } 
#container { max-width:1200px; min-height:auto; margin:auto; margin-top: 356.47px; padding:0; padding-bottom: 2rem; box-sizing:border-box; border: none; margin-bottom: 2rem; } 
.main_page #container { max-width:none; min-height:auto; margin:0; padding:0; box-sizing:border-box; align-items:center; } 
#content.sub_content .com_subtitle, #ex_application .com_subtitle { position:relative; width:100%; height:auto; padding:0; font-size:24px; font-weight:bold; color:#000; border: none; } 
#content.sub_content .com_subtitle .menu_name, #ex_application .com_subtitle .menu_name { display:block; float:left; } 
#content.sub_content .com_subtitle .menu_name:before, #ex_application .com_subtitle .menu_name:before { content:''; } 
#content.sub_content .com_subtitle .breadcrumb, #ex_application .com_subtitle .breadcrumb { position:relative; display:block; float:right; bottom:auto; right:auto; font-size:13px; } 
#content.sub_content .com_subtitle .breadcrumb a, #ex_application .com_subtitle .breadcrumb a { display:inline-block; vertical-align:middle; } 
#content.sub_content .com_subtitle .breadcrumb strong, #ex_application .com_subtitle .breadcrumb strong { display:inline-block; vertical-align:middle; } 

.cc_warp { width:auto; margin:0; } 
.cc_title { padding:10px 0; color:#1b1b1b; font-size:18px; font-weight:bold; } 
.cc_title span.ct_b { width:7px; display:inline-block; height:17px; background-color:#02659e; vertical-align:middle; margin-right:3px } 
.cc_sub { color:#1c6e90; font-size:16px; font-weight:bold; padding:10px 0 } 
/* table */
table { margin-top:10px } 
table.va_m { width:100%; border-top:3px solid #02659e; border-bottom:2px solid #aaa; table-layout:fixed; word-break:keep-all; word-wrap:break-word; } 
.va_m td,.va_m th { border:1px solid #ddd; padding:7px 15px; vertical-align:middle; } 
.va_m thead th { background-color: #efefef; color:#6d6d6d; text-align:center; } 
.va_m tbody td,.va_m tbody th { padding:7px 15px } 
.va_m th { text-align:center; } 
.va_t td,.va_t th { padding:7px 0; text-align:left; vertical-align:middle; } 
.va_m tbody th { /*border: 1px solid #acacac; */ font-weight: 700; background-color: #e4ecf6; } 
.va_m td { /*border: 1px solid #acacac; */ font-weight: 500; font-size:12.5px; } 
.va_t th, .va_m tbody th { color:#6d6d6d; } 
.va_m th.taC, .va_m td.taC, .va_t th.taC, .va_t td.taC { text-align:center; } 
.va_t { width:100% } 

.greetingArea { box-sizing:border-box; text-align:center; } 
.greetingArea .greetingTop { margin-bottom:3rem; } 
.greetingArea .greetingTop p { margin-top:2rem; font-size:3rem; color:#191919; text-align:center; line-height:1.6; word-break:keep-all; word-wrap:break-word; } 
.greetingArea .greetingTop p b { font-weight:800; color:#113a71; } 
.greetingArea img { margin-top:2rem; } 
.greetingArea .greetingTxt { max-width:1000px; margin:0 auto; padding:4rem 3rem; background:#eaeaea; line-height:1.8; word-break:keep-all; } 

.contactArea b { display:block; font-size:1.33rem; color:#113a71; } 
.contactArea p { margin-top:1rem; color:#404040; font-size:1.13rem; } 
.contactArea p.phNum { color:#101010; } 
.contactArea .contactWrap + .contactWrap { margin-top:40px; padding-top:40px; border-top:1px solid #b5b5b5; } 
.contactWrap { font-size:0; } 
.contactWrap > div { display:inline-block; vertical-align:middle; } 
.contactWrap .contactTxt { width:70%; } 
.contactWrap .contactImg { width:30%; text-align:center; } 

#login_content form .j_login>p.j_login_btn a { display:block; float:left; width:71px; height:77px; background-image:url(/jsp/fair/img/admin/login_btn_bg.png); font-size:0; text-indent: -9999px; overflow: hidden; background-color: #02659e } 
.main_content #main_visual .roll a.on { color: #5fb9ff } 

.corp_regist #CORP_KOTRA_ID { width:120px; } 
.corp_regist .fr_CORP_KOTRA_ID .btn1 { font-size:0.8em; letter-spacing:-0.05em; } 

div.f_addsub div.field > label>span { line-height:1.333; } 
span.item > label { font-size:0.8125rem; } 
p.module_title b { vertical-align:middle; } 


div.field>label { padding:0.5rem 0; } 
div.field>label>span { font-size:0.875rem; padding:0 0.75rem; } 
span.item { position:relative; margin: 0; padding:0.25rem 0.5rem 0.25rem 1.5rem; font-size:0.75rem; line-height:1.3333333; text-indent:0; } 
span.item.checked { color:#333; font-weight:bold; } 
span.item > label { padding-left:0; text-indent:0; } 
span.item input[type='checkbox'],
span.item input[type='radio'] { position:absolute; top:0.3333333rem; left:0.25rem; width:0.875rem; height:0.875rem; } 


/* onlineEh */
.ui_input { display:inline-block; padding:0.5rem 0.534rem; font-size:1.2rem; border:1px solid #8d8f95; line-height:1.6; } 
.ui_input.type02 { display:inline-block; padding:0.12rem 0.534rem; border:2px solid #cbcbcb; line-height:1.6; } 

.categoryList { overflow:hidden; font-size:0; text-align:center; } 
.categoryList a { display:inline-block; width:15%; margin-left:0.5rem; padding:1rem 0.3rem; border-radius:0.33rem; box-sizing:border-box; font-size:1.0667rem; font-weight:600; color:#000; text-align:center; vertical-align:middle; background-color: #d7d7d7; } 
.categoryList a:first-child { margin-left:0; } 
.categoryList a.on { color:#fff; background-color:#113a71 } 
.filterType01 .searchArea { position:relative; margin-top:2rem; font-size:0; text-align:right; } 
.filterType01 .searchZone input { display:inline-block; width:20%; border-top-left-radius:0.33rem; border-bottom-left-radius:0.33rem; } 
.filterType01 .searchZone .searchBtn { display:inline-block; width:10%; margin-left:-1px; padding:0.66rem 0.534rem; border-top-right-radius:0.33rem; border-bottom-right-radius:0.33rem; font-size:1.0667rem; color:#fff; text-align:center; background-color:#113a71; } 

.categoryArea { overflow:hidden; font-size:0; } 
.categoryArea > * { display:inline-block; vertical-align:middle; font-size:1.2rem; color:#000; } 
.categoryArea select { width:38%; height:3.733rem; border:1px solid #898989; box-sizing:border-box; text-indent:1rem; background-color:#f4f4f4; } 
.categoryArea select ~ select { margin-left:0.5%; } 
.categoryArea .schChkBox { width:23%; margin-left:0.5%; text-align:center; } 
.filterType02 .searchZone { font-size:0; margin-top:1rem; } 
.filterType02 .searchZone input { display:inline-block; width:76.5%; height:3.733rem; border:1px solid #898989; box-sizing:border-box; text-indent:1rem; } 
.filterType02 .searchBtn { display:inline-block; width:23%; height:3.733rem; margin-left:0.5%; border-radius:0.33rem; font-size:1.333rem; color:#fff; font-weight:600; text-align:center; background-color:#113a71; } 
.filterType02 .searchBtn:before { content:''; display:inline-block; width:1px; height:100%; margin-left:-1px; vertical-align:middle; } 

.compArea { overflow:hidden; margin-top:2rem; } 
.compList { max-width:1200px; margin:0 auto; padding-bottom:2.66rem; } 
.compList:after { content:""; display:block; clear:both } 
.compList li { float:left; display:inline-block; width:23.5%; margin:0 0 3.334rem 2%; opacity:1; box-sizing:border-box; } 
.compList li:nth-child(4n+1) { margin-left:0 } 
.compList li a { display:block; border-top:2px solid #113a71; border-left:1px solid #f4f4f4; border-right:1px solid #f4f4f4; border-bottom:1px solid #113a71; box-sizing:border-box; letter-spacing:-0.04em; transform:skew(0.1deg); } 
.compList li a .compImg { position:relative; overflow:hidden; display:block; height:10.667rem; } 
.compList li a .compImg img { position:absolute; max-width:80% !important; max-height:60%; top:50%; left:50%; transform:translate(-50%,-50%); object-fit:contain; } 
.compList li a p { overflow:hidden; display:inline-block; width:100%; height:4.667rem; padding:0 0.66rem; background:#f4f4f4; box-sizing:border-box; font-size:1.0667rem; color:#000; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; text-align:center; } 
.compList li a p:before { content:''; display:inline-block; width:1px; height:100%; margin-left:-1px; vertical-align:middle; } 
.compList li a:hover .compImg:after { content:""; display:block; position:absolute; top:0; left:0; bottom:0; right:0; background:url('/home/2020/kprdubai/image/prod_rolling_zoom.png') right top no-repeat; } 
.compList li a:hover p { color:#113a71; background:#e8eff9; font-weight:600; } 
.compList li a:hover { border-color: #113a71; } 



/*** main shineunbin ***/
#topMenu > ul > .tnb_lang { display: none; } 
.hsection { position:absolute; top:1.9rem; right:3rem; z-index:1; } 
.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 } 
.langBox { width:7.7rem; border-radius: 2rem; font-size:0.8rem; } 
.langBox.on .langButton { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-bottom-left-radius: 0; border-bottom-right-radius: 0; transition: .3s; } 
.langBox.on .langButton i { transform: rotate(180deg); transition: .3s; padding-right: 0.2rem; padding-left: 0rem; } 
.langBox .langButton { display:block; padding:0.4rem 0.8rem; color:#fff; background:#706e6e; font-weight:700; cursor:pointer; box-sizing:border-box; border-radius: 2rem; text-align: center; transition: .3s; } 
.langBox .langButton i { padding-left: 0.2rem; transition: .3s; } 
.langBox .langList { overflow:hidden; padding:1rem 0; color:#282828; background-color:#ececec; } 
.langBox .langList li a { display:block; padding:0.5rem 1.2rem; } 
.langBox .langList li a:hover { background-color:#c1c1c1; } 
.hsection .snsArea a { display:inline-block; padding:0.35rem 0.65rem; } 
.snsTop { position: absolute; display: flex; align-items: center; top: 50%; left: 3rem; transform: translate(0%, -50%); } 
.snsTop a { margin-right: 1rem; } 

#wrap { background: none; } 

.visualArea { position:relative; margin-bottom:0 !important; margin-top: 53px; } 
.visualArea .visualBox { display: flex !important; flex-direction: column; justify-content: center; align-items: center; position:relative; height:40rem; background-size:cover !important; margin:0; } 
.visualArea .visualBox.vis01 { background:url('/home/2021/seoulfood/image/mainVisual_01.png') no-repeat center center; text-align: center; } 
.visualArea .visualBox .mainVisualTextImg { display: inline-block; } 
.visualArea .visualBox p { margin-top: 1rem; color: #fff; font-size: 2rem; font-weight: 300; line-height: 1.3; }
.visualArea .visualBox p b { font-size: 2.3rem; font-weight: 900;}
.slick-dots { bottom: 5% !important; } 
.slick-dots li.slick-active button:before { color: #f00000 !important; } 
.slick-dots li button:before { color: #fff !important; opacity: 1 !important; } 
.slick-dots li { margin: 0 !important; } 
/* .mainQuick { display: flex; position: absolute; left: 50%; bottom: 2rem; transform: translate(-50%, 0px); } 
.mainQuick a { margin-right: 1rem; } 
.mainQuick a:last-child { margin-right: 0rem } */

.mainSubInfo { max-width: 1200px; margin: auto; } 
.mainSubInfo .maintitle { font-size: 1.466rem; font-weight: 700; } 
.mainSubQuickBox { display: flex; justify-content: space-between; width: 100%; } 
.mainSubQuickBox a img { width: 100%; cursor: pointer; } 
.mainContents { display: flex; justify-content: space-between; width: 100%; } 
.mainVideoOuter { position: relative; width: 49%; /*padding-top: 27.5625%; */ padding-top: 22%; background-color: #000; } 
.mainVideoOuter iframe { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; } 
.mainContentsRight { display: flex; flex-direction: column; justify-content: space-between; width: 49%; } 
.mainContentsRight a { display: block; width: 100%; height: 100%; position: relative; } 
.mainContentsRight a .bg-img { width: 100%; height: 100%; object-fit: cover; } 
.mainContentsRight a .txt-img { max-width: 282px; width: 23.5vw; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.mainSubscription { background: #d4d4d4; padding: 2rem 1rem; text-align: center; } 
.mainSubscription .mainSubscriptionTitle { margin-bottom: 1rem; font-size: 1.46rem; font-weight: 700; } 
.mainSubscription .mainSubscriptionTitle span { color: #f00000; } 
.mainSubscription input { width: 70%; padding: 1rem; } 
.mainSubscription .mainSubscriptionBtn { width: 20%; padding: 1rem; background: #f00000; color: #fff; font-weight: 700; text-align: center; border: none; box-shadow: none; } 

/* .mainBoard { display: flex; justify-content: space-between; margin-bottom: 2.67rem; } 
.mainBoard .boardArea { width: 49%; } 
.mainBoard .boardTab { display: flex; justify-content: space-between; align-items: center; padding-bottom: 1rem; border-bottom: solid 1px #000; } 
.mainBoard .boardTab .tab-button { font-size: 1.6rem; font-weight: 700; } 
.mainBoard .boardTab .btn_more { background: #bfbfbf; color: #fff; padding: 0.2rem 0.6rem; border-radius: 1rem; } 
.mainBoard .tab_content { padding: 1rem 0; } 
.mainBoard .tab_content .main_bbs li { padding: 0.5rem 0rem; } 
.mainBoard .tab_content .main_bbs li a { display: flex; flex-direction: row-reverse; justify-content: space-between; } 
.mainBoard .tab_content .main_bbs li a .date { font-size: 1rem; font-weight: 500; color: #f00000; } 
.mainBoard .tab_content .main_bbs li a .title { font-size: 1.13rem; font-weight: 400; } */

.mainLine { display: flex; justify-content: center; padding: 0.7rem 0; background: #d73333; } 
.mainLineText { display: flex; align-items: center; padding: 0 2rem; text-align: center; color: #fff; font-weight: 400; font-size: 1.33rem; } 
.mainLineText b { font-weight: 700; padding: 0 1.5rem; font-family: 'GmarketSansBold'; } 



/*** subcontents shineunbin ***/
.sub_visual { display: flex; justify-content: center; align-items: center; position: absolute; width: 100%; height: 300px; margin-top: 53px; background: url('/home/2021/seoulfood/image/sub_back.png') no-repeat 0% 55%/ cover; z-index: -1; transform: skew(0); } 
.sub_visual img { width: 100%; max-width: 588px; padding: 2rem; } 
#content.sub_content { border: none; padding: 0; } 
#content.sub_content .com_subtitle { display: flex; justify-content: space-between; align-items: flex-end; padding-left: 2rem; padding-bottom: 2rem; } 
#con_container { margin-left: 2rem; border-top: solid 1px #ddd; padding: 3rem 0; } 
.com_subtitle .menu_name { font-size: 2.4rem; font-weight: 700; color: #d93131; } 
#lnb>ul { padding:0rem } 
#lnb h2 { display: none; } 
#lnb h3 { display: none; } 
#lnb>ul>li>ul { padding-left: 0; } 
#lnb>ul>li a { max-width: 100%; height: 100%; color: #000; } 
#lnb>ul>li>a:before { content: none; } 
#lnb>ul>li a:hover { background: none; } 

#lnb>ul.level-1 .on .lnb-nav { position: relative; padding: 1.2rem; padding-left: 1.8rem; color: #d93131; font-size: 1.2rem; font-weight: 900; background: none; border: none; } 
#lnb>ul.level-1 .on .lnb-nav::before { content: ''; display: block; position: absolute; top: 24px; left: 0; width: 12px; height: 4px; background: #d93131; } 

#lnb>ul.level-1 .on .level-2 { padding-bottom: 1rem; border-bottom: 1px solid #b3b3b3; } 
#lnb>ul.level-1 .on .level-2 .on .lnb-nav { font-weight: 900; color: #000; } 
#lnb>ul.level-1 .on .level-2 .lnb-nav { display: block; height: 100%; padding: 0.3rem 0; padding-left: 1.8rem; color: #000; font-size: 1.1rem; font-weight: 400; background: none; border: none; } 
#lnb>ul.level-1 .on .level-2 .lnb-nav::before { content: none; } 

#lnb>ul.level-1 li > .lnb-nav { padding: 1rem 0; padding-left: 1.8rem; font-size: 1.2rem; color: #000; background: #f9f9f9; border-bottom: 1px solid #b3b3b3; } 

#lnb>ul.level-1 li .level-2 .lnb-nav { display: none; background: none; height: 100%; } 

.contents { margin: 0 auto; } 
.contents ul.tabs { display: flex; width: 100%; height: 3.5rem; margin-top: 2rem; padding: 0px; list-style: none; } 
.contents ul.tabs li { display: flex; justify-content: center; align-items: center; width: 100%; margin-right: 1rem; background: #dfdfdf; color: #000; font-size: 1.1rem; font-weight: 700; cursor: pointer; transition: .3s; } 
.contents ul.tabs li:last-child { margin-right: 0; } 
.contents ul.tabs li:hover { background: #959595; color: #fff; transition: .3s; } 
.contents ul.tabs li:hover a { color: #fff; transition: .3s; } 
.contents ul.tabs li.current { background: #d03333; color: #fff; transition: .3s; } 
.contents ul.tabs li.current:hover { background: #d03333; color: #fff; transition: .3s; } 
.contents .tab-content { display: none; background: #fff; padding: 1rem 0; } 
.contents .tab-content.current { display: block; } 

.imgList { display: flex; flex-wrap: wrap; } 
.imgList.item3 li { width: 32%; margin-right: 2%; margin-bottom: 2%; } 
.imgList.item3 li:nth-child(3n) { margin-right: 0; } 
.imgList.item3 li img { cursor: pointer; } 
.imgList.item4 li { width: 32.33%; margin-right: 1%; } 
.imgList.item4 li:nth-child(4n) { margin-right: 0; } 

.videoOuter { position: relative; width: 100%; padding-top: 56.25%; background-color: #000; } 
.videoOuter iframe { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; } 
.galleryOuter { display: flex; justify-content: space-between; } 
.galleryBig { width: 49%; } 
.imgList.item3 { width: 49%; } 

.par-img-btn { display: flex; } 

.fair_login #frmLogin input { font-family: auto; } 
.fair_login #content.sub_content .com_subtitle { padding-top: 1rem; } 
.fair_login #login_content,
.fair_login #enter-invite-code { margin: 40px auto; } 

.fair_mypage input { font-family: auto !important; } 
/* my page */
.fair_mypage #container { max-width: 100%; margin-top: 57px; padding-bottom: 0; } 
.fair_mypage #scroll li { height: auto; } 
#wrap { padding: 0; } 

/* participation-list 온라인 참가신청*/
.participation-list { display: flex; justify-content: space-evenly; margin: 2rem 0; } 
.participation-list .participation-item { display: flex; flex-direction: column; align-items: center; max-width: 40%; width: 100%; } 
.participation-list .participation-item a { width: 100%; margin: 1.5rem 0; padding: 1.5rem; color: #fff; font-size: 1.33rem; text-align: center; font-weight: 700; transition: all .2s; transform: skew(0deg); } 
.participation-list .participation-item a.bg-red { background: #dc2f21; } 
.participation-list .participation-item a.bg-orange { background: #ee4b13; } 
.participation-list .participation-item a:hover { border-radius: 5px; font-weight: 700; opacity: 0.8; transition: all .2s; } 
.participation-list .participation-item p { font-size: 1.03rem; } 

/* subpage 전시개요 */
.seoul-content-wrap02 { display: flex; max-width: 700px; width: 100%; margin: auto; } 
.seoul-content-list02 { display: flex; flex-direction: column; justify-content: center; width: 55%; padding: 0 1.5rem; background: #eef0ef; } 
.seoul-content-list02 li ~ li { margin-top: 1.5rem; } 
.seoul-content-list02 li b { margin-right: 0.8rem; padding-bottom: 0.1rem; border-bottom: solid 2px #ff0000; color: #ff0000; font-size: 1.2rem; font-weight: 700; } 
.seoul-content-list02 li span { font-size: 1.2rem; } 
.seoul-food-poster { width: 45%; } 
 
/* subpage 문의 및 안내 */
.seoul-qna { line-height: 70px; font-size: 1.1rem; } 
/* subpage 참가절차 */
.par-img-btn { margin-top: 20px; } 
/* subpage 전시회 추진 일정*/
.seoul-stepbox { display: flex; flex-wrap: wrap; justify-content: space-around; gap: 1%;} 
.seoul-stepbox > div { position: relative; width: 300px; height: 300px; margin-bottom: 15px; text-align: center; text-shadow: 1px 2px 2px #444; color: #fff; background: #dd0000; border-radius: 10px; box-shadow: 0 0 5px 2px #ccc; } 
.seoul-stepbox > div > b { font-size: 1.6rem; } 
.seoul-stepbox > div > div { display: flex; flex-direction: column; justify-content: center; position: absolute; left: 0; bottom: 0; width: 100%; height: 88%; padding: 15px; color: #000; font-size: 1.1rem; text-shadow: none; background: #fff8f6; border-radius: 10px; } 
.seoul-stepbox > div > div > b { display: inline-block; margin: 5px 0; } 
/* 지정용역 업체리스트 */
.kintex-service { display: block; width: 20rem; margin: 30px auto; } 
/* subpage 참가안내_참가절차 */
.seoul-manual-img { max-width: 780px !important; width: 100%; } 
/* subpage 참가안내_부스 및 참가비 */
.seoulfood_booth { display: flex; flex-wrap: wrap; }
.seoulfood_booth li { display: flex; align-items: center;  width: 100%; border: 1px solid #eee; }
.seoulfood_booth li.half { width: 50% }
.seoulfood_booth li img { width: 100%; }
/* subpage 참관객 온라인 사전등록 */
.seoul-online-wrap { line-height: 30px; } 
.seoul-online-title { margin-bottom: 50px; } 
.seoul-online-title > h2 { width: 220px; height: 50px; border-radius: 10px; line-height: 50px; text-align: center; color: #fff; background: #dd0000; margin-bottom: 30px; } 
.seoul-online-wrap > div:first-child > ul:nth-child(2) { margin-left: 20px; } 
.seoul-online-title > ul:nth-child(3) { list-style: none; } 
.seoul-online-title > ul:nth-child(3) > li > ul { padding: 15px 20px 15px 20px; list-style: none; border: 1px solid #ccc; } 
.seoul-online-title > ul:nth-child(3) > li:nth-child(2) { color: #ff0000; margin-left: 20px; } 
.seoul-online-title02 { padding: 20px; border: 1px solid #ccc; margin-bottom: 50px; } 
.seoul-online-title02 > ul > li:nth-child(1) ~ li { list-style: none; } 
.seoul-online-title02 > ul > li:nth-child(1) ~ li::before { content: "※ "; } 
.seoul-online-title03 { margin-bottom: 50px; } 
.seoul-online-title03 > h2::before { content: ''; position: absolute; top: calc(50% - 0.7rem); left: 0; width: 0.3rem; height: 1.4rem; font-size: 1rem; background: #d93131; } 
.seoul-online-title03 > h2 { padding-left: 15px; margin-bottom: 30px; } 
.seoul-online-title03 > p > b:first-child { color: #ff0000; } 
.seoul-online-title03 > p:nth-child(2) { margin-bottom: 30px; } 
/* subpage(영문) Visitor Guide : 국문은 이미지파일, 영문만 코딩으로 되어있음 */
.seoul-visitor-guide { display: flex; flex-direction: column; justify-content: center; max-width: 430px; width: 100%; height: 300px; font-size: 1.1rem; background: #ffeeee; } 
.seoul-visitor-guide > h3 { width: 100%; margin: 0 auto; padding: 5px; text-align: center; color: #fff; background: #f77b2d; } 
.seoul-visitor-guide > ul { display: flex; flex-flow: wrap row; justify-content: space-between; padding: 0; } 
.seoul-visitor-guide > ul > li { margin: 5px 0 5px 0; margin-left: 20px; padding: 5px; font-weight: bold; } 
.seoul-visitor-guide > ul > li:nth-child(even) { width: 70%; } 
.seoul-visitor-guide > ul > li:nth-child(n+1):nth-child(-n+2) { color: #86B404; } 
.seoul-visitor-guide > ul > li:nth-child(n+3):nth-child(-n+4) { color: #ffaa00; } 
.seoul-visitor-guide > ul > li:nth-child(n+5):nth-child(-n+6) { color: #FE2E2E; } 
/* subpage(영문) Exhibition Vision */
.seoul-vision { max-width: 587px; width: 100%; margin: 0 auto; } 
.seoul-vision > h1 { color: #86B404; margin: 2rem 0 2rem 0; } 
.seoul-vision > ul { padding: 0; } 
.seoul-vision > ul > li { display: flex; margin-bottom: 1rem; } 
.seoul-vision > ul > li > h3 { width: 30px; height: 30px; line-height: 30px; text-align: center; margin: 0 20px 0 0; border-radius: 20px; background: #ee0000; color: #fff; } 
.seoul-vision > ul > li > p { width: 100%; } 
.seoul-vision > ul > li > p > span { font-weight: bold; color: #ee0000; } 
/* subpage(영문) Overview */ 
.seoul-overview { display: flex; flex-direction: column; justify-content: center; max-width: 460px; width: 100%; height: auto; font-size: 1.1rem; background: #ffeeee; } 
.seoul-overview01 > h1 { margin: 1.3rem 0 0 1rem; color: #ee0000; font-weight: 900; } 
.seoul-overview01 > h1::before { content:'● '; } 
.seoul-overview01 > ul { list-style: disc; margin: 1rem 4rem 2rem 4rem; } 
.seoul-overview01 > ul > li > span { font-weight: 900; } 
.seoul-overview01 > ul > li > span:nth-child(2) { color: #ee0000; } 
.seoul-overview02 > h3 { width: 100%; margin: 0 auto; padding: 5px; text-align: center; color: #fff; background: #f77b2d; } 
.seoul-overview02 > ul { display: flex; flex-flow: wrap row; justify-content: space-between; padding: 0; } 
.seoul-overview02 > ul > li { margin: 5px 0 5px 0; margin-left: 20px; padding: 5px; font-weight: bold; } 
.seoul-overview02 > ul > li:nth-child(even) { width: 70%; } 
.seoul-overview02 > ul > li:nth-child(n+1):nth-child(-n+2) { color: #86B404; } 
.seoul-overview02 > ul > li:nth-child(n+3):nth-child(-n+4) { color: #ffaa00; } 
.seoul-overview02 > ul > li:nth-child(n+5):nth-child(-n+6) { color: #FE2E2E; } 
/* */
.vision-title { font-size:1.66rem; font-weight:900; } 
.vision-title span { padding:0.5rem; border-radius: 0.5rem; background:#d93131; color:#fff; } 

/* online list 온라인리스트 */
.online-list-wrap .fa-solid.fa-star { color: #f00000; }
.online-list-wrap .fa-regular.fa-star { color: #aeaeae; }
.online-list-wrap .fa-magnifying-glass { margin-left: 0.3rem; }
.online-list-wrap .fa-rotate-right { color: #fff; font-size: 1.1rem; }
.online-list-wrap .dropbox-wrap { display: flex; gap: 2%; margin-bottom: 1.2rem;}
.online-list-wrap .dropbox-wrap .dropbox { width: 32%; background: #f7f7f7; }
.online-list-wrap .dropbox-wrap .dropbox select { width: 100%; padding: 0.8rem 1rem; border: 1px solid #d2d2d2; border-radius: 5px; background: url('image/arrow.png') no-repeat 95% 50%; /* 화살표 위치 */ background-size: 13px;/* 화살표 크기 */ appearance: none; outline: none; }
.online-list-wrap .searchbox-wrap { display: flex; justify-content: space-between; gap: 2%; margin-bottom: 2rem; }
.online-list-wrap .searchbox-wrap div { display: flex; width: 72%; }
.online-list-wrap .searchbox-wrap div .searchbox-text { width: 80%; }
.online-list-wrap .searchbox-wrap .searchbox-text input[type=text],
.online-list-wrap .searchbox-wrap .searchbox-text input[type=password] { width: 100%; height: 2rem; padding: 1.3rem 1rem; border: 2px solid #f00000; border-radius: 5px 0 0 5px; }
.online-list-wrap .searchbox-wrap .searchbox-button { width: 20%; }
.online-list-wrap .searchbox-wrap .searchbox-button .btn_search { display: flex; justify-content: center; align-items: center; width: 100%; height: 2rem; padding: 1.3rem 1rem; color: #fff; border-radius: 0 5px 5px 0; border: 2px solid #f00000; background: #f00000; }
.online-list-wrap .searchbox-wrap .searchbox-button .btn_search span { margin-left: 0.3rem; font-weight: 700; font-size: 1.05rem; word-break: keep-all; }
.online-list-wrap .searchbox-wrap .searchbox-refresh { display: flex; justify-content: center; align-items: center; max-width: 43px; width: 100%; max-height: 43px; background: #868686; border-radius: 5px; border: none; }
.online-list-wrap .searchbox-wrap .searchbox-mark { display: flex; align-items: center; justify-content: space-between; flex-basis: 180px; flex-shrink:1; width: 19%; }
.online-list-wrap .company-wrap { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 2.5%; }
.online-list-wrap .company-wrap li { width: 23%; height: 260px; border: 1px solid #ccc; margin-bottom: 1.6rem; }
.online-list-wrap .company-wrap li div:first-child { display: flex; align-items: center; justify-content: center; padding: 0.5rem; height: 70%; }
.online-list-wrap img { max-width: 170px !important; width: 100%; max-height: 150px !important; height: 100%; object-fit: contain; }
.online-list-wrap .company-wrap li div:last-child { display: flex; justify-content: space-between; align-items: baseline; height: 30%; padding: 1rem; border-top: 1px solid #ccc; background: #f7f7f7; }
.online-list-wrap .company-wrap li div:last-child b { overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-weight: 800; }

.online-list-wrap .online-list-pagetab { display: flex; flex-direction: column; }
.online-list-wrap .online-list-pagetab .pagetab { display: flex; justify-content: center; align-items: center; margin: 1rem 0; }
.online-list-wrap .online-list-pagetab .pagetab li { padding: 0 5px; }
.online-list-wrap .online-list-pagetab .pagetab li a:hover { color: #f00000; font-weight: normal; }
.online-list-wrap .online-list-pagetab .pagetab li a.on { color: #f00000; font-weight: 900; }
.online-list-wrap .online-list-pagetab .company-wrap li div button { border: none; background: transparent; }
.online-list-wrap .online-list-pagetab .company-wrap li div button.on i { color: #f00000; font-weight: 700; }

.online-list-wrap .page.ta_center { display: flex; justify-content: center; align-items: center; }
.online-list-wrap .page.ta_center a { cursor: pointer; font-size: unset; }
.online-list-wrap .page.ta_center a:first-child,
.online-list-wrap .page.ta_center a:nth-child(2),
.online-list-wrap .page.ta_center a:nth-last-child(2),
.online-list-wrap .page.ta_center a:last-child { width: 25px; height: 25px; margin: 0 3px; border-radius: 100px; background-color: #eee;}
.online-list-wrap .page.ta_center a:first-child img,
.online-list-wrap .page.ta_center a:nth-child(2) img,
.online-list-wrap .page.ta_center a:nth-last-child(2) img, 
.online-list-wrap .page.ta_center a:last-child img { width: 10px; border-radius: 20px; }
.online-list-wrap .page.ta_center b { cursor: pointer; border: none; color: #f00000; font-size: unset; font-weight: bold; transform: skew(1deg); }

/* online detail 온라인디테일 */
.online-detail-wrap .fa-solid.fa-star { color: #f00000; font-size: 1.5rem;}
.online-detail-wrap .title-wrap { display: flex; align-items: center; gap: 2%; margin-bottom: 2rem; height: 150px; }
.online-detail-wrap .title-wrap .title-logo { display: flex; justify-content: center; align-items: center; width: 25%; min-width: 150px; height: 100%; padding: 0.5rem; border: 1px solid #ccc; }
.online-detail-wrap .title-wrap .title-logo img { max-height: 140px;}
.online-detail-wrap .title-wrap .title-name { display: flex; flex-direction: column-reverse; justify-content: space-around; width: 73%; height: 100%; }
.online-detail-wrap .title-wrap .title-name span { padding: 3px 10px; color: #fff; font-size: 0.9rem; background: #f00000; border-radius: 1rem; }
.online-detail-wrap .title-wrap button { border: none; background: transparent; text-align: right; }
.online-detail-wrap .title-wrap button i { color: #aaa; font-size: 1.5rem; }
.online-detail-wrap .title-wrap button.on i { color: #f00000; font-weight: 700; }
.online-detail-wrap .info-wrap { display: flex; flex-wrap: wrap; margin-bottom: 2rem; padding: 1rem; border: 1px solid #ccc; }
.online-detail-wrap .info-wrap li { width: 33.333%; padding: 1rem; }
.online-detail-wrap .info-wrap li span { display: flex; width: 20%; margin-bottom: 0.5rem; padding: 0.5rem 0; font-size: 0.9rem; border-top: 1px solid #ccc; word-break: keep-all;}
.online-detail-wrap .img-wrap { display: flex; gap: 2%; flex-wrap: wrap; }
.online-detail-wrap .img-wrap li { width: 23.5%; height: 261px; margin-bottom: 1.6rem; border: 1px solid #ccc; }
.online-detail-wrap .img-wrap li .popup { display: contents; }
.online-detail-wrap .img-wrap li .popup div { display: flex; justify-content: center; align-items: center; height: 75%; padding: 0.5rem;}
.online-detail-wrap .img-wrap li .popup p { height: 25%; padding: 1rem; text-align: left; background: #f7f7f7; }
.online-detail-wrap .img-wrap img { max-width: 170px !important; max-height: 170px !important; object-fit: contain; width: 100%; }
.online-detail-wrap .pop_bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); }
.online-detail-wrap .pop { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 350px; width: 100%; min-height: 500px; background: #fff; border-radius: 10px; box-shadow: 0 0 10px 3px rgba(0,0,0,0.2);}
.online-detail-wrap .pop li:first-child { display: flex; align-items: center; justify-content: center; position: relative; height: 350px; padding: 1.5rem; border-radius: 10px 10px 0 0; }
.online-detail-wrap .pop li:first-child .close { position: absolute; top: 5%; right: 5%; border: none; background: transparent; }
.online-detail-wrap .pop li:first-child .close i { font-size: 1.5rem; color: #aaa; }
.online-detail-wrap .pop li:first-child div { width: 70%; height: 70%; display: flex; align-items: center; justify-content: center; }
.online-detail-wrap .pop li:first-child div img { width: 100%; }
.online-detail-wrap .pop li:last-child { overflow: auto; height: 150px; padding: 1.5rem; background: #f7f7f7; border-radius: 0 0 10px 10px; }
.online-detail-wrap .pop li:last-child b { font-size: 1.1rem; font-weight: 900; }

/* 비즈니스 바이어 프로그램 > 해외 바이어 수출 상담회 / 국내 유통 바이어 상담회*/
.buyer-counseling { font-size: 1.2rem; }
.buyer-counseling * { word-break: keep-all; }
.buyer-counseling h2 { display: inline-block; border-bottom: 5px double #d93131; font-weight: 900; }
.buyer-counseling p { margin-top: 3rem; padding: 1rem; font-size: 1.4rem; font-weight: 600; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; }
.buyer-counseling ul.seoul-content-list02 { width: auto; margin-top: 3rem; padding: 0; background: #fff; }
.buyer-counseling .img-area { display: flex; justify-content: space-between; margin-top: 1rem; }
.buyer-counseling .img-area div { width: 48%; border: 1px solid #ccc; }
.buyer-counseling .img-area div img { width: 100%; }

/* 부스배치도 돋보기 클래스 */
.target_wrap {
    position: relative;
}
.magnifier {
    display: none;
    position: absolute;
    width: 25rem;
    height: 25rem;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.85), 0 0 3px 3px rgba(0, 0, 0, 0.25);
            box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.85), 0 0 3px 3px rgba(0, 0, 0, 0.25);
    z-index: 999;
}


@media only screen and (max-width:1071px) { html { font-size:14px; } 
 /*header*/
 #wrap { background:none; } 
 #header_wrap { width:100%; min-width:320px; z-index:99; border-bottom:0; box-shadow:none; } 
 #header { width:100%; height:6rem; min-width:320px; padding-top:0; } 
 #header #logo { top:50%; left:50%; z-index:1; transform:translate(-50%, -50%); } 
 #logo img { max-height:3rem } 
 #app-menu-button { display:block } 
 #gnb_wrap { position:fixed; top:0; bottom:0; width:100%; min-width:320px; height:auto; margin: 0; padding: 0; background-color:#fff; overflow: hidden; z-index: 13; transition: left 0.6s, width 0.6s; } 
 .m_selected { overflow:hidden; } 
 .m_selected #gnb_wrap { left:0; } 
 #header #gnb { position:absolute; top:90px; left:0; bottom:0; right:0; margin:0; overflow:auto; z-index:14; width:100%; } 
 #header #gnb > li { border-top:1px solid #d4d4d4; background-color:#f4f4f4; position:relative; float:none; display:block; height:initial; height:auto; } 
 #header #gnb > li:hover a { background:transparent; } 
 #header #gnb > li > a { display:block; height:auto; padding:15px 30px; text-align:left; color:#333; line-height:normal; } 
 #header #gnb > li > a:active { background-color:#02659e; color:#fff; } 
 #header #gnb > li.active > a { background:#02659e; color:#ffffff; } 
 #header #gnb > li.selected > a { background:#02659e; color:#ffffff; } 
 #gnb>li .gnb_sub { background-color:#fff; } 
 #header #gnb > li .gnb_sub_wrap { position:relative; left:0; top:0; display:block; height:0; overflow:hidden; } 
 #header #gnb > li.active .gnb_sub_wrap,
 #header #gnb > li.selected .gnb_sub_wrap { display:block; height:auto; height:initial; position:relative; } 
 #header #gnb>li .gnb_sub { border-bottom:0; } 
 #header #gnb > li .gnb_sub,
 #header #gnb > li:hover .gnb_sub { display:block; left:0; width:auto; width:initial; position:relative; margin:0; } 
 #header #gnb > li .gnb_sub .nav-bullet { display:none; } 
 #header #gnb > li .gnb_sub li + li { /*border-top:1px solid #323232; */ } 
 #header #gnb > li .gnb_sub li a { text-align:left; padding:17px 30px; height:auto; height:initial; line-height:20px; color:#4d4d4d; font-size:14px; } 
 #header #gnb > li .gnb_sub li { height:auto; padding:0; border-top:1px solid #e7e7e7; border-bottom:0; line-height:15px; } 
 #header #gnb > li .gnb_sub li.selected a,
 #header #gnb > li .gnb_sub li:active a { color:#0f0f0f; } 
 #header .brochure_down { top:115px; } 
 #topMenu { position:absolute; top:86px; left:-110%; min-width:320px; width:100%; height:40px; padding:0; background:#fff; z-index:99; font-size:14px; text-align:center; will-change:left; transition: left 0.6s; } 
 .m_selected #topMenu { left:auto; } 
 .tnb_lang .lang i { color:#d93131; font-size:13px; } 
 #topMenu>ul>li>a { border-right:0; color:#a4c9e5; font-weight:bold; } 
 #topMenu>ul { padding:8px 0; text-align:right; } 
 #topMenu>ul li { display:inline-block; float:none; height:auto; height:initial; padding:4px; } 
 .top_menu_lang { top:40px; right:130px; margin-right:0; } 
 .m_selected.m2_collapsed #mypage_menu { left:-110%; } 
 #gnb_wrap { left: -110%; width:50%; 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); } 
 #header #gnb>li .gnb_sub { padding:0; } 
 #header .top_menu_lang { display:none; } 
 #header #topMenu>ul { right:0; margin-right:0; } 
 #header #topMenu>ul li>a { color:#4d4d4d; } 
 #topMenu { font-size:14px; } 
 #topMenu ul { float:none; } 
 .snsArea { margin-right:0; right:10px; } 
 #header #topMenu { top:35px; right:20px; border-bottom:0; } 
 #header #topMenu a:hover { color:#a4c9e5; } 
 #topMenu li.tnb_userinfo > span { display:none; } 
 #sidebar { display:none; } 
 #content.sub_content { float:none; width:auto; padding:0 15px 25px; } 
 #con_container { padding:0; margin-left: 0; } 
 #container { width:auto; margin:0; padding:0; border:0; } 
 #content { width:auto; } 
 .main_content #main_visual { height:0; padding-top:39.17%; border:0; } 
 .main_content #main_visualBox { top:0; } 
 #main_con_wrap { margin-bottom:30px; padding:0 10px; } 
 .main_page .rightBN { display:none; } 
 .footer { background-color:#f0f0f0; } 
 .footer>div { width:auto; text-align:center; } 
 .footer>div>p { float:none; } 
 .footer>div address { margin:15px 0 0; } 
 .footer>div address span { display:inline-block; } 


#gnb_wrap { display:none } 
.mobile-menu { display:block; } 
#app-menu-button, .mobile-menu-toggle { position:absolute; top:2rem; left:1rem; box-sizing:border-box; width:2rem; height:2rem; text-align:center; z-index:999; color:#000 } 
#app-menu-button i { font-size:2rem; line-height:2rem; } 
.mobile-menu-toggle i { font-size:2rem; color:#000; line-height:30px; } 
.mobile-menu-opened #app-menu-button { display:none } 

.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:13; 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; } 
#header:hover { background:none } 

.mobile-menu-opened #topMenu { display:none } 
.mobile-menu .topMenu { position:absolute; top:1.5rem; right:1rem; } 
.mobile-menu .topMenu ul { display: flex; flex-direction: column; align-items: flex-end; } 
 .mobile-menu .topMenu ul .tnb_sign { display: none; } 
 .mobile-menu .topMenu ul .tnb_sitemap { display: none; } 
.mobile-menu .tnb_lang { display:inline-block; vertical-align:middle; } 
.mobile-menu .gnb { padding-top:9rem; } 
.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:#d93131; } 
.mobile-menu .gnb > li > a { display:block; height:auto; padding:1.5rem 2rem; text-align:left; color:#333; line-height:normal; } 
.mobile-menu .gnb > li > a:active { background-color:#d93131; color:#fff; } 
.mobile-menu .gnb > li.active > a { background:#d93131; color:#ffffff; } 
.mobile-menu .gnb > li.selected > a { background:#d93131; 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:#694425; } 

 .stepTitle { display:none; } 
 #content.sub_content .com_subtitle, #ex_application .com_subtitle { padding-left: 0; } 
 #content.sub_content .com_subtitle { flex-direction: column; align-items: flex-start; } 
 /* main */
 .hsection { display: none; } 

 .visualArea { margin-top: 0; } 
 .visualArea .visualBox .mainVisualTextImg { width: 80%; max-width: 777px; } 
 .mainSubInfo { padding: 0 1rem; } 
 .mainQuick { width: 100%; padding: 0 1rem; } 
 .mainQuick a { width: 100%; } 
 .mainQuick a img { width: 100%; } 
 .slick-dots { bottom: 0% !important; } 

 /* sub */
 #content { margin-left: 0; } 
 .sub_visual { margin-top: 0; } 
 .snsTop { display: none; } 
 .topMenu .snsTop { display: flex; position: relative; top: auto; left: auto; transform: translate(0px, 0px); margin-top: 0.5rem; } 
 .snsTop a:last-child { margin-right: 0; } 

 /* online 온라인*/
 .online-list-wrap { margin-top: 30px; }
 .online-detail-wrap { margin-top: 30px; }
}

@media only screen and (max-width:960px) {


 } 

@media only screen and (max-width:880px){
 .categoryList a { width:auto; padding:1rem 1.5rem; margin:0.33rem; } 
 .filterType01 .searchZone input { width:35% } 
 .filterType01 .searchZone .searchBtn { width:16% } 
 .prodList li,
 .compList li { width:32% } 
 .prodList li:nth-child(4n+1),
 .compList li:nth-child(4n+1) { margin-left:2% } 
 .prodList li:nth-child(3n+1),
 .compList li:nth-child(3n+1) { margin-left:0% } 

 .onDataTop { padding:1.5rem 0 } 
 .onDataTopWrap { display:block; } 
 .onDataTopWrap .onDataCompName h2 { font-size:1.8rem; } 
 .onDataTopWrap .onDataLink { } 
 .onDataTopWrap .onDataLink a { min-width:auto; } 
 .onDataCtsLeft,
 .onDataCtsRight,
 .onDataCtsMedia,
 .onDataCtsInfo { float:none; width:100%; padding:0; } 
 .onDataList { margin-top:2rem } 
 .table-outer { overflow-x: scroll; }

 /* online list 온라인리스트 */

 .online-list-wrap .searchbox-wrap .searchbox-mark { flex-basis: 165px; }
 .online-list-wrap .searchbox-wrap div .searchbox-text { width: 70%; }
 .online-list-wrap .searchbox-wrap div .searchbox-button { width: 30%; }
}
@media only screen and (max-width:760px) { 
    html { font-size:13px; } 

 .mainSubQuickBox { flex-wrap: wrap; } 
 .mainSubQuickBox a { width: 49%; margin-right: 2%; margin-bottom: 2%; } 
 .mainSubQuickBox a:nth-child(2n) { margin-right: 0; } 
 .mainContents { flex-direction: column; } 
 .mainVideoOuter { width: 100%; padding-top: 56.25%; margin-bottom: 1rem; } 
 .videoOuter { width: 100%; padding-top: 56.25%; margin-bottom: 1rem; } 
 .mainContentsRight { width: 100%; } 
 .mainContentsRight a .txt-img { width: 37.1052vw; } 
 .mainSubscription input { width: 70%; } 
 .mainSubscription .mainSubscriptionBtn { width: 25%; padding: 1rem 0.5rem; } 
 .mainBoard { flex-direction: column; } 
 .mainBoard .boardArea { width: 100%; margin-bottom: 1.33rem; } 
 .mainLine { flex-direction: column; align-items: center; } 
 .mainLineText { flex-direction: column; align-items: center; padding: 0rem; } 
 .mainLineText~.mainLineText { padding-top: 1rem; } 
 .mainLineText b { padding: 0; } 
 .contents ul.tabs { flex-wrap: wrap; height: auto; } 
 .contents ul.tabs li { width: 49%; margin-right: 1%; margin-bottom: 1%; } 
 .contents ul.tabs li:nth-child(2n) { margin-right: 0; } 

 .tab_lst { flex-wrap: wrap; height: auto; } 
 .tab_lst li { width: 33.33%; height: 2rem; } 
 .tab_lst li a { border: solid 1px #ddd; border-bottom: solid 1px #000; } 

 .infoList > li { flex-direction: column; margin-top: 1rem; align-items: flex-start } 
 /* .infoList > li img { max-width: 6rem !important; } */
 .infoList > li b { width: 100%; } 
 .infoList > li span { width: auto } 
 .infoListFlex .infoListItem { flex-direction: column; } 
 .infoListFlex .infoListItem:nth-child(3) { margin-bottom: 0; } 
 .infoListFlex .infoListItem:nth-child(4) { margin-bottom: 0; } 
 .infoListFlex .infoListItem img { height: 4rem; margin-right: 0; } 
 .galleryOuter { flex-direction: column } 
 .galleryBig { width: 100%; } 
 .imgList.item3 { width: 100%; margin-top: 1rem; } 
 /* #con_container .comming-img { margin: 2rem; } */

 .footer .footerInfoOuter { flex-direction: column; align-items: flex-start; } 
 .footer .footerInfoOuter img { width: 5.5rem; } 
 .footer .footerInfoOuter .footerInfo { margin-top: 2rem; margin-left: 0; text-align: left; } 

 .participation-list { flex-direction: column; align-items: center; } 
 .participation-list .participation-item { max-width: 100%; margin-bottom: 1rem; } 
 /* online 온라인 */
 .online-list-wrap .company-wrap li { width: 31.5%; }
 .online-detail-wrap .img-wrap li { width: 31.5%; }
 .online-detail-wrap .pop { max-width: 250px; min-height: 350px; }
 .online-detail-wrap .pop li:first-child { height: 250px; }
 .online-detail-wrap .pop li:last-child { height: 100px; }

 .magnifier { display: none !important; }
 }

@media only screen and (max-width:660px) { 

 table.infoTbl th, table.infoTbl td { padding:1rem 0.33rem } 

/* main */
#main_Lcon { float:none; width:auto; } 
 #main_Rcon .quickArea { float:none; width:auto; margin-right:0; margin-bottom:15px; } 

/* sub */
#content.sub_content { font-size:12px; } 

 .categoryList a { padding:0.66rem 1rem; } 
 .filterType01 .searchZone input { width:50% } 
 .filterType01 .searchZone .searchBtn { width:25% } 

 .categoryArea > * { font-size:1rem; } 
 .filterType02 .searchBtn,
 .ui_input { font-size:1rem; } 

 .compList li,
 .prodList li { width:49% } 
 .compList li:nth-child(3n+1),
 .prodList li:nth-child(3n+1) { margin-left:2% } 
 .compList li:nth-child(2n+1),
 .prodList li:nth-child(2n+1) { margin-left:0% } 

 .onDataTopWrap .onDataLink a { height:2.5rem; padding:0 0.66rem; margin:0.1rem; font-size:1rem; letter-spacing:-0.5px; } 
 .onDataTopWrap .onDataLink a i { display:none; } 

 .onDataContWrap { padding-right:2.33rem; } 
 .onDataContList > li > b { display:block; position:static; margin-bottom:0.33rem; } 
 .onDataContList > li > div { padding-left:0 } 
 .onDataContBtn a { padding:0.66rem } 

 /* .online-detail-wrap .title-wrap .title-logo { width: 35%; } */
 }
@media only screen and (max-width:520px) {
    .online-list-wrap .searchbox-wrap { flex-wrap: wrap; }
    .online-list-wrap .searchbox-wrap div { display: flex; width: 80%; }
    .online-list-wrap .searchbox-wrap .searchbox-mark { margin-top: 1rem; }
    .online-detail-wrap .info-wrap li { width: 50%; }
}
@media only screen and (max-width:480px){
 .mainQuick { flex-wrap: wrap; justify-content: center; } 
 .mainQuick a { width: 30%; margin-bottom: 1rem; } 
 .mainQuick a:nth-child(3) { margin-right: 0; } 
 .mainQuick a img { width: 100%; } 

 .corp-item .corp_name .en, .corp-item .corp_name.en-empty .ko { font-size:1rem; } 
 .corp-item .list-top { float:none; width:auto; margin-bottom:0.5rem; clear:both; text-align:left; } 
 .list-top .participant_type { display:inline-block; margin-right:3%; vertical-align:middle; } 
 .list-top .booth { display:inline-block; vertical-align:middle; } 
 .corp-item .list-content { width:60%; margin-left:0; } 
 .corp-item .list-buttons { width:30%; } 
 .corp-item .mt-sts { width:29%; } 
 .tab_lst li a { font-size: 0.8rem; } 
 /* online 온라인 */
 .online-list-wrap .company-wrap li { width: 48.5%; }
 .online-detail-wrap .img-wrap li { width: 48.5%; }
 .online-detail-wrap .title-wrap { height: 110px; }
 .online-detail-wrap .title-wrap .title-logo { min-width: 130px; }
}



/* !!!!!!!!! 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; } 

 div.history ul { margin-top:20px; } 
 div.history strong { float:none; margin-right:0; } 
 .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] */

.help-signup { display:none; }