@charset "utf-8";
@import url("/style/tnb.css?ts=20190520113401");
@import url("/style/layout.css");
@import url("/style/fontNotosans.css");

input:focus, select:focus, textarea:focus { outline: 0; }

div#tnb div.innerWrap { min-width: 1000px; max-width: 1100px; width: auto; padding: 0 10px; }
div#wrap { min-width: 1000px; }

/** header **/
div#header div.innerWrap { min-width: 980px; margin: 0 auto; width: auto; padding: 0 10px; max-width: 1100px; }
div#header div.main { height: 120px; margin: 0 auto; }
div#header div.main div.innerWrap div.title { float: left; padding-top: 39px; }
div#header div.main div.innerWrap div.title h1 { float: left; height: 40px; }
div#header div.main div.innerWrap div.title h1 a { display: inline-block; width: 55px; height: 40px; text-indent: -1000px; overflow: hidden; background: url('/images/news/common/serviceH1.gif') no-repeat center; vertical-align: middle; }
div#header div.main div.innerWrap div.title h2 { float: left; padding-left: 15px; background: url('/images/news/common/partitionHead.gif') no-repeat 7px center;  }
div#header div.main div.innerWrap div.title h2 a { display: inline-block; font-size: 36px; line-height: 40px; color: #154b98; font-weight: 600; font-family: 'Nanum Gothic'; }
div#header div.main div.innerWrap div.title h2 a: hover { text-decoration: none; }
div#header div.main div.headerShorcut { width: 250px; height: 120px; position: absolute; right: 0px; top: 0px; }
div#header div.main div.headerShorcut ul { position: relative; }
div#header div.main div.headerShorcut ul li { position: absolute; left: 0px; top: 0px; filter: alpha(opacity=0); opacity: 0; }
div#header div.main div.headerShorcut ul li:first-child { filter: alpha(opacity=100); opacity: 1; }
div#header div.main div.headerShorcut ul a { display: block; width: 250px; height: 120px; background-position: center; background-repeat: no-repeat; background-position: center; }
div#header div.main div.headerShorcut ul a span { display: none; }
div#header div.main div.headerShorcut ul a.press { background: url('/images/common/bnrPress.png') no-repeat center; }
div#header div.main div.headerShorcut ul a.search { background: url('/images/common/bnrSearch.png') no-repeat center; }

div#header div.gnb { height: 112px; z-index: 1; background-color: #0069b3; position: relative; }
div#header div.gnb div.innerWrap { width:auto; max-width:none; }
div#header div.gnb div.innerWrap ul.main { min-width: 1000px; max-width: 1100px; margin:0 auto; }
div#header div.gnb div.innerWrap ul.main:after { content:''; display:block; clear:both; }
div#header div.gnb div.innerWrap ul.main li { float: left; }
div#header div.gnb div.innerWrap ul.main li a { text-decoration: none; font-size: 16px; color: #fff; font-family: 'Nanum Gothic'; font-weight: bold; letter-spacing: -0.05em; transition-duration: 0.2s; }
div#header div.gnb div.innerWrap ul.main li div { position: absolute; left: 0; width: 100%; height: 56px; background-color: #333; z-index: 9999; display: none; }
div#header div.gnb div.innerWrap ul.main li div ul { min-width: 1000px; max-width: 1100px; height: inherit; margin: 0 auto; box-sizing: border-box; }
div#header div.gnb div.innerWrap ul.main li.home { background: none; z-index: 100; width: 55px; margin-right: -1px; }
div#header div.gnb div.innerWrap ul.main li.home a { background: url('/images/blog/index/gnbHome.png') no-repeat 20px center; text-indent: -1000px; overflow: hidden; }
div#header div.gnb div.innerWrap ul.main > li { background: url('/images/news/common/partitionGnb.png') no-repeat left center; z-index: 30; transition-duration: 0.2s; }
div#header div.gnb div.innerWrap ul.main > li > a { height: 56px; display: block; line-height: 56px; padding:0 20px; }
div#header div.gnb div.innerWrap ul.main > li > div > ul > li > a { height: 36px; display: block; line-height: 16px; padding: 20px 20px 0; }
div#header div.gnb div.innerWrap ul.main > li > div > ul > li > div { background-color: #ddd; }
div#header div.gnb div.innerWrap ul.main > li > div > ul > li > div > ul > li { font-weight: bold; color: #333; font-size: 14px; padding-right: 20px; }
div#header div.gnb div.innerWrap ul.main > li > div > ul > li > div > ul > li:before { content: 'ㆍ'; display: inline-block; margin-right: 5px; }
div#header div.gnb div.innerWrap ul.main > li > div > ul > li > div > ul > li > a { height: 56px; line-height: 56px; font-size: 14px; color: #333; font-weight: bold; }
div#header div.gnb div.innerWrap ul.main > li > div > ul > li > div > ul > li:hover:before { color: #2273bb; }
div#header div.gnb div.innerWrap ul.main > li > div > ul > li > div > ul > li:hover > a { color: #2273bb; }
div#header div.gnb div.innerWrap ul.main > li:hover { margin-right: -1px; z-index: 50; transition-duration: 0.2s; }
div#header div.gnb div.innerWrap ul.main > li:hover > a { background-color: #0e47a1; padding-right: 21px; transition-duration: 0.2s; }
div#header div.gnb div.innerWrap ul.main > li:hover > div { display: block; }
div#header div.gnb div.innerWrap ul.main > li:hover > div > ul > li:hover { background-color: #222; }
div#header div.gnb div.innerWrap ul.main > li:hover > div > ul > li:hover > div { display: block; }
div#header div.gnb div.innerWrap ul.main > li.selected { margin-right: -1px; z-index: 500; }
div#header div.gnb div.innerWrap ul.main > li.selected:hover > a { padding-right: 20px; }
div#header div.gnb div.innerWrap ul.main > li.selected > a { background-color: #0e47a1; }
div#header div.gnb div.innerWrap ul.main > li.selected > div { display: block; z-index: 9998; }
div#header div.gnb div.innerWrap ul.main > li.selected > div > ul > li.selected { background-color: #222; }
div#header div.gnb div.innerWrap ul.main > li.selected > div > ul > li.selected > div > ul > li.selected:before { color: #2273bb; }
div#header div.gnb div.innerWrap ul.main > li.selected > div > ul > li.selected > div > ul > li.selected a { color: #2273bb; }
div#header div.gnb div.innerWrap div.search { position: absolute; right: 0px; top: 12px; }
div#header div.gnb div.innerWrap div.search input { float: left; width: 150px; height: 30px; border: 1px solid #ccc; padding: 5px; font-size: 12px; line-height: 18px; }
div#header div.gnb div.innerWrap div.search button { float: left; width: 35px; height: 30px; background: url('/images/blog/index/btnSearchMin.png') no-repeat center; text-indent: -1000px; overflow: hidden; }

#contents { padding: 30px 0; }
#contents input, #contents textarea { font-family: "Nanum Gothic"; }
#contents .innerWrap { min-width: 1000px; max-width: 1100px; margin: 0 auto; overflow: hidden; }
#contents .innerWrap .sideMenu { width: 250px; border-top: 1px solid #0069b3; margin-right: 30px; float: left; }
#contents .innerWrap .sideMenu .sideTitle { font-size: 25px; font-weight: 900; color: #0069b3; padding: 24px 10px; }
#contents .innerWrap .sideMenu ul li a { text-decoration: none; }
#contents .innerWrap .sideMenu > ul { width: 100%; }
#contents .innerWrap .sideMenu > ul > li { background-color: #f9f9f9; }
#contents .innerWrap .sideMenu > ul > li:first-child { border-top: 1px solid #ddd; }
#contents .innerWrap .sideMenu > ul > li > a { position: relative; display: block; width: 100%; height: 50px; line-height: 50px; padding: 0 30px 0 40px; font-size: 17px; font-weight: bold; border-bottom: 1px solid #ddd; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; }
#contents .innerWrap .sideMenu > ul > li > a:before { content: ""; position: absolute; top: 0; left: 0; width: 40px; height: inherit; background-position: center; background-repeat: no-repeat; }
#contents .innerWrap .sideMenu > ul > li.plus > a:after { content: "\f067"; font-family: "FontAwesome"; font-weight: normal; font-size: 13px; position: absolute; right: 10px; }
#contents .innerWrap .sideMenu > ul > li.plus.selected > a:after { content: "\f068"; }
#contents .innerWrap .sideMenu > ul > li.banner > a:before { background-image: url("/images/ad/icoSnbDisplay.png"); }
#contents .innerWrap .sideMenu > ul > li.keyword > a:before { background-image: url("/images/ad/icoSnbKeyword.png"); }
#contents .innerWrap .sideMenu > ul > li.category > a:before { background-image: url("/images/ad/icoSnbCategory.png"); }
#contents .innerWrap .sideMenu > ul > li.selected > ul { display: block; }
#contents .innerWrap .sideMenu > ul > li > ul { display: none; background-color: #eee; }
#contents .innerWrap .sideMenu > ul > li > ul > li { border-bottom: 1px solid #ddd; }
#contents .innerWrap .sideMenu > ul > li > ul > li a { display: inline-block; padding-left: 40px; height: 35px; line-height: 35px; max-width: 100%; font-size: 14px; padding-right: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; }
#contents .innerWrap .sideMenu > ul > li > ul > li:not(.plus) > a:hover { font-weight: bold; color: #0069b3; }
#contents .innerWrap .sideMenu > ul > li > ul > li:not(.plus).selected > a { font-weight: bold; color: #0069b3; }
#contents .innerWrap .sideMenu > ul > li > ul > li.plus > a:after { content: "\f067"; font-family: "FontAwesome"; font-weight: normal; font-size: 13px; position: absolute; right: 10px; }
#contents .innerWrap .sideMenu > ul > li > ul > li.plus.selected > a:after { content: "\f068"; }
#contents .innerWrap .sideMenu > ul > li > ul > li > ul { display: none; }
#contents .innerWrap .sideMenu > ul > li > ul > li > ul > li { border-top: 1px solid #ddd; }
#contents .innerWrap .sideMenu > ul > li > ul > li > ul > li > a { padding-left: 55px; font-size: 13px; }
#contents .innerWrap .sideMenu > ul > li > ul > li > ul > li > a:hover { font-weight: bold; color: #0069b3; }
#contents .innerWrap .sideMenu > ul > li > ul > li > ul > li > a:before { content: "-"; display: inline-block; margin-right: 5px; }
#contents .innerWrap .innerContents { width: 820px; float: right; }
#contents .pageTitleWrap { overflow: hidden; width: 100%; border-bottom: 2px solid #333; margin-bottom: 50px; }
#contents .pageTitleWrap .pageTitle { font-size: 22px; font-weight: bold; color: #0069b3; padding: 7px 0; float: left; }
#contents .pageTitleWrap .pageTitle span { color: #333; margin-left: 7px; }
#contents .pageTitleWrap .location { font-size: 14px; line-height: 39px; overflow: hidden; float: right; }
#contents .pageTitleWrap .location a { color: #666; float: left; }
#contents .pageTitleWrap .location a:after { content: ">"; display: inline-block; margin: 0 5px; }
#contents .pageTitleWrap .location span.cur { font-weight: bold; float: left; }

#ad select { appearance: none; -webkit-appearance: none; -moz-appearance: none; padding: 7px 5px; background-image: url('/images/ad/selectArrow.png'); background-repeat: no-repeat; background-color: #fff; }
#ad select { background-position: 95% center; background-position: calc(100% - 5px) center; }
#ad select::-ms-expand { display: none; }
#ad .adTitle { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
#ad .icon { width: 65px; padding: 3px 0; color: #fff; font-size: 12px; margin-left: 10px; }
#ad .bodyTb { max-height: 300px; border-bottom: 1px solid #ddd; margin-bottom: 50px; }
#ad .bodyTb .mCSB_inside > .mCSB_container { margin-right: 0; }
#ad .bodyTb .mCSB_scrollTools .mCSB_draggerContainer { left: auto; }
#ad table { width: 100%; border-spacing: 0; }
#ad table tr th, #ad table tr td { padding: 10px; font-size: 14px; }
#ad table th { border: 1px solid #ddd; border-top-color: #333; border-right: 0; background-color: #0069b3; color: #fff; }
#ad table th:first-child { border-left: 0; }
#ad table td { border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; text-align: center; }
#ad table td:first-child { border-left: 0; }
#ad table td.noList { padding: 80px 0; color: #999; font-size: 14px; text-align: center; }
#ad table td.keyword, #ad table td.category { text-align: left; }
#ad table td.category span { font-weight: bold; }
#ad table td.category span:before { content: ">"; display: inline-block; margin: 0 5px; font-weight: normal; }
#ad table td.status button.normal { background-color: #0069b3; }
#ad table td.status button.pause { background-color: #333; }
#ad form > div { display: none; }
#ad form > div.step1 { display: block;  }
#ad form > div.step1 .bodyTb { margin-bottom: 0; display: none; }
#ad form > div.step1 .bodyTb td.date { color: #999; }
#ad form > div.step1 .bodyTb td.date span.dateDesc { font-size: 12px; color: #666; margin-top: 5px; display: block; }
#ad form > div.step1 .bodyTb td.status span.not { color: #ff0000; }
#ad form > div.step1 .bodyTb select { width: 100%; border: 1px solid #ccc; font-size: 12px; }
#ad form > div.step1 .bodyTb select[name="category2[]"] { margin-top: 5px; }
#ad form > div.step1 .bodyTb input[type="date"] { width: 135px; padding: 5px; box-sizing: border-box; font-size: 12px; margin-left: 5px; }
#ad form > div.step1 .bodyTb button.delete { background-color: #999; display: block; margin: 5px auto 0; }
#ad form > div.step1 .noTable { width: 100%; height: 150px; background-color: #f5f5f5; border-bottom: 1px solid #ddd; display: table; text-align: center; font-size: 14px; }
#ad form > div.step1 .noTable .verticalCenter { display: table-cell; vertical-align: middle; }
#ad form > div.step1 .noTable .verticalCenter div { margin-top: 5px; }
#ad form > div.step1 .tableFooter { margin-top: 20px; font-size: 14px; overflow: hidden; }
#ad form > div.step1 .tableFooter > span { line-height: 32px; float: left; }
#ad form > div.step1 .tableFooter button { float: right; }
#ad form > div.step1 button.adAdd { width: 190px; height: 32px; background-color: #0e47a1; color: #fff; font-size: 16px; font-weight: bold; vertical-align: middle; }
#ad form > div.step2 .bodyTb tr.setting td { color: #666; }
#ad form > div.step2 .bodyTb td.category span { color: inherit; }
#ad form > div.step2 .bodyTb td.category span:before { content: ">"; display: inline-block; margin: 0 5px; font-weight: normal; }
#ad form > div.step2 .bodyTb td.link button { background-color: #0069b3; color: #fff; }
#ad form > div.step2 .bodyTb td.link span.prodCode { font-weight: bold; margin-right: 5px; }
#ad form > div.step2 .bodyTb td.link.alignLeft { text-align: left; }
#ad form .stepBtnWrap { text-align: center; margin-top: 50px; display: none; }
#ad form .stepBtnWrap button.stepBtn { width: 100px; padding: 10px 0; background-color: #0069b3; color: #fff; font-size: 16px; font-weight: bold; margin: 0 5px; }
#ad div.payset { width: 100%; margin-top: 20px; }
#ad div.payset div.howpay { height: 50px; line-height: 50px; background-color: #0069b3; padding: 0 20px; }
#ad div.payset div.howpay span.mTxt { font-size: 17px;  font-weight: bold; display: inline-block; color: #fff; }
#ad div.payset div.howpay div.radioArea { float: right; }
#ad div.payset div.howpay div.radioArea input {  position: relative; top: 3px; border: 0; margin-left: 20px;}
#ad div.payset div.howpay div.radioArea input:first-child { margin-left: 0; }
#ad div.payset div.howpay div.radioArea label { font-size: 14px; color: #fff; }
#ad div.payset div.payshow table.lastpay { width: 100%; }
#ad div.payset div.payshow table.lastpay tbody tr td { text-align: left; padding: 8px 15px; font-size: 12px; }
#ad div.payset div.payshow table.lastpay tbody tr td input { position: relative; top: 1.5px; border: 0;  }
#ad div.payset div.payshow table.lastpay tbody tr td label { position: relative; top: -0.5px; font-size: 14px; }
#ad div.payset div.payshow table.lastpay tbody tr td label.imp { font-size: 15px; font-weight: bold; }
#ad div.payset div.payshow table.lastpay tbody tr td div.minibox { border: 1px solid #ddd; margin: 10px 0; padding: 8px; max-height: 150px; overflow-y: scroll;}
#ad div.payset div.payshow table.lastpay tbody tr td div.minibox p.mTxt { font-size: 13px; margin: 5px 0; font-weight: normal; }
#ad div.payset div.payshow table.lastpay tbody tr td div.minibox table.miniTb { border-collapse: collapse; }
#ad div.payset div.payshow table.lastpay tbody tr td div.minibox table.miniTb thead tr th { border-top: 1px solid #0069b3; background-color: #fff; color: #333; }
#ad div.payset div.payshow table.lastpay tbody tr td.payArea { padding: 15px; background-color: #f5f5f5; }
#ad div.payset div.payshow table.lastpay tbody tr td.payArea ul { padding: 10px 0; border-bottom: 1px solid #ddd; margin-bottom: 10px; }
#ad div.payset div.payshow table.lastpay tbody tr td.payArea ul li { line-height: 35px; font-size: 15px;  }
#ad div.payset div.payshow table.lastpay tbody tr td.payArea ul li span { float: right; }
#ad div.payset div.payshow table.lastpay tbody tr td.payArea ul li span.payPrice { margin-right: 5px; float: left; }
#ad div.payset div.payshow table.lastpay tbody tr td.payArea div.allpay { margin: 15px 0; font-size: 19px; color: #ff0000; font-weight: bold; }
#ad div.payset div.payshow table.lastpay tbody tr td.payArea div.allpay span { float: right; font-size: 16px; margin-top: 2px; }
#ad div.payset div.payshow table.lastpay tbody tr td.payArea div.allpay span.payTotalPrice { float: left; margin-right: 5px; color: #ff0000; font-size: 19px; margin-top: -2px; }
#ad div.payset div.payshow table.lastpay tbody tr td.payArea div.btnArea button { height: 80px; float: left; padding: 10px; }
#ad div.payset div.payshow table.lastpay tbody tr td.payArea div.btnArea button span { color: #fff; font-weight: bold; font-size: 16px; }
#ad div.payset div.payshow table.lastpay tbody tr td.payArea div.btnArea button.gopayment { width: 203px; background-color: #0f70b7; border: 1px solid #005ca3; }
#ad div.payset div.payshow table.lastpay tbody tr td.payArea div.btnArea button.gopayment span { font-size: 22px; }
#ad div.payset div.payshow table.lastpay tbody tr td.payArea div.btnArea button.cancel { width: 80px; margin-right: 6px; border: 1px solid #666666; background-color: #888; }
#ad div.finishBox { width: 500px; padding: 30px 0; border: 3px solid #0069b3; text-align: center; margin: 0 auto; box-sizing: border-box; }
#ad div.finishBox > div { font-weight: bold; }
#ad div.finishBox div.comment { line-height: 24px; }
#ad div.finishBox div.comment .deposit { font-size: 20px; font-weight: bold; margin-bottom: 10px; }
#ad div.finishBox div.comment ul li.depositDate { color: #ff0000; }
#ad div.finishBox div.failTitle { margin-top: 20px; color: #ff0000; }
#ad div.finishBox ul.failList { margin-top: 5px; display: inline-block; }
#ad div.finishBox ul.failList li { text-align: left; font-size: 14px; line-height: 20px; }
#ad div.finishBox ul.failList li:before { content: "-"; display: inline-block; margin-right: 8px; }
#ad div.finishBtns { text-align: center; margin-top: 20px; }
#ad div.finishBtns a { display: inline-block; background-color: #0069b3; color: #fff; padding: 10px 20px; font-weight: bold; text-decoration: none; }

#layerPopup { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background-color: rgba(0, 0, 0, 0.7); }
#layerPopup .keywordContent { position: absolute; width: 900px; height: 750px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background-color: #fff; border-radius: 3px; padding: 10px; box-sizing: border-box; }
#layerPopup .keywordContent .prodSearch { display: none; }
#layerPopup .keywordContent .prodSearch iframe { width: 100%; height: 730px; border: 0; }
#layerPopup .keywordContent .keywordSearch iframe { width: 100%; height: 363px; border: 0; }
#layerPopup .keywordContent .searchWrap { width: 100%; border: 1px solid #ddd; background-color: #f5f5f5; padding: 20px; margin-bottom: 40px; box-sizing: border-box; }
#layerPopup .keywordContent .searchWrap .search { overflow: hidden; }
#layerPopup .keywordContent .searchWrap .search input { width: 728px; margin-right: 10px; border: 1px solid #ddd; color: #333; font-size: 14px; padding: 11px 10px; box-sizing: border-box; float: left; }
#layerPopup .keywordContent .searchWrap .search button { width: 100px; background-color: #0068B7; color: #fff; font-weight: bold; font-size: 14px; padding: 12px 0; float: left; }
#layerPopup .keywordContent .keywordBox { height: 150px; overflow: hidden; margin: 10px 0; }
#layerPopup .keywordContent .keywordBox .keyword { line-height: 35px; padding: 0 12px; background-color: #858585; display: inline-block; float: left; margin: 10px 10px 0 0; border-radius: 2px; }
#layerPopup .keywordContent .keywordBox .keyword span { color: #fff; font-size: 14px; font-weight: bold; }
#layerPopup .keywordContent .keywordBox .keyword button { background-color: #858585; vertical-align: unset; margin-left: 7px; }
#layerPopup .keywordContent .keywordBox .keyword button i { font-family: "FontAwesome"; color: #fff; font-size: 15px; font-style: normal; }
#layerPopup .keywordContent .popBtnWrap { text-align: center; margin-top: 25px; }
#layerPopup .keywordContent .popBtnWrap button { width: 100px; height: 45px; line-height: 45px; margin: 0 8px; font-weight: bold; color: #fff; border-radius: 2px; }
#layerPopup .keywordContent .popBtnWrap button.apply { background-color: #0068B7; }
#layerPopup .keywordContent .popBtnWrap button.close { background-color: #858585; }
#layerPopup .categoryContent { position: absolute; width: 900px; height: 750px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background-color: #fff; border-radius: 3px; padding: 10px; box-sizing: border-box; }
#layerPopup .categoryContent iframe { width: 100%; height: 100%; border: 0; }

#inquiry p.mTxt { font-size: 16px; font-weight: bold; padding-left: 10px; position: relative; margin-bottom: 10px; }
#inquiry p.mTxt:before { content: "\f0da"; font-family: "Fontawesome"; position: absolute; top: 1px; left: 0; }
#inquiry table { width: 820px; border: 1px solid #ddd; border-collapse: collapse; }
#inquiry table tr th { padding: 10px 25px; font-weight: bold; background-color: #f5f5f5; border-top: 1px solid #ddd; }
#inquiry table tr td { border-top: 1px solid #ddd; padding: 5px 15px; }
#inquiry table tr td input { height: 35px; width: 500px; font-size: 14px; padding: 0 10px; box-sizing: border-box; }
#inquiry table tr td input.mini { width: 150px; }
#inquiry table tr td input.email { width: 250px; }
#inquiry table tr td textarea { min-height: 300px; width: 500px; resize: none; font-size: 14px; padding: 10px; box-sizing: border-box; }
#inquiry .btnArea { text-align: center; margin-top: 20px; }
#inquiry .btnArea button { width: 100px; height: 40px; color: #fff; font-size: 16px; background-color: #0068b7; }


/* 광고설정 */
div.adBoard div.innerWrap div.mTxt { font-size: 18px; font-weight: bold; margin: 10px 0; }
div.adBoard div.innerWrap div.mTxt button { margin-left: 5px; color: #fff; font-size: 14px; background-color: #0068b7; padding: 5px 10px; vertical-align: baseline; border-radius: 2px; font-weight: bold; }
div#adSetting * { box-sizing: border-box; }
div#adSetting { float: left; width: 820px; margin-left: 16px; padding-left: 0; box-sizing: border-box; }
div#adSetting div.innerWrap { width: 100%; min-width: 820px; }
div#adSetting table.settingTb { width: 100%; border-collapse: collapse; margin-bottom: 40px; }
div#adSetting table.settingTb tr th { text-align: center; background-color: #0068B7; color: #fff; font-weight: bold; font-size: 14px; border: 1px solid #ddd; }
div#adSetting table.settingTb tr td { text-align: left; padding: 9px 12px; height: 50px; border: 1px solid #ddd; }
div#adSetting table.settingTb tr td input { height: 30px; padding: 0 10px; width: 380px; font-size: 14px; }
div#adSetting table.settingTb tr td input.site { width: 300px; }
div#adSetting table.settingTb tr td div.imgbox { float: left; }
div#adSetting table.settingTb tr td ul.imgTxt { float: left; padding-left: 10px; }
div#adSetting table.settingTb tr td ul.imgTxt li { line-height: 25px; font-size: 13px; }
div#adSetting table.settingTb tr td ul.imgTxt li.mo { margin-top: 20px; }
div#adSetting button.settingBtn { width: 150px; height: 50px; background-color: #0f70b7; border: 1px solid #005ca3; display: block; left: 0; right: 0; margin: 0 auto; color: #fff; font-size: 16px; font-weight: bold; }

#layerPopup button:focus { outline: 0; }
#layerPopup .settingPop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 300px; height: 90px; background-color: #fff; border-radius: 3px; padding: 10px; text-align: center; display: none; box-sizing: border-box; }
#layerPopup .settingPop .btnWrap { margin-top: 20px; }
#layerPopup .settingPop .btnWrap button { padding: 5px 10px; font-weight: bold; border-radius: 2px; }
#layerPopup .settingPop .btnWrap button:first-child { background-color: #0f70b7; color: #fff; }
#layerPopup .positionPop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 810px; background-color: transparent; display: none; }
#layerPopup .positionPop .popHeader { width: 100%; height: 70px; padding: 10px; text-align: right; box-sizing: border-box; }
#layerPopup .positionPop .popHeader button { width: 50px; height: 50px; background-color: transparent; background-image: url('/images/ad/close.png'); background-repeat: no-repeat; background-position: center; }
#layerPopup .positionPop .popContent { width: 100%; height: 740px; background-color: #fff; border-radius: 3px; padding: 10px; box-sizing: border-box; }
#layerPopup .positionPop .popContent img { display: none; border: 10px solid #333; border-radius: 7px; max-height: 700px; }


/* 광고안내 */
#contents #guide * { box-sizing: border-box; }
#contents.guide { background: #f2f2f2; }
#contents #guide .innerWrap { min-width: 1180px; max-width: 1180px; margin-top: 20px; }
#contents #guide .innerWrap section.leftSection { float: left; width: 662px; }
#contents #guide .innerWrap section.leftSection .preview { background-image: url('/images/ad/bgPvMiddle.png'); }
#contents #guide .innerWrap section.leftSection .preview:before { content: ''; display: block; height: 23px; background-image: url('/images/ad/bgPvTop.png'); background-repeat: no-repeat; background-position: center; }
#contents #guide .innerWrap section.leftSection .preview:after { content: ''; display: block; height: 23px; background-image: url('/images/ad/bgPvBottom.png'); background-repeat: no-repeat; background-position: center; }
#contents #guide .innerWrap section.leftSection .preview img { width: 614px; margin: 0 auto; display: block; }
#contents #guide .innerWrap section.rightSection { float: right; width: 440px; }
#contents #guide .innerWrap section.rightSection { }
#contents #guide .innerWrap section.rightSection .header { float: right; margin-bottom: 30px; }
#contents #guide .innerWrap section.rightSection .header p { font-family: 'Noto Sans'; letter-spacing: -0.05em; text-align: right; }
#contents #guide .innerWrap section.rightSection .header .mTxt { font-size: 60px; line-height: 110px; font-weight: bold; }
#contents #guide .innerWrap section.rightSection .header .subTxt { font-size: 28px; color: #0068b7;  }
#contents #guide .innerWrap section.rightSection .header a.goAd { display: block; float: right; padding: 0 25px; font-size: 16px; font-weight: bold; line-height: 44px; background-color: #0068b7; color: #fff; border-radius: 30px; }
#contents #guide .innerWrap section.rightSection .header a.goAd:after { content: '+'; padding-left: 5px; font-size: 20px; font-weight: lighter; }
#contents #guide .innerWrap section.rightSection .miniTxt { float: right; margin-bottom: 30px; width: 100%; }
#contents #guide .innerWrap section.rightSection .miniTxt ul { width: 436px; padding: 5px 15px; border-radius: 5px; box-shadow: 1px 1px 5px #999; background-color: #27282d; }
#contents #guide .innerWrap section.rightSection .miniTxt ul li { font-size: 13px; padding: 10px 0 10px 16px; position: relative; color: #fff; line-height: 18px; }
#contents #guide .innerWrap section.rightSection .miniTxt ul li:before { content: '·'; position: absolute; left: 5px; font-size: 16px; font-weight: bold; top: 8px; }
#contents #guide .innerWrap section.rightSection .miniTxt ul li.alert:before { content: '※'; left: 0; top: 5px; top: 10px; }
#contents #guide .innerWrap section.rightSection .miniTxt.subMini ul { background-color: #666; }
#contents #guide .innerWrap section.rightSection .list { float: right; width: 100%; }
#contents #guide .innerWrap section.rightSection .list span.spec { display: block; text-align: right; }
#contents #guide .innerWrap section.rightSection .list span.spec:before { content: '※'; }
#contents #guide .innerWrap section.rightSection .list ul { padding: 15px 0; }
#contents #guide .innerWrap section.rightSection .list ul li { width: 436px; border: 2px solid #fff; position: relative; border-radius: 5px; padding: 12px 80px; box-sizing: border-box; line-height: 23px; background-color: #fff; box-shadow: 1px 1px 5px #999; margin-bottom: 8px; }
#contents #guide .innerWrap section.rightSection .list ul li:hover { border: 2px solid #e10000; }
#contents #guide .innerWrap section.rightSection .list ul li a { display: inline-block; font-size: 14px; font-weight: bold; }
#contents #guide .innerWrap section.rightSection .list ul li:hover a { color: #e10000; }
#contents #guide .innerWrap section.rightSection .list ul li span.price { display: block; font-size: 14px; color: #666; }
#contents #guide .innerWrap section.rightSection .list ul li span.alpha { position: absolute; display: inline-block; width: 80px; line-height: 70px; left: 0; top: 0; text-align: center; font-family: 'Noto Sans'; font-size: 36px; color: #e30000; }
#contents #guide .innerWrap section.rightSection .list ul li:after { content: '\f054'; display: block; width: 80px; position: absolute; right: 0; top: 0; text-align: center; line-height: 70px; font-family: 'FontAwesome'; font-weight: lighter; }



button.d932FileAdd { margin-bottom:5px; background-color: #6fb253; border: 1px solid #3d8241; font-size: 12px; color: #fff; padding: 6px 12px; border-radius: 3px; transition-duration: 0.2s; }
button.d932FileAdd:before { content:'\f067'; font-family:'FontAwesome'; padding-right:5px; margin-right: 5px; vertical-align: middle; }
button.d932FileAdd:hover { background-color: #fff; color: #3d8241; }
button.d932FileAdd:hover span { color: #3d8241; }
button.d932FileAdd span { display:inline; color: #fff; }
ul.d932File { margin-left:-5px; }
ul.d932File:after { content:''; display:block; clear:both; }
ul.d932File li { float:left; overflow:hidden; position:relative; margin:5px; }
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; }
ul.d932File li label:after { filter:alpha(opacity=0); opacity:0; transition-duration:.2s; }
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; }
ul.d932File li button { position:absolute; width:100%; height:30px; border-radius:0px; border:0px; box-shadow:none; left:0px; color:#FFF; font-size: 12px; transition-duration:.2s; }
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; }
ul.d932File li button.downFile:hover { box-shadow:none; }
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; }
ul.d932File li:hover button { transition-duration:.2s; }
ul.d932File li:hover button.downFile { top:0px; }
ul.d932File li:hover button.delFile { bottom:0px; }
ul.d932File li.ghost { width:50px; height:50px; border:5px dashed #DDD; }
ul.d932File li.d932AddFile button { height:100%; border:5px dashed #DDD; background:url('/_Master/images/icoAdd.darkGray.png') no-repeat center; background-size:contain; }
form.d932FileForm { display:block; overflow:hidden; width:0px; height:0px; position:absolute; left:0px; bottom:0px; }
div.d932FileForm { position:fixed; width:0px; height:0px; right:-1px; bottom:-1px; overflow:hidden; }

/* end */