@charset "utf-8";

/* sub_container_fix */

.sub_container_fix > div{width: 1330px;}

/* m0_top_banner */
.m0_top_banner {position: relative;}
.m0_top_text{position: absolute; top: 60%; left: 50%; transform: translate(-50%,-50%); text-align: center;}
.m0_top_text span {font-size: 20px; color: #fff; line-height: 70px;font-weight: 400;  font-family: 'Red Hat Display', sans-serif; }
.m0_top_text h3{font-family: 'OTWelcomeBA';font-size: 57px; line-height: 82px; color: #fff; font-weight: 600;}


/* top_banner */
.m0_sub_menu{border-bottom: 1px solid #e1e1e1;}
.m0_sub_menu > div {padding:22px 15px ;}
.m0_sub_menu .cate_ul{margin-bottom: 0;}
.m0_sub_menu .cate_li {position: relative; width: auto; padding: 0 50px; }
.m0_sub_menu .cate_li::after{content: ''; position: absolute; top: 50%;right: 0; transform: translateY(-50%); width: 1px; height: 15px; background: #d7d7d7;}
.m0_sub_menu .cate_li:last-of-type::after{display: none;}
.m0_sub_menu .cate_li:last-of-type{border: 0;}
.m0_sub_menu .cate_li a { color: #666; font-size: 16px; line-height:20px;border: 0;}
.m0_sub_menu .cate_li.on a{color: #151515; background-color:unset;font-size: 16px;}


/* m01_03 */

.board_style.m03_01_wrap .list-page{margin: 0 0 75px !important;}
.m03_01_wrap .fix_gallery_content h5{white-space: nowrap; text-overflow: ellipsis; word-break: keep-all; font-weight: 500;overflow: hidden;}
.m03_01_wrap .img-wrap .img-item {border: 1px solid #e1e1e1;}
.m03_01_wrap .fix_gallery_content{margin-top: 20px;}
/* m02_sub_text */

.m02_sub_text{padding: 100px 0;}
.m02_sub_text h1{font-family: 'OTWelcomeBA';font-weight:bold; font-size: 42px; color: #151515;}


/* m02_02 */

.m02_02_wrap .m02_02_bg{background: #f6f6f6;}

/* 공통 검색 m03_list_tsearch */

.list-tsearch.m03_list_tsearch{border: 0; background: #f5f5f5; padding: 30px 26.761%; margin-bottom: 50px;}
.board_style .form-group{margin-bottom: 0;}
.board_style .m03-col-1{position: relative; width: 120px;margin-right: 13px;border-bottom: 1px solid #c2c2c2; padding: 0 !important;}
.board_style .m03-col-1 .form-group {position: relative;}
.board_style .m03-col-1 .form-group::after{content: '';position: absolute; top: 50%;right: 7px; transform: translateY(-50%); width: 11px; height: 6px; background: url(../img/m03_arrow.png) no-repeat center;}
.board_style .m03-col-2 {width: 64.494%; border-bottom: 1px solid #c2c2c2; padding-left: 10px !important;padding-right: 10px !important;}
.board_style .m03-col-2 > div >div{display: flex;align-items: center;}
.board_style .form-group input::placeholder {color: #888;}
.board_style .form-group .form-control{box-shadow:none; border: 0; background: none; font-size: 17px; color: #888;  height: 50px; font-weight: 300;appearance: none; -webkit-appearance:none;}
.board_style .m03-col-2 > div >div .form-control{padding: 0;}
.board_style .m03-col-2 .form-group > button {width:26px;height: 20px; background: url(../img/h_search_black.png) no-repeat center; display: inline-block; border: 0;}

/* 공통 게시판 */

.notice_style .m03_list_board .wr-date {width: 7% !important;}
.board_style{margin-bottom: 0;}


/* 공통 글쓰기 m03_02_write */
.write-wrap .m03_02_form > label { padding-right: 0; text-align: left;}
.write-wrap .m03_02_form  input {border:1px solid #dcdcdc; border-radius: 7px !important; line-height: 50px; font-size: 18px ; color: #333; height: 50px; box-shadow: unset;}

/* 공통 카테고리 - m03_category */
.m03_category,.m04_category {position: relative;font-size: 0; margin-bottom: 30px;}
.m03_category > ul.category_modify_ul > li + li,
.m04_category   ul.nav-tabs > li + li{ margin-left: -1px; }
.m03_category > ul.category_modify_ul > li.active a,
.m04_category  ul.nav-tabs > li.active a {color:#e40000 ;  border-color: #e40000; z-index: 1;}
.m03_category > ul.category_modify_ul > li> a,
.m04_category  ul.nav-tabs > li> a{padding: 0; margin: 0; font-size: 16px; color: #888;padding:13px 0 14px 0; width: 120px; text-align: center;display: inline-block;border: 1px solid #e1e1e1; }
.m03_category > ul.category_modify_ul > li:first-child > a{margin: 0;}
.m03_category > ul.category_modify_ul > li:last-child > a{margin: 0;}
.m03_category > ul.category_modify_ul > li > a::after{display: none;}

.m03_list_board .list-head.div-head{border-top: 1px solid #111 !important; background: #fff;}
.m03_list_board .list-head.div-head >span {font-size: 16px; color: #151515; line-height: 20px;}
.m03_list_board .list-body .list-item >div {font-size: 15px !important;font-weight: 300; color: #555 !important; padding: 15px 0 !important; }
.m03_list_board .list-body .list-item >div > a {color: #555 !important; font-weight: 300;line-height: 20px; text-overflow: ellipsis; word-break: keep-all; white-space: nowrap; overflow: hidden;}

.m03_list_board .list-body .wr-notice{background-image: url(../img/m03_notice.png); height: 20px;}
.m03_list_board .list-body .list-item.bg-light {background: #fbfbfb !important; }
.m03_list_board .list-body .list-item.bg-light >div {padding: 15px 0;}
.m03_list_board .list-body .list-item.bg-light .wr-subject b {color: #151515; font-weight: 500;}
.board_style .m03_list_board .list-body li > div > span{font-weight: 300;}


/* m03_btn */
/* .m03_list_wrap .gallery_container.list-container {margin-bottom: 0;} */
.m03_list_wrap{margin-top: -3px;}
.m03_list_wrap .btn_skin .btn-group a:hover{background: #151515;}
.board_style .list-page {margin: 75px 0 !important;}
.m03_list_wrap .list-page .pagination li >a {border: 0; background: none; font-size: 17px; color: #999 !important; padding: 0 10px;}
.m03_list_wrap .list-page .pagination .active >a {background-color:unset !important; font-size: 17px; color:#111 !important;}
.m03_list_wrap .list-page .pagination li a i:before {color: #999;font-weight: 300; font-size:14px ;}
.m03_list_wrap .btn_skin .btn-group a{padding: 3px 10px 4px !important;background: #151515; border: 0; font-size: 13px;}
.m03_list_wrap .btn_skin .btn-group a .fa-sort:before{font-size: 10px;display:inline-block;vertical-align:top; padding-top: 1px;}


/* m03_gallery */

.m03_gallery{}
.m03_gallery .fix_gallery_content{margin-top: 25px;}
.m03_gallery .fix_gallery_content h5{font-size: 18px;color: #222; line-height: 1; max-height: 20px; overflow: hidden;  }
.m03_gallery .fix_gallery_content > p {margin-top: 20px; font-size: 16px; color: #666;line-height: 26px; max-height: 50px; overflow: hidden;}

/* m03_m02_page */
.m03_list_wrap .m03_m02_page {margin:0 0 75px !important ;}

/* m04_category */
.m04_category{margin-bottom: 30px !important;}
.m04_category .nav-tabs {border: 0;}
.div-tab.tabs ul.nav-tabs li {background: transparent; border: 1px solid #e1e1e1;}
.div-tab.tabs ul.nav-tabs li:hover {background: transparent; border: 1px solid #e1e1e1;}
.m04_category  ul.nav-tabs > li> a{padding:15px 30px 16px;width: auto; color: #888 !important; border: 0 !important;}
.m04_category  ul.nav-tabs > li:first-child > a {padding: 15px 45px 16px;}
.m04_category  ul.nav-tabs > li.active {border: 1px solid #e40000 !important; z-index: 1; }
.div-tab.tabs.trans-top ul.nav-tabs li.active {border-top-color: #e40000 !important;}
.m04_category  ul.nav-tabs > li.active> a {font-weight: 500 !important ;border: unset !important;}

/* m04_list_borad */
.m04_list_board .list-head.div-head {border-top-color: #777 !important;}
.m03_list_board.m04_list_board .list-body .list-item >div{font-size: 14px !important;}
.m03_list_board.m04_list_board .list-body .list-item > .wr-subject a{font-weight: 400; color: #777;}
.form-horizontal .form-group.m04_option {margin-left: 0;margin-right: 0;}
.form-horizontal .form-group.m04_option .control-label:first-child{text-align: left;width: 110px; padding: 0;font-weight: 500; line-height: 50px; font-size: 18px; color: #888;}
.form-horizontal .form-group.m04_option .col-sm-3 {width: calc(50% - 55px); margin-right: 20px; padding: 0;} 

.m04_list_board .wr-subject {width: 56.339%}
.m04_list_board .wr-1 {width: 8.061%}
.m04_list_board .wr-1 span {font-size: 13px; color: #fff; padding: 2px 5px 3px; background:#aaa ;}
.m04_list_board .wr-1 span.red {background: #e40000;}
.m04_list_board .wr-date {width:9.123%}

/* faq */
.faq_at_body {padding: 0;}
.m04_faq_box .div-panel {border: 0;}
.m04_faq_box .div-panel.panel-group .panel {margin-bottom: 10px;}
.m04_faq_box .div-panel.panel-group .panel .panel-heading a{background:#f8f8f8 ;padding:18px 30px !important;  border: 0;}
.m04_faq_box .div-panel.panel-group .panel .panel-heading a.active{background:#e40000 ;}
.m04_faq_box .div-panel .faq_q_content .text{color: #222; font-size: 16px; font-weight: 400; line-height: 30px ;margin-top: 2px; word-break: keep-all;}
.m04_faq_box .div-panel .faq_q_content .faq_icon span, .m04_faq_box .div-panel .faq_a_content .faq_icon span{border: 0; color: #e40000;font-family: 'OTWelcomeBA' !important;font-size: 25px; height: auto;width: auto; margin-right: 20px; line-height: unset; margin-top: 9px;}
.m04_faq_box .div-panel.panel-group a.active .text {color: #fff;}
.m04_faq_box .div-panel.panel-group a.active .faq_icon span{color: #fff;}
.m04_faq_box .div-panel .faq_q_content .faq_icon, .m04_faq_box .div-panel .faq_a_content .faq_icon{width: auto;}
.m04_faq_box .div-panel.panel-group .panel .panel-body {padding: 40px;background: #fff; border: 1px solid #eee !important; border-top: none !important;}
.m04_faq_box .div-panel .faq_a_content .text {font-size: 16px ; color: #666;  }
.m04_faq_box .div-panel .faq_a_content .text p {line-height: 30px;word-break: keep-all;}

/* m04_pagination */

.m04_faq_box .div-panel.panel-group{margin-bottom: 0;}
.m04_pagination .pagination {margin: 75px 0;}
.m04_pagination .pagination li >a {border: 0; background: none; font-size: 17px; color: #999 !important; padding: 3px 10px;}
.m04_pagination .pagination .active >a {background-color:unset !important; font-size: 17px; color:#111 !important;}
.m04_pagination .pagination li a i:before {color: #999;font-weight: 300;}

/* 모바일 991 */

@media (max-width:991px) {
   
    /* 탑배너 */
    .m02_sub_text{padding: 50px 0 45px;}
    .m02_sub_text h1{font-size: 27px; font-weight: 400;}
    .m0_top_text span{display: block; font-size: 16px;line-height: 1;margin-bottom: 15px; font-weight: 500;}
    .m0_top_text h3{font-size: 35px;line-height: 1;}
    .m0_sub_menu > div{padding: 0;}
    .m_sub_menu #categoryLabel{font-size: 14px; color: #151515;font-weight: 500;padding: 18px 20px;position: relative;}
    .m_sub_menu #categoryLabel::after{content: '';position: absolute; top: 50%;transform: translateY(-50%);right: 30px;width: 11px;height: 7px; background: url(../img/m_top_arrow.png) no-repeat center / contain;}
    .m0_sub_menu .dropdown-menu {width: 100%;text-align: center;margin: 0;box-shadow:unset;}
    .m0_sub_menu .dropdown-menu>li>a{font-size: 13px; padding: 5px 20px;}
    

    /* 공통 검색 */

    .list-tsearch.m03_list_tsearch{padding: 15px 15px 20px;margin-bottom: 30px;}
    .m03_list_tsearch .row{justify-content: center;display: flex;}
    .board_style .m03-col-1{width: 90px; margin-left: 0 !important; border-bottom: .8px solid #c2c2c2;}
    .board_style .form-group .form-control{font-size: 14px;height: 40px;padding: 5px 8px;font-weight: 400;}
    .board_style .m03-col-1 .form-group::after{width: 10px;height: 6px;background: url(../img/m_search_arrow.png) no-repeat center / contain;}
    .board_style .m03-col-2{border-bottom: .8px solid #c2c2c2;}
    .board_style .m03-col-2 .form-group > button{background: url(../img/m_search_black.png) no-repeat center / contain;width: 17px; height: 16px;margin-top: 2px;}

    /* 게시판 공통 */

    .m03_board-list{margin-bottom: 0;}
    .board_style .m03_list_board  .list-body .list-item > div a{font-weight: 400;}
    .board_style .m04_list_board .list-body .list-item > div span{color: #fff;}

    /* m01_03 */
    .list-wrap.m03_list_wrap .list-container.gallery_container .list-item{margin-bottom: 40px;}
    .m03_01_wrap .fix_gallery_content{margin-top: 15px;}
    .m03_01_wrap .fix_gallery_content h5{font-size: 15px; font-weight: 500;}
    .board_style.m03_01_wrap .list-page{margin: -20px 0 50px !important;}
    .m03_list_wrap .list-page .pagination li >a{font-size: 14px;}
    .m03_list_wrap .list-page .pagination .active >a{font-size: 14px;}
    .m03_list_board .list-head.div-head >span{font-size: 15px;}


    /* m03_01 */
    .m03_board-list .list-category{padding: 15px 0 10px;}
    .m03_board-list .list-category .dropdown #categoryLabel{position: relative; background: #fff; border-color: #e40000;color: #e40000 !important;font-weight: 500;line-height: 31px;}
    .m03_board-list .list-category .dropdown #categoryLabel::after{content: ''; position: absolute; top: 50%; right:15px ;transform: translateY(-50%); background: url(../img/m_category_arrow.png) no-repeat center / contain; width: 10px; height: 6px;}
    .m03_board-list .list-category .dropdown .dropdown-menu {width: 100%;text-align: center;margin: 0;}
    .m03_board-list .list-category .dropdown .dropdown-menu>li>a:hover,.m03_board-list .list-category .dropdown  .dropdown-menu>li>a:focus{color: #e40000;}
    .m03_board-list .list-category .dropdown{margin-bottom: 30px;}
    .board_style .list-page{margin: 50px 0 50px !important;}
    .board_style.m03_02_wrap .list-page{margin: 0 0 50px !important;}


    /* m03_02 */

    .responsive .list-wrap .list-container.gallery_container .list-row.m03_gallery{width: 100% !important;}
    .m03_gallery .fix_gallery_content{margin-top: 20px;}
    .m03_gallery .fix_gallery_content h5{font-size: 16px;max-height:16px;}
    .m03_gallery .fix_gallery_content > p{margin-top: 15px;font-size: 14px;line-height: 21px;max-height:45px ;}
    

    /* m04 */
    .m04_list_board .wr-1{width: 13.061%;}
    .m04_list_board .wr-chk {width: 10% !important;}

    /* faq */

    .m04_pagination .pagination{margin: 35px 0 40px;}
    .m04_faq_box .div-panel .faq_q_content .text{font-size: 14px; line-height: 25px;margin-top: 0;}
    .m04_faq_box .div-panel .faq_q_content .faq_icon span, .m04_faq_box .div-panel .faq_a_content .faq_icon span{font-size: 16px;margin: 7px 10px 0 0;}
    .m04_faq_box .div-panel.panel-group .panel{margin-bottom: 5px;}
    .m04_faq_box .div-panel.panel-group .panel .panel-heading a{padding: 10px 15px !important;}
    .faq_box .div-panel .faq_q_content .faq_arrow_icon{right: 15px;}
    .faq_q_content img{height: 10px;}
    .faq_q_content.active img{height: 1px; width: 14px;}
    .m04_faq_box .div-panel .faq_a_content .text{width: 100%;}
    .m04_faq_box .div-panel .faq_a_content .text p{font-size: 14px;line-height: 24px;}
    .m04_faq_box .div-panel.panel-group .panel .panel-body{padding: 15px;}
    .m04_pagination .pagination .active >a{font-size: 14px;font-weight: 500;}
    .m04_pagination .pagination .active >a:hover{background: unset !important;}
    .m04_pagination .pagination>a{font-size: 14px;}
    .m04_pagination .pagination li >a{font-size: 14px;}
    .m04_pagination .pagination>a:hover{background: unset !important;}
}

/* 0801 JYJ  유지보수 */
.btn-group .dropdown-menu>li>a{
 background: #fff !important;
}

/* 230427 ssk 유지보수 */
.view-img .view_image {pointer-events: none;}