@charset "utf-8";

.intro1{background: url('/images/sub/intro1_bg.png') left bottom / 25% no-repeat;}
.intro1 .s-inner{display: flex; align-items: center;gap: 75px;}
.intro1 .lt{width: 50%; color: #222; padding-left: 70px;}
.intro1 .lt h3{font-size: 4rem; margin-bottom: 50px; position: relative;}
.intro1 .lt h3:after{position: absolute; content: ''; background: #fab22c; width: 30px; height: 30px; border-radius: 5px; top: -8px; left: -18px;z-index: -1;}
.intro1 .lt p{font-size: 2.3rem; line-height: 3.5rem;}
.intro1 .lt p.name{font-size: 2rem;}
.intro1 .lt p + p{margin-top: 40px;}
.intro1 .rt{width: 50%;}
.intro1 .rt .img{width: 100%; position: relative;}
.intro1 .rt .img::after{position: absolute; content: ''; width: 100%; height: 100%; background: #fab22c; top: 15px; left: -15px;z-index: -1;}
.intro1 .rt .img img{width: 100%;}
.yellow{color: #fab22c;}
.udl{text-decoration: underline;text-underline-offset: 4px;}
.mont{font-family: 'montserrat';}

@media screen and (max-width:1280px){
    .intro1 .s-inner{gap: 55px;}
    .intro1 .lt h3{font-size: 3rem; margin-bottom: 30px;}
    .intro1 .lt p{font-size: 2rem; line-height: 3rem;}
    .intro1 .lt p br{display: none;}
    .intro1 .lt p.name{font-size: 1.8rem;}
    .intro1 .lt p + p{margin-top: 20px;}
}

@media screen and (max-width:1080px){
    .intro1{background-size: 50%;}
    .intro1 .s-inner{flex-wrap: wrap; justify-content: center;}
    .intro1 .lt{width: 80%; padding-left: 0;}
    .intro1 .lt p br{display: block;}
    .intro1 .rt{width: 80%;}
}
@media screen and (max-width:680px){
    .intro1 .lt{width: 95%;}
    .intro1 .lt h3:after{width: 20px; height: 20px; border-radius: 3px; top: -3px; left: -10px;}
    .intro1 .rt{width: 95%;}
    .intro1 .rt .img::after{top: 10px; right: -10px; left: auto;}
}
@media screen and (max-width:480px){
    .intro1 .s-inner{gap: 40px;}
    .intro1 .lt h3{font-size: 2.5rem;}
    .intro1 .lt p{font-size: 1.8rem; line-height: 2.6rem;}
    .intro1 .lt p.name{font-size: 1.6rem;}
}


.intro2 {margin-top: 50px;}
.intro2 #contWrap {display:flex; height:480px; margin-bottom:10% }
.intro2 #contWrap:last-child {margin-bottom:0}
.intro2 #contWrap .img {width:700px }
.intro2 #contWrap .img img {width:100% }
.intro2 #contWrap .cont {width:calc(100% - 700px); padding-left:7%; height:100%; text-align:right; display:flex; flex-direction: column; justify-content:space-between; position:relative}
.intro2 #contWrap .cont p.eng {font-size:1.6rem; font-family:'Montserrat'; font-weight:600; border-bottom:1px solid #fab22c; padding-bottom:1em; color: #fab22c; opacity: 0.8;}
.intro2 #contWrap .cont p.num {font-size:9.0rem; font-family:'Oswald'; font-weight:600; color:#fccc74; margin-bottom:auto; position:absolute; right:0; top:30px}
.intro2 #contWrap .cont dl {text-align:left; position:relative}
.intro2 #contWrap .cont dl dt {font-size:3.6rem; margin-bottom:0.7em;  color:#333; font-weight:700}
.intro2 #contWrap .cont dl dd {font-size:2.0rem; line-height:1.8em;}

.intro2 #contWrap:nth-child(odd) .img {order:2}
.intro2 #contWrap:nth-child(odd) .cont {order:1; padding-right:7%; padding-left:0}
.intro2 #contWrap:nth-child(odd) .cont { text-align:left;} 
.intro2 #contWrap:nth-child(odd) .cont p.num {left:0; right:unset}

@media all and (max-width:1599px) {
    .intro2 {margin-top: 20px;}
    .intro2 #contWrap { height:410px;}
	.intro2 #contWrap .img {width:600px }
	.intro2 #contWrap .cont {width:calc(100% - 600px);}
}
@media all and (max-width:1280px) {
    .intro2 {margin-top: 0px;}
    .intro2 #contWrap { height:350px;}
	.intro2 #contWrap .img {width:500px }
	.intro2 #contWrap .cont {width:calc(100% - 500px);}
    .intro2 #contWrap .cont p.num {font-size:7.0rem;}
	.intro2 #contWrap .cont dl dd {font-size:1.8rem; line-height:1.6em;}
}
@media all and (max-width:1024px) {
    .intro2 #contWrap { height:auto;}
	.intro2 #contWrap .img {width:400px }
	.intro2 #contWrap .cont {width:calc(100% - 400px);}
	.intro2 #contWrap .cont dl dt {margin-top:2.5em; font-size:3.2rem;} 
}
@media all and (max-width:976px) {
    .intro2 #contWrap { flex-wrap:wrap; }
	.intro2 #contWrap .img {width:100% }
	.intro2 #contWrap .cont {width:100%; padding:0; margin-top:30px}
    .intro2 #contWrap .cont p.num {font-size:6.0rem;}
    
	.intro2 #contWrap:nth-child(odd) .img {order:1}
	.intro2 #contWrap:nth-child(odd) .cont {order:2; padding-right:0; }
	.intro2 #contWrap:nth-child(odd) .cont { text-align:right;} 
	.intro2 #contWrap:nth-child(odd) .cont p.num {left:unset; right:0}
}
@media all and (max-width:680px) {
    .intro2 #contWrap .cont p.num {font-size:5.0rem;}
    .intro2 #contWrap .cont dl dt {font-size:2.5rem;} 
    .intro2 #contWrap .cont dl dd {font-size:1.6rem;}
}


#organization { text-align: center; display: flex; flex-direction: column; font-size: 1.8rem; gap: 80px; }
#organization::before { content:''; width:1px; height: 50%; background: #d7dde8; position: absolute; top: 0; left: 50%; margin-left: -0.5px; }
#organization > li { position: relative; display: flex; width: 100%; justify-content: space-around; }
#organization > li > div > p { width: 220px; max-width: 90%; line-height: 65px; display: inline-block; color: #fff; border-radius: 10px;}

#organization > li.depth1{position: relative;}
#organization > li.depth1 .rt{position: absolute; width: 43%; right: 8.9%; height: 100%;}
#organization > li.depth1 .rt::before { content:''; width: 100%; height: 1px; background: #d7dde8; z-index:-1; position: absolute; left:50%; top: 50%; margin-top: -0.5px; transform: translateX(-50%);}
#organization > li.depth1 .rt p{position: absolute; right: 0; background: #32499d;}
#organization > li.depth1 > div > p { background: #1f2c5d; }

#organization > li.depth4 { align-items: stretch; }
#organization > li.depth4::before { content:''; width: 60%; height: 1px; background: #d7dde8; z-index:-1; position: absolute; left:50%; top: 32px; transform: translateX(-50%); }
#organization > li.depth4 > div { width: 100% }
#organization > li.depth4 > div > p { background: #7fa6ea; }

#organization > li.depth4 > div .depth4_1 { position: relative; display: flex; justify-content: space-between; margin-top: 40px; flex-wrap: wrap; }
#organization > li.depth4 > div .depth4_1::after { content:''; width: 1px; height: 40px; background: #d7dde8; z-index:-1; position: absolute; left:50%; top: -40px; margin-left: -0.5px }
#organization > li.depth4 > div .depth4_1 dl { position: relative; width: 220px; max-width: 90%; margin: 0 auto;}
#organization > li.depth4 > div .depth4_1 dl::before { content:''; width: 1px; height: 100%; background: #d7dde8; z-index:-1;position: absolute; left:50%; top: 0px; margin-left: -0.5px }
#organization > li.depth4 > div .depth4_1 dl.short::before { height: calc(100% - 40px); }
#organization > li.depth4 > div .depth4_1 dl dt { line-height: 65px; color:#222; border: 1px solid #32499d;  background: #fff; border-radius: 10px;}
#organization > li.depth4 > div .depth4_1 dl dt + dt{margin-top: 20px;}

#organization > li.depth4 > div .depth4_2 { margin-top: 40px; width: 180px; max-width: 90%; border: 1px solid #d7dde8; display: inline-block;padding: 1.5em 0; background: #fff; align-items: flex-end;}
#organization > li.depth4 > div .depth4_2 p { line-height: 1.5em; }



@media all and (max-width:1400px) {
    #organization > li.depth1 .rt{right: 4.9%;}
}
@media all and (max-width:880px) {
    #organization {font-size: 1.6rem; gap: 40px;}
    #organization > li.depth1 p{width: 140px;}
    #organization > li.depth1 .rt{right: 0%; width: 50%;}
    #organization > li > div > p {width: 100%; line-height: 50px;}
    #organization > li.depth4 > div .depth4_1 {margin-top: 30px;}
    #organization > li.depth4 > div .depth4_1 dl {width: 100%;}
    #organization > li.depth4 > div .depth4_1 dl dt { line-height: 50px;}
}
@media all and (max-width:640px) {
    #organization > li.depth4 > div .depth4_1 dl dt { line-height: 20px;padding: 10px;}
}
@media all and (max-width:480px) {
    #organization > li > div > p {line-height: 40px; border-radius: 5px;}
    #organization > li.depth1 p{width: 130px;}
    #organization > li.depth1 .rt p{width: 100px;}
    #organization > li.depth4 > div .depth4_1 dl dt {border-radius: 5px;font-size: 1.5rem;}
}



#organization2 { text-align: center; display: flex; flex-direction: column; font-size: 1.8rem; gap: 80px; }
#organization2::before { content:''; width:1px; height:31%; background: #d7dde8; position: absolute; top: 0; left: 50%; margin-left: -0.5px; }
#organization2 > li { position: relative; display: flex; width: 100%; justify-content: space-around; }
#organization2 > li > div > p { width: 220px; max-width: 90%; line-height: 65px; display: inline-block; color: #fff; border-radius: 10px;}

#organization2 > li.depth1{position: relative;}
#organization2 > li.depth1 .rt{position: absolute; width: 43%; right: 8.9%; height: 100%;}
#organization2 > li.depth1 .rt::before { content:''; width: 100%; height: 1px; background: #d7dde8; z-index:-1; position: absolute; left:50%; top: 50%; margin-top: -0.5px; transform: translateX(-50%);}
#organization2 > li.depth1 .rt p{position: absolute; right: 0; background: #32499d;}
#organization2 > li.depth1 > div > p { background: #1f2c5d; }

#organization2 > li.depth4 { align-items: stretch; }
#organization2 > li.depth4::before { content:''; width: 60%; height: 1px; background: #d7dde8; z-index:-1; position: absolute; left:50%; top: 32px; transform: translateX(-50%); }
#organization2 > li.depth4 > div { width: 100% }
#organization2 > li.depth4 > div > p { background: #7fa6ea; }

#organization2 > li.depth4 > div .depth4_1 { position: relative; display: flex; justify-content: space-between; margin-top: 40px; flex-wrap: wrap; }
#organization2 > li.depth4 > div .depth4_1::after { content:''; width: 1px; height: 40px; background: #d7dde8; z-index:-1; position: absolute; left:50%; top: -40px; margin-left: -0.5px }
#organization2 > li.depth4 > div .depth4_1 dl { position: relative; width: 220px; max-width: 90%; margin: 0 auto;}
#organization2 > li.depth4 > div .depth4_1 dl::before { content:''; width: 1px; height: 100%; background: #d7dde8; z-index:-1;position: absolute; left:50%; top: 0px; margin-left: -0.5px }
#organization2 > li.depth4 > div .depth4_1 dl.short::before { height: calc(100% - 40px); }
#organization2 > li.depth4 > div .depth4_1 dl dt { line-height: 65px; color:#222; border: 1px solid #32499d;  background: #fff; border-radius: 10px;}
#organization2 > li.depth4 > div .depth4_1 dl dt + dt{margin-top: 20px;}

#organization2 > li.depth4 > div .depth4_2 { margin-top: 40px; width: 180px; max-width: 90%; border: 1px solid #d7dde8; display: inline-block;padding: 1.5em 0; background: #fff; align-items: flex-end;}
#organization2 > li.depth4 > div .depth4_2 p { line-height: 1.5em; }



@media all and (max-width:1400px) {
    #organization2 > li.depth1 .rt{right: 4.9%;}
}
@media all and (max-width:880px) {
    #organization2 {font-size: 1.6rem; gap: 40px;}
    #organization2::before{height: 28%;}
    #organization2 > li.depth1 p{width: 140px;}
    #organization2 > li.depth1 .rt{right: 0%; width: 50%;}
    #organization2 > li > div > p {width: 100%; line-height: 50px;}
    #organization2 > li.depth4 > div .depth4_1 {margin-top: 30px;}
    #organization2 > li.depth4 > div .depth4_1 dl {width: 100%;}
    #organization2 > li.depth4 > div .depth4_1 dl dt { line-height: 50px;}
}
@media all and (max-width:640px) {
    #organization2::before{height: 29.5%;}
    #organization2 > li.depth4 > div .depth4_1 dl dt { line-height: 20px;padding: 10px;}
}
@media all and (max-width:560px) {
    #organization2::before{height: 28%;}
    #organization2 > li > div > p {width: 100%; padding:15px 5px; line-height: 1.2em;}
    #organization2 > li.depth4 > div .depth4_1 dl dt{padding: 5px; line-height: 1.2em;}
}
@media all and (max-width:480px) {
    #organization2::before{height: 27.5%;}
    /* #organization2 > li > div > p {line-height: 40px; border-radius: 5px;} */
    #organization2 > li > div > p {width: 100%; padding:10px 5px; line-height: 1.2em;}
    #organization2 > li.depth1 p{width: 130px;}
    #organization2 > li.depth1 .rt p{width: 100px;}
    #organization2 > li.depth4 > div .depth4_1 dl dt {border-radius: 5px;font-size: 1.5rem;}
}




.intro4{width: 100%; height: 400px; border-radius: 10px; overflow: hidden; background: url(/images/sub/intro4_img.png) no-repeat center center / cover; margin-bottom: 80px;}
.intro4 .txt{text-align: center; color: #fff; height: 100%; display: flex; flex-direction: column; justify-content: center}
.intro4 .txt h4{font-size: 5rem; opacity: 0.65; margin-bottom: 10px;font-family: 'Orbitron';}
.intro4 .txt p{font-size: 1.8rem; margin-top: 20px;}

@media all and (max-width:1280px){
    .intro4{height: 370px; margin-bottom: 70px;}
    .intro4 .txt h4{font-size: 4rem;}
}
@media all and (max-width:768px){
    .intro4{height: 300px; margin-bottom: 60px;}
    .intro4 .txt h4{font-size:3.5rem;margin-bottom: 0;}
    .intro4 .txt p{font-size: 1.6rem;}
}
@media all and (max-width:500px){
    .intro4{height:200px; margin-bottom: 50px;}
    .intro4 .txt h4{font-size:3rem;}
    .intro4 .txt p{margin-top: 10px;}
}



.info{display: grid; grid-template-columns: 22% auto;}
.info  + .info{margin-top: 80px;}
.info .l_cont{width: 100%; position: relative;}
.info .l_cont::before{content: ''; width: 60px; height: 3px; background-color: #fab22c; display: block; margin-bottom: 22px;}
.info .l_cont h3{font-size: 32px; color: #222; line-height: 1.4em;}
.info .r_cont{width: 100%;}


@media all and (max-width:1280px){
    .info .l_cont h3{font-size: 30px;}
}
@media all and (max-width:1024px){
    .info .l_cont h3{font-size: 28px;}
}
@media all and (max-width:768px){
    .info{grid-template-columns: 100%;}
    .info  + .info{margin-top: 60px;}
	.info .l_cont::before{width: 40px; margin-bottom: 15px;}
	.info .l_cont{width: 100%; margin-bottom: 30px;}
	.info .l_cont h3{font-size: 26px;}
	.info .l_cont h3 br{display: none;}
}
@media all and (max-width:500px){
    .info  + .info{margin-top: 40px;}
	.info .l_cont{margin-bottom: 25px;}
	.info .l_cont h3{font-size: 23px;}
}


.bg_box{display: flex; flex-wrap: wrap; gap: 20px;}
.bg_box li{width: calc(100%/3 - 40px/3); padding: 30px; background: #fef5e4; border-radius: 5px; display: flex; flex-wrap: wrap; justify-content: flex-end;}
.bg_box li img{width: 100px; height: fit-content;}
.bg_box li .txt{width: 100%;}
.bg_box li h4{font-size: 2.5rem; font-family: 'montserrat'; color: #fab22c; margin-bottom: 20px; border-bottom: 2px solid #fab22c; line-height: 2.5rem;display: inline-block;}
.bg_box li p{color: #222; font-size: 1.8rem;}

@media all and (max-width:1280px){
    .bg_box li img{width: 80px;}
    .bg_box li h4{font-size: 2.3rem;}
    .bg_box li p{font-size: 1.6rem;}
}
@media all and (max-width:1024px){
    .bg_box li{width: calc(100%/2 - 10px);}
}
@media all and (max-width:480px){
    .bg_box{gap: 10px;}
    .bg_box li{padding: 20px; width: calc(100%/2 - 5px);}
    .bg_box li img{width: 70px;}
    .bg_box li h4{margin-bottom: 10px;}
    .bg_box li p{font-size: 1.5rem;}
}



#sLocation { position: relative; }
#sLocation .root_daum_roughmap .wrap_map  { height: 600px !important; }
.root_daum_roughmap .cont,
.wrap_controllers  { display: none; }
.map_border {  display: none; }

.loca-info { position: relative; width: 95%; margin: -5% auto 0;z-index: 10; display:flex;  flex-wrap:wrap; align-items: end; justify-content:space-between; }
.loca-info > div { }

.loca-info .tit { padding:40px; width:380px; border-radius:10px; height:280px; background: #fab22c; background-size:auto 100%; color:#FFF ; display:flex; flex-wrap:wrap;  align-content: space-between;}
.loca-info .tit .eng { width:100%; font-size:1.8rem; font-family:'Montserrat'; font-weight:700; letter-spacing:0 }
.loca-info .tit h3 {font-size:3.6rem;width:100%;text-align:right; font-weight:200; line-height:1.4em}

.loca-info .cont { width:calc(100% - 380px - 160px ); padding:0 0 30px 50px; font-size: 1.8rem; /* border: 1px solid #e5e5e5; */ border-top:0; display: flex; flex-wrap:wrap}
.loca-info .cont dl {margin:0 30px 10px 30px;}
.loca-info .cont dl p {font-size:1.8rem; color:#757370}
.loca-info .cont dl p i {width:50px; line-height:50px; text-align:center; border-radius:50px; background:#faf8e7; color:#fab22c; margin-right:10px }
.loca-info .cont dl p.phone {color:#222; font-family: 'Montserrat', sans-serif; font-weight:600}

.loca-info .load {width: 160px;   display:flex; flex-wrap: wrap;gap: 10px;margin-bottom: 30px;}
.loca-info .load a {width: 100%; height: 100%;border-radius:10px;background-color: #03c75a; text-align: center; line-height: 6rem;}
.loca-info .load a.kko {background-color:#fae100;}
.loca-info .load a p {font-size:1.8rem; color: #fff;}
.loca-info .load a.kko p{color:#5d4f41;}


#transport  {width:95%; margin: 5% auto 0; border-top:1px solid #e9e9e9; padding-top:3% ; }
#transport > div {display:flex;  flex-wrap:wrap;  margin-bottom:3em; }
#transport > div h3 {width:290px; font-size:4.0rem; color:#222; font-weight:800}
#transport > div .cont {width:calc(100% - 290px);}
#transport > div .cont dl {display:flex; flex-wrap:wrap; margin-bottom:1em }
#transport > div .cont dl.line {margin-top:30px; padding-top:30px; border-top:1px dashed #faf1e7}
#transport > div .cont dl dt {width:320px; font-size:2.0rem; color:#222; font-weight:600}
#transport > div .cont dl dt .st1 {font-size:1.6rem; opacity:.7; font-weight:300}
#transport > div .cont dl dd {font-size:1.8rem; width:calc(100% - 320px); line-height:1.6em; display:flex; flex-wrap:wrap }
#transport > div .cont dl dd span {width:80px; word-break: keep-all;}


@media all and (max-width:1280px){
    .loca-info .load {width: 100%; margin-top: 30px; flex-wrap: nowrap;}
    .loca-info .cont {width: calc(100% - 380px);}
}
@media all and (max-width:1140px){
    #sLocation .root_daum_roughmap .wrap_map  { height: 60vw !important; }
    
	.loca-info .tit { padding:3em; width:240px; height:230px; }
	.loca-info .tit h3 {font-size:3.0rem; }
    
	.loca-info .cont { width:calc(100% - 240px );  padding:0 0 20px 30px; }
	.loca-info .cont dl {margin:0 30px 10px 0}

	#transport > div h3 {width:240px; font-size:3.0rem; }
	#transport > div .cont {width:calc(100% - 240px);}
	#transport > div .cont dl dt {width:100%}
	#transport > div .cont dl dd {margin-top:20px; width:100%; }
}
@media all and (max-width:976px){
	
	.loca-info { width: 90%; }
	.loca-info .tit { padding:3em; width:90%; max-width:340px; height:auto; }
	.loca-info .tit h3 {margin-top:0.3em; text-align:left; }
	.loca-info .tit h3 br {display:none}

	.loca-info .cont { width:100%; padding:4% 0 0 0;}
	.loca-info .cont dl p i {width:40px; line-height:40px; }
	


	#transport  {width:90%; }
	#transport > div h3 {width:100%; margin-bottom:0.5em; }
	#transport > div .cont {width:100%}
	#transport > div .cont dl {margin-bottom:0.5em }
	#transport > div .cont dl.line {margin-top:20px; padding-top:20px; }
	#transport > div .cont dl dd {margin-top:10px; }
}
@media all and (max-width:640px){
	#sLocation .root_daum_roughmap .wrap_map  { height: 80vw !important; }
		.loca-info .cont {  padding:8% 0 0 0;}
		#transport  { padding-top:8%  }
}
@media all and (max-width:480px){
	#sLocation .root_daum_roughmap .wrap_map  { height: 90vw !important; }
	.loca-info .tit { padding:2em;}
	.loca-info .tit h3 {font-size:2.4rem}

	.loca-info { margin: -8% auto 0;}
	.loca-info .cont dl p {font-size:1.6rem; } 
	.loca-info .cont dl.add {margin-right:0}
	.loca-info .cont dl p i {width:30px; line-height:30px;margin-right:5px }


		#transport > div h3 { font-size:2.6rem; }
		#transport > div .cont dl dt { font-size:1.8rem; }
		#transport > div .cont dl dd {font-size:1.6rem; }
		#transport > div .cont dl dd span {width:60px}
}


.svc_top .cont{height: 350px;}
.svc_top1{background: url(/images/sub/svc1_top.png) no-repeat center center / cover;}
.svc_top2{background: url(/images/sub/svc2_top.png) no-repeat center center / cover;}
.svc_top3{background: url(/images/sub/svc3_top.png) no-repeat center center / cover;}
.svc_top4{background: url(/images/sub/svc4_top_250520.png) no-repeat center center / cover;}
.svc_top5{background: url(/images/sub/svc5_top.png) no-repeat center center / cover;}
.svc_top6{background: url(/images/sub/svc6_top.png) no-repeat center center / cover;}
.svc_top7{background: url(/images/sub/svc7_top.png) no-repeat center center / cover;}
.svc_top8{background: url(/images/sub/svc8_top.png) no-repeat center center / cover;}
.svc_top9{background: url(/images/sub/svc9_top.png) no-repeat center center / cover;}
.svc_top10{background: url(/images/sub/svc10_top.png) no-repeat center center / cover;}
.svc_top11{background: url(/images/sub/svc11_top.png) no-repeat center center / cover;}
.svc_top .cont .m_txt{color: #fff; height: 100%; display: flex; flex-direction: column; justify-content: center; padding-left: 70px; margin-bottom: 0;}
.svc_top .cont .m_txt h3{color: #fff; font-size: 4rem; margin-bottom: 20px;}
.svc_top .cont .m_txt p{color: #fff; font-size: 1.8rem; font-weight: 500; line-height: 2.8rem;}

@media all and (max-width:1280px){
    .svc_top .cont{height: 320px;}
	.svc_top .cont .m_txt{padding-left: 50px;}
}
@media all and (max-width:976px){
    .svc_top .cont{height: 280px;}
    .svc_top .cont .m_txt h3{font-size: 3.5rem;}
	.svc_top .cont .m_txt{padding-left: 40px;}
	.svc_top .cont .m_txt p{font-size: 1.6rem; line-height: 2.4rem;}
}
@media all and (max-width:680px){
    .svc_top .cont{height: 240px;}
    .svc_top .cont .m_txt h3{font-size: 2.6rem; margin-bottom: 10px;}
	.svc_top .cont .m_txt{padding: 0 30px;}
}
@media all and (max-width:480px){
	.svc_top .cont{height: 210px;}
	.svc_top .cont .m_txt{padding: 0 25px;}
}


.s_tit{border-left: 5px solid #fab22c; padding-left: 20px;margin: 80px 0 35px;}
.s_tit h4{font-size: 2rem; color: #fab22c; margin-bottom: 10px;}
.s_tit h3{color: #000; font-size: 36px;}

@media all and (max-width:1280px){
	.s_tit{margin-top: 70px; margin-bottom: 30px;}
	.s_tit h4{font-size: 1.8rem;}
	.s_tit h3{font-size: 32px;}
}
@media all and (max-width:976px){
	.s_tit{margin-top: 60px; margin-bottom: 30px;}
	.s_tit{padding-left: 15px; border-width: 4px;}
	.s_tit h4{font-size: 1.6rem;}
	.s_tit h3{font-size: 28px;}
}
@media all and (max-width:640px){
	.s_tit{margin-top: 55px; margin-bottom: 25px;}
    .s_tit h4{font-size: 1.4rem; margin-bottom: 5px;}
	.s_tit h3{font-size: 24px;}
	.s_txt p{font-size: 16px;}
}
@media all and (max-width:480px){
	.s_tit{margin-top: 50px; margin-bottom: 22px;}
	.s_tit h3{font-size: 22px;}
}


.info_list{width: 100%; display: flex; flex-wrap: wrap; gap: 20px;}
.info_list li{width: calc(100%/3 - 40px/3); border: 1px solid #ddd;}
.info_list.w2 li{width: calc(100%/2 - 40px/2);}
.info_list.w2 li video{width: 100%;}
.info_list li .img{width: 100%;}
.info_list li .img img{width: 100%;}
.info_list li .txt {padding: 20px; text-align: center; color: #222;}
.info_list li .txt h3{font-size: 2.5rem;}
.info_list li .txt span{font-size: 1.6rem; background: #476cb3; padding: 2px 5px; display: inline-block; color: #fff; margin: 10px 0;}
.info_list li .txt p{font-size: 1.6rem;}

@media screen and (max-width:1480px){
    .info_list li .txt p br{display: none;}
}
@media screen and (max-width:1280px){
    .info_list li{width: calc(100%/2 - 10px);}
    .info_list li .txt h3{font-size: 2.3rem;}
    .info_list li .txt p br{display: block;}
    .info_list.w2 li{width: calc(100%/1 - 40px/1);}

}
@media screen and (max-width:680px){
    .info_list li .txt p br{display: none;}
    br.monone{display: none;}

}
@media screen and (max-width:480px){
    .info_list li{width: 100%;}
}


.m_txt h4{margin-bottom: 15px; font-size: 1.6rem; font-weight: 400;}
.m_txt h4 div{display: inline-block; border:1px solid #fff; padding: 4px 10px;}