/* 개발자 추가 CSS */
.pd5 {padding: 5px !important;}
.pd10 {padding: 10px !important;}
.pd20 {padding: 20px !important;}
.pd30 {padding: 30px !important;}
.tleft {text-align:left !important;;}
.tright {text-align:right !important;;}
.tcenter{text-align:center !important;;}

/* 레이어 alert, 레이어 confirm 전용 CSS*/
.layerAjax {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; background: rgba(0,0,0,0.1);}
.layerMsg {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; background: rgba(0,0,0,0.8);}
.layerMsg > div {display: table; width: 100%; height: 100%;}
.layerMsg > div > div {display: table-cell; width: 100%; vertical-align: middle;}
.layerMsg .lyWrap {width: 400px; margin: 0 auto; background: #fff; border: solid 2px #0d45b4;}
/*
.layerMsg .lyCont {text-align: center; padding: 70px 0;}
.layerMsg .lyCont p {font-size: 11pt;}
*/
.layerMsg .lyCont {text-align: center; padding: 30px 0;}
.layerMsg .lyCont  p {font-size: 13pt; margin-top: 20px;}
.layerMsg .lyCont  img {}
/*
.layerMsg .lyBtn {border-top: solid 2px #cfcfcf;}
.layerMsg .lyBtn:after {content: ''; display: table; clear: both;}
.layerMsg .lyBtn li {float: left; width: 100%;}
.layerMsg .lyBtn.col2 li {width: 50%;}
.layerMsg .lyBtn li a {display: block; height: 66px; line-height: 66px; text-align: center; color: #0d45b4; font-size: 14pt;}
*/
.layerMsg .lyBtn {padding-bottom: 20px; text-align: center;}
.layerMsg .lyBtn li {display: inline-block; margin: 0 5px;}
.layerMsg .lyBtn li a {display: block; height: 52px; line-height: 52px; padding: 0 50px; color: #fff; font-size: 13pt; background: #0d45b4;}
.layerMsg .lyBtn li a.gry {background: #999; color: #fff; }

/* 레이어 팝업 */
.layerPop {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; background: rgba(0,0,0,0.8);}
.layerPop > div {display: table; width: 100%; height: 100%;}
.layerPop > div > div {display: table-cell; width: 100%; vertical-align: middle;}
.layerPop .lyWrap {width: 650px; margin: 0 auto; background: #fff; position: relative; padding-top: 60px;}
.layerPop .lyTop {position: absolute; left: 0; right: 0; top: 0; height: 60px; background: #0d45b4; padding: 0 20px;}
.layerPop .lyTop h5 {height: 60px; line-height: 60px; color: #fff; font-size: 15pt; font-weight: 400;}
.layerPop .lyTop a {display: block; width: 60px; height: 60px; text-indent: -9999px; position: absolute; right: 0; top: 0; background: url('../img/common/pop_close.png')no-repeat center center; background-size: 20px auto;}
.layerPop .lyCont {text-align: center; padding: 60px 0;}
.layerPop .lyCont p {font-size: 12pt;}
.layerPop .lyCont h6 {font-size: 13pt; font-weight: 500; color: #111; margin-top: 30px; margin-bottom: 30px;}


/* 모바일 에서만 보이는 메뉴 */
.onlyMobile {display:none;}
@media (max-width:1460px) {
	.onlyMobile {display:block;}
}

.joinStep li {width: 20%; }
.joinStep li:nth-child(1) span {background: url('../img/sub/join_step03.png')no-repeat left center;}
.joinStep li:nth-child(2) span {background: url('../img/sub/join_step01.png')no-repeat left center;}
.joinStep li:nth-child(3) span {background: url('../img/sub/join_step02.png')no-repeat left center;}
.joinStep li:nth-child(4) span {background: url('../img/sub/join_step03.png')no-repeat left center;}
.joinStep li:nth-child(5) span {background: url('../img/sub/join_step04.png')no-repeat left center;}
.joinStep li:nth-child(1).on span {background: url('../img/sub/join_step03_on.png')no-repeat left center;}
.joinStep li:nth-child(2).on span {background: url('../img/sub/join_step01_on.png')no-repeat left center;}
.joinStep li:nth-child(3).on span {background: url('../img/sub/join_step02_on.png')no-repeat left center;}
.joinStep li:nth-child(4).on span {background: url('../img/sub/join_step03_on.png')no-repeat left center;}
.joinStep li:nth-child(5).on span {background: url('../img/sub/join_step04_on.png')no-repeat left center;}

/* 게시판 파일 이미지 */
.brdList a.file	{ display: inline-block; width: 20px; height: 20px; vertical-align: middle; }
.brdList a.file img	{ max-width: 100%; max-height: 100%; }

.brdList td img {display: inline-block; vertical-align: middle; width: 15px; margin-left: 5px; }
.comment_count{color:#6f6f6f}

.qnaList img {max-width:100%;}
.brddTitle span.gray {background: #555; color: #fff;}



/* 기본 버튼  */
.button	{ display: inline-block; cursor: pointer; width: auto; min-width: 50px; padding: 0 10px; margin: 0 5px; border: 1px solid #989898; background-color: #fff; color: #3b3b3b; font-weight: normal; font-size: 14px; text-align: center; white-space: nowrap; /* vertical-align: middle; */ transition: all .25s ease; border-radius: 3px; }
a.button	{ line-height: 35px; }
input.button, button.button	{ height: 35px; }
.button:link,
.button:visited	{ color: #3b3b3b; }
.button:focus, .button:hover, .button:active	{ background-color: #333 !important; color: #fff !important; }
.button.small	{ min-width: 0; padding: 0 6px; font-size: 13px; }
a.button.small	{ line-height: 26px; }
input.button.small, button.button.small	{ height: 28px; }
.button.large	{ min-width: 110px; padding: 0 10px; border: 0 none; border-radius: 0; font-size: 15px; }
a.button.large	{ line-height: 45px; }
input.button.large, button.button.large	{ min-width: 130px; height: 45px; }

* > .button:first-child	{ margin-left: 0; }
* > .button:last-child	{ margin-right: 0; }

.button.action_write,
.button.action_reply	{ border-color: #104790; background-color: #104790; color: #fff; }
.button.action_edit		{ border-color: #167d63; background-color: #2fac8d; color: #fff; }
.button.action_check,
.button.action_delete	{ border-color: #075080; background-color: #237ab2; color: #fff; }
.button.action_reset,
.button.action_cancel	{ background-color: #666; color: #fff; }
.button.action_move	{ border-color: #000; background-color: #666; color: #fff; }


.adminDesc {border-top: solid 2px #b40d79;}
.adminDesc.blu {border-top: solid 2px #9e0bc3;}
.adminDesc th,
.adminDesc td {border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; font-size: 12px; font-weight: 400; color: #000;}
.adminDesc th {text-align: center; background: #ffeefb; padding: 5px 0;}
.adminDesc th span.red {color: #f00; margin-right: 5px;}
.adminDesc td {padding: 15px 20px;}
.adminDesc td.grn {color: #b40d79;}
.adminDesc td.blu {color: #861db2;}
.adminDesc td.brddCont {padding: 30px; line-height: 1.6em;}
.adminDesc td.brddSel {padding: 7px 20px;}
.adminDesc td.brddSel select {display: block; width: 100%; height: 40px; border: solid 1px #ddd;}
.adminDesc td.brddSel select:focus {border-color: #727272;}
.adminDesc td.wrtIpt {padding: 7px 20px;}
.adminDesc td.wrtIpt input[type="text"] {height: 40px; border: solid 1px #ddd;}
.adminDesc td.wrtIpt input[type="text"]:focus {border-color: #727272;}
.adminDesc td.brddTxt {padding: 7px 20px;}
.adminDesc td.brddTxt textarea {display: block; width: 100%; height: 300px; resize:none; padding: 10px; border: solid 1px #ddd; line-height: 1.6em;}

/* 유튜브 */
.youtube_player	{ position: relative; display: block; width: 100%; height: 0; padding: 56.25% 0 0 0; margin: 0 0 40px 0; overflow: hidden; }
.youtube_player iframe	{ position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; padding: 0; margin: 0; border: 0 none; }


.agryBox[readonly] {
    border: solid 2px #e6e6e6;
    padding: 20px;
    height: 1000px;
    resize: none;
    background: #fff;
    overflow-y: auto;
}

.gryList{margin-top:-10px;}

.spWrapPasswd {width: 600px; margin: 0 auto; background: #fff; position: relative; padding: 0;}

@media (max-width:1460px) {	
	.layerMsg > div > div {padding-left: 15px; padding-right: 15px;}
	.layerMsg .lyWrap {width: 100%;}
	.layerMsg .lyCont {padding: 40px 0;}
	.layerMsg .lyBtn li a {height: 54px; line-height: 54px; font-size: 12pt;}
	.layerPop > div > div {padding-left: 15px; padding-right: 15px;}
	.layerPop .lyWrap {width: 100%; padding-top: 50px;}
	.layerPop .lyTop {height: 50px; padding: 0 15px;}
	.layerPop .lyTop h5 {height: 50px; line-height: 50px; font-size: 13pt;}
	.layerPop .lyTop a {width: 50px; height: 50px;}
	.layerPop .lyCont {padding: 30px;}
	.layerPop .lyCont p {font-size: 11pt;}
	.layerPop .lyCont p br {display: none;}
	.layerPop .lyCont h6 {font-size: 11pt; margin-top: 15px; margin-bottom: 0;}
	
	.spWrapPasswd {width: 100%; }
}


/* 게시판 검색 필터 갯수에 따라 넓이 다르게 보이기*/
.brdSch-1 {border: solid 1px #dddee0; background: #fafafa; padding: 9px 19px;}
.brdSch-1 ul {position: relative; padding-right: 90px;}
.brdSch-1 ul:after {content: ''; display: table; clear: both;}
.brdSch-1 ul li {float: left;}
.brdSch-1 ul li:nth-child(1) {width: 100%; padding-right: 5px;}
.brdSch-1 ul li:nth-child(2) {width: 90px; position: absolute; right: 0; top: 0; padding-right: 0;}
.brdSch-1 select {display: block; width: 100%; height: 50px; border: solid 1px #ccc; color: #666; font-size: 11pt;}
.brdSch-1 input[type="text"] {display: block; width: 100%; height: 50px; border: solid 1px #ccc; color: #666; font-size: 11pt;}
.brdSch-1 input[type="submit"],
.brdSch-1 button,
.brdSch-1 a {display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; background: #484848; color: #fff; font-size: 12pt;}


@media (max-width:1460px) {	
	.brdSch-1 {padding: 5px;}
	.brdSch-1 ul {padding-right: 0;}
	.brdSch-1 ul li:nth-child(1) {width: 80%; padding-right: 0;}
	.brdSch-1 ul li:nth-child(2) {width: 20%; position: static;}
	.brdSch-1 select {height: 40px; font-size: 10pt;}
	.brdSch-1 input[type="text"] {height: 40px; font-size: 10pt;}
	.brdSch-1 input[type="submit"],
	.brdSch-1 button,
	.brdSch-1 a {height: 40px; line-height: 40px;font-size: 11pt;}
}


/* 게시판 검색 필터 갯수에 따라 넓이 다르게 보이기*/
.brdSch0 {border: solid 1px #dddee0; background: #fafafa; padding: 9px 19px;}
.brdSch0 ul {position: relative; padding-right: 90px;}
.brdSch0 ul:after {content: ''; display: table; clear: both;}
.brdSch0 ul li {float: left;}
.brdSch0 ul li:nth-child(1) {width: 20%; padding-right: 5px;}
.brdSch0 ul li:nth-child(2) {width: 80%; padding-right: 5px;}
.brdSch0 ul li:nth-child(3) {width: 90px; position: absolute; right: 0; top: 0; padding-right: 0;}
.brdSch0 select {display: block; width: 100%; height: 50px; border: solid 1px #ccc; color: #666; font-size: 11pt;}
.brdSch0 input[type="text"] {display: block; width: 100%; height: 50px; border: solid 1px #ccc; color: #666; font-size: 11pt;}
.brdSch0 input[type="submit"],
.brdSch0 button,
.brdSch0 a {display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; background: #484848; color: #fff; font-size: 12pt;}


@media (max-width:1460px) {	
	.brdSch0 {padding: 5px;}
	.brdSch0 ul {padding-right: 0;}
	.brdSch0 ul li:nth-child(1) {width: 100%; padding-right: 0;}
	.brdSch0 ul li:nth-child(2) {width: 80%; padding-right: 0;}
	.brdSch0 ul li:nth-child(3) {width: 20%; position: static;}
	.brdSch0 select {height: 40px; font-size: 10pt;}
	.brdSch0 input[type="text"] {height: 40px; font-size: 10pt;}
	.brdSch0 input[type="submit"],
	.brdSch0 button,
	.brdSch0 a {height: 40px; line-height: 40px;font-size: 11pt;}
}

.brdSch1 {border: solid 1px #dddee0; background: #fafafa; padding: 9px 19px;}
.brdSch1 ul {position: relative; padding-right: 90px;}
.brdSch1 ul:after {content: ''; display: table; clear: both;}
.brdSch1 ul li {float: left;}
.brdSch1 ul li:nth-child(1) {width: 20%; padding-right: 5px;}
.brdSch1 ul li:nth-child(2) {width: 20%; padding-right: 5px;}
.brdSch1 ul li:nth-child(3) {width: 60%; padding-right: 5px;}
.brdSch1 ul li:nth-child(4) {width: 90px; position: absolute; right: 0; top: 0; padding-right: 0;}
.brdSch1 select {display: block; width: 100%; height: 50px; border: solid 1px #ccc; color: #666; font-size: 11pt;}
.brdSch1 input[type="text"] {display: block; width: 100%; height: 50px; border: solid 1px #ccc; color: #666; font-size: 11pt;}
.brdSch1 input[type="submit"],
.brdSch1 button,
.brdSch1 a {display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; background: #484848; color: #fff; font-size: 12pt;}


@media (max-width:1460px) {	
	.brdSch1 {padding: 5px;}
	.brdSch1 ul {padding-right: 0;}
	.brdSch1 ul li:nth-child(1) {width: 100%; padding-right: 0;}
	.brdSch1 ul li:nth-child(2) {width: 100%; padding-right: 0;}
	.brdSch1 ul li:nth-child(3) {width: 80%; position: static;}
	.brdSch1 ul li:nth-child(4) {width: 20%; position: static;}
	.brdSch1 select {height: 40px; font-size: 10pt;}
	.brdSch1 input[type="text"] {height: 40px; font-size: 10pt;}
	.brdSch1 input[type="submit"],
	.brdSch1 button,
	.brdSch1 a {height: 40px; line-height: 40px;font-size: 11pt;}
}

.brdSch2 {border: solid 1px #dddee0; background: #fafafa; padding: 9px 19px;}
.brdSch2 ul {position: relative; padding-right: 90px;}
.brdSch2 ul:after {content: ''; display: table; clear: both;}
.brdSch2 ul li {float: left;}
.brdSch2 ul li:nth-child(1) {width: 18%; padding-right: 5px;}
.brdSch2 ul li:nth-child(2) {width: 18%; padding-right: 5px;}
.brdSch2 ul li:nth-child(3) {width: 18%; padding-right: 5px;}
.brdSch2 ul li:nth-child(4) {width: 46%; padding-right: 5px;}
.brdSch2 ul li:nth-child(5) {width: 90px; position: absolute; right: 0; top: 0; padding-right: 0;}
.brdSch2 select {display: block; width: 100%; height: 50px; border: solid 1px #ccc; color: #666; font-size: 11pt;}
.brdSch2 input[type="text"] {display: block; width: 100%; height: 50px; border: solid 1px #ccc; color: #666; font-size: 11pt;}
.brdSch2 input[type="submit"],
.brdSch2 button,
.brdSch2 a {display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; background: #484848; color: #fff; font-size: 12pt;}


@media (max-width:1460px) {	
	.brdSch2 {padding: 5px;}
	.brdSch2 ul {padding-right: 0;}
	.brdSch2 ul li:nth-child(1) {width: 50%; padding-right: 0;}
	.brdSch2 ul li:nth-child(2) {width: 50%; padding-right: 0;}
	.brdSch2 ul li:nth-child(3) {width: 100%; padding-right: 0;}
	.brdSch2 ul li:nth-child(4) {width: 80%; position: static;}
	.brdSch2 ul li:nth-child(5) {width: 20%; position: static;}
	.brdSch2 select {height: 40px; font-size: 10pt;}
	.brdSch2 input[type="text"] {height: 40px; font-size: 10pt;}
	.brdSch2 input[type="submit"],
	.brdSch2 button,
	.brdSch2 a {height: 40px; line-height: 40px;font-size: 11pt;}
}

.brdSch3 {border: solid 1px #dddee0; background: #fafafa; padding: 9px 19px;}
.brdSch3 ul {position: relative; padding-right: 90px;}
.brdSch3 ul:after {content: ''; display: table; clear: both;}
.brdSch3 ul li {float: left;}
.brdSch3 ul li:nth-child(1) {width: 17%; padding-right: 5px;}
.brdSch3 ul li:nth-child(2) {width: 17%; padding-right: 5px;}
.brdSch3 ul li:nth-child(3) {width: 17%; padding-right: 5px;}
.brdSch3 ul li:nth-child(4) {width: 17%; padding-right: 5px;}
.brdSch3 ul li:nth-child(5) {width: 32%; padding-right: 5px;}
.brdSch3 ul li:nth-child(6) {width: 90px; position: absolute; right: 0; top: 0; padding-right: 0;}
.brdSch3 select {display: block; width: 100%; height: 50px; border: solid 1px #ccc; color: #666; font-size: 11pt;}
.brdSch3 input[type="text"] {display: block; width: 100%; height: 50px; border: solid 1px #ccc; color: #666; font-size: 11pt;}
.brdSch3 input[type="submit"],
.brdSch3 button,
.brdSch3 a {display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; background: #484848; color: #fff; font-size: 12pt;}


@media (max-width:1460px) {	
	.brdSch3 {padding: 5px;}
	.brdSch3 ul {padding-right: 0;}
	.brdSch3 ul li:nth-child(1) {width: 50%; padding-right: 0;}
	.brdSch3 ul li:nth-child(2) {width: 50%; padding-right: 0;}
	.brdSch3 ul li:nth-child(3) {width: 50%; padding-right: 0;}
	.brdSch3 ul li:nth-child(4) {width: 50%; padding-right: 0;}
	.brdSch3 ul li:nth-child(5) {width: 80%; position: static;}
	.brdSch3 ul li:nth-child(6) {width: 20%; position: static;}
	.brdSch3 select {height: 40px; font-size: 10pt;}
	.brdSch3 input[type="text"] {height: 40px; font-size: 10pt;}
	.brdSch3 input[type="submit"],
	.brdSch3 button,
	.brdSch3 a {height: 40px; line-height: 40px;font-size: 11pt;}
}

.brdSch4 {border: solid 1px #dddee0; background: #fafafa; padding: 9px 19px;}
.brdSch4 ul {position: relative; padding-right: 90px;}
.brdSch4 ul:after {content: ''; display: table; clear: both;}
.brdSch4 ul li {float: left;}
.brdSch4 ul li:nth-child(1) {width: 15%; padding-right: 5px;}
.brdSch4 ul li:nth-child(2) {width: 15%; padding-right: 5px;}
.brdSch4 ul li:nth-child(3) {width: 15%; padding-right: 5px;}
.brdSch4 ul li:nth-child(4) {width: 15%; padding-right: 5px;}
.brdSch4 ul li:nth-child(5) {width: 15%; padding-right: 5px;}
.brdSch4 ul li:nth-child(6) {width: 25%; padding-right: 5px;}
.brdSch4 ul li:nth-child(7) {width: 90px; position: absolute; right: 0; top: 0; padding-right: 0;}
.brdSch4 select {display: block; width: 100%; height: 50px; border: solid 1px #ccc; color: #666; font-size: 11pt;}
.brdSch4 input[type="text"] {display: block; width: 100%; height: 50px; border: solid 1px #ccc; color: #666; font-size: 11pt;}
.brdSch4 input[type="submit"],
.brdSch4 button,
.brdSch4 a {display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; background: #484848; color: #fff; font-size: 12pt;}


@media (max-width:1460px) {	
	.brdSch4 {padding: 5px;}
	.brdSch4 ul {padding-right: 0;}
	.brdSch4 ul li:nth-child(1) {width: 50%; padding-right: 0;}
	.brdSch4 ul li:nth-child(2) {width: 50%; padding-right: 0;}
	.brdSch4 ul li:nth-child(3) {width: 50%; padding-right: 0;}
	.brdSch4 ul li:nth-child(4) {width: 50%; padding-right: 0;}
	.brdSch4 ul li:nth-child(5) {width: 100%; padding-right: 0;}
	.brdSch4 ul li:nth-child(6) {width: 80%; position: static;}
	.brdSch4 ul li:nth-child(7) {width: 20%; position: static;}
	.brdSch4 select {height: 40px; font-size: 10pt;}
	.brdSch4 input[type="text"] {height: 40px; font-size: 10pt;}
	.brdSch4 input[type="submit"],
	.brdSch4 button,
	.brdSch4 a {height: 40px; line-height: 40px;font-size: 11pt;}
}

/* 강사 소개 레이어 팝업창*/
div.tutorlayerlecture{ padding:0; max-height:200px; overflow-y:scroll;}
@media (max-width:1460px) {	
	div.tutorlayerlecture{ padding:0; max-height:none; overflow-y:visible;}
}

/* left 메뉴 길이*/
.asMenu > li > a, .asMenu > li > h5 {	overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }


/* 리스트 당구장 표시*/
li.li-danggu {list-style: square url('../img/common/dot-mark.png') outside;}
li.li-none {list-style: none;}
li.text-red {color:#ff3000;}
li.text-blue {color:#0d45b4;}
li.pt12 {font-size:12pt;}
@media (max-width: 1460px){
	li.pt12 {font-size:11pt;}	
}

/* 캠핑장 이미지 */
.cpgList .cpgMapArea {display:none;}
.cpgList .cpgMapArea .cpgMap {position: relative;}
.cpgList .cpgMapArea .cpgMap img {display: block; width: 100%;  padding-top:10px; }
.cpgList .cpgMapArea .cpgMap p {background: rgba(0,0,0,0.5); height: 40px; line-height: 40px; position: absolute; left: 0; right: 0; bottom: 0; color: #fff; padding: 0 15px; font-size: 11pt;}
@media (max-width: 1460px){
	.cpgList .cpgMapArea {display:block;}
	.cpgRht .cpgMap {display:none;}
}


.apystat.type05 {border: solid 1px #ff5c6d; color: #ff5c6d; background: #fff2f4;}
.apystat.type05:before {background: url('../img/sub/aply_status03.png')no-repeat center bottom;}

.text-red {color:#ff3000;}
.text-blue {color:#0d45b4;}


.cptInfo td.info {padding: 7px 10px; }
@media (max-width: 1220px){
	.cptInfo td.info {padding: 5px; }	
}

.cpgMap p , .cptMap p{
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	width:100%;
	overflow:hidden;
}