@charset "utf-8";

/* Mobile */

.w_star {color: #df1b49 ; vertical-align: middle;}
.bbs_skin {margin-top: 40px;}
.form_sel, .form_txt, .form_sm{border-radius: 3px;}

.bbs_table{width:100%;min-width:270px;margin-bottom:20px;}
.bbs_table tr{border-bottom: 1px solid #ddd;}
.bbs_table th, .bbs_table td{padding:3px 10px;height:45px;text-align:center;line-height:1.5em;vertical-align:middle;    min-width: 80px;}
.bbs_table th{background:#f4f9fa; font-family: 'NotoKrL';}
.bbs_table td *{vertical-align:middle}
.bbs_table .tit{text-align:left}
.bbs_table .tit a:hover, .bbs_table .tit a:focus{text-decoration:underline}
.txt_left td{text-align:left}
.bbs_table input{border:1px solid #ddd;padding:9px 0;margin:2px 0;border-radius: 3px;    width: 50%; max-width: 200px;}
.bbs_table input:read-only {background-color: #f5f5f5;}  
.bbs_table input.w_100px {width:100px;}
.bbs_table input[type=file]{padding:0;height: 25px;}
.bbs_table .bw_file{margin: 2px 0;overflow: hidden;}
.bbs_table .bw_file input{padding: 0;height: 29px;max-width: none; float: left;width: 100%;}
.bbs_table .bw_file .memoarea{display: block; width: 100%; float: right;}
.bbs_table .bw_file .memoarea em{background: url("/images/gpass/common/bbs_ico.png") no-repeat -10px -239px;padding-left: 21px;font-style: normal;display: inline-block;}
.bbs_table .bw_file .memoarea input{}
.bbs_write td .ggong{}
.bbs_write td .ggong ul li{margin: 9px 0;line-height: 35px;}
.bbs_write td .ggong ul li img{height: 35px;padding-right: 10px;}
.bbs_table textarea{border:1px solid #ddd}
.bbs_table select{border:1px solid #ddd;padding:7px 0;margin:2px 0;width: 70%; max-width: 200px;}
.bbs_table td label{margin:0 20px 0 0}

.bbs_skin .bbs_list .ico_file{display: inline-block;width:20px;height:24px;padding:0;font-size: 0;overflow:hidden;background:url("/images/gpass/common/bbs_ico.png") no-repeat center -262px;vertical-align: middle;}
.bbs_skin .ico_secret{display: inline-block;width:20px;height:24px;padding:0;font-size: 0;overflow:hidden;background:url("/images/gpass/common/bbs_ico.png") no-repeat center -286px;vertical-align: middle;}
.bbs_table .adm_check{width:20px;height:20px}
.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_hl {width: 40%; max-width:335px;}
.bbs_table .input_h{width: 100%;max-width:300px;}
.bbs_table .input_hl {width: 100%; max-width:300px;}
.input_hn{width: 40%;max-width: 150px;}
.input_wln{width: 90%; max-width: 200px;}
.input_cal, .txt_cal{background:url("/images/gpass/common/bbs_ico.png") no-repeat left -5px top -155px;padding-left:32px !important}
.bbs_table input[type=submit], button{cursor:pointer}

/*cate*/
.bbs_cate {padding: 12px; margin-bottom: 20px; background: #eef7ff;border-radius: 10px;}
.bbs_cate li {display: inline-block; font-size:16px;line-height:1.5em;padding:0 0 0 14px;margin:0 15px 5px 0;background:url("/images/gpass/common/li01.png") no-repeat 0 8px;box-sizing: border-box;}
.bbs_cate li a:hover, .bbs_cate li a:focus {color: #2c60cb;}
.bbs_cate li.on a {color: #2c60cb; text-decoration: underline;}

/*search*/
.bbs_search2 {padding: 12px; margin-bottom: 20px;  text-align: center;border-radius: 10px;background: #f5f6f6;}
.bbs_search2 .left span, .bbs_search2 .right span {display: block; margin: 0 0 8px; font-weight: 700; color: #02224d;}
.bbs_search2 .left .form_sel {margin-bottom: 20px; padding: 3px; border: 1px solid #ddd;}
.bbs_search2 .form_txt {padding: 5px;margin-bottom: 8px; border: 1px solid #ddd; background: #fff;}
.bbs_search2 .form_sm {cursor: pointer; width: 20%; height:29px; background: #02224d; color: #fff; vertical-align: middle;}

.bbs_search3 {margin-bottom: 20px;}
.bbs_search3 .bbs_total {margin-bottom: 8px;}
.bbs_search3 .bbs_total strong {color:#004db5;}
.bbs_search3 .right {text-align: right;}
.bbs_search3 .form_txt {width: 40%; margin: 0 0 8px;; padding: 5px; border: 1px solid #ddd;}
.bbs_search3 .form_sm {cursor: pointer; height: 28px; padding: 0 8px; background: #02224d; color: #fff; vertical-align: middle;}
.bbs_search3 .form_sel {min-width: 120px; padding: 3px; border: 1px solid #ddd;}

/*list*/
.bbs_list {width: 100%; margin-bottom: 20px; border-top: 2px solid #02224d;}
.bbs_list li {border-bottom: 1px solid #ddd;}
.bbs_list li a {display: block; padding: 20px 0;}
.bbs_list li a:hover, .bbs_list li a:focus {background: #f4fafd;}
.bbs_list li a em {font-style: normal;}
.bbs_list li a em.ico_notice {color: #2c60cb; font-size: 18px;}
.bbs_list li a em.ready{color:#df1b49;}
.bbs_list li a strong {display: block; width: 100%; font-size: 20px; color: #333;}
.bbs_list li a:hover strong, .bbs_list li a:focus strong{color: #000;text-decoration: underline;}
.bbs_list li a span.txt {display: block; margin: 8px 0; height: 4.5em; overflow: hidden; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 16px;}
.bbs_list li a em.info {color: #686868;}
.bbs_list li a em.info span {display: inline-block; width: 1px; height: 10px; margin: 0 8px; background: #ddd; vertical-align: baseline;}
.bbs_list .list_none {padding: 30px 0; text-align: center; font-size: 16px;}
.bbs_list .list_none:hover {background:#f4fafd;}
.adm_list li {position: relative;}
.adm_list li:after {display: block; clear: both; content: "";}
.adm_list li a {width: 90%; float: right;}
.adm_list .adm_check {position: absolute; top: 25px;}

/*page*/
.bbs_page {text-align: center;margin: 40px 0;}
.bbs_page a {display: inline-block; width: 38px; height: 38px; margin: 2px; line-height: 38px; overflow: hidden;border-radius: 3px; border: 1px solid #cbddd8;}
.bbs_page a.prev, .bbs_page a.prev2, .bbs_page a.next, .bbs_page a.next2 {height: 0; padding-top: 38px; background: url("/images/gpass/common/bbs_ico.png") no-repeat;}
.bbs_page a.prev2 {background-position: center 0;}
.bbs_page a.prev {background-position: center -40px;}
.bbs_page a.next {background-position: center -80px;}
.bbs_page a.next2 {background-position: center -120px;}
.bbs_page a:hover, .bbs_page a:focus {background-color:#f7ffff; border-color: #4baf94;}
.bbs_page a.on {background:#4baf94; color: #fff; font-weight: 600; text-decoration: underline;border-color:#4baf94;}

/*button*/
.bbs_btn {margin-top: 20px; text-align: right;}
.bbs_btn a {display: inline-block; padding: 8px 16px; margin: 2px;border-radius: 5px;box-sizing: border-box;border: 1px solid #ddd;}
.bbs_btn a.bbs_bt1 {border-color: #ddd;color: #000;}
.bbs_btn a.bbs_bt2 {background: #02224d; color: #fff;}
.bbs_btn a.bbs_bt3 {background: #f5f6f6f6; color: #02224d; border: 1px solid #02224d; font-weight: 700;}
.bbs_btn input[type=submit] {cursor: pointer;display: inline-block;padding: 9px 16px;margin: 2px;border: 1px solid #2c60cb;background: #fff;border-radius: 5px;color: #17469e;}
.bbs_btn a:hover, .bbs_btn a:focus, .bbs_btn input[type=submit]:hover, .bbs_btn input[type=submit]:focus {background: #02224d;color: #34ffc8; border-color: #00a276;  font-weight: 700;}

/*table*/
.bbs_list2 {border-top: 2px solid #02224d}
.bbs_list2 .bbs_table th, .bbs_list2 .bbs_table td {border-right: 1px solid #ddd;}
.bbs_list2 .bbs_table th:last-child, .bbs_list2 .bbs_table td:last-child {border-right: none;}
.bbs_list2 .bbs_table tr:hover {background:#effaff;}
.bbs_list2 .bbs_table td  { color: #000; font-family: 'NotoKrR';}
.bbs_list2 .bbs_table td.notice {background: #fff8fa; color: #17469e; font-weight: 600;}
.bbs_list2 .bbs_table td.title a {display: block; text-align: left; color: #333;}
.bbs_list2 .bbs_table td.title a:hover, .bbs_list2 .bbs_table td.title a:focus{color: #000;text-decoration: underline;}
@media all and (max-width:1023px) {
.bbs_list2 .bbs_table {min-width: 100%;}
.bbs_list2 .bbs_table colgroup{display: none;}
.bbs_list2 .bbs_table thead {display: none;}
.bbs_list2 .bbs_table tr {display: block; padding: 12px 0;}
.bbs_list2 .bbs_table tbody th{display: block;width: 30px;height: 30px;padding: 0;background: #02224d;color: #fff;text-align: center;line-height: 30px;border-radius: 5px; margin: 10px auto;}
.bbs_list2 .bbs_table td {display: block; height: auto; padding: 0; border: none; text-align: center;}
.bbs_list2 .bbs_table td[data-cell-header]:before {display: inline-block; margin-right: 8px; content: attr(data-cell-header); color: #02224de; font-weight: 600;}
.bbs_list2 .bbs_table td[data-cell-header]:after {display: inline-block; width: 1px; height: 10px; margin: 0 6px; content: ""; background: #ddd;}
.bbs_list2 .bbs_table td.notice[data-cell-header]:before,
.bbs_list2 .bbs_table td.notice[data-cell-header]:after,
.bbs_list2 .bbs_table td.num[data-cell-header]:before,
.bbs_list2 .bbs_table td.num[data-cell-header]:after,
.bbs_list2 .bbs_table td.title[data-cell-header]:before,
.bbs_list2 .bbs_table td.title[data-cell-header]:after,
.bbs_list2 .bbs_table td:last-child[data-cell-header]:after{display: none;}
.bbs_list2 .bbs_table td.notice {padding: 2px 10px 4px; background: #2c60cb; color: #fff}
.bbs_list2 .bbs_table td.title {display: block; margin: 8px 0 16px; font-size: 20px; font-weight: 600; border-bottom: 1px dotted #ccdcfd;}
.bbs_list2 .bbs_table td.title a {width: 100%;height: 3.0em;padding-bottom: 5px;overflow: hidden;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.bbs_list2 .bbs_table td a {vertical-align: top;}
}

/*write*/
.bbs_write {min-width:100%; border-top: 2px solid #02224d;}
.bbs_write td{text-align:left}
.bbs_write td.editarea{padding: 5px 0;}
.txt_cm {display: block; padding: 0 0 0 26px; background: url("/images/gpass/common/bbs_ico.png") no-repeat -8px -214px;}
.btn_bbsw {display: inline-block; padding: 8px 16px; margin: 2px; background: #02224d; color: #fff; font-size: 14px; font-weight: 400;border-radius: 3px;}
.btn_bbsw.red{background: #cc2705;font-weight:bold;}
/*view*/
.bbs_view {width: 100%;padding: 10px 0}
.bbs_view h4 {padding-left: 0; margin-bottom: 20px; background: none; color: #02224d;}
.bbs_vtop .col{padding-bottom:10px;border-bottom: 2px solid #02224d;}
.bbs_vtop .col li{margin:0 0 3px 0}
.bbs_vtop .col li:last-child{margin:0}
.bbs_vtop .col strong{color:#000;}
.bbs_vtop .tt_list {border-top: 2px solid #2c60cb;}
.bbs_vtop .tt_list li{border-bottom: 1px solid  #ddd;display:table;width:100%;}
.bbs_vtop .tt_list strong{display:table-cell;padding:20px 10px;background: #f6fbff;width:40%;text-align:center;vertical-align:middle;}
.bbs_vtop .tt_list span{display:table-cell;padding:20px 10px;text-align:left;vertical-align:middle}
.bbs_vtable{width:100%;min-width:700px;border-top: 1px solid #ddd;}
.bbs_vtable th, .bbs_vtable td{border-bottom: 1px solid  #ddd;padding:10px;}
.bbs_vtable th{background: #f6fbff;}
.bbs_filedown{padding:15px;border-top: 1px solid #2c60cb;border-bottom: 1px solid #2c60cb;}
.bbs_filedown a{vertical-align:bottom;margin-left: 10px;}
.bbs_filedown .ico_file{margin-left: 15px; display: inline-block;}
.bbs_filedown .ico_file:before{content:"";display:inline-block;width: 16px;height: 24px;background: url("/images/common/icon_file.gif") no-repeat center;margin: 0 5px -5px 0;}
.bbs_filedown .ico_file:hover, .bbs_filedown .ico_file:focus{text-decoration:underline}
.bbs_filedown .ico_viewer{display:inline-block;width:24px;height:0;padding:24px 0 0 0;margin-left:8px;overflow:hidden;border-radius:100%;background: url("/images/common/bbs_ico.png") no-repeat center -190px #2c60cb;}
.bbs_con{font-family: 'NotoKrL';width: 100%;padding:20px 0; line-height:1.5em;font-size:16px;border-bottom: 1px solid #ddd;}
.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.929em}
.pagelist{border-top:1px solid  #ddd;}
.pagelist li{border-bottom:1px solid  #ddd}
.pagelist ul li strong{display:table-cell;padding:20px 10px;background: #f6fbff;width:40%;text-align:center;vertical-align:middle;}
.pagelist ul li span{display:table-cell;padding:20px 10px;text-align:left;vertical-align:middle}
.pagelist ul li span a:hover,.pagelist ul li span:focus{text-decoration:underline;}

/* 사진-리스트 */
.photo_list{border-top: 2px solid #2c60cb;}
.photo_list .adm_list .adm_check {position: static; width: 20px; height: 20px; margin:15px auto;}
.photo_list .adm_list a {width: 100%;}
.photo_list li{margin:0 0 20px 0;text-align:center}
.photo_list li a{display:block}
.photo_list .img{display:block;overflow:hidden;position:relative;background: #f8fafd;border:1px solid #ddd; height: 240px;}
.photo_list .img img {width: 100%; max-width: 360px;}
.photo_list .date{display:block;padding:0 10px 10px;color:#666}
.photo_list strong{display:block;margin-top: 20px;font-size: 18px;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 #ddd;border-bottom:1px solid #ddd}
.photo_list li a:hover .img, .photo_list li a:focus .img{border-color: #2c60cb;background: #fff;transition: 1s;}
.photo_list li a:hover .img img, .photo_list li a:focus .img img{opacity: .3;transform: scale(1.1);transition: 1s;}
.photo_list li a:hover strong, .photo_list li a:focus strong{color: #2c60cb;}

/* 사진-뷰 */
.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 #ddd;border-bottom: solid 1px #ddd}
.photo_view .img_list button{width:40px;height:0;padding:40px 0 0 0;overflow:hidden;position:absolute;top:17px;border:1px solid #ddd;background:url("/images/gpass/common/bbs_ico.png") no-repeat;border-radius: 3px;}
.photo_view .img_list button:hover, .photo_view .img_list button:focus{border-color:#2c60cb;background-color: #eef7ff;}
.photo_view .img_list .prev{background-position: center -40px;left:0}
.photo_view .img_list .next{background-position: center -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 #2c60cb}
.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}

/*reply*/
.bbs_reply {margin-top: 30px;padding: 20px;border: 3px solid #ddd;background: #f6fbff}
.bbs_reply h4 {margin: 0 0 15px 0;padding: 0;background: none;}
.bbs_reply h4 strong {color: #df1b49 ;}
.bbs_reply .bbs_filedown {border-bottom: 1px solid #ddd;}

/*data_list*/
.bbs_data{margin-top: 0;}
.bbs_data .search{margin: 0 0 20px;border: 3px solid #e8f2fb;border-radius: 20px;overflow: hidden;}
.bbs_data .sch_box{padding: 20px;background: #e8f2fb;text-align: center;}
.bbs_data .sch_box input[type="text"]{width: 100%;max-width: 400px;padding: 8px;margin: 1px 1px 8px;border-radius: 3px;box-sizing: border-box;}
.bbs_data .sch_box input[type="submit"]{padding: 8px 14px;margin: 1px;background: #2c60cb;cursor: pointer;border-radius: 3px;color: #fff;}
.bbs_data .sch_box button{padding: 7px 14px;margin: 1px;background: #fff;border: 1px solid #2c60cb;border-radius: 3px;color: #2c60cb;}
.bbs_data .sch_box input[type="submit"]:hover, .bbs_data .sch_box button:hover,
.bbs_data .sch_box input[type="submit"]:focus, .bbs_data .sch_box button:focus{background: #17469e;color: #fff;}
.bbs_data .chk_box{padding: 20px 20px 0;}
.bbs_data .chk_box>ul>li{padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px dashed #ccdcfd;}
.bbs_data .chk_box>ul>li:last-child{padding-bottom: 0;border: none;}
.bbs_data .chk_box li strong{display: block;font-size: 18px;color: #2c60cb;}
.bbs_data .chk_box li ul{overflow: hidden;}
.bbs_data .chk_box li li{float: left;margin: 2px 0;}
.bbs_data .chk_box li li.all{font-weight: 500;color: #17469e;}
.bbs_data .chk_box li input{vertical-align: middle;}
.bbs_data .chk_box li label{margin: 0 12px 0 4px;font-size: 15px;vertical-align: middle;}
.bbs_data .bbs_search3 .right button{padding: 2px 10px;border-radius: 3px;border: 1px solid #2c60cb;font-size: 14px;color: #17469e;background: #fff;}
.bbs_data .bbs_search3 .right button.on{background: #2c60cb;color: #fff;}
.bbs_data .bbs_table td>span{display: inline-block;padding: 0px 8px;margin: 0 2px;font-size: 14px;letter-spacing: -.5px;border-radius: 3px;font-weight: 500;}
.bbs_data .bbs_table td.type span{border: 1px solid #ddd;}
.bbs_data .bbs_table td.type span.sht{border-color: #2c60cb;color: #2c60cb;}
.bbs_data .bbs_table td.type span.cht{border-color: #cd0068;color: #cd0068;}
.bbs_data .bbs_table td.type span.map{border-color: #009b71;color: #009b71;}
.bbs_data .bbs_table td.type span.file{border-color: #17469e;color: #17469e;}
.bbs_data .bbs_table td.type span.api{border-color: #d93f09;color: #d93f09;}
.bbs_data .bbs_table td.type span.link{border-color: #6e1add;color: #6e1add;}
.bbs_data .bbs_table td.cate span{color: #333;}
.bbs_data .bbs_table td.cate span.ct01{background: #f5bac6;}
.bbs_data .bbs_table td.cate span.ct02{background: #ffe0fc;}
.bbs_data .bbs_table td.cate span.ct03{background: #ead3ff;}
.bbs_data .bbs_table td.cate span.ct04{background: #d8d3ff;}
.bbs_data .bbs_table td.cate span.ct05{background: #d3e5ff;}
.bbs_data .bbs_table td.cate span.ct06{background: #d3f9ff;}
.bbs_data .bbs_table td.cate span.ct07{background: #d8f6ee;}
.bbs_data .bbs_table td.cate span.ct08{background: #d4ded3;}
.bbs_data .bbs_table td.cate span.ct09{background: #f5ffe8;}
.bbs_data .bbs_table td.cate span.ct10{background: #ffffec;}
.bbs_data .bbs_table td.cate span.ct11{background: #fff3c9;}
.bbs_data .bbs_table td.cate span.ct12{background: #eed6c2;}
.bbs_data .bbs_table td.cate span.ct13{background: #ffd7ce;}
.bbs_data .bbs_table td.cate span.ct14{background: #ffcece;}
.bbs_data .bbs_table td.cate span.ct15{background: #ececec;}
.bbs_data .bbs_table td.cate span.ct16{background: #c6ddff;}
@media (max-width: 1023px) {
.bbs_data .bbs_table td.type[data-cell-header]:before,
.bbs_data .bbs_table td.cate[data-cell-header]:before,
.bbs_data .bbs_table td.view[data-cell-header]:before{display: none;}

.bbs_table .bw_file .memoarea input{width: 45%;}
}
/*data_view*/
.bbs_data .data_tit ul{overflow: hidden;}
.bbs_data .data_tit li{float: left;}
.bbs_data .data_tit li span{display: block;padding: 4px 8px;font-weight: 500;border-radius: 3px;margin: 0 4px 0 0;}
.bbs_data .data_tit li.type span{border: 1px solid #ddd;}
.bbs_data .data_tit li.type span.sht{border-color: #2c60cb;color: #2c60cb;}
.bbs_data .data_tit li.type span.cht{border-color: #cd0068;color: #cd0068;}
.bbs_data .data_tit li.type span.map{border-color: #009b71;color: #009b71;}
.bbs_data .data_tit li.type span.file{border-color: #17469e;color: #17469e;}
.bbs_data .data_tit li.type span.api{border-color: #d93f09;color: #d93f09;}
.bbs_data .data_tit li.type span.link{border-color: #6e1add;color: #6e1add;}
.bbs_data .data_tit li.cate span{color: #333;}
.bbs_data .data_tit li.cate span.ct01{background: #f5bac6;}
.bbs_data .data_tit li.cate span.ct02{background: #ffe0fc;}
.bbs_data .data_tit li.cate span.ct03{background: #ead3ff;}
.bbs_data .data_tit li.cate span.ct04{background: #d8d3ff;}
.bbs_data .data_tit li.cate span.ct05{background: #d3e5ff;}
.bbs_data .data_tit li.cate span.ct06{background: #d3f9ff;}
.bbs_data .data_tit li.cate span.ct07{background: #d8f6ee;}
.bbs_data .data_tit li.cate span.ct08{background: #d4ded3;}
.bbs_data .data_tit li.cate span.ct09{background: #f5ffe8;}
.bbs_data .data_tit li.cate span.ct10{background: #ffffec;}
.bbs_data .data_tit li.cate span.ct11{background: #fff3c9;}
.bbs_data .data_tit li.cate span.ct12{background: #eed6c2;}
.bbs_data .data_tit li.cate span.ct13{background: #ffd7ce;}
.bbs_data .data_tit li.cate span.ct14{background: #ffcece;}
.bbs_data .data_tit li.cate span.ct15{background: #ececec;}
.bbs_data .data_tit li.cate span.ct16{background: #c6ddff;}
.bbs_data .data_tit h4{margin: 20px 0 0;padding: 0;background: none;}
.bbs_data .data_con{margin: 20px 0 0;}
.bbs_data .data_tab ul{/*border-top: 1px solid #ccdcfd;border-right: 1px solid #ccdcfd;*/overflow: hidden;}
.bbs_data .data_tab li a{display: block;padding: 10px;border: 1px solid #ccdcfd;border-bottom: none;text-align: center;box-sizing: border-box;background: #2c60cb;color: #fff;}
.bbs_data .data_tab li.on a{background: #fff;color: #2c60cb;font-weight: 500;}
.bbs_data .data_tab li:last-child.on a{border-bottom: 1px solid #ccdcfd;}

/*빅데이터분석 상단*/
.data_stat{font-family: GmarketSans;}
.data_stat h3{color:#2c60cb;}
.data_stat span{display: block;padding: 10px 0;font-size: 18px;overflow: hidden;border-top: 1px dashed #ccdcfd;}
.data_stat span:first-of-type{border-top: none;}
.data_stat em{display: inline-block;float: right;font-style: normal;font-weight: 700;color: #2c60cb;}

/* Tablet */
@media all and (min-width:768px) {
.adm_list li a {width: 95%;}

.bbs_cate {padding: 20px; margin-bottom: 30px;}

.bbs_search2 {padding: 20px; margin-bottom: 30px;}
.bbs_search2 .left span, .bbs_search2 .right span {display: inline-block; margin: 0 6px 0 0; vertical-align: middle;}
.bbs_search3:after {display: block; clear: both; content: "";}
.bbs_search3 .left {float: left;}
.bbs_search3 .right {float: right;}
.bbs_search3 .bbs_total, .bbs_search3 .form_txt {margin-bottom: 0;}

.bbs_list li a span.txt {margin-bottom: 16px; height: 3.0em; -webkit-line-clamp: 2;}

.bbs_vtop .col {text-align: left; font-size: 0;}
.bbs_vtop .col li {display: inline-block; font-size: 16px;font-family: 'NotoKrL'; color: #666;}
.bbs_vtop .col li:after {display: inline-block; width: 1px; height: 10px; margin: 0 12px; background: #ddd; content: "";}
.bbs_vtop .col li:last-child:after {display: none;}
.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%}

.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}

.bbs_reply {padding: 30px;}

.bbs_data .search{margin-bottom: 40px;}
.bbs_data .sch_box{padding: 30px;}
.bbs_data .chk_box{padding: 30px 30px 10px;}
.bbs_data .chk_box>ul>li{overflow: hidden;}
.bbs_data .chk_box li strong{float: left;width: 100px;}
.bbs_data .chk_box li ul{float: rightwidth: calc(100% - 100px);}

.bbs_data .data_con{margin-top: 40px;}
.bbs_data .data_tab{position: relative;}
.bbs_data .data_tab:before{display: block;position: absolute;width: 100%;height: 1px;background: #ccdcfd;content: "";left: 0;bottom: 0;z-index: -1;}
.bbs_data .data_tab li{float: left;width: 20%;box-sizing: border-box;}
.bbs_data .data_tab li:last-child.on a{border-bottom: none;}
.bbs_data .data_con .tab_content{padding: 0 20px 40px;border-bottom: 1px solid #ccdcfd;}

.data_stat{text-align: center;}
.data_stat span{border-top: none;display: inline-block;line-height: 2.4rem;}
.data_stat span:before{display: inline-block;width: 1px;height: 10px;margin: 0 20px;content: "";background: #ccdcfd;}
.data_stat span:first-of-type:before{display: none;}
.data_stat em{margin-left: 20px;font-size: 24px;}

.bbs_table .bw_file input {width: 48%;}
.bbs_table .bw_file .memoarea {width: 48%;}
.bbs_table .bw_file .memoarea input {width: 60%;}

}

/* Desktop */
@media all and (min-width:1023px) {
.bbs_search2:after {display: block; clear: both; content: "";}
.bbs_search2 .left {float: left;}
.bbs_search2 .right {float: right;}
.bbs_search2 .left .form_sel, .bbs_search2 .form_txt {margin-bottom: 0;}
.bbs_search2 .form_sm {width: 80px;}

.bbs_list2 .bbs_table {table-layout: fixed;}
.bbs_list2 .bbs_table td.title a {display: block;font-weight: 500;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

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

.bbs_data .bbs_table td>span{display: block;margin: 2px 0;}

}

@media all and (min-width:1400px) {
.bbs_table .bw_file .memoarea input {width: 80%;}
}

/* 통합검색 지도 마크 내용 */
.bbs_data .layer_pop{display: none;}
.bbs_data .layer_pop.on{display: block;}
.bbs_data .layer_con{position: relative;width: 90%;top: 20%;left: 0;;margin: 0 20px;padding: 10px 20px;background: #fff;border-radius: 5px;box-sizing: border-box;box-shadow: 0 5px 10px rgba(0,0,0,.3);font-size: 14px;color: #333;z-index: 2000;}
.bbs_data .layer_con h2{padding: 5px 0;margin-bottom: 10px;font-size: 18px;font-weight: 600;color: #2c60cb;border-bottom: 1px solid #2c60cb;}
.bbs_data .layer_con>ul li{position: relative;padding-left: 17px;}
.bbs_data .layer_con>ul li:before{display: block;position: absolute;width: 13px;height: 17px;top: 3px;left: 0;content: "";background: url("/images/map/pop_ico.png") no-repeat;}
.bbs_data .layer_con>ul li.tel:before{background-position: center -26px;}
.bbs_data .layer_con .txt{padding: 10px;margin: 10px 0;background: #eef7ff;border-radius: 3px;}
.bbs_data .layer_con .txt li{position: relative;padding-left: 8px;}
.bbs_data .layer_con .txt li:before{display: block;position: absolute;width: 4px;height: 4px;top: 8px;left: 0;content: "";border-radius: 100%;background: #2c60cb;}
.bbs_data .layer_con .sns ul{text-align: right;font-size: 0;}
.bbs_data .layer_con .sns li{display: inline-block;margin-left: 3px;}
.bbs_data .layer_con .sns li a{display: block;width: 22px;height: 20px;overflow: hidden;border: 1px solid #ddd;border-radius: 3px;background: url("/images/map/link_icon.png") no-repeat;}
.bbs_data .layer_con .sns li.nvr a{border-color: #00c73c;background-position: center -2px;}
.bbs_data .layer_con .sns li.daum a{border-color: #739dfc;background-position: center -28px;}
.bbs_data .layer_con .sns li.ggl a{border-color: #fbc106;background-position: center -54px;}
.bbs_data .layer_con .sns li.ytb a{border-color: #ff0000;background-position: center -79px;}
.bbs_data .layer_con .sns li.ins a{border-color: #6854ca;background-position: center -103px;}
.bbs_data .layer_con>button{display: block;position: absolute;top: 20px;right: 20px;width: 14px;height: 14px;padding: 0;font-size: 0;overflow: hidden;background: url("/images/map/pop_close.png") no-repeat;}
@media all and (min-width:768px) {
.bbs_data .layer_con{max-width: 200px;}
}            

/* 자주묻는 질문 */

/* QnA (목록) */
.boardQnA {padding: 10px; border: 0; border-top: 2px solid #02224d;}
.boardQnA ul > li {overflow:hidden;transition: 0.3s;height: 115px;padding: 0;border-bottom:1px solid #ebebeb;}
.boardQnA ul > li ul li{height:30px;}
.boardQnA ul > li.on {height:auto;transition: 0.3s;}
.boardQnA dt > a {display:inline-block;width: 100%;line-height: 1.3; padding: 6px 0 10px 30px;font-family: 'SejonghospitalBold';  word-break: keep-all;color: #02224d; height:80px; font-size:15px;}
.boardQnA ul > li.on dt{border-bottom: 1px solid #02224d;}
.boardQnA ul > li.on dt > a {text-decoration:underline;height: 55px;}
.boardQnA dt {border-bottom:1px solid #cecece;}
.boardQnA dt > a.last_list{width: 86%;background-position: 98.5% 10px;}
.boardQnA dt > span {text-align: center;line-height: 42px; display:inline-block;margin: 10px 2% 5px 20px;width: 42px; font-family: 'SejonghospitalBold';color: #02224d;background-color:#f5f6f6f6;  border-radius:13px 13px 0;  font-size: 20px;}
.boardQnA dd {border-bottom:1px solid #e1e1e1;background: #fbfbfb;transition: 0.3s;}
.boardQnA dd > span {display:inline-block;font-size:20px;line-height: 42px;background: #02224d;border-radius: 13px 13px 0;margin: 20px 0 0 20px;text-align: center;width: 42px;font-family: 'SejonghospitalBold';color: #34ffc8;}
.boardQnA dd > div {word-break: keep-all;width: 100%; min-height: 100px; display: inline-block;  color: #000; padding: 15px 20px 15px; overflow-y: auto; line-height: 1.5;}
.boardQnA ul.normal li{height:auto;}
.boardQnA ul.normal{padding:10px 0;}
.boardQnA ol.normal{padding:10px 0;}
.boardQnA ol.normal li{height:auto;}
 ol.ul-v4{padding:10px 0;}
 ol.ul-v4 > li{line-height:1.8;}
 ol.ul-v4 li > ol > li{padding-left:10px; line-height:1.6;}
.boardQnA  .bbs_btn a.bbs_bt1 {border-color: #dddddd; color: #000000;background: #ffffff;border-radius: 5px; padding: 8px 18px;}
.boardQnA  .bbs_btn a.bbs_bt1:hover, .boardQnA  .bbs_btn a.bbs_bt1:active, .boardQnA  .bbs_btn a.bbs_bt1:focus {background: #02224d; color: #fff;  border-color: #02224d; font-weight: 700;}

.boardQnA table { width: 100%; min-width: 700px; margin: 10px 0;  border-top: 1px solid #02224d;  border-left: 2px solid #fff;  border-right: 2px solid #fff;}
.boardQnA table th, .boardQnA table td {text-align: center;  padding: 10px 15px; border: 1px solid #ebebeb; border-top: none; vertical-align: middle;  font-size: 16px;  line-height: 1.5em;}
.boardQnA table th { font-size: 18px; font-family: 'SejonghospitalBold';  background: #02224d;  color: #fff;}
.boardQnA table td { color: #000; background: #fff;}

.boardQnA .bbs_img{text-align: left;margin: 20px 0;}
.boardQnA .bbs_img img{max-width: 100%;}

/*전체동의*/
.all_agb .btn_bbsw { padding: 10px 20px;background: #394d69;border-radius: 8px 0; font-weight: 700;}

@media all and (min-width:768px) {
.boardQnA { padding: 0 10px;}
.boardQnA ul > li {padding-top: 5px; border-bottom:0;height: 66px;}
.boardQnA dt > span { line-height: 45px;margin:6px 2% 5px 30px;  width: 45px;border-radius: 15px 15px 0;  font-size: 25px;}
.boardQnA dt > a { width: 87%; padding: 18px 0 10px 0px;height: 60px; font-size: 18px;}
.boardQnA ul > li.on dt > a {height:60px;}
.boardQnA dd { margin: 0;}
.boardQnA dd > span {line-height: 45px;border-radius: 15px 15px 0;width: 45px;font-size: 25px; margin: 10px 0 0 30px;}
.boardQnA dd > div {width: calc(100% - 79px);padding: 10px 20px 10px 15px;}
.boardQnA dd > div {font-size: 17px;}
.boardQnA  .bbs_btn {margin-top: 10px;}
}

@media all and (min-width:1023px) {
.boardQnA .bbs_img img{max-width: 50%;}
}

.bbs_table input[type=checkbox]{width:20px; height:20px; border-radius:5px}
.bbs_table input[type=radio]{width:12px; height:12px; border-radius:5px; -webkit-appearance: auto; margin-right: 3px;    vertical-align: top;}