/*공통*/


.pointbox{padding:20px 10px;  background:#ffffff; -webkit-box-shadow: 0px 0px 25px -7px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 25px -7px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 25px -7px rgba(0,0,0,0.2); border-top:2px solid #e50049}
    
    .tit_flag{display:block; margin-bottom:20px;}
    .tit_flag span{display:inline-block;  padding:12px 10px; padding-left:20px; padding-right:20px; text-align:center; color:#ffffff;  font-size:1.1em; font-weight:500; background:#928c74; background:linear-gradient(120deg, #928c74 0%, #928c74 70%, #656d72 100%);}
    .half_common{position:relative}
    .half_common .box_con{position:relative;  margin-bottom:30px; padding-bottom:30px; }
    .half_common .box_con:last-child{ margin-bottom:0px; padding-bottom:0px; }
    .half_common .box_con:after{content:''; display:block; clear:both}
    .half_common .left_box{position:relative}
    .fac .half_common .left_box {
    border-top: 2px solid #2747a5;
    padding-top: 20px;
}
    .titTy1{padding-bottom:5px; border-bottom:5px solid #f8f8fa; position:relative}
    .titTy1:before{content:''; position:absolute; left:0; bottom:-5px; width:60px; height:5px; background:#EB2323;}
    
    
    .half_box:after{content:''; display:block; clear:both}
    
    .bgWrap{padding:40px 0px; background:#f9f9fa; background-size:cover !important}
    
    .arrow_li{overflow:hidden; }
    .arrow_li li{position:relative; padding:7px 20px; background:#f9f9fa; border-radius:500px; margin-bottom:10px; display:flex; font-weight:500}
    .arrow_li li i{display:inline-block; position:relative; width:15px; height:10px; margin-right:10px; margin-top:8px}
    .arrow_li li i:before{content:''; position:absolute; top:2px; right:0; margin:auto; width:0px;height:5px; border-right:2px solid #303445;border-bottom:2px solid #303445;transform:rotate(-45deg) translateY(-50%)}
    .arrow_li li i:after{content:''; position:absolute; left:0;width:100%;height:2px;background-color:#303445; top:0; bottom:0; margin:auto}
    .arrow_li li:last-child{margin-bottom:0px;}
    .tit_nm{font-size:1.3em;font-weight:600;letter-spacing:-0.04em;color:#000000;/* padding-left: 30px; *//* background: url(../img/tit_dot.png) no-repeat left 16px; */line-height: 1.2;}
    .tit_nm span{
    font-weight: 400;
    font-size: 0.8em;
    display: block;
    color: #666;
    /* line-height: 1.1; */
}
    @media all and (min-width:768px) {
    
    .pointbox{padding:20px 20px;}
    
    
    .half_common .box_con{position:relative; margin-bottom:50px; padding-bottom:50px}
    .half_common .box_con:after{content:''; clear:both; display:block}
    .half_common .box_con .left_box{float:left; width:27%; margin-right:3%}
    .half_common .box_con .right_box{float:left; width:70%}
    .fac .half_common .box_con .right_box{
    /* border-top: 1px solid #dedede; */
    /* padding-top: 30px; */
}
    
    .bgWrap{padding:70px 0px;}
    
    .arrow_li li{padding:10px 20px;}
    
    .titTy1{border:0; padding:0;}
    .titTy1:before{display:none}
    }
    
    @media all and (min-width:1200px) {
    .pointbox{padding:30px 20px;}
    .bgWrap{padding:90px 0px;}
    
    .tit_flag span{font-size:1.4em;  padding:20px 0px; min-width:165px}
    .tit_flag span.long{padding:25px 20px}
    
    .half_common .box_con{position:relative; margin-bottom:60px; padding-bottom:60px}
    .half_common .box_con .left_box{width:22%; margin-right:3%}
    .half_common .box_con .right_box{width:75%}
    .fac .half_common .left_box{padding-top:30px;border-top: 3px solid #2747a5;}
    .arrow_li li{padding:15px 20px; margin-bottom:15px}
    .arrow_li li i{margin-top:10px}
   .tit_nm{
    font-size: 1.8em;
}
        .tit_nm span{
    font-size: 0.7em;
    letter-spacing: -0.5px;
    margin-top: 5px;
}
    }
    
    @media all and (min-width:1640px) {
    .bgWrap{padding:120px 0px;}
    
    }
    



/*제품소개*/


/*제품상세보기*/
.product_view{max-width:1400px; margin:0 auto}
.view_top{border-bottom:5px solid #f8f8f8}
.view_top:after{content:''; clear:both; display:block}
.view_top .product_info{position:relative}
.view_top .product_info h3{font-size:1.8em;color: #2747a5;font-weight:700;margin-bottom:20px; line-height:1.25;}
.view_top .product_info h3 span{color: #8080808f;display:block;font-size:15px;margin-bottom:5px}
.view_top .product_info .dot_li{padding:20px 0px;  border:1px solid #dcdcdc; border-width:1px 0px}

.view_top .photo{position:relative; padding-bottom:40px; margin-bottom:30px}
.view_top .photo:before{content:''; width:80%; height:80%; position:absolute; right:-5%; bottom:0; background:#f8f8f8; z-index:0;}
.view_top .photo img{width:100%; -webkit-box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.3);
box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.3); position:relative; z-index:1}
.view_top .photo_slider .slick-arrow{top:auto; bottom:0; background:#ffffff}
.view_top .photo_slider .slick-arrow:before{color:#323232;}
.view_top .photo_slider .slick-arrow.slick-prev{left:auto; right:51px}
.view_top .photo_slider .slick-slide{ transition:0.3s}
.view_top .photo_slider .slick-active{opacity:1; transition:0.3s}

.proButton{text-align:center}
.proButton span{display:inline-block; margin:0 5px}
.proButton span a{display:block; line-height:40px; height:40px; background:#505050; color:#ffffff; padding:0 35px}
.proButton span a.btn_inquiry{background:#cb201f}

.line_list{position:relative;}
.line_list li{display:inline-block; border:1px solid #d2201c; padding:5px 10px; vertical-align:middle; margin-right:5px; color:#d2201c; margin-bottom:5px}


.product_list{display:flex; flex-wrap:wrap; gap:4%}
.product_list li{width:48%;background:#f8f8f8;margin-bottom:4%;padding:10px;text-align: center;}
.product_list.lay li{}
.product_list.lay li.w100mo{width:100%;}
.product_list li span{
    padding-top: 8px;
    display: block;
}

.bannerList{}
.bannerList ul{
    display: flex;
    flex-wrap: wrap;
}
.bannerList ul li{
    width: 50%;
    padding: 1%;
    text-align: center;
}
.bannerList ul li img{
    border: 1px solid #dedede;
}
.bannerList ul li span{
    font-size: 14px;
    color: #444;
}

@media all and (min-width:768px) {
.view_top .product_info{width: 55%;float:left;margin-right:5%;font-size:1.1em;padding-top: 20px;}
.view_top .photo{width: 40%;float:left;}
.view_top .product_info h3{font-size:2.2em}
.view_top .product_info h3 span{font-size:17px;}


.view_top .product_info .dot_li{padding:20px 0px;}
.view_top .product_info .dot_li li{margin-bottom:10px; }
.view_top .product_info .dot_li li:last-child{margin-bottom:0}
.proButton{text-align:left;}
.proButton span{margin:0 10px 0 0}

.line_list li{padding:7px 15px}
.bannerList{}
.bannerList ul{}
.bannerList ul li{
    width: 33%;
}
.bannerList ul li span{}
}

@media all and (min-width:1200px) {
.view_top .product_info h3{font-size:2.6em}
.view_top .product_info h3 span{font-size:22px;}

.proButton span a{line-height:50px; height:50px; padding:0 60px}
.proButton.bottom_btn{text-align:right}
.line_list li{padding:10px 15px}

.ex_in{font-size:1.1em}

.product_list li{width:30.6667%}
    .product_list li.w60{
    width: 58.6667%;
}
.product_list.lay li{
    width: 47.6667%;
}
    .product_list.lay li.w100mo{ width: 47.6667%;}
    .product_list.lay li.w25{
    width: 21.9667%;
}
.bannerList{}
.bannerList ul{}
.bannerList ul li{
    width: 25%;
    margin-bottom: 10px;
}
.bannerList ul li span{
    font-size: 18px;
    margin-top: 10px;
    display: block;
}
}