@charset "utf-8";
/*************************************************
 * 프로젝트명 : 연합뉴스 서비스안내 (★ 2024)
 * commnet : style.css
*************************************************/

/* 홈페이지 common.css 에서 import
@import url('//r.yna.co.kr/global/lib/v02/css/swiper-8.4.7.min.css');
 */

/* =============== ####변수 정의 ======================== */

/* ---- ##ui-****$$ & font-color$$ ---- */
/* --ui-tag$$ : element에 사용되는 색상 (border,bg 등)
 * --ui-bg$$ : background-image 사용되는 변수 (기본)
 * --ui-logo$$ : background-image 사용되는 변수 (로고)
 * --ui-filter$$ : filter 기능을 통해 element 및 이미지에 색상 변경 가능 (다크모드)
 * --font-color$$ : 폰트에 사용되는 색상 */

:root {
	/* [ui]무채색 00 ~ 19 */
	--ui-tag00:transparent; /* (default) */
	--ui-tag01:#fff; /* (default) */
	--ui-tag02:#000; /* (default) */
	--ui-tag03:#CDCDCD;
	--ui-tag04:linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
	--ui-tag05:#F6F8FC;
	--ui-tag06:#666;

	/* [ui]그외 20 ~ $$ */
	--ui-tag21:#374E8E;
	--ui-tag22:#F6F8FC;
	--ui-tag23:#DCE2F5;
	--ui-tag24:#4F6FCB;

	/* [ui]로고 */
	--ui-logo01:url(//r.yna.co.kr/www/service/v02/img/logo_yna01.svg);

	/* [ui]배경 이미지 */
	--ui-bg01:url(//r.yna.co.kr/www/service/v02/img/top01.png);

	/* [font]무채색 00 ~ 19 */
	--font-color00:transparent; /* (default) */
	--font-color01:#fff; /* (default) */
	--font-color02:#000; /* (default) */
	--font-color03:#666; /* (default) */
	--font-color04:#111;
	--font-color05:#444;
	--font-color06:#888;

	/* [font]그외 20 ~ $$ */
	--font-color20:#4F6FCB;
	--font-color21:#293766;
}

/* =============== ####IR ======================== */
/* ---- ##ir-txt$$ ---- */
[class*="ir-txt0"]{display:inline-block;overflow:hidden;border:0;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);}
.ir-txt01{}

/* =============== ####swiper.js ======================== */
/* ---- ##swiper Reset Style ---- */


/* =============== ####date picker ======================== */
/* ---- ##ui-datepicker ---- */


/* =============== ####Color ======================== */
/* ---- ##배경 색상 ---- */
/* 무채색 color00 ~ 19 */
.bg00{color:transparent;}
.bg01{color:#fff;}
.bg02{color:#000;}

/* ---- ##폰트 색상 ---- */
/* 무채색 color00 ~ 19 */
.color00{color:transparent !important;}
.color01{color:#fff !important;}
.color02{color:#000 !important;}


/* =============== ####img Cover / None ======================== */
/* ---- ##img-none$$ ---- */
/* 섬네일 이미지가 없을 경우 */
[class*='img-none'] .img{position:relative;}
/* img-none01 */
/* img-none02 */

/* 섬네일 가로 세로 구분 (동적으로 .colW/.rowH 가 추가된다.)
 * colW 가로 | rowH 세로 */
.img-con .colW{}
.img-con .rowH{}

/* =============== ####DIMMED ======================== */

/* ---- ##overlay$$ ---- */
/* 섬네일 딤드 스타일 */
.overlay01{}

/* ---- ##mask-type$$ ---- */
/* 윈도우 딤드 스타일 */
.mask-type01{}


/* =============== ####Button ======================== */
/* ---- ##btn-type$$$ ---- */
/* btn-unit01~19 : 텍스트 형태
 * btn-unit20~39 : bg 형태
 * btn-type$$$-toggle : 토글버튼 */
[class*='btn-unit']{display:flex;justify-content:center;}
[class*='btn-unit'].hide{display:none;}
.btn-unit01{width:100%;height:32px;padding:0 20px;line-height:32px;text-align:center;border-radius:2px;font-size:13px;font-weight:500;color:var(--font-color01);border:none;background-color:var(--ui-tag24);}
@media only screen and (min-width:768px) and (max-width:1023px){
	.btn-unit01{height:25px;line-height:25px;}
}
@media only screen and (max-width:767px){
	.btn-unit01{height:25px;line-height:25px;}
}


/* ---- ##btns-wrap$$ 버튼 영역 ---- */
/* 01 : 오른쪽 정렬
 * 02 : 왼쪽 정렬
 * 03 : 가운데 정렬 */
[class*='btns-wrap']{overflow:hidden;position:relative;width:100%;}
.btns-wrap01{text-align:right;}
.btns-wrap02{text-align:left;}
.btns-wrap03{text-align:center;}


/* =============== ####Tab ======================== */
/* tab-type01 : 메뉴 선택 (텍스트+언더라인)
 * tab-type02 : 메뉴 선택 (텍스트+배경색,언더라인) */
[class*='tab-unit'] ul{display:inline-flex;align-items:center;box-sizing:border-box;}
[class*='tab-unit'] ul li{flex-shrink:0;width:auto;}
[class*='tab-unit'] button{border:none;background-color:var(--ui-tag00);}

/* tab-unit01 */
.tab-unit01{overflow:hidden;position:relative;display:flex;align-items:center;margin:0 auto;padding:4px;/*max-width:904px;*/max-width:805px;width:100%;box-sizing:border-box;background-color:var(--ui-tag01);box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.05);border-radius:50px;}
/*.tab-unit01:after,*/
.tab-unit01:before{display:block;content:'';position:absolute;right:0;top:0;width:80px;height:100%;background:var(--ui-tag04);}
.tab-unit01:before{display:none;right:auto;left:0;transform:rotate(180deg);}
.tab-unit01 ul{position:relative;}
.tab-unit01 .tab{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 22px;box-sizing:border-box;border-radius:50px;border:none;background-color:var(--ui-tag00);font-weight:600;}
.tab-unit01 .tab .txt01{font-size:16px;color:var(--font-color03);}
/* active 효과 */
.tab-unit01 .active .tab{background-color:var(--ui-tag21);}
.tab-unit01 .active .tab .txt01{font-size:16px;color:var(--font-color01);font-weight:700;}
.tab-unit01 .tab-bg{position:absolute;top:0;z-index: -1;transition: .3s ease left, width, opacity;opacity: 0;background-color: aquamarine;}
.tab-unit01 .active .tab-bg,
.tab-unit01 .swiper-slide-active .tab-bg{opacity:1;}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width:768px) and (max-width:1023px){
	.tab-unit01 .txt01{font-size:15px;}
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width:767px){
	.tab-unit01 .txt01{font-size:15px;}
}


/* tab-unit02 */
/* @@@@ */
.tab-unit02{display:flex;justify-content:center;padding:80px 0 40px;}
/* @@@@ */
.tab-unit02 .tab{color:var(--font-color03);font-weight:500;font-size:17px;}
.tab-unit02 ul{display:flex;}
.tab-unit02 li{position:relative;padding:0 16px 0 17px;}
.tab-unit02 li:first-of-type:after{display:none;}
.tab-unit02 li:after{display:block;content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:14px;background-color:var(--ui-tag03);}
.tab-unit02 .active .tab .txt01{color:var(--font-color20);text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;font-weight:600;}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width:1024px){
	.tab-unit02 .tab:hover .txt01{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;}
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width:768px) and (max-width:1023px){
	/* @@@@ */
	.tab-unit02{padding:60px 0 30px;}
	/* @@@@ */
	.tab-unit02 .txt01{font-size:16px;}
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width:767px){
	/* @@@@ */
	.tab-unit02{padding:60px 0 30px;}
	/* @@@@ */
	.tab-unit02 .txt01{font-size:16px;}
}


/* tab-type02 : 텍스트+배경색,언더라인 */
.tab-type02{}
/* =============== ####box-unit$$ ======================== */
.box-unit01{margin-top:40px;display:flex;flex-direction:column;align-items:center;padding:20px 28px 22px;box-sizing:border-box;width:360px;height:300px;border-radius:12px;background-color:var(--ui-tag01);}
.box-unit01 .area{position:relative;padding-top:30px;}
.box-unit01 .area .box .img-con{float:left;width:104px;height:104px;}
.box-unit01 .area .box:after{content:'';overflow:hidden;display:block;clear:both;}
.box-unit01 .area .box .img-con .img{display:block;width:100%;height:100%;}
.box-unit01 .area .box .btn-unit01{margin-top:8px;}
.box-unit01 .area .box>.con{float:right;width:180px;height:104px;padding:10px 15px 12px;box-sizing:border-box;border-radius:2px;background-color:var(--ui-tag22);}
.box-unit01 .area .box>.con>.txt{text-align:center;font-size:14px;line-height:1.5;}
@media only screen and (min-width:768px) and (max-width:1023px){
	.box-unit01{margin-top:80px;width:288px;height:240px;padding:16px 22px 15px;}
	.box-unit01 .area{padding-top:15px;}
	.box-unit01 .area .box .img-con{float:left;width:83px;height:83px;}
	.box-unit01 .area .box>.con{float:right;width:144px;height:83px;}
	.box-unit01 .area .box .btn-unit01{margin-top:5px;}
	.box-unit01 .area .box>.con>.txt{font-size:11px;}
}
@media only screen and (max-width:767px){
	.box-unit01{margin-top:80px;width:288px;height:240px;padding:16px 22px 15px;}
	.box-unit01 .area{padding-top:15px;}
	.box-unit01 .area .box .img-con{float:left;width:83px;height:83px;}
	.box-unit01 .area .box>.con{float:right;width:144px;height:83px;}
	.box-unit01 .area .box .btn-unit01{margin-top:5px;}
	.box-unit01 .area .box>.con>.txt{font-size:11px;}
}
/* =============== ####Title ======================== */
/* ---- ##title-unit (공통) ---- */
/* span.title-unit$$ : 텍스트 타이틀
 * a.title-unit$$ : 링크 타이틀
 * font-weight (Pretendard) : .medium 500 | .semi 600 | .bold 700
 * 메인 : title-unit01 ~ 19
 * 서브 : title-unit20 ~ 39 */

/* 공통 */
[class*='title-unit']{display:block;text-align:left;}
[class*='title-unit'].medium>[class*='tit0']{font-weight:600;}
[class*='title-unit'].semi>[class*='tit0']{font-weight:500;}
[class*='title-unit'].bold>[class*='tit0']{font-weight:700;}

/* title-unit01 ~ 19 */
.title-unit01{text-align:center;}
.title-unit01 .tit01{font-size:40px;text-align:center;line-height:1.5;color:var(--font-color04);}
.title-unit02{margin-bottom:50px;}
.title-unit02 .tit01{font-size:46px;line-height:1.3;color:var(--font-color21);}
.title-unit02 .tit01 em{color:var(--font-color20);}
.title-unit03{font-size:18px;font-weight:700;color:var(--font-color04);}


/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width:768px) and (max-width:1023px){
	.title-unit01 .tit01{font-size:24px;padding:0 16px;}
	.title-unit02 .tit01{font-size:32px;text-align:center;}
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width:767px){
	.title-unit01 .tit01{font-size:24px;padding:0 16px;}
	.title-unit02 .tit01{font-size:32px;text-align:center;}
}

/* ---- ##txt-unit$$ (공통) ---- */
/* txt-unit01 : [페이지 위치] 설명
 * txt-unit02 : [페이지 위치] 설명 */
[class*='txt-unit'].medium>[class*='txt0']{font-weight:600;}
[class*='txt-unit'].semi>[class*='txt0']{font-weight:500;}
[class*='txt-unit'].bold>[class*='txt0']{font-weight:700;}
[class*='txt-unit']{max-width:369px;width:100%;text-align:left;}
[class*='txt-unit'] .txt01{width:100%;word-break:keep-all;}
/* txt-unit01 */
.txt-unit01{margin-bottom:18px;}
.txt-unit01 .txt01{font-size:22px;color:var(--font-color05);line-height:1.5;}
.txt-unit01 .txt01 strong{display:inline;font-weight:700;}

/* txt-unit02 */
.txt-unit02{}
.txt-unit02 .txt01{font-size:18px;color:var(--font-color06);line-height:1.5;}


/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width:768px) and (max-width:1023px){
	[class*='txt-unit']{width:700px;text-align:center;}
	.txt-unit01 .txt01{font-size:20px;text-align:center;}
	.txt-unit02 .txt01{font-size:16px;text-align:center;}
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width:767px){
	.txt-unit01 .txt01{font-size:20px;text-align:center;}
	.txt-unit02 .txt01{font-size:16px;text-align:center;}
}



/* =============== #### title-page & title-con ======================== */

/* ---- ##title-page$$ ---- */
/* 페이지명 - IR */
.title-page01{position:absolute;top:0;left:0;width:1px;height:1px;}

/* ---- ##title-con$$ ---- */
/* [부모영역] title-con$$ > title-unit$$ */
[class*='title-con']{}
.title-con{}

/* =============== ####list-unit======================== */
.list-unit01{margin-top:22px;}
.list-unit01 .list>li{position:relative;margin-bottom:5px;padding-left:6px;font-size:13px;line-height:1.5;color:var(--font-color03);text-align:left;}
.list-unit01 .list>li:before{content:'';display:block;position:absolute;top:10px;left:0;width:2px;height:2px;border-radius:100%;background-color:var(--ui-tag06);}

@media only screen and (min-width:768px) and (max-width:1023px){
	.list-unit01{margin-top:15px;}
	.list-unit01 .list>li{margin-bottom:4px;}
}
@media only screen and (max-width:767px){
	.list-unit01{margin-top:15px;}
	.list-unit01 .list>li{margin-bottom:4px;}
}


/* ---- ##info-list$$ : 기사분류 목록 (탭 메뉴 스타일 제외) ---- */
/* info-list01 : 이슈 > 기사분류 목록 (텍스트)
 * info-list02 : 이슈 > 기사분류 목록 (아이콘) */

/* info-list 공통 */
[class*='info-list']{}
.info-list01{}
.info-list02{}

/* =============== ####List type ======================== */
/* ---- ##list-type$$$ 공통 ---- */
[class*='list-type']{position:relative;}
[class*='list-type'].show{display:block;}
[class*='list-type'].hide{display:none;}

/* =============== ####개발용 ======================== */
.dev-hide{display:none;}


/* =============== ####visual-unit$$ ======================== */
.visual-unit01{display:flex;align-items:center;justify-content:center;width:100%;height:260px;background-image:var(--ui-bg01);background-repeat:no-repeat;background-size:cover;background-position:center 42%;}
.visual-unit01 .tit{font-size:40px;color:var(--font-color01);font-weight:700;}
.visual-unit02{position:absolute;top:100px;right:-45px;z-index:2;}
.visual-unit02 img{width:auto;height:100%;}
@media only screen and (min-width:1024px) and (max-width:1279px){
	.visual-unit01{background-position:center 0;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.visual-unit01{height:180px;background-position:center top;background-size:cover;}
	.visual-unit01 .tit{font-size:24px;}
	.visual-unit02{bottom:80px;top:auto;left:50%;right:auto;transform:translateX(-50%);}
}
@media only screen and (max-width:767px){
	.visual-unit01{align-items:flex-start;height:180px;background-position:center top;background-size:cover;}
	.visual-unit01 .tit{margin-top:54px;font-size:24px;}
	.visual-unit02{bottom:80px;top:auto;left:50%;right:auto;transform:translateX(-50%);}
}

/* =============== ####[케이스별] : service$$$$ ======================== */
.service0102{padding-bottom:220px!important;}
.service0104{padding-bottom:280px!important;}
.service0105{padding-bottom:369px!important;}
.service0108{padding-bottom:240px!important;}
.service0201{padding-top:50px!important;padding-bottom:124px!important;}
.service0101 .visual-unit02{height:563px;}
.service0102 .visual-unit02{height:540px;}
.service0103 .visual-unit02{top:73px;right:0;height:917px;}
.service0104 .visual-unit02{right:9px;height:580px;}
.service0105 .visual-unit02{right:-11px;height:901px;}
.service0105 .visual-unit02.object02{position:absolute;top:auto;bottom:0;right:510px;height:219px;width:219px;}
.service0106 .visual-unit02{right:33px;height:569px;}
.service0107 .visual-unit02{right:-36px;top:50px;height:870px;}
.service0108 .visual-unit02{right:-84px;top:120px;height:695px;}
.service0201 .visual-unit02{right:66px;height:540px;}
.service0202 .visual-unit02{right:0;height:540px;}
.service0101 [class*='txt-unit']{max-width:369px;}
.service0102 [class*='txt-unit']{max-width:390px;}
.service0107 .txt-unit01{max-width:300px;}
@media only screen and (min-width:1024px) and (max-width:1279px){
	.service0107{padding-bottom:251px!important;}
	.service0107 .visual-unit02{right:-14px;top:100px;height:761px;}
	.service0108 .visual-unit02{right:-50px;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.service0101{padding-bottom:723px!important;}
	.service0102{padding-bottom:720px!important;}
	.service0103{padding-bottom:941px!important;}
	.service0104{padding-bottom:688px!important;}
	.service0105{padding-bottom:1021px!important;}
	.service0106{padding-bottom:729px!important;}
	.service0107{padding-bottom:907px!important;}
	.service0108{padding-bottom:811px!important;}
	.service0201{padding-bottom:686px!important;}
	.service0202{padding-bottom:720px!important;}
	.service0103 .visual-unit02{top:auto;right:0;height:795px;}
	.service0104 .visual-unit02{right:auto;height:528px;}
	.service0105 .visual-unit02{right:auto;height:901px;}
	.service0105 .visual-unit02.object02{display:none;}
	.service0107 .visual-unit02{top:auto;right:auto;height:747px;}
	.service0108 .visual-unit02{top:auto;right:auto;height:650px;}
	.service0101 .visual-unit02 img{position:relative;right:-29px;}
	.service0102 .visual-unit02 img{position:relative;left:55px;}
	.service0103 .visual-unit02 img{width:100%;height:auto;}
	.service0104 .visual-unit02 img{position:relative;}
	.service0105 .visual-unit02 img{position:relative;left:-20px}
	.service0107 .visual-unit02 img{position:relative;left:-5px}
	.service0108 .visual-unit02 img{position:relative;left:25px}
	.service0201 .visual-unit02 img{position:relative;left:50%;transform:translateX(-50%);}
	.service0202 .visual-unit02 img{position:relative;left:50%;transform:translateX(-50%);}
	.service0107 .txt-unit01{max-width:276px;}
	.service0108 .txt-unit02{max-width:100%;}
}
@media only screen and (max-width:767px){
	.service0101{padding-bottom:609px!important;}
	.service0102{padding-bottom:607px!important;}
	.service0103{padding-bottom:668px!important;}
	.service0104{padding-bottom:566px!important;}
	.service0105{padding-bottom:750px!important;}
	.service0106{padding-bottom:617px!important;}
	.service0107{padding-bottom:619px!important;}
	.service0108{padding-bottom:608px!important;}
	.service0201{padding-bottom:599px!important;}
	.service0202{padding-bottom:580px!important;}
	.service0101 .visual-unit02{height:442px;}
	.service0102 .visual-unit02{height:447px;}
	.service0103 .visual-unit02{top:auto;right:0;height:519px;width:100%;text-align:center;}
	.service0104 .visual-unit02{right:auto;height:auto;max-height:auto;width:100%;}
	.service0105 .visual-unit02{right:auto;height:590px;}
	.service0105 .visual-unit02.object02{display:none;}
	.service0106 .visual-unit02{right:0;height:456px;}
	.service0107 .visual-unit02{top:auto;right:auto;height:459px;}
	.service0108 .visual-unit02{top:auto;right:auto;height:447px;}
	.service0201 .visual-unit02{top:auto;right:auto;height:479px;}
	.service0202 .visual-unit02{top:auto;right:auto;height:420px;}
	.service0101 .visual-unit02 img{position:relative;right:-29px;}
	.service0102 .visual-unit02 img{position:relative;left:55px;}
	.service0103 .visual-unit02 img{position:relative;left:-5px;max-width:100%;max-height:100%;}
	.service0104 .visual-unit02 img{position:relative;left:-2%;width:auto;height:418px;}
	.service0105 .visual-unit02 img{position:relative;left:-20px}
	.service0106 .visual-unit02 img{position:relative;left:50%;transform:translateX(-50%);}
	.service0108 .visual-unit02 img{position:relative;left:25px}
	.service0201 .visual-unit02 img{position:relative;left:17px}
	.service0202 .visual-unit02 img{position:relative;left:0px}
	.service0108 .txt-unit02{max-width:340px;}
	.service0107 .txt-unit02{max-width:320px;}
}

/* =============== ####info-box$$ ======================== */
.info-box01{overflow:hidden;padding-top:30px;background-color:var(--ui-tag22);text-align:center;}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.info-box01{padding-left:24px;padding-right:24px;}
}
@media only screen and (max-width:767px){
	.info-box01{padding-left:16px;padding-right:16px;}
}

/* =============== ####layout ======================== */
[class*='page-svc0'] .wrap-container{padding-bottom:0;}
[class*='page-svc0'] .content01{max-width:100%;width:100%;margin-top:0;}
[class*='page-svc0'] .content01 .title-unit01{margin-top:80px;}
.info-group01{position:relative;margin:0 auto;padding-top:200px;padding-bottom:312px;max-width:980px;}
.info-group01>[class*='info-con'],
.info-group01>[class*='visual-unit']{opacity:0;
	transition:all 0.3s ease-in-out;}
.info-group01.active>[class*='info-con'],
.info-group01.active>[class*='visual-unit']{opacity:1;}
.info-group01:after{content:'';display:block;position:absolute;bottom:-44%;left:35%;width:800px;height:800px;border-radius:100%;background-color:var(--ui-tag23);opacity:0.4;}
.info-con01{position:relative;z-index:2;display:flex;flex-direction:column;}
.page-svc02 .tab-unit01{display:inline-flex;width:auto;}
.page-svc02 .tab-unit01:after{display:none;}
[class*='page-svc0'] .box-type001{display:flex;justify-content:center;margin-top:20px;}
[class*='page-svc0'] .box-type001 .btn-type306{max-width:343px;margin:0 16px;}

@media only screen and (min-width:1024px) and (max-width:1279px){
	.info-group01{max-width:900px;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.info-group01{display:flex;flex-direction:column;padding-top:80px;}
	.info-group01:after{left:50%;bottom:-29%;margin-left:-400px;}
	.info-con01{display:flex;align-items:center;flex-direction:column;}
	[class*='page-svc0'] .box-type001{margin-top:16px;}
	[class*='page-svc0'] .content01 .title-unit01{margin-top:60px;}
	[class*='page-svc0'] .box-type001 .btn-type306{height:60px;}
	[class*='page-svc0'] .box-type001 .btn-type306 .txt01{font-size:16px;}
}
@media only screen and (max-width:767px){
	.info-group01{display:flex;flex-direction:column;padding-top:80px;}
	.info-group01:after{left:50%;bottom:-42%;margin-left:-400px;}
	.info-con01{display:flex;align-items:center;flex-direction:column;}
	[class*='page-svc0'] .box-type001{margin-top:16px;}
	[class*='page-svc0'] .content01 .title-unit01{margin-top:60px;}
}