@charset "utf-8";

@font-face {  font-family: 'YeogiOttaeJalnanGothic'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/JalnanGothic.woff') format('woff');  font-weight: normal; font-display: swap;}
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");


.nanumgothic * {font-family: 'Nanum Gothic', sans-serif;} 
.nanumsquare { font-family: 'NanumSquare', sans-serif !important; }
.taom { font-family: 'BinggraeTaom', sans-serif !important; }
.goyang { font-family: 'GoyangDeogyang', sans-serif !important; }
.notosans { font-family: 'Noto Sans KR', sans-serif; }
.scoredream_el { font-family: 'S-CoreDream-2ExtraLight', sans-serif; }
.scoredream_r { font-family: 'S-CoreDream-4Regular', sans-serif; }
.scoredream_b { font-family: 'S-CoreDream-6Bold', sans-serif; }
.scoredream_eb { font-family: 'S-CoreDream-7ExtraBold', sans-serif; }
.scoredream_hvy { font-family: 'S-CoreDream-8Heavy', sans-serif; } 
.scoredream_bl { font-family: 'S-CoreDream-9Black', sans-serif; }


/* 초기화 */
html {overflow-y:scroll;height:100%;min-width:320px; scroll-behavior: smooth; }

body {margin:0;padding:0;height:100%;font-family: "pretendard", pretendard, 'Noto Sans KR', sans-serif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
ul,li,ol{list-style:none;padding:0;margin:0}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button , input[type=submit]{cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em;-webkit-appearance:none;}
textarea, select {font-size:1em;font-family:dotum}
textarea {border-radius:0;-webkit-appearance:none}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {text-decoration:none}
a:hover, a:focus, a:active {text-decoration:none}


/* 이미지 마우스 오버 */
.imgswap img:first-child {display:inline-block; }
.imgswap img:last-child {display:none; }
.imgswap:hover img:first-child {display:none;  animation:opacity_img_revers 1s }
.imgswap:hover img:last-child {display:inline-block;  animation:opacity_img 1s }
@keyframes opacity_img {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes opacity_img_revers {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

.imghover img:hover {-webkit-filter: grayscale(80%); filter: grayscale(80%); }

.img_scale img:hover { animation:pingpong_img 0.4s forwards }
.img_scale img:not(:hover) { animation:pingpong_img_revers 0.4s forwards  }
@keyframes pingpong_img {
	0% {
		transform:scale(1);             /*  default */
		-webkit-transform:scale(1);  /*  크롬 */
		-moz-transform:scale(1);     /* FireFox */
		-o-transform:scale(1);        /* Opera */
	}
	100% {
		transform:scale(1.05);             /*  default */
		-webkit-transform:scale(1.05);  /*  크롬 */
		-moz-transform:scale(1.05);     /* FireFox */
		-o-transform:scale(1.05);        /* Opera */
	}
}
@keyframes pingpong_img_revers {
	0% {
		transform:scale(1.05);             /*  default */
		-webkit-transform:scale(1.05);  /*  크롬 */
		-moz-transform:scale(1.05);     /* FireFox */
		-o-transform:scale(1.05);        /* Opera */
	}
	100% {
		transform:scale(1);             /*  default */
		-webkit-transform:scale(1);  /*  크롬 */
		-moz-transform:scale(1);     /* FireFox */
		-o-transform:scale(1);        /* Opera */
	}
}

.text_enter:hover { animation:text_enter_event 0.7s forwards }
/*.text_enter:not(:hover) { animation:text_enter_event_revers 0.4s forwards  }*/
@keyframes text_enter_event {
	0% {opacity: 1;}
	50% {opacity: 0.6;}
	100% {opacity: 1;}
}
@keyframes text_enter_event_revers {
	0% {opacity: 1;}
	50% {opacity: 0.6;}
	100% {opacity: 1;}
}

.img_moving img { animation:mbottom 4s ease-in Infinite Alternate; }
@keyframes mbottom {
	0% {
		margin-bottom:  0px;
	}
	25% {
		margin-bottom: -15px;
	}
	50% {
		margin-bottom: -0px;
	}
	75% {
		margin-bottom: 15px;
	}
	100% {
		margin-bottom: 0px;
	}
}
.img_moving2 img { animation:mright 4s ease-in Infinite Alternate; }
@keyframes mright {
	0% {
		margin-right:  0px;
	}
	25% {
		margin-right: 5px;
	}
	50% {
		margin-right: 0px;
	}
	75% {
		margin-right: -5px;
	}
	100% {
		margin-right: 0px;
	}
}
.img_moving3 img { animation:mleft 3s ease-in Infinite Alternate; }
@keyframes mleft {
	0% {
		margin-left:  0px;
	}
	25% {
		margin-left: 10px;
	}
	50% {
		margin-left: 0px;
	}
	75% {
		margin-left: 10px;
	}
	100% {
		margin-left: 0px;
	}
}





/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0px}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops_con {width:100% !important;overflow:auto}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 상단 레이아웃 */
#hd {width:100%;background:#fff;position:relative;}
#hd #hd_wr{max-width:1000px;margin:0 auto;width:100%;position:relative;}
#hd:after {display:block;visibility:hidden;clear:both;content:""}
#hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#logo {text-align:left;}
#logo a{margin-top:0px;display:inline-block}
#hd_sch_open{display:none}
#hd_sch {text-align:center;}
#hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_sch form {position:relative;background:#ececec;border-radius:0px}
#hd_sch form:after {display:block;visibility:hidden;clear:both;content:""}
#hd_sch #sch_stx {width:127px;padding-left:10px;border:0;background:none;height:35px !important;line-height:35px !important;vertical-align:middle;}
#hd_sch #sch_submit {margin:0;padding:0 ;height:35px !important;line-height:35px !important;border:0;background:#dfdfdf;border-radius:0 5px 5px 0  ;color:#fff;vertical-align:middle;cursor:pointer;width:40px}
#hd_sch #sch_submit:hover, #hd_sch #sch_submit:focus{background:#00c6b2;transition: 0.8s;-webkit-transition: 0.8s;-moz-transition: 0.8s;-ms-transition: 0.8s;-o-transition: 0.8s;}
#sch_stc_label{position:absolute;top:0;left:10px;height:35px !important;line-height:35px !important;color:#666}

#hd_nb {clear:both;background:#ecf0f7;text-align:center}
#hd_nb li {display:inline-block}
#hd_nb li:nth-last-of-type(1) {border-right:0 !important}
#hd_nb a {display:inline-block;padding:10px 7px;text-decoration:none}

/* 공통 스타일 */
.fs085 {font-size:0.85em;}

/* 스타일 가이드 */

.fs10 {font-size:10px;} .fs11 {font-size:11px;} .fs12 {font-size:12px;} .fs13 {font-size:13px;} .fs14 {font-size:14px;} .fs15 {font-size:15px;} .fs16 {font-size:16px;} .fs17 {font-size:17px;} .fs18 {font-size:18px;} .fs19 {font-size:19px;} .fs20 {font-size:20px;} .fs22 {font-size:22px;} .fs24 {font-size:24px;} .fs26 {font-size:26px;}
.fs28 {font-size:28px;} .fs30 {font-size:30px;} .fs32 {font-size:32px;} .fs34 {font-size:34px;} .fs36 {font-size:36px;} .fs38 {font-size:38px;} .fs40 {font-size:40px;} .fs42 {font-size:42px;} .fs44 {font-size:44px;} .fs46 {font-size:46px;} .fs48 {font-size:48px;} .fs50 {font-size:50px;} .fs52 {font-size:52px;} .fs54 {font-size:54px;}
.fs56 {font-size:56px;} .fs58 {font-size:58px;} .fs60 {font-size:60px;} .fs62 {font-size:62px;} .fs64 {font-size:64px;} .fs66 {font-size:66px;} .fs68 {font-size:68px;} .fs70 {font-size:70px;} .fs72 {font-size:72px;} .fs74 {font-size:74px;} .fs76 {font-size:76px;} .fs78 {font-size:78px;} .fs80 {font-size:80px;} .fs82 {font-size:82px;}
.fs84 {font-size:84px;} .fs86 {font-size:86px;} .fs88 {font-size:88px;} .fs90 {font-size:90px;} .fs92 {font-size:92px;} .fs94 {font-size:94px;} .fs96 {font-size:96px;} .fs98 {font-size:98px;} .fs100 {font-size:100px;} 

.fw100 {font-weight:100;}
.fw200 {font-weight:200;}
.fw300 {font-weight:300;}
.fw400 {font-weight:400;}
.fw500 {font-weight:500;}
.fw600 {font-weight:600;}
.fw700 {font-weight:700;}
.fw800 {font-weight:800;}
.fw900 {font-weight:900;}

.main_modal_popup {background:rgba(0,0,0,0.6);width:100%;height:100vh; }

.main_color0 {color:#000;}
.main_color1 {color:#FFF;}
.main_color2 {color:#535353;}
.main_color3 {color:#ff0000;}
.main_color4 {color:#fb6000;}
.main_color5 {color:#ebebeb;}

.button1 {padding:20px 60px; background:#ff0000; color:#fff; border-radius:40px; transition:background 0.3s;}
.button1:hover {background:#000; color:#fff; }

/* 스타일 가이드 끝 */

	
/***************************************************************/
/* 스타일 작업 시작 */
body { background:transparent;}
body, html {width: 100%; color:#383a3a}
#wrap {background: transparent; text-align: center; }
*, *:after, *:before {box-sizing: border-box; padding:0; margin:0;}
img { display:inline-block; font-size: 0;}
/* header, .main_silde {width: 100%;} */
a {text-decoration: none; color:var(--bg-gray-1);}
a:hover { color:var(--color-1);}
input, select, textarea {font-family: var(--font-1), 'Noto Sans KR', sans-serif;}

:root { 
	--head-height: 100px;
	--bg-white:#fff;
	--bg-black:#000;
	--full-width: 1640px;
	--full-width-pd: 1680px;
	--sub-width : 1400px;
	--sub-width-pd : 1440px;
	--sub-width-2-pd : 1180px;
	--sub-width-2 : 1140px;
	--main-width : 1500px;
	--main-width-pd : 1540px;
	--color-1: #ff6801;
	--color-2: #fdf8f5;
	--color-3: #fff0e5;
	--color-4: #feddc4;
	--bg-gray-1 : #1b1b1b;
	--bg-gray-2 : #cccccc;
	--bg-gray-3 : #626262;
	--bg-gray-4 : #939494;	
	--bg-gray-5 : #636565;	
	--bg-gray-6 : #e9e9e9;	
	--bg-gray-7 : #e5e5e5;	
	--bg-gray-8 : #f6f6f6;	
	--bg-rgb-1 : rgba(0,0,0, 0.1);	
	--bd-radius-3e : 3em;
	--bd-radius-2e : 2em;
	--font-1: 'pretendard', pretendard, 'Noto Sans KR', sans-serif;
	--font-2: 'YeogiOttaeJalnanGothic', YeogiOttaeJalnanGothic, 'Noto Sans KR', sans-serif;
	--box-shadow-1:0 5px 0 rgba(0,0,0,0.05);
	--sysbol: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='780px' height='623px'%3E%3Cpath fill-rule='evenodd' opacity='0.102' fill='rgb(255, 255, 255)' d='M780.015,290.927 L754.588,290.927 L541.992,19.209 L463.137,168.167 L559.186,290.927 L533.798,290.927 L452.885,187.533 L397.396,292.358 L220.830,291.625 L345.663,50.515 L321.164,19.209 L176.606,292.358 L0.001,291.625 L150.523,0.899 L331.327,0.012 L330.880,0.857 L332.228,0.857 L355.783,30.964 L371.352,0.899 L552.155,0.012 L551.708,0.857 L553.018,0.857 L780.015,290.927 ZM162.266,20.127 L31.620,272.463 L165.040,273.019 L299.235,19.460 L162.266,20.127 ZM383.091,20.127 L368.844,47.652 L358.719,67.204 L252.444,272.463 L385.830,273.019 L439.878,170.914 L450.134,151.548 L520.059,19.460 L383.091,20.127 ZM238.024,603.769 L316.876,454.814 L220.822,332.070 L246.211,332.070 L327.120,435.460 L382.613,330.639 L559.179,331.372 L434.346,572.478 L458.845,603.785 L603.441,330.639 L780.007,331.372 L629.485,622.097 L448.682,622.985 L449.129,622.141 L447.819,622.141 L424.237,592.003 L408.657,622.097 L227.853,622.985 L228.300,622.141 L226.971,622.141 L0.013,332.070 L25.402,332.070 L238.024,603.769 ZM617.742,602.866 L748.389,350.530 L615.007,349.974 L480.778,603.538 L617.742,602.866 ZM396.918,602.866 L411.176,575.317 L421.286,555.794 L527.560,350.530 L394.179,349.974 L340.126,452.079 L329.882,471.434 L259.949,603.538 L396.918,602.866 Z'/%3E%3C/svg%3E");
	--svg-bar-1: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='34px' height='72px'%3E%3Cpath fill-rule='evenodd' fill='rgb(254, 221, 196)' d='M0.913,0.906 L0.913,71.919 L33.933,71.919 L33.933,57.616 L16.265,57.616 L16.265,13.985 L33.933,13.985 L33.933,0.906 L0.913,0.906 Z'/%3E%3C/svg%3E");
	--dotted-bar-1 : linear-gradient(to right, rgba(0, 0, 0, 0.1) 60%, rgba(255, 255, 255, 0) 0%);
	
}

/* header 메뉴 */
header {z-index: 18; width: 100%; margin: 0 auto; top:0; display:flex;justify-content: space-between; align-items: center;position:fixed; height: var(--head-height);}
header h1 {z-index: 12; height: 2.25em; flex-basis: content;text-align: left; display:block;}
header h1 img { max-height: 100%; display:inline-block; filter: none;}
header h1 a { display: inline-block; height:100%;}
header .box_inner {z-index:4; position: relative;display:flex; max-width: var(--full-width-pd); padding: 0px 20px 0 20px; width: 100%; height: 100%; align-items: center; justify-content: space-between; margin:0 auto}
header:not(.menu-scroll) .nav_wrap { display: none;}
header:hover { }

/*웹용 메뉴*/
.nav_web { padding-left: 5em; max-width:1180px; height: 100%; flex:1 1 1180px; font-size: 1.125em;}  
.nav_web a {  width:100%; height: 100%; color:#fff; }
.nav_web a:hover { color:var(--color-1); }
.nav_web>ul {width:100%; display: flex; justify-content: space-between; align-items: center; height:100%;}
.nav_web>ul>li { position: relative; flex:1; width:100%;border-radius: 1em; }
.nav_web>ul>li>a {text-wrap: nowrap;  text-align: center; font-weight:500;}
.nav_web>ul>li>a span { display:inline-block;}
.nav_web li li a {display:block; padding: 0.5em 10px; line-height: 1.4; font-size: 0.9em; word-break: keep-all; color:#ccc;}
.nav_web ul ul { padding-top:3em; display:block; position: absolute; width:100%; left:50%; transform: translateX(-50%) translateY(-8px); letter-spacing: -0.3px; padding-bottom: 1.5em; opacity:0; visibility:hidden; transition: opacity 0.25s ease 0.15s, transform 0.25s ease 0.15s, visibility 0.25s ease 0.15s; }
.nav_web>ul>li:hover>a { color:#fff !important; opacity:0.85;}

/* 드롭다운 배경(:before 구분선, :after 다크 패널) 슬라이드 다운 */
.nav_web:before { bottom:0; content:''; position: absolute; left:-100%; height:1px; width:300%; background:#333; opacity:0; transition: opacity 0.3s ease; }
.nav_web:after { z-index:-1; content:''; position: absolute; left:-100%; top: 0; height:0; width:300%; background:#1a1a1a; overflow:hidden; transition: height 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
.nav_web:hover:before { opacity:1; }
.nav_web:hover:after { height:calc(100% + 16em); }
.nav_web:hover ul ul { opacity:1; visibility:visible; transform: translateX(-50%) translateY(0); }
.nav_web:hover a { color:#fff; }
.nav_web:hover a:hover { color:var(--color-1); opacity: 1;}
.nav_web:hover li li a { opacity: 0.75;}

/* 메뉴 스크롤 시 */
.menu-scroll { background: rgba(26, 26, 26, 0.5);}
.menu-scroll .nav_web>ul>li>a { color:#fff;}
.menu-scroll .view-nav i { background:#fff;}
.menu-scroll h1 img { filter: none;}
.menu-scroll .nav_lang p i:after { filter:none;}

/*모바일용메뉴*/
/* 모바일 메뉴 오버레이 - 페이드 인/아웃 */
.nav_md { display:block; width:100%; height:100%; top:0; right:0; position:fixed; background:rgba(0,0,0,0.5); z-index:17; opacity:0; visibility:hidden; pointer-events:none; transition: opacity 0.3s ease, visibility 0.3s ease; }
.nav_md.open { opacity:1; visibility:visible; pointer-events:auto; }
/* 모바일 메뉴 패널 - 다크 테마 */
/* 메뉴 패널 - 오른쪽에서 슬라이드 인/아웃 */
.nav_md_wrap { background:#1a1a1a; position:absolute; width:80%; max-width:290px; right:0; top:0; height:100%; overflow-y:auto; transform:translateX(100%); transition:transform 0.35s cubic-bezier(0.4, 0, 0.2, 1); }
.nav_md.open .nav_md_wrap { transform:translateX(0); } 
/* 1차 메뉴 리스트 - 헤더 높이만큼 내려서 시작 */
.nav_md .nav-md-ul {position: relative; max-width:1240px; padding-left:20px; padding-right:20px; width:100%; margin: var(--head-height) auto 20px auto; }
.nav_md .nav-md-ul>li>a { font-size: 1.3em; font-weight:600; width:100%; color:#fff; letter-spacing: -0.04em; padding: 0.9em 10px; display:block; position: relative; }
.nav_md .nav-md-ul>li a:hover { color:var(--color-1); }
.nav_md .nav-md-ul>li { text-align: left; flex-wrap: wrap; flex-direction: column; border-bottom: 1px solid #333; }
.nav_md .nav-md-ul ul { display: none; width:100%; margin-left:0.5em; padding-bottom:1em; top:unset; position: relative; transform: none; }
.nav_md .nav-md-ul ul a { font-size: 1.1em; color:#bbb; width:100%; padding:6px 14px; }
.nav_md .nav-md-ul ul a:hover { color: var(--color-1); }
.nav_md .nav-md-ul ul a br { display:none; }
.nav_md .nav-md-ul a { display: block; color:#fff; }
/* chevron 아이콘 - 흰색 */
.nav_md .nav-md-ul>li>a:after { z-index:8; width:0.8em; height:0.8em; position: absolute; transform: translateY(-50%) rotate(0deg); opacity: 0.5; right:0px; top:50%; font-weight:800; vertical-align: middle; font-size: 1em; content:''; display:inline-block; background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30px' height='17px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255,255,255)' d='M29.386,0.509 C28.805,-0.069 27.865,-0.069 27.284,0.509 L14.958,12.776 L2.631,0.509 C2.050,-0.069 1.110,-0.069 0.529,0.509 C-0.052,1.086 -0.052,2.023 0.529,2.601 L14.958,16.959 L29.386,2.601 C29.967,2.023 29.967,1.086 29.386,0.509 Z'/%3E%3C/svg%3E"); }
/* 서브 없는 항목은 chevron 숨김 */
.nav_md .nav-md-ul>li:not(.has-sub)>a:after { display: none; }
/* 활성 상태 (클릭으로 펼침) */
.nav_md .nav-md-ul>li.active>a:after { transform: translateY(-50%) rotate(180deg); opacity: 1; }
.nav_md .nav-md-ul>li.active>a { color: var(--color-1); }
.nav_md .nav-md-ul ul li+li { padding-left:0; }

/* 모바일메뉴보기 */
header .nav-head { z-index:18; width: 40px; height:40px; position: absolute; top: 50%; transform: translateY(-50%); right:20px;}
header .view-nav {z-index:1; position: absolute; top:12%;  right:8px;  width: 1.9em;  height: 80%;  display: block; }  
header .view-nav span {  position: absolute;   top: -9999px;    left: -9999px; }
header .view-nav i { position: absolute; display: block; border-radius: 1em; width: 30px; height: 3px; background-color: var(--bg-white); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
header .view-nav i:nth-child(1) { top: 3px; right:0}
header .view-nav i:nth-child(2) { top: 13px; right:0}
header .view-nav i:nth-child(3) { top: 23px; right:0}
header .view-nav.open {-webkit-transform: rotate(45deg);transform: rotate(45deg); }
header .view-nav.open i { background:#fff; width: 34px; height: 2px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;  }
header .view-nav.open i:nth-child(1) {top: 40%; right:-3px; }
header .view-nav.open i:nth-child(3) {top: 40%; right:-3px; -webkit-transform: rotate(90deg);transform: rotate(90deg); }
header .view-nav.open i:nth-child(2) { display:none;}

/* 언어선택 */
header .nav_lang { position: absolute; right: 100px; height:100%; top:calc(var(--head-height) - 63%); width: 5.4em; z-index:18; }
header .nav_lang .nav_lang_wrap li { text-align: center; margin-bottom: 2px;}
header .nav_lang .lang-box .lang-active a { background:var(--color-2); color:#fff;}
header .nav_lang .lang-box {  width:100%;}
header .nav_lang .lang-box a { font-size: 0.9em; border-radius: 2em; background:#fff; display:flex; justify-content: center; align-items: center; padding: 0.4em 0.9em; color:#000;}
header .nav_lang .lang-box i {  display:inline-block; position: relative;width: 1.2em; height:1.2em; margin-right: 0.5em; }
header .nav_lang .lang-box i:after {filter: brightness(0) grayscale(1) invert(1); position: absolute; width:100%; height:100%; content:''; left:0; top:50%; transform: translateY(-50%); background-size: contain; background-position: center; background-repeat: no-repeat;}


/* 퀵메뉴 */
.quick-menu { z-index: 9; position: fixed;  right: 30px; bottom:calc(4em - 15px);width: 3.12em;}
.quick-menu img { max-width:100%; }
.quick-menu li { text-align: center; margin-top:0.3em; }
.quick-menu li a { background:var(--bg-white); border-radius: 50%; width:3.12em; height:3.12em; box-shadow: 0em 0.1em 0.2em rgba(0,0,0,0.15); display:block;}
.quick-menu .bg-none a { background:transparent}


.container {background: transparent;  margin: 0 auto; text-align: center;}

/*메인상단 슬라이드*/
.scroll-box-1 { position:relative; width: 100%; height: 100vh; min-height: 768px; }
.scroll-box-1-1 { height: 100%;z-index: 2;}
.scroll-box-1 .ls-slide-backgrounds { position:absolute; left:0; top:0; width: 100%; height: 100%; overflow:hidden; }
.scroll-box-1 .ls-slide-backgrounds img {object-fit: cover; max-height: 100%; height: 100%; width: 100%; object-position: 77% center;}
.scroll-box-1 .ls-slide-backgrounds video {height: 100vh;}
.scroll-box-1 .ls-slide-backgrounds .main-img-01 img {object-position: 55% bottom; }
.scroll-box-1 .ls-slide-backgrounds .main-img-02 img {object-position: center center }
.scroll-box-1 .ls-slide-backgrounds .main-img-03 img {object-position: center center }
.scroll-box-1 .ls-slide-backgrounds>div { position: absolute; left:0; top:0%; width:100%; height:100%;}
.scroll-box-1 .ls-slide-texts { text-align: center; z-index: 2;  padding: 0px 20px; max-width: var(--main-width-pd); width: 100%; color:#fff; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
.scroll-box-1 .ls-head { font-family: var(--font-2); word-break: keep-all; position: relative; padding-bottom: 0.3em; line-height: 1.2;  font-size : 2.65em;}
.scroll-box-1 .ls-info1 {font-size: 1.35em;padding-bottom: 3em; line-height: 1.6em}
.scroll-box-1 .ls-btn { position: relative; z-index:3;  text-align: center; color:#fff; }
.scroll-box-1 .ls-btn span {display:inline-block; }
.scroll-box-1 .ls-btn a { padding: 0.7em 2em; position: relative; border:1px solid var(--bg-white); font-weight: 700; margin:0 auto; border-radius: 3em; width: 11em; justify-content: space-between; align-items: center; display:flex; color:var(--bg-white);}
.scroll-box-1 .ls-btn i { display:inline-block; position: relative; min-width: 1em; height:1em;}
.scroll-box-1 .ls-btn i:after {  rotate: 90deg; content:''; display:block; width:100%; height:100%; position: relative;  background-size: contain; background-position: center center; background-repeat: no-repeat;}
.scroll-box-1 .ls-btn a:hover { background:var(--color-1); color:var(--bg-white); border-color:var(--color-1)}
.scroll-box-2 .ls-btn a:hover i:after { filter:none}

.ls-scroll {  opacity: 0.5;   border-right: 1px solid #fff;  height: 150px; z-index: 5;    font-size: 0.8em;    position: absolute;    right: 5%;    bottom: 0px;    writing-mode: vertical-rl;    color: #fff;}
.ls-scroll p {    padding-right: 1em;    display: flex;    align-items: flex-start;}

.scroll-box-1 .slide-box { position: relative; height:100%; width:100%; margin:0 auto; max-width:calc(var(--full-width-pd) + 10em);}
.scroll-box-1 .slide-box:before { content:''; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); width: 70%; height: 70%; max-height: 650px; background-image: var(--sysbol); background-size: contain; background-repeat: no-repeat; background-position: center center; }
/* 메인 좌우버튼 */
.scroll-box-1 .arrowBtn { position: absolute; top:0; height: 100%; width: 5em;  background: transparent;}
.scroll-box-1 .arrow-left { left:1em; }
.scroll-box-1 .arrow-right { right:1em;}
.scroll-box-1 button { opacity: 0.5; top: 50%;    font-size: 0;    border: none;    border-radius: 5px;  width: 5.6rem; height: 5rem;    background: none;    position: absolute;    z-index: 4;}
.scroll-box-1 button:hover { opacity: 1;}
.scroll-box-1 button:after {  transform: translate(-50%, -50%);    top: 50%;  width: 100%;    height: 100%;    content: '';  background-position: center center;  position: absolute; background-size: contain;   background-repeat: no-repeat;}
.scroll-box-1 .slide-right:after {  left:50%; }
.scroll-box-1 .slide-left:after {  left:50%;}
.scroll-box-1 .slide-left {  left: 0px;}
.scroll-box-1 .slide-left:after {    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40.5px' height='76.5px'%3E%3Cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='1px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M38.000,75.477 L0.523,38.000 L38.000,0.523 '/%3E%3C/svg%3E");}
.scroll-box-1 .slide-right {   right: 0px;}
.scroll-box-1 .slide-right:after {    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40.5px' height='78.5px'%3E%3Cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='1px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M0.500,76.508 L37.508,39.000 L0.500,1.492 '/%3E%3C/svg%3E");}


.scroll-box-2 { position:relative; width: 100%; height:100vh; min-height: 970px; overflow: hidden; padding-top: calc(var(--head-height)); padding-bottom: calc(var(--head-height)); background:#fdf8f5}
.scroll-box-2 .ls-slide-backgrounds { position:absolute; left:0;  top:0; width: 100%; height: 100%;}
.scroll-box-2 .ls-slide-backgrounds img {position:absolute; left: 0; top: 0;  width:100%; height:100%; object-fit: cover; object-position: center 35%}
.scroll-box-2 .scroll-box-2-1 { height:100%; width:100%;display: table; margin:0 auto; table-layout: fixed; position: relative; }
.scroll-box-2 .box-area { height:100%; display:table-cell; width:100%;vertical-align:middle; }
.scroll-box-2 .area-flex { display:flex; max-width:var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto; }
.scroll-box-2 .m-head { position: relative; text-align: left;}
.scroll-box-2 .m-head h2 {padding-bottom:0.5em; font-size: 0.9em; color:var(--color-1); font-weight:400; font-family: var(--font-2); }
.scroll-box-2 .m-head strong {  letter-spacing: -0.02em; line-height: 1.4em; font-size: 2.4em; font-weight:600}
.scroll-box-2 .m-head p {  line-height: 1.3em; font-size: 2.2em; font-weight:700;  padding-top:0.2em;}
.scroll-box-2 .inner-box { width: 75%;}
.scroll-box-2 .head-box { width: 25%; max-width: 23em; padding-top: 0.5em;}
.scroll-box-2 .box-inner { position: relative;}
.scroll-box-2 .list-box { display:flex; flex-wrap: wrap; overflow: hidden; justify-content: center; align-items: stretch; margin-right:-2.6em;}
.scroll-box-2 .ls-list { border:1px solid transparent; background:var(--bg-white); position: relative; text-align: center; width: calc(33.333% - 2.6em); margin-right:2.6em;  margin-bottom:2.2em; border-radius: 1.2em;box-shadow: 0px 5px 0px rgba(0,0,0,0.04);}
.scroll-box-2 .ls-list:hover {  border-color:var(--color-1)}
.scroll-box-2 .ls-list a { display:block; padding: 2em 1em;}
.scroll-box-2 .ls-list .img-box { padding-bottom: 1em;}
.scroll-box-2 .ls-list img { position: relative;  max-width:100%; object-fit: contain;} 
.scroll-box-2 .ls-list .txt-box p { font-size: 0.89em; opacity: 0.7; line-height: 1.6em;}
.scroll-box-2 .ls-list .txt-box { text-align: center;}
.scroll-box-2 .txt-title { font-size: 1.3em; padding-bottom: 0.5em; color:var(--color-1); font-weight:700;  width:100%;}
.scroll-box-2 .img-box { background-position: center center; background-size: 100% auto; background-repeat: no-repeat; max-height:502px;}
.scroll-box-2 .product-box { position: relative;}
.scroll-box-2 .ls-btn { position: relative; z-index:3; padding-top:2em; }
.scroll-box-2 .ls-btn span {display:inline-block; }
.scroll-box-2 .ls-btn a { padding: 0.7em 1.5em; position: relative; border:1px solid var(--bg-black); font-weight: 700;  border-radius: 3em; width: 10em; justify-content: space-between; align-items: center; display:flex; color:var(--bg-black);}
.scroll-box-2 .ls-btn a:hover { background:var(--color-1); color:var(--bg-white); border-color:var(--color-1)}
.scroll-box-2 .ls-btn a:hover i:after { filter:none}
.scroll-box-2 .ls-btn i { display:inline-block; position: relative; min-width: 1em; height:1em;}
.scroll-box-2 .ls-btn i:after { filter: brightness(0); rotate: 90deg; content:''; display:block; width:100%; height:100%; position: relative;  background-size: contain; background-position: center center; background-repeat: no-repeat;}


.scroll-box-3 { position:relative; width: 100%; min-height: 970px; overflow: hidden; padding-top: calc(var(--head-height) + 2em);padding-bottom: calc(var(--head-height) + 2em);	}
.scroll-box-3:before {  content:''; position: absolute; z-index:-1; left:0; top:0; width:100%; height:calc(100% + 15em); background: linear-gradient(-113deg, #fdf0e6 0%, #fdf0e6 50%, #ffffff 50%, #ffffff 100%);}
.scroll-box-3:after { content:''; filter: brightness(0); opacity: 0.13; position: absolute; right:-2%; bottom:0%;  width: 60%; height: 45%; background-image: var(--sysbol); background-size: contain; background-repeat: no-repeat; background-position: right bottom; }
.scroll-box-3 .ls-slide-backgrounds { position:absolute; left:0;  top:0; width: 100%; height: 100%;}
.scroll-box-3 .ls-slide-backgrounds img {position:absolute; left: 0; top: 0;  width:100%; height:100%; object-fit: cover; object-position: center 35%}
.scroll-box-3 .scroll-box-3-1 { height:100%; width:100%; display: table; margin:0 auto; table-layout: fixed; position: relative; }
.scroll-box-3 .box-area { height:100%; display:table-cell; width:100%; vertical-align:middle; }
.scroll-box-3 .head-area { z-index:2;  max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto; position: relative; padding-bottom: 4em;}
.scroll-box-3 .m-head { position: relative; text-align: center;}
.scroll-box-3 .m-head h2 {padding-bottom:0.5em; font-size: 0.9em; color:var(--color-1); font-weight:400; font-family: var(--font-2); }
.scroll-box-3 .m-head strong {  letter-spacing: -0.02em; line-height: 1.4em; font-size: 2.4em; font-weight:600}
.scroll-box-3 .m-head p {  line-height: 1.3em; font-size: 2.2em; font-weight:700;  padding-top:0.2em;}
.scroll-box-3 .count-box { width:100%; display:flex; justify-content: center;padding-top: 7em;}
.scroll-box-3 .count-box strong { height:1em; line-height:1;  font-size: 4.8em; font-weight:400; font-family: var(--font-2); color:var(--color-1);	display: block;	-webkit-box-reflect: below -0.25em linear-gradient(to top, rgba(255, 104, 1, 0.22) 0%, rgba(255, 104, 1, 0.12) 35%, transparent 62%);}
.scroll-box-3 .count-box strong span {  font-size: 0.55em;}
.scroll-box-3 .count-box .count-list { width:50%;}
.scroll-box-3 .count-box p { padding-top: 0.7em; font-size: 2em; font-weight:700;}
.scroll-box-3 .cont-txt-1 { font-size: 1.6em; font-weight: 700; padding-top: 0.3em}
.scroll-box-3 .cont-txt-2 { font-size: 1.2em; font-weight: 500; padding-bottom: 1.1em;}
.scroll-box-3 .cont-img {  border-top:1px solid var(--bg-gray-2); padding-top: 1.5em; }
.scroll-box-3 .cont-img img { max-width:100%;}
.scroll-box-3 .inner-box { width:100%; text-align: right; z-index:1; max-width: var(--full-width-pd); padding-left:20px; padding-right:20px; margin:0 auto; height:70%; position: relative;}
.scroll-box-3 .graph-top { padding-top:1em; text-align: center;}
.scroll-box-3 .graph-top ul { display:flex; justify-content: center; align-items: center;}
.scroll-box-3 .graph-top ul li { font-weight:600; display:flex; justify-content: center; align-items: center; padding-left: 2em; padding-right:2em;}
.scroll-box-3 .graph-top ul li i { display:inline-block; margin-right: 0.5em; width:2.3em; height:1.2em; border-radius: 0.3em; }
.scroll-box-3 .graph-top ul li.co-o i { background:var(--color-1);}
.scroll-box-3 .graph-top ul li.co-o span { color:var(--color-1)}
.scroll-box-3 .graph-top ul li.co-b i { background:var(--bg-gray-1);}
.scroll-box-3 .graph-area {   background:#fff; border-radius: 12px; box-shadow: 0 4px 1em rgba(0,0,0,0.06); width:100%; max-width: var(--main-width-pd); margin:0 auto; padding:2em 5%; text-align: center;}
.scroll-box-3 .graph-wrap.chart-line-wrap { overflow: hidden;}
.scroll-box-3 .chart-growth-svg { width:100%; max-width: 1360px; height: auto; display:block; margin:0 auto;}
.scroll-box-3 .map-wrap { position: absolute; top:-9em; right:0; background-size: contain; background-position: center center; background-repeat: no-repeat; }
.scroll-box-3 .map-wrap svg { width:100%; height:100%;}
.scroll-box-3 .map-area {  text-align: right; max-width: 1451px; width:100%;}


.scroll-box-4 { position:relative; width: 100%; max-height: 720px; overflow: hidden; background:var(--bg-gray-1)}
.scroll-box-4 .inner-box {  max-width:1280px; margin:0 auto; max-height: 720px;}
.scroll-box-4 .videoWrapper { position:relative; height: 0; padding-bottom:56.25%; width:100%;  }
* html .scroll-box-4 .videoWrapper { margin-bottom: 45px; margin-bottom: 0;  }
.scroll-box-4 .videoWrapper>iframe,
.scroll-box-4 .videoWrapper video,   
.scroll-box-4 .videoWrapper>div,
.scroll-box-4 .videoWrapper>embed,
.scroll-box-4 .videoWrapper>object {	z-index: 2;	position: absolute;	width: 100%; height: 100%;	left: 0;	top: 0;  }

.scroll-box-5 { position:relative; width: 100%; overflow: hidden; background:var(--color-2);  padding-top: calc(var(--head-height) + 5em); padding-bottom: calc(var(--head-height) + 2em)}
.scroll-box-5 .ls-slide-backgrounds { position:absolute; left:0;  top:0; width: 100%; height: 100%;}
.scroll-box-5 .ls-slide-backgrounds img {position:absolute; left: 0; top: 0;  width:100%; height:100%; object-fit: cover; object-position: center 30%;}
.scroll-box-5 .scroll-box-5-1 { height:50%; width:100%; max-width:var(--main-width-pd); padding-left:20px; padding-right:20px; display: table; margin:0 auto; table-layout: fixed; position: relative; }
.scroll-box-5 .box-area { height:100%; display:table-cell;  width:100%;vertical-align:middle; }
.scroll-box-5 .head-box { position: relative; display:Flex; justify-content: space-between; align-items: end; padding-bottom: 3em;}
.scroll-box-5 .m-head { position: relative; text-align: left;}
.scroll-box-5 .m-head h2 {padding-bottom:0.5em; font-size: 0.9em; color:var(--color-1); font-weight:400; font-family: var(--font-2); }
.scroll-box-5 .m-head strong {  letter-spacing: -0.02em; line-height: 1.4em; font-size: 2.4em; font-weight:600}
.scroll-box-5 .m-head p {  line-height: 1.3em; font-size: 2.2em; font-weight:700;  padding-top:0.2em;}
.scroll-box-5 .box-inner {position: relative; }
.scroll-box-5 .list-box { margin-top:1em; margin-right: -2.6em; overflow: hidden; display:flex; align-items: stretch; }
.scroll-box-5 .ls-list { text-align: center; width: calc(25% - 2.6em); margin-right:2.6em; position: relative; }
.scroll-box-5 .ls-list a { display:block;}
.scroll-box-5 .ls-list .list-area {  overflow: hidden;}
.scroll-box-5 .ls-list .img-box { position: relative; padding-top:82%; width:100%;}
.scroll-box-5 .ls-list .img-box .ls-img-01{  background:var(--bg-white); border-radius: 1.2em; overflow: hidden; position: absolute; top:0; left:0; width:100%; height:100%; }
.scroll-box-5 .ls-list .img-box .ls-img-01 img { object-fit: cover; height:100%; width:100%;}
.scroll-box-5 .ls-list .txt-box { text-align: left; padding: 8% 5px;}
.scroll-box-5 .ls-list .txt-tt { font-size: 1.1em; font-weight:700; height: 2.9em; line-height: 1.5em; -webkit-line-clamp: 2;	overflow: hidden; word-wrap: break-word;	text-overflow: ellipsis;	display: -webkit-box;	-webkit-box-orient: vertical;}
.scroll-box-5 .ls-list .txt-day { margin-top: 0.6em; font-size: 0.9em; color:var(--bg-gray-3); line-height: 1.5em;} 
.scroll-box-5 .slide-bar { position: relative; z-index:3; height:10px; width:100%; margin-top: 1.6em;}
.scroll-box-5 .slide-bar p {  height:2px; background:var(--bg-gray-2);}
.scroll-box-5 .slide-bar a { position: absolute; top:0; height: 3px; display:inline-block;}
.scroll-box-5 .slide-bar a span { position: absolute; left:0; top:-1px; width:100%; height:4px; background:var(--color-1); display:inline-block;  }
.scroll-box-5 .ls-btn { position: relative; z-index:3; padding-top:2em; }
.scroll-box-5 .ls-btn span {display:inline-block; }
.scroll-box-5 .ls-btn a { padding: 0.7em 1.5em; position: relative; border:1px solid var(--bg-black); font-weight: 700;  border-radius: 3em; width: 10em; justify-content: space-between; align-items: center; display:flex; color:var(--bg-black);}
.scroll-box-5 .ls-btn a:hover { background:var(--color-1); color:var(--bg-white); border-color:var(--color-1)}
.scroll-box-5 .ls-btn a:hover i:after { filter:none}
.scroll-box-5 .ls-btn i { display:inline-block; position: relative; min-width: 1em; height:1em;}
.scroll-box-5 .ls-btn i:after { filter: brightness(0); rotate: 90deg; content:''; display:block; width:100%; height:100%; position: relative;  background-size: contain; background-position: center center; background-repeat: no-repeat;}

.scroll-box-6 { position:relative; width: 100%; overflow: hidden;  padding-top: calc(var(--head-height) + 2em); padding-bottom: calc(var(--head-height) + 2em)}
.scroll-box-6 .ls-slide-backgrounds { position:absolute; left:0;  top:0; width: 100%; height: 100%;}
.scroll-box-6 .ls-slide-backgrounds img {position:absolute; left: 0; top: 0;  width:100%; height:100%; object-fit: cover; object-position: center 30%;}
.scroll-box-6 .scroll-box-6-1 { height:100%; width:100%; max-width:var(--main-width-pd); padding-left:20px; padding-right:20px; display: table; margin:0 auto; table-layout: fixed; position: relative; }
.scroll-box-6 .box-area { height:100%; display:table-cell;  width:100%;vertical-align:middle; }
.scroll-box-6 .head-box { position: relative; display:Flex; justify-content: space-between; align-items: end; padding-bottom: 3em;}
.scroll-box-6 .m-head { position: relative; text-align: left;}
.scroll-box-6 .m-head h2 {padding-bottom:0.5em; font-size: 0.9em; color:var(--color-1); font-weight:400; font-family: var(--font-2); }
.scroll-box-6 .m-head strong {  letter-spacing: -0.02em; line-height: 1.4em; font-size: 2.4em; font-weight:600}
.scroll-box-6 .m-head p {  line-height: 1.3em; font-size: 2.2em; font-weight:700;  padding-top:0.2em;}
.scroll-box-6 .box-inner {position: relative; }
.scroll-box-6 .list-box { margin-top:1em; margin-right: -2.6em; overflow: hidden; display:flex; align-items: stretch; }
.scroll-box-6 .ls-list { text-align: center; width: calc(25% - 2.6em); margin-right:2.6em; position: relative; }
.scroll-box-6 .ls-list a { display:block;}
.scroll-box-6 .ls-list .list-area {  overflow: hidden;}
.scroll-box-6 .ls-list .img-box { position: relative; padding-top:82%; width:100%;}
.scroll-box-6 .ls-list .img-box .ls-img-01{  background:var(--bg-white); border-radius: 1.2em; overflow: hidden; position: absolute; top:0; left:0; width:100%; height:100%; }
.scroll-box-6 .ls-list .img-box .ls-img-01 img { object-fit: cover; height:100%; width:100%;}
.scroll-box-6 .ls-list .txt-box { text-align: left; padding: 8% 5px;}
.scroll-box-6 .ls-list .txt-tt { font-size: 1.1em; font-weight:700; height: 2.9em; line-height: 1.5em; -webkit-line-clamp: 2;	overflow: hidden; word-wrap: break-word;	text-overflow: ellipsis;	display: -webkit-box;	-webkit-box-orient: vertical;}
.scroll-box-6 .ls-list .txt-day { margin-top: 0.6em; font-size: 0.9em; color:var(--bg-gray-3); line-height: 1.5em;} 
.scroll-box-6 .slide-bar { position: relative; z-index:3; height:10px; width:100%; margin-top: 1.6em;}
.scroll-box-6 .slide-bar p {  height:2px; background:var(--bg-gray-2);}
.scroll-box-6 .slide-bar a { position: absolute; top:0; height: 3px; display:inline-block;}
.scroll-box-6 .slide-bar a span { position: absolute; left:0; top:-1px; width:100%; height:4px; background:var(--color-1); display:inline-block;  }
.scroll-box-6 .ls-btn { position: relative; z-index:3; padding-top:2em; }
.scroll-box-6 .ls-btn span {display:inline-block; }
.scroll-box-6 .ls-btn a { padding: 0.7em 1.5em; position: relative; border:1px solid var(--bg-black); font-weight: 700;  border-radius: 3em; width: 10em; justify-content: space-between; align-items: center; display:flex; color:var(--bg-black);}
.scroll-box-6 .ls-btn a:hover { background:var(--color-1); color:var(--bg-white); border-color:var(--color-1)}
.scroll-box-6 .ls-btn a:hover i:after { filter:none}
.scroll-box-6 .ls-btn i { display:inline-block; position: relative; min-width: 1em; height:1em;}
.scroll-box-6 .ls-btn i:after { filter: brightness(0); rotate: 90deg; content:''; display:block; width:100%; height:100%; position: relative;  background-size: contain; background-position: center center; background-repeat: no-repeat;}

.scroll-box-7 { position:relative; width: 100%; overflow: hidden; height:100vh; min-height: 970px;background:var(--color-3);}
.scroll-box-7 .ls-slide-backgrounds { position:absolute; left:0;  top:0; width: 100%; height: 50%;}
.scroll-box-7 .ls-slide-backgrounds img {position:absolute; left: 0; top: 0;  width:100%; height:100%; object-fit: cover; object-position: center top;}
.scroll-box-7 .scroll-box-7-1 { height:50%; width:100%; max-width:var(--main-width-pd); padding-left:20px; padding-right:20px; display: table; margin:0 auto; table-layout: fixed; position: relative; }
.scroll-box-7 .scroll-box-7-2 { height:50%; width:100%; max-width:var(--main-width-pd);  padding-left:20px; padding-right:20px; display: table; margin:0 auto; table-layout: fixed; position: relative; }
.scroll-box-7 .m-head { position: relative; text-align: left;}
.scroll-box-7 .m-head h2 {padding-bottom:0.5em; font-size: 0.9em; color:var(--color-1); font-weight:400; font-family: var(--font-2); }
.scroll-box-7 .m-head strong { letter-spacing: -0.02em; line-height: 1.4em; font-size: 2.4em; font-weight:600}
.scroll-box-7 .m-head p {  line-height: 1.3em; font-size: 2.2em; font-weight:700;  padding-top:0.2em;}
.scroll-box-7 .scroll-box-7-1 .m-head p { color:var(--bg-white);}
.scroll-box-7 .scroll-box-7-1 .head-box { padding-top:calc(var(--head-height) + 1em); padding-bottom:calc(var(--head-height) + 1em); }
.scroll-box-7 .list-box { margin-top:6em; width:100%; overflow: hidden; display:flex; align-items: stretch; }
.scroll-box-7 .ls-list { text-align: center; width: 25%;position: relative; }
.scroll-box-7 .ls-list a { display:flex; align-items: center; padding-left:1.5em; }
.scroll-box-7 .ls-list .img-box { width: 26%; }
.scroll-box-7 .ls-list .img-box img { max-width:100%;}
.scroll-box-7 .ls-list .txt-box { padding-left: 1em; width: 74%; text-align: left; }
.scroll-box-7 .ls-list:after { content:''; height: 96%; width:1px; background:var(--bg-rgb-1); right:0; top:50%; transform: translateY(-50%); position: absolute;}
.scroll-box-7 .ls-list:last-of-type:after { display:none;}
.scroll-box-7 .txt-tt { font-size: 1.1em; font-weight:700;}
.scroll-box-7 .txt-link { color:var(--bg-gray-3); font-size: 0.9em ; height:1.5em; margin-top: 0.5em; -webkit-line-clamp: 1;	overflow: hidden; word-wrap: break-word;	text-overflow: ellipsis;	display: -webkit-box;	-webkit-box-orient: vertical;}
.scroll-box-7 .ls-btn { position: relative; z-index:3; padding-top:2em; }
.scroll-box-7 .ls-btn span {display:inline-block; }
.scroll-box-7 .ls-btn a { padding: 0.7em 1.5em; position: relative; border:1px solid var(--bg-white); font-weight: 700;  border-radius: 3em; width: 10em; justify-content: space-between; align-items: center; display:flex; color:var(--bg-white);}
.scroll-box-7 .ls-btn a:hover { background:var(--color-1); color:var(--bg-white); border-color:var(--color-1)}
.scroll-box-7 .ls-btn i { display:inline-block; position: relative; min-width: 1em; height:1em;}
.scroll-box-7 .ls-btn i:after {rotate: 90deg; content:''; display:block; width:100%; height:100%; position: relative;  background-size: contain; background-position: center center; background-repeat: no-repeat;}
.scroll-box-7 .box-area { display:flex; width:100%; align-items: center; height:100%;}
.scroll-box-7 .inner-area { width:100%;}


/*서브상단 뒷배경*/
.snb-bg { height: 34em; position: relative;}
.snb-bg.none-snb { height: 34em}
.snb-bg .ls-slide-backgrounds { position:absolute; left:0; top:0; width: 100%; height:100%; overflow:hidden;}
.snb-bg .ls-slide-backgrounds img {object-fit: cover; height: 100%; width: 100%; object-position: center center}
.snb-bg .ls-slide-backgrounds.snb-pos-02 img { object-position: center center  }
.snb-bg .ls-slide-backgrounds.snb-pos-03 img { object-position: center 73% }
.snb-bg .ls-slide-backgrounds.snb-pos-04 img { object-position: center 5% }
.snb-bg .box_inner { height: 100%; clear: both; position: relative; text-align: center; margin:0 auto; max-width: var(--main-width-pd); padding-left:20px; padding-right:20px;}
.snb-bg .ls-slide-texts { width: 100%; text-align: center; color:#fff; position:absolute; left:0; top:58%; transform: translateY(-50%); padding-left: 20px; padding-right:20px;}
.snb-bg .ls-slide-texts .ls-head { font-family: var(--font-2); font-size:2.6em; font-weight: 500; }
.snb-bg .ls-slide-texts p { padding-top: 1em;font-size: 1.3em; line-height: 1.6; }
.snb-bg .ls-slide-texts p strong { font-weight:600; }
.snb-bg .box_inner:before { content:''; position: absolute; left:50%; top:55%; transform: translate(-50%, -50%); width: 70%; height: 65%; max-height: 650px; background-image: var(--sysbol); background-size: contain; background-repeat: no-repeat; background-position: center center; }

.snb { width: 100%;  position: relative ; z-index:5; height: 3.5em; border-bottom:1px solid var(--bg-gray-2)}
.snb .snb-in { position: relative; z-index:3; width:100%; margin:0 auto; height:100%; display:flex; max-width: var(--main-width); }
.snb .snb-home {aspect-ratio: 1; background:var(--color-1); display:flex; justify-content: center; align-items: center; }
.snb .snb-home img { max-width:100%;}
.snb h2 { font-weight:500; position: relative; font-size: 0.95em; height:100%; display:flex; align-items: center; width:17em; padding-left:1.3em; padding-right:1.5em;}
.snb h2:before { right:0; position: absolute; content: ''; width: 1px; height:100%;	background:var(--bg-gray-2)}
.snb h2:after { z-index: 4;  right: 1em; position: absolute;  top: 55%; transform:translateY(-50%); width: 100%;  content: ''; width: 0; height: 0;	border-bottom: 5px solid transparent; border-top: 5px solid var(--bg-gray-1);	border-left: 5px solid transparent;	border-right: 5px solid transparent;}

.snb .snb-depth {padding-left:1px; text-align: left; height:100%; position: relative;  }
.snb .snb-depth ul { padding:1em 0; width:calc(100% + 1px);background:var(--bg-white); position: absolute; top: calc(3.5em - 1px); left:-1px;  border:1px solid var(--bg-gray-2)}
.snb .snb-depth a { font-size: 0.9em; display:block; padding-top: 0.5em; padding-bottom: 0.5em; padding-left:1.5em; padding-right:1.5em; }


/*메인 슬라이드 내용*/
.main_silde { height: 965px;}
.main_silde .box_inner { margin:0 auto; max-width: 1757px;height: 900px; position: relative; }
.main_silde .sildeBtn {position:absolute; bottom: 0px;}

/*메인 슬라이드 버튼*/
.sildeBtn { display: flex; justify-content: center;align-items: center; clear: both; width: 100%;}
.sildeBtn span { border:1px solid #035fff; display: inline-block; margin: 0 6px;background: #fff; font-size:0; border-radius: 9px; height:18px; width: 18px;}
.sildeBtn span.active { background:#035fff; }

.sub-menu { margin:0; margin-top:0!important; width: 100%;position: relative ; }
.sub-menu ul { display: flex; justify-content:center; align-items: center; height: 115px;}
.sub-menu li { display: inline-block; flex: 1 1 290px; width: 290px; max-width: 290px;}
.sub-menu li a { border:1px solid #0b3775;  color:#0b3775;font-size: 0.8em; display: block; padding: 20px 0 20px 0; background:#fff;}
.sub-menu li a.active,  .sub-menu li a:hover{ background:#0b3775; color:#fff;}
.sub-menu li a { border-right:0;}
.sub-menu li:last-of-type a { border-right:1px solid #0b3775;}

.clearfix { clear: both}
.vr-center { width: 100%; text-align:center;position:absolute; left:50%; top:50%; transform: translate( -50%, -50%); }

.head-line .text { padding-bottom: 150px;color:#0b3775; font-size: 3rem; position: relative; font-weight: 600; letter-spacing: -0.5px;}
.head-line .text:after { z-index:5;content:''; width: 1px; height: 65px; position: absolute; left:50%; top: 100px;transform: translate(-50%, 0); background:#000; } 

sup { font-size: 0.5em;}

.bgc-01 { background-color:var(--color-1);}
.bgc-02 { background-color:#5cc3d8;}
.bgc-03 { background-color:#e73656;}
.bgc-04 { background-color:#48c5ff;}
.bgc-05 { background-color:#fc1f7c;}
.bgc-06 { background-color:#90c31f;}
.bgc-07 { background-color:#000000;}
.bgc-08 { background-color:#fff;}
.fc-01 { color:var(--color-1)}
.fc-02 { color:#5cc3d8}
.fc-03 { color:#e73656}
.fc-04 { color:#48c5ff}
.fc-05 { color:#fc1f7c}
.fn-01 { font-family: var(--font-2), 'Noto Sans KR', sans-serif!important;  }
.fn-02 { font-family: 'GmarketSansBold', 'Noto Sans KR', sans-serif!important; }
.fs-01 { font-weight: 300;}

/*푸터*/
footer { background:var(--color-1); position: relative; width: 100%;  word-break: keep-all; font-size: 0.95em; }
footer .box-inner {margin:0 auto;  width: 100%; max-width: var(--main-width-pd); padding: 6.4em 20px; position: relative;}
footer .footer { color:var(--bg-white); position: relative; width:100%; height: 100%; text-align: left;}
footer .col-box-in { padding-top: 2em; text-align: left; width:100%; display:flex; justify-content: space-between; align-items: stretch;}
footer .col-box strong { display:block;}
footer .col-box span { display:inline-block;}
footer .col-box { line-height: 1.9em;}
footer .foo-txt span+span { padding-left:3em;}
footer .copy { position: relative;padding-top:1.7em; font-size: 0.95em}
footer .foo-logo { height: 3.42em;}
footer .foo-logo img { height:100%;  }
footer .foo-head { display:flex; justify-content: space-between;}
footer .foo-menu { width:53%; }
footer .foo-menu ul { width:100%; justify-content: space-between; display:flex;}
footer .foo-menu a { color:var(--bg-gray-5); text-align: right; font-size: 1.15em; padding:10px 5%; font-weight:500; display:block;}
footer .foo-menu li { flex:auto}
footer .col-info .copy { margin-top: auto; font-weight:400; width:100%; text-align: right;}
footer .col-info ul { width:100%; display:flex; justify-content: flex-end;}
footer .col-info li { line-height: 1;}
footer .col-info li+li { position: relative; margin-left: 4em;}
footer .col-info li:not(:nth-child(1)):before { content: ''; position: absolute; left: -2em; height: 1em; top:0; width:1px; background:#fff;}
footer .col-info a { display:block; }
footer .col-info { display:flex; align-items: stretch; flex-wrap: wrap;}


/* sns + top */
.page-top { z-index: 8; position: absolute;  right: 32px;  top: -1.5em;    height:3.12em;   width: 3.12em;}
.page-top a { padding-top: 2.5em; border:1px solid var(--color-1); text-align: center; position: relative;  line-height:1;  display: block;    width: 100%;    height: 100%;    background: var(--color-2);    border-radius: 5em;}
.page-top a:before { content: '';  font-size: 1rem; width:36%; height:36%; position: absolute;   left: 50%;  top: 50%;   transform: translate(-50%, -50%); background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10px' height='13px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M9.925,5.469 L5.396,0.959 L0.866,5.469 L1.552,6.152 L4.910,2.809 L4.910,12.027 L5.881,12.027 L5.881,2.809 L9.239,6.152 L9.925,5.469 Z'/%3E%3C/svg%3E");}
.page-top a span { font-size:0; width:0; height:0;}


.ptb25 { padding: 25px 0;}
.pt170 { margin-top: 170px;}
.ptb50 { padding: 50px 0;}
.pb20 { padding-bottom:20px;}
.pb100 { padding-bottom:100px;}
.fs09e { font-size: 0.9em }
.fs12e { font-size: 1.2em }
.fs08e { font-size: 0.8em }
.fs085e { font-size: 0.85em }
.wd1700 { max-width: 1700px;}

.wdauto { width: auto;}
.wd12p { width: 12%;}
.wd30p { width: 30%;}
.wd20p { width: 20%;}
.wd15p { width: 15%;}

.container {font-size: 1.125rem;}
.container * { word-break: keep-all;}

.d-lg-none { display:none;} /* pc 용 감추기 */
.d-sm-view { display:none;}

.con-head {}  /* 서브 컨텐츠 제목 */
.con-head h3 { font-size: 2.6em; font-weight:400; color:var(--bg-black); font-family: var(--font-2), 'Noto Sans KR', sans-serif!important; }
.con-head p { letter-spacing: -0.01em; font-size: 3.1em; padding-top: 0.3em;}
.con-head+.con-head { padding-top: 70px;}
.con-head h3 i {  display:inline-block; position: relative; width: 1.2em; height:1.2em;}
.con-head h3 i:after { content:''; position: absolute; left:-0.05em; top:-0.65em; width:100%; height:100%; background-position: center top; background-repeat: no-repeat; background-size: contain;}

.ls-tab-01 a {  display:block; background: var(--bg-gray-6); line-height:1; text-wrap: nowrap;}
.ls-tab-01 ul { display:flex; justify-content: center; align-items: center; margin-right: -0.9em; }
.ls-tab-01 li {  position: relative; margin-right: 0.9em; border-radius: 4em; overflow: hidden;}
.ls-tab-01 li:last-of-type:after { display:none;}
.ls-tab-01 a:hover, .ls-tab-01 a.tab-active{  color:var(--bg-white); background:var(--color-2);  font-weight:500; }

.ls-icon-01:after {/*심볼*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='780px' height='623px'%3E%3Cpath fill-rule='evenodd' opacity='0.102' fill='rgb(255, 255, 255)' d='M780.015,290.927 L754.588,290.927 L541.992,19.209 L463.137,168.167 L559.186,290.927 L533.798,290.927 L452.885,187.533 L397.396,292.358 L220.830,291.625 L345.663,50.515 L321.164,19.209 L176.606,292.358 L0.001,291.625 L150.523,0.899 L331.327,0.012 L330.880,0.857 L332.228,0.857 L355.783,30.964 L371.352,0.899 L552.155,0.012 L551.708,0.857 L553.018,0.857 L780.015,290.927 ZM162.266,20.127 L31.620,272.463 L165.040,273.019 L299.235,19.460 L162.266,20.127 ZM383.091,20.127 L368.844,47.652 L358.719,67.204 L252.444,272.463 L385.830,273.019 L439.878,170.914 L450.134,151.548 L520.059,19.460 L383.091,20.127 ZM238.024,603.769 L316.876,454.814 L220.822,332.070 L246.211,332.070 L327.120,435.460 L382.613,330.639 L559.179,331.372 L434.346,572.478 L458.845,603.785 L603.441,330.639 L780.007,331.372 L629.485,622.097 L448.682,622.985 L449.129,622.141 L447.819,622.141 L424.237,592.003 L408.657,622.097 L227.853,622.985 L228.300,622.141 L226.971,622.141 L0.013,332.070 L25.402,332.070 L238.024,603.769 ZM617.742,602.866 L748.389,350.530 L615.007,349.974 L480.778,603.538 L617.742,602.866 ZM396.918,602.866 L411.176,575.317 L421.286,555.794 L527.560,350.530 L394.179,349.974 L340.126,452.079 L329.882,471.434 L259.949,603.538 L396.918,602.866 Z'/%3E%3C/svg%3E");}
.ls-icon-02:after {/*글로벌*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='27px' height='28px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M13.500,0.457 C6.063,0.457 0.013,6.507 0.013,13.944 C0.013,21.381 6.063,27.431 13.500,27.431 C20.936,27.431 26.986,21.381 26.986,13.944 C26.986,6.507 20.936,0.457 13.500,0.457 ZM24.881,12.645 L20.225,12.645 C20.049,8.804 19.095,5.485 17.674,3.282 C21.547,4.804 24.396,8.368 24.881,12.645 ZM13.500,25.405 C11.344,25.405 8.958,21.031 8.786,14.671 L18.214,14.671 C18.041,21.031 15.655,25.405 13.500,25.405 ZM8.802,12.645 C9.096,6.595 11.409,2.484 13.500,2.484 C15.591,2.484 17.904,6.595 18.198,12.645 L8.802,12.645 ZM9.325,3.282 C7.904,5.485 6.951,8.804 6.775,12.645 L2.118,12.645 C2.603,8.368 5.453,4.804 9.325,3.282 ZM2.076,14.671 L6.761,14.671 C6.865,18.753 7.835,22.296 9.325,24.606 C5.282,23.018 2.362,19.200 2.076,14.671 ZM17.674,24.606 C19.165,22.296 20.134,18.753 20.239,14.671 L24.923,14.671 C24.637,19.200 21.717,23.017 17.674,24.606 Z'/%3E%3C/svg%3E"); }
.ls-icon-03:after {/*화살표-왼쪽*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14px' height='25px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M14.008,24.995 L1.375,12.499 L14.008,0.003 L12.626,0.003 L-0.008,12.499 L12.626,24.995 L14.008,24.995 Z'/%3E%3C/svg%3E"); }
.ls-icon-04:after {/*화살표-오른쪽*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14px' height='25px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M-0.008,24.995 L12.625,12.499 L-0.008,0.003 L1.374,0.003 L14.008,12.499 L1.374,24.995 L-0.008,24.995 Z'/%3E%3C/svg%3E"); }
.ls-icon-05:after {/*화살표-오른쪽*/ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12px' height='14px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M5.269,2.875 L1.083,7.142 L0.008,6.085 L6.005,-0.008 L12.002,6.085 L10.964,7.142 L6.759,2.875 L6.759,13.985 L5.269,13.985 L5.269,2.875 Z'/%3E%3C/svg%3E");}
.ls-icon-06:after {/*전화*/ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='47px' height='47px'%3E%3Cpath fill-rule='evenodd' fill='rgb(16, 99, 226)' d='M46.061,34.254 L37.721,25.897 C36.485,24.659 34.472,24.659 33.236,25.897 L27.557,31.588 L15.691,19.697 L21.371,14.007 C22.607,12.768 22.607,10.752 21.371,9.513 L13.030,1.156 C11.832,-0.045 9.743,-0.045 8.547,1.156 L3.068,6.645 C0.957,8.761 -0.005,11.768 0.496,14.689 C1.298,19.365 3.992,26.679 12.268,34.983 C12.270,34.985 12.271,34.986 12.273,34.988 C12.281,34.996 12.289,35.004 12.298,35.013 C20.585,43.309 27.886,46.010 32.556,46.815 C33.064,46.903 33.575,46.945 34.084,46.945 C36.491,46.945 38.840,45.984 40.583,44.237 L46.061,38.747 C46.660,38.148 46.990,37.350 46.990,36.501 C46.990,35.653 46.660,34.855 46.061,34.254 ZM44.643,37.326 L39.165,42.817 C37.513,44.471 35.170,45.226 32.896,44.835 C28.511,44.079 21.624,41.513 13.705,33.581 C5.787,25.643 3.226,18.741 2.472,14.349 C2.082,12.070 2.834,9.721 4.485,8.066 L9.965,2.576 C10.405,2.135 11.172,2.135 11.612,2.576 L19.954,10.934 C20.407,11.389 20.407,12.131 19.954,12.586 L13.565,18.987 C13.377,19.175 13.271,19.430 13.271,19.697 C13.271,19.964 13.377,20.219 13.565,20.408 L26.849,33.719 C27.240,34.111 27.875,34.111 28.266,33.719 L34.654,27.318 C35.108,26.862 35.849,26.862 36.303,27.318 L44.643,35.675 C44.863,35.896 44.985,36.189 44.985,36.501 C44.985,36.813 44.863,37.106 44.643,37.326 Z'/%3E%3C/svg%3E");}
.ls-icon-07:after {/*메일*/ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='47px' height='38px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M46.890,1.544 C46.838,1.421 46.763,1.311 46.670,1.219 C46.669,1.218 46.668,1.217 46.667,1.216 C46.641,1.190 46.607,1.180 46.579,1.158 C46.505,1.099 46.432,1.040 46.343,1.004 C46.248,0.965 46.147,0.952 46.046,0.944 C46.017,0.941 45.992,0.927 45.963,0.927 L45.956,0.927 C45.954,0.927 45.953,0.927 45.952,0.927 L1.993,0.927 C1.992,0.927 1.991,0.927 1.990,0.927 L1.983,0.927 C1.956,0.927 1.934,0.940 1.908,0.942 C1.804,0.950 1.700,0.964 1.602,1.004 C1.516,1.040 1.444,1.098 1.372,1.155 C1.342,1.178 1.306,1.188 1.279,1.216 C1.278,1.217 1.277,1.218 1.276,1.219 C1.183,1.311 1.108,1.421 1.056,1.544 C1.005,1.667 0.979,1.798 0.979,1.929 C0.979,1.930 0.978,1.932 0.978,1.933 L0.978,36.909 C0.978,37.464 1.428,37.915 1.983,37.915 L45.963,37.915 C46.518,37.915 46.968,37.464 46.968,36.909 L46.968,1.933 C46.968,1.932 46.967,1.930 46.967,1.929 C46.967,1.798 46.941,1.667 46.890,1.544 ZM2.988,4.393 L18.144,19.838 C17.949,19.871 17.760,19.944 17.608,20.093 L2.988,34.432 L2.988,4.393 ZM28.106,18.696 C27.006,19.816 25.539,20.433 23.973,20.433 C22.407,20.433 20.940,19.816 19.840,18.696 L4.379,2.939 L43.567,2.939 L28.106,18.696 ZM19.015,21.530 C19.198,21.351 19.288,21.118 19.304,20.881 C20.646,21.891 22.264,22.445 23.973,22.445 C25.715,22.445 27.362,21.871 28.718,20.823 C28.721,21.079 28.820,21.333 29.016,21.527 L43.553,35.903 L4.361,35.903 L19.015,21.530 ZM44.958,34.464 L30.428,20.096 C30.257,19.926 30.038,19.845 29.816,19.824 L44.958,4.393 L44.958,34.464 Z'/%3E%3C/svg%3E");}
.ls-icon-08:after {/*유투브*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='31px' height='22px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M26.454,0.979 L4.545,0.979 C2.586,0.979 0.983,2.623 0.983,4.632 L0.983,18.322 C0.983,20.331 2.586,21.975 4.545,21.975 L26.454,21.975 C28.413,21.975 30.017,20.331 30.017,18.322 L30.017,4.632 C30.017,2.623 28.413,0.979 26.454,0.979 ZM12.410,16.804 L12.410,6.150 L20.265,11.477 L12.410,16.804 Z'/%3E%3C/svg%3E"); }
.ls-icon-09:after {/*링크드인*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='645px' height='645px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M644.997,645.000 L512.478,645.000 L512.478,419.285 C512.478,357.378 488.951,322.821 439.975,322.821 C386.673,322.821 358.827,358.812 358.827,419.285 L358.827,645.000 L231.107,645.000 L231.107,214.999 L358.827,214.999 L358.827,272.913 C358.827,272.913 397.245,201.883 488.469,201.883 C579.695,201.883 644.999,257.557 644.999,372.730 L644.997,645.000 ZM78.747,158.687 C35.257,158.687 0.001,123.161 0.001,79.345 C0.001,35.524 35.262,0.000 78.747,0.000 C122.232,0.000 157.488,35.524 157.488,79.345 C157.491,123.164 122.235,158.687 78.747,158.687 ZM145.964,645.000 L12.799,645.000 L12.799,214.999 L145.964,214.999 L145.964,645.000 Z'/%3E%3C/svg%3E"); }
.ls-icon-10:after {/*자세히*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='46px' height='46px'%3E%3Cpath fill-rule='evenodd' fill='rgb(16, 99, 226)' d='M37.882,45.874 L31.980,45.874 L31.980,40.836 L40.900,40.836 L40.900,31.914 L45.939,31.914 L45.939,37.816 C45.939,42.259 42.325,45.874 37.882,45.874 ZM40.900,5.895 L31.980,5.895 L31.980,0.856 L37.882,0.856 C42.325,0.856 45.939,4.471 45.939,8.914 L45.939,14.816 L40.900,14.816 L40.900,5.895 ZM30.302,26.565 L37.636,33.900 C37.832,34.095 37.939,34.354 37.939,34.630 C37.939,34.906 37.831,35.166 37.636,35.360 L36.031,36.966 C35.642,37.355 34.960,37.357 34.571,36.966 L27.303,29.697 L27.051,29.859 C25.372,30.934 23.437,31.502 21.455,31.502 C15.716,31.502 11.047,26.833 11.047,21.094 C11.047,15.355 15.716,10.686 21.455,10.686 C27.194,10.686 31.863,15.355 31.863,21.094 C31.863,22.921 31.373,24.727 30.446,26.318 L30.302,26.565 ZM21.455,14.527 C17.834,14.527 14.888,17.473 14.888,21.094 C14.888,24.715 17.834,27.661 21.455,27.661 C25.076,27.661 28.022,24.715 28.022,21.094 C28.022,17.473 25.076,14.527 21.455,14.527 ZM5.960,14.816 L0.922,14.816 L0.922,8.914 C0.922,4.471 4.536,0.856 8.979,0.856 L14.880,0.856 L14.880,5.895 L5.960,5.895 L5.960,14.816 ZM5.960,40.836 L14.880,40.836 L14.880,45.874 L8.979,45.874 C4.536,45.874 0.922,42.259 0.922,37.816 L0.922,31.914 L5.960,31.914 L5.960,40.836 Z'/%3E%3C/svg%3E"); }
.ls-icon-11:after {/*화살표-오른쪽*/ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10px' height='13px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M9.925,5.469 L5.396,0.959 L0.866,5.469 L1.552,6.152 L4.910,2.809 L4.910,12.027 L5.881,12.027 L5.881,2.809 L9.239,6.152 L9.925,5.469 Z'/%3E%3C/svg%3E");}

/*  */
.con-com-01 { padding-top: 7em;overflow: hidden; }
.con-com-01 .con-head { text-align: center; margin:0 auto; max-width:var(--main-width-pd); padding-left:20px; padding-right:20px; padding-bottom: 7em }
.con-com-01 .con-box-01 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-01 .hit-box .hit-txt { line-height: 1.6em; margin-bottom: 2em; position: relative; font-size: 2em; color:var(--color-1); font-weight:700; padding-left:1em; padding-right:1em;}
.con-com-01 .hit-box .hit-txt span:nth-child(1):before { content:'“'; left:-1em;}
.con-com-01 .hit-box .hit-txt span:nth-child(1):after { content:'”'; right:-1em;  }
.con-com-01 .hit-box .hit-txt span:before {  position: absolute; font-weight:400; top:0em; font-size: 1.6em; color:var(--color-4); font-family: var(--font-2);  }
.con-com-01 .hit-box .hit-txt span:after {  position: absolute; font-weight:400; top:0em; font-size: 1.6em; color:var(--color-4); font-family: var(--font-2);  }
.con-com-01 .hit-box .hit-txt span {  position: relative; display:inline-block;}
.con-com-01 .hit-box .hit-pp { font-size: 1.1em; line-height: 1.6em;}
.con-com-01 .hit-box { padding-bottom: 7em;}
.con-com-01 .com-box-02 { background:var(--color-2); padding-top: 7em; padding-bottom:9em;}
.con-com-01 .con-box-02 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-01 .con-head-01 { padding-bottom: 4em;}
.con-com-01 .con-head-01 h4 { font-size: 1.6em; opacity: 0.7;}
.con-com-01 .con-head-01 p {padding-top: 0.4em; font-size: 1.5em; font-family: var(--font-2); color:var(--color-1)}
.con-com-01 .list-box-01 { margin:0 auto; max-width:var(--sub-width-2)}
.con-com-01 .list-box-01 .ls-tt { position: relative; width: 28%; max-width: 18em; font-size: 1.25em; text-align: left;}
.con-com-01 .list-box-01 .ls-tt:after { content:''; top:50%; transform: translateY(-50%); right:20px; position: absolute; height:1px; width: 25%; background: var(--bg-gray-2);}
.con-com-01 .list-box-01 .ls-txt { width: 72%;} 
.con-com-01 .list-box-01 .ls-list { padding:1em 0; display:flex; align-items: center;}
.con-com-01 .list-box-01 .ls-list:nth-child(1) { margin-bottom:2em;}
.con-com-01 .ls-txt-01 { position: relative; padding-left:2em; padding-right:2em; line-height: 1.6em; font-size:1.5em; color:var(--color-1); font-weight:700;}
.con-com-01 .ls-txt-01:before {  content:''; left:0em; top:50%; transform: translateY(-50%); width: 1.3em; height:3em; position: absolute; background-image: var(--svg-bar-1); background-size: contain; background-repeat: no-repeat; background-position: center center; }
.con-com-01 .ls-txt-01:after {  content:''; right:0em; top:50%; transform: translateY(-50%); rotate: Y 180deg; width: 1.3em; height:3em; position: absolute; background-image: var(--svg-bar-1); background-size: contain; background-repeat: no-repeat; background-position: center center; }
.con-com-01 .ls-txt-02 { line-height: 1.6em; border:1px solid var(--color-1); font-size: 1.2em; font-weight: 700; padding:1em; background:var(--bg-white); border-radius: 0.5em;}
.con-com-01 .ls-txt-03 { border:1px solid var(--bg-gray-6); line-height: 1.6em; box-shadow: var(--box-shadow-1); font-size: 1.1em; padding:1em; background:var(--bg-white); border-radius: 0.5em;}

.con-com-02 { padding-top: 7em; padding-bottom:5em; overflow: hidden; }
.con-com-02 .con-head { text-align: center; margin:0 auto; max-width:var(--main-width-pd); padding-left:20px; padding-right:20px; padding-bottom: 7em }
.con-com-02 .hit-box .hit-txt { line-height: 1.6em; position: relative; font-size: 2em; color:var(--color-1); font-weight:700; padding-left:1em; padding-right:1em;}
.con-com-02 .hit-box .hit-txt span:nth-child(1):before { content:'“'; left:-1em;}
.con-com-02 .hit-box .hit-txt span:nth-child(1):after { content:'”'; right:-1em;  }
.con-com-02 .hit-box .hit-txt span:before {  position: absolute; font-weight:400; top:0em; font-size: 1.6em; color:var(--color-4); font-family: var(--font-2);  }
.con-com-02 .hit-box .hit-txt span:after {  position: absolute; font-weight:400; top:0em; font-size: 1.6em; color:var(--color-4); font-family: var(--font-2);  }
.con-com-02 .hit-box .hit-txt span {  position: relative; display:inline-block;}
.con-com-02 .hit-box .hit-pp { font-size: 1.1em; line-height: 1.6em; margin-top: 2em; }
.con-com-02 .hit-box { padding-bottom: 7em;}
.con-com-02 .com-box-01 { background:var(--color-2); padding-top: 7em; padding-bottom:7em;}
.con-com-02 .con-box-01 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-02 .box-flex {  display:flex; justify-content: center; align-items: center;}
.con-com-02 .box-flex .lt-box { width:50%; text-align: center;}
.con-com-02 .box-flex .img-box img { max-width:100%;}
.con-com-02 .box-flex .img-box { padding-left: 5%; padding-right:5%;}
.con-com-02 .box-flex .rt-box { width:50%; text-align: left; padding-left: 2%; font-size: 1.1em; line-height: 1.6em;}
.con-com-02 .box-flex .rt-area { max-width: 29em;}
.con-com-02 .box-flex dl { display:flex; align-items: stretch;}
.con-com-02 .box-flex dt { white-space: nowrap; padding-right:0.5em; height:100%; font-weight:600; color:var(--color-1)}
.con-com-02 .box-flex p { padding-top:1.5em;}
.con-com-02 .com-box-02 { padding-top: 7em; padding-bottom:9em;}
.con-com-02 .con-box-02 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-02 .con-head-01 { padding-bottom: 4em;}
.con-com-02 .con-head-01 h4 { font-size: 1.6em; opacity: 0.7;}
.con-com-02 .con-head-01 p {padding-top: 0.4em; font-size: 1.5em; font-family: var(--font-2); color:var(--color-1)}
.con-com-02 .list-box-01 { position: relative; margin:0 auto; transform: translateX(-20px); width:calc(100% - 40px); max-width:var(--sub-width-2); padding: 20px; display:flex; justify-content: center; align-items: center;}
.con-com-02 .list-box-01:before { content:''; background:var(--color-2); left:0px; top:0px; border-radius: 20em; width:calc(100% + 40px); height:calc(100% + 40px); position: absolute;}
.con-com-02 .list-box-01 .ls-list {padding-left:40px; position: relative;  width: 33.333%; height:100%; display:flex; align-items: center; justify-content: center; flex-wrap: wrap; text-align: center; aspect-ratio: 1;}
.con-com-02 .list-box-01 .ls-list:before {content:''; left:0; top:0; border-radius: 50%; width:calc(100% + 40px); height:calc(100% + 40px); position: absolute;}
.con-com-02 .list-box-01 .ls-list:nth-child(1) { z-index:1;}
.con-com-02 .list-box-01 .ls-list:nth-child(2) { z-index:2; padding-top:10%; font-weight:700; font-size: 1.1em;}
.con-com-02 .list-box-01 .ls-list:nth-child(3) { z-index:1;}
.con-com-02 .list-box-01 .ls-list:nth-child(1):before { background:var(--bg-white)}
.con-com-02 .list-box-01 .ls-list:nth-child(2):before { background:var(--color-1); opacity: 0.05;}
.con-com-02 .list-box-01 .ls-list:nth-child(3):before { background:var(--bg-white)}
.con-com-02 .list-box-01 .ls-tt { font-size: 1.3em; padding-top: 16%; font-weight:600; color:var(--color-1); width:100%; margin-top:auto; position: relative; }
.con-com-02 .list-box-01 .ls-txt { position: relative; max-width:15em; width: 80%;  line-height: 1.6em; margin-left: auto; margin-right:auto;  margin-top:10%; margin-bottom:auto;} 

.con-com-03 { padding-top: 7em; overflow: hidden; }
.con-com-03 .con-head { text-align: center; margin:0 auto; max-width:var(--main-width-pd); padding-left:20px; padding-right:20px; padding-bottom: 5em }
.con-com-03 .com-box-01 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-03 .con-box-01 { position: relative;}
.con-com-03 .ls-img-01 img { object-fit: cover;  height: 100%;  width: 100%; min-height: 160px; object-position: center center;}
.con-com-03 .ls-img-01 { border-radius: 1em; overflow: hidden;}
.con-com-03 .dl-box-01 { position: relative; text-align: left; max-width: var(--sub-width-2-pd);  width:100%; margin:0 auto;}
.con-com-03 .dl-box-01 dd:after { z-index:1; position: absolute; content:''; height:calc(200% + 11em); width:1px; left:0%; top:-4em; background:var(--bg-gray-6); }
.con-com-03 .dl-box-01 dl { display:flex;  justify-content: center; position: relative; padding: 2.2em 0; width:100%;}
.con-com-03 .dl-box-01 dl:first-of-type { padding-top: 4em;}
.con-com-03 .dl-box-01 dl:last-of-type { padding-bottom: 10em;}
.con-com-03 .dl-box-01 dt { display:block; position: relative; color:var(--color-1); line-height: 1;  font-family: var(--font-2); width: 15%;font-size: 1.9em; font-weight:400; }
.con-com-03 .dl-box-01 dt:after {z-index:2; position: absolute; content:''; height:8px; width:8px; aspect-ratio: 1; right:-4px; top:14px; border-radius: 50%; background: var(--color-1); }
.con-com-03 .dl-box-01 dt:before {z-index:2; position: absolute; content:'';height:18px; width:18px; aspect-ratio: 1; right:-9px; top:9px; border-radius: 50%; background: rgba(255, 104, 1, 0.2); }
.con-com-03 .dl-box-01 dt span { display:inline-block; -webkit-box-reflect: below -0.25em linear-gradient(to top, rgba(255, 104, 1, 0.22) 0%, rgba(255, 104, 1, 0.12) 35%, transparent 62%); }
.con-com-03 .dl-box-01 dd { position: relative; width:85%; padding-left: 5%; }
.con-com-03 .dl-box-01 li { display:flex; position: relative; padding-bottom: 1.3em; line-height: 1.5em;}
.con-com-03 .dl-box-01 li span:nth-child(1) { font-size: 0.9em; min-width: 7em; font-family: var(--font-2);}

.con-com-04 { padding-top: 7em;overflow: hidden; }
.con-com-04 .con-head { text-align: center; margin:0 auto; max-width:var(--main-width-pd); padding-left:20px; padding-right:20px; padding-bottom: 7em }
.con-com-04 .con-box-01 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-04 .hit-box .hit-txt { line-height: 1.6em; margin-bottom: 2em; position: relative; font-size: 2em; color:var(--color-1); font-weight:700; padding-left:1em; padding-right:1em;}
.con-com-04 .hit-box .hit-txt span:nth-child(1):before { content:'“'; left:-1em;}
.con-com-04 .hit-box .hit-txt span:nth-child(1):after { content:'”'; right:-1em;  }
.con-com-04 .hit-box .hit-txt span:before {  position: absolute; font-weight:400; top:0em; font-size: 1.6em; color:var(--color-4); font-family: var(--font-2);  }
.con-com-04 .hit-box .hit-txt span:after {  position: absolute; font-weight:400; top:0em; font-size: 1.6em; color:var(--color-4); font-family: var(--font-2);  }
.con-com-04 .hit-box .hit-txt span {  position: relative; display:inline-block;}
.con-com-04 .hit-box .hit-pp { font-size: 1.1em; line-height: 1.6em;}
.con-com-04 .hit-box { padding-bottom: 7em;}
.con-com-04 .com-box-02 { background:var(--color-2); padding-top: 7em; padding-bottom:9em;}
.con-com-04 .con-box-02 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-04 .com-box-02 .area-box + .area-box { padding-top: 3em; margin-top: 7em; }
.con-com-04 .dl-box-01 dl { display:flex; text-align: left; width:100%; }
.con-com-04 .dl-box-01 dd  {flex: 1 1 calc(100% - 7.5em); margin-top: -0.2em; }
.con-com-04 .dl-box-01 li {  line-height: 1.5em; padding-bottom: 1em;  }
.con-com-04 .dl-box-01 dt { flex: 0 0 auto; width: 7em; font-size: 1.9em; color: var(--color-1); font-family: var(--font-2); font-weight: 400; line-height: 1; }
.con-com-04 .dl-box-01 dt span {display:inline-block; -webkit-box-reflect: below -0.26em linear-gradient(to top, rgba(255, 104, 1, 0.22) 0%, rgba(255, 104, 1, 0.12) 35%, transparent 62%);}
.con-com-04 .dl-box-01 dl+dl { padding-top: 4em;}
.con-com-04 .dl-col-wrap { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1.25em 2.5em; align-items: flex-start; }
.con-com-04 .area-02 dd {flex: 1 1 calc(100% - 7.3em); margin-left: auto;}
.con-com-04 .dl-col { flex: 1 1 calc(50% - 1.25em); min-width: 10em; }
.con-com-04 .dl-col:nth-child(2) { flex: 1 1 calc(32% - 1.25em); min-width: 25em; margin-left:auto;}
.con-com-04 .area-col-2 { display:flex; justify-content: space-between;}
.con-com-04 .area-col-2 .img-box { width: calc(32% - 1.25em) }
.con-com-04 .area-03 .img-box { text-align: left;}
.con-com-04 .area-03 .dl-box-01 { width: calc(50.8% - 1.25em); min-width: 40em}
.con-com-04 .area-01 .dl-box-01 { width: calc(50.8% - 1.25em); min-width: 40em}
.con-com-04 .ls-img-01 { position: relative; }
.con-com-04 .ls-img-01:before {z-index:0; border-radius: 20px; content:''; width:90%; height:100%; position: absolute; left: -2em; top:2em; background:var(--color-3);}
.con-com-04 .ls-img-01 img { max-width:100%; position: relative; border-radius: 20px; overflow: hidden;}
.con-com-04 .area-03 .ls-img-01:before{ left:unset; right: -2em;}

.con-com-05 { padding-top: 7em; padding-bottom: 10em; overflow: hidden; }
.con-com-05 .con-head { text-align: center; margin:0 auto; max-width:var(--main-width-pd); padding-left:20px; padding-right:20px; padding-bottom: 5em }
.con-com-05 .ls-img-01 img { object-fit: cover;  height: 100%;  width: 100%; min-height: 160px; object-position: center center;}
.con-com-05 .ls-img-01 { border-radius: 1em; overflow: hidden; height: 32em;}
.con-com-05 .con-box-01 { width: 100%; max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto; }
.con-com-05 .dl-box-01 { text-align: left; padding-top: 3em;}
.con-com-05 .dl-box-01 dl { display: grid; grid-template-columns: 5.2em 1fr; column-gap: 1.3em; row-gap: 1.1em; font-size: 1.1em; line-height: 1.6em; align-items: start; }
.con-com-05 .dl-box-01 dt { padding-left: 10px; margin: 0; font-weight: 600; color: var(--bg-black); }
.con-com-05 .dl-box-01 dt span { display: inline-block; }
.con-com-05 .dl-box-01 dd {  margin: 0; color: var(--bg-gray-4); word-break: keep-all; }
.con-com-05 .dl-box-01 a  {  color: var(--bg-gray-4); }

.con-com-06 { padding-top: 7em; overflow: hidden; }
.con-com-06 .con-head { text-align: center; margin:0 auto; max-width:var(--main-width-pd); padding-left:20px; padding-right:20px; padding-bottom: 5em }
.con-com-06 .con-box-01 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-06 .hit-box .hit-txt { line-height: 1.6em; margin-bottom: 2em; position: relative; font-size: 2em; color:var(--color-1); font-weight:700; padding-left:1em; padding-right:1em;}
.con-com-06 .hit-box .hit-txt span:nth-child(1):before { content:'“'; left:-1em;}
.con-com-06 .hit-box .hit-txt span:nth-child(1):after { content:'”'; right:-1em;  }
.con-com-06 .hit-box .hit-txt span:before {  position: absolute; font-weight:400; top:0em; font-size: 1.6em; color:var(--color-4); font-family: var(--font-2);  }
.con-com-06 .hit-box .hit-txt span:after {  position: absolute; font-weight:400; top:0em; font-size: 1.6em; color:var(--color-4); font-family: var(--font-2);  }
.con-com-06 .hit-box .hit-txt span {  position: relative; display:inline-block;}
.con-com-06 .hit-box .hit-pp { font-size: 1.1em; line-height: 1.6em;}
.con-com-06 .hit-box { padding-bottom: 7em;}
.con-com-06 .com-box-02 { background:var(--color-2); padding-top: 7em; padding-bottom:9em;}
.con-com-06 .con-box-02 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-06 .table-box { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; text-align: left; }
.con-com-06 .table-box table {	width: 100%; min-width: 728px;line-height:1.6em;	border-collapse: separate;	border-spacing: 0;	table-layout: fixed;}
.con-com-06 .table-box thead th {	font-size: 1.2em;	padding: 0.2em 0.45em;	vertical-align: bottom;	font-weight: 700;}
.con-com-06 .table-box thead th:first-child { padding-left: 0; width: 20%; }
.con-com-06 .table-box thead th:nth-child(2) { width: 30%; }
.con-com-06 .table-box thead th:last-child { padding-right: 0; width: 50%; }
.con-com-06 .table-box thead th span {	display: flex;	align-items: center;	justify-content: center;	padding: 0.7em 0.3em;		background: var(--bg-white);	border-radius: 0.5em;	border: 1px solid var(--bg-gray-7);	box-shadow: 0 0.25em 0 rgba(0, 0, 0, 0.04); line-height: 1.35;	text-align: center;}
.con-com-06 .table-box thead th:first-child span { border-color: var(--color-1);}
.con-com-06 .table-box tbody th { font-weight:400; padding: 1.2em 0.65em; text-align: center; vertical-align: middle; width: 22%; }
.con-com-06 .table-box tbody th p { margin: 0.6em 0 0; font-size: 0.95em; font-family: var(--font-2); line-height: 1.25; }
.con-com-06 .table-box tbody td { padding: 1.8em 0.75em; vertical-align: middle;  }
.con-com-06 .table-box tbody td:nth-child(2) { text-align: center; width: 26%; }
.con-com-06 .table-box tbody td:nth-child(3) ul { margin: 0; padding-left: 1.1em; }
.con-com-06 .table-box tbody td:nth-child(3) li { margin-bottom: 0.4em; }
.con-com-06 .table-box tbody td:nth-child(3) li:last-child { margin-bottom: 0; }
.con-com-06 .table-box tbody tr { font-size: 1.1em; background-image: var(--dotted-bar-1); background-position: bottom;	background-size: 8px 1px; background-repeat: repeat-x; }
.con-com-06 .table-box tbody tr:last-of-type { background:transparent}
.con-com-06 .table-box li {    text-align: left;    position: relative;    padding-left: 0.7em;}
.con-com-06 .table-box li:before {    position: absolute;    left: 0em;    content: '-';    font-size: 1.2em;}
.con-com-06 .m-head { position: relative;}
.con-com-06 .m-head h2 {padding-bottom:0.5em; font-size: 0.9em; color:var(--color-1); font-weight:400; font-family: var(--font-2); }
.con-com-06 .m-head strong { letter-spacing: -0.02em; line-height: 1.4em; font-size: 2.4em; font-weight:600}
.con-com-06 .m-head p {  line-height: 1.3em; font-size: 2.2em; font-weight:700;  padding-top:0.2em;}
.con-com-06 .m-head p { color:var(--bg-white);}
.con-com-06 .ls-btn { position: relative; z-index:3; padding-top:2em; }
.con-com-06 .ls-btn span {display:inline-block; }
.con-com-06 .ls-btn a { margin:0 auto; padding: 0.7em 1.5em; position: relative; border:1px solid var(--bg-white); font-weight: 700;  border-radius: 3em; width: 20em; justify-content: space-between; align-items: center; display:flex; color:var(--bg-white);}
.con-com-06 .ls-btn a:hover { background:var(--color-1); color:var(--bg-white); border-color:var(--color-1)}
.con-com-06 .ls-btn i { display:inline-block; position: relative; min-width: 1em; height:1em;}
.con-com-06 .ls-btn i:after {rotate: 90deg; content:''; display:block; width:100%; height:100%; position: relative;  background-size: contain; background-position: center center; background-repeat: no-repeat;}
.con-com-06 .box-area {  display:flex; width:100%; align-items: center; height:100%;}
.con-com-06 .inner-area { width:100%;}
.con-com-06 .inner-img { background:var(--bg-black); position: absolute; height:100%; width:100%;}
.con-com-06 .inner-img .ls-bg-01 { position: absolute; opacity: 0.7; top:0; left:0; width:100%; height:100%;}
.con-com-06 .inner-img .ls-bg-01 img { position:absolute; left: 0; top: 0;  width:100%; height:100%; object-fit: cover; object-position: center top;}
.con-com-06 .inner-area { position: relative; z-index:2; }
.con-com-06 .inner-area { width: 100%; max-width: var(--main-width-pd); padding-top: 7em; padding-bottom: 5em; padding-left:20px; padding-right:20px; margin:0 auto; text-align: center;} 
.con-com-06 .con-box-03 { position: relative; z-index:1; }

.con-com-07 { padding-top: 7em; overflow: hidden; padding-bottom:4em; }
.con-com-07 .con-head { text-align: center; margin:0 auto; max-width:var(--main-width-pd); padding-left:20px; padding-right:20px; padding-bottom: 5em }
.con-com-07 .con-box-01 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-07 .hit-box .hit-txt { line-height: 1.6em; margin-bottom: 2em; position: relative; font-size: 2em; color:var(--color-1); font-weight:700; padding-left:1em; padding-right:1em;}
.con-com-07 .hit-box .hit-txt span:nth-child(1):before { content:'“'; left:-1em;}
.con-com-07 .hit-box .hit-txt span:nth-child(1):after { content:'”'; right:-1em;  }
.con-com-07 .hit-box .hit-txt span:before {  position: absolute; font-weight:400; top:0em; font-size: 1.6em; color:var(--color-4); font-family: var(--font-2);  }
.con-com-07 .hit-box .hit-txt span:after {  position: absolute; font-weight:400; top:0em; font-size: 1.6em; color:var(--color-4); font-family: var(--font-2);  }
.con-com-07 .hit-box .hit-txt span {  position: relative; display:inline-block;}
.con-com-07 .hit-box .hit-pp { font-size: 1.1em; line-height: 1.6em;}
.con-com-07 .hit-box { padding-bottom: 7em;}	
.con-com-07 .tab-box {	position: relative;	width: 100%; max-width: var(--main-width);margin: 0 auto 1.5em auto;	box-sizing: border-box;	border-bottom: 1px solid var(--color-1);}
.con-com-07 .tab-box ul {	display: flex;	justify-content: center;	align-items: flex-end;	flex-wrap: nowrap;	gap: 0;	}
.con-com-07 .tab-box li {	flex: 0 0 19%;	max-width: none;position: relative;	z-index: 0;}
.con-com-07 .tab-box li + li {	margin-left: -1px;}
.con-com-07 .tab-box li.tab-active {color:  var(--color-1);	z-index: 2;}
.con-com-07 .tab-box li a {	display: block;	font-size: 1.25em;	line-height: 1.25;	padding: 0.7em 1.75em;	text-align: center;	color: var(--bg-gray-4); border: 1px solid var(--bg-gray-2);	border-bottom: none;	margin-bottom: -1px;}
.con-com-07 .tab-box li.tab-active a { 	font-weight: 600;	color:  var(--color-1);	border-color: var(--color-1); border-bottom: 1px solid var(--bg-white);	position: relative;}
.con-com-07 .tab-box li a:hover {	color:  var(--color-1);}
.con-com-07 .tab-box li a:focus-visible {	outline: 2px solid  var(--color-1);	outline-offset: 2px;}
.con-com-07 .com-box-01 { padding-top: 5em;}
.con-com-07 .com-box-02 { background:var(--color-2); padding-top: 7em; padding-bottom:4em;}
.con-com-07 .con-box-02 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-07 .area-box { text-align: left; display: flex; justify-content: space-between; }
.con-com-07 .area-box .lt-box {width: 25%;min-width: 15em;}	
.con-com-07 .area-box .rt-box {width: 75%}	
.con-com-07 .area-box h5 { font-size: 1.65em; line-height: 1.4em;}
.con-com-07 .area-box .title-box p {padding-top: 2em; font-size: 0.85em; opacity: 0.7;}
.con-com-07 .list-box-01 { margin-bottom: 1.5em; flex-wrap: wrap; display:flex; margin-right:-1.8em;  overflow: hidden; align-items: stretch;}
.con-com-07 .list-box-01 .list-wd-50 { width:calc(50% - 1.8em);}
.con-com-07 .list-box-01 .list-wd-100 { width:calc(100% - 1.8em);}
.con-com-07 .list-box-01 .ls-list {position: relative; padding: 1.5em 7em 1.5em 2em; display:flex; line-height: 1.6em; flex-direction: column; margin-bottom: 1.8em; margin-right:1.8em;background: var(--bg-white);	border-radius: 0.5em;	border: 1px solid var(--bg-gray-7);	box-shadow: var(--box-shadow-1)}
.con-com-07 .list-box-01 .ls-list.list-0 {border: 1px solid var(--color-1); }
.con-com-07 .list-box-01 .ls-head { height:3.3em;}
.con-com-07 .ls-head {font-size: 1.2em; font-weight:700;}
.con-com-07 .list-box-01 .ls-txt { margin-top:auto;}
.con-com-07 .list-box-01 .ls-icon { position: absolute; right:1.5em; top:1em; min-width:30px; max-width: 76px; text-align: right; width: 7em;} 
.con-com-07 .list-box-01 .ls-icon img { max-width:100%;}
.con-com-07 .list-box-01 .list-flex { display: flex; align-items: flex-start; justify-content: space-between;}
.con-com-07 .list-box-01 .list-flex li { display: flex; width: 48%;}
.con-com-07 .list-box-01 .list-flex span:nth-child(1){ margin-right:1em; padding: 0.2em 0.6em; align-self: flex-start; border-radius: 5px; background:var(--color-1); color:var(--bg-white);}
.con-com-07 .graph-box { border-top:1px solid var(--bg-gray-7); width: 100%; padding-top:3em; text-align: center; }
.con-com-07 .graph-box h6 { font-size: 1.35em; font-weight: 700; padding-bottom: 0.8em; }
.con-com-07 .graph-area {  width: 100%; padding: 1.4em 0 1em 0; text-align: center;  }
.con-com-07 .graph-wrap.chart-line-wrap { overflow: hidden; border-radius: 8px; }
.con-com-07 .chart-innovation-svg { width: 100%; max-width: 1100px; height: auto; display: block; margin: 0 auto; }
.con-com-07 .chart-innovation-svg .graph-unit { font-size: 0.9em; font-weight: 600; }
.con-com-07 .chart-innovation-svg .graph-axis-y { font-size: 0.9em; }
.con-com-07 .chart-innovation-svg .graph-axis-x { font-size:1em; font-weight: 600; }
.con-com-07 .chart-innovation-svg .graph-axis-sub { font-size: 0.9em; font-weight: 500; }
.con-com-07 .chart-innovation-svg .graph-val { font-size: 0.8em; font-weight: 700; }
.con-com-07 .com-box-03 {  padding-top: 7em; padding-bottom: 9em; }
.con-com-07 .con-box-03 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-07 .list-box-02 { width: 100%; }
.con-com-07 .list-box-02 .ls-list+.ls-list { padding-top:3em;}
.con-com-07 .list-box-02 .ls-list:last-child { background-image: none; }
.con-com-07 .list-box-02 .ls-head { padding-bottom:1em; font-size: 1.2em; font-weight: 700; line-height: 1.5em; }
.con-com-07 .list-box-02 .ls-txt { flex: 1; font-size: 1em; line-height: 1.6em; }
.con-com-07 .list-box-02 .list-flex span:nth-child(1) {  text-align: center; width: 4em; margin-right: 1em; padding: 0.2em 0.6em; border-radius: 5px; background: var(--color-1); color: var(--bg-white); font-weight: 600; }
.con-com-07 .list-box-02 .list-flex li { margin-bottom: 0.8em; align-items: flex-start; display:flex;} 
.con-com-07 .list-box-02 .list-flex span:nth-child(2) {padding-top: 0.2em; flex:1}
.con-com-07 .list-box-02 .ul-box-01 { text-align: left; }
.con-com-07 .list-box-02 .ul-box-01 li { position: relative; padding-left: 0.8em; }
.con-com-07 .list-box-02 .ul-box-01 li:before { content: '-'; position: absolute; left: 0; font-size: 1.1em; }
.con-com-07 .com-box-04 { background:var(--color-3); padding-top: 7em; padding-bottom:7em;}
.con-com-07 .con-box-04 { max-width: var(--sub-width-2-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-07 .list-box-03 {	display: grid;	grid-template-columns: repeat(4, minmax(0, 1fr));	gap: 1.4em;	width: 100%;}
.con-com-07 .list-box-03 .ls-list { background: linear-gradient(145deg, var(--color-2) 50%, var(--bg-white) 50%);	position: relative;	display: flex;	flex-direction: column;text-align: left;	min-height: 10.5em;	padding: 1.35em 1.4em 1.5em;	border-radius: 0.85em;	border: 1px solid var(--bg-gray-7);	box-shadow: var(--box-shadow-1)}
.con-com-07 .list-box-03 .ls-list.list-01 {	background: var(--color-1);	color: var(--bg-white);	min-height: 10.5em;	padding: 1.5em 1.4em 1.5em;}
.con-com-07 .list-box-03 .ls-list.list-01::after {	content: "";	position: absolute;	right: 1em;	bottom: 1em;	width: 2.75em;	height: 2.75em;	opacity: 0.95;	background: no-repeat center / contain		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='81px' height='92px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M79.003,42.641 L73.127,42.641 C72.025,42.641 71.132,41.745 71.132,40.639 C71.132,39.533 72.025,38.636 73.127,38.636 L79.003,38.636 C80.105,38.636 80.998,39.533 80.998,40.639 C80.998,41.745 80.105,42.641 79.003,42.641 ZM67.724,69.964 C67.213,69.964 66.702,69.769 66.312,69.377 L62.158,65.208 C61.379,64.425 61.379,63.157 62.159,62.376 C62.938,61.593 64.202,61.594 64.981,62.376 L69.135,66.546 C69.914,67.328 69.914,68.596 69.135,69.377 C68.745,69.769 68.234,69.964 67.724,69.964 ZM64.981,18.900 C64.591,19.291 64.080,19.486 63.570,19.486 C63.059,19.486 62.548,19.291 62.159,18.900 C61.379,18.117 61.379,16.850 62.159,16.068 L66.313,11.899 C67.091,11.117 68.356,11.117 69.135,11.899 C69.914,12.681 69.914,13.949 69.135,14.731 L64.981,18.900 ZM56.449,62.602 C55.222,63.920 53.216,66.427 52.511,69.358 L52.511,72.982 L52.511,83.821 C52.511,84.352 52.301,84.861 51.927,85.237 C51.552,85.612 51.045,85.823 50.515,85.823 L50.515,85.823 L48.840,85.823 C48.358,89.302 45.382,91.993 41.784,91.993 L38.444,91.993 C34.845,91.993 31.868,89.301 31.388,85.817 L29.713,85.817 C28.611,85.817 27.717,84.921 27.717,83.815 L27.717,72.982 L27.717,69.363 C27.012,66.426 25.006,63.918 23.778,62.600 C16.834,57.423 12.694,49.179 12.694,40.511 C12.694,25.339 24.995,12.995 40.115,12.995 C55.234,12.995 67.535,25.339 67.535,40.511 C67.535,49.180 63.394,57.424 56.449,62.602 ZM38.444,87.987 L41.784,87.987 C43.171,87.987 44.337,87.075 44.752,85.821 L35.477,85.819 C35.891,87.074 37.057,87.987 38.444,87.987 ZM31.709,81.813 L48.520,81.817 L48.520,74.985 L31.709,74.985 L31.709,81.813 ZM40.115,17.001 C27.196,17.001 16.685,27.547 16.685,40.511 C16.685,47.970 20.274,55.061 26.286,59.479 C26.382,59.550 26.471,59.628 26.553,59.715 C28.419,61.683 30.820,64.842 31.663,68.708 C31.693,68.848 31.709,68.992 31.709,69.136 L31.709,70.979 L48.520,70.979 L48.520,69.131 C48.520,68.987 48.535,68.842 48.566,68.702 C49.409,64.842 51.809,61.685 53.673,59.717 C53.755,59.631 53.845,59.552 53.941,59.481 C59.954,55.062 63.543,47.971 63.543,40.511 C63.543,27.547 53.034,17.001 40.115,17.001 ZM45.935,49.182 L45.935,66.593 C45.935,67.699 45.041,68.596 43.939,68.596 C42.837,68.596 41.943,67.699 41.943,66.593 L41.943,48.470 C41.262,48.121 40.644,47.668 40.114,47.124 C39.584,47.668 38.966,48.122 38.284,48.470 L38.284,66.593 C38.284,67.699 37.391,68.596 36.288,68.596 C35.186,68.596 34.293,67.699 34.293,66.593 L34.293,49.182 C30.832,48.768 28.140,45.810 28.140,42.228 C28.140,38.363 31.273,35.218 35.125,35.218 C37.079,35.218 38.845,36.030 40.114,37.332 C41.383,36.030 43.150,35.218 45.104,35.218 C48.955,35.218 52.089,38.363 52.089,42.228 C52.089,45.810 49.395,48.769 45.935,49.182 ZM35.125,39.224 C33.474,39.224 32.131,40.571 32.131,42.228 C32.131,43.884 33.474,45.232 35.125,45.232 C36.776,45.232 38.119,43.884 38.119,42.228 C38.119,40.571 36.776,39.224 35.125,39.224 ZM45.104,39.224 C43.453,39.224 42.110,40.571 42.110,42.228 C42.110,43.884 43.453,45.232 45.104,45.232 C46.754,45.232 48.097,43.884 48.097,42.228 C48.097,40.571 46.754,39.224 45.104,39.224 ZM40.496,9.896 C39.394,9.896 38.500,9.000 38.500,7.894 L38.500,1.998 C38.500,0.892 39.394,-0.005 40.496,-0.005 C41.598,-0.005 42.491,0.892 42.491,1.998 L42.491,7.894 C42.491,9.000 41.598,9.896 40.496,9.896 ZM17.423,19.487 C16.912,19.487 16.402,19.292 16.012,18.901 L11.857,14.732 C11.077,13.951 11.077,12.682 11.856,11.900 C12.636,11.118 13.899,11.118 14.679,11.900 L18.834,16.069 C19.613,16.850 19.613,18.118 18.834,18.901 C18.444,19.292 17.933,19.487 17.423,19.487 ZM7.865,42.641 L1.990,42.641 C0.888,42.641 -0.006,41.745 -0.006,40.639 C-0.006,39.533 0.888,38.636 1.990,38.636 L7.865,38.636 C8.967,38.636 9.861,39.533 9.861,40.639 C9.861,41.745 8.967,42.641 7.865,42.641 ZM16.012,62.376 C16.790,61.594 18.055,61.594 18.834,62.376 C19.613,63.158 19.613,64.425 18.834,65.208 L14.679,69.377 C14.289,69.769 13.778,69.964 13.268,69.964 C12.757,69.964 12.246,69.769 11.857,69.377 C11.077,68.595 11.077,67.328 11.857,66.546 L16.012,62.376 Z'/%3E%3C/svg%3E");	pointer-events: none;}
.con-com-07 .list-box-03 .ls-list.list-01 .ls-head {height: auto;}
.con-com-07 .list-box-03 .ls-list.list-01 .ls-head p {padding-bottom: 0.5em; font-family: var(--font-2) ; font-weight:400; color: var(--color-3); font-size: 0.75em; opacity: 0.5;}
.con-com-07 .list-box-03 .ls-list.list-01 .ls-head h5 {	font-size: 1.4em;font-weight: 700;	line-height: 1.25;	color: var(--bg-white); }
.con-com-07 .list-box-03 .ls-list .ls-num { height:2em; font-size: 0.95em; font-family: var(--font-2); font-weight:500; color: var(--color-3);}
.con-com-07 .list-box-03 .ls-list .ls-num span {display: inline-block;	color: var(--color-1);line-height: 1.2;	-webkit-box-reflect: below -0.5em linear-gradient(to top, rgba(255, 104, 1, 0.28) 0%, rgba(255, 104, 1, 0.12) 38%, transparent 68%);	box-reflect: below -0.22em linear-gradient(to top, rgba(255, 104, 1, 0.28) 0%, rgba(255, 104, 1, 0.12) 38%, transparent 68%);}
.con-com-07 .list-box-03 .ls-txt {	font-weight: 500;	line-height: 1.55; margin-top: auto;}
.con-com-07 .com-box-05 {  padding-top: 7em; padding-bottom:4em;}
.con-com-07 .con-box-05 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-07 .ul-box-02 { position: relative; margin-top: -0.5em; text-align: left; }
.con-com-07 .ul-box-02 li { line-height: 1.6em; padding:1.2em 0; background-image: var(--dotted-bar-1); background-position: bottom;	background-size: 8px 1px; background-repeat: repeat-x; }
.con-com-07 .ul-box-02 li:last-of-type { background:none;}

.con-com-08 { padding-top: 7em; overflow: hidden;}
.con-com-08 .con-head { text-align: center; margin:0 auto; max-width:var(--main-width-pd); padding-left:20px; padding-right:20px; padding-bottom: 5em }
.con-com-08 .con-box-01 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-08 .hit-box .hit-txt { line-height: 1.6em; margin-bottom: 2em; position: relative; font-size: 2em; color:var(--color-1); font-weight:700; padding-left:1em; padding-right:1em;}
.con-com-08 .hit-box .hit-txt span:nth-child(1):before { content:'“'; left:-1em;}
.con-com-08 .hit-box .hit-txt span:nth-child(1):after { content:'”'; right:-1em;  }
.con-com-08 .hit-box .hit-txt span:before {  position: absolute; font-weight:400; top:0em; font-size: 1.6em; color:var(--color-4); font-family: var(--font-2);  }
.con-com-08 .hit-box .hit-txt span:after {  position: absolute; font-weight:400; top:0em; font-size: 1.6em; color:var(--color-4); font-family: var(--font-2);  }
.con-com-08 .hit-box .hit-txt span {  position: relative; display:inline-block;}
.con-com-08 .hit-box .hit-pp { font-size: 1.1em; line-height: 1.6em;}
.con-com-08 .hit-box { padding-bottom: 7em;}	
.con-com-08 .tab-box {	position: relative;	width: 100%; max-width: var(--main-width);margin: 0 auto 1.5em auto;	box-sizing: border-box;	border-bottom: 1px solid var(--color-1);}
.con-com-08 .tab-box ul {	display: flex;	justify-content: center;	align-items: flex-end;	flex-wrap: nowrap;	gap: 0;	}
.con-com-08 .tab-box li {	flex: 0 0 19%;	max-width: none;position: relative;	z-index: 0;}
.con-com-08 .tab-box li + li {	margin-left: -1px;}
.con-com-08 .tab-box li.tab-active {color:  var(--color-1);	z-index: 2;}
.con-com-08 .tab-box li a {	display: block;	font-size: 1.25em;	line-height: 1.25;	padding: 0.7em 1.75em;	text-align: center;	color: var(--bg-gray-4); border: 1px solid var(--bg-gray-2);	border-bottom: none;	margin-bottom: -1px;}
.con-com-08 .tab-box li.tab-active a { 	font-weight: 600;	color:  var(--color-1);	border-color: var(--color-1); border-bottom: 1px solid var(--bg-white);	position: relative;}
.con-com-08 .tab-box li a:hover {	color:  var(--color-1);}
.con-com-08 .tab-box li a:focus-visible {	outline: 2px solid  var(--color-1);	outline-offset: 2px;}
.con-com-08 .com-box-01 { padding-top: 5em;}
.con-com-08 .com-box-02 { background:var(--color-2); padding-top: 7em; padding-bottom:4em;}
.con-com-08 .con-box-02 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-08 .area-box { text-align: left; display: flex; justify-content: space-between; }
.con-com-08 .area-box .lt-box {width: 25%;min-width: 15em;}	
.con-com-08 .area-box .rt-box {width: 75%}	
.con-com-08 .area-box h5 { font-size: 1.65em; line-height: 1.4em;}
.con-com-08 .area-box .title-box p {padding-top: 2em; font-size: 0.85em; opacity: 0.7;}
.con-com-08 .list-box-01 { flex-wrap: wrap; display:flex; margin-right:-1.8em;  overflow: hidden; align-items: stretch;}
.con-com-08 .list-box-01 .list-wd-50 { width:calc(50% - 1.8em);}
.con-com-08 .list-box-01 .list-wd-100 { width:calc(100% - 1.8em);}
.con-com-08 .list-box-01 .ls-list {position: relative; padding: 1.5em 2em 1.5em 2em; display:flex; line-height: 1.6em; flex-direction: column; margin-bottom: 1.8em; margin-right:1.8em;background: var(--bg-white);	border-radius: 0.5em;	border: 1px solid var(--bg-gray-7);	box-shadow: var(--box-shadow-1)}
.con-com-08 .list-box-01 .ls-list.list-0 {border: 1px solid var(--color-1); }
.con-com-08 .list-box-01 .ls-head { height:3.6em;}
.con-com-08 .ls-head {font-size: 1.2em; font-weight:700;}
.con-com-08 .list-box-01 .ls-txt { margin-top:auto;}
.con-com-08 .list-box-01 .ls-icon { position: absolute; right:1.5em; top:1em; min-width:30px; max-width: 76px; text-align: right; width: 7em;} 
.con-com-08 .list-box-01 .ls-icon img { max-width:100%;}
.con-com-08 .com-box-03 {  padding-top: 7em; padding-bottom: 9em; }
.con-com-08 .con-box-03 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-08 .ul-box-01 { text-align: left; }
.con-com-08 .ul-box-01 li { position: relative; padding-left: 0.8em; line-height: 1.6em; padding-bottom:0.2em; }
.con-com-08 .ul-box-01 li:before { content: '-'; position: absolute; left: 0; font-size: 1.1em; }
.con-com-08 .com-box-04 { background:var(--color-2); padding-top: 7em; padding-bottom:7em;}
.con-com-08 .con-box-04 { max-width: var(--main-width-pd);padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-08 .ul-box-03 { position: relative; margin-top: -0.5em; text-align: left; }
.con-com-08 .ul-box-03 strong{ display:block; font-size: 1.2em; padding-bottom:1em;}
.con-com-08 .ul-box-03>ul>li { line-height: 1.6em; padding:2em 0; background-image: var(--dotted-bar-1); background-position: bottom;	background-size: 8px 1px; background-repeat: repeat-x; }
.con-com-08 .ul-box-03>ul>li:last-of-type { background:none;}
.con-com-08 .ul-box-03 .ls-ss { padding-left: 1em; font-size: 0.9em; color: var(--bg-gray-5);}
.con-com-08 .ul-box-03 strong+.ls-ss { padding-left:0;}
.con-com-08 .ul-box-03>ul>li:first-of-type { padding-top:1em;}

.con-com-09 { padding-top: 7em; overflow: hidden;}
.con-com-09 .con-head { text-align: center; margin:0 auto; max-width:var(--main-width-pd); padding-left:20px; padding-right:20px; padding-bottom: 5em }
.con-com-09 .con-box-01 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-09 .hit-box .hit-txt { line-height: 1.6em; margin-bottom: 2em; position: relative; font-size: 2em; color:var(--color-1); font-weight:700; padding-left:1em; padding-right:1em;}
.con-com-09 .hit-box .hit-txt span:nth-child(1):before { content:'“'; left:-2em;}
.con-com-09 .hit-box .hit-txt span:nth-child(1):after { content:'”'; right:-2em;  }
.con-com-09 .hit-box .hit-txt span:before {  position: absolute; font-weight:400; top:0em; font-size: 1.6em; color:var(--color-4); font-family: var(--font-2);  }
.con-com-09 .hit-box .hit-txt span:after {  position: absolute; font-weight:400; top:0em; font-size: 1.6em; color:var(--color-4); font-family: var(--font-2);  }
.con-com-09 .hit-box .hit-txt span {  position: relative; display:inline-block;}
.con-com-09 .hit-box .hit-pp { font-size: 1.1em; line-height: 1.6em;}
.con-com-09 .hit-box { padding-bottom: 7em;}	
.con-com-09 .tab-box {	position: relative;	width: 100%; max-width: var(--main-width);margin: 0 auto 1.5em auto;	box-sizing: border-box;	border-bottom: 1px solid var(--color-1);}
.con-com-09 .tab-box ul {	display: flex;	justify-content: center;	align-items: flex-end;	flex-wrap: nowrap;	gap: 0;	}
.con-com-09 .tab-box li {	flex: 0 0 19%;	max-width: none;position: relative;	z-index: 0;}
.con-com-09 .tab-box li + li {	margin-left: -1px;}
.con-com-09 .tab-box li.tab-active {color:  var(--color-1);	z-index: 2;}
.con-com-09 .tab-box li a {	display: block;	font-size: 1.25em;	line-height: 1.25;	padding: 0.7em 1.75em;	text-align: center;	color: var(--bg-gray-4); border: 1px solid var(--bg-gray-2);	border-bottom: none;	margin-bottom: -1px;}
.con-com-09 .tab-box li.tab-active a { 	font-weight: 600;	color:  var(--color-1);	border-color: var(--color-1); border-bottom: 1px solid var(--bg-white);	position: relative;}
.con-com-09 .tab-box li a:hover {	color:  var(--color-1);}
.con-com-09 .tab-box li a:focus-visible {	outline: 2px solid  var(--color-1);	outline-offset: 2px;}
.con-com-09 .com-box-01 { padding-top: 5em;}
.con-com-09 .com-box-02 { background:var(--color-2); padding-top: 7em; padding-bottom:4em;}
.con-com-09 .con-box-02 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-09 .com-box-03 { padding-top: 7em; padding-bottom: 5em; }
.con-com-09 .con-box-03 { max-width: var(--main-width-pd); padding-left: 20px; padding-right: 20px; margin: 0 auto; }
.con-com-09 .area-box { text-align: left; display: flex; justify-content: space-between; }
.con-com-09 .area-box .lt-box { width: 25%;min-width: 15em;}
.con-com-09 .area-box .rt-box { width: 75%; }
.con-com-09 .area-box h5 { font-size: 1.65em; line-height: 1.4em; }
.con-com-09 .area-box .title-box p { padding-top: 2em; font-size: 0.85em; opacity: 0.7; }
.con-com-09 .list-box-01 { flex-wrap: wrap; display:flex; margin-right:-1.8em;  overflow: hidden; align-items: stretch;}
.con-com-09 .list-box-01 .ls-list {width:calc(100% - 1.8em); position: relative; padding: 1.5em 2em 1.5em 2em; display:flex; line-height: 1.6em; flex-direction: column; margin-bottom: 1.8em; margin-right:1.8em;background: var(--bg-white);	border-radius: 0.5em;	border: 1px solid var(--bg-gray-7);	box-shadow: var(--box-shadow-1)}
.con-com-09 .list-box-01 .ls-list.list-0 {border: 1px solid var(--color-1); }
.con-com-09 .list-box-01 .ls-head { height:3.6em;}
.con-com-09 .ls-head {font-size: 1.2em; font-weight:700;}
.con-com-09 .list-box-01 .ls-txt { margin-top:auto;}
.con-com-09 .list-box-01 .ls-icon { position: absolute; right:1.5em; top:1em; min-width:30px; max-width: 76px; text-align: right; width: 7em;} 
.con-com-09 .list-box-01 .ls-icon img { max-width:100%;}
.con-com-09 .table-head { margin-top: 5em; position: relative; display:flex; justify-content: space-between; padding-bottom: 0.5em;}
.con-com-09 .table-head h6 { font-size: 1.35em; font-weight: 700; padding-bottom: 0.8em; }
.con-com-09 .table-head p { position: absolute; right:0; font-size: 0.9em; padding-top: 0.5em}
.con-com-09 .table-box-2 { position: relative; width: 100%; overflow-x: auto; padding-bottom:20px; -webkit-overflow-scrolling: touch; }
.con-com-09 .table-box-2::-webkit-scrollbar { width: 100%; height: 5px; }
.con-com-09 .table-box-2::-webkit-scrollbar-thumb { background: var(--color-1); border-radius: 1em; }
.con-com-09 .table-box-2::-webkit-scrollbar-track {  border-radius: 1em; background-color: var(--bg-gray-2); }
.con-com-09 .table-box-2 table { width: 100%; min-width: 520px; border-collapse: separate; border-spacing: 0; table-layout: fixed; line-height: 1.5; }
.con-com-09 .table-box-2 thead { position: relative;}
.con-com-09 .table-box-2 thead tr { position: relative; }
.con-com-09 .table-box-2 thead:before { z-index:0; left:0; top:0; content:''; width:100%; height:100%; position: absolute;background: var(--bg-white); box-shadow: var(--box-shadow-1); border:1px solid var(--bg-gray-7); border-radius: 0.5em; overflow:hidden  }
.con-com-09 .table-box-2 thead th {z-index:1; position: relative; font-weight: 700; text-align: center; padding: 0.85em 0.35em;  }
.con-com-09 .table-box-2 tbody th,
.con-com-09 .table-box-2 tbody td { text-align: center; vertical-align: middle; padding: 0.85em 0.35em; border: none; border-bottom: 1px solid var(--bg-gray-7); font-size: 0.98em; }
.con-com-09 .table-box-2 tbody th { font-weight: 700; }
.con-com-09 .table-box { width: 100%; text-align: left; }
.con-com-09 .table-box table { width: 100%; line-height: 1.6em; border-collapse: collapse; border-spacing: 0; table-layout: fixed; }
.con-com-09 .table-box thead,
.con-com-09 .table-box tbody { display: block; }
.con-com-09 .table-box thead tr,
.con-com-09 .table-box tbody tr {	display: grid;	grid-template-columns: 1fr 1fr;	column-gap: 1.2em;}
.con-com-09 .table-box tbody tr { margin-top: 0.6em; }
.con-com-09 .table-box tbody tr+tr { margin-top: 0.8em}
.con-com-09 .table-box thead th { padding: 0.35em 0 0.35em 0; font-weight: 700; width: auto; display: block; }
.con-com-09 .table-box thead th span { display: flex; align-items: center; justify-content: center; padding: 0.85em 0.5em; color:var(--color-1); background: var(--bg-white); border-radius: 0.5em; border: 1px solid var(--color-1); box-shadow: var(--box-shadow-1); line-height: 1.35; text-align: center; }
.con-com-09 .table-box tbody td { display: flex; padding: 0; width: auto; min-width: 0; }
.con-com-09 .table-box tbody .td-box {	flex: 1;width: 100%;padding: 1em 1.15em; justify-content: center;	display: flex;	flex-direction: column;	background: var(--bg-gray-8);	border-radius: 0.65em;}
.con-com-09 .table-box tbody .td-box li { margin: 0.45em; }
.con-com-09 .table-box tbody .td-box .ls-dot { padding-bottom: 0; padding-left: 0.45em}
.con-com-09 .ul-box-01 { text-align: left; padding-top: 2em; }
.con-com-09 .ul-box-01 li { position: relative; padding-left: 0.8em; margin-bottom: 0.6em; }
.con-com-09 .ul-box-01 li:before { content: '-'; position: absolute; left: 0; font-size: 1.1em; }
.con-com-09 .com-box-04 { background:var(--color-3); padding-top: 7em; padding-bottom:7em;}
.con-com-09 .con-box-04 { max-width: var(--sub-width-2-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-09 .list-box-03 {	display: grid;	grid-template-columns: repeat(4, minmax(0, 1fr));	gap: 1.4em;	width: 100%;}
.con-com-09 .list-box-03 .ls-list { background: linear-gradient(145deg, var(--color-2) 50%, var(--bg-white) 50%);	position: relative;	display: flex;	flex-direction: column;text-align: left;	min-height: 10.5em;	padding: 1.35em 1.4em 1.5em;	border-radius: 0.85em;	border: 1px solid var(--bg-gray-7);	box-shadow: var(--box-shadow-1)}
.con-com-09 .list-box-03 .ls-list.list-01 {	background: var(--color-1);	color: var(--bg-white);	min-height: 10.5em;	padding: 1.5em 1.4em 1.5em;}
.con-com-09 .list-box-03 .ls-list.list-01::after {	content: "";	position: absolute;	right: 1em;	bottom: 1em;	width: 2.75em;	height: 2.75em;	opacity: 0.95;	background: no-repeat center / contain		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='81px' height='92px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M79.003,42.641 L73.127,42.641 C72.025,42.641 71.132,41.745 71.132,40.639 C71.132,39.533 72.025,38.636 73.127,38.636 L79.003,38.636 C80.105,38.636 80.998,39.533 80.998,40.639 C80.998,41.745 80.105,42.641 79.003,42.641 ZM67.724,69.964 C67.213,69.964 66.702,69.769 66.312,69.377 L62.158,65.208 C61.379,64.425 61.379,63.157 62.159,62.376 C62.938,61.593 64.202,61.594 64.981,62.376 L69.135,66.546 C69.914,67.328 69.914,68.596 69.135,69.377 C68.745,69.769 68.234,69.964 67.724,69.964 ZM64.981,18.900 C64.591,19.291 64.080,19.486 63.570,19.486 C63.059,19.486 62.548,19.291 62.159,18.900 C61.379,18.117 61.379,16.850 62.159,16.068 L66.313,11.899 C67.091,11.117 68.356,11.117 69.135,11.899 C69.914,12.681 69.914,13.949 69.135,14.731 L64.981,18.900 ZM56.449,62.602 C55.222,63.920 53.216,66.427 52.511,69.358 L52.511,72.982 L52.511,83.821 C52.511,84.352 52.301,84.861 51.927,85.237 C51.552,85.612 51.045,85.823 50.515,85.823 L50.515,85.823 L48.840,85.823 C48.358,89.302 45.382,91.993 41.784,91.993 L38.444,91.993 C34.845,91.993 31.868,89.301 31.388,85.817 L29.713,85.817 C28.611,85.817 27.717,84.921 27.717,83.815 L27.717,72.982 L27.717,69.363 C27.012,66.426 25.006,63.918 23.778,62.600 C16.834,57.423 12.694,49.179 12.694,40.511 C12.694,25.339 24.995,12.995 40.115,12.995 C55.234,12.995 67.535,25.339 67.535,40.511 C67.535,49.180 63.394,57.424 56.449,62.602 ZM38.444,87.987 L41.784,87.987 C43.171,87.987 44.337,87.075 44.752,85.821 L35.477,85.819 C35.891,87.074 37.057,87.987 38.444,87.987 ZM31.709,81.813 L48.520,81.817 L48.520,74.985 L31.709,74.985 L31.709,81.813 ZM40.115,17.001 C27.196,17.001 16.685,27.547 16.685,40.511 C16.685,47.970 20.274,55.061 26.286,59.479 C26.382,59.550 26.471,59.628 26.553,59.715 C28.419,61.683 30.820,64.842 31.663,68.708 C31.693,68.848 31.709,68.992 31.709,69.136 L31.709,70.979 L48.520,70.979 L48.520,69.131 C48.520,68.987 48.535,68.842 48.566,68.702 C49.409,64.842 51.809,61.685 53.673,59.717 C53.755,59.631 53.845,59.552 53.941,59.481 C59.954,55.062 63.543,47.971 63.543,40.511 C63.543,27.547 53.034,17.001 40.115,17.001 ZM45.935,49.182 L45.935,66.593 C45.935,67.699 45.041,68.596 43.939,68.596 C42.837,68.596 41.943,67.699 41.943,66.593 L41.943,48.470 C41.262,48.121 40.644,47.668 40.114,47.124 C39.584,47.668 38.966,48.122 38.284,48.470 L38.284,66.593 C38.284,67.699 37.391,68.596 36.288,68.596 C35.186,68.596 34.293,67.699 34.293,66.593 L34.293,49.182 C30.832,48.768 28.140,45.810 28.140,42.228 C28.140,38.363 31.273,35.218 35.125,35.218 C37.079,35.218 38.845,36.030 40.114,37.332 C41.383,36.030 43.150,35.218 45.104,35.218 C48.955,35.218 52.089,38.363 52.089,42.228 C52.089,45.810 49.395,48.769 45.935,49.182 ZM35.125,39.224 C33.474,39.224 32.131,40.571 32.131,42.228 C32.131,43.884 33.474,45.232 35.125,45.232 C36.776,45.232 38.119,43.884 38.119,42.228 C38.119,40.571 36.776,39.224 35.125,39.224 ZM45.104,39.224 C43.453,39.224 42.110,40.571 42.110,42.228 C42.110,43.884 43.453,45.232 45.104,45.232 C46.754,45.232 48.097,43.884 48.097,42.228 C48.097,40.571 46.754,39.224 45.104,39.224 ZM40.496,9.896 C39.394,9.896 38.500,9.000 38.500,7.894 L38.500,1.998 C38.500,0.892 39.394,-0.005 40.496,-0.005 C41.598,-0.005 42.491,0.892 42.491,1.998 L42.491,7.894 C42.491,9.000 41.598,9.896 40.496,9.896 ZM17.423,19.487 C16.912,19.487 16.402,19.292 16.012,18.901 L11.857,14.732 C11.077,13.951 11.077,12.682 11.856,11.900 C12.636,11.118 13.899,11.118 14.679,11.900 L18.834,16.069 C19.613,16.850 19.613,18.118 18.834,18.901 C18.444,19.292 17.933,19.487 17.423,19.487 ZM7.865,42.641 L1.990,42.641 C0.888,42.641 -0.006,41.745 -0.006,40.639 C-0.006,39.533 0.888,38.636 1.990,38.636 L7.865,38.636 C8.967,38.636 9.861,39.533 9.861,40.639 C9.861,41.745 8.967,42.641 7.865,42.641 ZM16.012,62.376 C16.790,61.594 18.055,61.594 18.834,62.376 C19.613,63.158 19.613,64.425 18.834,65.208 L14.679,69.377 C14.289,69.769 13.778,69.964 13.268,69.964 C12.757,69.964 12.246,69.769 11.857,69.377 C11.077,68.595 11.077,67.328 11.857,66.546 L16.012,62.376 Z'/%3E%3C/svg%3E");	pointer-events: none;}
.con-com-09 .list-box-03 .ls-list.list-01 .ls-head {height: auto;}
.con-com-09 .list-box-03 .ls-list.list-01 .ls-head p {padding-bottom: 0.5em; font-family: var(--font-2) ; font-weight:400; color: var(--color-3); font-size: 0.75em; opacity: 0.5;}
.con-com-09 .list-box-03 .ls-list.list-01 .ls-head h5 {	font-size: 1.4em;font-weight: 700;	line-height: 1.25;	color: var(--bg-white); }
.con-com-09 .list-box-03 .ls-list .ls-num { height:2em; font-size: 0.95em; font-family: var(--font-2); font-weight:500; color: var(--color-3);}
.con-com-09 .list-box-03 .ls-list .ls-num span {display: inline-block;	color: var(--color-1);line-height: 1.2;	-webkit-box-reflect: below -0.5em linear-gradient(to top, rgba(255, 104, 1, 0.28) 0%, rgba(255, 104, 1, 0.12) 38%, transparent 68%);	box-reflect: below -0.22em linear-gradient(to top, rgba(255, 104, 1, 0.28) 0%, rgba(255, 104, 1, 0.12) 38%, transparent 68%);}
.con-com-09 .list-box-03 .ls-txt {	font-weight: 500;	line-height: 1.55; margin-top: auto;}
.con-com-09 .com-box-05 {  padding-top: 7em; padding-bottom:4em;}
.con-com-09 .con-box-05 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-09 .ul-box-02 { position: relative; margin-top: -0.5em; text-align: left; }
.con-com-09 .ul-box-02 li { line-height: 1.6em; padding:1.2em 0; background-image: var(--dotted-bar-1); background-position: bottom;	background-size: 8px 1px; background-repeat: repeat-x; }
.con-com-09 .ul-box-02 li:last-of-type { background:none;}

.con-com-10 { padding-top: 7em; overflow: hidden;}
.con-com-10 .con-head { text-align: center; margin:0 auto; max-width:var(--main-width-pd); padding-left:20px; padding-right:20px; padding-bottom: 5em }
.con-com-10 .con-box-01 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-10 .hit-box .hit-txt { line-height: 1.6em; margin-bottom: 2em; position: relative; font-size: 2em; color:var(--color-1); font-weight:700; padding-left:1em; padding-right:1em;}
.con-com-10 .hit-box .hit-txt span:nth-child(1):before { content:'“'; left:-2em;}
.con-com-10 .hit-box .hit-txt span:nth-child(1):after { content:'”'; right:-2em;  }
.con-com-10 .hit-box .hit-txt span:before {  position: absolute; font-weight:400; top:0em; font-size: 1.6em; color:var(--color-4); font-family: var(--font-2);  }
.con-com-10 .hit-box .hit-txt span:after {  position: absolute; font-weight:400; top:0em; font-size: 1.6em; color:var(--color-4); font-family: var(--font-2);  }
.con-com-10 .hit-box .hit-txt span {  position: relative; display:inline-block;}
.con-com-10 .hit-box .hit-pp { font-size: 1.1em; line-height: 1.6em;}
.con-com-10 .hit-box { padding-bottom: 7em;}	
.con-com-10 .tab-box {	position: relative;	width: 100%; max-width: var(--main-width);margin: 0 auto 1.5em auto;	box-sizing: border-box;	border-bottom: 1px solid var(--color-1);}
.con-com-10 .tab-box ul {	display: flex;	justify-content: center;	align-items: flex-end;	flex-wrap: nowrap;	gap: 0;	}
.con-com-10 .tab-box li {	flex: 0 0 19%;	max-width: none;position: relative;	z-index: 0;}
.con-com-10 .tab-box li + li {	margin-left: -1px;}
.con-com-10 .tab-box li.tab-active {color:  var(--color-1);	z-index: 2;}
.con-com-10 .tab-box li a {	display: block;	font-size: 1.25em;	line-height: 1.25;	padding: 0.7em 1.75em;	text-align: center;	color: var(--bg-gray-4); border: 1px solid var(--bg-gray-2);	border-bottom: none;	margin-bottom: -1px;}
.con-com-10 .tab-box li.tab-active a { 	font-weight: 600;	color:  var(--color-1);	border-color: var(--color-1); border-bottom: 1px solid var(--bg-white);	position: relative;}
.con-com-10 .tab-box li a:hover {	color:  var(--color-1);}
.con-com-10 .tab-box li a:focus-visible {	outline: 2px solid  var(--color-1);	outline-offset: 2px;}
.con-com-10 .com-box-01 { padding-top: 5em;}
.con-com-10 .com-box-02 { background:var(--color-2); padding-top: 7em; padding-bottom:4em;}
.con-com-10 .con-box-02 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-10 .com-box-03 { padding-top: 7em; padding-bottom: 5em; }
.con-com-10 .con-box-03 { max-width: var(--main-width-pd); padding-left: 20px; padding-right: 20px; margin: 0 auto; }
.con-com-10 .area-box { text-align: left; display: flex; justify-content: space-between; }
.con-com-10 .area-box .lt-box { width: 25%;min-width: 15em;}
.con-com-10 .area-box .rt-box { width: 75%; }
.con-com-10 .area-box h5 { font-size: 1.65em; line-height: 1.4em; }
.con-com-10 .area-box .title-box p { padding-top: 2em; font-size: 0.85em; opacity: 0.7; }
.con-com-10 .list-box-01 { flex-wrap: wrap; display:flex; margin-right:-1.8em;  overflow: hidden; align-items: stretch;}
.con-com-10 .list-box-01 .ls-list {width:calc(100% - 1.8em); position: relative; padding: 1.5em 2em 1.5em 2em; display:flex; line-height: 1.6em; flex-direction: column; margin-bottom: 1.8em; margin-right:1.8em;background: var(--bg-white);	border-radius: 0.5em;	border: 1px solid var(--bg-gray-7);	box-shadow: var(--box-shadow-1)}
.con-com-10 .list-box-01 .ls-list.list-0 {border: 1px solid var(--color-1); }
.con-com-10 .list-box-01 .ls-head { height:3.6em;}
.con-com-10 .ls-head {font-size: 1.2em; font-weight:700;}
.con-com-10 .list-box-01 .ls-txt { margin-top:auto;}
.con-com-10 .list-box-01 .ls-icon { position: absolute; right:1.5em; top:1em; min-width:30px; max-width: 76px; text-align: right; width: 7em;} 
.con-com-10 .list-box-01 .ls-icon img { max-width:100%;}
.con-com-10 .table-head { margin-top: 5em; position: relative; display:flex; justify-content: space-between; padding-bottom: 0.5em;}
.con-com-10 .table-head h6 { font-size: 1.35em; font-weight: 700; padding-bottom: 0.8em; }
.con-com-10 .table-head p { position: absolute; right:0; font-size: 0.9em; padding-top: 0.5em}
.con-com-10 .table-box-2 { position: relative; width: 100%; overflow-x: auto; padding-bottom:20px; -webkit-overflow-scrolling: touch; }
.con-com-10 .table-box-2::-webkit-scrollbar { width: 100%; height: 5px; }
.con-com-10 .table-box-2::-webkit-scrollbar-thumb { background: var(--color-1); border-radius: 1em; }
.con-com-10 .table-box-2::-webkit-scrollbar-track {  border-radius: 1em; background-color: var(--bg-gray-2); }
.con-com-10 .table-box-2 table { width: 100%; min-width: 520px; border-collapse: separate; border-spacing: 0; table-layout: fixed; line-height: 1.5; }
.con-com-10 .table-box-2 thead { position: relative;}
.con-com-10 .table-box-2 thead tr { position: relative; }
.con-com-10 .table-box-2 thead:before { z-index:0; left:0; top:0; content:''; width:100%; height:100%; position: absolute;background: var(--bg-white); box-shadow: var(--box-shadow-1); border:1px solid var(--bg-gray-7); border-radius: 0.5em; overflow:hidden  }
.con-com-10 .table-box-2 thead th {z-index:1; position: relative; font-weight: 700; text-align: center; padding: 0.85em 0.35em;  }
.con-com-10 .table-box-2 tbody th,
.con-com-10 .table-box-2 tbody td { text-align: center; vertical-align: middle; padding: 0.85em 0.35em; border: none; border-bottom: 1px solid var(--bg-gray-7); font-size: 0.98em; }
.con-com-10 .table-box-2 tbody th { font-weight: 700; }
.con-com-10 .ul-box-01 { text-align: left;}
.con-com-10 .ul-box-01 li { position: relative; padding-left: 0.8em; line-height: 1.6em; margin-bottom: 0.6em; }
.con-com-10 .ul-box-01 li:before { content: '-'; position: absolute; left: 0; font-size: 1.1em; }
.con-com-10 .com-box-04 { background:var(--color-3); padding-top: 7em; padding-bottom:7em;}
.con-com-10 .con-box-04 { max-width: var(--sub-width-2-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-10 .list-box-03 {	display: grid;	grid-template-columns: repeat(4, minmax(0, 1fr));	gap: 1.4em;	width: 100%;}
.con-com-10 .list-box-03 .ls-list { background: linear-gradient(145deg, var(--color-2) 50%, var(--bg-white) 50%);	position: relative;	display: flex;	flex-direction: column;text-align: left;	min-height: 10.5em;	padding: 1.35em 1.4em 1.5em;	border-radius: 0.85em;	border: 1px solid var(--bg-gray-7);	box-shadow: var(--box-shadow-1)}
.con-com-10 .list-box-03 .ls-list.list-01 {	background: var(--color-1);	color: var(--bg-white);	min-height: 10.5em;	padding: 1.5em 1.4em 1.5em;}
.con-com-10 .list-box-03 .ls-list.list-01::after {	content: "";	position: absolute;	right: 1em;	bottom: 1em;	width: 2.75em;	height: 2.75em;	opacity: 0.95;	background: no-repeat center / contain		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='81px' height='92px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M79.003,42.641 L73.127,42.641 C72.025,42.641 71.132,41.745 71.132,40.639 C71.132,39.533 72.025,38.636 73.127,38.636 L79.003,38.636 C80.105,38.636 80.998,39.533 80.998,40.639 C80.998,41.745 80.105,42.641 79.003,42.641 ZM67.724,69.964 C67.213,69.964 66.702,69.769 66.312,69.377 L62.158,65.208 C61.379,64.425 61.379,63.157 62.159,62.376 C62.938,61.593 64.202,61.594 64.981,62.376 L69.135,66.546 C69.914,67.328 69.914,68.596 69.135,69.377 C68.745,69.769 68.234,69.964 67.724,69.964 ZM64.981,18.900 C64.591,19.291 64.080,19.486 63.570,19.486 C63.059,19.486 62.548,19.291 62.159,18.900 C61.379,18.117 61.379,16.850 62.159,16.068 L66.313,11.899 C67.091,11.117 68.356,11.117 69.135,11.899 C69.914,12.681 69.914,13.949 69.135,14.731 L64.981,18.900 ZM56.449,62.602 C55.222,63.920 53.216,66.427 52.511,69.358 L52.511,72.982 L52.511,83.821 C52.511,84.352 52.301,84.861 51.927,85.237 C51.552,85.612 51.045,85.823 50.515,85.823 L50.515,85.823 L48.840,85.823 C48.358,89.302 45.382,91.993 41.784,91.993 L38.444,91.993 C34.845,91.993 31.868,89.301 31.388,85.817 L29.713,85.817 C28.611,85.817 27.717,84.921 27.717,83.815 L27.717,72.982 L27.717,69.363 C27.012,66.426 25.006,63.918 23.778,62.600 C16.834,57.423 12.694,49.179 12.694,40.511 C12.694,25.339 24.995,12.995 40.115,12.995 C55.234,12.995 67.535,25.339 67.535,40.511 C67.535,49.180 63.394,57.424 56.449,62.602 ZM38.444,87.987 L41.784,87.987 C43.171,87.987 44.337,87.075 44.752,85.821 L35.477,85.819 C35.891,87.074 37.057,87.987 38.444,87.987 ZM31.709,81.813 L48.520,81.817 L48.520,74.985 L31.709,74.985 L31.709,81.813 ZM40.115,17.001 C27.196,17.001 16.685,27.547 16.685,40.511 C16.685,47.970 20.274,55.061 26.286,59.479 C26.382,59.550 26.471,59.628 26.553,59.715 C28.419,61.683 30.820,64.842 31.663,68.708 C31.693,68.848 31.709,68.992 31.709,69.136 L31.709,70.979 L48.520,70.979 L48.520,69.131 C48.520,68.987 48.535,68.842 48.566,68.702 C49.409,64.842 51.809,61.685 53.673,59.717 C53.755,59.631 53.845,59.552 53.941,59.481 C59.954,55.062 63.543,47.971 63.543,40.511 C63.543,27.547 53.034,17.001 40.115,17.001 ZM45.935,49.182 L45.935,66.593 C45.935,67.699 45.041,68.596 43.939,68.596 C42.837,68.596 41.943,67.699 41.943,66.593 L41.943,48.470 C41.262,48.121 40.644,47.668 40.114,47.124 C39.584,47.668 38.966,48.122 38.284,48.470 L38.284,66.593 C38.284,67.699 37.391,68.596 36.288,68.596 C35.186,68.596 34.293,67.699 34.293,66.593 L34.293,49.182 C30.832,48.768 28.140,45.810 28.140,42.228 C28.140,38.363 31.273,35.218 35.125,35.218 C37.079,35.218 38.845,36.030 40.114,37.332 C41.383,36.030 43.150,35.218 45.104,35.218 C48.955,35.218 52.089,38.363 52.089,42.228 C52.089,45.810 49.395,48.769 45.935,49.182 ZM35.125,39.224 C33.474,39.224 32.131,40.571 32.131,42.228 C32.131,43.884 33.474,45.232 35.125,45.232 C36.776,45.232 38.119,43.884 38.119,42.228 C38.119,40.571 36.776,39.224 35.125,39.224 ZM45.104,39.224 C43.453,39.224 42.110,40.571 42.110,42.228 C42.110,43.884 43.453,45.232 45.104,45.232 C46.754,45.232 48.097,43.884 48.097,42.228 C48.097,40.571 46.754,39.224 45.104,39.224 ZM40.496,9.896 C39.394,9.896 38.500,9.000 38.500,7.894 L38.500,1.998 C38.500,0.892 39.394,-0.005 40.496,-0.005 C41.598,-0.005 42.491,0.892 42.491,1.998 L42.491,7.894 C42.491,9.000 41.598,9.896 40.496,9.896 ZM17.423,19.487 C16.912,19.487 16.402,19.292 16.012,18.901 L11.857,14.732 C11.077,13.951 11.077,12.682 11.856,11.900 C12.636,11.118 13.899,11.118 14.679,11.900 L18.834,16.069 C19.613,16.850 19.613,18.118 18.834,18.901 C18.444,19.292 17.933,19.487 17.423,19.487 ZM7.865,42.641 L1.990,42.641 C0.888,42.641 -0.006,41.745 -0.006,40.639 C-0.006,39.533 0.888,38.636 1.990,38.636 L7.865,38.636 C8.967,38.636 9.861,39.533 9.861,40.639 C9.861,41.745 8.967,42.641 7.865,42.641 ZM16.012,62.376 C16.790,61.594 18.055,61.594 18.834,62.376 C19.613,63.158 19.613,64.425 18.834,65.208 L14.679,69.377 C14.289,69.769 13.778,69.964 13.268,69.964 C12.757,69.964 12.246,69.769 11.857,69.377 C11.077,68.595 11.077,67.328 11.857,66.546 L16.012,62.376 Z'/%3E%3C/svg%3E");	pointer-events: none;}
.con-com-10 .list-box-03 .ls-list.list-01 .ls-head {height: auto;}
.con-com-10 .list-box-03 .ls-list.list-01 .ls-head p {padding-bottom: 0.5em; font-family: var(--font-2) ; font-weight:400; color: var(--color-3); font-size: 0.75em; opacity: 0.5;}
.con-com-10 .list-box-03 .ls-list.list-01 .ls-head h5 {	font-size: 1.4em;font-weight: 700;	line-height: 1.25;	color: var(--bg-white); }
.con-com-10 .list-box-03 .ls-list .ls-num { height:2em; font-size: 0.95em; font-family: var(--font-2); font-weight:500; color: var(--color-3);}
.con-com-10 .list-box-03 .ls-list .ls-num span {display: inline-block;	color: var(--color-1);line-height: 1.2;	-webkit-box-reflect: below -0.5em linear-gradient(to top, rgba(255, 104, 1, 0.28) 0%, rgba(255, 104, 1, 0.12) 38%, transparent 68%);	box-reflect: below -0.22em linear-gradient(to top, rgba(255, 104, 1, 0.28) 0%, rgba(255, 104, 1, 0.12) 38%, transparent 68%);}
.con-com-10 .list-box-03 .ls-txt {	font-weight: 500;	line-height: 1.55; margin-top: auto;}
.con-com-10 .com-box-05 {  padding-top: 7em; padding-bottom:4em;}
.con-com-10 .con-box-05 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-10 .ul-box-02 { position: relative; margin-top: -0.5em; text-align: left; }
.con-com-10 .ul-box-02 li { line-height: 1.6em; padding:1.2em 0; background-image: var(--dotted-bar-1); background-position: bottom;	background-size: 8px 1px; background-repeat: repeat-x; }
.con-com-10 .ul-box-02 li:last-of-type { background:none;}

.con-com-11 { padding-top: 7em; overflow: hidden;}
.con-com-11 .con-head { text-align: center; margin:0 auto; max-width:var(--main-width-pd); padding-left:20px; padding-right:20px; padding-bottom: 5em }
.con-com-11 .con-box-01 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-11 .hit-box .hit-txt { line-height: 1.6em; margin-bottom: 2em; position: relative; font-size: 2em; color:var(--color-1); font-weight:700; padding-left:1em; padding-right:1em;}
.con-com-11 .hit-box .hit-txt span:nth-child(1):before { content:'“'; left:-2em;}
.con-com-11 .hit-box .hit-txt span:nth-child(1):after { content:'”'; right:-2em;  }
.con-com-11 .hit-box .hit-txt span:before {  position: absolute; font-weight:400; top:0em; font-size: 1.6em; color:var(--color-4); font-family: var(--font-2);  }
.con-com-11 .hit-box .hit-txt span:after {  position: absolute; font-weight:400; top:0em; font-size: 1.6em; color:var(--color-4); font-family: var(--font-2);  }
.con-com-11 .hit-box .hit-txt span {  position: relative; display:inline-block;}
.con-com-11 .hit-box .hit-pp { font-size: 1.1em; line-height: 1.6em;}
.con-com-11 .hit-box { padding-bottom: 7em;}	
.con-com-11 .tab-box {	position: relative;	width: 100%; max-width: var(--main-width);margin: 0 auto 1.5em auto;	box-sizing: border-box;	border-bottom: 1px solid var(--color-1);}
.con-com-11 .tab-box ul {	display: flex;	justify-content: center;	align-items: flex-end;	flex-wrap: nowrap;	gap: 0;	}
.con-com-11 .tab-box li {	flex: 0 0 19%;	max-width: none;position: relative;	z-index: 0;}
.con-com-11 .tab-box li + li {	margin-left: -1px;}
.con-com-11 .tab-box li.tab-active {color:  var(--color-1);	z-index: 2;}
.con-com-11 .tab-box li a {	display: block;	font-size: 1.25em;	line-height: 1.25;	padding: 0.7em 1.75em;	text-align: center;	color: var(--bg-gray-4); border: 1px solid var(--bg-gray-2);	border-bottom: none;	margin-bottom: -1px;}
.con-com-11 .tab-box li.tab-active a { 	font-weight: 600;	color:  var(--color-1);	border-color: var(--color-1); border-bottom: 1px solid var(--bg-white);	position: relative;}
.con-com-11 .tab-box li a:hover {	color:  var(--color-1);}
.con-com-11 .tab-box li a:focus-visible {	outline: 2px solid  var(--color-1);	outline-offset: 2px;}
.con-com-11 .com-box-01 { padding-top: 5em;}
.con-com-11 .com-box-02 { background:var(--color-2); padding-top: 7em; padding-bottom:4em;}
.con-com-11 .con-box-02 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-11 .com-box-03 { padding-top: 7em; padding-bottom: 5em; }
.con-com-11 .con-box-03 { max-width: var(--main-width-pd); padding-left: 20px; padding-right: 20px; margin: 0 auto; }
.con-com-11 .area-box { text-align: left; display: flex; justify-content: space-between; }
.con-com-11 .area-box .lt-box { width: 25%;min-width: 15em;}
.con-com-11 .area-box .rt-box { width: 75%; }
.con-com-11 .area-box h5 { font-size: 1.65em; line-height: 1.4em; }
.con-com-11 .area-box .title-box p { padding-top: 2em; font-size: 0.85em; opacity: 0.7; }
.con-com-11 .list-box-01 { flex-wrap: wrap; display:flex; margin-right:-1.8em;  overflow: hidden; align-items: stretch;}
.con-com-11 .list-box-01 .ls-list {width:calc(100% - 1.8em); position: relative; padding: 1.5em 2em 1.5em 2em; display:flex; line-height: 1.6em; flex-direction: column; margin-bottom: 1.8em; margin-right:1.8em;background: var(--bg-white);	border-radius: 0.5em;	border: 1px solid var(--bg-gray-7);	box-shadow: var(--box-shadow-1)}
.con-com-11 .list-box-01 .ls-list.list-0 {border: 1px solid var(--color-1); }
.con-com-11 .list-box-01 .ls-head { height:3.6em;}
.con-com-11 .ls-head {font-size: 1.2em; font-weight:700;}
.con-com-11 .list-box-01 .ls-txt { margin-top:auto;}
.con-com-11 .list-box-01 .ls-icon { position: absolute; right:1.5em; top:1em; min-width:30px; max-width: 76px; text-align: right; width: 7em;} 
.con-com-11 .list-box-01 .ls-icon img { max-width:100%;}
.con-com-11 .table-head { margin-top: 5em; position: relative; display:flex; justify-content: space-between; padding-bottom: 0.5em;}
.con-com-11 .table-head h6 { font-size: 1.35em; font-weight: 700; padding-bottom: 0.8em; }
.con-com-11 .table-head p { position: absolute; right:0; font-size: 0.9em; padding-top: 0.5em}
.con-com-11 .table-box-2 { position: relative; width: 100%; overflow-x: auto; padding-bottom:20px; -webkit-overflow-scrolling: touch; }
.con-com-11 .table-box-2::-webkit-scrollbar { width: 100%; height: 5px; }
.con-com-11 .table-box-2::-webkit-scrollbar-thumb { background: var(--color-1); border-radius: 1em; }
.con-com-11 .table-box-2::-webkit-scrollbar-track {  border-radius: 1em; background-color: var(--bg-gray-2); }
.con-com-11 .table-box-2 table { width: 100%; min-width: 520px; border-collapse: separate; border-spacing: 0; table-layout: fixed; line-height: 1.5; }
.con-com-11 .table-box-2 thead { position: relative;}
.con-com-11 .table-box-2 thead tr { position: relative; }
.con-com-11 .table-box-2 thead:before { z-index:0; left:0; top:0; content:''; width:100%; height:100%; position: absolute;background: var(--bg-white); box-shadow: var(--box-shadow-1); border:1px solid var(--bg-gray-7); border-radius: 0.5em; overflow:hidden  }
.con-com-11 .table-box-2 thead th {z-index:1; position: relative; font-weight: 700; text-align: center; padding: 0.85em 0.35em;  }
.con-com-11 .table-box-2 tbody th,
.con-com-11 .table-box-2 tbody td { text-align: center; vertical-align: middle; padding: 0.85em 0.35em; border: none; border-bottom: 1px solid var(--bg-gray-7); font-size: 0.98em; }
.con-com-11 .table-box-2 tbody th { font-weight: 700; }
.con-com-11 .ul-box-01 { text-align: left;}
.con-com-11 .ul-box-01 li { position: relative; padding-left: 0.8em; line-height: 1.6em; margin-bottom: 0.6em; }
.con-com-11 .ul-box-01 li:before { content: '-'; position: absolute; left: 0; font-size: 1.1em; }
.con-com-11 .com-box-04 { background:var(--color-3); padding-top: 7em; padding-bottom:7em;}
.con-com-11 .con-box-04 { max-width: var(--sub-width-2-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-11 .list-box-03 {	display: grid;	grid-template-columns: repeat(4, minmax(0, 1fr));	gap: 1.4em;	width: 100%;}
.con-com-11 .list-box-03 .ls-list { background: linear-gradient(145deg, var(--color-2) 50%, var(--bg-white) 50%);	position: relative;	display: flex;	flex-direction: column;text-align: left;	min-height: 10.5em;	padding: 1.35em 1.4em 1.5em;	border-radius: 0.85em;	border: 1px solid var(--bg-gray-7);	box-shadow: var(--box-shadow-1)}
.con-com-11 .list-box-03 .ls-list.list-01 {	background: var(--color-1);	color: var(--bg-white);	min-height: 10.5em;	padding: 1.5em 1.4em 1.5em;}
.con-com-11 .list-box-03 .ls-list.list-01::after {	content: "";	position: absolute;	right: 1em;	bottom: 1em;	width: 2.75em;	height: 2.75em;	opacity: 0.95;	background: no-repeat center / contain		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='81px' height='92px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M79.003,42.641 L73.127,42.641 C72.025,42.641 71.132,41.745 71.132,40.639 C71.132,39.533 72.025,38.636 73.127,38.636 L79.003,38.636 C80.105,38.636 80.998,39.533 80.998,40.639 C80.998,41.745 80.105,42.641 79.003,42.641 ZM67.724,69.964 C67.213,69.964 66.702,69.769 66.312,69.377 L62.158,65.208 C61.379,64.425 61.379,63.157 62.159,62.376 C62.938,61.593 64.202,61.594 64.981,62.376 L69.135,66.546 C69.914,67.328 69.914,68.596 69.135,69.377 C68.745,69.769 68.234,69.964 67.724,69.964 ZM64.981,18.900 C64.591,19.291 64.080,19.486 63.570,19.486 C63.059,19.486 62.548,19.291 62.159,18.900 C61.379,18.117 61.379,16.850 62.159,16.068 L66.313,11.899 C67.091,11.117 68.356,11.117 69.135,11.899 C69.914,12.681 69.914,13.949 69.135,14.731 L64.981,18.900 ZM56.449,62.602 C55.222,63.920 53.216,66.427 52.511,69.358 L52.511,72.982 L52.511,83.821 C52.511,84.352 52.301,84.861 51.927,85.237 C51.552,85.612 51.045,85.823 50.515,85.823 L50.515,85.823 L48.840,85.823 C48.358,89.302 45.382,91.993 41.784,91.993 L38.444,91.993 C34.845,91.993 31.868,89.301 31.388,85.817 L29.713,85.817 C28.611,85.817 27.717,84.921 27.717,83.815 L27.717,72.982 L27.717,69.363 C27.012,66.426 25.006,63.918 23.778,62.600 C16.834,57.423 12.694,49.179 12.694,40.511 C12.694,25.339 24.995,12.995 40.115,12.995 C55.234,12.995 67.535,25.339 67.535,40.511 C67.535,49.180 63.394,57.424 56.449,62.602 ZM38.444,87.987 L41.784,87.987 C43.171,87.987 44.337,87.075 44.752,85.821 L35.477,85.819 C35.891,87.074 37.057,87.987 38.444,87.987 ZM31.709,81.813 L48.520,81.817 L48.520,74.985 L31.709,74.985 L31.709,81.813 ZM40.115,17.001 C27.196,17.001 16.685,27.547 16.685,40.511 C16.685,47.970 20.274,55.061 26.286,59.479 C26.382,59.550 26.471,59.628 26.553,59.715 C28.419,61.683 30.820,64.842 31.663,68.708 C31.693,68.848 31.709,68.992 31.709,69.136 L31.709,70.979 L48.520,70.979 L48.520,69.131 C48.520,68.987 48.535,68.842 48.566,68.702 C49.409,64.842 51.809,61.685 53.673,59.717 C53.755,59.631 53.845,59.552 53.941,59.481 C59.954,55.062 63.543,47.971 63.543,40.511 C63.543,27.547 53.034,17.001 40.115,17.001 ZM45.935,49.182 L45.935,66.593 C45.935,67.699 45.041,68.596 43.939,68.596 C42.837,68.596 41.943,67.699 41.943,66.593 L41.943,48.470 C41.262,48.121 40.644,47.668 40.114,47.124 C39.584,47.668 38.966,48.122 38.284,48.470 L38.284,66.593 C38.284,67.699 37.391,68.596 36.288,68.596 C35.186,68.596 34.293,67.699 34.293,66.593 L34.293,49.182 C30.832,48.768 28.140,45.810 28.140,42.228 C28.140,38.363 31.273,35.218 35.125,35.218 C37.079,35.218 38.845,36.030 40.114,37.332 C41.383,36.030 43.150,35.218 45.104,35.218 C48.955,35.218 52.089,38.363 52.089,42.228 C52.089,45.810 49.395,48.769 45.935,49.182 ZM35.125,39.224 C33.474,39.224 32.131,40.571 32.131,42.228 C32.131,43.884 33.474,45.232 35.125,45.232 C36.776,45.232 38.119,43.884 38.119,42.228 C38.119,40.571 36.776,39.224 35.125,39.224 ZM45.104,39.224 C43.453,39.224 42.110,40.571 42.110,42.228 C42.110,43.884 43.453,45.232 45.104,45.232 C46.754,45.232 48.097,43.884 48.097,42.228 C48.097,40.571 46.754,39.224 45.104,39.224 ZM40.496,9.896 C39.394,9.896 38.500,9.000 38.500,7.894 L38.500,1.998 C38.500,0.892 39.394,-0.005 40.496,-0.005 C41.598,-0.005 42.491,0.892 42.491,1.998 L42.491,7.894 C42.491,9.000 41.598,9.896 40.496,9.896 ZM17.423,19.487 C16.912,19.487 16.402,19.292 16.012,18.901 L11.857,14.732 C11.077,13.951 11.077,12.682 11.856,11.900 C12.636,11.118 13.899,11.118 14.679,11.900 L18.834,16.069 C19.613,16.850 19.613,18.118 18.834,18.901 C18.444,19.292 17.933,19.487 17.423,19.487 ZM7.865,42.641 L1.990,42.641 C0.888,42.641 -0.006,41.745 -0.006,40.639 C-0.006,39.533 0.888,38.636 1.990,38.636 L7.865,38.636 C8.967,38.636 9.861,39.533 9.861,40.639 C9.861,41.745 8.967,42.641 7.865,42.641 ZM16.012,62.376 C16.790,61.594 18.055,61.594 18.834,62.376 C19.613,63.158 19.613,64.425 18.834,65.208 L14.679,69.377 C14.289,69.769 13.778,69.964 13.268,69.964 C12.757,69.964 12.246,69.769 11.857,69.377 C11.077,68.595 11.077,67.328 11.857,66.546 L16.012,62.376 Z'/%3E%3C/svg%3E");	pointer-events: none;}
.con-com-11 .list-box-03 .ls-list.list-01 .ls-head {height: auto;}
.con-com-11 .list-box-03 .ls-list.list-01 .ls-head p {padding-bottom: 0.5em; font-family: var(--font-2) ; font-weight:400; color: var(--color-3); font-size: 0.75em; opacity: 0.5;}
.con-com-11 .list-box-03 .ls-list.list-01 .ls-head h5 {	font-size: 1.4em;font-weight: 700;	line-height: 1.25;	color: var(--bg-white); }
.con-com-11 .list-box-03 .ls-list .ls-num { height:2em; font-size: 0.95em; font-family: var(--font-2); font-weight:500; color: var(--color-3);}
.con-com-11 .list-box-03 .ls-list .ls-num span {display: inline-block;	color: var(--color-1);line-height: 1.2;	-webkit-box-reflect: below -0.5em linear-gradient(to top, rgba(255, 104, 1, 0.28) 0%, rgba(255, 104, 1, 0.12) 38%, transparent 68%);	box-reflect: below -0.22em linear-gradient(to top, rgba(255, 104, 1, 0.28) 0%, rgba(255, 104, 1, 0.12) 38%, transparent 68%);}
.con-com-11 .list-box-03 .ls-txt {	font-weight: 500;	line-height: 1.55; margin-top: auto;}
.con-com-11 .com-box-05 {  padding-top: 7em; padding-bottom:4em;}
.con-com-11 .con-box-05 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-11 .ul-box-02 { position: relative; margin-top: -0.5em; text-align: left; }
.con-com-11 .ul-box-02 li { line-height: 1.6em; padding:1.2em 0; background-image: var(--dotted-bar-1); background-position: bottom;	background-size: 8px 1px; background-repeat: repeat-x; }
.con-com-11 .ul-box-02 li:last-of-type { background:none;}


.con-com-12 { padding-top: 7em; overflow: hidden;}
.con-com-12 .con-head { text-align: center; margin:0 auto; max-width:var(--main-width-pd); padding-left:20px; padding-right:20px; padding-bottom: 5em }
.con-com-12 .con-box-01 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-12 .hit-box .hit-txt { line-height: 1.6em; margin-bottom: 2em; position: relative; font-size: 2em; color:var(--color-1); font-weight:700; padding-left:1em; padding-right:1em;}
.con-com-12 .hit-box .hit-txt span:nth-child(1):before { content:'“'; left:-2em;}
.con-com-12 .hit-box .hit-txt span:nth-child(1):after { content:'”'; right:-2em;  }
.con-com-12 .hit-box .hit-txt span:before {  position: absolute; font-weight:400; top:0em; font-size: 1.6em; color:var(--color-4); font-family: var(--font-2);  }
.con-com-12 .hit-box .hit-txt span:after {  position: absolute; font-weight:400; top:0em; font-size: 1.6em; color:var(--color-4); font-family: var(--font-2);  }
.con-com-12 .hit-box .hit-txt span {  position: relative; display:inline-block;}
.con-com-12 .hit-box .hit-pp { font-size: 1.1em; line-height: 1.6em;}
.con-com-12 .hit-box { padding-bottom: 7em;}	
.con-com-12 .tab-box {	position: relative;	width: 100%; max-width: var(--main-width);margin: 0 auto 1.5em auto;	box-sizing: border-box;	border-bottom: 1px solid var(--color-1);}
.con-com-12 .tab-box ul {	display: flex;	justify-content: center;	align-items: flex-end;	flex-wrap: nowrap;	gap: 0;	}
.con-com-12 .tab-box li {	flex: 0 0 19%;	max-width: none;position: relative;	z-index: 0;}
.con-com-12 .tab-box li + li {	margin-left: -1px;}
.con-com-12 .tab-box li.tab-active {color:  var(--color-1);	z-index: 2;}
.con-com-12 .tab-box li a {	display: block;	font-size: 1.25em;	line-height: 1.25;	padding: 0.7em 1.75em;	text-align: center;	color: var(--bg-gray-4); border: 1px solid var(--bg-gray-2);	border-bottom: none;	margin-bottom: -1px;}
.con-com-12 .tab-box li.tab-active a { 	font-weight: 600;	color:  var(--color-1);	border-color: var(--color-1); border-bottom: 1px solid var(--bg-white);	position: relative;}
.con-com-12 .tab-box li a:hover {	color:  var(--color-1);}
.con-com-12 .tab-box li a:focus-visible {	outline: 2px solid  var(--color-1);	outline-offset: 2px;}
.con-com-12 .com-box-01 { padding-top: 5em;}
.con-com-12 .com-box-02 { background:var(--color-2); padding-top: 7em; padding-bottom:4em;}
.con-com-12 .con-box-02 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-12 .com-box-03 { padding-top: 7em; padding-bottom: 5em; }
.con-com-12 .con-box-03 { max-width: var(--main-width-pd); padding-left: 20px; padding-right: 20px; margin: 0 auto; }
.con-com-12 .area-box { text-align: left; display: flex; justify-content: space-between; }
.con-com-12 .area-box .lt-box { width: 25%;min-width: 15em;}
.con-com-12 .area-box .rt-box { width: 75%; }
.con-com-12 .area-box h5 { font-size: 1.65em; line-height: 1.4em; }
.con-com-12 .area-box .title-box p { padding-top: 2em; font-size: 0.85em; opacity: 0.7; }
.con-com-12 .list-box-01 { flex-wrap: wrap; display:flex; margin-right:-1.8em;  overflow: hidden; align-items: stretch;}
.con-com-12 .list-box-01 .ls-list {width:calc(50% - 1.8em); position: relative; padding: 1.5em 2em 1.5em 2em; display:flex; line-height: 1.6em; flex-direction: column; margin-bottom: 1.8em; margin-right:1.8em;background: var(--bg-white);	border-radius: 0.5em;	border: 1px solid var(--bg-gray-7);	box-shadow: var(--box-shadow-1)}
.con-com-12 .list-box-01 .ls-list.list-0 {border: 1px solid var(--color-1); }
.con-com-12 .list-box-01 .ls-head { height:3.6em;}
.con-com-12 .ls-head {font-size: 1.2em; font-weight:700;}
.con-com-12 .list-box-01 .ls-txt { margin-top:auto;}
.con-com-12 .list-box-01 .ls-icon { position: absolute; right:1.5em; top:1em; min-width:30px; max-width: 76px; text-align: right; width: 7em;} 
.con-com-12 .list-box-01 .ls-icon img { max-width:100%;}
.con-com-12 .ul-box-01 { text-align: left;}
.con-com-12 .ul-box-01 li { position: relative; padding-left: 0.8em; line-height: 1.6em; margin-bottom: 0.6em; }
.con-com-12 .ul-box-01 li:before { content: '-'; position: absolute; left: 0; font-size: 1.1em; }
.con-com-12 .com-box-04 { background:var(--color-3); padding-top: 7em; padding-bottom:7em;}
.con-com-12 .con-box-04 { max-width: var(--sub-width-2-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-12 .list-box-03 {	display: grid;	grid-template-columns: repeat(4, minmax(0, 1fr));	gap: 1.4em;	width: 100%;}
.con-com-12 .list-box-03 .ls-list { background: linear-gradient(145deg, var(--color-2) 50%, var(--bg-white) 50%);	position: relative;	display: flex;	flex-direction: column;text-align: left;	min-height: 10.5em;	padding: 1.35em 1.4em 1.5em;	border-radius: 0.85em;	border: 1px solid var(--bg-gray-7);	box-shadow: var(--box-shadow-1)}
.con-com-12 .list-box-03 .ls-list.list-01 {	background: var(--color-1);	color: var(--bg-white);	min-height: 10.5em;	padding: 1.5em 1.4em 1.5em;}
.con-com-12 .list-box-03 .ls-list.list-01::after {	content: "";	position: absolute;	right: 1em;	bottom: 1em;	width: 2.75em;	height: 2.75em;	opacity: 0.95;	background: no-repeat center / contain		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='81px' height='92px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M79.003,42.641 L73.127,42.641 C72.025,42.641 71.132,41.745 71.132,40.639 C71.132,39.533 72.025,38.636 73.127,38.636 L79.003,38.636 C80.105,38.636 80.998,39.533 80.998,40.639 C80.998,41.745 80.105,42.641 79.003,42.641 ZM67.724,69.964 C67.213,69.964 66.702,69.769 66.312,69.377 L62.158,65.208 C61.379,64.425 61.379,63.157 62.159,62.376 C62.938,61.593 64.202,61.594 64.981,62.376 L69.135,66.546 C69.914,67.328 69.914,68.596 69.135,69.377 C68.745,69.769 68.234,69.964 67.724,69.964 ZM64.981,18.900 C64.591,19.291 64.080,19.486 63.570,19.486 C63.059,19.486 62.548,19.291 62.159,18.900 C61.379,18.117 61.379,16.850 62.159,16.068 L66.313,11.899 C67.091,11.117 68.356,11.117 69.135,11.899 C69.914,12.681 69.914,13.949 69.135,14.731 L64.981,18.900 ZM56.449,62.602 C55.222,63.920 53.216,66.427 52.511,69.358 L52.511,72.982 L52.511,83.821 C52.511,84.352 52.301,84.861 51.927,85.237 C51.552,85.612 51.045,85.823 50.515,85.823 L50.515,85.823 L48.840,85.823 C48.358,89.302 45.382,91.993 41.784,91.993 L38.444,91.993 C34.845,91.993 31.868,89.301 31.388,85.817 L29.713,85.817 C28.611,85.817 27.717,84.921 27.717,83.815 L27.717,72.982 L27.717,69.363 C27.012,66.426 25.006,63.918 23.778,62.600 C16.834,57.423 12.694,49.179 12.694,40.511 C12.694,25.339 24.995,12.995 40.115,12.995 C55.234,12.995 67.535,25.339 67.535,40.511 C67.535,49.180 63.394,57.424 56.449,62.602 ZM38.444,87.987 L41.784,87.987 C43.171,87.987 44.337,87.075 44.752,85.821 L35.477,85.819 C35.891,87.074 37.057,87.987 38.444,87.987 ZM31.709,81.813 L48.520,81.817 L48.520,74.985 L31.709,74.985 L31.709,81.813 ZM40.115,17.001 C27.196,17.001 16.685,27.547 16.685,40.511 C16.685,47.970 20.274,55.061 26.286,59.479 C26.382,59.550 26.471,59.628 26.553,59.715 C28.419,61.683 30.820,64.842 31.663,68.708 C31.693,68.848 31.709,68.992 31.709,69.136 L31.709,70.979 L48.520,70.979 L48.520,69.131 C48.520,68.987 48.535,68.842 48.566,68.702 C49.409,64.842 51.809,61.685 53.673,59.717 C53.755,59.631 53.845,59.552 53.941,59.481 C59.954,55.062 63.543,47.971 63.543,40.511 C63.543,27.547 53.034,17.001 40.115,17.001 ZM45.935,49.182 L45.935,66.593 C45.935,67.699 45.041,68.596 43.939,68.596 C42.837,68.596 41.943,67.699 41.943,66.593 L41.943,48.470 C41.262,48.121 40.644,47.668 40.114,47.124 C39.584,47.668 38.966,48.122 38.284,48.470 L38.284,66.593 C38.284,67.699 37.391,68.596 36.288,68.596 C35.186,68.596 34.293,67.699 34.293,66.593 L34.293,49.182 C30.832,48.768 28.140,45.810 28.140,42.228 C28.140,38.363 31.273,35.218 35.125,35.218 C37.079,35.218 38.845,36.030 40.114,37.332 C41.383,36.030 43.150,35.218 45.104,35.218 C48.955,35.218 52.089,38.363 52.089,42.228 C52.089,45.810 49.395,48.769 45.935,49.182 ZM35.125,39.224 C33.474,39.224 32.131,40.571 32.131,42.228 C32.131,43.884 33.474,45.232 35.125,45.232 C36.776,45.232 38.119,43.884 38.119,42.228 C38.119,40.571 36.776,39.224 35.125,39.224 ZM45.104,39.224 C43.453,39.224 42.110,40.571 42.110,42.228 C42.110,43.884 43.453,45.232 45.104,45.232 C46.754,45.232 48.097,43.884 48.097,42.228 C48.097,40.571 46.754,39.224 45.104,39.224 ZM40.496,9.896 C39.394,9.896 38.500,9.000 38.500,7.894 L38.500,1.998 C38.500,0.892 39.394,-0.005 40.496,-0.005 C41.598,-0.005 42.491,0.892 42.491,1.998 L42.491,7.894 C42.491,9.000 41.598,9.896 40.496,9.896 ZM17.423,19.487 C16.912,19.487 16.402,19.292 16.012,18.901 L11.857,14.732 C11.077,13.951 11.077,12.682 11.856,11.900 C12.636,11.118 13.899,11.118 14.679,11.900 L18.834,16.069 C19.613,16.850 19.613,18.118 18.834,18.901 C18.444,19.292 17.933,19.487 17.423,19.487 ZM7.865,42.641 L1.990,42.641 C0.888,42.641 -0.006,41.745 -0.006,40.639 C-0.006,39.533 0.888,38.636 1.990,38.636 L7.865,38.636 C8.967,38.636 9.861,39.533 9.861,40.639 C9.861,41.745 8.967,42.641 7.865,42.641 ZM16.012,62.376 C16.790,61.594 18.055,61.594 18.834,62.376 C19.613,63.158 19.613,64.425 18.834,65.208 L14.679,69.377 C14.289,69.769 13.778,69.964 13.268,69.964 C12.757,69.964 12.246,69.769 11.857,69.377 C11.077,68.595 11.077,67.328 11.857,66.546 L16.012,62.376 Z'/%3E%3C/svg%3E");	pointer-events: none;}
.con-com-12 .list-box-03 .ls-list.list-01 .ls-head {height: auto;}
.con-com-12 .list-box-03 .ls-list.list-01 .ls-head p {padding-bottom: 0.5em; font-family: var(--font-2) ; font-weight:400; color: var(--color-3); font-size: 0.75em; opacity: 0.5;}
.con-com-12 .list-box-03 .ls-list.list-01 .ls-head h5 {	font-size: 1.4em;font-weight: 700;	line-height: 1.25;	color: var(--bg-white); }
.con-com-12 .list-box-03 .ls-list .ls-num { height:2em; font-size: 0.95em; font-family: var(--font-2); font-weight:500; color: var(--color-3);}
.con-com-12 .list-box-03 .ls-list .ls-num span {display: inline-block;	color: var(--color-1);line-height: 1.2;	-webkit-box-reflect: below -0.5em linear-gradient(to top, rgba(255, 104, 1, 0.28) 0%, rgba(255, 104, 1, 0.12) 38%, transparent 68%);	box-reflect: below -0.22em linear-gradient(to top, rgba(255, 104, 1, 0.28) 0%, rgba(255, 104, 1, 0.12) 38%, transparent 68%);}
.con-com-12 .list-box-03 .ls-txt {	font-weight: 500;	line-height: 1.55; margin-top: auto;}
.con-com-12 .com-box-05 {  padding-top: 7em; padding-bottom:4em;}
.con-com-12 .con-box-05 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-12 .ul-box-02 { position: relative; margin-top: -0.5em; text-align: left; }
.con-com-12 .ul-box-02 li { line-height: 1.6em; padding:1.2em 0; background-image: var(--dotted-bar-1); background-position: bottom;	background-size: 8px 1px; background-repeat: repeat-x; }

.con-com-13 { padding-top: 7em; overflow: hidden;}
.con-com-13 .con-head { text-align: center; margin:0 auto; max-width:var(--main-width-pd); padding-left:20px; padding-right:20px; padding-bottom: 5em }
.con-com-13 .con-box-01 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-13 .hit-box .hit-txt { line-height: 1.6em; margin-bottom: 2em; position: relative; font-size: 2em; color:var(--color-1); font-weight:700; padding-left:1em; padding-right:1em;}
.con-com-13 .hit-box .hit-txt span:nth-child(1):before { content:'“'; left:-2em;}
.con-com-13 .hit-box .hit-txt span:nth-child(1):after { content:'”'; right:-2em;  }
.con-com-13 .hit-box .hit-txt span:before {  position: absolute; font-weight:400; top:0em; font-size: 1.6em; color:var(--color-4); font-family: var(--font-2);  }
.con-com-13 .hit-box .hit-txt span:after {  position: absolute; font-weight:400; top:0em; font-size: 1.6em; color:var(--color-4); font-family: var(--font-2);  }
.con-com-13 .hit-box .hit-txt span {  position: relative; display:inline-block;}
.con-com-13 .hit-box .hit-pp { font-size: 1.1em; line-height: 1.6em;}
.con-com-13 .hit-box { padding-bottom: 7em;}	
.con-com-13 .tab-box {	position: relative;	width: 100%; max-width: var(--main-width);margin: 0 auto 1.5em auto;	box-sizing: border-box;	border-bottom: 1px solid var(--color-1);}
.con-com-13 .tab-box ul {	display: flex;	justify-content: center;	align-items: flex-end;	flex-wrap: nowrap;	gap: 0;	}
.con-com-13 .tab-box li {	flex: 0 0 19%;	max-width: none;position: relative;	z-index: 0;}
.con-com-13 .tab-box li + li {	margin-left: -1px;}
.con-com-13 .tab-box li.tab-active {color:  var(--color-1);	z-index: 2;}
.con-com-13 .tab-box li a {	display: block;	font-size: 1.25em;	line-height: 1.25;	padding: 0.7em 1.75em;	text-align: center;	color: var(--bg-gray-4); border: 1px solid var(--bg-gray-2);	border-bottom: none;	margin-bottom: -1px;}
.con-com-13 .tab-box li.tab-active a { 	font-weight: 600;	color:  var(--color-1);	border-color: var(--color-1); border-bottom: 1px solid var(--bg-white);	position: relative;}
.con-com-13 .tab-box li a:hover {	color:  var(--color-1);}
.con-com-13 .tab-box li a:focus-visible {	outline: 2px solid  var(--color-1);	outline-offset: 2px;}
.con-com-13 .com-box-01 { padding-top: 5em;}
.con-com-13 .com-box-02 { background:var(--color-2); padding-top: 7em; padding-bottom:4em;}
.con-com-13 .con-box-02 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-13 .com-box-03 { padding-top: 7em; padding-bottom: 5em; }
.con-com-13 .con-box-03 { max-width: var(--main-width-pd); padding-left: 20px; padding-right: 20px; margin: 0 auto; }
.con-com-13 .area-box { text-align: left; display: flex; justify-content: space-between; }
.con-com-13 .area-box .lt-box { width: 25%;min-width: 15em;}
.con-com-13 .area-box .rt-box { width: 75%; }
.con-com-13 .area-box h5 { font-size: 1.65em; line-height: 1.4em; }
.con-com-13 .area-box .title-box p { padding-top: 2em; font-size: 0.85em; opacity: 0.7; }
.con-com-13 .list-box-01 { flex-wrap: wrap; display:flex; margin-right:-1.8em;  overflow: hidden; align-items: stretch;}
.con-com-13 .list-box-01 .ls-list {width:calc(50% - 1.8em); position: relative; padding: 1.5em 2em 1.5em 2em; display:flex; line-height: 1.6em; flex-direction: column; margin-bottom: 1.8em; margin-right:1.8em;background: var(--bg-white);	border-radius: 0.5em;	border: 1px solid var(--bg-gray-7);	box-shadow: var(--box-shadow-1)}
.con-com-13 .list-box-01 .ls-list.list-0 {border: 1px solid var(--color-1); }
.con-com-13 .list-box-01 .ls-head { height:3.6em;}
.con-com-13 .ls-head {font-size: 1.2em; font-weight:700;}
.con-com-13 .list-box-01 .ls-txt { margin-top:auto;}
.con-com-13 .list-box-01 .ls-txt .ul-box-01 { margin-top: 0; }
.con-com-13 .list-box-01 .ls-txt .ul-box-01 li { margin-bottom: 0; }
.con-com-13 .list-box-01 .ls-txt .ul-box-01 li:last-child { margin-bottom: 0; }
.con-com-13 .list-box-01 .ls-icon { position: absolute; right:1.5em; top:1em; min-width:30px; max-width: 76px; text-align: right; width: 7em;} 
.con-com-13 .list-box-01 .ls-icon img { max-width:100%;}
.con-com-13 .ul-box-01 { text-align: left;}
.con-com-13 .ul-box-01 li { position: relative; padding-left: 0.8em; line-height: 1.6em; margin-bottom: 0.6em; }
.con-com-13 .ul-box-01 li:before { content: '-'; position: absolute; left: 0; font-size: 1.1em; }
.con-com-13 .com-box-04 { background:var(--color-3); padding-top: 7em; padding-bottom:7em;}
.con-com-13 .con-box-04 { max-width: var(--sub-width-2-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-13 .list-box-03 {	display: grid;	grid-template-columns: repeat(4, minmax(0, 1fr));	gap: 1.4em;	width: 100%;}
.con-com-13 .list-box-03 .ls-list { background: linear-gradient(145deg, var(--color-2) 50%, var(--bg-white) 50%);	position: relative;	display: flex;	flex-direction: column;text-align: left;	min-height: 10.5em;	padding: 1.35em 1.4em 1.5em;	border-radius: 0.85em;	border: 1px solid var(--bg-gray-7);	box-shadow: var(--box-shadow-1)}
.con-com-13 .list-box-03 .ls-list.list-01 {	background: var(--color-1);	color: var(--bg-white);	min-height: 10.5em;	padding: 1.5em 1.4em 1.5em;}
.con-com-13 .list-box-03 .ls-list.list-01::after {	content: "";	position: absolute;	right: 1em;	bottom: 1em;	width: 2.75em;	height: 2.75em;	opacity: 0.95;	background: no-repeat center / contain		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='81px' height='92px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M79.003,42.641 L73.127,42.641 C72.025,42.641 71.132,41.745 71.132,40.639 C71.132,39.533 72.025,38.636 73.127,38.636 L79.003,38.636 C80.105,38.636 80.998,39.533 80.998,40.639 C80.998,41.745 80.105,42.641 79.003,42.641 ZM67.724,69.964 C67.213,69.964 66.702,69.769 66.312,69.377 L62.158,65.208 C61.379,64.425 61.379,63.157 62.159,62.376 C62.938,61.593 64.202,61.594 64.981,62.376 L69.135,66.546 C69.914,67.328 69.914,68.596 69.135,69.377 C68.745,69.769 68.234,69.964 67.724,69.964 ZM64.981,18.900 C64.591,19.291 64.080,19.486 63.570,19.486 C63.059,19.486 62.548,19.291 62.159,18.900 C61.379,18.117 61.379,16.850 62.159,16.068 L66.313,11.899 C67.091,11.117 68.356,11.117 69.135,11.899 C69.914,12.681 69.914,13.949 69.135,14.731 L64.981,18.900 ZM56.449,62.602 C55.222,63.920 53.216,66.427 52.511,69.358 L52.511,72.982 L52.511,83.821 C52.511,84.352 52.301,84.861 51.927,85.237 C51.552,85.612 51.045,85.823 50.515,85.823 L50.515,85.823 L48.840,85.823 C48.358,89.302 45.382,91.993 41.784,91.993 L38.444,91.993 C34.845,91.993 31.868,89.301 31.388,85.817 L29.713,85.817 C28.611,85.817 27.717,84.921 27.717,83.815 L27.717,72.982 L27.717,69.363 C27.012,66.426 25.006,63.918 23.778,62.600 C16.834,57.423 12.694,49.179 12.694,40.511 C12.694,25.339 24.995,12.995 40.115,12.995 C55.234,12.995 67.535,25.339 67.535,40.511 C67.535,49.180 63.394,57.424 56.449,62.602 ZM38.444,87.987 L41.784,87.987 C43.171,87.987 44.337,87.075 44.752,85.821 L35.477,85.819 C35.891,87.074 37.057,87.987 38.444,87.987 ZM31.709,81.813 L48.520,81.817 L48.520,74.985 L31.709,74.985 L31.709,81.813 ZM40.115,17.001 C27.196,17.001 16.685,27.547 16.685,40.511 C16.685,47.970 20.274,55.061 26.286,59.479 C26.382,59.550 26.471,59.628 26.553,59.715 C28.419,61.683 30.820,64.842 31.663,68.708 C31.693,68.848 31.709,68.992 31.709,69.136 L31.709,70.979 L48.520,70.979 L48.520,69.131 C48.520,68.987 48.535,68.842 48.566,68.702 C49.409,64.842 51.809,61.685 53.673,59.717 C53.755,59.631 53.845,59.552 53.941,59.481 C59.954,55.062 63.543,47.971 63.543,40.511 C63.543,27.547 53.034,17.001 40.115,17.001 ZM45.935,49.182 L45.935,66.593 C45.935,67.699 45.041,68.596 43.939,68.596 C42.837,68.596 41.943,67.699 41.943,66.593 L41.943,48.470 C41.262,48.121 40.644,47.668 40.114,47.124 C39.584,47.668 38.966,48.122 38.284,48.470 L38.284,66.593 C38.284,67.699 37.391,68.596 36.288,68.596 C35.186,68.596 34.293,67.699 34.293,66.593 L34.293,49.182 C30.832,48.768 28.140,45.810 28.140,42.228 C28.140,38.363 31.273,35.218 35.125,35.218 C37.079,35.218 38.845,36.030 40.114,37.332 C41.383,36.030 43.150,35.218 45.104,35.218 C48.955,35.218 52.089,38.363 52.089,42.228 C52.089,45.810 49.395,48.769 45.935,49.182 ZM35.125,39.224 C33.474,39.224 32.131,40.571 32.131,42.228 C32.131,43.884 33.474,45.232 35.125,45.232 C36.776,45.232 38.119,43.884 38.119,42.228 C38.119,40.571 36.776,39.224 35.125,39.224 ZM45.104,39.224 C43.453,39.224 42.110,40.571 42.110,42.228 C42.110,43.884 43.453,45.232 45.104,45.232 C46.754,45.232 48.097,43.884 48.097,42.228 C48.097,40.571 46.754,39.224 45.104,39.224 ZM40.496,9.896 C39.394,9.896 38.500,9.000 38.500,7.894 L38.500,1.998 C38.500,0.892 39.394,-0.005 40.496,-0.005 C41.598,-0.005 42.491,0.892 42.491,1.998 L42.491,7.894 C42.491,9.000 41.598,9.896 40.496,9.896 ZM17.423,19.487 C16.912,19.487 16.402,19.292 16.012,18.901 L11.857,14.732 C11.077,13.951 11.077,12.682 11.856,11.900 C12.636,11.118 13.899,11.118 14.679,11.900 L18.834,16.069 C19.613,16.850 19.613,18.118 18.834,18.901 C18.444,19.292 17.933,19.487 17.423,19.487 ZM7.865,42.641 L1.990,42.641 C0.888,42.641 -0.006,41.745 -0.006,40.639 C-0.006,39.533 0.888,38.636 1.990,38.636 L7.865,38.636 C8.967,38.636 9.861,39.533 9.861,40.639 C9.861,41.745 8.967,42.641 7.865,42.641 ZM16.012,62.376 C16.790,61.594 18.055,61.594 18.834,62.376 C19.613,63.158 19.613,64.425 18.834,65.208 L14.679,69.377 C14.289,69.769 13.778,69.964 13.268,69.964 C12.757,69.964 12.246,69.769 11.857,69.377 C11.077,68.595 11.077,67.328 11.857,66.546 L16.012,62.376 Z'/%3E%3C/svg%3E");	pointer-events: none;}
.con-com-13 .list-box-03 .ls-list.list-01 .ls-head {height: auto;}
.con-com-13 .list-box-03 .ls-list.list-01 .ls-head p {padding-bottom: 0.5em; font-family: var(--font-2) ; font-weight:400; color: var(--color-3); font-size: 0.75em; opacity: 0.5;}
.con-com-13 .list-box-03 .ls-list.list-01 .ls-head h5 {	font-size: 1.4em;font-weight: 700;	line-height: 1.25;	color: var(--bg-white); }
.con-com-13 .list-box-03 .ls-list .ls-num { height:2em; font-size: 0.95em; font-family: var(--font-2); font-weight:500; color: var(--color-3);}
.con-com-13 .list-box-03 .ls-list .ls-num span {display: inline-block;	color: var(--color-1);line-height: 1.2;	-webkit-box-reflect: below -0.5em linear-gradient(to top, rgba(255, 104, 1, 0.28) 0%, rgba(255, 104, 1, 0.12) 38%, transparent 68%);	box-reflect: below -0.22em linear-gradient(to top, rgba(255, 104, 1, 0.28) 0%, rgba(255, 104, 1, 0.12) 38%, transparent 68%);}
.con-com-13 .list-box-03 .ls-txt {	font-weight: 500;	line-height: 1.55; margin-top: auto;}
.con-com-13 .com-box-05 {  padding-top: 7em; padding-bottom:4em;}
.con-com-13 .con-box-05 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-13 .ul-box-02 { position: relative; margin-top: -0.5em; text-align: left; }
.con-com-13 .ul-box-02 li { line-height: 1.6em; padding:1.2em 0; background-image: var(--dotted-bar-1); background-position: bottom;	background-size: 8px 1px; background-repeat: repeat-x; }
.con-com-13 .ul-box-02 li:last-of-type { background:none;}
.con-com-13 .ul-box-03 { position: relative; margin-top: -0.5em; text-align: left; }
.con-com-13 .ul-box-03 strong { display: block; font-size: 1.2em; padding-bottom: 1em; }
.con-com-13 .ul-box-03 strong span { font-size: 0.85em; font-weight:400;}
.con-com-13 .ul-box-03 > ul > li { line-height: 1.6em; padding: 2em 0; background-image: var(--dotted-bar-1); background-position: bottom; background-size: 8px 1px; background-repeat: repeat-x; }
.con-com-13 .ul-box-03 > ul > li:last-of-type { background: none; }
.con-com-13 .ul-box-03 > ul > li:first-of-type { padding-top: 1em; }
.con-com-13 .ul-box-03 .ul-box-01 { padding-top: 0.25em; }
.con-com-13 .table-box { padding-top: 3em; }
.con-com-13 .table-box > strong { display: block; font-size: 1.2em; font-weight: 700; padding-bottom: 1em; }
.con-com-13 .table-box-gpass { width: 100%; overflow-x: auto; padding-bottom: 20px; -webkit-overflow-scrolling: touch; }
.con-com-13 .table-box-gpass::-webkit-scrollbar { width: 100%; height: 5px; }
.con-com-13 .table-box-gpass::-webkit-scrollbar-thumb { background: var(--color-1); border-radius: 1em; }
.con-com-13 .table-box-gpass::-webkit-scrollbar-track { border-radius: 1em; background-color: var(--bg-gray-2); }
.con-com-13 .table-box-gpass table { width: 100%; min-width: 520px; border-collapse: separate; border-spacing: 0; table-layout: fixed; line-height: 1.55; }
.con-com-13 .table-box-gpass .col-grade { width: 16%; }
.con-com-13 .table-box-gpass .col-export { width: 34%; }
.con-com-13 .table-box-gpass .col-effort { width: 50%; }
.con-com-13 .table-box-gpass thead { position: relative; }
.con-com-13 .table-box-gpass thead tr { position: relative; }
.con-com-13 .table-box-gpass thead:before { z-index: 0; left: 0; top: 0; content: ''; width: 100%; height: 100%; position: absolute; background: var(--bg-white); box-shadow: var(--box-shadow-1); border: 1px solid var(--color-1); border-radius: 0.5em; overflow: hidden; pointer-events: none; }
.con-com-13 .table-box-gpass thead th { z-index: 1; position: relative; font-weight: 700; text-align: center; padding: 0.85em 0.5em; vertical-align: middle; background: transparent; border: none; border-right: 1px solid var(--bg-gray-7); border-bottom: 1px solid var(--bg-gray-7); }
.con-com-13 .table-box-gpass thead th[rowspan] { border-bottom: none; }
.con-com-13 .table-box-gpass thead tr:first-child th[colspan] { border-bottom: 1px solid var(--bg-gray-7); }
.con-com-13 .table-box-gpass thead tr:last-child th { border-bottom: none; }
.con-com-13 .table-box-gpass thead tr:first-child th:last-child,
.con-com-13 .table-box-gpass thead tr:last-child th:last-child { border-right: none; }
.con-com-13 .table-box-gpass thead th span { display: block; line-height: 1.4; }
.con-com-13 .table-box-gpass thead sup { font-size: 0.72em; font-weight: 400; vertical-align: super; line-height: 0; }
.con-com-13 .table-box-gpass tbody tr:first-child th,
.con-com-13 .table-box-gpass tbody tr:first-child td { padding-top: 1.35em; }
.con-com-13 .table-box-gpass tbody th,
.con-com-13 .table-box-gpass tbody td { padding: 0.85em 0.65em;  vertical-align: middle; }
.con-com-13 .table-box-gpass tbody tr { background-image: var(--dotted-bar-1); background-position: bottom; background-size: 8px 1px; background-repeat: repeat-x;}
.con-com-13 .table-box-gpass tbody th { font-weight: 700; text-align: center; white-space: nowrap; }
.con-com-13 .table-box-gpass tbody tr:last-of-type { background:none;}
.con-com-13 .table-box-gpass tbody td:nth-child(2) { text-align: center; }
.con-com-13 .table-box-gpass tbody td:nth-child(3) { text-align: left; vertical-align: top; }
.con-com-13 .table-box-gpass .td-list {  text-align: left; }
.con-com-13 .table-box-gpass .td-list > li { position: relative; padding-left: 0.75em; margin-bottom: 0.45em; line-height: 1.5; }
.con-com-13 .table-box-gpass .td-list > li:before { content: '-'; position: absolute; left: 0; }
.con-com-13 .table-box-gpass .td-list ul { margin-top:0.5em; padding-left:1em;}
.con-com-13 .table-box-gpass .td-list ul li { position: relative; color:var(--bg-gray-5); margin-bottom: 0.25em; font-size: 0.92em; list-style-type:decimal;}
.con-com-13 .ul-box-03 > ul > li:last-of-type { padding-top: 5em;}

.con-com-14 { padding-top: 7em; padding-bottom:5em; overflow: hidden;}
.con-com-14 .con-head { text-align: center; margin:0 auto; max-width:var(--main-width-pd); padding-left:20px; padding-right:20px; padding-bottom: 5em }
.con-com-14 .con-box-01 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-14 .hit-box .hit-txt { line-height: 1.6em; margin-bottom: 2em; position: relative; font-size: 2em; color:var(--color-1); font-weight:700; padding-left:1em; padding-right:1em;}
.con-com-14 .hit-box .hit-txt span:nth-child(1):before { content:'“'; left:-2em;}
.con-com-14 .hit-box .hit-txt span:nth-child(1):after { content:'”'; right:-2em;  }
.con-com-14 .hit-box .hit-txt span:before {  position: absolute; font-weight:400; top:0em; font-size: 1.6em; color:var(--color-4); font-family: var(--font-2);  }
.con-com-14 .hit-box .hit-txt span:after {  position: absolute; font-weight:400; top:0em; font-size: 1.6em; color:var(--color-4); font-family: var(--font-2);  }
.con-com-14 .hit-box .hit-txt span {  position: relative; display:inline-block;}
.con-com-14 .hit-box .hit-pp { font-size: 1.1em; line-height: 1.6em;}
.con-com-14 .hit-box { padding-bottom: 7em;}	
.con-com-14 .tab-box {	position: relative;	width: 100%; max-width: var(--main-width);margin: 0 auto 1.5em auto;	box-sizing: border-box;	border-bottom: 1px solid var(--color-1);}
.con-com-14 .tab-box ul {	display: flex;	justify-content: center;	align-items: flex-end;	flex-wrap: nowrap;	gap: 0;	}
.con-com-14 .tab-box li {	flex: 0 0 19%;	max-width: none;position: relative;	z-index: 0;}
.con-com-14 .tab-box li + li {	margin-left: -1px;}
.con-com-14 .tab-box li.tab-active {color:  var(--color-1);	z-index: 2;}
.con-com-14 .tab-box li a {	display: block;	font-size: 1.25em;	line-height: 1.25;	padding: 0.7em 1.75em;	text-align: center;	color: var(--bg-gray-4); border: 1px solid var(--bg-gray-2);	border-bottom: none;	margin-bottom: -1px;}
.con-com-14 .tab-box li.tab-active a { 	font-weight: 600;	color:  var(--color-1);	border-color: var(--color-1); border-bottom: 1px solid var(--bg-white);	position: relative;}
.con-com-14 .tab-box li a:hover {	color:  var(--color-1);}
.con-com-14 .tab-box li a:focus-visible {	outline: 2px solid  var(--color-1);	outline-offset: 2px;}
.con-com-14 .com-box-01 { padding-top: 5em;}
.con-com-14 .com-box-02 { background:var(--color-2); padding-top: 7em; padding-bottom:4em;}
.con-com-14 .con-box-02 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-14 .com-box-03 { padding-top: 7em; padding-bottom: 5em; }
.con-com-14 .con-box-03 { max-width: var(--main-width-pd); padding-left: 20px; padding-right: 20px; margin: 0 auto; }
.con-com-14 .area-box { text-align: left; display: flex; justify-content: space-between; }
.con-com-14 .area-box .lt-box { width: 25%;min-width: 15em;}
.con-com-14 .area-box .rt-box { width: 75%; }
.con-com-14 .area-box h5 { font-size: 1.65em; line-height: 1.4em; }
.con-com-14 .area-box .title-box p { padding-top: 2em; font-size: 0.85em; opacity: 0.7; }
.con-com-14 .list-box-01 { flex-wrap: wrap; display:flex; margin-right:-1.8em;  overflow: hidden; align-items: stretch;}
.con-com-14 .list-box-01 .ls-list {width:calc(100% - 1.8em); position: relative; padding: 1.5em 2em 1.5em 2em; display:flex; line-height: 1.6em; flex-direction: column; margin-bottom: 1.8em; margin-right:1.8em;background: var(--bg-white);	border-radius: 0.5em;	border: 1px solid var(--bg-gray-7);	box-shadow: var(--box-shadow-1)}
.con-com-14 .list-box-01 .ls-list.list-0 {border: 1px solid var(--color-1); }
.con-com-14 .list-box-01 .ls-head { height:3.6em;}
.con-com-14 .ls-head {font-size: 1.2em; font-weight:700;}
.con-com-14 .list-box-01 .ls-txt { margin-top:auto;}
.con-com-14 .list-box-01 .ls-icon { position: absolute; right:1.5em; top:1em; min-width:30px; max-width: 76px; text-align: right; width: 7em;} 
.con-com-14 .list-box-01 .ls-icon img { max-width:100%;}
.con-com-14 .ul-box-01 { text-align: left;}
.con-com-14 .ul-box-01 li { position: relative; padding-left: 0.8em; line-height: 1.6em; margin-bottom: 0.6em; }
.con-com-14 .ul-box-01 li:before { content: '-'; position: absolute; left: 0; font-size: 1.1em; }
.con-com-14 .com-box-04 { background:var(--color-3); padding-top: 7em; padding-bottom:7em;}
.con-com-14 .con-box-04 { max-width: var(--sub-width-2-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-14 .list-box-03 {	display: grid;	grid-template-columns: repeat(4, minmax(0, 1fr));	gap: 1.4em;	width: 100%;}
.con-com-14 .list-box-03 .ls-list { background: linear-gradient(145deg, var(--color-2) 50%, var(--bg-white) 50%);	position: relative;	display: flex;	flex-direction: column;text-align: left;	min-height: 10.5em;	padding: 1.35em 1.4em 1.5em;	border-radius: 0.85em;	border: 1px solid var(--bg-gray-7);	box-shadow: var(--box-shadow-1)}
.con-com-14 .list-box-03 .ls-list.list-01 {	background: var(--color-1);	color: var(--bg-white);	min-height: 10.5em;	padding: 1.5em 1.4em 1.5em;}
.con-com-14 .list-box-03 .ls-list.list-01::after {	content: "";	position: absolute;	right: 1em;	bottom: 1em;	width: 2.75em;	height: 2.75em;	opacity: 0.95;	background: no-repeat center / contain		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='81px' height='92px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M79.003,42.641 L73.127,42.641 C72.025,42.641 71.132,41.745 71.132,40.639 C71.132,39.533 72.025,38.636 73.127,38.636 L79.003,38.636 C80.105,38.636 80.998,39.533 80.998,40.639 C80.998,41.745 80.105,42.641 79.003,42.641 ZM67.724,69.964 C67.213,69.964 66.702,69.769 66.312,69.377 L62.158,65.208 C61.379,64.425 61.379,63.157 62.159,62.376 C62.938,61.593 64.202,61.594 64.981,62.376 L69.135,66.546 C69.914,67.328 69.914,68.596 69.135,69.377 C68.745,69.769 68.234,69.964 67.724,69.964 ZM64.981,18.900 C64.591,19.291 64.080,19.486 63.570,19.486 C63.059,19.486 62.548,19.291 62.159,18.900 C61.379,18.117 61.379,16.850 62.159,16.068 L66.313,11.899 C67.091,11.117 68.356,11.117 69.135,11.899 C69.914,12.681 69.914,13.949 69.135,14.731 L64.981,18.900 ZM56.449,62.602 C55.222,63.920 53.216,66.427 52.511,69.358 L52.511,72.982 L52.511,83.821 C52.511,84.352 52.301,84.861 51.927,85.237 C51.552,85.612 51.045,85.823 50.515,85.823 L50.515,85.823 L48.840,85.823 C48.358,89.302 45.382,91.993 41.784,91.993 L38.444,91.993 C34.845,91.993 31.868,89.301 31.388,85.817 L29.713,85.817 C28.611,85.817 27.717,84.921 27.717,83.815 L27.717,72.982 L27.717,69.363 C27.012,66.426 25.006,63.918 23.778,62.600 C16.834,57.423 12.694,49.179 12.694,40.511 C12.694,25.339 24.995,12.995 40.115,12.995 C55.234,12.995 67.535,25.339 67.535,40.511 C67.535,49.180 63.394,57.424 56.449,62.602 ZM38.444,87.987 L41.784,87.987 C43.171,87.987 44.337,87.075 44.752,85.821 L35.477,85.819 C35.891,87.074 37.057,87.987 38.444,87.987 ZM31.709,81.813 L48.520,81.817 L48.520,74.985 L31.709,74.985 L31.709,81.813 ZM40.115,17.001 C27.196,17.001 16.685,27.547 16.685,40.511 C16.685,47.970 20.274,55.061 26.286,59.479 C26.382,59.550 26.471,59.628 26.553,59.715 C28.419,61.683 30.820,64.842 31.663,68.708 C31.693,68.848 31.709,68.992 31.709,69.136 L31.709,70.979 L48.520,70.979 L48.520,69.131 C48.520,68.987 48.535,68.842 48.566,68.702 C49.409,64.842 51.809,61.685 53.673,59.717 C53.755,59.631 53.845,59.552 53.941,59.481 C59.954,55.062 63.543,47.971 63.543,40.511 C63.543,27.547 53.034,17.001 40.115,17.001 ZM45.935,49.182 L45.935,66.593 C45.935,67.699 45.041,68.596 43.939,68.596 C42.837,68.596 41.943,67.699 41.943,66.593 L41.943,48.470 C41.262,48.121 40.644,47.668 40.114,47.124 C39.584,47.668 38.966,48.122 38.284,48.470 L38.284,66.593 C38.284,67.699 37.391,68.596 36.288,68.596 C35.186,68.596 34.293,67.699 34.293,66.593 L34.293,49.182 C30.832,48.768 28.140,45.810 28.140,42.228 C28.140,38.363 31.273,35.218 35.125,35.218 C37.079,35.218 38.845,36.030 40.114,37.332 C41.383,36.030 43.150,35.218 45.104,35.218 C48.955,35.218 52.089,38.363 52.089,42.228 C52.089,45.810 49.395,48.769 45.935,49.182 ZM35.125,39.224 C33.474,39.224 32.131,40.571 32.131,42.228 C32.131,43.884 33.474,45.232 35.125,45.232 C36.776,45.232 38.119,43.884 38.119,42.228 C38.119,40.571 36.776,39.224 35.125,39.224 ZM45.104,39.224 C43.453,39.224 42.110,40.571 42.110,42.228 C42.110,43.884 43.453,45.232 45.104,45.232 C46.754,45.232 48.097,43.884 48.097,42.228 C48.097,40.571 46.754,39.224 45.104,39.224 ZM40.496,9.896 C39.394,9.896 38.500,9.000 38.500,7.894 L38.500,1.998 C38.500,0.892 39.394,-0.005 40.496,-0.005 C41.598,-0.005 42.491,0.892 42.491,1.998 L42.491,7.894 C42.491,9.000 41.598,9.896 40.496,9.896 ZM17.423,19.487 C16.912,19.487 16.402,19.292 16.012,18.901 L11.857,14.732 C11.077,13.951 11.077,12.682 11.856,11.900 C12.636,11.118 13.899,11.118 14.679,11.900 L18.834,16.069 C19.613,16.850 19.613,18.118 18.834,18.901 C18.444,19.292 17.933,19.487 17.423,19.487 ZM7.865,42.641 L1.990,42.641 C0.888,42.641 -0.006,41.745 -0.006,40.639 C-0.006,39.533 0.888,38.636 1.990,38.636 L7.865,38.636 C8.967,38.636 9.861,39.533 9.861,40.639 C9.861,41.745 8.967,42.641 7.865,42.641 ZM16.012,62.376 C16.790,61.594 18.055,61.594 18.834,62.376 C19.613,63.158 19.613,64.425 18.834,65.208 L14.679,69.377 C14.289,69.769 13.778,69.964 13.268,69.964 C12.757,69.964 12.246,69.769 11.857,69.377 C11.077,68.595 11.077,67.328 11.857,66.546 L16.012,62.376 Z'/%3E%3C/svg%3E");	pointer-events: none;}
.con-com-14 .list-box-03 .ls-list.list-01 .ls-head {height: auto;}
.con-com-14 .list-box-03 .ls-list.list-01 .ls-head p {padding-bottom: 0.5em; font-family: var(--font-2) ; font-weight:400; color: var(--color-3); font-size: 0.75em; opacity: 0.5;}
.con-com-14 .list-box-03 .ls-list.list-01 .ls-head h5 {	font-size: 1.4em;font-weight: 700;	line-height: 1.25;	color: var(--bg-white); }
.con-com-14 .list-box-03 .ls-list .ls-num { height:2em; font-size: 0.95em; font-family: var(--font-2); font-weight:500; color: var(--color-3);}
.con-com-14 .list-box-03 .ls-list .ls-num span {display: inline-block;	color: var(--color-1);line-height: 1.2;	-webkit-box-reflect: below -0.5em linear-gradient(to top, rgba(255, 104, 1, 0.28) 0%, rgba(255, 104, 1, 0.12) 38%, transparent 68%);	box-reflect: below -0.22em linear-gradient(to top, rgba(255, 104, 1, 0.28) 0%, rgba(255, 104, 1, 0.12) 38%, transparent 68%);}
.con-com-14 .list-box-03 .ls-txt {	font-weight: 500;	line-height: 1.55; margin-top: auto;}
.con-com-14 .com-box-05 {  padding-top: 7em; padding-bottom:4em;}
.con-com-14 .con-box-05 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-14 .ul-box-02 { position: relative; margin-top: -0.5em; text-align: left; }
.con-com-14 .ul-box-02 li { line-height: 1.6em; padding:1.2em 0; background-image: var(--dotted-bar-1); background-position: bottom;	background-size: 8px 1px; background-repeat: repeat-x; }
.con-com-14 .ul-box-02 li:last-of-type { background:none;}
.con-com-14 .list-box-01 .ls-txt .ul-box-01 { margin-top: 0; }
.con-com-14 .list-box-01 .ls-txt .ul-box-01 li { margin-bottom: 0.5em; }
.con-com-14 .list-box-01 .ls-txt .ul-box-01 li:last-child { margin-bottom: 0; }
.con-com-14 .com-box-01 { padding-top: 5em; }

.con-com-15 { padding-top: 7em; padding-bottom:5em; overflow: hidden;}
.con-com-15 .con-head { text-align: center; margin:0 auto; max-width:var(--main-width-pd); padding-left:20px; padding-right:20px; padding-bottom: 7em }
.con-com-15 .con-box-01 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-15 .hit-box .hit-txt { line-height: 1.6em; margin-bottom: 2em; position: relative; font-size: 2em; color:var(--color-1); font-weight:700; padding-left:1em; padding-right:1em;}
.con-com-15 .hit-box .hit-txt span:nth-child(1):before { content:'“'; left:-2em;}
.con-com-15 .hit-box .hit-txt span:nth-child(1):after { content:'”'; right:-2em;  }
.con-com-15 .hit-box .hit-txt span:before {  position: absolute; font-weight:400; top:0em; font-size: 1.6em; color:var(--color-4); font-family: var(--font-2);  }
.con-com-15 .hit-box .hit-txt span:after {  position: absolute; font-weight:400; top:0em; font-size: 1.6em; color:var(--color-4); font-family: var(--font-2);  }
.con-com-15 .hit-box .hit-txt span {  position: relative; display:inline-block;}
.con-com-15 .hit-box .hit-pp { font-size: 1.1em; line-height: 1.6em;}
.con-com-15 .hit-box { padding-bottom: 3em;}
.con-com-15 .com-box-02 { background:var(--color-2); padding-top: 8em; padding-bottom:8em;}
.con-com-15 .con-box-02 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-15 .com-box-03 { padding-top: 8em; padding-bottom: 8em; }
.con-com-15 .con-box-03 { max-width: var(--main-width-pd); padding-left: 20px; padding-right: 20px; margin: 0 auto; }
.con-com-15 .com-box-04 { background: var(--color-2); padding-top: 8em; padding-bottom: 8em; }
.con-com-15 .con-box-04 { max-width: var(--main-width-pd); padding-left: 20px; padding-right: 20px; margin: 0 auto; }
.con-com-15 .com-box-05 { padding-top: 8em; padding-bottom: 8em; }
.con-com-15 .con-box-05 { max-width: var(--main-width-pd); padding-left: 20px; padding-right: 20px; margin: 0 auto; }
.con-com-15 .area-box { display: flex; align-items: center; justify-content: space-between; gap: 3em; text-align: left; }
.con-com-15 .area-box.area-txt-lt { flex-direction: row-reverse; }
.con-com-15 .area-box .lt-box { width: 48%; padding-right: 4%; flex-shrink: 0; }
.con-com-15 .area-box .rt-box { width: 50%; flex: 1; min-width: 0; }
.con-com-15 .area-box .img-box { position: relative;}
.con-com-15 .area-box .img-box img { overflow: hidden; position: relative; display: block; width: 100%; max-width: 100%; height: auto; border-radius: 20px }
.con-com-15 .area-box .img-box:before {    z-index: 0;  top:1.5em;   border-radius: 20px;    content: '';    width: 100%;    height: 100%;    position: absolute;    background: var(--color-3);}
.con-com-15 .con-box-02 .img-box:before { right:-1.5em; }
.con-com-15 .con-box-02 .rt-box { align-self: self-end; }
.con-com-15 .con-box-02 .lt-box {padding-right:4%; padding-bottom: 5em;}
.con-com-15 .con-box-03 .img-box:before { left:-1.5em;}
.con-com-15 .con-box-03 .lt-box {padding-left:4%; padding-top: 5em;}
.con-com-15 .con-box-03 .rt-box { align-self: self-start; text-align: right; }
.con-com-15 .con-box-04 .img-box:before { right:-1.5em; }
.con-com-15 .con-box-04 .lt-box {padding-right:4%; padding-bottom: 5em;}
.con-com-15 .con-box-04 .rt-box { align-self: self-end; }
.con-com-15 .con-box-05 .img-box:before { left:-1.5em;}
.con-com-15 .con-box-05 .lt-box {padding-left:4%;padding-top: 5em;}
.con-com-15 .con-box-05 .rt-box { align-self: self-start; text-align: right; }
.con-com-15 .txt-box dl dt { font-size: 1.7em; font-weight: 700; line-height: 1.45; color: var(--color-1); margin-bottom: 1.2em; }
.con-com-15 .txt-box dl dt p { padding-left: 1.8em;}
.con-com-15 .txt-box dl dt span { display: inline-block; margin-right: 0.15em; }
.con-com-15 .txt-box dl dd b { display: block; font-size: 1.35em; font-weight: 700; line-height: 1.5; margin-bottom: 1.2em; }
.con-com-15 .txt-box dl dd p { font-size: 1.1em; line-height: 1.7; margin-bottom: 0.85em; }
.con-com-15 .txt-box dl dd p:last-child { margin-bottom: 0; }

.con-com-16 { padding-top: 7em; padding-bottom:7em; overflow: hidden;}
.con-com-16 .con-head { text-align: center; margin:0 auto; max-width:var(--main-width-pd); padding-left:20px; padding-right:20px; padding-bottom: 7em }
.con-com-16 .con-box-01 { max-width: var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-16 .list-box { flex-wrap: wrap; margin-top:1em; margin-right: -2.2em; overflow: hidden; display:flex; align-items: stretch; }
.con-com-16 .ls-list { text-align: center; width: calc(25% - 2.2em); margin-bottom:3em; margin-right:2.2em; position: relative; }
.con-com-16 .ls-list a { display:block;}
.con-com-16 .ls-list .list-area {  overflow: hidden;}
.con-com-16 .ls-list .img-box { position: relative; padding-top:80%; width:100%;}
.con-com-16 .ls-list .img-box .ls-img-01{  background:var(--bg-white); border-radius: 1.2em; overflow: hidden; position: absolute; top:0; left:0; width:100%; height:100%; }
.con-com-16 .ls-list .img-box .ls-img-01 img { object-fit: cover; height:100%; width:100%;}
.con-com-16 .ls-list .txt-box { text-align: left; padding: 1em 5px;}
.con-com-16 .ls-list .txt-tt { font-size: 1.1em; font-weight:700; height: 3.2em; line-height: 1.5em; -webkit-line-clamp: 2;	overflow: hidden; word-wrap: break-word;	text-overflow: ellipsis;	display: -webkit-box;	-webkit-box-orient: vertical;}
.con-com-16 .ls-list .txt-day { margin-top: 0.6em; font-size: 0.9em; color:var(--bg-gray-3); line-height: 1.5em;} 
.con-com-16 .search-box { display:flex; justify-content:space-between; align-items:center; gap:1.5em; margin-bottom:2.5em; }
.con-com-16 .search-box .ls-total { flex-shrink:0; font-size:1em; color:var(--bg-gray-1); line-height:1.5; }
.con-com-16 .search-box .ls-total b { font-weight:700; }
.con-com-16 .search-box .ls-search { flex:0 0 20em; max-width:32%; min-width:14em; }
.con-com-16 .search-box .search-field { position:relative; width:100%; }
.con-com-16 .search-box .search-field input { width:100%; border:1px solid var(--bg-gray-7); border-radius:999px; background:var(--bg-white); padding:0.7em 2.6em 0.7em 1.15em; line-height:1.4; outline:none; -webkit-appearance:none; appearance:none; }
.con-com-16 .search-box .search-field input:focus { border-color:var(--bg-gray-2); }
.con-com-16 .search-box .search-field input::placeholder {color:var(--bg-gray-1)}
.con-com-16 .search-box .btn-search { position:absolute; right:0.95em; top:50%; transform:translateY(-50%); width:1.4em; height:1.4em; padding:0; border:none; background-color:transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='23px' height='24px'%3E%3Cpath fill-rule='evenodd' opacity='0.2' fill='rgb(0, 0, 0)' d='M21.911,22.785 C21.129,23.566 19.863,23.566 19.082,22.785 L14.968,18.671 C13.503,19.512 11.810,20.000 10.000,20.000 C4.477,20.000 0.000,15.523 0.000,10.000 C0.000,4.477 4.477,-0.000 10.000,-0.000 C15.523,-0.000 20.000,4.477 20.000,10.000 C20.000,12.262 19.239,14.343 17.972,16.018 L21.911,19.957 C22.691,20.738 22.691,22.004 21.911,22.785 ZM10.000,3.500 C6.410,3.500 3.500,6.410 3.500,10.000 C3.500,13.590 6.410,16.500 10.000,16.500 C13.590,16.500 16.500,13.590 16.500,10.000 C16.500,6.410 13.590,3.500 10.000,3.500 Z'/%3E%3C/svg%3E"); background-size:contain; background-repeat:no-repeat; background-position:center; cursor:pointer; }
.con-com-16 .page-wrap { margin-top:2.5em; padding-top:1em; text-align:center; }
.con-com-16 .page-wrap .pg { display:inline-flex; align-items:center; justify-content:center; gap:0.15em; }
.con-com-16 .page-wrap .page-num { display:inline-flex; align-items:center; justify-content:center; min-width:2.35em; height:2.35em; padding:0 0.2em; font-size:1em; font-weight:500; color:var(--bg-gray-1); text-decoration:none; line-height:1; border-radius:50%; }
.con-com-16 .page-wrap .page-num.on,
.con-com-16 .page-wrap strong.page-num { background:var(--color-1); color:var(--bg-white); font-weight:700; }
.con-com-16 .page-wrap a.page-num:hover { color:var(--color-1); }
.con-com-16 .page-wrap .page-btn { display:inline-flex; align-items:center; justify-content:center; width:2.35em; height:2.35em; margin-left:0.15em; border:1px solid var(--bg-gray-7); border-radius:50%; background-color:var(--bg-white); background-repeat:no-repeat; background-position:center; background-size:auto 0.85em; text-decoration:none; }
.con-com-16 .page-wrap .page-btn:hover { border-color:var(--bg-gray-2); }
.con-com-16 .page-wrap .page-next { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14'%3E%3Cpath d='M1 1l6 6-6 6' fill='none' stroke='%231b1b1b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.con-com-16 .page-wrap .page-end { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M1 1l5 6-5 6' fill='none' stroke='%231b1b1b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 1l5 6-5 6' fill='none' stroke='%231b1b1b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-size:auto 0.85em; }

.con-com-17 { padding-top:7em; padding-bottom:7em; overflow:hidden; }
.con-com-17 .con-head { text-align:center; margin:0 auto; max-width:var(--main-width-pd); padding-left:20px; padding-right:20px; padding-bottom:4em; }
.con-com-17 .com-box-01 { max-width:var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto; }
.con-com-17 .cal-app { background:var(--bg-white); }
.con-com-17 .cal-toolbar { display:flex; align-items:center; justify-content:center; margin-bottom:1em; flex-wrap:wrap; padding:0.85em 1.25em;  }
.con-com-17 .cal-body {border:1px solid var(--bg-gray-2); border-radius:0.5em; overflow:hidden; box-shadow:var(--box-shadow-1)}
.con-com-17 .cal-toolbar-lt,
.con-com-17 .cal-toolbar-rt { display:flex; align-items:center; gap:0.65em; flex-wrap:wrap; }
.con-com-17 .cal-title { margin:0 20px; font-size:1.35em; font-weight:500; color:var(--bg-gray-1); line-height:1.2; }
.con-com-17 .cal-nav { display:flex; align-items:center; gap:0.15em; }
.con-com-17 .cal-tools { display:flex; align-items:center; gap:0.15em; }
.con-com-17 .cal-view-toggle { display:inline-flex; align-items:center; border:1px solid var(--bg-gray-4); border-radius:0.35em; overflow:hidden; }
.con-com-17 .cal-view-toggle .cal-btn { border-radius:0; border:none; }
.con-com-17 .cal-view-toggle .cal-btn.is-active { background:#e8f0fe; color:var(--cal-blue); }
.con-com-17 .cal-btn { display:inline-flex; align-items:center; justify-content:center; min-height:2.25em; padding:0 0.75em; margin-left:5px; margin-right:5px; border:1px solid var(--bg-gray-4); border-radius:0.35em; background:var(--bg-white); color:var(--bg-gray-1); font-size:0.9em; line-height:1; text-decoration:none; cursor:pointer; }
.con-com-17 .cal-btn:hover { background:var(--bg-gray-8); }
.con-com-17 .cal-btn-icon { width:2.25em; min-width:2.25em; padding:0; color:var(--bg-gray-4); }
.con-com-17 .cal-btn-icon svg { display:block; }
.con-com-17 .cal-btn-select svg { margin-left:0.15em; opacity:0.7; }
.con-com-17 .cal-weekdays { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); border-bottom:1px solid var(--bg-gray-2);  }
.con-com-17 .cal-weekdays span { padding:1em 0.25em; text-align:center; font-size:1em; font-weight:500; letter-spacing:0.02em; }
.con-com-17 .cal-weekdays span:first-child { color:var(--color-1); }
.con-com-17 .cal-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); grid-auto-rows:minmax(6.5em,auto); }
.con-com-17 .cal-cell { position:relative; border-right:1px solid var(--bg-gray-2); border-bottom:1px solid var(--bg-gray-2); padding:0.35em 0.4em 0.45em; min-height:6.5em; overflow:hidden; }
.con-com-17 .cal-cell:nth-child(7n) { border-right:none; }
.con-com-17 .cal-grid .cal-cell:nth-last-child(-n+7) { border-bottom:none; }
.con-com-17 .cal-date { display:block; text-align: left;  min-width:1.65em; height:1.65em;  font-size:0.9em; font-weight:500;  line-height:1.4; }
.con-com-17 .cal-date.is-today { text-align: left;  color:var(--color-1); font-weight:700; position: relative; }
.con-com-17 .cal-event { display:block; margin-top:0.25em; font-size:0.68em; line-height:1.35; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.con-com-17 .cal-event--all { padding:0.15em 0.45em; border-radius:0.25em; background:var(--bg-gray-4); color:var(--bg-white); font-weight:500; }
.con-com-17 .cal-events { margin-top:0.2em; }
.con-com-17 .cal-event--time { text-align: left; position: relative; padding-left:0.6em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
.con-com-17 .cal-dot { position: absolute; left:0; width:0.45em; height:0.45em; margin-top:0.35em; border-radius:50%; background:var(--color-1); }

/*레이어팝업*/
.ls-layer-box { display:; z-index:20; background-color:rgba(0,0,0,0.73) ; position: fixed; left:0; top:0; width:100%; height:100%;}
.ls-layer-box .ls-layer-out {display:block;  border-radius: 1em; padding: 20px; text-align: left; max-width: 600px; max-height: 400px; width:90%; height:60%; left:50%; top:50%; transform: translate(-50%, -50%); position: absolute; background:#fff; }
.ls-layer-box .ls-layer-in { overflow:hidden; height: 100%;}
.ls-layer-box .ls-head { padding-bottom:1em; border-bottom: 1px solid #a2a2a2;}
.ls-layer-box .ls-url { padding-top: 0.5em; padding-top:0.5em; font-weight: 500;}
.ls-layer-box h1 { font-size: 1.2em; font-weight: 700;}
.ls-layer-box .ls-con-box { padding-top: 2em; padding-bottom: 100px; height:100%; position: relative; overflow-y:auto;}
.ls-layer-box .ls-con-box h2 { font-size: 1.8em; font-weight:700; padding-bottom: 0.5em;}
.ls-layer-box .ls-con-box .ls-txt-01 { word-break: keep-all; font-size: 1.25em; font-weight: 500; line-height: 1.4em; padding-bottom: 1em;}
.ls-layer-box .ls-con-box .ls-img-01 { text-align: center; padding: 1em 0;}
.ls-layer-box .ls-con-box .ls-img-01 img { max-width: 100%;}
.ls-layer-box .ls-con-box .ls-vod-01 { text-align: center; max-width: 560px; width:100%; margin:0 auto; padding-top:2em; padding-bottom: 50px;}
.ls-layer-box .videoWrapper { position:relative; height: 0; padding-bottom:56.25%; width:100%;  }
* html .ls-layer-box .videoWrapper {	margin-bottom: 45px; margin-bottom: 0;  }
.ls-layer-box .videoWrapper>iframe,
.ls-layer-box .videoWrapper video,
.ls-layer-box .videoWrapper>div,
.ls-layer-box .videoWrapper>embed,
.ls-layer-box .videoWrapper>object {	z-index: 2;	position: absolute;	width: 100%; height: 100%;	left: 0;	top: 0;  }
.ls-layer-box .ls-close { position: absolute; left:0; bottom:-50px; font-size:1em; padding-right:1em;;  width:100%; height: 40px; background: var(--color-1); border-radius: 2em}
.ls-layer-box .ls-close a { position: relative; display:flex;  align-items: center; justify-content: end; height:100%; color:var(--bg-white);}
.ls-layer-box .ls-close a:before { position: relative;  top:0.1em; margin-right: 0.5em;  line-height: 1; font-weight:200; content: '\2715';color:var(--bg-white);}

.con-com-18 { padding-top:7em; padding-bottom:7em; overflow:hidden; }
.con-com-18 .con-head { text-align:center; margin:0 auto; max-width:var(--main-width-pd); padding-left:20px; padding-right:20px; padding-bottom:4em; }
.con-com-18 .com-box-01 { max-width:var(--main-width-pd); padding-left:20px; padding-right:20px; margin:0 auto; }
.con-com-18 .con-box-01 ::placeholder { color:#979797;}
.con-com-18 .con-box-01 { text-align: left;}
.con-com-18 .dl-box-01 { padding-top: 5em;  flex-wrap: wrap;   display: flex;    justify-content: flex-start;    align-items: center;}
.con-com-18 h4 { text-align: left; width:100%; font-size: 1.35em; font-weight:600; padding-bottom: 1.5em;}
.con-com-18 .dl-box-01 dl { font-size: 1.1em; text-align: left;  width: 100%;    line-height: 1.2em;    position: relative;  padding: 1em 0 1.5em 0;}
.con-com-18 .dl-box-01 dt {	display: block;    padding-bottom: 0.8em;}
.con-com-18 .dl-box-01 dd .ls-txt-01 {    color: #b5b5b6;    padding-top: 0.5em;}
.con-com-18 .dl-box-01 dd {   display: block;}
.con-com-18 .dl-box-01 .ls-dup {    width: 47%;}
.con-com-18 .dl-box-01 .ls-dup:nth-child(2n) {    margin-right: auto;}
.con-com-18 .dl-box-01 .dd-input-01 {    display: flex;    align-items: center;}
.con-com-18 .dl-box-01 .dd-input-01 input[type=text] {   max-width: 50%;   margin-right: 5px;}
.con-com-18 .dl-box-01 .dd-input-01 input:last-of-type {    margin-left: auto;    margin-left: 5px;    margin-right: 0;}
.con-com-18 .dl-box-01 input[type=text], .con-com-18 .con-box-01  textarea, .con-com-18 .con-box-01  select { border-radius: 0.5em; font-size: 0.9em; border: 1px solid #d5d5d5;    width: 100%;    padding: 1em 1em;}
.con-com-18 .con-box-01 .ls-hg-01 {  height: 18em;}
.con-com-18 .con-box-01 .ls-hg-02 {  font-size: 0.9em;  height: 13em;    display: block; background:#fcfcfc;   color: #646464;  }
.con-com-18 .con-box-01 .in-check input[type=checkbox] {    display: inline-block;    min-width: 18px;    width: 26px;    height: 26px;    border-radius: 0;}
.con-com-18 .ul-box-01 input[type="radio"]{	display: none }
.con-com-18 .ul-box-01 input[type="radio"] + label{ padding-left: 40px;	display: inline-block; width:100%; vertical-align: middle;  border-radius: 50%;	position: relative;}
.con-com-18 .ul-box-01 input[type="radio"] + label:before { top:50%; transform: translateY(-50%); line-height:1; position: absolute; left:0; content:''; border:1px solid #888888; width: 28px; height: 28px; display:inline-block; border-radius: 50%; }
.con-com-18 .ul-box-01 input[class="check-item"]:checked + label:after{ line-height:1;  position: absolute; left:6px; top: 4px; content:''; width: 16px; height: 16px;	border-radius: 50%;	background:var(--color-1);	text-align: center;	 }
.con-com-18 .ul-box-01 input[type="radio"]:checked + label:before { border-color:var(--color-1)}
.con-com-18 .ul-box-01 label span { position: relative; display: inline-block;vertical-align: middle;}
.con-com-18 .ul-box-01 { font-size: 1.1em; padding-top: 1.8em;}
.con-com-18 .ul-box-01 ul {text-align: left; justify-content: start; display:flex; flex-wrap: wrap; }
.con-com-18 .ul-box-01 li { padding-right: 4%; padding-bottom: 1.5em;}
.con-com-18 .ul-box-01 li:last-of-type { padding-right: 0;}
.con-com-18 .dl-box-02 { padding:1em 0 2em 0;}
.con-com-18 .dl-box-02 p {padding-top: 5px;}
.con-com-18 .dl-box-02 dl { display:flex;}
.con-com-18 .dl-box-02 dl dt { font-size: 1.1em; padding-right: 3em; padding-top:1em;} 
.con-com-18 .dl-box-02 dl dd { height: 3.2em;}
.con-com-18 .dl-box-02 dl .input-01 { height:100%; margin-right:3em; border:1px solid #e9e9e9; width: 8em; }
.con-com-18 .dl-box-02 dl .input-02 { border:1px solid #b8c9c2; background:#f7f7f7; width: 8em; height:100%; text-align: center;}
.con-com-18 .dl-box-03 { text-align: left; padding-top: 3em;}
.con-com-18 .dl-box-03 dt {  font-size: 1.1em; padding-bottom:1em;}
.con-com-18 .dl-box-03 textarea { font-size: 0.9em;}
.con-com-18 .dl-box-03 .in-check { padding-top: 1em;}
.con-com-18 .dl-box-03 .in-check span { display:inline-block; vertical-align: middle; padding-left: 0.5em}
.con-com-18 .ls-btn {    position: relative;    z-index: 3;   padding-top: 4em;}
.con-com-18 .ls-btn span {    display: inline-block;}
.con-com-18 .ls-btn a { margin:0 auto;  font-size: 1.4em;  padding: 0.7em 1.5em;   position: relative; background: var(--color-1);    color: var(--bg-white);   font-weight: 600;   border-radius: 3em;    width: 10em;    justify-content: space-between;    align-items: center;    display: flex;  }
/* .con-com-18 .ls-btn a:hover {    background: var(--color-1);    color: var(--bg-white);    border-color: var(--color-1)}
.con-com-18 .ls-btn a:hover i:after {    filter: none} */
.con-com-18 .ls-btn i {    display: inline-block;    position: relative;    min-width: 1em;    height: 1em;}
.con-com-18 .ls-btn i:after {     rotate: 90deg;    content: '';    display: block;    width: 100%;    height: 100%;    position: relative;    background-size: contain;    background-position: center center;    background-repeat: no-repeat;}

/* PC 사이즈 */
@media all and (max-width : 1920px)  { 
	 
	

}

@media all and (max-width : 1540px)  { 

	.con-com-04 .area-01 .dl-box-01 dd {max-width:33vw; min-width:33vw; width: 33vw; margin-right: auto; }
	.con-com-04 .area-03 .dl-box-01 { min-width: 56vw}
	.con-com-04 .area-03 .dl-box-01 dd {max-width:33vw; min-width:33vw; width: 33vw; margin-left: auto; }
	.con-com-04 .dl-col:nth-child(2) { flex:none; min-width:unset; min-width: 33vw; max-width: 33vw;}
	

		
}
@media all and (max-width : 1420px)  { 
	


}

@media all and (max-width : 1280px)  { 


	header .d-md-none { display:none;}
	header .d-lg-none { display: block;}

	.nav_md .nav_md_wrap {font-size: 0.85em;}

	.con-head p { font-size: 2.2em;}
	
	.container { font-size: 1rem;}


 	.con-com-07 .hit-box .hit-txt {  padding-left:0; padding-right:0; }
	.con-com-07 .hit-box .hit-txt span:nth-child(1):before { left: 0em;}
	.con-com-07 .hit-box .hit-txt span:nth-child(1):after { right: 0em;}
}

/* 패드류 기본 */
@media all and (min-width : 769px) and (max-width : 1024px) {
		

}

@media all and (max-width : 1025px){

	/* .scroll-box-2 .ls-list { width:100%; min-width:100%;} */


}

@media all and (max-width : 1024px){

	
	header { height: 60px;}
	header h1 { height: 1.9em;}

	.menu-scroll .nav_wrap { display:none;}
	.menu-scroll:after { display:none;}


	header .view-nav { scale: 0.8}

	/* .nav_md .nav-md-ul { font-size: 0.75em;} */


	header .nav_lang {top:calc(var(--head-height) - 103% )}
	header .nav_lang { font-size: 0.65em; right: 70px;}

	footer { font-size: 0.8em;}
	footer .foo-menu { display:none;}

	
	.container { font-size: 0.85em;}

/* 	.snb { margin-top:calc(var(--head-height) + 4em);} */


	:root { 
		--bd-radius-3e : 2em;
		--head-height : 80px;
		
	}



	.scroll-box-1 { min-height: unset;}

	.scroll-box-2 { min-height: unset; height: auto;}
	.scroll-box-2 .area-flex { flex-wrap: wrap;}
	.scroll-box-2 .head-box { width:100%; padding-bottom: 3em;}
	.scroll-box-2 .inner-box {width:100%; }

	.scroll-box-3 { min-height: unset; }
	.scroll-box-3 .chart-growth-svg .num-txt { font-size: 1.4em;}

	.scroll-box-5 { min-height: unset; }

	.scroll-box-6 { min-height: unset; }

	.scroll-box-7 { min-height: unset; }
	

	/* .scroll-box-4 { min-height: unset; height: auto;  padding-top: var(--head-height); padding-bottom: 4em; } */

	/* .con-com-05 .ls-tab-01 li a { font-size: 1em} */

	.con-com-15 .txt-box dl dt { font-size: 1.4em}

	.con-com-18 .ul-box-01 input[type="radio"] + label:before { width: 24px; height: 24px;}
	.con-com-18 .ul-box-01 input[class="check-item"]:checked + label:after { width: 14px; height: 14px; left: 5px; top: 3px;}
	.con-com-18 .ul-box-01 input[type="radio"] + label { padding-left: 35px;}

}

@media all and (max-width : 1023px){

	.container { font-size: 0.85em;}

	/* .snb h2 { font-size: 2.8em} */

	footer .col-box-in { flex-direction: column; padding-top:1.7em}
	footer .col-info .copy { text-align: left; }

	.scroll-box-7 .list-box { flex-wrap: wrap; margin-top: 3em;}
	.scroll-box-7 .ls-list { width: 50%; padding: 1em 0;}
	.scroll-box-7 .ls-list a { padding-left:0;}
	.scroll-box-7 .ls-list:after { display:none;}
	.scroll-box-7 .ls-list .img-box { max-width: 60px; width: 24%}
	
}

@media all and (max-width : 820px){

	/* .con-com-06 .box-area { flex-wrap: wrap;}
	.con-com-06 .lt-box { width:100%;}
	.con-com-06 .rt-box { width:100%; padding-left:0;}
	.con-com-06 .ls-contact { text-align: center;} */

}

@media all and (max-width : 768px){

	header .view-nav { scale: 0.7;}
	header .nav-head { right: 10px; top: 45%;}
	
	.container { font-size: 0.75em;}
	
	footer .box-inner { padding: 3.5em 20px;}
	footer .foo-txt span+span { padding-left: 2em;}
	footer .foo-logo {height: 2.6em}
	footer .foo-txt .col-txt-03 span:nth-child(2) {display:block; padding-left:0;}
	footer .col-box-in { font-size: 0.95em}
	footer .col-info .copy { font-size: 0.85em}

	.nav_md .nav-md-ul { font-size: 0.9em;}
	

	header .nav_lang {top:calc(var(--head-height) - 76% ); scale: 0.85;}
	header .nav_lang { font-size: 0.65em; right: 55px;}

	.quick-menu { right: 20px; bottom: 20px; font-size: 1.1em;}
	.page-top { right: 20px; }

	.d-md-none { display: none!important;} /* pc 용 감추기 */
	.d-lg-none { display:block;} /* mobile 용 보여주기 */
	

	.snb-bg { height: 27em; }
	.snb-bg.none-snb { height: 27em}
	.snb-bg.none-snb .ls-slide-texts { top: 50% }
	.snb-bg .ls-slide-backgrounds { height:100%;}

	.snb-bg .ls-slide-texts p { font-size: 1.1em}
	.snb-bg .ls-slide-texts .ls-head { font-size: 2.4em; }
	.snb-bg .ls-slide-backgrounds.snb-pos-01 img {object-position: 67% top; height: 130%;}
	.snb-bg .ls-slide-backgrounds.snb-pos-03 img {object-position: 62% bottom;}
	.snb-bg .ls-slide-backgrounds.snb-pos-04 img {object-position: 60% bottom;}
	.snb-bg .ls-slide-backgrounds.snb-pos-05 img {object-position: 40% top; height: 130%;}

	.snb { font-size: 1.2em;}
	.snb .snb-1depth { display:none;}
	.snb h2 { width:100%;}
	.snb .snb-depth { width:100%}

	/* .snb h2 { font-size: 2.8em}
	.snb li a { font-size:1em; padding-left:1em; padding-right:1em;} */
	
	:root { 
		--head-height: 60px;
		--box-shadow-1:0 3px 0 rgba(0,0,0,0.04);
	}

	
	.scroll-box-1 .ls-slide-backgrounds>div { overflow: hidden; }
	.scroll-box-1 .ls-head { font-size: 2.25em; padding-bottom: 0.5em}
	.scroll-box-1 .ls-info1 { font-size: 1.1em; padding-bottom:1.5em; }
	.scroll-box-1 .arrowBtn { display:none;}
	.scroll-box-1 .ls-slide-texts { top: 55%;}
	.scroll-box-1 .ls-btn a { font-size: 0.9em; }
	.ls-scroll { display:none;}


	.scroll-box-2 { }
	.scroll-box-2 .list-box { margin-right:-1.3em;}
	.scroll-box-2 .ls-list { width: calc(50% - 1.3em); margin-right: 1.3em; margin-bottom: 1.3em;}
	.scroll-box-2 .ls-list img { max-width: 80px;}
	.scroll-box-2 .txt-title { font-size: 1.35em;}
	.scroll-box-2 .ls-list a { padding: 1.5em 1em;}
	

	.scroll-box-3 { padding-bottom: calc(var(--head-height) + 1em); padding-top: calc(var(--head-height) + 1em);/* height:unset; padding-bottom: calc(var(--head-height) - 1em); */}
	.scroll-box-3:after { display:none;}
	.scroll-box-3:before { height: 70%;}
	.scroll-box-3 .count-box .count-list { font-size: 0.7em}
	.scroll-box-3 .graph-area { max-width: 758px; width:calc(100% + 20px); padding-bottom: 30px; padding-top: 10px; box-shadow: 0 4px 0.3em rgba(0,0,0,0.06); }
	.scroll-box-3 .chart-growth-svg .num-txt { font-size: 1.6em;}
	.scroll-box-3 .chart-growth-svg { min-width: 758px;}
	.scroll-box-3 .graph-wrap.chart-line-wrap { border-radius: 8px; overflow-x:scroll; width:calc(100% + 20px); padding-right:20px;}
	.scroll-box-3 .graph-wrap.chart-line-wrap::-webkit-scrollbar { width:100%; height: 5px; }
	.scroll-box-3 .graph-wrap.chart-line-wrap::-webkit-scrollbar-thumb {  background: var(--color-1);  border-radius: 1em; }
	.scroll-box-3 .graph-wrap.chart-line-wrap::-webkit-scrollbar-track { margin-left: 20px; margin-right:50px; border-radius: 1em; background-color: var(--bg-gray-2);} 

	.scroll-box-5 {padding-top: calc(var(--head-height) + 1em); }
	.scroll-box-5 .ls-list { flex:1; min-width: 260px; margin-right: 15px;}
	.scroll-box-5 .slide-bar a span { top:0; border-radius: 1em; height:5px;}
	.scroll-box-5 .slide-bar a {  height: 10px;}
	.scroll-box-5 .slide-bar p {border-radius: 1em; height: 5px; }
	.scroll-box-5 .ls-btn a { font-size: 0.9em}
	.scroll-box-5 .slide-bar { margin-top: 1em;}

	.scroll-box-6 {padding-top: calc(var(--head-height) + 1em); }
	.scroll-box-6 .ls-list { flex:1; min-width: 260px; margin-right: 15px;}
	.scroll-box-6 .slide-bar a span { top:0; border-radius: 1em; height:5px;}
	.scroll-box-6 .slide-bar a {  height: 10px;}
	.scroll-box-6 .slide-bar p {border-radius: 1em; height: 5px; }
	.scroll-box-6 .ls-btn a { font-size: 0.9em}
	.scroll-box-6 .slide-bar { margin-top: 1em;}

	.scroll-box-7 .txt-link { display:none;}
	.scroll-box-7 .ls-slide-backgrounds img { object-position: 10% bottom;}
	.scroll-box-7 .ls-btn a { font-size: 0.9em}
	.scroll-box-7 .txt-tt { font-size:1em}

	.con-head h3{ font-size: 2.1em; }

	.con-com-01 { padding-top: 5em;}
	.con-com-01 .con-head { padding-bottom: 4em;}
	.con-com-01 .hit-box .hit-txt { font-size: 1.6em; line-height: 1.4em; margin-bottom: 1.5em; padding-left:0; padding-right:0; }
	.con-com-01 .hit-box .hit-txt span:nth-child(1):before { left: -0.5em;}
	.con-com-01 .hit-box .hit-txt span:nth-child(1):after { right: -0.5em;}	
	.con-com-01 .list-box-01 .ls-list:nth-child(1) { margin-bottom:0;}
	.con-com-01 .list-box-01 .ls-list { flex-wrap: wrap; padding:0.5em 0;}
	.con-com-01 .list-box-01 .ls-list + .ls-list {padding-top:4em;}
	.con-com-01 .list-box-01 .ls-tt {font-size: 1.4em; max-width: unset; text-align: center; width: 100%; padding-bottom: 50px}
	.con-com-01 .list-box-01 .ls-tt:after { width:1px; height: 30px; bottom:2em; right:unset; left:50%; transform: translateX(-50%);}
	.con-com-01 .list-box-01 .ls-txt { padding-top:1em; width: 100%;}
	.con-com-01 .ls-txt-01 { font-size: 1.4em;}
	.con-com-01 .ls-txt-02 { font-size: 1.25em;}
	.con-com-01 .ls-txt-03 { padding: 1.3em }

	.con-com-02 { padding-top: 5em;}
	.con-com-02 .con-head { padding-bottom: 4em;}
	.con-com-02 .hit-box { padding-bottom: 3em}
	.con-com-02 .hit-box .hit-txt { font-size: 1.6em; line-height: 1.4em; margin-bottom: 1.5em; padding-left:0; padding-right:0; }
	.con-com-02 .hit-box .hit-txt span:nth-child(1):before { left: -0.5em;}
	.con-com-02 .hit-box .hit-txt span:nth-child(1):after { right: -0.5em;}
	.con-com-02 .box-flex { flex-wrap: wrap; max-width: 500px; margin:0 auto;}
	.con-com-02 .box-flex .lt-box { width:100%;}
	.con-com-02 .box-flex .rt-box { padding-top: 2em; width:100%;}
	.con-com-02 .box-flex .rt-area { max-width: unset;}
	.con-com-02 .box-flex .img-box { max-width: 400px; margin:0 auto;}
	.con-com-02 .list-box-01 { max-width: 300px; flex-wrap: wrap;}
	.con-com-02 .list-box-01 .ls-list { width:100%;}
	.con-com-02 .list-box-01 .ls-list:nth-child(2) { padding-top: 35%;}
	.con-com-02 .list-box-01 .ls-txt { max-width: 20em; width: 84%;}

	.con-com-03 { padding-top: 5em;}
	.con-com-03 .con-head { padding-bottom: 4em;}
	.con-com-03 .dl-box-01 dl { flex-wrap:wrap;}
	.con-com-03 .dl-box-01 dt { width:100%; padding-left: 20px; margin-bottom:1.2em; font-size: 1.6em}
	.con-com-03 .dl-box-01 dt:after { right:unset; left:-3px; top:6px; width:6px; height:6px;}
	.con-com-03 .dl-box-01 dt:before { right:unset; left:-5px; top:4px; width:10px; height:10px;}
	.con-com-03 .dl-box-01 dd { width:100%; padding-left: 20px;}
	.con-com-03 .ls-img-01 { transform: translateX(-20px); width:calc(100% + 40px); border:0; border-radius: 0;}
	.con-com-03 .dl-box-01 dd:after { top: -7.2em;}
	.con-com-03 .dl-box-01 li { font-size: 0.95em; padding-bottom: 1.2em}

	.con-com-04 { padding-top: 5em;}
	.con-com-04 .con-head { padding-bottom: 4em;}
	.con-com-04 .hit-box .hit-txt { font-size: 1.6em; line-height: 1.4em; margin-bottom: 1.5em; padding-left:0; padding-right:0; }
	.con-com-04 .hit-box .hit-txt span:nth-child(1):before { left: -0.5em;}
	.con-com-04 .hit-box .hit-txt span:nth-child(1):after { right: -0.5em;}
	.con-com-04 .area-col-2 { flex-direction: column; }
	.con-com-04 .area-col-2 .img-box {  margin:0 auto; max-width: 500px; width:100%; margin-bottom: 2em; order:1}
	.con-com-04 .area-col-2 .dl-box-01 { width: 100%; order:2; margin-top:4em;}
	.con-com-04 .ls-img-01:before { left: -1.5em; top:1.5em;}
	.con-com-04 .area-03 .ls-img-01:before { right: -1.5em; left:unset; top:1.5em;}
	.con-com-04 .ls-img-01 { width:calc(100% - 1.5em); transform: translateX(20px);}
	.con-com-04 .area-03 .ls-img-01 { width:calc(100% - 1.5em); transform: translateX(0px);}
	.con-com-04 .dl-box-01 dl { flex-wrap: wrap; }
	.con-com-04 .dl-box-01 dt { width:100%; font-size: 1.6em; margin-bottom:1.2em;}
	.con-com-04 .area-01 .dl-box-01 dd { max-width:100%; width:100%; min-width:100%;}
	.con-com-04 .area-03 .dl-box-01 dd { max-width:100%; width:100%; min-width:100%;}
	.con-com-04 .dl-col { width:100%; min-width:100%; flex:none}
	.con-com-04 .dl-col:nth-child(2) { min-width:unset; max-width:unset;}
	.con-com-04 .dl-col-wrap { gap: 0;}
	.con-com-04 .com-box-02 .area-box + .area-box { margin-top: 2em;}
	
	.con-com-05 { padding-top: 5em; }
	.con-com-05 .con-head { padding-bottom: 4em;}
	.con-com-05 .dl-box-01 dl { display:block;}
	.con-com-05 .dl-box-01 dt { padding-left:0; width:100%; margin-bottom:0.7em; }
	.con-com-05 .dl-box-01 dd { width:100%; padding-bottom: 1.8em; }
	.con-com-05 .ls-img-01 { transform: translateX(-20px); width:calc(100% + 40px); border:0; border-radius: 0; height: 20em;}

	.con-com-06 { padding-top: 5em;}
	.con-com-06 .con-head { padding-bottom: 4em;}
	.con-com-06 .ul-box-01 li { font-size: 1em;}
	.con-com-06 .table-box thead th { padding: 0 3px 10px; }
	.con-com-06 .table-box thead th span { min-height: auto; padding: 0.75em 0.45em; font-size: 0.88em; }
	.con-com-06 .ls-btn a { font-size: 0.9em}
	.con-com-06 .hit-box .hit-txt { font-size: 1.6em; line-height: 1.4em; margin-bottom: 1.5em; padding-left:0; padding-right:0; }
	.con-com-06 .hit-box .hit-txt span:nth-child(1):before { left: -0.5em;}
	.con-com-06 .hit-box .hit-txt span:nth-child(1):after { right: -0.5em;}
	.con-com-06 .table-box {width:calc(100% + 20px);}
	.con-com-06 .table-box table { margin-right:20px}
	.con-com-06 .table-box::-webkit-scrollbar { width:100%; height: 5px; }
	.con-com-06 .table-box::-webkit-scrollbar-thumb {  background: var(--color-1);  border-radius: 1em; }
	.con-com-06 .table-box::-webkit-scrollbar-track { margin-left: 0px; margin-right:20px; border-radius: 1em; background-color: var(--bg-gray-2);} 

	.con-com-07 { padding-top: 5em;}
	.con-com-07 .con-head { padding-bottom: 4em;}
	.con-com-07 .tab-box { padding: 0 16px; }
	.con-com-07 .tab-box li { flex: 1; }
	.con-com-07 .tab-box li a { font-size: 1.05em; padding: 0.75em 1em; }
	.con-com-07 .hit-box { padding-bottom:5em;}
	.con-com-07 .hit-box .hit-txt { font-size: 1.6em; line-height: 1.4em; margin-bottom: 1.5em; padding-left:0; padding-right:0; }
	.con-com-07 .hit-box .hit-txt span:nth-child(1):before { left: -0.5em;}
	.con-com-07 .hit-box .hit-txt span:nth-child(1):after { right: -0.5em;}
	.con-com-07 .com-box-02 { padding-top: 5em;}
	.con-com-07 .list-box-01 .list-wd-50 { width:calc(100% - 1.8em);}
	.con-com-07 .list-box-01 .ls-list { margin-bottom:1.2em;}
	.con-com-07 .list-box-01 .ls-icon img { width:45px;}
	.con-com-07 .list-box-01 .list-flex { flex-wrap: wrap;}
	.con-com-07 .list-box-01 .list-flex li { width:100%;}
	.con-com-07 .list-box-01 .list-flex li+li { padding-top: 1em;}
	.con-com-07 .graph-wrap.chart-line-wrap { overflow-x: auto; width: calc(100% + 20px); padding-right: 20px; margin-left: -10px; }
	.con-com-07 .graph-wrap.chart-line-wrap::-webkit-scrollbar { width: 100%; height: 5px; }
	.con-com-07 .graph-wrap.chart-line-wrap::-webkit-scrollbar-thumb { background: var(--color-1); border-radius: 1em; }
	.con-com-07 .graph-wrap.chart-line-wrap::-webkit-scrollbar-track { margin-left: 10px; margin-right: 10px; border-radius: 1em; background-color: var(--bg-gray-2); }
	.con-com-07 .chart-innovation-svg { min-width: 760px; }
	.con-com-07 .graph-box h6 { font-size: 1.3em;}
	.con-com-07 .chart-innovation-svg .graph-unit { transform:translateX(10px); font-size: 1.2em;}
	.con-com-07 .chart-innovation-svg .graph-axis-y { font-size: 1.2em;}
	.con-com-07 .chart-innovation-svg .graph-val { font-size: 1.1em;}
	.con-com-07 .chart-innovation-svg .graph-axis-x { font-size: 1.3em}
	.con-com-07 .com-box-03 { padding-top: 4em; padding-bottom: 4em; }
	.con-com-07 .area-box h5 { font-size: 1.5em}
	.con-com-07 .area-box { flex-wrap: wrap;}
	.con-com-07 .area-box .lt-box,
	.con-com-07 .area-box .rt-box { width: 100%; }
	.con-com-07 .area-box .rt-box  { padding-top: 3em;}
	.con-com-07 .list-box-02 .ls-list { flex-wrap: wrap; gap: 0.8em; padding: 1.2em 0; }
	.con-com-07 .list-box-02 .ls-head { flex: none; width: 100%; min-width: 0; }
	.con-com-07 .list-box-02 .ls-txt { width: 100%; }
	.con-com-07 .list-box-02 .list-flex li { flex-wrap: wrap; }
	.con-com-07 .list-box-02 .ls-list+.ls-list { padding-top:2em;}
	.con-com-07 .list-box-03 {grid-template-columns: repeat(2, minmax(0, 1fr));	gap: 0.75em;	}
	.con-com-07 .list-box-03 .ls-list { min-height: 9em;padding: 1.1em 1em 1.2em;border-radius: 0.75em;	}
	.con-com-07 .list-box-03 .ls-list.list-01 {	min-height: 9em;		padding: 1.15em 1em 1.2em;	}
	.con-com-07 .list-box-03 .ls-list.list-01::after {		width: 2.35em;		height: 2.35em;		right: 0.75em;		bottom: 0.75em;	}
	.con-com-07 .list-box-03 .ls-list.list-01 .ls-head h5 {		font-size: 1.25em;	}
	.con-com-07 .com-box-04 { padding-top: 5em; padding-bottom:5em;}
	.con-com-07 .com-box-05 { padding-top: 5em;}

	.con-com-08 { padding-top: 5em;}
	.con-com-08 .con-head { padding-bottom: 4em;}
	.con-com-08 .tab-box { padding: 0 16px; }
	.con-com-08 .tab-box li { flex: 1; }
	.con-com-08 .tab-box li a { font-size: 1.05em; padding: 0.75em 1em; }
	.con-com-08 .hit-box { padding-bottom:5em;}
	.con-com-08 .hit-box .hit-txt { font-size: 1.6em; line-height: 1.4em; margin-bottom: 1.5em; padding-left:0; padding-right:0; }
	.con-com-08 .hit-box .hit-txt span:nth-child(1):before { left: -0.5em;}
	.con-com-08 .hit-box .hit-txt span:nth-child(1):after { right: -0.5em;}
	.con-com-08 .com-box-02 { padding-top: 5em;}
	.con-com-08 .list-box-01 .list-wd-50 { width:calc(100% - 1.8em);}
	.con-com-08 .list-box-01 .ls-list { margin-bottom:1.2em;}
	.con-com-08 .list-box-01 .ls-icon img { width:45px;}
	.con-com-08 .area-box h5 { font-size: 1.5em}
	.con-com-08 .area-box { flex-wrap: wrap;}
	.con-com-08 .area-box .lt-box,
	.con-com-08 .area-box .rt-box { width: 100%; }
	.con-com-08 .area-box .rt-box  { padding-top: 3em;}
	.con-com-08 .com-box-03 { padding-top: 5em; padding-bottom:5em;}
	.con-com-08 .com-box-04 { padding-top: 5em; }
	
	.con-com-09 { padding-top: 4em;}
	.con-com-09 .con-head { padding-bottom: 4em;}
	.con-com-09 .tab-box { padding: 0 16px; }
	.con-com-09 .tab-box li { flex: 1; }
	.con-com-09 .tab-box li a { font-size: 1.05em; padding: 0.75em 1em; }
	.con-com-09 .hit-box { padding-bottom: 5em; }
	.con-com-09 .hit-box .hit-txt { font-size: 1.6em; line-height: 1.4em; margin-bottom: 1.5em; padding-left: 0; padding-right: 0; }
	.con-com-09 .area-box h5 { font-size: 1.5em}
	.con-com-09 .area-box { flex-wrap: wrap;}
	.con-com-09 .area-box .lt-box,
	.con-com-09 .area-box .rt-box { width: 100%; }
	.con-com-09 .area-box .rt-box { padding-top: 3em; }
	.con-com-09 .com-box-02 { padding-top: 5em;}
	.con-com-09 .list-box-01 .ls-list { margin-bottom:1.2em;}
	.con-com-09 .list-box-01 .ls-icon { max-width: 45px;}
	.con-com-09 .list-box-03 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75em; }
	.con-com-09 .list-box-03 .ls-list { min-height: 9em; padding: 1.1em 1em 1.2em; border-radius: 0.75em; }
	.con-com-09 .list-box-03 .ls-list.list-01 { min-height: 9em; padding: 1.15em 1em 1.2em; }
	.con-com-09 .list-box-03 .ls-list.list-01::after { width: 2.35em; height: 2.35em; right: 0.75em; bottom: 0.75em; }
	.con-com-09 .list-box-03 .ls-list.list-01 .ls-head h5 { font-size: 1.25em; }
	.con-com-09 .table-box tbody .td-box { font-size: 0.9em; padding:7px}
	.con-com-09 .com-box-04 { padding-top: 5em; padding-bottom: 5em; }
	.con-com-09 .com-box-05 { padding-top: 5em; }
	.con-com-09 .com-box-03 { padding-top:5em;}
	
	.con-com-10 { padding-top: 4em;}
	.con-com-10 .con-head { padding-bottom: 4em;}
	.con-com-10 .tab-box { padding: 0 16px; }
	.con-com-10 .tab-box li { flex: 1; }
	.con-com-10 .tab-box li a { font-size: 1.05em; padding: 0.75em 1em; }
	.con-com-10 .hit-box { padding-bottom: 5em; }
	.con-com-10 .hit-box .hit-txt { font-size: 1.6em; line-height: 1.4em; margin-bottom: 1.5em; padding-left: 0; padding-right: 0; }
	.con-com-10 .area-box h5 { font-size: 1.5em}
	.con-com-10 .area-box { flex-wrap: wrap;}
	.con-com-10 .area-box .lt-box,
	.con-com-10 .area-box .rt-box { width: 100%; }
	.con-com-10 .area-box .rt-box { padding-top: 3em; }
	.con-com-10 .com-box-02 { padding-top: 5em;}
	.con-com-10 .list-box-01 .ls-list { margin-bottom:1.2em;}
	.con-com-10 .list-box-01 .ls-icon { max-width: 45px;}
	.con-com-10 .list-box-03 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75em; }
	.con-com-10 .list-box-03 .ls-list { min-height: 9em; padding: 1.1em 1em 1.2em; border-radius: 0.75em; }
	.con-com-10 .list-box-03 .ls-list.list-01 { min-height: 9em; padding: 1.15em 1em 1.2em; }
	.con-com-10 .list-box-03 .ls-list.list-01::after { width: 2.35em; height: 2.35em; right: 0.75em; bottom: 0.75em; }
	.con-com-10 .list-box-03 .ls-list.list-01 .ls-head h5 { font-size: 1.25em; }
	.con-com-10 .table-box tbody .td-box { font-size: 0.9em; padding:7px}
	.con-com-10 .com-box-04 { padding-top: 5em; padding-bottom: 5em; }
	.con-com-10 .com-box-05 { padding-top: 5em; }
	.con-com-10 .com-box-03 { padding-top:5em;}

	.con-com-11 { padding-top: 4em;}
	.con-com-11 .con-head { padding-bottom: 4em;}
	.con-com-11 .tab-box { padding: 0 16px; }
	.con-com-11 .tab-box li { flex: 1; }
	.con-com-11 .tab-box li a { font-size: 1.05em; padding: 0.75em 1em; }
	.con-com-11 .hit-box { padding-bottom: 5em; }
	.con-com-11 .hit-box .hit-txt { font-size: 1.6em; line-height: 1.4em; margin-bottom: 1.5em; padding-left: 0; padding-right: 0; }
	.con-com-11 .area-box h5 { font-size: 1.5em}
	.con-com-11 .area-box { flex-wrap: wrap;}
	.con-com-11 .area-box .lt-box,
	.con-com-11 .area-box .rt-box { width: 100%; }
	.con-com-11 .area-box .rt-box { padding-top: 3em; }
	.con-com-11 .com-box-02 { padding-top: 5em;}
	.con-com-11 .list-box-01 .ls-list { margin-bottom:1.2em;}
	.con-com-11 .list-box-01 .ls-icon { max-width: 45px;}
	.con-com-11 .list-box-03 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75em; }
	.con-com-11 .list-box-03 .ls-list { min-height: 9em; padding: 1.1em 1em 1.2em; border-radius: 0.75em; }
	.con-com-11 .list-box-03 .ls-list.list-01 { min-height: 9em; padding: 1.15em 1em 1.2em; }
	.con-com-11 .list-box-03 .ls-list.list-01::after { width: 2.35em; height: 2.35em; right: 0.75em; bottom: 0.75em; }
	.con-com-11 .list-box-03 .ls-list.list-01 .ls-head h5 { font-size: 1.25em; }
	.con-com-11 .table-box tbody .td-box { font-size: 0.9em; padding:7px}
	.con-com-11 .com-box-04 { padding-top: 5em; padding-bottom: 5em; }
	.con-com-11 .com-box-05 { padding-top: 5em; }
	.con-com-11 .com-box-03 { padding-top:5em;}



	.con-com-12 { padding-top: 4em;}
	.con-com-12 .con-head { padding-bottom: 4em;}
	.con-com-12 .tab-box { padding: 0 16px; }
	.con-com-12 .tab-box li { flex: 1; }
	.con-com-12 .tab-box li a { font-size: 1.05em; padding: 0.75em 1em; }
	.con-com-12 .hit-box { padding-bottom: 5em; }
	.con-com-12 .hit-box .hit-txt { font-size: 1.6em; line-height: 1.4em; margin-bottom: 1.5em; padding-left: 0; padding-right: 0; }
	.con-com-12 .area-box h5 { font-size: 1.5em}
	.con-com-12 .area-box { flex-wrap: wrap;}
	.con-com-12 .area-box .lt-box,
	.con-com-12 .area-box .rt-box { width: 100%; }
	.con-com-12 .area-box .rt-box { padding-top: 3em; }
	.con-com-12 .com-box-02 { padding-top: 5em;}
	.con-com-12 .list-box-01 .ls-list {width:calc(100% - 1.8em); margin-bottom:1.2em;}
	.con-com-12 .list-box-01 .ls-icon { max-width: 45px;}
	.con-com-12 .list-box-03 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75em; }
	.con-com-12 .list-box-03 .ls-list { min-height: 9em; padding: 1.1em 1em 1.2em; border-radius: 0.75em; }
	.con-com-12 .list-box-03 .ls-list.list-01 { min-height: 9em; padding: 1.15em 1em 1.2em; }
	.con-com-12 .list-box-03 .ls-list.list-01::after { width: 2.35em; height: 2.35em; right: 0.75em; bottom: 0.75em; }
	.con-com-12 .list-box-03 .ls-list.list-01 .ls-head h5 { font-size: 1.25em; }
	.con-com-12 .com-box-03 { padding-top:5em;}
	.con-com-12 .com-box-04 { padding-top: 5em; padding-bottom: 5em; }
	.con-com-12 .com-box-05 { padding-top: 5em; }

	.con-com-13 { padding-top: 4em;}
	.con-com-13 .con-head { padding-bottom: 4em;}
	.con-com-13 .tab-box { padding: 0 16px; }
	.con-com-13 .tab-box li { flex: 1; }
	.con-com-13 .tab-box li a { font-size: 1.05em; padding: 0.75em 1em; }
	.con-com-13 .hit-box { padding-bottom: 5em; }
	.con-com-13 .hit-box .hit-txt { font-size: 1.6em; line-height: 1.4em; margin-bottom: 1.5em; padding-left: 0; padding-right: 0; }
	.con-com-13 .area-box h5 { font-size: 1.5em}
	.con-com-13 .area-box { flex-wrap: wrap;}
	.con-com-13 .area-box .lt-box,
	.con-com-13 .area-box .rt-box { width: 100%; }
	.con-com-13 .area-box .rt-box { padding-top: 3em; }
	.con-com-13 .com-box-02 { padding-top: 5em;}
	.con-com-13 .list-box-01 .ls-list {width:calc(100% - 1.8em); margin-bottom:1.2em;}
	.con-com-13 .list-box-01 .ls-icon { max-width: 45px;}
	.con-com-13 .list-box-03 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75em; }
	.con-com-13 .list-box-03 .ls-list { min-height: 9em; padding: 1.1em 1em 1.2em; border-radius: 0.75em; }
	.con-com-13 .list-box-03 .ls-list.list-01 { min-height: 9em; padding: 1.15em 1em 1.2em; }
	.con-com-13 .list-box-03 .ls-list.list-01::after { width: 2.35em; height: 2.35em; right: 0.75em; bottom: 0.75em; }
	.con-com-13 .list-box-03 .ls-list.list-01 .ls-head h5 { font-size: 1.25em; }
	.con-com-13 .com-box-03 { padding-top:5em;}
	.con-com-13 .com-box-04 { padding-top: 5em; padding-bottom: 5em; }
	.con-com-13 .com-box-05 { padding-top: 5em; }
	.con-com-13 .table-box-gpass .col-grade { width: 12%;}
	.con-com-13 .table-box-gpass .col-export { width: 28%;}
	.con-com-13 .table-box-gpass .col-effort { width: 60% }

	.con-com-14 { padding-top: 4em;}
	.con-com-14 .con-head { padding-bottom: 4em;}
	.con-com-14 .tab-box { padding: 0 16px; }
	.con-com-14 .tab-box li { flex: 1; }
	.con-com-14 .tab-box li a { font-size: 1.05em; padding: 0.75em 1em; }
	.con-com-14 .hit-box { padding-bottom: 5em; }
	.con-com-14 .hit-box .hit-txt { font-size: 1.6em; line-height: 1.4em; margin-bottom: 1.5em; padding-left: 0; padding-right: 0; }
	.con-com-14 .area-box h5 { font-size: 1.5em}
	.con-com-14 .area-box { flex-wrap: wrap;}
	.con-com-14 .area-box .lt-box,
	.con-com-14 .area-box .rt-box { width: 100%; }
	.con-com-14 .area-box .rt-box { padding-top: 3em; }
	.con-com-14 .com-box-02 { padding-top: 5em;}
	.con-com-14 .list-box-01 .ls-list { width: calc(100% - 1.8em); margin-bottom:1.2em;}
	.con-com-14 .list-box-01 .ls-icon { max-width: 45px;}
	.con-com-14 .list-box-03 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75em; }
	.con-com-14 .list-box-03 .ls-list { min-height: 9em; padding: 1.1em 1em 1.2em; border-radius: 0.75em; }
	.con-com-14 .list-box-03 .ls-list.list-01 { min-height: 9em; padding: 1.15em 1em 1.2em; }
	.con-com-14 .list-box-03 .ls-list.list-01::after { width: 2.35em; height: 2.35em; right: 0.75em; bottom: 0.75em; }
	.con-com-14 .list-box-03 .ls-list.list-01 .ls-head h5 { font-size: 1.25em; }
	.con-com-14 .table-box tbody .td-box { font-size: 0.9em; padding:7px}
	.con-com-14 .com-box-04 { padding-top: 5em; padding-bottom: 5em; }
	.con-com-14 .com-box-05 { padding-top: 5em; }
	.con-com-14 .com-box-03 { padding-top:5em;}

	.con-com-15 { padding-top: 4em; }
	.con-com-15 .con-head { padding-bottom: 4em; }
	.con-com-15 .hit-box { padding-bottom: 5em; }
	.con-com-15 .hit-box .hit-txt { font-size: 1.6em; line-height: 1.4em; margin-bottom: 1.5em; padding-left: 0; padding-right: 0; }
	.con-com-15 .hit-box .hit-txt span:nth-child(1):before { left: -0.5em; }
	.con-com-15 .hit-box .hit-txt span:nth-child(1):after { right: -0.5em; }
	.con-com-15 .com-box-02 { padding-top: 5em; padding-bottom: 5em; }
	.con-com-15 .com-box-03 { padding-top: 5em; padding-bottom: 5em; }
	.con-com-15 .com-box-04 { padding-top: 5em; padding-bottom: 5em; }
	.con-com-15 .com-box-05 { padding-top: 5em; padding-bottom: 4em; }
	.con-com-15 .area-box { flex-wrap: wrap; gap: 2em; }
	.con-com-15 .area-box.area-txt-lt { flex-direction: column; }
	.con-com-15 .area-box .lt-box,
	.con-com-15 .area-box .rt-box { width: 100%; }
	.con-com-15 .area-box .rt-box { padding-top: 0; }
	.con-com-15 .txt-box dl dt { font-size: 1.5em; }
	.con-com-15 .con-box-05 .rt-box { text-align: left;}
	.con-com-15 .con-box-03 .rt-box { text-align: left;}
	.con-com-15 .con-box-04 .lt-box { padding-bottom:2em;}
	.con-com-15 .con-box-03 .lt-box { padding-bottom:2em; padding-top:0; padding-right:0;}
	.con-com-15 .con-box-05 .lt-box { padding-bottom:2em; padding-top:0; padding-right:0;}

	.con-com-16 { padding-top: 4em; }
	.con-com-16 .con-head { padding-bottom: 4em; }
	.con-com-16 .search-box { flex-wrap:wrap; gap:1em; margin-bottom:2.5em; }
	.con-com-16 .search-box .ls-search { flex:1 1 100%; max-width:100%; min-width:0; }
	.con-com-16 .ls-list { width: calc(50% - 1em); margin-right:1em; }
	.con-com-16 .list-box {margin-right: -1em}

	.con-com-17 { padding-top:4em; }
	.con-com-17 .con-head { padding-bottom:2.5em; }
	.con-com-17 .cal-toolbar { padding:0.75em 0.85em; }
	.con-com-17 .cal-title { font-size:1.15em; }
	.con-com-17 .cal-toolbar-rt { width:100%; justify-content:flex-end; }
	.con-com-17 .cal-grid { grid-auto-rows:minmax(5em,auto); }
	.con-com-17 .cal-cell { min-height:5em; }
	.con-com-17 .cal-event { font-size:0.62em; }

	.ls-layer-box .ls-layer-out { max-height: 300px }

	.con-com-18 { padding-top:4em; }
	.con-com-18 .con-head { padding-bottom:2.5em; }
	.con-com-18 .ul-box-01 input[type="radio"] + label:before { width: 20px; height: 20px;}
	.con-com-18 .ul-box-01 input[class="check-item"]:checked + label:after { width: 12px; height: 12px; left: 4px; top: 2px;}
	.con-com-18 .ul-box-01 input[type="radio"] + label { padding-left: 30px;}
	.con-com-18 .ul-box-01 li { min-width: 33.3%;flex-shrink: 0 }
	.con-com-18 .dl-box-01 .ls-dup { width:100%}
	.con-com-18 .dl-box-01 { padding-top:3em;}
	.con-com-18 .dl-box-01 dl { padding-top: 0.5em; padding-bottom:1em;}
	.con-com-18 .con-box-01 .ls-hg-01 { height: 10em;}
	.con-com-18 .con-box-01 .ls-hg-02 { height: 10em;}
	.con-com-18 .dl-box-02 dl { display:block;}
	.con-com-18 .dl-box-02 dl dt { padding-top:0; padding-bottom:1em;}
	.con-com-18 .dl-box-02 { padding-top:0;}
	.con-com-18 .con-box-01 .in-check input[type=checkbox] { width: 20px; height:20px;}


}

/* 모바일사이즈 기본 */
@media all and (max-width : 640px){



}


@media all and (max-width : 540px){
	
	.d-sm-none { display:none;}
	.d-sm-view { display:block;}

	.scroll-box-2 .list-box { margin-right:-1.3em;}
	.scroll-box-2 .ls-list { width: calc(100% - 1.3em);}
	.scroll-box-2 .ls-list img { max-width: 60px;}
	.scroll-box-2 .ls-list a { display:flex; align-items:stretch}
	.scroll-box-2 .ls-list .txt-box { padding-left: 10px; text-align: left;}
	
	.con-com-16 .ls-list { width: calc(100% - 1em); }
	

}


@media all and (max-width : 375px){

	.scroll-box-2 .ls-slide-backgrounds .ls-bg-01 img {left: -13%;}

}
/* 스타일 작업 종료 */
/*******************************************************************************************************************/






/* 중간 레이아웃 */
/**********************************************************************************************************************/
/* 여기부터 반응형 메인 박스 스타일 적용 */
/**********************************************************************************************************************/
#wrapper {width:100%;}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#container {position:relative;max-width:1000px;margin:0px auto;z-index:1;padding:0px}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin:0 0px 10px;font-size:1.2em;font-weight:bold;text-align:center;border-bottom:2px solid #ddd;padding-bottom:0px;}

/*index*/
.latest{width:100%;float:left}

#main_work ul:after {display:block;visibility:hidden;clear:both;content:""}
#main_work ul li{background:#fff;letter-spacing:-0.01em}
#main_work ul li.main_work_1{background:#f8f8f8;}
#main_work .work_txt span{ display:block;padding:5px 0;color:#808080;line-height:1.5em}

#lt_notice{clear:both}
#lt_notice,#lt_board,#lt_board2,#lt_board3,#lt_board4,#lt_board5,#lt_board6,#lt_gall{margin-top:20px}


/* PC 사이즈  1001px 픽셀사이즈까지  */
@media (min-width : 1361px) {
    
    #main_work .work_img{width:35%;height:122px;line-height:112px;display:block;float:left;}
    #main_work .work_txt{width:65%;height:122px;display:block;float:left;}
    #main_work .work_txt span.work_txt_tit{margin-top:20px ;font-weight:bold;font-size:1.25em;color:#111}
	
	.view_pc {display:block;}
	.view_tab {display:none;}
	.view_pctab {display:block;}
	.view_tabmobi {display:none;}
	.view_mobi {display:none;}

	.rbtn_icon {display:block;margin-top:25px;}
	.rbtn_icon .btn {margin-left:7px;}
}

/* 패드류 기본*/
@media all and (min-width : 601px) and (max-width : 1360px) {

    #main_work{margin-top:20px}
    #main_work ul li{float:left;width:33.3%;text-align:center;}
    #main_work .work_img{display:block;}
    #main_work .work_img img{max-width:100px;width:80%;height:auto}
    #main_work .work_txt span.work_txt_p{display:none;}
    #main_work .work_txt span.work_txt_tit{margin:0 0 15px;font-size:1.2em;color:#111;font-weight:bold}
	
	.view_pc {display:none;}
	.view_tab {display:block;}
	.view_pctab {display:block;}
	.view_tabmobi {display:block;}
	.view_mobi {display:none;}

	.rbtn_icon {display:none;margin-top:25px;}
	.rbtn_icon .btn {margin-left:7px;}

}

/* 모바일 기본*/
@media all and (max-width : 600px){

    #main_work{margin-top:20px}
    #main_work ul li{float:left;width:33.3%;text-align:center;}
    #main_work .work_img{display:block;}
    #main_work .work_img img{max-width:100px;width:80%;height:auto}
    #main_work .work_txt span.work_txt_p{display:none;}
    #main_work .work_txt span.work_txt_tit{margin:0 0 15px;font-size:1.2em;color:#111;font-weight:bold}
	
	.view_pc {display:none;}
	.view_tab {display:none;}
	.view_pctab {display:none;}
	.view_tabmobi {display:block;}
	.view_mobi {display:block;}

	.rbtn_icon {display:none;}
}



/* 하단 레이아웃 */
#ft {border-top:1px solid #dde4e9;background:#fafafa;text-align:center}
#ft h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden;}
#ft_company{padding:20px 20px 10px}
#ft_company a{font-weight:bold;display:inline-block;padding:0px 5px;font-size:1.12em;border-left:2px solid #eee}
.bd_no{border:none !important}
#ft_copy p{color:#000;padding-bottom:20px}
#ft_copy .ft_sns{padding:15px 20px}
#ft_copy .ft_sns a{padding:3px;}
#top_btn{position:fixed;bottom:10px ;right:10px;border:none;z-index:99}

/*group*/
#group .lt{margin-top:20px}
#group .lt_date{position:absolute;top:0;right:0;color:#5d938b}
@media all and (max-width : 375px) {
    #group .lt{margin-top:10px}
}

/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}

/* 본문 바로가기 */
.to_content a {z-index:100000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha #captcha_img {width:150px;height:60px;border:1px solid #e9e9e9;}
#captcha #captcha_reload {margin:0;padding:0 5px;width:32px;height:32px;border:0;background:url(../img/captcha.png) no-repeat 0 -30px;overflow:hidden; vertical-align:middle;overflow:hidden;cursor:pointer;text-indent:-999px}
#captcha #captcha_key {margin:0 0 0 4px;padding:0 5px;width:150px;height:60px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2em}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha #captcha_mp3{width:32px;height:32px;margin:0;padding:0 5px;height:32px;border:0;background:url(../img/captcha.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;cursor:pointer;overflow:hidden;text-indent:-999px}

/*단축키일람 */
.btn_cke_sc{background:#333;color:#fff;padding:5px;border:none;margin-bottom:5px}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:50%;font-weight:bold}
.cke_sc_def dd {width:50%}
.btn_cke_sc_close{background:#333;padding:5px;border:none;color:#fff}

/* 버튼 */
a.btn01 {display:inline-block;padding:8px 7px 7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:8px 7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {padding:8px;border:0;background:#dfdfdf;color:#fff;letter-spacing:-0.1em;border-radius:0px}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

a.btn_cancel {display:inline-block;padding:8px 7px 7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle;border-radius:0px}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none;border-radius:0px}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:1.9em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:1.9em} /* 우편번호검색버튼 등 */
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;margin:0 0 3px;padding:8px 7px 7px;border:1px solid #d9ded9;background:#fff;color:#000;text-decoration:none;vertical-align:middle;border-radius:0px}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none;color:#00c6b2}
a.btn_b02 {display:inline-block;margin:0 0 3px;padding:8px 7px 7px;border:1px solid #dfdfdf;background:#dfdfdf;color:#fff;text-decoration:none;vertical-align:middle;border-radius:0px}
a.btn_b02:focus, .btn_b02:hover {background:#00c6b2;transition: 0.8s;-webkit-transition: 0.8s;-moz-transition: 0.8s;-ms-transition: 0.8s;-o-transition: 0.8s;}
a.btn_admin {display:inline-block;margin:0 0 3px;padding:8px 7px 7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle;border-radius:0px} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

/* 댓글 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

/* 기본테이블 */
.tbl_wrap {margin:0 0 10px}
.tbl_wrap table {width:100%;border-collapse:collapse;border-radius:0px 5px 0 0;}
.tbl_wrap caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left}

.tbl_head01 {}
.tbl_head01 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head01 thead th {padding:12px 0;background:#dfdfdf;color:#fff;text-align:center;letter-spacing:-0.1em;}
.tbl_head01 thead th:first-child{border-top-left-radius:0px;}
.tbl_head01 thead th:last-child{border-top-right-radius:0px}
.tbl_head01 thead a {color:#fff}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head01 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head01 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {background:#fff;padding:10px;border-top:1px solid #eee;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}

.tbl_head01n {font-size:17px; font-weight:300px; }
.tbl_head01n caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head01n thead th {padding:15px 0;background:#fff;color:#000;text-align:center; border-top:1px solid #000; }
.tbl_head01n thead th:first-child{border-top-left-radius:0px;}
.tbl_head01n thead th:last-child{border-top-right-radius:0px}
.tbl_head01n thead a {color:#000}
.tbl_head01n thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01n tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#fff;color:#000;}
.tbl_head01n tfoot td {border-color:#666;background:#fff;color:#000;font-weight:bold;text-align:center}
.tbl_head01n tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01n td {background:#fff;padding:10px;border-top:1px solid #eee;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}

.tbl_head02 {}
.tbl_head02 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head02 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}


.tbl_head022 {}
.tbl_head022 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head022 thead th {padding:5px 0;border-bottom:1px solid #d1dee2;border-right:1px solid #d1dee2;border-left:1px solid #d1dee2;border-top:1px solid #333;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head022 thead a {color:#383838}
.tbl_head022 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head022 tfoot th {border-top:1px solid #666;border:1px solid #666;background:#484848;color:#fff}
.tbl_head022 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head022 tbody td {padding:5px 0;border:1px solid #e9e9e9;}
.tbl_head022 tbody th {padding:5px 0;border:1px solid #e9e9e9;text-align:center;}
.tbl_head022 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
.tbl_head022 input[type=text] {border:1px solid #d1dee2; width:90%;height:20px;margin-left:5px;}
.tbl_head022 input[type=file] {margin-left:5px;}
.tbl_head022 textarea {border:1px solid #d1dee2; width:98%;height:120px;margin-left:5px;}
.tbl_head022 span {color:red;}

/* 폼 테이블 */
.tbl_frm01 {}
.tbl_frm01 th {padding:10px 0;width:90px;border:1px solid #e9e9e9;border-left:0;text-align:left}
.tbl_frm01 td {padding:10px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #c2c2c2;background:#fff;vertical-align:middle;line-height:2.3em;height:2.3em;-webkit-appearance:none;border-radius:5px}
.tbl_frm01 textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px;width:100%}
.tbl_frm01 .frm_info {display:block;padding:5px 0 0;color:#666;line-height:1.3em}

/* 자료 없는 목록 */
.empty_table {padding:20px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:150px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #4e5d60;border-bottom:1px solid #e9e9e9;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .tbl_wrap {margin:0 20px}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:10px 20px}

.new_win .win_btn {clear:both;margin:20px;text-align:center}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:2.5em;background:#666;color:#fff;text-decoration:none;vertical-align:middle;line-height:2.5em}
.new_win .win_btn button {display:inline-block;padding:0 10px;height:2.5em;border:0;background:#666;color:#fff;text-decoration:none;line-height:2.5em}
.new_win .win_btn input {padding:0 10px;height:2.5em;line-height:2.5em}

/* 검색결과 색상 */
.sch_word {color:#ff3061}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important;text-align:left}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:16px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:0px 0 20px;padding: 0 0;text-align:center;font-size:1.083em}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:30px;color:#000;letter-spacing:0;line-height:30px;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {text-decoration:none}
.pg_start{background:url(../img/page_btn.gif) no-repeat 0 0 ;text-indent:-9999px;overflow:hidden;width:30px;height:30px;border:1px solid #eee;padding:0;border-radius:15px;border:1px solid #ddd}
.pg_prev {background:url(../img/page_btn.gif) no-repeat -31px 0;text-indent:-9999px;overflow:hidden;width:30px;height:30px;border:1px solid #eee;padding:0;border-radius:15px;border:1px solid #ddd}
.pg_end{background:url(../img/page_btn.gif) no-repeat -93px 0;text-indent:-9999px;overflow:hidden;width:30px;height:30px;border:1px solid #eee;padding:0;border-radius:15px;border:1px solid #ddd}
.pg_next {background:url(../img/page_btn.gif) no-repeat -63px 0;text-indent:-9999px;overflow:hidden;width:30px;height:30px;border:1px solid #eee;padding:0;;border-radius:15px;border:1px solid #ddd}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#dfdfdf;color:#fff;border-radius:15px;font-weight:bold;font-weight:bold}

/* PC화면으로 */
#device_change {display:block;margin:5px;padding:5px 0;border:1px solid #eee;border-radius:2em;color:#000;font-size:1em;text-decoration:none;text-align:center}

.clear_01 { clear: both; line-height: 0px; font-size:0px}

.blank5 { height:5px}
.blank10 { height:10px}
.blank20 { height:20px}

.pdtb50 {padding: 50px 0px;}
.pdtb40 {padding: 40px 0px;}
.pdtb30 {padding: 30px 0px;}
.pdtb20 {padding: 20px 0px;}
.pdtb15 {padding: 15px 0px;}
.pdtb10 {padding: 10px 0px;}


.pd50 {padding: 50px;}
.pd40 {padding: 40px;}
.pd30 {padding: 30px;}
.pd20 {padding: 20px;}
.pd10 {padding: 10px;}


#ft_copy ul { padding:0px; margin: 0px;list-style:none;line-height:10px;}
#ft_copy ul li {color:#000; display:inline-block; padding: 5px 3px;}


.tip { background-color: #eaeaea; padding: 10px;line-height:17px;letter-spacing:0.05em;}
.tip input[type=text] { padding: 3px; border: 1px solid #dfdfdf; width: 300px}
.tip input[type=radio]  { width:20px}
.tip select { border:1px solid #dfdfdf; padding: 3px 5px; font-size: 12px}
.tip span { color:#000; font-weight: bold}



.stit h2 { font-size:15px; color:#346ba3; padding-top:0px; margin:0px; padding-bottom:15px ; text-align:left}
.stit h2 span { font-size:12px; padding-left:10px; color:#000}
.stit2 h2 { font-size:15px; color:#000; padding-top:0px; margin:0px 0 20px 0; padding-bottom:7px ; text-align:left; border-bottom: 1px dotted #ccc}



.pop_left { float:left; width:44%;}
.pop_left ul { padding:0px; margin:0px; list-style: none}
.pop_left ul li { float:left; border-bottom:1px solid #dfdfdf; font-size:13px; padding:10px 0 5px 0; text-align:left}
.pop_left .ti { width:30%}
.pop_left .con { width:70%; font-weight:bold}

.pop_right { float:right; width:44%; }
.pop_right ul { padding:0px; margin:0px; list-style: none}
.pop_right ul li { float:left; border-bottom:1px solid #dfdfdf; font-size:13px; padding:10px 0 5px 0; text-align:left}
.pop_right .ti { width:30%}
.pop_right .con { width:70%; font-weight:bold}

.pop_ti { font-size:40px; padding-bottom:20px; font-weight:bold; letter-spacing:20px; text-align:center;position:relative; border-bottom:1px solid #000; margin-bottom:20px}
.dojang { position:absolute; top:100px; right:30px; }



.tbl_frm02_pop {margin:0 0 0px}
.tbl_frm02_pop table {width:100%;border-collapse:collapse;border-spacing:0; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9}
.tbl_frm02_pop th {width:70px;padding:10px 5px;border:1px solid #e9e9e9; background:#f5f8f9;text-align:left; color: #3a3a3a;font-size:12px; font-weight:bold}
.tbl_frm02_pop td {padding:10px 5px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;font-size:13px;}
.tbl_frm02_pop .CT { text-align:center}
.tbl_frm02_pop .RT { text-align:right}
.tbl_frm02_pop .hit { font-weight:bold; color: #000; font-size:15px}

.top_text {margin:0 auto;width:100%;max-width:1000px;color:#333;font-size:17px;text-align:left;}
.top_text .subtitle {font-size:37px;color:#333;padding-right:40px;}
.top_text .subtext {font-size:17px;color:#333;padding-top:30px;line-height:25px;padding-left:40px;padding-right:40px;}
.top_text .subicon {padding-top:30px;padding-right:40px;}
.top_text .subtext2 {font-size:13px;color:#333;padding-top:0px;line-height:25px;padding-left:40px;padding-right:40px;}

.sc_top_menu2 {margin:0 auto;width:100%;max-width:1400px;color:#101f39;padding-top:30px;font-size:17px;}
.sc_top_menu2 a {color:#101f39;}

.top_text2 {margin:0 auto;width:100%;max-width:1200px;color:#101f39;font-size:17px;text-align:right;}
.top_text2 .subtitle {font-size:37px;;color:#101f39;text-align:right;padding-left:40px;padding-right:40px;}
.top_text2 .subtext {font-size:17px;color:#101f39;padding-top:30px;line-height:25px;text-align:right;padding-left:40px;padding-right:40px;}
.top_text2 .subicon {padding-top:30px;text-align:right;padding-left:40px;padding-right:40px;}
.top_text2 .subtext2 {font-size:13px;color:#101f39;padding-top:0px;line-height:25px;text-align:right;padding-left:40px;padding-right:40px;}

.sc_top_menu3 {margin:0 auto;width:100%;max-width:1400px;color:#352f2a;padding-top:30px;font-size:17px;}
.sc_top_menu3 a {color:#352f2a;}

.top_text3 {margin:0 auto;width:100%;max-width:1200px;color:#352f2a;font-size:17px;text-align:center;}
.top_text3 .subtitle {font-size:37px;;color:#352f2a;text-align:center;padding-left:40px;padding-right:40px;}
.top_text3 .subtext {font-size:17px;color:#352f2a;padding-top:30px;line-height:25px;text-align:center;padding-left:40px;padding-right:40px;}
.top_text3 .subicon {padding-top:30px;text-align:center;padding-left:40px;padding-right:40px;}
.top_text3 .subtext2 {font-size:13px;color:#352f2a;padding-top:0px;line-height:25px;text-align:center;padding-left:40px;padding-right:40px;}

.top_text4 {margin:0 auto;width:100%;max-width:1200px;color:#e6d0a9;font-size:17px;text-align:center;}
.top_text4 .subtitle {font-size:37px;;color:#e6d0a9;text-align:center;padding-left:40px;padding-right:40px;}
.top_text4 .subtext {font-size:17px;color:#e6d0a9;padding-top:30px;line-height:25px;text-align:center;padding-left:40px;padding-right:40px;}
.top_text4 .subicon {padding-top:30px;text-align:center;padding-left:40px;padding-right:40px;}
.top_text4 .subtext2 {font-size:13px;color:#e6d0a9;padding-top:0px;line-height:25px;text-align:center;padding-left:40px;padding-right:40px;}

.top_text5 {margin:0 auto;width:100%;max-width:1200px;color:#ffffff;font-size:17px;text-align:center;}
.top_text5 .subtitle {font-size:40px;;color:#ffffff;text-align:center;padding-left:40px;padding-right:40px;}
.top_text5 .subtext {font-size:24px;color:#ffffff;padding-top:30px;line-height:38px;text-align:center;padding-left:40px;padding-right:40px;}
.top_text5 .subicon {padding-top:30px;text-align:center;padding-left:40px;padding-right:40px;}
.top_text5 .subtext2 {font-size:17px;color:#e6d0a9;padding-top:10px;line-height:30px;text-align:center;padding-left:40px;padding-right:40px;}

.top_text22 {margin:0 auto;width:100%;max-width:1200px;color:#101f39;font-size:17px;text-align:center;}
.top_text22 .subtitle {font-size:37px;;color:#101f39;text-align:center;padding-left:40px;padding-right:40px;}
.top_text22 .subtext {font-size:17px;color:#101f39;padding-top:30px;line-height:25px;text-align:center;padding-left:40px;padding-right:40px;}
.top_text22 .subicon {padding-top:30px;text-align:center;padding-left:40px;padding-right:40px;}
.top_text22 .subtext2 {font-size:13px;color:#101f39;padding-top:0px;line-height:25px;text-align:center;padding-left:40px;padding-right:40px;}