@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-search {*zoom:1; max-width:1200px; margin:0 auto 20px;}
.board-search:after {content:" "; display:block; clear:both;}
.board-search .total-page {float:left; margin-top:18px; font-size:14px; line-height:22px; color:#878787;}
.board-search .total-page strong {font-family:500;color:#222}
.board-search .search {float:right;}
.board-search .search .select {min-width:120px; height:40px; background:#fafafa;}
.board-search .search .input {width:230px; height:40px; border-radius:5px;}
.board-search .search .btn-pack {padding:0 17px;height:40px;color:#fff;font-size:14px;line-height:38px;background:#3f85bc;border-color:#3f85bc;}


/* 리스트 */
.board-list {max-width:1200px; margin:0 auto; border-top:2px solid #3f85bc;}
.board-list .col {position:relative; border-bottom:1px solid #dfdfdf; padding:20px 0;}
.board-list .col:after {content:"";display:block;clear:both;}
.board-list .col a {display:block; width:100%; height:100%}
.board-list .col .number {position:absolute; top:50%; left:0; width:85px;text-align:center; font-size:12px; line-height:20px; margin-top:-10px; color:#2c2c2c;}
.board-list .col.notice {background:#fafafa}
.board-list .col.notice .number {font-size:14px; color:#fc4776;font-weight:500;}
.board-list .col .info {margin-left:85px;}
.board-list .col .info .title {font-size:16px; line-height:1.4em; color:#222; font-weight:500; margin-bottom:10px; transition: all 0.2s ease-in-out;}
.board-list .col .info .date {font-size:12px; line-height:1.4em; color:#878787; transition: all 0.2s ease-in-out;}
.board-list .col .more {position:absolute; top:50%; right:40px; width:16px; height:16px; margin-top:-8px; background:url('../images/bbs/more.png') 50% 50% no-repeat; transition: all 0.2s ease-in-out;}
.board-list .col a:hover .number {color:#fc4776}
.board-list .col a:hover .title {color:#fc4776}
.board-list .col a:hover .date {color:#fc4776}
.board-list .col a:hover .more {background-image:url('../images/bbs/more_hover.png');}
.board-list .col.none {padding:70px 0; text-align:center; font-size:14px; line-height:1.4em; color:#878787}
.board-list .bar {padding:0 10px;}
.board-list .reple {position:absolute; top:50%; right:80px; font-size:14px; line-height:20px; margin-top:-10px;letter-spacing:-.30px;}
.board-list .reple.end {color:#878787;}
.board-list .reple.ing {color:#fc4776;}
.board-list img {vertical-align:middle;}
.board-list .secret {padding-left:10px;}


.faq {max-width:1200px; margin:0 auto 38px; border-top:1px solid #e4e4e4;}
.faq li {border-bottom:1px solid #e4e4e4;}
.faq .tit {background:url("../images/bbs/faq_q.png") 25px 10px no-repeat;}
.faq .tit a {position:relative; display:block; padding:14px 80px 14px 80px; overflow:hidden; color:#747474; font-size:16px; font-weight:400; line-height:22px; text-decoration:none !important;}
.faq .tit .icon {position:absolute; top:15px; right:25px; width:20px; height:20px; background:url("../images/bbs/faq_off.png") 50% 50% no-repeat;}
.faq .cnt {display:none; position:relative; padding:14px 25px 14px 80px; background:#fff; color:#747474; font-size:16px; font-weight:300; line-height:22px;}
.faq .cnt .buttons {margin-bottom:0;}
.faq li.active .tit {background-color:#f5f5f5;}
.faq li.active .tit .icon {background-image:url("../images/bbs/faq_on.png");}
.faq .none {padding:70px 0; text-align:center; color:#999;}


/* 글작성 */
.board-write {max-width:1200px; border-top:2px solid #3f85bc; margin:0 auto;}
.board-write .group {position:relative; padding:9px 0 9px 110px; font-size:14px; line-height:35px; border-bottom:1px solid #eee; overflow:hidden;}
.board-write .group:last-child {border-color:#ddd;}
.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:14px; font-weight:400; 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;}
.cheditor-tb-wrapper {height:auto !important;}

/* 상세보기 */
.board-view {max-width:1200px; margin:0 auto;}
.board-view .head {border-top:2px solid #3f85bc;}
.board-view .head .tit {color:#2c2c2c; font-size:16px; text-align:center; font-weight:500; line-height:1.3em; padding:15px 15px; border-bottom:1px solid #ddd;}
.board-view .head .info {*zoom:1; padding:12px 15px; color:#767676; font-size:14px; 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 img {vertical-align:middle;}
.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 15px; border-bottom:1px solid #ddd;}
.board-view .body img {width:auto !important; height:auto !important; max-width:100%;}

/* 이전글,다음글 */
.prev_next {max-width:1200px; margin:0 auto; padding:3px 0; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}
.prev_next dl {width:100%; padding:6px 0 6px 0; overflow:hidden; clear:both;}
.prev_next dt {float:left; color:#333; padding:0 20px 0 10px; margin-right:20px;}
.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:30px auto;}
.buttons:after {content:" "; display:block; clear:both;}
.buttons .cen {text-align:center;}
.buttons .cen input[type=submit],.buttons .cen input[type=cancel],.buttons .cen button {*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:#fff;color:#4d4d4d;border:1px solid #ddd;border-radius:5px;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:#fc4776; border:1px solid #fc4776; color:#fff;}
.btn-pack.dark {background:#7e7e7e; border:1px solid #7e7e7e; color:#fff;}
.btn-pack.gray {background:#f7f7f7; border:1px solid #ddd; color:#9e9d9d;}
.btn-pack.medium {height:35px;padding:0 12px;line-height:33px;font-size:14px;}
.btn-pack.large {height:38px;padding:0 26px;line-height:35px;font-size:15px;}
.btn-pack.xlarge {height:45px;padding:0 30px;line-height:43px;font-size:16px;font-weight:400;}
.btn-pack.small {height:30px;padding:0 10px;line-height:28px;font-size:13px;}
.btn-pack.comment {width:110px; height:62px;padding:0;line-height:60px;font-size:18px;font-weight:400;}
.btn-pack.submit {width:110px;height:46px;background:#fc4776;border:1px solid #fc4776;color:#fff;font-size:16px;line-height:44px;font-weight:500;}
.btn-pack.cancel {width:110px;height:46px;background:#fff;border:1px solid #a6a7a7;color:#4d4d4d;font-size:16px;line-height:44px;font-weight:500;}
.btn-pack.apply {width:135px;height:40px;background:#fc4776;border-radius:10px;border:1px solid #fc4776;color:#fff;font-size:16px;line-height:38px;font-weight:500;}
.btn-map {display:inline-block; padding:0 15px; text-align:center; vertical-align:middle; color:#7b7b7b; font-size:14px; line-height:29px; text-decoration:none !important; border:1px solid #bbb; border-radius:4px;}
.btn-map:hover {color:#fff; background:#61b40e; border-color:#61b40e;}

/* 페이지목록 */
.paginate {margin:20px 0;text-align:center;line-height:normal;}
.paginate a,
.paginate strong{display:inline-block;zoom:1;*display:inline;position:relative;margin:0 20px;padding:0;font-size:18px;line-height:40px;color:#878787;text-decoration:none;vertical-align:middle;}  
.paginate strong{color:#3f85bc; font-weight:700;}
.paginate strong:after {content:"";position:absolute; bottom:0; left:0; width:100%; height:1px; background:#3f85bc}
.paginate a:hover {color:#3f85bc}
.paginate a.direction{padding:0; background-position:50% 50%; background-repeat:no-repeat; border-radius:50%; width:40px;height:40px; margin:0 4px;}
.paginate a.direction span {font-size:0;line-height:0;text-indent:-999px;}
.paginate a.direction.first {background-image:url("/images/bbs/btn_first.png");}
.paginate a.direction.prev {background-image:url("/images/bbs/btn_prev.png");}
.paginate a.direction.next {background-image:url("/images/bbs/btn_next.png");}
.paginate a.direction.last {background-image:url("/images/bbs/btn_last.png");}
.paginate a:hover.direction.first {background-color:#3f85bc; background-image:url("/images/bbs/btn_first_on.png");}
.paginate a:hover.direction.prev {background-color:#3f85bc; background-image:url("/images/bbs/btn_prev_on.png");}
.paginate a:hover.direction.next {background-color:#3f85bc; background-image:url("/images/bbs/btn_next_on.png");}
.paginate a:hover.direction.last {background-color:#3f85bc; background-image:url("/images/bbs/btn_last_on.png");}


/* 코멘트 */
.comment-area {max-width:1200px; margin:20px auto 0; padding:20px; background:#f7f7f7;}
.comment-list li {position:relative; padding:10px; border-bottom:1px dotted #d8d8d8;}
.comment-list li .info .name {font-size:13px; font-weight:500; color:#333;}
.comment-list li .info .date {font-size:11px; 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:11px; 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:100%; height:62px; background:#fff; border:1px solid #d8d8d8; 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:13px; font-weight:500; margin-right:10px;}

/* 문의 */
.mailform table {width:100%; border-collapse:collapse; border-spacing:0px; color:#454545; font-size:16px; border-top:2px solid #3f85bc;}
.mailform table thead th {padding:12px 15px; height:40px; border-bottom:1px solid #ddd; font-weight:500; background:#f6f6f6}
.mailform table tbody th {padding:12px 20px; color:#222; font-size:16px; line-height:1.4em; border-bottom:1px solid #ddd; background:#fafafa; font-weight:500}
.mailform table tbody td {padding:12px 20px; border-bottom:1px solid #ddd; color:#505050;}
.mailform img {vertical-align:middle;}
.mailform .bar {padding:0 10px;}
.required {color:#ff7777}

.form-agree {position:relative; margin-top:25px;}
.form-agree .txt-box {margin-bottom:10px;}
.form-agree .btn {position:absolute; top:10px; right:0; font-size:13px;}
.form-agree dt {color:#2c2c2c; font-size:20px; line-height:1.4em;font-weight:700; padding-left:33px; margin-bottom:10px; background:url('../images/sub/doc_dot.png') 0 3px no-repeat;}
.form-agree dd {padding:8px 0 0 0;}
.form-agree .scroll-box {height:100px; border:1px solid #d8d8d8; font-size:13px; line-height:18px; background:#fff; color:#505050; padding:10px; overflow:auto;}
.form-agree .check {text-align:center;}

.video-wrap {max-width:600px; margin:0 auto;}
.video-container {position:relative; height:0; padding-bottom:56.21%; overflow:hidden;}
.video-container iframe,
.video-container video {position:absolute; top:0; left:0; width:100%; height:100%;}

.agree {color:#666;}
.agree h4 {font-size:14px; font-weight:400; color:#444; margin:0 0 10px 0;}
.agree p {text-align:left; margin: 10px 0; font-size:14px;}
.agree dl {padding: 0 0 20px 0;}
.agree dt {font-weight:400;}
.agree dd {font-size:14px;}
.agree li {padding: 0 0 0 6px;}
.agree strong {font-weight:500;}
.agree .sub-law dt {font-weight:normal;}
.agree .policy-list {*zoom:1;}
.agree .policy-list:after {content:" "; display:block; clear:both;}
.agree .policy-list {padding:10px; background:#f9f9f9; border-top:1px solid #ddd; margin: 0 0 20px 0;}
.agree .policy-list li {float:left; width:50%; padding: 5px 15px 5px 15px; line-height:22px; box-sizing:border-box;}
.agree .policy-list span {color:#999999; font-size:14px;}
.agree .policy-list a {color:#666; font-size:14px;}
.agree .contact-info {*zoom:1; margin:20px 0;}
.agree .contact-info:after {content:" "; display:block; clear:both;}
.agree .contact-info li {float:left; width:45%; border:1px solid #aaa; padding:5px 15px; margin:0 10px 0 0; text-indent:0;}


.calendar {max-width:1200px; margin:0 auto;}
.calendar .head {position:relative; height:36px; margin-bottom:20px; text-align:center;}
.calendar .head span {font-size:24px; letter-spacing:-1px; color:#2c2c2c; font-weight:800;line-height:36px; margin:0 auto;  font-family: 'NanumSquare';}
.calendar .head .btn {position:absolute; top:0; display:inline-block; width:40px; border:1px solid #ddd; border-radius:5px; height:36px; font-size:0; line-height:0; text-decoration:none;}
.calendar .head .btn:hover {background-color:#3f85bc; border-color:#3f85bc;}
.calendar .head .btn-prev {left:50%; margin-left:-150px; background:url('../images/bbs/cal_bt_prev.png') 50% 50% no-repeat;}
.calendar .head .btn-next {right:50%; margin-right:-150px;background:url('../images/bbs/cal_bt_next.png') 50% 50% no-repeat;}
.calendar .head .btn-prev:hover {background-image:url('../images/bbs/cal_bt_prev_on.png')}
.calendar .head .btn-next:hover {background-image:url('../images/bbs/cal_bt_next_on.png')}
.calendar .body table {width:100%; border-collapse:inherit; border-spacing:0px; border-right:1px solid #ddd;}
.calendar .body table thead th {height:40px; font-size:14px; font-weight:500; color:#fff; background:#4a545c; border:1px solid #4a545c}
.calendar .body table thead th.sun {color:#fff;}
.calendar .body table thead th.week {color:#fff;}
.calendar .body table thead th.sat {color:#fff;}
.calendar .body table tbody td {padding:8px; position:relative; height:119px; vertical-align:top; border-left:1px solid #ddd;  border-bottom:1px solid #ddd;}
.calendar .body table tbody td .day {height:18px; font-size:14px; font-weight:500; line-height:normal; padding-bottom:4px;}
.calendar .body table tbody td.sun .day {color:#e51b1b;}
.calendar .body table tbody td.week .day {color:#2c2c2c;}
.calendar .body table tbody td.sat .day {color:#2c2c2c;}
.calendar .body table tbody td .day.none {color:#ccc !important;}
.calendar .body table tbody td.active {background:#f1f7fc;}
.calendar .body table tbody td.active:hover {background:#fff6f8; transition: all 0.2s ease-in-out; border:1px solid #fc4776; z-index:2}
/* .calendar .body table tbody td.active:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #fc4776; opacity:0;transition: all 0.2s ease-in-out; z-index:1}
.calendar .body table tbody td.active:hover:after {opacity:1;} */
.calendar .body table tbody td ul li {position:relative; color:#505050; padding:4px 0 4px 10px; font-size:14px; line-height:20px;font-weight:500; z-index:10}
.calendar .body table tbody td ul li:after {content:"";position:absolute; top:12px; left:0; width:5px; height:5px;background:#fc4776; border-radius:50%;}
.calendar .body table tbody td ul li a {display:block;}
.calendar .body table tbody td ul li a:hover {text-decoration:underline;}

.gallery-list {max-width:1200px; margin:0 auto; overflow:hidden;}
.gallery-list ul {display:flex; flex-wrap:wrap; margin:0 -22.5px;}
.gallery-list ul li {width:33.333%; padding:0 22.5px; margin-bottom:40px; box-sizing:border-box;}
.gallery-list ul li .thumb {position:relative; height:0; padding-bottom:56.25%; margin-bottom:10px; overflow:hidden;}
.gallery-list ul li .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain; transition:all 0.25s ease-in-out;}
.gallery-list ul li .thumb:after {content:"";position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #eee; box-sizing:border-box; transition:all 0.25s ease-in-out;}
.gallery-list ul li a:hover .thumb:after {border:5px solid #fc4776}
.gallery-list ul li a:hover .thumb img {transform:translate(-50%,-50%) scale(1.02,1.02); -ms-transform:translate(-50%,-50%) scale(1.02,1.02);}
.gallery-list ul li .info {position:relative; padding-right:100px;}
.gallery-list ul li .tit {font-weight:500; color:#222; font-size:16px; line-height:1.4em; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; transition:all 0.25s ease-in-out;}
.gallery-list ul li .date {position:absolute; top:0; right:0; font-size:12px; color:#878787; }
.gallery-list ul li a:hover .tit {color:#fc4776}
.gallery-list ul li.none {float:none; width:100%; padding:70px 0; text-align:center; font-size:15px; line-height:1.4em; color:#999}


.form-table table {width:100%; border-collapse:collapse; border-spacing:0px; color:#505050; font-size:16px; line-height:1.6em; border-top:2px solid #3f85bc;}
.form-table table thead th {padding:12px 15px; height:85px; border-bottom:1px solid #ddd; font-size:18px; font-weight:500; background:#fafafa}
.form-table table tbody td {padding:12px 15px; text-align:center; border-bottom:1px solid #ddd; color:#505050;}
.form-table .c-blue {color:#3f85bc}
.form-table .c-red {color:#cb1717}
.form-table a:hover {color:#3f85bc; text-decoration:underline;}