/* Setting */
section{overflow:hidden;line-height:1.5;position:relative;padding:100px 0;}
section .section_fix{width:calc(100% - 40px);margin:0 auto;overflow:hidden;max-width:1200px;}
section .section_title{margin:0 auto 60px;overflow:hidden;}
section .section_title h3{font-size:40px;font-weight:700;position:relative;display:block;}
section .section_title p{font-size:50px;line-height:1.2}
section .section_title span{font-size:20px;display:inline-block;padding:0 20px;color:#fff;font-weight:bold;line-height:35px;border-radius:35px;background:#B03CCC;margin-bottom:20px;}
section .section_body{overflow:hidden;}

.header .header_top .logo{background:url('../img/logo_b.png') no-repeat center;background-size:contain}
.header .header_top .gnb>li a{color:#000}
.header .header_top .gnb>li a.on{color:#B03CCC}
.header .header_top .gnb>li:hover a{color:#B03CCC}
.header .header_top .sns_link img.hover_img{display:none}
.header .header_top .sns_link img.normal_img{display:block}

.m_header .m_logo{background:url('../img/logo_b.png') no-repeat center;background-size:contain;}
.m_header .m_gnb a{color:#000;}
.m_header .m_gnb a span{background:#000;}


/* Section01 */
#section01{padding:0}
#section01 .section_body{width:calc(100% - 60px);display:flex;gap:30px;max-width:1830px;margin:0 auto 50px;padding:50px 30px 30px;}
#section01 .section_body .item{width:50%;position:relative;padding-bottom:33%;transition:0.5s;overflow:hidden;border-radius:30px;transition:0.5s;top:0;}
#section01 .section_body .item.fl{box-shadow:0 0 30px rgba(176,60,204,0.05);}
#section01 .section_body .item.fl:hover{box-shadow:0 0 30px rgba(176,60,204,0.2);top:-20px;}
#section01 .section_body .item.fl .bg{background:url('../img/03_service/1.png') no-repeat center bottom;background-size:cover;position:absolute;width:100%;height:100%;top:0;left:0;transition:0.5s;}
#section01 .section_body .item.fr{box-shadow:0 0 30px rgba(2,114,245,0.05);}
#section01 .section_body .item.fr:hover{box-shadow:0 0 30px rgba(2,114,245,0.2);top:-20px;}
#section01 .section_body .item.fr .bg{background:url('../img/03_service/2.png') no-repeat center bottom;background-size:cover;position:absolute;width:100%;height:100%;top:0;left:0;transition:0.5s;}
#section01 .section_body .item .textarea{position:absolute;top:50px;left:50px;line-height:1;z-index:1;width:calc(100% - 50px);}
#section01 .section_body .item .textarea span{font-size:18px;color:#fff;display:block;width:140px;line-height:37px;font-weight:700;border-radius:24px;text-align:center;margin-bottom:20px;}
#section01 .section_body .item.fl .textarea span{background:#B03CCC}
#section01 .section_body .item.fr .textarea span{background:#006EF4}
#section01 .section_body .item .textarea h3{font-size:70px;color:#535353;display:block;margin-bottom:10px;}
#section01 .section_body .item .textarea b{font-size:20px;color:#535353;display:block;font-weight:600}
#section01 .section_body .item a{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}



/* Responsive */
@media all and (max-width:1600px){	
	#section01 .section_body .item .textarea h3{font-size:64px;}
	#section01 .section_body .item .textarea b{font-size:19px;}

}

@media all and (max-width:1440px){	
	#section01 .section_body .item .textarea span{font-size:16px;line-height:32px;width:120px;}
	#section01 .section_body .item .textarea h3{font-size:54px;}
	#section01 .section_body .item .textarea b{font-size:18px;}
}

@media all and (max-width:1200px){
	#section01 .section_body .item .textarea h3{font-size:48px;}
	#section01 .section_body .item .textarea b{font-size:16px;}
}


@media all and (max-width:1024px){
	section{padding:80px 0}
	section .section_title h3{font-size:32px;}
	#section01 .section_body{flex-direction: column;max-width:720px;}
	#section01 .section_body .item{width:100%;padding-bottom:66%;}
	#section01 .section_body .item .textarea h3{font-size:45px;}
	#section01 .section_body .item .textarea b{font-size:20px;}

}

@media all and (max-width:768px){
	section{padding:60px 0}
	section .section_title{text-align:center}
	section .section_title h3{font-size:30px;}
	#section01 .section_body .item .textarea{top:30px;left:30px;}
	#section01 .section_body .item .textarea h3{font-size:40px;}
	#section01 .section_body .item .textarea b{font-size:18px;}

}

@media all and (max-width:540px){
	#section01 .section_body .item .textarea span{font-size:14px;line-height:28px;width:100px;margin-bottom:10px;}
	#section01 .section_body .item .textarea h3{font-size:36px;}
	#section01 .section_body .item .textarea b{font-size:17px;}
}

@media all and (max-width:480px){	
	section .section_title h3{font-size:25px;}
	.page_top2 .textarea{padding:120px 0 0}
	#section01 .section_body{padding:30px 20px;width:calc(100% - 40px);}
	#section01 .section_body .item .textarea{top:20px;left:20px;}
	#section01 .section_body .item .textarea span{font-size:12px;line-height:20px;width:90px;}
	#section01 .section_body .item .textarea h3{font-size:30px;}
	#section01 .section_body .item .textarea b{font-size:12px;}
}
@media all and (max-width:425px){

}