@charset "utf-8";

#main_wrap {}
#mv_wrap {}
#mv {width: 100vw; border-radius: 0 0; overflow: hidden; transform: translateX(0vw);}
#mv .mv_box {width: 100vw; position: relative; transform:translateX(0vw) }
#mv .mv_list_wrap { margin-bottom: 0;}
#mv .mv_list_wrap .mv_list {position: relative; overflow: hidden; height:980px;}
/*#mv .mv_list_wrap .mv_list .visual { width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;transform:scale(1.2); filter:blur(10px); transition:all 1.5s cubic-bezier(0.37, 0, 0.63, 1); }*/
#mv .mv_list_wrap .mv_list .visual { width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;transform: scale(1.15);}

#mv .mv_list_wrap .mv_list.slick-active .visual { animation:mvBgScale 3.5s forwards; transform:scale(1); filter:blur(0px);}
				
#mv .mv_list_wrap .mv_list1 .visual {background-image: url('/assets/images/main/mv1.jpg');}
#mv .mv_list_wrap .mv_list2 .visual {background-image: url('/assets/images/main/mv2.jpg');}
#mv .mv_list_wrap .mv_list3 .visual {background-image: url('/assets/images/main/mv3.jpg');}

#mv .mv_list_wrap .mv_list .txt_wrap {position:absolute;top: 47%;transform:translateY(-50%);text-align:center ;margin: 0 auto;width: 1200px;margin-left: -600px;left: 50%;}
#mv .mv_list_wrap .mv_list .txt_wrap h3 {letter-spacing:0; }
#mv .mv_list_wrap .mv_list .txt_wrap h4 {letter-spacing:0; }
#mv .mv_list_wrap .mv_list .txt_wrap p { }
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap p { animation:mvTxt 1.3s 1.1s forwards; opacity: 0; transform:translateY(50px) scale(1.1);  text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4); }
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap h3 { animation:mvTxt 1s 1s forwards; opacity: 0; transform:translateX(50px) scale(1.1);     text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4); }
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap h4 { animation:mvTxt 1.3s 1s forwards; opacity: 0; transform:translateX(50px) scale(1.1); }

#mv .mv_list_wrap .mv_list .txt_wrap1 {position: absolute;left:0;top:35%;transform: translateY(0);margin-left: 0;/*overflow: hidden;*/text-align: center;margin: 0 auto;width: -webkit-fill-available;}
#mv .mv_list_wrap .mv_list .txt_wrap1 h3 {letter-spacing: 0; color: #fff; }
#mv .mv_list_wrap .mv_list .txt_wrap1 p {color: #fff;  letter-spacing:20px;}
#mv .mv_list_wrap .mv_list .txt_wrap1 h4 {letter-spacing:0; color: #fff; }
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap1 h3 { animation:mvTxt2 2.2s 0.7s forwards; opacity: 0;  transform:translateX(100px) scale(1.1);filter:blur(5px); }
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap1 h4 { animation:mvTxt1 2s 0.9s forwards; opacity: 0;  transform:translateX(-100px) scale(1.1); filter:blur(5px);}
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap1 p { animation:mvTxt 1s 0.7s forwards; opacity: 0;  transform:translatex(50px) scale(1.1); filter:blur(5px);}

#mv .mv_list_wrap .mv_list.slick-active .more {padding:15px 50px; text-align:center; border:1px solid #fff; color:#fff; border-radius:50px; transition:.25s;  margin:50px auto 0; animation:mvTxt 0.7s 0.3s forwards; opacity: 0;  transform:translateY(50px) scale(1.1);filter:blur(5px); position:relative; }
#mv .mv_list_wrap .mv_list.slick-active .more:hover { bbackground-color: #896e60;  border:1px solid #896e60; }


#mv .mv-dots{position:absolute;left: 50%;bottom: 12%;transform:translateX(-50%);display:flex;gap:3px;text-align: center;justify-content: center;align-items: center;margin: 0 auto;}
#mv .mv-dots li{width:15px;height:15px;}
#mv .mv-dots li button{width:15px;height:15px;border-radius:50%;background:rgba(255,255,255,.4);padding:0; transition:.25s;}
#mv .mv-dots li.slick-active button{background:#df332f;}
.slick-dots li button:before{ color: transparent;}
.slick-dots li.slick-active button:before{color: transparent;}


#mv .slick-slide img { display: inline-block;}

#mv .slider_arrow_wrap {display: flex;align-items:center;position: absolute; bottom: 12%; left: 50%; transform:translateX(-50%);}
#mv .slider_arrow_wrap button {background: none; border: none; font-family: 'Cinzel', sans-serif; font-size: 14px; color: #fff;position: relative; letter-spacing:1px;}
#mv .slider_arrow_wrap button:after {content:''; display: block; width: 45px; height: 1px; background-color: #fff;position: absolute; top: 50%; }
#mv .slider_arrow_wrap .prev { padding-right: 70px; }
#mv .slider_arrow_wrap .next { padding-left: 70px; }
#mv .slider_arrow_wrap .prev:after {right: 0;}
#mv .slider_arrow_wrap .next:after {left: 0;}
#mv .slider_arrow_wrap .center-deco{width: 30px; height: 30px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.5); display: flex; align-items: center; justify-content: center;}
#mv .slider_arrow_wrap .center-deco .center-cir{display: block; width: 6px; height: 6px; background-color: white; border-radius: 50%;}


@keyframes mvBgScale {
    0% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes mvTxt {
    0% {
        opacity:0;
        transform:translateY(50px) scale(1.1);
        filter:blur(5px); /* ← 숫자 없던 오류 수정 */
    }
    100% {
        opacity:1;
        transform:translateY(0) scale(1);
        filter:blur(0);
    }
}
@keyframes mvTxt1 {
    0% {
        opacity:0;
        transform:translateX(120px) scale(1.1);
        filter:blur(5px); /* ← 숫자 없던 오류 수정 */
    }
    100% {
        opacity:1;
        transform:translateX(0) scale(1);
        filter:blur(0);
    }
}

@keyframes mvTxt2 {
    0% {
        opacity:0;
        transform:translateX(-120px) scale(1.1);
        filter:blur(5px); /* ← 숫자 없던 오류 수정 */
    }
    100% {
        opacity:1;
        transform:translateX(0) scale(1);
        filter:blur(0);
    }
}


#mv .wave{position:absolute;bottom:25px;left:50%;transform:translate(-50%,0);z-index:20;width: 10px;}
#mv .wave svg{display:block;}
#mv .wave svg path{stroke-dasharray: 55px;stroke-dashoffset: 55px;}

@keyframes wave {
	0% {stroke-dashoffset: 55px;}
	30% {stroke-dashoffset: 0;}
	60% {stroke-dashoffset: 0;}
	90% {stroke-dashoffset: -55px;}
	100% {stroke-dashoffset: -55px;}
}

#mv .wave svg path{animation: wave 2s 1s linear infinite;}


.scroll_down{position: absolute;bottom:0;left:50%;transform:translate(-47%);cursor:pointer; z-index: 1; }
.scroll_down span{display: block;position: relative;font-size:14px;color:#fff;font-weight:500;padding-bottom:75px;letter-spacing:0.02em; text-transform: uppercase;}
/*.scroll_down span:before{width:1px;height:70px;content:'';background: #fff;opacity:0.5;position: absolute;bottom:0;left:calc(50% - 1px);}
.scroll_down span:after{width:10px;height:10px;content:'';box-sizing:border-box;border-radius:100%;background: #ca9a67;position: absolute;left:49%;bottom:20%;transform:translate(-50%);animation:scroll 2s ease-in Infinite Alternate;}*/

@keyframes scroll{
	0%{bottom:50%;}
	50%{bottom:7%;}
	100%{bottom:50%;}
}



.quote-button { width:310px; height:82px; line-height:82px; margin-top:70px;  display: inline-flex;  align-items: center;  background-color: #00aeef; color: white;   border: none;  border-radius: 50px;  font-size: 22px; font-weight:500;  cursor: pointer;  text-decoration: none; transition: background-color 0.3s ease; justify-content: center;}
.quote-button:hover { background-color: #333; }
.quote-button img {  height:45px;  margin-right: 10px;}





.m1 { position: relative; padding:100px 0;}



.product_wrap {display:flex; width:100%; height:600px; background:#000; overflow:hidden;}
.product_left,
.product_box {position:relative; overflow:hidden; cursor:pointer;}

.product_left {width:50%; background:#000;}
.product_right {width:50%; display:flex; flex-direction:column;}
.product_box {flex:1; background:#222;}

.product_left::before,
.product_box::before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-position:center; background-size:contain; background-repeat:no-repeat; transform:scale(1); transition:transform .8s cubic-bezier(0.7,0,0.3,1);}

.product_left:hover::before,
.product_box:hover::before {transform:scale(1.08);}

.bg_camera::before {background-image:url('/assets/images/main/m1_1.jpg'); height:600px}
.bg_lens::before {background-image:url('/assets/images/main/m1_2.jpg'); height:300px}
.bg_accessories::before {background-image:url('/assets/images/main/m1_3.jpg'); height:300px;}

.product_wrap .title {position:relative; z-index:2; color:#fff; font-size:32px; font-weight:600; letter-spacing:1px; padding:60px 60px 30px;}

.product_left::after,
.product_box::after {content:''; position:absolute; inset:0; background:rgba(0,0,0,0.25); transition:background .5s ease;}

.product_left:hover::after,
.product_box:hover::after {background:rgba(0,0,0,0.03);}


.m2 {position: relative; padding:100px 0; }
.m2 .logo {position: relative; bottom: 5px;}
.v_line {position:absolute; top:-120px; left:50%; width:2px; height:80px; background:#c21f1f; transform:translateX(-50%);}
#map { height:465px; overflow:hidden;}

.img_list { position:relative;}
.img_list li {display: flex;justify-content:space-between; align-items: center;}
.img_list li:nth-child(even) {/*flex-direction: row-reverse;*/}
.img_list li > div {width: 50%; }
.img_list li .txt_box {/* padding: 0 40px 0; */background-color: transparent;position: relative; z-index:1}

.img_list li .img_box .img {width:; /*height: 100%;*/ background-size:auto; background-repeat:no-repeat; background-position: 50% 50%; z-index:1; position: relative; overflow:hidden; border-radius: 30px;}
.img_list li .img_box .img img{ width:;  transition:.25s;  /*box-shadow: 0px 1px 20px 10px rgba(0, 0, 0, 0.1);  border-radius: 20px;*/ }

.img_list li .img_box .img::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg); opacity: 0;}
.img_list li .img_box .img:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}
@-webkit-keyframes shine {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		left: 125%;
		opacity: 0;
	}
}
@keyframes shine {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		left: 125%;
		opacity: 0;
	}
}

.img_list li .img_box .img{transition:.25s; text-align:right;}
.img_list li .img_box .img:hover{border-radius:0 0 50px 0; overflow:hidden;}
.img_list li .img_box:hover img {transform:scale(1.05);}
.img_list li .txt_box .img {width:;background-size:auto;background-repeat:no-repeat;background-position: 50% 50%;}
.img_list li .txt_box .img img{/*width:-webkit-fill-available;*/transition:.5s;}
.img_list li .txt_box:hover  img {transform:scale(1);}
.img_list li .txt_box .num4 {width: 80px;height: 60px;line-height:60px;text-align: center;background-color:#b79480;color:#fff;border-radius:50px;font-weight:500;font-size:22px;font-family: 'IvyMode', sans-serif;position: absolute;margin-left: -21%;top: -5%;}
.img_list li .txt_box .num5 {width: 120px;height: 45px;line-height:45px;text-align: center;background-color:#b79480;color:#fff;border-radius:50px;font-weight:500;font-size:18px;font-family: 'IvyMode', sans-serif;}
.img_list li .txt_box .num  {display: block;vertical-align: middle;width: 65%;height: 45px;font-size:20px;text-align: center;line-height: 45px;border-radius:50px;background-color: #7d6660;color: #fff;font-weight: 500;-webkit-transform:translateY(-2px);transform:translateY(-2px);top: -26px;left: 0;margin: 0 auto -30px;z-index: 1;position: relative;}


.img_list li .txt_box .txt {letter-spacing:5px; text-transform: uppercase; color:#c1a28e;}



.img_list li .vertical_line {position: relative;top: 85%;left: 50%;transform:translateX(-50%);width: 1px;height: 0;background-color: #ddd;transition:0.75s 0.3s;display: block;}
.img_list li .move .vertical_line {height: 120px;}


.chk_txt p {position: relative;padding-left: 25px;line-height: 1.5;word-break:keep-all;margin-bottom: 10px;}
.chk_txt p:after {content:'';display: block;width: 7px;height: 7px;background-color: #ddd;position: absolute;top: 11px;left:5px;opacity: .5;}




.m3 {position: relative; padding:100px 0; background-color:#f9f9f9;}
.m3 .wrap {width:1200px;margin:0 auto;}
.m3 .board_grid {display:grid;grid-template-columns:1fr 1fr;gap:60px;}
.m3 .board_title {font-size:28px;font-weight:600;margin-bottom:20px; padding-left:20px;}
.m3 .board_list {list-style:none;padding:30px 35px;margin:0; background-color:#fff; border-radius:25px; min-height:300px;}
.m3 .board_list li {display:grid;grid-template-columns:90px 1fr 80px;align-items:center;padding:10px 0; line-height:130%;}
.m3 .board_list li::before {content:"";width:6px;height:6px;background:#bbb;display:inline-block;margin-right:8px;}
.m3 .board_list li {position:relative;padding-left:15px;}
.m3 .board_list li::before {position:absolute;left:0;top:50%;transform:translateY(-50%);}
.m3 .tag {font-size:18px;color:#111; font-weight:500;}
.m3 .title a{font-size:18px;color:#111;  font-weight:500;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;vertical-align:text-top;transition:.25s;width:95%; transition:.25s; display:block;}
.m3 .title a:hover { color:#1956d3;}
.m3 .date {font-size:18px;color:#111; text-align:right; font-weight:500;}


.cs_wrap {position: relative; padding:100px 0;}
.cs_inner {max-width:1100px;margin:0 auto;display:flex;gap:36px;align-items:stretch;}
.cs_card {flex:1;background:#2e2e2e;border-radius:0;overflow:hidden;border:1px solid #2a2a2a;box-shadow:0 10px 30px rgba(0,0,0,0.08);}
.cs_head {background:#000;color:#fff;padding:20px 35px;display:flex;justify-content:space-between;align-items:center;min-height:140px;}
.cs_head_txt {min-width:0;}
.cs_head_title {margin:0;font-size:24px;line-height: 1.5;font-weight: 500;letter-spacing: 0;}
.cs_head_sub {margin:10px 0 0;font-size: 16px;line-height:1.5;opacity:0.95;font-weight:500;}
.cs_head_icon {width:65px;height:65px;color:#e9f3ff;opacity:0.95;flex:0 0 auto;}
.cs_head_icon svg {width:100%;height:100%;}
.cs_body {padding:35px 35px 40px;}
.cs_row {display:flex;gap:22px;align-items:flex-start; padding:20px 35px;}
.cs_row + .cs_row {margin-top:35px;}
.cs_badge {display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 20px;border-radius:999px;background:#0f57cc;color:#ffffff;font-weight: 500;font-size:16px;white-space:nowrap;}
.cs_info p {margin:6px 0;font-size:20px;line-height:1.5;color:#fff;font-weight: 500;letter-spacing:-0.02em;}
.cs_info b {font-weight:900;}
.cs_form {margin:0;}
.cs_grid2 {display:grid;grid-template-columns:1fr 1fr;gap:16px 16px;}
.cs_field {margin:0;} 
.cs_field--full {margin-top:16px;}
.cs_field label{cursor:pointer;} 
.cs_input {width:100%;height:48px;border:1px solid #dcdcdc;border-radius:5px;padding:0 15px;font-size:14px;outline:none;transition:border-color .15s ease, box-shadow .15s ease;}
.cs_textarea {width:100%;height:160px;border:1px solid #dcdcdc;border-radius:5px;padding:15px;font-size:14px;outline:none;resize:none;transition:border-color .15s ease, box-shadow .15s ease;}
.cs_input:focus,.cs_textarea:focus {border-color:#1956d3;box-shadow:0 0 0 3px rgba(25,86,211,0.15);}
.cs_btn {margin-top:18px;width:100%;height:56px;border:0;border-radius:4px;background:#df332f;color:#fff;font-size:20px;font-weight:600;cursor:pointer;transition:transform .12s ease, filter .12s ease; transition:.25s;}
.cs_btn:hover { background-color:#000;}
.cs_btn:active {transform:translateY(1px);}
@media (max-width:980px){.cs_inner{flex-direction:column;}.cs_head{min-height:auto; padding:35px 25px;}.cs_grid2{grid-template-columns:1fr;}}

@media (max-width:820px) {
.cs_head_title {margin:0;font-size: 20px;line-height: 1.5;font-weight: 500;letter-spacing: 0;}
.cs_head_sub {margin:15px 0 0;font-size: 16px;line-height:1.5;opacity:0.95;font-weight:500;}
.cs_head_icon {width:65px;height:65px;color:#e9f3ff;opacity:0.95;flex:0 0 auto;}
.cs_head_icon svg {width:100%;height:100%;}
.cs_body {padding: 35px 25px 40px;}
.cs_row {display:block;gap: 0;align-items:flex-start;}
.cs_row + .cs_row {margin-top: 15px;}
.cs_badge {display:inline-flex;align-items:center;justify-content:center;height: 32px;padding:0 20px;border-radius:999px;background:#0f57cc;color:#ffffff;font-weight: 500;font-size:16px;white-space:nowrap;}
.cs_info p {margin:6px 0;font-size: 16px;line-height:1.5;color:#fff;font-weight: 500;letter-spacing:-0.02em;}
.cs_info b {font-weight:900;}
.cs_form {margin:0;}
.cs_grid2 {display:grid;grid-template-columns:1fr 1fr;gap:16px 16px;}
.cs_field {margin:0;} 
.cs_field--full {margin-top:16px;}
.cs_input {width:100%;height:35px;border:1px solid #dcdcdc;border-radius:5px;padding:0 15px;font-size:14px;outline:none;transition:border-color .15s ease, box-shadow .15s ease;}
.cs_textarea {width:100%;height:160px;border:1px solid #dcdcdc;border-radius:5px;padding:15px;font-size:14px;outline:none;resize:none;transition:border-color .15s ease, box-shadow .15s ease;}
.cs_input:focus,.cs_textarea:focus {border-color:#1956d3;box-shadow:0 0 0 3px rgba(25,86,211,0.15);}
.cs_btn {margin-top:18px;width:100%;height:45px;border:0;border-radius:4px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .12s ease, filter .12s ease; transition:.25s;}
.cs_btn:hover { background-color:#333;}
.cs_btn:active {transform:translateY(1px);}


}










@media all and (max-width:1800px){
	
}
@media all and (max-width:1430px){
	
	
}
@media all and (max-width:1230px){


.m1 { position: relative; padding:100px 0;}



.product_wrap {display: block;width:100%;height: auto;background:#000;overflow:hidden;}
.product_left,
.product_box {position:relative;overflow:hidden;cursor:pointer;height: 175px;width: -webkit-fill-available; display:block;}

.product_left {width: -webkit-fill-available;background:#000;}
.product_right {width: -webkit-fill-available;display: block;flex-direction:column;}
.product_box {flex:1; background:#222;}

.product_left::before,
.product_box::before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-position:center; background-size:contain; background-repeat:no-repeat; transform:scale(1); transition:transform .8s cubic-bezier(0.7,0,0.3,1);}

.product_left:hover::before,
.product_box:hover::before {transform:scale(1.08);}

.bg_camera::before {background-image:url('/assets/images/main/m1_1.jpg');height: 175px;background-size:80%; background-color:#000;background-position: 80% 88%;}
.bg_lens::before {background-image:url('/assets/images/main/m1_2.jpg');height: 175px;}
.bg_accessories::before {background-image:url('/assets/images/main/m1_3.jpg');height: 175px;}

.product_wrap .title {position:relative;z-index:2;color:#fff;font-size: 20px;font-weight:600;letter-spacing:1px;padding: 20px 20px 20px;}

.product_left::after,
.product_box::after {content:'';position: relative;inset:0;background:rgba(0,0,0,0.25);transition:background .5s ease;top: 0;background-size: cover;background-position: 50% 0;}

.product_left:hover::after,
.product_box:hover::after {background:rgba(0,0,0,0.03);}



	
}
@media all and (max-width:820px){
	#main_wrap {position:relative;margin-top: 0;}
    #mv_wrap {height: 580px;overflow:hidden;position:relative;} 
    #mv_wrap .mv_list_wrap { height:580px; overflow:hidden;}
	#mv_wrap .mv_list_wrap .mv_list1 .visual {background-image: url('/assets/images/main/mv1.jpg'); background-position: 50% 50%;  height:580px}
	#mv_wrap .mv_list_wrap .mv_list2 .visual {background-image: url('/assets/images/main/mv2.jpg'); background-position: 50% 50%;  height:580px}
	#mv_wrap .mv_list_wrap .mv_list3 .visual {background-image: url('/assets/images/main/mv3.jpg'); background-position: 50% 50%;  height:580px}
	
	#mv_wrap .mv_list_wrap .mv_list .txt_wrap {top: 25%;}
   #mv_wrap .mv_list_wrap .mv_list .txt_wrap {position:absolute;left: 0;top: 35%;transform:translate(0%, 0%);width: -webkit-fill-available;letter-spacing: 0;overflow: hidden;margin-left: 0;margin: 0 auto;/* text-align: center; */padding: 0 30px;word-break: keep-all;}
	#mv_wrap .mv_list_wrap .mv_list .txt_wrap1 {position:absolute;left:10%;top:12%;transform:translate(0%, 0%); width: 100%; color: #222;  letter-spacing: 0.5px; overflow: hidden;}
    #mv_wrap .mb20 { margin-bottom:10px !important;}
    #mv .mv_list_wrap .mv_list.slick-active .txt_wrap p {animation:mvTxt 1.3s 1.1s forwards;opacity: 0;transform:translateY(50px) scale(1.1);text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);word-break: keep-all;}

	

	#mv_wrap .mv_list_wrap .slick-dots {bottom: auto; top: 80%;}
	#mv_wrap .mv_list_wrap .slick-dots li button {width: 12px; height: 12px;}
	#mv_wrap .mv_list_wrap .slick-dots li.slick-active button {width: 40px;}

	#mv_wrap  .pro-bar{position: relative;bottom:0;left:0;width:0;height:5px;background: #d8b590;}
    #mv_wrap .mv_mouse {position: absolute;bottom: 24%;left: 50%;margin-left: -9px;cursor: pointer;animation:move_mouse 2s infinite}

/* Slick 화살표 (커스텀) */
#mv_wrap .slick-prev,
#mv_wrap .slick-next {
  transition:.25s;
  position:absolute;
  top: 44%;
  transform:translateY(-50%);
  z-index:5;
  width:36px;
  height:67px;
  border:none;
  cursor:pointer;
  /* border-radius:50%;  background: rgba(0,0,0,0.4) no-repeat center center;  background-size:20px auto;  outline:none;*/
  scale: .5;
  opacity: .5;
  }
#mv_wrap .slick-prev {left: 1%;background-image:url('/assets/images/main/mv_prev.png');}
#mv_wrap .slick-next {right: 1%;background-image:url('/assets/images/main/mv_next.png');}
#mv_wrap .slick-prev:hover,
#mv_wrap .slick-next:hover { opacity:.5;}
 
 #mv .slider_arrow_wrap {display: flex;align-items:center;position: absolute;bottom: 20%;left: 50%;transform:translateX(-50%);}
.scroll_down span{display: block;position: relative;font-size: 12px;color:#fff;font-weight:500;padding-bottom:75px;letter-spacing:0.02em;text-transform: uppercase;}


.quote-button {width: 85%;height: 50px;line-height: 50px;margin-top: 30px;display: inline-flex;align-items: center;background-color: #00aeef;color: white;border: none;border-radius: 50px;font-size: 16px;font-weight:500;cursor: pointer;text-decoration: none;transition: background-color 0.3s ease;justify-content: center;}
.quote-button:hover { background-color: #333; }
.quote-button img {height: 33px;margin-right: 10px;}
 
.m1 { position: relative; padding:50px 0 50px !important;}

.card3d-wrap {display: inline-block;gap: 32px;justify-content: center;perspective: 1575px;padding:0 0;text-align: center;width: -webkit-fill-available;}
.card3d {position: relative;width: -webkit-fill-available;height: 350px;transform-style: preserve-3d;transition: transform 0.8s ease-in-out;cursor: pointer;display: inline-block;margin: 0 15px 30px;}

.m2 {position: relative;padding: 50px 0;}

.img_list li {display: block;justify-content:space-between;align-items: center;}
.img_list li > div {width: -webkit-fill-available;}


.cs_wrap {position: relative; padding:50px 15px;}
.m3 .wrap {width: -webkit-fill-available;margin:0 auto;}
.m3 .board_grid {display: inline-block;grid-template-columns:1fr 1fr;gap:60px;padding: 0 15px;width: -webkit-fill-available;}
.m3 .board_title {font-size: 20px;font-weight:600;margin-bottom:20px;padding-left:20px;}
.m3 .board_list {list-style:none;padding:30px 35px;margin:0;background-color:#fff;border-radius:25px;width: -webkit-fill-available;}
.m3 .board_list li {display:grid;grid-template-columns: 1fr;align-items:center;padding:10px 0;line-height:130%;}
.m3 .board_list li::before {content:"";width:6px;height:6px;background:#bbb;display:inline-block;margin-right:8px;}
.m3 .board_list li {position:relative;padding-left:15px;}
.m3 .board_list li::before {position:absolute;left:0;top: 30%;transform:translateY(-50%);}
.m3 .tag {font-size: 16px;color:#111;font-weight:500;padding-bottom: 5px;}
.m3 .title {font-size: 16px;color:#111;font-weight:500;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;vertical-align:text-top;transition:.25s;width: 75%;}
.m3 .title:hover { color:#1956d3;}
.m3 .date {font-size: 15px;color:#111;text-align:right;font-weight:500;position: absolute;right: 0;bottom: 7px;}


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




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

	
}


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

	
}

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

	
}