/* 공통 */
* { margin: 0; padding: 0; }
body { font-size: 14px; }
a { color: #fff; text-decoration: none; }
img { width: 100%; vertical-align: top; }
table { width: 100%; border-spacing: 0; border-collapse: collapse; }
table td, table th { padding: 0; font-size: 12px; }
li { list-style: none; }
input, select, textarea { font-size: 14px; }
#m-wrap { position: relative; margin: 0 auto; max-width: 640px; width: 100%; overflow: hidden; }
#m-wrap.on { min-height: 1950px; }



/* 상단 */
#header { position: relative; height: 70px; }
#header h1 { text-align: center; }
#header h1 img { width: auto; height: 70px; }
#header p { position: absolute; top: 0; left: 0; }
#header p.call { left: auto; right: 0; }
#header p img { width: auto; height: 70px; }

#mobile-nav { position: absolute; top: 70px; left: -100%; width: 100%; min-height: 100%; background-color: #545f6c; z-index: 100; transition: all .3s ease; }
#mobile-nav > ul > li a { display: block; padding: 0 25px; height: 50px; line-height: 50px; font-size: 16px; color: #fff; background: url(/mobile/images/sub/arr_sub.png) no-repeat 93% center #424b55; background-size: 8px 5px; border-bottom:1px solid #545f6c;}
#mobile-nav > ul > li.dep { display: none; }
#mobile-nav > ul > li.dep ul li a { padding: 0 25px; height: 50px; line-height: 50px; vertical-align: top; font-size: 16px; color: #fff; background: none; background-color: #545f6c; }
#mobile-nav > ul > li.dep ul li a span { color: #34d1cb; }
#mobile-nav ul li a:hover { background-color: #23252b !important; }
#mobile-nav.on { left: 0; }



/* 하단 */
#footer { clear: both;  }
#footer .info-banner-area {}
#footer .info-banner-area .info-banner { margin: 0 auto; width: 99.99%; overflow: auto; }
#footer .info-banner-area .info-banner a { float: left; width: 33.33%; }
#footer .info-banner-area .info-time { clear: both; }
#footer .bottom { padding-bottom: 30px; background-color: #424b55; }
#footer .bottom .footer-menu { margin: 0 auto; padding: 20px 0; width: 90%; text-align: center; border-bottom: 1px solid #647180; }
#footer .bottom .footer-menu ul li { display: inline-block; margin-left: 20px; padding-left: 20px; border-left: 1px solid #647180; }
#footer .bottom .footer-menu ul li:first-child { margin-left: 0; padding-left: 0; border: 0; }
#footer .bottom .footer-menu ul li a { color: #fff; }
#footer .bottom .copyright { margin: 0 auto; width: 80%; text-align: center; }
#footer .bottom .copyright img { margin: 30px 0 20px; width: /*40%*/65%; }
#footer .bottom .copyright p { margin: 5px; font-size: 11px; text-align: left; letter-spacing: -0.5px; color: #ccc; }




/* 관리자로그인 */
#adm-login-pop { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 200; }
#adm-login-pop .pop-content { position: relative; margin: 150px auto; width: 87%; max-width: 600px; background-color: #fff; }
#adm-login-pop .pop-content .close { position: absolute; top: 10px; right: 10px; width: 20px; }
#adm-login-pop .pop-content h2 { padding: 50px 0 0; font-size: 25px; text-align: center; color: #222; }
#adm-login-pop .pop-content .alert {  margin-bottom: 29px; text-align: center; color: #777; letter-spacing: -0.5px; }
#adm-login-pop .pop-content dl { margin: 0 auto; width: 45%; overflow: auto; }
#adm-login-pop .pop-content dl dt { clear: left; float: left; margin-bottom: 4px; width: 18%; height: 28px; line-height: 28px; }
#adm-login-pop .pop-content dl dd { float: right; margin-bottom: 4px; width: 82%; }
#adm-login-pop .pop-content dl dd input { padding: 0 5px; width: 100%; height: 28px; line-height: 28px; border: 1px solid #aaa; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#adm-login-pop .pop-content .command { padding: 25px 0 50px; text-align: center; }
#adm-login-pop .pop-content .command input[type=submit] { width: 103px; height: 35px; line-height: 35px; vertical-align: middle; text-align: center; color: #fff; border: 0; background-color: #0cada6; }
#adm-login-pop .pop-content .command input[type=button] { width: 103px; height: 35px; line-height: 35px; vertical-align: middle; text-align: center; color: #fff; border: 0; background-color: #555; }



/* 메인 */
#main-contents { margin-bottom: /*75px*/; }
#main-contents .mainslide .swiper-container { width: 100%; height: 100%; }
#main-contents .mainslide .swiper-container .swiper-button-next { background-size: 13px 22px; }
#main-contents .mainslide .swiper-container .swiper-button-prev { background-size: 13px 22px; }
#main-contents .main-text { padding: 25px 0; }

#main-contents .banners { padding: 0/* 10px*/; }
#main-contents .banners .banner-1 { overflow: auto; }
#main-contents .banners .banner-1 .ban01 { float: left; width: /*48.73%*/50%; }
#main-contents .banners .banner-1 .ban02 { float: right; width: /*48.73%*/50%; }
#main-contents .banners .banner-2 { overflow: auto; margin-bottom:5px; }
#main-contents .banners .banner-2 .ban03 { float: left; width: /*26.34%*/29.2%; }
#main-contents .banners .banner-2 .ban04 { float: right; width: /*73.66%*/70.7%; }
#main-contents .banners .banner-2 .ban05 { float: left; width: /*73.66%*/70.9%; }
#main-contents .banners .banner-2 .ban06 { float: right; width: /*26.34%*/29.0%; }



/* 서브상단 공통 */
.sub-nav { height: 50px; }
.sub-nav .main-menu { position: relative; float: left; width: 49.8%; z-index: 10; }
.sub-nav .main-menu .cur-main { padding-left: 10px; height: 50px; line-height: 50px; font-size: 15px; font-weight: bold; color: #fff; cursor: pointer; background: url(/mobile/images/sub/arr_sub.png) no-repeat 90% center #44464f; background-size: 8px 5px; }
.sub-nav .main-menu ul { display: none; position: absolute; top: 50px; left: 0; width: 100%; }
.sub-nav .main-menu ul li { border-top: 1px solid #4e525b; }
.sub-nav .main-menu ul li a { display: block; padding-left: 10px; height: 50px; line-height: 50px; font-size: 15px; font-weight: bold; color: #fff; background-color: #44464f; }
.sub-nav .sub-menu { position: relative; float: right; width: 49.8%; z-index: 10; }
.sub-nav .sub-menu .cur-sub { padding-left: 10px; height: 50px; line-height: 50px; font-size: 15px; font-weight: bold; color: #fff; cursor: pointer; background: url(/mobile/images/sub/arr_sub.png) no-repeat 90% center #292b30; background-size: 8px 5px; }
.sub-nav .sub-menu ul { display: none; position: absolute; top: 50px; left: 0; width: 100%; }
.sub-nav .sub-menu ul li { border-top: 1px solid #4e525b; }
.sub-nav .sub-menu ul li a { display: block; padding-left: 10px; height: 50px; line-height: 50px; font-size: 15px; font-weight: bold; color: #fff; background-color: #292b30; }
.sub-title { padding:  50px 0; }



/* 게시물 목록 */
.board-list { padding: 0 10px; margin-bottom:75px;}
.board-list table { border-top: 2px solid #0cada6; }
.board-list table th { height: 34px; font-weight: bold; text-align: center; color: #333; border-bottom: 1px solid #aaa; background: url(/mobile/images/board/split_th.gif) no-repeat left center; }
.board-list table th:first-child { background: none; }
.board-list table td { padding: 5px; height: 27px; text-align: center; color: #777; border-bottom: 1px solid #eee; }
.board-list table td.l { padding-left: 10px; text-align: left; }
.board-list table td.cate { color: #0cada6; }
.board-list table td .cate { color: #0cada6; }
.board-list table td img { display: inline-block; width: auto; height: 12px; vertical-align: top; }
.board-list table td:first-child { color: #aaa; }
.board-list table td.date { color: #aaa; }
.board-list table td a { color: #777; }
.board-list table td .stat { display: inline-block; padding: 5px 8px; font-weight: bold; color: #fff; background-color: #bbb; border-radius: 3px; }
.board-list table td .stat.step2 { background-color: #0cada6; }
.board-list table tr.notice td { font-weight: bold; color: #000; background-color: #e6f7f6; }
.board-list table tr.notice td a { color: #000; }
.board-list table tr.notice td.date { font-weight: normal; color: #aaa; }
.board-list table tr.re td { font-weight: bold; color: #000; background-color: #e6f7f6; }
.board-list table tr.re td a { color: #000; }
.board-list table tr.re td.date { font-weight: normal; color: #aaa; }
.board-list .command { padding: 50px 0 25px; text-align: center; }
.board-list .command a { display: inline-block; width: 103px; height: 35px; line-height: 35px; text-align: center; background-color: #0cada6; }
.board-list .search { margin: 0 auto; width: 75%; overflow: auto; }
.board-list .search input[type=text] { float: left; padding: 0 10px; width: 80%; height: 30px; line-height: 30px; border: 1px solid #eee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.board-list .search input[type=submit] { float: left; width: 20%; height: 30px; color: #fff; border: 0; background-color: #aaa; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.board-list .paging { margin: 50px 0; text-align: center; }
.board-list .paging .btn { display: inline-block; vertical-align: middle; padding-top: 5px; width: 19px; height: 14px; text-align: center; border: 1px solid #ccc; }
.board-list .paging a.btn { border: 1px solid #0cada6; background-color: #0cada6; }
.board-list .paging .btn img { width: auto; height: 8px; }
.board-list .paging .page-num { display: inline-block; padding: 0 8px; vertical-align: middle; }
.board-list .paging .page-num .page { display: inline-block; margin: 0 8px; height: 19px; line-height: 19px; vertical-align: middle; font-weight: bold; color: #ccc; }
.board-list .paging .page-num .page.cur { color: #0cada6; }

.board-bna { border-top: 2px solid #0cada6; }
.board-bna .row { padding: 17px 0; text-align: center; border-bottom: 1px solid #ddd; }
.board-bna .row .before-after { margin: 0 auto 15px; width: 88%; overflow: auto; }
.board-bna .row .before-after .before { float: left; width: 46%; }
.board-bna .row .before-after .before .img {}
.board-bna .row .before-after .before .txt { height: 27px; line-height: 27px; font-weight: bold; color: #fff; background-color: #aaa; }
.board-bna .row .before-after .arrow { float: left; padding-top: 16%; width: 8%; }
.board-bna .row .before-after .after { float: right; width: 46%; }
.board-bna .row .before-after .after .img {}
.board-bna .row .before-after .after .txt { height: 27px; line-height: 27px; font-weight: bold; color: #fff; background-color: #0cada6; }
.board-bna .row .subject { font-weight: bold; color: #0cada6; }
.board-bna .row .summary { color: #777; }

.board-pw .command { padding: 50px 0 25px; text-align: center; }
.board-pw .command a { display: inline-block; width: 103px; height: 35px; line-height: 35px; text-align: center; background-color: #555555; }
.board-pw input[type=text] { padding: 5px; width: 100%; height: 27px; line-height: 27px; border: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


/* 게시물 등록 */
.board-write { padding: 0 10px; margin-bottom:75px;}
.board-write .head { position: relative; height: 27px; }
.board-write .head .title { padding-left: 12px; font-size: 14px; font-weight: bold; color: #444; background: url(/mobile/images/board/split_write.gif) no-repeat left center; background-size: 4px 15px; }
.board-write .head .alert { position: absolute; top: 2px; right: 0; font-size: 13px; color: #f00; }
.board-write table { border-top: 1px solid #333; }
.board-write table th { padding-left: 7px; width: 20%; height: 37px; text-align: left; color: #444; border-bottom: 1px solid #ddd; background-color: #e6f7f6; }
.board-write table th .must { color: #f00; }
.board-write table tr.answer th { color: #f00; }
.board-write table th img { width: auto; height: 30px; }
.board-write table td { padding: 5px 0 5px 15px; border-bottom: 1px solid #ddd; }
.board-write table td input[type=text] { padding: 5px; width: 100%; height: 27px; line-height: 27px; border: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.board-write table td input[type=password] { padding: 5px; width: 100%; height: 27px; line-height: 27px; border: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.board-write table td input[type=file] { padding: 5px; width: 100%; height: 27px; line-height: 27px; border: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.board-write table td input[type=number] { padding: 5px; width: 100%; height: 27px; line-height: 27px; border: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.board-write table td input.num { width: 15%; }
.board-write table td input.mail { width: 45%; }
.board-write table td textarea { padding: 5px; width: 100%; height: 200px; line-height: 18px; border: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.board-write table tr.answer td textarea { height: 120px; }
.board-write table td select { width: 100%; height: 27px; border: 1px solid #ddd; background: transparent; }
.board-write .agree { margin-top: 25px; }
.board-write .agree .title { margin-bottom: 15px; padding-left: 12px; font-size: 14px; font-weight: bold; color: #444; background: url(/mobile/images/board/split_write.gif) no-repeat left center; background-size: 4px 15px; }
.board-write .agree .box { padding: 10px 15px; line-height: 18px; font-size: 12px; color: #777; letter-spacing: -0.5px; background-color: #eee; }
.board-write .agree .agree-check { margin: 14px 0 0; text-align: right; color: #444; }
.board-write .agree .agree-check input[type=checkbox] { width: 13px; height: 13px; border: 1px solid #ddd; }
.board-write .command { margin-top: 50px; text-align: center; }
.board-write .command .submit input { width: 103px; height: 35px; line-height: 35px; vertical-align: middle; text-align: center; color: #fff; border: 0; background-color: #0cada6; }
.board-write .command input[type=submit] { width: 103px; height: 35px; line-height: 35px; vertical-align: middle; text-align: center; color: #fff; border: 0; background-color: #0cada6; border-radius:none;}
.board-write .command a { display: inline-block; width: 103px; height: 35px; vertical-align: middle; line-height: 35px; text-align: center; background-color: #555555; }


/* 게시물 보기 */
.board-view { margin: 0 10px; margin-bottom:75px; border-top: 2px solid #0cada6; }
.board-view .subject { padding: 14px 0 14px 15px; font-weight: bold; color: #000; border-bottom: 1px solid #aaa; }
.board-view .info { padding: 14px 0 14px 15px; border-bottom: 1px solid #aaa; }
.board-view .info li { display: inline-block; margin-left: 5px; padding-left: 10px; height: 15px; line-height: 15px; font-size: 13px; letter-spacing: -0.5px; color: #777; background: url(/mobile/images/board/split_th.gif) no-repeat left center; background-size: 1px 15px; }
.board-view .info li:first-child { margin: 0; padding: 0; background: none; }
.board-view .content { padding: 50px 0; min-height: 150px; border-bottom: 2px solid #555; }
.board-view .content img { max-width: 100%; width: auto; }
.board-view .command { margin-top: 30px; text-align: center; }
.board-view .command a { display: inline-block; width: 103px; height: 35px; vertical-align: middle; line-height: 35px; text-align: center; background-color: #555555; }
.board-view .command a.highlight { background-color: #0cada6; }

.board-view .content.qa { border-bottom: 0; }
.board-view .answer { border-bottom: 2px solid #555; }
.board-view .answer .head { position: relative; height: 35px; background-color: #6a908e; }
.board-view .answer .head .subj { padding-left: 15px; line-height: 35px; font-weight: bold; color: #fff; }
.board-view .answer .head .subj span { color: #87e2dc; }
.board-view .answer .head .com { position: absolute; top: 0; right: 15px; }
.board-view .answer .head .com li { display: inline-block; margin-left: 7px; padding-left: 12px; line-height: 35px; background: url(/mobile/images/board/split_view.gif) no-repeat left center; background-size: 2px 14px; }
.board-view .answer .head .com li:first-child { margin: 0; padding: 0; background: none; }
.board-view .answer .head .com li a { color: #98c9c6; }
.board-view .answer .ans-content { padding: 17px 32px; min-height: 60px; line-height: 18px; color: #6a908e; background-color: #e7f7f6; }

.board-view .content .before-after { margin: 0 auto 50px; width: 88%; text-align: center; overflow: auto; }
.board-view .content .before-after .before { float: left; width: 46%; }
.board-view .content .before-after .before .img {}
.board-view .content .before-after .before .img img { width: 100%; }
.board-view .content .before-after .before .txt { height: 27px; line-height: 27px; font-weight: bold; color: #fff; background-color: #aaa; }
.board-view .content .before-after .arrow { float: left; padding-top: 16%; width: 8%; }
.board-view .content .before-after .after { float: right; width: 46%; }
.board-view .content .before-after .after .img {}
.board-view .content .before-after .after .img img { width: 100%; }
.board-view .content .before-after .after .txt { height: 27px; line-height: 27px; font-weight: bold; color: #fff; background-color: #0cada6; }
.board-view .content .explain { margin: 0 auto; width: 88%; line-height: 20px; font-weight: bold; }