/* common css */
.btn{border-radius:0;padding:8px 15px;}
.btn-xs{padding:3px 6px !important}


.bbs-btn-bar .btn{display:inline-flex;align-items:center;justify-content:center;border-radius: 50px !important;border: 1px solid #DDD;min-width:110px;height:50px;margin:0 3px !important;font-weight: 500;font-size:1.6rem !important}

.bbs-btn-bar .btn-default,
.bbs-btn-bar .btn-default:hover{background:#fff;border:1px solid #DDDDDD;color:#666 !important}
.bbs-btn-bar .btn-danger,
.bbs-btn-bar .btn-danger:hover{background:#B0B7C7;color:#fff;border:1px solid #B0B7C7}
.bbs-btn-bar .btn-primary,
.bbs-btn-bar .btn-primary:hover{background:#394C72;color:#fff;border:1px solid #394C72}
.bbs-btn-bar .btn-inverse,
.bbs-btn-bar .btn-inverse:hover{border:1px solid #2d353c}

.form-horizontal.form-bordered .form-group > .control-label{border:none;text-align:left;padding-top: 15px;}
.form-horizontal.form-bordered .form-group{border:none !important}
.form-horizontal.form-bordered .form-group > div{border:none !important;padding:8px 10px;}

.form-control{height:45px !important;width:100% !important;border:1px solid #e3e3e3  !important;border-radius:0;font-size:1.4rem;box-sizing:border-box}


.tab_style{}
.tab_style ul:after{content:"";display:block;clear:both;}
.tab_style ul li{float:left;}
.tab_style ul li a{color:#b0b0b0;display:block;height:50px;line-height:50px;vertical-align:middle;text-align:center;border:1px solid #dddddd;border-bottom:1px solid #000;font-size:1.7rem}
.tab_style ul li.active a{border:1px solid #000000;border-bottom:1px solid #fff;color:#000}

.tab2 li{float:left;width:50%;}
.tab3 li{float:left;width:33.3%;}
.tab4 li{float:left;width:25%;}
.tab5 li{float:left;width:20%;}


.bbs_write .w70{width:70px}
.bbs_write .wid30{width:30%}
.bbs_write .wid80{width:80%}
.bbs_write .wid20{width:20%}
.bbs_write .input_area{padding:15px;margin-bottom:30px;border:1px solid #dddddd}

.bbs_write .tagit.ui-widget{border:1px solid #e3e3e3  !important;border-radius:0;height:43px;padding-top:10px !important;}



.bbs_list table{width:100%;border-top:2px solid #333333;border-left:none !important;}
.bbs_list table thead tr th{padding:16px 1.5rem;background:#f7f7f7;color:#000;border-left:1px solid #ddd;border-bottom:1px solid #dddddd  !important;;text-align:center;font-size:1.4rem;font-weight:500;white-space:nowrap}
.bbs_list table tbody tr td{padding:16px 1.5rem;border-bottom:1px solid #dddddd;border-left:1px solid #ddd;color:#000000 !important;font-size:1.6rem;}
.bbs_list table tbody tr td:last-child{border-bottom:1px solid #dddddd !important;}
.bbs_list table thead tr th:first-child{border-left:none;}
.bbs_list table tbody tr td:first-child{border-left:none;}
.bbs_list table tbody tr td a{color:#000000 !important;}
.bbs_list table tbody tr td a.btn.btn-danger{color:#fff !important;border-radius:3px}
.bbs_list table tbody tr td:nth-child(1){color:#000}
.bbs_list table tbody tr td  .label.label-danger{vertical-align:middle;padding:.25em .6em .2em;font-weight:300}
.bbs_list table tbody tr td.empty{padding:50px 0;border-right:none}
.bbs_list table .date{white-space:nowrap}

.bbs_list_new{width:100%;margin-bottom:3rem;border-top:2px solid #000;border-left:none !important;}
.bbs_list_new li {border-bottom:1px solid #DDD}
.bbs_list_new li a{display:flex;align-items:center;padding:3rem 0;}
.bbs_list_new li .num{color:#C8C8C8;padding:0 2rem;font-size: 20px;font-weight: 700;text-align:center}
.bbs_list_new li .num span{display:inline-block;min-width:60px;min-height:36px;line-height:36px}
.bbs_list_new li .notice{border-radius: 50px;background: #53C5EA;color:#fff}
.bbs_list_new li .title{color:#333;font-size:1.8rem;font-weight:500;max-width:100%;}
.bbs_list_new li .date{flex-shrink:0;margin-left:auto;color:#666;padding:0 2.5rem;}
.bbs_list_new li.notice_li .num span{font-size:1.6rem }
.bbs_list_new li.notice_li .title{font-weight:700}

.bbs_search_bar{overflow:hidden;text-align:right;}
.bbs_search {margin-bottom:15px;display:block;text-align:right;border-radius: 50px;border: 1px solid #DDD;padding-left:2rem;m}
.bbs_search select{display:inline-block;height:50px;min-width:100px;vertical-align:middle;}
.bbs_search .form-control{float:none;display:inline-block;height:50px !important;max-width:200px;vertical-align:middle;border:none !important;font-size:1.6rem;}
.bbs_search .form-control::placeholder{color:#999}
.bbs_search .input-group-btn{display:inline-block;vertical-align:middle;width:auto;}
.bbs_search .btn{padding:9px 15px;}


.bbs-top{display:flex;align-items:center;margin-bottom:2rem;}
.bbs-top .total{color:#666}
.bbs-top .total strong{color:#53C5EA}
.bbs-top .right{margin-left:auto}
.bbs-top .right .bbs_search{margin-bottom:0;}

.tr_notice td{background:#f7f7f7;}
.tr_notice td .label{display:inline-block;border:1px solid #3777bc;color:#3777bc;min-width:68px;height:24px;line-height:24px;vertical-align:middle;padding:0;font-size:1.4rem;font-weight:400}



.gallery_list ul{display:flex;margin:0 -20px;}
.gallery_list ul:after{content:"";display:block;clear:both}
.gallery_list li{width:calc(20% - 40px);margin-bottom:40px;margin-left:20px;margin-right:20px;}
.gallery_list li .img{display:block;width:100%;padding-top:100%;overflow:hidden;border-radius:25px;background:#efefef url('../img/common/img_noimg02.png') 0 0 no-repeat;background-size:cover;}
.gallery_list li .img img{width:100%;}
.gallery_list li .cont{display:block;height:62px;margin-bottom:30px;box-sizing:content-box !important}
.gallery_list li .cont .ctg{display:block;margin-bottom:15px;}
.gallery_list li .cont strong{display:block;font-weight:500;margin:2.5rem 0 1.5rem ;font-size:2rem;font-weight: 700;}
.gallery_list li .cont .txt{display:block;height:50px;overflow:hidden;margin:0 0 20px;color:#999999;line-height:1.6em}
.gallery_list li .cont .date{font-size:1.6rem;color:#666666}

.gallery_list li.empty{float:none;width:100%;}
.tag_list .tag{background:#fff;border:1px solid #dddddd;padding:5px 7px;display:inline-block;border-radius:5px;font-size:1.3rem;color:#8c8c8c}



.counselor_list {margin-bottom: 20px;overflow:hidden;}
.counselor_list > ul{display:flex;flex-wrap:wrap;margin:0 -1%;}
.counselor_list > ul > li{width:47%;margin:1.5%;padding:4rem 4.5rem;font-size:1.6rem;border-radius: 30px;background: #FFF;box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.08);}
.counselor_list > ul > li .counselor-info{display:flex;min-height:240px;padding-bottom:4rem;}
.counselor_list > ul > li .img{flex-shrink:0;display:block;width:200px;height:200px;margin-right:2.5rem;margin-bottom: 2rem;overflow:hidden;border-radius:20px;background:#fff;background-size:cover;border-radius:100%;}
.counselor_list > ul > li .cont{display:block;box-sizing:content-box !important}
.counselor_list > ul > li .cont .tit{display:block;margin-bottom:2rem;}
.counselor_list > ul > li .cont .tit strong{font-size:2.6rem;color:#333;margin-right:1rem;}
.counselor_list > ul > li .cont .tit .ctg{color:#53C5EA;font-weight:700;}

.counselor_list > ul > li .cont .record li{display:flex;color:#666;padding:2px 0;line-height:1.3em}
.counselor_list > ul > li .cont .record li:before{content:"·";margin-right:5px;flex-shrink:0;}
.counselor_list > ul > li .cont .tag-list{margin-top:1rem;}
.counselor_list > ul > li .cont .tag-list li{display:inline-block;padding:5px 13px;margin:5px 8px 5px 0;border-radius: 50px;background: #F4F4F4;color:#4369AA}
.counselor_list > ul > li .cont .tag-list li:before{content:"#"}


.counselor_list > ul > li .license-box {border-top:1px solid #DDD;padding-top:4rem;color:#666}
.counselor_list > ul > li .license-box strong{display:block;margin-bottom:1rem;color:#53C5EA;font-weight:700;font-size:1.8rem;}
.counselor_list > ul > li .license-box .license{line-height:1.7em;}
.counselor_list > ul > li .license-box .license li{display:flex;color:#666;padding:4px 0;line-height:1.3em}
.counselor_list > ul > li .license-box .license li:before{content:"·";margin-right:5px;flex-shrink:0;}

.view_div .view_header {position:relative;margin-top:50px;border-bottom:1px solid #DDD;padding:3rem;border-top:2px solid #000;text-align:left;}
.view_div .view_header .view_title {margin-bottom:1.5rem;font-size:1.8rem;font-weight:700}
.view_div .view_header .view_title .label-notice{display:inline-block;border-radius: 50px;background: #53C5EA;color:#fff;font-size:1.6rem;font-weight:700;width:60px;height:36px;line-height:36px;text-align:center;margin-right:2rem;}
.view_div .view_header .view_title .label{display:inline-block;border:1px solid #3777bc;color:#3777bc;min-width:68px;height:24px;line-height:24px;margin-right:10px;vertical-align:middle;padding:0;font-size:1.4rem;font-weight:400}
.view_div .view_header .view_title .label.label-danger{color:#fff;border:1px solid #ff5b57}
.view_div .view_header .view_info li{position:relative;display:inline-block;color:#666666;padding:0 2px;font-size:1.6rem}
.view_div .view_header .view_info li span{position:relative;padding:0 10px;color:#000000;margin-right:10px;;}
.view_div .view_header .view_info li span:after{content:"";background:#dddddd;width:1px;height:15px;position:absolute;top:5px;right:0;}
.view_div .view_header .view_info li:nth-child(1):after{display:none}


.view_div .attached-document_box{position:relative;padding:0px 0px 0px 130px;margin-bottom:20px;border-radius: 10px;background: #F6F6F6;border-left:none;border-right:none;}
.view_div .attached-document_box strong{position:absolute;top:22px;left:28px;font-weight:500;padding-left:3.5rem;background:url('../img/common/ic-file.svg') 0 center no-repeat;}
.view_div .attached-document_box strong .icb{margin-right:7px;}
.view_div .attached-document{overflow:hidden;width:100%;margin:0;padding:20px 0;}
.view_div .attached-document li{padding:0 10px 0 20px;margin:0 7px;background:#F6F6F6}
.view_div .attached-document li a{display:block;color:#2B77BD;line-height:1.5em !important;text-decoration:underline;}
.view_div .attached-document li:before{display:inline-block;content:"";}
.view_div .attached-document > li{float:none;width:auto;display:block}
.view_div .attached-document > li .document-name{padding:0;text-align:left !important}
.view_div .view_body{margin-bottom:30px;border-bottom:1px solid #dddddd;word-break:break-all;}
.view_div .view_body .view_content{padding:30px;min-height:305px};
.view_div .view_body img{max-width:100%}

.view_div .view-dl{margin-bottom:5rem;}
.view_div .view-dl dt{margin-bottom:.5rem;}
.view_div .view-dl .tag:before{content:","}
.view_div .view-dl .tag:first-child:before{display:none}

/* .preview-list{display:flex;border-bottom:1px solid #DDD;border-top:1px solid #000;padding:3rem;margin-bottom:3rem;margin-top: -3.1rem;;}
.preview-list a{width:40%;}
.preview-list a strong{display:flex;align-items:center;margin-bottom:2rem;color:#333;font-weight:700;}
.preview-list a.prev strong:before{content:"";display:inline-block;width:26px;height:26px;margin-right:3rem;;background:url('../img/common/ic-bbs-ar.svg') 0 center no-repeat;}
.preview-list a span{color:#666}
.preview-list a.next{margin-left:auto;text-align:right;}
.preview-list a.next strong{justify-content:flex-end}
.preview-list a.next strong:after{content:"";display:inline-block;width:26px;height:26px;margin-left:3rem;;background:url('../img/common/ic-bbs-ar.svg') 0 center no-repeat;transform: rotate(180deg);}
 */
.thumb-view{display:flex;padding:3rem;border-top:2px solid #000;border-bottom:1px solid #DDD;margin-bottom:3rem;}
.thumb-view .thumb-box{width:50%;margin-left:auto}
.thumb-view .thumb-box a{display:block;}
.thumb-view .thumb-box.next{text-align:right}
.thumb-view .thumb-box strong{display:inline-block;}
.thumb-view .thumb-box .txt{display:block;margin-top:2rem;color:#666}
.thumb-view .thumb-box.prev strong{padding-left:60px;;background:url('../img/common/ic-bbs-prev.svg') left center no-repeat}
.thumb-view .thumb-box.next strong{padding-right:60px;;background:url('../img/common/ic-bbs-next.svg') right center no-repeat}



#comment{padding-top:60px;}
#comment .cmt_tit{padding-bottom:15px;border-bottom:1px solid #ededed;color:#666666;font-size:1.6rem}
#comment .cmt_tit strong{color:#3777bc;font-weight:300}

#comment .commont_write{padding:30px;margin-bottom:20px;background:#f9f9f9;border:1px solid #ededed;}
#comment .commont_write .cmt_cont{width:100%;}
#comment .commont_write .cmt_cont .form-control{width:100% !important;height:150px !important;font-size:15px;background:#fff;border:1px solid #ededed;border-radius:0;color:#666666}
#comment .commont_write .input-group-btn{margin-top:20px;display:block;text-align:right;width:100%;}
#comment .commont_write .btn{display:inline-block;padding:0 30px;height:40px;border:1px solid #444444;background:#444444;color:#fff;border-radius:0}
#comment .commont_write .btn:hover,
#comment .commont_write .btn:focus{background:#444444;color:#fff}

#comment .list-group{margin-bottom:20px;}
#comment .list-group-item {position:relative;padding:0;border:none;border-bottom:1px solid #ededed;margin-bottom:0 !important;}
#comment .list-group-item .comment_pimg .pimg{position:absolute;top:20px;left:15px;display:block;width:45px;height:45px;border-radius:100%;border:1px solid #ddd;background-size:100% auto;background-repeat:none;background-position:center center;}
#comment .list-group-item .comment{padding:20px 15px;}
#comment .list-group-item .info{color:#999999;font-size:1.3rem;font-weight:300}
#comment .list-group-item .info span{color:#7b7b7b}
#comment .list-group-item .info_cont{padding:5px 0px;color:#000000;font-size:1.5rem;line-height:1.6em}
#comment .comment_etc .btn{border-radius:0}
#comment .empty{padding:50px 0;text-align:center;}

#comment .reply_comment{margin-bottom:10px;padding-left:20px;}
#comment .reply_comment .list-group-item .comment_info{padding-left:15px;}

#comment .reply_list li{padding-bottom:20px !important;border-bottom:none}


.stat{display:inline-block;min-width:90px;text-align:center;height:30px;line-height:30px;vertical-align:middle;background:#d94748;color:#fff;border-radius:15px;}
.stat.stat_end{background:#c6c6c6;}

.sitemap{padding-top:30px;margin:0 0 0 -20px}
.sitemap .line_block{margin-bottom:50px;}
.sitemap .line_block:after{content:"";display:block;clear:both;}

.sitemap .sitemap_block{float:left;width:33.3%;}
.sitemap .sitemap_block dl{position:relative;margin:0 20px;}
.sitemap .sitemap_block dt{padding:20px 0;border-top:2px solid #000;border-bottom:1px solid #ececec;text-align:center;font-size:1.7rem;padding-left:10px;text-align:left;}
.sitemap .sitemap_block dt :after{content:'+';display:block;position:absolute;top:25px;right:10px;font-size:2.0rem}
.sitemap .sitemap_block dt a{color:#000000;}
.sitemap .sitemap_block dt a:hover{color:#00a651}
.sitemap .sitemap_block dd {padding:0 10px;}
.sitemap .sitemap_block dd ul li{border-bottom:1px solid #ececec}
.sitemap .sitemap_block dd ul li a{display:block;padding:20px 0;font-size:1.6rem}
.sitemap .sitemap_block dd ul li a:hover{color:#3777bc}
.sitemap .sitemap_block dd ul li ul{padding:0 0 15px 10px;}
.sitemap .sitemap_block dd ul li ul li{border-bottom:none;}
.sitemap .sitemap_block dd ul li ul li a{position:relative;padding:10px 0 10px 10px;;font-size:1.4rem}
.sitemap .sitemap_block dd ul li ul li a:before{position:absolute;top:15px;left:0;content:"";display:block;width:2px;height:2px;background:#333;}

.faq_list{margin-bottom: 30px;border-top:solid 2px #333;background: #fff;}
.faq_list dl{border-bottom: solid 1px #ddd;margin-bottom: 0;}
.faq_list dt{position:relative;padding:20px 20px 20px 60px;}
.faq_list dt:before { display: block; position: absolute; top:20px; left: 20px; width: 25px; height: 25px; background: #81b920; border-radius: 50%; font-size: 12px; line-height: 22px; text-align: center; font-weight: 600; color:#fff; content: "Q";}
.faq_list dt .tit{padding-right: 50px;font-size:1.75rem;font-weight:600}
.faq_list dt .pull-right{line-height: 20px;font-size:1.6rem}
.faq_list dd{position:relative;padding:20px 20px 20px 60px;background:#f7f7f7;}
.faq_list dd:before { display: block; position: absolute; top:20px; left: 20px; width: 25px; height: 25px; background: #696969; border-radius: 50%; font-size: 12px; line-height: 22px; text-align: center; font-weight: 600; color:#fff; content: "A";}
.faq_list dd .cont{padding-top:5px;font-size:1.4rem;}

.form-textara{min-height:150px;box-sizing:border-box}

@media all and (max-width:1180px) {

.counselor_list > ul > li .counselor-info{flex-wrap:wrap;

}

@media all and (max-width:980px) {

.gallery_list ul{flex-wrap:wrap;}
.gallery_list ul:after{content:"";display:block;clear:both}
.gallery_list li{width:calc(33.3% - 40px);margin-bottom:40px;margin-left:20px;margin-right:20px;}

}
@media all and (max-width:768px) {

.bbs-btn-bar .btn{border-radius:40px !important;border: 1px solid #DDD;min-width:auto;min-width: 80px;height:40px;margin:0 3px !important;font-weight: 500;font-size:1.5rem !important}

.bbs-top{flex-wrap:wrap}
.bbs-top .total{width:100%;order:1;}
.bbs-top .right{width:100%;margin-bottom:2rem;order:0;}
.bbs_search{display:flex;}
.bbs_search .form-control{max-width:100% !important;} 
.bbs_search .btn{flex-shrink:0;}

.bbs_list_new li a{padding:2rem 0}
.bbs_list_new li.notice_li .num span{min-height:30px;height:30px;line-height:30px;min-width:50px;font-size:16px;}
.bbs_list_new li .num{padding:0 1rem}
.bbs_list_new li .num span{min-width:50px;}
.bbs_list_new li .date{padding:0 0 0 2rem}

.view_div .view_header{padding:2rem 0rem;}
.view_div .view_header dt{display:block;}
.view_div .view_header .view_title .title{display:block;}
.view_div .view_header .view_title .label-notice{height:30px;line-height:30px;}
.view_div .view_header .view_title .label-notice{margin-right:1rem;}
.view_div .view_header .view_info{position:relative;top:0;left:0;text-align:left}
.view_div .view_header .view_info li span{padding-left:0;}

.view_div .view_body .view_content{padding:2rem 0rem}


.counselor_list > ul {margin:0;padding:0 1%}
.counselor_list > ul > li{width:100%;margin:2rem 0;padding:4rem 2.5rem}
.counselor_list > ul > li .img{margin:0 auto 2rem}



.gallery_list{margin:0 10px;}
.gallery_list li{width:calc(50% - 20px);margin-bottom:20px;margin-left:10px;margin-right:10px;}
.gallery_list li .cont{margin-bottom:0;}
.gallery_list li .cont strong{font-size:1.8rem;margin-top:1.5rem;}
/* .preview-list{flex-wrap:wrap}
.preview-list a{width:100%;} */

.thumb-view{flex-wrap:wrap;padding:2rem 0;}
.thumb-view .thumb-box{width:100%;}
.thumb-view .thumb-box.prev{margin-bottom:3rem;}
.thumb-view .thumb-box.next{text-align:left}
}