input:disabled{background-color: #eee;}
/* 검색 - normal */
.bbs-top{margin-bottom: 20px;}
.bbs-top .rel{position: relative;}
.bbs-top .sort{margin-right: 15px;}
.bbs-top .sort> span{float: left; padding-left: 10px; margin-left: 10px; position: relative;}
.bbs-top .sort> span:before{position: absolute; left: 0; top:50%; width: 1px; height: 10px; background: #dedede; content: ''; margin-top: -5px;}
.bbs-top .sort> span:first-child{padding-left: 0; margin-left: 0;}
.bbs-top .sort> span:first-child:before{background: none}
.bbs-top .sort .active{font-weight: 700; color:#00478d}
.bbs-top .l{float: left;}
.bbs-top .r{float: right;}
.bbs-top .r > *{display: inline-block; vertical-align: middle;}
.bbs-top .total{line-height: 45px; font-size: 1.125rem;}
.sch_w > *{display: inline-block; vertical-align: middle; margin-left: 7px;}
.sch_w > *:first-child{margin-left: 0;}
.rel .select input[type="text"],.rel .select select,.rel .period_w input[type="text"]{width: 100%; height: 45px; padding-left:10px}
.rel .select{width: 130px}
.rel .center .select{width: auto; min-width:130px}
.rel .select select{padding-right: 25px;}
.rel .select.long{width: 175px}
.rel .select.s_btn{position: relative; padding-right: 39px}
.rel .select.s_btn button{position: absolute;right: 0;top:0;width: 40px; background: #fff; color: #333; height: 100%; border:1px solid #333; font-size: 14px; font-weight: 500}
.sch_w .in > *{display: inline-block; vertical-align: middle; margin-left: 7px;}
.sch_w .in > *:first-child{margin-left: 0;}
.sch_w .period_w{max-width:340px}
.sch_w .period_w > *{float: left; width: 47%; position: relative;}
.sch_w .period_w .dash{width: 6%; text-align: center; line-height: 45px;}
.datepick_w{position: relative;}
.datepicker-button{position: absolute;right: 0;top:0;width: 30px; height: 100%; display: inline-block; white-space: nowrap; overflow: hidden; text-indent: -999px; background: url('../images/common/icon_cal.png') center center no-repeat}
.sch-st1{position: relative; width: 330px;height: 45px; font-size: .938rem}
.sch-st1 input[type="text"]{width: 100%; height: 100%;padding: 0 50px 0 10px;}
.sch-st1 .submit{background: #333 url('../img/bbs/ico-sch.png') center center no-repeat; position: absolute;right: 0;top:0;width: 50px; height: 100%;white-space: nowrap;overflow: hidden; text-indent: -999px}
.bbs-top .type1 .sel2 .select{float:left; margin-left: 10px}
.bbs-top .total_none .l{margin-left:-10px}
.bbs-top .total_none .l > *{float:left; margin-left:10px}
.bbs-top .total_none label{line-height: 35px}
.bbs-top.mb{margin:30px 0 0}

.sch-st2{position: relative; width: 710px;height: 45px; font-size: .938rem; height: 45px}
.sch-st2 input[type="text"]{width: 100%; height: 100%;padding: 0 50px 0 10px;}
.sch-st2 .submit{background: #027cb5 url('../img/bbs/ico-sch.png') center center no-repeat; position: absolute;right: 0;top:0;width: 50px; height: 100%;white-space: nowrap;overflow: hidden; text-indent: -999px}
.sch_w.total .in{position: relative}
.sch_w.total .detail{width: 115px; height: 45px}


.sch-st1 .blue{background-color: #027cb5}

/* 검색 - 박스 스타일 */
.sch-box{margin-bottom: 30px; background: #f6f6f6; border:1px solid #dedede; margin-bottom: 40px; padding: 25px;}
.sch-box .rel{position: relative;}
.sch-box .type1{max-width:830px; margin: 0 auto; display: flex; flex-wrap:wrap;     align-items: center;}
.sch-box .type1 .ttt{width: 117px; font-weight: 700; font-size: 1.625rem;}
.sch-box .input_w{position: relative; padding-right: 50px; font-size: 1.063rem; height: 45px; border:1px solid #027cb5; flex:1}
.sch-box .input_w button{position: absolute; right: 0;top:0; width: 50px; height: 100%; font-size: 1.3em;}
.sch-box .input_w input{height: 100%; width: 100%; padding: 0 1em; background: #fff; border:0}

.sch-box .w2{text-align: center;}
.sch-box .w2 > *{display: inline-block; vertical-align: middle;}
.sch-box .w2 .ttt{font-weight: 700; font-size: 1.125rem; margin-right: 1em;}

/* 게시판 리스트 */
.bbs-list{overflow-x:auto; font-size: 1.063rem;}
.bbs-list table{width: 100%;text-align: center;border-top:2px solid #3f3f3f;}
.bbs-list th{padding: 20px 10px;border-bottom:1px solid #3d3d3d; font-weight: 500; color: #333; white-space: nowrap;}
.bbs-list td{padding: 20px 10px;border-bottom:1px solid #dedede; text-align: center;}
.bbs-list td.tit{text-align: left;}
.bbs-list td.tit a:hover{text-decoration: underline;}
.bbs-list .notice{background: #f3f8fb}
.bbs-list .new{font-size: 13px; font-weight: 700; display: inline-block; width: 1.25rem; height: 1.25rem; text-align: center; border-radius:50%; background: #d76b00; color: #fff; margin-left: 3px;}
.bbs-list .state{font-size: 0.875rem; font-weight: 500; width: 5.000em; line-height:1.786em; text-align: center; border-radius:100px; display: inline-block;}
.bbs-list_m{font-size: 1rem; margin-bottom: 10px; display: none; color: #555}
.bbs-list_m > *{display: inline-block; margin-right: 10px;}
.bbs-list_m > *:last-child{margin-right: 0;}
.bbs-list_m strong{margin-right: 4px; font-weight: 500; color: #333}

.bbs-list_m_new{display: none; color: #555; font-size: 1rem; flex-wrap:wrap}
/* .bbs-list_m_new > *{position: relative;}
.bbs-list_m_new > *:after{content: '/';     margin: 0 5px 0 3px;}
.bbs-list_m_new > *:last-child:after{display: none; } */
/* .bbs-list_m_new > *{margin-right: 10px}
.bbs-list_m_new > *:last-child{margin-right: 0;} */

.bbs-list .tit img{margin-right: 3px; vertical-align: initial}
.bbs-list .no{width: 5em}
.bbs-list .writer{width: 7em}
.bbs-list .date{width: 8em}
.bbs-list .hit{width: 8em}
.bbs-list .not{font-size: .938rem; font-weight: 500; display: inline-block; padding: 3px 10px; border-radius:100px}
.bbs-list .file{width: 5em}
.bbs-list .tit img{display: inline-block; margin-left: 3px;}
.bbs-list .tit .ico-reply{top:-3px}
.bbs-list .td{border-bottom: 1px solid #dedede;}

/* 230622 추가 */
.bbs-list .b_name{width: 20%;}
.bbs-list .b_num{width: 20%;}
.bbs-list .b_add{width: 40%; word-break: keep-all;}

.ico-reply{position: relative; display: inline-block; padding: 3px 8px; line-height: 1; color: #fff; background: #027cb5; margin: 0 7px 0 10px; font-size: 13px; border-radius:5px; font-weight: 500; vertical-align: middle;}
.ico-reply:before,.ico-reply:after{position: absolute; background: #027cb5; content: ''}
.ico-reply:before{left: -10px;top:50%; width: 50%;; height: 1px;}
.ico-reply:after{top:0; left: -10px; height: 50%; width: 1px}

.paginationSet{margin-top: 50px}
.paginationSet ul{font-size: 0;text-align: center; color: #333}
.paginationSet li{font-size: 1rem;display: inline-block;vertical-align: middle; width: 2.500em; height: 2.500em; line-height: 2.500em; border-radius:50%}
.paginationSet .active{color: #fff;font-weight: 700;background: #333;}
.paginationSet .i{background: url('') center center no-repeat; border:1px solid #dedede; margin:0}
.paginationSet .first{background-image: url('../img/bbs/first.png')}
.paginationSet .prev{background-image: url('../img/bbs/prev.png');margin: 0 1.125em 0 4px}
.paginationSet .next{background-image: url('../img/bbs/next.png');margin: 0 4px 0 1.125em}
.paginationSet .end{background-image: url('../img/bbs/last.png')}
.paginationSet a{display: block;}
.paginationSet .disabled{display: none;}
.paginationSet .i a{white-space: nowrap;overflow: hidden;text-indent: -999px;}

/* 버튼 - 게시판 목록 */
.btn-list_w{text-align: right;}
.btn-list{border:1px solid #000; color: #000; width: 7.500em; height: 3.125em}

/* 버튼 - 게시판 글쓰기 */
.btn-write_w{margin-top: 40px; text-align: center;}
.btn-write_w .btn-st1{margin-left: 10px;}
.btn-write_w .btn-st1:first-child{margin-left: 0;}
.btn-st1{width: 140px; height: 50px; line-height: 50px; display: inline-block; vertical-align: middle; text-align: center;}

.btn-inquiry{font-size: 1.125rem; background: #333; color: #fff; font-weight: 500; margin: 30px auto 0; display: block; width: 200px; height: 55px}

.bbs-view{border-top: 2px solid #333;}
.bbs-view .top{border-bottom: 1px solid #dedede;  padding: 40px; position: relative;}
.bbs-view .top .tit{font-size: 1.875em; color: #333; display: block; line-height: 1.35;}
.bbs-view .top .tit .label{font-size: .938rem; font-weight: 500; padding: 5px 10px; line-height: 1; display: inline-block; border-radius:100px; vertical-align: middle; margin: -3px 5px 0;}
.bbs-view .top .tit strong{line-height: 1.18;}
.bbs-view .top .etc{font-size: 0; margin-top: .938rem;}
.bbs-view .top .etc > span{display: inline-block; font-size: 1rem; color: #919191; margin-right: 1.25em; padding-right: 1.25em; position: relative;}
.bbs-view .top .etc > span:before{position: absolute;right: 0;top:50%; width: 1px;; height: 10px; margin-top: -5px; content: ''; background: #dedede; content: ''}
.bbs-view .top .etc > span:last-child{padding-right: 0; margin-right: 0;}
.bbs-view .top .etc > span:last-child:before{background: none}
.bbs-view .top .etc > span strong{font-weight: 500; color: #333; margin-right: 5px;}
.bbs-view .bbs-write .tbl-row{margin-top: 40px; border-top-width: 1px;}
.bbs-view .bbs-write .tbl-row li:last-child{border-bottom-color: #999;}
.bbs-view .sort{font-size: 1.063rem; display: block; margin-bottom: 10px; font-weight: 500;}
.bbs-view .editor{padding: 50px; border-bottom: 1px solid #ddd;}
.bbs-view .editor .main_title{font-size: 22px; margin-bottom: 20px; font-weight: 700;}
.bbs-view .editor .sub_title{font-size: 18px; margin-bottom: 10px; font-weight: 700;} 
.bbs-view .editor .sub_title:last-of-type{margin-bottom: 20px;}
.bbs-view .attach_area{padding: #f6f6f6; padding: 20px; background: #f7f7f7; border-bottom: 1px solid #ddd;}
.bbs-view .editor img{/* display: block; *//* margin: 0 auto; */ height: auto !important}

/* 글쓰기 */
.bbs-write input[type="date"],.bbs-write input[type="number"],.bbs-write input[type="text"],.bbs-write input[type="password"],.bbs-write textarea,.bbs-write select{width: 100%}
.bbs-write input[type="text"],.bbs-write input[type="password"],.bbs-write select,.bbs-write input[type="number"],
.bbs-write input[type="date"]{padding-left: 5px; height: 35px}
input[type="number"],input[type="date"]{border:1px solid #ccc; font:inherit;}
input[type="date"]{padding-right: 5px;}
.bbs-write textarea{padding: 5px; height: 200px}
.bbs-write .add_txt{margin-top: 5px; color: #666; font-size: .938em;}
.bbs-write .add_txt_i{display: inline-block; margin-left:5px;  color: #666; font-size: .938em;}
.bbs-write .w-auto{width: auto !important; max-width:100%}
.bbs-write .etc select{width:100px}
.bbs-write *:readonly{background: #f1f1f1}
.bbs-write select{background: url('../img/bbs/select.gif') right center no-repeat; padding-right: 36px;}

.mail-st1,.tel-st1,.period_w,.bbs-write .mid{max-width:520px}
.mail-st1 > *{float: left; width: 31%}
.mail-st1 .dash{width: 5%; text-align: center;}
.mail-st1 > *:last-child{float: right;}
.tel-st1 > li{float: left; width: 31.33333333333%}
.tel-st1 > li.dash{width: 3%; text-align: center; line-height: 35px;}

.tel-st1_btn_w{position: relative; padding-right: 4.5rem;}
.tel-st1_btn_w button{position: absolute; right: 0; top:0; width: 4rem; text-align: center; height: 100%; font-size: .938rem; font-weight: 500;}

/* 공통 - input */
.radio-st1{margin-bottom:-5px}
.radio-st1 > *{display: inline-block; margin: 0 1em 5px 0;}
.radio-st1 >*:last-child{margin-right: 0;}
.radio-st1 input{border: 0;  height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 0;} /* clip: rect(0 0 0 0); */
.radio-st1 input:focus + label:before{border:1px dotted #000;z-index:1;content: '';left: 0;right: 0;bottom: 0;top:0;margin: auto;position: absolute;}
.radio-st1 label{position: relative;display: block;background: #fff;padding-left: 1.8rem}
.radio-st1 input + label span{position: absolute; display: block; width: 1.25rem; height: 1.25rem; top:50%; margin-top: -.625rem;; left: 0; border:1px solid #dedede; background: #fff;border-radius: 50%;}
.radio-st1 input:checked + label span:before{position: absolute; width: .625rem; height: .625rem; background: #333; content: ''; top:50%; left: 50%; transform:translate(-50%,-50%); border-radius:50%}
.radio-st1.ck  input + label span,.radio-st1.ck input:checked + label span:before{border-radius:0}
.radio-st1.block > *{display: block;}

.input_select > *{display: inline-block;}
.input_select .radio-st1{margin-left: 1em;}

.period_w > *{float: left; width: 47%; position: relative;}
.period_w .dash{width: 6%; text-align: center; line-height: 35px;}
.datepick_w{position: relative;}
.datepick_w button{position: absolute;right: 0;top:0;width: 47px; height: 100%; display: inline-block; white-space: nowrap; overflow: hidden; text-indent: -999px; background: url('../img/bbs/ico-cal.gif') center center no-repeat}

.ck_box{background: #f7f7f7; margin-top: 20px; text-align: center; padding: 20px 1rem;}
.ck_box input{margin-left: 5px;}

/* .search-blue{background: #7ad4f0; background: url('../img/bbs/bg_blue.png') 95% bottom no-repeat, linear-gradient(135deg,  #7ad4f0 0%,#0c80dc 100%);} */
.search-blue{padding: 115px 0; text-align: center}
.search-blue{background: #7ad4f0; background: url('../img/bbs/bg-chemi.jpg') center center no-repeat; background-size:cover}
.search-blue .top{font-size: 2.875rem; line-height: 1; margin-bottom: 1.15em; word-break:keep-all}
.search-blue .input_w{max-width:800px; margin: 0 auto 30px; font-size: 1.125rem; border-radius:5px; overflow: hidden; position: relative;}
.search-blue .input_w input{width: 100%; height: 65px; padding: 0 80px 0 30px; border:0; border-radius:5px;}
.search-blue .input_w button{border-radius:0 5px 5px 0; background: #027cb5; font-size: 1.5rem; width: 80px; height: 100%; position: absolute; right: 0; top:0; color: #fff}
.search-blue .words_rel{font-size: 0;}
.search-blue .words_rel span{font-size: 1.125rem; position: relative; padding-right: 1em; margin-right: 1em; display: inline-block;}
.search-blue .words_rel span:last-child{padding-right: 0; margin-right: 0;}
.search-blue .words_rel span:after{position: absolute; right: 0;top:50%; width: 1px; height: 15px; margin-top: -7px; content: ''; background: #b4b5b9}
.search-blue .words_rel span:last-child:after{background: none}

.bbs-etc{margin-top: 70px; border:1px solid #dedede; border-top: 0;}
.bbs-etc .t{border-top: 1px solid #bdbdbd; background: #f7f7f7; font-size: 1.375rem; color: #333; font-weight: 500; line-height: 1.15; padding: 20px 30px}
.bbs-etc .t button{display: block; width: 100%; text-align: left;}
.bbs-etc .t .ico{display: block; background: url('') left center no-repeat; padding-left: 38px; position: relative; padding: 0 0 0 38px;}
.bbs-etc .t .ico1{background-image: url('../img/bbs/ico_e1.png')}
.bbs-etc .t .ico2{background-image: url('../img/bbs/ico_e2.png')}
.bbs-etc .t .ico3{background-image: url('../img/bbs/ico_e3.png')}
.bbs-etc .t .ico4{background-image: url('../img/bbs/ico_e4.png')}
.bbs-etc .c{padding: 30px; border-top: 1px solid #dedede;}
.bbs-etc .toggle .t span:after{position: absolute; right: 0;     width: 14px;
    height: 14px;
    border-top: 2px solid #666;
    border-left: 2px solid #666;
    vertical-align: middle;
    position: absolute;
    top: 50%; content: ''; transform: rotate(45deg); margin-top: -5px;}
.bbs-etc .toggle .active.t span:after{transform: rotate(-135deg); margin-top: -10px;}
.bbs-etc .flex{display: flex; align-items: center;}
.bbs-etc .flex > span{width: 205px;}
.bbs-etc .flex .add{flex:1; font-size: 0; color: #888; font-weight: 400}
.bbs-etc .flex .add span{font-size: 1rem; display: inline-block; position: relative; padding-right: 1em; margin-right: 1em}
.bbs-etc .flex .add span:last-child{margin-right: 0; padding-right: 0;}
.bbs-etc .flex .add span:after{width: 1px; height: 10px; background: #bbb; content: ''; margin-top: -5px; position: absolute; right: 0; top:50%}
.bbs-etc .flex .add span:last-child:after{background: none}
.bbs-etc .flex .add a:hover{text-decoration: underline; color: #666}

.bbs-faq > li{margin-top: 30px;}
.bbs-faq > li:first-child{margin-top: 0;}
.bbs-faq .q{font-size: 1.125rem; color: #333; font-weight: 500; line-height: 1.15;}
.bbs-faq .a{margin-top: 20px; background: #f7f7f7; padding: 15px 20px; position: relative;}
.bbs-faq .q,.bbs-faq .rel{position: relative; padding-left: 1.3em;}
.bbs-faq .ab{position: absolute; left: 0; top:0;}

.bbs-form{margin: 0 0 -30px -30px;}
.bbs-form > li{float: left; width: calc(100% - 30px); margin: 0 0 30px 30px;}
.bbs-form .label{display: block; font-weight:500; color: #333; line-height: 1; margin-bottom: 10px;;}
.bbs-form input[type="text"],.bbs-form select{width: 100%; padding-left: 10px; height: 55px}
.bbs-form textarea{width: 100%; height: 135px; padding: 10px}
.bbs-form > li.w3{width: calc(33.333% - 30px)}
.bbs-form > li.w2{width: calc(50% - 30px)}
.bbs-form .tel-st1,.bbs-form .mail-st1{max-width:100%}
.bbs-form .dash,.bbs-form .tel-st1 > li.dash{line-height: 55px;}
.bbs-form .label_t{color: #000; margin-bottom: 10px; font-weight: 500; margin-bottom: 10px; font-size: 1.125em;}
.bbs-form .half_w > *{float: right; width: 49%}
.bbs-form .half_w > *:first-child{float: left;}

/* 게시판 - 포스터 */
.bbs-poster_w{border-top: 1px solid #333; border-bottom: 1px solid #dedede; padding: 30px 0}
.bbs-poster{margin: 0 0 -50px -50px;}
.bbs-poster > li{float: left; width: calc(25% - 50px); margin: 0 0 50px 50px;}
.bbs-poster .cont{margin-top: 30px; line-height: 1.15;}
.bbs-poster .cont > *{display: block;}
.bbs-poster .t{white-space: nowrap; overflow: hidden;text-overflow: ellipsis; color: #333; font-weight: 500; font-size: 1.25rem;}
.bbs-poster .date{margin-top: 1.125rem; color: #888}
.bbs-poster .img{border:1px solid #ddd; position: relative; background: #f6f6f6; padding: 1.125rem; overflow: hidden; transition:all ease-in-out .3s}
.bbs-poster .rel{position: relative; padding-bottom: 130%; overflow: hidden}
.bbs-poster .img img{position: absolute; left: 0; top:0; right:0; bottom:0; margin: auto;}

.bbs-poster .rel.typeA{padding-bottom: 139%;}
.bbs-poster a{display: block; width: 100%; height: 100%}
/* .bbs-poster .no_img img{max-width:75%} */

/* 게시판 - 갤러리 */
.bbs-gallery_w{border-top: 1px solid #333; padding: 30px 0 0; overflow: hidden;}
.bbs-gallery{margin: 0 0 0 -30px; display: flex; flex-wrap:wrap}
.bbs-gallery > li{float: left; width: 25%; margin: 0 0 40px 0; padding: 0 0 0 30px}
.bbs-gallery .cont{margin-top: 1.25rem; line-height: 1.15;}
.bbs-gallery .cont > *{display: block;}
.bbs-gallery .sort{margin-bottom: 10px; font-weight: 500;}
.bbs-gallery .t{overflow: hidden; color: #333; font-weight: 500; font-size: 1.25rem; max-height: 2.5em; line-height: 1.3; letter-spacing: -0.067em;}
.bbs-gallery .date{margin-top: 1.125rem; color: #888}
.bbs-gallery .img{border:1px solid #ddd; position: relative; background: #f6f6f6; overflow: hidden; transition:all ease-in-out .3s; padding-bottom: 56%;}
.bbs-gallery.ratio3_2 .img{padding-bottom: 135%;}
.bbs-gallery .rel{position: relative; padding-bottom: 140%; overflow: hidden}
.bbs-gallery .img img{position: absolute; left: 0; top:0; right:0; bottom:0; margin: auto; width: 100%}
/* .bbs-gallery .no_img img{max-width:75%} */

img.no_img{width: auto !important; max-width:75%}

/* 게시판 - hover */
.bbs-poster img,.bbs-gallery img{transition:all ease-in-out .3s}
.bbs-poster a:hover img,.bbs-poster a:focus img,.bbs-gallery a:hover img,.bbs-gallery a:focus img{transform:scale(1.03,1.03)}

.bbs-poster .img, .bbs-gallery .img{transition:all ease-in-out .3s}
.bbs-poster a:hover .img, .bbs-gallery a:hover .img{box-shadow:4px 4px 15px rgba(0,0,0,.18)}

.bbs-poster_w .bbs-gallery .img{padding-bottom: 99%;}
.bbs-poster_w.short .bbs-gallery .img{padding-bottom: 56%;}

/* 이전글 다음글 */
.prev_next{border-top: 1px solid #dedede; margin-top: -1px; border-bottom: 1px solid #dedede;}
.prev_next li{ position: relative; padding: 1em; float: left; width: 50%}
.prev_next .prev{padding-left: 150px; padding-right: 1.5em; text-align: left;}
.prev_next .next{padding-right: 150px; text-align: right; padding-left: 1.5em; float: right; border-left: 1px solid #dedede;}
.prev_next .tit{position: absolute;top:1em; padding: 0 15px; width: 100px; color: #333}
.prev_next .tit:after{position: absolute;width: 1px; height: 14px; margin-top: -7px; background: #ddd; content: ''; top:50%}
.prev_next .prev .tit:after{right: 0;}
.prev_next .next .tit:after{left: 0;}
.prev_next .prev .tit{ left: 0;}
.prev_next .next .tit{ right: 0; left: auto}
.prev_next .arrow{width: 8px; height: 8px; border-top: 2px solid #333; border-left: 2px solid #333; vertical-align: middle; top: 50%; content: ''; margin-top: -4px; display: inline-block;}
.prev_next .prev .arrow{transform: rotate(-45deg);}
.prev_next .next .arrow{transform: rotate(135deg);}
.prev_next a{display: block; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.prev_next a:hover{text-decoration: underline;}

.attach_area .rel{display: flex}
.attach_area > ul{flex:1; color: #888}
.attach_area .file{color: #333; font-weight: 500; font-size: 1.125rem; width: 100px}
.attach_area li{margin-top: 5px;}
.attach_area li:first-child{margin-top: 0;}
.attach_area img{display: inline-block;vertical-align: middle; margin-right: 5px;}
.attach_area a:hover{text-decoration: underline;}

.bbs-reply{border:1px solid #ddd; margin-top: 40px;}
.bbs-reply .top{background: #f7f7f7; padding: 20px 50px; font-size: 1.125rem; font-weight: 500; color: #333; border-bottom: 1px solid #ddd;}
.bbs-reply .top .ico{background: url('../img/bbs/ico-ck.png') left center no-repeat; padding-left: 1.667em;}
.bbs-reply .cont{padding: 50px}

.bbs-faq-st2{border-top: 2px solid #333;}
.bbs-faq-st2 > li{border-bottom: 1px solid #ddd;}
.bbs-faq-st2 .q,.bbs-faq-st2 .a{position: relative;}
.bbs-faq-st2 .q a{display: block; position: relative; padding: 30px 100px 30px 118px}
.bbs-faq-st2 .a{position: relative; padding: 30px 1rem 40px 118px; background: #f3f8fb; border-top: 1px solid #ddd; display: none; min-height: 140px}
.bbs-faq-st2 .q a:before,.bbs-faq-st2 .a:before{position: absolute; left: 50px;font-size: 38px; font-weight: 700; line-height: 1;}
.bbs-faq-st2 .q a:before,.bbs-faq-st2 .a:before{position: absolute; left: 50px;font-size: 38px; font-weight: 700; line-height: 1;}
.bbs-faq-st2 .q a:before{color: #027cb5; content: 'Q.'; top:30px}
.bbs-faq-st2 .a:before{color: #a1a8ac; content: 'A.'; top:30px}
.bbs-faq-st2 .q{font-size: 1.25rem; color: #333}
.bbs-faq-st2 .q .sort{color: #027cb5; font-weight: 500; margin-bottom: 10px; font-size: 1rem; display: block; line-height: 1;}
/* .bbs-faq-st2 .q a:after{position: absolute; right: 50px; top:50%; transform:tranlateY(-50%); background: url('../img/bbs/ico-faq.png') center center no-repeat; width: 14px; height: 8px; content: ''; transition:all ease-in-out .3s}
.bbs-faq-st2 .active.q a:after{transform:translateY(-50%) rotate(-180deg)} */

.bbs-faq-st2 .q a:after{position: absolute; right: 50px;     width: 10px;
    height: 10px;
    border-top: 2px solid #aaa;
    border-left: 2px solid #aaa;
    vertical-align: middle;
    position: absolute;
    top: 50%; content: ''; transform: rotate(-135deg); margin-top: -5px; transition:all ease-in-out .3s}
.bbs-faq-st2 .active.q a:after{transform: rotate(45deg); margin-top: -5px; border-color:#027cb5}


.cont-faq{border:1px solid #ddd; font-size: 1.063rem;}
.cont-faq:last-child{border-bottom: 0;}
.cont-faq > li{border-bottom: 1px solid #ddd;}
.cont-faq .q{position: relative; font-size: 1.125rem; font-weight: 500; background: #f6f6f6}
.cont-faq .q a{display: block; position: relative; padding: 20px 50px; word-break:keep-all}
.cont-faq .a{padding: 50px; border-top: 1px solid #ddd;; display: none;}
.cont-faq .active .q{background: #ebf9f7;color: #1d95a5}

.cont-faq .q a:after{position: absolute; right: 50px; top:50%; transform:translateY(-50%); background: url('../img/bbs/ico-faq.png') center center no-repeat; width: 14px; height: 8px; content: ''}
.cont-faq .active .q a:after{background-image: url('../img/bbs/ico-faq_on_green.png')}
.cont-faq .active .q a:before{position: absolute; left: -1px; top:-1px; right: -1px; bottom: -1px;border:1px solid #1d95a5; content: ''}


.cont-faq .q .ico{background: url('../img/business/ico-faq.png') left .18em no-repeat; padding-left: 28px; line-height: 1.35;}
.cont-faq .active .ico{background-image: url('../img/business/ico-faq_on.png')}



.bbs-thumb{border-top: 1px solid #333}
.bbs-thumb > li{border-bottom: 1px solid #ddd;}
.bbs-thumb a{display: table; padding: 30px 50px; width: 100%; table-layout:fixed}
.bbs-thumb a:hover{background: #f6f6f6}
.bbs-thumb a > *{display: table-cell; vertical-align: middle;}
.bbs-thumb .img{width: 285px;}
.bbs-thumb .img .in{height: 200px; overflow: hidden; position: relative; background: #f2f2f2; }
.bbs-thumb .img img{position: absolute; left: 0; top:0; right: 0; bottom:0; margin: auto; width: 100%;}
.bbs-thumb .cont{padding-left: 50px; line-height: 1.18;}
.bbs-thumb .sort{display: block; margin-bottom: 10px; font-weight: 500; color: #027cb5}
.bbs-thumb .t{white-space: nowrap; overflow: hidden;text-overflow: ellipsis; color: #333; font-weight: 500; font-size: 1.625em; display: block;}
.bbs-thumb .etc{max-width:630px; margin: 30px 0 -15px -15px; color: #888; display: flex; flex-wrap:wrap}
.bbs-thumb .etc > li{width: calc(50% - 15px); margin: 0 0 15px 15px; float: left;}

.bbs-thumb.ptnCpy .img{width: 140px;}

.bbs-vdo_top{background: #f6f6f6; padding: 35px}
.bbs-vdo_top .inner{display: flex;justify-content: space-around; align-items: center;}
.bbs-vdo_top .area_img{flex:1}
.bbs-vdo_top .area_cont{width: 440px; margin-left: 45px;}
.bbs-vdo_top .area_img .ifr{position: relative; padding-bottom: 56%; overflow: hidden; max-width:1024px; padding-bottom: 40%; margin: 0 auto;}
.bbs-vdo_top .area_img .ifr iframe{width: 100%; height: 100%; display: block; position: absolute;}
.bbs-vdo_top .area_cont .label{font-style: italic; font-weight: 500; margin-bottom: 1.25em; line-height: 1.15; color: #027cb5; display: block;}
.bbs-vdo_top .area_cont .t{font-size: 1.875em; color: #333; font-weight: 500; display: block; line-height: 1.15; display: block;}
.bbs-vdo_top .area_cont .txt{max-height: 205px; overflow-y: auto; margin: 40px 0 50px;}
.bbs-vdo_top .area_cont .date{color: #888}
.bbs-vdo_top .area_cont .date span{margin-right: 10px;}

.bbs-vdo_w .bbs-gallery_w.vdo{border-top: 0; padding-top: 0; margin-top: 45px;}
.vdo .bbs-gallery .img{padding-bottom: 55%;}
.vdo .bbs-gallery .img:before{position: absolute; background: rgba(0,0,0,.4) url('../img/bbs/ico-play.png') center center no-repeat; left: 0; top:0; width: 100%; height: 100%; content: ''; z-index: 1}

.page-org_map{position: relative; background: #f7f7f7; padding-left: 40%;}
.page-org_map .cont{position: absolute; left: 50%; top:0; height: 100%; width: 480px; margin-left: -700px; background: #f7f7f7; padding-top: 45px; padding-right: 60px;}
.page-org_map .map{width: 100%; height: 460px; position: relative;}
.page-org_map .map iframe,.page-org_map .map #map{width:100%; height: 100%; display: block;position: absolute !important; left: 0; top:0;}
.page-org_map .top{font-size: 1.067rem; margin-bottom: 2em;}
.page-org_map .top dt{font-size: 1.765em; font-weight: 700; color: #333; line-height: 1.15; margin-bottom: 20px;}

.select_map select{border:0; background: none; padding: 0; width: 100%; color: #333; font-weight: 700; background: url('../img/bbs/ico-sel.png') right center no-repeat}
.select_map .btn{padding-left: 1em; font-size: 1.375em; position: relative; padding-bottom: 15px; border-bottom: 2px solid #027cb5}
.select_map .btn i{position: absolute; left: 0; top:.3em; color: #027cb5}

.select_list{max-height: 183px; overflow-y: auto; font-size: 14px;}
.select_list li{border-bottom: 1px solid #ddd;}
.select_list a{display: block; padding: 20px 40px}
.select_list strong{font-size: 1rem; color: #333; position: relative; display: block; margin-bottom: 5px; font-weight: 400;}
.select_list i{color: #888; position: absolute; left: -18px; top:.3em; font-size: 18px;}
.select_list .active{background: #fff}
.select_list .active i{color: #027cb5}

.map_slide{position: relative; margin-top: 40px;}
.map_slide .s_w{margin: 0 -85px; padding: 0 70px; position: relative;}
.map_slide .in{margin: 0 15px; margin-top: 30px; display: block; border:1px solid #ddd; background: #fff; padding: 30px}
.map_slide .img{position: relative; padding-bottom: 67%; overflow: hidden;}
.map_slide .img img{position: absolute; left: 0;top:0;right: 0;bottom: 0; margin: auto; width: 100%}
.map_slide .cont{margin: 20px 0 25px;}
.map_slide .cont .t{display: block; font-size: 1.375rem; font-weight: 500; color: #333; margin-bottom: .7em; line-height: 1.15;}
.map_slide .more{text-align: right;}
.map_slide .more span{background: url('../img/common/btn-more.png') right center no-repeat; padding-right: 50px; line-height: 30px; display: inline-block;}
.map_slide .slick-arrow{
  display: inline-block;
  width: 30px;
  height: 30px;
  border-top: 2px solid #d9d9d9;
  border-left: 2px solid #d9d9d9;
   vertical-align: middle;
	 position: absolute; top:50%; margin-top: -15px;
 }
.map_slide .prev{left: 0; transform: rotate(-45deg)}
.map_slide .next{right: 0;transform: rotate(135deg)}

.map_slide .in:hover,.map_slide .in:focus{margin-top: 0; box-shadow:5px 5px 8px rgba(0,0,0,.18); border-color:#027cb5}
.map_slide .in:hover .more span,.map_slide .in:focus .more span{background-image: url('../img/common/btn-more_on.png')}

.words_recent{text-align: center; margin-top: 20px; font-size: .938rem;}
.words_recent >strong{ color: #888; position: relative; margin-right: 10px; padding-right: 10px; font-weight: 500;}
.words_recent >strong:after{position: absolute; right: 0; top:50%; width: 1px; height: 10px; background: #dedede; content: ''; margin-top: -5px;}
.words_recent > *{display: inline-block; vertical-align: middle;}
.words_recent div{margin: 0 0 -10px -10px;}
.words_recent div span{display: inline-block; padding: 5px 1em; margin: 0 0 10px 10px; background: #e3e3e3; border-radius:100px; color: #666;font-weight: 500;}
.words_recent span mdel{margin-left: 5px;}

.page-total .result_txt{text-align: center; font-size: 1.500em; font-weight: 500; color: #333; margin-bottom: 35px;}
.page-total .tit-total{font-size: 1.500rem; font-weight: 700; position: relative; color: #333; margin-bottom: 40px; border-bottom: 2px solid #ddd; padding-bottom: 15px;}
.page-total .tit-total .ab{position: absolute;right: 0; bottom: 15px; font-size: 1rem; font-weight: 500; color: #888}
.page-total .tit-total .small{font-size: 1.125rem; margin-left: 5px;}

.group_total{margin-top: 80px;}
.group_total:first-child{margin-top: 0;}

.page-total .sect{margin-top: 70px;}
.page-total .sect:first-child{margin-top: 0;}

.list-cont{margin-top: -40px;}
.list-cont > li{border-bottom: 1px solid #ddd}
.list-cont .t{display: block; font-weight: 500; color: #333; font-size: 1.25em; margin-bottom: 10px;}
.list-cont a{display: block; padding: 30px 1.25rem}
.list-cont a:hover,.list-cont a:focus {background: #f7f7f7}
.list-cont .txt{max-height: 3em; overflow: hidden;}

.total-bot .top{background: #fbfbfb; padding: 45px 0}
.dev_total_i{border:1px solid #ddd; border-top: 2px solid #027cb5; background: #fff; padding: 33px 0; display: flex; flex-wrap:wrap; font-size: 1.063rem;}
.dev_total_i > *{padding: 0 50px; display: flex; width: 50%}
.dev_total_i li:last-child{border-left: 1px dashed #c0c2c6}
.dev_total_i .ico{width: 100px;}
.dev_total_i .ico img{display: block;}
.dev_total_i .cont{flex:1; margin-left: 30px;}
.dev_total_i dt{font-size: 1.25rem; font-weight: 700; margin-bottom: 10px;}
.dev_total_i dd{margin-top: 5px;}

.total_rel{background: #fff; border-top: 1px solid #ddd; padding: 20px 0; font-size: ;}
.total_rel li{float: left; width: 20%;}
.total_rel img{display: block;margin: 0 auto; max-width:87%; max-height: 87%}

.bbs-top_sel{text-align: right; margin-bottom: 20px;}
.bbs-top_sel select{min-width: 115px; height: 45px; padding-left: 1em;}
.bbs-rule{border-top: 1px solid #000;; padding-top: 30px; line-height: 1.18;}
.bbs-rule > ul{margin: 0 0 -30px -30px; display: flex; flex-wrap:wrap}
.bbs-rule > ul > li{width: calc(33.333% - 30px); margin: 0 0 30px 30px; background: url('../img/library/bg.gif') right top no-repeat}
.bbs-rule a{display: block; padding: 30px 30px 40px;border:1px solid #ddd; transition:all ease-in-out .3s; height: 100%}
.bbs-rule a > *{display: block;}
.bbs-rule .sort{font-weight: 500;}
.bbs-rule .t{color: #333; font-weight: 700; margin: 10px 0 30px; font-size: 1.25rem;}
.bbs-rule .logo img{display: block;}
.bbs-rule a:hover,.bbs-rule a:focus{border:1px solid #027cb5; box-shadow:0 3px 15px rgba(0,0,0,.15)}
.bbs-rule .more{text-align: right;}
.bbs-rule .more span{background: url('../img/common/btn-more.png') right center no-repeat; display: inline-block;padding-right: 59px; font-size: .938rem; line-height: 31px; font-size: .938rem; font-weight: 500; color: #999}
.bbs-rule a:hover .more span,.bbs-rule a:focus .more span{background-image: url('../img/common/btn-more_on.png'); color: #027cb5}

.pop-pw{background: #f7f7f7; padding: 1.5rem; margin-top: 20px;}
.pop-pw .in{position: relative;}
.pop-pw input[type="password"]{width: 100%; height: 3rem}
.pop-pw button{position: absolute; right: 0; top:0; width: 5em; height: 100%}

.pop-cont .tbl-row .w50{float: none; width: 100%}
/* .pop-cont .tbl-row .item,.pop-cont .tbl-row .item > *{display: block}
.pop-cont .tbl-row .item .t{width: 100%; text-align: left;} */

.vdo_dev{display: flex; justify-content: space-between;}
.vdo_dev .l{width: 74.5%}
.vdo_dev .r{width: 23%;}
.vdo_dev .r > ul{    display: flex;
    width: 100%;
    height: calc(100% + 10px);
    flex-flow: column; margin-top: -10px;}
/* .vdo_dev .r > ul.col3{justify-content: space-between;} */
.vdo_dev .ifr{position: relative; padding-bottom: 56%;}
.vdo_dev .ifr iframe{position: absolute; left: 0 ;top:0; width: 100%; height: 100%; display: block;}
.vdo_dev img{display: block; width: 100%}
.vdo_dev .in{display: block; position: relative;}

.vdo_dev .item{height: calc(33.333% - 10px); margin-top: 10px;}
.vdo_dev .item .img{position: relative; overflow: hidden; height: 100%; background: #000}
.vdo_dev .item .in{width: 100%; height: 100%}
.vdo_dev .item img{position: absolute; left: 0; top:0;right: 0; bottom: 0; margin: auto; width: 100%; opacity:.35; transition:all ease-in-out .18s}
.vdo_dev .item .txt{margin-top: 10px; line-height: 1; font-size: 1.067rem; color: #333}
.vdo_dev .item a:hover{text-decoration: underline;}
.vdo_dev .active .img img,.vdo_dev .item a:hover .img img,.vdo_dev .item a:focus .img img{opacity:1}
.vdo_dev .txt{    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}

/* .vdo_dev .l{float: left; width: 79%}
.vdo_dev .r{float: right;width: 18%; margin: -1.15% 0;}
.vdo_dev .ifr{position: relative; padding-bottom: 53.5%;}
.vdo_dev .ifr iframe{position: absolute; left: 0 ;top:0; width: 100%; height: 100%; display: block;}
.vdo_dev img{display: block; width: 100%}
.vdo_dev .item .in{position: relative; overflow: hidden; padding-bottom: 79%; margin: 2.5% 0;}
.vdo_dev .item img{position: absolute; left: 0; top:0;right: 0; bottom: 0; margin: auto; width: 100%}
 */

.bbs-reply_new{margin-bottom: 5em;}
.bbs-reply_new .t{display: block;font-size: 1.333em;margin-bottom: 1em;line-height: 1.15;}
.bbs-reply_new .t span{font-weight: 400;}
.bbs-reply_new .write{background: #f1f1f1;padding: 1.333em}
.bbs-reply_new .write .bg{position: relative;padding-right: 150px;}
.bbs-reply_new textarea{width: 100%;display: block;background: #fff;border:0;padding: .938rem;font-size: 1rem;height: 130px}
.bbs-reply_new .write .bg button{position: absolute;right: 0;top:0;width: 150px;height: 100%;background: #333;text-align: center;color: #fff}
.btn-replay{font-size: 16px;font-size: 1.067rem;font-weight: 500;}
.btn-replay span{background: url('../img/bbs/btn-reply.png') left center no-repeat;padding-left: 1.25em;}
.bbs-reply_new .txt{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd; padding: 1em 0}
.bbs-reply_new .input{margin-bottom: 10px;}
.bbs-reply_new .input input{border:0; height: 2.4em; padding: 0 .938rem; font-size: 1rem; width: 15em}

.replay_l{margin-top: 30px;border-top: 1px solid #ddd;font-size: 1.125rem;}
.replay_l > li{padding: 20px 0;border-bottom: 1px solid #ddd;}
.replay_l > li > *{display: block;}
.replay_l > li .date{font-size: .938rem;color:#888}
.replay_l p{margin: 5px 0 .8em 0;}

.inq_txt{margin: 1.5em 0 1.8em; text-align: center; word-break:keep-all}
.inq_txt .bul-mark{display: inline-block; background-position: left .18em !important; text-align: left;}
.inq_txt .bul-mark span{border-bottom: 1px solid #999;}
.inq_txt .bul-mark .small{font-size: .938em; color: #333}

.tbl-center .w13{width: 13%}
.tbl-center .w23{width: 23%}
/* .tbl-center .w-long{width: 38%} */

/* .tbl-center.none-tel .w13{width: 14%} */

.tbl-center .block-t{font-weight: 700; margin-bottom: 1px;}


/* 대한민국안전사진공모전 */
.bbs-gallery .img.PHOWIN{padding-bottom: 65%;}

/* 안전그림 포스터 공모전 */
.bbs-gallery .img.PICWIN{padding-bottom: 135%;}