body, td, p, input, button, textarea, select, .c1 { font-family:Tahoma,굴림; font-size:9pt; color:#666; }

form { margin:0px; }

/* img {border:0px;} */

a:link, a:visited, a:active { text-decoration:none; color:#666; }
a:hover { text-decoration:underline; }

a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545; }
a.menu:hover { text-decoration:none; }

.lh { line-height: 150%; }
.jt { text-align:justify; }

.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }

.ul { list-style-type:square; color:#66AEAD; }

.ct { font-family: Verdana, 굴림; color:#222222; } 


.small { font-size:8pt; font-family:돋움; }
.cloudy, a.cloudy {color:#888888;} /* 흐림 */
.dispno { display:none; }

.ed { padding:0px 2px; height:20px; line-height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; }
.edfile { padding:0px 2px; height:20px; line-height:20px; }
.ed_password { padding:0px 2px; height:20px; line-height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; font:10px Tahoma; }
.tx { padding:2px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; }

.grecaptcha-badge { z-index:9999 !important; }

.cd-container {
	width: 90%;
	max-width: 1400px;
	margin: 0 auto;
}
.cd-container:after {
	content: "";
	display: table;
	clear: both;
}

.cd-section {
	margin: 0 auto;
	padding:2em 0;
}
.cd-section h2 {
	font-size: 1.2rem;
	margin-bottom: .6em;
	font-weight: 700;
	text-align:center;
}
.cd-section p {
	line-height: 1.6;
	font-family:'맑은 고딕', '돋움';
	font-weight:100;
	letter-spacing:-1px;
	font-size:.8rem;
	margin-bottom:1.2em;
}
@media only screen and (min-width: 768px) {
.cd-section h2 {

}
@media only screen and (min-width: 980px) {
}

}
@media only screen and (min-width: 1170px) {
  .cd-section {
    margin: 0 auto;
    padding: 4em 0;
  }
  .cd-section h2 {
  }
  .cd-section p {
  }
}


/*게시판리스트*/

#BoardDiv{width:80%; margin: 0 auto; font-family:'맑은 고딕', '돋움'; letter-spacing:-1px; position:relative;}
#BoardDiv .mr2p{margin-right:2%;}
#BoardDiv .mr0{margin-right:0}
.ofh{overflow:hidden;}
.pd0{padding:0px !important;}

#BoardList{font-size:0.8rem; color:#505050}
#BoardList li{overflow:hidden; padding:1.2rem 0.5rem 0.7rem; line-height:100%; border-bottom:1px solid #e6e6e6;}
#BoardList li:first-child{border-top:1px solid #808080}
#BoardList li a{color:#505050}
#BoardList li span{display:inline-block; float:left; padding:0 1%; box-sizing:border-box; }
#BoardList li span.selectButton{width:2%; padding:0;}
#BoardList li span.selectButton input{margin:0; padding:0;}
#BoardList li span.subject{width:56%; text-align:center; font-weight:600;}
#BoardList li span.subject img {vertical-align:middle; }
#BoardList li span.name{width:25%; text-align:center; font-weight:600}
#BoardList li span.date{display:none;width:13.5%;text-align:center; font-weight:600}
#BoardList li span.etc{display:none;width:7%;text-align:center; font-weight:600;}
#BoardList li span.etc.ing{font-size:11px;padding:0.4rem 0rem; margin-top:-0.2rem; background:#c72117; color:#ffffff;}
#BoardList li span.etc.end{font-size:11px;padding:0.4rem 0rem;margin-top:-0.2rem; background:#808080; color:#ffffff;}
#BoardList li span.current { font-size:11px; text-decoration:overline; }
#BoardList li span.num { font-size:11px; }

#BoardList li a span.subject{text-align:left; font-weight:normal;}
#BoardList li a span.subject b{color:#c72117; margin-right:5px;}
#BoardList li a span.subject .b_num{display:none;}
@media only screen and (min-width: 768px) {
#BoardList li a span.subject .b_num{display:block;}
}
#BoardList li a span{font-weight:normal !important; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}

.BoardButton {overflow:hidden; margin:1rem 0;}
.BoardButton li a{color:#505050; font-weight:600; font-size:11.5px; display:inline-block; padding:0.4rem 0.8rem 0.5rem; border:2px solid #808080}
.BoardButton li{float:left; margin-right:10px;}
.BoardButton li:first-child{float:left;}
.BoardButton li:last-child{float:right; margin-right:0px;}
.BoardButton li:last-child a{border-color:#c72117; color:#c72117}
.BoardButton button { font-family:'맑은 고딕', '돋움'; letter-spacing:-1px; background:#ffffff; width:70px; height:30px; border:2px solid #c72117; color:#c72117; cursor:pointer; font-weight:bold; }


.BoardPage{text-align:center;}
.BoardPage li{display:inline-block;}
.BoardPage li a{font-size:11px; padding:4px 6px; color:#505050; border:1px solid #c8c8c8; }
.BoardPage li.current a{border-bottom:2px solid #c72117; font-weight:600}
.BoardPage li:first-child a{border:1px solid #808080;}
.BoardPage li:last-child a{border:1px solid #808080;}

@media only screen and (min-width: 768px) {
#BoardDiv{width:80%;}
#BoardDiv #BoardHalf{width:49%; float:left;}
#BoardList li span.subject{width:56%}
#BoardList li span.name{width:15%;}
#BoardList li span.date{display:inline-block;width:13.5%; }
#BoardList li span.etc{display:inline-block;width:13.5%;}

}
@media only screen and (min-width: 980px) {
#BoardDiv{width:80%;}
#BoardList li span.subject{width:63%}
#BoardList li span.name{width:15%;}
#BoardList li span.date{width:10%; }
#BoardList li span.etc{width:10%;}

}


/*게시판공통*/

#BoardDiv .BoardTitle{font-weight:600;text-align:center; border-top:1px solid #808080; border-bottom:1px solid #c8c8c8; padding:1.2rem 0.5rem; font-size:1rem; color:#505050; position:relative;}
#BoardDiv input, #BoardDiv textarea {font-family:'Noto Sans Korean', 'Malgun Gothic', '맑은 고딕',sans-serif; color:#808080;}
#BoardDiv .ed{border:1px solid #c8c8c8; padding:0.3rem; min-width:160px; width:100%; color:#808080;}
#BoardDiv .WriteBox{ border:1px solid #c8c8c8; width:100%; min-height:250px; overflow-y:scroll; resize:none;color:#808080; font-size:0.8rem; padding:0.8rem; margin-bottom:1rem; background: url("/skin/board/basic/img/recaptcha.gif") bottom left no-repeat; }
#BoardDiv .vat{vertical-align:top;}
#BoardDiv .fwb{font-weight:600}
#BoardDiv .TextInfo{overflow:hidden;font-size:0.8rem; padding:0.3rem 0.8rem; border-bottom:1px dotted #c8c8c8;}
#BoardDiv .TextInfo li {color:#808080; padding:0.2rem 0rem;}
#BoardDiv .TextInfo li span{display:inline-block;}
#BoardDiv .TextInfo .Tit1{width:20%;}
#BoardDiv .TextInfo .Tit2{width:78%;}

@media only screen and (min-width: 768px) {
#BoardDiv .WriteBox{min-height:400px;}
#BoardDiv .ed{width:40%}
#BoardDiv .TextInfo li{width:50%; float:left;}
}
#BoardDiv .ed.phone_num{width:180px;}
#BoardDiv .ed.long{width:100%;}

/*게시판글쓰기*/
#BoardWrite{font-family:inherit; font-size:0.8rem; padding-bottom:1.5rem; border-bottom:1px solid #c8c8c8;}
#BoardWrite ul {margin-bottom:1rem; padding:0.8rem 0rem 1.5rem; border-bottom:1px dotted #c8c8c8}
#BoardWrite ul li {padding:0.5em 0;}
#BoardWrite ul li span{display:inline-block;}
#BoardWrite ul li span.Tit1{width:25%;}
#BoardWrite ul li span.Tit2{width:73%;}

.rotate li:first-child{float:right;}
.rotate li:last-child{float:left;}

@media only screen and (min-width: 768px) {
#BoardDiv .ed{min-width:200px;}
#BoardWrite ul li{padding:0.5rem 1rem;}
#BoardWrite ul li span.Tit1{width:15%;}
#BoardWrite .WriteBox{}
#BoardWrite ul li span.Tit2{width:85%;}
}

/*게시판글읽기*/
#BoardDiv .VeiwT{text-align:left; padding-bottom:0.7rem;}
#BoardDiv .VeiwT b{font-weight:600;}
#BoardDiv .Tdate{font-weight:normal;display:block; text-align:right;  font-size:0.8rem; padding-top:0.7rem; margin-top:1rem; border-top:1px dotted #c8c8c8}
#BoardDiv .Tdate b{margin-right:10px;}
#BoardDiv .VeiwBox{padding:2rem 0.5rem 0rem;  font-size:0.8rem; line-height:1.5; border-bottom:1px solid #c8c8c8; padding-bottom:2rem;}

@media only screen and (min-width: 768px) {
#BoardDiv .VeiwT{padding-bottom:1.2rem}
#BoardDiv .VeiwT b{width:65%;}
#BoardDiv .VeiwT span{width:35%;}
#BoardDiv .Tdate{display:inline-block;position:absolute;padding:0; margin:0; border:none; right:0.5rem; }

}
@media only screen and (min-width: 1170px) {
#BoardDiv .VeiwT b{width:72%;}
#BoardDiv .VeiwT span{width:28%;}
}
/*게시판 코멘트 리스트*/
#BoardDiv .CommentList{font-size:0.8rem;}
#BoardDiv .CommentList ul {border-bottom:1px solid #c8c8c8;}
#BoardDiv .CommentList ul li{padding:0.5rem 0.5rem 0.3rem; margin-bottom:5px; line-height:1.5}
#BoardDiv .CommentList ul li:last-child{margin-bottom:0px;}
#BoardDiv .CommentList ul .CommentInfo{background:#f5f5f5; overflow:hidden; border-bottom:1px dotted #c8c8c8;}
#BoardDiv .CommentList ul .CommentInfo b{font-weight:600; width:60%; float:left; margin-top:4px; }
#BoardDiv .CommentList ul .CommentInfo .Cedit{width:40%;float:left; overflow:hidden; border-bottom:0px;}
#BoardDiv .CommentList ul .CommentInfo .Cedit li{float:right; margin-left:5px; padding:0px;}
#BoardDiv .CommentList ul .CommentInfo .Cedit li a{display:inline-block;padding:3px 5px;background:#969696; font-size:11px; color:#ffffff}

/*게시판 코멘트 쓰기*/
#BoardDiv .CommentWrite{font-size:0.8rem;}
#BoardDiv .CommentWrite h3{border-top:1px solid #808080; border-bottom:1px dotted #c8c8c8; padding:0.8rem 0.5rem; background:#f5f5f5; font-weight:600}
#BoardDiv .CommentWrite ul {border-bottom:1px solid #c8c8c8; padding:0.5rem;}
#BoardDiv .CommentWrite ul li{padding:0.5rem 0rem;}
#BoardDiv .CommentWrite ul li span{display:inline-block;}
#BoardDiv .CommentWrite ul li span img#kcaptcha_image { vertical-align:middle; border:2px solid #333; }
#BoardDiv .CommentWrite ul li .Tit1{width:25%;}
#BoardDiv .CommentWrite ul li .Tit2{width:73%;}

#BoardDiv .CommentWrite .WriteBox {min-height:150px;}
#BoardDiv .CommentWrite .Cbtn{text-align:right; width:98.5%}
#BoardDiv .CommentWrite .Cbtn .btn_comment{width:30%;max-width:80px; font-weight:600; font-size:11.5px; background:none; border:2px solid #c72117; color:#c72117; font-family:'Malgun Gothic', '맑은 고딕',sans-serif; padding:0.3em; }

@media only screen and (min-width: 768px) {

}
/*게시판 파일첨부*/
#BoardFile .file_input{margin-bottom:5px; max-width:980px;}
@media only screen and (min-width: 768px) {
#BoardFile .file_input{max-width:768px;}
}
@media only screen and (min-width: 960px) {
#BoardFile{float:left; width:50%; margin-right:2%;}
#BoardDiv .spamBox{float:left;width:47%;}
}

#photo_li{ overflow:hidden; margin:2em 0em 1.5em; text-align:center; display:inline-block;}
#photo_li li{text-align:center; display:inline-block;  width:32%; padding:1em 0}
#photo_li li a{display:inline-block; font-weight:300; font-size:1.3em; color:#505050; font-weight:bold; letter-spacing:-1px; transition:opacity 0.2s}
#photo_li li a:hover{opacity:0.5;}
#photo_li li img{width:100%; height:auto; margin:0 0 30px 0}

/*비밀번호찾기*/
#BoardDiv .paddingDiv{padding:30px 0px;}
#BoardDiv .passwordDiv{text-align:center;}
#BoardDiv .passwordDiv input{width:100%; max-width:300px; border:1px solid #c8c8c8; padding:0.5rem; display:block; margin: 0 auto; text-align:center; margin-bottom:10px;}
#BoardDiv .passwordDiv button{ font-family:'맑은 고딕', '돋움'; letter-spacing:-1px; background:#c72117; width:100%; max-width:300px;padding:0.5rem; border:1px solid #c72117; color:#ffffff; cursor:pointer; font-weight:bold;}


#sortBox { position:relative; background:#FFF; z-index:9999; }
#sortOut { display:none; position:absolute; top:0; left:100px; padding:10px 0 0 10px; border:1px #dfdfdf solid; border-top:2px #B11016 solid; background:#fff; width:350px; height:500px; }
#sortList { list-style:none; margin:20px 0 0; padding:0; height:450px; overflow:auto; overflow-x:hidden; overflow-y:auto; }
#sortList li { cursor:move; width:310px; height:25px; background:#fff; font-size:12px; }
#sortList li span.sort_btn { font-weight:bold; }

.grecaptcha-badge { display:none; }

.brd_nodata { padding:130px 0 !important; text-align:center; }
/*.grid .effect-chico { display:inline-block; }*/