@charset "utf-8";

dl,dt,dd{margin:0;padding:0}
table caption {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font:0/0 Arial;}

/* Ä«Å×°í¸® */
.board-cate {margin-bottom:40px;}
.board-cate ul {*zoom:1; margin-left:1px;}
.board-cate ul:after {content:" "; display:block; clear:both;}
.board-cate ul li {float:left; position:relative; display:table; width:16.66666666%; margin-left:-1px;}
.board-cate ul li a {display:table-cell; width:100%; height:50px; padding:4px; color:#696969; font-size:18px; line-height:1.3em; text-align:center; vertical-align:middle; border:1px solid #dadada; border-bottom:1px solid #16c0c7;}
.board-cate ul li.active {z-index:2;}
.board-cate ul li.active a {color:#16c0c7; border:1px solid #16c0c7; border-bottom:1px solid #fff;}

/* °Ë»ö */
.board-search {*zoom:1; max-width:1200px; margin:0 auto 10px;}
.board-search:after {content:" "; display:block; clear:both;}
.board-search .total-page {float:left; margin-top:10px; font-size:15px; line-height:22px; color:#555;}
.board-search .search {float:right;}
.board-search .select {width:120px; background:#fafafa;}
.board-search .input {width:200px;}
.board-search .btn-pack {padding:0 24px; background:#555; font-size:14px; line-height:38px; border-color:#555; color:#fff;}

/* ¸®½ºÆ® */
.board-list {max-width:1200px; margin:0 auto;}
.board-list table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #868686;}
.board-list table thead th {height:50px; border-bottom:1px solid #ddd; background:#f5f5f5; color:#454545; font-size:16px; font-weight:400;}
.board-list table tbody td {padding:14px 0; border-bottom:1px solid #ddd; text-align:center; font-size:15px; line-height:20px; color:#525252;}
.board-list table tbody td.subject {text-align:left; padding-left:15px;}
.board-list table tbody td img {vertical-align:middle;}
.board-list table tbody td a {text-decoration:none; color:inherit; }
.board-list table tbody tr:hover td {background-color:#fafafa; }
.board-list .label {display:inline-block;zoom:1;*display:inline;color:#fff;background:#ff6000;font-weight:500;padding:0 6px;font-size:11px;line-height:20px;border-radius:2px;}
.board-list .comment {color:#ff6000;font-family:Tahoma;font-size:11px;}

.board-list-m {display:none; margin:0 -15px; border-top:1px solid #868686;}
.board-list-m li {padding:10px 15px; border-bottom:1px solid #ddd;}
.board-list-m li img {vertical-align:middle;}
.board-list-m li.none {padding:40px 0; text-align:center; color:#999;}
.board-list-m .label {display:inline-block;color:#fff;background:#ff6000;font-weight:500;margin-right:3px;padding:0 6px;font-size:11px;line-height:20px;border-radius:2px;}
.board-list-m .tit {font-size:15px; line-height:1.3em; margin-bottom:3px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.board-list-m .info {font-size:12px; line-height:1.3em; color:#888;}
.board-list-m .info .bar {margin:0 4px; font-family:arial,Sans-serif; color:#ddd;}

.gallery-list {max-width:1200px; margin:0 auto; padding-top:20px; border-top:1px solid #ddd; overflow:hidden;}
.gallery-list ul {*zoom:1; margin:0 -15px;}
.gallery-list ul:after {content:" "; display:block; clear:both;}
.gallery-list ul li {float:left; width:25%; padding:0 15px; text-align:center; font-size:16px; line-height:1.4em; margin-bottom:40px; box-sizing:border-box;}
.gallery-list ul li a {display:block; text-decoration:none;}
.gallery-list ul li .thumb {position:relative; height:0; padding-bottom:65.5%; margin-bottom:12px; overflow:hidden;}
.gallery-list ul li .thumb img {position:absolute; top:0; left:0; width:100%; height:100%;}
.gallery-list ul li.none {clear:left; float:none; width:100%; height:auto; padding:30px 15px 50px; text-align:center; color:#838383; font-size:15px; margin:0;}
.gallery-list ul li:nth-child(4n+1) {clear:left;}

.review-list {max-width:1200px; margin:0 auto; padding-top:20px; border-top:1px solid #ddd; overflow:hidden;}
.review-list ul {*zoom:1; margin:0 -25px;}
.review-list ul:after {content:" "; display:block; clear:both;}
.review-list ul li {float:left; width:25%; padding:0 25px; text-align:center; font-size:16px; line-height:1.4em; margin-bottom:40px; box-sizing:border-box;}
.review-list ul li a {display:block; text-decoration:none;}
.review-list ul li .thumb {position:relative; height:0; padding-bottom:137.5%; margin-bottom:12px; overflow:hidden;}
.review-list ul li .thumb img {position:absolute; top:0; left:0; width:100%; height:100%;}
.review-list ul li.none {clear:left; float:none; width:100%; height:auto; padding:30px 15px 50px; text-align:center; color:#838383; font-size:15px; margin:0;}
.review-list ul li:nth-child(4n+1) {clear:left;}

.event-list {max-width:1200px; margin:0 auto 50px; padding:0 65px; position:relative; text-align:center;}
.event-list .list ul:after {content:" "; display:block; clear:both;}
.event-list .list ul li {float:left;}
.event-list .list ul li a {display:table; width:100%; height:150px; background:#ebe9ee; color:#afafaf;}
.event-list .list ul li .cell {display:table-cell; width:100%; height:100%; vertical-align:middle; padding:2px;}
.event-list .list ul li.active a {background:#16c0c7; color:#fff;}
.event-list .list .date {margin-bottom:7px; font-size:28px; font-weight:700; line-height:1.4em;}
.event-list .list .tit {font-size:18px; font-weight:500; line-height:1.4em;}
.event-list .list .period {font-size:15px; font-weight:500; line-height:1.4em;}
.event-list .btn {position:absolute; top:0; width:60px; height:100%; background-color:#878787; background-position:50% 50%; background-repeat:no-repeat; cursor:pointer;}
.event-list .btn.btn-prev {left:0; background-image:url("../images/event/slide_prev.png");}
.event-list .btn.btn-next {right:0; background-image:url("../images/event/slide_next.png");}
.event-detail {max-width:1200px; margin:0 auto;}
.event-detail img {width:auto !important; height:auto !important; max-width:100%;}

/* ±ÛÀÛ¼º */
.board-write {max-width:1200px; border-top:1px solid #868686; border-bottom:1px solid #ddd; padding:5px 0; margin:0 auto;}
.board-write .group {position:relative; padding:9px 0 9px 110px; font-size:15px; line-height:32px; border-top:1px solid #eee; overflow:hidden;}
.board-write .group.first {border-top:0;}
.board-write .group.content {padding-left:0;}
.board-write .group img {vertical-align:middle;}
.board-write .title {position:absolute; left:8px; top:9px; width:95px; font-size:15px; color:#333;}
.board-write .files_table {width:100%; border-collapse:collapse; border-spacing:0px;}
.board-write .files_table td {padding:0 0 5px 0;}
.board-write .files_table input[type=file]{margin-right:10px;}

/* »ó¼¼º¸±â */
.board-view {max-width:1200px; margin:0 auto;}
.board-view .head {border-top:1px solid #868686;}
.board-view .head .tit {color:#333; font-size:17px; font-weight:400; line-height:1.3em; padding:13px 20px; background:#f7f7f7; border-bottom:1px solid #ddd;}
.board-view .head .info {*zoom:1; padding:13px 20px; color:#767676; font-size:15px; line-height:normal; border-bottom:1px solid #ddd;}
.board-view .head .info:after {content:" "; display:block; clear:both;}
.board-view .head .info .name {float:left;}
.board-view .head .info .date {float:left; border-left:1px solid #dedede; padding-left:10px; margin-left:10px;}
.board-view .head .info .hit {float:right;}
.board-view .head .info .hit strong {margin-right:5px;}
.board-view .head .info strong {color:#333; font-weight:400;}
.board-view .head .files {position:relative; text-align:right; padding:10px 0 0; font-size:13px;}
.board-view .head .files > a {text-decoration:none;}
.board-view .head .files .ico-down {vertical-align:middle; margin-left:4px;}
.board-view .head .files .num {color:#ff4e00;}
.board-view .head .files .fileLayer {display:none; position:absolute; top:32px; right:0; text-align:left; font-size:12px; line-height:24px; border:1px solid #f0f0f0; background:#f7f7f7; padding:9px 29px 9px 11px; z-index:5;}
.board-view .head .files .fileLayer a {display:block; text-decoration:none;}
.board-view .head .files .fileLayer .divClose {position:absolute; display:inline-block; top:5px; right:5px; line-height:0;}
.board-view .body {padding:20px 20px; border-bottom:1px solid #ddd;}
.board-view .body img {width:auto !important; height:auto !important; max-width:100%;}
.view-content img {width:auto !important; height:auto !important; max-width:100%;}

/* ÀÌÀü±Û,´ÙÀ½±Û */
.prev_next {margin:0 auto; padding:3px 0; font-size:15px; border-top:0px solid #ccc; border-bottom:0px solid #ccc;}
.prev_next dl { padding:6px 0 6px 0; overflow:hidden; clear:both;}
.prev_next dt {float:left; color:#333; }
.prev_next .prev {border-bottom:1px solid #eee;}
.prev_next .prev dt {background: url('/images/bbs/arrow_up.gif') 100% 50% no-repeat;}
.prev_next .next dt {background: url('/images/bbs/arrow_down.gif') 100% 50% no-repeat;}

/* ¹öÆ° */
.buttons {*zoom:1; max-width:1200px; margin:20px auto;}
.buttons:after {content:" "; display:block; clear:both;}
.buttons .cen {text-align:center;}
.buttons .cen .btn-pack {margin:0 2px;}
.buttons .fr {float:right;}
.buttons .fl {float:left;}
.buttons a {text-decoration:none;}
.buttons a,.buttons input {vertical-align:top;}

.btn-pack {display:inline-block;overflow:visible;position:relative;margin:0;padding:0 10px;background:#f6f6f6;color:#4d4d4d;border:1px solid #ddd;text-align:center;text-decoration:none !important;vertical-align:top;white-space:nowrap;cursor:pointer;outline:0;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.btn-pack.focus {background:#a2c319; border:1px solid #a2c319; color:#fff;}
.btn-pack.focus2 {background:#20567d; border:1px solid #20567d; color:#fff;}
.btn-pack.dark {background:#868686; border:1px solid #868686;  color:#fff;}
.btn-pack.medium {height:40px;padding:0 12px;line-height:38px;font-size:15px;}
.btn-pack.large {height:45px;padding:0 26px;line-height:43px;font-size:17px;}
.btn-pack.xlarge {height:54px;padding:0 40px;line-height:54px;font-size:16px;font-weight:500;}
.btn-pack.small {height:30px;padding:0 10px;line-height:28px;font-size:14px;}
.btn-pack.comment {width:110px; height:62px;padding:0;line-height:60px;font-size:18px;font-weight:400;}
.btn-pack.submit {width:180px;height:50px;line-height:46px;border:2px solid #16c0c7;background:#fff;color:#16c0c7;font-size:18px;font-weight:500;}
.btn-pack.cancel {width:180px;height:50px;line-height:46px;border:2px solid #a6a7a7;background:#fff;color:#4d4d4d;font-size:18px;font-weight:500;}

/* ÆäÀÌÁö¸ñ·Ï */
.paginate {margin:30px 0;text-align:center;line-height:normal;}
.paginate a,  
.paginate strong{display:inline-block;zoom:1;*display:inline;position:relative;width:36px;height:36px;border:1px solid #dbdbdb;margin:0 -3px;padding:0;font-size:14px;line-height:34px;color:#555;background-color:#fff;text-decoration:none;vertical-align:middle;}  
.paginate strong{color:#fff;border:1px solid #16c0c7;background:#16c0c7;}  
.paginate a.direction{padding:0; background-position:50% 50%; background-repeat:no-repeat;}
.paginate a.direction span {font-size:0;line-height:0;text-indent:-999px;}
.paginate a.direction.first {background-image:url("/cm/img/btn_prev.gif");}
.paginate a.direction.prev {background-image:url("/cm/img/btn_prev.gif");}
.paginate a.direction.next {background-image:url("/cm/img/btn_next.gif");}
.paginate a.direction.last {background-image:url("/cm/img/btn_next.gif");}

/* ÄÚ¸àÆ® */
.comment-area {max-width:1160px; margin:20px auto 0; padding:20px; background:#f7f7f7;}
.comment-list li {position:relative; padding:10px; border-bottom:1px dotted #ccc;}
.comment-list li .info .name {font-size:14px; font-weight:500; color:#333;}
.comment-list li .info .date {font-size:14px; font-family:Tahoma; color:#767676; margin:0 4px;}
.comment-list li .txt {color:#555; font-size:13px; line-height:18px; padding:4px 0 0 0;}
.comment-list li .controll {position:absolute; top:10px; right:10px; font-size:13px; color:#dddddd;}
.comment-list li .controll a {color:#767676; margin:0 4px;}
.comment-write .write {position:relative; height:70px; padding:0 120px 0 0;}
.comment-write .write textarea {width:99%; height:60px; background:#fff; border:1px solid #ccc; overflow-y:auto;}
.comment-write .btn {position:absolute; top:0; right:0;}

/* ºñ¹Ð¹øÈ£ */
.board-password {max-width:460px; text-align:center; margin:0 auto; background:url('/images/bbs/notice.png') 50% 22px no-repeat; padding:90px 10px 40px; border:7px solid #eee; border-radius:12px;}
.board-password dl dt {color:#333; font-size:16px; font-weight:500; padding-bottom:20px;}
.board-password dl dd label {color:#666; font-size:15px; margin-right:10px;}

/* ¹®ÀÇ */
.mailform table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #868686;}
.mailform table tbody th {padding:9px 25px; height:59px; color:#4d4d4d; text-align:left; font-size:16px; font-weight:400; border-bottom:1px solid #ddd;}
.mailform table tbody td {padding:9px 25px; font-size:15px; border-bottom:1px solid #ddd;}
.mailform img {vertical-align:middle;}
.form-agree {position:relative; margin-top:50px; margin-bottom:50px;}
.form-agree .btn {position:absolute; top:0; right:0; font-size:13px;}
.form-agree dt {font-size:16px; font-weight:500; color:#333; line-height:normal;}
.form-agree dd {padding:8px 0 0 0;}
.form-agree .scroll_box {height:100px; border:1px solid #ddd; font-size:14px; line-height:22px; background:#fafafa; color:#777; padding:10px; overflow:auto;}

/* ÀüÈÄ»çÁø */
.photo-view {position:relative; text-align:center; margin:0 0 8px; padding:0 100px;}
.photo-view .btn {position:absolute; top:50%; margin-top:-23px;}
.photo-view .prev {left:0;}
.photo-view .next {right:0;}

.photo-cate {margin:0 0 40px; text-align:center;}
.photo-cate a {display:inline-block; vertical-align:middle; width:95px; height:40px; background:#6c6c6c; color:#fff; font-size:17px; font-weight:500; line-height:40px; margin:0 2px; border-radius:5px;}
.photo-cate a.on {background:#16c0c7;}

.photo-detail {color:#656667; font-size:16px; line-height:1.4em; text-align:center; margin-bottom:70px;}

.photo-list {max-width:1200px; margin:0 auto; overflow:hidden;}
.photo-list ul {*zoom:1; margin:0 -12px;}
.photo-list ul:after {content:" "; display:block; clear:both;}
.photo-list ul li {float:left; width:20%; padding:0 12px; text-align:center; font-size:15px; line-height:1.4em; margin-bottom:25px; box-sizing:border-box;}
.photo-list ul li a {display:block; text-decoration:none;}
.photo-list ul li .thumb {position:relative; height:0; padding-bottom:60%; margin-bottom:10px; overflow:hidden;}
.photo-list ul li .thumb img {position:absolute; top:0; left:0; width:100%; height:100%;}
.photo-list ul li.active .thumb:after {content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:2px solid #16c0c7;}
.photo-list ul li.none {clear:left; float:none; width:100%; height:auto; padding:50px 15px; text-align:center; color:#838383; font-size:15px; margin:0;}
.photo-list ul li:nth-child(5n+1) {clear:left;}