@charset "utf-8";
@import url(notosanskr.css);
div, li, span, a, th, td ,body, h1, h2, h3, h4, h5, h6{font-family:'Noto Sans KR', sans-serif;}
body {min-width:320px;}
* * , *{font-family:'Noto Sans KR', sans-serif; }

/* default */
.taC {text-align:center;}
.taL {text-align:left;}
.taR {text-align:right;}
.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;}
.mb10 {margin-bottom:0.67rem !important;}
.mb100 {margin-bottom:6.67rem !important;}
.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;}

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

/* css */
html {font-size:15px;}
.bgM {background-color:#35639f;}
.fC {color:#3595d1;}
.fcRed {color:#c72946}
.fcBlue {color:#0e78e5;}
.fcNavy {color:#273d5c;}
#con_container img {max-width:100%;}
.taC img{margin:5px;}
sub {vertical-align: text-bottom;}

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

/* title */
.title01 {overflow:hidden; display:block; padding-left:2.8rem; font-size:1.6rem; font-weight:500; color:#111; background:url('/home/2018/smartgeoexpo/image/bullet_title01.png') no-repeat 0.2rem 0; background-size:2rem;}
.title02 {overflow:hidden; display:block; padding-left:1rem; font-size:1.267rem; font-weight:400; color:#1353a5; background:url('/home/2018/smartgeoexpo/image/bullet_title02.png') no-repeat 0 0.4667rem;}

/* txt */
.normalTxt {overflow:hidden; font-size:1rem; font-weight:300; color:#585858; line-height:1.5; word-break:keep-all; word-wrap:break-word;}
.empTxt {overflow:hidden; font-size:1.13rem; color:#585858; line-height:1.4; letter-spacing:-0.04em; word-break:keep-all; word-wrap:break-word;}
.ref {overflow:hidden; font-size:1rem; color:#273d5c;}
.norList > li {margin-top:6px;}
.dotList {overflow:hidden;}
.dotList > li, .dotTxt {margin-top:6px; padding-left:1rem; font-size:1rem; color:#4b4b4b; font-weight:300; line-height:1.4; text-indent:-1rem; word-break:keep-all; word-wrap:break-word;}
.dotList > li:first-child {margin-top:0;}
.dotList > li:before, .dotTxt:before {content:'\00b7'; padding-right:8px; font-weight:600; color:#003669;}
.dashList {overflow:hidden;}
.dashList > li, .dashTxt {margin-top:6px; padding-left:1rem; font-size:1rem; color:#4b4b4b; font-weight:300; line-height:1.4; text-indent:-1rem; word-break:keep-all; word-wrap:break-word;}
.dashList > li:first-child {margin-top:0;}
.dashList > li:before, .dashTxt:before {content:'-'; padding-right:8px; font-weight:600;}
.squareList > li, .squareTxt {margin-top:6px; padding-left:1rem; font-size:1.133rem; color:#273d5c; font-weight:300; line-height:1.4; word-break:keep-all; word-wrap:break-word; background:url('/home/2018/smartgeoexpo/image/bullet_title02.png') no-repeat 0 0.5rem;}
.squareList > li:first-child {margin-top:0;}
.squareList > li b, .squareList > li strong {font-weight:400;}

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

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

/* division */
.division {overflow:hidden;}
.division > div {overflow:hidden; display:inline-block; margin-right:-5px;}
.division.vb > div {vertical-align:bottom;}
.division50 {overflow:hidden;}
.division50 > div {overflow:hidden; float:left; width:50%;}
.division50 > div.divItemLast {overflow:hidden;}

/* table */
.tableArea {overflow:hidden; margin-top:2rem;}
td.imgcell img {vertical-align:middle;}
td.imgcell.imgs img {margin:0 0.333rem;}
td.imgcell b {display:block; font-weight:400;}
table.infoTbl b {font-weight:400;}
table.infoTbl {width:100%; border-top:3px solid #19225d; border-bottom:1px solid #394e8b; font-size:1rem; font-weight:300; color:#4a4a4a; table-layout:fixed;}
table.infoTbl.col {border-top:0;}
table.infoTbl.bdl th, table.infoTbl.bdl td {border-left:1px solid #ddd;}
table.infoTbl.bdl th.nobl, table.infoTbl.bdl td.nobl {border-left:0;}
table.infoTbl tr {border-top:1px solid #ddd;}
table.infoTbl th, table.infoTbl td {padding:1rem; line-height:1.5; word-break:keep-all; word-wrap:break-word;}
table.infoTbl td.pdlcell {padding:1rem 1rem 1rem 2.67rem;}
table.infoTbl td img {vertical-align:middle;}
table.infoTbl td input[type=text] {width:100%; height:2rem; border:1px solid #eee; text-indent:0.67rem;}
table.infoTbl th {font-size:1.067rem; font-weight:400; color:#142453; text-align:center; background-color:#f0f5fc;}
table.infoTbl .empcell {font-size:1rem; font-weight:400; color:#fff; background-color:#434183;}
table.infoTbl .bdlcell {border-left:1px solid #c1c8da;}
table.infoTbl .green {background-color:#f8fae8;}
table.infoTbl .pink {background-color:#ffeeec;}
table.infoTbl .purple {background-color:#f5effb;}
table.infoTbl .blue {background-color:#e3e8ef;}
table.infoTbl .green2 {background-color:#d8e6bd;}
table.infoTbl2 {width:100%; border-top:3px solid #19225d; border-bottom:1px solid #394e8b; font-size:1rem; font-weight:300; color:#4a4a4a; table-layout:fixed;}
table.infoTbl2.col {border-top:0;}
table.infoTbl2.bdl th, table.infoTbl2.bdl td {border-left:1px solid #ddd;}
table.infoTbl2.bdl th.nobl, table.infoTbl2.bdl td.nobl {border-left:0;}
table.infoTbl2 tr {border-top:1px solid #ddd;}
table.infoTbl2 th, table.infoTbl2 td {padding:0.5rem; line-height:1.5; word-break:keep-all; word-wrap:break-word; font-size:0.8rem;}
table.infoTbl2 td.pdlcell {padding:1rem 1rem 1rem 2.67rem;}
table.infoTbl2 td img {vertical-align:middle;}
table.infoTbl2 td input[type=text] {width:100%; height:2rem; border:1px solid #eee; text-indent:0.67rem;}
table.infoTbl2 th {font-size:1.067rem; font-weight:400; color:#142453; text-align:center; background-color:#f0f5fc;}
table.infoTbl2 .empcell {font-size:1rem; font-weight:400; color:#fff; background-color:#434183;}
table.infoTbl2 .bdlcell {border-left:1px solid #c1c8da;}
table.infoTbl2 .green {background-color:#f8fae8;}
table.infoTbl2 .pink {background-color:#ffeeec;}
table.infoTbl2 .purple {background-color:#f5effb;}
table.infoTbl2 .blue {background-color:#e3e8ef;}
table.infoTbl2 .green2 {background-color:#d8e6bd;}
table.infoTbl3 {width:100%; border-top:3px solid #19225d; border-bottom:1px solid #394e8b; font-size:1rem; font-weight:500; color:#4a4a4a; table-layout:fixed;}
table.infoTbl3.col {border-top:0;}
table.infoTbl3.bdl th, table.infoTbl3.bdl td {border-left:1px solid #ddd;}
table.infoTbl3.bdl th.nobl, table.infoTbl3.bdl td.nobl {border-left:0;}
table.infoTbl3 tr {border-top:1px solid #ddd;}
table.infoTbl3 th, table.infoTbl3 td {padding:0.5rem; line-height:1.5; word-break:keep-all; word-wrap:break-word; font-size:0.8rem;}
table.infoTbl3 td.pdlcell {padding:1rem 1rem 1rem 2.67rem;}
table.infoTbl3 td img {vertical-align:middle;}
table.infoTbl3 td input[type=text] {width:100%; height:2rem; border:1px solid #eee; text-indent:0.67rem;}
table.infoTbl3 th {font-size:1.067rem; font-weight:600; color:#142453; text-align:center; background-color:#f0f5fc;}
table.infoTbl3 .empcell {font-size:1rem; font-weight:400; color:#fff; background-color:#434183;}
table.infoTbl3 .bdlcell {border-left:1px solid #c1c8da;}
table.infoTbl3 .green {background-color:#f8fae8;}
table.infoTbl3 .pink {background-color:#ffeeec;}
table.infoTbl3 .purple {background-color:#f5effb;}
table.infoTbl3 .blue {background-color:#e3e8ef;}
table.infoTbl3 .green2 {background-color:#d8e6bd;}


/* board table */
.board_1 {font-size:1rem;}
.board_1 th {font-weight:500;}
.board_1 a {font-weight:400;}

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

.subTab {overflow:hidden; margin-bottom:2.2rem; text-align:center; font-size:0;}
.subTab > li {display:inline-block; min-width:14.67rem; margin:0.5rem; box-sizing:border-box; text-align:center; vertical-align:middle;}
.subTab > li a {padding:1rem 0.6rem; border:1px solid #283d5c; border-radius:999px; font-size:1.1rem; color:#283d5c;}
.subTab > li.on a {color:#fff; background-color:#283d5c;}
.subTab > li a {display:block;}

.movie video {width:100%;}

/* button */
.btn {display:inline-block;}
.btn img {display:inline-block; margin-left:1rem; vertical-align:middle;}
.btn.small {padding:0.3rem 0.8rem; border-radius:3px; font-size:0.89rem; color:#fff; text-align:center;}
.btn.normal {padding:0.8rem 2rem; font-size:1.1rem; color:#fff; text-align:center;}
.btn.wide {padding:1.4rem 3.33rem; font-size:1.33rem; color:#fff; text-align:center;}
.btn.navy {background-color:#273d5c;}
.btn.blue {background-color:#228ac9;}
.btn.red {background-color:#c72946;}
.btn.black {background-color:#353535;}
.btn.gray {background-color:#eaeaea;}

/* layer popup */
.pop_contents {display:none; text-align:center;}
.card-header > .title {font-size:1.5rem; font-weight:400;}
.layer .layer_container.no-bg { width:800px; margin-left:-400px; }
@media only screen and (max-width:980px){
   .layer.fixed-layer .layer_container { min-width:240px; max-width:900px; width:90%; margin-left:0; transform:translate(-50%, 0); }
}

/* mypage */
#ex_application { width:1100px; margin:0 auto; }
.fair_sign #ex_application { width:100%; }
.fair_sign #ex_application form {width:1100px; margin:0 auto;}

/* * * layout * * */
#wrap {background:none;}
#header {width:100%; height:137px;}
#header h1 {top:43px;left:50%;margin-left: -550px;}
#topMenu {overflow:hidden; position:relative; top:auto; right:auto; font-size:13px; background-color:#161622;}
#topMenu > ul {overflow:hidden; width:1100px; margin:0 auto; text-align:right;}
#topMenu > ul > li {float:none; display:inline-block; height:35px; padding:0; font-weight:300; vertical-align:middle; line-height:35px;}
#topMenu > ul > li > a {color:#fff; border-right:0;}
#topMenu > ul > li.tnb_sitemap {display:none;}
#topMenu > ul > li.tnb_lang span.language {display:none;}
#topMenu > ul > li.tnb_lang .current_language {display:none;}
#topMenu li.tnb_userinfo > span {font-weight:300; color:#fff;}
#topMenu li.tnb_userinfo > span strong {font-weight:400;}
#quickbar {display:none;}
.ddayArea {display:inline-block; width:7.33rem; margin-left:1rem; font-size:1.4rem; font-weight:500; color:#fff; text-align:center; background-color:#bc152f;}
.rightQuick {position:absolute; top:420px; right:0; width:94px;}
	.main_page .rightQuick {top:160px;}
.rightQuick > ul {width:94px;}
.rightQuick > ul > li {margin-top:1px;}
.rightQuick > ul > li a {display:inline-block; width:100%; padding:1.13rem 0; font-size:1rem; font-weight:300; color:#fff; text-align:center; vertical-align:middle; background-color:rgba(22,22,34,.9);}
.rightQuick > ul > li a span {display:block; margin-top:0.8rem;}
#gnb_wrap {position:relative; width:1100px; margin:0 auto;}
#gnb {top:60px;}
#gnb > li > a {height:auto; padding:0 1.13rem 1.1rem; font-size:1.2rem; font-weight:500; color:#363535;}
#gnb > li > a:hover {color:#000; text-shadow:0 0 0 #000, 0 0 0 #000, 0 0 0 #000, 0 0 0 #000, 0 0 0 #000;}
#gnb > li > div {top:34px;}
#gnb > li .gnb_sub {min-width:180px; padding:0; border-top:0; border-bottom:0; background-image:none; background-color:rgba(9,8,21,.8);}
#gnb > li .gnb_sub li {padding:0; border-top:1px solid rgba(255,255,255,.25); font-size:1rem; line-height:normal; text-align:left;}
#gnb > li .gnb_sub li:first-child {border-top:0;}
#gnb > li .gnb_sub li a {padding:1rem 1.67rem; color:#fff;}
#gnb > li .gnb_sub li a:hover {text-decoration:none; background-color:#3768a7;}
#gnb > li .gnb_sub span.nav-bullet {display:none;}
	#gnb > li.fair6082 span.frag-2 {margin-left:-0.25em;}
#container {width:1100px; border:0;}
#con_container {padding:3rem 0 5rem;}
.sub_visual {height:176px; text-align:center; background:url('/home/2018/smartgeoexpo/image/sub_visual_2020.png') no-repeat center 0; background-size:cover;}
#content {margin-left:0;}
#content.sub_content {overflow:hidden; padding:0; border:0;}
#content.sub_content .com_subtitle, #ex_application .com_subtitle {overflow:hidden; height:auto; padding:3.33rem 0 1.3rem; font-size:2rem; color:#080808;}
#content.sub_content .com_subtitle .menu_name, #ex_application .com_subtitle .menu_name {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 {float:right; position:relative; bottom:auto; right:auto; margin-top:1rem; font-size:0.93rem; color:#3a3a3a;}
#sidebar {display:block; position:relative; float:left; width:208px; z-index:1; top:auto; left:auto; margin-right:3.33rem; border-right:0;}
#sidebar .colorBox {padding:0; background-image:none; background-color:#fff;}
#lnb h2 {display:block; padding:60px 10px; font-weight:500; font-size:1.867rem; color:#fff; text-align:center; line-height:1.3; word-break:keep-all; word-wrap:break-word; background-color:#35639f;}
#lnb h2:before {content:''; display:block; width:48px; height:2px; margin:0 auto 1rem; background-color:#fff;}
#lnb > ul {display:block; margin-top:2.3rem; padding:0; border-bottom:2px solid #093469;}
#lnb > ul > li {border-top:1px solid #d5d6d6;}
#lnb > ul > li:first-child {border-top:0;}
#lnb > ul > li > a {max-width:initial; height:auto; padding:1rem 0.8rem; color:#353535; font-size:1.1rem; font-weight:400; letter-spacing:-0.04em;}
#lnb > ul > li > a:hover {background-image:none;}
#lnb > ul > li > a:before {content:''; padding-right:0;}
#lnb > ul > li.on > a {color:#093469; background:url('/home/2018/smartgeoexpo/image/bg_lnb_on.png') no-repeat 96% center;}
#lnb > ul > li.fair6156.on > a {background:none;}
#lnb > ul > li > ul li {padding:0.5rem 1rem;}
#lnb > ul > li > ul li a {padding:0;}
#lnb > ul > li > ul li a:before {content:'-'; padding-right:8px; font-weight:600;}
#lnb > ul > li > ul li a:hover {color:#093469; background-image:none;}
#lnb > ul > li > ul li.on a {color:#093469;}
#lnb h3, #sidebar .side_btn, #sidebar #guide {display:none;}
	.fairmenu6083 #lnb h2, .fairmenu6084 #lnb h2, .fairmenu6151 #lnb h2, .fairmenu6152 #lnb h2 {padding:42px 10px;}
#scroll {display:none;}
.footer > div {width:auto; padding:0;}
.mainLogoArea {overflow:hidden; border-top:1px solid #d7d7d8;}
.mainLogoWrap {width:1100px; margin:0 auto; padding:1.67rem 0;}
.mainLogoWrap > div {min-height:3rem; margin-bottom:1rem; font-size:0; vertical-align:middle;}
.mainLogoWrap > div strong {display:inline-block; width:8rem; border-left:1px solid #403e3f; border-right:1px solid #403e3f; font-size:1.1rem; font-weight:500; color:#403e3f; text-align:center; vertical-align:top; margin-top:1.3rem}
.mainLogoWrap > div ul {overflow:hidden; display:inline-block; width:calc(100% - 10rem); margin-left:1.333rem; vertical-align:middle;}
.mainLogoWrap > div ul.logoList3 {width:calc(100% - 11rem); margin-left:2.333rem;}
.mainLogoWrap > div ul li {display:inline-block;width:calc(20% - 1rem);padding: 0.2rem;margin:0.3rem 0 0.3rem 1rem;text-align:center;border: 1px solid #eee;vertical-align:middle;box-sizing:border-box;}
.mainLogoWrap > div ul li.geo {background:#521659}
.mainLogoWrap > div ul li img {max-width:100%;}

.footer > div.sitemapArea {overflow:hidden; padding:2.4rem 0; background:#0b0c12 url('/home/2018/smartgeoexpo/image/bg_sitemap.png') no-repeat center 0; background-size:cover;}
.sitemapList {overflow:hidden; width:1100px; margin:0 auto;}
.sitemapList > li {float:left; width:16.66%; color:#fff; text-align:left;}
.sitemapList > li b {display:block; font-size:1.15rem; font-weight:400;}
.sitemapList > li > ul {overflow:hidden; margin-top:1.2rem;}
.sitemapList > li > ul > li {overflow:hidden; margin-top:8px; font-size:0.9rem; font-weight:300; text-align:left; line-height:normal;}
.sitemapList > li > ul > li a {color:#fff;}
.snsArea {overflow:hidden; width:1200px; margin:3.33rem auto 0; text-align:center;}
.snsArea a {display:inline-block; margin:0 0.5rem;}
.footer > div.footerInfo {overflow:hidden; padding:2rem 0; background-color:#2d2e33;}
.footerInfoWrap {overflow:hidden; width:1100px; margin:0 auto; font-size:0;}
.footerInfoWrap > p {display:inline-block; width:20%; vertical-align:middle;}
.footer > div.footerInfo address {display:inline-block; width:80%; margin-left:0; font-size:0.933rem; font-weight:300; color:#a2a2a2; line-height:1.5; vertical-align:middle;}
.footer > div.footerInfo address strong {display:block; color:#fff; font-weight:400;}
.footer > div.footerInfo address span {display:inline-block;}
.footer > div.footerInfo address span.footEmail:before {content:'|'; padding-right:20px;}
.footer > div.footerInfo address span a {color:#a2a2a2;}
.footer > div.footerInfo address .copyright {display:block; padding-right:0; font-weight:300;}

/* * * main * * */
#container.main_container {overflow:hidden; position:relative; width:100%; margin-top:-9px; padding-bottom:100px; border:0;}
/* main slide */
.mainSlideArea {overflow:hidden; position:relative; height:27.8rem; margin:0 auto;}
.mainSlideArea .slideVisual {overflow:hidden;}
.mainSlideArea .slideVisual .slide-item {position:relative; height:27.8rem;}
.mainSlideArea .slideVisual .slide1 {background:url('/home/2018/smartgeoexpo/image/main_visual_01_2020.png') no-repeat center center; background-size:cover;}
.mainSlideArea .slideVisual .slide2 {background:url('/home/2018/smartgeoexpo/image/main_visual_02_2019.png') no-repeat center top; background-size:cover;}
.mainSlideArea .slideVisual .slide3 {background:url('/home/2018/smartgeoexpo/image/main_visual_03_2019.png') no-repeat center top; background-size:cover;}
.mainSlideArea .slideVisual .slide4 {background:url('/home/2018/smartgeoexpo/image/main_visual_04_2019.png') no-repeat center center #ecedee}
.mainSlideArea .slideVisual .slide4 a {display:block; display:inline-block; position:absolute; top:47%; left:calc(50% - 34rem); width:13rem; height:3rem; box-sizing:border-box; font-size:0;}
.mainSlideArea .slideVisual .slide5 {background:url('/home/2018/smartgeoexpo/image/main_visual_05.png') no-repeat #0094DA; background-position:center 3rem;}
.mainSlideArea .slideTxt {position:absolute; top:12%; left:50%; transform:translate(-50%, 0); pointer-events:none;}
.mainSlideArea .slideTxt img {max-width:100%;}
.mainSlideArea .slick-dots {bottom:75px;}
.mainSlideArea .slick-dots li {margin:0;}
.mainSlideArea .slick-dots li button:before {color:#fff;}
.mainSlideArea .slick-dots li.slick-active button:before {opacity:1; color:#fff;}
.mainSlideArea .slideVisual .slideLinkBox {position:absolute; bottom:20%; right:calc(50% - 530px); display:inline-block;}
.mainSlideArea .slideVisual .slideLinkBox img {width:16.5rem; display:none}
/* .mainSlideArea .slideVisual .slide2 .slideLinkBox a {position:absolute; display:inline-block; width:162px; height:35px; font-size:0;}
.mainSlideArea .slideVisual .slide2 a.slideLink1 {top:69px; left:37px;}
.mainSlideArea .slideVisual .slide2 a.slideLink2 {top:69px; left:212px;} */
/* quickArea */
.quickArea {overflow:hidden; position:relative; margin:-4.53rem auto 0; z-index:2; background-color:rgba(9,8,21,.8);}
.quickArea > ul {width:1100px; margin:0 auto;}
.quickArea > ul > li {float:left; width:25%; height:4.53rem; border-right:1px solid #4d4a56; box-sizing:border-box;}
.quickArea > ul > li:first-child {border-left:1px solid #4d4a56;}
.quickArea > ul > li a:before {content:''; display:inline-block; width:1px; height:100%; margin-left:-1px; vertical-align:middle;}
.quickArea > ul > li a {display:inline-block; width:100%; height:100%; font-size:1.067rem; color:#fff; text-align:center; vertical-align:middle;}
.quickArea > ul > li a img, .quickArea > ul > li a span {display:inline-block; vertical-align:middle;}
.quickArea > ul > li a img {margin-right:1rem; max-height:60%;}
.quickArea > ul > li a:hover {background-color:#34639f;}

/* compArea */
.compArea {position:relative; overflow:hidden; margin:2.67rem auto; width:1100px;}
.compArea .boardTit strong {font-size:1.18rem; font-weight:500; color:#080808;}

/* boardArea */
.boardArea {overflow:hidden; margin:2.67rem 0;}
.boardWrap {overflow:hidden; width:100%; max-width:1100px; margin:0 auto;}
.boardWrap > div.boardItem {position:relative; float:left; width:calc(33.33% - 1.5rem); box-sizing:border-box; margin-right:2rem}
.boardWrap > div.boardItem:last-child {margin-right:0}
.boardItem {overflow:hidden; position:relative;}
.boardItem .boardTab {overflow:hidden; position:relative;}
.boardItem .boardTab ul {overflow:hidden; border-bottom:1px solid #d9d9d9;}
.boardItem .boardTab ul li {float:left;}
.boardItem .boardTab ul li a {display:block; padding-bottom:1rem; border-bottom:2px solid #d8d8d8; font-size:1.18rem; font-weight:500; color:#656565; text-align:center; letter-spacing:-0.06em;}
.boardItem .boardTab ul li.active a {border-bottom:2px solid #2884db; color:#080808;}
.boardTit {position:relative; overflow:hidden; padding-bottom:1.12rem; border-bottom:1px solid #d9d9d9;}
.btn_more {position:absolute; top:2px; right:0;}
.main_bbs {overflow:hidden; margin-top:1.33rem;}
.main_bbs > li {margin-top:1rem; font-size:0.933rem;}
.main_bbs > li:first-child {margin-top:0;}
.main_bbs > li a {overflow:hidden; position:relative; display:block;}
.main_bbs > li a:hover strong.title {color:#34639f;}
.main_bbs > li strong.title { position:relative; overflow:hidden; display:inline-block; box-sizing:border-box; max-width:80%; padding-right:16px; font-weight:400; color:#3b3b3b; text-align:left; text-overflow:ellipsis; white-space:nowrap; transition:color 0.3s;}
.main_bbs > li span.text { vertical-align:middle; }
.main_bbs > li .icon_new { position:absolute; top:0.125em; right:0; vertical-align:middle; }
.main_bbs > li span.date {position:absolute; top:0; right:0; width:20%; font-weight:300; color:#a0a0a0; text-align:right;}
.compList {margin-top:1.2rem;}
.compList .slick-track { margin-left:0; }
.compList .slick-slide {position:relative; height:101px; margin:0 3px; padding:0 1rem; border:1px solid #dfdfdf; box-sizing:border-box;}
.compList .slick-slide img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:100%; max-height:100%; margin:0 auto;}
/* linkArea */
.linkArea {overflow:hidden; margin:0 auto; padding:2rem 0; background-color:#d9dfe7;}
.linkArea .linkTit {font-size:1.7rem; font-weight:400; text-align:center;}
.linkArea .linkTit strong {font-weight:500;}
.linkList {width:1100px; margin:1.537rem auto 0;}
.linkList > li {float:left; width:32.5%; height: 13.367rem; margin-left:1.25%; box-sizing:border-box; transition:filter 0.6s; }
.linkList > li:first-child {margin-left:0;}
.linkList > li:hover { filter:brightness(1.2) contrast(1.2); }
.linkList > li > a {display:block; width:100%; height:100%; padding:1.63rem 1.67rem; box-sizing:border-box;}
.linkList > li strong {display:block; font-size:1.3rem; font-weight:500; color:#fff; word-break:keep-all; word-wrap:break-word;}
.linkList > li strong:after {content:''; display:block; width:4rem; height:2px; margin-top:1rem; background-color:#fff;}
.linkList > li.link01 {background:url('/home/2018/smartgeoexpo/image/img_link01.png') no-repeat center center;}
.linkList > li.link02 {background:url('/home/2018/smartgeoexpo/image/img_link02.png') no-repeat center center;}
.linkList > li.link03 strong {padding-bottom:1.3rem; border-bottom:1px solid #6b798c; text-align:center;}
.linkList > li.link03 strong:after {display:none;}
.linkList > li.link03 p {margin-top:1.3rem; font-size:0.8rem; color:#d2d2d2; text-align:center; word-break:keep-all; word-wrap:break-word;}
.linkList > li.link03 {padding:1.9rem 2rem 0; background-color:#3a4c65;}
.linkList > li.link03 .inputEmail {overflow:hidden; margin-top:1.3rem;}
.linkList > li.link03 .inputEmail input[type=text] {float:left; width:70%; height:2.67rem; text-indent:1rem;}
.linkList > li.link03 .inputEmail a {overflow:hidden; display:block; height:2.67rem; font-size:1rem; color:#fff; text-align:center; background-color:#061425;}
.linkList > li.link03 .inputEmail a:before {content:''; display:inline-block; width:1px; height:100%; margin-left:-1px; vertical-align:middle;}
.linkList > li.link03 .inputEmail a span {display:inline-block; vertical-align:middle;}
/* infoArea */
.infoArea {overflow:hidden;margin: 2rem 0 4.67rem;}
.infoWrap {width: 1100px;margin:0 auto;}
.infoLeft {float:left; width:58.34%; padding-right:4rem; box-sizing:border-box;}
.infoRight {overflow:hidden;}
.image-slide {overflow:hidden; margin-top:1.2rem;}
.image-slide > a {float:left; display:block; width:32%; margin-left:2%;}
.image-slide > a:first-child {margin-left:0;}
.image-slide > a img {width:100%;}
.videoArea {overflow:hidden; margin-top:2.67rem;}
.videoWrap {overflow:hidden; position:relative; height:0; margin-top:1.2rem; padding-top:56.25%; text-align:center;}
.videoWrap iframe {position:absolute; top:0; left:0;}
.fbArea {overflow:hidden;}
.fbTit {display:block; padding:1rem 0; font-size:1rem; font-weight:500; color:#fff; text-align:center; background-color:#4267b2;}

/* * sub contents * */
.prgList {overflow:hidden; border-top:2px solid #0d2e57;}
.prgList > li {display:table; width:100%; padding:1.67rem 0; border-top:1px solid #cfd0d8;}
.prgList > li:first-child {border-top:0;}
.prgList > li > div {display:table-cell; vertical-align:middle;}
.prgList > li > div.prgImg {position:relative; width:15%; text-align:center;}
.prgList > li > div.prgImg.new img.new {position:absolute; top:0; left:0;}
.prgList > li > div.prgTit {width:15%; text-align:center; color:#161616;}
.prgList > li > div.prgTit b {display:block; margin-bottom:0.5rem; font-size:1.53rem; font-weight:500;}
.prgList > li > div.prgTit p {font-size:1.3rem; font-weight:400;}
.prgList > li > div.prgTit p span {display:block;}
.prgList > li > div.prgTxt {padding-left:1rem; word-break:keep-all; word-wrap:break-word; line-height:1.4;}
.prgList > li > div.prgTxt span {display:block; margin-top:1rem; font-size:1.2rem; font-weight:500; color:#1353a5;}
.prgList > li > div.prgTxt p {}
.callArea {overflow:hidden;}
.callArea > div {width:50%; float:left;}
.callArea > b {display:block; font-size:1.133rem; font-weight:400; color:#273d5c;}
.callArea a {color:#273d5c;}
.aboutArea {overflow:hidden;}
.aboutWrap {overflow:hidden; padding:2rem; background-color:#f6f6f6;}
.aboutWrap > li {display:table; width:100%; padding:1.2rem; border-top:1px dashed #dcdcdc; box-sizing:border-box;}
.aboutWrap > li:first-child {border-top:0;}
.aboutWrap > li > div {display:table-cell; vertical-align:middle;}
.aboutWrap > li > div.aboutImg {width:20%; text-align:center;}
.aboutWrap > li > div.aboutTxt {padding-left:1.5rem;}
.aboutWrap > li > div.aboutTxt strong {font-size:1.2rem; font-weight:400; color:#1353a5;}
.aboutWrap > li > div.aboutTxt p {margin-top:0.6rem; font-weight:300;}
.aboutWrap > li > div.aboutTxt p b {font-weight:400;}
.aboutWrap > li > div.aboutTxt p span ~ span {margin-left:2rem;}
.cofPopTit {display:block; padding-bottom:1rem; margin-bottom:2rem; border-bottom:4px solid #19225d; font-size:2rem;font-weight:500;}
.spksArea {overflow:hidden;}
.spksArea .spksImg {float:left; width:200px;}
.spksArea .spksTxt {overflow:hidden; padding-left:2rem;}
.spksArea .spksTxt strong {display:block; margin-bottom:1rem; font-size:1.6rem; font-weight:500; word-break:keep-all; word-wrap:break-word;}
.spksArea .spksTxt b {display:block; margin-bottom:2rem; font-size:1.2rem; font-weight:400; word-break:keep-all; word-wrap:break-word;}
.spksArea .spksTxt p {font-weight:300; line-height:1.5; word-break:keep-all; word-wrap:break-word;}
.prArea {overflow:hidden;}
.prArea iframe {width:100%; height:29rem;}

/* Boards */
.bbs_list .category { display:inline-block; margin-right:0.5rem; color:#35639f; }
.bbs_list .category:before { content:'['; }
.bbs_list .category:after { content:']'; }
.bbs_category > .selected { background-color:#35639f; border-radius:0.5rem; }
.bbs_category > .selected a { color:#fff; }

.bbs_list td.date { font-size:0.875rem; color:#666; }

/* Register */
.event201 .btn_confirm { display:none; }
.event201.event_comment .textBox { border:1px solid #ddd; margin-bottom:1.5rem; padding:2rem; line-height:1.5; }
.event201.event_comment .chkArea * { vertical-align:baseline; }
.event201.event_comment .chkArea input { width:1rem; height:1rem; margin-right:0.5rem; }
.checkid.btn_1_2 { width:auto; height:auto; padding:0.4rem 1rem; font-size:0.9rem; line-height:1; background:#354f98; color:#fff; border-radius:3px; }
.checkid.btn_1_2:hover { background-color:#356bb3; }
.event201 .event_success { padding-bottom:70px; }
.event201 .event_success .event_title { display:none; }
.event201 .event_success_message .desc { font-size:1.2rem; font-weight:normal; }


/* Sign-in*/
.SignArea{overflow:hidden;}
#st01 {width:100%;border:1px solid #e9eaea;background:#f3f3f3;color:#;border-radius:10px;}
#st01 dt {text-align:center;font-size:24px;color:#35639f;font-weight:bold;padding-top:40px;}
#st01 dd.b_con {font-size:18px;line-height:24px;overflow:hidden;padding:30px;}
#st01 dd.s_con {text-align:center;font-size:16px;padding:30px;}
.SignArea .sign_btn_zone .btn {margin:0 0.5rem 0.5rem 0}



@media only screen and (max-width:1099px){
    html {font-size:13px;}
    /* mypage */
    #ex_application { box-sizing:border-box; width:auto; max-width:100%; border-top:1px solid #d4d4d4;}
    .stepTitle {display:none;}
    .step1_btn {width:auto;}
    .step1_btn li {float:none; text-align:center;}
    .step1_btn li a {display:inline-block;}
    #ex_application .com_subtitle {overflow:hidden; height:auto;}
    #ex_application .com_subtitle .menu_name {overflow:hidden; float:left;}
    #ex_application .com_subtitle .breadcrumb {float:right; position:relative; bottom:auto; right:auto;}
    /* layout */
    #wrap {/* padding-top:calc(75px + 14.263%); background-position-y:75px;*/ }
    #header_wrap {width:100%; min-width:320px; height:110px; padding-bottom:0; z-index:99; border-bottom:0;}
    #header {width:100%; height:110px; min-width:320px; padding-top:0; background-color:#fff;}
    #header #logo{top:50%; left:50%; z-index:1; right:auto; height:auto; margin:0; transform:translate(-50%,-50%);}
    #header h1 img{width:auto; max-height:100%; padding:0;}
    #topMenu {margin-top:65px;}
    #topMenu > ul {width:auto;}
    .rightQuick {display:none;}
    #app-menu-button { display:block; position:absolute; top:23px; 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; }
    #header #gnb {overflow:auto; position:absolute; top:100px; left:0; bottom:0; right:0; margin:0; z-index:14; width:100%; height:auto;}
    #header #gnb > li {width:auto; 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; color:#2e0f4d;}
    #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:#304993; color:#fff;}
    #header #gnb > li.active > a{background:#304993; color:#fff;}
    #header #gnb > li.selected > a {background:#304993; color:#fff;}
    #gnb>li .gnb_sub {background-color:#fff;}
    #header #gnb > li .gnb_sub_wrap {overflow:hidden; position:relative; display:block; width:auto; left:0; top:0; height:0; border-top:0; margin-left:0; visibility:visible; box-shadow:none; visibility:visible; opacity:1; transition:none;}
    #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 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; }
    #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;}
    .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; }
    .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; }
    #sidebar {display:none;}
    #content.sub_content {float:none; width:auto; padding:10px 15px 0;}
    #con_container {padding:3.33rem 0 6.67rem;}
    #container {width:auto; border:0; margin:0;}
    #content.sub_content .com_subtitle .breadcrumb {display:block; width:auto;}
    #content.sub_content .com_subtitle .breadcrumb, #ex_application .com_subtitle .breadcrumb {margin-top:0;}
    #con_container {width:auto;}
    .mainLogoWrap {width:auto; padding:1.67rem 1rem;}
    .mainLogoWrap > div {display:block;}
    .mainLogoWrap > div.logoBox1 {width:auto;}
    .mainLogoWrap > div.logoBox2 {width:auto; margin-left:0; margin-top:1rem;}
    .sitemapList {width:auto; padding:2.4rem 1rem;}
    .snsArea {width:auto;}
    .footerInfoWrap {width:auto; text-align:center;}
    .footerInfoWrap > p {display:block; width:auto;}
    .footer > div.footerInfo address {width:auto; margin-top:1.3rem;}
    .footer > div.footerInfo address strong {margin-bottom:0.8rem;}
    .footer > div.footerInfo address span {overflow:hidden; display:block;}
    .footer > div.footerInfo address span i {float:right;}
    .footer > div.footerInfo address span.footEmail:before {content:''; padding:0}

    /* * main * */
    .mainSlideArea {height:27rem;}
    .mainSlideArea .slideVisual .slide-item {height:27rem;}
    .mainSlideArea .slideVisual .slide4 {background-position:right top; }
    .mainSlideArea .slideVisual .slide4 a {top:63%; left:5rem; width:14rem; height:4rem;}
    .mainSlideArea .slideVisual .slide5 {background-size:contain; background-position:center;}
    .mainSlideArea .slideTxt{top:25%;}
	.mainSlideArea .slideVisual .slideLinkBox {right:5rem; bottom:3rem; display:none}
    .mainSlideArea .slick-dots {bottom:10px;}
    .quickArea {margin-top:0;}
    .quickArea > ul {width:auto;}
    .quickArea > ul > li {height:5.5rem;}
    .quickArea > ul > li a {font-size:1rem;}
    .quickArea > ul > li a img {margin-right: 0.5rem; max-height:30%;}

	.compArea {width:auto; padding:0 1rem;}
    .boardWrap {width:auto; padding:0 1rem;}
    .linkList {width:auto; padding:0 1rem;}
    .infoWrap {width:auto; padding:0 1rem;}

}
/*?????*/
#pageWrap {  position: relative;margin: 0px auto;overflow: hidden;}
.pageTab {width:initial; width:auto; overflow:hidden; padding:0; margin:0 0 60px 0;}
.pageTab li {float:left; width:50%; border:1px solid #dedede; box-sizing:border-box;}
.pageTab li a {display:block; width:100%; padding:1rem 0; border-bottom:6px solid #f1f1f1; margin:0; box-sizing:border-box; cursor:pointer; font-size:17px; color:#8f8f8f; text-align:center; background-color:#f1f1f1;}
.pageTab li a.on {color:#35639f; background-color:#fff; border-bottom:6px solid #35639f;}

@media only screen and (max-width:960px){
	/* * main * */
    .mainLogoWrap > div strong {width:7rem; font-size:1rem;}
	.mainLogoWrap > div ul {width: calc(100% - 9rem);}
}

@media only screen and (max-width:880px){
	/* * layout * */
	.footer > div.sitemapArea {background:none; background-color:#0b0c12;}
	.sitemapList {display:none;}
	.snsArea {margin-top:0;}

    /* * main * */
    .mainSlideArea .slideVisual .slide1 {}
    .mainSlideArea .slideVisual .slide4 {background:url('/home/2018/smartgeoexpo/image/main_visual_04_m.png') center center no-repeat #ECEDEE; background-size:contain; }
    .mainSlideArea .slideVisual .slide4 a {top:72%; left:36%; width:28%; height:3rem;}
	.boardWrap > div.boardNotice {float:none; width:auto; padding-right:0;}
	.linkList > li strong {font-size:1.4rem;}
	.infoLeft {float:none; width:auto; padding-right:0;}
	.infoRight {margin-top:2.67rem; text-align:center;}
	.fbTit {display:inline-block; width:500px;}
}

@media only screen and (max-width:760px){
	/* * layout * */
	.sub_visual {height:110px;}
    /* * main * */
    .mainSlideArea {height:20rem;}
    .mainSlideArea .slideVisual .slide-item { height:20rem; }
	.mainSlideArea .slideTxt {width:67%;}
    .boardWrap > div.boardItem {float:none; width:auto; margin-right:0; margin-top:2.5rem}
    .linkList > li {width:49%; margin-left:2%;}
    .linkList > li.link03 {width:100%; margin-left:0; margin-top:1rem;}

    /* sub */
    .aboutWrap > li > div.aboutTxt p span ~ span {display:block; margin-left:0;}
}

@media only screen and (max-width:580px){
    html {font-size:11px;}
    /* main */
    .mainLogoWrap > div ul li {width:calc(33% - 1rem);}
    .mainLogoWrap > div ul li img {max-height:3rem}

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

@media only screen and (max-width:499px){
	.mainSlideArea .slideVisual .slide1 {background-position:-20rem;}
	.mainSlideArea .slideTxt {width:61%;}
	.fbTit {display:block; width:auto;}
    .quickArea > ul > li a img {display:none}
}

@media only screen and (max-width:480px){
	/* * layout * */
	.sub_visual {height:80px;}
    /* * main * */
    .quickArea > ul > li a {font-size:1rem; letter-spacing:-0.08em;}
	.quickArea > ul > li a img {max-height:30%; margin-right:0.3rem;}
	/* * sub * */
	.stepList > li {padding:1rem; background:none;}
	.stepList > li.first div {height:11rem;}
	.stepList > li .stepTit b {font-size:1.2rem;}
	.stepList > li .stepTit p {margin-top:0.6rem; font-size:1rem;}
	.stepList > li p.stepTxt {margin-top:1rem; font-size:0.9rem;}
	.spksArea .spksImg {float:none; margin:0 auto;}
	.spksArea .spksTxt {margin-top:1.5rem; padding-left:0;}
}



/* !!!!!!!!! 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; margin-left:0 !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; }


  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:76px; 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; }
  #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] */