@charset "utf-8";*{margin:0;padding:0;border:0;font-size:12px;font:inherit;vertical-align:baseline;font-family: "Noto Sans Korean", "Open Sans", "malgun gothic", "Nanum Gothic", dotum, arial, sans-serif;outline:none}section,nav,menu,hgroup,header,footer,figure,figcaption,details,aside,article{display:block}body{line-height:1}ul,ol{list-style:none}q,blockquote{quotes:none}q:after,q:before,blockquote:after,blockquote:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}input{border:1px solid #CCC}select{border:1px solid #CCC}.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after{margin-left:0!important}.mm-menu.mm-white .mm-list > li > a.mm-subclose{color:rgba(0,0,0,0.9)!important}

.lines-button{padding:3px 13px;transition:.3s;cursor:pointer;border-radius:1px}.lines{border-radius:1px;display:inline-block;width:20px;height:2px;background:#bbb;transition:.3s;position:relative}
.lines:before,.lines:after{border-radius:1px;display:inline-block;width:20px;height:2px;background:#bbb;transition:.3s;position:absolute;left:0;content:'';-webkit-transform-origin:1.42857px center;transform-origin:1.42857px center}
.lines:before{top:-6px}.lines:after{top:-12px}.lines-button.close .lines{background:rgba(0,0,0,0)}.lines-button.close .lines:before{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg)}.lines-button.close .lines:before,.lines-button.close .lines:after{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;top:0;width:20px}.lines-button.close .lines:after{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg)}.lines-button.arrow .lines:after{-webkit-transform:rotate3d(0,0,1,-40deg);transform:rotate3d(0,0,1,-40deg)}.lines-button.arrow .lines:before{-webkit-transform:rotate3d(0,0,1,40deg);transform:rotate3d(0,0,1,40deg)}.lines-button.arrow .lines:before,.lines-button.arrow .lines:after{top:0;width:11.11111px}html,body,.junggo_layout{width:100%;min-height:100%}


#menu > ul{padding:0!important;margin-top:80px;border-top:1px solid rgba(0,0,0,0.15)}
.junggo_layout > .headerBar{width:100%;height:182px;background-color:#fff;box-shadow:0 1px 1px rgba(0,0,0,0.05)}.junggo_layout > .headerBar > a > 
.menuButton{position:absolute;top:0;background-color: #7c8388;left:0;height:44px;width:45px}

.junggo_layout > .headerBar > .logo,.junggo_layout > .headerBar > .searchForm > .searchInput{margin-left:6px;padding:8px 0 0;float:left;font-size:20px;line-height:22px}.junggo_layout > .headerBar > .logo > a{color:#333}.junggo_layout > .headerBar > .logo > a > img{wight:auto;margin-top: -2px;margin-right:5px}
.junggo_layout > .headerBar > .searchButton,.headerBar > .searchForm > .searchBtn{display: inline-block;cursor: pointer;font-size:13px;font-weight:500;line-height:1.4;text-align: center;padding:4px;border-radius:4px;border-width: 1px;border-style: solid;text-decoration: none!important;-webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;color: #fff!important;border-color: #3493ff!important;background-color: #2990e4!important;margin: 8px 2px 0 6px;float: right;}
.junggo_layout > .headerBar > .searchForm{display:none}.junggo_layout > .headerBar > .searchForm > .searchInput > input{width:240px;border:none;border-bottom:1px solid #CCC;border-radius:0}
.headerBar > .searchForm > .searchBtn{margin-bottom:8px;line-height:18px;padding:4px 12px}.junggo_layout > .footerB{width:100%;float: left;height: 210px}
.junggo_layout > .footerB > .menuBar{width:100%;height:30px;border-top:1px solid #444;background-color:#555}.junggo_layout > .footerB > .menuBar > li{width:25%;float:left;border-bottom:1px solid #272727;height:30px}
.junggo_layout > .footerB > .menuBar > li > a{color:#eee;display:block;border-right:1px solid #272727;text-align:center;line-height:30px}
.junggo_layout > .footerB > .menuBar > li > a:last=child{border:none}.junggo_layout > .footerB > div{color:#eee;background: #444;text-align:center;padding:20px 0px}

.bottom_navbar{position: fixed; display: flex; z-index: 999; width: 100%; bottom:0; left: 0; justify-content: space-between; background-color:#fff;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);}
.bottom_navbar > div{position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;min-width: 0%;padding: 0.8rem 2.2rem;}
.bottom_navbar > div > a{list-style: none;cursor: pointer;text-decoration: none;font-size: 1.4rem; line-height: 1.0rem; color: #bbb;}
.bottom_navbar > div > a > p{word-break: keep-all;text-align: center; font-size: 0.8rem; line-height: 1.4rem; color: #bbb;}

.userArea{width:100%;height:80px;position:relative;background:#222;background-size:cover;background-position:center;overflow:hidden}
.userArea > .profileImage{position:absolute;width:58px;height:58px;background-size:60px;top:7px;left:15px;border:1px solid #CCC;border-radius:30px;background-color:#FFF;padding:2px;box-shadow:0 1px 1px rgba(0,0,0,0.2)}
.userArea > .profileImage > div{width:58px;height:58px;border-radius:30px;background-size:58px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.3)}
.userArea > .profileImage > span{display:block;width:58px;height:58px;border-radius:30px;overflow:hidden;text-align:center;line-height:80px;font-size:65px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.3)}
.userArea > .profileImage > span > span{margin-left:-3.5px}
.userArea > .nickName{position:absolute;left:85px;top:25px;font-size:24px;font-weight:700;color:#fff;color:rgba(255,255,255,0.9);text-shadow:0 1px 1px rgba(0,0,0,0.3)}.userArea > .groupList{position:absolute;top:52px;left:80px;font-size:12px;color:#fff;color:rgba(255,255,255,0.8);text-shadow:0 1px 1px rgba(0,0,0,0.2);max-width:55%}.userArea > .memberBtn{position:absolute;top:0;bottom:0;right:0;width:40px;box-shadow:0 0 5px rgba(0,0,0,0.5)}.userArea > .memberBtn > a{display:block;width:40px;height:39px;border-bottom:1px solid rgba(0,0,0,0.2);line-height:44px;text-align:center;color:rgba(255,255,255,0.9);font-size:20px;background-color:rgba(255,255,255,0.1);text-shadow:0 1px 1px rgba(0,0,0,0.3)}.userArea > .memberBtn > a:last-child{border:none}
#back-to-top {  display: inline-block; background-color: #5795db; width:40px; height: 40px;text-align: center; border-radius: 4px; position: fixed;top:70%; right: 4px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000;}
#back-to-top::after {content: "\f077";font-family: FontAwesome;font-weight: normal;font-style: normal;font-size: 2em;line-height: 50px;color: #fff;}
#back-to-top:hover {cursor: pointer; background-color: #333;}#back-to-top:active {background-color: #555;}#back-to-top.show {opacity: 1;visibility: visible;}
.searchb_btn1 {display: inline-block;cursor: pointer;font-size: 13px;font-weight: 500;line-height: 1.4;
    text-align: center;padding: 4px;border-radius: 4px;border-width: 1px;border-style: solid;text-decoration: none!important;-webkit-transition: all .2s;
    -moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;color: #fff!important;border-color: #3493ff!important;background-color: #2990e4!important;
	margin: 8px 0 0 0px;float: right;}
#headerBar.open{top:0}	
#sitemap2{display:none;position: absolute;bottom: 70px;padding: 12px;border: 1px solid #ccc; border-radius: 0.4rem 0.4rem 0rem 0rem; background-color: #f1f1f1;}
#sitemap2:after{content:"";display:block;clear:both}
#sitemap2.open{display:block}
#sitemap2 ul{display: inline-block;z-index: 10;}
#sitemap2 li{float:left;width:25%;margin:0;padding:0}
#sitemap2 .li1{margin-bottom:15px}
#sitemap2 a{display:block;white-space:nowrap;overflow:hidden;text-decoration:none;text-shadow:none !important;}
#sitemap2 .on{font-weight:500;opacity:1 !important;-ms-transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
#sitemap2 .a1{color: #555;background-color: #fff;line-height: 18px;padding: 10px 8%;margin: 2px;font-weight: 500;font-size: 13px;letter-spacing: -1px;border: 1px solid #ccc;-ms-transform: none;-webkit-transform: none;    -moz-transform: none;    border-radius:0.4rem;}
#sitemap2 .li2{float:left;width:25%}
#sitemap2 .a2{height:26px;margin:5px;line-height:26px;font-size:12px;opacity:.9}