@charset "UTF-8";

/* 공통 */

.ellipsis { overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap; }
.ellipsis2 { display: block; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; word-break: break-all; }
.ellipsis3 { display: block; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; white-space: nowrap; display: -webkit-box; -webkit-box-orient: vertical; word-break: break-all; }
button.major { height:32px; padding:0 25px; font-size:14px; font-weight:600; border-radius:3px; border:2px solid #6a6a6a; color:#FFF; transition-duration: 0.2s; }
button.minor { height:23px; padding:0 10px; font-size:12px; border-radius:3px;  color:#FFF; transition-duration: 0.2s; }
/* button.micro   { height: 25px; padding:0 8px; font-size:11px; border-radius:3px; border:1px solid #6a6a6a; color:#FFF; transition-duration: 0.2s; } */
button.major:hover { transition-duration: 0.2s; }
button.minor:hover { transition-duration: 0.2s; }
button.micro:hover { transition-duration: 0.2s; }

button.rank1 { border: 1px solid #666; background-color: #666; color: #fff; }
button.rank2 { border: 1px solid #999; background-color: #999; color: #fff; }
button.rank3 { border: 1px solid #0069b3; background-color: #0069b3; color: #fff; }
button.rank4 { border: 1px solid #333; background-color: #333; color: #fff; }
button.rank5 { border: 1px solid #cc3333; background-color: #cc3333; color: #fff; }
button.rank6 { border: 1px solid #87b300; background-color: #87b300; color: #fff; }

input.micro { width: 100px;  }
input.mini { width: 150px; }
input.mid { width: 200px; }
input.large { width: 400px; }
input.big { width: 600px; }
input.max { width: 100%; }
input.digit { text-align:right; }

.floatLeft { float: left; }
.floatRight { float: right; }
.center { text-align: center; }
.textLeft { text-align: left; }
/* 메인페이지 */


/* bar */
#bar { height: 70px; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(65,65,65,1) 100%);  }
#bar .barWrap { max-width: 1200px;  margin: 0 auto; padding-left: 20px; }
#bar .barWrap .leftBar { float: left; }
#bar .barWrap .leftBar a {  color: #fff; font-weight: bold; }
#bar .barWrap .leftBar a.side { width: 40px; float: left; line-height: 70px; font-size: 26px; }
#bar .barWrap .leftBar a.side i { color: #fff; }
#bar .barWrap .leftBar a.logo { display: inline-block; position: relative; font-size: 24px; line-height: 70px; }
#bar .barWrap .rightBar { float: right; margin-right: 10px; }
#bar .barWrap .rightBar ul li { float: left; color: #fff; line-height: 70px; font-size: 12px; }
#bar .barWrap .rightBar ul li.infor { margin: 0 10px; }
#bar .barWrap .rightBar ul li.infor span.imp { font-weight: bold; color: #fff; }
#bar .barWrap .rightBar ul li.infoBtn { margin-left: 4px; }
#bar .barWrap .rightBar ul li.infoBtn a { padding: 7px 10px 7px 35px; border-radius: 5px; position: relative; }
#bar .barWrap .rightBar ul li.infoBtn a.logout { background-color: #fff; color: #333; }
#bar .barWrap .rightBar ul li.infoBtn a.logout:before { content: '\f2f5'; color: #333; }
#bar .barWrap .rightBar ul li.infoBtn a:before { position: absolute; left: 10px; font-size: 18px; color: #fff; font-weight: 600; font-family: 'Font Awesome 5 Free';  }
#bar .barWrap .rightBar ul li.infoBtn a.homep { background: rgb(2,107,180);background: -moz-linear-gradient(325deg, rgba(2,107,180,1) 0%, rgba(49,140,204,1) 100%); background: -webkit-linear-gradient(325deg, rgba(2,107,180,1) 0%, rgba(49,140,204,1) 100%); background: linear-gradient(325deg, rgba(2,107,180,1) 0%, rgba(49,140,204,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#026bb4",endColorstr="#318ccc",GradientType=1);  }
#bar .barWrap .rightBar ul li.infoBtn a.homep:before { content: '\f015'; }
#bar .barWrap .rightBar ul li.infoBtn a.login { background-color: #fff; color: #333; }
#bar .barWrap .rightBar ul li.infoBtn a.login:before { content: '\f500'; color: #333; }
#bar .barWrap .rightBar ul li a.fix { padding: 3px 10px; background-color: #cc3333; border: 1px solid #cc3333; border-radius: 4px; }
#bar .barWrap .rightBar ul li a { color: #fff; }

/* inner */
#innerWrap { max-width: 1200px; margin: 0 auto; box-shadow: 0px 0px 5px rgba(0,0,0,0.6); background-color: #f1f1f1; }

/* header */

#innerWrap #header { position: absolute; background-color: #00345f; width: 240px; height: 100%; }
#innerWrap #header ul#gnb > li { background-color: #0069b3; font-size: 14px; position: relative; }
#innerWrap #header ul#gnb > li.selected { background-color: #00345f; }
#innerWrap #header ul#gnb > li.active { background-color: #00345f; }
#innerWrap #header ul#gnb > li.active:after { content: ''; position: absolute; right: -6px; top: 16px; width: 12px; height: 12px; background-color: #f1f1f1; transform: rotate(45deg); }
#innerWrap #header ul#gnb > li > a { line-height: 45px; display: block; padding-left: 60px; overflow: hidden; position: relative; }
#innerWrap #header ul#gnb > li > a:before { content: ''; background: url('/images/blog/iconset.png') no-repeat; width: 28px; height: 25px; top: 10px; left: 20px; position: absolute;}
#innerWrap #header ul#gnb > li > a.setting:before { background-position: 0px 0px; }
#innerWrap #header ul#gnb > li > a.navi:before { background-position: -28px 0px; }
#innerWrap #header ul#gnb > li > a.prod:before { background-position: -57px 0px; }
#innerWrap #header ul#gnb > li > a.post:before { background-position: -86px 0px; }
#innerWrap #header ul#gnb > li > a.inquiry:before { background-position: -114px 0px; }
#innerWrap #header ul#gnb > li > a.notice:before { background-position: -145px 0px; }
#innerWrap #header ul#gnb > li > a.static:before { background-position: -174px 0px; }
#innerWrap #header ul#gnb > li.selected > a:before { background-position-y: -28px; }
#innerWrap #header ul#gnb > li > a.open:after { content: '▼'; position: absolute; right: 20px; color: #fff; opacity: 0.6; }
#innerWrap #header ul#gnb > li.selected > a.open:after { content: '▲'; }

#innerWrap #header ul#gnb > li ul { display: none; }
#innerWrap #header ul#gnb > li.active ul.depth2 { display: block; }
#innerWrap #header ul#gnb > li ul.depth2 { padding: 20px 0; background-color: #00254b; }
#innerWrap #header ul#gnb > li ul.depth2 li a { line-height: 28px; font-size: 12px; position: relative; color: #b1c6d7; display: block; padding: 0 20px 0 70px; }
#innerWrap #header ul#gnb > li ul.depth2 li.selected a { color: #eb5858; }
#innerWrap #header ul#gnb > li ul.depth2 li.selected a:before { content: ''; width: 6px; height: 6px; border-radius: 3px; background-color: #eb5858; position: absolute; top: 11px; left: 60px; }
#innerWrap #header ul li a { color: #fff; }

/* contents */
/* 전체공통 */
#innerWrap #contents { padding: 45px 25px;  margin-left: 240px; max-width: 960px; min-height: 938px; border-right: 1px solid #ddd; }
#innerWrap #contents:after { content: ''; clear: both; display: block; }
#innerWrap #contents .mTxtArea { margin-bottom: 10px; }
#innerWrap #contents .mTxtArea p.mTxt  { font-size: 24px; font-weight: bold; }
#innerWrap #contents .mTxtArea p.mTxt span { display: inline-block; margin-left: 15px; color: #666; font-size: 14px;  }
#innerWrap #contents .section { background-color: #fff; border: 1px solid #ddd; margin: 10px 0; }
#innerWrap #contents .section:after { content: ''; clear: both; display: block; }
#innerWrap #contents .section .sTxtArea { padding: 15px 20px 15px; border-bottom: 1px solid #ddd; }
#innerWrap #contents .section .sTxtArea p.sTxt { font-size: 16px; font-weight: bold; display: inline-block; padding-left: 30px; position: relative; overflow: hidden; }
#innerWrap #contents .section .sTxtArea p.sTxt span { font-size: 12px; color: #888; }
#innerWrap #contents .section .sTxtArea a.more { float: right; font-size: 16px; color: #555; line-height: 25px; }
#innerWrap #contents .section .sTxtArea p.sTxt:before { content: ''; position: absolute; background-image: url('/images/blog/iconset.png'); background-repeat: no-repeat; width: 25px; height: 20px; background-position: 0px -57px; left: 0; }
#innerWrap #contents .section .innerContents { padding: 20px; overflow: hidden; }
#innerWrap #contents .section .innerContents .list span.empty { display: block; line-height: 80px; text-align: center; color: #999; font-size: 13px; }
/* 팝업 */
#innerWrap.popup { width:800px; margin-top:20px;  }
#innerWrap.popup #contents { margin-left:0; padding: 20px; min-height: auto; }
#innerWrap.popup #contents .prodSetting .section .innerContents .contArea { margin: 5px 0 0;  }
#innerWrap.popup #contents .pager { margin-bottom: 0; }
#innerWrap.popup div.control { text-align:center; }
#innerWrap.popup div.control button { background: #FFF; padding:10px 20px; border:1px solid #DDD; border-radius: 3px; font-size:14px; }
 /* 1 */
#innerWrap #contents .main .section.stat .innerContents .circleArea { padding: 10px 25px; }
#innerWrap #contents .main .section.stat .innerContents .circleArea:after { content: ''; clear: both; display: block; }
#innerWrap #contents .main .section.stat .innerContents .circleArea .circleWrap { float: left; width: 20%; }
#innerWrap #contents .main .section.stat .innerContents .circleArea .circleWrap .circle { width: 120px; height: 120px; border-radius: 60px; margin: 0 auto; background-color: #b1b1b1; position: relative; overflow: hidden }
#innerWrap #contents .main .section.stat .innerContents .circleArea .circleWrap .circle:before { content: ''; background-image: url('/images/blog/iconset.png'); opacity: 0.4; background-repeat: no-repeat; width: 28px; height: 25px; top: 25px; left: 46px; position: absolute;  }
#innerWrap #contents .main .section.stat .innerContents .circleArea .circleWrap .circle.all { background-color: #5cd2dd;}
#innerWrap #contents .main .section.stat .innerContents .circleArea .circleWrap .circle.all:before { background-position: 0 -83px; }
#innerWrap #contents .main .section.stat .innerContents .circleArea .circleWrap .circle.today { background-color: #dd5c5c; }
#innerWrap #contents .main .section.stat .innerContents .circleArea .circleWrap .circle.today:before { background-position: -27px -83px; width: 55px; left: 35px; }
#innerWrap #contents .main .section.stat .innerContents .circleArea .circleWrap .circle.prod:before { background-position: -50px -83px; width: 33px; left: 44px; }
#innerWrap #contents .main .section.stat .innerContents .circleArea .circleWrap .circle.post:before { background-position: -85px -83px; width: 23px; left: 50px; }
#innerWrap #contents .main .section.stat .innerContents .circleArea .circleWrap .circle.inquiry:before { background-position: -108px -83px; width: 30px; left: 45px; }
#innerWrap #contents .main .section.stat .innerContents .circleArea .circleWrap .circle .innerText { position: relative; top: 60px; }
#innerWrap #contents .main .section.stat .innerContents .circleArea .circleWrap .circle .innerText p { color: #fff; text-align: center; }
#innerWrap #contents .main .section.stat .innerContents .circleArea .circleWrap .circle .innerText p.info { font-size: 14px; font-weight: bold; margin-bottom: 3px; }
#innerWrap #contents .main .section.stat .innerContents .circleArea .circleWrap .circle .innerText p.num { font-size: 12px; }
#innerWrap #contents .main .section.stat .innerContents .circleArea .circleWrap .circle .innerText p span { color: #fff; }

/* 2 */
#innerWrap #contents .main .section.inquiry .innerContents ul li { width: 50%; float: left; margin: 10px 0; }
#innerWrap #contents .main .section.inquiry .innerContents ul li:after { content: ''; clear: both; display: block; }
#innerWrap #contents .main .section.inquiry .innerContents ul li .imgSet { width: 120px; height: 80px; float: left; border: 1px solid #ddd; background-color: #fff; }
#innerWrap #contents .main .section.inquiry .innerContents ul li .textSet { font-size: 12px; display: inline-block; margin-left: 10px; }
#innerWrap #contents .main .section.inquiry .innerContents ul li .textSet p.subj { line-height: 16px; margin-bottom: 12px; font-weight: bold; color: #999; }
#innerWrap #contents .main .section.inquiry .innerContents ul li .textSet p.subj span { color: #999; }
#innerWrap #contents .main .section.inquiry .innerContents ul li .textSet p.subj span.name { display: block;  }
#innerWrap #contents .main .section.inquiry .innerContents ul li .textSet p.cont { margin-bottom: 12px; width: 200px; color: #666; font-weight: bold; }
#innerWrap #contents .main .section.inquiry .innerContents ul li .textSet p.date { color: #999; }
#innerWrap #contents .main .section.inquiry .innerContents ul li.empty { font-size: 14px; text-align: center; width: 100%; }
#innerWrap #contents .main .section.inquiry .innerContents ul li.empty span { color: #999; }
/* 3,4 */
#innerWrap #contents .main .sectionWrap { width: 50%; float: left; }
#innerWrap #contents .main .section.new { margin-right: 16px; }
#innerWrap #contents .main .section.new .innerContents ul li { margin-top: 5px; }
#innerWrap #contents .main .section.new .innerContents ul li:first-child { margin-top: 0; }
#innerWrap #contents .main .section.new .innerContents ul li span { display: inline-block; line-height: 23px; }
#innerWrap #contents .main .section.new .innerContents ul li span.num { padding: 3px 7px; position: absolute; color: #fff; background-color: #32c2cd; line-height: 16px; font-size: 11px; }
#innerWrap #contents .main .section.new .innerContents ul li span.text { margin-left: 10px; color: #666; width: 200px; font-size: 12px; }
#innerWrap #contents .main .section.new .innerContents ul li span.date { float: right; color: #999; font-size: 12px; }
#innerWrap #contents .main .section.new .innerContents ul li a { text-decoration: underline; margin-left: 20px; }
#innerWrap #contents .main .section.new .innerContents ul li a:hover { text-decoration: underline; }
#innerWrap #contents .main .section.new .innerContents ul li.empty { text-align: center; }
#innerWrap #contents .main .section.new .innerContents ul li.empty span { font-size: 14px; color: #999; }


#innerWrap #contents .main .section.pop  .innerContents ul li  { margin-top: 5px; }
#innerWrap #contents .main .section.pop .innerContents ul li:first-child { margin-top: 0; }
#innerWrap #contents .main .section.pop .innerContents ul li span { display: inline-block; line-height: 23px; }
#innerWrap #contents .main .section.pop .innerContents ul li span.cate { position: absolute; border-radius: 12px; font-size: 11px; line-height: 16px; width: 55px; text-align: center; padding: 3px 0; color: #fff; background-color: #0069b3; }
#innerWrap #contents .main .section.pop .innerContents ul li span.cate01 { background-color: #327ccd;}
#innerWrap #contents .main .section.pop .innerContents ul li span.cate02 { background-color: #74cd32;}
#innerWrap #contents .main .section.pop .innerContents ul li span.text { margin-left: 10px; color: #666; width: 200px; font-size: 12px; }
#innerWrap #contents .main .section.pop .innerContents ul li span.count { float: right; color: #999; font-size: 12px; }
#innerWrap #contents .main .section.pop .innerContents ul li a { text-decoration: underline; margin-left: 55px; }
#innerWrap #contents .main .section.pop .innerContents ul li a:hover { text-decoration: underline; }

@media (max-width: 1920px) {
#innerWrap #contents .section.inquiry .innerContents ul li .textSet p.cont { width: 250px; }
}

@media (max-width: 1200px) {
#innerWrap #contents .section.inquiry .innerContents ul li .textSet p.cont { width: 220px; }
#bar .barWrap .rightBar { margin-right: 10px; }
}

@media (max-width: 1100px) {

#innerWrap #contents .section.inquiry .innerContents ul li .textSet p.cont { width: 200px; }
}

@media (max-width: 1000px) {

#innerWrap #contents .section .innerContents .circleArea .circleWrap .circle { width: 115px; height: 115px; }

}


/* 공통 */
#innerWrap #contents .section .innerContents table.write { border-collapse: collapse; width: 100%; margin-bottom: 20px; }
#innerWrap #contents .section .innerContents table.write tbody tr th { padding: 18px 0 18px 15px; background-color: #efefef; border: 1px solid #ddd; font-size: 14px; text-align: left; font-weight: bold; }
#innerWrap #contents .section .innerContents table.write tbody tr td {  border: 1px solid #ddd; padding: 12px 16px; font-size: 12px; }
#innerWrap #contents .section .innerContents table.write tbody tr td input[type='text'] { border-radius: 3px; box-sizing: border-box; }
#innerWrap #contents .section .innerContents table.write tbody tr td .imgArea { float: left; }
#innerWrap #contents .section .innerContents table.write tbody tr td .imgArea .imgZone { width: 200px; height: 75px; border: 1px solid #ddd; }
#innerWrap #contents .section .innerContents table.write tbody tr td .imgArea .btnZone button { width: 98px; height: 30px; margin-top: 7px; border-radius: 3px; color: #fff; font-weight: bold; }
#innerWrap #contents .section .innerContents table.write tbody tr td .imgArea .btnZone button.download { float: left; background-color: #333;  }
#innerWrap #contents .section .innerContents table.write tbody tr td .imgArea .btnZone button.delete { float: right; background: #cc3333; }
#innerWrap #contents .section .innerContents table.write tbody tr td .txtArea { margin-left: 15px; float: left; }
#innerWrap #contents .section .innerContents table.write tbody tr td .txtArea p { padding-bottom: 7px; font-size: 12px; color: #999;  }
#innerWrap #contents .section .innerContents tbody tr td.radio div { display: inline-block; width: 70px; }
#innerWrap #contents .section .innerContents tbody tr td.radio div input[type='radio'] { vertical-align: bottom; }
#innerWrap #contents .section .innerContents .btnArea { text-align: right; }
#innerWrap #contents .section .innerContents .btnArea button { width: 80px; height: 30px; font-size: 14px; border-radius: 3px; font-weight: bold; text-align: center; }
#innerWrap #contents .section .innerContents .btnArea button.end { background-color: #999; }
#innerWrap #contents .section .innerContents .bTxtArea p.sTxt { font-size: 16px; font-weight: bold; padding-left: 16px; margin-bottom: 10px; }
#innerWrap #contents .section .innerContents .bTxtArea p.sTxt:before { content: ''; position: absolute; background-image: url('/images/blog/icon_mTxt.png'); background-repeat: no-repeat; width: 20px; height: 20px; left: 0; top: 4px; }
#innerWrap #contents .product .section .innerContents:after { content: ''; clear: both; display: block; }

/* FILE FORM :: 권구성 추가 */
#innerWrap #contents .section .innerContents table.write tbody tr td .d932FileZone { position: relative; }
#innerWrap #contents .section .innerContents table.write tbody tr td .d932FileZone:after { content:''; display:block; clear:both; }
#innerWrap #contents .section .innerContents table.write tbody tr td .imgArea ul.d932File:after { content:''; display:block; clear:both; }
#innerWrap #contents .section .innerContents table.write tbody tr td .imgArea ul.d932File li label { border:1px solid #DDD; display:block; overflow: hidden; cursor:pointer; background-image:url('/_Master/images/icoUpload.darkGray.png'); background-position:center; background-size:contain; background-repeat:no-repeat; background-color:#FFF; }
#innerWrap #contents .section .innerContents table.write tbody tr td .imgArea ul.d932File li label:after { filter:alpha(opacity=0); opacity:0; transition-duration:.2s; }
#innerWrap #contents .section .innerContents table.write tbody tr td .imgArea ul.d932File li label:hover:after { content:''; display:block; position:absolute; width:100%; height:100%; left:0px; top:0px; background:url('/_Master/images/icoUpload.png') no-repeat center; background-size:50%; filter:alpha(opacity=50); opacity:0.5; transition-duration:.2s; }
#innerWrap #contents .section .innerContents table.write tbody tr td .imgArea ul.d932File li button { position:absolute; bottom:0px; left:220px; width: 98px; height: 30px; margin-top: 7px; border-radius: 3px; color: #fff; font-weight: bold; }
#innerWrap #contents .section .innerContents table.write tbody tr td .imgArea ul.d932File li button.downFile { background-color: #333;  }
#innerWrap #contents .section .innerContents table.write tbody tr td .imgArea ul.d932File li button.delFile { background: #cc3333; left:330px; }


/* 목록 테이블 */
#innerWrap #contents .section .innerContents table.list { border-collapse: collapse; width: 100%; margin-bottom: 20px; }
#innerWrap #contents .section .innerContents table.list tbody th { border-bottom:1px solid #DDD; padding:10px; font-size:13px; font-weight:400; }
#innerWrap #contents .section .innerContents table.list tbody td { border-bottom:1px solid #DDD; padding:10px; font-size:13px; }
#innerWrap #contents .section .innerContents table.list tbody td.empty { text-align:center; padding:30px; }
#innerWrap #contents .section .innerContents table.list tbody td.empty span.empty { color:#999; }
#innerWrap #contents .section .innerContents table.list tbody tr:hover { background-color:#f2f2f2;  }


/* 페이징 */

.pager { margin-bottom: 20px; text-align: center; }
.pager:after { content: ''; clear: both; display: block; }
.pager .d932Page { display: inline-block; }
.pager .d932Page:after { content: ''; clear: both; display: block; }
.pager .d932Page span.devPage span.devPageBlock { margin: 0 22px; display: inline-block; float: left; }
.pager .d932Page span.devPage a { display: block; float: left; border: 1px solid #ddd; background-color: #fff; margin-left: -1px; font-size: 13px; line-height: 26px; box-sizing: border-box; width: 30px; text-align: center; height: 26px; margin: 0 2.5px; }
.pager .d932Page span.devPage a.devListPage { border: 0;  }
.pager .d932Page span.devPage a.devNowPage { background-color: #0085ba; }
.pager .d932Page span.devPage a.devListPage.devNowPage span { color: #fff; }
.pager .d932Page span.devPage a.devListPage span { display: block; color: #333; font-size: 14px; }
.pager .d932Page span.devPage a span { display: none; }
.pager .d932Page span.devPage a { background-position: center; background-repeat: no-repeat; }
.pager .d932Page span.devPage a.devFirstPage { background-image: url('/images/blog/firstIcon.png'); }
.pager .d932Page span.devPage a.devPrevPage { background-image: url('/images/blog/prevIcon.png'); }
.pager .d932Page span.devPage a.devNextPage { background-image: url('/images/blog/nextIcon.png'); }
.pager .d932Page span.devPage a.devLastPage { background-image: url('/images/blog/lastIcon.png'); }

/* 홍보관 설정 */

/* 기본설정 */
#innerWrap #contents .basic .section .innerContents table.write tbody tr td input { background-color: #efefef; border-radius: 3px; }
#innerWrap #contents .basic .section .innerContents table.write tbody tr td span.subTxt { display: block; color: #999; margin-top: 10px; }

/* 상세설정 */
#innerWrap #contents .settingdetail .section .innerContents table.write tbody tr td { padding: 12px 10px 12px 16px; }
#innerWrap #contents .settingdetail .section .innerContents table.write tbody tr td input[type='radio'] { vertical-align: bottom; }
#innerWrap #contents .settingdetail .section .innerContents table.write tbody tr td label { margin-right: 10px; }
#innerWrap #contents .settingdetail .section .innerContents table.write tbody tr td label.uploadFile { margin:0px; } /* 권구성 추가 */
#innerWrap #contents .settingdetail .section .innerContents table.write tbody tr td span.info { color: #999; }
#innerWrap #contents .settingdetail .section .innerContents .boardArea { margin-bottom:20px; }
#innerWrap #contents .settingdetail .section .innerContents .boardArea .bTxtArea textarea { width: 100%; min-height: 140px; box-sizing: border-box; margin: 10px 0 20px; resize: none; }

/* 스킨설정 */
#innerWrap #contents .skin .section .innerContents .skinWrap { margin-bottom: 20px; }
#innerWrap #contents .skin .section .innerContents .skinWrap:after { content: ''; clear: both; display: block; }
#innerWrap #contents .skin .section .innerContents .skinWrap .skinBox { display: inline-block; float: left; }
#innerWrap #contents .skin .section .innerContents .skinWrap .skinBox .titleBox { border: 1px solid #ddd; background-color: #efefef; text-align: center; margin-bottom: 10px; }
#innerWrap #contents .skin .section .innerContents .skinWrap .skinBox .titleBox span { display: inline-block; position: relative; line-height: 45px; font-size: 14px; font-weight: bold; padding-right: 20px; }
#innerWrap #contents .skin .section .innerContents .skinWrap .skinBox .titleBox span:before { content: ''; position: absolute; background-repeat: no-repeat; background-image: url('/images/blog/icon_check.png'); width: 17px; height: 16px; right: 0px; top: 15px; }
#innerWrap #contents .skin .section .innerContents .skinWrap .skinBox.applySkin { width: 165px; }
#innerWrap #contents .skin .section .innerContents .skinWrap .skinBox.usedSkin { margin-left: 10px; width: 692px; }
#innerWrap #contents .skin .section .innerContents .skinWrap .skinBox .imgBox { width: 100%; height: 200px; box-sizing: border-box; border: 1px solid #ddd; background-color: #efefef; position: relative; margin-bottom: 10px; }
#innerWrap #contents .skin .section .innerContents .skinWrap .skinBox .imgBox span.thumb { display:block; height:198px; background-size: contain; background-position: center; background-repeat: no-repeat; }
#innerWrap #contents .skin .section .innerContents .skinWrap .skinBox .imgBox.selectedSkin span.thumb { background-size: cover; background-position: center top; }
#innerWrap #contents .skin .section .innerContents .skinWrap .skinBox .imgBox.selectedSkin span.thumb img { display: none; }
#innerWrap #contents .skin .section .innerContents .skinWrap .skinBox .imgBox span.thumb span { display:none; }
#innerWrap #contents .skin .section .innerContents .skinWrap .skinBox .imgBox span.name { display: block; width:165px; height: 30px; line-height: 30px; background-color: rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000); position: absolute; left: -1px; bottom: 0; text-align: center; color: #fff;  font-size: 14px; font-weight: bold; }

#innerWrap #contents .skin .section .innerContents .skinWrap .skinBox .imgBox.used { height:235px; }
#innerWrap #contents .skin .section .innerContents .skinWrap .skinBox .imgBox .d932FileZone { position: relative; }
#innerWrap #contents .skin .section .innerContents .skinWrap .skinBox .imgBox .d932FileZone:after { content:''; display:block; clear:both; }
#innerWrap #contents .skin .section .innerContents .skinWrap .skinBox .imgBox ul.d932File:after { content:''; display:block; clear:both; }
#innerWrap #contents .skin .section .innerContents .skinWrap .skinBox .imgBox ul.d932File li { max-width:690px; }
#innerWrap #contents .skin .section .innerContents .skinWrap .skinBox .imgBox ul.d932File li label { border:0; display:block; overflow: hidden; cursor:pointer; background-image:url('/_Master/images/icoUpload.darkGray.png'); background-position:center; background-size:contain; background-repeat:no-repeat; background-color:#FFF; }
#innerWrap #contents .skin .section .innerContents .skinWrap .skinBox .imgBox ul.d932File li label:after { filter:alpha(opacity=0); opacity:0; transition-duration:.2s; }
#innerWrap #contents .skin .section .innerContents .skinWrap .skinBox .imgBox ul.d932File li label:hover:after { content:''; display:block; position:absolute; width:100%; height:100%; left:0px; top:0px; background:url('/_Master/images/icoUpload.png') no-repeat center; background-size:20%; filter:alpha(opacity=50); opacity:0.5; transition-duration:.2s; }
#innerWrap #contents .skin .section .innerContents .skinWrap .skinBox .imgBox ul.d932File li button { position:absolute; top:60px; right:10px; width: 98px; height: 30px; margin-top: 7px; border-radius: 3px; color: #fff; font-weight: bold; }
#innerWrap #contents .skin .section .innerContents .skinWrap .skinBox .imgBox ul.d932File li button.downFile { background-color: #333;  }
#innerWrap #contents .skin .section .innerContents .skinWrap .skinBox .imgBox ul.d932File li button.delFile { background: #cc3333; top:100px; }

#innerWrap #contents .skin .section .innerContents .skinWrap .skinBox button { display: block; width: 100%; height: 25px; font-size: 14px; font-weight: bold; border-radius: 3px; }
#innerWrap #contents .skin .section .innerContents .skinWrap .skinBox button.active { background-color: #0069b3; }
#innerWrap #contents .skin .section .innerContents .skinContents { border: 3px solid #0069b3; background-color: #efefef; display:none; margin-bottom:20px; }
#innerWrap #contents .skin .section .innerContents .skinContents.active { display:block; }
#innerWrap #contents .skin .section .innerContents .skinContents:before { content: ''; width: 20px; height: 20px; position: absolute; left: 68px; top: -14px; transform: rotate(45deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); background-color: #efefef; border-top: 3px solid #0069b3; border-left: 3px solid #0069b3;}
#innerWrap #contents .skin .section .innerContents .skinContents:after { content: ''; clear: both; display: block; }
#innerWrap #contents .skin .section .innerContents .skinContents iframe { width:100%; height:100px; }
.frameWrap.listSkin { background-color: #efefef; }
.frameWrap.listSkin ul { padding: 23px 12px 0; }
.frameWrap.listSkin ul:after { content: ''; clear: both; display: block; }
.frameWrap.listSkin ul li { width: 25%; float: left; margin-bottom: 25px; }
.frameWrap.listSkin ul li a { display: block; margin: 0 auto; width:185px; position:relative; }
.frameWrap.listSkin ul li a span.thumb { display:block; height:220px; background-repeat: no-repeat; background-size: cover; background-position: center top; border: 1px solid #ddd; box-sizing: border-box; background-color: #fff; }
.frameWrap.listSkin ul li a span.thumb img { display: none; }
.frameWrap.listSkin ul li a span.thumb span { display: none; }
.frameWrap.listSkin ul li a span.title { display:block; font-size: 14px; font-weight: bold; text-align: center; margin-top: 15px; }
.frameWrap.listSkin ul li.selected a:before { content:''; display:block; position:absolute; width:100%; height:220px; background-color:#000; filter:alpha(opacity=50); opacity:0.5; }
.frameWrap.listSkin ul li.selected a:after { content: ''; position: absolute; background-repeat: no-repeat; background-image: url('/images/blog/icon_bigcheck.png'); width: 43px; height: 33px; left: 70px; top: 90px; }
.frameWrap.listSkin div.pager { margin-bottom:0; padding-bottom:20px; }




    /* 업체설정 */
#innerWrap #contents .company .section .innerContents table.write tr td input[type='text'] { background-color: #efefef; }
#innerWrap #contents .company .section .innerContents table.write tr td.add input[type='text'] { display: block; width: 100%; }
#innerWrap #contents .company .section .innerContents table.write tr td.add input.d932Zipcode { display: inline-block; width: 150px; }
#innerWrap #contents .company .section .innerContents table.write tr td.add input.d932Addr { margin: 7px 0;  }
#innerWrap #contents .company .section .innerContents table.write tr td.add button { width: 105px; position: relative; height: 22px; color: #fff; padding-right: 20px; text-align: center; background-color: #666; border-color:#666; border-radius: 3px; vertical-align: bottom; }
#innerWrap #contents .company .section .innerContents table.write tr td.add button:before { content: '\f002'; font-family: 'Font Awesome 5 Free'; font-weight: 600; position: absolute; right: 10px; transform: scale(-1, 1); }
#innerWrap #contents .company .section .innerContents table.write tr td span.subTxt { margin-left: 10px; color: #999;}

@media (max-width: 1199px) {
#innerWrap #contents .skin .section .innerContents .skinWrap .skinBox.usedSkin { width: 592px; }
#innerWrap #contents .skin .section .innerContents .skinContents ul li a { width: 170px; height: 200px; }
#innerWrap #contents .skin .section .innerContents .skinContents ul li.selected a .imgSkinBox:before { top: 80px; left: 60px;  }

}

@media (max-width: 1100px) {
#innerWrap #contents .section .innerContents table.write tbody tr td .txtArea p { font-size: 11px; padding-bottom: 8px; letter-spacing: -0.5px; }
#innerWrap #contents .skin .section .innerContents .skinWrap .skinBox.usedSkin { width: 492px; }
#innerWrap #contents .skin .section .innerContents .skinContents ul li a { width: 150px; height: 180px; }
#innerWrap #contents .skin .section .innerContents .skinContents ul li.selected a .imgSkinBox:before { top: 70px; left: 55px;  }

}

@media (max-width: 1070px) {
#innerWrap #contents .company .section .innerContents table.write tr td.long span.subTxt { display: block; margin-left: 0; margin-top: 10px; }
#innerWrap #contents .company .section .innerContents table.write tbody tr td .imgArea .imgZone { width: 180px; height: 75px; border: 1px solid #ddd; }
#innerWrap #contents .company .section .innerContents table.write tbody tr td .imgArea .btnZone button { width: 90px; height: 30px; margin-top: 7px; border-radius: 3px; color: #fff; font-weight: bold; }

}

/* 상단 검색부분 공통 */
#innerWrap #contents .section .innerContents .searchArea { padding: 10px; text-align: left; border: 1px solid #ddd; background-color: #efefef; }
#innerWrap #contents .section .innerContents .searchArea:after { content: ''; clear: both; display: block; }
#innerWrap #contents .section .innerContents .searchArea .searchWrap select { min-width: 145px; height: 25px; padding-left: 10px; border: 1px solid #ddd; border-radius: 3px; font-size: 12px; color: #666; }
#innerWrap #contents .section .innerContents .searchArea .searchWrap input { font-size: 13px; width: 200px; }
#innerWrap #contents .section .innerContents .searchArea .searchWrap label { font-size: 12px; padding-left: 9px; position: relative; }
#innerWrap #contents .section .innerContents .searchArea .searchWrap label:before {  content: ''; position: absolute; width: 4px; height: 4px; border-radius: 3px; background-color: #333; left: 0; top: 5px; }
#innerWrap #contents .section .innerContents .searchArea .searchWrap button.search { padding: 4px 27px 5px 13px; position: absolute; vertical-align: unset; margin-left: 3px; right: 0px; top: 0; height: 100%; }
#innerWrap #contents .section .innerContents .searchArea .searchWrap button.search:before { content: '\f002'; font-family: 'Font Awesome 5 Free'; font-weight: 600; position: absolute; right: 10px; transform: scale(-1, 1); }
#innerWrap #contents .section .innerContents .searchArea .searchWrap .plazaSearch { margin-bottom: 3px; padding-bottom: 3px; border-bottom: 1px solid #ddd;  }

/* 상단 선택부분 공통 */
#innerWrap #contents .section .innerContents .selectArea {  height: 45px; line-height: 42px; border: 1px solid #ddd; background-color: #0069b3; text-align: center; margin-bottom: 15px; }
#innerWrap #contents .section .innerContents .selectArea label { color: #fff; font-size: 14px; margin-right: 30px; }
/* 메뉴 & 분류 관리 */

/* 메뉴명 설정 */
#innerWrap #contents .menuSetting .section .innerContents input[type='text'] { background-color: #efefef; border-radius: 3px; font-size: 12px; padding: 6px 8px; }
#innerWrap #contents .menuSetting .section .innerContents .settingWrap > ul { border: 1px solid #ddd; padding: 10px 25px; margin-bottom: 15px; }
#innerWrap #contents .menuSetting .section .innerContents .settingWrap ul li.infoWrap { padding: 16px 0; border-bottom: 1px dotted #ddd; }
#innerWrap #contents .menuSetting .section .innerContents .settingWrap ul li.infoWrap:last-child { border-bottom: 0; padding: 16px 0 5px; }
#innerWrap #contents .menuSetting .section .innerContents .settingWrap ul li.infoWrap:after { content: ''; clear: both; display: block; }
#innerWrap #contents .menuSetting .section .innerContents .settingWrap ul li.infoWrap .floatWrap { float: left; }
#innerWrap #contents .menuSetting .section .innerContents .settingWrap ul li.infoWrap .menuBtn { display: inline-block; }
#innerWrap #contents .menuSetting .section .innerContents .settingWrap ul li.infoWrap .menuBtn a { display: inline-block; width: 12px; height: 30px; font-size: 20px; top: 11px; position: relative; }
#innerWrap #contents .menuSetting .section .innerContents .settingWrap ul li.infoWrap .menuBtn a:before { content: '\f0dc'; font-family: 'Font Awesome 5 Free'; font-weight: 600; position: absolute; top: 6px; left: 0; }
#innerWrap #contents .menuSetting .section .innerContents .settingWrap ul li.infoWrap .menuBtn a span { display: none; }
#innerWrap #contents .menuSetting .section .innerContents .settingWrap ul li.infoWrap .menuBtn button span { display: none; }
#innerWrap #contents .menuSetting .section .innerContents .settingWrap ul li.infoWrap span { display: inline-block; font-size: 12px; color: #666; bottom: 3px; position: relative; }
#innerWrap #contents .menuSetting .section .innerContents .settingWrap ul li.infoWrap button.fixlink[type='button'] { width: 175px; height: 30px; position: relative; margin-left: 45px; text-align: center; padding-right: 20px; font-size: 14px; border-radius: 3px; font-weight: bold; }
#innerWrap #contents .menuSetting .section .innerContents .settingWrap ul li.infoWrap button.fixlink:after { content: '▶'; position: absolute; right: 10px; }
#innerWrap #contents .menuSetting .section .innerContents .settingWrap ul li.infoWrap ul.side { float: left; padding-left: 100px; position: relative; top: -5px; }
#innerWrap #contents .menuSetting .section .innerContents .settingWrap ul li.infoWrap ul.side:before { content: ''; position: absolute; width: 19px; height: 14px; background-image: url('/images/blog/icon_folder.png'); background-repeat: no-repeat; background-size: contain; top: 23px; left: 48px; }
#innerWrap #contents .menuSetting .section .innerContents .settingWrap ul li.infoWrap ul.side:after { content: ''; clear: both; display: block; }
#innerWrap #contents .menuSetting .section .innerContents .settingWrap ul li.infoWrap ul.side li.infoWrap { border-bottom: 0; padding: 3px 0; position: relative;}
#innerWrap #contents .menuSetting .section .innerContents .settingWrap ul li.infoWrap ul.side li.infoWrap:before { content: ''; position: absolute; background-repeat: no-repeat; background-image: url('/images/blog/icon_line02.png'); width: 15px; height: 46px; top: -16px; left: -19px; }
#innerWrap #contents .menuSetting .section .innerContents .settingWrap ul li.infoWrap ul.side li.infoWrap:first-child:before { background-image: url('/images/blog/icon_line01.png'); width: 40px; height: 1px; top: 29px; left: -30px; }

#innerWrap #contents .menuSetting .section .innerContents div.naviSet ul.navi { margin-bottom:15px; }
#innerWrap #contents .menuSetting .section .innerContents div.naviSet ul.navi > li { border-bottom:1px dotted #DDD; padding:12px 20px; position:relative; }
#innerWrap #contents .menuSetting .section .innerContents div.naviSet ul.navi li:after { content:''; display:block; clear:both; }
#innerWrap #contents .menuSetting .section .innerContents div.naviSet ul.navi li.ghost { background-color:#f2f2f2; border-bottom:1px dotted #DDD; height:38px; }
#innerWrap #contents .menuSetting .section .innerContents div.naviSet ul.navi li.ui-sortable-helper { border:0px; }
#innerWrap #contents .menuSetting .section .innerContents div.naviSet ul.navi div.navi { float:left; padding:5px; }
#innerWrap #contents .menuSetting .section .innerContents div.naviSet ul.navi button.sortable { background:none; float:left; height:28px; margin-right:10px; }
#innerWrap #contents .menuSetting .section .innerContents div.naviSet ul.navi button.sortable:before { content:'\f0dc'; font-family:'Font Awesome 5 Free'; font-weight:600; }
#innerWrap #contents .menuSetting .section .innerContents div.naviSet ul.navi button.sortable span { display:none; }
#innerWrap #contents .menuSetting .section .innerContents div.naviSet ul.navi label { font-size:14px; }
#innerWrap #contents .menuSetting .section .innerContents div.naviSet ul.navi input { vertical-align:middle; }
#innerWrap #contents .menuSetting .section .innerContents div.naviSet ul.navi input[type="text"] { margin-right:20px; width:150px; }
#innerWrap #contents .menuSetting .section .innerContents div.naviSet ul.navi input[type="radio"] { width:15px; height:15px; margin-left:20px; }
#innerWrap #contents .menuSetting .section .innerContents div.naviSet ul.navi span.org { font-size:13px; color:#999; font-weight:600; }
#innerWrap #contents .menuSetting .section .innerContents div.naviSet ul.navi span.org:before { content:'원본 메뉴명 : '; font-weight:400; font-size:12px; }
#innerWrap #contents .menuSetting .section .innerContents div.naviSet ul.navi ul.depth2 { float:right; position:relative; }
#innerWrap #contents .menuSetting .section .innerContents div.naviSet ul.navi ul.depth2:before { content:''; position:absolute; width:20px; height:14px; top:10px; left:-60px; background: url('/images/blog/icon_folder.png') no-repeat center; }
#innerWrap #contents .menuSetting .section .innerContents div.naviSet ul.navi ul.depth2 li { padding:5px 0; position:relative; }
#innerWrap #contents .menuSetting .section .innerContents div.naviSet ul.navi ul.depth2 li div.navi { float:left; padding:0px; }
#innerWrap #contents .menuSetting .section .innerContents div.naviSet ul.navi ul.depth2 li:before { content:''; position:absolute; width:15px; height:38px; border:1px solid #DDD; border-right:0px; border-top:0px; left:-20px; bottom:19px; }
#innerWrap #contents .menuSetting .section .innerContents div.naviSet ul.navi ul.depth2 li:first-child:before { border-left:0px; left:-35px; width:30px; height:0px; }
@media(max-width: 1150px) {
    #innerWrap #contents .menuSetting .section .innerContents div.naviSet ul.navi > li:first-child > div.navi input[type="text"] { display:block; margin-bottom:10px; }
}


/* 제품 분류 */

#innerWrap #contents .part .section .innerContents input[type='radio'] { vertical-align: middle; }
#innerWrap #contents .part .section .innerContents .areaWrap { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd; }
#innerWrap #contents .part .section .innerContents .areaWrap:after { content: ''; clear: both; display: block; }
#innerWrap #contents .part .section .innerContents .menuArea { width: 280px; min-height: 440px; float: left; }
#innerWrap #contents .part .section .innerContents .menuArea:after { content: ''; clear: both; display: block; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate { padding: 25px; height: 400px; border: 1px solid #ddd; overflow-y: scroll; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate li { position:relative; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate li.ghost { border-bottom:2px dashed #cc3333; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate li.ghost:before { content:''; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate > li { border-top: 1px dotted #ddd; margin-top: 15px; padding-top: 20px; font-size: 14px; font-weight: bold; color: #333; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate > li:first-child { border-top: 0; margin-top: 0; padding-top: 0; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate > li:before { content:''; display:block; position: absolute; top:20px; left: 0; content:'\f07b'; font-weight:400; width: 20px; height:15px; font-family:'Font Awesome 5 Free'; font-size:16px; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate > li:first-child:before { top:0px; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate > li > a { padding-left: 22px; display: block; position: relative;  }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate > li button span { display:none; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate > li > button.onOff { position: absolute; background:#FFF; top:20px; left: 0; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate > li:first-child > button.onOff { top:0px; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate > li > button.onOff:before { display:block; content:'\f07c'; width: 20px; height:15px; font-family:'Font Awesome 5 Free'; font-size:16px; font-weight: 600; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate > li button.plus { width:18px; height:18px; border-radius: 3px; position:absolute; right:22px; top:20px; display:none; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate > li button.minus { width:18px; height:18px; border-radius: 3px; position:absolute; right:0px; top:20px; display:none; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate li:hover > button.plus { display:block; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate li:hover > button.minus { display:block; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate > li button.plus:before { content:'+'; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate > li button.minus:before { content:'-'; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate > li:first-child button.plus { top:0px; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate > li:first-child button.minus { top:0px; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate li ul { margin-top:10px; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate li li { height:24px; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate li li { font-size: 12px; font-weight: normal; line-height: 24px; padding-left: 32px; position: relative; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate li li:before { content: ''; height: 24px; width: 15px; position: absolute; background-image: url('/images/blog/line04.png'); background-repeat: no-repeat; left: 10px; background-position:left 2px; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate li li:first-child:before { height: 28px; background-image: url('/images/blog/line03.png'); background-position:left -3px; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate li li:last-child:before { height: 18px;  background-image: url('/images/blog/line05.png'); background-position:left 0px; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate li li button.plus { top:0px; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate li li button.minus { top:0px; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate li a span { padding: 3px 5px; border-radius: 3px; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate a.selected span { background-color: #333; color: #fff;  }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate li.close ul { display:none; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate li.close button.onOff:before { content:'\f07b'; }
/*
#innerWrap #contents .part .section .innerContents .menuArea ul.cate li.depth1 { font-size: 14px; font-weight: bold; color: #333; border-top: 1px dotted #ddd; margin-top: 15px; padding-top: 20px;}
#innerWrap #contents .part .section .innerContents .menuArea ul.cate li.depth1:first-child { border-top: 0; margin-top: 0; padding-top: 0; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate li.depth1 > a { padding-left: 22px; display: block; position: relative;  }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate li.depth1 > a span { padding: 3px 5px; border-radius: 3px; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate li.depth1.selected > a span { background-color: #333; color: #fff; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate li.depth1 > a:before { content: ''; position: absolute; width: 20px; height: 13px; background-image: url('/images/blog/icon_folder.png'); background-repeat: no-repeat; background-size: contain; top: 2px; left: 0; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate li.depth1 ul.depth2 { margin-top: 10px; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate li.depth1 ul.depth2 li { font-size: 12px; font-weight: normal; line-height: 24px; padding-left: 32px; position: relative; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate li.depth1 ul.depth2 li:before { content: ''; height: 24px; width: 15px; position: absolute; background-image: url('/images/blog/line04.png'); background-repeat: no-repeat; left: 10px; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate li.depth1 ul.depth2 li:first-child:before { height: 28px; background-image: url('/images/blog/line03.png'); top: -4px; }
#innerWrap #contents .part .section .innerContents .menuArea ul.cate li.depth1 ul.depth2 li:last-child:before { height: 18px;  background-image: url('/images/blog/line05.png');  }
*/
#innerWrap #contents .part .section .innerContents .menuArea .menuBtnArea { margin-top: 5px; }
#innerWrap #contents .part .section .innerContents .menuArea .menuBtnArea button { padding: 4px 10px 4px 20px; position: relative; border-radius: 3px; font-size: 14px; }
#innerWrap #contents .part .section .innerContents .menuArea .menuBtnArea button:before { position: absolute; left: 8px; top: 4px; }
#innerWrap #contents .part .section .innerContents .menuArea .menuBtnArea button.plus:before { content: '+'; }
#innerWrap #contents .part .section .innerContents .menuArea .menuBtnArea button.minus:before { content: '-'; }

#innerWrap #contents .part .section .innerContents .viewArea { margin-left: 15px; margin-left:290px; }
#innerWrap #contents .part .section .innerContents .viewArea div.desc { border:1px solid #DDD; background-color:#F2f2f2; padding:50px 20px; font-size:14px; }
#innerWrap #contents .part .section .innerContents .viewArea div.desc span.desc { color:#666; }
#innerWrap #contents .part .section .innerContents .viewArea div.desc span.desc:before { content:'\f044'; font-family:'Font Awesome 5 Free'; padding-right:5px;}
#innerWrap #contents .part .section .innerContents .viewArea table.write tbody tr td input[type='text'] { border-radius: 3px; background-color: #f1f1f1; width:50%; }
#innerWrap #contents .part .section .innerContents .viewArea table.write tbody tr td label { margin-right: 20px; }
#innerWrap #contents .part .section .innerContents .viewArea table.write tbody tr.none td { height: 300px; }







/* 제품관리 */

/* 제품관리 - 공통 */
#innerWrap #contents .prodSetting .section .innerContents .searchArea { margin-bottom: 15px; }
#innerWrap #contents .prodSetting .section .innerContents .contArea { margin: 5px 0 22px; }
#innerWrap #contents .prodSetting .section .innerContents .contArea > ul > li { padding: 10px 0; border-bottom: 1px solid #ddd; font-size: 12px;  }
#innerWrap #contents .prodSetting .section .innerContents .contArea > ul > li:after { content: ''; clear: both; display: block; }
#innerWrap #contents .prodSetting .section .innerContents .contArea > ul > li .imgZone { float: left; width: 135px; height: 95px; border: 1px solid #ddd; background-color: #f1f1f1; }
#innerWrap #contents .prodSetting .section .innerContents .contArea > ul > li .imgZone a.thumb { display:block; height:95px; background-position: center; background-repeat: no-repeat; background-size:contain; overflow:hidden; text-indent: -1000em; } /* 2019.06.24 권구성 추가 */
#innerWrap #contents .prodSetting .section .innerContents .contArea > ul > li .imgZone a.thumb span { display:none; }
#innerWrap #contents .prodSetting .section .innerContents .contArea > ul > li ul.infoArea { width: 43%; float: left; margin-left: 10px; padding: 3px 0; position: relative; }
#innerWrap #contents .prodSetting .section .innerContents .contArea > ul > li ul.infoArea li { line-height: 20px; color: #666; }
#innerWrap #contents .prodSetting .section .innerContents .contArea > ul > li ul.infoArea li.info { margin-top:10px; color: #999; }
#innerWrap #contents .prodSetting .section .innerContents .contArea > ul > li ul.infoArea li.title { font-weight:600; font-size:16px; padding-bottom:5px; } /* 2019.06.24 권구성 추가 */
#innerWrap #contents .prodSetting .section .innerContents .contArea > ul > li ul.infoArea li.title span.code { color:#cc3333; } /* 2019.06.24 권구성 추가 */
#innerWrap #contents .prodSetting .section .innerContents .contArea > ul > li ul.infoArea li.part label { color:#999; } /* 2019.06.24 권구성 추가 */
#innerWrap #contents .prodSetting .section .innerContents .contArea > ul > li .rightArea { float: right; }
#innerWrap #contents .prodSetting .section .innerContents .contArea > ul > li .priceArea { float: left; margin-top: 27px; }
#innerWrap #contents .prodSetting .section .innerContents .contArea > ul > li .priceArea span.price { font-size: 16px; font-weight: bold; display: block; color: #cc3333; margin-bottom: 10px; text-align: right; }
#innerWrap #contents .prodSetting .section .innerContents .contArea > ul > li .priceArea span.state { padding: 4px 7px; border: 1px solid #ddd; background-color: #fff; border-radius: 3px; }
#innerWrap #contents .prodSetting .section .innerContents .contArea > ul > li .fixBtnArea { float: left; width: 50px; margin-right: 30px; margin-left: 15px; padding-left: 15px; border-left: 1px solid #ddd; }
#innerWrap #contents .prodSetting .section .innerContents .contArea > ul > li .fixBtnArea button { width: 50px; height: 20px; margin-left: 3px; border-radius: 3px;  text-align: center; margin-bottom: 5px; }
#innerWrap #contents .prodSetting .section .innerContents .contArea > ul > li .fixBtnArea button.imp { background-color: #cc3333; border: 1px solid #cc3333;  }

/* 빽업 */
#innerWrap #contents .prodSettingbak .section .innerContents .searchArea { margin-bottom: 15px; }
#innerWrap #contents .prodSettingbak .section .innerContents .contArea { margin: 5px 0 22px; }
#innerWrap #contents .prodSettingbak .section .innerContents .contArea > ul > li { padding: 10px 0; border-bottom: 1px solid #ddd; font-size: 12px;  }
#innerWrap #contents .prodSettingbak .section .innerContents .contArea > ul > li:after { content: ''; clear: both; display: block; }
#innerWrap #contents .prodSettingbak .section .innerContents .contArea > ul > li .imgZone { float: left; width: 135px; height: 95px; border: 1px solid #ddd; background-color: #f1f1f1; }
#innerWrap #contents .prodSettingbak .section .innerContents .contArea > ul > li .imgZone a.thumb { display:block; height:95px; background-position: center; background-repeat: no-repeat; background-size:contain; overflow:hidden; text-indent: -1000em; } /* 2019.06.24 권구성 추가 */
#innerWrap #contents .prodSettingbak .section .innerContents .contArea > ul > li .imgZone a.thumb span { display:none; }
#innerWrap #contents .prodSettingbak .section .innerContents .contArea > ul > li ul.infoArea { width: 300px; float: left; margin-left: 10px; padding: 3px 0; position: relative; }
#innerWrap #contents .prodSettingbak .section .innerContents .contArea > ul > li ul.infoArea li { line-height: 20px; color: #666; }
#innerWrap #contents .prodSettingbak .section .innerContents .contArea > ul > li ul.infoArea li.info { margin-top:10px; color: #999; }
#innerWrap #contents .prodSettingbak .section .innerContents .contArea > ul > li ul.infoArea li.title { font-weight:600; font-size:16px; padding-bottom:5px; } /* 2019.06.24 권구성 추가 */
#innerWrap #contents .prodSettingbak .section .innerContents .contArea > ul > li ul.infoArea li.title span.code { color:#cc3333; } /* 2019.06.24 권구성 추가 */
#innerWrap #contents .prodSettingbak .section .innerContents .contArea > ul > li ul.infoArea li.part label { color:#999; } /* 2019.06.24 권구성 추가 */
#innerWrap #contents .prodSettingbak .section .innerContents .contArea > ul > li .rightArea { float: right; margin-top: 17px; }
#innerWrap #contents .prodSettingbak .section .innerContents .contArea > ul > li .priceArea { float: left; margin-top: 5px; }
#innerWrap #contents .prodSettingbak .section .innerContents .contArea > ul > li .priceArea span.price { font-size: 16px; font-weight: bold; display: block; color: #cc3333; margin-bottom: 10px; text-align: right; }
#innerWrap #contents .prodSettingbak .section .innerContents .contArea > ul > li .priceArea span.state { padding: 4px 7px; border: 1px solid #ddd; background-color: #fff; border-radius: 3px; }
#innerWrap #contents .prodSettingbak .section .innerContents .contArea > ul > li .fixBtnArea { float: left; width: 124px; margin-left: 20px; }
#innerWrap #contents .prodSettingbak .section .innerContents .contArea > ul > li .fixBtnArea button { width: 57px; height: 25px; line-height: 23px; margin-left: 3px; border-radius: 3px; position: relative; text-align: center; margin-bottom: 5px; padding-left: 14px; }
#innerWrap #contents .prodSettingbak .section .innerContents .contArea > ul > li .fixBtnArea button:before { font-family: 'Font Awesome 5 Free'; font-weight: 600; position: absolute; top: 0px; left: 7px; }
#innerWrap #contents .prodSettingbak .section .innerContents .contArea > ul > li .fixBtnArea button.fix:before { content: '\f0ad';  }
#innerWrap #contents .prodSettingbak .section .innerContents .contArea > ul > li .fixBtnArea button.delete:before { content: '\f2ed'; font-family: 'Font Awesome 5 Free'; font-weight: bold; }
#innerWrap #contents .prodSettingbak .section .innerContents .contArea > ul > li .fixBtnArea button.inq:before { content: '\f059'; }
#innerWrap #contents .prodSettingbak .section .innerContents .contArea > ul > li .fixBtnArea button.copy:before { content: '\f0c5'; }
#innerWrap #contents .prodSettingbak .section .innerContents .contArea > ul > li .fixBtnArea button.imp { background-color: #cc3333; border: 1px solid #cc3333;  }

/* 제품관리 */
#innerWrap #contents .section .innerContents .btnArea:after { content:''; display:block; clear:both; }
#innerWrap #contents .section .innerContents .btnArea button.newItem { width: auto; padding: 0 20px; }
#innerWrap #contents .section .innerContents .btnArea .btnSearch { display: inline-block; float: left; }
#innerWrap #contents .section .innerContents .btnArea .btnSearch input[type='search'] { height: 30px; font-size: 12px; border-radius: 3px; }


/* 제품관리 - 문의 */
#innerWrap.popup #contents .section.inquiry .innerContents { min-height:720px; }
#innerWrap.popup #contents .section.inquiry .innerContents .contArea table.list a { line-height:24px; }
#innerWrap.popup #contents .section.inquiry .innerContents .contArea table.list tr.contents { display:none; }
#innerWrap.popup #contents .section.inquiry .innerContents .contArea table.list tr.contents td { padding:20px 10px; }
#innerWrap.popup #contents .section.inquiry .innerContents .contArea table.list tr.contents span.infor { display:block; text-align:right; margin-bottom:10px;  }
#innerWrap.popup #contents .section.inquiry .innerContents .contArea table.list tr.contents span.infor:after { display:block; content:''; clear:both; }
#innerWrap.popup #contents .section.inquiry .innerContents .contArea table.list tr.contents span.infor span { display:inline-block; color:#999; margin-left:20px; }
#innerWrap.popup #contents .section.inquiry .innerContents .contArea table.list tr.contents span.phone:before { content:'TEL : '; font-weight:600; }
#innerWrap.popup #contents .section.inquiry .innerContents .contArea table.list tr.contents span.email:before { content:'E-MAIL : '; font-weight:600; }
#innerWrap.popup #contents .section.inquiry .innerContents .contArea table.list tr.answer { background-color:#F2f2f2; display:none; }
#innerWrap.popup #contents .section.inquiry .innerContents .contArea table.list tr.answer th { font-weight: 600; }
#innerWrap.popup #contents .section.inquiry .innerContents .contArea table.list tr.answer input { width:100%; box-sizing: border-box; }
#innerWrap.popup #contents .section.inquiry .innerContents .contArea table.list tr.answerContents { display: none; background-color:#F2f2f2; }
#innerWrap.popup #contents .section.inquiry .innerContents .contArea table.list tr.answerContents textarea { width:100%; height:100px; box-sizing: border-box; }
#innerWrap.popup #contents .section.inquiry .innerContents .contArea table.list tr.answerContents button { width:100%; height:100px; box-sizing: border-box; background-color:#0085ba; color:#FFf; font-size:15px; }

/* 제품관리 - 분류 */

/* 제품관리 - 분류 공통 */
#innerWrap #contents .section .innerContents tbody tr td select.tableSelectBox { min-width: 145px; border: 1px solid #ddd; border-radius: 3px; color: #666; height: 23px; line-height: 23px; }
#innerWrap #contents .section .innerContents tbody tr td span.optText { margin-top: 10px; color: #999; display: block; }
#innerWrap #contents .section .innerContents tbody tr td input[type='text'] { background-color: #efefef; }


/* 공통끗 */

#innerWrap #contents .prodSetting.write .section .innerContents .choiceArea { background-color: #f7f7f7; border: 1px solid #ddd; padding: 20px; border-bottom: 0; }
#innerWrap #contents .prodSetting.write .section .innerContents .choiceArea:after { content: ''; clear: both; display: block; }
#innerWrap #contents .prodSetting.write .section .innerContents .choiceArea select.category { width:190px; float:left; margin-right:5px; border:1px solid #DDD; height:150px; font-size:12px; padding:10px; }
#innerWrap #contents .prodSetting.write .section .innerContents .choiceArea select.category option { color:#666; padding:5px; }
#innerWrap #contents .prodSetting.write .section .innerContents .choiceArea select.category option.empty { color:#cc3333; font-weight:600; }
#innerWrap #contents .prodSetting.write .section .innerContents .inputArea p button.cateAll { display: inline-block; line-height: 22px; padding: 0px 4px; background-color: #666; color: #fff; border-radius: 3px; vertical-align: middle; }

#innerWrap #contents .prodSetting.write .section .innerContents .choiceArea ul { min-width: 190px; height: 100px; overflow-y: scroll; background-color: #fff; box-sizing: border-box; border: 1px solid #ddd; padding: 10px 13px; display: inline-block; float: left; margin-right: 5px; }
#innerWrap #contents .prodSetting.write .section .innerContents .choiceArea ul li { color: #666; font-size: 12px; line-height: 20px; }
#innerWrap #contents .prodSetting.write .section .innerContents .choiceArea ul li.imp { font-size: 14px; font-weight: bold; color: #cc3333; line-height: 24px; }
#innerWrap #contents .prodSetting.write .section .innerContents .choiceArea ul.depth2 li.imp { padding: 3px 0 0 13px; position: relative; }
#innerWrap #contents .prodSetting.write .section .innerContents .choiceArea ul.depth2 li.imp:before { content: '◀'; position: absolute; left: 0; }
#innerWrap #contents .prodSetting.write .section .innerContents .inputArea { margin-left: 17px; float: left; width:410px; }
#innerWrap #contents .prodSetting.write .section .innerContents .inputArea:after { content: ''; clear: both; display: block; }
#innerWrap #contents .prodSetting.write .section .innerContents .inputArea input[type='text'] { margin-bottom: 10px; font-size: 12px; padding: 6px 0 6px 10px; border-radius: 3px; }
#innerWrap #contents .prodSetting.write .section .innerContents .inputArea p { font-size: 12px; line-height: 28px; letter-spacing: -0.3px; }
#innerWrap #contents .prodSetting.write .section .innerContents .inputArea p span { display: inline-block; line-height: 22px; padding: 0px 4px; background-color: #666; color: #fff; border-radius: 3px; }
#innerWrap #contents .prodSetting.write .section .innerContents .searchArea .searchWrap span.imp { font-size: 14px; font-weight: bold; }
#innerWrap #contents .prodSetting.write .section .innerContents .searchArea { margin: 10px 0; }

#innerWrap #contents .prodSetting.write .section .innerContents .tableSearch {  }
#innerWrap #contents .prodSetting.write .section .innerContents .tableSearch .searchWrap select { min-width: 145px; height: 25px; padding-left: 10px; border: 1px solid #ddd; border-radius: 3px; font-size: 12px; color: #666; }
#innerWrap #contents .prodSetting.write .section .innerContents .tableArea {  }
#innerWrap #contents .prodSetting.write .section .innerContents .tableArea tbody tr td .priceBox { margin-right: 4px; }
#innerWrap #contents .prodSetting.write .section .innerContents .tableArea tbody tr td .priceBox input[type='checkbox'] { vertical-align: middle; }
#innerWrap #contents .prodSetting.write .section .innerContents .tableArea tbody tr td input.priceinput {   line-height: 15px; }
#innerWrap #contents .prodSetting.write .section .innerContents .tableArea tbody tr td .priceBtnWrap { display: inline-block; }
#innerWrap #contents .prodSetting.write .section .innerContents .tableArea tbody tr td .priceBtnWrap button { display: inline-block; width: 50px; height: 23px; text-align: center; border-radius: 3px; }
#innerWrap #contents .prodSetting.write .section .innerContents .specArea table tbody tr td textarea[name='detail'] { width: 100%; height: 140px; resize: none; }
#innerWrap #contents .prodSetting.write .section .innerContents .picArea { margin-bottom: 20px; }
#innerWrap #contents .prodSetting.write .section .innerContents .picArea .regBox { padding: 10px 15px; width: 100%; height: 45px; box-sizing: border-box; border: 1px solid #ddd; background-color: #0069b3; }
#innerWrap #contents .prodSetting.write .section .innerContents .picArea .regBox span { color: #fff; font-size: 12px; float: left; display: inline-block; line-height: 23px; }
#innerWrap #contents .prodSetting.write .section .innerContents .picArea .regBox button[type='button'] { position: relative; right: 0; width: 120px; height: 23px; border-radius: 3px; text-align: center; font-size: 12px; font-weight: bold; background-color: #fff; float: right;}
#innerWrap #contents .prodSetting.write .section .innerContents .picArea .regBox button[type='button'] span { color:#0069b3; float:none; }

#innerWrap #contents .prodSetting.write .section .innerContents .picArea .imgBox { box-sizing: border-box; padding: 15px; margin-top: 10px; border: 1px solid #ddd; }
#innerWrap #contents .prodSetting.write .section .innerContents .picArea .imgBox ul.d932File { margin-left:-5px; }
#innerWrap #contents .prodSetting.write .section .innerContents .picArea .imgBox ul.d932File:after { content:''; display:block; clear:both; }
#innerWrap #contents .prodSetting.write .section .innerContents .picArea .imgBox ul.d932File.ready:before { content:'이 곳에 이미지를 드롭하시면 업로드 됩니다'; display:block; position:absolute; width:100%; height:100%; left:0px; top:0px; background-color:#000; color:#FFF; text-align: center; line-height:162px; filter:alpha(opacity=30); opacity:0.3; z-index:9999; }
#innerWrap #contents .prodSetting.write .section .innerContents .picArea .imgBox ul.d932File li { float:left; overflow:hidden; position:relative; margin:5px; }
#innerWrap #contents .prodSetting.write .section .innerContents .picArea .imgBox ul.d932File li label { border:1px solid #DDD; display:block; cursor:pointer; background-image:url('/_Master/images/icoUpload.darkGray.png'); background-position:center; background-size:contain; background-repeat:no-repeat; background-color:#FFF; }
#innerWrap #contents .prodSetting.write .section .innerContents .picArea .imgBox ul.d932File li label:after { filter:alpha(opacity=0); opacity:0; transition-duration:.2s; }
#innerWrap #contents .prodSetting.write .section .innerContents .picArea .imgBox ul.d932File li:hover label:after { content:''; display:block; position:absolute; width:100%; height:100%; left:0px; top:0px; background:url('/_Master/images/icoUpload.png') no-repeat center; background-size:50%; filter:alpha(opacity=50); opacity:0.5; transition-duration:.2s; }
#innerWrap #contents .prodSetting.write .section .innerContents .picArea .imgBox ul.d932File li button { position:absolute; width:100%; height:30px; border-radius:0px; border:0px; box-shadow:none; left:0px; color:#FFF; transition-duration:.2s; }
#innerWrap #contents .prodSetting.write .section .innerContents .picArea .imgBox ul.d932File li button.downFile { top:-30px; background-color:#0085ba; text-shadow:0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799; }
#innerWrap #contents .prodSetting.write .section .innerContents .picArea .imgBox ul.d932File li button.downFile:hover { box-shadow:none; }
#innerWrap #contents .prodSetting.write .section .innerContents .picArea .imgBox ul.d932File li button.delFile { bottom:-30px; background-color:#e14d43; text-shadow:0 -1px 1px #ba281e, 1px 0 1px #ba281e, 0 1px 1px #ba281e, -1px 0 1px #ba281e; }
#innerWrap #contents .prodSetting.write .section .innerContents .picArea .imgBox ul.d932File li:hover button { transition-duration:.2s; }
#innerWrap #contents .prodSetting.write .section .innerContents .picArea .imgBox ul.d932File li:hover button.downFile { top:0px; }
#innerWrap #contents .prodSetting.write .section .innerContents .picArea .imgBox ul.d932File li:hover button.delFile { bottom:0px; }
#innerWrap #contents .prodSetting.write .section .innerContents .picArea .imgBox ul.d932File li.ghost { width:50px; height:50px; border:5px dashed #DDD; }

@media (max-width: 1100px) {
#innerWrap #contents .prodSetting.write .section .innerContents .inputArea { margin-left: 2px; }
#innerWrap #contents .prodSetting.write .section .innerContents .inputArea input[type='text'] { width: 95%; }
#innerWrap #contents .prodSetting.write .section .innerContents .choiceArea ul { min-width: 170px; overflow-y: scroll; box-sizing: border-box; border: 1px solid #ddd;  display: inline-block; float: left; margin-right: 5px; }
#innerWrap #contents .prodSetting.write .section .innerContents .tableArea tbody tr td .priceBtnWrap { display: block; margin-top: 10px; }
}

/* 포스팅 */

/* 공통 */

/* 포스팅 - 리스트 */
#innerWrap #contents .postinglist .section .innerContents .list ul li { padding: 12px 0; border-bottom: 1px solid #ddd; }
#innerWrap #contents .postinglist .section .innerContents .list ul li:after { content: ''; clear: both; display: block; }
#innerWrap #contents .postinglist .section .innerContents .list ul li span { font-size: 12px; display: block; float: left; padding: 4px 0; }
#innerWrap #contents .postinglist .section .innerContents .list ul li .cateBox { max-width: 70px; }
#innerWrap #contents .postinglist .section .innerContents .list ul li span.cont { max-width:550px; display:inline-block; line-height:22px; }
#innerWrap #contents .postinglist .section .innerContents .list ul li span.cate { display: block; width: 130px; padding-right:20px; }
#innerWrap #contents .postinglist .section .innerContents .list ul li span.cate span { background-color: #32c2cd; color: #fff; display:block; padding: 4px 10px; }
#innerWrap #contents .postinglist .section .innerContents .list ul li span.hit { }
#innerWrap #contents .postinglist .section .innerContents .list ul li span.date { float: right; display: block; color: #999; }

#innerWrap #contents .postinglist .section .innerContents .list table.list td span.cont { max-width:520px; display:inline-block; line-height:20px; vertical-align: middle; }
#innerWrap #contents .postinglist .section .innerContents .list table.list td span.cate { display:block; width: 130px; padding-right:20px; float:left; vertical-align: middle; }
#innerWrap #contents .postinglist .section .innerContents .list table.list td span.cate span { background-color: #32c2cd; color: #fff; display:inline-block; padding: 0 10px; line-height:22px; }
#innerWrap #contents table.list td.hit { color: #999; width:70px; }
#innerWrap #contents table.list td.hit:before { content:'HIT : '; }
#innerWrap #contents .postinglist .section .innerContents .list table.list td.date { color: #999; width:80px; text-align: center; }

#innerWrap #contents .postinglist .pager { margin: 30px 0 40px; }

/* 포스팅 - 상세 */
#innerWrap #contents .comDetail .section .innerContents .mTxtArea { border: 1px solid #ddd; background-color: #efefef; margin-bottom: 0; padding: 10px 20px; }
#innerWrap #contents .comDetail .section .innerContents .mTxtArea span { display: inline-block; line-height: 26px; font-size: 14px; font-weight: bold; }
#innerWrap #contents .comDetail .section .innerContents .mTxtArea span.hit { display:block; float:right; font-size:13px; color:#999; margin-left:20px; }
#innerWrap #contents .comDetail .section .innerContents .mTxtArea span.hit::before { content:'HIT : '; }
#innerWrap #contents .comDetail .section .innerContents .detailList ul li { padding: 12px 0; border-bottom: 1px solid #ddd; margin-bottom: 25px; }
#innerWrap #contents .comDetail .section .innerContents .detailList ul li:after { content: ''; clear: both; display: block; }
#innerWrap #contents .comDetail .section .innerContents .detailList ul li span { font-size: 12px; display: block; float: left; padding: 4px 0; max-width: 70%; }
/* #innerWrap #contents .comDetail .section .innerContents .detailList ul li .cateBox { max-width: 70px; } */
#innerWrap #contents .comDetail .section .innerContents .detailList ul li span.cate { display: block; padding: 4px 5px; color: #333; width: 600px; }
#innerWrap #contents .comDetail .section .innerContents .detailList span.date { float: right; display: block; color: #999; font-size: 12px;}
#innerWrap #contents .comDetail .section .innerContents .detailList div.infor { padding:12px 0; border-bottom:1px solid #DDD; margin-bottom:25px; }
#innerWrap #contents .comDetail .section .innerContents .detailList div.infor:after { content:''; display: block; clear:both; }
/* #innerWrap #contents .comDetail .section .innerContents .detailList ul li span.cate { display: inline-block; padding: 4px 5px; margin-right: 30px; background-color: #32c2cd; color: #fff; } */
/* #innerWrap #contents .comDetail .section .innerContents .detailList ul li span.date { float: right; display: block; color: #999; } */
#innerWrap #contents .comDetail .section .innerContents .detailContents { padding-bottom: 30px; border-bottom: 1px solid #ddd; margin-bottom: 15px; line-height:170%; font-size:14px; }
#innerWrap #contents .comDetail .section .innerContents .detailContents img { max-width:100%; }

/* 포스팅 - 글쓰기 */

#innerWrap #contents .postingwrite .section .innerContents table.write { table-layout:fixed; }
#innerWrap #contents .postingwrite .section .innerContents table.write tr td input[type='text'] { width: 100%; background-color: #efefef; line-height: 15px; }
#innerWrap #contents .postingwrite .section .innerContents table.write tr td textarea { width: 100%; height: 140px; resize: none; }

/* 문의내역 - 리스트*/
#innerWrap #contents .articleList table.list span.status { display: block; padding: 4px 5px; background-color: #999; color: #fff; max-width: 60px; width: 60px; text-align: center; }
#innerWrap #contents .articleList table.list span.status.ready { background-color: #32c2cd; }

/* 문의내역 - 상세보기*/
#innerWrap #contents .articleDetail div.infor span.status { display: block; float:left; padding: 4px 5px; background-color: #999; color: #fff; max-width: 60px; width: 60px; text-align: center; font-size:12px; }
#innerWrap #contents .articleDetail div.infor span.status.ready { background-color: #32c2cd; }
#innerWrap #contents .articleDetail div.infor span.date { line-height:22px; }
#innerWrap #contents .articleDetail div.users { border-bottom:1px solid #DDD; padding-bottom:15px; font-size:12px; margin:-10px 0 20px; text-align:right; }
#innerWrap #contents .articleDetail div.users span { display:inline-block; vertical-align: top; font-weight:100; }
#innerWrap #contents .articleDetail div.users span::after { content:'|'; display:inline-block; padding:0 5px; font-weight:100; }
#innerWrap #contents .articleDetail div.users span:last-child::after { content:''; padding:0; }
#innerWrap #contents .articleDetail div.users span.name { font-weight:600; }
#innerWrap #contents .articleDetail div.files { padding-bottom:20px; font-size:14px; }
#innerWrap #contents .articleDetail div.files span.label { color:#999; }
#innerWrap #contents .articleDetail div.files span.label::after { content:' : '; }
#innerWrap #contents .articleDetail div.files span.value { font-weight:600; }

/*
#innerWrap #contents .inquirylist .section .innerContents .tableWrap table { border-collapse: collapse; border-top: 2px solid #999; border-bottom: 2px solid #999; }
#innerWrap #contents .inquirylist .section .innerContents table tbody tr th { padding: 18px 0; text-align: center; background-color: #fff; color: #666; font-weight: normal; border-left: 0; }
#innerWrap #contents .inquirylist .section .innerContents table tbody tr td { padding: 12px 16px 12px 16px; }
#innerWrap #contents .inquirylist .section .innerContents table tbody tr td.date { text-align: center; }
#innerWrap #contents .inquirylist .section .innerContents table tbody tr td a.cont { width: 500px; }
#innerWrap #contents .inquirylist .section .innerContents table tbody tr.success th { color: #cc3333; background-color: #f4f4f4; }
#innerWrap #contents .inquirylist .section .innerContents table tbody tr.success td { background-color: #f4f4f4; }
#innerWrap #contents .inquirylist .pager { margin-bottom: 0; } */

/* 문의내역 - 상세 */

#innerWrap #contents .comDetail .section .innerContents .detailContents .answerBox { margin-top: 20px; border-top: 2px solid #666; border-bottom: 2px solid #666; padding: 20px 15px; background-color: #fcfcfc;  }
#innerWrap #contents .comDetail .section .innerContents .detailContents .answerBox .textareaWrap { padding: 0 20px; }
#innerWrap #contents .comDetail .section .innerContents .detailContents .answerBox textarea { width: 100%; resize: none; position: relative; box-sizing: border-box;  }
#innerWrap #contents .comDetail .section .innerContents .detailContents .answerBox textarea:before {  content: ''; position: absolute; background-image: url('/images/blog/line06.png'); background-repeat: no-repeat; width: 25px; height: 20px; left: -10px;  }
#innerWrap #contents .inquirydetail.comDetail .section .innerContents .detailContents { padding-bottom: 0; border-bottom: 0; }

@media(max-width:1199px) {
#innerWrap #contents .articleList .section .innerContents table tbody tr td a.cont { width: 400px; }
#innerWrap #contents .articleList .section .innerContents .list ul li span { max-width: 65%; }
}

@media(max-width:1100px) {
#innerWrap #contents .articleList .section .innerContents table tbody tr td a.cont { width: 340px; }

}


/* 통계 - 인기페이지 */

/* #innerWrap #contents .popular .section .innerContents .searchArea .searchWrap .dateselect:after { content: ''; clear: both; display: block; } */
#innerWrap #contents .popular .section .innerContents .searchArea .searchWrap .dateselect ul li { float: left; margin-top: 2px; }
#innerWrap #contents .popular .section .innerContents .searchArea .searchWrap .dateselect ul li button { padding: 5px 8px; background-color: #999; color: #fff; border-left: 1px solid #aeaeae; font-size: 12px; }
#innerWrap #contents .popular .section .innerContents .searchArea .searchWrap .dateselect ul li:first-child button { border-left: 0; border-top-left-radius: 3px; border-bottom-left-radius: 3px;  }
#innerWrap #contents .popular .section .innerContents .searchArea .searchWrap .dateselect ul li button.last { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
#innerWrap #contents .popular .section .innerContents .searchArea .searchWrap .dateselect ul li.selected button { background-color: #0069b3; }
#innerWrap #contents .popular .section .innerContents .searchArea .searchWrap .calArea { display: block; font-size: 12px; float: right; }
#innerWrap #contents .popular .section .innerContents .searchArea .searchWrap .calArea .selectTerm { display:block; float:left; margin-right:10px; }
#innerWrap #contents .popular .section .innerContents .searchArea .searchWrap .calArea .selectTerm button { padding:0 8px; background-color: #999; color: #fff; border-left: 1px solid #aeaeae; font-size: 12px; height:26px; float:left; }
#innerWrap #contents .popular .section .innerContents .searchArea .searchWrap .calArea .selectTerm button:first-child { border-radius:3px 0 0 3px; }
#innerWrap #contents .popular .section .innerContents .searchArea .searchWrap .calArea .selectTerm button:last-child { border-radius:0 3px 3px 0; }
#innerWrap #contents .popular .section .innerContents .searchArea .searchWrap .calArea .selectTerm button:hover { background-color: #0069b3; }
#innerWrap #contents .popular .section .innerContents .searchArea .searchWrap .calArea .searchTerm { display:block; float:left; margin-right:75px; }
#innerWrap #contents .popular .section .innerContents .searchArea .searchWrap .calArea .searchTerm input { width:120px; }
#innerWrap #contents .popular .section .innerContents .popArea { margin-top: 20px; }
#innerWrap #contents .popular .section .innerContents .popArea table { table-layout: fixed; width:100%;  border-collapse: collapse; }
#innerWrap #contents .popular .section .innerContents .popArea table thead tr th { border-top: 2px solid #333; background-color: #f7f7f7; border-bottom: 1px solid #efefef; padding: 15px 0; font-size: 12px; text-align: center; color: #666; }
#innerWrap #contents .popular .section .innerContents .popArea table tbody tr td { border: 0; border-bottom: 1px solid #efefef; overflow: hidden; }
#innerWrap #contents .popular .section .innerContents .popArea table tbody tr td.num { padding: 12px 0; text-align: center; }
#innerWrap #contents .popular .section .innerContents .popArea table tbody tr td .gauge { width: 230px; height: 15px; border: 1px solid #ddd; background-color: #efefef; display: inline-block; }
#innerWrap #contents .popular .section .innerContents .popArea table tbody tr td .percent { display: inline-block; vertical-align: super; }
#innerWrap #contents .popular .section .innerContents .popArea table tbody tr td .gauge .bar span { display: none; }
#innerWrap #contents .popular .section .innerContents .popArea table tbody tr td .gauge .bar { height: 100%; width: 15%; background-color: #0069b3; }
#innerWrap #contents .popular .section .innerContents .popArea div.desc { margin-top:10px; font-size:12px; text-align:right; color:#999; }
#innerWrap #contents .popular .section .innerContents .popArea div.desc span.desc { color:#999; }
#innerWrap #contents .popular .section .innerContents .popArea div.desc span.desc:before { content:'* '; }
#innerWrap #contents .popular .section .innerContents .pager { margin-bottom: 0; }

/* 통계 - 리포트 */

#innerWrap #contents .report .section .innerContents .tabArea ul { border-bottom: 1px solid #ddd; }
#innerWrap #contents .report .section .innerContents .tabArea ul li { display: inline-block; text-align: center; position: relative; top: 1px; }
#innerWrap #contents .report .section .innerContents .tabArea ul li a { display: block; width: 100px; height: 35px; line-height: 35px; font-weight: bold; background-color: #333; color: #fff;  border-bottom: 0; border: 1px solid #ddd; }
#innerWrap #contents .report .section .innerContents .tabArea ul li.active a { background-color: #fff; border: 1px solid #ddd; color: #333; border-bottom: 1px solid #fff; }
#innerWrap #contents .report .section .innerContents .contArea {margin-top: 20px; border: 1px solid #ddd; }
#innerWrap #contents .report .section .innerContents .contArea .remoteBox { width: 100%; text-align: right; padding: 10px; border-bottom: 1px solid #ddd; background-color: #efefef; box-sizing:border-box; }
/* #innerWrap #contents .report .section .innerContents .contArea .remoteBox .month { display: inline-block; margin: 0 40px; font-weight: bold; font-size: 18px; vertical-align: middle; } */
#innerWrap #contents .report .section .innerContents .contArea .remoteBox button { width: 50px; height: 25px; font-size: 12px; border-radius: 3px; }
#innerWrap #contents .report .section .innerContents .contArea .remoteBox button span { color: #fff; }
#innerWrap #contents .report .section .innerContents .contArea .remoteBox select { vertical-align:middle; font-size:15px; padding:2px; }
#innerWrap #contents .report .section .innerContents .contArea .remoteBox span.unit { display:inline-block; font-size:14px; margin-right:5px; }
#innerWrap #contents .report .section .innerContents .contArea .graphBox { width: 100%; height: 500px; }

/* 보더 지우기 */
input[type="radio"], input[type="checkbox"] { border: 0; }
/* 끗 */