@charset "utf-8";

@import url(required.css);

#wrap{width:100%;max-width:100%;overflow-x:hidden;}

.WRAP{max-width:1640px;margin:0 auto;position:relative;transition:all 0.4s ease;}
.WRAP-1280{max-width:1280px;margin:0 auto;position:relative;transition:all 0.4s ease;}

	@media screen and (max-width:980px) {
	.WRAP{width:94% !important;max-width:100% !important;}
	.WRAP-1280{width:94% !important;}
	}

	@media screen and (min-width:768px) {
	.PH{display:none !important;}
	}
	@media screen and (max-width:767px) {
	.MH{display:none !important;}
	.WRAP{width:94% !important;max-width:100% !important;}
	}

*{font-family: 'Pretendard', sans-serif; box-sizing:border-box;}


#container{margin-top:100px;}

@media screen and (max-width:1500px) {
#container{margin-top:90px;}
}
@media screen and (max-width:1199px) {
#container{margin-top:80px;}
}
@media screen and (max-width:960px) {
#container{margin-top:70px;}
}
@media screen and (max-width:768px) {
#container{margin-top:60px;}
}
@media screen and (max-width:500px) {
#container{margin-top:55px;}
}
#wrap {
    overflow-y: hidden!important;
}
/************************************************************************
* COMMON *
************************************************************************/
.container{width:100%;position:relative;overflow:hidden;}
.contents{}
.contents.main div[id*='sec-']{padding:90px 0;}
.contents.sub .detail{padding-top:70px;padding-bottom:90px;}
.contents.sub .detail.pt0{padding-top:0 !important;}
.contents.sub .subWrap {padding:160px 0;}

@media screen and (max-width:1280px) {
.contents.main div[id*='sec-']{padding:80px 0;}
.contents.sub .detail{padding-top:70px;padding-bottom:90px;}
}
@media screen and (max-width:960px) {
.contents.main div[id*='sec-']{padding:80px 0;}
.contents.sub .detail{padding-top:60px;padding-bottom:80px;}
}
@media screen and (max-width:767px) {
.contents.main div[id*='sec-']{padding:40px 0;}
.contents.sub .detail{padding-top:50px;padding-bottom:70px;}
.contents.sub .subWrap {padding:140px 0;}
}
@media screen and (max-width:640px) {
.contents.main div[class*='sec-']{padding:40px 0;}
.contents.sub .detail{padding-top:55px;padding-bottom:55px;}
.contents.sub .subWrap {padding:100px 0 120px 0;}
}
@media screen and (max-width:560px) {
.contents.main div[class*='sec-']{padding:40px 0;}
.contents.sub .detail{padding-top:35px;padding-bottom:35px;}
}

.contentsBg{background:#f0f0fa;}
.contentsBg-gray{background:#fbfbfb;}




/************************************************************************
* HEADER *
************************************************************************/
header{width:100%;height:100px;padding:0 1%;position:absolute;top:0;left:0;right:0;transition:all 0.2s ease;z-index:9999;background:rgba(0,0,0,0.0);}
header .headerBox{width:100%;height:100%;padding-top:0;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content: space-between; -webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;;transition:all 0.4s ease;}
header .headerBox>*:not(nav){-ms-flex-negative:0;flex-shrink:0;}

header .logo{width:440px;transition:all 0.4s ease;z-index:99;}
header .logo *{width:100%;height:100%;}
header .logo img.white{display:block;}
header .logo img.color{display:none;}

header nav,
header .depth1,
header .depth1>li{height:100%;}
header .depth1,
header .depth1>li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}

header nav{margin:0 auto;}
header nav a{color:#fff;transition:all 0.2s ease;}

header .depth1{}
header .depth1>li{position:relative;}
header .depth1>li>a{padding:0 22px;font-size:24px;color:#1e1e1e;letter-spacing:0.05em;font-weight:700;text-transform:uppercase;position:relative;z-index:1;transition:all 0.4s ease;}
header .depth1>li.white>a{color:#0080fb !important;}

header .depth1>li:nth-child(2){padding:0 21px;}
header .depth1>li:nth-child(7){padding:0 25px;}

header .mobile{display:none;}



    @media screen and (max-width:1700px) {
    header .headerBox{width:90%;margin: 0 auto;}
    header .logo{width:220px;}

    header .depth1>li>a{padding:0 22px;font-size:18px;}

    header .depth2>li>a{font-size:16px;}
    }
    @media screen and (max-width:1500px) {
    header{height:90px;}
    header .headerBox{width:90% !important;}
    header .logo{width:410px;}

    header .depth1>li>a{padding:0 15px;}

    header .depth2.on{padding:135px 0 15px 0;}
    }
    @media screen and (max-width:1400px) {
    header .logo{width:350px;}

    header .depth1>li>a{padding:0 10px;}

    header .depth2.on{padding:125px 0 10px 0;}
    }
    @media screen and (max-width:1320px) {
    header .depth1>li>a{padding:0 10px;}
	letter-spacing: -0.01em;
    header .depth2.on{padding:115px 0 10px 0;}
    }
    @media screen and (max-width:1280px) {
    header .logo{width:320px;}

    header .depth1>li>a{padding:0 10px;}

    header .depth2>li>a{font-size:15px;}
    }
    @media screen and (max-width:1199px) {
    header{height:80px;padding:0 3.5%;}
    header .headerBox{justify-content:space-between;}

    header .logo{width:280px;}       
    header .mobile{display:flex;border:solid 1px #ff0000;}
    header .mobile .utils{margin-right:20px;}
    }
    @media screen and (max-width:960px) {
	header .headerBox{width:95%!important; margin: 0 auto;}	
    header{height:70px;}
	header nav{display:none;}
    }
    @media screen and (max-width:768px) {
    header{padding:0 3%;}

    header .depth2>li>a{font-size:14px;}
        
    header .mobile .utils{margin-right:30px;}
        
    header.menuOn{width:149px;z-index:5;}
    header.menuOn .headerBox > *:not(.logo){display:none;}
    header.menuOn .headerBox .logo{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);padding-left:20px;}
    }
    @media screen and (max-width:640px) {
    header{height:65px;padding:0 2.5%;}
    header .logo{width:210px;}
    }
    @media screen and (max-width:500px) {
    header{height:60px;padding:0 2%;}

    }
    @media screen and (max-width:460px) {
    header{height:60px;padding:0 1.5%;}   
    header .logo{width:160px;}

    header .mobile .utils{margin-right:30px;}
    }
    @media screen and (max-width:360px) {
    header .logo{width:150px;}
    }
    @media screen and (max-width:320px) {
    header .logo{width:130px;}
    }




/************************************************************************
* headerlog_Box *
************************************************************************/


header .log_Box li {
    border: solid 1px rgba(255, 255, 255, 0.5);
}
header .log_Box li {
    width: 120px;
    top: 29px;
    right: 100px;
    background: rgba(255, 255, 255, 0);
    border: solid 1px rgba(0, 0, 0, 0.5);
    padding: 15px 22px;
    border-radius: 100px;
    transition: all 0.4s ease;
}
header .log_Box ul {
    width: 100%;
    display: flex;
}
header .log_Box ul li {
    width: 50%;
}
header .log_Box ul li.on a {
    color: rgba(0, 0, 0, 1);
	font-weight:700;
}
header .log_Box ul li a {
    width: 140px;
    display: block;
    color: rgba(0, 0, 0, 0.7);
    font-size: 18px;
	font-weight:700;
    text-align: center;
    line-height: 100%;
    transition: all 0.4s;
    position: relative;
}

header .log_Box ul li:nth-child(2){margin-left:10px;}

@media screen and (max-width:1480px){
header .log_Box {
    right: 80px;

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

header .log_Box li {
    width: 90px;
    padding: 7px 10px;
    border-radius: 100px;
    transition: all 0.4s ease;
}
header .log_Box ul li {
    width: auto !important;
}
header .log_Box ul li a {
    width: auto !important;
    display: block;
    color: rgba(0, 0, 0, 0.7);
    font-size: 14px;
	font-weight:700;
    text-align: center;
    line-height: 100%;
    transition: all 0.4s;
    position: relative;
	letter-spacing:-1px;
}

}




/************************************************************************
* header changed *
************************************************************************/
header.changed{padding:0;position:fixed;height:90px;transition:all 0.2s ease;}
header.changed .headerBox{max-width:1280px;padding:0 2%;background:rgba(255,255,255,1);border-bottom-left-radius:40px;border-bottom-right-radius:40px;border:solid 1px rgba(0,0,0,0.13);border-top:none;transition:all 0.2s ease;}
header.changed .logo{width:340px;transition:all 0.2s ease;}
header.changed .logo img.white{display:block;}
header.changed .logo img.color{display:none;}

header.changed .depth2.on{padding-top:130px;}


header.changed .utils{right: 8%;}


    @media screen and (max-width:1700px) {
    header.changed .headerBox{max-width:100%;padding:0 2%;border-bottom-left-radius:50px;border-bottom-right-radius:50px;}
    }
    @media screen and (max-width:1520px){
    header.changed .headerBox.WRAP{width:100% !important;}
    header.changed .headerBox{border-bottom-left-radius:40px;border-bottom-right-radius:40px;}
    }
    @media screen and (max-width:1500px) {
    header.changed{height:80px;}
    header.changed .logo{width:210px;}
    }
    @media screen and (max-width:1400px) {
    header.changed .headerBox{border-bottom-left-radius:30px;border-bottom-right-radius:30px;}
    header.changed .logo{width:210px;}
    }
    @media screen and (max-width:1280px) {
    header.changed .logo{width:210px;}
    }
    @media screen and (max-width:1199px) {
    header.changed .headerBox{border-bottom-left-radius:0;border-bottom-right-radius:0;border:none;}
    header.changed .logo{width:200px;}
        
    header.changed .utils{right: 7%;}
    }
    @media screen and (max-width:768px) {
    header.changed{height:70px;}
    header.changed .logo{width:180px;}
    }
    @media screen and (max-width:640px) {
    header.changed .logo{width:170px;}
    }
    @media screen and (max-width:500px) {
    header.changed{height:65px;}
    header.changed .logo{width:160px;}
    }
    @media screen and (max-width:420px) {
    header.changed .logo{width:150px;}
    }
    @media screen and (max-width:320px) {
    header.changed .logo{width:130px;}
    }




/************************************************************************
* service_visual *
************************************************************************/
.servis .servisbg{height:250px;position:relative;position:relative;overflow:hidden;background:url(img/servis_bg.jpg) no-repeat;border-radius:40px;transition:all 0.2s ease;}
.servis .servisbg::before{width:100%;height:100%;content:"";position:absolute;top:0;left:0;background-size:cover !important;}
.in-view .servis .servisbg::before{transform:scale(1);transition:all 0.2s ease;}

.servis.sub1 .servisbg::before{background:url(/base_1/img/service_img/main_img_07.jpg) no-repeat center top;}

.servis .sv_txt{width:100%;height:100%;padding:0 50px 50px 90px;padding-bottom:0 !important;padding-right:0 !important;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:all 0.2s ease;}
.servis .sv_txt *{width:100%;color:#fff;text-align:left !important;transition:all 0.5s ease;}


    @media all and (max-width:1600px) {
    .servis .servisbg{height:550px;border-radius:90px;}

    .servis .sv_txt{padding:70px 10%;}
    }
    @media all and (max-width:1500px) {
    .servis .servisbg{height:500px;border-radius:80px;}

    .servis .sv_txt{padding:90px 8%;}
    }
    @media all and (max-width:1400px) {
    .servis .servisbg{height:450px;border-radius:70px;}

    .servis .sv_txt{padding:40px 6%;}
    }
    @media all and (max-width:1280px) {
    .servis .servisbg{height:400px;border-radius:60px !important;}

    .servis .sv_txt{padding:0 8%;}
    }
    @media all and (max-width:1100px) {
	.servis.sub1 .servisbg::before{background:url(/base_1/img/service_img/m_main_img_07.jpg) no-repeat center top;}
    .servis .servisbg{height:300px;border-radius:50px !important;}
    }
    @media all and (max-width:960px) {
    .servis .servisbg{height:300px;border-radius:40px !important;}

    }
    @media all and (max-width:860px) {
    .servis .servisbg{border-radius:30px !important;}
    }
    @media all and (max-width:820px) {
    .servis .servisbg{height:280px;}
    }
    @media all and (max-width:767px) {
    .servis .servisbg{border-radius:20px !important;}
	br.hide{display: contents;}
    }
    @media all and (max-width:640px) {
    .servis .servisbg{height:270px;border-radius:10px !important;}
    }
    @media all and (max-width:560px) {
    .servis .servisbg{height:160px;}
    }
    @media all and (max-width:460px) {
    .servis .servisbg{height:150px;}
    }
    @media all and (max-width:350px) {
    .servis .servisbg{height:140px;}
    }

/************************************************************************
* service_1DEPS *
************************************************************************/
.main #sec-1 .proBox{width: 100%; margin: 0 auto;}

.main #sec-1 .proBox .teve {width:calc(100%/2 - 30px); height: 350px; border-radius: 30px;background: #fff; box-shadow: 0 2px 20px 0 rgba(84, 84, 84, 0.1); padding: 3%;   position: relative; transition:all 0.5s ease;}
.main #sec-1 .proBox .teve:nth-child(1){background:#ebf7ff; border:1px solid #d0e4f1; transition:all 0.3s ease;}
.main #sec-1 .proBox .teve:nth-child(2){background:#e7fcf8; border:1px solid #c4e9e2; transition:all 0.3s ease;}
.main #sec-1 .proBox .teve:hover {background:linear-gradient(-45deg, #119cd8 10% , #16bdca 60%);box-shadow: 0 2px 20px 0 rgba(255, 255, 255, 0.8); transition:all 0.5s ease;}


.main #sec-1 .proBox .teve .imgBox{position: absolute; top:79px;bottom:0; right: 40px; transition:all 0.3s ease;}
.main #sec-1 .proBox .teve .imgBox figure{width:100%;display:block; position:relative;margin-left: 15px;}
.main #sec-1 .proBox .teve .imgBox figure img{width:100%;display:block; margin: 0 auto; transition:all 0.8s ease;}
.main #sec-1 .proBox .teve:hover .imgBox figure img{filter: drop-shadow(3px 2px 8px rgba(84,84,84,0.5)); transform:scale(1.1);transition:all 0.8s ease;}


.main #sec-1 .proBox .teve .txtBox{height: 160px ;border:solid 1px rgba(0,0,0,0);}
.main #sec-1 .proBox .teve .txtBox h3{ line-height: 120% !important;  margin-top: 10px; transition:all 0.4s ease;}
.main #sec-1 .proBox .teve:hover .txtBox h3{padding-top: 0px; color: #fff !important;transition:all 0.4s ease;}
.main #sec-1 .proBox .teve:hover .txtBox .field {color: #fff !important;}

.main #sec-1 .proBox .teve button{width:180px;padding:10px 14px; background:#fff;background:#aecf54;border-radius:30px;text-align:center; position:absolute;left:36%; bottom:-70px; opacity: 0; transition:all 0.3s ease;}
.main #sec-1 .proBox .teve button font{color:#fff;transition:all 0.3s ease;}
.main #sec-1 .proBox .teve:hover button {background:#fff; bottom:50px; opacity: 1; transition:all 0.3s ease;}
.main #sec-1 .proBox .teve:hover button font{color: #5a7b01; transition:all 0.3s ease;}
.main #sec-1 .proBox .teve:hover button:hover {background:rgba(73,95,13,1); color:#fff !important; transition:all 0.3s ease;}
.main #sec-1 .proBox .teve:hover button:hover font{color:#fff !important;}

.main #sec-1 .button.black {
    color: #fff;
    border-color: #4f6ddb;
	background-color:#4f6ddb;
}
.main #sec-1 .button {
    width: 210px;
    padding: 15px 30px;
    border-radius: 50px;
    font-size: 18px;
    text-align: left;
    border: solid 2px #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.2s ease;
}

.main #sec-1 .button i {
    width: 25px;
    height: 1px;
    background: #fff;
    position: relative;
    transform: translateY(-50%);
    transition: all 0.2s ease;
}

.main #sec-1 .button.black i:after {
    border-color: #fff;
}
.main #sec-1 .button i:after {
    width: 7px;
    height: 7px;
    border: solid #fff;
    border-width: 1px 1px 0 0;
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    content: "";
    transform: translateY(-50%) rotate(45deg);
    transition: all 0.2s ease;
}

    @media screen and (max-width:1500px){
    .main #sec-1 .proBox .teve .imgBox figure{margin-left: -2px;}
	    .main #sec-1 .proBox a .imgBox {
    top: 104px;
    bottom: 0;
    right: 10px;
	} 
    .main #sec-1 .proBox .teve .imgBox figure img{width:93%; }
    }
    @media screen and (max-width:1400px){
    .main #sec-1 .proBox .teve:hover {border-radius: 120px;}
    .main #sec-1 .proBox .teve .imgBox {
    top: 119px;
    bottom: 0;
    right: 10px;
	}  
    .main #sec-1 .proBox .teve .imgBox figure{margin-left: -13px;}
    .main #sec-1 .proBox .teve .imgBox figure img{width:90%; }
    }
    @media screen and (max-width:1280px){
    .main #sec-1 .proBox .teve:hover {border-radius: 30px;}
   .main #sec-1 .proBox .teve .imgBox {
    top: 149px;
    bottom: 0;
    right: 0px;
	}  
    .main #sec-1 .proBox .teve .imgBox figure{margin-left: -15px;}
    .main #sec-1 .proBox .teve .imgBox figure img{width:80%; }
    }
    @media screen and (max-width:1100px){
    .main #sec-1 .proBox .teve{height: 340px;}
      .main #sec-1 .proBox .teve .imgBox {
    top: 156px;
    bottom: 0;
    right: -30px;
	}    
    .main #sec-1 .proBox .teve .imgBox figure img{width:73%; }
    }
    @media screen and (max-width:960px){
    .main #sec-1 .proBox .teve{width:calc(100%/2 - 20px); height: 400px;}
      .main #sec-1 .proBox .teve .imgBox {
    top: 193px;
    bottom: 0;
    right: -30px;
	}  
    .main #sec-1 .proBox .teve .imgBox figure{margin-left: 0px;}
    .main #sec-1 .proBox .teve .imgBox figure img{width:80%; }
    }
    @media screen and (max-width:860px){
    .main #sec-1 .proBox .teve{width:calc(100%/2 - 15px); height: 340px;}
      .main #sec-1 .proBox .teve .imgBox {
    top: 179px;
    bottom: 0;
    right: -90px;
	}    
    .main #sec-1 .proBox .teve .imgBox figure{margin-left: -10px;}
    .main #sec-1 .proBox .teve .imgBox figure img{width:60%; }
    }
    @media screen and (max-width:767px){
 .main #sec-1 .proBox .teve{width:calc(100%/2 - 10px);}
    .main #sec-1 .proBox .teve{height: 320px;}
      .main #sec-1 .proBox .teve .imgBox {
    top: 179px;
    bottom: 0;
    right: -90px;
	}      
    .main #sec-1 .proBox .teve .imgBox figure{margin-left: -10px;}
	.main #sec-1 .proBox .teve .imgBox figure img{width:50%; }
    }
    @media screen and (max-width:640px){
       
    .main #sec-1 .proBox .teve .imgBox {top:180px;}
    .main #sec-1 .proBox .teve .imgBox figure{margin-left: -10px;}
       .main #sec-1 .proBox .teve .imgBox {
    top: 205px;
    bottom: 0;
    right: -90px;
	}    
.main #sec-1 .button {
    width: 180px;
    padding: 12px 20px;
    border-radius: 50px;
    font-size: 16px;
    text-align: left;
    border: solid 2px #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.2s ease;
}

.main #sec-1 .button i {
    width: 25px;
    height: 1px;
    background: #fff;
    position: relative;
    transform: translateY(-50%);
    transition: all 0.2s ease;
}

.main #sec-1 .button.black i:after {
    border-color: #fff;
}
.main #sec-1 .button i:after {
    width: 7px;
    height: 7px;
    border: solid #fff;
    border-width: 1px 1px 0 0;
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    content: "";
    transform: translateY(-50%) rotate(45deg);
    transition: all 0.2s ease;
}	
    .main #sec-1 .proBox .teve .txtBox h4{padding-top: 40px;}
    .main #sec-1 .proBox .teve:hover .txtBox h4{padding-top: 20px;}
    }
   
/************************************************************************
* service_2DEPS *
************************************************************************/


.main #sec-2{ position: relative;background-color:#f5f7fa; transition:all 0.2s ease;}

.main #sec-2 .banner{position:relative;font-size:0;line-height:0;}
.main #sec-2 .banner_list{padding:30px 0 30px 0;overflow:hidden;}
.main #sec-2 .banner_item{display:inline-block;position:relative; width:calc(100%/3 - 20px); }
.main #sec-2 .banner_item + .banner_item{margin-left:20px;}
.main #sec-2 .banner_item + .banner_item:before{width:1px;height:9px;display:block;position:absolute;top:0;left:0;bottom:0;margin-top:auto;margin-bottom:auto;}


.main #sec-2 .banner_anchor{width: 100%; background: #fff; border:solid 1px #b4b4b4; padding: 5%;border-radius: 30px;position:relative; display: grid; transition:all 0.3s ease;}
.main #sec-2 .banner_anchor:hover{background: #1a33b2; border:solid 1px #119cd8;}
.main #sec-2 .banner_anchor .tit{padding-bottom:15px; border-bottom:1px solid #848484; height: 90px;}
.main #sec-2 .banner_anchor .nBox{width: fit-content; background: #1a33b2; color: #fff;padding: 8px 20px; border-radius:50px; font-weight: 500; list-style: 0.02em;transition:all 0.3s ease;}
.main #sec-2 .banner_anchor .nBox1{width: fit-content; background: #436a19; color: #fff;padding: 8px 20px; border-radius:50px; font-weight: 500; list-style: 0.02em;transition:all 0.3s ease;}
.main #sec-2 .banner_anchor:hover .nBox{background: #fff; color: #1a33b2; transition:all 0.3s ease;}
.main #sec-2 .banner_anchor .date{transition:all 0.3s ease;}
.main #sec-2 .banner_anchor .ctxt{ text-overflow: ellipsis; overflow: hidden; display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    -webkit-box-pack: top;}
.main #sec-2 .banner_anchor:hover .tit,
.main #sec-2 .banner_anchor:hover .ctxt{color: #fff; }




.main #sec-2 .banner_control{width:100%;}
.main #sec-2 .slick-arrow,
.main #sec-2 .banner_more{display:inline-block;position:relative;width:100px;height:100px;background:rgba(17,156,216,.1) !important;  border-radius:50%;border:none;vertical-align:middle;transition:all 0.5s ease;}
.main #sec-2 .slick-arrow:hover,
.main #sec-2 .banner_more:hover{background:rgba(17,156,216,.8) !important;}
.main #sec-2 .banner_auto{margin-right:4px;margin-left:4px;}
.main #sec-2 .banner_more{margin-left:4px;}

    @media screen and (max-width:1500px){
    .main #sec-2 .banner{padding:15px 0;}
        
    .main #sec-2 .banner_control .slick-arrow.banner_prev{left:5%;}
    .main #sec-2 .banner_control .slick-arrow.banner_next{right:5%;}
    }
    @media screen and (max-width:1280px){
    .main #sec-2 .banner_anchor img{width:95%;border-radius:20px;}
	.main #sec-2 .banner_item{display:inline-block;position:relative; width:calc(100%/2 - 10px); }
	.main #sec-2 .banner_anchor .tit{padding-bottom:15px; border-bottom:1px solid #848484; height: auto;}
	.main #sec-2 .banner_item + .banner_item {margin-left: 0px; padding-left: 0px;}
	.main #sec-2 .boardMainBox .banner_item {margin:10px 0; }
    }
	@media screen and (max-width:980px){  
    .main #sec-2 .w55{width:100%!important;}    
	.main #sec-2 .w45{width:100%!important;} .main #sec-2 .button {display:none;}

	}
    @media screen and (max-width:767px){
    .main #sec-2 .banner{padding:0;}    
    .main #sec-2 .w55{width:100%!important;}    
	.main #sec-2 .w45{width:100%!important;} 
	.main #sec-2 .banner_item + .banner_item {
    margin-left: 0px;
    padding-left: 0px;
}
.main #sec-2 .end{display:none; }
    }



.pro_title{border-bottom: 3px solid #000;     padding: 20px;
    margin-bottom: 25px;}

.sub32tab1 {
    width: 100%;
    max-width: 1000px;
    margin: 40px auto;
    border-bottom: 2px solid #e9e9e9; /* 하단 가이드 라인 */
}

.sub3tab1 a {
    flex: 1; /* 탭 너비를 동일하게 배분 */
    text-align: center;
    text-decoration: none;
    padding: 15px 0;
    position: relative;
    transition: all 0.3s ease;
    color: #666; /* 기본 글자색 */
	/* [추가] 모든 탭 하단에 기본 회색 줄 추가 */
    border-bottom: 3px solid #606060;
}
/* 호버 효과 */
.sub3tab1 a:hover {
    color: #000;
    background-color: #f8f9fa;
}
/* 활성화 상태 (Active) */
.sub3tab1 a.active {
    color: #007bff; /* 포인트 컬러 (파란색 계열) */
}

/* 활성화 시 하단 바 표시 (가상 요소) */
.sub3tab1 a.active::after {
    content: '';
    position: absolute;
    bottom: -2px; /* 부모 테두리 위에 겹치게 */
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #007bff;
}

/* 반응형 처리 (모바일에서는 글자 크기 조정) */
@media (max-width: 768px) {
    .sub3tab1 a { padding: 12px 5px; }
}
/************************************************************************
* FOOTER *
************************************************************************/
footer{width:100%;background: #111b2a;padding:50px 0;}
footer *{color:#ededed;}

footer .f_top {padding: 0 40px 60px 40px;border-bottom:solid 1px rgba(255,255,255,0.2);}
footer .f_top .copyBox{}
footer .f_top .copyBox img.logo{width:280px;}
footer .f_top .copyBox .copyad{color:rgba(255,255,255,0.9);word-wrap:break-word;display:block;word-break:keep-all;line-height:170% !important;}
footer .f_top .copyBox .copyad i{margin: 0 10px;}
footer .f_top .copyBox .copyad i.bl{margin: 0 20px;}
footer .f_top .copyBox .copyad br.hide, footer .f_top .copyBox .copyad br.hide2, footer .f_top .copyBox .copyad br.hide3, footer .f_top .copyBox .copyad br.hide4{display:block;}

footer .f_top .siteMapWrap{}
footer .f_top .siteMap div{width:calc(100%/3);}
footer .f_top .siteMap div .tit{color: #fff;text-align: right; position: relative;}
footer .f_top .siteMap div ul li a{padding-bottom:8px;font-size:15px;line-height:110%;color:rgba(255,255,255,.6);text-align: right;display:block;transition:all 0.3s ease;}
footer .f_top .siteMap div ul li a:hover{color:rgba(255,255,255,.85);}
footer .f_top .siteMap div ul li a br.hide{display: none;}


footer .f_top .snsBox{display:flex;justify-content:flex-end;}
footer .f_top .snsBox a{margin-right:25px;display: flex !important; justify-content: center; align-items: center; display:block; transition:all 0.5s ease;}
footer .f_top .snsBox a:last-child{margin-right:0px; transition:all 0.5s ease;}
footer .f_top .snsBox a img{width: 36px; height: auto; display:block; opacity: .7;transition:all 0.5s ease;}
footer .f_top .snsBox a:hover img{/*transform:rotate(15deg);*/transform: scale(1.1);opacity: 1;transition:all 0.5s ease;}
footer .f_top .snsBox a:hover{color:rgba(255,255,255,1);transition:all 0.5s ease;}


    @media screen and (max-width:1500px) {
        footer .f_top .copyBox .type15{font-size: 15px !important;}
    }
    @media screen and (max-width:1280px) {
        footer{padding:80px 0;}
        
        footer .f_top {padding: 0 20px 50px 20px;}
        footer .f_top .copyBox img.logo{width:260px;}
        footer .f_top .copyBox .type15{font-size: 14px !important;line-height:150% !important;}
                
        footer .f_top .siteMap div .tit{font-size:17px;}
        footer .f_top .siteMap div ul li a{padding-bottom:11px;font-size:15px;}
    }
    @media screen and (max-width:1100px) {
        footer .f_top {padding:0 20px 40px 20px;}
        footer .f_top .w45{width: 100% !important;}
        footer .f_top .copyBox img.logo{width:250px; margin: 0 auto; display: block;}
        footer .f_top .copyBox .copyad br.hide, footer .f_top .copyBox .copyad br.hide3, footer .f_top .copyBox .copyad br.hide4{display:none;}
        footer .f_top .copyBox .copyad i.hide{margin: 0 !important;}
        footer .f_top .copyBox .copyad{padding-left:0px; text-align: center;}
        
        footer .f_top .siteMapWrap{width: 80% !important; margin: 0 auto;}

        footer .f_top .siteMap div .tit{font-size:15px;}
        footer .f_top .siteMap div ul li a{padding-bottom:11px;font-size:14px;}
    }
    @media screen and (max-width:960px) {
        footer{padding:70px 0;}
        footer .f_top .copyBox img.logo{width:180px;}
        footer .f_top .copyBox .copyad br.hide2 {display:block;}
        footer .f_top .siteMapWrap{width: 90% !important;}
    }
    @media screen and (max-width:767px) {
        footer{padding:40px 0;}
        footer .f_top .siteMap{display:none;}
        footer .f_top {padding:0 15px 20px 15px;}
        footer .f_top .copyBox .type15{font-size: 14px !important;line-height:160% !important;}
    }
    @media screen and (max-width:640px) {        
        
        footer .f_top .copyBox .copyad i.bl{margin: 0;}
        
        footer .f_top .siteMapWrap{width: 100% !important;}
        footer .f_top .siteMap div .tit{font-size:15px;}
        footer .f_top .siteMap div ul li a{padding-bottom:9px;font-size:13px;}
    }
    @media screen and (max-width:570px) {        
        footer .f_top .siteMap div .tit{font-size:14px;}
        footer .f_top .siteMap div ul li a{font-size:12px;}
    }
    @media screen and (max-width:460px) {
        footer .f_top .copyBox img.logo{width:220px;}
        footer .f_top .copyBox .type15{font-size: 13px !important;line-height:150% !important;}
                
        footer .f_top .siteMapWrap{padding-top: 10px; padding-right: 0px;display: none;}
        footer .f_top .siteMap div{width:calc(100%/2) !important;margin-bottom: 20px; }
        footer .f_top .siteMap div:last-child{width:50% !important;}
        footer .f_top .siteMap div .tit{font-size:15px;}
        footer .f_top .siteMap div ul li a{font-size:13px;padding-bottom:8px;}
    }
    @media screen and (max-width:360px) {        
        footer .f_top .addBox br.hide4{display: block;}
        
        footer .f_top .siteMap div .tit{font-size:14px;}
        footer .f_top .siteMap div ul li a{font-size:12px;}
    }
    @media screen and (max-width:340px) {        
        footer .f_top .copyBox .copyad br.hide {display:block;}
        footer .f_top .copyBox .copyad i.hide2{margin: 0 !important;}
    }






footer .f_bot{padding: 20px;}

footer .f_bot .add .copy{color:rgba(255,255,255,.7);transition:all 0.5s ease;}
footer .f_bot .add .copy br.hide{display: none;}


footer .f_bot .terms{display:flex;transition:all 0.5s ease;}
footer .f_bot .terms a{padding-right:18px;position:relative;color:rgba(255,255,255,0.5);transition:all 0.5s ease;}
footer .f_bot .terms a:hover{color:rgba(255,255,255,0.8);}
footer .f_bot .terms a:first-child{padding-left:0 !important;}
footer .f_bot .terms a:first-child:after{display:none;}



    @media screen and (max-width:1500px){
        footer .f_bot .terms{display:flex;justify-content: flex-end;}
    }
    @media screen and (max-width:1280px){
        footer .f_bot{padding: 20px 20px 20px 20px;}
        
        footer .f_bot .add li{font-size: 16px;}

        footer .f_bot .add{padding-left:0px;}
        footer .f_bot .add li{font-size: 16px; padding-left: 10px; padding-bottom: 10px;}
        footer .f_bot .add li:after{width:3px;height:3px;background:#fff;position:absolute;top:8px;left:0; border-radius: 50%; display:block;content:"";}
    }
    @media screen and (max-width:1100px){
        footer .f_bot .add li{font-size: 15px;}
                footer .disF .w55{width:100% !important;}
        footer .f_bot .customer .snsBox a{width:50px;height:50px;margin-right:14px;}
        footer .f_bot .customer .snsBox a img{width: 26px; height: auto; }
        
        footer .f_bot .terms a{padding-right:12px;}
    }
    @media screen and (max-width:960px){
        footer .f_bot .add li{font-size: 14px;padding-left: 7px;}
        footer .f_bot .add li:after{width:2px;height:2px;top:7px;}

        footer .f_bot .customer .snsBox a{width:46px;height:46px;margin-right:12px;}
        footer .f_bot .customer .snsBox a img{width: 22px;}
        
        footer .f_bot .terms a{padding-right:10px;}
    }
    @media screen and (max-width:767px){    
        footer .f_bot .add, footer .f_bot .customer{width:100% !important; text-align: center;}
        footer .f_bot .add, footer .f_bot .add{margin-top: 10px !important;}
        
        footer .f_bot .add li{padding-left: 0;}
        footer .f_bot .add li:after{display:none;}
        
        footer .f_bot .customer {margin-top: 40px;}
        footer .f_bot .customer .snsBox, footer .f_bot .terms {width: 100%; justify-content: center !important; text-align: center;}
        footer .customer *{text-align:center;}
    }
    




/************************************************************************
* UP *
************************************************************************/
#back2top{width:65px;height:65px;font-size:24px;line-height:65px;text-align:center;color:#000;border:solid 1px rgba(0,0,0,0.1);background:rgba(255,255,255,1);border-radius:50%;position:fixed;bottom:20px;right:20px;display:none;cursor:pointer;z-index:98;}

@media screen and (max-width:1500px){
#back2top{width:60px;height:60px;font-size:22px;line-height:60px;bottom:15px;right:15px;}
}
@media screen and (max-width:1280px){
#back2top{width:58px;height:58px;font-size:20px;line-height:58px;}
}
@media screen and (max-width:1100px){
#back2top{width:54px;height:54px;font-size:19px;line-height:54px;bottom:10px;right:10px;}
}
@media screen and (max-width:767px){
#back2top{width:50px;height:50px;font-size:18px;line-height:50px;}
}
@media screen and (max-width:640px){
#back2top{width:45px;height:45px;font-size:16px;line-height:45px;bottom:5px;right:5px;}
}
@media screen and (max-width:460px){
#back2top{width:40px;height:40px;line-height:40px;}
}
@media screen and (max-width:360px){
#back2top{width:38px;height:38px;line-height:38px;}
}


/************************************************************************
* sub_visual *
************************************************************************/
.sub .subbg{height:200px;position:relative;position:relative;overflow:hidden;border-radius:40px;transition:all 0.2s ease;}
.sub .subbg::before{width:100%;height:100%;content:"";position:absolute;top:0;left:0;background-size:cover !important;}
.in-view .sub .subbg::before{transform:scale(1);transition:all 0.2s ease;}

.sub.sub1 .subbg::before{background:url(/base_1/img/service_img/sub_img.png) no-repeat center top;}

.sub .sv_txt{width:100%;height:100%;padding:0 50px 0 80px;padding-bottom:0 !important;padding-right:0 !important;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:all 0.2s ease;}
.sub .sv_txt *{width:100%;color:#fff;text-align:left !important;transition:all 0.5s ease;}


    @media all and (max-width:1400px) {
    .sub .sv_txt{padding:40px 6%;}
    }
    @media all and (max-width:1280px) {
    .sub .sv_txt{padding:0 8%;}
    }
    @media all and (max-width:1100px) {
    }
    @media all and (max-width:960px) {

    }
    @media all and (max-width:860px) {
    .sub .subbg{border-radius:30px !important;}
    }
    @media all and (max-width:820px) {
    .sub .subbg{height:100px;}
    }
    @media all and (max-width:767px) {
    .sub .subbg{border-radius:20px !important;}
	br.hide{display: contents;}
    }
    @media all and (max-width:640px) {
    }
    @media all and (max-width:560px) {

    }
    @media all and (max-width:460px) {

    }
    @media all and (max-width:350px) {

    }
/*********************** 부품구매하기 ***********************/
.pro_ac{position:relative;}
.pro_ac:after{content:"";width:100%;position:absolute;top:0;left:0;display:block;z-index:-2;}
.pro_ac .c-bg{width:50% !important;top:-25%;right:-18%;z-index:-1;}

.pro_ac .pro_acs{z-index:1;position:relative;}
.pro_ac .pro_acs a{width:calc(100%/5 - 30px);margin:20px 15px; border:solid 1px #d7d7d7; padding:20px 0;border-radius:20px;box-shadow:1px 1px 15px rgba(0,0,0,0.1);background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:all 0.2s ease;}
.pro_ac .pro_acs a figure{width:190px;margin:0 auto;overflow:hidden;display:block;}
.pro_ac .pro_acs a figure img{width:100%;display:block;transition:all 0.2s ease;}
.pro_ac .pro_acs a span{padding-top:10px; }
.pro_ac .pro_acs a span font{margin-top:10px;line-height:120%;}
.pro_ac .pro_acs a span *{text-align:center;transition:all 0.2s ease;}
.pro_ac .pro_acs a img {border:solid 1px #d7d7d7;}


.pro_ac .pro_acs a:hover,
.pro_ac .pro_acs a.active{border:solid 2px #1774d0;transition:all 0.2s ease;}

.pro_ac .pro_acs a:hover span *,
.pro_ac .pro_acs a.active span *{color:#1774d0;transition:all 0.2s ease;}
.pro_ac .pro_acs a:hover span font,
.pro_ac .pro_acs a.active span font{font-weight:600;}

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

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

}
@media screen and (max-width:1100px){
.pro_ac .pro_acs a{width:calc(100%/4.2 - 20px);margin:20px 10px;padding:25px 0;border-radius:20px;}
.pro_ac .pro_acs a figure{width:180px;}
}
@media screen and (max-width:960px){

.pro_ac .pro_acs a{width:calc(100%/3.2 - 10px);margin:10px 5px;padding:20px 0;border-radius:20px;}
.pro_ac .pro_acs a figure{width:150px;}
}
@media screen and (max-width:560px){

.pro_ac .pro_acs a{width:calc(100%/3 - 6px);margin:3px 3px;padding:15px 10px;border-radius:10px;}
.pro_ac .pro_acs a figure{width:100px;}
.pro_ac .pro_acs a span{padding-top:5px;}
.pro_ac .pro_acs a span font{margin-top:0;}
.pro_ac .pro_acs .type30 {font-size:18px;}
}
@media screen and (max-width:500px){
.pro_ac .pro_acs a{padding:10px 5px;}
.pro_ac .pro_acs a figure{width:90px;}
.pro_ac .pro_acs a span h5{font-size:16px !important;}
}
@media screen and (max-width:400px){
.pro_ac .pro_acs a figure{width:80px;height:40px;}
}
	
	
	/*********************** 서브 탭 ***********************/
.pro_tab{position:relative;}
.pro_tab:after{content:"";width:100%;position:absolute;top:0;left:0;display:block;z-index:-2;}
.pro_tab .c-bg{width:50% !important;top:-25%;right:-18%;z-index:-1;}

.pro_tab .sub2tab{z-index:1;position:relative;}
.pro_tab .sub2tab a{width:calc(100%/3 - 40px);margin:15px 15px; border:solid 1px #d7d7d7; padding:20px 0;border-radius:20px;box-shadow:1px 1px 15px rgba(0,0,0,0.1);background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:all 0.2s ease;}
.pro_tab .sub2tab a figure{width:240px;margin:0 auto;overflow:hidden;display:block;}
.pro_tab .sub2tab a figure img{width:100%;display:block;transition:all 0.2s ease;}
.pro_tab .sub2tab a span{padding-top:15px; }
.pro_tab .sub2tab a span font{margin-top:15px;line-height:120%;}
.pro_tab .sub2tab a span *{text-align:center;transition:all 0.2s ease;}
.pro_tab .sub2tab a span font{display: contents;}

.pro_tab .sub2tab a:hover,
.pro_tab .sub2tab a.active{border:solid 2px #1774d0;transition:all 0.2s ease;}

.pro_tab .sub2tab a:hover span *,
.pro_tab .sub2tab a.active span *{color:#1774d0;transition:all 0.2s ease;}
.pro_tab .sub2tab a:hover span font,
.pro_tab .sub2tab a.active span font{font-weight:600;}

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

.pro_tab .sub2tab a{width:calc(100%/3.2 - 40px);margin:0 20px;padding:28px 0;border-radius:20px;}
.pro_tab .sub2tab a figure{width:210px;}
.pro_tab .sub2tab a span{padding-top:20px;}
.pro_tab .sub2tab a span font{margin-top:15px;}
}
@media screen and (max-width:1280px){
.pro_tab .sub2tab a{width:calc(100%/3.2 - 20px);margin:0 10px;padding:25px 0;border-radius:20px;}
.pro_tab .sub2tab a figure{width:140px;}
.pro_tab .sub2tab a span{padding-top:15px;}
.pro_tab .sub2tab a span font{margin-top:10px;}
}
@media screen and (max-width:1100px){

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

.pro_tab .sub2tab a{width:calc(100%/3.2 - 10px);margin:0 5px;padding:20px 0;border-radius:20px;}
.pro_tab .sub2tab a figure{width:120px;}
}
@media screen and (max-width:560px){

.pro_tab .sub2tab a{width:calc(100%/3 - 6px);margin:3px 3px;padding:15px 10px;border-radius:10px;}
.pro_tab .sub2tab a figure{width:100px;}
.pro_tab .sub2tab a span{padding-top:5px;}
.pro_tab .sub2tab a span font{margin-top:0;}
.pro_tab .sub2tab .type30 {font-size:18px;}
}
@media screen and (max-width:500px){
.pro_tab .sub2tab a{padding:10px 5px;}
.pro_tab .sub2tab a figure{width:90px;}
.pro_tab .sub2tab a span h5{font-size:16px !important;}
}
@media screen and (max-width:400px){
.pro_tab .sub2tab a figure{width:80px;height:40px;}
}



/*********************** 서브 탭 ***********************/
.pro_tab1{position:relative;}
.pro_tab1:after{content:"";width:100%;position:absolute;top:0;left:0;display:block;z-index:-2;}
.pro_tab1 .c-bg{width:50% !important;top:-25%;right:-18%;z-index:-1;}

.pro_tab1 .sub2tab1{z-index:1;position:relative;}
.pro_tab1 .sub2tab1 a{width:calc(100%/7 - 10px);margin:5px 5px; border:solid 1px #d7d7d7; padding:20px 0;border-radius:10px;box-shadow:1px 1px 15px rgba(0,0,0,0.1);background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:all 0.2s ease;}
.pro_tab1 .sub2tab1 a span font{line-height:120%;}
.pro_tab1 .sub2tab1 a span *{text-align:center;transition:all 0.2s ease;}

.pro_tab1 .sub2tab1 a:hover,
.pro_tab1 .sub2tab1 a.active{border:solid 2px #1774d0;transition:all 0.2s ease;}

.pro_tab1 .sub2tab1 a:hover span *,
.pro_tab1 .sub2tab1 a.active span *{color:#1774d0;transition:all 0.2s ease;}
.pro_tab1 .sub2tab1 a:hover span font,
.pro_tab1 .sub2tab1 a.active span font{font-weight:600;}

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

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

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

}
@media screen and (max-width:960px){
.accordion_menu details  .txt.type28{font-size: 18px !important;}
.pro_tab1 .sub2tab1 a{width:calc(100%/3.2 - 10px);margin:10px 10px;padding:20px 0;border-radius:20px;}

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

.pro_tab1 .sub2tab1 a{width:calc(100%/3 - 6px);margin:3px 3px;padding:15px 10px;border-radius:10px;}
.pro_tab1 .sub2tab1 a figure{width:100px;}
.pro_tab1 .sub2tab1 a span{padding-top:5px;}
.pro_tab1 .sub2tab1 a span font{margin-top:0;}
.pro_tab1 .sub2tab1 .type30 {font-size:18px;}
}
@media screen and (max-width:500px){
.pro_tab1 .sub2tab1 a{padding:10px 5px;}
.pro_tab1 .sub2tab1 a figure{width:90px;}
.pro_tab1 .sub2tab1 a span h5{font-size:16px !important;}
}
@media screen and (max-width:400px){
.pro_tab1 .sub2tab1 a figure{width:80px;height:40px;}
}
	/*********************** faq ***********************/
	
.accordion_menu { 
    width: 100%; 
    margin: 0 auto; 
    padding-bottom: 40px; 
    background-color: #fff; 
}

.accordion_menu details { 
    display: block; 

} 
.accordion_menu details .sum{ 
    padding: 30px 20px 40px 20px;
	background-color: #f5f5f5; 
} 
.accordion_menu details font{
margin-left: 10px;
display: inline-block;
}
.accordion_menu details .sum span{ 
    display: inline;
	background-color: #0052ff;
    color: #fff;
    padding: 6px 12px;
    border-radius: 100%;
}
.accordion_menu details summary { 
    position: relative; 
    padding: 30px 50px 30px 20px; 
    font-weight: 500; 
    color: #333; 
    cursor: pointer; 
    list-style-type: none; 
	border-top:solid 1px #cacfda;
} 
.accordion_menu details summary span{ 
    display: inline;
	background-color: #ff0000;
    color: #fff;
    padding: 6px 12px;
    border-radius: 100%;
}
/* 기본 화살표 아이콘 숨김 */
.accordion_menu details > summary::-webkit-details-marker {
    display: none; 
}
.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 비율 (9/16 = 0.5625) */
  height: 0;
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 100%; aspect-ratio: 16 / 9;
}
.accordion_menu details summary::before,
.accordion_menu details summary::after { 
    content: ''; 
    position: absolute; 
    top: 50%; 
    right: 20px; 
    width: 30px; 
    height: 3px; 
    background: #333; 
    transform: translate(0, -50%); 
    transition: all 0.3s;
} 

/* 닫힌 상태 화살표 */
.accordion_menu details summary::after {
    transform: translate(0, -50%) rotate(90deg); 
}

/* 열린 상태 화살표 */
.accordion_menu details.open summary::after {
    transform: translate(0, -50%) rotate(0);
}

.accordion_menu details p { 
    margin-top: 10px; 
    color: #333; 
} 


.accordion_menu details summary b {
    position: absolute;
    background-color: #ff0000;
    padding: 10px 15px;
    font-size: 18px;
    color: #fff;
    border-radius: 10px;
    right: 100px;
    bottom: 20px;
}
.accordion_menu details .sum .sec2-m2{width:100%;margin-right: 20px; gap:0 10px;}
.accordion_menu {border-top:solid 3px #252b37;}

.accordion_menu details .sum .sec2-m2 .button.black {
    color: #000;
    border-color: #000;
}
.accordion_menu details .sum .sec2-m2 .button {
    width: 270px;
    padding: 15px 20px;
    border-radius: 50px;
	font-weight:700;
    font-size: 18px;
    text-align: left;
    border: solid 2px #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.2s ease;
}

.accordion_menu details .sum .sec2-m2 .button i {
    width: 25px;
    height: 1px;
    background: #000;
    position: relative;
    transform: translateY(-50%);
    transition: all 0.2s ease;
}

.accordion_menu details .sum .sec2-m2 .button.black i:after {
    border-color: #000;
}
.accordion_menu details .sum .sec2-m2 .button i:after {
    width: 7px;
    height: 7px;
    border: solid #000;
    border-width: 1px 1px 0 0;
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    content: "";
    transform: translateY(-50%) rotate(45deg);
    transition: all 0.2s ease;
}


 @media screen and (max-width:1280px){
	.accordion_menu details .sum  .w70{
		width:100%!important;
	}	
	.accordion_menu details .sum  .w25{
		width:100%!important;
	}	
.video-container {
margin-top:15px;
}	
.accordion_menu details .sum .sec2-m2 .link{width:calc(100%/2 - 10px);}
.accordion_menu details .sum .sec2-m2 .link {
    border-radius: 10px;
}
 }
 
 @media screen and (max-width:980px){ 
 .accordion_menu details summary::before,
.accordion_menu details summary::after { 
    width: 20px; 
} 

.accordion_menu details summary b {
    position: absolute;
    background-color: #ff0000;
    padding: 8px 15px;
    font-size: 16px;
    color: #fff;
    border-radius: 10px;
    right: 100px;
    bottom: 20px;
}

.accordion_menu details summary {
    padding: 20px 15px 20px 15px;

}
.accordion_menu details summary span {
    padding: 6px 10px;

}
 }
 
  @media screen and (max-width:780px){ 
.accordion_menu details summary b {
    display:none;
}
  }