/*이벤트*/
.board_box_list { }
.board_box_list .event_list { margin-left: -20px; overflow: hidden; *width:100%;margin-top: 0px }
.board_box_list .event_list li { float: left; width: 33.333%; margin-bottom: 40px; }
.board_box_list .event_list li:first-child { margin-left: 0 }
.board_box_list .event_list li dl { padding: 0%; margin-left: 20px; background: #fff; border: 1px solid #e5e5e5; position: relative; overflow: hidden }
.board_box_list .event_list li dl dt { position: relative; overflow: hidden; }
.board_box_list .event_list li dl dt img { margin: 0 auto; width: 100%; height: 100%; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.board_box_list .event_list li dl dt img:hover { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.board_box_list .event_list li dl dt img { max-height: 265px }
.board_box_list .event_list li dl dt p { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.board_box_list .event_list li dl dt p span { position: relative; width: 100%; height: 100%; display: inline-block }
.board_box_list .event_list li dl dt p img { width: 100%; height: 100%; }
.board_box_list .event_list li dl dd { padding: 25px 5%; overflow: hidden; line-height: 1em; position: relative }
.board_box_list .event_list li dl dd p { overflow: hidden; text-align: left; margin: 10px 0 0 0;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; line-height: 1em; height: 20px;}
.board_box_list .event_list li dl dd p.tit { width: 100%; font-size:1.1em  }
.board_box_list .event_list li dl dd p.port_con { white-space: normal; line-height: 1.4em; height: 2.8em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; font-size:0.9em; color:#5c5c5c;}
.board_box_list .event_list li dl dd p.date { border-top: 1px dashed #e5e5e5; padding-top: 10px; font-size:0.9em; color:#898989;}
.board_box_list .icon { position:absolute; top:0px; left:0px ; z-index:100000}
.board_box_list .icon  span{display:inline-block; width:45px; height:30px; border-radius:0px; line-height:30px; text-align:center; color:#fff; font-size:13px}
.board_box_list .icon .ev_ing {background:#3726b2; background:rgba(55,38,178,0.8);}
.board_box_list .icon .ev_end {background:#333;  background:rgba(51,51,51,0.8);}

.event_comment{ text-align:center; margin:0}

.nodata { padding: 20px; text-align: center; overflow: hidden; border: 1px solid #e5e5e5; border-right: 0; border-left: 0; line-height: 50px }

@media only screen and (max-width: 1000px) {
.board_box_list .event_list li { width: 33.333%; }
.board_box_list .icon { position:absolute; top:8px; left:8px ;}
.board_box_list .icon  span{display:inline-block; width:35px; height:35px; border-radius:35px; line-height:35px; text-align:center; color:#fff; font-size:11px}
}

@media only screen and (max-width: 860px) {
.board_box_list .event_list li { width: 50%; margin-bottom:20px }
.board_box_list .event_list li dl dd { padding: 15px 5%;}
.board_box_list .event_list a dl .tit { font-size: 1em; }
.board_box_list .event_list li a dl .tit { }
.board_box_list .event_list ul { margin-left: -10px; }
.board_box_list .event_list li { float: left; text-align: left; padding: 5px 0; }
.board_box_list .event_list li div { margin-left: 10px; background: #fff; }
}

@media only screen and (max-width: 480px) {
.board_box_list .event_list li { width: 100%;  }
}


/*이벤트뷰*/
.event_view{}
.event_view .event_title { border-top: 2px solid #000; }
.event_view .event_title dl { width: 100%; border-bottom: 1px solid #ccc; overflow: hidden; padding: 2% 0; }
.event_view .event_title dt { float: left; width: 70%; font-size:1.2em }
.event_view .event_title dd { float: right; width:30%; text-align:right ; color:#999 }

.event_view .view_contents { padding: 5% 0; border-bottom: 1px solid #ccc; text-align: center; width: 100%; }
.event_view .view_contents iframe { width: 100%!important; }
.event_view .view_contents iframe img { width: 100%!important; }
.event_view .view_contents img { height: auto!important; }
.event_view_all { color: #333; background: #fff; padding: 1% 0; margin: 2% auto; text-align: center; width: 200px; display: block;cursor:pointer ; border:1px solid #CCC}

@media only screen and (max-width: 640px) {
.event_view .event_title dt { width: 100%; }
.event_view .event_title dd {  width:100%; text-align:left ; }
}




/*댓글*/
.replay_area .comment_tit dl{ width:100%;border-bottom:1px solid #ccc; overflow:hidden; padding:1.5% 0;}
.replay_area .comment_tit dt{float:left; font-weight:600}
.replay_area .comment_tit dd{ float:right; width:80%; text-align:right; font-size:12px; color:#999  }

.replay_area .comment_input{ width:100%; padding:2% 0;  overflow:hidden;}
.replay_area .comment_input .text_box{float:left; width:85%;}
.replay_area .comment_input .text_box textarea{border:1px solid #ccc; width:100%; height:48px; padding:5px; -webkit-border-radius:0;}
.replay_area .comment_input .re_confirm {float:right; background:#454545; color:#fff; text-align:center; width:12%; height:60px; }
.replay_area .comment_input .re_confirm span{ display:block; line-height:58px}

.replay_area .re_edit{ width:100%; padding:1% 0; overflow:hidden}
.replay_area .re_edit .text_box{float:left; width:86%;}
.replay_area .re_edit .text_box textarea{border:1px solid #ccc; width:100%; height:48px; padding:5px; -webkit-border-radius:0;}
.replay_area .re_edit .re_confirm {float:right; background:#999; color:#fff; text-align:center; width:12%; height:60px;}
.replay_area .re_edit .re_confirm span{display:block; line-height:58px}

.comment_list {border-top:1px solid #dedede; margin-top:50px}
.comment_list li {position:relative; border-bottom:1px solid #dedede; padding:25px 0}
.comment_list p.info {padding-bottom:5px}
.comment_list p.info span.id {}
.comment_list p.info span.date { color:#666;  margin-left:20px; font-size:12px }
.comment_list p.info span.modify{ float:right}
.comment_list p.info span.modify .btn{ border:1px solid #CCC; margin-left:5px; display:inline-block }
.comment_list p.info span.modify .btn a{font-size:12px;  padding:0px 5px; display:inline-block; line-height:normal}
.comment_list p.ment { color:#555; }

@media only screen and (max-width: 670px) {
.replay_area .comment_input .text_box{width:76%;}
.replay_area .comment_input .re_confirm {width:20%; }
.replay_area .re_edit .text_box{width:76%;}
.replay_area .re_edit .re_confirm {width:20%; }
}

.comment_list p.info span.id .icon1{ background:url(../img/board/icon_reply_01.png) no-repeat left 50% ; width:25px; height: 18px; background-size:18px; display:inline-block; vertical-align:middle}
.comment_list p.info span.id .icon2{ background:url(../img/board/icon_reply_02.png) no-repeat left 50% ; width:25px; height: 18px; background-size:18px; display:inline-block; vertical-align:middle}

@media only screen and (max-width: 670px) {
.replay_area .comment_input .text_box{width:76%;}
.replay_area .comment_input .re_confirm {width:20%; }
.replay_area .re_edit .text_box{width:76%;}
.replay_area .re_edit .re_confirm {width:20%; }
}

.replay_replay{ position:relative}
.replay_replay p{ padding-left:15px;}
.replay_replay .icon_re{position:absolute; top:15px; left:0; color:#999}



/* paging */
/*pc*/
.bo_pagenate {text-align:center;  margin-top:30px; clear:both; }
@media only screen and (max-width: 1000px) {
.bo_pagenate { margin-top:10px; }
}
.bo_pagenate .paging { position:relative; display:inline-block;}
.bo_pagenate .paging:after {contnet:""; clear:both; display:block;}
.bo_pagenate .paging a {width:28px; height:28px; line-height:28px;}
.bo_pagenate .paging .first,.bo_pagenate .paging .prev,.bo_pagenate .paging .next,
.bo_pagenate .paging .end {float:left; vertical-align:top;  text-indent:-9999px; overflow:hidden; background:url('../img/board/icon_paging.png') no-repeat left top; border:1px solid #dbdbdb; margin-left:2px;}
.bo_pagenate .paging .first {margin-left:0;}
.bo_pagenate .paging .prev {background-position:-28px 0;}
.bo_pagenate .paging .next {background-position:-56px 0; margin-left:0;}
.bo_pagenate .paging .end {background-position:-84px 0;}
.bo_pagenate .paging ol {float:left; margin:0 10px;}
.bo_pagenate .paging ol li {float:left; margin-left:3px; display:inline-block}
.bo_pagenate .paging ol li:first-child {margin-left:0 !importfolioant; }
.bo_pagenate .paging ol li a {color:#666; text-align:center; display:block; border:1px solid transparent;}
.bo_pagenate .paging ol li a.on,
.bo_pagenate .paging ol li a:hover {border:1px solid #333; color:#333; font-weight:600;}

/*mobile*/
.bo_pagenate_mobile {text-align:center; height:30px; margin-top:10px; clear:both;  }
.bo_pagenate_mobile .paging { position:relative; display:inline-block;}
.bo_pagenate_mobile .paging:after {contnet:""; clear:both; display:block;}
.bo_pagenate_mobile .paging a {width:28px; height:28px; line-height:28px;}
.bo_pagenate_mobile .paging .first,.bo_pagenate_mobile .paging .prev,.bo_pagenate_mobile .paging .next,
.bo_pagenate_mobile .paging .end {float:left; vertical-align:top;  text-indent:-9999px; overflow:hidden; background:url('../img/board/icon_paging.png') no-repeat left top; border:1px solid #dbdbdb; margin-left:2px;}
.bo_pagenate_mobile .paging .first {margin-left:0;}
.bo_pagenate_mobile .paging .prev {background-position:-28px 0;}
.bo_pagenate_mobile .paging .next {background-position:-56px 0; margin-left:0;}
.bo_pagenate_mobile .paging .end {background-position:-84px 0;}
.bo_pagenate_mobile .paging ol {float:left; margin:0 10px;}
.bo_pagenate_mobile .paging ol li {float:left; margin-left:3px; display:inline-block; line-height:30px; color:#999; padding:0 5px}
.bo_pagenate_mobile .paging ol li:first-child {margin-left:0 !importfolioant; }
.bo_pagenate_mobile .paging ol li.on { color:#333; font-weight:600;}

.bo_pagenate{ display:block; overflow:hidden}
.bo_pagenate_mobile{ display:none}

@media only screen and (max-width: 500px) {
.bo_pagenate{display:none}
.bo_pagenate_mobile{  display:block}
.bo_pagenate_mobile .paging .first { display:none}
.bo_pagenate_mobile .paging .end { display:none}
}



/*버튼*/
.bo_btn{ position:relative; overflow:hidden; width:100%; padding:20px 0 }
.bo_btn:after{ }
.bo_btn a.color1 { display: inline-block;  padding:10px 20px; margin:0 2px; cursor: pointer;  line-height:20px;    background: #fff; color:#666; border: 1px solid #ccc ;font-weight:600; text-align:center; border-radius:5px }
.bo_btn a.color1:hover {border:1px solid #333; background:#333; color:#fff; }

.bo_btn a.list {  display: inline-block;  padding:10px 30px; margin:0; cursor: pointer;  line-height:20px;    background: #fff; color:#666; border: 1px solid #ccc ; text-align:center; border-radius:3px }
.bo_btn a.list:hover {border:1px solid #ccc; background:#ccc; color:#fff; }  /*상세목록보기버튼*/





/*1:1문의*/
.qna_callbn{  background:#2c8ecb; padding:0 ; width:100%; text-align:center}
.qna_form{width:100%;table-layout:fixed;}
.qna_form td {border-top: 1px solid #d4d4d4;border-bottom: 1px solid #d4d4d4 ;border-left: 1px solid #d4d4d4 ;}
.qna_form th{text-align:left;vertical-align:middle; min-height:30px;  border-top: 1px solid #d4d4d4;border-bottom: 1px solid #d4d4d4 ;border-right: 1px solid #d4d4d4 ;}
.qna_form th{padding: 10px 20px;   width:15%;}
.qna_form td{padding: 10px 20px; text-align:left;}
.qna_form td input[type=text], .qna_form td input[type=password]{padding: 0 5px;line-height:26px;height:28px;border:1px solid #d1d1d1;background:#f7f7f7; max-width:90%; color:#333; margin:3px 0}
.qna_form tr td input[type=checkbox], .qna_form tr td input[type=radio]{ margin-top:-2px}
.qna_form tr td textarea{max-width:90%; width:90%}
.qna_select{ width:150px}

.form_btn { clear:both; width:100%; text-align:center; padding:30px 0 ; margin:0; overflow:hidden} /* 폼버튼*/
.form_btn  .btn_color1, .form_btn  .btn_color2{width:100px; display:inline-block;  padding:13px 0; font-size:13px; font-weight:400; text-align:center;  line-height:12px; height:12px} 
.form_btn  .btn_color1 { background:#333;border:1px solid #333;color:#fff !important; }  
.form_btn  .btn_color2 { background:#FFF; border:1px solid #b1b1b1; color:#000 !important;} 

div.agree2{ padding:1em;background:#fff;border:1px solid #eee;}
div.agree2 div{overflow-y:scroll;height:90px;}
div.check2{margin:15px 0;vertical-align:middle}
div.check2 input{border:1px solid #888;}


@media all and (max-width:760px) {
.qna_form th{padding: 10px 10px;   width:20%;}
}

@media all and (max-width:480px) {
.qna_form{ border:1px solid #d4d4d4; }
.qna_form th, .qna_form td{display:block; width:90%; float:left ; min-height:0; padding:0 5%; border:0 }
.qna_form th{ border-bottom:0; padding-bottom:0; padding-top:7px;  padding-bottom:5px; margin-top:-1px}
.qna_form td{ border-top:0;  padding-top:0; padding-bottom:10px; margin-top:-1px}
}





/* FAQ */

.faq {width:100%; background:#fff; border-top:2px solid #333; }
.faq dl {}
.faq dl dt {border-bottom:1px solid #e6e6e6; padding: 18px 0 18px 18px; vertical-align:middle; background: url(../img/contents/arrow_down.png) 98.5% 50% no-repeat; background-size:18px; cursor:pointer;}
.faq dl dt:last-child {border-bottom:0;}
.faq dl dt a {width:100%; }
.faq dl dt .heading {font-weight:800; font-size:12px; vertical-align:middle; color:#3726b2; float:left; margin:0 20px 0 0;}
.faq dl dt p {padding:0 30px 0 0; }
.faq dl dd {border-bottom:1px solid #e6e6e6; padding: 18px 18px 18px 18px;}
.faq dl dd p {}
.faq dl dd {display:none; background: #f6f6f6;}