@charset "utf-8";
/* Board */
.board img{border:0}
.board,
.board label,
.board table,
.board input,
.board button,
.board textarea,
.board select{font-size:12px; font-family:'Noto Sans KR','Malgun Gothic',돋움,sans-serif}
.board select{margin:0}
.board .iCheck{width:13px; height:13px; margin:0; vertical-align:middle}
.board .iCheck+label{vertical-align:middle}
.board .iText{position:relative; padding:4px 9px; height:19px; line-height:19px; border:1px solid #DBDBDB; background:transparent}
.board textarea{margin:0; padding:3px 4px; border:1px solid #a6a6a6; border-right-color:#d8d8d8; border-bottom-color:#d8d8d8}
.board label{display:inline-block; margin:0}
/* Board List */
/* list.html */
.csite-list{margin:0 auto}
.csite-list .csite-card-item{width:22%; padding-top:20px; padding-bottom:40px}
.csite-list .csite-card{}
.csite-list .gutter-sizer{width:4%}
.csite-list .card-image{border-radius:10px; overflow:hidden; box-shadow:3px 5px 25px 0 rgba(0,0,0,.1); transition:all .5s ease-out}
.csite-list .csite-card:hover .card-image{box-shadow:3px 5px 25px 0 rgba(0,0,0,.2); transform: translateY(-10px)}
.csite-list .card-image:hover{}
.csite-list .card-image a{display:block}
.csite-list .card-image img{display:block; width:100%; height:auto; max-width:100%; max-height:100%}

.csite-list .card-title{margin:30px 0 0 0; padding:3px; text-align:center; word-break:keep-all; font-family:'Noto Sans KR','Malgun Gothic',돋움,sans-serif}
.csite-list .card-title .card-title-text{font-size:20px; color:#333}
.csite-list .card-title .item-category{font-size:14px; color:#888}
.csite-list .manager-btn{}
.csite-list .manager-btn .iCheck{margin-right:5px}
.csite-list .manager-btn a{color:#666; text-decoration:none}

#view-more-{margin-top:30px; margin-bottom:30px; text-align:center}
#view-more- #view-more{width:400px; max-width:100%; height:40px !important; line-height:40px !important; padding:0 !important; font-size:14px !important;}

.list_footer{position:relative; margin:15px 0; zoom:1}
.list_footer:after{content:""; display:block; clear:both}
.list_footer .btnArea{text-align:center}
.list_footer .board_search{float:left; position:relative; margin:0 4px 0 0; }
.list_footer .board_search .xi-magnifier{position:absolute; top:7px; left:7px}
.list_footer .board_search *{vertical-align:top}
.list_footer .board_search .iText{height:25px; line-height:25px; padding:0 60px 0 27px; width:160px; border:1px solid #DBDBDB; border-radius:4px; box-sizing:border-box; -webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.list_footer .board_search .iText.active,
.list_footer .board_search .iText:active,
.list_footer .board_search .iText:focus{width:180px}
.list_footer .board_search .search_input {display:inline-block; position:relative}
.list_footer .board_search select{height:25px; min-width:80px; padding:0}
.list_footer .board_search .btn{position:absolute; top:0; right:0; border-radius:0 2px 2px 0}
.update-log{width:100%; border-bottom:1px solid #dbdbdb; margin:5px auto 5px auto; padding:5px}


@media (max-width:1599.98px) {
	.csite-list .gutter-sizer{width:5%}
	.csite-list .csite-card-item{width:30%}
	.csite-list .manager-btn{display:none}
	#view-more- #view-more{font-size:16px; color:#666}
}
@media (max-width:1199.98px) {
	.csite-list .gutter-sizer{width:5%}
	.csite-list .csite-card-item{width:47%}
	.csite-list .manager-btn{display:none}
	#view-more- #view-more{font-size:16px; color:#666}
}
@media (max-width:991.98px) {
	.csite-list .gutter-sizer{width:0%}
	.csite-list .csite-card-item{width:100%}
}

/* Board Write */

/* write_form.html */
.board_write {
}
.write_header{position:relative; width:100%; margin-top:30px; margin-bottom:30px; padding-top:30px; padding-bottom:30px; border-top:1px solid #dedede; border-bottom:1px solid #dedede; text-align:center}
.write_header *{vertical-align:middle}
.write_header .iText{width:400px; height:60px; line-height:60px; margin:0 10px 0 0; background:#fff; text-align:center; font-family:'Noto Sans KR','Malgun Gothic',돋움,sans-serif; font-weight:500; font-size:40px }
.write_header .iText::placeholder{color:#ccc}

.write_body .title-image{width:1170px; height:1170px; line-height:1170px; background:#f5f5f5; text-align:center; font-size:32px; color:#aaa}
.write_body .title-image p{display:inline-block; line-height:1.2; vertical-align:middle}
.write_body .title-image small{font-weight:400; font-size:16px; color:#ccc}

.write_body .desc-section{margin-top:15px}
.write_body .logo-image{float:left; width:229px; height:230px; line-height:230px; background:#f5f5f5; border-right:1px solid #dedede; text-align:center; font-size:24px; color:#aaa}
.write_body .logo-image p{display:inline-block; line-height:1.2; vertical-align:middle}
.write_body .logo-image p small{font-weight:400; font-size:14px; color:#ccc}
.write_body .desc{float:left; width:940px}
.write_body .desc textarea{width:838px; height:188px; line-height:2; padding:20px 40px 20px 60px; border:1px solid #dedede; font-size:16px}

.write_body .section{padding:15px 10px; border-bottom:1px solid #dedede}
.write_body .section-title{border-bottom:1px solid #dedede}
.write_body .section-title h2{position:relative; display:inline-block; margin:0; padding:0 0 10px; font-size:18px; color:#333}
.write_body .section-title h2:before{content:""; position:absolute; left:0; bottom:-1px; display:block; width:100%; height:1px; background-color:#666}
.write_body .section .info-title{float:left; width:180px; height:67px; line-height:67px; font-weight:500; font-size:16px; color:#333}
.write_body .section .info-title .fa{margin-right:5px; font-size:18px; color:#c7cbd4}
.write_body .section .info-desc{float:left; width:970px; font-size:16px}
.write_body .section .info-desc textarea{width:928px; height:45px; line-height:1.5; padding:10px 20px; border:1px solid #dedede; font-size:14px; color:#333}
.write_body .section .info-desc .tel{height:45px; line-height:45px; margin-right:10px; padding:10px 30px; border:1px solid #dedede; font-size:14px; color:#333}
.write_body .section .info-desc ul{margin:0; padding:0; list-style:none}
.write_body .section .info-desc ul li{float:left; height:65px; line-height:65px; margin:0 30px 0 0; padding:0}
.write_body .section .info-desc ul li input[type="checkbox"]{vertical-align:middle; font-size:14px; color:#333}
.write_body .section .info-desc ul li label{vertical-align:middle; font-size:14px; color:#333; cursor:pointer}

.write_body .portfolio-section{margin-top:60px}
.write_body .portfolio-gallery{margin-top:30px}
.write_body .portfolio-gallery .portfolio-image{float:left; width:362px; height:362px; line-height:362px; margin-right:20px; margin-bottom:20px; background-color:#f5f5f5; text-align:center; font-size:16px; color:#aaa}
.write_body .portfolio-gallery .portfolio-image p{display:inline-block; line-height:1.2; vertical-align:middle}
.write_body .portfolio-gallery .portfolio-image p small{font-weight:400; font-size:14px; color:#ccc}

.write_body .place-section{margin-top:60px}
.write_body .place-map-desc{margin-top:30px}
.write_body .place-map{margin-top:15px}
.write_body .place-map textarea{width:1107px; height:188px; line-height:2; padding:20px 30px; border:1px solid #dedede; font-size:16px}
.write_body .place-map p{margin:0; padding:0; font-size:13px; color:#aaa}

.write_body .address-section{margin-top:30px}
.write_body .address-section .krZip input[type="text"]{height:40px; line-height:40px; margin-right:5px; padding:0 15px; font-size:16px; color:#333}
.write_body .address-section .krZip .krzip-search{height:40px !important; line-height:40px !important; padding:0 30px !important; font-size:16px; color:#333}
.write_body .address-section .krZip label{height:40px; line-height:40px; margin:0 10px 0 0; padding:0; font-size:16px; color:#333}
.write_body .address-section .krzip-address-wrap,
.write_body .address-section .krzip-detailAddress-wrap,
.write_body .address-section .krzip-guide{margin-top:10px}

.write_body .upload-section{margin-top:30px}
.write_body .upload-section .upload-desc{margin:15px 0 0 0; font-size:14px; color:#666}

.write_editor{margin-top:120px}
.write_editor .cke{display:none !important}
.write_editor .xd{margin-top:-3px}

.write_footer{overflow:hidden; margin:1em 0}
.write_footer:after{content:""; display:block; clear:both}
.write_footer .btnArea{float:right; margin:0}
.write_option{display:none}
.write_option label{margin:0 10px 0 0}
.write_captcha{float:left; margin:0}

/* Board Read */

/* _read.html */
.board_read{zoom:1}
.read_header{position:relative; width:100%; margin-top:30px; margin-bottom:30px; padding-top:30px; padding-bottom:30px; border-top:1px solid #dedede; border-bottom:1px solid #dedede; text-align:center}
.read_header h1{margin:0; padding:0; font-size:32px; font-weight:500; color:#333}

.read_body .portfolio{width:100%; max-width:100%; text-align:center}
.read_body .portfolio a{display:block; margin:120px 0}
.read_body .portfolio img{display:inline-block; max-width:100%; height:auto}

.read_body .desc-section{margin-top:30px}
.read_body .desc-section .logo-image{float:left; width:229px; height:230px; overflow:hidden; background:#fff; border-right:1px solid #dedede; text-align:center; font-size:16px; color:#ccc}
.read_body .desc-section .logo-image img{display:inline-block; max-width:100%; height:auto}
.read_body .desc-section .desc{float:left; width:860px; padding:0 30px; line-height:1.8; font-weight:500; font-size:18px; color:#333}

.read_body .section{padding:30px 10px; border-bottom:1px solid #dedede}
.read_body .section-title{border-bottom:1px solid #dedede}
.read_body .section-title h2{position:relative; display:inline-block; margin:0; padding:0 0 10px; font-weight:500; font-size:18px; color:#333}
.read_body .section-title h2:before{content:""; position:absolute; left:0; bottom:-1px; display:block; width:100%; height:1px; background-color:#666}
.read_body .section .info-title{float:left; width:180px; font-weight:500; font-size:16px; color:#333}
.read_body .section .info-title i{margin-right:5px; font-size:18px; color:#c7cbd4}
.read_body .section .info-title i.xi{display:none}
.read_body .section .info-title i.fa{display:inline-block}
.read_body .section .info-desc{float:left; width:970px; font-size:16px; color:#666}

.read_body .portfolio-section{margin-top:90px}
.read_body .portfolio-gallery{margin-top:30px}
.read_body .portfolio-gallery .portfolio-image{float:left; display:block; width:360px; height:360px; margin-right:25px; margin-bottom:25px; background-color:#f5f5f5; background-repeat:no-repeat; background-position:center; background-size:cover}

.read_body .place-section{margin-top:60px}
.read_body .place-map{margin-top:30px}
.read_body .place-map textarea{width:1107px; height:188px; line-height:2; padding:20px 30px; border:1px solid #dedede; font-size:16px}
.read_body .place-map p{margin:0; padding:0; font-size:13px; color:#aaa}

.read_body .address-section{margin-top:5px; padding-bottom:45px}
.read_body .address-section .address-krzip{font-size:24px}

.embed-container{position:relative; padding-bottom:37.5%; height:0; overflow:hidden; max-width:100%}
.embed-container iframe,
.embed-container object,
.embed-container embed{position:absolute; top:0; left:0; width:100%; height:100%}
.read_footer{overflow:hidden; text-align:center}
.read_footer .action{display:inline-block; line-height:16px; font-size:11px; margin:0 15px 0 0; color:#555}
.read_footer .btnArea{clear:both; text-align:right; padding:10px 0}

@media (max-width:767.98px) {
	.read_header{margin-top:0}
	.read_header h1{font-size:18px}

	.read_body .section{padding:15px 8px}
	.read_body .section-title h2{padding:0 0 10px; font-size:16px}
	.read_body .desc-section .logo-image{width:40%; height:auto; overflow:auto; margin:0 10px 5px 0; padding-top:3px; border-right:0}
	.read_body .desc-section .desc{float:none; width:100%; margin:0; padding:0; line-height:1.5; font-weight:400; font-size:13px}
	.read_body .portfolio-gallery .portfolio-image{width:48%; height:auto; margin-right:2%; margin-bottom:2%; padding-bottom:48%}

	.read_body .section .info-title{float:none; width:100%; max-width:100%; font-size:14px}
	.read_body .section .info-title i{margin-right:1px; font-size:14px}
	.read_body .section .info-title i.xi{display:inline-block}
	.read_body .section .info-title i.fa{display:none}
	.read_body .section .info-desc{float:none; width:100%; max-width:100%; margin-top:8px; font-size:14px}

	.read_body .address-section{margin-top:0; padding-bottom:15px}
	.read_body .address-section .address-krzip{font-size:16px}
}

/* Pagination */
/* list.html */
.sns-pagination{margin:0; padding:13px 0; text-align:center; line-height:normal; clear:both}
.sns-pagination a,
.sns-pagination strong{position:relative; color:#767676; font:bold 11px/22px Tahoma, Sans-serif; vertical-align:top; display:inline-block; text-decoration:none; padding:1px 8px; background-color:#F6F6F6; border-radius:2px; z-index:2}
.sns-pagination a:hover,
.sns-pagination a:active,
.sns-pagination a:focus{background-color:#f8f8f8}
.sns-pagination strong{color:#D88700; font-size:13px}
.sns-pagination .direction{font-weight:normal; color:#767676; text-decoration:none !important; border:0; z-index:1}
.sns-pagination .direction:hover,
.sns-pagination .direction:active,
.sns-pagination .direction:focus{color:#333; background-color:#fff}
.sns-pagination .prev{border-left:0}
.sns-pagination .next{border-right:0}
.sns-pagination .direction span{position:relative; display:inline-block; width:0; height:0; font-size:0; line-height:0; vertical-align:top; top:4px}
.sns-pagination .prev span{border:3px solid; border-top:solid #fff; border-bottom:solid #fff; border-left:0; margin-right:1px; *left:-4px}
.sns-pagination .next span{border:3px solid; border-top:solid #fff; border-bottom:solid #fff; border-right:0; margin-left:1px}
/* Write Author */
/* _read.html | write_form.html | comment_form.html */
.write_author{float:left; margin:0 4px 1em 0}
.write_author .item{position:relative; display:inline-block; zoom:1}
.write_author .iLabel{top:6px; left:12px; color:#666}
.write_author label{margin:0 10px 0 0}
/* Context Data | Context Message */
/* comment_form.html | delete_form.html | delete_comment_form.html | input_password_form.html | message.html */
.context_data{background:#f8f8f8; border-top:2px solid #666; padding:15px 20px; color:#666}
.context_data h3.author{margin:0 0 10px 0; color:#333}
.context_data h3.title{margin:0 0 10px 0; color:#333}
.context_data p.author{margin:0}
.context_data p.author strong{font-weight:normal}
.context_data .xe_content{color:#666}
.context_message{text-align:center; border-top:2px solid #666}
.context_message h1{font-size:16px; margin:20px 0}
.context_message .btnArea{margin:20px 0}
/* Tag List */
.tagList{margin:0; padding:25px; border:1px solid #cdcdcd; line-height:1.2; text-align:justify}
.tagList a{color:#fff; text-decoration:none; white-space:nowrap; margin:0 2px}
.tagList a.rank1{font-size:24px; background:#000}
.tagList a.rank2{font-size:18px; background:#333}
.tagList a.rank3{font-size:14px; background:#666}
.tagList a.rank4{font-size:12px; background:#999}
.tagList a.rank5{font-size:12px; color:#666; text-decoration:underline}
.tagFooter{text-align:center; padding:20px 0}
/* Button */
.board .btn{text-decoration:none !important; font-family:inherit; text-align:center; vertical-align:middle; cursor:pointer; overflow:visible; background-color:#ECECEC; background-image:none; border:0; border-radius:2px; text-shadow:none; color:#000; box-shadow:none; -webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out
}
.board .btn:hover,
.board .btn:active,
.board .btn[disabled]{color:#fff; background-color:#53617f}
.board .btn i{width:24px; background:none repeat scroll 0% 0% rgba(0, 0, 0, 0.06); height:25px; line-height:25px; display:inline-block; margin-left:-12px; margin-right:4px; text-align:center; padding-left:2px; border-radius:2px 0 0 2px}
.board .btn_insert{font-size:13px; border:0; cursor:pointer; width:130px; height:38px; border-radius:2px; color:#fff; 
	background:#CDA25A; -webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out	
}
.board .btn_insert:hover{background:#555}
/* secret form */
.board .secretForm .iText {height:25px; width:150px; box-sizing:border-box}
.board .secretForm .btn {border-radius:0 2px 2px 0; }
.board .secretForm p {margin-bottom:5px}

.vote-list{display:block; overflow-x:hidden; overflow-y:auto; margin:0px !important; padding:20px; color:rgb(34, 34, 34); font-size:15px; line-height:1.6; -webkit-font-smoothing:antialiased; background:rgb(255, 255, 255)}

.votelog{display:inline-block; padding:2px 15px; background:#00b0a2; border-radius:23px; color:#fff; text-decoration:inherit}