@charset "utf-8";
/* Common
-------------------------------------------*/
#contentBox.bgWhite {background: #fff; padding-top: 100px;}
p span {vertical-align: top;}
#container .heading strong {font-size: 26px; line-height: 1.8em; display: block;}
#container .heading.txt24 strong {font-size: 24px;}
.contBox {color: #8b8b8b; font-size: 14px; text-align: center; line-height: 1.25em;}
.contBox .heading span {color: #313131;  font-size: 20px; font-weight: 700; display: block;}
.contBox .contInfo p {padding-top: 10px;}
.contBox .contInfo p:first-child {padding-top: 5px;}
.contBox .contInfo a {vertical-align: top;}
.contBox + .formBox {margin-top: 40px;}
.valignT {vertical-align: top !important;}
 #center { position:absolute; top:50%; left:50%; width:100%; height:100%; overflow:hidden; margin-top:-200px; margin-left:-1000px;}  
/* #center { vertical-align: middle; z-index:999;width:100%; height:100%; overflow:hidden;} */
/* #center { position:absolute; vertical-align: top; width:100%; height:100%; overflow:hidden;;} */
/* #center { display: table; width: 100%; height: 100%;}
#center1 { display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle;} */
/* 회원가입 ----------------------*/
/* login */
.loginWrap {width: 480px; margin: 0 auto;}
#contentBox.login {padding: 220px 0 150px; background: #fff;}
#contentBox.login h1 {text-align: center; float: none;}
#contentBox.login label {color: #8b8b8b; font-size: 13px;}
.loginBox{width: 420px; margin-left: 30px;}
.loginBox ul li {height: 50px; line-height: 50px; border-bottom: 1px solid #d9d9d9;}
.loginBox ul li dl:after {content: ""; display: table; clear: both;}
.loginBox ul li dl dt, .loginBox ul li dl dd { float: left;}
.loginBox ul li dl dt {width: 20%;}
.loginBox ul li dl dd {width: 80%;}
.loginBox ul li dl dd input[type="text"],.loginBox ul li dl dd input[type="password"] {width: 100%; height: 48px; line-height: 48px; border: 0 none; outline: none;}
.loginBox .captchaArea {margin-top: 20px;}
.loginBox .captchaArea .imgCaptcha {width: 298px; height: 68px; border: 1px solid #d9d9d9; overflow: hidden;}
.loginBox .captchaArea a.btnRefresh {width: 110px; height: 70px; margin-left: 10px; line-height: 70px; color: #fff; font-size: 18px; font-weight: 700; text-align: center; background: #8b8b8b; display: inline-block;}
.loginBox .captchaArea input[type=text] {width: 100%; height: 40px; margin-top: 10px; padding: 0 10px; border: 1px solid #d9d9d9; box-sizing: border-box;}
.loginBox .chkBox {margin-top: 10px;}
.loginBox .chkBox label + label {margin-left: 10px;}
.loginBox .btnBox {margin-top: 30px;}
.loginBox .btnMem {margin-top: 25px; font-size: 0; line-height: 0;}
.loginBox .btnMem a {width: 33%; margin-left: 0.5%; height: 38px; line-height: 38px; color: #313131; font-size: 13px; text-align: center; border: 1px solid #d9d9d9; display: inline-block; box-sizing: border-box;}
.loginBox .btnMem a:first-child {margin-left: 0;}
.loginBox .btnMem a span {height: 36px; padding-left: 18px; vertical-align: top;}
.loginBox .btnMem .btnMemJoin span {background: url('/images/content/ico_memJoin.png') no-repeat 0 center;}
.loginBox .btnMem .btnFindId span {background: url('/images/content/ico_findId.png') no-repeat 0 center;}
.loginBox .btnMem .btnFindPw span {background: url('/images/content/ico_findPw.png') no-repeat 0 center;}

/* 약관동의 */
.agreeBox {width: auto; height: 125px; padding: 20px; color: #8b8b8b; font-size: 13px; background: #fff; border: 1px solid #e3e3e3; overflow-y: auto;}
label.agreeChk {margin-top: 10px; font-weight: 700; line-height: 1em; display: inline-block;}
label.agreeChk + p.notice {padding-left: 15px; font-size: 13px;}

/* 레이어 팝업 */
.layerPopup {border: 1px solid #555; background: #fff; position: absolute; top: -9999px; left: 50%; z-index:9999;}
.layerPopup .heading {width: auto; height: 60px; line-height: 60px; padding: 0 20px; color: #000; font-size: 18px; font-weight: 700; border-bottom: 1px solid #555;}
.btnPopup {margin-top: 15px; text-align: center;}
.btn.gray_P {min-width: 110px; height: 40px; line-height: 40px; font-size: 15px; background: #a0a0a0;}
.btnLayerClose {width: 30px; height: 30px; font-size: 0; text-indent: -9999px; background: url('/images/btn/btn_close_popup.png') no-repeat center center; overflow: hidden; position: absolute; top: 18px; right: 18px; display: block;}

/* 본인인증 레이어팝업 */
.layerPopup.type1 {width: 428px; height: 248px; margin-left: -215px; margin-top: -125px; text-align: center; display: table;}
.layerPopup.active {display: block;}
.layerPopup.type1.active {display: table;}
.layerPopup.type1 .layerCon {color: #313131; font-size: 16px; line-height: 22px; vertical-align: middle; display: table-cell;}

/* 약관동의 레이어팝업 */
.layerPopup.type2 {width: 648px; margin-left: -325px; margin-top: -325px; padding-bottom: 20px;}
.layerPopup.type2 .layerCon > div:first-child {width: auto; height: 400px; padding: 20px; color: #8b8b8b; font-size: 13px; border-bottom: 1px solid #e3e3e3; overflow-y: auto;}
.layerPopup.type2 .layerCon > div.in { border-bottom:0px;}/* 2016-07-28 추가 */

/* 매체등록 팝업 */
.layerPopup.type3 { width:680px; padding:30px; margin-left:-180px; }
.searchP { text-align:center; font-size:14px; background:#f2f2f2; border-bottom:1px solid #e3e3e3; height:68px; color:#313131; font-weight:bold; line-height:5; }
.searchP input { margin:0 10px; }

/* 회원가입축하 */
.joinComplete {color: #8b8b8b; font-size: 14px; text-align: center;}
.joinComplete .heading span {color: #313131;  font-size: 20px; font-weight: 700; display: block;}
.joinComplete .contInfo p {padding-top: 10px;}
.joinComplete .contInfo p:first-child {padding-top: 5px;}
.joinComplete .contInfo a {vertical-align: top;}
.joinBox .btnArea {margin-top: 30px;}

/* 아이디 찾기 & 비밀번호 찾기 */
h3 .titNoti {margin-top: 5px; color: #8b8b8b; font-size: 13px; font-weight: 400; letter-spacing: 0; display: block;}
h3 .titNoti.inline {margin: 0 0 0 15px; color:#313131; font-size: 16px; display: inline-block;}
.caution {margin-top: 11px; line-height: 20px; color: #8b8b8b;}
.caution li { padding-left:10px;}
.caution span { margin-left:-10px;}
.findBox {margin-top: 70px; position: relative;}
.findBox .tabTit {width: 190px; height: 40px; font-size: 14px; font-weight: 700; text-align: center; position: absolute; top: -40px;}
.findBox .findId .tabTit {left: 0;}
.findBox .findPw .tabTit {left: 190px;}
.findBox .tabTit a {width: 100%; height: 39px; line-height: 39px; color: #fff; border-top: 1px solid #c9c9c9; background: #c9c9c9; display: block;}
.findBox .active .tabTit a {color: #a70034; border-top: 1px solid #a70034; background: #fff;}
.findBox .tabCon {height: 0; visibility: hidden;}
.findBox .active .tabCon {height: auto; visibility: visible;}
.findBox .tabCon .conBox {padding: 50px 40px 40px; background: #fff;}
.findBox .tabCon .certify {width: 677px; margin: 0 auto;}
.findBox .findPw .tabCon .certify {margin-top: 50px;}
.findBox .tabCon .certify:after {content: ""; display: block; clear: both;}
.findBox .tabCon .certify li {padding: 116px 100px 0; float: left;}
.findBox .tabCon .certify li:first-child {border-right: 1px solid #e3e3e3;}
.findBox .tabCon .certify .certify01 {background: url('/images/content/bg_certify01.png') no-repeat center 0;}
.findBox .tabCon .certify .certify02 {background: url('/images/content/bg_certify02.png') no-repeat center 0;}
.findBox .tabCon .certify .btn {height: 40px; line-height: 40px; min-width: 118px; font-size: 14px; font-weight: 400; background: #8b8b8b;}
.findBox .tabCon .certify .btn.active {background: #a70034;}
.findBox .inpBox {width: 1040px; margin: 0 auto; padding: 20px 40px; text-align: center; background: #f2f2f2;}
.findBox .findId .inpBox {margin-top: 50px;}
.findBox .inpBox label {color: #484848; font-size: 14px; font-weight: 700; display: inline-block;}
.findBox .inpBox label + label {margin-left: 72px;}
.findBox .inpBox label input:first-child {margin-left: 30px;}
.findBox .inpBox input[type=text],.findBox .inpBox input[type=password] {width: 208px; height: 28px; padding: 0 10px; line-height: 28px; border: 1px solid #d9d9d9;}
.findBox .inpBox input[type=text].mail {width: 112px;}
.findBox .inpBox select {height: 30px; margin-left: 6px; background: #fff;}
.findBox .inpBox .btn.gray {min-width: auto; margin-left: 6px;}
.findBox .result {color: #8b8b8b; font-size: 16px; text-align: center;}
.findBox .resultId {margin-top: 20px; color: #313131; font-size: 28px;}
.findBox .btnArea {margin-top: 30px;}
.formInfo {width: 500px; margin: 0 auto;}
.formInfo > p {color: #8b8b8b; font-size: 16px; font-weight: 700; text-align: center;}
.formInfo > ul {margin-top: 30px; color: #313131; font-size: 14px; letter-spacing: -1px;}
.formInfo > ul dl:after {content: ""; display: block; clear: both;}
.formInfo li + li {margin-top: 20px; padding-top: 20px; border-top: 1px solid #e3e3e3;}
.formInfo dl + dl {margin-top: 20px;}
.formInfo dt {width: 30%; height: 28px; line-height: 28px; font-weight: 700; float: left;}
.formInfo dd {width: 70%; float: left;}
.formInfo dd .notice {font-size: 13px;}
.formInfo dd input {width: 90%;}
.formInfo.type2 {text-align: left;}
.formInfo.type2 dt {width: 18%;}
.formInfo.type2 dd {width: 82%;}
.formInfo.type2 dd input {width: 97%;}

/* 비밀번호찾기안내 & 휴면계정안내 */
.infoBox {margin-bottom: 40px; padding: 65px 0 65px 449px; color: #8b8b8b; font-size: 14px; border: 1px solid #e3e3e3; background: #fff;}
.infoBox.changePw {background: #fff url('/images/content/bg_changePw.png') no-repeat 187px center;}
.infoBox.dormancy {background: #fff url('/images/content/bg_dormancy.png') no-repeat 173px center;}
.infoBox h3 {margin-bottom: 15px; font-size: 26px;}
.infoBox p {line-height: 20px;}
.infoBox .txtBig {margin-bottom: 3px; color: #000; font-size: 18px; line-height: 26px;}
.infoBox p.txtBig {margin-bottom: 13px; color: #000; font-size: 18px; line-height: 26px;}
.infoBox .bold {font-weight: 700;}
.infoBox .formInfo {width: 600px; margin: 0;}
.infoBox .formInfo dt {width: 23%;}
.infoBox .formInfo dd {width: 77%;}
.infoBox .formInfo dd input {width: 97%;}
.infoBox .formInfo dd input.mail, .infoBox .formInfo dd select {width: 29%;}

/* 마이페이지 ----------------------*/
/* 마이페이지 사업자 */
.boxWrap {width: 100%;}
.boxWrap:after {content: ""; display: block; clear: both;}
.boxWrap > div {width: 42%;}/*502px 2016-06-03*/
.boxWrap > div.fl {float: left;}
.boxWrap > div.fr {float: right;}
.formBox.half {border-bottom: 1px solid #e3e3e3;}
.formBox.half .twoCol dt {width: 16%;}
.formBox.half .twoCol dd {width: 28%; /*min-height: 23px;*/} /* 2016.06.24 수정 */
.formBox.half .twoCol dd.long {width: 77%;}
.formBox.half dd .mt_5 {margin-top: -5px;}
.joinBox.posR {position: relative;}
.joinBox .btnMore {color: #313131; font-size: 14px; position: absolute; right: 40px; top: 45px;}

/* 가입자 정보 변경 */
.formBox dd ul.colList {}
.formBox dd ul.colList:after {content: ""; display: block; clear: both;}
.formBox dd ul.colList li {padding: 4px 0; color: #8b8b8b; font-size: 14px; font-weight: 700; border-top: 0 none; background: url(''); float: left;}
.formBox dd ul.colList.col5 li {width: 20%;}
.formBox .delList {width: 11px; height: 10px; margin-left:5px; margin-right:20px; font-size: 0; text-indent: -999px; border: 1px solid #d9d9d9; background: url('/images/content/img_del.png') no-repeat center center; display: inline-block;}
.formBox .delList:hover {border: 1px solid #a70034; background-image: url('/images/content/img_del_active.png');}
.infoBox.changeInfo {background: #fff url('/images/content/bg_changeIf.png') no-repeat 188px center;}

/* 회원탈퇴 */
.contBox .inp {margin-top: 35px;}
.contBox .inp label {width: auto; height: 28px; line-height: 28px; margin-right: 20px; color: #313131; font-size: 14px; font-weight: 700; display: inline-block;}
.contBox .inpMemOut input[type=password] {width: 306px;}
.infoBox.hasNoti {margin-bottom: 10px;}
.infoBox.hasNoti + .caution {margin-bottom: 40px;}
.inp label {height: 24px; line-height: 24px; color: #313131; font-size: 14px; display: inline-block;}

/* 1:1문의 */
.boardTop {margin-bottom: 15px; position: relative;}
.boardTop:after {content: ""; display: block; clear: both;}
.boardTop .termList:after {content: ""; display: block; clear: both;}
.boardTop .termList dt,
.boardTop .termList dd {height: 26px; line-height: 26px; float: left;}
.boardTop .termList dt {color: #313131; font-size: 14px; font-weight: 700; margin-right: 20px;}
.boardTop .termList dd {height: 26px; line-height: 26px;}
.boardTop .termList dd a {margin-left: 5px; padding: 0 15px; color: #8b8b8b; font-size: 13px; border: 1px solid #d9d9d9; background: #fff; display: block;}
.boardTop .termList dd.active a {color: #fff; border: 1px solid #8b8b8b; background: #8b8b8b;}
.boardTop span {display: inline-block; position: absolute; right: 0; bottom: 0;}
.tblBox {width: 100%; border-bottom: 1px solid #e3e3e3;}
.tblBox table {text-align: center;}
.tblBox table th, .tblBox table td {padding: 15px 5px; color: #313131; font-size: 14px;}
.tblBox table th {border-top: 1px solid #313131; border-bottom: 1px solid #e3e3e3; background: #f9f9f9; position:relative;}
.tblBox.tblType1 tbody th, .tblBox.tblType1 tbody td {border-top: 1px solid #e3e3e3;}
.tblBox.tblType1 tbody tr:first-child th, .tblBox.tblType1 tbody tr:first-child td {border-top: 0 none;}
.tblBox table a {color: inherit; text-decoration: none;}
.tblBox table a.btn, .tblBox table a.btn:hover {color: #fff; text-decoration: none;}
.tblBox table a:hover,
.tblBox .question a.on {font-weight: bold; text-decoration: underline;}
.tblBox .answer {display: none;}
.tblBox .answer.active {display: table-row;}
.tblBox .answer td {background: #f9f9f9;}
.tblBox .answer td div {padding: 10px;}
.tblBox table tfoot th, .tblBox table tfoot td {border-top: 1px solid #e3e3e3; background: #f9f9f9;}
.tblBox td a { text-decoration:underline; }

/* 예치금 관리 및 결제 */
.infoBox.brdNone {border: 0 none;}
.infoBox.balance {background: #fff url('/images/content/bg_balance.png') no-repeat 188px center;}

/* 권한설정 및 이관 */
.findBox .settingTab .tabTit {left: 0;}
.findBox .trans .tabTit {left: 190px;}
.btnWhite {color: #8b8b8b !important; background: #fff; font-size: 13px; line-height:26px; height:26px; min-width:75px; border: 1px solid #d9d9d9;}

/* 권한 설정 */
.tblBox .settingWrap {width: 100%;display: table;}
.tblBox .settingWrap .list, .tblBox .settingWrap .btnArea {width: 33.3%; vertical-align: middle; display: table-cell;}
.tblBox .settingWrap .list label {color: #484848; display: inline-block;}
.tblBox .settingWrap .list ul {margin-top: 15px; color: #8b8b8b; line-height: 20px;}
.tblBox .settingWrap .list .btn {margin-left: 6px;}
.tblBox .settingWrap .btnArea p {margin-top: 10px;}
.tblBox .settingWrap .btnArea p:first-child {margin-top: 0;}
.delList {width: 11px; height: 10px; margin-left: 10px; font-size: 0; text-indent: -999px; border: 1px solid #d9d9d9; background: url('/images/content/img_del.png') no-repeat center center; display: inline-block;}
.delList:hover {border: 1px solid #a70034; background-image: url('/images/content/img_del_active.png');}

/* 권한 이관 */
.trans .conBox .heading {color: #313131; font-size: 13px;}
.trans .conBox .heading span {color: #8b8b8b;}
.trans .conBox ul {margin-top: 20px; font-size: 14px;}
.trans .conBox .mt_t0 {margin-top: 0; font-size: 14px;}
.trans .conBox ul:after {content: ""; display: block; clear: both;}
.trans .conBox ul li {width: 33.3%; height: 48px; line-height: 48px; border-bottom: 1px solid #f2f2f2; float: left;}
.trans .conBox ul li label {color: #484848;}
.trans .conBox ul li label span {color: #8b8b8b;}
.trans01 .conBox ul li { width:100%; height:auto; line-height:1; border-bottom:none; }
.btn.pd30 {padding: 0 30px;}

/* 권한설정 팝업 */
.layerPopup.type2 .layerCon .mediaList {height: auto; max-height: 400px; padding: 10px 20px; color: #8b8b8b; font-size: 14px; font-weight: 700; border-bottom: 1px solid #e3e3e3; overflow-y: auto;}
.layerPopup.type2 .layerCon .mediaList:after {content: ""; display: block; clear: both;}
.layerPopup.type2 .layerCon .mediaList li {width: 50%; padding: 10px 0; float: left;}
.layerCon .listWrap {position: relative;}
.layerCon .listWrap:after {content: ""; display: block; clear: both;}
.layerCon .listWrap {padding: 10px 20px;}
.layerPopup.type2 .layerCon .listWrap .mediaList {width: 278px; padding: 0; border: 1px solid #555; }
.layerPopup.type2 .layerCon .listWrap .tit {height: 50px; line-height: 50px; color: #313131; font-size: 14px; font-weight: 700; text-align: center; background: #f2f2f2; }
.layerPopup.type2 .layerCon .listWrap .mediaList ul {max-height: 348px;overflow-y: auto;}
.layerPopup.type2 .layerCon .listWrap .mediaList ul li ul {max-height:100%;overflow-y: auto;}/* 2016-07-29 추가 */
.layerPopup.type2 .layerCon .listWrap .mediaList ul li input { margin-right:5px;}/* 2016-07-29 추가 */

.layerPopup.type2 .layerCon .listWrap .tit, .layerPopup.type2 .layerCon .listWrap .mediaList li {width: auto; float: none;}
.layerPopup.type2 .layerCon .listWrap .tit {}
.layerPopup.type2 .layerCon .listWrap .mediaList li {padding: 10px 15px;}
.layerPopup.type2 .btnMove {margin-left: -7px; margin-top: -33px; position: absolute; left: 50%; top: 50%;}
.layerPopup.type2 .btnMove li {width: 13px; height: 25px; margin-top: 16px;}
.layerPopup.type2 .btnMove li:first-child {margin-top: 0;}
.layerPopup.type2 .btnMove li a {width: 13px; height: 25px; font-size: 0; text-indent: -9999px; background: url('/images/btn/btn_move.png') no-repeat 0 0; overflow: hidden; display: block;}
.layerPopup.type2 .btnMove li.btnRemove a {background-position: 0 0;}
.layerPopup.type2 .btnMove li.btnAdd a {background-position: 0 -33px;}

/* pagination */
.pagination {font-size: 0; line-height: 0; margin-top: 30px; text-align: center;}
.pagination a,.pagination span {margin: 0 10px; color: #8b8b8b; font-size: 13px; line-height: 1em; font-family: 'arial'; display: inline-block; position: relative;}
.pagination span.active {color: #a70034; border-bottom: 1px solid #a70034;}
.pagination a.btn {width: 9px; height: 7px; padding: 0; text-indent: -9999px; background: url('/images/btn/btn_paging.png') no-repeat; display: inline-block;}
.pagination a.btn.first {background-position: 0 0;}
.pagination a.btn.prev {background-position: 0 -17px;}
.pagination a.btn.next {background-position: 0 -34px;}
.pagination a.btn.last {background-position: 0 -51px;}
.pagination a.btn.prev:after,
.pagination a.btn.next:after {width: 1px; height: 7px; content: ""; background: #d9d9d8; display: block; position: absolute; top: 0;}
.pagination a.btn.prev:after {left: -10px;}
.pagination a.btn.next:after {right: -10px;}
.pagination a.num:after,
.pagination span.num:after {width: 1px; height: 7px; margin-top: -4px; content: ""; background: #d9d9d8; display: block; position: absolute; top: 50%; left: -10px;}
.pagination span.num.first:after {display: none;}

/* publisher-------------- */
/* paging */
.paging {width:100%; text-align:center; font-size:14px; }
.paging a {font-weight:bold; color:#b4b4b4;}
.paging .active {color:#666;}
.paging span {margin-top:8px; }
.prv {padding:0 8px 0 4px;}
.next {padding:0 4px 0 8px;}

/* calendar */
.calendar { background:#f5f5f5; border:1px solid #e4e4e6; border-radius:5px; padding:3px; margin-right:10px; float:left; }
.yearMonth { background:#fafafa; border:1px solid #e4e4e6; border-radius:5px; padding:5px; text-align:center;}
.btnmove { padding:0 10px; }
.yearMonth select { font-weight:bold; color:#666; }
.calendar li { display:inline-block; float:left; width:36px; height:26px;  }
.calendar li a { display:inline-block;  text-align:right; text-align:right; width:28px; height:18px; padding:2px; margin:1px;  border:1px solid #e4e4e6;  background:#fff;  line-height:1.6; font-weight:bold; }
.calendar li a.active { background:#a70034; border:1px solid #a70034; color:#fff; }
.week li { text-align:center; line-height:2.4; }
.calendar ul { clear:both; }
.searchBtn li {margin-top:8px; }
.searchBtn li:first-child { font-weight:bold; font-size:14px; }
.searchBtn li a { font-weight:lighter; }

/* formbox common */
.bdnone { border:none !important; }
.bdnoneBt {border-bottom:none !important; }
.box01 { padding:15px 40px; }
.box02 { padding:15px 40px 2px; }
.pdTop { padding-top:20px; }
.cor8b { color:#8b8b8b; }
.tblNum td:nth-child(4), .tblNum td:nth-child(5), .tblNum td:nth-child(6), .tblNum td:nth-child(7), .tblNum td:nth-child(8),
.tblNum td:nth-child(9), .tblNum td:nth-child(10), .tblNum td:nth-child(11) { font-size:12px; letter-spacing:-1px; text-align:right; }
.tblNum01 td:nth-child(5), .tblNum01 td:nth-child(6), .tblNum01 td:nth-child(7) { font-size:12px; letter-spacing:-1px; text-align:right; }
.tblNum02 span { width:100%; text-align:right; }

.tblNumAll table  td { font-size:12px; text-align:right; }
.tblNumAll table td:first-child { text-align:center; font-size:14px; }
.tblNumAll td:nth-child(1)  { text-align:center; font-size:14px; }
/*.tblNumAll td:nth-child(1), .tblNumAll td:nth-child(2)  { text-align:center; font-size:14px; }*/

/* 2016-09-05 - SK - 하우스 캠페인 상세 리포트*/
.tblNumCmp table  td { font-size:12px; text-align:right; }
.tblNumCmp td:nth-child(1), .tblNumCmp td:nth-child(2)  { text-align:center; font-size:14px; }

/* 2016-09-05 - SK - 미디어리포트 > 섹션 상세 리포트*/
.tblNumSec table td { font-size:12px; letter-spacing:-1px; text-align:right; }
.tblNumSec td:nth-child(1), .tblNumSec td:nth-child(2), .tblNumSec td:nth-child(3),
.tblNumSec td:nth-child(4) { font-size:14px; letter-spacing:-1px; text-align:center; }

.tblNumAll01 table td { font-size:12px; letter-spacing:-1px; text-align:right; }
.tblNumAll01 td:nth-child(1), .tblNumAll01 td:nth-child(2), .tblNumAll01 td:nth-child(3), 
.tblNumAll01 td:nth-child(4), .tblNumAll01 td:nth-child(5) { font-size:14px; letter-spacing:-1px; text-align:center; }

.dlCol { width:100%; }
.dlCol dl { width:23%; height:34px; display:inline-block; line-height:2.6; }
.dlCol dt { display:inline-block; width:40%; line-height:28px; float:left; padding:0; vertical-align:bottom; }
.dlCol dd { display:inline-block; width:60%; line-height:28px; float:left; padding:0; vertical-align:bottom; }
.dlCol dt1 { display:inline-block; width:35%; line-height:28px; float:left; padding:0; vertical-align:bottom; }
.dlCol dd1 { display:inline-block; width:65%; line-height:28px; float:left; padding:0; vertical-align:bottom; }
.dlCol dd select { vertical-align:top;}
.dlCol dl:last-child dd { line-height:2.4; }
.scrollX { overflow-y:hidden; }
.scrollxS { overflow-x:scroll; }
.spTitle { display:inline-block; font-size:14px; padding:6px 14px 0 20px; font-weight:bold; }

 /* 그래프 */
.graph { width:100%; height:370px; background:#f9f9f9; margin:0 auto; }

/* 정산 */
.twoCol.acount dt {width: 10%; min-height: 28px; line-height: 28px;}
.twoCol.acount dd {width: 35%; min-height: 28px; line-height: 28px;}

/* 수익금 지급 신청 */
.joinBox.type2 {padding: 20px 40px 10px;}
.joinBox.type2 .formBox {border-top: 0 none;}
.tblBox .pos{position: relative; z-index: 0;}
.tblBox .pos span {position: absolute; right: 3px; top: -7px;}
.tblBox .pos.markQusetion span {position: absolute; right: 3px; top: -7px;}
.tblBox sup { display:inline-block; position:absolute; top:50%; margin:-7px 0 0 2px; font-size:0px; background:url('/images/common/bullet_question.png') no-repeat center; width:13px; height:13px; cursor:pointer; }

/* 다운로드 */
.boardTop .downloadInfo:after {content: ""; display: block; clear: both;}
.boardTop .downloadInfo dt, .boardTop .downloadInfo dd {font-size: 14px; font-weight: 700; float: left;}
.boardTop .downloadInfo dt {color: #8b8b8b;}
.boardTop .downloadInfo dd {padding: 0 40px 0 20px; color: #a70034;}
.infoBox.sdkdown {background: #fff url('/images/content/bg_sdkdown.png') no-repeat 173px center;}

/*  툴팁 */
.tooltip { font-size:12px; color:#666; position:relative; }
.tooltip:hover:after { content:attr(data-tooltip); display:inline-block; font-size:12px; text-align:left; width:170px; min-height:70px; padding:5px; color:#8b8b8b; background:#fff; border:1px solid #595959; font-weight:normal; position:absolute; top:-35px; left:20px; word-break:break-all; z-index:2;}
.tooltip:hover:before { content:""; display:block; width:20px; height:20px; position:absolute; top:0; left:1px; font-size:12px; background:url('/images/common/qst_arrow_bg.png')12px 0 no-repeat; z-index:3; }

/* 팝업 */
.layerPopup.type5 {padding:70px; 50px 40px 50px; margin-left: -215px; margin-top: -125px; text-align: center; display: table;}
.type5 p { font-size:14px; padding:0 0 10px 0; }
.layerPopup.type6  { width:500px; margin-left: -215px; margin-top: -125px; text-align: center; display: table;}
.type6 .layerCon { padding-bottom:20px; }
.listLangth { max-height:300px; padding:10px 20px; overflow-y:scroll; text-align:left; }
.listLangth li { padding:3px 0; font-size:14px; }

/* dashboard -------------- */
.subTt { font-size:16px; font-weight:bold; padding-top:20px; border-top:1px dotted #8f8d89; }
.subTt strong { font-size:18px; color:#a70034; }
.dbForm { width:100%; margin:15px 0; }
.dbForm:after { content:""; display:block; clear:both; }
.dbForm .graph { margin:15px 0; height: 380px; width:100%; border:1px solid #000; }
.col { height:80px; float:left; background:#fff; text-align:right; }
.col span { position:relative; display:inline-block; float:left; width:120px; height:80px; text-align:center; color:#fff; line-height:9; font-size:13px; }
.col strong { display:inline-block; padding-right:20px; font-size:30px; line-height:80px; color:#313131; letter-spacing:-1px; }
.colBoxOne div { width:100%; }
.colBoxTw .colS1 { width:65%; }
.colBoxTw .colS2 { width:34%; float:right; }
.colBoxThr div { width:32.5%; margin-right:1.25%; }
.colBoxThr div:last-child { margin-right:0; }
.infoIc { display:block; position:absolute; top:5px; right:5px; width:15px; height:15px; border-radius:50%;background:url(/images/btn/btn_info_bg.png) 0 0 no-repeat rgba(0,0,0,0.2); font-size:0; }
.infoIc:hover:after { content:attr(data-tooltip); display:inlinek; font-size:12px; text-align:left; width:300px; min-height:30px; padding:5px; color:#8b8b8b; background:#fff; border:1px solid #595959; font-weight:normal; position:absolute; top:-5px; left:20px; word-break:break-all; line-height: 15px; z-index:2;}
			  
.infoIc:hover:before { content:""; display:block; width:20px; height:20px; position:absolute; top:0; left:1px; font-size:12px;background:url('/images/common/qst_arrow_bg.png')12px 0 no-repeat; z-index:3; }

.bgRed > span { background:#a70034; }
.bgGray > span { background:#8f8d89; }
.bgDgray > span { background:#313131; }
.bgRed strong { color:#a70034;}
.colBoxThr .col strong { font-size:30px; line-height:80px; }
.col span.iconImg01 { background:url('/images/common/img_dashboard_bg.png') 0 -10px no-repeat #a70034; }
.col span.iconImg02 { background:url('/images/common/img_dashboard_bg.png') -120px -10px no-repeat #8f8d89; }

.col span.iconImg03 { background:url('/images/common/img_dashboard_bg.png') 0 -90px no-repeat #8f8d89; }
.col span.iconImg04 { background:url('/images/common/img_dashboard_bg.png') -120px -90px no-repeat #8f8d89; }
.col span.iconImg05 { background:url('/images/common/img_dashboard_bg.png') -240px -90px no-repeat #313131; }

.col span.iconImg06 { background:url('/images/common/img_dashboard_bg.png') 0 -170px no-repeat #8f8d89; }
.col span.iconImg07 { background:url('/images/common/img_dashboard_bg.png') -120px -170px no-repeat #a70034; }
.col span.iconImg08 { background:url('/images/common/img_dashboard_bg.png') -240px -170px no-repeat #a70034; }

.col span.iconImg09 { background:url('/images/common/img_dashboard_bg.png') 0 -250px no-repeat #8f8d89; }
.col span.iconImg10 { background:url('/images/common/img_dashboard_bg.png') -120px -250px no-repeat #a70034; }
.col span.iconImg11 { background:url('/images/common/img_dashboard_bg.png') -240px -250px no-repeat #a70034; }

.col span.iconImg12 { background:url('/images/common/img_dashboard_bg.png') 0 -330px no-repeat #313131; }
.icTop { display:inline-block; width:0px; height:0px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom:8px solid #a70034; font-size:0; vertical-align:super; margin-right:10px; }

/* dashboardSub */
.btnAg { text-align:right; padding-right:20px; margin:-15px 0 25px 0; }
.dbGraph { height:350px; margin:10px 0; }
.boxTop { border-top:18px solid #eaeaea; }
.tblBox .dbBox { border-top:none; }
.dbBox table th, .dbBox table td { font-size:12px; color:#888; border-top:none; border-bottom:none; }
.dbBox table th { background:#f2f2f2; color:#313131; }
.dbBox table tfoot td { background:#53b2cf; color:#fff; }
.dbBox th sup { background:url('/images/common/bullet_question_gray.png') 0 0 no-repeat; width:15px; height:15px; margin-left:4px; }
.leftMenu { position:fixed; }

/* 이의신청 답근 작성 popup 2016-07-29 */
.layerPopup.type4  { width:680px; margin-left: -340px;display: table;}
.type4 .layerCon { padding-bottom:20px; }
.type4 .layerCon .in { height: 400px; overflow-y: auto; border-bottom:1px solid #e3e3e3;}
.type4 .layerCon .formBox { display:table; width:100%; border-top:0px; font-size:14px; color:#313131; font-weight:bold;}
.type4 .layerCon .formBox dt { width:20%;}
.type4 .layerCon .formBox dt span { font-size:12px; display:block; margin-top:3px;}
.type4 .layerCon .formBox dd { width:75%;}
.type4 .layerCon .formBox textarea { width:95%;}
.type4 .layerCon .formBox input.textType { width:50%;}
.type4 .layerCon .formBox input.textType.long { width:95%; margin-top:0px;}

/* 정산 토탈 2016-09-05 */
.total{margin-bottom:40px; margin-top:50px; width:100%;}
.tbl_total,.tbl_total th,.tbl_total td{border:0; border-collapse:collapse;background:#f9f9f9;}
.tbl_total{width:100%;font-size:12px;text-align:center;border-collapse:collapse; z-index:20; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; height:100px;}
.tbl_total th{border-right:1px solid #eaeaea; background:#f9f9f9; text-align:center;vertical-align:middle; border-bottom:1px solid #d8d8d8;   color:#222;font-size:12px;}
.tbl_total td{border-right:1px solid #eaeaea; padding:16px 0 16px; border-bottom:1px solid #eaeaea; color:#222; vertical-align:middle; font-size:28px; font-weight:normal; text-align:center}
.tbl_total .c_line{border-right:none;}
.m1{text-align:center}
.t_total{font-size:14px !important; font-weight:bold !important;}
.t_title{color:#888; font-size:13px; font-weight:normal; margin-right:18px; float:left; margin-top:8px;}
.m1{display:inline-block}
/*


.i_select3{width:120px; vertical-align:middle;border:0px solid #bfbfbf; margin-right:1px}
*/