/*font----------------------------------------------------------

font-family: myriad-pro,sans-serif;
font-weight: 700;
font-style: normal;

font-family: 'Lato', sans-serif;

font-family: noto-sans-cjk-kr,sans-serif;
font-weight: 400;
font-style: normal;

font-family: noto-sans-cjk-kr,sans-serif;
font-weight: 700;
font-style: normal;

----------------------------------------------------------*/
body {font-family: 'noto-sans-cjk-kr';}
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
a:hover {color: #094090;}
.container {
    width: 1200px;
}
.main-section .container {padding: 0; margin: auto;}

button.slick-arrow i {
    display: none;
}
button.slick-prev.slick-arrow {background: url('prev.png') center center no-repeat;}
button.slick-next.slick-arrow {background: url('next.png') center center no-repeat;}

.product-flex {
    display: flex;
}
.main-section .slick-initialized .slick-slide {
    width: 1200px;
}

.main-section button.slick-prev.slick-arrow {
    background: url(prev-btn.png) center center no-repeat;
    left: -15%;
}
.main-section button.slick-next.slick-arrow {
    background: url(next-btn.png) center center no-repeat;
    right: -15%;
}
.main-section button {
    position: absolute;
    top: 40%;
    font-size: 0;text-indent: -9999px;
    width: 66px; height: 66px;
    border: none;
    box-shadow: none;
}
.product-cont {
    background: #fff;
    width: 600px;
    height: 411px;
    padding: 80px 10px 80px 70px;
}
.product-flex img {
    height: 411px;
    width: 600px;
}
.product-cont h1 {
    font-size: 36px;
    letter-spacing: -0.5px;
    font-weight: 500;
    color: #2a2a2a;
}
.product-cont p {
    font-size: 16px;
    font-weight: 200;
    letter-spacing: -0.5px;
    color: #6f6f6f;
    line-height: 1.5;
    padding: 45px 0;
}
.product-cont a {
    font-size: 17px;
    font-weight: 200;
    letter-spacing: -0.5px;
    color: #696969;
    position: relative;
    border: 1px solid #9e9e9e;
    padding: 17px 95px 17px 25px;
    transition: all 0.5s;
}
.product-cont a:hover {background-color: #094090; color: #fff;}
.product-cont a::before {
    content: "";
    position: absolute;
    top: 25px;
    right: 34px;
    background: url(detailView-btn.png) center right no-repeat;
    width: 26px;
    height: 9px;
    transition: all 0.5s;
}
.product-cont a:hover::before {
    background: url(detailView-btn_w.png) center right no-repeat;
    right: 14px;

}
.parallax-caption-inner {
    text-align: center;
    padding: 0px 0 60px;
}
.h2-tit {
    font-size: 46px;
    font-weight: 600;
}
.sub-tit {
    font-size: 18px;
    font-weight: 200;
    letter-spacing: -0.5px;
    margin-top: 20px;
}
.sc04_visual {background-size: cover;padding: 90px 0 110px; margin-top:40px;}
.goto-sec {
    display: flex;
}
.goto-cont .txt-wrap {
    background-color: #fff;
    text-align: center;
    padding: 70px 0;
    min-height: 287px;width: 100%;
}
.goto-cont .txt-wrap .eng {
    font-size: 15px;
    font-family: 'Lato';
    font-weight: 600;
}
.pc {color: #094090;}
.goto-cont .txt-wrap .tit {
    position: relative;
    font-size: 24px;
    font-weight: 500;
    color: #1c1e21;
    padding: 20px 0;
    margin-bottom: 15px;
}
.goto-cont .txt-wrap .subtit {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: -0.5px;
    color: #6f6f6f!important;
    line-height:1.3;
}
.goto-sec>li:nth-child(2) .goto-cont {display: flex; flex-direction: column-reverse;}
.goto-sec>li:nth-child(2) .goto-cont li {color: #fff!important;}
.goto-sec>li:nth-child(2) .txt-wrap {background-color: #555555;}
.goto-cont .txt-wrap .tit::before {
    content: "";
    position: absolute;
    width: 37px;
    height: 3px;
    background-color: #094090;
    text-align: center;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.goto-sec>li:nth-child(2) .txt-wrap .tit::before {background-color: #fff!important;}
.goto-sec>li:hover {opacity: 0.7;}

.sc03_notice {
    padding: 20px 0;
    border-top: 1px solid #bbbbbb;
}
.article-list .board_output_1_tr>td:nth-child(1) {
    display: none;
}
.sc03_notice .container {
    position: relative;
    display: flex;
    padding: 8px 0;
}
table.article-list {
    width: 100%;
}
.board-area {
    width: 80%;
    padding-left: 25px;
}
.board-area {
    width: 85%;
    padding-left: 25px;
}
td.bd_out1 a::before {
    content: "- ";
    position: absolute;
    left: 0;
    top: 0px;
}
td.bd_out1 a {
    position: relative;
    padding-left: 15px;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: -0.5px;
}
td.bd_out1 a:hover {color: #094090;}
.article-list .board_output_1_tr>td:nth-child(3) {
    font-size: 16px;
    color: #414141;
    font-weight: 300;
}
.more-btn {
    position: absolute;
    top: 0px;
    right: 0;
}
.more-btn a {
    display: block;
    width: 43px;
    height: 43px;
    font-size: 0;
    text-indent: -9999px;
    background: url(more-btn.png) center center no-repeat;
    border: 1px solid #094090;
    transition: all 0.5s;
}
.more-btn a:hover {
    background:#094090 url(more-btn_w.png) center center no-repeat;
}


#footer .info {
    display: flex;
}
.ft-left {
    margin-right: 70px;
}
#footer .info li p span,#footer .info li p,#footer .info li a {
    font-size: 15px;
    font-weight: 200;
    letter-spacing: -0.5px;
    color: #fff;
    position: relative;
    margin-bottom:5px; display:inline-block;
}
#footer .info li p::after {
    content: "/";
    position: absolute;
    top: 0;
    right: 3px;
}
#footer .info p:last-child::after {
    display: none;
}
#footer .info ul li:last-child p::after {display: none;}

#header .gnb > li > .subnav {
    transition: all 0.5s;
    height: 0;
    opacity: 0;
}
#header .gnb > li > .subnav.active {
    display: block;
    background: #fff;
    height: auto;
    opacity: 1;
    box-shadow: 1px 1px 5px rgba(0,0,0,.2);
}
#header .gnb > li > .subnav li a:hover {
    background-color: #094090;
    color: #fff;
}





















/*------------------------------------------------------------------------------

서브페이지

------------------------------------------------------------------------------*/
.about-visual .container {max-width: 100%;}
.bd {border: 1px solid #ddd;}
.dff.bd {justify-content: center; padding: 30px;}
.dff.bd img {padding: 10px;}
.dff.bd.pdn img {padding: 0px;}
.sub-section .main-heading h2 {
    position: relative;
    padding-bottom: 20px;
}
.sub-section .main-heading h2::after {
    content: "";
    position: absolute;
    width: 50px;
    height: 5px;
    background-color: #094090;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.tar {text-align: right!important;}
.fll {float: left;}
.sub-txt {
    color: #094090;
    margin-bottom: 30px;
    font-weight: 600;
}
.pr50 {padding-right: 50px;}
.w100 {width: 100%;}
.tac {text-align: center;}
.mb30 {margin-bottom: 30px;}
.dff {display: flex;}
.about-visual-section {
    margin-top: 60px;
}
.col-story,.col-product {
    margin-bottom: 80px;
}
.txt-wrapper h4 {
    font-weight: 600;
    margin-bottom: 5px;
}

.txt-wrapper table {width: 100%;}
.txt-wrapper table th,.txt-wrapper table td {border: 1px solid #ddd; padding: 10px 30px;}
.txt-wrapper table th {text-align: center; font-weight: 500; background-color: #eef7f4;}
.txt-wrapper p, .txt-wrapper li {
    line-height: 1.8;
    font-size: 16px;
}
ul.dff.company {
    justify-content: space-between;
}
ul.dff.company>li {
    width: 49%;
    transition: all 0.5s;
}
ul.dff.company>li:hover {opacity: 0.7;}
.dff.company h5 {
    text-align: center;
    line-height: 3;
    font-size: 16px;
    font-weight: 400;
}
.qna-list>tbody>tr>td.bbsnewf5, .table-board-list>tbody>tr>td.bbsnewf5 {
    width: 60%!important;
}
.dropdown-nav-section .dropdown-wrap > a,.bbsnewf5 a,font,td,th,input {
    font-family: 'Noto Sans Kr',sans-serif!important;
}
input.formmail_border {
    box-shadow: none!important;
    border: 1px solid #ddd;
    width: 95%;
    font-size: 16px;
}
.table_02 {border-top: 1px #000 solid!important;
    border-left: none!important;border-bottom: none!important;}
.formmail_title_bgcolor {background-color: #fff!important;}
.table_02 td {
    border: none!important;
    padding: 17px 15px !important;
}
.table_02>tbody>tr>td:nth-child(1) font{border-right: 1px solid #000!important;
    width: 100%;
    display: block;}
.table_02>tbody>tr:last-child>td:nth-child(1) {border-right: none!important;}

table.table_02>tbody>tr {
    border-bottom: 1px solid #ddd;
}

.btn-primary {
    border-color: #094090;
    background-color: #094090;
}
.btn-primary:hover {
    border-color: #cad942;
    background-color: #cad942;
}
textarea.formmail_textarea_style {
    border: 1px solid #ddd;
    width: 95%;
    background-color: #f7f7f7;
}
.main-heading .sub-menu {
    display: flex;
    justify-content: space-between;
}
.main-heading .sub-menu .tab {width: 25%;}
.main-heading .sub-menu.sub-tit2 .tab {width: 50%;}
.main-heading .sub-menu .tab a {
    display: block;
    font-size: 1.2em;
    border-bottom: 1px solid #ddd;
    padding: 15px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    color: #666;
    transition: all 0.5s;
    margin-right :0;
    border-radius: 0;
}
.main-heading .sub-menu .tab:first-child a {
    border-left: 1px solid #ddd;
}
.main-heading .sub-menu .tab.active a,.main-heading .sub-menu .tab a:hover {
    color: #fff;
    background-color: #094090;
}
.products-group .sub-txt {
    font-size: 1.2em;
    background-color: #01518f;
    color: #fff;
    padding: 5px 30px!important;
    margin-bottom: 20px!important;
    font-weight: 400;
    line-height: 180% !important;
}
.dff.li25 {
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: center;
}
.dff.li25>li {
    width: 25%;
    margin-bottom: 50px;
}
.dff.li25>li li {
    max-width: 200px;
    margin: auto;
}
.col-product th {
    width: 10%;
}
.col-product th, .col-product td {
    padding: 10px 3px!important;
    text-align: center;
    font-size: 0.985em!important;
}
.summary-heading {
    margin-bottom: 18px;
    font-size: 16px;
    color: #555;
    line-height: 1.75;
    text-align: left;
}
.txt-wrapper li {
    font-size: 16px;
    color: #555;
    line-height: 1.8;
}
.txt-wrapper .list>li {
    position: relative;
    padding-left: 20px;
    line-height: 2;
}

.txt-wrapper .list>li::before {
    content: "";
    width: 3px;
    height: 3px;
    top: 16px;
    left: 7px;
    background-color: #02528f;
    position: absolute;
}
.pro-tit {
    font-size: 1.3em!important;
    font-weight: 600;
    margin: 15px auto 5px!important;
    color: #333!important;
}
.img-wrap {
    display: grid;
}

.txt-wrapper.dff {
    justify-content: space-between;
    margin-top: 50px;
}
.txt-wrap {
    width: 49%;
    text-align: center;
}
.pd30 {padding: 30px;}
.cont-tit::before {
    content: "";
    position: absolute;
    top: 13px;
    left: 0;
    width: 5px;
    height: 5px;
    background-color: #333;
    border-radius: 50%;
}
.cont-tit {
    font-size: 18px!important;
    font-weight: 600;
    color: #333!important;
    display: block;
    position: relative;
    padding-left: 15px;
}
.dfw {flex-wrap: wrap;}
.w50 {width: 50%;}
.w50 .produc-char {min-width: 300px;}
.col-product>.products-area {float: left;}
.dff.dfw img {
    padding: 5px 20px;
}
.col-product>.img-wrapper>ul.dfw {max-width: 855px;}
.produc-char>li {
    margin-bottom: 20px;
}
.txt-wrapper h5 {
    font-size: 1em;
    color: #333!important;
    margin-bottom: 5px;
}
.line li {margin-bottom: 15px;}
.tac {text-align: center;}
.img-wrapper.w100.mb30.bd.tac.pd30 img {
    padding: 10px;
}
.line .list>li {
    margin-bottom: 0;
}
.mb50 {margin-bottom: 50px;}
.list-table li::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 13px;
    width: 4px;
    height: 4px;
    background-color: #666;
    border-radius: 50%;
}
.list-table li {
    text-align: left;
    padding-left: 20px;
    position: relative;
    line-height: 1.5;
    margin-bottom: 10px;
}
.list-table li:last-child {margin-bottom: 0;}
.environment4 .list-table td:last-child, .environment4 .list-table tr:first-child th:last-child {
    min-width: 350px!important;
}
.btn-warning {border-color: #094090; background-color: #094090;}
.board-category {display: none;}
.table-board-list tbody .bbsnewf5 {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
td.bbsetc_dateof_write {
    white-space: nowrap;
}

.environment4 .col-product th, .environment4 .col-product td {
    padding: 0!important;
    font-size: 0.925em!important;
}

.col-story h5 {
    margin-top: 15px;
}

.story-group  .dff li img {border: 1px solid #ddd;}
.col-story  .dff li:hover img {opacity: 0.8;}


































/*------------------------------------------------------------------------------

반응형

------------------------------------------------------------------------------*/


@media (max-width:1700px) {a.top {right: 2%!important;    bottom: 2%!important;}}

@media (max-width:1200px) {
    
    .container {width: 100%; padding: 0 15px!important;}
    #main-hero {height: 90vh;}
    #main-hero .slick-slide .slide-caption h2 {font-size: 2.5em; letter-spacing: -2px;}
    #main-hero .slick-slide .slide-caption p span {font-size: 1em;}
    #main-hero .slick-slide .slide-caption .caption-inner {padding-top: 10%;}
    .product-cont {padding: 80px 10px 70px 35px;}
    .product-flex img {
        height: 100%;
        width: 100%;
        max-width: 100%;
        object-fit: cover;
    }
    .product-flex>li {max-width: 50%;}
    .main-section button.slick-next.slick-arrow {right: 0;}
    .main-section button.slick-prev.slick-arrow {left: 0;}
    .main-section button {display: none!important;}
    .goto-cont .txt-wrap {
        padding: 42px 0;
        max-height: 238px;
    }
    .more-btn {
        top: -10px;
        right: 15px;
    }
    .product-section .img-wrapper {padding: 30px;flex-wrap: wrap;}
        .environment4 .list-table td:last-child, .environment4 .list-table tr:first-child th:last-child {min-width: auto!important;}
        .table-board-list tbody .bbsnewf5 {max-width: 550px;}


    
}
@media (max-width:950px) {.product-cont p br {display: none!important;}
}
@media (max-width:811px) {
    
    .info ul li:nth-child(2) {
        padding-left: 0px;
    }

    .sub-section .container {width: 100%!important;}
    .product-cont p {padding: 25px 0 40px;}
    .product-cont a {
        width: 90%;
        display: block;
        text-align: center;
        padding: 12px 0;
    }
    .product-cont a::before {display: none;}
    .goto-cont .txt-wrap .tit {
        padding: 5px 0 10px;
        margin-bottom: 10px;
    }
    .goto-cont .txt-wrap {
        padding: 34px 0;
        max-height: 176px;
    }
    .goto-cont .txt-wrap .subtit,.goto-cont .txt-wrap .eng {font-size: 0.825em;}
    .goto-cont .txt-wrap .tit {font-size: 1.25em;}
    table.article-list {width: 90%;}
    #footer .info {
        display: block;
        text-align: center;
    }
    .ft-left {
        margin-right: 0;
        margin-bottom: 30px;
    }
    .sub-section {
        padding-top: 50px;
        padding-bottom: 80px;
    }
    .dff.li25>li li {
        max-width: 80%;
        line-height: 1.5;
    }
    .col-product th, .col-product td {padding: 5px 2px!important;}
    .col-product>.products-area {
        float: initial;
        width: 100%;
    }

    .body-wrap {float: none!important; width: 100%!important;}
    
}
@media (max-width:640px) {
    .table-board-list tbody .bbsnewf5 {max-width: 200px;}

    .sub-section {padding: 0;}
    
    #main-hero .slick-slide .slide-caption h2 {
        font-size: 2em;
        letter-spacing: 0px;
    }
    #main-hero .slick-slide .slide-caption p {font-size: 1.2em; margin-top: 20px;}
    .h2-tit {font-size: 2.5em;}
    .sub-tit {font-size: 1em; margin-top: 10px;}
    .sc04_visual {padding: 50px 0;}
    .product-flex {display: block;}
    .product-flex>li {
        max-width: 100%;
        text-align: center;
    }
    .product-cont {padding: 30px 20px;}
    .product-cont h1 {font-size: 1.5em;}
    .product-cont p {
        padding: 20px 0;
        font-size: 0.895em;
    }
    .product-cont a {width: 100%;}
    .product-cont {height: auto;}
    .parallax-caption-inner {padding: 0px 0 30px;}
    .goto-sec {display: block;}
    .goto-sec>li {margin-bottom: 30px;}
    .goto-sec>li:nth-child(2) .goto-cont {display: block;}
    .sc03_notice .container {display: block;}
    .main-section .section-heading h2 {
        font-size: 1.8em;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #094090;
        padding-bottom: 15px;
        text-align: left;
    }
    .more-btn {top: -5px;}
    .board-area {
        width: 100%;
        padding-left: 0;
    }
    table.article-list {width: 100%;}
    .article-list .board_output_1_tr>td:nth-child(2) {
        display: block;
        width: 100%;
        white-space: nowrap;
        max-width: 90%;
    }
    .article-list .board_output_1_tr>td:nth-child(3) {
        width: 100%;
        display: block;
        text-align: right;
    }
    .sc03_notice {padding: 30px 0;}
    #footer .info li a {display: block;}
    .goto-cont .txt-wrap {max-height: 100%;}
    .goto-cont .txt-wrap .tit {font-size: 2em;}
    .table_02 td {padding: 15px 5px !important;}
    .table_02>tbody>tr>td:nth-child(1) font {padding-right: 5px;}
    table.table_02>tbody>tr:last-child table>tbody>tr>td {
        display: block;
        font-size: 0.8em;
        padding: 3px 0!important;
    }
    .fll {
        float: initial;
        text-align: center;
        margin-bottom: 30px;
        padding: 0!important;
    }
    .sub-txt {font-size: 1.3em!important;}
    .txt-wrapper table th, .txt-wrapper table td {
        padding: 5px 2px;
        font-size: 13px;
    }
    .txt-wrapper li, .txt-wrapper .summary-heading, .txt-wrapper p,.dff.company h5 {font-size: 14px;}
    .dff {flex-wrap: wrap;}
    .dff>li,ul.dff.company>li {width: 100%; margin-bottom: 30px;}
    .dff>li:last-child {margin-bottom: 0!important;}
    .location-section .col-info dl {padding: 20px 5px 20px;}
    .main-heading .sub-menu {flex-wrap: wrap;}
    .main-heading .sub-menu .tab {width: 50%;}
    .main-heading .sub-menu .tab a {font-size: 1em;}
    .nav-tabs>li:nth-child(3)>a {border-left: 1px solid #ddd;}
    .nav-tabs>li:nth-child(n+3)>a {border-top: none;}
    .product-section .img-wrapper {padding: 0px;}
    .dff.li25>li {width: 50%;}
    .pro-tit {font-size: 1em!important;}
    .col-product th, .col-product td {
        padding: 0!important;
        font-size: 0.7em!important;
        letter-spacing: -1.5px;
        line-height: 1.2;
    }
    .cont-tit {font-size: 16px!important;}
    .img-wrapper .dff {text-align: center;}
    .main-heading .sub-menu.sub-tit2 .tab {width: 100%;}
    .main-heading .sub-menu.sub-tit2 .tab:last-child a {border-left: 1px solid #ddd;}
    section .dropdown-wrap.dropdown-01 {width: 40%;}
    section .dropdown-wrap.dropdown-02 {width: 60%;}
    .dropdown-nav-section .dropdown-wrap > a {padding: 0 10px;}
    .txt-wrapper h4 {
        font-size: 1.1em;
        line-height: 1.5;
        letter-spacing: -0.5px;
    }
    .txt-wrapper table {margin-bottom: 15px;}
    .txt-wrapper table table {margin: 0;}
    .list-table li {
        font-size: 0.7em!important;
        line-height: 1.2;
        padding-left: 8px;
    }
    .list-table li::before {left: 2px; top: 5px;}
    .environment4 .list-table td:nth-child(-n+8), .environment4 .list-table td:nth-child(2), .environment4 .list-table td:nth-child(3) {max-width: 35px!important;}
    .btn {font-size: 12px;}
    .formmail_title_bgcolor font,input.formmail_border {font-size: 14px;}
    .docu-list>tbody>tr>td:last-child {display: none;}
    
    .location-section .col-info dl dt {float: inherit; margin: 0;}
    .location-section .col-info dl dd {margin: 0 0 10px;}
    
    
    
}



/* 서브 메뉴 ***************************************************************************************************************************************************/
.body-wrap {
    position: relative;
    width:100%;
/*    margin-right: 20px;*/
    margin-top: 30px;
}
#page01 #sub_menu a.menu1,#page02 #sub_menu a.menu2, #page03 #sub_menu a.menu3,#page04 #sub_menu a.menu4,#page05 #sub_menu a.menu5,#page06 #sub_menu a.menu6,#page07 #sub_menu a.menu7,#page08 #sub_menu a.menu8,#page09 #sub_menu a.menu9,#page10 #sub_menu a.menu10 {width:100%; color:#fff; background:#094090;}
#ss_navi {position:relative;float:left; width:20%; padding:0; margin:0px 0 50px 0px;}
#ss_navi h3 {float:left; width:95%; margin:13px 0 9px 5px; font-size:24px; color:#575757; font-weight:600; line-height:1.60em;}
#ss_navi #sub_menu {position:relative;float:left;clear:both; width:100%; border-top:1px solid #222; }
#ss_navi #sub_menu > li {display:block; float: left; width:100%; clear:both; border-bottom:1px solid #d8d8d8; }
#ss_navi #sub_menu > li:first-child { margin-left:0;}
#ss_navi #sub_menu > li a { display:block; float: left; line-height: 43px; width:92%; padding-left:6%; letter-spacing:-.02em; font-size:0.985em; color:#333; background:#fff;}
#ss_navi #sub_menu li a:hover{ width:100%; color:#fff; background:#094090;
-webkit-transition:300ms ease-out 0ms;
-moz-transition:300ms ease-out 0ms;
-ms-transition:300ms ease-out 0ms;
transition:300ms ease-out 0ms;
}
/**/
.sub_menu_wrap{ display:none; box-sizing:border-box; border-bottom:1px solid #ddd; height:80px; line-height:80px; z-index:3; position:relative; font-weight:600;z-index:50; }
.sub_menu_wrap.fixed .inner{position:Fixed; top:0; left:0; width:100%; background:#FFF; border-bottom:1px solid #ddd;}
.sub_menu_wrap .m_dep_tit{display:none;}
.sub_menu_wrap .m_home{display:none; width:60px; height:60px; text-align:center; font-size:0; background:#595959 url("../../img/ico_home.png") no-repeat center; background-size: 100%; }
.sub_menu_wrap .m_home img{width:100%;}
.sub_menu_wrap .m_1dep_box{display:none;}
.sub_menu_wrap .m_2dep_box{text-align:center;}
.sub_menu_wrap .m_2dep_box .smenu{display:block}
.sub_menu_wrap .m_2dep_box li{position:relative; display:inline-block; color:#57585a; padding:0 20px;}
.sub_menu_wrap .m_2dep_box li:before{content:""; width:1px; height:12px; background:#dddddd; position:absolute; left:0; top:50%; margin-top:-6px;}
.sub_menu_wrap .m_2dep_box li:first-child:before{display:none;}
.sub_menu_wrap br{display:none;}
.sub_menu_wrap .m_2dep_box li:hover{color:#434F50}
.sub_menu_wrap .m_2dep_box li:hover a{padding-bottom:2px; border-bottom:1px solid #434F50;}
.sub_menu_wrap .m_2dep_box li.s_on{color:#434F50}
.sub_menu_wrap .m_2dep_box li a.on{font-weight:600; border-bottom:2px solid #434F50; padding-bottom:2px;}
.sub_menu_wrap .m_2dep_box li span.dep2_mu{display:none !important}
@media all and (max-width:811px) {
    .sidemn {display: none!important;}
/*
#ss_navi {display:none;}
#sub_content_wrap{display:block;}
.sub_menu_wrap{display:block; height:60px; line-height:60px; color:#333;}
.sub_menu_wrap .inner{width:100%;}
.sub_menu_wrap .m_home{display:block; float:left;}
.sub_menu_wrap .m_dep_box{display:block; width:220px; float:left; border-right:1px solid rgba(255,255,255,0.3); text-align:left; cursor:pointer; height:60px; line-height:60px; border-right:1px solid #ddd;}
.sub_menu_wrap .m_dep_tit{display:block; background:url('../../img/icon_nav_arw.png') no-repeat 95% center; height:60px; line-height:60px; color:#333; box-sizing:border-box; padding:0 15px; cursor:pointer;}
.sub_menu_wrap .m_dep_box .smenu{ display:none; width:calc(100% + 2px); margin-left:-1px; background:#ffffff; box-sizing:border-box; border:1px solid #ddd; border-top:0;}
.sub_menu_wrap .m_dep_box .smenu li{margin:0; width:100%; display:block; box-sizing:border-box; border-top:1px dotted #ddd; padding:0; }
.sub_menu_wrap .m_dep_box .smenu li:hover{background:#ececec;}
.sub_menu_wrap .m_dep_box .smenu li:hover a{padding:13px 15px; border:0; font-weight:600;}
.sub_menu_wrap .m_dep_box .smenu li a.on{background:#ececec; color:#333333; border:0; padding:13px 15px;}
.sub_menu_wrap .m_dep_box .smenu li:first-child{border-top:0;}
.sub_menu_wrap .m_dep_box .smenu a{color:#333; display:block; width:100%; padding:13px 15px; box-sizing:border-box; line-height:normal}
.sub_menu_wrap .m_2dep_box li:before{display:none;}
}
@media all and (max-width:520px) {
.sub_menu_wrap{ height:50px; line-height:50px}
.sub_menu_wrap .m_home{ height:50px; line-height:50px;}
.sub_menu_wrap .m_dep_tit{height:50px; line-height:50px;}
.sub_menu_wrap .m_dep_box{width:calc(48.5% - 26px); height:50px; line-height:50px;}
.sub_menu_wrap .m_2dep_box{border-right:0;}
*/
}