@charset "utf-8";
html,body,.wrap{height: 100%;}
:root {
	--main-color: #fd6c01;
	--main-color2: #002d72;
	--sub-color: #005480;
	--white:#fff;
	--black:#010101;
	--transition-custom: all 0.4s ease-in-out;
	--transition-custom2: all 0.8s ease-in-out; /* data-scroll */
}

/*common*/
/* section:not(#section5):not(#section0,#section1){padding-bottom:150px;} */
.fa-add::before, .fa-plus::before{content:"\2b";}
.fa-classic, .fa-regular, .fa-solid, .far, .fas{font-family:"Font Awesome 6 Free";}
.fa-regular, .far{font-weight:400;}

.sect .mini_tit .m_t-circle{display:inline-block; background:var(--main-color); width:12px; height:12px; border-radius:50%; margin-right:10px;}
.sect .mini_tit{font-size:1.8rem; color:#111; text-align:start; font-family:"Red Hat Display", sans-serif; font-weight:500;}
.sect .big_tit{color:#000; font-size:4.2rem; line-height:1.4; font-weight:700; text-align:start; margin-top:15px;}
.sect .txt{font-size:30px; color:#222; line-height:1.4; margin:25px 0 57px; font-weight:500;}
.sect .txt2{font-size:18px; color:#222; line-height:1.7; font-weight:200;}
.moreBtn-box {width:207px; height:53px; border-radius:50px; background:var(--main-color); transition:all 0.3s ease; margin-top:80px;}
.moreBtn-box a{display:flex; justify-content:start; align-items:center; text-indent:40px; color:white; font-weight:700; width:100%; height:100%;}
.moreBtn_arrow{position:relative; display:block; margin-left:30px; width:35px; height:2px; background:white; transition:all 0.3s ease;}
.moreBtn_arrow::before,
.moreBtn_arrow::after{content:''; display:block; background:white; width:10px; height:2px; position:absolute; right:0px;}
.moreBtn_arrow::before{transform:rotate(45deg); top:-4px;}
.moreBtn_arrow::after{transform:rotate(-45deg); top:4px;}
.moreBtn-box:hover .moreBtn_arrow{margin-left:40px;}

/*vis*/
#section0{width:100%; height:1106px; top:0; position:relative;}
#section0 .sec_con{position: relative; top:47%; left: 50%; transform: translate(-50%, -50%); z-index: 5;}

.vis{position: absolute; top:0; left:0; width:100%; height: 100%;}
.vis_wrap{height: 100%;}
.vis_bg{background-repeat: no-repeat;background-position: center;background-size: cover;}

.vis1 .vis_bg{height: 100%; background-image: url('../../images/main-slide-01.png');}
.vis2 .vis_bg{height: 100%; background-image: url('../../images/main-slide-02.png');}
.vis3 .vis_bg{height: 100%; background-image: url('../../images/main-slide-03.png');}
.vis4 .vis_bg{height: 100%; background-image: url('../../images/main-slide-04.png');}

.vis_txt{position:relative; text-align:start;}
.vis_txt .main_slide-tit{font-size:5.2rem; color:white; line-height:68px; font-weight:700; margin-bottom:5px;letter-spacing:-0.2px;}
.vis_txt .main_slide-txt{font-size:2.2rem; line-height: 38px; color:white; font-weight:500;letter-spacing:-0.2px;}
.vis_txt .main_slide-box{display:flex;align-items:center;gap:10px;margin-top:35px;}
.vis_txt .main_slide-con{max-width:240px;width:100%;border:2px solid #fff;border-radius:30px;background:rgba(0,0,0,.2);padding:10px 0 0 30px;}
.vis_txt .main_slide-con h5{font-size:2.3rem;color:var(--main-color); font-weight:400;}
.vis_txt .main_slide-con h1{font-size:7.7rem;color:white; font-weight:400;margin-top:-5px;}

/*  pagination */
#section0 .slide_con{margin-top:185px;}
#section0 .slide_con .swiper-pagination2 .swiper-pagination-bullet{width:12px; height:12px; border-radius:50% ;background:transparent; border:1px solid white; transition:all 0.3s ease; opacity:1;}
#section0 .slide_con .swiper-pagination2 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin-right:15px;}
#section0 .slide_con .swiper-pagination2 .swiper-pagination-bullet-active{background:white;}


/* sect1 */
#section1 {position:relative; background:#002D72; border-radius:210px 0px 0px 0px; overflow:visible; top:-275px; z-index:99;padding:160px 0;}
#section1 .sect-wrap{display:flex; justify-content:space-between;gap:50px;}
#section1 .txt_wrap{width:461px;white-space:nowrap;}
#section1 .mini_tit{color:white;}
#section1 .big_tit{width:100%; color:white; margin-top:20px;}

/* sect1 끝 */


/* sect2 */
#section2{position:relative; width:100%; overflow:hidden; margin-bottom:250px;margin-top:-85px;}
#section2 .sect-wrap{position:relative; padding:0 30px;}
#section2 .main_sect2-flex{display:flex; justify-content:start;}
#section2 .main_sect2-bg{width:555px; height:698px;}
#section2 .txt_wrap{margin:80px 0 0 80px;}

#section2 .slide_wp{position:absolute; top:0; left:0; width:100vh; height:100%;}
#section2 .swiper_main02{margin:250px 0 0 425px; overflow:visible;}
#section2 .swiper_main02 .swiper-slide{width:544px; height:347px;border-radius:50px; transition: opacity 1s, background 1s; position:relative;}
#section2 .swiper_main02 .swiper-slide-active{transition: opacity .2s, background 1s; box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.15);}
#section2 .swiper_main02 .swiper-slide-prev{opacity:0;}
#section2 .swiper_main02 .swiper-slide-duplicate-next{opacity:0; transition:none;}
#section2 .swiper_main02 .swiper-slide .main_pro-slide_txt-box{position:absolute; top:40px; left:55px; z-index:1;}
#section2 .swiper_main02 .main_pro-name{font-weight:700; font-size:2.8rem; line-height:1.2; color:#000; transition:all 0.3s ease;}
#section2 .swiper_main02 .arrow{width:20px; height:13px; background:url("../../images/main_pro-s-arrow_b.png") no-repeat center center;}
#section2 .swiper_main02 .main_pro-slide_img-box{position:absolute; top:0; left:0;}
#section2 .swiper_main02 .swiper-slide-active .main_pro-name{color:white;text-shadow: 0 2px 6px rgba(0,0,0,0.3);}
#section2 .swiper-button-prev, #section2 .swiper-button-next{position:absolute; top:57%; width: 53px; height: 53px; background: rgba(255, 255, 255, 0.6) url('../../images/main_slide_arrow.png') no-repeat center / contain; box-shadow: 4px 4px 30px rgba(0, 0, 0, 0.12);
backdrop-filter: blur(5px);border-radius:50%;transition:background-color .3s;outline:none;}
#section2 .swiper-button-prev:hover, #section2 .swiper-button-next:hover{background-color:#fff;}
#section2 .swiper-button-prev{left:0; transform:translate(-50%,-50%);}
#section2 .swiper-button-next{/* left:calc(100% + 55px); */ right:-95px; transform:translate(-50%,-50%) scaleX(-1);}
#section2 .swiper-button-prev::after, #section2 .swiper-button-next::after{display:none;}

#section2 .view_more{position:relative; display:flex; align-items:center; gap:11px; margin-top:15px; width:120px;}
#section2 .view_more span{position:relative; font-weight:600; font-size:16px;}
#section2 .swiper_main02 .swiper-slide-active .view_more span{color:white;text-shadow: 0 2px 6px rgba(0,0,0,0.3);}
#section2 .swiper_main02 .swiper-slide-active .arrow{background:url("../../images/main_pro-s-arrow_w.png") no-repeat center center;text-shadow: 0 2px 6px rgba(0,0,0,0.1);}
#section2 .view_more svg{position:absolute;top:50%;right:0;transform:translateY(-50%); stroke-dasharray:163; stroke-dashoffset: 163;}
#section2 .view_more:hover svg{animation:mainSvgBtn 1s linear forwards;}
@keyframes mainSvgBtn {
  0% {
	stroke-dashoffset: 163;
  }
  100% {
	stroke-dashoffset: 0;
  }
}



/* sect3 service area*/
#section3 {margin-bottom:200px;}
#section3 .main_com-wrap{display:flex; justify-content:space-between; gap:1px; width:100%; height:636px; margin-top:70px;}
#section3 .main_com-cont{flex:auto; width:calc(100% / 4); height:100%; transition:width 0.3s; position:relative; overflow:hidden;}
#section3 .main_com-cont.cont1{background:url('../../images/main_com-img01.png') no-repeat center center;}
#section3 .main_com-cont.cont2{background:url('../../images/main_com-img02.png') no-repeat center center;}
#section3 .main_com-cont.cont3{background:url('../../images/main_com-img04.png') no-repeat center center;}
#section3 .main_com-cont.cont4{background:url('../../images/main_com-img05.png') no-repeat center center;}
#section3 .main_com-cont a{display:block; width:100%; height:100%; position:relative;}
#section3 .main_com-cont .main_com-txtBox{position:absolute; bottom:-180px; left:30px; padding:0 35px 80px;; white-space:nowrap; box-sizing:border-box; transition:all 0.7s ease;}
#section3 .main_com-cont .main_com-txtBox .main_com-ctg{font-size:2.2rem; color:white; font-weight:700;}
#section3 .main_com-cont .main_com-txtBox h2{font-size:3.4rem; color:white; font-weight:700; margin:15px 0 30px; transition:all 0.3s ease;}
#section3 .main_com-cont .main_com-txtBox .main_com-txt{font-size:2rem; color:white; font-weight:500; line-height:1.7; margin-bottom:30px; opacity:0;}
#section3 .main_com-cont .main_com-txtBox .main_com-more{color:white; border:1px solid white; border-radius:50px; width:183px; height:43px; line-height:43px; display:flex; justify-content:start; align-items:center; gap:50px; padding:0 30px; transition:all 0.3s ease; opacity:0;}
#section3 .main_com-cont .main_com-txtBox .main_com-more .main_com-arrow{display:block; width:25px; height:1px; background:white; position:relative; transition:all 0.3s ease;}
#section3 .main_com-cont .main_com-txtBox .main_com-more .main_com-arrow::before,
#section3 .main_com-cont .main_com-txtBox .main_com-more .main_com-arrow::after{content:''; display:block; background:white; width:5px; height:1px; position:absolute; right:0px; transition:all 0.3s ease;}
#section3 .main_com-cont .main_com-txtBox .main_com-more .main_com-arrow::before{transform:rotate(45deg); top:-1px;}
#section3 .main_com-cont .main_com-txtBox .main_com-more .main_com-arrow::after{transform:rotate(-45deg); top:1px;}

#section3 .main_com-cont:hover{width:1191px;}
#section3 .main_com-wrap:hover .main_com-cont:not(:hover) {width: calc((100% - 1191px) / 3);}
#section3 .main_com-cont:hover .main_com-txtBox{bottom:0;} 
#section3 .main_com-cont:hover .main_com-txtBox h2{font-size:6.2rem;}
#section3 .main_com-cont:hover .main_com-txtBox .main_com-txt,
#section3 .main_com-cont:hover .main_com-txtBox .main_com-more {opacity:1;}
#section3 .main_com-cont .main_com-txtBox .main_com-more:hover{border-color:var(--main-color); background:var(--main-color); color:white;}
#section3 .main_com-cont .main_com-txtBox .main_com-more:hover .main_com-arrow,
#section3 .main_com-cont .main_com-txtBox .main_com-more:hover .main_com-arrow::before,
#section3 .main_com-cont .main_com-txtBox .main_com-more:hover .main_com-arrow::after{background:white;}

/* section4 */
#section4 {margin-bottom:220px;}
#section4 .main_ser-wrap{display:flex; justify-content:space-between; margin-top:65px;}
#section4 .main_ser-cont{width:440px; height:420px; border-radius:15px; border:1px solid #ebebeb; overflow:hidden; box-shadow:2rem 2rem 6rem #0000001A;}
#section4 .main_ser-cont a{display:block; display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; box-sizing:border-box;  overflow:hidden; padding:0 45px; width:100%; height:100%; background-color:#fff; position:relative;}
#section4 .main_ser-cont a .icon{width:48px; height:47px; background:url("../../images/ico_service.png") 0 0 no-repeat;}
#section4 .main_ser-cont.cont2 a .icon{background-position:-48px 0;}
#section4 .main_ser-cont.cont3 a .icon{background-position:-96px 0;}
#section4 .main_ser-cont a .category,
#section4 .main_ser-cont a .tit{font-family:"Red Hat Display", sans-serif;}
#section4 .main_ser-cont a .category{font-size:1.6rem; color:#444; margin:23px 0 12px; font-weight:500;}
#section4 .main_ser-cont a .tit{font-size:3.4rem; color:#222; font-weight:600;}
#section4 .main_ser-cont a .line{width:100%; height:1px; background:#343434; margin:37px 0 53px;}
#section4 .main_ser-cont a .more_btn-style {display:block; font-family:"Roboto"; font-size:2.0rem; font-weight:700; color:#002d72; width:100%; position:relative;}
#section4 .main_ser-cont a .more_btn-style::before,
#section4 .main_ser-cont a .more_btn-style::after{content:""; display:block; position:absolute; top:50%; transform:translateY(-50%);}
#section4 .main_ser-cont a .more_btn-style::before{width:50px; height:50px; background:#e5ecfb; right:0; border-radius:100%;}
#section4 .main_ser-cont a .more_btn-style::after{width:44px; height:13px; background:url("../../images/arr_fac.png") 0 0 no-repeat; right:17px;}

#section4 .main_ser-cont:hover a{background:#002d72;}
#section4 .main_ser-cont.cont1:hover a .icon{background-position:0px -47px;}
#section4 .main_ser-cont.cont2:hover a .icon{background-position:-48px -47px;}
#section4 .main_ser-cont.cont3:hover a .icon{background-position:-96px -47px;}
#section4 .main_ser-cont:hover a .category,
#section4 .main_ser-cont:hover a .tit {color:white;}
#section4 .main_ser-cont:hover a .line{background:white;}
#section4 .main_ser-cont:hover a .more_btn-style{color:white;}
#section4 .main_ser-cont:hover a .more_btn-style::before{background:#000;}
#section4 .main_ser-cont:hover a .more_btn-style::after{background-position:0 -13px;}

#section4 .main_ser-cont a,
#section4 .main_ser-cont a .category,
#section4 .main_ser-cont a .tit,
#section4 .main_ser-cont .txt,
#section4 .main_ser-cont .line{transition:all 0.3s ease-in-out;}



/* ------------- response -------------- */

@media screen and (max-width: 1980px){ 
	/* sect2 */
	/* #section2 .swiper-button-next{left:calc(100% + 210px);} */
}

@media screen and (max-width: 1280px){ 
	/* common */
	.sect .big_tit{font-size:3.8rem;}

	/* sect0 */
	#section0{height:920px;}
	.vis_txt .main_slide-tit{font-size:4rem;line-height:45px;}
	.vis_txt .main_slide-txt{font-size:2rem;}
	.vis_txt .main_slide-con h1{font-size:5rem;margin-top:0;}
	#section0 .sec_con{top:45%;}
	#section0 .slide_con{margin-top:130px;}

	/* sect1 */
	#section1 .txt_wrap{width:30%;}
	#section1 .scroll_wrap .scroll_ul{width:800px;}
	#section1 .scroll_ul li a{width:50%;}
	#section1 .scroll_ul li img{width:350px;}

	/* sect3 */
	#section3 .main_com-cont:hover{width:75%;}
	#section3 .main_com-cont:hover .main_com-txtBox h2{font-size:5.6rem;}

	/* sect4 */
	#section4 .main_ser-cont{width:32.5%;}
}

@media screen and (max-width: 1080px){ 
	/* common */
	.sect .big_tit{font-size:3.2rem;}
	.moreBtn-box{margin-top:45px;}

	/* section0 */
	.vis_txt .main_slide-tit{font-size:4.5rem;}
	.vis_txt .main_slide-txt{font-size:2rem;}

	/* sect1 */
	#section1 .scroll_wrap .scroll_ul{width:660px;}
	#section1 .scroll_ul li img{width:300px;}
	#section1 .scroll_ul li .scroll_cont{width:300px; bottom:-130px;}
	#section1 .scroll_ul li .scroll_cont h5{font-size:2.4rem;}
	#section1 .scroll_ul li .scroll_cont p{font-size:1.6rem;}
	#section1 .scroll_ul li .scroll_cont p .pc_space{display:inline;}

	/* sect2 */
	#section2 .txt_wrap{margin:80px 0 0 10px;}

	/* sect3 */
	#section3 .main_com-cont:hover .main_com-txtBox h2{font-size:5rem;}
}

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

@media screen and (max-width: 980px){ 
	/* common */
	.sect .big_tit{font-size:3rem;}
	.moreBtn-box{width:180px;}
	.moreBtn-box a{text-indent:25px; font-size:1.5rem;}

	/* sect0 */
	.vis_txt .main_slide-tit{font-size:4rem;}
	.vis_txt .main_slide-txt{font-size:1.8rem;}

	/* sect1 */
	#section1{top:-245px; border-radius:180px 0 0 0;}

	/* sect2 */
	#section2 .main_sect2-bg{/* width:480px; */}
	#section2 .main_sect2-bg img{width:100%;}

	#section2 .swiper_main02 .swiper-slide{width:500px; height:318px; background:#ccc;}
	#section2 .swiper-button-next{left:calc(100% + 10px);}
	#section2 .swiper_main02 .main_pro-slide_img-box,
	#section2 .swiper_main02 .main_pro-slide_img-box img{width:100%;}
	#section2 .swiper_main02 .swiper-slide .main_pro-slide_txt-box{left:45px;}
	#section2 .swiper_main02 .main_pro-name{font-size:2.4rem;}
}

@media screen and (max-width: 820px){ 
	/* common */
	.sect .title{font-size:4rem;}
	.sect .s_dsc{font-size:1.8rem;}

	/* sect1 */
	#section1 .sect-wrap{flex-direction:column; padding:0 20px;}
	#section1 .txt_wrap{width:100%;white-space:wrap;}
	#section1 .big_tit .pc_space{display:none;}
	#section1 .txt_wrap .sticky{position:static; padding-bottom:70px;}
	#section1 .scroll_wrap .scroll_ul{width:100%;}
	#section1 .scroll_ul li a{width:45%;}
	#section1 .scroll_ul li img,
	#section1 .scroll_ul li .scroll_cont{width:345px;}
	#section1 .exhibition_wrap{overflow:hidden;}

	/* sect2 */
	#section2 {margin-bottom:185px;}
	#section2 .main_sect2-flex{flex-direction:column-reverse;}
	#section2 .txt_wrap{margin:0 0 50px;}
	#section2 .swiper_main02{margin:330px 0 0 150px;}

	#section2 .slide_wp{width:100%;}
	#section2 .swiper-button-next{left:auto; right:18%;}

	/* sect3 */
	#section3 .main_com-wrap{flex-direction:column; margin-top:50px;}
	#section3 .main_com-cont{width:100%; height:800px;}
	#section3 .main_com-cont:hover{width:100%; height:350px;}
	#section3 .main_com-wrap:hover .main_com-cont:not(:hover) {width:100%; height:calc((100% - 350px) / 3);}
	
	#section3 .main_com-cont .main_com-txtBox{padding:30px 10px; bottom:-160px; left:15px;}
	#section3 .main_com-cont .main_com-txtBox .main_com-ctg{font-size:1.8rem;}
	#section3 .main_com-cont .main_com-txtBox h2{font-size:2.8rem;}
	#section3 .main_com-cont:hover .main_com-txtBox h2{font-size:3.8rem;}
	#section3 .main_com-cont .main_com-txtBox .main_com-txt{font-size:1.6rem;}

	/* sect4 */
	#section4 .main_ser-wrap{flex-direction:column; margin-top:35px;}
	#section4 .main_ser-cont{width:100%; height:auto; box-shadow:none; margin-bottom:10px;}
	#section4 .main_ser-cont a{padding:50px 30px;}
}

@media screen and (max-width: 768px){ 
	.vis_txt .main_slide-tit{font-size:3.5rem;line-height:36px;}
	.vis_txt .main_slide-txt{font-size:1.8rem;}
	.vis_txt .main_slide-con{max-width:170px;}
	.vis_txt .main_slide-con h5{font-size:1.8rem;line-height:30px;}
	.vis_txt .main_slide-con h1{font-size:4rem;}

	/* sect1 */
	#section1 .scroll_ul li img, 
	#section1 .scroll_ul li .scroll_cont{width:315px;}

	/* sect2 */
	#section2 .swiper-button-next{right:11%;}
}
@media screen and (max-width: 660px){ 
	/* sect3 */
	#section3{margin-bottom:130px;}
	#section3 .main_com-cont:hover{width:100%; height:300px;}
	#section3 .main_com-wrap:hover .main_com-cont:not(:hover) {width:100%; height:300px;}
	#section3 .main_com-cont .main_com-txtBox{bottom:0; left:0; padding:20px 20px;}
	#section3 .main_com-cont .main_com-txtBox h2{margin:10px 0 0; font-size:2.2rem;}
	#section3 .main_com-cont:hover .main_com-txtBox h2{font-size:2.5rem;}
	#section3 .main_com-cont .main_com-txtBox .main_com-txt,
	#section3 .main_com-cont .main_com-txtBox .main_com-more{display:none;}
}
@media screen and (max-width: 500px){ 
	/* common */
	.sect .title{font-size:40px; margin-top:20px;}
	.sect .txt{margin:25px 0;}

	.sect .mini_tit{font-size:1.6rem;}
	.sect .big_tit{font-size:2.4rem;}
	.moreBtn-box{height:40px; margin-top:30px;}

	/* section0 */
	.vis_txt .main_slide-box{flex-wrap:wrap;margin-top:25px;}
	.vis_txt .main_slide-con{padding:10px 0 10px 30px;}
	.vis_txt .main_slide-con h1{font-size:3.5rem;}
	.vis_txt .main_slide-con h5{font-size:1.6rem;}
	.vis_txt .main_slide-tit{font-size:3.2rem;}
	#section0 .pc_space{display:block;}
	#section0 .sec_con{top:50%;}

	#section0{height:750px; margin-bottom:100px;}
	.vis1 .vis_bg{background-image: url('../../images/main-slide-01_500.png');}
	.vis2 .vis_bg{background-image: url('../../images/main-slide-02_500.png');}
	.vis3 .vis_bg{background-image: url('../../images/main-slide-03_500.png');}

	/* section1 */
	#section1{top:-225px; border-radius:130px 0 0 0;padding:120px 0 60px;}
	#section1 .scroll_ul li a{width:48%;}
	#section1 .scroll_ul li img{width:100%;}
	#section1 .scroll_ul li .scroll_cont{width:48%; bottom:-115px;}
	#section1 .scroll_ul li .scroll_cont h5{font-size:2rem;}
	#section1 .scroll_ul li .scroll_cont p{font-size:1.5rem;}

	/* section2 */
	#section2 .slide_wp{padding:0 25px; overflow:hidden;}
	#section2 .main_sect2-bg{width:100%;}
	#section2 .swiper_main02{margin:500px 0 0;}
	#section2 .swiper_main02 .swiper-slide{height:auto;}

	#section2 .btn_wp{width:100%; position:absolute; bottom:-170px;}
	#section2 .swiper_main02 .swiper-slide .main_pro-slide_txt-box{left:30px;}
	#section2 .swiper-button-prev, 
	#section2 .swiper-button-next{width:38px; height:38px;}
	#section2 .swiper-button-prev{left:0px}
	#section2 .swiper-button-next{right:-35px;}

	/* sect4 */
	#section4{margin-bottom:135px;}
	#section4 .main_ser-cont a{padding:25px 30px;}
	#section4 .main_ser-cont a .tit{font-size:3rem;}

}

@media screen and (max-width: 450px){ 
	/* common */

	/* sect0 */
	.vis_txt .main_slide-tit{font-size:2.6rem;}
	.vis_txt .main_slide-txt{font-size:1.6rem;line-height:25px;}

	/* section1 */
	#section1 .scroll_wrap{padding:0 0 230px;}
	#section1 .scroll_ul li .scroll_cont p{display:none;}

	/* sect2 */
	#section2 .swiper_main02 .main_pro-name{font-size:2rem;}
	#section2 .view_more span{font-size:1.5rem;}

	/* sect4 */
	#section4 .main_ser-cont a .category{font-size:1.4rem;}
	#section4 .main_ser-cont a .tit{font-size:2.2rem;}
	#section4 .main_ser-cont a .more_btn-style{font-size:1.4rem;}	
	#section4 .main_ser-cont a .line{margin:15px 0 25px;}
	#section4 .main_ser-cont a .more_btn-style::before{width:40px; height:40px;}
}

@media screen and (max-width: 430px){ 
	/* common */
	/* section2 */
	#section2{margin-bottom:10px;}
	#section2 .btn_wp{bottom:-140px;}
}

@media screen and (max-width: 390px){ 
	/* section0 */
	.vis_txt .main_slide-con{max-width:150px;}
	/* sect1 */
	/* sect2 */
	#section2 .btn_wp{bottom:-120px;}

	#section3 .main_com-cont .main_com-txtBox .main_com-ctg{font-size:1.6rem;}
	#section3 .main_com-cont .main_com-txtBox h2{margin:10px 0 0; font-size:2rem;}
	#section3 .main_com-cont:hover .main_com-txtBox h2{font-size:2.3rem;}
}

@media screen and (max-width: 375px){ 
	#section1 .scroll_ul li .scroll_cont h5{font-size:1.8rem;}
}

@media screen and (max-width: 360px){ 
	#section1 .scroll_ul li .scroll_cont h5{font-size:1.6rem;}
}