@charset "UTF-8";

/* 반응형 CSS */

/* 태블릿 */
@media screen and (max-width:1380px) {
    .main #visual{
        margin-top:100px;
    }
    .item_detail .item-head .text {
        padding: 70px 30px;
    }
    .item_detail .item-head h1{
        font-size: 30px;margin-bottom:60px;
    }
    .item_detail .form-container .option_box .option-tbl .option_li + div{
        margin-top:25px;
    }
    .item_detail .file_download{
        margin-top:60px;
    }

    .item-head .swiper-slide img {
        width: 100%;
        height:100%;
        object-fit: cover;
    }
    .item-head .thumb_big{
        height:600px;
    }
    .section03 .cont-common{
        left:10%;
        top:50%;
    }
    .main_banner_wrapper {
        height:600px;
    }


    .section05{
        padding:200px 50px;
    }
    .section05 .section05-inner .sec05_con a h2{
        font-size:22px;
    }
    .section05 .section05-inner .sec05_con a span{
        font-size:19px;
    }
    .section05 .section05-inner .sec05_con p{
        font-size:19px;
    }
    .section05 .section05-inner .sec05_con p b{
        font-size:21px;
    }
    .section05 .section05-inner .sec05_con ul li a{
        padding:40px 40px 150px;
    }
    .section05 .section05-inner .sec05_con>a{
        padding:40px 40px 132px;
    }
    .section05 .section05-inner .sec05_con:nth-child(2){
        background: #000 url(/image/common/main_icon_03.png) 94% 100% / 200px no-repeat;
    }
    .section05 .section05-inner .sec05_con:nth-child(3){
        background: #444 url(/image/common/main_icon_02.png) 107% 100% / 230px no-repeat;
    }
    .section05 .section05-inner .sec05_con ul li{
        background:#444 url(/image/common/main_icon_01.png) 98% 93% / 120px no-repeat
    }
}
@media screen and (max-width:1024px) {
    .main .visual-inner .txt-wrap {
        
    }
    .main .visual-inner .txt-wrap .title{
        font-size:40px;
    }
    .font_common-cont{
        font-size:19px;
    }
    .main .title-section{
        font-size:18px;
    }
    .main .visual-inner .txt-wrap .title + p{
        margin-bottom:30px;
    }


    /* 제품페이지 */
    .it_id_slider{
        padding: 50px 20px;
    }
    .it_id_slider.it_section.product_pc_img{display:none;}
    .it_id_slider.it_section.product_mobile_img{display:block;}
    .it_bottom{
        flex-wrap: wrap;
    }
    .it_bottom .bottom_cont{
        width:100%;
        padding:50px 0 50px 100px;
    }


    .section03 .title{
        font-size:40px;
        letter-spacing: 0;
    }
    .section03 .cont{
        font-size:20px;
    }
    .section03 .cont-common{
        left:0;
        padding:0 50px;
    }
    
    .section05{
        padding:100px 30px;
    }
    .section05 .section05-inner .sec05_con{
        width:100%;
        margin-bottom:10px;
    }
    .section05 .section05-inner .sec05_con ul li{
        width:49%;
    }

}

/* 모바일 */
@media screen and (max-width:950px) {

    .responsive #ductvqjngpkbhwflrosmei .post-wrap {
        /* flex-wrap: wrap; */
    }

    .main #visual{
        margin-top:70px;
    }

    .main .visual-inner .txt-wrap {
        left: 0%;
        transform:translateY(-50%);
        padding: 0 30px;
    }
    .main .visual-inner .txt-wrap .title{
        font-size:30px;
    }
    .font_common-cont{
        font-size:15px;
        line-height: 1.5;
    }
    .main .title-section{
        font-size:16px;
    }
    .main .visual-inner .txt-wrap .title + p{margin-bottom:30px;}
}

@media screen and (max-width:768px) {
    .main .visual-inner .txt-wrap a {
        width: 200px;
        font-size: 13px;
        line-height:45px;
    }
    .main_banner_wrapper{
        height:400px;
    }




    /* 제품소개 */
    .it_bottom .bottom_cont{
        padding:30px 0 30px 50px;
    }
    .it_bottom .bottom_cont img{
        max-width:200px;
    }
    .it_bottom .bottom_cont .bottom_cont_txt h3{
        font-size:22px;
    }
    .it_bottom .bottom_cont .bottom_cont_txt a{
        font-size:14px;
    }




    .section03 .cont-common{
        padding:0 20px;
        text-align:center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: rgba(0, 0, 0, 0.2);
        height:100%;
    }
    .section03 .title{
        font-size:30px;
        margin-bottom:30px;
        line-height: 1.5;
    }
    .section03 .cont{
        font-size:17px;
    }
    .section03 a {
        width: 200px;
        font-size: 13px;
        margin: 0 auto;
    }

    
    .section05{
        padding:100px 0;
    }
    .section05 .section05-inner .sec05_con p b{
        font-size:18px;
        padding:20px 0 10px;
    }
    .section05 .section05-inner .sec05_con p{
        font-size:16px;
    }
    .section05 .section05-inner .sec05_con a h2{
        font-size:20px;
    }
    .section05 .section05-inner .sec05_con ul li a{
        padding:30px 40px 100px;
    }
    .section05 .section05-inner .sec05_con>a{
        padding:30px 40px 100px;
    }
    .section05 .section05-inner .sec05_con ul li{
        width:100%;
        margin-bottom:10px;
    }

    .item_detail .item-head h1{
        font-size:25px;
    }
    .item_detail .form-container .option_box .option-tbl .option_li .left_option{
        font-size:17px;
    }
    .item_detail .form-container .option_box .option-tbl .option_li .right_option{
        font-size:15px;
    }
    .item_detail .file_download .download_a{
        font-size:15px;
    }
    .item-head .thumb_big{
        height:unset;
    }
    .it_id_slider{
        padding: 00px 0 30px;
    }
}

@media screen and (max-width:480px) {
    .main #visual {
        margin-top: 0px;
    }
    .main #visual .m_main_img{
        display:block;
    }
    .main #visual .pc_main_img{
        display:none;
    }
    .main .visual-inner .txt-wrap .title{
        word-break:keep-all;
        font-size:22px;
    }
    .main .visual-inner .txt-wrap{
        top:40%;
        padding: 0 20px;
        text-align: center;
    }
    .main .visual-inner .txt-wrap a {
        margin: 0 auto;
    }
    .font_common-cont{
        font-size:14px;
    }




     /* 제품소개 */
     .it_bottom .bottom_cont{
        padding:30px 0 30px 30px;
    }
    .it_bottom .bottom_cont img{
        max-width:150px;
    }
    .it_bottom .bottom_cont .bottom_cont_txt h3{
        font-size:20px;
    }
    .it_bottom .bottom_cont .bottom_cont_txt a{
        font-size:13px;
        padding:10px;
    }
    .responsive .item_detail .item-head .text{
        padding:35px 20px 45px;
    }
    .item_detail .item-head h1{
        margin:10px 0 40px;
        font-size:20px;
        font-weight: 400;
    }
    #item_option{
        padding: 30px 10px;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }
    .item_detail .form-container .option_box .option-tbl .option_li{
        justify-content: flex-start;
    }
    .item_detail .form-container .option_box .option-tbl .option_li .left_option{
        font-size:15px;
        width: 80px;
        font-weight: 400;
    }
    .item_detail .form-container .option_box .option-tbl .option_li .right_option{
        font-size:14px;
        line-height: 1.4;
        border-left: 1px solid #eee;
        padding-left: 20px;
    }
    .item_detail .file_download .download_a{
        font-size:14px;
    }
    .item_detail .form-container .option_box .option-tbl .option_li + div{
        margin-top:20px;
    }




    .section02-inner .con-box.hidden-md .mid_con img{
        max-width:400px;
        width:90%;
    }
    .section02-inner > h1{
        font-size:30px;
        font-weight: 400;
    }
    .section03 .cont-common br{
        display:block;
    }
    .section03 .title{
        font-size:25px;
        line-height: 1.3;
        font-weight:400;
    }
    .section06-inner .left{
        text-align:left;
    }
    .section06-inner .left p{
        word-break:keep-all;
    }
    .section06-inner .left p br{
        display:none;
    }

    .section05{
        padding:50px 0;
    }
    .section05 .section05-inner .sec05_con p{
        font-size:14px;
    }
    .section05 .section05-inner .sec05_con p b{
        font-size:16px;
    }
    .section05 .section05-inner .sec05_con a h2{
        font-size:18px;
    }
    .section05 .section05-inner .sec05_con a span{
        font-size:13px;
    }
    .section05 .section05-inner .sec05_con:nth-child(2){
        background: #000 url(/image/common/main_icon_03.png) 94% 100% / 130px no-repeat;
    }
    .section05 .section05-inner .sec05_con:nth-child(3){
        background: #444 url(/image/common/main_icon_02.png) 107% 100% / 180px no-repeat;
    }
    .section05 .section05-inner .sec05_con ul li{
        background:#444 url(/image/common/main_icon_01.png) 98% 95% / 120px no-repeat
    }
    .section05 .section05-inner .sec05_con ul li a{
        padding:25px 30px 80px;
    }
    .section05 .section05-inner .sec05_con>a{
        padding:25px 30px 80px;
    }

    
}