@charset "utf-8";
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
div, li, span, a, th, td ,body, h1, h2, h3, h4, h5, h6 {font-family:'NanumSquare', sans-serif;}
body {min-width:320px; font-family: 'NanumSquare', sans-serif;}
input[type='password'] { font-family:ARIAL, sans-serif; }


/* default */
.taC {text-align:center;}
.taL {text-align:left;}
.taR {text-align:right;}
.mt5 {margin-top:0.33rem;}
.mt10 {margin-top:0.67rem;}
.mt15 {margin-top:1rem;}
.mt20 {margin-top:1.33rem;}
.mt30 {margin-top:2rem;}
.mt40 {margin-top:2.67rem;}
.mt50 {margin-top:3.33rem;}
.mt60 {margin-top:4rem;}
.mt70 {margin-top:4.67rem;}
.mt80 {margin-top:5.33rem;}
.mb20 {margin-bottom:1.33rem;}
.mb100 {margin-bottom:6.67rem;}
.pT10 {padding-top:0.67rem;}
.pT20 {padding-top:1.33rem;}
.pB10 {padding-bottom:0.67rem;}
.pB20 {padding-bottom:1.33rem;}
.fL {float:left;}
.fR {float:right;}
.dBlock {display:block;}

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

/* mobile UI */
#app-menu-button { display:none; position:absolute; top:15px; left:15px; box-sizing:border-box; width:30px; height:30px; text-align:center; z-index:999;}
#app-menu-button i { font-size:30px; color:#fff; line-height:30px; }

/* button */
a.btn1 { padding:0.8rem 1.6rem; line-height:1.5; font-weight:normal; font-size:1rem; background-color:#14586e; transform:skew(0.1deg);}
a.btn1:hover, a.btn1.selected { background-image:none; background-color:#0a2b36;}
a.btn1.common { font-weight:normal; }

/* css */
html {font-size:15px;}
.bgM {background-color:#00b1a9;}
.bgM2 {background-color:#6F50B3}
.fC {color:#3595d1;}
#con_container img {max-width:100%;}
.han {font-family:'돋움', sans-serif;}

/* tab style */
.tabList {position:relative; z-index:1; width:100%; margin-bottom:3.333rem; text-align:center; font-size:0;}
.tabList:after {content:''; display:block; clear:both;}
.tabList li {display:inline-block; width:15%; margin-left:0.5%;}
.tabList li:first-child {margin-left:0;}
.tabList li a {position:relative; display:block; max-height:4.6rem; padding:1rem 0.3rem; box-sizing:border-box; font-size:1.2rem; font-weight:600; color:#fff; text-align:center; background-color:#00b1a9; cursor:pointer;}
.tabList li a.twoLine {padding:1.6rem 0.3rem;}
.tabList li a span {display:block; font-size:1rem;}
.tabList li:first-child a {margin:0;}
.tabList li.on a {color:#fff; background-color:#14586e;}
.tabList li a span {display:block;}
.tabList.item4 li {width:24.25%; margin:0 0 0.7rem 1%;} /* full로 사용할때 4개 */
.tabList.item4 li:nth-child(4n+1) {margin-left:0;}
.tabList.item5 li {width:19%; margin:0 0 0.7rem 1.25%;} /* full로 사용할때 5개 */
.tabList.item5 li:nth-child(5n+1) {margin-left:0;}

.bbs_category > li {margin-right:5px;}
.bbs_category > li a {padding:0.6rem 1rem; border:1px solid #14586e; border-radius:3px; color:#14586e; transform:skew(0.1deg);}
.bbs_category > li.selected a {color:#fff; background-color:#14586e;}


/* title */
.title01 {position:relative; display:block; padding-left:2rem; font-size:1.35rem; font-weight:600; color:#1a1a1a;}
.title01:before,
.title01:after {position:absolute; left:0; top:50%; color:#00b1a9; transform:translateY(-50%); text-align:center; font-family:"Font Awesome 5 Duotone", sans-serif;}
.title01::before {content: "\f111";}
.title01::after {content: "\10f111"; opacity:.4;}

.title02 {position:relative; display:block; font-size:1.4rem; font-weight:700; color:#1a1a1a;}

/* button */
.btnArea {overflow:hidden;}
.btns .btn {margin:0.2rem;}
.btn {display:inline-block;}
.btn.small {padding:0.6rem 2rem; font-size:1rem; color:#fff; text-align:center; transform:skew(0.1deg);}
.btn.normal {padding:1rem 2.2rem; font-size:1.0667rem; color:#fff; transform:skew(0.1deg);}
.btn.wide {padding:1rem 4rem; font-size:1.6rem; color:#fff; transform:skew(0.1deg);}
.btn.regi {width:6rem; padding:0.6rem 0; box-sizing:border-box; font-size:1rem; color:#fff; text-align:center; transform:skew(0.1deg);}
.btn.go {background:url('/home/2017/pis/image/btn_go.png') no-repeat 88% center;}
.btn.download {background:url('/home/2017/pis/image/btn_download.png') no-repeat 88% center;}
.btn.baseColor {background-color:#14586e;}
.btn.subColor1 {background-color:#4d5357;}
.btn.subColor2 {background-color:#9f9fa0;}
.btn.purple {background-color:#844082;}
.btn.blue {background-color:#0060b0;}
.btn.red {background-color:#a23f30;}
.btn.green {background-color:#126900;}
.btn.black {background-color:#353535;}
.btn.white {background-color:#fff;}
.btn.gray {background-color:#4e4e4e;}
.downReport {display:inline-block; padding:0.2rem 0.4rem; border-radius:3px; font-size:0.8rem; color:#fff; vertical-align:middle; background-color:#009089;}
.downReport i {display:inline-block; margin-left:0.2rem; vertical-align:baseline;}

/* txt */
.normalTxt {overflow:hidden; font-size:1rem; font-weight:400; color:#3a3a3a; line-height:1.5; word-break:keep-all; word-wrap:break-word; transform:skew(0.1deg);}
.empTxt {overflow:hidden; font-size:1.13rem; color:#3a3a3a; line-height:1.4; letter-spacing:-0.04em; word-break:keep-all; word-wrap:break-word; transform:skew(0.1deg);}
.ref {overflow:hidden; font-size:1rem; color:#185b48; line-height:1.5; word-break:keep-all; word-wrap:break-word; transform:skew(0.1deg);}
.grayBox {padding:2rem; line-height:1.4; background-color:#f2f2f2; word-break:keep-all; word-wrap:break-word; transform:skew(0.1deg);}
.dotList {overflow:hidden;}
.dotList > li, .dotTxt {position:relative; margin-top:6px; padding-left:1rem; font-size:1rem; color:#3a3a3a; font-weight:400; line-height:1.4; word-break:keep-all; word-wrap:break-word; transform:skew(0.1deg);}
.dotList > li:first-child {margin-top:0;}
.dotList > li:before, .dotTxt:before {content:'\00b7'; font-weight:600; color:#606060; position:absolute; top:0; left:0;}
.dashList {overflow:hidden;}
.dashList > li, .dashTxt {position:relative; margin-top:6px; padding-left:1rem; font-size:1rem; color:#3a3a3a; font-weight:400; line-height:1.4; word-break:keep-all; word-wrap:break-word; transform:skew(0.1deg);}
.dashList > li:first-child {margin-top:0;}
.dashList > li:before, .dashTxt:before {content:'-'; font-weight:400; position:absolute; top:0; left:0;}
.normalList {overflow:hidden;}
.normalList > li {overflow:hidden; margin-top:6px; padding-left:1rem; text-indent:-1rem; font-size:1rem; color:#3a3a3a; font-weight:400; line-height:1.4; word-break:keep-all; word-wrap:break-word;}
.infoList {overflow:hidden;}
.infoList > li {overflow:hidden; margin-top:1rem; font-size:0; line-height:1.6; word-break:keep-all; word-wrap:break-word; transform:skew(0.1deg);}
.infoList > li:first-child {margin-top:0;}
.infoList > li > b {display:inline-block; width:15%; padding:0.5rem 0; border-radius:999px; font-size:1.1rem; font-weight:400; color:#fff; text-align:center; vertical-align:middle; background-color:#14586e;}
.infoList > li > b.longTit {width:auto; padding:0.5rem 1rem;}
.infoList > li > span {display:inline-block; width:85%; padding:0.5rem 0 0.5rem 2rem; box-sizing:border-box; font-size:1rem; color:#606060; vertical-align:middle;}
.infoList > li .infoRight {display:inline-block; width:85%; padding:0.5rem 0 0.5rem 2rem; box-sizing:border-box; font-size:1rem; color:#606060;}
.infoList > li .infoFull {display:block; font-size:1rem;}
.infoList > li a {display:inline-block; vertical-align:middle;}
.infoList > li .imgs {line-height:3;}
.infoList > li .imgs img {margin:0 0.5rem;}

.prList {overflow:hidden;}
.prList > li {position:relative; float:left; text-align:center;}
.prList > li:before {content:'\f105'; position:absolute; top:50%; right:0; transform:translate(0,-50%); font-size:3rem; color:#757575; font-family:FontAwesome, sans-serif;} 
.prList > li:last-child:before {display:none;}
.prList > li p {margin-top:1.1rem; font-size:1.1rem; line-height:1.4; transform:skew(0.1deg);}
.prList.item4 > li {width:25%;}

/* 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 #252525; border-bottom:1px solid #c5c5c5; font-size:1rem; font-weight:400; color:#5c5c5c; table-layout:fixed;}
table.infoTbl th.nobl, table.infoTbl td.nobl {border-left:0;}
table.infoTbl th.bdright, table.infoTbl td.bdright {border-right:1px solid #c5c5c5 !important;}
table.infoTbl tr {border-top:1px solid #c5c5c5;}
table.infoTbl tr th, table.infoTbl tr td {padding:1.133rem 1.567rem; border-right:1px solid #c5c5c5; line-height:1.5em; word-break:keep-all; word-wrap:break-word;}
table.infoTbl tr th:last-child, table.infoTbl tr td:last-child {border-right:0;}
table.infoTbl td input[type=text] {width:100%; height:2rem; border:1px solid #eee; text-indent:0.67rem;}
table.infoTbl thead th {font-weight:600; color:#0f0f0f; text-align:center; background-color:#f3f3f3;}
table.infoTbl tbody th {color:#0f0f0f; text-align:center;}
table.infoTbl.tbth tbody th {background-color:#f3f3f3;}
table.infoTbl th, table.infoTbl td {transform:skew(0.1deg);}
table.infoTbl .bdRight {border-right:1px solid #c5c5c5 !important;}
table.infoTbl .empcell {font-size:1.1rem; 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 .purple {background-color:#eedefb !important;}
table.infoTbl .green {background-color:#d1f1c3 !important;}
table.infoTbl .pink {background-color:#ffd1d1 !important;}

/* * layout * */
#wrap {position:relative; background-color:#fff; background-image:none;}
#header_wrap {width:100%; height:120px; background-color:#fff;}
#header {width:1200px; height:120px;}
#header h1 {position:absolute; top:40px; left:0px; z-index:1;}
#header .top_logo {display:block; position:absolute; height:29px; top:43px; right:50%; margin-right:-601px; z-index:9999; display:none;}
#gnb {position:absolute; top:70px; right:0; width:100%; text-align:right;}
#gnb > li {float:none; display:inline-block; padding:0 1.3rem; text-align:center;}
#gnb > li > a {display:block; padding:0 0 1.05rem; height:auto; font-size:1.467rem; font-weight:600; color:#000;}
#gnb > li:first-child > a:before {display:none;}
#gnb > li > a:hover {color:#00b1a9;}
#gnb > li > div {position:absolute; top:46px; left:50%; z-index:10; transform:translate(-50%,0); width:205px; text-align:center;}
#gnb > li:hover .gnb_sub {left:0;}
#gnb > li .gnb_sub {min-width:initial; margin-top:0px; padding:1rem 0; border-top:4px solid #00b1a9; border-bottom:0; background-color:#fff; background-image:none; text-align:center;}
#gnb > li .gnb_sub .nav-bullet {display:none;}
#gnb > li .gnb_sub li {padding:0;}
#gnb > li .gnb_sub li a {padding:0.5rem; font-size:1.1rem; font-weight:400; color:#000; transform:skew(0.1deg);}
#gnb > li .gnb_sub li a:hover {color:#00b1a9; text-decoration:none;}
/*#gnb > li .gnb_sub li a .frag-2 {display:block;}*/
.hdSnsArea {position:absolute; top:17px; right:0;}
.hdSnsArea > a {display:inline-block; margin:0 4px; vertical-align:middle;}
.main_page .webtoon {display:none; position:absolute; top:36rem; right:0.667rem; z-index:2;}
.main_page .webtoon a {display:block;}
.main_page .webtoon a ~ a {margin-top:0.6rem;}
#topMenu {position:absolute; top:17px; right:50%; margin-right:-350px; font-size:13px; transform:skew(0.1deg);}
#topMenu > ul > li > a {padding:0 10px; border-right:0; color:#000;}
/*#topMenu > ul > li.tnb_login a {border-right:1px solid #383838;}*/
/*#topMenu > ul > li.tnb_sign,*/ #topMenu > ul > li.tnb_lang, #topMenu > ul > li.tnb_sitemap {display:none;}
.visitCountArea {position:absolute; top:4.7rem; left:11rem; border:1px solid #14586e; border-radius:3px; font-size:1rem; color:#14586e; text-align:center;}
.visitCountArea * {display:inline-block; padding:0.3rem 0.8rem; box-sizing:border-box; vertical-align:middle; text-align:center; transform:skew(0.1deg);}
.visitCountArea strong {min-width:5.4667rem;}
.visitCountArea span {color:#fff; background-color:#14586e;}
.langBox {position:absolute; top:10px; right:125px; z-index:99; width:8rem; padding:8px 0 0; border:1px solid #fff; box-sizing:border-box; font-size:0.8667rem; color:#2c2c2c; cursor:pointer; background-color:#ebebeb; transform:skew(0.1deg);}
.langBox .langButton {display:block; padding:0 0 8px 1.4rem; box-sizing:border-box; font-weight:500; background:transparent url('/home/2017/pis/image/ico_select_arrow.png') no-repeat 90% 33%;}
.langBox .langList {overflow:hidden; padding:1rem 0; color:#282828; background-color:#fff;}
.langBox .langList li {padding:8px 1.2rem;}
.langBox .langList li:hover {background-color:#e7e7e7;}
.ddayArea {display:none; overflow:hidden; margin-top:1rem; color:#fff;}
.ddayArea strong {display:inline-block; font-size:1.133rem; vertical-align:baseline;}
.ddayArea .dday {display:inline-block; vertical-align:baseline;}
.ddayArea .dday > div {position:relative; display:inline-block; margin-left:1rem; font-size:2rem; font-weight:600; vertical-align:baseline;}
.ddayArea .dday .unit {display:none;}
.ddayArea .dday > div.hours {padding-left:2rem;}
.ddayArea .dday > div.hours:before {content:'일'; display:inline-block; position:absolute; top:3px; left:-0.8rem; font-size:1.7rem; font-weight:600;}
.ddayArea .dday > div.mins:before, .ddayArea .dday > div.secs:before  {content:':'; display:inline-block; position:absolute; top:0; left:-1rem; font-size:2rem; font-weight:600;}

#content.sub_content .com_subtitle, #ex_application .com_subtitle {overflow:hidden; position:relative; width:100%; padding:0 0 1.333rem; border-bottom:1px solid #d3d3d3; font-size:2rem; font-weight:400; color:#222;}
#content.sub_content .com_subtitle .menu_name, #ex_application .com_subtitle .menu_name {float:left; font-weight:600;}
#content.sub_content .com_subtitle .menu_name:before, #ex_application .com_subtitle .menu_name:before {content:''; display:none;}
#content.sub_content .com_subtitle .breadcrumb, #ex_application .com_subtitle .breadcrumb {position:relative; bottom:auto; right:auto; float:right; margin-top:1rem; font-size:0.933rem; color:#585555; transform:skew(0.1deg);}
#content.sub_content .com_subtitle .breadcrumb strong, #ex_application .com_subtitle .breadcrumb strong {font-weight:500;}
.step_title li.on strong{color:#5a3d9e}
#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: #5a3d9e}
.tab_lst li a.bgM {background-color:#a23f30; color:#fff; position: relative}
.tab_lst li a.bgM:after {display:block; width:8px; height:4px; position:absolute; content:url(/jsp/fair/img/common/tap_bg_after.png); background-color:#a23f30; left:50%; margin-left:-4px; top:25px}
.tab_lst li a{text-align: center}
#gallery {height: 200px;}

#guide dt {margin-bottom:5px; margin-left:5px;}
#guide2 {position:absolute; right:120px; z-index:5; top:28px;}
#guide2 dd {display:inline-block; margin-right:20px; vertical-align:middle; line-height:20px;}

.quick .quick01 a {background-image:url(/home/2016/Editor_Img/acefair2016_quickmenu_01.png) !important;}
.quick .quick02 a {background-image:url(/home/2015/Editor_Img/quickmenu_026.png) !important;}
.quick .quick03 a {background-image:url(/home/2015/Editor_Img/quickmenu_035.png) !important;}
.quick .quick04 a {background-image:url(/home/2015/Editor_Img/quickmenu_044.png) !important;}


/* Acefair 2016 */
#container {position:relative; z-index:1; width:1200px; min-height:378px; margin-bottom:5.333rem; padding:0; border:0; box-sizing:border-box;}
.fair_mypage #container {margin-top:4rem;}
.fair_sign #content.sub_content {margin-left:0; border:0;}

#sidebar {position:relative; left:auto; top:auto; float:left; width:256px; border:0; color:#fff;}
.sub_visual {position:relative; z-index:1; width:auto; height:20.867rem; background:url('/home/2020/edutech2020/image/bg_sub_visual.png') no-repeat center center; background-size:cover;}
.sub_visual .subVisualBox {overflow:hidden; width:1200px; margin:0 auto; padding-top:5rem; text-align:right; color:#fff;}
.sub_visual .subVisualBox > * {display:block; margin-top:0.5rem; font-size:1.8rem; font-weight:700; color:#f7ed07;}
.sub_visual .subVisualBox i {font-style:italic;}
.sub_visual .subVisualBox div {margin-top:2rem;}
#sidebar .colorBox {padding:0; margin-top:-5rem; text-align:center; background:#fff;}
#lnb * {text-align:left;}
#lnb h2 {display:block; padding:70px 10px; font-size:2.2rem; font-weight:600; color:#fff; text-align:center; word-break:keep-all; word-wrap:break-word; background-color:#00b1a9;}
#lnb h3 {display:none;}
#lnb > ul {padding:0; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; background:#fff;}
#lnb > ul > li {border-bottom:1px solid #d3d3d3; overflow:hidden; word-break:keep-all; word-wrap:break-word;}
#lnb > ul > li:last-child {border-bottom:2px solid #2c2c2c;}
#lnb > ul > li a {max-width:100%; height:auto; line-height:normal; padding:1.2rem 0.5rem 1.2rem 1.3rem; font-size:1.267rem; font-weight:400; color:#585858;}
#lnb > ul > li a span.frag-2 {display:block;}
#lnb > ul > li.on {background:url('/home/2017/pis/image/bg_lnb_on.png') no-repeat 95% center;}
#lnb > ul > li.on a {font-weight:600; color:#1b1b1b;}
#lnb > ul > li > a:before {content:''; display:none;}
#lnb > ul > li a:hover {background-image:none;}
#lnb > ul > li > ul {display:none;}
#lnb > ul > li > ul a { color:#f7f7f7; }
#content.sub_content {overflow:hidden; width:auto; margin-left:0; padding:2.83rem 0 0 4rem; border:0;}
#clock { height:200px; background:url('/home/2015/acefair2015/image/bg_clock.png') 0 0 no-repeat; }
#clock .cont { position:relative; top:64px; left:224px; }
#clock .cont > div { float:left; width:76px; height:76px; margin-right:17px; border:2px solid #fff; color:#fff; text-align:center; white-space:nowrap; }
#clock .cont .num { height:24px;padding-top:14px;padding-bottom:2px;font-size:24px;line-height:24px; font-weight:bold; }
#clock .cont .unit { font-weight:normal;font-size:13px; }

#footer {position:relative; z-index:1; clear:both; width:100%;}
#footer #scroll {display:none;}
#footer .footer {width:100%; border-top:1px solid #c9c9c9;}
#footer .footer > div {overflow:hidden; width:auto; padding:0; background:#fff;}
#footer .footer > div.mainLogoArea {overflow:hidden; width:1200px; margin:0 auto; padding:1.667rem 0; text-align:center; background-color:#fff;}
#footer .mainLogoArea > div {display:inline-block; margin-right:-5px; vertical-align:middle;}
#footer .mainLogoArea > div ~ div {margin-top:1.2rem;}
#footer .mainLogoArea > div strong {display:inline-block; font-size:1.1rem; font-weight:800; color:#232323; vertical-align:middle;}
#footer .mainLogoArea > div ul {display:inline-block; padding-left:1rem; box-sizing:border-box; vertical-align:middle;}
#footer .mainLogoArea > div ul li {display:inline-block; margin-left:1.2rem; margin-right:-5px; vertical-align:middle;}
#footer .mainLogoArea > div ul li:first-child {margin-left:0;}
#footer .mainLogoArea > div ul.logoList + strong {margin-left:6rem;}
#footer .footer .footLogoWrap {background-color:#efefef;}
#footer .footer .footLogoArea {overflow:hidden; width:1200px; margin:0 auto; padding:1.333rem 0; font-size:0; text-align:center;}
.footLogoArea > div {display:inline-block; width:30%; margin-right:-5px; text-align:center;}
.footLogoArea > div a {display:block; margin-top:10px; color:#929292;}
.footLogoArea > div a img {display:inline-block; vertical-align:middle;}
.footLogoArea > div a span {display:inline-block; margin-left:10px; padding-left:10px; border-left:1px solid #9f9f9f; font-size:0.8667rem; color:#505050; vertical-align:middle;}.footSitemap {overflow:hidden; background-color:#141414;}
#footer .footer > div.footSitemap {overflow:hidden; background-color:#141414;}
.fair_content #footer .footer > div.footSitemap, .fairmenu #footer .footer > div.footSitemap {display:none;}
.footSitemap .footSitemapWrap {overflow:hidden; width:1200px; margin:0 auto; padding:3.33rem 0 3rem; font-size:0; text-align:center;}
.footSitemapWrap .sitemapBox {display:inline-block; width:20%;}
.footSitemapWrap .sitemapBox strong {display:block; font-size:1.33rem; font-weight:600; color:#fff; text-align:left;}
.footSitemap .sitemapBox ul {overflow:hidden;}
.footSitemap .sitemapBox ul li {margin-top:0.8rem; text-align:left; word-break:keep-all; word-wrap:break-word;}
.footSitemap .sitemapBox ul li a {font-size:1rem; color:#aaa; transform:skew(0.1deg);}
#footer .footer .footInfoArea {overflow:hidden; padding:2rem 0; border-top:1px solid #484848; background-color:#141414;}
.footInfoArea .footInfoWrap {overflow:hidden; width:1200px; margin:0 auto; }
.footInfoArea .footInfoWrap .footLogo {float:left; margin-right:2rem;}
.footInfoArea .footInfoWrap .footInfoTxt {overflow:hidden; color:#878788; line-height:1.4; transform:skew(0.1deg);}
.footInfoArea .footInfoWrap .footInfoTxt a {color:#878788;}
.footInfoArea .footInfoWrap .footInfoTxt div ~ div {margin-top:1rem;}
.footInfoArea .footInfoWrap .footInfoTxt div span {margin-left:1rem;}
.footInfoArea .footInfoArea address .copyright {display:block; font-size:0.8rem; font-weight:400;}
.footer > div address span {padding-right:1rem;}
#footer .footer > div.newsletterArea {overflow:hidden; padding:3.33rem 1rem; text-align:center; color:#fff; background-color:#1b1d1f;}
.newsletterWrap {width:1400px; margin:0 auto;}
.newsletterArea strong {display:block; font-size:1.6rem; font-weight:500; letter-spacing:-0.04em;}
.newsletterArea .newsletterInput {display:inline-block; width:30rem; height:50px; margin-top:2rem; border:1px solid #4d4d4d; border-radius:3px; font-size:0; color:#fff;}
.newsletterArea .newsletterInput input[type=text] {display:inline-block; width:70%; padding:0 1rem; box-sizing:border-box; font-size:1.2rem; vertical-align:middle; color:#fff; background-color:transparent;}
.newsletterArea .newsletterInput a {display:inline-block; width:30%; height:100%; box-sizing:border-box; vertical-align:middle; color:#333; background-color:#fff; transition:all .3s;}
.newsletterArea .newsletterInput a:before {content:''; display:inline-block; width:1px; height:100%; margin-left:-1px; vertical-align:middle;}
.newsletterArea .newsletterInput a span {display:inline-block; font-size:1rem; vertical-align:middle;}
.newsletterArea .newsletterInput a:hover {border:1px solid #fff; color:#fff; background-color:#1b1d1f;}



/* * main * */
.mainWrap {position:relative; z-index:1; overflow:hidden; padding-bottom:5rem;}
.mainBox {overflow:hidden; width:1200px; margin:4rem auto 0;}
/*.mainPattern {position:absolute; top:0; left:0; bottom:0; width:100%; background:url('/home/2017/pis/image/bg_main_pattern.png') repeat 0 0;}*/
.mainVisualArea {position:relative; overflow:hidden; height:43.33rem;}
.mainVisualImg li  {height:43.33rem;}
.mainVisualImg .slide01 {background:url('/home/2020/edutech2020/image/main_visual_01.jpg') no-repeat 0 0; background-size:cover;}
.mainVisualImg.slick-dotted.slick-slider {margin-bottom:0;}
.mainVisualArea .mainVisualTxt {position:absolute; top:7rem; left:50%; z-index:1; width:1200px; box-sizing:border-box; transform:translate(-50%,0);}
.mainDivision {position:relative; width:1200px; margin:0 auto; padding:10px; box-sizing:border-box; background-color:#fff;}
.mainVisualImg .slick-prev, .mainVisualImg .slick-next {width:26px; height:47px; top:44%; z-index:2;}
.mainVisualImg .slick-prev {left:17rem;}
.mainVisualImg .slick-next {right:17rem;}
.mainVisualImg .slick-prev:before, .mainVisualImg .slick-next:before {opacity:1;}
.mainVisualImg .slick-prev:before {content:url('/home/2017/pis/image/img_slide_before.png');}
.mainVisualImg .slick-next:before {content:url('/home/2017/pis/image/img_slide_next.png');}
/* quickArea */
.quickArea {overflow:hidden; position:relative; width:1200px; margin:-11rem auto 0;}
.quickArea > ul {overflow:hidden; font-size:0; text-align:center;}
.quickArea > ul > li {display:inline-block; width:23.5%; margin-left:2%;}
.quickArea > ul > li:first-child {margin-left:0;}
.quickArea > ul > li a {position:relative; display:block; padding:1.7rem 0.5rem; text-align:center; font-size:1.3rem; font-weight:600; color:#313131; background-color:#fff;}
.quickArea > ul > li a::after {content: ''; position:absolute; height:0; left:0; top:0; width: 100%; background:#14586e; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;  -o-transition: all 0.3s; transition: all 0.3s;}
.quickArea > ul > li a:hover {color:#fff;}
.quickArea > ul > li a:hover:after {height:100%;}
.quickArea > ul > li a:hover .quickImg {background-color:#fff;}
.quickArea > ul > li a:hover .quickImg .icon_svg {fill:#14586e;}
.quickArea > ul > li a span {position:relative; display:inline-block; vertical-align:middle; z-index:1;}
.quickArea > ul > li a .quickImg {position:relative; width:3.7rem; height:3.7rem; border-radius:999px; font-size:0; background-color:#000; z-index:1;}
.quickArea > ul > li a .quickImg:before {content:''; display:inline-block; width:1px; height:100%; margin-left:-1px; vertical-align:middle;}
.quickArea > ul > li a .quickImg .icon_svg {display:inline-block; width:55%; fill:#fff; vertical-align:middle;}
.quickArea > ul > li a .quickTit {margin-left:0.4rem; text-align:left; letter-spacing:-0.05em;}
/* statisticsArea */
.statisticsArea {overflow:hidden; margin-top:3.9rem; padding:3rem 0; background-color:#f3f3f3;}
.statistics {position:relative; font-size:0; width:1200px; margin:1.33rem auto 0;}
.statistics li {display:inline-block; width:21%; margin-left:5%;}
.statistics li:first-child {margin-left:0;}
.statistics .data {width:100%;}
.statistics .graph {position:relative;width:100%; padding-top:100%;}
.statistics .graph .paper {position:absolute; top:0; left:0; bottom:0; width:100%;}
.statistics .graph .paper:before {content:''; position:absolute; top:50%; left:50%; width:85%; height:85%; border:0.8rem solid #dbdbdb; border-radius:50%; box-sizing:border-box; transform:translate(-50%, -50%);}
.statistics .graph .middle {position:absolute; top:50%; left:0; width:100%; transform:translate(0, -50%); color:#222; text-align:center;}
.statistics .graph .middle .fa { display:block; width:100%; font-size:3rem;}
.statistics .graph .middle .number {display:block; font-size:3rem; font-weight:600;}
.statistics .graph .middle span {display:block; font-size:1.4rem;}
.statistics .data .title {position:relative; margin-top:1.2rem; font-size:1.733rem; color:#121212; text-align:center;}
.statistics .data .title img {vertical-align:middle;}
/* mainInfoArea */
.mainCenterArea .boardArea {overflow:hidden; position:relative; float:left; width:50%; padding-right:2.8rem; box-sizing:border-box;}
.mainCenterArea .boardArea .boardTab {overflow:hidden; position:relative;}
.mainCenterArea .boardArea .boardTab ul {overflow:hidden; border-bottom:1px solid #000;}
.mainCenterArea .boardArea .boardTab ul li {float:left; width:25%;}
.mainCenterArea .boardArea .boardTab ul li a {display:block; padding-bottom:1.4667rem; font-size:1.8rem; font-weight:600; color:#969696; text-align:center; letter-spacing:-0.06em;}
.mainCenterArea .boardArea .boardTab ul li.active a {border-bottom:5px solid #000; color:#000;}
.mainCenterArea .boardTit {position:relative; overflow:hidden; padding-bottom:1.12rem;}
.mainCenterArea .btn_more {position:absolute; top:2px; right:0;}
.mainCenterArea .main_bbs {overflow:hidden; margin-top:2rem;}
.mainCenterArea .main_bbs > li {margin-top:1.2rem; font-size:1.133rem;}
.mainCenterArea .main_bbs > li:first-child {margin-top:0;}
.mainCenterArea .main_bbs > li a {overflow:hidden; position:relative; display:block;}
.mainCenterArea .main_bbs > li a:hover strong.title {color:#41b8e4;}
.mainCenterArea .main_bbs > li strong.title {overflow:hidden; display:inline-block; width:80%; font-weight:400; color:#2e2d2d; text-align:left; text-overflow:ellipsis; white-space:nowrap; transition:color 0.3s;}
.mainCenterArea .main_bbs > li span.date {position:absolute; top:0; right:0; width:20%; font-weight:300; color:#828282; text-align:right;}
.mainCenterArea .tab_content {min-height:11.4rem;}
.mainCenterArea .vedioArea {overflow:hidden; float:right; width:50%; padding-left:2.8rem; box-sizing:border-box;}
.mainCenterArea .vedioArea iframe {width:100%; height:20rem;}
/* mainInfoArea */
.mainInfoArea .infoTit {display:block; padding-bottom:1.33rem; margin-bottom:1.2rem; border-bottom:4px solid #000; font-size:2.2667rem; font-weight:800; color:#000; text-align:center;}
.mainInfoArea .infoWrap {position:relative; float:left; width:32%; height:21.67rem; margin-left:2%; border:1px solid #adadad; box-sizing:border-box; text-align:center;}
.mainInfoArea .infoWrap.info01 {background:url('/home/2017/pis/image/bg_link_01.png') no-repeat center center; background-size:cover;}
.mainInfoArea .infoWrap.info02 {background:url('/home/2017/pis/image/bg_link_02.png') no-repeat center center; background-size:cover;}
.mainInfoArea .infoWrap.info03 {margin-left:0; background:url('/home/2017/pis/image/bg_link_04.png') no-repeat center center; background-size:cover;}
.mainInfoArea .infoWrap.info03 span.qrImg {position:absolute; top:12%; left:50%; transform:translate(-50%,0);}
.mainInfoArea .infoWrap a {display:block; width:100%; height:100%;}
.mainInfoArea .infoWrap a b {position:absolute; bottom:0; left:0; display:block; width:100%; padding:2.4rem 0; font-size:1.53rem; font-weight:800; color:#0d0d0d; text-align:center; background-color:rgba(255,255,255,.85);}
/* exhibitor area */
.mainTit {display:block; font-size:2.13rem; font-weight:600; text-align:center;}
.eduCompArea {overflow:hidden; margin-top:3.667rem; padding:3rem 0 5rem; background-color:#f3f3f3;}
.eduCompArea .mainPrdList {width:1200px; margin:2rem auto 0;}
.mainPrdList li {float:left; width:18.4%; padding:0 0.3rem;}
.mainPrdList li a {display:block;}
.mainPrdList li a .mainPrdImg {height:16rem; background-color:#fff;}
.mainPrdList li a .mainPrdImg img {width:100%; height:100%; object-fit:cover;}
.mainPrdList li a p {overflow:hidden; margin:1rem 0 0.3rem; font-size:1.2rem; color:#3e3e3e; text-overflow:ellipsis; white-space:nowrap;}
.mainPrdList li a span {overflow:hidden; display:block; font-size:1.065rem;  color:#5d5d5d; text-overflow:ellipsis; white-space:nowrap;}
.mainPrdList .slick-prev, .mainPrdList .slick-next {width:28px; height:53px; top:38%;}
.mainPrdList .slick-prev {left:-40px;}
.mainPrdList .slick-next {right:-40px;}
.mainPrdList .slick-prev:before {content:url('/home/2020/edutech2020/image/img_prev.png');}
.mainPrdList .slick-next:before {content:url('/home/2020/edutech2020/image/img_next.png');}

.fbArea {overflow:hidden; padding:2.33rem 1.8rem 0; border-top:1px solid #d3d3d3;}
.fbArea img {width:100%;}

/* FAQ */
.faq{border-bottom:1px solid #ddd;margin:1em 0}
.faq .faqHeader{position:relative;zoom:1}
.faq .faqHeader .showAll{position:absolute; bottom:0; right:0; border:0; padding:0; overflow:visible; background:none; cursor:pointer}
.faq .faqBody{padding:0;border-top:2px solid #1c1c1c;}
.faq .faqBody .article{list-style:none}
.faq .q{margin:0;border-top:1px solid #ddd; font-size:1.2rem; transform:skew(0.1deg);}
.faq .q a{display:block; padding:1rem; background:#f5eceb; color:#a43423; font-weight:500; text-decoration:none !important; padding-left:20px}
.faq .hide a {background:#f7f7f7; color:#161616; font-weight:400;}
.faq .a{margin:0; padding:30px; line-height:1.5; text-align:left;border-top:1px solid #ddd; font-size:1rem; color: #555; transform:skew(0.1deg);}

/* 사전등록안내 */
.grayBox.appBox {font-size:1.2rem; font-weight:600; text-align:center;}
.grayBox.appBox b {font-weight:800;}
.normalTxt.contactBox .contactLeft {float:left;}
.normalTxt.contactBox .contactRight {float:right;}

/* 실시간 포럼참여 */
.forumArea {overflow:hidden; margin-top:4rem; text-align:center;}
.forumArea .forumInputBox {overflow:hidden; width:60%; margin:0 auto; padding:2rem; border:1px solid #9b9b9b; border-radius:10px; box-sizing:border-box;}
.forumArea .forumInputBox .forumInputWrap {overflow:hidden; margin-top:1.5rem;}
.forumArea .forumInputBox .inputText {float:left; width:60%; padding-right:1rem; box-sizing:border-box;}
.forumArea .forumInputBox .inputText input ~ input {margin-top:0.5rem;}
.forumArea input[type=text] {width:100%; height:2.5rem; border:1px solid #ddd; text-indent:0.8rem;}
.forumArea .forumInputBox .inputBtn {float:right; width:40%;}
.forumArea .forumInputBox .inputBtn a { position:relative; display:block; width:100%; padding:0.6rem 0; font-size:1.2rem; font-weight:600; color:#fff; background-color:#14586e; cursor:pointer; }

/* 오시는길 */
.directionArea a {margin:0.3rem;}
.directionArea .btn.wide {padding:1.5rem 5rem; font-size:1.8rem;}
.directionArea .btn i {display:inline-block; margin-right:1rem; font-size:2.2rem; vertical-align:middle;}

/* 관람안내 */
.infoList.visitBox .visitBoxLong b {width:36%;}
.infoList.visitBox .visitBoxLong span {width:64%;}
.infoList.visitBox li span strong {color:#18a4ed;}

/* 홈페이지 사용안내 */
.homInfoBox {font-size:1.2rem;}
.homInfoBox b {color:#14586e; font-weight:800;}
.infoList.homeInfoList > li > b {width:27%;}
.infoList.homeInfoList > li > span {width:73%;}

/* 참가기업 1:1 상담 */
.comLogoList {overflow:hidden; font-size:0;}
.comLogoList a {display:inline-block; width:19%; height:10rem; margin:0 0 0 1.25%; padding:0 0 1rem 0; box-sizing:border-box; vertical-align:middle; text-align:center;}
.comLogoList a:nth-child(5n+1) {margin-left:0; clear:left;}
.comLogoList a .comLogoImg {display:block; padding:0 1.2rem; border:1px solid #ddd; box-sizing:border-box; height:6rem;}
.comLogoList a .comLogoImg:before {content:''; display:inline-block; width:1px; height:100%; margin-left:-1px; vertical-align:middle;}
.comLogoList a .comLogoImg img {display:inline-block; vertical-align:middle;}
.comLogoList a .comLogoName {display:block; margin-top:0.7rem; font-size:1.1rem; transform:skew(0.1deg);}

.bbs2181 .bbs_category_container,
.bbs2195 .bbs_category_container {display:none;}
.bbs2181 .bbs_category_search,
.bbs2195 .bbs_category_search {display:inline-block;}
.edutech-comment-guide li { transform:skewX(0.1deg); color:#b50011; }

/* mypage */
div.form > div.t_group {font-size:1.33rem}
div.t_group {font-size:1rem; transform:skew(0.1deg);}
/*.login-help .help-signup {display:none;}*/

/* program */
.liveArea {position:relative;}
.liveArea .liveHeader {margin-bottom:1rem; font-size:1.33rem; transform:skew(0.1deg)}
.liveArea .liveDateBox {display:inline-block; margin-right:0.8rem;}
.liveArea .liveDateBox > * {display:inline-block; vertical-align:baseline;}
.liveArea .liveDateBox strong {font-size:1.6rem; color:#009089;}
.liveArea .liveDateBox .liveDate {margin:0 1rem; padding-bottom:0.3rem; border-bottom:1px solid #4d4d4d;}
.liveArea .liveDateBox .liveRef {font-size:1rem; color:#003da6; vertical-align:baseline;}

.liveArea .liveRow {position: relative; padding-left:5rem; margin-bottom:5rem;}
.liveArea .liveTimeBadge {position:absolute; top:0; left:0; display:inline-block; padding:0.3rem 0.5rem; font-size:0.866rem; background:#14586e; color:#fff; text-align:center; border-radius:3px; transform:skew(0.1deg)}
.liveArea .liveBox {padding:1rem 1.5rem; border:1px solid #e4eaf1; transform:skew(0.1deg)}
.liveArea .liveBox ~ .liveBox {margin-top:1rem;}
.liveArea .liveBox .liveTime {overflow:hidden; font-size:1.065rem;}
.liveArea .liveBox .liveTime span {float:left; margin-right:1rem; color:#1A9FDD;}
.liveArea .liveBox .liveTitle {overflow:hidden; font-size:1.2rem; font-weight:600; color:#555;}

.liveArea .livetype01 {display:block; margin-top:1rem;}
.liveArea .livetype01 img {max-width:7rem;}
.liveArea .livetype01 .liveCon {padding-left:1rem;}
.liveArea .livetype01 .dotList li .subLiveTit {display:block;}
.liveArea .livetype01 .dotList > li {margin-top:0.8rem;}
.liveArea .livetype01 .dotList > li a {display:inline-block; vertical-align:middle;}

.liveArea .livetype02 > .liveTitle {overflow:hidden; position:relative; margin-bottom:0;}
.liveArea .livetype02 > .liveTitle p {float:left;}
.liveArea .livetype02 > .liveTitle .liveName02 {float:right; font-weight:500; top:0.1rem}

.liveArea .livetype02 > .liveTxt {overflow:hidden; position:relative; min-height:3rem;  padding:0.66rem 0; }
.liveArea .livetype02 > .liveTxt:nth-child(2) {border-top:2px solid #b5d6eb;}
.liveArea .livetype02 > .liveTxt~.liveTxt {border-top:1px solid #eee}

.liveArea .livetype02 .liveTxt .liveName02 {display:block; float:right; max-width:11rem; text-align:right; letter-spacing:-0.5px}
.liveArea .livetype02 .liveTxt span:nth-child(2) {float:left; display:inline-block; width:calc(100% - 19rem);}
.liveArea .livetype02 .liveTxt .liveTime02 {display:block; float:left; margin-right:0.5rem; padding:0.1rem 0.5rem; background:#d8d8d8; border-radius:4px; font-size:0.933rem; letter-spacing:-0.5px}

.liveArea .livetype03 > .liveTitle {position:relative; padding-right:18rem; margin-bottom:0}
.liveArea .livetype03 > .liveTitle .liveName02 {max-width:17rem; font-weight:500; top:0.1rem}
.liveArea .livetype03 .liveName02 {display:block; position:absolute; top:0.66rem; right:0; max-width:11rem; text-align:right; letter-spacing:-0.5px}

/* 연사 */
.mspeakerArea {padding:4.33rem 0 6.1rem 0; background:#003f5d}
.mspeakerArea .areaTitle {font-size:1.8rem; color:#9ad4ef; font-weight:800}
.mspeakerArea .zoneTitle {margin-bottom:1.33rem; color:#fff;}
.mspeakerArea .speakerWrap li {background:#185977; width:19.60%;}
.mspeakerArea .speakerWrap .speakerName {font-size:1.73rem; color:#fff;}
.mspeakerArea .speakerWrap .speakerName_eng {color:#fff}
.mspeakerArea .speakerWrap li:hover {background:#002638;}
.mspeakerArea .speakerWrap .speakerTxt {color:#c9d7de;}

.speakerWrap ul {/*display:flex; justify-content:space-between; flex-wrap:wrap;*/ display:block; margin-bottom:3.5rem;}
.speakerWrap ul:last-child {margin-bottom:0;}
.speakerWrap li {display:inline-block; width:24.60%; text-align:center; transform:skew(0.1deg);}
.speakerWrap .speakerTitle {height:3.6rem; font-size:1.13rem; color:#fff; background:#544fa4;}
.speakerWrap .speakerTitle:before {content:''; display:inline-block; width:1px; height:100%; margin-left:-1px; vertical-align:middle;}
.speakerWrap .speakerTitle p {display:inline-block; max-width:100%; text-align:center; vertical-align:middle;}
.speakerWrap .speakerCon {display:block; min-height:20rem; padding:1rem; padding-top:2rem; word-break:keep-all; word-wrap:break-word;}
.speakerWrap .speakerCon img {max-width:11.15rem; filter:grayscale(100%); opacity:0.7}
.speakerWrap .speakerCon > span {display:block; font-size:1rem; white-space:pre-wrap;}
.speakerWrap .speakerCon span ~ span {margin-top:0.2rem;}
.speakerWrap .speakerCountry {margin:1rem 0 0.65rem 0; color:#9a92f4}
.speakerWrap .speakerName {margin-top:1.4rem; margin-bottom:1.2rem; font-size:1.2rem; font-weight:600;}
.speakerWrap .ready:before {content:''; display:inline-block; width:1px; height:100%; margin-left:-1px; vertical-align:middle;}
.speakerWrap .ready p {font-size:1.66rem; color:#3f494e; display:inline-block; max-width:100%; text-align:center; vertical-align:middle;}
.speakerWrap li:hover .speakerCon img {filter:grayscale(0%); opacity:1}

/* 연사팝업 */
.pop_contents {display:none}
.layer_container {transform:skew(0.1deg);}
.layer .layer_container {max-height:90%; top:50%; transform:translate(0,-50% );}
.card.dialog .card-content {padding:2rem 2rem 3rem 2rem}
.card-header {align-items:center; min-height:4.6rem; padding:0}
.card-header > .title {padding:0; font-size:1.866rem; text-align:center;}
.card-header > .toolbar .button {width:3.9rem; height:3.9rem}
.popTop {display:flex; justify-content:space-between; align-items:center; margin-bottom:1.8rem}
.popTop .popTL {text-align:center; width:calc(100% - 11.2rem); margin-right:1rem;}
.popTop .popTR img {max-width:10rem; border:1px solid #dbdbdb; border-radius:100%; }
.popTop .popName {margin-bottom:0.3rem; font-size:2.33rem; color:#236b6c; font-weight:700; white-space:pre-wrap;}
.popTop .popPosition, .popTop .popAgency {font-size:1.2rem; color:#3f3f3f; font-weight:700; white-space:pre-wrap; word-break:keep-all; word-wrap:break-word;}
.popGaryBox {padding:1rem; margin-bottom:1rem; background:#ededed; font-size:1.13rem; font-weight:700; color:#111111; line-height:1.65;}
/*.popGaryBox p {display:flex;}*/
.popGaryBox b {flex:0 0 auto; color:#39349a}
.popBorderBox {margin-top:0.53rem; padding:1.66rem; border:1px solid #cecece; font-size:1.06rem; color:#232323}
.popLivetime {margin-top:1rem; color:#1A9FDD; font-weight:400; font-size:1rem; transform:skew(0.1deg); text-align:right;}
.popBtnGopre {display:inline-block; margin-top:1rem; color:#1A9FDD; font-weight:400; font-size:1rem; transform:skew(0.1deg); vertical-align:middle}
.popBtnGopre i {vertical-align:middle}

/* 온라인 전시회 */
.fairmenu11491 #sidebar {display:none;}
.fairmenu11491 #con_container {padding:27px 0;}
.fairmenu11492 .com_subtitle {display:none;}
.fairmenu11491 #content.sub_content, .fairmenu11492 #content.sub_content {padding-left:0;}
.fairmenu11492 #content.sub_content, .fairmenu11492 #con_container {padding-top:0;}

.fadeItem {opacity:0;}
.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; }

.searchArea {position:relative; /*left:50%; width:100vw; margin-left:-50vw;*/ background:#f6f6f6;}
.searchWrap {width:100%; height:100%;/* max-width:1415px;*/ margin:0 auto; padding:2rem; box-sizing:border-box;}
.searchArea h5 {margin-bottom:0.8rem; font-size:2.66rem; color:#383838; font-weight:400;}
.searchZone {display:flex; justify-content:space-between;}
.searchZone select {width:38%;}
.searchZone input {width:40%;}
.searchZone .btn {width:13.2%; min-width:auto}

.categoryArea {overflow:hidden;}
.categoryTitle {text-align:center; margin-top:2rem;}
.categoryTitle span {position:relative; display:inline-block; padding:1rem; font-size:1.866rem; font-weight:500; color:#0f0f0f;}
.categoryTitle span:before {content:''; position:absolute; left:0%; right:0%; bottom:-0px; height:4px; background:#14586e;}
.categoryList {display:flex; flex-wrap:wrap; justify-content:space-around; margin-top:4rem;}
/*.categoryList:after {content:""; flex:auto;}*/
.categoryList.type02 {border-bottom: 1px solid #d2d2d2;}
.categoryList li {position:relative; margin-bottom:4.66rem; width:17.817%; height:10%; opacity:0}
.categoryList li a {overflow:hidden; display:inline-block; width:100%; border-radius:11px;}
.categoryList li a img { -webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1); 
	-o-transform:scale(1);  
	transform:scale(1);
	-webkit-transition:.3s;
	-moz-transition:.3s;
	-ms-transition:.3s;
	-o-transition:.3s;
	transition:.3s;}
.categoryList li a:hover img {  cursor:pointer;
	transform:scale(1.1); /* 마우스 오버시 이미지 크기를 1.1 배만큼 확대 */
	-o-transform:scale(1.1); 
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	transition: transform .35s;  
	-o-transition: transform .35s;
	-moz-transition: transform .35s;
	-webkit-transition: transform .35s;}
.categoryList p {position:absolute; bottom:1.33rem; left:0; width:100%; padding:0 0.6rem; text-align:center; font-size:1.2rem; color:#fff; line-height:1.3;}

.productArea {padding:6.5rem 1rem 3rem; text-align:center; background:#f5f5f5; font-size:0}
.productList {max-width:1200px; margin:0 auto; padding-bottom:2.66rem;}
.productList li {display:inline-block; width:19.3%; text-align:left; box-sizing:border-box;}
.productList li a {display:block; letter-spacing:-0.04em; transform:skew(0.1deg);}
.productList li a .prodImg {display:flex; overflow:hidden; justify-content:center; align-items:center; position:relative; max-width:18rem; height:16.3rem; background:#fff; border:1px solid #d5d5d5;}
.productList li img {display:inline-block; width:100%; height:100%; object-fit:cover;}
.productList li a:hover .prodImg:after {content:""; display:block; position:absolute; top:0; left:0; bottom:0; right:0; background:url('/home/2020/onsf/image/prod_rolling_plus.png') center center no-repeat rgba(0,0,0,0.3);}
.productList li a p {overflow:hidden; margin:1rem 0 0.3rem; font-size:1.2rem; color:#3e3e3e; text-overflow:ellipsis; white-space:nowrap;}
.productList li a .prodTxt {overflow:hidden; display:block; font-size:1.065rem; font-weight:100; color:#5d5d5d; text-overflow:ellipsis; white-space:nowrap;}
.productList .slick-dots {bottom:0rem;}
.productList .slick-dots li {width:1.33rem; height:auto; margin:0; vertical-align:middle;}
.productList .slick-dots li button:before {content:none;}
.productList .slick-dots li button {display:inline-block; width:0.534rem; height:0.534rem; padding:0; border-radius:100%; background:#b8b8b8;}
.productList .slick-dots li.slick-active button {background:#dc0e1b; width:0.8rem; height:0.8rem; border:none;}
.productList .slick-prev, .productList .slick-next {top:calc(50% - 4.5rem); width:auto; height:auto;}
.productList .slick-prev {left:-3rem;}
.productList .slick-next {right:-2.33rem;}
.productList .slick-prev:before {content: '\f104';}
.productList .slick-next:before {content: '\f105';}
.productList .slick-prev:before, .productList .slick-next:before {font-family:"FontAwesome"; font-size:4rem; color:#dc0e1b;}

.productList.type02 {margin-top:4rem;}
.productList.type02 li {float:left; width:23.5%; margin:0 0 3.334rem 2%; opacity:1;}
.productList.type02 li a .prodImg {display:block;}
.productList.type02 li a .prodImg .single_img {width:100%; height:100%; display:flex; justify-content:center; align-items:center}
.productList.type02 li:nth-child(4n+1) {margin-left:0}


.productList.type03 {text-align:center;}
.productList.type03 li {width:24.7%}

.pageNavArea {}
.pageNav {text-align:center}
.pageNav li {display:inline-block; margin:0 0.3rem; vertical-align:middle;}
.pageNav a { font-size:0.665rem; font-weight:bold;}

div.page { margin-top:2rem; font-size:1.2rem; vertical-align:middle; color:#ddd; }
.page a,
.page b { display:inline-block; padding:0.5rem; vertical-align:middle; }
.page a { position:relative; color:#274e86; }
.page a:before { content:'';position:absolute; top:50%; left:50%; width:0; height:0; padding:0; border-radius:100%; transform: translate(-50%, -50%); transition:padding 0.3s, background-color 0.3s ; }
.page a:hover:before { padding:60%; background-color:rgba(0,0,0,0.12); }
.page b { color:#ff5500; }

.pageDetail {/*padding-top:12rem;*/}
.pageDetail .titleArea {overflow:hidden; /*position:absolute; top:0; left:50%; width:100vw; margin-left:-50vw;*/ margin-bottom:4rem; padding:2rem; font-size:1.8rem; background:#14586e; transition:all 0.3s}
.pageDetail .titleArea.fixTitle {position:fixed; top:0; padding:1rem calc(50% - 625px); z-index:1; transition:all 0.3s}
.pageDetail .titleArea .topName {float:left; color:#fff; font-weight:500;}
.pageDetail .titleArea .topBtns {overflow:hidden; float:right;}
.pageDetail .titleArea .topBtns .btn.normal {color:#14586e;}
.pageDetail .titleArea .bootnNum {float:right; color:#fff; margin-right:2rem}
.pageDetail .titleArea .btn {display:inline-block; vertical-align:middle;}
/* .compCon은 youtube있는곳 type02는 없는곳 */
.pageDetail .compArea {padding-bottom:5.33rem; border-bottom:2px solid #5e5e5e;}
.pageDetail .compTop {overflow:hidden;}
.pageDetail .compCon {float:left; width:50%; font-size:1.2rem; line-height:1.4; color:#101010;}
.pageDetail .compCon img {min-height:4.66rem; max-height:10rem; margin-bottom:2.66rem}
.pageDetail .compCon p {margin-top:2.66rem}
.pageDetail .compMedia {float:right; position:relative; width:calc(50% - 3.334rem);}
.pageDetail .compMedia iframe {width:100%; height:23rem;}
.pageDetail .compTop.type02 .compCon {float:none; width:100%;}

.pageDetail .prodTop {overflow:hidden; padding-top:4rem;}
.prodArea .prodPic {float:left; width:35.2%; text-align:center;}
.pageDetail .prodInfo {float:right; width:60%; border-bottom:1px solid #929292}
.pageDetail .prodPic .slick-initialized span {display:flex; justify-content:center; align-items:center; border:1px solid #d8d8d8; text-align:center;}
.pageDetail .prodPic .slider-for {margin-bottom:1rem;}
.pageDetail .prodPic .slider-for .slick-slide {height:26rem; width:440px;}
.pageDetail .prodPic .slider-for img {max-width:440px; width:100%; max-height:100%;}
.pageDetail .prodPic .slider-nav {display:inline-block; max-width:18.7rem; margin:0 auto;}
.pageDetail .prodPic .slider-nav .slick-slide {width:4.66rem; height:4.3rem; padding:0.33rem; text-align:center;}
.pageDetail .prodPic .slider-nav img {max-width:4.66rem; width:100%; max-height:100%;}

.pageDetail .prodInfo .prodTitle {position:relative;}
.pageDetail .prodInfo .prodTitle h4 {position:relative; padding-bottom:2rem; font-size:1.5rem; color:#292929; font-weight:700; letter-spacing:-0.5px; border-bottom:2px solid #e3e3e3; line-height:1.4;}
.pageDetail .prodInfo .prodTitle h4 span {display:block;}
.pageDetail .prodInfo .prodTitle .btn {position:absolute; bottom:1.33rem; right:0;}

.pageDetail .prodList {position:relative; padding:2rem 0;}
.pageDetail .prodList~.prodList:before {content:''; display:block; position:absolute; top:0; left:0.5rem; width:2rem; height:1px; background:#ef7070}
.pageDetail .prodList li {position:relative; min-height:2rem; transform:skew(0.1deg);}
.pageDetail .prodList li~li {margin-top:0.66rem}
.pageDetail .prodList strong {position:absolute; top:0; left:0.5rem; color:#000;}
.pageDetail .prodList p {padding-left:10rem; color:#5a5a5a;}
.pageDetail .prodList .btnDownload {display:inline-block; width:11.33rem; padding:0.4rem 1.33rem; color:#14586e; border:1px solid #bfbfbf; border-radius:2rem; background:url(/home/2020/onsf/image/icon_download_bk.png) 9rem center no-repeat; transition:all 0.3s; }
.pageDetail .prodList .btnDownload:hover {background-color:#14586e; color:#fff; transition:all 0.3s; }

.pageDetail .prodContact {padding:2rem 8rem; background:#f2f2f2; }
.pageDetail .contactList {position:relative;margin-bottom:4.66rem}
.pageDetail .contactList li {position:relative; min-height:2rem; margin-top:1rem}
.pageDetail .contactList li~li {}
.pageDetail .contactList li > strong {position:absolute; top:0; left:2.33rem; font-weight:400; color:#000;}
.pageDetail .contactList li > p,
.pageDetail .contactList li > div {display:block; padding-left:9rem; color:#5a5a5a;}
.pageDetail .contactList li .ui_input {color:#5a5a5a; margin-bottom:0.66rem;}
.pageDetail .contactList .quantityLine input {width:70%;}
.pageDetail .contactList .quantityLine select {width:28.5%;}

.pageDetail .recommendArea h5 {position:relative; font-size:2rem; padding-bottom:2.66rem; margin:4.33rem 0 2.2rem; border-bottom:2px solid #454545; text-align:center;}
.pageDetail .recommendArea .btn {position:absolute; bottom:0.66rem; right:0; }

.prodMid  p {transform:skew(0.1deg);}


/*.pageDetail .compArea,
.pageDetail .prodTop {width:100%; max-width:1200px; margin:0 auto;}
.pageDetail .prodMid,
.pageDetail .recommendArea{width:100%; max-width:1200px; margin:0 auto;}*/

/* popup */
.popup-1482 {z-index:999;}


@media only screen and (max-width:767px) {
	#attrPopup.layer.fixed-layer .layer_container {transform:none;}
	#MainSpeakerDialog.layer.fixed-layer .layer_container {transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}
}

@media only screen and (max-width:1399px) {
	.onlineHeader .m_onlineMenu {position:absolute; top:6.2rem; left:15rem; display:block;}
	.onlineHeader .m_onlineMenu i {font-size:2.6rem; color:#fff;}
	.onlineMenuArea {display:none;}
	body.m-active { overflow-y:hidden; }
	body.m-active .onlineMenuArea {float:none; display:block; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1; overflow-y:auto; width:50%; margin-right:0; background-color:#fff; }
	body.m-active .onlineMenuArea .m_close {display:block; padding:2rem; text-align:right;}
	body.m-active .onlineMenuArea .m_close a {display:inline-block; font-size:3rem; cursor:pointer;}
}


/* hompage responsive web */
@media only screen and (max-width:1379px){
	.compListArea {width:auto;}
	.newsletterWrap {width:auto;}
}

@media only screen and (max-width:1199px){
	html {font-size:13px;}
	#wrap {padding-top:85px;}
	#header_wrap { position:fixed; top:0; left:auto; width:100%; min-width:320px; height:85px; z-index:99; border-bottom:0; box-shadow:none; transform:none;}
	#header {width:100%; height:85px; min-width:320px; padding-top:0;}
	#header #logo {top:10px; height:95px; margin:0; z-index:1; left:50%; transform:translate(-50%,0);}
	#header h1 img{width:auto; max-height:100%; padding:0;}
	#app-menu-button { display:block; position:absolute; top:15px; left:15px; box-sizing:border-box; width:30px; height:30px; text-align:center; z-index:999;}
	#app-menu-button i { font-size:30px; color:#fff; line-height:30px; }
	#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; }
	#gnb {position:absolute; top:55px; left:0; bottom:0; right:0; margin:0; overflow:auto; z-index:14; width:100%;}
	#gnb > li {display:block; width:auto; height:initial; height:auto; padding:0; border-top:1px solid #d4d4d4; background-color:#f4f4f4; position:relative; float:none;}
	#gnb > li:hover a { background:transparent; color:#00b1a9; }
	#gnb > li > a {display:block; height:auto; padding:15px 30px; text-align:left; color:#333; line-height:normal;}
	#gnb > li > a:active { background-color:#00b1a9; color:#fff; }
	#gnb > li > a:before {display:none;}
	#gnb > li.active > a{ background:#00b1a9; color:#fff;}
	#gnb > li.selected > a { background:#00b1a9; color:#fff; }
	#gnb>li .gnb_sub {background-color:#fff;}
	#gnb > li .gnb_sub_wrap {position:relative; left:0; top:0; display:block; height:0; overflow:hidden; box-shadow:none; width:auto; margin-left:0;}
	#gnb > li.active .gnb_sub_wrap,
	#gnb > li.selected .gnb_sub_wrap {display:block;height:auto;height:initial;position:relative; transform:none;}
	#gnb>li .gnb_sub {border-bottom:0;}
	#gnb > li .gnb_sub,
	#gnb > li:hover .gnb_sub { display:block;left:0;width:auto; width:initial; position:relative; margin:0; border-top:0;}
	#gnb > li .gnb_sub li a { text-align:left; padding:17px 30px; height:auto; height:initial; line-height:20px; color:#4d4d4d; background-color:#fff; }
	#gnb > li .gnb_sub li a:hover {color:#4d4d4d;}
	#gnb > li .gnb_sub li { height:auto; padding:0; border-top:1px solid #e7e7e7; border-bottom:0; line-height:15px;}
	#gnb > li .gnb_sub li.selected a,
	#gnb > li .gnb_sub li:active a {color:#0f0f0f;}
	#header .brochure_down {top:115px;}
	#topMenu { position:absolute; top:13px; 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:#a4c9e5;font-size:13px;}
	#topMenu>ul>li>a{border-right:0;color:#a4c9e5;}
	#topMenu>ul { padding:8px 0; text-align:right; }
	#topMenu>ul li { display:inline-block; float:none; height:auto; height:initial; padding:4px; }
	#topMenu>ul li.tnb_sitemap {display:none;}
	.top_menu_lang {top:10px; right:10px; margin-right:0; z-index:1;}
	.hdSnsArea {right:10px;}
	#header .top_logo {top:15px; right:10px; margin-right:0; z-index: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);}
	#gnb>li .gnb_sub { padding:0; }
	#topMenu>ul li>a {color:#4d4d4d;}
	.topSNS { display:none; }
	.main_page .webtoon {top:8rem; right:1rem;}
	.main_page .webtoon a img {width:120px;}
	#topMenu { font-size:14px; }
	#topMenu ul { float:none; }
	#topMenu {right:20px; margin-right:0;}
	#topMenu a:hover { color:#1b2a52; }
	.m_selected .app-menu-button img:first-of-type { display:block;width:75%; }
	.m_selected .app-menu-button img:nth-of-type(2) { display:none; }
	.app-menu-button img:first-of-type { display:none; }
	.visitCountArea {top:1.2rem; left:5rem;}
	#sidebar {display:none;}
	#container {width:auto;}
	#content.sub_content {float:none; width:auto; min-height:auto; margin-left:0; padding:2rem 1rem 1rem; border-left:1px solid #d3d3d3;}
	.sub_visual {width:auto;}
	.sub_visual .subVisualBox {width:auto; padding-right:1rem;}
	.footer > div.mainLogoArea, .footerArea > div {width:auto;}
	.footer > div.footerArea {padding:2rem 1rem 3.33rem;}
	#content.sub_content .com_subtitle .breadcrumb, #ex_application .com_subtitle .breadcrumb {width:auto;}
	#con_container {width:auto; padding:3rem 0 6.67rem; box-sizing:border-box;}
	#footer .footer > div.mainLogoArea {width:auto;}
	#footer .footer .footLogoArea {width:auto;}
	#footer .footer .footInfoArea {width:auto; text-align:center;}
	#footer .mainLogoArea > div {display:block; margin-right:0; padding:0 1rem;}
	#footer .mainLogoArea > div ~ div {margin-left:0; margin-top:1rem;}
	#footer .mainLogoArea > div strong {display:block; width:auto; margin-bottom:0.5rem; font-size:1.3rem; text-align:center;}
	#footer .mainLogoArea > div ul {display:block; width:auto; padding-left:0; text-align:center;}
	#footer .mainLogoArea > div ul li {margin:0.3rem;}
	#footer .mainLogoArea > div ul.logoList + strong {margin-left:0; margin-top:2rem;}
	.footInfoArea .footInfoWrap {width:auto;}
	.footInfoArea .footInfoWrap .footLogo {float:none; margin-right:0; margin-bottom:1rem;}
	.footInfoArea .footInfoWrap .footInfoTxt div b {display:block;}
	.footLogoArea > div {width:50%;}
	#footer .footer .footInfoArea address {display:block; margin-top:1rem;}
	#footer .footer .footInfoArea p, .footer > div address span {display:block; margin-right:0;}
	.footSitemap .footSitemapWrap {width:auto;}

	/* mypage */

	.title01 {background-position:0 0;}
	/* main */
	.mainBox {width:auto; padding:0 1rem;}
	.mainVisualArea .mainVisualTxt {top:20%; left:50%; width:80%; transform:translate(-50%,0); padding-left:0;}
	.mainVisualArea .mainVisualTxt:before {display:none;}
	.mainVisualArea .mainVisualTxt img {max-width:100%;}
	.mainVisualImg .slick-prev {left:1rem;}
	.mainVisualImg .slick-next {right:1rem;}
	.quickArea {width:auto;}
	.quickArea > ul > li a {padding:1.5rem 0.5rem; font-size:1.1rem;}
	.statistics {width:auto;}
	.eduCompArea .mainPrdList {width:auto;}
	.impList li {padding:0 3rem;}
	.impList .slick-prev {left:0;}
	.impList .slick-next {right:0;}
	/* sub */
	.speakerWrap .speakerCon {min-height:15rem;}

	/* 디렉토리 */
	.fairmenu11491 #content.sub_content {padding-left:1rem;}
	.fairmenu11492 #content.sub_content {padding-left:0;}
	.pageDetail {padding:0 1rem;}
	.pageDetail .titleArea {margin:0 -2rem 3rem;}

}

@media only screen and (max-width:1060px){
	/* main */
	.mainDivision {margin:23rem auto 0;}
	/* sub */
	.compMenuBox {display:none;}
	body.filter-active { overflow-y:hidden; }
	body.filter-active .compMenuBox {float:none; display:block; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1; overflow-y:auto; width:auto; margin-right:0; background-color:#fff; }
	body.filter-active .compMenuBox .filter_close {display:block; padding:2rem; text-align:right;}
	body.filter-active .compMenuBox .filter_close a {display:inline-block; font-size:3rem; cursor:pointer;}
	body.filter-active .compMenuBox .compSchArea {padding:0 1rem;}
	body.filter-active .compMenuBox .compSchArea a {right:2.5rem;}
	.compListBox .search-options {display:block;}
	.button-filter i {display:inline-block; margin-right:0.5rem; vertical-align:middle;}

	.prdDetailInfo li b {width:30%;}

	/* Meeting Mypage */
}

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

    /* sub */
    .sub_visual .subVisualBox > * {font-size:1.5rem;}
    .sub_visual .subVisualBox div img {width:300px;}
    .mainInfoArea .infoWrap a b {font-size:1.2rem;}
}

@media only screen and (max-width:880px){
    /* main */
    .quickArea > ul > li a {padding:1.5rem 0.3rem;}
    .quickArea > ul > li a .quickImg {width:3rem; height:3rem;}
    .quickArea > ul > li a .quickTit {margin-left:0.3rem;}
    .mainCenterArea .boardArea {float:none; width:auto; padding-right:0; margin-bottom:3rem;}
    .mainCenterArea .vedioArea {float:none; width:auto; padding-left:0;}
    .mainCenterArea .vedioArea iframe {height:27rem;}

    
    /* sub */
	.prdDetailBoxTop .prdDetailImg {float:none; width:auto; margin-right:0; text-align:center;}
	.prdDetailBoxTop .prdDetailInfo {margin-top:3rem;}
	.prdDetailInfo li b {width:25%;}

}

@media only screen and (max-width:760px){
	.akeiArea {right:130px;}
	.langBox {top:45px; right:10px;}
	.main_page .webtoon {top:33rem;}
	.main_page .webtoon a {display:inline-block;}
	.main_page .webtoon a img{width:90px;}
	.main_page .webtoon a ~ a {margin:0 0 0 0.5rem;}
	.footLogoArea > div {display:block; width:auto; margin-right:0;}

	/* main */
	.statistics {text-align:center;}
	.statistics li {width:30%;}
	.quickArea > ul > li a .quickTit {display:block; margin-left:0; margin-top:1rem; text-align:center;}
	.mainInfoArea .infoWrap {width:49%;}
	.mainInfoArea .infoWrap.info03 {width:100%; height:19.3rem; margin-bottom:1rem;}
	.mainInfoArea .infoWrap.info01 {margin-left:0;}
	.mainInfoArea .infoWrap.info03 a b {padding:1.2rem 0;}
	.impList .impTxt {font-size:1.5rem;}
	.impList .comp, .impList .name {font-size:1rem;}
	.footSitemapWrap .sitemapBox {width:30%;}
	.footSitemapWrap .sitemapBox:nth-child(4), .footSitemapWrap .sitemapBox:nth-child(5) {margin-top:1.5rem;}

	/* sub */
	.tabList li {display:inline-block; width:25%;}

	.prList.item4 > li {width:50%; }
	.prList.item4 > li:nth-child(2) ~ li {margin-top:2rem;}
	.infoList > li > b {width:20%;}
	.infoList > li > span {width:80%;}

	.downloadArea > div:first-child {width:50%;}


	.normalTxt.contactBox .contactLeft {float:none;}
	.normalTxt.contactBox .contactRight {float:none; margin-top:2rem;}

	.prdBox {height:auto;}
	.prdBox .prdBoxWrap {display:block;}
	.prdBox .prdBoxWrap .prdBoxImg {display:block; width:auto; padding-top:1.5rem; text-align:center;}

	.comLogoList a {width:23.5%; margin:0 0 0.5rem 2%;}
	.comLogoList a:nth-child(5n+1) {margin-left:2%;}
	.comLogoList a:nth-child(4n+1) {margin-left:0;}

	.speakerWrap .speakerCon {min-height:11rem;}

	/* 디렉토리 */
	.productList.type02 li {width:32%;}
	.productList.type02 li:nth-child(4n+1) {margin-left:2%;}
	.productList.type02 li:nth-child(3n+1) {margin-left:0;}
	.pageDetail .compCon {float:none; width:auto;}
	.pageDetail .compMedia {float:none; width:auto; margin-top:2rem;}
	.prodArea .prodPic {float:none; width:auto;}
	.pageDetail .prodInfo {float:none; width:auto; margin-top:2rem;}
}

@media only screen and (max-width:580px){
	.visitCountArea * {display:block;}
	/* main */
	.quickArea > ul > li a span.mHide {display:none;}
	.bannerArea > div > div {float:none; width:auto; margin-left:0;}
	.bannerArea .banner01, .bannerArea .banner02 {background-size:contain; background-position:right bottom;}
	.bannerArea .banner01 {background-color:#eaf3ff;}
	.bannerArea .banner02 {margin-top:0.667rem; background-color:#e9eef1;}
	.bannerArea .banner04 {margin-top:0.667rem;}
	.sub_visual img {max-width:80%;}
	/* sub */
	.comList .comLeft {float:none; width:auto; margin-right:0;}
	.mainInfoArea .infoWrap a b {padding:1rem 0;}
	.mainInfoArea .infoWrap a b span {display:block;}
	.mainInfoArea .infoWrap.info03 > div img {width:120px;}
	.mainInfoArea .infoWrap.info03 a b {letter-spacing:-0.06em;}

	.comLogoList a {width:32%;}
	.comLogoList a:nth-child(4n+1) {margin-left:2%;}
	.comLogoList a:nth-child(3n+1) {margin-left:0;}

	/* 디렉토리 */
	.productList.type02 li {width:49%;}
	.productList.type02 li:nth-child(4n+1) {margin-left:2%;}
	.productList.type02 li:nth-child(3n+1) {margin-left:2%;} 
	.productList.type02 li:nth-child(2n+1) {margin-left:0;} 
}

@media only screen and (max-width:480px){
	html {font-size:11px;}
	/* main */
	.mainDivision {margin:12rem auto 0;}
	.bannerArea > div > div.banner04 {padding:1.4rem 0;}
	.webtoon {top:8rem;}
	.webtoon a img {width:75px;}

	/* sub */
	.infoList > li > b {display:block; width:30%;}
    .infoList > li > span {display:block; width:auto; padding:0; margin-top:1rem;}

	.mainInfoArea .infoWrap {height:18rem;}
	.mainInfoArea .infoWrap.info03 span.qrImg img {width:120px;}
	
	.prdDetailInfo li b {width:30%;}
	.compListTopArea {display:block;}
	.compListTopLink {margin-top:1rem;}

	.infoList.visitBox .visitBoxLong b {display:inline-block; width:auto; padding:0.5rem 1rem;}
}


/* !!!!!!!!! Don't put code here for content pages [START] */
@media only screen and (max-width:1184px){

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

  div.f_file button.btn_uploadFile
}
@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:60px; 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:30px 15px; background-color:#fff; }
  .mypage_home_top { font-size:21px; }
  #mypage_content .cfair_progress { margin:-30px -15px 15px; }
  .fair_mypage #ex_application .com_subtitle { margin:-30px -15px 0 -15px; }
  #content.sub_content .com_subtitle h2.menu_name {font-size:2rem;}
}
@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] */