@font-face {
font-family: NanumBarunGothic;
src: url("/webfont/NanumBarunGothic.eot"), /*eot 익스 구형 웹브라우져 사용*/
       url("/webfont/NanumBarunGothic.woff") format("woff");
}
img{max-width:100%; height:auto;}
#header,#maincontent,#footer{max-width:780px; margin:0 auto;}
#maincontent{min-height:400px;}
#header .menu{float:left; width:15.4%;}
#header .title{float:right; width:84.6%;}
#footer .fixed{position:fixed; bottom:0px;}
.empty-img{margin-top:-4px;}
#footer a{float:left; display:block; width:25%;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute; bottom:10px;width: 100%; text-align: center;}
#nav {clear:both; border-top:1px solid #e0e0e0; position:relative; z-index:10;}
#nav > div{display:block; width:25%; float:left; text-align:center; cursor:pointer; box-sizing: border-box; border-right:1px solid #e0e0e0; position:relative;  border-bottom:1px solid #e0e0e0;}
#nav > div:last-child{border-right:none;}
#nav > div > a{display:block; width:100%; float:left; text-align:center; padding:20px 0px; font-family:'NanumBarunGothic'; box-sizing: border-box; cursor:pointer;}
.dropdown-content{display:none; position:absolute; background:rgba(84,69,131,0.6); width:100%; z-index: 3; left:0px; top:38px; z-index:9999; border-top:3px solid #544583;}
.dropdown-content a{color:#fff; display:block; margin:20px 0px; font-size:12px; letter-spacing:-0.4px;}
.dropdown-content a:hover{color: #544583;}
.show{display:block;}


.tab{width: 100%; margin: 15px 0px 15px;overflow: hidden;}
.tab li{width:33.3%; border-right:1px solid #f5f5f5; float:left; text-align:center; box-sizing: border-box;}
.tab li a{display:block; padding:15px 0px; background:#f8f8f8; color:#333; font-size:11px; letter-spacing:-0.5px;}
.tab li a:hover,.tab li a:active,{background:#fdab21; color:#fff;}
.tabon a{background:#fdab21 !important; color:#fff !important;}
.tab li:last-child{border-right:none;}
.review li{width:50% !important;}



.m-menu{background:rgba(0, 0, 0, 0.7); position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:90; line-height:26px; color:#fff; text-align:center; overflow-y:auto; display:none;}
.qnatab{padding:50px 40px 20px;}
.m-menu dt,.m-menu dd,.m-menu a{color:#fff; cursor:pointer; display:block;}
.m-menu dt{font-size:15px; border-bottom:1px solid #eee; padding:15px 0px;}
.m-menu dt.on{border-bottom:1px dotted #eee; background:#fdab21; color:#333; font-weight:bold;}
.m-menu dd{display:none; padding:10px 0px;}
.m-menu dd.on{border-bottom:1px solid #eee; }
.m-menu dd a{font-size:13px; color:#eee; border-bottom:1px dotted #777;}
.xbtn{position: absolute;top:40px;right: 30px;}
.xbtn img{width:25px;}