.mo-hide{
    display:inherit;
}
.mo-show{
    display:none;
}

@media screen and (max-width: 1455px) { 


    header > .menu{
        width:600px;
    }
    header > .menu > li > ul > li > a {
        padding-left:40px;
    }
}


@media screen and (max-width: 1255px) { 

        .mo-hide{
            display:none !important;
        }
        .mo-show{
            display:inherit !important;
        }
        header{
            height:60px;
            overflow: hidden;
        }
        .sub-img{
            margin-top:60px;
        }
        .main-slide{
            margin-top:60px;
            overflow: hidden;
            height:600px
        }

        .main-slide h4 {
            font-size:30px;
            padding-top:244px;
        }
        .main-slide .sub-main-txt {
            font-size:18px;
            padding-top:60px;
            padding-left:100px;
            padding-right:100px;
            width:100%;
        }
        .extend-height{
            height:auto;
        }
        header{
            overflow:unset;
        }
        header > .menu,
        header > .direct-link{
            display:none;
        }
        header > .logo{
            height:60px;
            width:100%;
            box-shadow:0 0 20px 0 rgba(0,0,0,.1);
            z-index:999;
            background:#fff;

        }
        header > .mo-on {
            display: block !important;
            overflow:scroll;
        }
        header > .menu{
            width:100%;
            background:#fff;
            height:100vh;
            padding-top:60px;
            display: none;
            position: relative;
            max-width:100%;
            border:1px solid #f1f1f1;
            z-index:998;
            padding-bottom:120px;

            

        }
        header > .menu > li{
            width:100%;
            height:auto;
        }
        header > .menu > li:hover::before{
            display:none;
        }
        header > .menu > li > ul{
            height:auto;
        }
        header > .menu > li > a{
            padding:15px 40px;
            text-align:left;
            background:#f1f2fa;
        }
        header > .menu > li:hover > a::before{
            display:none;
        }
        .logo > a > img {
            height:60px;
            margin:0;
            padding:10px;
        }
        .idx-01 {
            height:auto;
        }
        .idx-01 > .idx-box > a{
            width:49%;
            margin-right:2%;
            margin-bottom:10px;
        }
        .idx-01 > .idx-box > a:nth-child(2n){
            margin-right:0;

        }
        .idx-01 > .idx-box > a > div {
            height:136px;
        }
        .idx-01 > .idx-box > a > h4,
        .idx-01 > .idx-box > a > span{
            font-size:14px;
        }
        .idx-01 > .idx-box > a > h4{
            margin-top:24px;
        }
        .content-title > h3 {
            font-size:20px;
        }
        .content-title > span {
            font-size:14px;
        }
        .content-title::after{
            margin:26px auto;
        }
        .idx-02 > .idx-box > div{
            width:calc(50% - 7px);
            margin-right:2%;
        }
        .idx-02 > .idx-box > div:nth-child(2n){
            margin-right:0;
        }

        .idx-02 > .idx-box > div > h4,
        .idx-02 > .idx-box > div > a {
            opacity: 1;
        }
        .idx-02 > .idx-box > div{
            background-position: center center;
            background-repeat: no-repeat;
            height:0;
            padding-top:32%;
            display: block;
            position: relative;
            margin-bottom:100px;
            
            background-size:cover;
            background-color:#f1f1f1;
            border-left:1px solid #ddd;
            border-top:1px solid #ddd;
            border-right:1px solid #ddd;
        }
        .idx-02 > .idx-box > div:hover{
            background-size:cover;
        }
        .idx-02 > .idx-box > div:hover::after{
            background:transparent;
        }
        .idx-02 > .idx-box > div > h4{
            color:rgb(27, 27, 27);
            background:#fff;
            font-size:16px;
            position:absolute;
            bottom:-90px;
            width:calc(100% + 2px);
            left:-1px;
            right:0;
            height:90px;
            margin:0;
            line-height:30px;
            overflow:hidden;
            border-left:1px solid #ddd;
            border-right:1px solid #ddd;
            border-bottom:1px solid #ddd;
            padding-top:10px;
            

        }
        .idx-02 > .idx-box > div > a {
            display:block;
            position: absolute;
            height:40px;
            width:calc(50% - 15px);
            bottom:-80px;
            font-size:14px;
            left:10px;
            height:38px;
            line-height:36px;
            padding:0;
            border-radius:20px;
            background:crimson;
            color:#fff;
            

        }
        .idx-02 > .idx-box > div > a:hover{
            background:rgb(170, 16, 47);
            color:#fff;
        }
        .idx-02 > .idx-box > div > a:last-child{
            right:10px;
            left:auto;
            background:#aaa;
        }.idx-02 > .idx-box > div > a:hover:last-child{
            background:rgb(136, 136, 136);
            color:#fff;
        }
        .idx-03 > .idx-box > a {
            height:234px;
        }
        .idx-03 > .idx-box > a > h4 {
            font-size:16px;
        }
        .idx-03 > .idx-box > a > span{
            font-size:14px;
        }
        .idx-03 > .idx-box > a img{
            height:50px;
        }
        .idx-03 > .idx-box > a:hover img{
            height:62px;
            margin-top:42px;
        }
        .idx-03 > .idx-box{
            height:234px;
        }
        .idx-04 > .idx-box > a {
            width:100%;
            padding:0 20px;
            height:212px;
        }
        .idx-04 > .idx-box > a:first-child{
            margin-bottom:10px;
        }
        .idx-04 > .idx-box > a > h4 {
            font-size:18px;
            padding:30px 0;
            margin:0;
            margin-bottom:30px;
        }
        .idx-04 > .idx-box > a > span {
            font-size:16px;
        }
        .idx-05{
            height: auto;
        }
        .idx-05 > .idx-box{
            height: auto;
        }
        .idx-05 > .idx-box > div {
            width:100%;
            border:0;
            border-bottom:4px solid #fff;
            height:142px;
            float:none;
            display: block;
            padding:1px;
        }
        .idx-05 > .idx-box > div > h4{
            margin-top:32px;
            text-align:left;
            padding-left:32px;
            font-size:18px;

        }
        .idx-05 > .idx-box > div > span,
        .idx-05 > .idx-box > div > a {
            display:block;
            padding-left:32px;
            text-align:left;
            font-size:24px;
            height:40px;
        }
        .idx-05 > .idx-box > span {
            margin-top:1px;
            padding-top:1px;
            margin-bottom:100px;
            padding-bottom:100px;
            display: block;
            float:none;
            position:static;
            padding:1px;
            margin:1px;
            font-size:14px;
        }


        .idx-02 > .idx-box > div:nth-child(1),
        .idx-02 > .idx-box > div:nth-child(3){
            margin-left:0px;
        }


        footer {
            height:auto;
        }
        footer > .quick-menu > a {
            font-size:16px;
            padding:20px 4px;
        }
        footer > .copyright{
            font-size:16px;
            padding-top:20px !important;
            padding-bottom:20px !important;
        }
        footer > .quick-menu{
            height:auto;
        }
        .overview-01 .left {
            width:100%;
            height:240px;
            position: static;
        }
        .overview-01 .right{
            position:static;
            width:100%;
            height: auto;
            padding:32px 50px;
            font-size:16px;
        }
        .m-cb {
            padding-bottom:0;
        }
        .overview-02 {
            min-height: auto;
        }
        .overview-02 > .left::after{
            display:none;
        }
        .overview-02 > .left{
            width:100%;
            font-size:16px;
            padding:20px 30px 20px 30px;
            min-height: auto;
        }
        .sub-menu-fixed{
            position:fixed;
            top:60px;
            z-index:9999;
        }
        .sub-menu > ul{
            text-align:left;
            overflow-x: auto;
            white-space: nowrap;
        }
        .sub-menu > ul > li > a{
            width:auto;
            padding:17px 14px 0 14px;
            font-size:16px;
        }

        .process-imgbox img {
            width:800px;
        }
        .process-imgbox {
            width:100%;
            max-width: auto;
            overflow-y: auto;
            text-align: center;
        }
        .history-01 > .left{
            width:100%;
            float:none;
            height:250px;
        }
        .history-01 > .right{
            width:calc(100% - 60px);
            float:none;
            margin-left:30px;
            margin-right:30px;
            background-position: center center;
        }
        .history-01 > .right > li > h4{
            font-size:22px;
            padding:16px 0 12px 0;
        }
        .history-01 > .right > li > ul > li{
            font-size:16px;
        }
        .ci-bi img {
            max-width: none;
            width:49%;
        }
        .ci-bi img:first-child{
            margin-right:2%;
        }
        .ci-bi{
            width:100%;
            padding:15px;
        }
        .ci-bi > .color-box{
            font-size:14px;
            width:100%;
            margin-top:5px;
        }
        .ci-down-box > a {
            width:calc(100% - 30px);
            display: block;
            margin:0 auto;

        }
        .location-map {
            width:100%;
        }
        .address-info > ul > li:nth-child(1){
            display: none;
        }
        .address-info .adr-detail > ul > li{
            font-size:16px;
            display:block;
        }
        .address-info{
            width:100%;
            padding:0 30px 0 30px;
        }
        .mo-btn {
            border:0px solid #757575;
            width:40px;
            height:40px;
            text-align:center;
            line-height: 70%;
            position: absolute;
            padding-top:9px;
        }
        .mo-btn span{
            font-size:10px;
            color:#666;
            font-family: 'Pretendard-Bold';
        }
        .mo-btn i {
            font-size:24px;
            padding-top:5px;
            color:#aaa;
        }

        .mo-home{
            top:10px;
            left:10px;
        }
        .mo-list{
            top:10px;
            right:10px;
        }
        .sub-img > h3 {
            font-size:28px;
            padding-top: 118px;
        }
        .sub-img i, .sub-img li {
            font-size:18px;
        }
        .download-box > div {
            width:calc(50% - 3px);
            margin-right:6px;
            margin-bottom:6px;
            height:408px;
        }
        .download-box > div:nth-child(2n){
            margin-right:0;
        }
        .download-box .dl-img {
            height:298px;
        }
        .download-box .down-btn{
            width:calc(100% - 30px);
        }
        .download-box h3{
            margin:15px 20px;
            font-size:18px;
        }
        .download-box{
            text-align:left;
        }
        .table-row tr:first-child {
            display:none;
        }
        .table-row tr td{
            display:inline-block;
        }
        .table-row td {
            font-size:14px;
            width:auto;
            border-bottom:0;
            height:auto;
            text-align:left;
        }
        .table-row td:nth-child(1){
            width:auto;
        }
        
        .table-row td:nth-child(2){
            font-size:16px;
        }
        .table-row td:nth-child(1)::before{
            content:"작성일 ";
            color:#bbb;
        }
        .table-row td:nth-child(3)::before{
            content:"업체명 ";
            color:#bbb;
        }
        .table-row td:nth-child(4)::before{
            content:"작성자 ";
            color:#bbb;
        }
        .table-row td:nth-child(2){
            width:100%;
            height:34px;
            padding-top:5px;
        }
        .table-row td:nth-child(3),
        .table-row td:nth-child(4) {
            width:50%;
            text-align:left;
        }
        .table-row td > .cate{
            margin:0;
        }
        .table-row tr{
            border-bottom:1px solid #e7e7e7;
        }
        .table-row tr:nth-child(2){
            border-top:1px solid #e7e7e7;
        }
        .table-row tr:hover {
            background: #f1f2fa;
        }
        .table-row tr td:first-child{
            padding-top:10px;
        }
        .table-row tr td:nth-child(3),
        .table-row tr td:nth-child(4){
            padding-bottom:10px;
        }
        
        .table-row tr td:nth-child(1),
        .table-row tr td:nth-child(2),
        .table-row tr td:nth-child(3){
            padding-left:20px;
            padding-right:20px;
        }
        .table-row td > .cate {
            font-size:14px;
        }
        .table-row td i{
            display:none;
        }
        .cs-wrap > .cs-top > .left {
            float:none;
            width:100%;
            font-size:14px;
        }
        .cs-wrap > .cs-top > .right {
            float:none;
            width:100%;
        }
        .cs-btn{
            width:100%;
            display:block;
            text-align:center;
            border:1px solid var(--color-text-01);
            font-size:18px;
            padding:19px 40px;

        }
        .cs-btn:hover{
            background:#fff;
            font-size:22px;
            color:var(--color-text-01);
            border:1px solid var(--color-text-01);
            font-size:18px;
            padding:19px 40px;
        }
        .pw-box{
            margin-top:74px;
            width:calc(100% - 30px);
            left:0;
            margin-left:15px;
            margin-right:15px;
        }
        .pw-box > .inp-group {
            width:auto;
            max-width:340px;
            padding:20px;
        }
        .table-col{
            font-size:14px;
        }
        .table-col th{
            font-size:14px;
            width: 120px;
        }
        .table-col td{
            padding:10px;
        }
        .table-col input[type=password], .table-col input[type=text], .table-col input[type=email], .table-col input[type=file]{
            font-size:18px;
            width:100%;
            margin:10px 0;
        }
        .table-col textarea, .table-col .pri{
            margin:0;
            width: 100%;
        }
        .table-col input[type=checkbox]{
            width:18px;
            height:18px;
            margin-left:0;
        }
        .table-col .chk-box > label {
            margin-top:30px;
            display:block;
        }
        .frm-gtn-group {
            font-size:0;
            height: auto;
        }
        .frm-btn{
            width:50%;
            font-size:16px;
            padding:0;
        }
        .product-list-box .product-item {
            width:calc(50% - 7px);
            margin-right:14px;
            margin-bottom:14px;
        }
        .product-list-box .product-item:nth-child(2n){
            margin-right:0;
        }
        .item-img{
            height:164px;
        }
        .item-txt-wrap > div > a{
            font-size:12px;
            padding:6px 0;
            width:calc(50% - 5px);
        }


        .item-txt-wrap h4{
            font-size:16px;
            padding:0;
            margin-top:10px;
            height:16px;
        }
        .item-txt-wrap > span{
            font-size:14px;
            padding:0;
        }

        .product-img{
            background-size:cover, cover;
            background-position:center center, center center;
        }
        .product-img > .product-title{
            width:100%;
            left:0;
            
            height:auto;
            top:400px;
        }
        .product-content{
            width:100%;
        }
        .product-img > .product-title h3{
            font-size:20px;
            margin:32px 0;
        }
        .product-img > .product-title span{
            font-size:16px;
            padding:16px 0;
        }
        .product-img > a {
            font-size:14px;
            height:auto;
            top:auto;
            bottom:404px;
        }
        .product-content{
            width:100%;
            padding:20px;
            margin:158px auto 0;
        }
        .product-content table td{
            font-size:14px;
            margin:187px auto 0;
        }

}