@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Jua&family=Nanum+Brush+Script&family=Nanum+Gothic&family=Nanum+Myeongjo&family=Nanum+Pen+Script&family=Noto+Sans+KR&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dokdo&family=Hi+Melody&family=Poor+Story&family=Song+Myung&family=Sunflower:wght@300&family=Yeon+Sung&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arimo&family=Bree+Serif&family=Charm&family=Comic+Neue&family=Courgette&family=Fondamento&family=Montserrat&family=Open+Sans&family=Oswald&family=Roboto&family=Roboto+Slab&display=swap');


fieldset, img,iframe,header,footer,nav,section,figure{ margin: 0;padding: 0;border: 0;}
legend {display:none}
input {vertical-align:middle}
input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="date"],
input[type="time"],
input[type="file"],
input.file{height:32px;line-height:32px;border:1px solid #d5d5d5;padding:0 5px 0 5px;margin:1px 0}
input[type="checkbox"],
input[type="radio"]{width:22px;height:22px}


select{
	padding: 5px 32px 5px 5px;
	background: #f8f8f8;
	color: #444;
	border: 1px solid #aaa;
	border-radius: 0;
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	outline: none;
	background-image: url(images/arrow-select.png);
	background-repeat: no-repeat;
    background-size: auto;
    background-position: right center;
}
select::-ms-expand { display: none;}
textarea {border:1px solid #d5d5d5;padding:5px}
input.right {text-align: right;}
input[type='text'].error {border:solid 2px red}

iframe {border:0}
.listsearch {position:relative;float:left;display:block;width:100%;border:solid 1px #ccc;box-sizing:border-box;margin-bottom:15px}
#search input {width:100%;border:0; background:transparent;height: 40px;padding:0;margin: 0;vertical-align:middle;padding-right:40px;box-sizing:border-box}
#search button {position:absolute;right:0px;background: url("images/search.png") no-repeat scroll center center #888;cursor: pointer;width: 40px;height: 40px;text-indent: -99999em;transition: background 0.3s ease-in-out 0s;border:0}
#search button:hover {background-color:#000;}
#search select{position:absolute;left:0;border:0;background-color:transparent;border-right:solid 1px #ccc;height:40px;line-height: 32px;font-weight:bold;font-size:12px}
#search select.subcat{left:100px;}
#search select{padding-left:5px; padding-right:45px;}
#search #keyword {text-indent:10px}
@media screen and (max-width:767px) {
	.listsearch {float:none;border:0 ;margin-bottom:15px}
	#search select {
		position:relative;
		display:block;width:100%;
		border:solid 1px #ccc;
		margin-bottom:5px;
	}
	#search select.subcat{left:0px;}
	#search #keyword {text-indent:10px !important; border:solid 1px #ccc}
}

.listsearch2{list-style:none;padding:0;margin:10px 0;height:32px}
.listsearch2 li {float:left;vertical-align:top;height:32px;overflow:hidden;border:solid 1px #ccc;margin-right:-1px}
.listsearch2 select {padding:0;margin:0;border:0; vertical-align: middle;}
.listsearch2 select {height:32px;font-size:12px;padding:0px 32px 0px 5px;vertical-align:middle}
.listsearch2 input[type="text"] {width:100px;height:30px;border:0}
.listsearch2 li .button{border:0;height:32px}
.listsearch2 .button input {height:100%}
.listsearch2 .button a{font-size:12px;padding:6px}


#write select {padding-left:5px;padding-right:45px;min-width:100px;}
.paging {clear:both;text-align:center}
.pagination {display:table;border-collapse:collapse;border-spacing: 0px;margin:20px auto}
.pagination>li {
	display: table-cell;
	margin:0;padding:0;
     border: 1px solid #bcbcbc; 
	color: #75757A;font-size:12px;font-family: 'Open Sans',sans-serif; font-weight:bold;
	text-align:center;
}
.pagination>li>a {color:#333;text-decoration:none}
.pagination>li>a, .pagination>li>span{ display:block;padding:12px 18px; }
.pagination .fa {}
.pagination .disable {color:#ddd}
.pagination .current {font-weight:bold;color:#fff;background:#1892e1;}
/*리스트형*/
.li-table {border-bottom:solid 1px #ddd;}
.horizontal-style {
    display: table;
    width: 100%;
    border-collapse:collapse;border-spacing: 0px;
    table-layout: fixed;
}
.horizontal-style li {
    display: table-cell;
    border-top:solid 1px #ddd;border-bottom-width:0;
    padding:10px 5px;vertical-align:middle;text-align:center;
}
.horizontal-style li:first-child {border-left-width:0}
.horizontal-style li:last-child {border-right-width:0}
.liheader li{font-weight:bold;text-align:center;border-top:solid 1px #444;border-bottom:solid 1px #444}
.li-table li.subject a{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.li-table li.data	{text-align:left;padding-left:10px;}
.li-table li.poster span{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.sticky a{font-weight:bold}

.cat {font-size:11px !important}
/* 앨범형 */

.albumList ul{text-align: justify;display:block}
.albumList li {float:none;display:inline-block;width:23%;height:auto;margin-bottom:25px;vertical-align:top}
.albumList_thumb a{display:block;position:relative;margin:0;padding:0;white-space:nowrap;overflow:hidden}
.albumList .albumList_thumb {
    padding: 5px 0px; position:relative;
}
.albumList ul:after {
  content: '';
  display: inline-block;
  width: 100%;
}

@media screen and (max-width:1024px) {
	
.albumList li {width: 31%;}
}
@media screen and (max-width:640px) {
.albumList li {width: 48%;}
}
@media screen and (max-width:420px) {
.albumList li {width: 100%;}
}

.albumList li.last {margin:0 0 0 0;}
.albumList li.firsts {clear:left;}
.albumList li.lasts {float: none;}
.albumList dl {position:relative;  padding:0 5px 0 5px; overflow: hidden;}
.albumList dt {position:relative;width:100%; overflow:hidden;}
.albumList dt a {position:absolute; left:0; top:0; text-align:center; width:100%; z-index:1;}
.albumList dt a.more {display:block; overflow:hidden;width:17px; height:17px;position:absolute; left:auto; right:0px; bottom:0px; z-index:2; text-indent:1000em; background:url(http://i1.daumcdn.net/cafeimg/cf_img4/img/btn_img_open.gif) 0 0 no-repeat; cursor:pointer;}
.albumList dt a.more.selected {background:url(http://i1.daumcdn.net/cafeimg/cf_img4/img/btn_img_close.gif) 0 0 no-repeat;}
.albumList dd span {}
.albumList dd.nick img {vertical-align: -3px; margin-right: 2px;}
.albumList .subject {margin-top:5px;}
.albumList .subject a {display: block;height:32px; overflow: hidden;line-height:110%;text-align:left;text-overflow: clip;}
.albumList .txt_sub {margin-top:2px;font-size:11px;color:#777}

.amwIcon{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#fff url(images/yr18.png) no-repeat center center;background-size:cover;opacity:0.5;}

/* write */
fieldset.boardFormType01 {width:100%; border-top:1px solid #e6e6e6; }
fieldset.boardFormType01 dl {background-color:#f6f6f6; border-bottom:1px solid #e6e6e6; position:relative; padding-left:20%;}
fieldset.boardFormType01 dl:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
fieldset.boardFormType01 dl dt {position:absolute; left:20px; top:50%; margin-top:-0.5em; font-weight:bold; color:#555555;}
fieldset.boardFormType01 dl dd {padding:10px 20px;background:#fff;border-left:solid 1px #e6e6e6}
fieldset.boardFormType01 dl dd:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
fieldset.boardFormType01 dl dd input[type='text'],
fieldset.boardFormType01 dl dd input[type='email'],
fieldset.boardFormType01 dl dd input[type='password'] {width:95%;}
fieldset.boardFormType01 dl dd input[type='checkbox'],
fieldset.boardFormType01 dl dd input[type='radio'] {margin-right:0; margin-top:0;}
fieldset.boardFormType01 dl dd textarea {width:95%; height:100px;}
fieldset.boardFormType01 dl dd label {vertical-align:middle;}
fieldset.boardFormType01 dl dd.check {padding:11px 5px 8px 20px;}
fieldset.boardFormType01 dl dd.radio {padding:12px 5px 10px 18px;}
fieldset.boardFormType01 dl dd.check span,
fieldset.boardFormType01 dl dd.radio span {display:inline-block; margin:3px 15px 3px 0;}
fieldset.boardFormType01 dl dd.check label,
fieldset.boardFormType01 dl dd.radio label {margin-left:3px;}
fieldset.boardFormType01 dl dd.check strong {display:block; margin-bottom:5px;}
fieldset.boardFormType01 dl dd.textForm textarea {width:98%;}
fieldset.boardFormType01 dl dd.birth select {min-width:0; width:80px;}
fieldset.boardFormType01 dl dd.birth span {margin-right:10px;}
fieldset.boardFormType01 dl.txt dd {padding-top:15px; padding-bottom:15px;}
fieldset.boardFormType01 dl dd span.cmt { color:#777777; margin-left:3px;}
fieldset.boardFormType01 p.txt { margin-right:-5px;}
fieldset.boardFormType01 span.txt { margin-right:20px;}
fieldset.boardFormType01 p.check,
fieldset.boardFormType01 p.radio {margin-top:10px;}
fieldset.boardFormType01 p.check label,
fieldset.boardFormType01 p.radio label { margin-right:20px;}
fieldset.boardFormType01 p.zipcode input[type='text'] {width:70px !important; text-align:center;}
fieldset.boardFormType01 dl dd.file input[type='text'] {width:50% !important;}
/* view */
.contentview {margin:20px 0 20px 0;border-top:1px solid #dfdfdf;padding-top:15px;border-bottom:1px solid #dfdfdf;padding-bottom:15px;}
.contentview .title{padding-top:2px;padding-left:10px;color:#4399f9;font-weight:bold;line-height:25px;}
.brdComView	{width:100%;}
.brdComView .mpic-box{float:left;width:40px;margin:5px 5px 0 0 }
.brdComView img.mpic{width:40px;height:40px;}
.brdComView .txt_sub {font-size:0.95em;color:#777}
.brdComView .li-table {}
.brdComView .horizontal-style {
    display: table;
    width: 100%;
    border-collapse:collapse;border-spacing: 0px;
    table-layout: fixed;
    border-bottom:solid 1px #ddd;
}
.brdComView .horizontal-style li {
    display: table-cell;
    border-top-width:0;
    height:42px;vertical-align:middle;text-align:left;
}
.brdComView .horizontal-style li:first-child {border-left-width:0}
.brdComView .horizontal-style li:last-child {border-right-width:0}
.brdComView .liheader li{font-weight:bold;text-align:left;border-top:solid 1px #444;border-bottom:solid 1px #444}
.brdComView .li-table li.subject a{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.brdComView .li-table li.data	{text-align:left;padding-left:10px;}
.brdComView .li-table li.poster span{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.article_subject { padding:5px 0 0 0;font-size:1.5em;font-weight:bold}
.article_writer { border-bottom:1px dotted #dfdfdf;}
.awriter {font-size:11px; color:#4ba7e7 !important;}
.abar  {font-size:10px; color:#ececec;}
.ahit {font-size:10px; color:#acacac;}
.adate {font-size:10px; color:#acacac;}
.txt_sub {font-size:10px;color:#777}
.tiny {font-size:10px !important}
.num {font-family:tahoma;}
.error {color:red}
.msgBox {text-align:center; padding:35px;}

#changeFont {padding:0;margin:0;float:right;clear:both;}
#changeFont .button a{color:#777 !important}
#changeFont .button{float:left;margin-left:-1px}
#changeFont #upfileForm{margin-top:25px}

.fa-heart {color:#cc0000 !important}
.reco-on {color:#cc0000 !important}
.btn_recommend {display: inline-block;overflow: hidden;height: 32px; width:140px;vertical-align: middle;line-height: 32px;margin:0  auto;padding:5px; text-align:center;cursor: pointer;}
.btn_recommend {background : #0099ff; color:#fff}
.btn_recommend:hover {background:orange}
.btn_recommend span {font-family:tahoma;font-weight:bold;font-size:0.95em;color:#fff}
.board_btn {text-align:center;padding:10px 0}
.board_btn span.button {min-width:120px}
.board_btn span.button input{width:100%}
.tag {font-size:0.95em; color:#777}
.fileAttached {background-color:#F5f5f5;padding:5px;overflow: hidden;overflow-x: hidden;overflow-y: hidden;}
.fileAttached ul {padding: 0;margin: 0;}
.fileAttached li {padding-left: 5px;display: block;float: left;margin: 5px 5px 0;white-space:nowrap;color:#828282;}
.fileAttached li a {color:#828282;font-family:tahoma;font-size:11px}
.article_content_bbs {margin:35px 0}
.article_content {font-size:inherit;}
.article_content p{display:block;padding: 5px 0;}
.article_content img{max-width:100%;height:auto}
.article_content a {text-decoration:underline;color:#036699}
.article_content a:hover {color:orange}
.article_content ul{display: block;list-style-type: initial;margin:initial;margin-top:5px;margin-bottom:5px;margin-left:15px}
.article_content ol{display: block;list-style-type: decimal;margin:initial;margin-top:5px;margin-bottom:5px;margin-left:15px}
.article_content ul li{display: list-item !important;list-style-type: initial;}
.article_content ol li{display: list-item !important;list-style-type: decimal;}		
.article_content blockquote { max-width:800px; margin: 0 auto; border-left: 0; padding-left: 0;text-align:center}
.article_content blockquote:before {
  content: "\201C";
  display: block; margin: 40px auto 12px; width: 24px; height: 24px; font-size: 3em;font-family: Georgia; line-height: 1; color: #babdc0
}
.article_content blockquote:after {
  content: "\201D";
  display: block;
  margin: 12px auto 40px; width: 24px; height: 24px; font-size: 3em;font-family: Georgia; line-height: 1; color: #babdc0;
  }
.article_content blockquote p{
  display:block;
  padding:0;margin:0; text-align: center; color: #44484b;font-size:16px; line-height:1.5; letter-spacing: -0.5px;  word-spacing: normal; word-break: keep-all;
} 
.article_content pre { margin:10px 0; padding:10px;border:dotted 1px #ccc;background:#f5f5f5}
.article_content table {
	margin:10px 0;
	 border-collapse: collapse;
   border-top: 1px solid #ccc;
    border-bottom: 1px solid #dfdfdf;
  
}
.article_content table th {
	background-color: #eee;
    padding:5px;
    border: 1px solid #ccc;
    line-height: 32px;
    overflow: hidden;
    color: #222;
}
.article_content table td {
	padding:5px;
	border: 1px solid #ccc;	
    
}
.article_content hr.vertical {width:1px;background:#222;height:60px;margin:10px auto}

.article_btn {clear:both; padding:10px 0;height:52px;border-top:solid 1px #1c2d3b;height: auto; overflow: auto;}
.article_btn .float_r{float:right;}
.article_btn .float_l{float:left;}
.article_btn span.button{height:auto;margin-left:1px;margin-bottom:1px}

.replyBox {clear:both;margin-top:10px;padding:10px; color:#666666; border:1px solid #e0e1db;}
.replyBox .replyItem { padding:.6em .8em .6em .6em; line-height:1.25em; border-bottom:1px dotted #ddd; width:100%;clear:both}

.replyBox .date { font-size:10px;font-family:tahoma,verdana; color:#cccccc;}
.replyBox .voted { float:left; font-size:.9em; color:#AAAAAA; margin:0 .3em .5em 1em;}
.replyBox .reply { }
.replyBox .replyIndent { background:url(images/iconReplyArrow.gif) no-repeat .0em .3em; padding-left:1.3em;}
.replyBox label {font-size:11px}
.replyBox ul.menu-dropit {float:left;margin-left:2px;margin-top:3px}
.replyBox img {max-width:100%;height:auto}

.tip1{color:#036699;font-size:0.95em}
.tip2{color:#999;font-size:0.95em}
.videoWrapper {
	position: relative;
	height: auto;
}
* html .videoWrapper {
	margin-bottom: 10px;
	margin-bot\tom: 0;
}
.videoWrapper div.video-js,
.videoWrapper embed, 
.videoWrapper object,
.videoWrapper iframe {
	display:block;
  width:100%; 
  max-width:720px; max-height:460px;
  margin:10px auto;
  left:0;
  top:0;
}
.audioWrapper{max-width:640px;margin:10px auto}

.replyAndTrackback { color:#ff6600;font-size:0.95em;}
.replyAndTrackbackList{display:inline-block;width:24px;height:24px;text-align:center;overflow:hidden;line-height:24px;background:url(images/icon_bubble.png) no-repeat;font-size:11px;}

.poll_frame{width:100%;position:relative}
.poll_inner{max-width:420px; margin:0 auto; border:solid 1px #ddd;background:#f5f5f5;padding:25px}

.weblink-box {display:inline-block;margin:0 auto; width:460px;text-align:left;border:solid 1px #ccc;cursor:pointer}
.weblink-thumb {width:85px;height:85px;margin-right:10px}
/*magnific popup extra css */
.mfp-iframe { }
.x-modal {background:#fff;padding:10px;border:solid 1px #ccc;position:absolute;display:none;right:0;max-width:420px;z-index:9999 !important}

input.amount{width:140px !important;}
input.right{text-align:right}

label.error{font-size:12px;background:#ff0000;color:#fff;display:block;padding:3px 5px;position:absolute;z-index:100;}
label.error:before {content: "";display: block;width: 0; height: 0; color:red;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #ff0000; position: absolute;top: -6px;left: 10px;}

.mobile{display:none}
@media screen and (max-width:767px) {
.pc{display:none !important}
.mobile {display:block}
fieldset.boardFormType01 dl {background:transparent;position:static; padding:0; margin:0 5px;}
fieldset.boardFormType01 dl:first-child {}
fieldset.boardFormType01 dl dt {position:static; margin:0; padding:10px 0 5px 0 ;border:0;background:transparent;}
fieldset.boardFormType01 dl dd {padding-left:0; padding-right:2px;border:0;background:transparent;}
fieldset.boardFormType01 dl dd.check,
fieldset.boardFormType01 dl dd.radio {padding:7px 0;}
fieldset.boardFormType01 dl dd.textForm {padding-right:12px;}
fieldset.boardFormType01 dl dd.textForm textarea {width:100%;}
fieldset.boardFormType01 dl dd select,
fieldset.boardFormType01 dl dd input[type='text'],
fieldset.boardFormType01 dl dd input[type='email'],
fieldset.boardFormType01 dl dd input[type='password'] {width:100%;}
fieldset.boardFormType01 dl dd.birth {padding-right:0;}
fieldset.boardFormType01 dl dd.birth select {width:30%;}
fieldset.memberForm dl dt {margin-left:-10px;}
fieldset.memberForm dl dt.blt {background-position:left 15px;}
fieldset.memberForm dl dd.idCheck input[type='text'] {width:67%;}
fieldset.boardFormType01 dl.txt dt {float:left; width:60px;}
fieldset.boardFormType01 dl.txt dd {float:left; padding-top:10px; padding-bottom:10px;}
.article_content iframe {width:100%}

.pagination>li>a, .pagination>li>span{ display:block;padding:6px 9px; }
.videoWrapper {
	padding-bottom: 50%;
}
.videoWrapper div.video-js,
.videoWrapper embed, 
.videoWrapper object,
.videoWrapper iframe {
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
}

}
@media screen and (max-width:520px) {
.article_content iframe {width:100%}
.article_content img{max-width:100% !important;height:auto !important}

.mfp-iframe-scaler {padding-top: 120%; !important }
.weblink-box { width:95%}

.article_btn {text-align:center}
.article_btn .float_l{float:none;}
.article_btn .float_r{float:none;}
.article_btn span.button{margin-left:0px}

.pagination {width:100%}
}

.loading {position:fixed; display:none;z-index:9999;left:45%;top:45%;margin:0 auto; width:300px;padding:15px;background:#333;color:#fff;text-align:center;opacity:0.8;}
@media screen and (max-width:767px) {
	.loading { margin:0;left:0;width:100%}
}