@charset "utf-8";

.bbs_skin{word-break: keep-all;}
/* 카테고리 */
.bbs_cate{margin: 0 0 30px 0;}
.bbs_cate:after{display:block;content:"";clear:both;}
.bbs_cate ul{display: flex;flex-wrap: wrap;column-gap: 10px;}
.bbs_cate li{margin: 5px 0;float:left;width:100%;}
.bbs_cate li a{display:block;padding:15px 0;text-align:center;background: #f2f5fa;color:#333;border-radius: 10px;border: 1px solid #f2f5fa;}
.bbs_cate li.on a{background:#fff;color: #003894;font-weight:400;border: 1px solid #003894;}
.bbs_cate li a:hover, .bbs_cate li a:focus{background:#003894;color: #fff;}
.bbs_cate .li_w100 li{width:100%;}

/* 검색 */
.bbs_search{text-align:center;border:1px solid #ccd7ea;padding: 20px 5px;margin:30px 0;}
.bbs_search *{vertical-align:middle;font-size: 14px;}
.bbs_search.right{text-align:right;border:0;padding:0;margin: 0;}
.bbs_search.right .form_txt{width:50%;}
.bbs_search .form_sel{width:20%;height:40px;border:1px solid #ccd7ea;}
.bbs_search .form_txt{width:40%;height:40px;padding:0 5px;border:1px solid #ccd7ea;}
.bbs_search .form_sm{cursor:pointer;width:20%;height:40px;background: #003894;color:#fff;}
.bbs_search .form_re{cursor:pointer;width:20%;height:40px;background: #555;color:#fff;}
.bbs_search .form_cancle{cursor:pointer;width:20%;height:40px;background: #555;color:#fff;}
.bbs_search .form_sm:hover, .bbs_search .form_sm:focus{background: #32497d;}
.bbs_search .input_cal{border:1px solid #ccd7ea;padding:8px 0;margin:2px 0;border-radius:5px;width:120px}

.bbs_search2{text-align:center;padding:20px;margin: 20px 0;border-radius: 20px;background: #f2f5fa;}
.bbs_search2 *{vertical-align:middle;font-size: 14px;}
.bbs_search2 .form_sel{width:20%;height:40px;border: none;border-radius:5px;vertical-align:middle;}
.bbs_search2 .input_cal{width: 75px;}
.bbs_search2 .form_txt{width:40%;height:40px;padding:5px;border-radius:5px;vertical-align:middle}
.bbs_search2 .form_sm{cursor:pointer;width:20%;height:40px;background: #2e3643;color:#fff;vertical-align:middle;border-radius: 5px;}
.bbs_search2 .form_sm:hover, .bbs_search2 .form_sm:focus{background:#555;}
.bbs_search2 .left{margin:0 0 10px 0}
.bbs_search2 .left span,.bbs_search2 .right span{display: block;padding-right: 5px;color: #111;line-height: 34px;}
.bbs_search2 .left form,.bbs_search2 .right form{display:inline-block}
.bbs_search2 .left .form_sel{width: 35%;}
.bbs_search2 .form_re{cursor:pointer;width:20%;height:40px;background: #003894;color:#fff;}
.bbs_search2 .form_cancle{cursor:pointer;width:20%;height:40px;background: #003894;color:#fff;}

.bbs_search3{text-align:center;margin: 0 0 15px 0;}
.bbs_search3 *{vertical-align:middle;font-size: 14px;}
.bbs_search3 .form_txt{width: 40%;height:40px;padding:0 5px;border:1px solid #ccd7ea;border-radius: 5px;}
.bbs_search3 .form_sm{cursor:pointer;width:20%;height:40px;background: #003894;color:#fff;border-radius: 5px;}
.bbs_search3 .form_sm:hover, .bbs_search3 .form_sm:focus{background: #555;}
.bbs_search3 .form_sel{min-width: 120px;height:40px;border:1px solid #ccd7ea;border-radius:5px;vertical-align:middle;width: 20%;}
.bbs_search3 .left{ text-align: left;}
.bbs_search3 .right{text-align: right;}
.bbs_search3 .form_re{cursor:pointer;width:20%;height:40px;background: #444;color:#fff;}
.bbs_search3 .form_cancle{cursor:pointer;width:20%;height:40px;background: #444;color:#fff;}

/* 페이징 */
.bbs_page{text-align:center;margin:25px 0}
.bbs_page a{display:inline-block;padding:10px 0 0 0;margin:2px 1px;background: #f2f5fa;width:40px;height:40px;border-radius: 5px;border: 1px solid #f2f5fa;}
.bbs_page a:hover, bbs_page a:focus{border-color:#666}
.bbs_page a.on{font-weight:bold;color:#fff;background: #2e3643;border: 1px solid #666;text-decoration:underline;}
.bbs_page .prev{width:40px;height:0;padding:38px 0 0 0;margin-right:10px;overflow:hidden;background: url("/images/together/common/bbs_ico.png") no-repeat center 0;border: 1px solid #ccd7ea;}
.bbs_page .prev2{width:40px;height:0;padding:38px 0 0 0;overflow:hidden;background: url("/images/together/common/bbs_ico.png") no-repeat center -40px;border: 1px solid #ccd7ea;}
.bbs_page .next{width:40px;height:0;padding:38px 0 0 0;margin-left:10px;overflow:hidden;background: url("/images/together/common/bbs_ico.png") no-repeat center -80px;border: 1px solid #ccd7ea;}
.bbs_page .next2{width:40px;height:0;padding:38px 0 0 0;overflow:hidden;background: url("/images/together/common/bbs_ico.png") no-repeat center -120px;border: 1px solid #ccd7ea;}

/* 버튼 */
.bbs_btn{text-align:right;margin:20px 0}
.bbs_btn a{display:inline-block;margin:0 3px 7px 3px;font-weight:400;border-radius: 5px;}
.bbs_btn .bbs_bt1{background:#f2f5fa;border: 1px solid #f2f5fa;padding: 10px 20px;}
.bbs_btn .bbs_bt1:hover, .bbs_btn .bbs_bt1:focus{background: #555;border-color:#555;color: #fff;}
.bbs_btn .bbs_bt2{background: #2e3643;color:#fff;padding: 10px 20px;}
.bbs_btn .bbs_bt2:hover, .bbs_btn .bbs_bt2:focus{background: #555;}
.bbs_btn .bbs_bt3{background:#fff;border:1px solid #ccd7ea;padding: 10px 20px;}
.bbs_btn .bbs_bt3:hover, .bbs_btn .bbs_bt3:focus{border-color:#333}
.bbs_btn input[type=submit]{margin:0 3px 7px 3px;font-weight:bold;background: #003894;color:#fff;height: 40px;padding: 0 20px;font-size:1em;cursor:pointer;border-radius: 5px;}
.bbs_btn input[type=submit]:hover, .bbs_btn input[type=submit]:focus{background:#555}
.btn_bbsw, .btn_bbsw:visited{margin:2px 0 2px 3px;background: #003894;border-radius:5px;border: 1px solid #555;font-size:14px;color: #fff;line-height:1.25em;white-space:nowrap;font-weight: bold;}
.btn_bbsw:hover, .btn_bbsw:focus{color:#fff;background:#555;border:1px solid #555}
button.btn_bbsw{padding:0 10px;height:40px}
a.btn_bbsw{display:inline-block;padding:10px 10px;height: 40px;}
.btn_bbsw.cancle, .btn_bbsw.cancle:visited{margin:2px 0 2px 3px;background: #666;border-radius:5px;border: 1px solid #787878;font-size:14px;color: #fff;line-height:1.25em;white-space:nowrap;font-weight: bold;}
.btn_bbsw.cancle:hover, .btn_bbsw.cancle:focus{color:#fff;background:#333;border:1px solid #333}

/* 뷰 */
.bbs_vtop{padding: 10px 0;}
.bbs_vtop h4{font-size: 24px;font-weight:normal;padding: 0;margin:0 0 15px 0;background:none;}
.bbs_vtop .col{padding-bottom:10px;text-align: right;border-bottom: 1px solid #ccd7ea;}
.bbs_vtop .col li{margin:0 0 3px 0;color:#555}
.bbs_vtop .col li:last-child{margin:0;}
.bbs_vtop .col strong{color: #333;}
.bbs_vtop .tt_list{border-top: 1px solid  #ccd7ea;}
.bbs_vtop .tt_list li{border-bottom: 1px solid #ccd7ea;display:table;width:100%;}
.bbs_vtop .tt_list strong{display:block;padding:10px;background: #f2f5fa;text-align:center;vertical-align:middle;}
.bbs_vtop .tt_list span{display:block;padding:20px 10px;text-align:center;vertical-align:middle;}
.bbs_vtable{width:100%;min-width:700px;border-top: 1px solid #ccd7ea;}
.bbs_vtable th, .bbs_vtable td{border-bottom: 1px solid #ccd7ea;padding:10px;}
.bbs_vtable th{background: #f2f5fa;}
/* 본문 */
.bbs_con{padding: 20px 10px;line-height:1.5em;font-size:16px;}
.bbs_con img{max-width:100%}
.bbs_img{text-align:center}
.bbs_img figcaption{text-align:center;color:#787878;margin:10px 0 0 0;font-size:0.9em;}
.bbs_filedown{background: #f2f5fa;padding:15px;border-radius: 10px;margin-bottom: 20px;}
.bbs_filedown span{display:block;}
.bbs_filedown a{vertical-align:middle;}
.bbs_filedown a:first-child{margin:0}
.bbs_filedown .ico_file{margin-left: 15px;}
.bbs_filedown .ico_file:before{content:"";display:inline-block;width: 14px;height: 20px;background: url("/images/together/common/bbs_ico.png") no-repeat center -290px;margin-right:5px;}
.bbs_filedown .ico_file:hover, .bbs_filedown .ico_file:focus{text-decoration:underline}
.bbs_filedown .ico_viewer{display:inline-block;width:25px;height:0;padding:25px 0 0 0;margin-left:5px;overflow:hidden;border-radius:100%;background: url(/images/together/common/bbs_ico.png) no-repeat center -368px #003894;}
.pagelist {border-top:1px solid  #ccd7ea;}
.pagelist li{border-bottom:1px solid  #ccd7ea;}
.pagelist ul li strong{display:block;padding:10px;background: #f2f5fa;text-align:center;vertical-align:middle;}
.pagelist ul li span{display:block;padding:20px 10px;text-align:left;vertical-align:middle}
.pagelist ul li span a:hover,.pagelist ul li span:focus{text-decoration:underline;}

/* 댓글 */
.bbs_re{margin:30px 0}
.bbs_re li{padding:20px;margin: 10px 0;border-radius: 10px;box-shadow: 0 0 10px #f2f5fa;background: #fff;}
.bbs_re li div{line-height:1.5em}
.bbs_re li strong{display:block;margin-bottom:5px;color:#111;}
.bbs_re .bbs_btn{margin: 10px 0 0;}
.re_write{margin-bottom:20px}
.re_write h3{margin-bottom:10px}

.re_form{overflow:hidden}
.re_form textarea{float:left;width:100%;height:60px;background: #fafafa;border:none;padding:10px;border-radius: 5px;font-weight: 300;}
.re_form input{float:right;width:100%;background: #003894;font-weight:400;color:#fff;padding:10px 15px;margin-top:5px;border-radius: 5px;cursor: pointer;}
.re_form input:hover, .re_form input:focus{background:#555;}

/* 답변 */
.bbs_reply{background: #fff;border: 5px solid #f2f5fa;padding:20px;margin-top:30px;border-radius: 10px;}
.bbs_reply .bbs_vtop{border:none;padding-top:0}
.bbs_reply h4{color:#111;font-size: 20px;}
.bbs_reply h4 strong{color: #d0121b;}

/* 쓰기 */
.bbs_write {width: 100%;margin: 10px 0;border-top: 2px solid #333;}
.bbs_write th,
.bbs_write td {padding:10px;border: 1px solid #ccd7ea;border-top: none;vertical-align: middle;font-size: 16px;text-align: center;line-height: 1.5em;display:block;word-break: keep-all;}
.bbs_write th {background: #f2f5fa;border:none}
.bbs_write td{padding:10px 20px 30px 20px}
.bbs_write td * {vertical-align: middle;}
.bbs_write input{border:1px solid #ccd7ea;padding:9px 0;margin:2px 0;border-radius: 5px;}
.bbs_write input[type=checkbox]{width:20px; height:20px; border-radius:5px}
.bbs_write input[type=radio]{width:20px; height:20px; border-radius:5px}
.bbs_write input[type=file]{padding:0;height: 25px;}
.bbs_write .bw_file{margin: 2px 0;}
.bbs_write .bw_file input{padding: 0;height: 25px;width: 100%;font-size: 14px;}
.bbs_write .bw_file .memoarea{display: block;}
.bbs_write .bw_file .memoarea em{background: url("/images/together/common/bbs_ico.png") no-repeat -10px -250px;padding-left: 21px;font-style: normal;display: inline-block;}
.bbs_write td .ggong ul li{margin: 9px 0;line-height: 35px; color: #666;}
.bbs_write td .ggong ul li img{height: 35px;padding-right: 10px;}
.bbs_write textarea{border:1px solid #ccd7ea;border-radius: 5px;}
.bbs_write select{border:1px solid #ccd7ea;padding:7px 0;margin:2px 0;color: #333;border-radius: 5px;}
.bbs_write td label{margin:0 20px 0 0}
.bbs_write a span{display:inline-block;vertical-align:middle;margin:0 5px}
.bbs_write a span.cke_button_label{display: none;}

.txt_cm{display:block;background: url("/images/together/common/bbs_ico.png") no-repeat -6px -168px;padding-left: 29px;padding-bottom: 5px;text-align: left;}

/* 그 외 공통 */
.bbs_total{margin:10px 0}
.bbs_total strong{color: #003894;vertical-align:bottom;}
.bbs_comment{margin:15px 0}
.adm_check{width:20px;height:20px;}
.w_star{color:#d0121b;vertical-align:middle}
.input_wss{width:40px}
.input_ws{width:100px !important}
.input_wm{width: 170px;}
.input_wl{width:90%}
.input_wf{width:95%}
.input_h{width: 40%;}
.input_cal{background:url("/images/together/common/bbs_ico.png") no-repeat -4px -202px #fff;padding-left:32px !important;width: 100px;}

/* 기본형 목록 */
.bbs_list{width:100%;border-top:2px solid #444}
.bbs_list li{border-bottom:1px solid #ccd7ea;line-height:1.25em}
.bbs_list li a{display:block;padding:25px 0}
.bbs_list li:hover{background:#f2f5fa}
.bbs_list li strong{display:block;font-weight:normal;color:#111;font-size:20px;line-height:1.5em}
.bbs_list span{display:inline-block;vertical-align:middle;margin:0 5px}
.bbs_list .txt{display:block;line-height:1.5em;color:#444;margin:10px 0}
.bbs_list .info{display:block;font-style:normal;font-size:14px;color:#787878}
.bbs_list .info span{width:1px;height:6px;background:#ccd7ea;margin:0 10px}
.bbs_list .ico_notice{color:#d0121b;font-style:normal;margin-right:5px}
.bbs_list .ico_file{width:14px;height:0;padding: 20px 0 0 0;overflow:hidden;background: url("/images/together/common/bbs_ico.png") no-repeat center -290px;}
.bbs_list .ico_secret{width: 16px;height:0;padding: 20px 0 0 0;overflow: hidden;background: url("/images/together/common/bbs_ico.png") no-repeat center -330px;}
.bbs_list .list_none{text-align:center;padding:30px 0}
/* 관리자 */
.adm_list li{position:relative}
.adm_list li a{width:85%;margin:0 0 0 15%}
.adm_list .adm_check{position:absolute;top:30px;left: 10px;}

/* 기본형 테이블 */
.bbs_table {width: 100%;min-width:800px;margin: 10px 0;border-top: 2px solid #2e3643;}
.bbs_table .ico_notice{color:#d0121b;font-style:normal;font-weight:bold;margin-right:5px}
.bbs_table .ico_file{width:13px;height:0;padding:12px 0 0 0;overflow:hidden;background:url("/images/together/common/bbs_ico.png") no-repeat center -280px}

.bbs_table .ico_secret{width:11px;height:0;padding:15px 0 0 0;overflow:hidden;background:url("/images/together/common/bbs_ico.png") no-repeat center -320px}
.bbs_table th, .bbs_table td {padding: 8px 10px;border: 1px solid #ccd7ea;border-top: none;vertical-align: middle;text-align: center;font-size: 16px;line-height: 1.5em;}
.bbs_table tr:hover {background: #fffee0;}
.bbs_table th {background: #f2f5fa;}
.bbs_table td.tit {text-align: left;}
.bbs_table td.tit a:hover, .bbs_table td.title a:focus {text-decoration: underline;}

.bbs_list2 .bbs_table td.notice {color: #d0121b;}
.bbs_list2 .bbs_table td.title {text-align: left;}
.bbs_list2 .bbs_table td.title a:hover, .bbs_table td.title a:focus {text-decoration: underline;}
@media all and (max-width:1023px){
.bbs_list2 .bbs_table {width: 100%; min-width: auto;}
.bbs_list2 .bbs_table colgroup{display: none;}
.bbs_list2 .bbs_table thead {display: none;}
.bbs_list2 .bbs_table tbody tr {display: block;border-bottom: 1px solid #ccd7ea;padding: 10px; font-size: 0;}
.bbs_list2 .bbs_table td {display: inline-block; padding: 0; font-size: 16px; border: none;}
.bbs_list2 .bbs_table td:after {width:1px;height:10px;margin:0 8px;background:#ccc;display:inline-block;content:""}
.bbs_list2 .bbs_table td.notice:after, .bbs_list2 .bbs_table td.title:after, .bbs_list2 .bbs_table td:first-child:after, .bbs_list2 .bbs_table td:last-child:after {display: none;}
.bbs_list2 .bbs_table [data-cell-header]:before{display:inline-block;content:attr(data-cell-header);color:#333;}
.bbs_list2 .bbs_table .title[data-cell-header]:before, .bbs_list2 .bbs_table .notice[data-cell-header]:before, .bbs_list2 .bbs_table td[data-cell-header]:first-child:before {display: none;}
.bbs_list2 .bbs_table td.title{display: block;padding:10px 0;margin:0 0 10px;border-bottom:1px dashed #ddd;font-size:1.2rem;text-alin: left;}
.bbs_list2 .bbs_table td.title a{display: block;font-weight: 400;color: #111;}
.bbs_list2 .bbs_table td.nofile{display: none;}
.bbs_list2 .bbs_table td.title a:hover, .bbs_list2  .bbs_table td.title a:focus {text-decoration: underline;}
}
@media all and (min-width:1024px){
.bbs_list2 .bbs_table td.title a{display: block;width: 90%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;font-weight: 400;color: #111;}
}

/* 사진-리스트 */
.photo_list li{margin:0 0 20px 0;text-align:center}
.photo_list li a{display:block}
.photo_list li a:hover, .photo_list li a:focus{background:#f6f7f8}
.photo_list .img{display:block;overflow:hidden;position:relative;background: #f2f5fa;}
.photo_list .img img{width:100%;}
@media all and (min-width:500px){
.photo_list .img img{width:auto;height:225px;}
}
.photo_list .date{display:block;border:1px solid #dde1e4;border-top:none;padding:20px 10px;color:#666}
.photo_list strong{display:block;font-size: 17px;color:#333;margin-bottom:5px;width: 100%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.photo_list .list_none{width:100%;text-align:center;padding:30px 0;border-top:1px solid #ccd7ea;border-bottom:1px solid #ccd7ea}
.photo_list .adm_check {margin:15px auto}

/* 사진-뷰 */
.photo_view .img_view{margin:30px 0 0 0}
.photo_view .img_big img{max-width:100%}
.photo_view .img_list{overflow:hidden;height: 78px;position:relative;border-top: solid 1px #ccd7ea;border-bottom: solid 1px #ccd7ea;}
.photo_view .img_list button{width:40px;height:0;padding:40px 0 0 0;overflow:hidden;position:absolute;top:17px;border:1px solid #ccd7ea;background:url("/images/together/common/bbs_ico.png") no-repeat}
.photo_view .img_list button:hover, .photo_view .img_list button:focus{border-color:#666}
.photo_view .img_list .prev{background-position:0 0;left:0}
.photo_view .img_list .next{background-position:0 -80px;right:0}
.photo_view .img_list ul{overflow:hidden;width:65%;margin:0 auto;position: relative;}
.photo_view .img_list li{float:left;width:50%;text-align:center;margin: 10px 0 50px;}
.photo_view .img_list li img{border:3px solid #fff}
.photo_view .img_list li.on img{border: 3px solid #555;}
.photo_view .img_list img{height:50px}
.photo_view .img_list li span{display: block;position: absolute;width: 100%;font-size: 13px;color: #666;padding: 10px 0 0 0;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;left: -999999px;}



/* 영상-목록 */
.video_list{border-top:2px solid #555;border-bottom:1px solid #ccd7ea}
.video_list ul{overflow:hidden}
.video_list li{float:left;width:100%;text-align:center;overflow: hidden;}
.video_list li:hover a,.video_list li:focus a{text-decoration:underline;}
.video_list li a{display:block;margin:20px 0}
.video_list li img{width:100%;height: 100%;}
@media all and (min-width:500px){
.video_list li img{width:auto;height:225px;}
}
.video_list li span{display:block;color: #666;margin-top: 10px;}
.video_list li .video_w{background: #666;text-align: center;height: 220px;position: relative;}
.video_list li .video_w:before{background:url("/images/together/common/icon_play.png") no-repeat center center;width:57px;height:57px;display:block;content:'';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.video_list li strong{display:block;color:#333;font-size: 17px;margin: 0 0 5px 0;width: 100%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.video_list .adm_check{margin:0 0 15px 0}
.video_list .list_none{width:100%;text-align:center;padding:30px 0;border-bottom:1px solid #ccd7ea}

/* 영상-뷰 */
.video_view{padding:20px 0;border-bottom: 1px solid #ccd7ea;}
.video_view .vid_area{width:100%;background:#f2f5fa}
.video_view .vid_text{padding: 0 20px 20px;margin:10px 0;height:100px;border: 1px solid #ccd7ea;background: #f2f5fa;overflow-y:auto;}
.video_view .vid_text .tit{text-align:center;color: #333;font-size: 17px;font-weight: bold;padding: 10px 0;border-bottom: solid 1px #ccd7ea;margin-bottom: 13px;}

/* 뉴스형 */
.news_list{width:100%;border-top:2px solid #555}
.news_list li{border-bottom:1px solid #ccd7ea;line-height:1.25em;position: relative;padding: 0 10px;}
.news_list li a{display:block;padding: 25px 0}
.news_list li:hover{background:#f3f7f8}
.news_list li strong{display:block;font-weight:normal;color:#333;font-size:20px;line-height:1.5em}
.news_list span{display:inline-block;vertical-align:middle;margin:0 5px}
.news_list .txt{display:block;line-height:1.5em;color:#555;margin:10px 0}
.news_list .info{display:block;font-style:normal;font-size:14px;color:#787878}
.news_list .info span{width:1px;height:6px;background:#ccd7ea;margin:0 10px}
.news_list .ico_notice{color:#d0121b;font-style:normal;margin-right:5px}
.news_list .ico_file{width:13px;height:0;padding:12px 0 0 0;overflow:hidden;background:url("/images/together/common/bbs_ico.png") no-repeat center -280px}
.news_list .ico_secret{width:11px;height:0;padding:15px 0 0 0;overflow:hidden;background:url("/images/together/common/bbs_ico.png") no-repeat center -320px}
.news_list .list_none{text-align:center;padding:30px 0}
.news_list .img{display:block;width:100%;margin:0 auto 10px auto}

/* 달력-기본형 */
.bbs_calender{margin:30px 0;}
.bbs_calender .calender p{text-align:center;line-height:1em;font-size:36px;color:#333;margin:0 0 20px 0;position:relative}
.bbs_calender .calender p *{vertical-align:middle}
.bbs_calender .calender p em{font-style:normal;font-weight:bold}
.bbs_calender .calender p strong{color:#003894;font-weight:bold}
.bbs_calender .calender p button{width: 31px;height:0;padding:38px 0 0 0;overflow:hidden;position:absolute;top: 5px;}
.bbs_calender .calender p .prev{background: url("/images/together/common/cal_prev.png") no-repeat;left:7%;}
.bbs_calender .calender p .next{background: url("/images/together/common/cal_next.png") no-repeat;right:7%;}
.bbs_calender table{width:100%;margin:0 0 20px 0}
.bbs_calender th, .bbs_calender td{border:1px solid #ccd7ea;width:14%;text-align:center}
.bbs_calender th{border-top: 2px solid #444;background: #f2f5fa;color: #444;padding:15px 0;}
.bbs_calender td{padding: 14px 0;position:relative;}
.bbs_calender td.sat a{color: #003894;}
.bbs_calender td.sun a{color:#d0121b}
.bbs_calender td.have{background: #003894 !important;}
.bbs_calender td.have a{color:#fff !important; }
.bbs_calender td.today{background: #e7f0ff;}
.bbs_calender td.today a{color: #444;}
.bbs_calender td.on a:after{content:"";display:block;position:absolute;top:0;bottom:0;right:0;left:0;z-index:0;border: 2px solid #003894;}
.bbs_calender .tab{overflow:hidden}
.bbs_calender .tab li{float:left;width:25%;text-align:center}
.bbs_calender .tab li a{display:block;border:1px solid #333;background:#fff;color:#333;padding:10px 0;margin:0 0 0 1px}
.bbs_calender .tab li.on a{background:#333;color:#fff}
.bbs_calender .info div{background: #f2f5fa;padding:20px;margin:10px 0 0 0;}
.bbs_calender .info div h4{margin:0 0 15px 0;font-size:20px}
.bbs_calender .info div li{line-height:1.75em;font-size:16px;padding:0 0 0 10px;background:url("/images/common/li01.png") no-repeat 0 10px}

/* 달력-테이블 */
.bbs_calender2{margin: 30px 0;}
.bbs_calender2 p{text-align:center;line-height:1em;font-size:36px;color:#333;margin:0 0 20px 0;position:relative}
.bbs_calender2 p *{vertical-align:middle}
.bbs_calender2 p em{font-style:normal;font-weight:bold}
.bbs_calender2 p strong{color:#003894;font-weight:bold}
.bbs_calender2 p button{width: 31px;height:0;padding: 33px 0 0 0;overflow:hidden;position:absolute;top: 5px;}
.bbs_calender2 p .prev{background: url("/images/together/common/cal_prev.png") no-repeat;left:7%;}
.bbs_calender2 p .next{background: url("/images/together/common/cal_next.png") no-repeat;right:7%;}
.bbs_calender2 table{width:100%;min-width:708px;margin:0 0 20px 0}
.bbs_calender2 th, .bbs_calender2 td{border:1px solid #ccd7ea;width:14%}
.bbs_calender2 th{border-top: 2px solid #444;background: #f2f5fa;color: #444;padding:15px 0;}
.bbs_calender2 td{padding:10px;text-align:left;height:80px}
.bbs_calender2 td.sat a{color:#003894}
.bbs_calender2 td.sun a{color:#d0121b}
.bbs_calender2 td.today{background: #e7f0ff;}
.bbs_calender2 td a:hover,.bbs_calender2 td a:focus{text-decoration:underline}
.bbs_calender2 td a span{display:block;line-height:1.25em;color:#555;margin-top:7px}
.bbs_calender2 td li{margin-top:5px;line-height:1.25em;padding:0 0 0 10px;background:url("/images/common/li01.png") no-repeat 0 4px}
.bbs_calender2 td li a{color:#555}

/* 설문조사 */
.ch_search .left{ border-bottom: solid 1px #ccd7ea;padding-bottom: 20px;}
.ch_search .left ul li{width: 33.3333%;float:left;}
.ch_search .left ul li input[type=checkbox]{width: 20px;height: 20px;}
.ch_search .left:after{display:block; content:''; clear:both; }
.align{margin-bottom:10px;}
.align strong{padding-top:7px; display:inline-block;}
.align button.end{background:#666; border:solid 1px #ddd}
.align button.ing{background: #d0121b;border: solid 1px #e07272;}
/* list */
.enquete_list{width:100%;border-top:2px solid #555}
.enquete_list li{border-bottom:1px solid #ccd7ea;line-height:1.5em;padding:25px 0}
.enquete_list li:hover{background:#f2f5fa}
.enquete_list li *{vertical-align:middle}
.enquete_list li strong{font-weight:normal;color:#333;font-size:20px;line-height:1.5em}
.enquete_list li>span{display:block;padding:7px 0;width:70px;color: #555;line-height:1em;font-size:14px;background:#fff;border: 1px solid #555;border-radius:5px;text-align:center;}
.enquete_list li .close{border: solid 1px #f2f5fa;color: #333;background: #ccd7ea;}
.enquete_list li em{display:block;font-style:normal;color:#666;margin-top:10px;line-height: 19px;}
.enquete_list li em i{font-style:normal;color: #003894;display: inline-block;padding-left: 5px;margin-top: -3px;}
.enquete_list li p{margin:10px 0 0 0}
.enquete_list li p a{display:inline-block;padding:10px 20px;margin:0 10px 0 0;color:#fff;border-radius:3px}
.enquete_list li p a.join{background: #008a76;}
.enquete_list li p a.join:hover{background:#555}
.enquete_list li p a.result{background: #003894;}
.enquete_list li p a.result:hover{background:#555}
.enquete_list li p span.end{display:inline-block;padding:10px 20px;margin:0 10px 0 0;color:#fff;border-radius:3px;background: #666;}
.enquete_list .list_none{text-align:center;padding:30px 0;border-bottom:1px solid #ccd7ea}
.enquete_list .adm_check{width:20px;height:20px;margin:5px}
/* view */
.enquete_view .bbs_vtop .col {border-bottom: none;}

.enquete_view .basic_box{margin-top: 0;}
.enquete_view h5{background:#f2f5fa;padding:15px;margin: 0 0 10px 0;border:1px solid #ccd7ea;font-size:16px;line-height:1.5em;border-radius: 5px;}
.enquete_view .qbox>div{margin:0 0 40px 0}
.enquete_view .qbox>div.group{padding: 20px;border: solid 5px #ccd7ea;border-radius: 20px;}
.enquete_view .qbox>div .img {text-align: center;}
.enquete_view .qbox li{line-height:1.5em;padding: 0 0 0 14px;margin: 0 0 10px 4px;background: url("/images/together/common/li01.png") no-repeat 0 9px;vertical-align: middle;position: relative;}
.enquete_view .qbox li strong{display: block;}
.enquete_view .qbox li .stick{text-align: left;display: block;width: calc(100% - 80px);background: #fafafa;height: 25px;border-radius: 5px;overflow: hidden;}
.enquete_view .qbox li .stick i{background:#ccd7ea;font-style:normal;height: 100%;width: 100%;float: left;border-radius: 5px;box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.enquete_view .qbox li .stick span{position: absolute;right: 0;font-size: 14px;}
.enquete_view .qbox li .stick span em{font-style:normal;font-weight: bold;color: #1f6fc5;}
.enquete_view .qbox li:nth-child(1) .stick i{background: #2261e1;}
.enquete_view .qbox li:nth-child(2) .stick i{background: #eb6a22;}
.enquete_view .qbox li:nth-child(3) .stick i{background: #533ef7;}
.enquete_view .qbox li:nth-child(4) .stick i{background: #5eeba4;}
.enquete_view .qbox li:nth-child(5) .stick i{background: #ffc522;}
.enquete_view .qbox li:nth-child(6) .stick i{background: #eb4068;}
.enquete_view .qbox li:nth-child(7) .stick i{background: #c5d920;}
.enquete_view .qbox li:nth-child(8) .stick i{background: #ff986e;}
.enquete_view .qbox li:nth-child(9) .stick i{background: #43b1ff;}
.enquete_view .qbox li:nth-child(10) .stick i{background: #ff6fcc;}
.enquete_view .qbox li:nth-child(11) .stick i{background: #203cc7;}
.enquete_view .qbox li ul{margin:10px 0}
.enquete_view .qbox li li{padding:0 0 0 10px;background: url("/images/together/common/li02.png") no-repeat 0 12px;}
.enquete_view .qbox li.li_none{background:none;padding:0}
.enquete_view .in_txt{width:100%;border:1px solid #ccd7ea;padding:9px 0;vertical-align:middle;box-sizing:border-box;border-radius: 5px;}
.enquete_view .in_txta{width:100%;height:50px;border:1px solid #ccd7ea;padding:9px 0;vertical-align:middle;box-sizing:border-box;border-radius: 5px;}
.enquete_view .qcoment{font-size:14px;line-height:1.5em;margin:0 0 10px 0;border: dashed 1px #ccd7ea;padding: 10px;border-radius: 5px;}

.over_table{overflow-x:auto;padding-top:8px;position:relative;}
.over_table:before{content:"";display:block;width:40px;height:40px;background:url("/images/common/bbs_scroll_icon.png") no-repeat 0 0;position:absolute;top:0;animation:scrollImage 2s linear infinite}

/* Tablet */
@media all and (min-width:768px) {

.bbs_cate li{width:calc((100% - 30px)/4);}
.bbs_cate .li_w100 li{width:calc((100% - 10px)/2);}

.bbs_search .form_sel{width:auto}
.bbs_search .form_txt{width: 160px;}
.bbs_search.right .form_txt{width:250px;}
.bbs_search .form_sm,.bbs_search .form_cancle,.bbs_search .form_re{width: 75px;}
.bbs_search2 .form_sm,.bbs_search2 .form_cancle,.bbs_search2 .form_re{width:75px}
.bbs_search3 .form_sm,.bbs_search3 .form_cancle,.bbs_search3 .form_re{width:75px}
.bbs_search .m_blind{display:inline-block}
.bbs_search select{display:inline;width:20%}
.bbs_search .input_tit{width:50%}

.bbs_search2{overflow:hidden;padding: 25px 5px;}
.bbs_search2 .left{float:left;margin: 0 0 10px 0;width: 100%;text-align: center;}
.bbs_search2 .right{text-align: center;width: 100%;}
.bbs_search2 .form_sel{width:70px}
.bbs_search2 .form_txt{width: 170px;}
.bbs_search2 .form_sm{width:70px}
.bbs_search2 .left .form_sel{width:auto}
.bbs_search2 .input_cal{width:120px;}
.bbs_search2 .left span, .bbs_search2 .right span{display:inline-block}

.bbs_search3{overflow:hidden;padding: 15px 5px;margin: 0;}
.bbs_search3 *{vertical-align:middle}
.bbs_search3 .form_sel{width: 120px;}
.bbs_search3 .form_txt{width: 250px;}
.bbs_search3 .form_sm{width: 85px;}
.bbs_search3 .left .form_sel{width:auto}
.bbs_search3 .left{float:left;margin:0;width: 30%;text-align: left;}
.bbs_search3 .right{float:right;text-align:right;width: 70%;}

.adm_list li a{width:95%;margin: 0 0 0 5%;}

.bbs_vtop .col li{display:inline;margin:0 20px 0 0}
.bbs_vtop .tt_list{overflow:hidden}
.bbs_vtop .tt_list li{float:left;width:calc(100% / 3)}
.bbs_vtop .tt_list li strong{display:table-cell;width:40%;}
.bbs_vtop .tt_list li span{display:table-cell;text-align:left;}
.bbs_vtop .tt_list.col2 li{width:calc(100% / 2);}
.bbs_vtop .tt_list li.line1{width:100%;}
.bbs_vtop .tt_list li.line1 strong{width:20%;}
.bbs_vlist p span{padding:0 20px 0 0}
.bbs_vlist p a{width:90%}
.pagelist ul li strong{display:table-cell;width:30%;}
.pagelist ul li span{display:table-cell;}

.re_form textarea{width:84%;padding:20px}
.re_form input{width:15%;height:60px;margin:0}
.bbs_reply{padding:30px}
.bbs_reply .col li{display:inline;margin:0 20px 0 0}


.bbs_write th,
.bbs_write td {text-align: left;line-height: 1.5em;display:table-cell;}
.bbs_write th {border: 1px solid #ccd7ea;text-align:center;}
.bbs_write td{padding:10px}

.photo_list ul{overflow:hidden;margin-left:-3%}
.photo_list li{float:left;width:47%;margin-left:3%}

.photo_view .img_view .img_list{height: 129px;}
.photo_view .img_view .img_list button{top:40px}
.photo_view .img_view .img_list ul{width:85%}
.photo_view .img_view .img_list li{width:33.333%}
.photo_view .img_view .img_list img{height:100px}
.photo_view .img_big img{height:550px;}

.video_list  li{width:50%}
.video_list  li a{width: 95%;margin:20px auto;}

.news_list li a{overflow:hidden}
.news_list .img{float:left;margin:0 20px 0 0;width:200px;height: 145px;}

.bbs_calender{overflow:hidden}
.bbs_calender .calender{float:left;width:50%;margin:0 5% 0 0}
.bbs_calender .calender p{font-size: 28px;padding-top: 2px;}
.bbs_calender .calender p .prev{left:20%}
.bbs_calender .calender p .next{right:20%}
.bbs_calender .info{float:left;width:45%}
.bbs_calender .info div ul{height: 257px;overflow-y:scroll;}

.bbs_calender .tab{margin:47px 0 0 0}

.bbs_calender2 p{font-size: 28px;padding-top: 4px;}
.bbs_calender2 p .prev{left:30%}
.bbs_calender2 p .next{right:30%}
.bbs_calender2 td{min-height:70px;text-align:left}

.ch_search .left ul li{ width: 20%;}
.enquete_list li{padding:30px 210px 30px 0;position:relative}
.enquete_list li span{display:inline-block;margin-right:5px}
.enquete_list li em{margin:10px 0 0 0}
.enquete_list li p{position:absolute;top:40px;right:0;margin:0}
.enquete_list li p a{margin:0 0 0 10px}
.enquete_list li p span.end{margin:0 0 0 10px}
}

/* Desktop */
@media all and (min-width:1024px) {
.bbs_cate li{width:calc((100% - 30px)/4);}
.bbs_cate .col2 li{width:calc((100% - 10px)/2)}
.bbs_cate .col3 li{width:calc((100% - 20px)/3)}
.bbs_cate .col4 li{width:calc((100% - 30px)/4)}
.bbs_cate .col5 li{width:calc((100% - 40px)/5)}
.bbs_cate .col6 li{width:calc((100% - 50px)/6)}
.bbs_cate .col7 li{width:calc((100% - 60px)/7)}

.bbs_search select{width:auto}
.bbs_search .input_tit{width:20%}
.bbs_search2{padding: 25px 20px;}
.bbs_search2 .left{width: 35%;float: left;text-align: left;margin: 0;}
.bbs_search2 .right{float: right;width: 65%;text-align: right;}

.photo_list ul{margin-left: -1.5%;}
.photo_list li{width: 31.8%;margin-left: 1.5%;}

.photo_view .img_view{position:relative;text-align: center;}
.photo_view .img_view>div{margin:0 auto!important}
.photo_view .img_view .img_list li{width: 20%;}

.video_list li .video_w{background:none;height: 230px;}
.video_list li{width:33.333%}

.video_view{overflow:hidden}
.video_view .vid_area{float:left;width:64%;height:400px}
.video_view .vid_text{float:right;width:35%;height:400px;box-sizing:border-box;margin:0}

.ch_search .left span{width: 70px;float: left;box-sizing:border-box;}
.ch_search .left{width: 48%;padding: 0;border: 0;border-right: dashed 1px #ccd7ea;box-sizing: border-box;}
.ch_search .right{width: 52%;}
.ch_search .left ul{width:calc(100% - 70px);float: left;padding-top: 6px;}
.ch_search .left ul li{font-size: 14px;width: auto;padding-right: 7px;}

.bbs_re li{display: flex;flex-wrap: wrap;padding: 20px 0;position: relative;}
.bbs_re li strong{width: 15%;text-align: center;margin: 0;line-height: 1.5;}
.bbs_re li div{width: calc(85% - 180px);margin: 0;}
.bbs_re li .bbs_btn{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);margin: 0;}
.bbs_re li .bbs_btn a{margin-bottom: 0;}
}


/***** 커스텀 스킨 *****/
/*bbs_research*/
.bbs_research .bbs_search2{margin: 0 0 30px;}
.bbs_research .list li{position: relative;margin: 10px 0;}
.bbs_research .list li a{display: block;position: relative;padding: 20px 20px 40px;border-radius: 20px;box-shadow: 0 0 10px #f2f5fa;background: #fff;overflow: hidden;font-size: 14px;}
.bbs_research .list li a:hover, .bbs_research .list li a:focus{box-shadow: 0 0 10px #ccd7ea;}
.bbs_research .list li .img{display: block;border-radius: 10px;overflow: hidden;}
.bbs_research .list li a img{max-width: 100%;width: 100%;}
.bbs_research .list li strong{display: block;margin: 20px 0;font-size: 16px;font-weight: 400;color: #111;height: 1.0em;overflow: hidden;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.bbs_research .list li .date{margin: 20px 0;}
.bbs_research .list li .date span{display: block;color: #666;margin-bottom: 5px;}
.bbs_research .list li .date i{font-style: normal;font-weight: 400;color: #333;}
.bbs_research .list li .btn{position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 120px;padding: 10px 0;font-size: 16px;font-weight: 400;text-align: center;background: #eee;border-radius: 10px 10px 0 0;}
.bbs_research .list li.ing .btn{background: #229183;color: #fff;}
.bbs_research .list li.end .btn{color: #666;}
.bbs_research .list li.result .btn{background: #003894;color: #fff;}
.bbs_research .list li .modi{position: absolute;right: 10px;bottom: 10px;padding: 5px 10px;border-radius: 5px;background: #fff;border: 1px solid #003894;color: #003894;font-size: 14px;}
.bbs_research .list li .modi:hover, .bbs_research .list li .modi:focus{background: #003894;color: #fff;}

/*bbs_suggest*/
.bbs_suggest .bbs_cate .bbs_btn a{margin: 0;padding: 15px 0;width: 100%;text-align: center;border-radius: 10px;background: #003894;}
.bbs_suggest .list li{margin: 10px 0;}
.bbs_suggest .list li a{display: block;position: relative;padding: 50px 20px 20px;border-radius: 20px;overflow: hidden;box-shadow: 0 0 10px #f2f5fa;font-size: 14px;letter-spacing: -0.02em;}
.bbs_suggest .list li a:hover, .bbs_suggest .list li a:focus{box-shadow: 0 0 10px #ccd7ea;}
.bbs_suggest .list li em{position: absolute;top: 0;left: 20px;padding: 10px;background: #d0121b;border-radius: 0 0 10px 10px;color: #fff;font-style: normal;font-weight: 500;}
.bbs_suggest .list>ul>li>a>i{position: absolute;top: 15px;right: 20px;font-weight: normal;color: #666;font-style: normal;}
.bbs_suggest .list li i.ready{color: #00a591;}
.bbs_suggest .list li i.end{color: #003894;}
.bbs_suggest .list li strong{display: block;margin: 0 0 20px;font-size: 16px;font-weight: 400;color: #111;height: 1.0em;overflow: hidden;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.bbs_suggest .list li .date{color: #666;}
.bbs_suggest .list li .name{color: #666;display: block;margin: 10px 0 0;}
.bbs_suggest .list li div{margin: 20px 0;padding-top: 20px;border-top: 1px solid #ccd7ea;}
.bbs_suggest .list li div span{display: inline-block;margin-right: 10px;}
.bbs_suggest .list li div span:nth-child(3){float: right;margin: 0;}
.bbs_suggest .list li div i{display: inline-block;width: 20px;height: 20px;margin-right: 4px;font-size: 0;background: url("/images/together/common/bbs_ico.png") no-repeat;}
.bbs_suggest .list li div span:nth-child(1) i{background-position: center -400px}
.bbs_suggest .list li div span:nth-child(2) i{background-position: center -420px}
.bbs_suggest .list li div span:nth-child(3) i{background-position: center -440px}
.bbs_suggest .list li .btn{display: block;padding: 10px 0;border: 1px solid #ccd7ea;border-radius: 10px;text-align: center;font-size: 16px;color: #111;}
.bbs_suggest .list li a:hover .btn, .bbs_suggest .list li a:focus .btn{background: #f2f5fa;}
.bbs_suggest .list .fin a, .bbs_suggest .list .fin a *{color: #666;}
.bbs_suggest .list .fin em{background: #eee;color: #666;font-weight: 300;}
.bbs_suggest .list .fin div{border-color: #ddd;}

.bbs_step{padding: 20px;border-radius: 20px;background: #f2f5fa;}
.bbs_step li:before{display: block;content: "";background: url("/images/together/common/cm_ico.png") no-repeat center -313px;width: 50px;height: 50px;margin: 0 auto;transform: rotate(90deg);}
.bbs_step li:first-child:before{display: none;}
.bbs_step li span{display: block;padding: 15px 0;border-radius: 10px;background: #fff;text-align: center;}
.bbs_step li.point span{background: #003894;color: #fff;font-weight: 400;}

.bbs_suggest .bbs_view{margin: 40px 0 30px;border-bottom: 1px solid #ccd7ea;}
.bbs_suggest .bbs_vtop .date{margin: 10px 0;font-size: 14px;}
.bbs_suggest .bbs_vtop .date em{display: inline-block;padding: 5px 10px;margin-right: 10px;font-style: normal;font-weight: 400;border-radius: 3px;background: #d0121b;color: #fff;}
.bbs_suggest .bbs_vtop .like{font-size: 14px;text-align: right;}
.bbs_suggest .bbs_vtop .like span{margin-left: 10px;}
.bbs_suggest .bbs_vtop .like i{display: inline-block;width: 20px;height: 20px;margin-right: 4px;font-size: 0;background: url("/images/together/common/bbs_ico.png") no-repeat;}
.bbs_suggest .bbs_vtop .like span:nth-child(1) i{background-position: center -460px;}
.bbs_suggest .bbs_vtop .like span:nth-child(2) i{background-position: center -480px;}
.bbs_suggest .bbs_vtop .like span:nth-child(3) i{background-position: center -500px;}
.bbs_suggest .bbs_vtop .share{position: relative;margin: 10px 0 5px;text-align: right;}
.bbs_suggest .bbs_vtop .share>a{display: inline-block;width: 40px;height: 40px;background: url("/images/together/common/cm_ico.png") no-repeat center -438px #fff;border-radius: 100%;font-size: 0;box-shadow: 0 0 10px #f2f5fa;border: 1px solid #f2f5fa;}
.bbs_suggest .bbs_vtop .share div{display: none;position: absolute;top: 0;right: 50px; min-width: 162px;border-radius: 10px;background: #fff;box-shadow: 0 0 10px #f2f5fa;overflow: hidden;border: 1px solid #f2f5fa;font-size: 0;}
.bbs_suggest .bbs_vtop .share div.on{display: block;}
.bbs_suggest .bbs_vtop .share ul{display: inline-flex;}
.bbs_suggest .bbs_vtop .share li{display: inline-block;}
.bbs_suggest .bbs_vtop .share li a{display: block;width: 40px;height: 40px;padding: 0;margin: 0;background: url("/images/together/common/cm_ico.png") no-repeat;}
.bbs_suggest .bbs_vtop .share li.fb a{background-position: center -478px;}
.bbs_suggest .bbs_vtop .share li.kko a{background-position: center -518px;}
.bbs_suggest .bbs_vtop .share li.ins a{background-position: center -890px;}
.bbs_suggest .bbs_vtop .share li.blog a{background-position: center -558px;}
.bbs_suggest .bbs_vtop .share li.url a{background-position: center -598px;}
.bbs_suggest .bbs_vtop .share button{display: inline-block;width: 40px;height: 40px;padding: 0;margin: 0;background: url("/images/together/common/cm_ico.png") no-repeat center -55px #ccd7ea;font-size: 0;border-radius: 0 10px 10px 0;}
.bbs_suggest .bbs_vtop .share li a:hover, .bbs_suggest .bbs_vtop .share button:hover{background-color: #f2f5fa;}

.bbs_suggest .bbs_con{border-top: 1px solid #003894;}
.bbs_suggest .bbtn{position: relative;margin: 30px 0;text-align: center;}
.bbs_suggest .bbtn a{width: 130px;height: 50px;padding: 15px 0;}
.bbs_suggest .bbtn .btn_like:before{display: inline-block;width: 20px;height: 20px;background: url("/images/together/common/bbs_ico.png") no-repeat center -460px;content: "";vertical-align: middle;margin-right: 10px;}
.bbs_suggest .bbtn .btn_more:after{display: inline-block;width: 20px;height: 20px;background: url("/images/together/common/cm_ico.png") no-repeat center -368px;content: "";vertical-align: middle;margin-left: 10px;}
.bbs_suggest .bbtn .share{position: relative;}
.bbs_suggest .bbtn .share div{display: none;position: absolute;left: 50%;min-width: 200px;border-radius: 10px;background: #fff;box-shadow: 0 0 10px #f2f5fa;overflow: hidden;border: 3px solid #f2f5fa;font-size: 0;transform: translateX(-50%);padding: 10px;}
.bbs_suggest .bbtn .share div.on{display: block;}
.bbs_suggest .bbtn .share ul{display: inline-flex;}
.bbs_suggest .bbtn .share li{display: inline-block;}
.bbs_suggest .bbtn .share li a{display: block;width: 40px;height: 40px;padding: 0;margin: 0;background: url("/images/together/common/cm_ico.png") no-repeat;}
.bbs_suggest .bbtn .share li.fb a{background-position: center -478px;}
.bbs_suggest .bbtn .share li.kko a{background-position: center -518px;}
.bbs_suggest .bbtn .share li.blog a{background-position: center -558px;}
.bbs_suggest .bbtn .share li.url a{background-position: center -598px;}
.bbs_suggest .bbtn .share button{display: inline-block;width: 40px;height: 40px;padding: 0;margin: 0;background: url("/images/together/common/cm_ico.png") no-repeat center -55px;font-size: 0;border-radius: 10px;}
.bbs_suggest .bbtn .share li a:hover, .bbs_suggest .bbtn .share button:hover{background-color: #f2f5fa;}
.bbs_suggest .bbs_reply .bbs_vtop .col{font-size: 14px;padding-bottom: 20px;}
.bbs_suggest .bbs_reply .bbs_con{padding: 0;border-top: none;}
.bbs_suggest .bbs_reply .bbs_btn{margin-bottom: 0;}

@media all and (min-width:768px) {
.bbs_research .bbs_search2 .form_txt{width: 400px;}
.bbs_research .list ul{display: flex;flex-wrap: wrap;column-gap: 20px;}
.bbs_research .list li{width: calc((100% - 20px)/2);}
.bbs_research .list li a{min-height: 378px;}
.bbs_research .list li strong{height: 2.8em;line-height: 1.4em;-webkit-line-clamp: 2;font-size: 18px;}

.bbs_suggest .bbs_cate .bbs_btn a{width: calc((100% - 30px)/4);}
.bbs_suggest .bbs_cate .bbs_btn a:hover, .bbs_suggest .bbs_cate .bbs_btn a:focus{background: #555;}
.bbs_suggest .bbs_search2 .form_txt{width: 400px;}
.bbs_suggest .list ul{display: flex;flex-wrap: wrap;column-gap: 20px;}
.bbs_suggest .list li{width: calc((100% - 20px)/2);}
.bbs_suggest .list>ul>li>a>i{right: 30px;}
.bbs_suggest .list li strong{height: 2.8em;line-height: 1.4em;-webkit-line-clamp: 2;font-size: 18px;}
	
.bbs_suggest .bbtn li{display: inline-block;}

.bbs_step ol{display: flex;flex-wrap: wrap;justify-content: center;}
.bbs_step li:before{display: inline-block;transform: none;vertical-align: middle;}
.bbs_step li span{display: inline-block;padding: 15px;}
	
.bbs_suggest .bbs_vtop>div{display: flex;flex-wrap: wrap;align-items: center;margin: 20px 0;}
.bbs_suggest .bbs_vtop .date{margin: 0;font-size: 16px;}
.bbs_suggest .bbs_vtop .like{font-size: 16px;}
.bbs_suggest .bbs_vtop .like span{margin-left: 20px;}
.bbs_suggest .bbs_vtop .share{margin: 0 0 0 16px;}
.bbs_suggest .bbs_vtop .share div{right: auto;left: 50px;}
}

@media all and (min-width:1023px) {
.bbs_research .list ul{column-gap: 40px;}
.bbs_research .list li{width: calc((100% - 120px)/4);margin: 20px 0;}
.bbs_research .list li a{padding-bottom: 50px;}

.bbs_suggest .bbs_cate{position: relative;}
.bbs_suggest .bbs_cate .bbs_btn{position: absolute;right: 0;top: 5px;width: calc((100% - 50px)/6);margin: 0;}
.bbs_suggest .bbs_cate .bbs_btn a{width: 100%;}
.bbs_suggest .list ul{column-gap: 30px;}
.bbs_suggest .list li{width: calc((100% - 90px)/4);margin: 15px 0;}
.bbs_suggest .list li a{padding: 50px 30px 30px;}
.bbs_suggest .list li strong{height: 3.6em;line-height: 1.2em;-webkit-line-clamp: 3;}

.bbs_step{padding: 30px 10px;}
.bbs_step li{width: 20%;}
.bbs_step li:first-child{margin-left: -50px;}
.bbs_step li span{font-size: 16px;vertical-align: middle;width: calc(100% - 50px);}
.bbs_step li:first-child span{margin-left: 50px;}
}
@media all and (min-width:1400px) {
.bbs_suggest .list li{width: calc((100% - 120px)/5);}
}

/*login*/
.login{margin: 80px auto;max-width: 480px;}
.login h4{background: none;margin: 0;padding: 0;font-weight: 400;}
.login>div{margin: 20px 0;}
.login .login_form li{margin: 20px 0;}
.login .login_form label{display: block;margin-bottom: 10px;font-weight: 500;color: #000;}
.login .login_form li input{display: block;width: 100%;padding: 10px;border-bottom: 1px solid #ddd;}
.login .login_form li input::placeholder{font-size: 14px;color: #888;}
.login .login_form input[type="submit"]{display: block;width: 100%;padding: 15px 0;text-align: center;border-radius: 5px;background: #003894;color: #fff;cursor: pointer;}
.login .login_form input[type="submit"]:hover, .login .login_form input[type="submit"]:focus{background: #a9bcdb;}
.login .login_phone p{position: relative;text-align: center;margin-bottom: 20px;}
.login .login_phone p:before{position: absolute;width: 100%;height: 1px;left: 0;top: 50%;content: "";background: #ddd;z-index: -1;}
.login .login_phone p span{display: inline-block;padding: 0 10px;background: #fff;color: #666;}
.login .login_phone a{display: block;width: 100%;padding: 15px 0;text-align: center;border-radius: 5px;background: #f2f5fa;color: #003894;}
.login .login_phone a:hover, .login .login_phone a:focus{background: #a9bcdb;color: #fff;}
.login .login_txt{display: flex;flex-wrap: wrap;justify-content: space-between;}
.login .login_txt a{font-size: 14px;}
.login .login_txt a:hover, .login .login_txt a:focus{text-decoration: underline;}


@media all and (min-width:768px) {
.login{max-width: none;padding: 40px;margin: 40px auto;border-radius: 10px;box-shadow: 0 0 10px #f2f5fa;}	
}
@media all and (min-width:1023px) {
.login{position: relative;padding: 80px;padding-left: 60%;background: url(/upload_data/board_data/BBS_0000522/171556070514177.png) no-repeat left 10% bottom ;overflow: hidden;}
.login:before{position: absolute;width: 500px;height: 500px;content: "";background: #f2f5fa;border-radius: 100%;bottom: -150px;left: 7%;z-index: -1;}
.login h4{position: absolute;font-size: 48px;width: 400px;word-break: keep-all;left: 5%;top: 15%;color: #003894;}
.login .login_form input[type="submit"]{padding: 20px 0;}
.login .login_phone a{padding: 20px 0;}
}