@charset "utf-8";
@media (hover: hover) {

    .tab-ot .upper-menu-set .locm > li > a:hover, 
    .tab-ot .location-menu-set .locm > li > a:hover,
    .tab-ot .location-in-menu-set .locm-in > li > a:hover{
        
        color:#E30314;
        transition: all .5s;
        
    }


    .tab-ot .location-menu-set .locm > li > a:hover::after {                 
        background:#E30314
    }

    .nav .nav-list > li .under .dp2 > li:hover > a{
        color:#E10314;
        transition: all .5s;
    }
    .nav .nav-list > li > a{
        position: relative;
    }
    .nav .nav-list > li:hover > a{
        color:#E10314;
    }
    .header .inner .nav .nav-list > li:hover > a::after{
        content: "";
        display: inline-block;
        width: 100%;
        height: 2px;
        background: #E10314;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .nav .nav-list > li .under .dp2 > li:hover > a,
    .hd-ot aside .aside-wrap .menuset .nav .under .dp2 > li > a{
        color:#1b1b1b
    }
    .nav .nav-list > li .under .dp2 > li .dp3 > li:hover > a{
        color:#1b1b1b;
        font-weight: 500;
        transition: all .5s;
    }
    .en .nav .nav-list > li .under .dp2 > li .dp3 > li:hover > a{
        font-weight: normal;
    }

    /*main*/
    .my_instagram li:hover a::before,
    .my_instagram li:hover a:after{
        opacity: 1;
    }



    /*border*/
    /*board tab*/
    /* #bo_cate a:focus, 
    #bo_cate a:hover, 
    #bo_cate a:active{
        background: none;
        color:#E10314;
        font-weight: bold;
        transition: all .3s;
    } */

    .prd #bo_cate li:focus, 
    .prd #bo_cate li:hover, 
    .prd #bo_cate li:active{

    }
    .prd #bo_cate li:focus > a, 
    .prd #bo_cate li:hover > a, 
    .prd #bo_cate li:active > a{
        color:#E10314;
        /* font-weight: bold; */
        background: #FDE6E8;
    }



    .prd #bo_cate_ul > li:nth-child(2) > a#bo_cate_on::before,
    .prd #bo_cate_ul > li:nth-child(2) > a:hover::before {background-position:0 -40px}
    .prd #bo_cate_ul > li:nth-child(3) > a:hover::before {background-position:-40px -40px}
    .prd #bo_cate_ul > li:nth-child(4) > a:hover::before {background-position:-80px -40px}
    .prd #bo_cate_ul > li:nth-child(5) > a:hover::before {background-position:-120px -40px}
    .prd #bo_cate_ul > li:nth-child(6) > a:hover::before {background-position:-160px -40px}
    .prd #bo_cate_ul > li:nth-child(7) > a:hover::before {background-position:-200px -40px}
    .prd #bo_cate_ul > li:nth-child(8) > a:hover::before {background-position:-240px -40px}
    .prd #bo_cate_ul > li:nth-child(9) > a:hover::before {background-position:-280px -40px}
    .prd #bo_cate_ul > li:nth-child(10) > a:hover::before {background-position:-320px -40px}
    .prd #bo_cate_ul > li:nth-child(11) > a:hover::before {background-position:-360px -40px}
    
    .prd.ty0 #bo_cate_ul > li:nth-child(3) > a:hover::before {background-position:-80px -40px}
    .prd.ty0 #bo_cate_ul > li:nth-child(4) > a:hover::before {background-position:-120px -40px}
    .prd.ty0 #bo_cate_ul > li:nth-child(5) > a:hover::before {background-position:-160px -40px}


    /* .prd #bo_cate_ul > li a:hover::after { 

        background: rgba(227, 3, 20, 5%);
        border: 1px solid #f00;
      } */


      .prd.ty0 #bo_cate_ul > li:nth-child(2) a:hover::after { 
        border-radius:10px 0 0 10px;  
      }
      .prd.ty0 #bo_cate_ul > li:nth-child(6) a:hover::after { 
        border-radius:0 10px 10px 0
      } 
      .prd.ty1 #bo_cate_ul > li:nth-child(2) a:hover::after { 
        border-radius:10px 0 0 0;  
      } 
      .prd.ty1 #bo_cate_ul > li:nth-child(6) a:hover::after { 
        border-radius:0 10px 0 0;  
      }
      .prd.ty1 #bo_cate_ul > li:nth-child(7) a:hover::after { 
        border-radius:0 0 0 10px;  
      }
       
      .prd.ty1 #bo_cate_ul > li:nth-child(11) a:hover::after { 
        border-radius:0 0 10px 0;  
      }  














    #bo_list tbody tr:hover{
        border-left: 0
    }
    /*catalog*/
    #bo_gall.catalog .gall_row .gall_li:hover .download{
        background: rgba(0,0,0,0.5); 
        transition: all .3s;
        border: 3px solid #E10314;
    }
    #bo_gall.catalog .gall_row .gall_li:hover .download::before{
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #E10314;
    }
    #bo_gall.catalog .gall_row .gall_li:hover .download::after{
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        background: url(../img/sub/download-ico.png);
        width: 25px;
        height: 21px;
        background-position: center;
        background-size: cover;
    }

    /*news*/


    /*inquiry*/


    /*prd-detail*/
    .vr360:hover .around-tag{
        opacity: 0;
        transition: all .5s;
    }

    /*board tab*/
    .tbl_head01 a:hover{
        text-decoration: none;
      }



    .footer #top_btn:hover{
        background: #151C51;
        border-color: #151C51;
        color: #fff;
    }
    
}




@media (max-width: 1700px){
    /*commin*/
    .hd2{
        font-size: 65px;
    }
    .hd3{
        font-size: 50px;
    }
    .hd4{
        font-size: 40px;
    }

    /*******main********/
    .main-prd .prd-ot .img-wrap{
        margin-top: 30px;
    }
    .main-about .about-ot .logo.on{
        width: 124px;
    }
    .main-global .titbox-ot .inner .bgtxt-box .bgtxt{
        font-size: 150px;
        line-height: 140px;
    }
    .main-count .box .inner .conset .conbox .countset .count-num{
        font-size: 90px;
    }

}

@media (max-width: 1600px){
    /*commin*/
    .hd2{
        font-size: 60px;
    }
    .hd3{
        font-size: 45px;
    }
    .hd4{
        font-size: 35px;
    }
    .btnset .btn{
        font-size: 12px;
        padding: 10px 17px;
    }
    .btnset .btn::after{
        width: 16px;
        height: 16px;
    }

    .header .inner .logo > a,
    .footer .inner #logo.logo > a{
        width: 130px;
    }
    
    p, th, td{
        font-size: 16px;
    }

    /*footer*/
    .footer #ft_wr #ft_link > ul > li > a{
        font-size: 16px;
    }
    .en.footer #ft_wr #ft_company .box .inner .ft_info > li:last-child{
        margin-left: 0;
    }

    /*******main********/
    .main-banner .banner-inner .banner .titset .mtxt{
        font-size: 18px;
        margin-top: 20px
    }
    .section .titset .cg{
        font-size: 18px;
    }
    .main-prd .prd-ot .img-wrap{
        margin-top: 70px;
    }
    .main-prd .title-wrap{
        height: 100%;
    }
    .slider-wrap .swiper-container.slider-thumbnail{
        max-width: 27vw;
        height: 6.2vw;
    }
    .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
        height: 3px;
    }
    .main-global .titbox-ot .inner .bgtxt-box .bgtxt{
        font-size: 130px;
        line-height: 120px;
    }
    .main-global .bg{
        width: 220px;
        height: 220px;
    }
    .main-count .box .inner .titset .cg{
        font-size: 20px;
    }


    /*sub*/
    /*sub 공통*/
    .sub-top-wrap{
        padding-top: 99px;
    }
    /* .sub-top-wrap .tit-ot{
        max-width: 1280px;
    } */
    .sub-top-wrap .tit-ot .sub-title{
        max-width: 1280px;
    }
    .sub-top-wrap .tit-ot .sub-title{
        padding-bottom: 60px;
    }
    .wh-in, 
    #bo_v.prd-detail header,
    .prd-detail .markset .cert-mark,
    .sub-con-wrap .inner .con-wrap .titset, 
    .sub-con-wrap .inner .con-wrap .content,
    .prd-detail .content.ty2 .inset .item-box.ty3 .item{
        max-width: 980px
    }
    #bo_cate{
        margin: 0 auto;
        width: 100%;
    }
    .mtxt{
        font-size: 22px;
    }

    /*about*/
    .about.sub-con-wrap .inner .con-wrap{
        padding-top: 140px;
    }
    .sub-con-wrap.about .inner .content.mp .inset .item-box .item.left.bottom {
        margin-top: -110%;
    }
    .sub-con-wrap.about .inner .content.mp .inset .item-box{
        gap:220px 180px
    }
    .diagram li{
        height: 241px;
        padding: 20px;
    }
    .sub-con-wrap.about .inner .content.info{
        padding: 150px 0 0;
    }
    .sub-con-wrap.about .inner .content.info .inset .item-box-ot .item-box > li{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 20px 20px 10px;
    }
    .sub-con-wrap.about .inner .content.info .inset .item-box-ot .item-box > li .icoset + .txtset{
        margin-top: 40px;
    }
    .sub-con-wrap.about .inner .content.info .inset .item-box-ot .item-box > li .txtset .info-txt{
        font-size: 20px;
    }
    .sub-con-wrap.about .inner .content.info .inset .item-box-ot .item-box > li .icoset .ico{
        width: 36px;
        height: 36px;
    }
    .sub-con-wrap.about .inner .content.info .inset .item-box-ot .item-box > li .icoset .ico.ty1, 
    .sub-con-wrap.about .inner .content.info .inset .item-box-ot .item-box > li .icoset .ico.ty2, 
    .sub-con-wrap.about .inner .content.info .inset .item-box-ot .item-box > li .icoset .ico.ty4{
        width: 32px;
        height: 32px;
    }
    .sub-con-wrap.about .inner .content.info .inset .item-box-ot .item-box > li .icoset .ico.ty3 {
        background-position: -72px;
    }
    .sub-con-wrap.about .inner .content.info .inset .item-box-ot .item-box > li .icoset .ico.ty2 {
        background-position: -33px;
    }
    .sub-con-wrap.about .inner .content.info .inset .item-box-ot .item-box > li .icoset .ico.ty4 {
        background-position: -95px;
    }
    .sub-con-wrap.about .inner .content.info .inset .item-box-ot .item-box > li .icoset .ico.ty5 {
        background-position: -143px;
    }
    .sub-con-wrap.about .inner .content.info .inset .item-box-ot .item-box > li .txtset .cg{
        font-size: 15px;
    }
    /*history*/
    .history .timeline .pic .years span{
        font-size: 40px;
    }
    .history .timeline .pic .years strong{
        font-size: 100px;
        margin-top: 50px;
    }


    /*business*/
    .business .table-box .tableset .b-table th{
        flex-direction: column;
    }
    .percentage-box .item-box .cirbox{
        height: 450px;
    }
    .percentage-box .item-box .cirbox .cir.num2{
        left: 17%;
    }
    /*sz40*/
    .sz40 .circle-wrap .circle .mask, 
    .sz40 .circle-wrap .circle .fill,
    .sz40 .circle-wrap{
        width: 230px;
        height: 230px;
    }
    .sz40 .circle-wrap .circle .mask{
        clip: rect(0px, 230px, 230px, 120px);
    }
    .sz40 .circle-wrap .circle .mask .fill{
        clip: rect(0px, 121px, 230px, 0px);
    }
    .sz40 .circle-wrap .inside-circle{
        width: 180px;
        height: 180px;
    }
    /*sz20*/
    .sz20 .circle-wrap .circle .mask, 
    .sz20 .circle-wrap .circle .fill,
    .sz20 .circle-wrap{
        width: 140px;
        height: 140px;
    }
    .sz20 .circle-wrap .circle .mask {
        clip: rect(0px, 180px, 180px, 77px);
    }
    .sz20 .circle-wrap .circle .mask .fill {
        clip: rect(0px, 78px, 180px, 0px);
    }
    .sz20 .circle-wrap .inside-circle{
        width: 110px;
        height: 110px;
        margin-top: 15px;
        margin-left: 15px;
    }
    /*sz10*/
    .sz10 .circle-wrap .circle .mask, 
    .sz10 .circle-wrap .circle .fill,
    .sz10 .circle-wrap{
        width: 95px;
        height: 95px;
    }
    .sz10 .circle-wrap .circle .mask {
        clip: rect(0px, 110px, 110px, 47px);
    }
    .sz10 .circle-wrap .circle .mask .fill {
        clip: rect(0px, 48px, 110px, 0px);
    }
    .sz10 .circle-wrap .inside-circle{
        width: 75px;
        height: 75px;
        margin-top: 10px;
        margin-left:10px;
    }
    .sz10 .circle-wrap .txtset .stxt{
        font-size: 12px;
        margin-top: -5px;
    }


    /*rnd*/
    .rnd .content.ty1 .inset .item-box .item .box.ty2 .box-in .num{
        font-size: 100px;
    }
    .rnd .content.ty2 .inset .item-box .item{
        flex: .5;
    }
    .rnd .content.ty3 .inset .item-box .item, 
    .rnd .content.ty4 .inset .item-box .item{
        gap:70px
    }

    /*prd-detail*/
    .prd-detail .cat-set .bo_v_cate > span{
        font-size: 17px;
    }
    #bo_v.prd-detail #bo_v_title .bo_v_tit{
        font-size: 46px;
    }
    /*3d s*/
    .prd-detail iframe{
        height: 630px;
    }
    /*3d e*/
    .prd-detail .content.ty2 .inset .item-box:first-child{
        padding: 70px 0;
    }
    .prd-detail .content.ty2 .inset .item-box .item .box{
        flex: 1;
    }
    .prd-detail .content.ty2 .inset .item-box .item .p-table{
        padding-top: 100px;
    }



}

@media (max-width: 1440px){
    /*commin*/
    .hd2{
        font-size: 55px;
    }
    .hd3{
        font-size: 45px;
    }
    .hd4{
        font-size: 35px;
    }
    .hd5{
        font-size: 28px;
    }
    .hd6{
        font-size: 27px;
    }
    #hd_wrapper.header, 
    #ft.footer .ft_cnt{
        padding: 0 50px;
    }
    .header .inner #logo.logo,
    .footer .inner #logo.logo > a{
        width: 130px;
    }
    .btnset{
        margin-top: 60px;
    }
    
    /*header*/
    #hd_wrapper.header{
        height: 80px;
    }
    .header .inner .nav .nav-list > li .upper{
        font-size: 17px;
    }
    .header .inner .nav .nav-list > li .under{
        top: 80px;
        padding:30px 0;
    }
    .header .inner .nav .nav-list > li .under .dp2 > li .dp3.prd{
        rid-template-columns: 1fr 170px 1fr;
        gap: 10px 50px
    }
    .header .inner .nav .nav-list > li .under .dp2 > li .dp3 {
        margin-top: 20px;
    }

    /*fullmenu*/
    .hd-ot aside .aside-wrap .menuset .top-btnset{
        padding: 0 50px;
        height: 80px;
    }
    .hd-ot aside .aside-wrap .menuset .nav .upper{
        font-size: 27px;
    }
    .hd-ot aside .aside-wrap .menuset .nav .under .dp2 > li > a{
        font-size: 17px;
    }
    .hd-ot aside .aside-wrap .menuset .nav .under .dp3 > li > a{
        font-size: 15px;
    }

    /*footer*/
    .footer #ft_wr #ft_link > ul{
        padding: 15px 0;
    }
    .footer #ft_wr #ft_link > ul > li > a{
        font-size: 14px;
    }
    .footer #ft_wr #ft_company .box{
        padding: 30px 0;
    }
    .footer #ft_wr #ft_company .box .inner .ft_info > li,
    .footer #ft_wr #ft_company .box .inner .ft-info-set .copy{
        font-size: 13px;
    }

    /*main*/
    .section .titset{
        margin: 40px 0 20px;
    }
    .curve{
        height: 350px;
        width: 145%;
        bottom: -301px;
    }
    .slick-dots li button{
        width: 7px;
        height: 7px;
    }
    .slick-dots li.slick-active button{
        width: 25px;
    }
    .slick-dots li + li{
        margin-left: 7px;
    }
    .swiper-pagination{
        margin-top: 5px;
    }
    .section .titset .cg{
        font-size: 17px;
    }
    .section .titset .cg + .hd3{
        margin-top: 5px;
    }
    .main-prd{
        padding-left: 50px;
    }
    .main-prd .title-wrap{
        align-items: center;
    }
    .prd-img .swiper-slide > img{
        margin-bottom: -100px;
    }
    .main-prd .prd-ot .img-wrap{
        margin-top: 0px;
    }
    .img-wrap.prd-img{
        align-self: center;
    }
    .main-global .bg{
        width: 180px;
        height: 180px;
        right: 50px;
    }
    .main-global .itembox-ot.on .tit-box{
        left: 50px;
        top:200px
    }
    .main-global .titbox-ot .inner .bgtxt-box .bgtxt{
        font-size: 110px;
    }
    .main-count .box{
        margin-top: 0;
    }
    .main-count .box .inner .conset .conbox .cgset .cg{
        font-size: 20px;
    }
    .main-count .box .inner .conset .conbox .countset .count-num{
        font-size: 80px;
    }
    .main-media{
        padding: 0 50px;
    }
    .main-media .inner{
        padding-top: 80px;
    }
    .main-media .inner .conbox{
        margin: 4.17vw 0;
        justify-content: space-around;
    }


    /*sub*/
    /*sub 공통*/
    .sub-top-wrap{
        padding-top: 170px;
    }
    /* .sub-top-wrap .tit-ot{
        max-width: 1100px;
    } */
    .sub-top-wrap .tit-ot .sub-title{
        padding-bottom: 60px;
        max-width: 1100px;
    }

    /*about*/
    .fixed-menu a{
        font-size: 15px;
    }
    .sub-con-wrap.about .inner .content.mp .inset .item-box {
        gap: 200px 160px;
    }
    .sub-con-wrap.about .inner .content.mp .inset .item-box .item.left.bottom{
        margin-top: -110%;
    }
    .sub-con-wrap.about .inner .content.mp .inset .item-box .item .txtset{
        margin-top: 30px;
    }
    .sub-con-wrap.about .inner .content.message{
        padding-top: 150px;
    }
    .sub-con-wrap.about .inner .content.message .inset .item.top.bg .bg-imgset{
        bottom: 25px;
    }
    .sub-con-wrap.about .inner .content.message .inset .item.bottom .txtset{
        padding: 80px 0 0;
    }

    /*global*/
    .sub-con-wrap.global .mapset .map-bg{
        height: 37.84vw;
    }


    /*rnd*/
    .rnd .content.ty3, 
    .rnd .content.ty4{
        height: 580px;
    }



    /*board*/
    .gall_row .box_clear{
        clear: inherit;
    }
    #bo_cate a{
        font-size: 15px;
        padding: 7px 13px
    }
    #bo_gall, 
    #bo_v, 
    #bo_w, 
    #bo_list{
        max-width: 1024px;
    }
    /*cert news*/
    #bo_gall.gal2 .gall_row,
    #bo_gall.news .gall_row{
        display: inherit;
    }
    #bo_gall .gall_row .gall_li{
        width: 23%;
        margin-bottom: 40px;
    }
    #bo_gall.news .gall_row .gall_li{
        width: 32%;
    }
    #bo_gall.news .gall_row .box_clear{
        clear: inherit;
    }
    #bo_gall .gall_row .gall_li + .gall_li,
    #bo_gall.news .gall_row .gall_li:nth-child(5),
    #bo_gall.news .gall_row .gall_li:nth-child(9){
        margin-left: 2%;
    }
    #bo_gall .gall_row .gall_li:nth-child(5),
    #bo_gall .gall_row .gall_li:nth-child(9),
    #bo_gall.news .gall_row .gall_li:nth-child(4),
    #bo_gall.news .gall_row .gall_li:nth-child(7){
        margin-left: 0;
    }
    #bo_gall.gal2 .gall_con{
        display: flex;
        flex-direction: column;
    }
    #bo_gall .bo_tit{
        font-size: 20px;
    }

    /*prd*/
    .prd #gall_ul{
        display: block;
    }
    .prd#bo_gall .gall_row .gall_li{
        width: 33.3%;
        margin-bottom: 0;
        height: 430px;
    }
    .prd#bo_gall .gall_row .gall_li + .gall_li{
        margin:0
    }
    
    
    .prd#bo_gall .gall_text_href{
        margin-bottom: 20px ;
    }
    .prd-num > span{
        font-size: 14px;
    }


}

@media (max-width: 1380px){
    /*prd-tab*/

}


@media (max-width: 1280px){
    /*commin*/
    .hd2{
        font-size: 50px;
    }
    .hd3{
        font-size: 40px;
    }
    .hd4{
        font-size: 32px;
    }
    .hd5{
        font-size: 28px;
    }
    .en .hd5{
        font-size: 27px;
    }

    .header .inner #logo.logo, 
    .footer .inner #logo.logo > a{
        width: 110px;
    }
    .btnset .btn{
        font-size: 11px;
    }
    p, th, td{
        font-size: 15px;
    }

    /*header*/
    .right-box .toggle-btn{
        width: 18px;
        height: 18px;
        gap:4px
    }
    .header .inner .nav .nav-list{
        gap:30px
    }
    .right-box .lang-list > li .lang-btn{
        font-size: 14px;
    }
    .right-box .lang-list > li + li::before{
        margin: 0 5px 0 7px;
    }
    .nav .nav-list > li .under .dp2 > li > a{
        font-size: 15px;
        /* padding: 8px 0; */
    }
    .hd-ot aside .aside-wrap .menuset .nav .under .dp2{
        padding: 8px 0;
    }

    /*fullmenu*/
    .hd-ot aside .aside-wrap .bgset-ot{
        flex: .6;
    }
    .hd-ot aside .aside-wrap .menuset .menu-box{
        margin-top: -80px;
    }
    .hd-ot aside .aside-wrap .menuset .nav .upper{
        font-size: 24px;
    }
    .hd-ot aside .aside-wrap .menuset .nav .nav-list > li{
        gap: 5px;
        flex-direction: column;
        align-items: flex-start;
    }
    .hd-ot aside .aside-wrap .menuset .nav .under .dp2{
        gap:30px
    }
    .hd-ot aside .aside-wrap .menuset .nav .under .dp3.prd{
        margin-top: 0px;
        gap: 7px 25px;
        grid-template-columns: 1fr 166px 1fr;
    }

    /*footer*/
    .footer #ft_wr #ft_company .box .inner .ft-info-set{
        margin-left: 80px;
    }
    .footer #ft_wr #ft_company .box .inner .ft_info > li:last-child{
        display: block;
        margin-left: 0;
    }


    /*main*/
    .main-banner .banner-inner .banner .titset .mtxt{
        font-size: 17px;
    }
    .curve{
        height: 330px;
        width: 175%;
        bottom:-300px;
    }
    .section .titset .cg{
        font-size: 16px;
    }
    .main-about .about-ot .logo.on{
        width: 100px;
    }
    .main-global .titbox-ot .inner .bgtxt-box .bgtxt{
        font-size: 90px;
        line-height: 95px;
    }
    .main-global .bg{
        width: 130px;
        height: 130px;
        border-radius: 15px;
    }
    .main-count .box .inner .conset{
        gap:60px
    }
    .main-count .box .inner .conset .conbox .cgset .cg{
        font-size: 18px;
    }
    .main-count .box .inner .conset .conbox .countset .count-num{
        font-size: 65px;
    }
    .main-count .box .inner .conset .conbox .cgset .cg::before{
        width: 20px;
        height: 20px;
    }
    .main-count .box .inner .conset .conbox .cgset .cg.ty2::before{
        background-position: -81px;
    }
    .main-count .box .inner .conset .conbox .cgset .cg.ty3::before {
        background-position: -219px;
    }
    
    /*sub*/
    /*sub 공통*/
    .sub-top-wrap .tit-ot{
        max-width: inherit;
        /* padding: 0 100px; */
    }
    .sub-top-wrap .tit-ot .sub-title{
        padding: 0 100px 60px;
    }
    .tab-ot > div .upperbtn{
        padding: 0 25px;
    }
    .tab-ot > div .upperbtn > button{
        font-size: 16px;
        height: 45px;
    }
    .tab-ot .home-btn-set{
        padding: 0 25px 0 0;
    }
    .tab-ot .home-btn-set .home-btn{
        width: 17px;
        height: 17px;
    }
    .tab-ot .location-menu-set .locm, 
    .tab-ot .upper-menu-set .locm, 
    .tab-ot .location-in-menu-set .locm-in, 
    .tab-ot .upper-menu-set .locm-in{
        top: 45px;
    }
    .tab-ot .upper-menu-set .locm > li > a, 
    .tab-ot .location-menu-set .locm > li > a, 
    .tab-ot .upper-menu-set .locm-in > li > a, 
    .tab-ot .location-in-menu-set .locm-in > li > a{
        font-size: 15px;
    }
    .sub-pc-bg{
        height: 420px;
    }
    .sub-con-wrap .inner .con-wrap{
        padding-top: 130px;
    }
    .wh-in, 
    .sub-con-wrap .inner .con-wrap .titset, 
    .sub-con-wrap .inner .con-wrap .content{
        max-width: 900px;
    }
    .mtxt {
        font-size: 20px;
    }

    /*about*/
    .about .wh-in, 
    .about .message .titset, 
    .about.sub-con-wrap .inner .con-wrap .content{
        max-width: 890px;
    }
    .about.sub-con-wrap .inner .con-wrap .titset.wh-full, 
    .about.sub-con-wrap .inner .con-wrap .content.wh-full{
        max-width: inherit;
    }
    .about.sub-con-wrap .inner .con-wrap{
        /*padding-left: 100px;*/
    }
    .about .content.mp,
    .about .message .titset,
    .about .message .item.bottom,
    .sub-con-wrap.about .inner .content.info .inset,
    .sub-con-wrap.about .inner .content.motto .inset .con-in{
        padding-left: 100px;
    }
    .sub-con-wrap.about .inner .content.mp .inset .item-box{
        gap:200px 100px
    }
    .sub-con-wrap.about .inner .content.message{
        padding-top: 100px;
    }
    .sub-con-wrap.about .inner .content.message .inset .item.top.bg{
        padding-top: 50px;
    }
    .sub-con-wrap.about .inner .content.message .inset .item.top.bg .item-in .ceo-hd .ceo-imgset .ceo-img{
        max-width: 250px;
    }
    .sub-con-wrap.about .inner .content.message .inset .item.top.bg .bg-imgset{
        width: 80%;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .sub-con-wrap.about .inner .content.message .inset .item.top.bg .bg-imgset{
        bottom: 16px;
    }
    .sub-con-wrap.about .inner .content.message .inset .item.bottom .txtset{
        padding: 60px 0 0;
    }
    .sub-con-wrap.about .inner .content.message .inset .item.bottom .txtset .stxt-box + .stxt-box{
        padding-left: 100px;
    }
    .sub-con-wrap.about .inner .content.message .inset .item.bottom .txtset .stxt-box + .stxt-box::before{
        left: 50px;
    }
    .sub-con-wrap.about .inner .content.motto .inset{
        padding: 100px 0;
    }
    .diagram li{
        height: 193px;
        padding: 15px;
    }
    .diagram li .item .ico{
        width: 40px;
        height: 40px;
    }
    .diagram li .item .ico.ty2 {
        background-position: -40px;
    }
    .diagram li .item .ico.ty3 {
        background-position: -80px;
    }
    .sub-con-wrap.about .inner .content.info{
        padding:100px 0 0
    }
    .sub-con-wrap.about .inner .content.info .inset .item-box-ot .item-box{
        display:grid;
        grid-template-columns: repeat(3, 1fr);
    }
    .sub-con-wrap.about .inner .content.info .inset .item-box-ot .item-box > li .txtset .info-txt{
        font-size: 18px;
    }
    .sub-con-wrap.about .inner .content.info .inset .item-box-ot .item-box > li .icoset .ico{
        width: 32px;
        height: 32px;
    }
    .sub-con-wrap.about .inner .content.info .inset .item-box-ot .item-box > li .icoset .ico.ty1, .sub-con-wrap.about .inner .content.info .inset .item-box-ot .item-box > li .icoset .ico.ty2, .sub-con-wrap.about .inner .content.info .inset .item-box-ot .item-box > li .icoset .ico.ty4{
        width: 28px;
        height: 28px;
    }
    .sub-con-wrap.about .inner .content.info .inset .item-box-ot .item-box > li .icoset .ico.ty2 {
        background-position: -28px;
    }
    .sub-con-wrap.about .inner .content.info .inset .item-box-ot .item-box > li .icoset .ico.ty3 {
        background-position: -64px;
    }
    .sub-con-wrap.about .inner .content.info .inset .item-box-ot .item-box > li .icoset .ico.ty4 {
        background-position: -84px;
    }
    .sub-con-wrap.about .inner .content.info .inset .item-box-ot .item-box > li .icoset .ico.ty5 {
        background-position: -127px;
    }
    .sub-con-wrap.about .inner .content.info .inset .item-box-ot .item-box > li .txtset .cg{
        font-size: 14px;
    }
    .sub-con-wrap.about .inner .content.info .inset .item-box-ot .item-box > li .txtset .info-txt{
        margin-top: 0;
    }
    .sub-con-wrap.about .inner .content.info .inset .item-box-ot .item-box > li .icoset + .txtset{
        margin-top: 48px;
    }

    /*history*/
    .history .timeline .pic .years strong{
        font-size: 80px;
        margin-top: 30px;
    }
    .history .timeline .pic .years span{
        font-size: 32px;
    }
    .history .timeline .cont ul{
        margin: 70px 45px;
    }
    .history .timeline .cont ul li{
        padding: 50px 0 50px 120px;
    }
    .history .timeline .cont ul li em{
        top: 50px;
    }
    .history .timeline .cont ul li .txt-in .time{
        margin-right: 10px;
    }

    /*business*/
    .percentage-box .item-box .cirbox .cir.num2{
        left: 14%;
    }


    /*global*/
    .sub-con-wrap .inner .titset + .content{
        padding-top: 70px;
    }
    .sub-con-wrap.global .mapset{
        padding: 0 50px 70px;
    }

    /*rnd*/
    .rnd .content.ty3, 
    .rnd .content.ty4{
        height: 500px;
    }
    .rnd .content.ty1 .inset .item-box .item .box.ty2 .box-in .num{
        font-size: 80px;
    }
    .rnd .content.ty3 .inset, 
    .rnd .content.ty4 .inset{
        height: 380px;
    }
    .rnd .content.ty3 .inset .item-box, 
    .rnd .content.ty4 .inset .item-box{
        padding: 100px 0 0;
    }

    /*en rnd*/
    .en.rnd .content.ty4{
        padding-top: 70px;
    }
    .en.rnd .content.ty3 .inset .item-box .item, 
    .en.rnd .content.ty4 .inset .item-box .item{
        gap: 40px;
    }
    .en.rnd .content.ty4 .inset .item-box .item .box{
        flex: 1.1;
    }
    .en.rnd .content.ty3 .inset .item-box .item .box.imgset,
    .en.rnd .content.ty4 .inset .item-box .item .box.imgset{
        flex: .9;
    }
    .en.rnd .content.ty4 .inset .item-box .item .box.imgset{
        padding: 10px;
    }
    


    /*board*/
    #bo_gall, 
    #bo_v, 
    #bo_w, 
    #bo_list{
        max-width: 970px;
        padding:100px 0
    }
    #bo_gall .gall_text_href{
        margin: 20px 0;
    }
    #bo_gall .bo_tit{
        font-size: 18px;
    }
    #bo_gall .gall_info .gall_date{
        font-size: 13px;
    }

    /*prd*/
    .prd#bo_gall .gall_row .gall_li{
        height: 360px;
    }
    .prd#bo_gall .gall_text_href{
        margin: 30px 0 0 ;
    }
    .prd-num > span{
        font-size: 13px;
        border: 1px solid #E10314;
    }


    /*prd-detail*/
    .prd-detail .cat-set .bo_v_cate > span{
        font-size: 16px;
    }
    #bo_v.prd-detail #bo_v_title .bo_v_tit{
        font-size: 42px;
    }
    .prd-detail .content .inset .item-box.commu .item{
        gap: 30px;
    }

    /*notice*/
    .tbl_head01 thead th{
        padding: 10px 50px;
    }
    .notice#bo_v .sec-top{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .notice #bo_v_title .bo_v_tit{
        text-align: left;
    }


}



@media (max-width: 1366px){
    /*main*/
    .main-prd .prd-ot .img-wrap {
        margin-top: 100px;
    }
}

@media (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5){
		/*rnd*/
    .rnd.sub-con-wrap .inner .con-wrap .titset{
        padding: 0 50px;
    }
    .rnd .content.ty3, 
    .rnd .content.ty4{
        height: 600px;
    }
    .rnd .content.ty3 .inset, 
    .rnd .content.ty4 .inset{
        height: 350px;
    }
    .rnd .content.ty3 .inset .item-box, 
    .rnd .content.ty4 .inset .item-box{
        padding: 100px 70px 0;
    }
	.rnd .content.ty3 .inset .item-box .item .box.imgset > img, .rnd .content.ty4 .inset .item-box .item .box.imgset > img{
		height: inherit
	}
	.cert#bo_gall.gal2 .gall_text_href{
		padding: 0 4vw
	}
	
}

@media (max-width: 1024px),
(max-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5){
    /*commin*/
    .header .inner .logo > a,
    .footer .inner #logo.logo > a{
        width: 110px;
    }

    .hd2{
        font-size: 50px;
    }
    .hd3{
        font-size: 40px;
    }
    .hd4{
        font-size: 32px;
    }
    .hd5{
        font-size: 28px;
    }
    .header .inner #logo.logo, 
    .footer .inner #logo.logo > a{
        width: 90px;
    }
    .btnset .btn{
        font-size: 11px;
    }
    p, th, td{
        font-size: 15px;
        line-height: 1.4;
    }

    /*header*/
    #hd_wrapper.header{
        height: 60px;
    }
    .header .inner .nav{
        display: none;
    }

    /*footer*/
    .footer #ft_wr #ft_company .box .inner .ft-info-set{
        margin: 0 20px ;
    }

    /*fullmenu*/
    .hd-ot aside .aside-wrap .menuset .nav .upper{
        font-size: 20px;
    }
    .hd-ot aside .aside-wrap .menuset .nav .under .dp2 > li > a{
        font-size: 16px;
    }
    

    /*main*/
    .main-prd .title-wrap{
        width: 32vw;
    }
    .slider-wrap .swiper-container.slider-thumbnail{
        width: 100%;
        max-width: 100%;
        height: 7vw;
    }
    .en .main-about .about-ot p > br{
        display: none;
    }
    .main-global .itembox-ot.on .tit-box{
        top: 100px;
    }
    .en .main-global.section .titset{
        width: 70%;
        margin: 20px auto 20px;
    }
    .en .main-global .itembox-ot .titset{
        width: 100%;
        margin: 40px 0 20px;
    }
    .main-count .box .inner .titset{
        margin: 0 0 80px;
    }
    .main-count .box .inner .conset .conbox .countset .count-num{
        font-size: 60px;
    }
    .en .main-media .inner .titbox .hd3 > br{
        display: none;
    }
    .main-media .inner .conbox{
        margin: 0;
        justify-content: center;
    }
    .my_instagram{
        gap: 3px;
    }


    /*sub*/
    /*sub 공통*/
    .wh-in, 
    #bo_v.prd-detail header,
    .prd-detail .markset .cert-mark,
    .sub-con-wrap .inner .con-wrap .titset, 
    .sub-con-wrap .inner .con-wrap .content{
        max-width: inherit;
    }
    .wh-in, 
    #bo_v.prd-detail header,
    .prd-detail .markset .cert-mark,
    .global.sub-con-wrap .inner .con-wrap .titset{
        padding: 0 50px;
    }
    .sub-top-wrap{
        padding-top: 150px;
    }
    .sub-con-wrap .inner .con-wrap{
        padding-top: 100px;
    }
    .sub-top-wrap .tit-ot .sub-title{
        padding-bottom: 40px;
    }
    .sub-pc-bg{
        height: 380px;
    }
    .mtxt{
        font-size: 18px;
    }

    /*about*/
    .about .wh-in, .about .message .titset, .about.sub-con-wrap .inner .con-wrap .content{
        max-width: inherit;
    }
    .about .content.mp, .about .message .titset, .about .message .item.bottom, .sub-con-wrap.about .inner .content.info .inset, .sub-con-wrap.about .inner .content.motto .inset .con-in{
        padding: 0 50px 0 150px;
    }
    .sub-con-wrap.about .inner .content.mp .inset .item-box {
        gap: 170px 80px;
    }
    .sub-con-wrap.about .inner .content.message .inset .item.top.bg .item-in .ceo-hd{
        padding: 0 50px;
    }
    .sub-con-wrap.about .inner .content.message .inset .item.top.bg .item-in .ceo-hd .titset{
        padding-left: 0;
    }
    .sub-con-wrap.about .inner .content.message .inset .item.top.bg{
        padding-top: 70px;
    }
    .sub-con-wrap.about .inner .content.message .inset .item.top.bg .bg-imgset {
        bottom: 35px;
    }
    .sub-con-wrap.about .inner .content.message .inset .item.top.bg .item-in .ceo-hd .ceo-imgset .ceo-img{
        max-width: 220px;
    }
    .sub-con-wrap.about .inner .content.motto .inset .titset{
        max-width: inherit;
    }
    .sub-con-wrap.about .inner .content.motto .inset{
        overflow: hidden;
    }
    .diagram li{
        height:202px;
    }
    .diagram li:before{
        width: calc(100% + 3px);  
    }
    .diagram li .item .ico{
        width: 36px;
        height: 36px;
    }
    .diagram li .item .ico.ty2 {
        background-position: -36px;
    }
    .diagram li .item .ico.ty3 {
        background-position: -72px;
    }
    .en .fixed-menu{
        width: 150px;
    }
    .en .fixed-menu a:before{
        width: 15px;
    }
    .en .fixed-menu a{
        padding-left: 20px;
    }

    /*history*/
    .history .timeline .pic{
        min-width: 30%;
    }
    .history .timeline .cont{
        padding-left: 30%;
    }
    .history .timeline.ty2 .cont ul li{
        width: 68%
    }
    .history.sub-con-wrap .inner .con-wrap .titset{
        max-width: inherit;
        padding-left: 100px;
    }


    /*business*/
    .percentage-box .item-box .cirbox .cir.num1{
        top: 13%;
    }
    .percentage-box .item-box .cirbox .cir.num3{
        top: 4%;
    }


    /*board*/
    #bo_cate a{
        font-size: 14px;
    }
    #bo_gall, 
    #bo_v, 
    #bo_w, 
    #bo_list{
        max-width: inherit;
        padding: 70px 100px 100px;
    }
    /*cert*/
    #bo_gall .gall_row .gall_li{
        width: 32%;
    }
    #bo_gall .gall_row .gall_li:nth-child(4),
    #bo_gall .gall_row .gall_li:nth-child(7){
        margin-left: 0;
    }
    #bo_gall .gall_row .gall_li:nth-child(5), 
    #bo_gall .gall_row .gall_li:nth-child(9){
        margin-left: 2%;
    }
    .gall_row .box_clear{
        clear: inherit;
    }
    #bo_gall.gal2 .bo_tit{
        font-size: 17px;
    }
    #bo_gall .gall_text_href a.bo_cate_link{
      
    }
    .pg_wrap{
        margin-top: 20px;
    }

    #bo_gall.gal2 .gall_text_href{
        width: 22vw;
    }

    /*prd*/
    .prd #bo_cate_ul{
        grid-template-columns: repeat(4, 1fr);
    }
    /* .prd #bo_cate_ul > li:nth-child(5),
    .prd #bo_cate_ul > li:nth-child(10),
    .prd #bo_cate_ul > li:nth-child(15){
        border-right: 1px solid #CDC5C5;
    }
    .prd #bo_cate_ul > li:nth-child(11),
    .prd #bo_cate_ul > li:nth-child(12){
        border-bottom: 1px solid #CDC5C5;
    }
    .prd #bo_cate_ul > li:nth-child(4),
    .prd #bo_cate_ul > li:nth-child(8),
    .prd #bo_cate_ul > li:nth-child(12){
        border-right: 0;
    }
    .prd #bo_cate li:nth-child(4) a {
        border-top-right-radius: 5px
    }
    .prd #bo_cate li:nth-child(5) a {
        border-top-right-radius: 0
    }
    .prd #bo_cate li:nth-child(11) a {
        border-bottom-left-radius: 0
    }
    .prd #bo_cate li:nth-child(13) a {
        border-bottom-left-radius: 5px
    }
    .prd #bo_cate li:nth-child(15) a {
        border-bottom-right-radius: 0
    } */

    /*prd-detail*/
    .prd-detail#bo_v{
        padding-left: 0;
        padding-right: 0;
    }
    .prd-detail.sub-con-wrap .inner .con-wrap .content.ty1 {
        padding:0 100px
    }
    .prd-detail#bo_v.wh-full .bo_v_nb{
        margin: 0 50px;
    }
    .vr360 .around-tag{
        display: none;
    }
    .prd-detail .cat-set .prd-num > span{
        font-size: 16px;
    }
    .prd-detail .content .inset .item-box.commu{
        margin-top: 70px;
    }
    .prd-detail .content .inset .item-box.commu .item .box{
        padding: 10px;
        gap:15px
    }
    .prd-detail .content.ty2 .inset .item-box .item .p-table {
        width: 100%;
        overflow: auto;
        white-space: nowrap;
    }
    
    



    /*notice*/
    /*view*/
    #bo_v_title .bo_v_tit{
        /*font-size: 27px;*/
    }
    #bo_v_con{
        font-size: 16px;
    }
    .bo_v_nb li{
        font-size: 15px;
    }

    /*inquiry*/
    .inquiry.sub-con-wrap .inner .con-wrap .content{
        padding: 0 100px;
    }

}

@media (max-width: 1023px){
    /*common*/
    th, td {
        font-size: 14px;
        padding: 10px 15px;
    }
    /*sub 공통*/
    .wh-in, 
    .sub-con-wrap .inner .con-wrap .titset, 
    .sub-con-wrap .inner .con-wrap .content{
        max-width: inherit;
    }
    .sub-con-wrap.business .inner .con-wrap .content{
        padding: 0 100px;    
    }
    /*sub about mottom*/
    .sub-con-wrap.about .inner .content.motto .inset .con-in{
        flex-direction: column;
    }
    .sub-con-wrap.about .inner .content.motto .inset .titset{
        margin:0 0 50px 0;
    }
    .sub-con-wrap.about .inner .content.motto .inset .item-box .diagram{
        width: 75.3vw;
    }
    .diagram li{
        width: 24.6vw;
        height: 24.6vw;
    }

    /*history*/
    .history .timeline .pic{
        min-width: 20%;
    }
    .history .timeline .cont{
        padding-left: 20%;
    }
    .history.sub-con-wrap .inner .con-wrap .titset{
        padding-left: 50px;
    }
    .sub-con-wrap .inner .titset + .content, 
    .sub-con-wrap.business .inner .con-wrap{
        padding-top: 60px;
    }

    /*business*/
    .percentage-box .item-box .item{
        flex-direction: column;
        gap: 0;
    }
    .business .inner .inset > div + div{
        margin-top: 50px;
    }
    .percentage-box .item-box .titbox{
        width: 100%;
    }
    .percentage-box .item-box .cirbox{
        width:400px
    }
    .percentage-box .item-box .item .cirbox-ot{
        display: flex;
        justify-content: flex-end;
        margin-top: -50px;
    }
    .percentage-box .item-box .cirbox .cir.num1{
        left: inherit;
        right: 2%;
        top: 18%;
        width: 33%;
    }
    .percentage-box .item-box .cirbox .cir.num2{
        left: inherit;
        right: 33%;
        width: 55%;
    }
    .percentage-box .item-box .cirbox .cir.num3 {
        top: 6%;
        left: inherit;
        right: 40%;
        width: 33%;
    }
    .percentage-box .item-box .cirbox .cir.num4{
        width:23%;
        top: 55%;
    }
    .percentage-box .item-box .cirbox .cir.num5{
        right: 8%;
        width: 23%;
    }
    .percentage-box .item-box .cirbox .cir.num6{
        width: 23%;
        left: 0;
        right: inherit;
        bottom: 52%;
    }
    /*rnd*/
    .rnd.sub-con-wrap .inner .con-wrap .titset{
        padding: 0 50px;
    }
    .rnd .content.ty3, 
    .rnd .content.ty4{
        height: 450px;
    }
    .rnd .content.ty3 .inset, 
    .rnd .content.ty4 .inset{
        height: 320px;
    }
    .rnd .content.ty3 .inset .item-box, 
    .rnd .content.ty4 .inset .item-box{
        padding: 70px 50px 0;
    }
    .rnd .content.ty1 .inset .item-box{
        flex-direction: column;
    }
    .rnd .content.ty1 .inset .item-box .item .box.ty2{
        align-items: flex-start;
    }
    .rnd .content.ty1 .inset .item-box .item .box.ty2 .box-in .num{
        margin-right: 0;
    }
    .rnd .content.ty1 .inset .item-box .item .box.ty2 .box-in:nth-child(2){
        flex: none;
    }
    .sub-con-wrap.rnd .inner .con-wrap .content.ty2{
        margin-top: 70px;
    }
    .rnd .content.ty2{
        height: 380px;
    }
    .rnd .content.ty3 .inset .item-box .item, 
    .rnd .content.ty4 .inset .item-box .item{
        gap: 40px;
    }

   
    .rnd .content.ty3, 
    .rnd .content.ty4{
        position:inherit;
        height: inherit;
        padding-top: 0;
    }
    .rnd .content.ty3 .inset, 
    .rnd .content.ty4 .inset{
        position: inherit;
        height: inherit;
    }
    .rnd .content.ty3 .inset .item-box, 
    .rnd .content.ty4 .inset .item-box{
        padding: 70px 50px;
    }

    

    /*board*/
    #bo_gall, #bo_v, #bo_w, #bo_list{
        padding: 70px 50px 100px;
    }
    /*notice*/
    .tbl_head01 thead th{
        padding: 15px 25px;
    }
    /*view*/
    #bo_v_title .bo_v_tit{
        font-size: 32px;
    }
    #bo_v_con{
        font-size: 15px;
    }
    .bo_v_nb li{
        font-size: 14px;
    }

    /*prd*/
    .prd #bo_cate_ul{
        grid-template-columns: repeat(3, 1fr);
    }

    /* .prd #bo_cate_ul > li:nth-child(11),
    .prd #bo_cate_ul > li:nth-child(12){
        border-bottom: 0;
    }
    .prd #bo_cate_ul > li:nth-child(7),
    .prd #bo_cate_ul > li:nth-child(10),
    .prd #bo_cate_ul > li:nth-child(15){
        border-right: 0;
    }

    .prd #bo_cate_ul > li:nth-child(10){
        border-bottom: 1px solid #dad6d6;
    }
    .prd #bo_cate_ul > li:nth-child(3),
    .prd #bo_cate_ul > li:nth-child(6),
    .prd #bo_cate_ul > li:nth-child(5),
    .prd #bo_cate_ul > li:nth-child(8),
    .prd #bo_cate_ul > li:nth-child(9),
    .prd #bo_cate_ul > li:nth-child(12){
        border-right:1px solid #dad6d6;
    }
    .prd #bo_cate li:nth-child(3) a {
        border-top-right-radius: 5px
    }
    .prd #bo_cate li:nth-child(4) a {
        border-top-right-radius: 0
    }
    .prd #bo_cate li:nth-child(15) a {
        border-bottom-right-radius: 5px
    }
    .prd#bo_gall .gall_row .gall_li{
        height: 320px;
    } */
    /*prd-detail*/
    .prd-detail.sub-con-wrap .inner .con-wrap{
        padding-bottom:50px;
    }
    .prd-detail .cat-set .bo_v_cate > span{
        font-size: 14px;
    }
    #bo_v.prd-detail #bo_v_title .bo_v_tit{
        font-size: 38px;
    }
    .prd-detail iframe{
        height: 550px;
    }
    .prd-detail iframe{
        padding-bottom: 50px;
    }
    .prd-detail .content .inset .item-box.commu .item .box .video-set > iframe{
        padding-bottom: 0;
    }
    .prd-detail .content.ty2 .inset .item-box:first-child{
        padding: 50px 0;
    }
    .vr360 .around-tag{
        width: 80px;
        height: 80px;
    }
    .vr360 .play-btn .btn-play{
        font-size: 16px;
        padding: 8px 28px;
    }
    .vr360 .play-btn .stxt{
        font-size: 14px;
    }
    .prd-detail .content.ty2 .inset .item-box .item .box .txt-list > li{
        font-size: 16px;
    }
    .prd-detail .content.ty2 .inset .item-box .item .box .txt-list > li + li{
        margin-top: 7px;
    }
    .prd-detail .content.ty2 .inset .item-box .item .box .img-list, 
    .prd-detail #bo_v_con .content.ty2 .inset .item-box .item .box .img-list{
        gap:5px
    }
    .prd-detail .content.ty2 .inset .item-box .item .box .img-list > li .txtset > span{
        font-size: 14px;
    }
    .prd-detail .content.ty2 .inset .item-box .item .box .img-list > li .txtset{
        padding: 3px 7px;
    }
    .prd-detail .content.ty2 .inset .item-box .item .p-table{
        padding-top: 70px;
    }
    .prd-detail .content.ty2 .inset .item-box .item .p-table > table >thead > tr > th{
        font-size: 14px;
    }





}

@media (max-width: 1024px) and  (-webkit-min-device-pixel-ratio: 1.5){
    .sub-con-wrap.business{
        padding: 0 50px;
    }
    /*rnd*/
    .rnd.sub-con-wrap .inner .con-wrap .titset{
        padding: 0 50px;
    }
    .rnd .content.ty3, 
    .rnd .content.ty4{
        height: 450px;
    }
    .rnd .content.ty3 .inset, 
    .rnd .content.ty4 .inset{
        height: 320px;
    }
    .rnd .content.ty3 .inset .item-box, 
    .rnd .content.ty4 .inset .item-box{
        padding: 70px 50px 0;
    }
	.rnd .content.ty3 .inset .item-box .item .box.imgset > img, .rnd .content.ty4 .inset .item-box .item .box.imgset > img{
		height: inherit
	}
	.cert#bo_gall.gal2 .gall_text_href{
		padding: 0 
	}
	
	
  
    
}

@media (max-width: 768px), 
(max-width: 1023px) and  (-webkit-min-device-pixel-ratio: 1.5){
    /*commin*/
    th, td{
        padding: 7px 10px;
    }
    .hd2{
        font-size: 6.25vw;
    }
    .hd3{
        font-size: 40px;
    }
    .hd4{
        font-size: 28px;
    }
    .en .hd4{
        font-size: 25px;
    }
    .hd5{
        font-size: 25px;
    }
    .hd6{
        font-size: 22px;
    }
    #hd_wrapper.header, 
    #ft.footer .ft_cnt{
        padding: 0 20px;
    }
    .header .inner #logo.logo, 
    .footer .inner #logo.logo > a{
        width: 90px;
    }

    /*header*/
    #hd_wrapper.header{
        height: 70px;
    }
    .header .inner .logo > a,
    .footer .inner #logo.logo > a{
        width: 100px;
    }
    


    /*footer*/
    .footer #ft_wr #ft_link > ul{
        padding: 10px 0;
    }
    .footer #ft_wr #ft_link > ul > li > a{
        font-size: 12px;
    }
    .footer #ft_wr #ft_company .box .inner{
        flex-direction: column;
        align-items: flex-start;
    }
    .footer #ft_wr #ft_company .box .inner .ft-info-set{
        margin-left: 0;
        margin-top: 20px;
    }
    .footer #ft_wr #ft_company .box{
        padding: 10px 0;
    }
    .footer #ft_wr #ft_company .box .inner .ft-info-set{
        margin-top: 10px;
    }
    .footer #ft_wr #ft_company .box .inner .ft_info > li{
        display: block;
    }
    .footer #ft_wr #ft_company .box .inner .ft_info > li + li{
        margin-left: 0;
    }
    .footer #ft_wr #ft_company .box .inner .ft_info > li, 
    .footer #ft_wr #ft_company .box .inner .ft-info-set .copy{
        font-size: 12px;
        line-height: 1.5;
    }

    /*main*/
    .main-banner .banner-inner .banner.ty2 .banner-bg{
        background: url(../img/main/main-banner-02-m.jpg)no-repeat center/cover;
        height: 100%;
    }
    .main-banner .banner-inner .banner.ty3 .banner-bg{
        background: url(../img/main/main-banner-03-m.jpg)no-repeat center/cover;
        height: 100%;
    }
    .main-banner .banner-inner .banner.ty4 .banner-bg{
        background: url(../img/main/main-banner-04-m.jpg)no-repeat center/cover;
        height: 100%;
    }
    .main-banner .banner-inner .banner .titset{
        padding: 0 50px;
    }
    .main-banner .banner-inner .banner .titset .mtxt{
        padding: 0 70px;
    }
    .pagination{
        bottom: 33%;
    }
    .swiper-pagination{
        margin-top: 0;
    }
    .curve{
        width: 140%;
        bottom: -280px
    }
    .main-prd{
        background: url(../img/main/prd-bg-m.jpg)no-repeat;
        background-position: bottom;
        background-size: 100%;
        padding-left: 0;
    }
    .main-prd .prd-ot{
        display: flex;
        flex-direction: column;
        padding: 60px 50px 0;
    }
    .main-prd .prd-ot .title-wrap{
        flex: 1.2;
    }
    .main-prd .prd-ot .prd-img{
        flex: 1.2;
    }
    .main-prd .prd-ot .img-wrap.thumb{
        flex: .6;
    }
    .main-prd .title-wrap{
        width: 100%;
    }
    .main-prd .slider-title .swiper-slide{
        align-items: center;
        justify-content: center;
    }
    .main-prd .titset{
        text-align: center;
    }
    .prd-img .swiper-slide > img{
        margin-bottom: 0;
    }
    .main-prd .btnset{
        text-align: center;
        /*margin-top: 30px;*/
    }
    .main-prd .prd-ot .img-wrap.prd-img{
        margin-top: 50px;
    }
    .main-prd .prd-ot .img-wrap.thumb{
        margin-top: 20px;
    }
    .img-wrap.thumb .case1,
    .img-wrap.thumb .case1 .slider-wrap{
        width: 100%;
    }
    .slider-wrap .swiper-container.slider-thumbnail{
        height: 12vw;
        width: 70%;
        max-width: 70%;
        margin: 0 auto;
    }
    .slider-wrap .swiper-container.slider-thumbnail .thumb-set > img{
        padding: 20px;
    }
    .prd-img .swiper-slide:nth-child(1) > img{
        width: 80%;
        max-width: 80%;
        margin: 0 auto;
    }
    .main-about .about-ot p{
        padding: 0 50px;
    }
    .main-about .about-ot p > br{
        display: none;
    }
    .main-global .bg .img-mb{
        display: block;
        width: 130px;
    }
    .main-global .bg .img-pc{
        display: none;
    }
    .main-global .itembox-ot.on .tit-box{
        top: 200px;
    }
    .main-count {
        background: url(../img/main/count-bg-m.jpg)no-repeat center/cover;
    }
    .main-count .box .inner .titset{
        margin-top: 40px;
    }
    .main-count .box .inner .conset{
        flex-direction: column;
        gap:20px
    }
    .main-count .box .inner .conset .conbox{
        display: grid;
        grid-template-columns: 170px 1fr;
        align-items: center;
        text-align: left;
    }
    .main-count .box .inner .conset .conbox .txtset{
        grid-column: 2/4;
        grid-row: 1/3;
        margin-top: 15px;
    }
    /*en count*/
    .en .main-count .box .inner{
        margin: 0 20px;
    }
    .main-media .inner{
        flex-direction: column;
        justify-content: center;
        gap: 50px;
        padding-top: 0;
    }
    .main-media .inner .hd3 > br{
        display: none;
    }
    .my_instagram li{
        width: 17.2vw;
        height: 17.2vw;
    }
    .main-media .inner .conbox .box-in .con-ot .conset .video-con > iframe{
        width: 100%;
        height: 16vw;
    }
    .main-media .inner .conbox {
        gap:50px
    }



    /*sub*/
    /*sub 공통*/
    /* .sub-top-wrap .tit-ot{
        padding: 0 60px;
    } */
    .sub-top-wrap .tit-ot .sub-title{
        padding: 0 60px 40px;
    }
    .tab-ot > div .upperbtn{
        padding: 0 15px;
    }
    .tab-ot .upper-menu-set .locm > li > a, 
    .tab-ot .location-menu-set .locm > li > a, 
    .tab-ot .upper-menu-set .locm-in > li > a, 
    .tab-ot .location-in-menu-set .locm-in > li > a{
        padding: 10px 15px;
    }
    .tab-ot > div .upperbtn::after{
        margin-left: 37px;
    }

    .tab-ot .location-menu-set .locm{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }
    .tab-ot .location-menu-set .locm > li > a{
        text-align: left;
    }
    


    /*about*/
    .about .content.mp, .about .message .titset, .about .message .item.bottom, .sub-con-wrap.about .inner .content.info .inset, .sub-con-wrap.about .inner .content.motto .inset .con-in{
        padding: 0 50px;
    }
    .sub-con-wrap.about .inner .content.mp .inset .item-box{
        gap: 100px 50px
    }
    .sub-con-wrap.about .inner .content.message{
        padding-top: 70px;
    }
    .sub-con-wrap.about .inner .content.message .inset .item.top.bg .item-in .ceo-hd .ceo-imgset{
        flex: .7;
    }
    .sub-con-wrap.about .inner .content.message .inset .item.top.bg .item-in .ceo-hd .ceo-imgset .ceo-img{
        max-width: 200px;
    }
    .sub-con-wrap.about .inner .content.message .inset .item.top.bg .item-in .ceo-hd .titset{
        padding-right: 0;
    }
    .about .message .item.bottom{
        padding: 0 100px;
    }
    .sub-con-wrap.about .inner .content.message .inset .item.bottom .txtset{
        flex-direction: column;
    }
    .sub-con-wrap.about .inner .content.message .inset .item.bottom .txtset .stxt-box + .stxt-box::before{
        display: none;
    }
    .sub-con-wrap.about .inner .content.message .inset .item.bottom .txtset .stxt-box + .stxt-box{
        padding-left: 0;
        padding-top: 30px;
    }
    .sub-con-wrap.about .inner .content.message .inset .item.bottom .txtset .stxt-box .stxt + .stxt{
        padding-top: 30px;
    }
    .sub-con-wrap.about .inner .content.motto .inset .item-box{
        padding: 0 0 0 4.5vw;
    }
    .sub-con-wrap.about .inner .content.motto .inset .item-box .diagram{
        width: 74vw;
    }
    .diagram li{
        padding: 10px;
    }
    /*fixed menu*/
    .fixed-menu,
    .en .fixed-menu{
        flex-direction: row;
        width: 100%;
        background: #fff;
        border-bottom: 1px solid #ddd;
        padding: 0;
        justify-content: center;
    }
    .fixed-menu a{
        padding:20px;
    }
    .fixed-menu a:before,
    .en .fixed-menu a:before{
        width: 100%;
        top: inherit;
        bottom: 0;
    }
    .fixed-menu a + a{
        margin-top: 0;
    }
    /*business*/
    .sub-con-wrap.business .inner .con-wrap .content{
        padding: 0;
        overflow: hidden;
    }
    .percentage-box .item-box .cirbox{
        top: -30px;
    }

    /*global*/
   /* .sub-con-wrap.global .tableset .g-table > tbody > tr > td:first-child{
        min-width: 150px;
    }*/

    /*rnd*/
    .rnd .content.ty3, 
    .rnd .content.ty4{
        height: inherit;
        padding-top: 0;
        position: inherit;
    }
    .rnd .content.ty3 .inset, 
    .rnd .content.ty4 .inset{
        height: inherit;
        position: inherit;
    }
    .rnd .content.ty4 .inset{
        background: transparent;
    }
    .rnd .content.ty3 .inset .item-box, 
    .rnd .content.ty4 .inset .item-box{
        padding: 100px 50px;
    }
    .rnd .content.ty4 .inset .item-box .item .box.imgset{
        padding: 10px;
    }
    .percentage-box .item-box .titbox .tit-in .txtset .stxt{
        width: 55%;
    }
    .rnd .content.ty3 .inset .item-box .item .box.imgset > img, .rnd .content.ty4 .inset .item-box .item .box.imgset > img{
		height: 100%
	}


    /*board*/
    #bo_gall, 
    #bo_v, 
    #bo_w, 
    #bo_list{
        max-width: inherit;
        padding: 50px 50px 70px;
    }
    #bo_gall.gal2 .gall_text_href{
        width:38vw
    }

    /*cert*/
    #bo_gall.gal2 .bo_tit{
        padding-top: 3px;
        line-height: normal;
    }
    /*news*/
    #bo_gall.news .gall_row .gall_li{
        width: 48%;
    }
    #bo_gall.news .gall_row .gall_li:nth-child(2),
    #bo_gall.news .gall_row .gall_li:nth-child(4),
    #bo_gall.news .gall_row .gall_li:nth-child(6),
    #bo_gall.news .gall_row .gall_li:nth-child(8){
        margin-left: 4%;
     }
     #bo_gall.news .gall_row .gall_li:nth-child(3), 
     #bo_gall.news .gall_row .gall_li:nth-child(5),
     #bo_gall.news .gall_row .gall_li:nth-child(7), 
     #bo_gall.news .gall_row .gall_li:nth-child(9){
        margin-left: 0;
     }
     #bo_gall.news .bo_tit {
        width: 36.23vw;
    }


    /*prd*/
    .prd#bo_gall .gall_row .gall_li{
        width: 50%;
    }
    .prd#bo_gall .gall_row .gall_li:nth-child(1),
    .prd#bo_gall .gall_row .gall_li:nth-child(4),
    .prd#bo_gall .gall_row .gall_li:nth-child(5),
    .prd#bo_gall .gall_row .gall_li:nth-child(8),
    .prd#bo_gall .gall_row .gall_li:nth-child(9),
    .prd#bo_gall .gall_row .gall_li:nth-child(12),
    .prd#bo_gall .gall_row .gall_li:nth-child(13){
        background: #ebebeb;
    }
    .prd#bo_gall .gall_row .gall_li:nth-child(2),
    .prd#bo_gall .gall_row .gall_li:nth-child(3),
    .prd#bo_gall .gall_row .gall_li:nth-child(6),
    .prd#bo_gall .gall_row .gall_li:nth-child(7),
    .prd#bo_gall .gall_row .gall_li:nth-child(10),
    .prd#bo_gall .gall_row .gall_li:nth-child(11),
    .prd#bo_gall .gall_row .gall_li:nth-child(14),
    .prd#bo_gall .gall_row .gall_li:nth-child(15){
        background: #f5f5f5;
    }
    .prd#bo_gall .gall_row .gall_li {
        height: 400px;
        padding: 20px 20px 30px;
    }
	.prd#bo_gall .bo_tit{
		width: 41vw
	}

    /*prd-detail*/
    .prd-detail#bo_v{
        padding-left: 0;
        padding-right: 0;
    }
    .prd-detail iframe{
        height: 500px;
    }
    .prd-detail.sub-con-wrap .inner .con-wrap .content.ty1{
        padding: 0 ;
    }
    .vr360 .play-btn .btn-play{
        font-size: 14px;
    }
    .vr360 .around-tag .around-tag-txt{
        font-size: 14px;
    }
    .prd-detail .content.ty2 .inset .item-box .item{
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }
    .prd-detail #bo_v_con ul.txt-list,
    .prd-detail #bo_v_con ul.img-list{
        padding-left: 0;
    }
    .prd-detail .inner .con-wrap .content.imgset .inset .item-box .around{
        bottom: -40px;
    }
    .prd-detail .cat-set .prd-num > span{
        font-size: 14px;
    }
    .prd-detail .content.ty2 .inset .item-box .item .box .img-list > li .titset .tit{
        font-size: 16px;
    }
    .prd-detail #bo_v_con .content.ty2 .inset .item-box.ty3 .item .box .img-list{
        grid-template-columns: repeat(2, 1fr);
    }
    .prd-detail .content.ty2 .inset .item-box .item .box .img-list > li.single .imgset, 
    .prd-detail .content.ty2 .inset .item-box .item .box .img-list > li.single .txtset {
        width: 100%;
    }
    .prd-detail .content.ty2 .inset .item-box .item .box .img-list.ty3, 
    .prd-detail #bo_v_con .content.ty2 .inset .item-box .item .box .img-list.ty3{
        width: 100%;
    }
    .prd-detail .content.ty2 .inset .item-box .item.center{
        align-items: center;
    }



    
    /*news*/
    #bo_gall .bo_tit{
        padding-top: 0;
    }
    #bo_gall .gall_row .gall_li{
        padding: 10px 10px 15px;
    }
    #bo_gall .gall_text_href{
        margin: 15px 0 10px;
    }
    


    /*inquiry*/
    .sub-con-wrap .inner .con-wrap{
        padding-top: 70px;
    }
    .inquiry.sub-con-wrap .inner .con-wrap .content{
        padding: 0 50px;
    }

    /*catalog*/
    #bo_gall.gal2 .gall_con{
        padding: 10px;
    }
    #bo_gall .gall_row .gall_li:nth-child(4), 
    #bo_gall .gall_row .gall_li:nth-child(7),
    #bo_gall .gall_row .gall_li:nth-child(10) {
        margin-left: 0;
    }



}

@media (max-width: 768px){
    
    /*fullmenu*/
    .hd-ot aside .aside-wrap .menuset .top-btnset{
        padding: 0 20px;
        height: 70px;
    }
    .hd-ot aside .aside-wrap{
        flex-direction: column-reverse;
        /*height: 100%;*/
    }
    .hd-ot aside .aside-wrap .menuset .menu-box{
        margin-top:10.42vw;
    }
    .hd-ot aside .aside-wrap .bgset{
        transform: rotate(-90deg);
    }
    .hd-ot aside .aside-wrap .bgset .bg{
        background: url(../img/fullmenu-bg-m.jpg) no-repeat 0 0;
    }
    .hd-ot aside .aside-wrap .curve {
        height: 100%;
        width: 145px;
        right: -12%;
    }
    .hd-ot aside .aside-wrap .menuset .nav .nav-list > li{
        gap:50px;
        flex-direction: row;
        align-items: center;
    }
    .hd-ot aside .aside-wrap .menuset .nav .nav-list > li + li{
        margin-top: 5.21vw;
    }
    .hd-ot aside .aside-wrap .menuset .nav .upper{
        font-size: 24px;
    }


    
}

@media (max-width: 767px){
    /*common*/
    th, td{
        font-size: 13px;
        padding: 5px 8px;
    }
    .en .hd5{
        font-size: 24px;
        letter-spacing: -.5px;
    }
    /*fullmenu*/
    .hd-ot aside .aside-wrap{
        height: 100%;
    }
    .hd-ot aside .aside-wrap .bgset-ot{
        display: none;
    }
    .hd-ot aside .aside-wrap .menuset .menu-box{
        margin-top: 0;
        display: inherit;
    }
    .hd-ot aside .aside-wrap .menuset .menu-box .upper-bg{
        width: 140px;
        background: #f5f5f5;
        position:absolute;
        top: 70px;
        left: 0;
        height: 100%;
        z-index: -1;
    }
    .hd-ot aside .aside-wrap .menuset .nav .upper{
        padding: 15px 0 15px 15px;
        width: 140px;
        font-size: 18px;
    }
    .hd-ot aside .aside-wrap .menuset .nav .nav-list > li{
        display: inherit;
        /*position: relative;*/
    }
    .hd-ot aside .aside-wrap .menuset .nav .nav-list > li.on .upper{
        background: #E10314;
        color:#fff
    }
    .hd-ot aside .aside-wrap .menuset .nav .nav-list > li + li{
        margin-top: 0;
    }
    .hd-ot aside .aside-wrap .menuset .nav .nav-list > li .under{
        display: none;
        position: absolute;
        left: 140px;
        right: 0;
        top: 70px;
    }
    .hd-ot aside .aside-wrap .menuset .nav .nav-list > li.on .under{
        /*display: block;*/
    }
    .hd-ot aside .aside-wrap .menuset .nav .under .dp2{
        flex-direction: column;
        gap: 0px;
    }
    .hd-ot aside .aside-wrap .menuset .nav .under .dp2 > li > a{
        padding: 10px 20px;
        width: 100%;
    }
    .hd-ot aside .aside-wrap .menuset .nav .under .dp3.prd{
        grid-template-columns: 1fr;
    }
    .hd-ot aside .aside-wrap .menuset .nav .under .dp3.prd > li{
        padding: 0px 20px;
    }
    .hd-ot aside .aside-wrap .menuset .nav .under .dp2.ty2{
        display: flex;
        flex-direction: column;
        gap: 0;
    }
    .en.hd-ot aside .aside-wrap .menuset .nav .under .dp2 > li > a{
        font-weight: normal;
    }


    .wh-in, 
    #bo_v.prd-detail header, 
    .prd-detail .markset .cert-mark, 
    .global.sub-con-wrap .inner .con-wrap .titset {
        padding: 0 20px;
    }


    /*business*/
    .business.sub-con-wrap .inner .con-wrap .titset .hd6 > br{
        display: none;
    }

    /*.global .tableset{
        width: 100%;
        overflow: auto;
    }
    .sub-con-wrap.global .tableset .g-table > thead > tr, 
    .sub-con-wrap.global .tableset .g-table > tbody > tr > td{
        white-space: nowrap;
    }*/
    .sub-con-wrap.global .tableset .g-table > thead > tr{
        white-space: nowrap;
    }


    /*rnd*/
    .rnd.sub-con-wrap .inner .con-wrap .titset .hd5 > br{
        display: none;
    }
    .rnd .content.ty2 .inset .item-box .item{
        flex: .8;
    }
    .rnd .content.ty3 .inset .item-box .item{
        flex-direction: column;
    }
    .rnd .content.ty4 .inset .item-box .item{
        flex-direction: column-reverse;
    }
    .percentage-box .item-box .titbox .tit-in .txtset .stxt{
        width: inherit;
    }

    /*board*/
    #bo_gall, #bo_v, #bo_w, #bo_list{
        padding: 50px 20px 70px;
    }
    #bo_cate{
        margin: 10px 0
    }
    #bo_cate a{
        font-size: 14px;
        padding: 3px 15px;
    }
    #bo_gall #gall_ul{
        margin: 0;
        padding-bottom: 20px;
    }
    .pg_current,
    .pg_page{
        font-size: 13px;
        margin: 0;
    }
    .pg_page{
        height: 30px;
        line-height: 30px;
        min-width: 30px;
    }
    /*cert news*/
    #bo_gall .gall_row .gall_li{
        width: 48%;
    }
    #bo_gall .gall_row .gall_li:nth-child(odd){
        margin-left: 0;
    }
    #bo_gall .gall_row .gall_li:nth-child(even){
        margin-left: 4%;
    }
    #bo_gall .gall_row .gall_li:last-child{
        margin-bottom: 0;
    }
    #bo_gall.gal2 .bo_tit{
        padding-top: 3px;
    }
    #bo_gall.gal2 .gall_con{
        padding: 10px;
    }
    #bo_gall .gall_text_href a.bo_cate_link{
        font-size: 11px;
    }
    #bo_gall.gal2 .bo_tit{
        font-size: 15px;
    }
    #bo_gall .gall_row .gall_li{
        margin-bottom:20px;
    }

    /*prd-detail*/
    #bo_v.prd-detail #bo_v_title .bo_v_tit{
        font-size: 32px;
    }
    .prd-detail iframe{
        height: 65vw;
    }
    .prd-detail .content.ty2 .inset .item-box .item .box .img-list > li .txtset > span{
        font-size: 11px;
    }
    .prd-detail .content.ty2 .inset .item-box .item .box .img-list > li .txtset{
        padding: 5px 3px 4px;
    }
    .prd-detail .content.ty2 .inset .item-box .item .p-table{
        width: 100%;
        overflow: auto;
        white-space: nowrap;
    }
    .sub-con-wrap.prd-detail .inner .con-wrap .content.imgset{
        margin: 50px auto 100px;
    }
    .prd-detail .content .inset .item-box.commu .item {
        gap: 20px;
    }


    /*notice*/
    .bo_tit{
        width: 200px;
    }
    .tbl_head01 thead th:first-child,
    .tbl_head01 tbody tr td:first-child{
        display: none;
    }
    .tbl_head01 thead th{
        text-align: left;
    }
    .tbl_head01 thead th{
        padding: 12px 35px;
    }
    #bo_list tbody td{
        padding-left: 25px;

    }
    /*view*/
    #bo_v .sec-top{
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    #bo_v_title .bo_v_tit {
        font-size: 27px;
    }
    .cert #bo_v_title .bo_v_tit {
       /* font-size: 32px;*/
    }
    #bo_v_info strong.if_date{
        font-size: 14px;
    }

    /*prd*/
    .prd #bo_cate_ul{
        grid-template-columns: repeat(2, 1fr);
    }
    /* .prd #bo_cate_ul > li:nth-child(3),
    .prd #bo_cate_ul > li:nth-child(4), 
    .prd #bo_cate_ul > li:nth-child(9),
    .prd #bo_cate_ul > li:nth-child(15) {
        border-right: 1px solid #CDC5C5;
    }

    .prd #bo_cate_ul > li:nth-child(8),
    .prd #bo_cate_ul > li:nth-child(10),
    .prd #bo_cate_ul > li:nth-child(12),
    .prd #bo_cate_ul > li:nth-child(14){
        border-right: 0;
    }
    .prd #bo_cate_ul > li:nth-child(13),
    .prd #bo_cate_ul > li:nth-child(14){
        border-bottom: 1px solid #CDC5C5;
    }
    .prd #bo_cate li:nth-child(2) a{
        border-top-right-radius: 5px;
    }
    .prd #bo_cate li:nth-child(3) a{
        border-top-right-radius: 0
    }
    .prd #bo_cate li:nth-child(13) a{
        border-bottom-left-radius: 0
    }
    .prd #bo_cate li:nth-child(15) a {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 5px;
    } */
    .tab-ot .location-menu-set .locm{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    .location-menu-set .locm > li:nth-child(1),
    .location-menu-set .locm > li:nth-child(2),
    .location-menu-set .locm > li:nth-child(3),
    .location-menu-set .locm > li:nth-child(4),
    .location-menu-set .locm > li:nth-child(5),
    .location-menu-set .locm > li:nth-child(6){
        border-bottom: 1px solid #ccc;
    }


    /*rnd*/
    .rnd .content.ty1 .inset .item-box .item .box.ty2 .box-in .mtxt{
        font-size: 20px;
    }




}



@media (max-width: 600px){

    /*prd*/
    .prd#bo_gall .gall_row .gall_li{
        height: 320px;
    }
    /*prd-detail*/


}

@media (max-width: 580px){

    /*prd-detail*/
    .vr360 .play-btn{
        bottom: -42px;
    }

    /*business*/
    .percentage-box .item-box .cirbox{
        top: 0px;
    }

    /*en*/
    .en.global.sub-con-wrap .inner .con-wrap .titset .hd5 >br{
        display: none;
    }



}


@media (max-width: 480px){
    /*common*/
    .hd2{
        font-size: 8vw;
    }
    .hd3{
        font-size: 27px;

    }
    .en .hd3{
        letter-spacing: -1px;
    }
    .hd4{
        font-size: 22px;
    }
    .hd5{
        font-size: 22px;
    }
    p, th, td{
        font-size: 14px;
    }
    th, td{
        padding: 10px 15px;
    }
    .btnset{
        margin-top: 30px;
    }
    .btnset .btn{
        padding: 8px 12px;
        font-size: 10px;
    }
    .btnset .btn::after{
        width: 13px;
        height: 13px;
    }

    /*footer*/
    .footer #ft_wr .ft_cnt#ft_company{
        flex-direction: column-reverse;
    }


    /*main*/
    .main-banner .banner-inner .banner .titset{
        padding: 0 5px;
    }
    .main-banner .banner-inner .banner .titset .mtxt{
        padding: 0 20px;
        font-size: 15px;
    }
    .curve{
        width: 160%;
        bottom:-295px
    }
    .main-prd .prd-ot{
        padding: 60px 20px 20px;
    }
    .slider-wrap .swiper-container.slider-thumbnail .thumb-set > img{
        padding: 5px;
    }
    .main-prd .btnset{
        margin-top: 30px;
    }
    .section .titset .hd3 > br{
        display: none;
    }
    .main-about .about-ot .logo{
        width: 150px;
    }
    .main-about .about-ot .logo.on{
        width: 70px;
    }
    .section .titset{
        margin: 20px 0 5px;
    }
    .main-about .about-ot p{
        display: none;
    }
    .main-global .titbox-ot .inner .bgtxt-box .bgtxt{
        
    }
    .main-global .titbox-ot{
        padding: 0 20px;
    }
    .section .titset{
        gap: 0;
    }
    .section.main-global .titset{
        margin: 0;
    }
    .main-global .titbox-ot .titset .hd4{
        display: none;
    }
    .main-global .titbox-ot .inner .tit-box .titset .hd4.mb{
        display: inline-block;
    }
    .main-global .bg{
        right: 20px;
        bottom: 20px;
    }
    .main-global .titbox-ot .inner .bgtxt-box .bgtxt {
        font-size: 50px;
        line-height: 55px;
    }
    .main-global .itembox-ot.on .tit-box{
        top: 150px;
        left: 20px;
        right: 20px
    }
    /*en global*/
    .en .main-global .itembox-ot .tit-box .titset .hd3 > br{
        display: none;
    }
    .section.main-global .itembox-ot .titset .hd3 > br{
        display: block;
    }
    .main-count .box .inner .titset{
        margin:0 0 40px;
    }
    .main-count .box .inner .titset .cg{
        font-size: 17px;
    }
    .main-count .box .inner .conset{
        flex-direction: row;
        gap: 50px;
        justify-content: center;
        align-items: center;
    }
    .main-count .box .inner .conset .conbox{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .main-count .box .inner .conset .conbox .txtset{
        display: none;
    }
    .main-count .box .inner .conset .conbox .cgset .cg{
        font-size: 16px;
    }
    .main-count .box .inner .conset .conbox .countset .count-num{
        font-size: 40px;
    }
    /*en count*/
    .en .main-count .box .inner .conset .conbox .cgset .cg{
        font-size: 13px;
        font-weight: normal;
    }
    .en .main-count .box .inner .conset .conbox .cgset .cg::before{
        display: block;
        margin: 0 auto 7px;
    }
    .en .main-count .box .inner .conset .conbox .cgset{
        text-align: center;
    }

    .main-media{
        padding: 0 20px;
    }
    .main-media .inner .conbox .box-in .tit-ot .titset{
        margin-bottom: 10px;
    }
    .main-media .inner .conbox .box-in .tit-ot .titset .stxt{
        display: none;
    }
    .main-media .inner .conbox .box-in .tit-ot .titset .hd5{
        display: flex;
        flex-direction: column;
    }
    .main-media .inner .conbox .box-in .tit-ot .titset .id{
        padding-left: 0;
    }
    .main-media .inner .conbox .box-in .tit-ot .titset .id{
        font-size: 12px;
    }
    .main-media .inner .conbox{
        gap:30px
    }
    .my_instagram li{
        width:inherit;
        height: 29.8vw;
        flex: 1;
    }
    .my_instagram li:nth-child(4),
    .my_instagram li:nth-child(5){
        display: none;
    }

    .main-media .inner .conbox .box-in .con-ot{
       /* width: 100%;
        overflow: auto;*/
    }
    .main-media .inner .conbox .box-in .con-ot .conset .video-con{
        flex: 1;
    }
    .main-media .inner .conbox .box-in .con-ot .conset .video-con:nth-child(3){
        display: none;
    }
    .main-media .inner .conbox .box-in .con-ot .conset .video-con > iframe{
        width: 100%;
        height: 23vw;
    }


    /*sub*/
    /*sub 공통*/
    .sub-top-wrap{
        padding-top: 120px;
    }
    .sub-top-wrap .tit-ot .sub-title {
        padding: 0 30px 20px;
    }
    .sub-top-wrap .tit-ot .sub-title .pt-color{
        margin-bottom: 7px;
    }
    .tab-ot .home-btn-set{
        padding-right: 15px;
    }
    .tab-ot > div .upperbtn{
        padding: 0 15px;
    }
    .tab-ot > div .upperbtn > button,
    .tab-ot .upper-menu-set .locm > li > a, 
    .tab-ot .location-menu-set .locm > li > a, 
    .tab-ot .upper-menu-set .locm-in > li > a, 
    .tab-ot .location-in-menu-set .locm-in > li > a{
        font-size: 14px;
    }
    .en .tab-ot > div .upperbtn > button,
    .en .tab-ot .upper-menu-set .locm > li > a, 
    .en .tab-ot .location-menu-set .locm > li > a, 
    .en .tab-ot .upper-menu-set .locm-in > li > a, 
    .en .tab-ot .location-in-menu-set .locm-in > li > a{
        font-size: 12px;
    }
    
    .tab-ot > div .upperbtn::after{
        margin-left: 20px;
        width: 12px;
        height: 7px;
    }
    .tab-ot .upper-menu-set .locm > li > a, 
    .tab-ot .location-menu-set .locm > li > a, 
    .tab-ot .upper-menu-set .locm-in > li > a, 
    .tab-ot .location-in-menu-set .locm-in > li > a{
        padding: 10px 30px;
    }
    .sub-top-wrap .tit-ot .sub-title{
        padding-bottom: 20px;
    }
    .sub-pc-bg{
        height: 260px;
    }
    .sub-con-wrap .inner .con-wrap{
        padding-top: 80px;
    }
    .wh-in, 
    .global.sub-con-wrap .inner .con-wrap .titset{
        padding: 0 20px;
    }
    .mtxt{
        font-size: 16px;
    }
    .en .mtxt{
        font-size: 15px;
    }
    /*tab*/
    .tab-ot .home-btn-set .home-btn {
        width: 15px;
        height: 15px;
    }

    /*about*/
    .sub-con-wrap.about .inner .content.mp,
    .sub-con-wrap.about .inner .content.message .inset .item.top.bg .item-in .ceo-hd,
    .about .content.mp, 
    .about .message .titset, 
    .about .message .item.bottom, 
    .sub-con-wrap.about .inner .content.info .inset, 
    .sub-con-wrap.about .inner .content.motto .inset .con-in{
        padding: 0 20px;
    }
    .fixed-menu{
        justify-content: flex-start;
    }
    .fixed-menu a{
        padding: 10px;
    }
    .sub-con-wrap.about .inner .content.mp .inset .item-box{
        grid-template-columns: repeat(1, 1fr);
        gap:30px
    }
    .sub-con-wrap.about .inner .content.mp .inset .item-box .item.left.bottom{
        margin-top: 0;
    }
    .sub-con-wrap.about .inner .content.mp .inset .item-box .item .titset{
        margin-bottom: 20px;
    }
    .sub-con-wrap.about .inner .content.mp .inset .item-box .item .titset .stxt{
        margin-top: 10px;
    }
    .sub-con-wrap.about .inner .content.mp .inset .item-box .item .item-in{
        display: flex;
        gap:20px;
        align-items:flex-end;
    }
    .sub-con-wrap.about .inner .content.mp .inset .item-box .item .item-in > div{
        flex:1;
    }
    .sub-con-wrap.about .inner .content.mp .inset .item-box .item .txtset .stxt > br{
        display: none;
    }
    .sub-con-wrap.about .inner .content.message .inset .item.top.bg .item-in .ceo-hd{
        flex-direction: column-reverse;
    }
    .sub-con-wrap.about .inner .content.message .inset .item.top.bg .item-in .ceo-hd .titset{
        text-align: center;
        max-width: inherit;
        margin-top: 0;
    }
    .sub-con-wrap.about .inner .content.message .inset .item.top.bg .item-in .ceo-hd .titset .hd6{
        margin-bottom: 0;
    }
    .sub-con-wrap.about .inner .content.message .inset .item.top.bg .bg-imgset{
        width: 100%;
        bottom: 40px;
    }
    .sub-con-wrap.about .inner .content.message .inset .item.top.bg .item-in .ceo-hd .ceo-imgset .ceo-img{
        width: 180px;
    }
    .sub-con-wrap.about .inner .content.message .inset .item.top.bg .item-in .curve{
        width: 190%;
    }
    .sub-con-wrap.about .inner .content.message .inset .item.bottom .txtset{
        padding: 30px 0 0;
    }
    .about .message .item.bottom{
        padding: 0 30px;
    }
    .sub-con-wrap.about .inner .content.message .inset .item.bottom .txtset .stxt-box .stxt + .stxt{
        padding-top: 15px;
    }
    .sub-con-wrap.about .inner .content.message .inset .item.bottom .txtset .stxt-box .stxt .sign-txt{
        font-size: 12px;
    }
    .sub-con-wrap.about .inner .content.message .inset .item.bottom .txtset .stxt-box .stxt .sign-img{
        display: inline-block;
        width: 80px;
    }
    .sub-con-wrap.about .inner .content.message .inset .item.bottom .txtset .stxt-box .stxt.sign span + span{
        margin-left: 10px;
    }
    .sub-con-wrap.about .inner .content.motto{
        padding-top: 100px;
    }
    .sub-con-wrap.about .inner .content.motto .inset{
        padding: 70px 0;
    }
    .sub-con-wrap.about .inner .content.motto .inset .item-box{
        padding: 0;
    }
    .sub-con-wrap.about .inner .content.motto .inset .titset{
        margin: 0 0 30px;
    }
    .sub-con-wrap.about .inner .content.motto .inset .item-box .diagram{
        width: 87vw;
    }
    .diagram li{
        height: 28.6vw;
        padding: 5px;
    }
    .diagram li .item{
        gap: 10px;
    }
    .diagram li .item .ico{
        width: 30px;
        height: 30px;
    }
    .diagram li .item .ico.ty2 {
        background-position: -30px;
    }
    .diagram li .item .ico.ty3 {
        background-position: -60px;
    }
    .sub-con-wrap.about .inner .content.info .inset > div + div{
        margin-top: 20px;
    }
    .sub-con-wrap.about .inner .content.info .inset .item-box-ot .item-box {
        grid-template-columns: repeat(2, 1fr);
    }
    .sub-con-wrap.about .inner .content.info .inset .item-box-ot .item-box > li .txtset .info-txt{
        font-size: 16px;
    }
    .fixed-menu{
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }
    .fixed-menu a{
        font-size: 11px;
    }


    /*history*/
    .history.sub-con-wrap .inner .con-wrap .titset{
        padding: 0 30px;
    }
    .history .timeline .pic .years span{
        font-size: 20px;
    }
    .history .timeline .pic .years strong{
        font-size: 50px;
        margin-top: 20px;
    }
    .sub-con-wrap .inner .titset + .content{
        padding-top:30px;
    }
    .history .timeline .cont ul li{
        display: flex;
        flex-direction: column;
        padding-left: 0;
        padding-top: 100px;
    }

    .history .timeline .cont ul li .txt-in{
        flex-direction: column;
        gap:5px
    }
    .history .timeline .cont ul li .txt-in .time,
    .history .timeline .cont ul li .txt-in .stxt{
        font-size: 15px;
    }
    .history .timeline .cont ul{
        margin: 50px 20px;
    }
    .history .timeline.ty2 .cont ul li{
        width: 78%;
    }

    /*business*/
    .percentage-box .item-box .titbox .tit-in .txtset{
        margin-top: 15px;
    }
    .percentage-box .item-box .item .cirbox-ot{
        margin-top: 0;
    }
    .percentage-box .item-box .cirbox{
        height: 370px;
    }
    .business .inner .inset > div + div{
        margin-top: 70px;
    }
    /*sz40*/
    .sub-con-wrap.business .inner .con-wrap .content{
        padding: 0 20px;
    }
    .sz40 .circle-wrap .circle .mask, 
    .sz40 .circle-wrap .circle .fill,
    .sz40 .circle-wrap{
        width: 180px;
        height: 180px;
    }
    .sz40 .circle-wrap .circle .mask{
        clip: rect(0px, 230px, 230px, 95px);
    }
    .sz40 .circle-wrap .circle .mask .fill{
        clip: rect(0px, 96px, 230px, 0px);
    }
    .sz40 .circle-wrap .inside-circle{
        width: 150px;
        height: 150px;
        margin-top: 15px;
        margin-left: 15px;
    }
    /*sz20*/
    .sz20 .circle-wrap .circle .mask, 
    .sz20 .circle-wrap .circle .fill,
    .sz20 .circle-wrap{
        width: 110px;
        height: 110px;
    }
    .sz20 .circle-wrap .circle .mask {
        clip: rect(0px, 180px, 180px, 62px);
    }
    .sz20 .circle-wrap .circle .mask .fill {
        clip: rect(0px, 63px, 180px, 0px);
    }
    .sz20 .circle-wrap .inside-circle{
        width: 90px;
        height: 90px;
        margin-top: 10px;
        margin-left: 10px;
    }
    /*sz10*/
    .sz10 .circle-wrap .circle .mask, 
    .sz10 .circle-wrap .circle .fill,
    .sz10 .circle-wrap{
        width: 85px;
        height: 85px;
    }
    .sz10 .circle-wrap .circle .mask {
        clip: rect(0px, 110px, 110px, 43px);
    }
    .sz10 .circle-wrap .circle .mask .fill {
        clip: rect(0px, 44px, 110px, 0px);
    }
    .sz10 .circle-wrap .inside-circle{
        width: 69px;
        height: 69px;
        margin-top: 8px;
        margin-left:8px;
    }
    .sz10 .circle-wrap .txtset .stxt{
        font-size: 12px;
        margin-top: -5px;
    }
    .percentage-box .item-box .cirbox .cir.num1 {
        top: 30%;
        width: 110px;
    }
    .percentage-box .item-box .cirbox .cir.num2 {
        right: 31%;
        width: 180px;
    }
    .percentage-box .item-box .cirbox .cir.num3 {
        top: 12%;
        right: 30%;
        width: 110px;
    }
    .percentage-box .item-box .cirbox .cir.num4 {
        width: 85px;
        top: 63%;
    }
    .percentage-box .item-box .cirbox .cir.num5 {
        right: 12%;
        width: 85px;
        bottom: -10%;
    }
    .percentage-box .item-box .cirbox .cir.num6 {
        width: 85px;
        left: inherit;
        right: 61%;
        bottom: 54%
    }
    .sz20 .txtset .num{
        font-size: 22px;
    }
    .sz10 .txtset .num{
        font-size: 18px;
    }
    .circle-wrap .txtset .stxt{
        font-size: 12px;
    }
    .sz10 .circle-wrap .txtset .stxt{
        font-size: 11px;
    }
    .business .table-box .tableset{
        overflow: auto;
        width: 100%;
    }
    .business .table-box .tableset .b-table > tbody > tr > td{
        white-space: nowrap;
    }
    .business .table-box .tableset .b-table th{
        min-width: 200px;
        
    }
    .sub-con-wrap.business{
        padding: 0;
    }
    .percentage-box .item-box .cirbox{
        top: -15px;
    }


    .business .table-box .tableset .b-table tbody > tr > th, 
    .business .table-box .tableset .b-table tbody > tr > td{
        padding: 10px 20px;
    }
    .business .table-box .tableset .b-table tbody > tr > th{
        font-size: 15px;
    }
    .business .table-box .tableset .b-table tbody > tr > td{
        font-size: 9px;
    }
    .business .table-box .tableset .b-table tbody > tr > td > span + span{
        margin-top: 3px;
    }
    /*en business*/
    .en.business .table-box .tableset .b-table th{
        min-width: 200px;
        max-width: 200px;
    }




    /*global*/
    .sub-con-wrap.global .mapset{
        padding: 0 0 50px;
    }
    .sub-con-wrap.global .mapset .map-bg{
        height: 44.84vw;
    }
    .sub-con-wrap.global .tableset{
        overflow: auto;
        width: 100%;
        white-space: nowrap;
    }
    .sub-con-wrap.global .tableset .g-table > tbody > tr > td:first-child{
        font-size: 14px;
    }
    .sub-con-wrap.global .tableset .g-table > tbody > tr > td{
        font-size: 7px;
    }



    /*rnd*/
    .rnd.sub-con-wrap .inner .con-wrap .titset{
        padding: 0 20px;
    }
    .rnd .content.ty3 .inset .item-box, 
    .rnd .content.ty4 .inset .item-box{
        padding: 70px 20px;
    }
    .rnd .content.ty4 .inset .item-box{
        padding-bottom: 0;
    }
    /*en rnd*/
    .en.rnd .content.ty2 .inset .item-box .item{
        flex: .8;
    }

    /*border*/
    /*tab*/
    #bo_cate a{
        font-size: 12px;
    }
    /*notice*/
    .tbl_head01 thead th{
        padding: 10px 33px;
    }
    /*view*/
    .bo_v_nb li{
        font-size: 12px;
        padding: 10px;
    }
    .bo_v_nb li .nb_date{
        display: none;
    }

    /*news*/
    #bo_gall.news #gall_ul{
        display: flex;
        flex-direction: column;
    }
    #bo_gall.news .gall_row{
        gap: 20px 0;
    }
    #bo_gall.news .gall_row .gall_li{
        width: 100%;
    }
    #bo_gall.news .gall_row .gall_li:nth-child(1), 
    #bo_gall.news .gall_row .gall_li:nth-child(2),
    #bo_gall.news .gall_row .gall_li:nth-child(3), 
    #bo_gall.news .gall_row .gall_li:nth-child(4),
    #bo_gall.news .gall_row .gall_li:nth-child(5), 
    #bo_gall.news .gall_row .gall_li:nth-child(6),
    #bo_gall.news .gall_row .gall_li:nth-child(7), 
    #bo_gall.news .gall_row .gall_li:nth-child(8),
    #bo_gall.news .gall_row .gall_li:nth-child(9){
        margin-left: 0;
    }
 
    #bo_gall.news .bo_tit{
        font-size: 14px;
        padding-top: 0px;
        width: 80vw;
    }
    #bo_gall .gall_text_href{
        margin: 20px 0 5px;
    }
    #bo_gall .gall_info .gall_date{
        font-size: 11px;
    }

    /*cert*/
    .cert #bo_v_title .bo_v_cate,
    .news #bo_v_title .bo_v_cate{
        padding: 3px 15px
    }
    .cert #bo_v_img{
        width: 70%;
    }

    /*prd*/
    .prd#bo_gall .gall_row .gall_li{
        height: 260px;
        padding: 10px 10px 20px;
    }
    .prd-num > span{
        font-size: 10px;
        padding: 1px 5px;
        border-radius: 3px;
    }
    .prd#bo_gall .bo_tit {
        width: 35.23vw;
    }
    .prd#bo_gall .gall_text_href{
        margin: 20px 0 0;
    }
    #bo_gall .bo_tit{
        font-size: 16px;
    }
    /*prd-detaail*/
    .prd-detail .cat-set .bo_v_cate > span{
        font-size: 11px;
        padding: 3px 17px;
    }
    #bo_v.prd-detail #bo_v_title .bo_v_tit{
        font-size: 24px;
        margin: 10px 0 0;
    }    
    .prd-detail .cat-set .prd-num > span{
        font-size: 14px;
    }
    .prd-detail iframe{
        height: 77vw;
    }
    .prd-detail.sub-con-wrap .inner .con-wrap .content.ty1{
        padding: 0;
    }
    .vr360 .play-btn .btn-play{
        font-size: 11px;
        padding: 5px 20px;
    }
    .vr360 .play-btn .stxt{
        font-size: 11px;
    }
    .prd-detail .content.ty2 .inset .item-box .item .box .txt-list > li{
        font-size: 14px;
        margin-left: 14px;
        text-indent: -12px;
        line-height: 1.6;
    }
    .prd-detail .content.ty2 .inset .item-box .item .box .txt-list > li + li{
        margin-top: 7px;
    }
    .prd-detail .content.ty2 .inset .item-box .item .box .img-list > li .txtset > span{
        font-size: 12px;
        display: inline-block;
        line-height: normal;
    }

    .prd-detail#bo_v.wh-full .bo_v_nb{
        margin: 0 20px;
    }
    .prd-detail .content.ty2 .inset .item-box .item .p-table > table >thead > tr > th {
        font-size: 13px;
    }
    .prd-detail .inner .con-wrap .content.imgset .inset .item-box .around{
        bottom: -30px;
    }

    .prd.ty0 #bo_cate_ul > li > a::before {
        background: url(../img/sub/prd-menuiconset-01.png) no-repeat 0 0 / auto 60px;
    }
    .prd.ty1 #bo_cate_ul > li > a::before {
        background: url(../img/sub/prd-menuiconset-02.png) no-repeat 0 0 / auto 60px;
    }
    .prd.ty3 #bo_cate_ul > li > a::before {
        background: url(../img/sub/prd-menuiconset-03.png) no-repeat 0 0 / auto 60px;
    }
    .prd #bo_cate_ul > li > a::before{
        width: 30px;
        height: 30px;
    }
    .prd #bo_cate_ul > li:nth-child(2) > a::before {background-position:0 0}
    .prd #bo_cate_ul > li:nth-child(3) > a::before {background-position:-30px 0}
    .prd #bo_cate_ul > li:nth-child(4) > a::before {background-position:-60px 0}
    .prd #bo_cate_ul > li:nth-child(5) > a::before {background-position:-90px 0}
    .prd #bo_cate_ul > li:nth-child(6) > a::before {background-position:-120px 0}
    .prd #bo_cate_ul > li:nth-child(7) > a::before {background-position:-150px 0}
    .prd #bo_cate_ul > li:nth-child(8) > a::before {background-position:-180px 0}
    .prd #bo_cate_ul > li:nth-child(9) > a::before {background-position:-210px 0}
    .prd #bo_cate_ul > li:nth-child(10) > a::before {background-position:-240px 0}
    .prd #bo_cate_ul > li:nth-child(11) > a::before {background-position:-270px 0}

    .prd.ty0 #bo_cate_ul > li:nth-child(3) > a::before {background-position:-60px 0}
    .prd.ty0 #bo_cate_ul > li:nth-child(4) > a::before {background-position:-90px 0}
    .prd.ty0 #bo_cate_ul > li:nth-child(5) > a::before {background-position:-120px 0}
    
    
    .prd #bo_cate_ul > li:nth-child(2) > a#bo_cate_on::before {background-position:0 -30px}
    .prd #bo_cate_ul > li:nth-child(3) > a#bo_cate_on::before {background-position:-30px -30px}
    .prd #bo_cate_ul > li:nth-child(4) > a#bo_cate_on::before {background-position:-60px -30px}
    .prd #bo_cate_ul > li:nth-child(5) > a#bo_cate_on::before {background-position:-90px -30px}
    .prd #bo_cate_ul > li:nth-child(6) > a#bo_cate_on::before {background-position:-120px -30px}
    .prd #bo_cate_ul > li:nth-child(7) > a#bo_cate_on::before {background-position:-150px -30px}
    .prd #bo_cate_ul > li:nth-child(8) > a#bo_cate_on::before {background-position:-180px -30px}
    .prd #bo_cate_ul > li:nth-child(9) > a#bo_cate_on::before {background-position:-210px -30px}
    .prd #bo_cate_ul > li:nth-child(10) > a#bo_cate_on::before {background-position:-240px -30px}
    .prd #bo_cate_ul > li:nth-child(11) > a#bo_cate_on::before {background-position:-270px -30px}

    .prd.ty0 #bo_cate_ul > li:nth-child(3) > a#bo_cate_on::before {background-position:-60px -30px}
    .prd.ty0 #bo_cate_ul > li:nth-child(4) > a#bo_cate_on::before {background-position:-90px -30px}
    .prd.ty0 #bo_cate_ul > li:nth-child(5) > a#bo_cate_on::before {background-position:-120px -30px}

    .prd #bo_cate_ul > li > a{
        padding: 15px 10px;
    }

    /*detail*/
    .wh-in, 
    #bo_v.prd-detail header, 
    .prd-detail .markset .cert-mark, 
    .global.sub-con-wrap .inner .con-wrap .titset{
        padding: 0 20px;
    }
    .prd-detail .content .inset .item-box.commu .item{
        display: flex;
    }
    .prd-detail .content .inset .item-box.commu .item .box:nth-child(1){
        width: 100%;
    }
    .prd-detail .content .inset .item-box.commu .item .box .video-set > iframe{
        height: 30vh;
    }
    .prd-detail .inner .con-wrap .content.imgset .inset .item-box{
        width: 130%;
        left: -15%;
    }




    /*inquiry*/
    .sub-con-wrap .inner .con-wrap{
        padding-top: 70px;
    }
    .inquiry.sub-con-wrap .inner .con-wrap .content{
        padding: 0 20px;
    }
    .inquiry.sub-con-wrap .privacy-ot .pr-set .pr-con .pr-list > li{
        font-size: 12px;
        line-height: 17px;
    }
    .inquiry.sub-con-wrap #email-form-wrap form .emlist li.privacy-ot .pr-set .agree-ot .ag-in > label{
        font-size: 13px;
        text-align: left;
    }
    .inquiry.sub-con-wrap #email-form-wrap .send_btn{
        padding: 9px 30px;
    }

    #bo_gall.gal2 .gall_text_href{
        width: 36vw;
        margin-top: 10px;
    }


    /*board*/
    #bo_gall .gall_row .gall_li{
        padding: 10px 10px 15px;
    }

    .tab-ot .location-menu-set .locm{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .location-menu-set .locm > li{
        /* border-bottom: 1px solid #ccc; */
    }
    .location-menu-set .locm > li:nth-child(1),
    .location-menu-set .locm > li:nth-child(2),
    .location-menu-set .locm > li:nth-child(3),
    .location-menu-set .locm > li:nth-child(4),
    .location-menu-set .locm > li:nth-child(5),
    .location-menu-set .locm > li:nth-child(6),
    .location-menu-set .locm > li:nth-child(7){
        border-bottom: 0;
    }


}


@media (max-width: 386px){
    p, th, td{
        font-size: 11px;
    }
    /*business*/
    .percentage-box .item-box .cirbox .cir.num6{
        right: inherit;
        left: 6%;
    }

    /*prd*/
    .prd#bo_gall .gall_row .gall_li{
        height: 230px;
        padding: 10px 10px 17px;
    }

    /*prd-detail*/
    .prd-detail .inner .con-wrap .content.imgset .inset .item-box .around{
        bottom: -10px;
    }


    

}


@media screen and (min-width:768px) and (max-width: 1280px) { 
    .dp3-menu .dp3-menu-list {
        grid-template-columns: repeat(5, 1fr);
        gap: 15px;
    }
    .dp3-menu {         
        padding: 25px 12px 50px 12px;
    }
    .dp3-menu .dp3-menu-list > li > a {font-size:15px}
    .dp3-menu .dp3-menu-list > li .dp4 > li > a {font-size:15px}
}

@media screen and (min-width:320px) and (max-width: 768px) { 
    .dp3-menu .dp3-menu-list {
        grid-template-columns: repeat(3, 1fr);
        gap: 12px 7px;
    }
    .dp3-menu {         
        padding: 25px 12px 50px 12px;
    }
    .dp3-menu .dp3-menu-list > li > a {font-size:12px; padding:0 8px; min-height:42px}
    .dp3-menu .dp3-menu-list > li .dp4 > li > a {font-size:12px}
    .dp3-menu .dp3-menu-list > li .dp4 {margin-top:12px}
    .dp3-menu .dp3-menu-list > li .dp4 > li + li {margin-top:4px}
    .dp3-menu-outer {
        top:145px
    }
}