@charset "utf-8";

/* 카테고리 */
.bbs_cate{margin: 30px 0;border-bottom: solid 1px #ddd;}
.bbs_cate ul{overflow:hidden;border-bottom: 1px solid #4a55a1;}
.bbs_cate li{margin: 3px 0;}
.bbs_cate li a{display:block;padding: 13px 0;text-align:center;background: #fff;color: #4e4e4e;border-radius: 10px 10px 0 0;border-top: 1px solid #e4e4ee;border-right: 1px solid #c5c5d8;}
.bbs_cate li a:hover{background: #4a55a1; color:#fff}
.bbs_cate li.on a{background: #4a55a1;font-weight:500;border-bottom: 1px solid #fff;color: #fff;}
.bbs_cate li:first-child { border-left:1px solid #d7dadb; border-radius: 5px 0 0 0;}
.bbs_cate li.on{position:relative;}

/* 검색 */
.bbs_search{text-align:center;padding: 20px 5px;margin:30px 0;border-radius: 5px;background: #f4f5f7;}
.bbs_search * {vertical-align: middle;}
.bbs_search .left{margin:0 0 10px 0}
.bbs_search .left span{display: block;padding-right: 5px;color: #000;line-height: 34px;}
.bbs_search .left form,.bbs_search .right form{display:inline-block}
.bbs_search .right .form_txt{width:50%;}
.bbs_search .form_sel{width:20%;height:34px;border:1px solid #dedede;border-radius: 5px;}
.bbs_search .form_txt{width:40%;height:34px;padding:0 5px;border:1px solid #dedede;border-radius: 5px;background: #fff;}
.bbs_search .form_sm{cursor:pointer;width:20%;height:34px;background: #fff;color: #363636;font-size:15px;border-radius: 5px;border: solid 1px #a1a5bb;}
.bbs_search .form_re{cursor:pointer;width:20%;height:34px;background: #fff;color:#363636;font-size:15px;border: solid 1px #a1a5bb;border-radius: 5px;}
.bbs_search .form_cancle{cursor:pointer;width:20%;height:34px;background: #fff;color:#363636;font-size:15px;border: solid 1px #a1a5bb;border-radius: 5px;}
.bbs_search .form_sm:hover, .bbs_search .form_sm:focus{background: #4e5d9f; color:#fff}
.bbs_search .input_cal{border:1px solid #e8e8e8;padding:8px 0;margin:2px 0;width:120px;background: #fff url("../images/bbs/bbs_ico.png") no-repeat 0px 2px;}

.bbs_search2{text-align:center;padding:20px 15px;margin: 20px 0;border-radius: 5px;border: solid 1px #e6e6e8;}
.bbs_search2 .form_sel{width:20%;height:34px;border:1px solid #dedede;border-radius: 5px;}
.bbs_search2 .form_txt{width:35%;height:34px;padding:5px;border:1px solid #dedede;background: #fff;border-radius: 5px;}
.bbs_search2 .input_cal{width:75px;background: #fff url("../images/bbs/bbs_ico.png") no-repeat 0px 2px;}
.bbs_search2 .form_sm{cursor:pointer;width:20%;height:34px;background: #4e5d9f;color: #fff;font-size: 15px;border-radius: 5px;}
.bbs_search2 .form_sm:hover, .bbs_search2 .form_sm:focus{background:#2a2a2a;}
.bbs_search2 .left{margin:0 0 10px 0}
.bbs_search2 .left span,.bbs_search2 .right span{display: block;padding-right: 5px;line-height: 34px;color: #333;font-size: 16px;font-weight: 500;}
.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:34px;background: #373879;color:#fff;}
.bbs_search2 .form_cancle{cursor:pointer;width:20%;height:34px;background: #c84047;color:#fff;}

.bbs_search3{background: #f3f8ff;text-align: center;padding:20px 15px;margin: 20px 0;border-radius: 5px;}
.bbs_search3 .form_txt{width: 65%;height:34px;padding:0 5px;border:1px solid #dedede;border-radius: 5px;}
.bbs_search3 .form_sm{cursor:pointer;width: 20%;height: 36px;background: #2f86f0;color:#fff;font-size: 15px;border-radius: 5px;}
.bbs_search3 .form_sm:hover, .bbs_search3 .form_sm:focus{background: rgb(0, 87, 217);}
.bbs_search3 .form_sel{min-width: 120px;height: 36px;border:1px solid #dedede;width: 20%;border-radius: 5px;}
.bbs_search3 .left{ text-align: left;}
.bbs_search3 .right{text-align: right;}
.bbs_search3 .form_re{cursor:pointer;width:20%;height:34px;background: #46495a;color:#fff;}
.bbs_search3 .form_cancle{cursor:pointer;width:20%;height:34px;background: #c84047;color:#fff;}


/* 페이징 */
.bbs_page{display:flex;/* flex-wrap:wrap; */justify-content:center;gap:6px;margin: 40px 0 0;text-align:center;clear:both;}
.bbs_page a{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;margin:0;padding:0 10px;border:1px solid #dbe4ee;border-radius:12px;background:#fff;color:#444;font-size:14px;font-weight:600;line-height:1;text-decoration:none;box-sizing:border-box;}
.bbs_page a.on{font-weight:700;color:#fff;background:#2f86f0;border-color:#2f86f0;}
.bbs_page .prev,.bbs_page .prev2,.bbs_page .next,.bbs_page .next2{font-size:0;}
.bbs_page .prev:before{content:'‹';font-size:20px;}
.bbs_page .prev2:before{content:'«';font-size:20px;}
.bbs_page .next:before{content:'›';font-size:20px;}
.bbs_page .next2:before{content:'»';font-size:20px;}

/* 버튼 */
.bbs_btn{text-align:right;margin:20px 0}
.bbs_btn a{display:inline-block;margin:0 3px 7px 3px;font-weight:500;}
.bbs_btn .bbs_bt1{background:#fff;border:1px solid #dedede;padding: 9px 19px; border-radius:5px}
.bbs_btn .bbs_bt1:hover, .bbs_btn .bbs_bt1:focus{border-color:#2a2a2a}
.bbs_btn .bbs_bt2{background: #2f86f0;color:#fff;padding: 10px 20px;border-radius:5px}
.bbs_btn .bbs_bt2:hover, .bbs_btn .bbs_bt2:focus{background: #2a2a2a;}
.bbs_btn .bbs_bt3{background: #6e6e6e;color:#fff;padding: 10px 20px;border-radius:5px}
.bbs_btn .bbs_bt3:hover, .bbs_btn .bbs_bt3:focus{background: #2a2a2a;}
.bbs_btn input[type=submit]{margin:0 3px 7px 3px;font-weight:500;background: #fca828;color: #333;height: 40px;padding: 0 20px;font-size:16px;cursor:pointer;border-radius: 5px;}
.bbs_btn input[type=submit]:hover, .bbs_btn input[type=submit]:focus{background:#c45400; color:#fff;}
.btn_bbsw, .btn_bbsw:visited{margin: 4px 0 2px 3px;background: #fff;border: none;font-size: 14px;color: #363636;line-height:1.25em;white-space:nowrap;font-weight: 500;border-radius: 5px;/* height: 34px; */}
.btn_bbsw:hover, .btn_bbsw:focus{color:#fff;background:#4e5d9f;border-color:#4e5d9f}
button.btn_bbsw,a.btn_bbsw{padding: 8px 10px;}
a.btn_bbsw{display:inline-block;}
.btn_bbsw.cancle, .btn_bbsw.cancle:visited{margin:2px 0 2px 3px;background: #46495a;border: none;font-size:14px;color: #fff;line-height:1.25em;white-space:nowrap;font-weight: 500;}
.btn_bbsw.cancle:hover, .btn_bbsw.cancle:focus{color:#fff;background:#4549a1;}
.bbs_write .btn_bbsw,.bbs_write .btn_bbsw:visited{color:#fff;background: #1669b3;margin-top: 0;}
.bbs_write .btn_bbsw:hover{background:#2a2a2a;}


/* 본문 */
.bbs_con{padding:20px 0;line-height:1.5em;border: 1px solid #ddd;padding: 30px;border-radius: 20px;margin-top: 30px;}
.bbs_con img{max-width:100%}
.bbs_img{text-align:center}
.bbs_img figcaption{text-align:center;color:#717171;margin:10px 0 0 0;font-size:0.9em;}

.pagelist{margin-top:24px;border-top:1px solid #ddd;}
.pagelist ul{margin:0;padding:0;list-style:none;}
.pagelist li{display:flex;border-bottom:1px solid #ddd;}
.pagelist li strong{display:flex;align-items:center;justify-content:center;width:90px;padding:16px 10px;background: #eef5ff;color: #333;font-size:15px;font-weight:700;box-sizing:border-box;}
.pagelist li span{display:block;width:calc(100% - 90px);padding:16px 12px;box-sizing:border-box;}
.pagelist li span a{display:block;color:#444;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* 댓글 */
.bbs_re{margin:30px 0}
.bbs_re ul{border-top: 2px solid #ccccd0;}
.bbs_re li{padding:15px 0;border-bottom: 1px solid #e3e1e1;}
.bbs_re li div{color:#000;line-height:1.5em}
.bbs_re li span{display:block;margin-top:10px;color:#666}
.bbs_re li span strong {color: #4d44ac;}
.re_write{margin-bottom:20px}
.re_write h5{margin: 0 0 10px;background: none;padding-left: 0;}
.re_form{overflow:hidden}
.re_form textarea{float:left;width:100%;height:60px;background: #fff;border: solid 1px #a9adbf;padding:10px 5%;font-family: SCDream, "에스코어드림", NotoSans, 'Noto Sans KR', Dotum, "돋움", sans-serif;color:#464646;border-radius: 5px;}
.re_form input{float:right;width:100%;background: #485183;font-weight:500;font-size: 15px; color:#fff;padding:10px 15px;margin-top:5px;border-radius: 5px;}
.re_form input:hover, .re_form input:focus{background:#4549a1;}

/* 답변 */
.bbs_reply{background: #fdfdfd;border: 2px solid #bdbdcb;padding:20px;margin-top:30px;border-radius: 5px;}
.bbs_reply .bbs_vtop{border:none;padding-top:0}
.bbs_reply h4 strong{color: #d32f76;}

/* 쓰기 */
.bbs_write {width: 100%;margin: 10px 0;border-top: 2px solid #adb4bc;}
.bbs_write th, .bbs_write td {padding: 12px 10px;border: 1px solid #e3e3e3;border-top: none;vertical-align: middle;line-height: 1.5em;display: block;text-align: center;}
.bbs_write th {background: #f1f8ff;text-align: center;font-weight: 500;}
.bbs_write td * {vertical-align: middle;}
.bbs_write input{border:1px solid #dedede;padding: 7px 0;margin:2px 0;border-radius: 5px;}
.bbs_write input[type=checkbox]{width:16px; height:16px; border-radius:5px}
.bbs_write input[type=radio]{width:16px; height:16px;}
.bbs_write input[type=file]{}
.bbs_write .bw_file{margin: 2px 0;}
.bbs_write .bw_file input{padding: 2px 0;height: 30px;width: 100%;}
.bbs_write .bw_file .memoarea{display: block;}
.bbs_write .bw_file .memoarea input{width: calc(100% - 110px);float: left;}
.bbs_write .bw_file .memoarea em{font-style: normal;display: block;width: 110px;float: left;margin-top: 5px;}
.bbs_write .bw_file .memoarea:after{display:block; content:''; clear:both}
.bbs_write td .ggong ul li{margin: 9px 0;color: #666;}
.bbs_write td .ggong ul li img{display: block;height: 35px;padding-right: 10px;margin: 0 auto;}
.bbs_write textarea{border:1px solid #dedede;border-radius: 5px;}
.bbs_write select{border:1px solid #dedede;padding:7px 0;margin:2px 0;border-radius: 5px;}
.bbs_write td label{margin: auto;}
.bbs_write a span{display:inline-block;margin:0 5px}

.txt_cm{display:block;background: url("../images/common/icon_info.png") no-repeat left center;padding: 3px 0 3px 25px;}

/* 그 외 공통 */
.bbs_total{margin: 5px 0;}
.bbs_total strong{color: #3631a1;}
.bbs_comment{margin:15px 0}
.adm_check{width:20px;height:20px;}
.w_star{color: #db2457;}
.input_wss{width:40px}
.input_ws{width:100px !important}
.input_wm,.input_w170{width:170px}
.input_wl{width:90%}
.input_wf{width:95%}
.input_h{width: 40%;}
.input_cal{background: #fff url("../images/bbs/bbs_ico.png") no-repeat 0px 2px;padding-left:32px !important;border-radius: 5px;}

/* 기본형 목록 */
.bbs_list{width:100%;border-top: 2px solid #2f86f0;}
.bbs_list li{border-bottom: 1px solid #ebebeb;line-height:1.25em}
.bbs_list li a{display:block;padding:25px 0}
.bbs_list li:hover{background:#f4f5f7}
.bbs_list li strong{display:block;font-size: 18px;line-height:1.5em}
.bbs_list li a:hover strong, .bbs_list li a:focus strong {text-decoration: underline;}
.bbs_list span{display:inline-block;vertical-align:middle;margin:0 5px}
.bbs_list .txt{display:block;line-height:1.5em;margin:10px 0;color: #767676;}
.bbs_list .info{display:block;font-style:normal;color: #333;}
.bbs_list .info span{width:1px;height: 8px;background: #b7b4b4;margin:0 10px}
.bbs_list .ico_notice{color: rgb(0, 87, 217);font-style:normal;margin-right:5px;font-weight: 700;}
.bbs_list .ico_file{width:14px;height:0;padding: 20px 0 0 0;overflow:hidden;background: url("../images/bbs/bbs_ico.png") no-repeat center -272px;}
.bbs_list .ico_secret{width: 16px;height:0;padding: 20px 0 0 0;overflow: hidden;background: url("../images/bbs/bbs_ico.png") no-repeat center -317px;}
.bbs_list .list_none{text-align:center;padding:30px 0}
/* 관리자 */
.adm_list li{position:relative}
.adm_list li a{width: 90%;margin: 0 0 0 10%;}
.adm_list .adm_check{position:absolute;top:30px;left: 0px;}

/* 기본형 테이블 */
.bbs_table {width: 100%;min-width:800px;margin: 10px 0;border-top: 1px solid #2f86f0;}
.bbs_table .ico_notice{color:#cf4747;font-style:normal;font-weight:500;margin-right:5px}
.bbs_table th, .bbs_table td {padding: 8px 10px;border: 1px solid #e3e3e3;border-top: none;vertical-align: middle;text-align: center;font-size: 16px;line-height: 1.5em;}
.bbs_table tr:hover {background: #f9f9fb;}
.bbs_table th {background: #eef5ff;}
.bbs_table td.tit {text-align: left;}
.bbs_table td.tit a:hover, .bbs_table td.title a:focus {text-decoration: underline;}

/*테이블 아이콘 및 a링크*/
.bbs_skin2 table .call a{position:relative;padding-left: 30px;}
.bbs_skin2 table .call a:before{display: inline-block; content:'';background: url("../images/bbs/bbs_ico.png")no-repeat left -560px;width: 23px;height: 25px;vertical-align: middle;margin-right: 5px;}
.bbs_skin2 table tbody td a.t_lnk{display:inline-block;padding: 2px 10px;background: #2f86f0;font-size: 14px;border-radius: 20px;color: #fff;height: 26px;min-width: 70px;text-align: center;line-height: 26px;}
.bbs_skin2 table tbody td a.t_lnk:hover,.bbs_skin2 table tbody td a.t_lnk:focus{background: rgb(0, 87, 217);}
.bbs_skin2 table tbody td a.t_lnk2{display:inline-block;padding: 2px 10px;background: #bfbfbf;font-size: 14px;border-radius: 20px;color: #fff;height: 26px;min-width: 70px;text-align: center;line-height: 26px;}
.bbs_skin2 table tbody td a.t_lnk3{display:inline-block;padding: 2px 10px;background: #308997;font-size: 14px;border-radius: 20px;color: #fff;height: 26px;min-width: 70px;text-align: center;}
.bbs_list2 .bbs_table td.notice {color:#c81648;font-weight: 500;}
.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;}
.bbs_list2 .bbs_table td a img {vertical-align: middle;}
.bbs_list2 .file a {display: inline-block;width: 20px;height: 0;padding-top: 20px;overflow: hidden;background: url("../images/bbs/file_icon.png") no-repeat center -120px;vertical-align: middle;}
.bbs_list2 .file a.hwp {background-position: center 0;}
.bbs_list2 .file a.xls {background-position: center -20px;}
.bbs_list2 .file a.doc {background-position: center -40px;}
.bbs_list2 .file a.pdf {background-position: center -60px;}
.bbs_list2 .file a.img {background-position: center -80px;}
.bbs_list2 .file a.zip {background-position: center -100px;}

.letter_list{border-top:2px solid #2f86f0;}
.letter_list ul{border-left:solid 1px #e8e8e8;border-top:solid 1px #e8e8e8;}
.letter_list li{padding: 25px 10px;margin:0;text-align:center;border:solid 1px #e8e8e8;box-sizing:border-box;border-top:0;position:relative;border-left: 0;}
.letter_list li.list_none{width:100%;padding:30px 0;min-height:auto;text-align:center;}
.letter_list .img_w{width: 235px;height: auto;display: block;background: #f8f6f6;text-align: center;position: relative;margin: 0 auto;border-radius: 5px;overflow: hidden;}
.letter_list img{width:100%}
.letter_list strong{display:block;font-weight:normal;font-size: 18px;margin: 15px 0 5px 0;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.letter_list .adm_check{width:20px;height:20px;display:block;margin:20px auto 0 auto}
.letter_list .basic_btn {margin: 14px 0 0 0;}
.letter_list .price{text-align:right}
.letter_list .price i{font-style:normal;font-size: 14px;padding: 5px 10px;background: #565656;color: #fff;border-radius: 5px;}
.letter_list .price .p1{background: #fefefe;border: solid 1px #dedede;color: #2a2a2a;}
.letter_list .price .p2{background: #4c4c4a;border: solid 1px #444141;}

@media all and (max-width:1023px){
.bbs_list2 .bbs_table {width: 100%; min-width: auto;}
.bbs_list2 table col{width: 100% !important;}
.bbs_list2 .bbs_table thead {display: none;}
.bbs_list2 .bbs_table tbody tr {display: block;border-bottom: 1px solid #dedede;padding: 10px; font-size: 0;}
.bbs_list2 .bbs_table td {display: inline-block; padding: 0; 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:#46495a;}
.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-align: left;}
.bbs_list2 .bbs_table td.title a {display: block; font-weight: 500;}
.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 {table-layout: fixed;}
.bbs_list2 .bbs_table td.title a {display: block;width: 98%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; font-weight: 500;}
}

/* 사진-리스트 */

.photo_list {border-top:2px solid #2f86f0;border-bottom: 1px solid #ebebeb;}
.photo_list li{margin:0 0 20px 0;text-align:center;border-radius: 5px;overflow: hidden;}
.photo_list li a{display:block}

.photo_list .img{display:block;overflow:hidden;position:relative;background: #f4f4f8;width: 100%;transition: .5s ease-in-out;}
.photo_list .img img{width:100%}
.photo_list .date{display:block;border: 1px solid #eaeaea;border-top:none;padding:20px 10px;color:#717171;border-radius: 0 0 5px 5px;}
.photo_list strong{display:block;font-size: 18px;margin-bottom:5px;width: 100%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;color: #2a2a2a;}
.photo_list .list_none{width:100%;text-align:center;padding:30px 0;border-bottom:1px solid #dedede}
.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 #ededed;border-bottom: solid 1px #ededed;}
.photo_view .img_list button{width:40px;height:0;padding: 40px 0 0 0;overflow:hidden;position:absolute;/* top:17px; */border:1px solid #dedede;background: url("/images/gjsports/layout/arrow_right.png") no-repeat center;border-radius: 5px;}
.photo_view .img_list button:hover, .photo_view .img_list button:focus{border-color:#666}
.photo_view .img_list .prev{left: 0px;transform: rotate(180deg);}
.photo_view .img_list .next{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: 2px solid #21a3ff;}
.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 #2f86f0;border-bottom: 1px solid #ebebeb;}
.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%;}
.video_list li span{display:block;margin-top: 10px;border-radius: 5px;overflow: hidden;color: #767676;font-size: 15px;}
.video_list li .video_w{background: #f4f4f8;text-align: center;height: 220px;position: relative;}
.video_list li .video_w:after{background:url("../images/bbs/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 .video_w:before{background: rgba(0,0,0,0.2);width: 100%;height: 100%;display:block;content:'';position: absolute;}

.video_list li strong{display:block;color:#2a2a2a;font-size: 18px;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 #ebebeb;}


/* 뉴스형 */
.news_list{width:100%;border-top: 2px solid #2f86f0;}
.news_list li{border-bottom: 1px solid #ebebeb;line-height:1.25em;position: relative;}
.news_list li a{display:block;padding: 25px 0;}
.news_list li:hover, .news_list li:focus{background:#f4f5f7}
.news_list li strong{display:block;font-weight:normal;font-size: 18px;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;font-weight: 500;}
.news_list li a:hover strong, .news_list li a:focus strong {text-decoration: underline;}
.news_list span{display:inline-block;vertical-align:middle;margin:0 5px}
.news_list a .txt{display:block;line-height:1.5em;margin: 16px 0;color: #767676;height: 4.5rem;overflow: hidden;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news_list list_none .txt{}
.news_list .info{display:block;font-style:normal;color: #696969;}
.news_list .info span{width:1px;height:6px;background:#dedede;margin:0 10px}
.news_list .ico_notice{color: #1c47d6;font-style:normal;margin-right:5px}
.news_list .ico_file{width:15px;height:0;padding:20px 0 0 0;overflow:hidden;background: url("../images/bbs/bbs_ico.png") no-repeat center -272px;}
.news_list .ico_secret{width: 14px;height:0;padding:20px 0 0 0;overflow:hidden;background: url("../images/bbs/bbs_ico.png") no-repeat center -317px;}
.news_list .list_none{text-align:center;padding:30px 0;}
.news_list .img{display:block;width:100%;margin:0 auto 10px auto;border-radius: 5px;}

/* 달력-기본형 */
.bbs_calender{background: #eef5ff;border-top: solid 2px #2f86f0;border-bottom: solid 1px #2f86f0;}
.bbs_calender .calender{margin-bottom: 20px;padding: 30px 20px;}
.bbs_calender .calender .month{text-align:center;line-height:1em;font-size: 25px;color:#46495a;margin:0 0 20px 0;position:relative;font-weight:600}
.bbs_calender .calender .month em{font-style:normal;font-weight:600}
.bbs_calender .calender p strong{color: #2f86f0;font-weight:600}
.bbs_calender .calender p button{width: 35px;height:0;padding: 35px 0 0 0;overflow:hidden;position:absolute;top:17px;border:1px solid #dedede;background: #fff url("/images/gjsports/layout/arrow_right.png") no-repeat center;border-radius: 5px;position:absolute;top: -5px;}
.bbs_calender .calender p .prev{left:7%;transform: rotate(180deg);}
.bbs_calender .calender p .next{right:7%;}
.bbs_calender .calender p button:hover,.bbs_calender .calender p button:focus{border-color:#666}
.bbs_calender table{width:100%;background: #fff;}
.bbs_calender .calender th, .bbs_calender .calender td{border: 1px solid #ddd;width:14%;text-align:center;border-right: 0;}
.bbs_calender .sun{border-left:none}
.bbs_calender .calender th{border-top: 2px solid #2f86f0;background: #ffffff;padding: 9px 0;font-weight: normal;}
.bbs_calender td{padding: 18px 0;position:relative;}
.bbs_calender td.sat a{color:#4f6bd0;}
.bbs_calender td.sun a{color:#c74b4b;}
.bbs_calender td.have{background: #faecff !important;}
.bbs_calender td.have a{}
.bbs_calender td.today{background: #eef5ff !important;}
.bbs_calender td.have:before{content:"";display:block;position:absolute;transform: translate(-50%,0);top: 4px;left: 50%;width: 7px;height: 7px;border-radius: 50%;background: #21a3ff;}
.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 #0699e1;}
.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{background: #ffffff;padding: 30px 20px;margin:25px 0 0 0;border-radius: 5px;border-left: 1px solid #e5e6ef;}
.bbs_calender .info ul{}
.bbs_calender .info h4{margin: 0;font-size:20px;border-bottom: 2px solid #2f86f0;padding: 0 0 17px 0;background: none;text-align: center;}
.bbs_calender .info li{line-height:1.75em;font-size:16px;padding: 5px 0 0 11px;background: url("/images/gjsports/common/li03.gif") no-repeat 0 16px;}
.bbs_calender .info li.active a{font-weight: 700;color: #2f86f0;}

/* 달력-테이블 */
.bbs_calender2{margin: 10px 0;}
.bbs_calender2 .month{text-align:center;line-height:1em;font-size:36px;color:#333;margin:0 0 20px 0;position:relative;font-weight:600}
.bbs_calender2 p em{font-style:normal;font-weight:600}
.bbs_calender2 p strong{color: #5464c8;font-weight:600}
.bbs_calender2 p button{width: 35px;height:0;padding: 35px 0 0 0;overflow:hidden;position:absolute;border:1px solid #dedede;background: #fff url("../images/bbs/bbs_ico.png") no-repeat;border-radius: 5px;top: 0;}
.bbs_calender2 p .prev{left:7%;background-position: center -613px;}
.bbs_calender2 p .next{right:7%;background-position: center -668px;}
.bbs_calender2 table{width:100%;min-width:708px;margin:0 0 20px 0; background:#fff}
.bbs_calender2 th, .bbs_calender2 td{border: 1px solid #e5e6ef;width:14%}
.bbs_calender2 th{border-top: solid 2px #80809c;background: #f8f8f8;padding:15px 0;}
.bbs_calender2 td{padding:10px;text-align:left;height:80px}
.bbs_calender2 td.sat a{color: #4f6bd0;}
.bbs_calender2 td.sun a{color: #c74b4b;}
.bbs_calender2 td.today{background: #e6f7ff;}
.bbs_calender2 td.today a {color: #000;}
.bbs_calender2 td a:hover,
.bbs_calender2 td a:focus{text-decoration:underline}
.bbs_calender2 td a span{display:block;line-height:1.25em;margin-top:7px;font-size: 16px;}
.bbs_calender2 td li{margin-top:5px;line-height:1.25em;padding: 0 0 0 16px;background:url("../images/common/li02.gif") no-repeat 0 4px;font-size: 14px;}
.bbs_calender2 td li li{padding: 0 0 0 10px;background: url("../images/common/li03.gif") no-repeat 0 6px;}


/* 설문조사 */
.ch_search .left{ border-bottom: solid 1px #dedede;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: #767676;border: none;font-size:15px;font-weight:400;color: #fff;}
.align button.ing{background: #4f4ccc;border: none;font-size:15px;font-weight:400;color: #fff;}

/* list */
.enquete_list{width:100%;border-top: 2px solid #adb4bc;}
.enquete_list li{border-bottom: 1px solid #e3e3e3;line-height:1.5em;padding:25px 0}
.enquete_list li:hover{background:#f9f9fb}
.enquete_list li *{vertical-align:middle}
.enquete_list li strong{font-weight:normal;color:#46495a;font-size:20px;line-height:1.5em}
.enquete_list li>span{display:block;padding:7px 0;width:70px;line-height:1em;font-size:14px;background:#fff;border: 1px solid #555;border-radius:4px;text-align:center;}
.enquete_list li .close{border: solid 1px #f7f7f7;color: #333;background: #dedede;}
.enquete_list li em{display:block;font-style:normal;color:#717171;margin-top:10px;line-height: 19px;}
.enquete_list li em i{font-style:normal;color: #026fe6;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: 5px;}
.enquete_list li p a.join{background: #fff;color: #2a2a2a;border: solid 1px #2a2a2a; }
.enquete_list li p a.join:hover, .enquete_list li p a.join:focus{background:#2a2a2a; color:#fff}
.enquete_list li p a.result{background: #52556a;border: solid 1px #52556a;}
.enquete_list li p a.result:hover, .enquete_list li p a.result:focus{background:#2a2a2a}
.enquete_list li p span.end{display:inline-block;padding:10px 20px;margin:0 10px 0 0;color: #1b1b1b;background: #e2e2e2;border-radius: 5px;}
.enquete_list .list_none{text-align:center;padding:30px 0;border-bottom: 1px solid #e3e3e3;}
.enquete_list .adm_check{width:20px;height:20px;margin:5px}

/* view */
.enquete_view .bbs_vtop .col {border-bottom: none;}
.enquete_view .bbs_filedown {border-bottom: 1px solid #dedede;}
.enquete_view .basic_box{border:none}
.enquete_view h5{background: none;padding:15px;margin: 0 0 15px 0;border: 1px solid #dbdaef;line-height:1.5em;color: #45499b;font-size: 18px;border-radius: 5px;box-shadow: 2px 2px 5px #e6e6ee;}
.enquete_view .qbox>div{margin:0 0 40px 0}
.enquete_view .qbox>div.group{padding: 30px;border-radius: 10px;box-shadow: 2px 2px 10px #e1e2f0;border: solid 1px #9794ab;}
.enquete_view .qbox>div .img {text-align: center;}
.enquete_view .qbox li{line-height:1.5em;padding:0 0 0 12px;margin: 0 0 6px 0;}
.enquete_view .qbox li input {vertical-align: middle;width: 18px;height: 18px;}
.enquete_view .qbox li strong {color: #1c47d6;margin-right: 5px;}
.enquete_view .qbox li ul{margin:10px 0}
.enquete_view .qbox li li{padding:0 0 0 10px;background: url("../images/common/li02.gif") no-repeat 0 7px;padding-left: 16px;font-size: 15px;}
.enquete_view .qbox li.li_none{background:none;padding:0}
.enquete_view .qcoment{font-size:14px;line-height:1.5em;margin:0 0 10px 0}
.enquete_view .in_txt{width:100%;border:1px solid #dedede;padding:9px 0;vertical-align:middle;box-sizing:border-box}
.enquete_view .in_txta{width:100%;height:50px;border:1px solid #dedede;padding:9px 0;vertical-align:middle;box-sizing:border-box}
.enquete_view .qcoment{font-size:14px;line-height:1.5em;margin:0 0 10px 0;border: dashed 1px #dedede;padding: 10px;border-radius: 5px;}


.faq_list{border-top: 2px solid #adb4bc;line-height:1.5em;text-align:center; margin-bottom:40px}
.faq_list li.list_none{text-align:center;border-bottom: 1px solid #dde1e4;padding: 30px 0;}
.faq_list li>a{display:block;border-bottom: 1px solid #dde1e4;padding:25px 20px 25px 20px;font-weight:bold;position:relative;}
.faq_list li>div{display:none;padding:20px 20px 20px 20px;background: #f6f6fa;border-top:1px solid #dde1e4;min-height:25px;position:relative;border-radius: 0 0 5px 5px;}
.faq_list li>div .bbs_btn{margin:20px 0 0 0}
.faq_list li.on>div{display:block}
.faq_list em{display:block;width:40px;height:0;padding:40px 0 0 0;margin:0 auto 10px auto;overflow:hidden;background: #4b51b0 url(../images/bbs/bbs_ico.png) no-repeat;border: 1px solid #54589f;border-radius:100%;}
.faq_list .bbs_btn a{padding: 3px 15px;font-size: .95rem;background: #fff;color: #2a2a2a;border: solid 1px #a9a6a6;}
.faq_list a em{background-position: center -194px;}
.faq_list div em{background: #fff url("../images/bbs/bbs_ico.png") no-repeat center -233px;}

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

.bbs_cate li{float:left;width:50%;margin: 0;}
.bbs_cate li a{}
.bbs_cate li:first-child a{margin:0;}

.bbs_write td{display: table-cell;text-align: left;}
.bbs_write th{display: table-cell;}
.bbs_search .form_sel{width:auto}
.bbs_search .form_txt{width: 160px;margin: 0;}
.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_search{overflow:hidden;padding: 25px 5px;}
.bbs_search .left{float:left;width: 100%;text-align: center;}
.bbs_search .right{text-align: center;width: 100%;}
.bbs_search .input_cal{width: 140px;}
.bbs_search .form_sm{width:70px}
.bbs_search .left .form_sel{width:auto}
.bbs_search .left span, .bbs_search2 .right span{display:inline-block}
.bbs_search .right .form_txt{width: 200px;}
.bbs_search .right .input_cal{width:150px;}
    
.bbs_search2{overflow:hidden;padding: 25px 5px;}
.bbs_search2 .left{float:left;width: 100%;text-align: center;}
.bbs_search2 .right{text-align: center;width: 100%;}
.bbs_search2 .form_sel{width:70px}
.bbs_search2 .form_txt{width: 200px;}
.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: 25px 20px;}
.bbs_search3 .form_sel{width: 120px;}
.bbs_search3 .form_txt{width: 250px;}
.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%;}
.bbs_search3 .btn_bbsw{padding: 8px 10px;}
.bbs_write td .ggong ul li img {display: inline-block;margin: 0;}
    

.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:50%}
.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%}

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

.photo_list ul{overflow:hidden;margin-left:-3%}
.photo_list li{float:left;width:47%;margin-left: 2%;}
.photo_list .img{}
.photo_list .img img{width: auto;height: 245px;}
.photo_list .img:hover img{transform:scale(1.2);transition:.5s ease-in-out}
.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;}
.video_list li img{width:auto; }
    
.news_list li a{overflow:hidden}
.news_list .img{float:left;margin:0 20px 0 0;width: 220px;height: 160px;}

.bbs_calender{overflow:hidden;}
.bbs_calender .calender{float:left;width: 46%;margin: 0;padding: 30px;}
.bbs_calender .calender .month{padding-top: 2px;}
.bbs_calender .calender p .prev{left: 20%;transform: rotate(180deg);}
.bbs_calender .calender p .next{right:20%}
.bbs_calender .info{float:left;width: 42%;margin: 0;padding: 30px;}
.bbs_calender .info ul{height: 309px;overflow-y:scroll;}
.bbs_calender .tab{margin:47px 0 0 0}
    
.bbs_calender2{}
.bbs_calender2 .month{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}



.letter_list ul{overflow:hidden;}
.letter_list li{width:50%;float:left;}
.letter_list li:nth-child(2n){margin-right:0}
.letter_list .adm_check{margin:0;position:absolute;top: 7px;left: 7px;}
.letter_list .img_w{height:330px;}
.letter_list img{height: 330px;width: auto;position: absolute;top: 0;left: 50%;transform: translate(-50%, 0);}
.letter_list .basic_btn a{width: 45%;margin: 0 5px 0 0;padding-right: 12px;}
.letter_list .basic_btn a span{padding: 12px 30px 12px 15px;}  

.faq_list{text-align:left}
.faq_list li>a{padding-left:80px}
.faq_list li>div{padding-left:80px}
.faq_list em{position:absolute;top:15px;left:20px}
.faq_list a em{background-position: center -194px;}

}

/* Desktop */
@media all and (min-width:1024px) {

.bbs_cate li a{}
.bbs_cate li.on a{}    

.bbs_cate li{width: 25%;height: 46px;}
.bbs_cate .col2 li{width:50%}
.bbs_cate .col3 li{width:33.33333333333333%}
.bbs_cate .col5 li{width:20%}
.bbs_cate .col6 li{width:16.66666666%;}
.bbs_cate .col7 li{width:14.28571428571429%}

.bbs_search select{width:auto}
.bbs_search .input_tit{width:20%}

.bbs_search{padding: 25px 20px;}
.bbs_search .left{width: 45%;text-align: left;margin: 0;}
.bbs_search .right{float: right;width: 55%;text-align: right;}
.bbs_search .right * {vertical-align: middle;}
    
.bbs_search2{padding: 25px 20px;}
.bbs_search2 .left{width: 35%;}
.bbs_search2 .right{float: right;width: 65%;text-align: right;}
.bbs_search2 .right * {vertical-align: middle;}
    
.btn_bbsw, .btn_bbsw:visited{margin: 0 0 0 3px;}
    
.photo_list ul{margin-left: -1.5%;}
.photo_list li{width: 31.333%;}
.photo_list .img{min-height:245px;height: 245px;}

.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{width:33.333%}
.video_list li img{height: 245px;width: 100%;}
.video_list li .video_w{height:245px;}

    

.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 #dedede;box-sizing: border-box;}
.ch_search .right{width: 52%;}
.ch_search .left ul{width:calc(100% - 70px);float: left;padding: 6px 6px 0 0;}
.ch_search .left ul li{font-size: 14px;width: auto;padding-right: 7px;}


.login_box2 div{padding: 50px 50px 50px 350px;background-position:10% center;}
.login_box2 ul{width: 66%;float:left;}
.login_box2 .basic_btn{width: 32%;float:left;margin: 0;}
.login_box2 .basic_btn a { padding-right:20px;}
.login_box2 .basic_btn a span{padding: 23px 40px 23px 25px;}
.login_box2 div:after{display:block; content:''; clear:both;}

.letter_list li{width:33.333%;padding: 30px 20px;}
}

@media all and (max-width:1023px){
.bbs_skin2 table{width:100%;border-top: 2px solid #484848;}
.bbs_skin2 table thead{display:none;}
.bbs_skin2 table td .basic_ul{margin-bottom:0 !important;}
.bbs_skin2 table tbody tr{display:block;border-bottom:1px solid #cdcdcd;padding:10px;}
.bbs_skin2 table tbody td{display:inline-block;padding: 5px 0;}
.bbs_skin2 table tbody td:after{width:1px;height:14px;margin:0 8px;background:#cfcfcf;display:inline-block;content:"";}
.bbs_skin2 table td:first-of-type:after,.bbs_list_t .num:after,.bbs_list_t .badge:after,.bbs_list_t .title:after,.bbs_list_t td:last-of-type:after{display:none;}
.bbs_skin2 table .title{display:block;padding:10px 0;margin:0 0 10px;border-bottom:1px dashed #ddd;font-size:1.2rem;}
.bbs_skin2 table .nofile{display:none;}
.bbs_skin2 table [data-cell-header]:before{content:attr(data-cell-header);display:inline-block;color:#a4a4a4; padding-right:5px}
.bbs_skin2 table .num[data-cell-header]:before,.bbs_skin2 table .title[data-cell-header]:before{display:none;}
.bbs_skin2 table col{width:100% !important;}
.bbs_skin2 table tbody .t_date br,
.bbs_skin2 table tbody .t_dday br{display:none}
.bbs_skin2 table .notice span{font-weight:500;color: #1c47d6;}
}

@media all and (min-width:1024px){
.bbs_search2 .left{width: auto;float:left;margin:0;text-align: left;}
.bbs_search2 .right{float:right;width: auto;text-align:right;}
.bbs_skin2 table .badge{float:left;margin:0 10px 0 0}
.bbs_skin2 table .badge ~ a{margin:4px 0 0}
.bbs_skin2 table{width:100%;min-width:800px;margin:10px 0;border-top: 2px solid #adb4bc;table-layout:fixed;}
.bbs_skin2 table thead{}
.bbs_skin2 table th, .bbs_skin2 td{text-align:center;padding:20px 7px;border: 1px solid #ebebeb;border-top:none;line-height:1.5em;border-left:0;border-right:0;}
.bbs_skin2 table thead th{background: #fafafa;color:#333;font-weight:400;}
.bbs_skin2 table tbody th{background:#f3f8fb;color:#444;font-weight:400;}
.bbs_skin2 table tbody td{color:#555}
.bbs_skin2 table .notice{padding:20px 0 0 0;background: #e6f7ff;}
.bbs_skin2 table tbody td.txt_left{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.bbs_skin2 table tbody td a{display:block; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.bbs_skin2 table tbody td li{text-align:left}
table tbody td .sbtn_go, .basic_table tbody td .sbtn_new, .basic_table tbody td .sbtn_down{white-space:nowrap;margin:0;}
.bbs_skin2 table .title a{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-weight: 500;}
.bbs_skin2 tbody tr:hover,.bbs_skin2 tbody tr:focus{background:#f4f5f7}
.bbs_skin2 tbody tr:hover a,.bbs_skin2 tbody tr a:focus{text-decoration:underline;}
.bbs_skin2 table .notice span{display:block;font-weight: 500;color: #1c47d6;}
.bbs_skin2 table .call a{}
.bbs_skin2 table .loc a img{width:auto;padding-left:0;}
.bbs_skin2 table tbody .t_date br,
.bbs_skin2 table tbody .t_dday br{display:block}

.bbs_calender .info{height: 421px;}
.bbs_calender .info div{margin:0;/* min-height: 374px; */}
.bbs_calender .info div li{width: 31.333%;}
.bbs_calender .info div ul{height: 255px;overflow-y: auto;}

}

/* 검색영역  */
.bbs_search,.bbs_search2{overflow:visible;display:block;margin:28px 0;padding:24px 20px;border: 1px solid #bddbff;border-radius:4px;background:#fff;text-align:left;box-sizing:border-box;}
.bbs_search form,.bbs_search2 form{margin:0;}
.bbs_search fieldset,.bbs_search2 fieldset{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0;padding:0;border:0;box-sizing:border-box;}
.bbs_search legend,.bbs_search2 legend{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);}
.bbs_search .left,.bbs_search2 .left{/* float:none; */display:flex;align-items:center;gap:8px;width:auto;margin:0;text-align:left;white-space:nowrap;box-sizing:border-box;}
.bbs_search .right,.bbs_search2 .right{float:none;display:flex;align-items:center;justify-content:flex-end;gap:4px;width:auto;margin:0;text-align:right;white-space:nowrap;box-sizing:border-box;}
.bbs_search .left span,.bbs_search2 .right span{display:inline-block;margin:0 2px 0 0;padding:0;background:none;color: #333;font-size:16px;font-weight: 500;line-height:34px;text-align: left;}
.bbs_total{margin:0;color:#111;font-size:16px;font-weight:400;line-height:34px;}
.bbs_total strong{color: #2f86f0;font-weight:700;}
.bbs_search .form_sel,.bbs_search2 .form_sel{width: 124px;min-width: 80px;height:34px;margin:0;padding:0 8px;border:1px solid #d7dfe7;border-radius:4px;background:#fff;color:#111;font-size:14px;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease;}
.bbs_search .form_txt,.bbs_search2 .form_txt{/* width:210px; */height:34px;margin:0;padding:0 10px;border:1px solid #d7dfe7;border-radius:4px;background:#fff;color:#111;font-size:14px;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease;}
.bbs_search .input_cal,.bbs_search2 .input_cal{width:160px;padding-left:10px !important;background:#fff;}
.bbs_search .right .form_txt,.bbs_search2 .right .form_txt{width:210px;}
.bbs_search .form_sm,.bbs_search2 .form_sm{width:70px;min-width:70px;height:34px;margin:0;padding:0;border: 1px solid #2f86f0;border-radius:4px;background: #2f86f0;color:#fff;font-size:14px;font-weight:600;cursor:pointer;box-sizing:border-box;transition:background .2s ease,border-color .2s ease;}
.bbs_search .form_re,.bbs_search .form_cancle,.bbs_search2 .form_re,.bbs_search2 .form_cancle{width:auto;min-width:70px;height:34px;margin:0;padding:0 12px;border:1px solid #d7dfe7;border-radius:4px;background:#fff;color:#333;font-size:14px;font-weight:500;cursor:pointer;box-sizing:border-box;transition:border-color .2s ease,color .2s ease,background .2s ease;}
.bbs_search .form_sel:hover,.bbs_search .form_txt:hover,.bbs_search2 .form_sel:hover,.bbs_search2 .form_txt:hover{border-color:#6fb7d9;}
.bbs_search .form_sm:hover,.bbs_search .form_sm:focus,.bbs_search2 .form_sm:hover,.bbs_search2 .form_sm:focus{background:rgb(0, 87, 217);color:#fff;}
.bbs_search .form_re:hover,.bbs_search .form_re:focus,.bbs_search .form_cancle:hover,.bbs_search .form_cancle:focus,.bbs_search2 .form_re:hover,.bbs_search2 .form_re:focus,.bbs_search2 .form_cancle:hover,.bbs_search2 .form_cancle:focus{border-color:#0076b6;background:#f4fbff;color:#0076b6;}

@media all and (max-width:767px){
.bbs_search,.bbs_search2{padding:18px 14px;}
.bbs_search fieldset,.bbs_search2 fieldset{display:block;}
.bbs_search .left,.bbs_search .right,.bbs_search2 .left,.bbs_search2 .right{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px;width:100%;white-space:normal;}
.bbs_search .left,.bbs_search2 .left{margin-bottom:8px;}
.bbs_search .left span,.bbs_search2 .right span{width:100%;line-height:1.4;}
.bbs_search .form_sel,.bbs_search2 .form_sel,.bbs_search .form_txt,.bbs_search2 .form_txt{width:100%;min-width:0;}
.bbs_search .input_cal,.bbs_search2 .input_cal{width:calc(50% - 13px);}
.bbs_search .form_sm,.bbs_search2 .form_sm{width:100%;}
}

@media all and (min-width:768px) and (max-width:1023px){
.bbs_search fieldset,.bbs_search2 fieldset{display:block;}
.bbs_search .left,.bbs_search2 .left{width:100%;margin-bottom:10px;}
.bbs_search .right,.bbs_search2 .right{display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%;white-space:normal;}
.bbs_search .input_cal,.bbs_search2 .input_cal{width:150px;}
.bbs_search .form_sel,.bbs_search2 .form_sel{width:90px;}
.bbs_search .right .form_txt,.bbs_search2 .right .form_txt{width:240px;}
}

@media all and (min-width:1024px){
.bbs_search fieldset,.bbs_search2 fieldset{display:flex;align-items:center;justify-content:space-between;gap:20px;}
.bbs_search .left,.bbs_search2 .left{flex:0 0 auto;width:auto;margin:0;}
.bbs_search .right,.bbs_search2 .right{flex:1 1 auto;width:auto;margin:0;justify-content:flex-end;}
.bbs_search .right .form_txt,.bbs_search2 .right .form_txt{width: 180px;}
.bbs_search .input_cal,.bbs_search2 .input_cal{width:160px;}
}



/* 동영상 뷰 */
.bbs_view{margin-top:30px;}
.bbs_view .bbs_vtop h4{margin:0 0 18px;color:#222;font-size:24px;font-weight:800;line-height:1.35;}
.bbs_view .bbs_vtop .col{display:flex;flex-wrap:wrap;margin:0 0 18px;padding:14px 18px;border: 1px solid #bddbff;border-radius:18px;background:#fff;box-sizing:border-box;}
.bbs_view .bbs_vtop .col li{width:100%;padding:6px 0;color:#555;font-size:15px;box-sizing:border-box;}
.bbs_view .bbs_vtop .col li strong{display:inline-block;margin-right:5px;color: #333;font-weight:700;}
.bbs_vtable{width:100%;border-top:2px solid #2f86f0;font-size:15px;}
.bbs_vtable th,.bbs_vtable td{padding: 20px 10px;border-bottom:1px solid #ddd;text-align:left;box-sizing:border-box;}
.bbs_vtable th{background: #eef5ff;color: #333;font-weight:700;}
.bbs_vtable td{color:#555;}

.video_view{margin:28px 0 0;}
.video_view .vid_area{position:relative;width:100%;aspect-ratio:16/9;border-radius:20px;background:#eef4fb;color:#666;font-size:15px;overflow:hidden;box-sizing:border-box;}
.video_view .vid_area iframe,.video_view .vid_area video,.video_view .vid_area img{display:block;width:100%;height:100%;border:0;object-fit:cover;}

/* 첨부파일 */
.bbs_filedown{margin-top:30px;border:1px solid #ddd;border-radius:18px;background:#fff;overflow:hidden;}
.bbs_filedown dl{margin:0;}
.bbs_filedown dt{padding:16px 18px;background: #eef5ff;color: #333;font-size:16px;font-weight: 700;}
.bbs_filedown dd{display:flex;flex-direction:column;gap:8px;margin:0;padding:16px 18px;border-top:1px solid #ddd;box-sizing:border-box;}
.bbs_filedown dd p{/* display:flex; *//* flex-wrap:wrap; *//* gap:6px; *//* margin:0; */float: right;text-align: right;}
.bbs_filedown dd>span{display:block;min-width:0;}
.bbs_filedown dd>span a{display:block;color:#444;font-size:15px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sbtn_view{display: inline-flex;align-items:center;height: 32px;padding:0 12px;border-radius:10px;font-size:14px;font-weight: 600;box-sizing:border-box;}
.sbtn_view{border:1px solid #2f86f0;background:#fff;color:#2f86f0;}
.sbtn_view:hover{border:1px solid #2f86f0;background:#e9f3ff;color:#2f86f0;}

.sbtn_down{border:1px solid #163f73;background:#163f73;color:#fff;}


@media all and (min-width:768px){
	.bbs_view .bbs_vtop h4{font-size:30px;}
	.bbs_view .bbs_vtop .col li{width:50%;font-size:16px;}
	.bbs_filedown dl{display:grid;grid-template-columns:160px 1fr;}
	.bbs_filedown dt{grid-row:1 / span 10;display:flex;align-items:center;justify-content:center;border-right:1px solid #ddd;}
	.bbs_filedown dd{flex-direction: row-reverse;align-items:center;gap:14px;border-top:0;}
	.bbs_filedown dd+dd{border-top:1px solid #ddd;}
	.bbs_filedown dd>span{flex:1;order:1;}
	.pagelist li strong{width:120px;}
	.pagelist li span{width:calc(100% - 120px);padding:18px 20px;}
}



/* 로그인 페이지 */
.login_wrap{margin-top:35px;padding:35px 18px;border-radius:28px;background:linear-gradient(135deg,#eef8ff 0%,#f7fbff 45%,#fff 100%);box-sizing:border-box;}
.login_inner{overflow:hidden;border:1px solid #dceaf5;border-radius:24px;background:#fff;box-shadow:0 12px 28px rgba(0,78,130,.12);}

.login_visual{display:flex;align-items:center;justify-content:center;position:relative;height:180px;background:linear-gradient(135deg,#2f86f0,#bad7ff);}
.login_visual:after{/* content:''; */position:absolute;left:0;right:0;bottom:-1px;height:46px;background:linear-gradient(135deg,transparent 45%,#fff 46%);}
.login_visual img{display:block;width: 100%;height: 83%;object-fit:contain;}

.login_box{padding:30px 22px 34px;text-align:center;}
.login_label{display:inline-block;margin:0 0 14px;padding:7px 16px;border-radius:30px;background:#e8f6ff;color:rgb(0,87,217);font-size:14px;font-weight:700;}
.login_box h3{margin:0;color:#333;font-size:28px;font-weight:800;line-height:1.3;}
.login_txt{margin:16px 0 26px;color:#767676;font-size:15px;line-height:1.7;}

.login_btn{display:flex;align-items:center;justify-content:center;width:100%;height:54px;border-radius:14px;background:#2f86f0;color:#fff;font-size:17px;font-weight:700;text-decoration:none;box-shadow:0 4px 17px rgba(0,111,189,.24);transition:.25s;}
.login_btn:hover,.login_btn:focus{transform:translateY(-2px);box-shadow:0 12px 22px rgba(0,111,189,.3);}

@media all and (min-width:768px){
	.login_wrap{padding:45px 35px;}
	.login_inner{display:flex;align-items:stretch;}

	.login_visual{display:flex;align-items:center;justify-content:center;width:42%;height:auto;min-height:330px;}
	.login_visual:after{top:0;right:-1px;bottom:0;left:auto;width:58px;height:auto;background:linear-gradient(105deg,transparent 48%,#fff 49%);}
	.login_visual img{width:75%;height:auto;max-height:220px;}

	.login_box{display:flex;flex-direction:column;align-items:center;justify-content:center;width:58%;padding:45px 40px;}
	.login_box h3{font-size:34px;}
	.login_txt{font-size:16px;}
	.login_btn{height: 56px;font-size:18px;padding: 0px 30px;margin-left: -32px;}
	.login_visual img{display:block;width:80%;height: 54%;object-fit:contain;}

}

@media all and (min-width:1024px){
	.login_wrap{padding:55px;}

	.login_visual{width:45%;min-height:380px;}
	.login_visual img{max-height:250px;}

	.login_box{width:55%;padding:60px 55px;}
	.login_box h3{font-size:38px;}
}

@media all and (min-width:1200px){
	.login_wrap{padding:65px;}

	.login_inner{max-width:1100px;margin:0 auto;border-radius:30px;}

	.login_visual img{max-height:280px;width: 100%;height: 90%;}

	.login_box h3{font-size:30px;}
	.login_txt{margin-top:20px;margin-bottom:32px;font-size:16px;}
	.login_btn{height: 56px;font-size:18px;padding: 0px 30px;margin-left: -32px;}
}