@charset "utf-8";

/* slick */
.slick-slider{ position: relative; display: block; box-sizing: border-box;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;z-index: 9;}
.slick-list:focus{outline: none; }
.slick-list.dragging{cursor: pointer; cursor: pointer; }
.slick-slider .slick-track,
.slick-slider .slick-list{ transform: translate3d(0, 0, 0); }
.slick-track{position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before,
.slick-track:after{display: table; content: ''; }
.slick-track:after{clear: both; }
.slick-loading .slick-track{visibility: hidden; }
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;overflow: hidden;}
[dir='rtl'] .slick-slide{float: right; }
.slick-slide img{display: block;/* height: 100%; */width: 100%;}
.slick-slide.slick-loading img{display: none; }
.slick-initialized .slick-slide{display: block; }
.slick-loading .slick-slide{visibility: hidden; }
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden {display: none; }



/* 보도형 */
.bodo_list{border-top:2px #dadada solid;}
.bodo_list.type_2{border: 1px solid #ddd;border-top: 2px solid #2b6b4d;}
.bodo_list.type_2 .slick-arrow{position:absolute;top:50%; transform:translate(0,-50%);width: 50px;height: 50px;background-color:transparent;background-image: url(/images/kor/common/2020/ir.png);background-repeat: no-repeat;z-index: 99;font-size:0}
.bodo_list.type_2 .slick-arrow.slick-prev{left: 10px;background-position: -545px -189px;}
.bodo_list.type_2 .slick-arrow.slick-next{right: 10px;background-position: -610px -189px;}


.bodo_list.type_2 .slick-dots{text-align:center;/* margin-top: -52px; */position: absolute;bottom: -30px;left: 0;width: 100%;}
.bodo_list.type_2 .slick-dots li{display:inline-block;/* float:left; */width: 25px;height: 5px;/* border: 1px solid; */margin: 0 3px;transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}
.bodo_list.type_2 .slick-dots li button{display:block;width:100%;height:100%;/* border: 3px solid #fff; */background-color: #7cc242;font-size: 0;/* border-radius: 50%; */opacity: 0.7;border-radius: 30px;overflow: hidden;}
.bodo_list.type_2 .slick-dots li.slick-active button{/* border-color:#6d6d6d; */background-color: #08a87d;opacity: 1;}


.bodo_list .item{padding:25px 15px;min-height: 130px;border-bottom:1px #dadada solid;/* overflow: hidden; */}
/*.bodo_list .item .thumb{position:relative;float:left;width:270px;height:200px;margin-right:20px;overflow:hidden;background:#f8f8f8 url(/images/common/example.png) no-repeat 50% 50%;}*/
.bodo_list .item .thumb{position:relative;float:left;width: 180px;height: 130px;margin-right:30px;overflow:hidden;background:none;}
.bodo_list .item .thumb_no{position:relative;float:left;width:auto;max-height:0;margin-right:20px;overflow:hidden;background:none;}
.bodo_list .item .thumb img{position:absolute;top:0;left:50%;max-width:none;height:100%;transform: translate(-50%, 0);width: auto;}
.bodo_list .item .descpt a{display:block;}
.bodo_list .item .descpt .subject{display:block;padding-bottom:3px;margin-bottom:13px;font-weight: bold;font-size: 18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px dashed #d1d1d1;/*font-family:"Nanum Gothic", sans-serif;*/}
.bodo_list .item .descpt .subject em{display:block;color:#000;font-size: 12px;font-weight: normal;letter-spacing: -1px;margin-bottom: 1px;}
.bodo_list .item .descpt .pt{display:block;max-height: 47px;overflow: hidden;}
.bodo_list .item .descpt .pt .opt{display:block;margin-top:10px}
.bodo_list .item .descpt .pt .opt span{display:inline-block;margin-right:10px}
.bodo_list .item .descpt .txt-small {font-size: 13px; color:#768C64;}
.bodo_list.book .item .thumb{width:110px;height:150px}
.bodo_list.type_2 .item{padding:50px 70px 40px;min-height:115px;box-sizing: border-box; border-bottom:none;}
.bodo_list.type_2 .item .thumb{width: 290px;height: 210px;}
.bodo_list.type_2 .item .thumb img{position:absolute;top:50%;left:50%;max-width:none;height:auto;height:100%;transform: translate(-50%, -50%);}
.bodo_list.type_2 .item .descpt{padding-top:3px;}
.bodo_list.type_2 .item .descpt .subject{padding-bottom:6px; font-size:19px; color:#2B6B4D; letter-spacing: -1px;}
.bodo_list.type_2 .item .descpt .subject em{font-size:15px;}
.bodo_list.type_2 .item .descpt .pt{max-height: 90px;font-size:15px; line-height:22px; margin-top:19px; margin-bottom: 17px;}
.bodo_list.type_2 .item .descpt .txt-small {font-size: 14px; color:#768C64;}
.basic_box .inner .board_total {padding-left:0; }

@media(max-width:639px){
   


.bodo_list .item{padding:0}
/*.bodo_list .item:first-child{padding-top:25px}*/
.bodo_list .item .thumb{float:none;width:auto;margin:0;text-align:center}
.bodo_list .item .descpt{padding:6% 3% 5%;}
.bodo_list .item .descpt .subject{font-size: 16px;}
.bodo_list.type_2 .item .descpt .subject{font-size:17px;}
.bodo_list.type_2 .item .descpt .pt{max-height: 82px; font-size:14px; line-height:20px;}
.bodo_list.type_2 .item{padding:25px 60px 0;  }
.bodo_list.type_2 .item .descpt .subject em{font-size:14px;}
.bodo_list.type_2 .item .descpt .txt-small {font-size: 13px;}
}

@media(max-width:500px){
.basic_box .inner .basic_search .searchinput { width:75%; }
}

.board--card--list,.board--card--list .obj,.board--card--list .obj .thm--box {
    position: relative;
    overflow: hidden
}

.board_faq .title .ti.on,.board_faq .title .ti:focus,.board_faq .title .ti:hover,.sch_txt .sch_box .li span a:focus,.sch_txt .sch_box .li span a:hover {
    text-decoration: underline
}

.board--card--list:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.board--card--list .obj {
    margin: 30px -7px 0
}

.board--card--list .obj .link {
    display: block;
    border: 7px solid transparent
}

.board--card--list .obj .item {
    border: 1px solid #ddd;
    overflow: hidden
}

.board--card--list .obj .thm--box {
    width: 100%;
    padding-top: 200px;
    background-color: #fafafa;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 2000
}

.board--card--list .obj .thm--box .inner {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    width: 100%;
    height: 100%
}

.board--card--list .obj .thm--box .inner img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: none;
    max-height: 100%;
    transform: translate(-50%,-50%);
    transition: -webkit-transform cubic-bezier(.22,.61,.36,1) .4s;
    transition: transform cubic-bezier(.22,.61,.36,1) .4s;
    transition: transform cubic-bezier(.22,.61,.36,1) .4s,-webkit-transform cubic-bezier(.22,.61,.36,1) .4s;
    -webkit-transform: translate(-50%,-50%);
    -webkit-transition: -webkit-transform cubic-bezier(.22,.61,.36,1) .4s;
    -o-transition: transform cubic-bezier(.22,.61,.36,1) .4s;
    -ms-transform: translate(-50%,-50%)
}

.board--card--list .obj .link * {
    transition: all .3s ease-in-out
}

.board--card--list .obj .link:focus .thm--box .inner img,.board--card--list .obj .link:hover .thm--box .inner img {
    transform: translate(-50%,-50%) scale(1.1);
    -webkit-transform: translate(-50%,-50%) scale(1.1);
    -ms-transform: translate(-50%,-50%) scale(1.1)
}

.board--card--list .obj .card--body {
    position: relative;
    padding: 15px;
    border-top: 1px solid #ddd;
    text-align: left;
    z-index: 2
}

.board--card--list .obj .card--body:before {
    /* display:block; */
    /* position:absolute; */
    /* z-index:-1; */
    /* top:-20px; */
    left: -6%;
    width: 110%;
    height: 100px;
    background-color: #fff;
    content: '';
    transform: rotate(-8deg);
    -webkit-transform: rotate(-8deg);
}

.board--card--list .obj .card--body .cont {
    clear: both;
    display: block !important;
    padding-top: 15px!important;
    padding-bottom: 15px!important;
    margin-top: 20px;
    border-top: 1px dashed #ddd;
    height: 90px;
    overflow: hidden;
    border-bottom: 1px solid #dedede;
    line-height: 1.3 !important;
    padding: 15px;
    box-sizing: content-box;
}

.board--card--list .obj .card--body .cont:before {
    display: none!important
}

.board--card--list .obj .card--btn {
    display: block;
    position: absolute;
    top: -77px;
    left: 50%;
    width: 40px;
    height: 40px
}

.board--card--list .obj .card--btn span {
    font-size: 0;
    display: block;
    padding: 0!important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: relative;
    box-shadow: 0 5px 13px rgba(0,0,0,.18)
}

.board--card--list .obj .card--btn span:after,.board--card--list .obj .card--btn span:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 20%;
    width: 60%;
    height: 2px;
    background-color: #fff;
    transition: all .3s ease
}

.board--card--list .obj .card--btn span:before {
    transform: translateY(-50%)
}

.board--card--list .obj .card--btn span:after {
    transform: translateY(-50%) rotate(90deg)
}

.board--card--list .obj .link:focus .card--btn span:before,.board--card--list .obj .link:hover .card--btn span:before {
    transform: rotate(180deg)
}

.board--card--list .obj .link:focus .card--btn span:after,.board--card--list .obj .link:hover .card--btn span:after {
    transform: rotate(180deg);
    opacity: 0
}

.board--card--list .obj .col {
    float: left
}

.board--card--list .obj.col1 .col {
    float: none
}

.board--card--list .obj.col1 .col:first-child {
    margin-top: 0
}

.board--card--list .obj.col1 .item {
    position: relative;
    width: 100%;
    min-height: 254px;
    margin: 0;
    padding: 0 0 0 326px;
    border: 1px solid #dadada;
}

.board--card--list .obj.col1 .item.noimage {
    min-height: 184px;
    padding-left: 25px
}

.board--card--list .obj.col1 .thm--box {
    position: absolute;
    top: 25px;
    left: 25px;
    width: 290px;
    height: 202px;
    padding-top: 0;
    overflow: hidden;
    background: #efefef;
    text-align: center;
}

.board--card--list .obj.col1 .card--body {
    padding: 35px 50px 20px 20px;
    border-top: none
}

.board--card--list .obj.col1 .card--body:before {
    display: none
}

.board--card--list .obj.col1 .card--body .title {
    display: block;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #ddd
}

.bbs--view,.bbs--view .bbs--view--header {
    border-bottom: 1px solid #bbb
}

.board--card--list .obj.col1 .card--btn {
    display: none
}

.board--card--list .obj.col1 .stat.ing {
    background-color: #4a4a4a
}

.board--card--list .obj.col1 .stat.wait {
    background-color: #726458
}

.board--card--list .obj.col1 .stat.end {
    background-color: #6d6c76
}

.board--card--list .obj.col2 .col {
    width: 50%
}

.board--card--list .obj.col3 .col {
    width: 33.3%
}

.board--card--list .obj.col4 .col {
    width: 25%
}

.board--card--list .obj.col5 .col {
    width: 20%
}

.board--card--list .obj.col2 .thm--box {
    padding-top: 270px
}

.board--card--list .obj.col2 .card--body:before {
    top: -32px
}

.board--card--list .obj.col5 .card--body:before {
    top: -32px;
    left: 0
}

.board--card--list .obj .card--body .tit {
    display: block;
    width: 100%;
    overflow: hidden;
    color: #222;
    font-size: 20px;
    text-overflow: ellipsis;
    font-weight: 700;
    white-space: nowrap;
    word-wrap: break-word;
    word-break: keep-all
}

.board--card--list .obj .card--body .list_ul li {
    position: relative;
    margin: 3px 0;
    font-size: 15px;
    line-height: 24px;
    display: inline-block;
    float: left;
}

.board--card--list .obj .card--body .list_ul li b {
    /* display:inline-block; */
    /* position:relative; */
    /* max-width:74px; */
    /* padding-left:10px; */
    /* padding-right:10px; */
    margin-right: 10px;
    color: #333;
    font-size: 0;
}

.board--card--list .obj .card--body .list_ul li b:before {
    /* position:absolute; */
    /* top:10px; */
    /* left:0; */
    /* width:2px; */
    /* height:2px; */
    /* border-radius:50%; */
    /* background-color:#666; */
    /* content:''; */
}

.board--card--list .obj .card--body .list_ul li b:after {
    /* position:absolute; */
    /* top:0; */
    /* right:0; */
    /* color:#666; */
    /* content:':'; */
    font-size: 15px;
    line-height: 24px;
}

.board--card--list .obj.col3 .col.card--body .list_ul li.cont,.board--card--list .obj.col4 .col.card--body .list_ul li.cont,.board--card--list .obj.col5 .col.card--body .list_ul li.cont {
    height: 72px;
    padding-left: 12px;
    overflow: hidden
}

.board--card--list .obj.col3 .col.card--body .list_ul li.cont b,.board--card--list .obj.col4 .col.card--body .list_ul li.cont b,.board--card--list .obj.col5 .col.card--body .list_ul li.cont b {
    width: 0;
    font-size: 0
}

.board--card--list .obj.col3 .card--btn {
    top: -64px
}

.board--card--list .obj.col4 .card--btn {
    top: -58px
}

.board--card--list .obj .card--btn .stat {
    display: inline-block;
    padding: 0;
    background-color: #0050a4;
    color: #fff
}

.board--card--list .obj .cat {
    position: absolute;
    top: 20px;
    left: 2%;
    z-index: 4
}

.board--card--list .obj .cat .type {
    display: inline-block;
    padding: 5px 15px
}

.board--card--list .obj .cat .type1,.board--card--list .obj .cat .type2,.board--card--list .obj .cat .type3 {
    background: #343d38;
    color: #fff
}

.board--card--list .obj.col1 .col.cat {
    top: 26px;
    left: 25px
}

.board--card--list .obj .card--body .list_ul li.cont {
    padding-left: 0
}

.board--card--list .obj .card--body .list_ul li.cont b {
    font-size: 0;
    line-height: 0;
    max-width: none;
    padding: 0;
    margin: 0
}

.board--card--list .obj .card--body .list_ul li.cont b:before {
    display: none
}

.board--card--list .obj.col5 .col .card--body .list_ul li b,.board--card--list .obj.col6 .col .card--body .list_ul li b {
    font-size: 0
}

@media only screen and (max-width: 1199px) {
    .board--card--list .obj.col4 .col {
        width:33.3%
    }

    .board--card--list .obj.col5 .col {
        width: 25%
    }
}

@media only screen and (max-width: 1023px) {
    .board--card--list .obj.col5 .col {
        width:33.3%
    }
}

@media only screen and (max-width: 999px) {
    .board--card--list .obj.col3 .col,.board--card--list .obj.col4 .col,.board--card--list .obj.col5 .col {
        width:50%
    }
}

@media only screen and (max-width: 767px) {
    .board--card--list .obj.col1 .col .cat {
        top:0;
        left: 0
    }

    .board--card--list .obj.col1 .col .thm--box {
        top: 0;
        left: 0;
        width: 100%
    }

    .board--card--list .obj.col1 .col .card--body {
        padding: 20px
    }

    .board--card--list .obj.col1 .col .card--btn {
        position: static;
        top: 0;
        right: 0
    }

    .board--card--list .obj.col1 .col .item {
        position: relative;
        padding: 226px 0 0
    }

    .board--card--list .obj.col1 .col .item.noimage {
        padding-top: 0
    }

    .board--card--list .obj.col2 .col,.board--card--list .obj.col3 .col,.board--card--list .obj.col4 .col,.board--card--list .obj.col5 .col {
        width: 100%
    }
}

.bbs--view {
    margin-bottom: 0;
    border-top: 2px solid #222
}
.bbs--view  *{box-sizing:border-box}
.bbs--view .bbs--view--header .bbs--view--tit {
    clear: both;
    margin-bottom: 5px;
    color: #222;
    font-size: 26px;
    font-weight: 500;
    vertical-align: middle;
    background: none;
    text-align:center;
    line-height:1.3;
}

.bbs--view .bbs--view--header .bbs--view--tit em{display:block;font-size: 14px;letter-spacing:-1px;margin-bottom: 10px;}

.bbs--view .bbs--view--header .bbs--view--opt {
    padding-top: 10px;
    font-size: 14px
}

.bbs--view .bbs--view--header .bbs--view--opt span {
    display: inline-block;
    margin-right: 10px
}

.bbs--view .bbs--view--header span i {
    display: inline-block;
    position: relative;
    /* margin-right:7px; */
    /* padding-right:7px; */
    color: #555;
    font-style: normal;
    font-weight: 700;
    font-size: 0;
}

.bbs--view .bbs--view--header span i:before {
    display: none;
    position: absolute;
    top: 5px;
    right: -2px;
    width: 1px;
    height: 10px;
    background-color: #ddd;
    content: '';
}

.bbs--view .bbs--view--header .date {
    float: right;
    margin-right: 0
}

.bd_detail_tit .info:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.bd_detail_tit .info li {
    display: inline-block;
    position: relative;
    float: left;
    margin-left: 10px;
    padding-left: 10px
}

.bd_detail_tit .info li:first-child {
    margin-left: 0;
    padding-left: 0
}

.bd_detail_tit .info li:after {
    display: block;
    position: absolute;
    top: 3px;
    right: -10px;
    width: 1px;
    height: 15px;
    background: #b1b1b2;
    content: ""
}

.bd_detail_tit .info li.inq_cnt:after,.bd_detail_tit .info li:last-child:after {
    display: none
}

.bbs--view .bbs--view--file {
    position: relative;
    padding: 14px 16px;
    /* border-top:1px solid #bbb; */
    background-color: #fafafa;
    /* margin-top: -1px; */
}

.bbs--view .bbs--view--file .tit {
    display: block;
    margin-bottom: 10px;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    letter-spacing: -1px
}

.bbs--view .bbs--view--file .tit:before {
    position: absolute;
    top: -24px;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    background: url(/pcms/common/images/ir/ir-bbs.png) -248px -126px no-repeat;
    content: ''
}

.bbs--view .bbs--view--file .tit em {
    color: #ec1d25;
    font-weight: 700
}

.bbs--view .bbs--view--file .btn-group-down {
    margin-bottom: 5px
}

.bbs--view .bbs--view--cont {
    padding: 24px 30px 50px
}

.bbs--view .bbs--view--cont>img {
    display: block;
    max-width: 100%
}

.bbs--view--header+.bbs--view--file {
    margin: 0!important
}

.board--nav--list {
    padding: 0 10px;
    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
    box-sizing: border-box
}

.board--nav--list>li {
    position: relative;
    padding: 12px 0;
    border-bottom: 1px solid #ddd
}

.board--nav--list>li:last-child {
    border-bottom: 0
}

.board--nav--list>li * {
    color: #666;
    font-size: 14px;
    line-height: 1.4;
    vertical-align: middle
}

.board--nav--list>li a {
    display: block;
    margin: 0 85px 0 10px;
    overflow: hidden;
    color: #777;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.board--nav--list>li .time {
    position: absolute;
    top: 13px;
    right: 0
}

.board--nav--list>li a i {
    position: relative;
    margin-right: 10px;
    padding-left: 18px;
    background: 0 0;
    color: #222;
    font-style: normal;
    font-size: 14px;
    line-height: 1.4
}

.board--nav--list>li a i:before {
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 12px;
    height: 6px;
    background: url(/pcms/common/images/ir/ir-bbs.png) no-repeat;
    content: ''
}

.board--nav--list>li.prev a i:before {
    top: 8px;
    background-position: -154px -126px;
}

.board--nav--list>li.next a i:before {
    background-position: -103px -126px;
}

.bbs--view+.box-footer {
    margin-top: 10px;
    border-top: none
}

.box-footer+.board--nav--list {
    margin-top: 10px
}

@media only screen and (max-width: 768px) {
    .bbs--view .bbs--view--file,.bbs--view .bbs--view--header {
        padding:15px
    }

    .bbs--view .bbs--view--cont {
        padding: 15px 15px 30px
    }

    .bbs--view .bbs--view--file .tit {
        font-size: 0
    }
}

.box-footer:after {
    content: "";
    display: block;
    visibility: hidden;
    clear: both
}

.board--comment {
    margin-top: 50px;
    position: relative;
    width: 100%
}

.comment--title {
    margin: 0 0 8px;
    padding: 0;
    color: #444;
    font-size: 18px;
    line-height: normal;
    letter-spacing: -1px
}

.comment--title span {
    color: #fd2100;
    font-size: 14px;
    font-weight: 400;
    font-family: tahoma;
    letter-spacing: 0
}

.board--list--comment {
    width: 100%;
    border-top: 1px solid #eee
}

.board--list--comment .comment--item {
    position: relative;
    z-index: 10;
    padding: 20px;
    border-bottom: 1px solid #eee;
    vertical-align: top
}

.board--list--comment .comment--item.comment--thumb--on {
    padding-left: 100px
}

.board--list--comment .comment--item.comment--thumb--on .thumb {
    position: absolute;
    top: 28px;
    left: 0;
    width: 80px;
    height: 80px;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 50%
}

.board--list--comment .comment--item .thumb img {
    vertical-align: top
}

.board--list--comment .comment--item .thumb .user--thumb {
    width: 100%;
    height: 100%
}

.board--list--comment .comment--item .comment--info--area {
    position: relative
}

.board--list--comment .comment--item .comment--section,.board--list--comment .comment--item .comment--section2 {
    display: inline-block;
    color: #5c5c5c;
    font-size: 13px;
    line-height: 1.3
}

.board--list--comment .comment--item .comment--section2 {
    float: right;
    color: #999
}

.board--list--comment .comment--item .nick_name {
    display: inline-block;
    position: relative;
    margin-right: 7px;
    padding-right: 7px
}

.board--list--comment .comment--item .nick_name:before {
    position: absolute;
    top: 5px;
    right: 0;
    width: 1px;
    height: 10px;
    background-color: #aaa;
    content: ''
}

.board--list--comment .comment--item .nobar {
    display: inline-block;
    position: relative;
    margin-left: 7px;
    padding-left: 7px
}

.board--list--comment .comment--item .nobar:before {
    position: absolute;
    top: 9px;
    left: 0;
    width: 2px;
    height: 2px;
    background-color: #666;
    content: ''
}

.board--list--comment .comment--item .dsc--comment {
    clear: both;
    padding-top: 5px;
    font-size: 14px;
    line-height: 1.4
}

.board--list--comment .comment--item .dsc--comment .dsc {
    font-size: 14px;
    line-height: 1.4
}

.board--list--comment .comment--item .comment--area+.comment--item.comment--thumb--on {
    padding-left: 140px
}

.board--list--comment .comment--item .comment--area+.comment--item {
    padding-left: 40px;
    border: none
}

.comment--bu--subnode {
    display: inline-block;
    width: 22px;
    height: 11px;
    overflow: hidden;
    background: url(/pcms/common/images/ir/ir-bbs.png) -155px -1px no-repeat;
    font-size: 0
}

@media only screen and (max-width: 768px) {
    .board--list--comment .comment--item.comment--thumb--on {
        padding-left:20px
    }

    .board--list--comment .comment--item.comment--thumb--on .thumb {
        display: none
    }

    .board--list--comment .comment--item .comment--section2 {
        float: none;
        margin-top: 5px;
        margin-bottom: 5px;
        text-align: right
    }
}

.board_faq {
    border-top: 2px solid #e3e3e3;
    line-height: 150%;
    word-wrap: break-word
}

.board_faq .ico {
    display: inline-block;
    position: absolute;
    top: 18px;
    left: 16px;
    width: 30px;
    height: 30px;
    padding: 2px 0;
    border: 1px solid #333;
    border-radius: 50px;
    font-weight: 700;
    text-align: center
}

.video_play_box .thum_video,.video_play_box iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.board_faq .title {
    display: block;
    position: relative;
    border-bottom: 1px solid #e3e3e3
}

.board_faq .title:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.board_faq .title .ti {
    display: block;
    float: left;
    width: 100%;
    padding: 20px 56px;
    color: #333;
    font-size: 15px
}

.board_faq .title .ti:after {
    position: absolute;
    top: 43%;
    right: 30px;
    width: 21px;
    height: 11px;
    background: url(/common/images/common/uia_arr.png) no-repeat;
    content: ""
}

.cal_list .lcon:before,.cal_top:before,.cb_usr_area:after,.video_list ul:after,.video_play_box .thum_video:before {
    content: ''
}

.board_faq .pt,.detail_inner {
    position: relative
}

.board_faq .title .ti.on {
    background: url(/images/uia_arr_ov.png) 99% 50% no-repeat;
    color: #007bff
}

.board_faq .title .ti.on:after {
    background-position: -21px 0
}

.board_faq .title .ti.on .q_ico {
    border-color: #007bff;
    background-color: #007bff;
    color: #fff
}

.board_faq .title b {
    font-weight: 400;
    vertical-align: middle
}

.board_faq .pt {
    display: none;
    padding: 20px 15px 25px 60px;
    border-bottom: 1px solid #e3e3e3;
    background: #f7f7f7;
    color: #7b7b7b;
    font-size: 15px;
    word-wrap: break-word
}

.qna_ico,.qna_ico.q_ico {
    background-color: #007bff
}

.board_faq .pt p {
    margin-top: 10px
}

.board_faq .pt .a_ico {
    border-color: #007bff;
    color: #007bff
}

.qna_ico {
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 2px 0;
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

.qna_ico.a_ico {
    background-color: #f39c12
}

.video_info {
    margin-top: -10px;
    border: 1px solid #e3e3e3;
    color: #222
}

.video_info .video_desc_wrap {
    display: none!important
}

.video_info.on .video_desc_wrap {
    display: block!important;
    margin-top: 28px
}

.video_detail_box {
    padding: 23px 39px 25px;
    border: 1px solid #e3e3e3;
    border-bottom: none
}

.detail_inner .video_tit_box {
    padding-right: 252px
}

.detail_inner .btn_wrap {
    position: absolute;
    top: 0;
    right: 0;
    width: auto
}

.detail_inner .video_tit {
    color: #000;
    font-size: 28px;
    font-weight: 500
}

.video_desc {
    padding: 25px 30px
}

.video_desc .video_desc_inner {
    max-height: 138px;
    overflow-y: auto;
    height: 100%
}

.video_list {
    margin-top: 50px
}

.video_list ul {
    margin-left: -2.5%
}

.video_list ul:after {
    display: block;
    clear: both
}

.video_list ul li {
    float: left;
    width: 25%;
    padding-left: 2.5%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.video_list li a {
    display: block
}

.video_list li a span {
    display: block;
    margin-top: 11px;
    overflow: hidden;
    color: #222;
    text-overflow: ellipsis;
    white-space: nowrap
}

.list_view {
    margin-top: 38px
}

.list_view .btn {
    height: 50px;
    padding: 0 58px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 46px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px
}

.video_play_box {
    position: relative;
    overflow: hidden;
    padding-bottom: 56.25%
}

.video_play_box iframe {
    z-index: 10
}

.video_play_box .thum_video {
    display: block;
    z-index: 15;
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .video_detail_box {
        padding:10px;
        border: none
    }
}

.cal_top {
    position: relative;
    border: 4px solid #efefef
}

.cal_top:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20%
}

.cal_top .inner {
    display: block;
    position: relative;
    z-index: 3;
    padding: 0;
    background: #fff
}

.cal_top .h3 {
    margin: 0;
    padding: 25px 0;
    background: 0 0;
    font-size: 30px;
    text-align: center
}

.cal_top .h3 .month,.cal_top .h3 .yearm {
    color: #07378e;
    font-weight: 700
}

.cal_top .sel_day {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.cal_top .sel_day a {
    position: absolute;
    top: 30px;
    height: 32px;
    background: url(/pcms/common/images/common/cal_arr.png) no-repeat;
    font-size: 16px;
    line-height: 30px;
    vertical-align: middle
}

.cal_top .sel_day a.prev {
    left: 5%;
    padding-left: 35px;
    background-position: 0 0
}

.cal_top .sel_day a.next {
    right: 5%;
    padding-right: 35px;
    background-position: 56px -32px
}

.cal_top .sel_month {
    padding: 20px 0;
    border-top: 1px solid #ddd;
    text-align: center
}

.cal_top .sel_month li {
    display: inline-block;
    margin-bottom: 15px;
    width: 6.7%
}

.cal_top .sel_month li a {
    display: inline-block;
    position: relative;
    width: 37px;
    font-weight: 400
}

.cal_top .sel_month li a.ov {
    color: #06378e
}

.cal_top .sel_month li a.ov:before,.cal_top .sel_month li a:focus:before {
    display: block;
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    height: 4px;
    background: #06378e;
    content: ''
}

.cal_list {
    position: relative;
    margin-top: 50px;
    overflow: hidden
}

.cal_list .lcon {
    position: relative;
    width: 100%;
    padding: 30px 20px 20px;
    border: 1px solid #ddd
}

.cal_list .lcon:before {
    display: block;
    position: absolute;
    top: 90px;
    left: 0;
    width: 100%;
    height: 32px;
    background: #07378e
}

.cal_list .lcon p {
    margin-top: 3px;
    margin-bottom: 16px
}

.cal_list .lcon p strong {
    display: block;
    margin: 0;
    padding: 0;
    color: #07378e;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    line-height: 30px
}

.cal_list .lcon p span {
    display: block;
    color: #b8b8b8;
    font-size: 12px;
    text-align: center;
    line-height: 17px
}

.sch_tbl {
    position: relative;
    width: 100%;
    table-layout: fixed
}

.sch_tbl tbody td {
    padding: 6px 0;
    text-align: center
}

.sch_tbl tbody td .cat {
    display: inline-block;
    position: relative;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    background: #cdd7e8;
    color: #364998
}

#galleryThum .item img,#galleryThum li a,#galleryThum li a.ov,.gThum .item img {
    width: 100px;
    height: 63px
}

.sch_tbl thead th {
    padding-bottom: 10px;
    color: #fff;
    text-align: center
}

.cal_list .rcon {
    width: 100%;
    padding-left: 30px
}

.sch_txt .h3 {
    width: 90px;
    margin-top: 0;
    padding: 0;
    border: 1px solid #07388e;
    border-radius: 30px;
    background: 0 0;
    color: #07388e;
    font-size: 14px;
    text-align: center;
    line-height: 34px
}

.sch_txt .h3:before {
    display: none;
    background: 0 0
}

.sch_txt .sch_box {
    display: table;
    width: 100%;
    margin-top: 20px;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd
}

.sch_txt .sch_box .li {
    display: table-row;
    padding: 10px 0
}

.sch_txt .sch_box .li b {
    display: table-cell;
    width: 30%;
    padding: 15px 0;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -1px
}

.sch_txt .sch_box .li span {
    display: table-cell;
    width: 70%;
    padding: 15px;
    vertical-align: top
}

.sch_txt .sch_box .li span a {
    display: inline-block;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    vertical-align: top
}

@media only screen and (max-width: 767px) {
    .cal_top .sel_month li {
        width:19%
    }

    .cal_list .rcon {
        margin-top: 20px;
        padding-left: 0
    }

    .control-label,.sch_txt .sch_box,.sch_txt .sch_box .li,.sch_txt .sch_box .li b,.sch_txt .sch_box .li span,div[class^=col-] {
        display: block
    }

    .sch_txt .sch_box .li b,.sch_txt .sch_box .li span {
        padding: 0;
        width: 100%
    }
}

.bbs--view--images {
    margin-bottom: 30px;
    text-align: center
}

#galleryView,.gView {
    margin: 0;
    text-align: center
}

#galleryView img,.gView img {
    vertical-align: middle
}

#galleryThum,.gThum {
    position: relative;
    width: 100%;
    min-height: 98px;
    background-color: #fafafa
}

#galleryThum .holder,.gThum .holder {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-top: 17px;
    overflow: hidden
}

#galleryThum .list,.gThum .list {
    width: 99999px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none
}

#galleryThum .item,.gThum .item {
    float: left;
    width: 100px;
    margin: 0 10px
}

#galleryThum li a {
    display: block;
    overflow: hidden
}

#galleryThum li a.ov {
    border: 2px solid #545454
}

#galleryThum li a img {
    height: 100%;
    width: 100%
}

#galleryThum .arrLeft,#galleryThum .arrRight,.gThum .arrLeft,.gThum .arrRight {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 36px;
    margin-top: -18px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    border-color: #545454;
    background-color: transparent;
    text-align: center
}

#galleryThum .arrLeft,.gThum .arrLeft {
    left: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

#galleryThum .arrRight,.gThum .arrRight {
    right: 20px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg)
}

.bbs--view .bbs--view--file {
    margin: 15px -24px;
    border-bottom: 1px solid #bbb
}

.bg_eye_viewer,.mimetype {
    margin-bottom: 3px
}

.bg_eye_viewer .left {
    margin-right: 2px
}

.mimetype {
    padding: 5px
}

.mimetype,.mimetype:link,.mimetype:visited {
    border: none;
    background-color: transparent
}

.bg_eye_viewer,.bg_eye_viewer:link,.bg_eye_viewer:visited {
    padding: 5px 10px;
    border-radius: 30px
}

.cb_wrt_box {
    border: 1px solid #ddd;
    clear: both
}

.cb_wrt_box2 {
    border: 1px solid #fff;
    background: #fafafa
}

.cb_usr_area {
    clear: both;
    position: relative;
    z-index: 30;
    padding: 10px 83px 10px 10px
}

.cb_usr_area:after {
    display: block;
    clear: both
}

.cb_usr_area textarea {
    width: 100%;
    height: 67px;
    padding: 4px 0 0 6px;
    border: 1px solid #d1d1d1;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    background: #fff;
    color: #666;
    font-size: 12px;
    line-height: 20px;
    vertical-align: top
}

.cb_usr_area .cb_btn_area {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 67px
}

.cb_usr_area .cb_btn_area a {
    display: block;
    padding: 10px 5px;
    width: 100%;
    height: 67px;
    border: 1px solid #d1d1d1;
    background-color: #fff;
    font-size: 12px;
    line-height: 47px;
    text-align: center;
    color: #666
}

.cb_usr_area .cb_btn_area a:focus,.cb_usr_area .cb_btn_area a:hover {
    background-color: #ddd;
    color: #000
}

[data-text-content=true] b,[data-text-content=true] strong {
    font-weight: 700
}

[data-text-content=true] em {
    font-style: italic
}

[data-text-content=true] table {
    display: table;
    border-collapse: separate;
    border-spacing: 1px;
    border-width: 1px;
    border-color: grey;
    border-style: solid
}

[data-text-content=true] tbody {
    display: table-row-group;
    border-color: inherit;
    vertical-align: middle
}

[data-text-content=true] tr {
    display: table-row;
    border-color: inherit;
    vertical-align: inherit
}

[data-text-content=true] table td,[data-text-content=true] table th {
    display: table-cell;
    vertical-align: inherit
}

.board_faq .pt br {
    display: none
}

.ir-bbs-notice {
    width: 22px;
    height: 22px;
    background-position: -161px -149px
}

.table-default .notice a,.table-default .notice td {
    font-weight: 700;
    color: #000
}

.ui-topbox.board-box .inner .txtwrap {
    min-height: 10px
}

.ui-topbox.board-box .inner .txtwrap p {
    margin-top: 0
}

.bbs--view .bbs--view--file .btn-file {
    margin-top: 5px
}

.btn-file.file-border {
    margin-left: 2px;
    padding: 4px 10px 3px!important;
    border-radius: 30px;
    line-height: 1.3
}

.btn-file.btn-on-ico {
    padding: 0!important;
    border: none!important;
    background-color: transparent!important;
    margin-left: 5px;
    margin-right: 5px;
}

@media only screen and (max-width: 768px) {
    .no-more-tables .table-default td[data-cell-header].atch_nm {
        display:none;
    }

    .no-more-tables .table-default td[data-cell-header].title:before,.no-more-tables .table-default td[data-cell-header].subject:before {
        display: none
    }
}

@media only screen and (max-width: 560px) {
    .bbs--view .bbs--view--header .bbs--view--opt span {
        float:none;
        margin-right: 0
    }

    .board--card--list .obj .thm--box .inner img {
        width: 100%;
        max-height: none
    }

    .board--card--list .obj .card--body:before {
        display: none
    }
}

.bbs--view .bbs--view--header {
    padding: 20px 15px
}

.qna_ico {
    margin-right: 3px;
    position: relative;
    top: -1px
}

.bbs--view .bbs--view--header .bbs--view--tit {
    letter-spacing: -.05em
}

.bbs--view .label,.board_list .label {
    overflow: hidden;
    min-width: 56px;
    border: 1px solid #666;
    display: inline-block;
    padding: 5px 3px;
    font-size: 12px;
    color: #666;
    border-radius: 12px;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    letter-spacing: 0;
    background-color: transparent
}

.bbs--view .label-success,.board_list .label-success {
    color: #ec1d25;
    border-color: #ec1d25
}

.bbs--view .label-warning,.board_list .label-warning {
    background-color: #3f61b2;
    border-color: #3f61b2;
    color: #fff
}

.board--card--list .obj .card--body .title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: normal;
    text-overflow: ellipsis;
    display: block;
    font-size: 20px;
    font-weight: bold;
}

.board--card--list .obj .card--body .list_ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.board--card--list .obj .card--body .list_ul li b {
    max-width: none;
    font-size: 0;
    padding: 0;
    margin: 0;
}

.board--card--list .obj .card--body .list_ul li {
    padding-right: 15px;
    font-size: 14px;
}

.board--card--list .obj .card--body .list_ul li:first-child {
    margin-left: 0;
}

.board--card--list .obj .card--body .list_ul li:before {
    content: '';
    position: absolute;
    top: 8px;
    right: 0;
    left: auto;
    width: 1px;
    height: 10px;
    background-color: #ccc;
}

.board--card--list .obj .card--body .list_ul li.hit {
    float: right;
    padding-left: 25px;
    padding-right: 0;
}

.board--card--list .obj .card--body .list_ul li.hit:before {
    display: none;
}

.board--card--list .obj .card--body .list_ul li.hit:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 22px;
    height: 23px;
    background: url(/pcms/common/images/ir/icon-bbs.png) no-repeat 0 0;
}

.board--card--list .obj.col1 .card--body {
    padding-right: 20px;
}

.board--card--list .obj.col1 .card--body .title {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
    color: #236dc7;
    font-weight: bold;
    font-size: 22px;
}

.board--card--list .obj.col1 .card--body .list_ul li b {
    max-width: none;
    font-size: 0;
    padding: 0;
    margin: 0;
}

.board--card--list .obj.col1 .card--body .list_ul li b:before, .board--card--list .obj.col1 .card--body .list_ul li b:after {
    display: none;
}

.board--card--list .obj.col1 .card--body .list_ul li {
    position: relative;
    display: inline-block;
    color: #707070;
    margin-right: 10px;
    padding-right: 10px;
    font-size: 15px;
    letter-spacing: -0.05em;
}

.board--card--list .obj.col1 .card--body .list_ul li:first-child {
    margin-left: -1px;
}

.board--card--list .obj.col1 .card--body .list_ul {
    overflow: hidden
}

.board_list.table thead th, .board_list.table tbody th, .board_list.table tbody td, .table[data-rwdb=yes] thead th, .table[data-rwdb=yes] tbody th, .table[data-rwdb=yes] tbody td {
    border-left: none;
}

.bbs--view .bbs--view--header .bbs--view--tit .ir-bbs-new {
    display: none
}

.bbs--view .bbs--view--header {
    border-bottom: 1px dashed #999
}

.bbs--view .bbs--view--file {
    border-top: none;
    border-bottom: 1px solid #dedede;
    padding: 10px 15px;
}

.bbs--view .bbs--view--header .bbs--view--opt {
    display: inline-block;
    /* float: right; */
    padding-top: 0;
    text-align: center;
    margin-top: 23px;
}

.bbs--view .bbs--view--header .date {
    float: left;
}

.bbs--view .bbs--view--header span {
    position: relative;
    font-size: 14px;
    display: inline-block;
    padding: 0 8px;
    min-height: 24px;
}

.bbs--view .bbs--view--header span.date {
    padding-left: 0;
    top: 2px;
}

.bbs--view .bbs--view--header span:before {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 1px;
    height: 14px;
    background-color: #c8c8c8
}

.bbs--view .bbs--view--header .date:before {
    display: none;
}

.bbs--view .bbs--view--header .bbs--view--opt span {
    margin-right: 0px;
}

.bbs--view .bbs--view--header .qna_ico {
    color: #fff;
    padding: 2px 0;
    font-size: 16px;
    display: inline-block;
}

.bbs--view .bbs--view--header .qna_ico:before {
    display: none;
}

.bbs--view .bbs--view--header .label {
    padding: 5px 3px;
    font-size: 12px;
    display: inline-block;
}

.form-horizontal.bucket-form .form-group>div[class^=col-], .form-horizontal.bucket-form .form-group>div[class^=alert-], .form-horizontal.bucket-form .form-group>div[class^=control-] {
    padding-top: 7px;
    padding-bottom: 7px;
}

.form-horizontal .control-label label {
    margin-bottom: 0;
}

.form-horizontal.bucket-form>.form-group.editor {
    padding: 17px 0;
}

.ir-bbs-new {
    width: 16px;
    height: 16px;
    overflow: hidden;
    background: none;
    position: relative;
}

.ir-bbs-new:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/pcms/common/images/ir/ir-bbs.png) no-repeat -119px -264px;
    width: 100%;
    height: 100%;
}

.btn-file.btn-not-ico {
    font-size: 0;
    border: none;
    background-color: transparent;
    padding: 0;
}

.search-mark .checkbox-inline {
    position: relative;
    font-size: 12px;
    letter-spacing: -0.02em;
}

.board_faq .pt .btn {
    margin-bottom: 2px;
}

.js-slick {
    position: relative;
    width: 100%;
    text-align: center;
}

.js-slick .js-slider[data-popup] {
    position: relative;
    padding: 0 80px;
    height: 100%
}

.js-slick .js-slider[data-popup] .js-slide {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
}

.js-slick .js-slider[data-popup] .js-slide img {
    width: 100%;
}

.js-slick .control {
    width: 100%;
    text-align: center;
}

.js-slick .control [data-control=next], .js-slick .control [data-control=prev] {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    border-radius: 100%;
    border: 1px solid #e3e6e8;
    background-color: #fff;
    color: transparent;
    white-space: nowrap;
}

.js-slick .control [data-control=prev]:before {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 14px;
    height: 14px;
    margin: -7px 0 0 -2px;
    border-bottom: 1px solid #747474;
    border-left: 1px solid #747474;
    content: '';
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.js-slick .control [data-control=next]:before {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 14px;
    height: 14px;
    margin: -7px 0 0 -2px;
    border-bottom: 1px solid #747474;
    border-left: 1px solid #747474;
    content: '';
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.js-slick .control [data-control=next] {
    left: auto;
    right: 0;
}

.js-slick .control [data-control=next]:before {
    margin-left: -9px;
    border: 0 none;
    border-top: 1px solid #747474;
    border-right: 1px solid #747474;
}

.js-slick .control [data-paging] {
    display: inline-block;
    height: 30px;
    margin-top: 50px;
    padding: 0 10px;
    border-radius: 30px;
    background-color: #e3e6e8;
    font-size: 16px;
    color: #000022;
    text-align: center;
    line-height: 30px;
}

@media only screen and (max-width: 768px) {
    .js-slick .js-slider[data-popup] {
        padding:0
    }

    .js-slick .control [data-control=next], .js-slick .control [data-control=prev] {
        display: none !important;
    }

    .board_list.table [data-cell-header]:before {
        display: none
    }

    .board_list.table tbody tr {
        position: relative;
        padding-left: 70px
    }

    .board_list.table tbody td {
        border-bottom: none;
        display: none;
        width: auto;
    }

    .board_list.table tbody td.subject, .board_list.table tbody td.hit, .board_list.table tbody td.writer, .board_list.table tbody td.regDate {
        display: inline-block;
        position: relative;
        padding: 0 15px 0 0;
        margin: 0 15px 0 0;
    }

    .board_list.table tbody td.subject {
        padding: 0;
    }

    .board_list.table tbody td.hit:before, .board_list.table tbody td.writer:before, .board_list.table tbody td.regDate:before {
        content: '';
        position: absolute;
        top: 7px;
        right: 0;
        width: 1px;
        height: 10px;
        border-right: 1px solid #ddd;
        display: inline-block;
        margin: 0;
        min-width: auto;
    }

    .board_list.table tbody td.subject {
        width: 100%
    }

    .board_list.table tbody td:first-child {
        display: inline-block;
        position: absolute;
        left: 10px;
        top: 20px;
        width: 50px;
        text-align: center;
    }

    .program--search .search--btn span {
        width: 100%
    }
}

.board--comment .cb_btn_area {
    height: 67px;
}

.board--comment .cb_btn_area input, .board--comment .cb_btn_area a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 4px
}

.board--comment .txt-check {
    font-size: 13px;
}

.board--comment .sns-login__comment {
    position: absolute;
    top: 0;
    right: 0;
}

.cb_wrts_message {
    overflow: hidden;
    margin: -10px 0;
    padding: 11px 0;
    color: #646464;
    font-size: 12px;
}

.cb_wrts_message p {
    float: left
}

.cb_wrts_message span {
    padding-right: 9px
}

.cb_wrts_message a {
    color: #a7a7a7;
    text-decoration: underline
}

.sns-naver, .sns-kakaostory, .sns-google, .sns-twitter, .sns-member {
    display: inline-block;
    width: 31px;
    height: 32px
}

.sns-naver {
    background-position: 0 -302px;
}

.sns-kakaostory {
    background-position: -36px -302px;
}

.sns-google {
    background-position: -70px -302px;
}

.sns-twitter {
    background-position: -106px -302px;
}

.sns-member {
    background-position: -140px -302px;
}

.bbs--view.bbs--view__images {
    border-top: none;
}

.bbs--view.bbs--view__images .bbs--view--header {
    padding: 34px 0;
    text-align: center;
    border-bottom: none;
}

.bbs--view.bbs--view__images .bbs--view--header .bbs--view--tit, .bbs--view.bbs--view__images .bbs--view--tit {
    font-size: 33px;
    color: #333;
    text-align: center;
    font-weight: 400;
}

.bbs--view.bbs--view__images .bbs--view--header .bbs--view--opt, .bbs--view.bbs--view__images .bbs--view--opt {
    margin-top: 15px;
}

.bbs--view.bbs--view__images .bbs--view--header .bbs--view--opt > * {
    margin-right: 20px;
}

.bbs--view.bbs--view__images .bbs--view--header .bbs--view--opt span {
    line-height: 1.4
}

.bbs--view.bbs--view__images .bbs--view--header .bbs--view--opt span i {
    font-size: 0;
}

.bbs--view.bbs--view__images .context.bg {
    background-color: #f8f8f8;
    border-top: 5px solid #cc1e23;
}

.bbs--view.bbs--view__images .context.bg ~ .box-footer {
    margin-top: 0
}

.board_faq .item {
    border-bottom: 1px solid #e4e4e4;
}

.board_faq .title .ti.on, .board_faq .title .ti:hover, .board_faq .title .ti:focus {
    text-decoration: none
}

.board_faq .title {
    border-bottom: none;
}

.board_faq .ico {
    top: 9px;
    left: 11px;
}

.board_faq .pt {
    margin-top: -1px;
    background-color: #fff;
    border-top: 1px dashed #a9a9a9;
    border-bottom: 1px solid #e4e4e4;
    padding: 11px;
    padding-left: 50px;
}

.board_faq .pt .a_ico {
    border-color: #515d75;
    color: #fff;
    background-color: #515d75
}

.board_faq .pt .text-right .btn {
    padding: 5px 11px 4px;
}

.board_faq .title .ti:after {
    display: none;
}

/* board button */
.btn-list,.btn-list:link,.btn-list:visited {
    background-color: #fff;
    border-color: #000;
    color: #000;
}

.btn-list:hover,.btn-list:focus {
    border-color: #fff;
    background-color: #000;
    color: #000
}

/* line -background */
.btn-copy,.btn-copy:link,.btn-copy:visited {
    background-color: #000;
    border-color: #fff;
    color: #fff;
}

.btn-copy:hover,.btn-copy:focus {
    border-color: #000;
    background-color: #fff;
    color: #000
}

/* background-line */
.btn-create,.btn-create:link,.btn-create:visited {
    background-color: #fff;
    border-color: #000;
    color: #000;
}

.btn-create:hover,.btn-create:focus {
    border-color: #fff;
    background-color: #000;
    color: #000
}

.btn-update,.btn-update:link,.btn-update:visited {
    border-color: #fff;
    background-color: #000;
    color: #fff
}

.btn-update:hover,.btn-update:focus {
    border-color: #fff;
    background-color: #000;
    color: #fff
}

.btn-delete,.btn-delete:link,.btn-delete:visited {
    background-color: #000;
    border-color: #fff;
    color: #fff;
}

.btn-delete:hover,.btn-delete:focus {
    border-color: #000;
    background-color: #fff;
    color: #000
}



.list_staff{overflow:hidden;margin: -2% 0 0 -2%;}
.list_staff li{position:relative;float:left;width: 30%;margin: 2% 0 0 2%;}
.list_staff li>a{display:block;padding:19px;border:1px solid #e6e6e6;}
.list_staff li.on>a{padding:28px;border:2px solid #0067b3;}
.list_staff li strong{display:block;margin-bottom:10px;font-size:18px;color:#000;}
.list_staff li p{margin-bottom: 0;}
.list_staff li p.mail{/* padding-left:30px; *//* background:url(../img/research/bg_research2.png) no-repeat 0 -96px; */}
.list_staff li>a>span{display:inline-block;margin-top:10px;padding-right:16px;background:url(../img/research/bg_research2.png) no-repeat right 8px;}
.list_staff li.on>a>span{background:url(../img/research/bg_research2.png) no-repeat right -42px;color:#0067b3;}

@media only screen and (max-width: 768px) {
	.list_staff{margin:0}
	.list_staff li{width:48%;float:left;margin:1%;}
	
	
}


@media only screen and (max-width: 540px) {
	
	.list_staff li{width:99%;float:none;margin:0 0.5%;}	
	
	
}