@import url('./Pretendard/pretendard.css');

:root{
	--main-color: #1B51E9;
}
html, body, div, span, h1, h2, h3, h4, h5, h6, address, img, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, header, footer, nav, section, p, button{font-family: 'Pretendard'; letter-spacing: -0.2px;}
.hide,caption,legend{position:absolute !important; left:-300px; width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; background:none; line-height:0; overflow: hidden}
.overflow_y {overflow-y: hidden;}
#wrap{overflow: hidden;}
.maininner{width: 100%; max-width: 1720px; margin: 0 auto;}
@media (max-width: 1820px){
	.maininner{padding-left: 50px; padding-right: 50px;}
}
@media (max-width: 1280px){
	.maininner{padding-left: 30px; padding-right: 30px;}
}
@media (max-width: 1024px){
	.maininner{padding-left: 20px; padding-right: 20px;}
}

.color-main{color: var(--main-color);}

/* header */
#header{--header-size:100px; height: var(--header-size); position: relative; border-bottom: 1px solid #ccc; z-index: 1000;}
#header >.in{width: 100%; max-width: 1720px; height: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
#logo{}
#logo >a{display: block;}
#logo >a >img{width: 100%;}
#topNav{}
#topNav .gnb_bg{display: none; position: absolute; top: 100%; left: 0; width: 100%; height: 290px; background: #fff; border-top: 1px solid #ccc;}
#topNav .gnb{display: flex; align-items: center;}
#topNav .gnb >li{height: var(--header-size);}
#topNav .gnb >li >a{display: inline-flex; align-items: center; justify-content: center; height: 100%; font-size: 20px; font-weight: 600; color: #111; padding: 0 25px;}
#topNav .gnb_depth2{position: relative; padding: 35px 0; display: none;}
#topNav .gnb >li + li .gnb_depth2{border-left: 1px solid #eee;}
#topNav .gnb_depth2 >li{}
#topNav .gnb_depth2 >li >a{display: block; width: 100%; font-size: 16px; font-weight: 500; color: #888; text-align: center; padding: 5px;}
#topNav_m{display: none; position: fixed; top: var(--header-size); right: -150%; width: 100%; max-width: 400px; height: 100%; background: #fff; padding: 30px; overflow: auto; transition: .3s all;}
#topNav_m .gnb a{display: block; text-align: center;}
#topNav_m .gnb >li{}
#topNav_m .gnb >li >a{position: relative; font-size: 18px; font-weight: 600; color: #111; padding: 20px 0; border-bottom: 1px dashed #eee;}
#topNav_m .gnb >li >a::after{content: ''; position: absolute; top: 45%; right: 30px; width: 20px; height: 11px; margin: auto; background: url('../img/gnb_arrow.png') no-repeat center; opacity: 0.5; transition: .2s all;}
#topNav_m .gnb >li >a.open{color: var(--main-color);}
#topNav_m .gnb >li >a.open::after{transform: rotate(180deg); opacity: 1;}
#topNav_m .gnb_depth2{padding: 15px 0; background: #f5f5f5; display: none;;}
#topNav_m .gnb_depth2 >li{}
#topNav_m .gnb_depth2 >li >a{font-size: 15px; font-weight: 500; color: #999; padding: 7px;}
#open_mo{ position: relative; min-width: 25px; height: 22px; background: transparent; cursor: pointer; margin-left: 5px; display: none; }
#open_mo span{ display: block; position: absolute; height: 2px; width: 100%; background: black; border-radius: 5px; opacity: 1; left: 0; transform: rotate(0deg); transition: .2s ease-in-out; }
#open_mo span:nth-of-type(1){ top: 0px; transform-origin: left center; }
#open_mo span:nth-of-type(2){ top: 50%; transform: translateY(-50%); transform-origin: left center; }
#open_mo span:nth-of-type(3){ top: 100%; transform-origin: left center; transform: translateY(-100%); }
#open_mo.active span:nth-of-type(1){ transform: rotate(45deg); top: 0px; left: 5px; }
#open_mo.active span:nth-of-type(2){ width: 0%; opacity: 0; }
#open_mo.active span:nth-of-type(3){ transform: rotate(-45deg); top: 18px; left: 5px; }

#utillity{display: flex; align-items: center; gap: 20px;}
#utillity .testbed{display: inline-flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 14px; font-weight: 600; color: #333; padding: 0 20px; height: 40px; background: #F0F0F0; border-radius: 50px;;}
#utillity .testbed::after{content: ''; display: inline-block; width: 10px; height: 10px; background: url('../img/icon_arrow1.png') no-repeat center;}
#utillity .lang{position: relative; display: flex; align-items: center; width: 120px; height: 40px; border: 1px solid #ccc; border-radius: 50px; padding: 4px;}
#utillity .lang::before{content: '';position: absolute;top: 4px;width: calc(50% - 4px);height: calc(100% - 8px);background: #252525;border-radius: 50px;z-index: -1; transition: .3s all;}
#utillity .lang.en::before{transform: translateX(100%);}
#utillity .lang >a{display: block; width: 50%; font-size: 14px; font-weight: 600; color: #333; text-align: center;}
#utillity .lang >a.on{color: #fff;}
#utillity .user{}
#utillity .user >img{width: 100%;}

@media (max-width: 1820px){
	#header >.in{padding-left: 50px; padding-right: 50px;}
}
@media (max-width: 1600px){
  #open_mo{display: block;}
}
@media (max-width: 1440px){
	#topNav .gnb >li >a{padding: 0 15px;}
	#utillity{gap: 10px;}
}
@media (max-width: 1280px){
	#header >.in{padding-left: 30px; padding-right: 30px;}
}
@media (max-width: 1200px){
	#topNav .gnb >li >a{font-size: 18px; padding: 0 10px;}
	#utillity{gap: 5px;}
	#utillity .testbed{padding: 0 10px; height: 30px; font-size: 13px;}
	#utillity .lang{width: 100px; height: 30px;}
	#utillity .lang >a{font-size: 12px;}
	#utillity .user{width: 30px;}
}
@media (max-width: 1024px){
	#header{--header-size: 80px;}
	#header >.in{padding-left: 20px; padding-right: 20px;}
	#topNav{display: none;}
}
@media (max-width: 720px){

}

#footer{padding-top: 60px; background-color: #fff; position: relative; z-index: 99;}
#footer .foot_top{display: flex; align-items: flex-start; flex-wrap: wrap; padding-bottom: 30px; border-bottom: 1px solid #E0E0E0;}
#footer .foot_menu_wrap{display: flex;align-items: flex-start;width: calc(100% - 320px);flex-grow: 1;}
#footer .foot_menu{ width: 200px; padding-right: 10px; }
#footer .foot_menu li{}
#footer .foot_menu li:first-child{font-size: 18px;font-weight: 700;color: #111;margin-bottom: 12px;}
#footer .foot_menu a{display: block;padding: 4px 0;}
#footer .foot_etc{ margin-bottom: 40px; width: 320px;}
#footer .familySite{ position: relative;}
#footer .familySite button{display: inline-flex; align-items: center; justify-content: space-between; padding: 0 20px; width: 100%; height: 56px; font-size: 18px; font-weight: 600; color: #666; border: 1px solid #999; border-radius: 5px; background: #fff;;}
#footer .familySite button::after{content: ''; display: block; width: 16px; height: 8px; background: url('../img/gnb_arrow.png') no-repeat center / 100%;}
#footer .familySite .depth {opacity: 0; visibility: hidden; transition: 0.3s; position: absolute;bottom: 55px;left: 0;width: 100%;max-height: 350px;overflow-y: auto;border: 1px solid #999;border-radius: 5px;}
#footer .familySite .depth a{display: block;padding: 10px 20px;background: #fff;opacity: 1; transition: .3s opacity, .3s font-weight;}
#footer .familySite .depth a:hover{opacity: 1; font-weight: 700;}
#footer .familySite.on .depth { opacity: 1; visibility: visible; }
#footer .privacy_menu{margin-top: 40px;}
#footer .privacy_menu li{text-align: right;}
#footer .privacy_menu li:first-child{font-size: 18px;font-weight: 700;color: #111;margin-bottom: 12px;}
#footer .privacy_menu a{display: block;padding: 4px 0;}
#footer .foot_logo{width: 50%;}
#footer .foot_symbol{width: 50%;text-align: right;}
#footer .foot_symbol a{display: inline-block; filter: grayscale(1);}
#footer .foot_symbol a + a{margin-left: 20px;}
#footer .foot_bot{padding: 30px 0; display: flex; align-items: center; justify-content: space-between;}
#footer .foot_bot >div{display: flex; gap: 20px;}
#footer .foot_bot >div p{font: 16px; color: #666;}
#footer .foot_bot span{display: block; text-align: right;font: 16px; color: #666;}
#footer {border-top: 1px solid #ccc;padding-top: 30px; }

@media (max-width: 1440px){
	#footer .foot_bot{display: block;}
	#footer .foot_bot span{text-align: left; margin-top: 20px;;}
}
@media (max-width: 1200px){
	#footer .foot_etc{width: 280px;}
}
@media (max-width: 1024px){
	#footer .foot_etc{width: 100%;margin-top: 40px;display: flex;align-items: flex-start;justify-content: space-between;}
	#footer .familySite{width: 200px;}
	#footer .privacy_menu{margin-top: 0;}
	#footer .foot_bot >div{flex-direction: column; gap: 10px;}
}
@media (max-width: 720px){
	#footer .foot_menu_wrap{width: 100%;flex-wrap: wrap;justify-content: space-between;gap: 10px;}
	#footer .foot_menu{width: 30%;text-align: center;}
	#footer .foot_logo{width: 100%; text-align: center;}
	#footer .foot_symbol{width: 100%;text-align: center;margin-top: 10px;display: flex;justify-content: center;}
}
@media (max-width: 480px){
	#footer .foot_menu li:first-child{font-size: 16px;}
	#footer .foot_menu a{font-size: 14px;}
	#footer .foot_etc{flex-direction: column;gap: 20px;align-items: flex-end;}
	#footer .familySite{ width: 100%; }
	#footer .familySite button{ height: 45px; font-size: 16px; }
	#footer .privacy_menu li:first-child{font-size: 16px;}
	#footer .privacy_menu a{font-size: 14px;}
}





/* content */
.slogun{text-align: center; margin: 70px 0 40px;}
.h2{font-size: 48px; font-weight: 700; color: #111; line-height: 1.3; word-break: keep-all;}
.h3{font-size: 24px;font-weight: 700;line-height: 1.3;}

@media (max-width: 1024px){
	.h2{font-size: 40px;}
	.h3{font-size: 22px;}
}
@media (max-width: 720px){
	.h2{font-size: 36px;}
	.h3{font-size: 20px;}
}
@media (max-width: 480px){
	.h2{font-size: 30px;}
	.h3{font-size: 18px;}
}


.section1 {display: flex; gap: 20px; height: 530px; }

.section1 .box1 { position: relative; display: flex; flex-direction: column; width: calc(50% - 10px); border-radius: 10px; overflow: hidden; }
.section1 .box1 .visual_bg { flex: 1; overflow: hidden; }
.section1 .box1 .visual_bg img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.section1 .box1 ul{ height: 174px;} 
.section1 .box1 a{display: block; position: relative; height: 100%;}
.section1 .box1 a >img{width: 100%;height: 100%;object-fit: cover;min-height: 400px;}
.section1 .box1 .info{ width: 100%; height: 175px; background: #f4f4f4; padding: 30px; padding-top: 45px; transition: .3s background;}
.section1 .box1 .info span{display: block; font-size: 16px; font-weight: 500; color: #295CEA;transition: .3s color;}
.section1 .box1 .info p{ line-height: 1.5; font-size: 25px;font-weight: 700;color: #000;margin-top: 15px;padding-right: 50px;word-break: keep-all; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.section1 .box1 .info::after{content: ''; position: absolute; bottom: 30px; right: 30px; width: 30px; height: 30px; background: #fff url('../img/icon_arrow2_g.svg') no-repeat center; border-radius: 100%; transition: transform .4s; }
.section1 .box1 .slick-arrow {
  position: absolute;
  bottom: -5px;
  z-index: 1;
  font-size: 0;
  width: 35px;
  height: 25px;
}
.section1 .box1 .slick-prev {
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  right: 115px;
  background: url('../img/ico-arrow-left02.png') #fff no-repeat center / 15px;
}
.section1 .box1 .slick-prev::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 12px;
  background-color: rgba(0,0,0,0.1);
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.section1 .box1 .slick-next {
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  right: 80px;
  background: url('../img/ico-arrow-right02.png') #fff no-repeat center / 15px;
}
/*
.section1 .box1 a:hover { text-decoration: none; }
.section1 .box1 a:hover .info{background: #0D1973; }
.section1 .box1 a:hover .info span{color: #fff; } 
.section1 .box1 a:hover .info p { color: #fff; }
*/
.section1 .box1 a:hover .info::after { background-color: #0D1973; background-image: url(../img/icon_arrow2_w.svg); transform: rotate(45deg); }

.section1 .slider_tit { position: absolute; bottom: 128px; left: 30px; }
.section1 .slider_tit span { display: block; font-size: 16px; font-weight: 500; color: #295CEA;transition: .3s color; }
.section1 .slider_controls{ position: absolute; bottom: 128px; right: 30px; z-index: 1; display: flex; align-items: center;}
.section1 .slider_controls .auto{width: 12px; height: 12px; background: url('../img/pause-bl.svg') no-repeat center; margin-right: 15px; trnsition: background-image .4s; }
.section1 .slider_controls .stop{ background-image: url(../img/ico-visual-play.svg); background-size: 11px; }
.section1 .slider_controls .pause{}
.section1 .slider_controls .status{display: inline-block; font-size: 18px; font-weight: 500; color: #666;}
.section1 .slider_controls .current{color: #111;}


/*
.section1 .box1.on .slider_controls .auto { background-image: url(../img/pause.svg); }
.section1 .box1.on .slider_controls .status { color: #fff; }
.section1 .box1.on .slider_controls .current { color: #fff; }
*/


.section1 .box2 { display: flex; flex-direction: column; gap: 20px; width: calc(50% - 10px); }
.section1 .box2 .items{ flex: 1; display: flex; flex-wrap: wrap; border-radius: 10px; background: #F4F4F4 url(../img/section_1_box2_bg.png) no-repeat center calc(100% - 16px) / 500px; overflow: hidden; }
.section1 .box2 .items a { position: relative;display: block; padding: 30px 35px; width: calc(100% / 3);height: 100%;}
.section1 .box2 .items a:not(:first-child):before { content: ''; position: absolute; top: 42px; left: 0; width: 1px; height: 80px; background: rgba(0, 0, 0, .15); }
.section1 .box2 .items h3 { position: relative; display: flex; align-items: center; gap: 8px; margin-top: 0; margin-bottom: 8px; color: #111; }
.section1 .box2 .items h3:after { content: ''; display: block; width: 30px; aspect-ratio: 1; background: #fff url('../img/icon_arrow2_g.svg') no-repeat center; border-radius: 50%; transition: transform .4s; }
.section1 .box2 .items p{ position: relative; line-height: 1.5; color: #666;}
.section1 .box2 .items a:hover h3:after { background-color: #0D1973; background-image: url(../img/icon_arrow2_w.svg); transform: rotate(45deg); }

.section1 .inquiry { display: flex; gap: 20px; height: 174px; }
.section1 .box3 { position: relative; display: flex; flex-direction: column; justify-content: center; width: calc(50% - 10px); padding: 25px 30px; background: #D6E1FD; border-radius: 10px;}
.section1 .box3 h3{color: #111; margin-top: 0; margin-bottom: 15px;}
.section1 .box3 p{ line-height: 1.5; font-size: 17px; font-weight: 400; color: #111; }
.section1 .box3 i{position: absolute; bottom: 30px; right: 30px; display: block; width: 30px; height: 30px; border-radius: 100%; background: #f1f1f1;}
.section1 .box3 i::after{content: ''; display: block; width: 30px; aspect-ratio: 1; border-radius: 50%; background: #fff url('../img/icon_arrow2_g.svg') no-repeat center; transition: transform .4s; }

.section1 .box3:hover i::after { background-color: #0D1973; background-image: url(../img/icon_arrow2_w.svg); transform: rotate(45deg); }

.section1 .box4 { display: flex; flex-direction: column; justify-content: center; padding: 25px 30px; width: calc(50% - 10px); background: #D6E1FD; border-radius: 10px;}
.section1 .box4 h3{ margin-top: 0; margin-bottom: 15px; color: #111; }
.section1 .box4 p{font-size: 16px;font-weight: 400;color: #111;padding-left: 50px;position: relative;line-height: 1.3;}
.section1 .box4 p::before{content: '';display: inline-block;width: 25px;height: 25px;background: url('') no-repeat center;position: absolute;top: -3px;left: 0;}
.section1 .box4 p.phone::before{background-image: url('../img/icon_phone.svg');}
.section1 .box4 p.msg::before{background-image: url('../img/icon_msg.svg');}
.section1 .box4 p::after{content: '';display: inline-block;width: 1px;height: 10px;background: #111;position: absolute;top: 4px;left: 35px;opacity: 0.3;}
.section1 .box4 p + p{margin-top: 5px;}


@media (max-width: 1600px) {
	.section1 .box1 { width: calc(40% - 10px); }
	.section1 .box1 .info p { margin-top: 24px; font-size: 22px; }
	
	.section1 .box2 { width: calc(60% - 10px); }
}
@media (max-width: 1400px) {
	.section1 .box2 .items a { padding: 30px 24px; }
	.section1 .box2 .items p { font-size: 15px; }
}
@media (max-width: 1200px){
	.section1 {display: flex; flex-wrap: wrap; height: auto; }
	.section1 .box1 .info p{ font-size: 24px;}

	.section1 .box1 { width: 100%;}
	.section1 .box2 { width: 100%;}
	.section1 .box2 .items { background-image: none; }
	.section1 .box2 .items a:not(:first-child):before { top: 50%; transform: translateY(-50%); } 
	.section1 .box2 p{word-break: keep-all;}
	.section1 .box2 p br{display: none;}
	.section1 .box3 { width: 48%;flex-grow: 1; }
	.section1 .box4 { width: 48%;flex-grow: 1; }
	.section1 .box4 p br { display: block; }
}
@media (max-width: 720px){
	.section1 .box1 ul { height: auto; } 
	.section1 .box1 .info{padding: 20px; padding-top: 35px; height: 150px;}
	.section1 .box1 .info p{font-size: 22px; line-height: 1.3;}
	.section1 .slider_tit { bottom: 105px; left: 20px; }
	.section1 .slider_controls{bottom: 105px; right: 20px;}
	.section1 .box2 a{padding: 25px 20px; width: 100%; height: auto;}
	.section1 .box2 a + a{border-left: 0; border-top: 1px solid rgba(204, 204, 204, 0.2);}
	.section1 .box2 img{max-width: 60px; right: 10px;}
	.section1 .box3 { width: 100%;flex-grow: 0; padding: 25px 20px;}
	.section1 .box3 i{bottom: 20px; right: 20px;}
	.section1 .box4 { width: 100%;flex-grow: 0; padding: 25px 20px;}
}
@media (max-width: 640px) {
	.section1 .box1 .visual_bg { min-height: 300px; } 
	.section1 .box1 .info p { padding-right: 56px; font-size: 20px; }
	.section1 .box2 .items a { width: 100%; height: auto; }
	.section1 .box2 .items a:before { display: none; }
	.section1 .inquiry { flex-direction: column; height: auto; }
}
@media (max-width: 374px) {
	.section1 .box1 .visual_bg { min-height: 240px; } 
}

 
.section2{padding-top: 60px; padding-bottom: 100px; display: flex; align-items: center; flex-wrap: wrap;}
.section2 .title{width: 320px;}
.section2 .title h3{color: #111;}
.section2 .title img{display: block; margin-top: 20px;}
.section2 ul{width: 100%; flex: 1; display: flex; align-items: stretch; flex-wrap: wrap; gap: 20px;}
.section2 li{width: 23%;flex-grow: 1;background: #f4f4f4;border-radius: 10px;padding: 35px 30px;display: flex;flex-direction: column;justify-content: space-between;}
.section2 li >p{font-size: 20px; font-weight: 600; color: #333;}
.section2 li >p >span{display: block; font-size: 16px; font-weight: 400; color: #666; margin-top: 4px;}
.section2 li >span{display: block; font-size: 16px; font-weight: 400; color: #111; text-align: right; margin-top: 35px;}
.section2 li >span strong{display: inline-block; font-size: 48px; font-weight: 600; color: #111;}
.section2 li:first-child >span{margin-top: 5px;}

@media (max-width: 1440px){
	.section2 .title{width: 250px;}
}
@media (max-width: 1200px){
	.section2 .title{width: 100%; display: flex; gap: 30px; margin-bottom: 30px;}
	.section2 .title h3 br{display: none;}
	.section2 .title img{margin-top: 0;}
	.section2 li{padding: 30px 20px;}
}
@media (max-width: 1024px){
	.section2 ul{gap: 10px;}
	.section2 li >p{font-size: 18px;}
	.section2 li >span strong{font-size: 40px;}
}
@media (max-width: 720px){
	.section2 li{width: 48%;}
}
@media (max-width: 480px){
	.section2 .title img{display: none;}
	.section2 li{padding: 20px;}
	.section2 li >p{font-size: 17px;}
	.section2 li >p >span{font-size: 14px;}
	.section2 li >span {font-size: 14px;}
	.section2 li >span strong{font-size: 32px;}
}

.section3{position: relative; padding-bottom: 130px;}
.section3 .side{display: flex;align-items: center;gap: 10px;position: absolute;top: 60px;right: 0;}
.section3 .sec3_tab_menu{display: inline-flex;align-items: center;justify-content: center;width: 130px;height: 55px;text-align: center;border-radius: 50px;border: 1px solid #666;font-size: 20px;font-weight: 600;color: #666;background: #fff;}
.section3 .sec3_tab_menu.active{border-color: #252525; background: #252525; color: #fff;;}
.section3 .sec3_tab_cont{display: none; margin-top: 40px;}
.section3 .sec3_tab_cont.active{display: block;}
.section3 .sec3_tab_cont >ul{display: flex; flex-wrap: wrap; align-items: stretch;}
.section3 .sec3_tab_cont >ul >li{width: 25%;flex-grow: 1;display: flex;flex-direction: column;}
.section3 .sec3_tab_cont >ul >li+li{margin-left: -1px;}
.section3 .sec3_tab_cont .item{display: block; border: 1px solid #ccc; background: #fff; padding: 50px 40px 60px; transition: .3s transform;}
.section3 .sec3_tab_cont li:nth-child(1) .item{border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.section3 .sec3_tab_cont li:nth-child(4) .item{border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.section3 .sec3_tab_cont .item >span{display: block; font-size: 16px; font-weight: 600; color: var(--main-color); line-height: 1; margin-bottom: 25px;}
.section3 .sec3_tab_cont .item >h3{margin-bottom: 30px;color: #111;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 3em;line-height: 1.5;overflow: hidden;}
.section3 .sec3_tab_cont .item >div{font-size: 16px;font-weight: 400;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;height: 6em;line-height: 1.5;overflow: hidden;margin-bottom: 40px;}
.section3 .sec3_tab_cont .item >p{font-size: 16px; font-weight: 400; color: #666;}
.section3 .sec3_tab_cont .item:hover{transform: scale(1.05);z-index: 1;box-shadow: 0 0 25px rgba(102, 102, 102, 0.2);}
.btn-more{display: flex;align-items: center;justify-content: center;width: 130px;height: 55px;text-align: center;border-radius: 50px;border: 1px solid #666;font-size: 20px;font-weight: 600;color: #666;background: #fff;}
.btn-more::after{content: ''; display: block; width: 12px; height: 12px; background: url('../img/icon_more.svg') no-repeat center; margin-top: 2px; margin-left: 8px;}

@media (max-width: 1280px){
	.section3 .sec3_tab_cont .item{padding: 40px 30px 50px;}
}
@media (max-width: 1024px){
	.section3 h2{margin-bottom: 30px;}
	.section3 h2 br{display: none;}
	.section3 .side{position: static;}
	.section3 .sec3_tab_cont >ul >li{width: 50%;}
	.section3 .sec3_tab_cont li:nth-child(1){margin-left: 0;}
	.section3 .sec3_tab_cont li:nth-child(3){margin-left: 0; margin-top: -1px;}
	.section3 .sec3_tab_cont li:nth-child(4){margin-top: -1px;}
	.section3 .sec3_tab_cont li:nth-child(1) .item{border-top-left-radius: 10px; border-bottom-left-radius: 0;}
	.section3 .sec3_tab_cont li:nth-child(2) .item{border-top-right-radius: 10px;}
	.section3 .sec3_tab_cont li:nth-child(3) .item{border-bottom-left-radius: 10px;}
	.section3 .sec3_tab_cont li:nth-child(4) .item{border-top-right-radius: 0; border-bottom-right-radius: 10px;}
	.section3 .sec3_tab_cont .item:hover{transform: scale(1.02)}
}
@media (max-width: 720px){
	.section3 .sec3_tab_menu{width: 100px; height: 40px; font-size: 17px;}
	.btn-more{width: 100px; height: 40px; font-size: 17px;}
	.btn-more::after{width: 10px; height: 10px;}
	.section3 .sec3_tab_cont .item{padding: 30px 25px 40px;}
	.section3 .sec3_tab_cont .item >span{font-size: 14px; margin-bottom: 20px;}
	.section3 .sec3_tab_cont .item >h3{font-size: 20px; margin-bottom: 20px;}
	.section3 .sec3_tab_cont .item >div{font-size: 14px; margin-bottom: 30px;}
	.section3 .sec3_tab_cont .item >p{font-size: 14px;}
}
@media (max-width: 480px){
	.section3 .sec3_tab_cont >ul >li{width: 100%;}
	.section3 .sec3_tab_cont li:nth-child(1) .item{border-top-left-radius: 10px; border-top-right-radius: 10px;}
	.section3 .sec3_tab_cont li:nth-child(2) .item{border-top-right-radius: 0;}
	.section3 .sec3_tab_cont li:nth-child(3) .item{border-bottom-left-radius: 0;}
	.section3 .sec3_tab_cont li:nth-child(4) .item{border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
	.section3 .sec3_tab_cont li:nth-child(2){margin-top: -1px; margin-left: 0;}
	.section3 .sec3_tab_cont li:nth-child(4){margin-left: 0;}
}


.section4{padding: 120px 0; background: #f5faff;}
.section4 >div{position: relative;}
.section4 .btn-more{position: absolute;top: 60px;right: 0;}
.section4 .slider{}
.section4 .slick-list{padding: 0 32%;}
.section4 .slick-slide{}
.section4 .slick-arrow{width: 60px;height: 60px;background: #666;border-radius: 100%;text-indent: -9999px;display: inline-flex;align-items: center;justify-content: center;position: absolute;top: 50%;transform: translateY(-50%); z-index: 1;}
.section4 .slick-prev{left: calc(50% - 860px);}
.section4 .slick-next{right: calc(50% - 860px);}
.section4 .slick-arrow::before{content: ''; width: 22px; height: 20px; background: url('../img/icon_arrow4.svg') no-repeat center / 100%;}
.section4 .slick-next::before{transform: rotate(180deg);}
.section4 .item{display: block;transform: scale(0.8);transition: transform .3s; padding-top: 25px;}
.section4 .item span{display: block;aspect-ratio: 16 / 9; border-radius: 10px;}
.section4 .item span img{width: 100%;height: 100%;object-fit: cover; border-radius: 10px;}
.section4 .item p{font-size: 24px;font-weight: 500;color: #333;line-height: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;margin-top: 1em;}
.section4 .slick-current .item{transform: scale(1); }
.section4 .slick-current .item span{box-shadow: 0 0 25px rgba(0, 0, 0, 0.4);}

@media (max-width: 1820px){
	.section4 .btn-more{right: 50px;}
	.section4 .slick-prev{left: 50px;}
	.section4 .slick-next{right: 50px;}
}
@media (max-width: 1280px){
	.section4 .btn-more{right: 30px;}
	.section4 .slick-prev{left: 30px;}
	.section4 .slick-next{right: 30px;}
}
@media (max-width: 1024px){
	.section4 h2{}
	.section4 h2 br{display: none;}
	.section4 .btn-more{position: static; margin: 40px 0 20px auto;}
	.section4 .slick-list{padding: 0 20%;}
	.section4 .slick-prev{left: 20px;}
	.section4 .slick-next{right: 20px;}
	.section4 .item p{font-size: 22px;}
}
@media (max-width: 720px){
	.section4{padding: 80px 0;}
	.section4 .slick-list{padding: 0 15%;}
}
@media (max-width: 480px){
	.section4 .btn-more{margin: 20px 0 10px auto;}
	.section4 .item{transform: scale(0.9);}
	.section4 .slick-arrow{width: 40px; height: 40px;}
	.section4 .slick-arrow::before{width: 18px; height: 16px;}
}
@media (max-width: 350px){
	.section4 .slick-list{padding: 0 10%;}
}

.section5{padding: 120px 0; background: #fff url('../img/sec5_bg.png') no-repeat right top;}
.section5 >div{position: relative;}
.section5 h2{}
.section5 .btn-more{position: absolute;top: 60px;right: 0;}
.section5 .slider{position: relative; padding-left: calc(50% - 880px); margin-top: 40px;}
.section5 .slick-list{padding-right: 22%;}
.section5 .slick-slide{margin: 0 20px;}
.section5 .slider a{display: block; border-radius: 10px; overflow: hidden;;}
.section5 .slider a img{width: 100%; height: 100%; object-fit: cover;}
.section5 .slick-arrow{width: 60px;height: 60px;background: #666;border-radius: 100%;text-indent: -9999px;display: inline-flex;align-items: center;justify-content: center;position: absolute;top: 50%;transform: translateY(-50%); z-index: 1;}
.section5 .slick-prev{left: calc(50% - 890px);}
.section5 .slick-next{right: calc(50% - 890px);}
.section5 .slick-arrow::before{content: ''; width: 22px; height: 20px; background: url('../img/icon_arrow4.svg') no-repeat center / 100%;}
.section5 .slick-next::before{transform: rotate(180deg);}

@media (max-width: 1820px){
	.section5 .btn-more{right: 50px;}
	.section5 .slider{padding-left: 50px; margin-left: -20px;}
	.section5 .slick-prev{left: 50px;}
	.section5 .slick-next{right: 50px;}
}
@media (max-width: 1280px){
	.section5 .btn-more{right: 30px;}
	.section5 .slider{padding-left: 30px; margin-left: -5px;}
	.section5 .slick-slide{margin: 0 10px;}
	.section5 .slick-prev{left: 30px;}
	.section5 .slick-next{right: 30px;}
}
@media (max-width: 1024px){
	.section5 .btn-more{right: 20px;}
	.section5 .slider{padding-left: 20px;}
	.section5 .slick-prev{left: 20px;}
	.section5 .slick-next{right: 20px;}
}
@media (max-width: 720px){
	.section5{padding: 80px 0; background: #fff;}
}
@media (max-width: 480px){
	.section5 h2 br{display: none;}
	.section5 .btn-more{position: static; margin: 20px 0 0 auto;}
	.section5 .slider{margin-left: 0; padding-left: 0; margin-top: 20px;}
	.section5 .slick-list{padding-right: 0;}
	.section5 .slick-arrow{width: 40px; height: 40px;}
	.section5 .slick-arrow::before{width: 18px; height: 16px;}
}


.section6{background: url('../img/sec6_bg.png') no-repeat center / cover; padding: 20px 0;}
.section6 >div{display: flex; align-items: center; justify-content: flex-start; gap: 30px; position: relative;}
.section6 h3{color: #fff; margin-bottom: 10px;}
.section6 p{font-size: 18px; color: #fff; line-height: 1.3; padding-right: 300px;}
.section6 a{display: inline-flex; align-items: center; justify-content: center; gap: 15px; width: 250px; height: 65px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: #fff; font-size: 18px; font-weight: 600; color: #333; border-radius: 50px; padding: 0 30px;}
.section6 a::after{content: ''; display: block; width: 12px; height: 12px; background: url('../img/icon_arrow1.png') no-repeat center;}

@media (max-width: 1820px){
	.section6 a{right: 50px;}
}
@media (max-width: 1280px){
	.section6 a{right: 30px;}
}
@media (max-width: 1024px){
	.section6 p{padding-right: 0;}
	.section6 a{position: static; transform: translateY(0); margin-top: 20px;}
}
@media (max-width: 720px){
	.section6 >div{align-items: flex-start;}
	.section6 >div >img{width: 120px;}
	.section6 a{height: 55px;}
}
@media (max-width: 480px){
	.section6 >div{flex-direction: column; align-items: center;}
	.section6 a{width: 200px; height: 40px; font-size: 14px;}
}

#no-fouc {opacity:0;}