@charset "utf-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800&display=swap');

.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:  var(--font-1); var(--font-2); 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:var(--color-font-1);}
#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:#1b1b1b;}
a:hover { color:var(--color-base-1);}
input, select, textarea {font-family: var(--font-1);  }

:root { 
	--head-height: 138px;
	--nav-height: 17em;
	--snb-height: 3.5em;
	--snb-bg-height: 33em;
	--bg-white:#fff;
	--bg-black:#000;
	--width-1: 1680px;
	--width-1-pd: 1720px;
	--width-2: 1620px;
	--width-2-pd: 1660px;
	--width-3: 1520px;
	--width-3-pd: 1560px;
	--width-4: 1535px;
	--width-4-pd: 1575px;
	--width-5: 1460px;
	--width-5-pd: 1500px;
	--width-6: 1280px;
	--width-6-pd: 1320px;
	--width-7: 1720px;
	--width-7-pd: 1760px;
	--width-8: 1720px;
	--width-8-pd: 1760px;
	--width-9: 1360px;
	--width-9-pd: 1400px;
	--color-base-1 : #0a2ca9;
	--color-base-2 : #151b4e;
	--color-base-3 : #113090;
	--color-base-4 : #2d94dc;
	--color-base-5 : #85c1e7;
	--color-base-6 : #01baff;
	--color-base-7 : #0029a7;
	--color-base-8 : #fd4f00;
	--color-base-9 : #0072ff;
	--color-blue-1: #151b4e;
	--color-green-1: #151b4e;
	--bg-gray-1 : #f7f7f7;
	--bg-gray-2 : #959595;
	--bg-gray-3 : #1b1b1b;
	--color-font-1 : #000;
	--font-1 : "Pretendard", Noto Sans KR, 'noto sans KR', sans-serif;
	--font-2 : "Montserrat", Montserrat, Noto Sans KR, 'noto sans KR', sans-serif;
	
}

/* header 메뉴 */
header {z-index: 15; width: 100%; margin: 0 auto; top:0; flex-wrap: wrap;display:flex;justify-content: center;align-items: center;position:fixed; height: var(--head-height); background: transparent; transition: transform 0.35s ease, background-color 0.35s ease; }
header:before { content:''; left:0; top:0; width:100%; position: absolute; height: calc(var(--head-height) + var(--nav-height) - 2em); background:#fff; z-index:2; transform: scaleY(0); transform-origin: top center; opacity:0; pointer-events:none; transition: transform 0.4s ease, opacity 0.3s ease; }
header:hover:before { transform: scaleY(1); opacity:1; pointer-events:auto; }
header:hover h1 img { filter:none; }
header:hover .nav_web>ul>li>a { color:var(--color-base-3); }
header:hover .nav_web>ul>li:hover>a { color:#fff; }
header h1 {z-index: 16; height: 3.1em; flex-basis: content;text-align: left; display:block;}
header h1 img {filter: brightness(0) invert(1); max-height: 100%; display:inline-block; transition: filter 0.3s ease; }
header h1 a { display: block; height:100%; padding-bottom: 0.2em; padding-top:0.1em}
header .box_inner {z-index:4; position: relative;display:flex; max-width: var(--width-7-pd); padding: 0px 20px 0 20px; width: 100%; height: 100%;justify-content: space-between; align-items: center;}
header:not(.menu-scroll) .nav_wrap { display: none;}

/*웹용 메뉴*/
.nav_web { padding-left: 4em; padding-right: 4em; max-width:1000px; height: 100%; flex:1 1 1000px; margin-left: auto; margin-right: auto; position:relative; z-index:5; transition: max-width 0.45s ease, flex-basis 0.45s ease; }  
.nav_web a { display:block; color:var(--bg-white)}
.nav_web>ul { width:100%; max-width: 100%; margin-left:auto; margin-right:auto; display: flex; justify-content: space-between; align-items: stretch; height:100%; }
.nav_web>ul>li { position: relative; flex:1; width:100%; height:100%; }
.nav_web>ul>li>a { display:flex; align-items: center; justify-content: center; height:100%; padding: 1em 0.5em; text-wrap: nowrap; text-align: center; font-weight:600; transition: color 0.25s ease; position:relative; z-index:2; }
.nav_web>ul>li>a span { font-family: var(--font-2); font-size:1.05em; display:inline-block; }
.nav_web>ul>li:hover>a { color:var(--bg-white); }
.nav_web li li a { display:block; padding: 0.7em 0.4em; font-size: 1.05em; word-break: keep-all; color:#434343;font-weight:500; transition: color 0.2s ease, opacity 0.2s ease; }
.nav_web li li a:hover { text-decoration: underline;  }

/* 메가메뉴: 모든 열 동일 높이(100%) — 블루는 ::after로 처리 */
.nav_web>ul>li>ul {	display:block;	position: absolute;	z-index:3;	top: 77%;	left:0;	width:100%;	height: var(--nav-height);	min-height: var(--nav-height);	box-sizing: border-box;	letter-spacing: -0.3px;	text-align:center; overflow:hidden; background-color: transparent; transform-origin: top center; transform: scaleY(0); opacity:0; visibility:hidden; pointer-events:none; transition: transform 0.4s ease, opacity 0.3s ease, visibility 0.3s ease;}
.nav_web>ul>li:hover>ul a { color:var(--bg-white); }




/* 웹용 메가메뉴 */
.nav-mega { position:absolute; left:0; top:var(--head-height); width:100%; background:#fff; z-index:3; opacity:0; visibility:hidden; pointer-events:none; transition: opacity 0.25s ease, visibility 0.25s ease; border-top:1px solid rgba(0,0,0,0.06); }
header:hover .nav-mega { opacity:1; visibility:visible; pointer-events:auto; }
.nav-mega-inner { max-width:var(--width-7-pd); margin:0 auto; padding:0 20px; display:flex; align-items: stretch; min-height: 15em; }
.nav-mega .mega-col { flex:1; padding: 2.2em 1.5em 2.5em; text-align:center; }
.nav-mega .col-01 { background:var(--color-base-3); color:#fff; }
.nav-mega .mega-tit { display:block; font-size: 1.05em; font-weight:700; letter-spacing:0.02em; font-family: var(--font-2); padding-bottom:1.2em; line-height:1.3em; }
.nav-mega .col-01 .mega-tit { color:#fff; }
.nav-mega .mega-col:not(.col-01) .mega-tit { color:var(--color-base-3); }
.nav-mega .mega-col ul { line-height:1.8em; }
.nav-mega .mega-col li a { display:block; padding:0.15em 0; font-size:0.95em; font-weight:500; word-break:keep-all; transition: opacity 0.2s ease; }
.nav-mega .col-01 li a { color:#fff; }
.nav-mega .col-01 li a:hover { opacity:0.75; color:#fff; text-decoration:none; }
.nav-mega .mega-col:not(.col-01) li a { color:#434343; }
.nav-mega .mega-col:not(.col-01) li a:hover { color:var(--color-base-1); text-decoration:underline; }

/*모바일용메뉴*/
.nav_md {overflow: hidden; display: none; width: 100%; height: 100%; top: 0; right:0; position: fixed; z-index: 19; background:var(--bg-white); opacity:0; visibility:hidden; transition: opacity 0.35s ease, visibility 0.35s ease; } 
.nav_md.is-open { display: block; opacity:1; visibility:visible; }
.nav_md_wrap {position:absolute; left:0; top:0; width: calc(100%); height:calc(100% - 20px); overflow-x:hidden; display:flex; flex-direction: column;} 
.nav_md_wrap:before { content:''; position: fixed; border-radius: 1em; left:20px; width: calc(100% - 40px); height:calc(100% - var(--head-height) - 10px); top: calc(var(--head-height) - 10px); background:var(--color-base-3); transform: scaleY(0.96); transform-origin: top center; opacity:0.92; transition: transform 0.4s ease, opacity 0.35s ease; }
.nav_md.is-open .nav_md_wrap:before { transform: scaleY(1); opacity:1; }
.nav_md h1 img {filter:none;}
.nav_md .nav_head_md { padding-top: 1em; position: relative; z-index:18;  display:flex; align-items: center; justify-content: space-between; height:calc(var(--head-height) - 20px); }
.nav_md .nav_head_md a { color:#fff;}
.nav_md .nav_head_md h1 { margin-top: 0.3em; padding-left: 20px;}
.nav_md .nav_lang {margin-right:calc(var(--head-height) - 15px);}
.nav_md .nav-md-ul {position: relative; overflow-y:auto; margin:10px 20px 0px 20px; padding: 25px 30px 30px 30px; width:calc(100% - 40px); height:calc(100% - 40px); -webkit-overflow-scrolling: touch;}
.nav_md .nav-md-ul>li { text-align: left; position:relative; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.12); }
.nav_md .nav-md-ul>li>a:after { text-align: center; font-family: var(--font-1); content: '+';   z-index: 8;  width: 1.2em;    height: 1.2em;    position: absolute;  transform: translateY(-50%) rotate(0deg);  transform-origin: center;    opacity: 1;    right: 0px;    top: 60%;    font-weight: 400;    vertical-align: middle;    font-size: 1.3em;      display: inline-block; transition: transform 0.3s ease; }
.nav_md .nav-md-ul>li.is-open>a:after {  content: '-';  transform: translateY(-50%) rotate(180deg); }
.nav_md .nav-md-ul>li>a { font-family: var(--font-2); color:#fff; letter-spacing: -0.04em; font-weight: 600; padding: 0.7em 0 0.5em 0.25em; font-size: 1.6em; position: relative; transition: opacity 0.25s ease;}
.nav_md .nav-md-ul a { display:block;}
.nav_md .nav-md-ul>li>a:active { opacity: 0.85;}
.nav_md .nav-md-ul ul { display:none;  width:100%; padding: 5px 0 1em 0;}
.nav_md .nav-md-ul ul a { color:var(--bg-white); font-size: 1.15em;  padding: 0.8em 0.2em; opacity:0.92; transition: opacity 0.2s ease, padding-left 0.2s ease; }
.nav_md .nav-md-ul ul a:active { opacity: 1; padding-left: 0.45em; }
.nav_md .nav-md-ul ul a span { display:inline-block; position: relative; padding: 0.5em 0; }
.nav_md .nav-md-ul ul li { width: 100%;}
.nav_md .tdep-box>a { position: relative;}
.nav_md .tdep-box>a:after { content:''; margin-left: 0.5em; position: absolute; width:1em; top:50%; transform: translateY(-50%); height:1em; 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='11.75px' height='7.75px'%3E%3Cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='0.3px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M0.237,6.250 L5.750,0.236 L11.263,6.250 '/%3E%3C/svg%3E");}
.nav_md .view-nav-t { position: absolute; right:20px; top:calc(10px + 0.2em); width:calc(var(--head-height) - 30px); height:calc(var(--head-height) - 30px);  margin-left: auto; }
.nav_md .view-nav-t .view-nav.open i { background: var(--color-base-1);}
body.nav-md-lock { overflow: hidden; touch-action: none; }
/* 메뉴 스크롤 시 (최상단 아닐 때 1차 영역 흰색) */
.menu-scroll { background:#fff; }
.menu-scroll .nav_web>ul>li>a { color:var(--color-base-3);}
.menu-scroll .view-nav i { background:var(--color-base-3);}
.menu-scroll .view-nav-h .view-nav i,
header.menu-scroll .view-nav-h .view-nav i { background:#fff;}
.menu-scroll h1 img { filter:none;}
.menu-scroll .nav_lang p i:after { filter:none}
.menu-scroll .nav_web>ul>li:hover>a { color:#fff; }

/* 메뉴검정 */
.menu-black .nav_web>ul>li>a { color:#000;}
.menu-black .view-nav i { background:#000;}
.menu-black .view-nav.open i { background:#fff;}
.menu-black h1 img { filter:none;}
.menu-black .nav_lang .down-btn a { background-color: var(--color-base-1); color:var(--bg-white);}

/* 모바일메뉴보기 */
header .view-nav-h { z-index:18; height:var(--head-height); width:calc(var(--head-height) - 0.3em); background:var(--color-base-3); aspect-ratio: 1/1; position: absolute; top: 50%; transform: translateY(-50%); right:0;}
header .nav-head a { width:100%; height:100%; display:block}
header .view-nav {z-index:1; position: absolute;  top:50%;  left:50%; transform: translate(-50%, -50%);  width: 36%;  height: 40%;  display: block; }  
header .view-nav span {  position: absolute;   top: -9999px;    left: -9999px; }
header .view-nav i { position: absolute; display: block; width: 100%; border-radius: 1em; height: 2px; 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: 7px; left:0}
header .view-nav i:nth-child(2) { top: 18px; left:0}
header .view-nav i:nth-child(3) { top: 29px; left:0}
header .view-nav.open {-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg); }
header .view-nav.open i { background:var(--bg-white); width: 24px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;  }
header .view-nav.open i:nth-child(1) {top: 50%; left:3%; }
header .view-nav.open i:nth-child(2) {top: 50%; left:3%; -webkit-transform: rotate(90deg);transform: rotate(90deg); }
header .view-nav.open i:nth-child(3) { display:none; }

/* 언어선택 */
header .nav_lang { position: relative; height:calc(var(--head-height) - 30px); width:calc(var(--head-height) - 30px); z-index:18; }
header .nav_lang .nav_lang_wrap li { text-align: center; margin-bottom: 2px;}
header .nav_lang .nav_lang_wrap { height:100%; width:100%;}
header .nav_lang .lang-active { width:100%; height:100%;}
header .nav_lang .lang-active a { width:100%; height:100%;display:block;}
header .nav_lang .lang-active i {  display:inline-block; position: relative;width: 100%; height:100%; }
header .nav_lang .lang-active span { font-size:0; width:0; height:0;} 
header .nav_lang .lang-active i:after {  position: absolute; width:40%; height:40%; content:''; left:50%; top:50%; transform: translate(-50%, -50%); background-size: contain; background-position: center center; background-repeat: no-repeat;}
header .nav_lang .lang-box { position: absolute; max-width: 3em; left:50%; transform: translateX(-50%); top: 74%; }
header .nav_lang .lang-box a { width:100%; height: 100%; line-height:1; font-size: 0.7em;  font-weight:500; display:inline-block; padding: 0.2em 0.5em; background:var(--color-base-3); border-radius: 1em;}

/* header .nav_lang .lang-active a  {height: 100%; width:100%; border:1px solid red; font-weight: 700; font-size: 1.05em; display:flex; justify-content: center; align-items: center; padding: 0.5em 0.2em; }
header .nav_lang .lang-active i {  display:inline-block; position: relative;width: 2em; height:2em; }
header .nav_lang .lang-active i:after { filter: brightness(0) saturate(100%) invert(15%) sepia(30%)	saturate(3698%) hue-rotate(189deg)	brightness(92%) contrast(96%); position: absolute; width:76%; height:76%; content:''; left:50%; top:50%; transform: translate(-50%, -50%); background-size: contain; background-position: center center; background-repeat: no-repeat;}
header .nav_lang .lang-active span { font-size:0; width:0; height:0;} */



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

/*메인상단 슬라이드*/
.scroll-box-1 { position:relative; width:100%; height:100vh; background:#01082a;}
.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; background:#01082a; }
.scroll-box-1 .ls-slide-backgrounds img {object-fit: cover; max-height: 100%; height: 100%; width: 100%; object-position: 34% 5%;}
.scroll-box-1 .ls-slide-backgrounds video {height: 100vh;}

/* 히어로 배경: 진입 + 느린 줌 + 블루 광선 + 패럴랙스(내부 레이어만) */
.scroll-box-1 .hero-bg {
	--hero-mx: 0px;
	--hero-my: 0px;
	--hero-sy: 0px;
}
.scroll-box-1 .hero-bg-media {
	position: absolute;
	inset: 0;
	overflow: hidden;
	opacity: 0;
	transform: translate3d(var(--hero-mx), calc(var(--hero-my) + var(--hero-sy)), 0);
	animation: heroBgEnter 1.35s cubic-bezier(0.22, 1, 0.36, 1) forwards;
	will-change: transform, opacity;
}
.scroll-box-1 .hero-bg.is-parallax .hero-bg-media {
	animation: none;
	opacity: 1;
	transform: translate3d(var(--hero-mx), calc(var(--hero-my) + var(--hero-sy)), 0);
}
.scroll-box-1 .hero-bg-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 34% 5%;
	animation: heroKenBurns 5s ease-in-out 1.2s infinite alternate;
	will-change: transform;
	transform-origin: center center;
}
.scroll-box-1 .hero-bg-glow {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 1;
	background:
		radial-gradient(ellipse 42% 36% at 58% 42%, rgba(1, 186, 255, 0.28) 0%, rgba(1, 186, 255, 0) 70%),
		radial-gradient(ellipse 28% 24% at 48% 48%, rgba(45, 148, 220, 0.18) 0%, rgba(45, 148, 220, 0) 72%);
	mix-blend-mode: screen;
	opacity: 0;
	transform: translate3d(var(--hero-mx), calc(var(--hero-my) + var(--hero-sy)), 0);
	animation: heroGlowIn 1.4s ease 0.35s forwards, heroGlowDrift 5s ease-in-out 1.5s infinite alternate;
}
.scroll-box-1 .hero-bg.is-parallax .hero-bg-glow {
	animation: heroGlowPulse 5s ease-in-out infinite alternate;
	opacity: 1;
}
@keyframes heroBgEnter {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes heroKenBurns {
	0% { transform: translate3d(0, 0, 0) scale(1); }
	100% { transform: translate3d(-0.6%, 0.4%, 0) scale(1.08); }
}
@keyframes heroGlowIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes heroGlowDrift {
	0% { transform: translate3d(-1.5%, 1%, 0) scale(1); opacity: 0.75; }
	100% { transform: translate3d(2%, -1.5%, 0) scale(1.08); opacity: 1; }
}
@keyframes heroGlowPulse {
	0% { transform: translate3d(var(--hero-mx), calc(var(--hero-my) + var(--hero-sy)), 0) scale(1); }
	100% { transform: translate3d(var(--hero-mx), calc(var(--hero-my) + var(--hero-sy)), 0) scale(1.06); }
}

.scroll-box-1 .ls-slide-texts { text-align: left; z-index: 2;  padding: 0px 20px; max-width: var(--width-2-pd); width: 100%; position:absolute; left:50%; bottom:2%; transform: translate(-50%, -50%);}
.scroll-box-1 .slide-txt-01 {font-weight:600; color:var(--bg-white);  margin-right: calc(8em + 10%); letter-spacing: -0.03em; word-break: keep-all; position: relative; padding-bottom: 0.6em; line-height: 1.35;}
.scroll-box-1 .ls-info1 {  font-size: 3.3em; font-weight:700; line-height: 1.3em; font-family: var(--font-2);}
.scroll-box-1 .ls-info2 {font-size: 1.2em; font-weight:700; line-height: 1.6em; padding-top:0.7em; padding-left: 0; opacity:0; transform: translateY(14px);}

/* 히어로 문구: 영문 글자별 / 한글은 단순 페이드 */
.scroll-box-1 .hero-char {
	display: inline-block;
	opacity: 0;
	transform: translateY(0.85em);
	will-change: transform, opacity;
}
.scroll-box-1 .hero-char.is-space {
	width: 0.28em;
}
.scroll-box-1 .slide-txt-01.is-anim .hero-char {
	animation: heroCharUp 0.55s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.scroll-box-1 .slide-txt-01.is-anim .ls-info2.is-show {
	animation: heroLineSimple 0.75s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
@keyframes heroCharUp {
	0% { opacity: 0; transform: translateY(0.85em); }
	100% { opacity: 1; transform: translateY(0); }
}
@keyframes heroLineSimple {
	0% { opacity: 0; transform: translateY(14px); }
	100% { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
	.scroll-box-1 .hero-char,
	.scroll-box-1 .ls-info2 {
		opacity: 1;
		transform: none;
		animation: none !important;
	}
	.scroll-box-1 .hero-bg-media,
	.scroll-box-1 .hero-bg-media img,
	.scroll-box-1 .hero-bg-glow,
	.scroll-box-1 .hero-bg {
		animation: none !important;
		opacity: 1;
		transform: none;
	}
}

.ls-scroll {  width:6.1em;  height: 6.1em; z-index: 5;   font-size: 0.9em;   position: absolute; right: 12%; bottom: 8%; transform: translateY(-50%); }
.ls-scroll .scroll-box { height:100%; width:100%;}
.ls-scroll p { height:100%; width:100%; margin:0; display:flex; align-items:center; justify-content:center; }
.ls-scroll span { font-size:0; width:0; height:0;}
.ls-scroll .scroll-box > p > .ls-icon-05 {
	position: relative;
	vertical-align: middle;
	display:inline-block;
	width: 90%;
	height:90%;
	overflow: hidden;
	border-radius: 0.7em;
}
/* 원본 PNG 보더는 안쪽으로 잘라내고, CSS 보더 1개만 사용 */
.ls-scroll .scroll-box > p > .ls-icon-05:after {
	content:'';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 114%;
	height: 114%;
	transform: translate(-50%, -50%);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 0;
	/* 중앙 화살표 영역만 비워 정적 잔상(흰점)이 안 남게 여유 있게 */
	-webkit-mask-image: radial-gradient(ellipse 42% 48% at 50% 54%, transparent 0 78%, #000 79%);
	mask-image: radial-gradient(ellipse 42% 48% at 50% 54%, transparent 0 78%, #000 79%);
}

/* 같은 아이콘에서 화살표 부분만 위아래 이동 (디자인 변경 없음) */
.ls-scroll .scroll-arrow-move {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: visible;
	border-radius: 0;
	z-index: 1;
	pointer-events: none;
	animation: scrollArrowBounce 2.6s ease-in-out infinite;
}
.ls-scroll .scroll-arrow-move:after {
	content:'';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 114%;
	height: 114%;
	transform: translate(-50%, -50%);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	/* 화살표 영역만 표시 (부모 hole보다 조금 작게) */
	-webkit-mask-image: radial-gradient(ellipse 38% 44% at 50% 54%, #000 0 72%, transparent 73%);
	mask-image: radial-gradient(ellipse 38% 44% at 50% 54%, #000 0 72%, transparent 73%);
}
.ls-scroll .scroll-arrow-move::before {
	content: none !important;
	display: none !important;
	animation: none !important;
}
@keyframes scrollArrowBounce {
	0%, 100% { transform: translateY(-3.5%); }
	50% { transform: translateY(3.5%); }
}

/* 보더 색상만 테두리를 따라 이동 (박스는 고정, 보더 1줄) */
@property --scroll-border-angle {
	syntax: '<angle>';
	inherits: false;
	initial-value: 0deg;
}
.ls-scroll .scroll-box > p > .ls-icon-05::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 0.7em;
	padding: 1.5px;
	box-sizing: border-box;
	background: conic-gradient(
		from var(--scroll-border-angle),
		rgba(255, 255, 255, 0.98) 0deg,
		rgba(220, 225, 235, 0.55) 40deg,
		rgba(90, 105, 125, 0.55) 100deg,
		rgba(28, 36, 52, 0.95) 150deg,
		rgba(8, 12, 22, 1) 180deg,
		rgba(28, 36, 52, 0.95) 210deg,
		rgba(90, 105, 125, 0.55) 260deg,
		rgba(220, 225, 235, 0.55) 320deg,
		rgba(255, 255, 255, 0.98) 360deg
	);
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	animation: scrollBorderTravel 3.2s linear infinite;
	pointer-events: none;
	z-index: 2;
}
@keyframes scrollBorderTravel {
	to { --scroll-border-angle: 360deg; }
}
@media (prefers-reduced-motion: reduce) {
	.ls-scroll .scroll-box > p > .ls-icon-05::before,
	.ls-scroll .scroll-arrow-move {
		animation: none;
	}
}


/*메인 스크롤 버튼*/
.scroll-box-1 .scroll-box-btn {    width: 90%;    z-index: 5;    padding-top: 2em;}
.scroll-box-1 .scroll-btn {    z-index: 4;    display: flex;    justify-content : start;    align-items: center;    clear: both;    width: 100%;    position: relative;}
.scroll-box-1 .scroll-btn>a { color:#535353;   font-size: 0.95em;    padding: 10px 10px 10px 0px;    display: flex;    justify-content : center;    align-items: center;}
.scroll-box-1 .scroll-btn .ls-num {   opacity: 0.5;    width: 20px; font-weight:500;}
.scroll-box-1 .scroll-btn .ls-bar {    margin: 2px 5px 0px 5px;    display: none;    position: relative;    background: rgba(255,255,255,0.6);    border-radius: 11px;    height: 1px;    width: 120px;}
.scroll-box-1 .scroll-btn .ls-bar-in {    z-index: 1;    display: block;    position: absolute;    left: 0;    background: #959595;    height: 100%; }
.scroll-box-1 .scroll-btn>a.active .ls-bar {  display: inline-block;}
.scroll-box-1 .scroll-btn>a.active .ls-num, .scroll-box-1 .scroll-btn>a:hover .ls-num {    opacity: 1;}

.scroll-box-2 { position:relative; width: 100%; overflow: hidden; }
.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: left 68%;}
.scroll-box-2 .scroll-box-2-1 { height:100%; width:100%; max-width:var(--width-2-pd); padding-left:20px; padding-right:20px; display: table; margin:0 auto; table-layout: fixed; position: relative; }
.scroll-box-2 .box-area {text-align: center; height:100%; display:table-cell; width:100%;vertical-align:middle; padding-top: calc(var(--head-height) + 15%); padding-bottom: calc(var(--head-height)); }
.scroll-box-2 .txt-grad { background: linear-gradient(to right, var(--color-base-1) 50%, var(--bg-black) 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;display: inline;}
.scroll-box-2 .txt-fill-link { color: inherit; text-decoration: none; }
.scroll-box-2.is-fill-ready .txt-fill-source {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
	pointer-events: none;
}
.scroll-box-2 .txt-fill-mount { display: none; }
.scroll-box-2.is-fill-ready .txt-fill-mount {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	vertical-align: top;
}
.scroll-box-2 .txt-fill-line {
	position: relative;
	display: block;
	width: max-content;
	max-width: 100%;
	--line-fill: 0%;
}
.scroll-box-2 .txt-fill-base {
	color: #c5c5c5;
}
.scroll-box-2 .txt-fill-color {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	color: var(--color-base-1);
	clip-path: inset(0 calc(100% - var(--line-fill)) 0 0);
	pointer-events: none;
}
.scroll-box-2 .img-box { position: relative; padding-top:41%; width:100%; height:0;}
.scroll-box-2 .img-box .ls-img-01 { border-radius: 1.4em; position: absolute; top:0; width: 100%; height:100%; overflow: hidden; }
.scroll-box-2 .img-box img { width:100%; height:100%; object-fit: cover; object-position: center center;}
.scroll-box-2 .js-sec2-img {
	opacity: 0;
	transform: translateY(48px);
	transition: opacity 1.9s cubic-bezier(0.22, 1, 0.36, 1), transform 1.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.scroll-box-2 .js-sec2-img.is-in {
	opacity: 1;
	transform: translateY(0);
}
.scroll-box-2 .m-head p { font-size: 3.05em; font-weight:800; line-height:1.55em; }
.scroll-box-2 .m-head {  padding-bottom: 8em;}
@media (prefers-reduced-motion: reduce) {
	.scroll-box-2 .txt-fill-line { --line-fill: 100%; }
	.scroll-box-2 .js-sec2-img {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

.scroll-box-3 { position:relative; width: 100%; overflow: hidden; padding-top: calc(var(--head-height) + 2em); padding-bottom: 6em;}
.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: left 68%;}
.scroll-box-3 .scroll-box-3-1 { height:100%; width:100%; max-width:var(--width-2-pd); padding-left:20px; padding-right:20px; 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 .m-head { position: relative; text-align: left; width: 100%; margin-bottom:4em; }
.scroll-box-3 .m-head h2 { line-height: 1.4em; font-size: 1.4em; font-weight:600; color:var(--color-base-4);}
.scroll-box-3 .m-head strong { display:block; font-size: 2.8em; font-weight:700; line-height:1.4em; padding-top:0.2em; color:var(--color-base-2); font-family: var(--font-2);}
.scroll-box-3 .m-head p { padding-top: 1em; font-size: 1.2em; line-height: 1.6em; font-weight: 500;}
.scroll-box-3 .ls-view { position: absolute; right:0; bottom:0; line-height:1;  }
.scroll-box-3 .ls-view span { position: relative; z-index: 1; display:inline-block; font-weight:500; margin-right: 5em; font-size: 0.9em; color:var(--color-base-3); transition: color 0.35s ease; }
.scroll-box-3 .ls-view i { position: relative; z-index: 1; display:inline-block; width:0.7em; height:0.7em; }
.scroll-box-3 .ls-view i:after { content:''; width:100%; height:100%; position:absolute; right:0; top:0; background-size: contain; background-repeat: no-repeat; background-position: right center; transition: filter 0.35s ease; }
.scroll-box-3 .ls-view a {
	position: relative;
	overflow: hidden;
	display:flex;
	align-items: center;
	justify-content: space-between;
	border:1px solid var(--color-base-3);
	padding: 0.8em 0.8em;
	border-radius:0.3em;
	background: transparent;
	isolation: isolate;
}
.scroll-box-3 .ls-view a::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	background: var(--color-base-3);
	transform: scaleY(0);
	transform-origin: bottom center;
	transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
	z-index: 0;
}
.scroll-box-3 .ls-view a:hover::before {
	transform: scaleY(1);
}
.scroll-box-3 .ls-view a:hover span { color:var(--bg-white); }
.scroll-box-3 .ls-view a:hover i:after { filter: brightness(0) invert(1); }
.scroll-box-3 .box-inner { position: relative; background:transparent; border-radius: 0; }
.scroll-box-3 .list-box {  position: relative; display:flex; justify-content: flex-start; align-items: flex-start; gap: 0.8em; flex-wrap:wrap;}
.scroll-box-3 .ls-list { text-align: left; flex-shrink: 0; margin-bottom: 0; }
.scroll-box-3 .ls-list a { display:block; color:#fff; }
.scroll-box-3 .ls-list a:hover { color:#fff; }
.scroll-box-3 .ls-list a:hover .txt-box p { display:block;}
.scroll-box-3 .list-area { position: relative; overflow: hidden; border-radius: 1.2em; }
.scroll-box-3 .list-01 { width: 46%; }
.scroll-box-3 .list-01 .list-area { aspect-ratio: 3 / 3; min-height: 28em; }
.scroll-box-3 .list-02,
.scroll-box-3 .list-03 { width: calc(27% - 0.8em); }
.scroll-box-3 .list-02 .list-area,
.scroll-box-3 .list-03 .list-area { aspect-ratio: 1 / 1; min-height: 13.5em; }
.scroll-box-3 .img-box { position: absolute; inset: 0; }
.scroll-box-3 .ls-img-01 { width:100%; height:100%; }
.scroll-box-3 .ls-img-01 img { width:100%; height:100%; object-fit: cover; object-position: center center; display:block; }
.scroll-box-3 .txt-box { position: absolute; left:0; right:0; bottom:1.5em; z-index:2; padding: 1.6em 1em 1.6em 2.3em; }
.scroll-box-3 .txt-box .txt-en { font-family: var(--font-2); display:block; font-size: 0.75em; font-weight:500; letter-spacing: -0.02em; line-height:1.7em; }
.scroll-box-3 .txt-box h3 { font-size: 1.8em; font-weight:700; line-height:1.25em; padding-top:0.3em; letter-spacing:-0.03em; }
.scroll-box-3 .txt-box p { font-size: 1.1em; padding-top:0.6em; line-height:1.5em;  width: calc(100% - 3.5em); }
.scroll-box-3 .ls-list:not(.list-01) .txt-box { bottom:0em;}
.scroll-box-3 .ls-more { position: absolute; width:2.4em; height:2.4em; right:2em;  bottom:2.5em; border-radius: 50%; background: var(--bg-white); }
.scroll-box-3 .ls-more i:after { content:''; width:56%; height:56%;  position:absolute; top:50%; left:56%; transform: translate(-50%, -50%); background-size: contain; background-repeat: no-repeat; background-position: center center;  }
.scroll-box-3 a:hover .ls-more { background:var(--color-blue-1); } 
.scroll-box-3 a:hover .ls-more i:after { filter: brightness(0) invert(1);  }
.scroll-box-3 .ls-list a:hover .txt-box p{ display:block;}
.scroll-box-3 .ls-list:not(.list-01) .txt-box p { display:none;}

/* 3섹션 등장 */
.scroll-box-3 .m-head,
.scroll-box-3 .ls-list {
	opacity: 0;
	transform: translateY(48px);
	transition:
		opacity 1.9s cubic-bezier(0.22, 1, 0.36, 1),
		transform 1.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.scroll-box-3 .m-head.is-in,
.scroll-box-3 .ls-list.is-in {
	opacity: 1;
	transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
	.scroll-box-3 .m-head,
	.scroll-box-3 .ls-list {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* PC·태블릿(3열): 호버 시 큰/작은 사이즈 교체 — 비율 기반, 아래 빈영역도 히트 */
@media (min-width: 769px) and (hover: hover) {
	.scroll-box-3 .list-box {
		flex-wrap: nowrap;
		align-items: stretch;
		/* 큰 카드(폭 46%·1:1) 높이로 고정 → 하단 호버 시 높이 축소로 인한 떨림 방지 */
		container-type: inline-size;
		min-height: 46cqw;
	}
	.scroll-box-3 .ls-list {
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
		min-width: 0;
		min-height: 100%;
		align-self: stretch;
		transition:
			opacity 1.9s cubic-bezier(0.22, 1, 0.36, 1),
			transform 1.45s cubic-bezier(0.22, 1, 0.36, 1),
			width 0.55s cubic-bezier(0.22, 1, 0.36, 1);
	}
	.scroll-box-3 .ls-list > a {
		display: flex;
		flex-direction: column;
		flex: 1 1 auto;
		height: 100%;
		min-height: 100%;
	}
	.scroll-box-3 .list-area {
		width: 100%;
		flex: 0 0 auto;
		pointer-events: none; /* 히트는 컬럼(a) 전체 — 리사이즈 중 히트 영역 변동 감소 */
	}
	.scroll-box-3 .list-area .txt-box,
	.scroll-box-3 .list-area .ls-more {
		pointer-events: auto;
	}
	.scroll-box-3 .list-01 .list-area,
	.scroll-box-3 .list-02 .list-area,
	.scroll-box-3 .list-03 .list-area {
		aspect-ratio: 1 / 1;
		min-height: 0;
		height: auto;
	}
	/* JS 클래스: 리사이즈 중 :hover 깜빡임 방지 */
	.scroll-box-3 .list-box.is-hovering .list-01,
	.scroll-box-3 .list-box.is-hovering .list-02,
	.scroll-box-3 .list-box.is-hovering .list-03 {
		width: calc(27% - 0.8em);
	}
	.scroll-box-3 .list-box.is-hovering .ls-list.is-large {
		width: 46%;
	}
	.scroll-box-3 .list-box.is-hovering .ls-list .txt-box p {
		display: none;
	}
	.scroll-box-3 .list-box.is-hovering .ls-list.is-large .txt-box p {
		display: block;
	}
	.scroll-box-3 .list-box.is-hovering .ls-list .txt-box {
		bottom: 0;
	}
	.scroll-box-3 .list-box.is-hovering .ls-list.is-large .txt-box {
		bottom: 1.5em;
	}
}

.scroll-box-4 { position:relative; width: 100%; overflow: hidden; padding-top: calc(var(--head-height) + 2em); padding-bottom: calc(var(--head-height) + 7em);  background: var(--bg-white);}
.scroll-box-4 .scroll-box-4-1 { width:100%;  margin:0 auto; position: relative; }
.scroll-box-4 .box-area { width:100%; }
.scroll-box-4 .head-box { margin:0 auto; width:100%; max-width:var(--width-2-pd); padding-left:20px; padding-right:20px;}
.scroll-box-4 .m-head { position: relative; text-align: center; width: 100%; margin-bottom:4em; }
.scroll-box-4 .m-head h2 { line-height: 1.4em; font-size: 1.4em; font-weight:600; color:var(--color-base-4);}
.scroll-box-4 .m-head strong { display:block; font-size: 2.8em; font-weight:700; line-height:1.4em; padding-top:0.2em; color:var(--color-base-2); font-family: var(--font-2);}
.scroll-box-4 .m-head p { padding-top: 3em; font-size: 1.2em; line-height: 1.6em; font-weight: 500;}
.scroll-box-4 .head-box .ls-view { display:none; opacity: 0; line-height:1; margin-top:3em;  }
.scroll-box-4 .head-box .ls-view span { position: relative; z-index: 1; display:inline-block; font-weight:500; margin-right: 5em; font-size: 0.9em; color:var(--color-base-3); transition: color 0.35s ease; }
.scroll-box-4 .head-box .ls-view i { position: relative; z-index: 1; display:inline-block; width:0.7em; height:0.7em; }
.scroll-box-4 .head-box .ls-view i:after { content:''; width:100%; height:100%; position:absolute; right:0; top:0; background-size: contain; background-repeat: no-repeat; background-position: right center; transition: filter 0.35s ease; }
.scroll-box-4 .head-box .ls-view a {
	position: relative;
	overflow: hidden;
	display:flex;
	align-items: center;
	justify-content: space-between;
	border:1px solid var(--color-base-3);
	padding: 0.8em 0.8em;
	border-radius:0.3em;
	background: transparent;
	isolation: isolate;
}
.scroll-box-4 .head-box .ls-view a::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	background: var(--color-base-3);
	transform: scaleY(0);
	transform-origin: bottom center;
	transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
	z-index: 0;
}
.scroll-box-4 .head-box .ls-view a:hover::before { transform: scaleY(1); }
.scroll-box-4 .head-box .ls-view a:hover span { color:var(--bg-white); }
.scroll-box-4 .head-box .ls-view a:hover i:after { filter: brightness(0) invert(1); }
.scroll-box-4 .doctor-slider{ margin:0 auto; width:100%; position: relative;    overflow: hidden;  padding-top: 1em; z-index: 1; cursor: default;}
.scroll-box-4 .doctor-slider:active { cursor: default; }
.scroll-box-4 .list-box { position: relative;    width: 100%;    height: 100%;  justify-content: flex-start;   z-index: 1;    display: flex;   transition-property: transform;    align-items: flex-end; will-change: transform; }
.scroll-box-4 .ls-list.list-active { transform: scale(1); z-index: 2; }
.scroll-box-4 .ls-list.list-prev { transform: translateX(-5%) scale(0.8); }
.scroll-box-4 .ls-list.list-next { transform: translateX(5%) scale(0.8); }
.scroll-box-4 .ls-list {  flex-shrink: 0; min-width:270px;  height: 100%;    position: relative;    transition-property: transform; display: block; width: 25%; transform: scale(0.8); transform-origin: bottom center ;transition: transform 0.75s cubic-bezier(0.22, 1, 0.36, 1); z-index: 1; }
.scroll-box-4 .ls-list a { display:block; -webkit-user-drag: none; user-select: none; }
.scroll-box-4 .ls-list a:hover .ls-view .view-box span {color:var(--bg-white); }
.scroll-box-4 .ls-list a:hover .ls-view .view-box i:after { filter: brightness(0) invert(1);  }
.scroll-box-4 .ls-list a:hover .ls-view .view-box::before { transform: scaleY(1); }
.scroll-box-4 .ls-img-01 {position: relative; padding-top: 120%; overflow: hidden; border-radius: 1.5em; display: block}
.scroll-box-4 .ls-img-01 img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: top; transform: scale(1); transition: transform 0.75s cubic-bezier(0.22, 1, 0.36, 1); pointer-events: none; }
.scroll-box-4 .txt-box { display:none; text-align: left;margin-bottom: 3em; opacity: 0; transform: translateY(12px); transition: opacity 0.75s cubic-bezier(0.22, 1, 0.36, 1), transform 0.75s cubic-bezier(0.22, 1, 0.36, 1); }
.scroll-box-4 .txt-box p { font-weight:700; padding-bottom: 0.5em; line-height:1.4em; }
.scroll-box-4 .txt-head { display:flex; align-items: center; justify-content: space-between;  padding-top:0.35em; padding-right: 10em; }
.scroll-box-4 .txt-box strong { font-size: 1.9em; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; font-family: var(--font-2); white-space: nowrap; }
.scroll-box-4 .ls-list.list-active .txt-box { display:block; opacity: 1; transform: translateY(0); }
.scroll-box-4 .ls-list .ls-view { position: absolute; right:0; bottom:0; line-height:1; cursor: pointer; }
.scroll-box-4 .ls-list .ls-view span { position: relative; z-index: 1; display:inline-block; font-weight:500;margin-right: 5em;  font-size: 0.9em; color:var(--color-base-3); transition: color 0.35s ease; }
.scroll-box-4 .ls-list .ls-view i { position: relative; z-index: 1; display:inline-block; width:0.7em; height:0.7em; }
.scroll-box-4 .ls-list .ls-view i:after { content:''; width:100%; height:100%; position:absolute; right:0; top:0; background-size: contain; background-repeat: no-repeat; background-position: right center; transition: filter 0.35s ease; }
.scroll-box-4 .ls-list .ls-view .view-box {
	position: relative;
	overflow: hidden;
	display:flex;
	align-items: center;
	justify-content: space-between;
	border:1px solid var(--color-base-3);
	padding: 0.8em 0.8em;
	border-radius:0.3em;
	background: transparent;
	isolation: isolate;
	cursor: pointer;
}
.scroll-box-4 .ls-list .ls-view .view-box::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	background: var(--color-base-3);
	transform: scaleY(0);
	transform-origin: bottom center;
	transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
	z-index: 0;
}

/* 4섹션 등장 */
.scroll-box-4 .m-head,
.scroll-box-4 .doctor-slider {
	opacity: 0;
	transform: translateY(48px);
	transition:
		opacity 1.9s cubic-bezier(0.22, 1, 0.36, 1),
		transform 1.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.scroll-box-4 .m-head.is-in,
.scroll-box-4 .doctor-slider.is-in {
	opacity: 1;
	transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
	.scroll-box-4 .m-head,
	.scroll-box-4 .doctor-slider {
		opacity: 1;
		transform: none;
		transition: none;
	}
}
.scroll-box-4 .drag-guide { display:block; z-index:3; position: absolute; right:-1.6em; top:50%; transform: translateY(-50%); width: 4.6em; height:4.6em; pointer-events:none; }
.scroll-box-4 .drag-guide:before { width:100%; height:100%; position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%); background:var(--color-base-1); content:''; border-radius: 50%; }
.scroll-box-4 .drag-guide span { color:var(--bg-white); position: relative; font-weight:600; font-size: 0.62em; letter-spacing:0.02em; white-space: nowrap; }
.scroll-box-4 .drag-guide p { display:flex; flex-direction: row; align-items: center; justify-content: center; height:100%; position: relative; margin:0; }

/* 의료진 슬라이드 드래그 커서 (PC) */
#a_hover.a-hover {
	opacity: 0;
	z-index: 9999;
	position: fixed;
	top: 0;
	left: 0;
	pointer-events: none;
	width: 6.8em;
	height: 6.8em;
	display: block;
	transition: opacity 0.3s ease, transform 0.3s ease;
	transform: translate(-50%, -50%) scale(0.4);
}
#a_hover.a-hover.on {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
}
#a_hover.a-hover:before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: var(--color-base-1);
	content: '';
	border-radius: 50%;
}
#a_hover.a-hover p {
	display: flex;
	flex-direction: row;
	height: 100%;
	justify-content: center;
	align-items: center;
	position: relative;
	margin: 0;
}
#a_hover.a-hover .ah-txt {
	color: var(--bg-white);
	position: relative;
	font-weight: 600;
	font-size: 0.9em;
	padding: 0 0.7em;
}
#a_hover.a-hover .ah-arrow {
	display: flex;
	align-items: center;
	font-weight: 300;
	font-size: 1.5em;
	line-height: 1;
	letter-spacing: 0.02em;
	color: var(--bg-white);
	position: relative;
	top: -0.06em;
}
#a_hover.a-hover .ah-arrow i {
	font-style: normal;
	display: inline-block;
	transform: scaleY(1.1);
	opacity: 0.2;
	animation: ah_relay 4.2s ease-in-out infinite;
}
#a_hover.a-hover .ah-arrow i.ah-n2 { animation-delay: 0.2s; }
#a_hover.a-hover .ah-arrow i.ah-n3 { animation-delay: 0.4s; }
#a_hover.a-hover .ah-arrow i.ah-n4 { animation-delay: 0.6s; }
@keyframes ah_relay {
	0% { opacity: 0.2; }
	23.81% { opacity: 1; }
	50% { opacity: 1; }
	73.81% { opacity: 0.2; }
	100% { opacity: 0.2; }
}
@media (min-width: 1025px) and (hover: hover) {
	/* 드래그 커서는 이미지 영역에서만 (VIEW 등은 일반 pointer) */
	.scroll-box-4 .doctor-slider .card-area,
	.scroll-box-4 .doctor-slider .card-area * {
		cursor: none !important;
	}
	.scroll-box-4 .doctor-slider .ls-view,
	.scroll-box-4 .doctor-slider .ls-view * {
		cursor: pointer !important;
	}
	.scroll-box-6 .list-box .img-box,
	.scroll-box-6 .list-box .img-box * {
		cursor: none !important;
	}
	.scroll-box-6 .list-box .txt-box,
	.scroll-box-6 .list-box .txt-box * {
		cursor: pointer !important;
	}
}
@media (max-width: 1024px) {
	#a_hover.a-hover { display: none !important; }
}

.scroll-box-5 { position:relative; width: 100%; padding-top: calc(var(--head-height) + 8em); padding-bottom: calc(var(--head-height) + 9em); overflow: hidden; background:var(--bg-black);}
.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: left center;
	opacity: 0;
	transform: scale(1.05);
	transition:
		opacity 2.4s cubic-bezier(0.22, 1, 0.36, 1),
		transform 2.8s cubic-bezier(0.22, 1, 0.36, 1);
}
.scroll-box-5.is-bg-in .ls-slide-backgrounds img {
	opacity: 0.52;
	transform: scale(1);
}
.scroll-box-5 .scroll-box-5-1 { height:100%; width:100%; max-width:var(--width-2-pd); padding-left:20px; padding-right:20px; margin:0 auto; position: relative; z-index:1; }
.scroll-box-5 .box-area { color:var(--bg-white); width:100%; }
.scroll-box-5 .inner-box { display:flex; align-items: stretch; justify-content: space-between; gap: 3em; }
.scroll-box-5 .head-box { width: 48%; flex-shrink:0; display:flex; }
.scroll-box-5 .m-head { text-align: left; width:100%; }
.scroll-box-5 .m-head h2 { line-height: 1.4em; font-size: 1.4em; font-weight:600; color:var(--color-base-4); font-family: var(--font-2);}
.scroll-box-5 .m-head strong { display:block; font-size: 2.8em; font-weight: 700; line-height: 1.4em; padding-top:0.4em; letter-spacing:-0.03em; }
.scroll-box-5 .m-head p { padding-top: 3em; font-size: 1.1em; line-height: 1.6em; font-weight: 500;}
.scroll-box-5 .box-inner { width: 48%; flex:1; max-width: 725px; padding-top: 9em;}
.scroll-box-5 .tt-ss { font-size: 0.8em; font-weight: 400; text-align: right; margin-bottom: 1em; color:rgba(255,255,255,0.55); }
.scroll-box-5 .ls-list { text-align: left; padding: 1.8em 0 2em 0; border-top: 1px solid rgba(255,255,255,0.2); }
.scroll-box-5 .stat-box { display:flex; align-items: center; justify-content: space-between; gap: 1.5em;  padding-left: 0.3em;}
.scroll-box-5 .stat-label { display:block; font-size: 0.85em; font-weight:500; color:#9fa7b7; line-height:1.4em; padding-bottom: 0.4em;}
.scroll-box-5 .stat-num { flex: 0 0 34%; min-width: 11em; display:flex; align-items: baseline; gap: 0.4em; line-height:1; }
.scroll-box-5 .stat-num strong { font-size: 3.9em; font-weight:700; font-family: var(--font-2); }
.scroll-box-5 .stat-num span { font-size: 1.15em; font-weight:600; }
.scroll-box-5 .stat-desc {  flex:1;  font-weight:400; line-height:1.6em; word-break: keep-all; }

/* 5섹션 등장 + 카운트 */
.scroll-box-5 .js-sec5-reveal,
.scroll-box-5 .js-sec5-stat {
	opacity: 0;
	transform: translateY(40px);
	transition:
		opacity 1.9s cubic-bezier(0.22, 1, 0.36, 1),
		transform 1.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.scroll-box-5 .js-sec5-reveal.is-in,
.scroll-box-5 .js-sec5-stat.is-in {
	opacity: 1;
	transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
	.scroll-box-5 .js-sec5-reveal,
	.scroll-box-5 .js-sec5-stat {
		opacity: 1;
		transform: none;
		transition: none;
	}
	.scroll-box-5 .ls-slide-backgrounds img {
		opacity: 0.52;
		transform: none;
		transition: none;
	}
}

.scroll-box-6 { position:relative; width: 100%; overflow: hidden;  padding-top: calc(var(--head-height) + 4em); padding-bottom: calc(var(--head-height) + 4em);}
.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%; }
.scroll-box-6 .scroll-box-6-1 { height:100%; width:100%; max-width: calc(var(--width-2-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; width:100%; display:flex; justify-content: space-between; align-items: center;}
.scroll-box-6 .m-head { position: relative; text-align: left; width: 100%; margin-bottom:4em; }
.scroll-box-6 .m-head h2 { line-height: 1.4em; font-size: 1.4em; font-weight:600; color:var(--color-base-4); font-family: var(--font-2);}
.scroll-box-6 .m-head strong { display:block; font-size: 2.8em; font-weight:700; line-height:1.4em; padding-top:0.2em; color:var(--color-base-2); font-family: var(--font-2);}
.scroll-box-6 .m-head p { padding-top: 1.5em; font-size: 1.1em; line-height: 1.6em; font-weight: 500;}
.scroll-box-6 .ls-view { position: absolute; right:0; bottom:0; line-height:1;  }
.scroll-box-6 .ls-view span { position: relative; z-index: 1; display:inline-block; font-weight:500; margin-right: 5em; font-size: 0.9em; color:var(--color-base-3); transition: color 0.35s ease; }
.scroll-box-6 .ls-view i { position: relative; z-index: 1; display:inline-block; width:0.7em; height:0.7em; }
.scroll-box-6 .ls-view i:after { content:''; width:100%; height:100%; position:absolute; right:0; top:0; background-size: contain; background-repeat: no-repeat; background-position: right center; transition: filter 0.35s ease; }
.scroll-box-6 .ls-view a {
	position: relative;
	overflow: hidden;
	display:flex;
	align-items: center;
	justify-content: space-between;
	border:1px solid var(--color-base-3);
	padding: 0.8em 0.8em;
	border-radius:0.3em;
	background: transparent;
	isolation: isolate;
}
.scroll-box-6 .ls-view a::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	background: var(--color-base-3);
	transform: scaleY(0);
	transform-origin: bottom center;
	transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
	z-index: 0;
}
.scroll-box-6 .ls-view a:hover::before { transform: scaleY(1); }
.scroll-box-6 .ls-view a:hover span { color:var(--bg-white); }
.scroll-box-6 .ls-view a:hover i:after { filter: brightness(0) invert(1); }
.scroll-box-6 .head-area { padding-left: 0.5em;  position: relative; display:flex; justify-content: space-between; align-items: end;}
.scroll-box-6 .inner-box { position: relative;}
.scroll-box-6 .list-box {
	margin-top:2em;
	display:flex;
	align-items: stretch;
	gap: 2em;
	margin-right: 0;
	flex-wrap: nowrap;
	overflow-x: auto;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-ms-overflow-style: none;
	cursor: grab;
	-webkit-overflow-scrolling: touch;
}
.scroll-box-6 .list-box.dragging {
	scroll-behavior: auto;
	scroll-snap-type: none;
	cursor: grabbing;
}
.scroll-box-6 .list-box.is-loop {
	scroll-snap-type: none;
}
.scroll-box-6 .list-box::-webkit-scrollbar { display: none; }
.scroll-box-6 .ls-list {
	flex: 0 0 calc((100% - 6em) / 4);
	width: calc((100% - 6em) / 4);
	min-width: calc((100% - 6em) / 4);
	max-width: none;
	margin-right: 0;
	scroll-snap-align: start;
	scroll-snap-stop: always;
}
.scroll-box-6 .ls-list a { display:block;background-color:#f2f3f6; overflow: hidden; border-radius: 1.2em;}
.scroll-box-6 .ls-list a:hover { color:var(--bg-black)}
.scroll-box-6 .ls-list .txt-cate { padding-bottom: 0.4em; font-size: 0.9em; font-weight:600; color:var(--color-base-3); transition: color 0.35s ease;}
.scroll-box-6 .ls-list .txt-day { font-weight:400; color:#959595; font-size: 0.8em; padding-top: 1.5em; }
.scroll-box-6 .ls-list .txt-ss { font-size: 1.1em; font-weight: 600; height: 3em; line-height: 1.4em; word-break: keep-all; -webkit-line-clamp: 2;	overflow: hidden; word-wrap: break-word;	text-overflow: ellipsis;	display: -webkit-box;	-webkit-box-orient: vertical; transition: color 0.35s ease;}
.scroll-box-6 .ls-list .list-area {position: relative;}
.scroll-box-6 .img-box { position: relative; padding-top:63%; width:100%; height:0; overflow: hidden; }
.scroll-box-6 .img-box .ls-img-01 { position: absolute; inset: 0; width: 100%; height:100%; overflow: hidden; }
.scroll-box-6 .img-box img {
	position: absolute;
	left: 0;
	top: 0;
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: center center;
	display: block;
	transform: scale(1);
	transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}
.scroll-box-6 .img-box .ls-img-01.is-noimg {
	background: var(--color-base-3, #113090);
	display: flex;
	align-items: center;
	justify-content: center;
}
.scroll-box-6 .img-box .ls-img-01.is-noimg .gall-noimg {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12% 14%;
	box-sizing: border-box;
}
.scroll-box-6 .img-box .ls-img-01.is-noimg .gall-noimg img {
	position: static;
	left: auto;
	top: auto;
	width: auto;
	height: auto;
	max-width: 46%;
	max-height: 42%;
	object-fit: contain;
	filter: brightness(0) invert(1);
	transform: none;
	transition: none;
}
.scroll-box-6 .txt-box { text-align: left; font-weight:600; padding: 1.2em;  }
.scroll-box-6 .ls-more { position: absolute; width:2em; height:2em; right:1.2em;  bottom:1.2em; border-radius: 50%; background: var(--bg-white); transition: background 0.3s ease; }
.scroll-box-6 .ls-more i:after { content:''; width:56%; height:56%;  position:absolute; top:50%; left:56%; transform: translate(-50%, -50%); background-size: contain; background-repeat: no-repeat; background-position: center center; transition: filter 0.3s ease; }
@media (hover: hover) and (min-width: 1025px) {
	.scroll-box-6 .ls-list a:hover .img-box img { transform: scale(1.06); }
	.scroll-box-6 .ls-list a:hover .img-box .ls-img-01.is-noimg .gall-noimg img { transform: none; }
	.scroll-box-6 .ls-list a:hover .txt-cate { color: var(--color-base-1); }
	.scroll-box-6 .ls-list a:hover .txt-ss { color: var(--color-base-2); }
	.scroll-box-6 .ls-list a:hover .ls-more { background:var(--color-blue-1); }
	.scroll-box-6 .ls-list a:hover .ls-more i:after { filter: brightness(0) invert(1); }
}
.scroll-box-6 a:hover .ls-more { background:var(--color-blue-1); }
.scroll-box-6 a:hover .ls-more i:after { filter: brightness(0) invert(1);  }

/* 6섹션 등장 */
.scroll-box-6 .js-sec6-reveal {
	opacity: 0;
	transform: translateY(36px);
	transition:
		opacity 1.5s cubic-bezier(0.22, 1, 0.36, 1),
		transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.scroll-box-6 .js-sec6-reveal.is-in {
	opacity: 1;
	transform: translateY(0);
}
.scroll-box-6 .list-box > .ls-list {
	opacity: 0;
	transform: translateY(28px);
	transition:
		opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1),
		transform 1s cubic-bezier(0.22, 1, 0.36, 1);
}
.scroll-box-6.is-in .list-box > .ls-list { opacity: 1; transform: translateY(0); }
.scroll-box-6.is-in .list-box > .ls-list:nth-child(1) { transition-delay: 0.08s; }
.scroll-box-6.is-in .list-box > .ls-list:nth-child(2) { transition-delay: 0.16s; }
.scroll-box-6.is-in .list-box > .ls-list:nth-child(3) { transition-delay: 0.24s; }
.scroll-box-6.is-in .list-box > .ls-list:nth-child(4) { transition-delay: 0.32s; }
.scroll-box-6.is-in .list-box > .ls-list:nth-child(5) { transition-delay: 0.4s; }
.scroll-box-6.is-in .list-box > .ls-list:nth-child(6) { transition-delay: 0.48s; }
.scroll-box-6.is-in .list-box > .ls-list:nth-child(7) { transition-delay: 0.56s; }
.scroll-box-6.is-in .list-box > .ls-list:nth-child(8) { transition-delay: 0.64s; }
@media (prefers-reduced-motion: reduce) {
	.scroll-box-6 .js-sec6-reveal,
	.scroll-box-6 .list-box > .ls-list {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* 구버전 .a-hover(absolute) 제거 — 의료진 드래그 커서는 상단 fixed 규칙 사용 */


/*서브상단 뒷배경*/
.snb-bg { height: calc(var(--snb-bg-height) - var(--snb-height)); position: relative;}
.snb-bg .ls-slide-backgrounds { position:absolute; left:0; top:0; width: 100%; height:var(--snb-bg-height); overflow:hidden;}
.snb-bg .ls-slide-backgrounds img {
	object-fit: cover;
	height: 100%;
	width: 100%;
	opacity: 0;
	transform: scale(1.1);
	transform-origin: center center;
	animation: snbBgIn 1.85s cubic-bezier(0.22, 1, 0.36, 1) forwards;
	will-change: transform, opacity;
}
.snb-bg .ls-slide-backgrounds.snb-pos-01 img { object-position: 50% 25% }
.snb-bg .ls-slide-backgrounds.snb-pos-04 img { object-position: 50% 38% }
.snb-bg .box_inner { height: 100%; clear: both; position: relative; text-align: center; margin:0 auto; max-width: 1540px; padding-left:20px; padding-right:20px;}
.snb-bg .ls-slide-texts { width: 100%; text-align: center; color:#fff; position:absolute; left:0; top:60%; transform: translateY(-50%); padding-left: 20px; padding-right:20px;}
.snb-bg .ls-slide-texts .ls-head {
	font-family: var(--font-2);
	font-size: 3.55em;
	font-weight: 700;
	padding-bottom:0.18em;
	opacity: 0;
	transform: translateY(32px);
	animation: snbTitleIn 1.25s cubic-bezier(0.22, 1, 0.36, 1) 0.35s forwards;
	will-change: transform, opacity;
}
.snb-bg .ls-slide-texts p { padding-left: 0.2em; font-size: 1.3em; }
.snb-bg .txt-eng { line-height: 1; color:#fff; position: absolute; bottom:-0.13em; right:30px; font-size: 6.1em; font-weight: 800; opacity: 0.15;}
@keyframes snbBgIn {
	0% { opacity: 0; transform: scale(1.1); }
	100% { opacity: 1; transform: scale(1); }
}
@keyframes snbTitleIn {
	0% { opacity: 0; transform: translateY(32px); }
	100% { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
	.snb-bg .ls-slide-backgrounds img,
	.snb-bg .ls-slide-texts .ls-head {
		opacity: 1;
		transform: none;
		animation: none;
	}
}

.snb { width: 100%; position: relative ; z-index:3; height: var(--snb-height);  padding-left:20px; padding-right:20px;}
.snb .snb-in {border-top-left-radius: 0.7em; border-top-right-radius: 0.7em; position: relative; z-index:3; width:100%; height:100%;margin: 0 auto; max-width: calc(var(--width-5) - 25px);  }
.snb h2 { padding-top: 40px; position: relative;}
.snb ul { position: relative; display: flex; justify-content: center; align-items: center; height:100%; }
.snb li {position: relative; height:100%; flex:0 0 20%; max-width:20%;background:var(--color-base-3); }    
.snb li:first-child { border-top-left-radius: 0.7em; overflow: hidden; }
.snb li:last-child { border-top-right-radius: 0.7em; overflow: hidden;}
.snb li:last-child:after { display: none;}
.snb li:after { content:''; position: absolute; width:1px; height:100%; top:0; right:0; background:var(--bg-white); }
.snb li a {
	font-size: 1.1em;
	color:var(--bg-white);
	text-align: center;
	display:block;
	width:100%;
	height:100%;
	padding-left: 1em;
	padding-right:1em;
	position: relative;
	transition: background 0.25s ease, color 0.25s ease;
}
.snb li a>span { display:flex; justify-content: center; align-items: center; height:100%; position: relative;}
.snb li a:hover {
	background:var(--color-base-2);
	color:var(--bg-white);
}
.snb li a.active,
.snb li a.active:hover {
	color:var(--color-base-3);
	background:var(--bg-white);
	font-weight: 600;
	letter-spacing: -0.005em;
}

.snb-md { z-index: 8; position: relative; height: var(--snb-height); margin-top:-20px; padding-left:20px; padding-right:20px;}
.snb_list { display: ;box-shadow: 2px 2px 3px rgba(0,0,0,0.2); z-index:9; left:20px; top:calc(var(--snb-height) - 5px); padding-top: 5px; width: calc(100% - 40px); position: absolute; background:var(--bg-white); overflow: hidden; border-bottom-left-radius: 0.7em; border-bottom-right-radius: 0.7em;  }
.snb-md .snb_list ul { border-top:0; }
.snb-md .snb_list li:nth-child(1) { border-top:0;}
.snb-md li { width: 100%; }
.snb-md li a { font-size: 1.2em; line-height:1.4; text-align: left; position: relative; display: block; color:var(--color-base-3); padding: 1em 1.6em; }
.snb-md li a:hover { color:var(--bg-white); background:var(--color-base-3); }
.snb-md li a.active,
.snb-md li a.active:hover { color:var(--bg-white); background:var(--color-base-3); font-weight: 600; }
.snb-md i { font-size:0;font-style: normal; height:100%; display:block; width: 40px; position: absolute;  right: 5px; top:0%;}
.snb-md i:after {
	z-index:4;
	position: absolute;
	top:50%;
	left:50%;
	font-size:1.3rem;
	font-weight: 400;
	width: 1.2em;
	height: 1.2em;
	line-height: 1.2em;
	text-align: center;
	display: inline-block;
	transform: translate(-50%, -50%) rotate(0deg);
	transform-origin: center center;
	transition: transform 0.3s ease;
}
.snb-md .snb_view:after { content:'+';}
.snb-md .snb_view.snb-close:after {
	content:'-';
	transform: translate(-50%, -50%) rotate(180deg);
}
.snb-md li:last-of-type a:after { display: none;}
.snb-md .sel-menu {box-shadow: 2px 2px 3px rgba(0,0,0,0.2); z-index:8; overflow:hidden; background:var(--bg-white); border-radius: 0.7em;  position: relative; display:flex; justify-content: start; align-items: center; text-align: left; height: 100%; }
.snb-md .sel-menu h2 { width: 100%;}
.snb-md .sel-menu a {  padding-left:20px; width:100%; display: block; height:100%; text-align: left;  color:var(--color-base-3);}
.snb-md .sel-menu a span { font-size: 1.2em; font-weight:600; display:flex; align-items: center; height:100%; }

/*메인 슬라이드 내용*/
.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-base-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-base-1)}
.fc-02 { color:var(--color-green-1)}
.fc-03 { color:var(--bg-gray-2)}
.fc-04 { color:#48c5ff}
.fc-05 { color:#fc1f7c}
.fn-01 { font-family: 'Ubuntu', 'Noto Sans KR', sans-serif!important; font-weight:500; }
.fn-02 { font-family: 'GmarketSansBold', 'Noto Sans KR', sans-serif!important; }
.fs-01 { font-weight: 300;}

/*푸터*/
footer { background:var(--color-base-2); position: relative; width: 100%; word-break: keep-all;}
footer .ls-foo-backgrounds { position:absolute; left:0;  top:0; width: 100%; height: 100%; opacity: 0.51; overflow: hidden;}
footer .ls-foo-backgrounds img {position:absolute; left: 0; top: 0; width:100%; height:100%; object-fit: cover; object-position: left 13%;}
footer .box-inner {color:var(--bg-white); margin:0 auto;  width: 100%;max-width: var(--width-1-pd);  position: relative;}
footer .footer {  font-size: 1.1em; padding-top: 6em; padding-bottom:5em; padding-left:20px; padding-right:20px; position: relative; width:100%;text-align: left; display:flex; align-items: stretch; margin:0 auto;}
footer .foo-logo { line-height:1.2em; font-size: 2.8em; font-weight:700; padding-bottom:0.3em;}
footer .foo-logo span { color:var(--color-base-1);}
footer .foo-tit { font-size: 1.65em; font-weight:700; line-height:1.3em; padding-bottom:0.6em; }
footer .foo-addr { padding-bottom: 2.6em; }
footer .foo-addr li { line-height:2em; }
footer .foo-addr li:nth-child(2) { color: var(--color-base-5)}
footer .col-box-in {text-align: left; width:100%; display:flex; line-height: 1.7em; justify-content: space-between; align-items: stretch;}
footer .foo-txt dl { display:flex; align-items: flex-start;  padding-bottom: 1.2em; }
footer .col-box dt { margin-right: 1em; min-width: 4em; font-weight:500; flex-shrink:0; }
footer .col-box .foo-copy { margin-top:auto; font-family: var(--font-2); font-size: 0.8em; color:var(--color-base-5); position: relative;  }
footer .foo-tel dd { display:flex; align-items: baseline; gap: 0.35em; line-height:1; }
footer .foo-tel strong { font-size: 2.75em; font-weight:800; }
footer .foo-tel span { font-size: 1.1em; font-weight:500; }
footer .foo-time dd ul { display:flex; flex-wrap: wrap; }
footer .foo-time dd li { width: 50%; line-height:1.7em; }
footer .foo-time dd li span { display:inline-block; min-width: 5.5em;  }
footer .foo-highlight { color:var(--color-base-6); font-weight:600; width:100%; }
footer .col-box { display:flex; flex-direction: column;  width: 39.540%; min-width: 29em; position: relative; padding-right:20px; border-right:1px solid rgba(149, 149, 149, 0.55);}
footer .foo-rt { display:flex; flex-direction: column; width:57%; padding-left: 20px;}
footer .box-bot { background:var(--bg-black); color:var(--bg-white); padding: 1em 0; }
footer .box-in { max-width: var(--width-2-pd); display:flex; justify-content: space-between; align-items: center; padding-left:20px; padding-right:20px; margin:0 auto;}
footer .map-area {
	position: relative;
	width: 100%;
	flex: 1;
	min-height: 22em;
	overflow: hidden;
	border-radius: 0.4em;
	background: #e8e8e8;
}
footer .map-area iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}

/* sns + top */
.page-top { display: none; z-index: 8; position: absolute;  right: 20px;  top: -2.4em;    height: 4.8em;   width: 4.8em;}
.page-top a {   position: relative; color:var(--color-base-3); background: var(--bg-white);  line-height:1;  display: block;    width: 100%;    height: 100%;  border-radius: 0.5em; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);}
.page-top a span { height:100%; display:flex; align-items: center; justify-content: center;}
/* .page-top a:before { content: ''; font-size: 1rem; width:46%; height:46%;  position: absolute;   left: 50%;  top: 50%;   transform: translate(-50%, -50%) rotate(-90deg); 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='31px' height='25px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M30.803,13.405 L30.803,11.568 L30.842,11.465 C25.766,9.538 21.847,5.246 20.358,-0.015 L18.460,0.533 C19.750,5.089 22.677,8.985 26.569,11.508 L0.816,11.508 L0.816,13.502 L26.517,13.502 C22.651,16.026 19.745,19.908 18.461,24.443 L20.359,24.991 C21.848,19.729 25.767,15.438 30.843,13.511 L30.803,13.405 Z'/%3E%3C/svg%3E");}
 */

/* quick menu */
.blind { position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
.quick-box { z-index: 20; position: fixed; right: 0; top: 0%;  width: 5.3em; height:100%; }
.quick-box .quick-inner { display:flex; flex-direction: column; background: var(--color-base-2); overflow: hidden;  height:100%; box-shadow: -2px 2px 10px rgba(0,0,0,0.18); border-radius:0 0 0.5em 0.5em ; }

/* 메인: 사이드바 우측에서 펼침 */
@media all and (min-width: 1241px) {
	.quick-box.quick-intro {
		transform: translateX(110%);
		opacity: 0;
	}
	.quick-box.quick-intro.is-in {
		transform: translateX(0);
		opacity: 1;
		transition: transform 0.85s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.55s ease;
	}
}
@media (prefers-reduced-motion: reduce) {
	.quick-box.quick-intro {
		transform: none;
		opacity: 1;
	}
}
.quick-box .quick-home { padding-top: 2em;}
.quick-box .quick-home .quick-item span { font-size: 0.9em; display:none; padding: 0.05em 0.7em; border-radius: 2em; background:var(--bg-white); color:#0084ff}
.quick-box .quick-home:hover .quick-item span {display:inline-block;}
.quick-box .quick-list { overflow-y: auto; margin-top:auto; margin-bottom: 5em; align-items: stretch;  }
.quick-box .quick-item a { display:flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.35em; padding: 1em 0.4em; color: #fff; text-align: center; transition: background 0.2s ease; }
.quick-box .quick-item a:hover {  color:var(--color-base-4); }
.quick-box .quick-item span { font-size: 0.8em; font-weight: 500; line-height: 1.25em; letter-spacing: -0.04em; padding-bottom:0.3em; position: relative; word-break: keep-all; }
.quick-box .quick-list .quick-item span:after { opacity: 0; content:''; bottom: 0; height:1px; width:110%; background:var(--color-base-4); left:-5%; position: absolute;}
.quick-box .quick-list .quick-item a:hover span:after { opacity: 1; }
.quick-box .quick-list .quick-item a:hover .q-ico:after { filter:none }
.quick-box .quick-globe a { padding: 0.9em 0.4em 0.5em; }
.quick-box .q-ico.q-ico-globe { width: 2.2em; height:2.2em;}
.quick-box .q-ico.q-ico-calendar { width: 1.4em; height:1.4em;}
.quick-box .q-ico.q-ico-doctor { width: 2em; height:2em;}
.quick-box .q-ico.q-ico-clipboard { width: 1.8em; height:1.8em;}
.quick-box .q-ico { position: relative; display:block; width: 1.55em; height: 1.55em; margin-bottom: 0.5em;}
.quick-box .q-ico:after {  filter: brightness(0) invert(1); content:''; position:absolute; inset:0; background-size: contain; background-repeat: no-repeat; background-position: center center; }
.quick-box .quick-top { position: absolute; bottom:0; left:0; width:100%; height: 4.8em}
.quick-box .quick-top a { border-radius: 0.6em; display:flex; align-items: center; justify-content: center; height: 100%; background: #113090; color:#fff; font-weight:700; letter-spacing: 0.04em; }
.quick-box .quick-top a:hover { background: var(--color-base-3); color:#fff; }


.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.2em;}
.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 { font-size: 1.1em; display:block; font-weight:600;  padding: 1em 1.7em 1.1em 1.7em; line-height:1; text-wrap: nowrap; opacity: 0.5;}
.ls-tab-01 ul { display:flex; justify-content: center; align-items: center; }
.ls-tab-01 li {  position: relative; max-width: 15em;}
.ls-tab-01 li:last-of-type:after { display:none;}
.ls-tab-01 a:hover, .ls-tab-01 a.active-on{ border-color:#000; opacity: 1; }
.ls-tab-01 a:hover span, .ls-tab-01 a.active-on span {border-bottom:2px solid #a3a3a3}
.ls-tab-01 span { padding:0.3em 0em; position: relative; display:inline-block;border-bottom:2px solid #fff}

.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='31px' height='25px'%3E%3Cpath fill-rule='evenodd' fill='rgb(252, 57, 29)' d='M30.803,13.405 L30.803,11.568 L30.842,11.465 C25.766,9.538 21.847,5.246 20.358,-0.015 L18.460,0.533 C19.750,5.089 22.677,8.985 26.569,11.508 L0.816,11.508 L0.816,13.502 L26.517,13.502 C22.651,16.026 19.745,19.908 18.461,24.443 L20.359,24.991 C21.848,19.729 25.767,15.438 30.843,13.511 L30.803,13.405 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='69px' height='69px'%3E%3Cpath fill-rule='evenodd' fill='rgb(17, 48, 144)' d='M34.500,-0.000 C15.477,-0.000 -0.000,15.477 -0.000,34.500 C-0.000,53.523 15.477,69.000 34.500,69.000 C53.523,69.000 69.000,53.523 69.000,34.500 C69.000,15.477 53.523,-0.000 34.500,-0.000 ZM65.962,33.000 L48.361,33.000 C48.261,26.633 47.531,20.817 46.312,15.898 C49.896,14.940 53.248,13.536 56.252,11.748 C61.914,17.164 65.569,24.660 65.962,33.000 ZM34.500,66.000 C31.633,66.000 28.585,61.978 26.448,55.207 C28.846,54.795 31.312,54.562 33.812,54.562 C36.774,54.562 39.686,54.861 42.480,55.431 C40.346,62.065 37.334,66.000 34.500,66.000 ZM45.457,56.156 C48.363,56.981 51.089,58.129 53.568,59.551 C49.896,62.352 45.596,64.369 40.915,65.342 C42.703,63.132 44.246,59.999 45.457,56.156 ZM28.085,65.342 C23.156,64.318 18.650,62.134 14.855,59.097 C17.480,57.690 20.377,56.596 23.442,55.833 C24.668,59.824 26.247,63.070 28.085,65.342 ZM33.812,51.562 C31.037,51.562 28.295,51.828 25.632,52.304 C24.491,47.733 23.744,42.205 23.639,36.000 L45.361,36.000 C45.254,42.311 44.485,47.925 43.311,52.541 C40.248,51.898 37.056,51.562 33.812,51.562 ZM23.639,33.000 C23.745,26.744 24.503,21.174 25.660,16.581 C28.525,17.139 31.492,17.438 34.500,17.438 C37.508,17.438 40.475,17.139 43.340,16.581 C44.498,21.174 45.255,26.744 45.361,33.000 L23.639,33.000 ZM34.500,3.000 C37.351,3.000 40.380,6.979 42.517,13.682 C39.918,14.171 37.230,14.438 34.500,14.438 C31.770,14.438 29.082,14.171 26.483,13.682 C28.620,6.979 31.649,3.000 34.500,3.000 ZM23.491,13.010 C20.507,12.215 17.697,11.091 15.144,9.676 C18.879,6.757 23.281,4.656 28.085,3.658 C26.272,5.900 24.710,9.091 23.491,13.010 ZM40.915,3.658 C45.719,4.656 50.122,6.757 53.856,9.676 C51.304,11.091 48.493,12.215 45.509,13.010 C44.290,9.092 42.728,5.900 40.915,3.658 ZM12.749,11.748 C15.752,13.536 19.104,14.940 22.688,15.897 C21.469,20.817 20.739,26.633 20.639,33.000 L3.038,33.000 C3.431,24.660 7.086,17.164 12.749,11.748 ZM3.038,36.000 L20.639,36.000 C20.738,42.298 21.452,48.058 22.647,52.943 C18.989,53.859 15.553,55.227 12.481,56.996 C6.970,51.601 3.425,44.209 3.038,36.000 ZM55.983,57.507 C53.051,55.704 49.781,54.265 46.271,53.268 C47.514,48.314 48.260,42.439 48.361,36.000 L65.962,36.000 C65.563,44.471 61.799,52.073 55.983,57.507 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='8px' height='13px'%3E%3Cpath fill-rule='evenodd' fill='rgb(17, 48, 144)' d='M0.748,12.989 L-0.009,12.310 L6.486,6.487 L-0.009,0.664 L0.748,-0.014 L8.000,6.487 L0.748,12.989 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='24px' height='31px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M24.002,15.587 C22.772,15.471 21.238,14.044 20.102,12.767 L11.937,2.627 C10.013,0.006 8.606,0.263 6.065,0.263 L-0.000,0.263 L12.693,15.623 L-0.000,30.984 L6.346,30.984 C8.887,30.984 9.667,31.360 11.701,28.774 L16.605,22.893 L16.605,22.895 C16.613,22.885 16.619,22.875 16.626,22.865 L19.511,19.405 C21.979,16.545 23.064,15.687 24.002,15.630 L24.002,15.587 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='90px' height='88px'%3E%3Cimage x='0px' y='0px' width='90px' height='88px' xlink:href='data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABYCAYAAAB1YOAJAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA/wD/AP+gvaeTAAAAB3RJTUUH6gcPDDA5GBEZnQAAB5lJREFUeNrtne+LHVcdh585c5OAxhZKGjRU2CaFUPrTEhFCaUmFgDWIkCotwWCIaUv+By3V/6GWxvoDG1IUqpSQFwHXJISFag01KrIvUgqBfSUFS268u/ee78cX55y5s5sNSZOZnXsv54Hlzpz59Z1nD2dmzpw5p+AmSNoLHAKeAXYDm2gJE5iEN+ElzMDX5r0JUy3NhI/zI6+wrWBkFtJr23mJkVGbDn8pfRTXG6VlcT9p2dDG6Str1lsxMZSGy9Ji37gwkE5e+M7DC+udY7GO4CeAN4C9bYm9leSRJXmrJY9MmNWkWtg2iQvpqvYXJAbJo5rou5W8Eo8zlLhuYiAYSPTD9MLA7PiVg4/+/aaiJR0B3gQ2x6TPgHngCnCtDcl+jdQkrxK/RnIlda3kKORWklP6SKvTh7V/wHAdqWvnl00MJAZi68C0qy89NxD3DMy4JlYGplf/+/3HfnWDaEnHgLfi7KfAj4FfFEWxshE5e9p55L1/be5LP/qf+NnAdN91wdD0Mi89fgKiaEl7gAVCOfxv4PmiKD7pOvhp5N7f/WPuujgzND2MNETay6EnPywkFcCHwFPAf4CvZ8l3yanLc0h/RdqGuIRpjwP2EyQDvJYlN8BLj3+C9BoCTE9htt8BL8bF14C3u45xZjC9jeka5sH8iw54Oi46XxTFctfxzQw/+Noy5s9jBmZP94CdcdHVrmObOcyuhhxtOx3gYnLOzU1jfjnkaO96Xccy03gPMvCeLLpNQm6mZ74qNjJtECWXPotulUpyztHtUnpPGe46sug2Kc2jVE53Hcwso5iblcvolomSlYuOdkmSlS+G7ZIkZ9EtkyQXZtN3MZT5HQCFK5e6juWWsfrpvus4E3+f7DqQW5Fyc74YtkySbNNYdEwTMo+ZsCktOqYGM2E+P4K3TpI8rRfD6cGS6FqOVtdBzSJRMqmuQ4TyJNMwUTIyeknySFl049TL6HFz2Sy6caJkzHBJsreuo5pBouQy5ejUwj7TMOYpzSjNcPXPGDLNkiSXZvTqnzFkmqWMxYYz0at/1pBpltI8pQm36q4je26cVDb3vNFLkkfZdOOExjOiF3J0vBjmMrpxnIlNsW2H87mMbo0kWaZxGZ1FN4/iG5Zxjs51Ha1QF90b5RzdGlVutnjXMYqP4ZlmSZIxw42quo5sunFSxf+4riN80Z9pFlcT3av6uMgXw+Yxo/CGJHrjPi66jmr2CJINTKn2LpfRbSAzkEIjR6t1kZNpmChZ4zI6v8pqg6J6YFF4MhxZN7V3Mv+AzP9B5r/c4jG2x2M8sPHnFyQjw9V70OqAfcB3gYttiIj7XIjH2LfRJydT+I7FDJc6d+oiRxeu/C1wHNgFnGtSdtzXubjv4/FYG4uFu47CxyfD9BjeBYUrfw4cAR4kyN55l7tE5ucIkh8EjsZjbDgKT4OQyuhhx7V3hSt/DRyOYi7I/EN3fnL+IeBi3NfhwpW/7OzELNx1FDLcsNaPXJcUrjxJkP0VQs7+3LLjNufiPg7HfXZ3TlEy9buO4QQ8gkcxB4HtwHmZf+x2t5X5RwiStwPf61oyUEkuTKGMDr0bTsaNdOHKPwIvAPcD87cjO65zjiD5hcKV73V9HkAlOVSTCkbeGE6GZwAKV75PkP0lbiE7LpsH7iVIfr/r+KvziDV3pRlu5I3RBNbeRWHPA18kXCC/sXadmDYf1/nWJEkGKEyUZhRSzNGxE9RJo3DlPHAA2AKcrcuO02cJkg8UrvxT1/HeQJRcvWFJXfhOIlH2t+NsEvuFOF0SJM93Hed6lFFydTEcxi6BJ5XClX8mdO0JoZ++XXH6m5MqGagkg3DD1I/yhNx13IzClR8QZPfj3/6YNrEUZqTPsHrTkKOrwF35gczvA8rClX/pOp7PQ29YldFdh3J7FK78W9cx3AkuSc4tldrFJckrE3rXMSu4JDm3j24XlySvZM+t4upDXmTaw9XHFcm0h6sP3pJpD5ck93OObhVXG+Mp0yKub7KBoC9t6TqYGSQ5NTcQH/clBqavdh3VDJKcfuz60sWBib707P2//2fO1Q2xY/eBLcCzcfaiG5jeDTmarQPpaNcBzhBHga1x+l3Xl84OjEv9MAji65y6PNd1hNPOjt0H5oDX4+wl4Ky7evBR9aVXlk1DL7ZhdoZ3PprrOthpJUo+A2wDhsArS4unNR6h89TlY5i9hQDpU8RPMH+CH+7JA0feBjt2H9gMHAN+CtwXk19eWjw9Hjiy4p2PjiC9ibEZeTD/Gd7PY3YF89cwWzXkRVF1RD3+xTx4w2J/QhbTrPaF0rj3LKv1OxQ+ESur7nHSryiqfYf2xqmFZmEGcbr+GYNMcT4dQ1UT2kLCxXd5RWq7HH+LO3udt5XwDvM54J6YtgK8urR4+sahUCt+c+kJzN5Afm+9OzFnPoiIklN6JdkbaI3kmGZm4K0azuhGyb4mejzfq+SOJYdtYuPB+vLaZwyp8fd6kkuzanskXDXd2CumBeD40uLpmw/uu4oTC3sxfwizZ5z53c5sUxpXJOVceY9kQXIaoSEub09ybDS4ZnkhrZKsmGtvKtkUWnmmf8qdMwQWgQvAyaXF0+sOV/1/X0fmnpKpFRcAAAAASUVORK5CYII=' /%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='260px' height='260px'%3E%3Cpath fill-rule='evenodd' fill='rgb(3, 50, 142)' d='M130.001,-0.002 C58.204,-0.002 0.001,58.200 0.001,129.997 C0.001,201.793 58.204,259.996 130.001,259.996 C201.796,259.996 259.999,201.793 259.999,129.997 C259.999,58.200 201.796,-0.002 130.001,-0.002 ZM129.946,209.642 C121.697,209.642 115.010,202.955 115.010,194.706 C115.010,186.458 121.697,179.771 129.946,179.771 C138.194,179.771 144.881,186.458 144.881,194.706 C144.881,202.955 138.194,209.642 129.946,209.642 ZM144.881,147.502 C144.881,155.751 138.194,162.437 129.946,162.437 C121.697,162.437 115.010,155.751 115.010,147.502 L115.010,66.066 C115.010,57.817 121.697,51.131 129.946,51.131 C138.194,51.131 144.881,57.817 144.881,66.066 L144.881,147.502 Z'/%3E%3C/svg%3E");}
.ls-icon-12: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='8px' height='13px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 114, 255)' d='M0.748,12.989 L-0.009,12.310 L6.486,6.487 L-0.009,0.664 L0.748,-0.014 L8.000,6.487 L0.748,12.989 Z'/%3E%3C/svg%3E"); }
.q-ico-globe: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='69px' height='69px'%3E%3Cpath fill-rule='evenodd' fill='rgb(45, 148, 220)' d='M34.500,-0.000 C15.477,-0.000 -0.000,15.477 -0.000,34.500 C-0.000,53.523 15.477,69.000 34.500,69.000 C53.523,69.000 69.000,53.523 69.000,34.500 C69.000,15.477 53.523,-0.000 34.500,-0.000 ZM65.962,33.000 L48.361,33.000 C48.261,26.633 47.531,20.817 46.312,15.898 C49.896,14.940 53.248,13.536 56.252,11.748 C61.914,17.164 65.569,24.660 65.962,33.000 ZM34.500,66.000 C31.633,66.000 28.585,61.978 26.448,55.207 C28.846,54.795 31.312,54.562 33.812,54.562 C36.774,54.562 39.686,54.861 42.480,55.431 C40.346,62.065 37.334,66.000 34.500,66.000 ZM45.457,56.156 C48.363,56.981 51.089,58.129 53.568,59.551 C49.896,62.352 45.596,64.369 40.915,65.342 C42.703,63.132 44.246,59.999 45.457,56.156 ZM28.085,65.342 C23.156,64.318 18.650,62.134 14.855,59.097 C17.480,57.690 20.377,56.596 23.442,55.833 C24.668,59.824 26.247,63.070 28.085,65.342 ZM33.812,51.562 C31.037,51.562 28.295,51.828 25.632,52.304 C24.491,47.733 23.744,42.205 23.639,36.000 L45.361,36.000 C45.254,42.311 44.485,47.925 43.311,52.541 C40.248,51.898 37.056,51.562 33.812,51.562 ZM23.639,33.000 C23.745,26.744 24.503,21.174 25.660,16.581 C28.525,17.139 31.492,17.438 34.500,17.438 C37.508,17.438 40.475,17.139 43.340,16.581 C44.498,21.174 45.255,26.744 45.361,33.000 L23.639,33.000 ZM34.500,3.000 C37.351,3.000 40.380,6.979 42.517,13.682 C39.918,14.171 37.230,14.438 34.500,14.438 C31.770,14.438 29.082,14.171 26.483,13.682 C28.620,6.979 31.649,3.000 34.500,3.000 ZM23.491,13.010 C20.507,12.215 17.697,11.091 15.144,9.676 C18.879,6.757 23.281,4.656 28.085,3.658 C26.272,5.900 24.710,9.091 23.491,13.010 ZM40.915,3.658 C45.719,4.656 50.122,6.757 53.856,9.676 C51.304,11.091 48.493,12.215 45.509,13.010 C44.290,9.092 42.728,5.900 40.915,3.658 ZM12.749,11.748 C15.752,13.536 19.104,14.940 22.688,15.897 C21.469,20.817 20.739,26.633 20.639,33.000 L3.038,33.000 C3.431,24.660 7.086,17.164 12.749,11.748 ZM3.038,36.000 L20.639,36.000 C20.738,42.298 21.452,48.058 22.647,52.943 C18.989,53.859 15.553,55.227 12.481,56.996 C6.970,51.601 3.425,44.209 3.038,36.000 ZM55.983,57.507 C53.051,55.704 49.781,54.265 46.271,53.268 C47.514,48.314 48.260,42.439 48.361,36.000 L65.962,36.000 C65.563,44.471 61.799,52.073 55.983,57.507 Z'/%3E%3C/svg%3E"); }
.q-ico-calendar: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='69px' height='72px'%3E%3Cpath fill-rule='evenodd' fill='rgb(45, 148, 220)' d='M67.582,71.995 L1.395,71.995 C0.620,71.995 -0.009,71.367 -0.009,70.591 L-0.009,10.429 C-0.009,9.654 0.620,9.025 1.395,9.025 L18.042,9.025 L18.042,1.405 C18.042,0.629 18.671,0.001 19.446,0.001 C20.222,0.001 20.850,0.629 20.850,1.405 L20.850,9.025 L48.127,9.025 L48.127,1.405 C48.127,0.629 48.755,0.001 49.531,0.001 C50.307,0.001 50.935,0.629 50.935,1.405 L50.935,9.025 L67.582,9.025 C68.358,9.025 68.986,9.654 68.986,10.429 L68.986,70.591 C68.986,71.367 68.358,71.995 67.582,71.995 ZM66.178,11.833 L50.935,11.833 L50.935,16.445 C50.935,17.221 50.307,17.850 49.531,17.850 C48.755,17.850 48.127,17.221 48.127,16.445 L48.127,11.833 L20.850,11.833 L20.850,16.445 C20.850,17.221 20.222,17.850 19.446,17.850 C18.671,17.850 18.042,17.221 18.042,16.445 L18.042,11.833 L2.799,11.833 L2.799,27.074 L66.178,27.074 L66.178,11.833 ZM66.178,29.882 L2.799,29.882 L2.799,69.187 L66.178,69.187 L66.178,29.882 ZM25.174,47.225 L33.544,54.696 L47.648,40.593 C48.196,40.045 49.086,40.045 49.633,40.593 C50.182,41.142 50.182,42.031 49.633,42.579 L34.591,57.620 C34.318,57.893 33.958,58.031 33.598,58.031 C33.264,58.031 32.931,57.913 32.663,57.674 L23.303,49.318 C22.725,48.802 22.675,47.915 23.191,47.336 C23.709,46.758 24.596,46.708 25.174,47.225 Z'/%3E%3C/svg%3E"); }
.q-ico-pin: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='51px' height='65px'%3E%3Cpath fill-rule='evenodd' fill='rgb(45, 148, 220)' d='M46.344,40.240 L30.191,62.729 C29.158,64.167 27.548,64.992 25.774,64.992 C24.000,64.992 22.390,64.167 21.357,62.729 L5.207,40.245 C1.559,35.112 -0.020,28.836 0.758,22.567 C2.174,11.161 11.519,1.990 22.979,0.760 C30.247,-0.022 37.220,2.209 42.614,7.037 C47.935,11.799 50.987,18.616 50.987,25.739 C50.987,30.953 49.381,35.967 46.344,40.240 ZM40.949,8.885 C36.725,5.103 31.423,3.091 25.805,3.091 C24.958,3.091 24.105,3.137 23.246,3.229 C12.924,4.337 4.506,12.598 3.231,22.872 C2.530,28.525 3.952,34.183 7.237,38.804 L23.383,61.283 C23.942,62.061 24.814,62.508 25.774,62.508 C26.734,62.508 27.606,62.061 28.164,61.283 L44.315,38.799 C47.048,34.954 48.495,30.436 48.495,25.739 C48.495,19.320 45.745,13.177 40.949,8.885 ZM25.774,35.872 C19.591,35.872 14.561,30.858 14.561,24.696 C14.561,18.534 19.591,13.520 25.774,13.520 C31.956,13.520 36.986,18.534 36.986,24.696 C36.986,30.858 31.956,35.872 25.774,35.872 ZM25.774,16.004 C20.965,16.004 17.053,19.903 17.053,24.696 C17.053,29.489 20.965,33.388 25.774,33.388 C30.582,33.388 34.495,29.489 34.495,24.696 C34.495,19.903 30.582,16.004 25.774,16.004 Z'/%3E%3C/svg%3E"); }
.q-ico-clock: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='70px' height='70px'%3E%3Cpath fill-rule='evenodd' fill='rgb(45, 148, 220)' d='M35.000,70.000 C15.701,70.000 -0.000,54.299 -0.000,35.000 C-0.000,15.701 15.701,-0.000 35.000,-0.000 C54.299,-0.000 70.000,15.701 70.000,35.000 C70.000,54.299 54.299,70.000 35.000,70.000 ZM35.000,4.000 C17.907,4.000 4.000,17.907 4.000,35.000 C4.000,52.093 17.907,66.000 35.000,66.000 C52.093,66.000 66.000,52.093 66.000,35.000 C66.000,17.907 52.093,4.000 35.000,4.000 ZM50.561,48.000 C50.148,48.000 49.731,47.873 49.373,47.608 L34.498,36.608 C33.988,36.231 33.688,35.634 33.688,35.000 L33.688,13.000 C33.688,11.895 34.583,11.000 35.687,11.000 C36.792,11.000 37.687,11.895 37.687,13.000 L37.687,33.992 L51.751,44.392 C52.640,45.049 52.827,46.301 52.170,47.189 C51.778,47.720 51.173,48.000 50.561,48.000 Z'/%3E%3C/svg%3E"); }
.q-ico-doctor: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='55px' height='65px'%3E%3Cpath fill-rule='evenodd' fill='rgb(45, 148, 220)' d='M54.846,63.208 C54.944,63.886 54.467,64.516 53.780,64.614 C53.092,64.718 52.456,64.240 52.356,63.561 C51.052,54.611 46.051,47.283 39.227,43.331 L28.740,64.048 C28.529,64.465 28.099,64.730 27.627,64.735 C27.623,64.735 27.619,64.735 27.615,64.735 C27.148,64.735 26.718,64.479 26.501,64.069 L15.586,43.486 C8.762,47.560 3.732,55.018 2.540,63.912 C2.456,64.537 1.917,64.991 1.295,64.991 C1.240,64.991 1.185,64.987 1.129,64.981 C0.440,64.890 -0.044,64.266 0.047,63.586 C1.740,50.953 10.605,40.983 21.674,38.354 C16.639,36.155 13.113,31.182 13.113,25.405 C13.113,20.873 15.313,16.662 18.998,13.996 C18.454,12.829 18.143,11.536 18.143,10.169 C18.143,5.101 22.317,0.978 27.447,0.978 C32.578,0.978 36.752,5.101 36.752,10.169 C36.752,11.527 36.445,12.812 35.907,13.973 C39.602,16.639 41.782,20.846 41.782,25.405 C41.782,31.163 38.278,36.120 33.271,38.330 C44.316,40.873 53.001,50.554 54.846,63.208 ZM27.589,60.767 L30.695,54.631 C30.601,54.507 30.523,54.370 30.480,54.212 L28.383,46.519 L25.705,46.519 L24.263,54.495 L27.589,60.767 ZM30.845,40.397 C29.741,40.235 28.615,40.151 27.473,40.151 C26.039,40.151 24.629,40.293 23.251,40.556 L25.364,44.035 L28.635,44.035 L30.845,40.397 ZM20.704,41.189 C19.713,41.499 18.746,41.879 17.805,42.316 L22.358,50.903 L23.332,45.517 L20.704,41.189 ZM27.447,3.463 C23.703,3.463 20.657,6.471 20.657,10.169 C20.657,13.868 23.703,16.876 27.447,16.876 C31.192,16.876 34.237,13.868 34.237,10.169 C34.237,6.471 31.192,3.463 27.447,3.463 ZM39.267,25.405 C39.267,21.703 37.510,18.299 34.547,16.096 C32.839,18.090 30.292,19.360 27.447,19.360 C24.603,19.360 22.056,18.090 20.348,16.097 C17.391,18.301 15.628,21.724 15.628,25.405 C15.628,31.842 20.930,37.080 27.447,37.080 C33.965,37.080 39.267,31.842 39.267,25.405 ZM33.447,40.935 C33.445,40.939 33.445,40.944 33.443,40.948 L30.700,45.463 L32.322,51.417 L36.992,42.191 C35.849,41.680 34.665,41.259 33.447,40.935 ZM27.447,15.386 C24.535,15.386 22.166,13.046 22.166,10.169 C22.166,7.293 24.535,4.953 27.447,4.953 C30.360,4.953 32.728,7.293 32.728,10.169 C32.728,13.046 30.360,15.386 27.447,15.386 ZM27.447,7.437 C25.922,7.437 24.681,8.662 24.681,10.169 C24.681,11.676 25.922,12.902 27.447,12.902 C28.973,12.902 30.214,11.676 30.214,10.169 C30.214,8.662 28.973,7.437 27.447,7.437 Z'/%3E%3C/svg%3E"); }
.q-ico-clipboard: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='64px'%3E%3Cpath fill-rule='evenodd' fill='rgb(45, 148, 220)' d='M43.551,63.998 L3.120,63.998 C1.866,63.998 0.846,62.987 0.846,61.745 L0.846,9.866 C0.846,8.623 1.866,7.612 3.120,7.612 L9.777,7.612 C10.620,5.748 12.495,4.508 14.616,4.508 L17.481,4.508 C18.169,1.844 20.549,0.001 23.336,0.001 C26.122,0.001 28.502,1.844 29.190,4.508 L32.055,4.508 C34.176,4.508 36.052,5.748 36.894,7.612 L43.551,7.612 C44.805,7.612 45.825,8.623 45.825,9.866 L45.825,61.745 C45.825,62.987 44.805,63.998 43.551,63.998 ZM34.751,9.098 C34.442,7.870 33.333,7.012 32.055,7.012 L28.983,7.012 C27.913,7.012 27.003,6.285 26.770,5.244 C26.408,3.631 24.996,2.505 23.336,2.505 C21.675,2.505 20.263,3.631 19.901,5.244 C19.668,6.285 18.758,7.012 17.688,7.012 L14.616,7.012 C13.338,7.012 12.229,7.870 11.920,9.098 L11.056,12.520 L35.615,12.520 L34.751,9.098 ZM43.298,10.116 L37.614,10.116 L38.459,13.469 C38.554,13.843 38.469,14.239 38.229,14.542 C37.990,14.847 37.622,15.024 37.233,15.024 L9.438,15.024 C9.049,15.024 8.681,14.847 8.442,14.542 C8.202,14.239 8.117,13.843 8.212,13.469 L9.058,10.116 L3.373,10.116 L3.373,61.494 L43.298,61.494 L43.298,10.116 ZM9.185,28.377 L13.563,28.377 L16.557,23.927 C16.796,23.572 17.172,23.358 17.632,23.370 C18.063,23.378 18.460,23.604 18.685,23.967 L23.911,32.416 L29.624,21.380 C29.846,20.949 30.291,20.687 30.788,20.699 C31.276,20.715 31.712,21.008 31.907,21.451 L34.945,28.377 L38.160,28.377 C38.858,28.377 39.423,28.938 39.423,29.629 C39.423,30.321 38.858,30.881 38.160,30.881 L34.117,30.881 C33.614,30.881 33.159,30.585 32.958,30.129 L30.654,24.876 L25.133,35.542 C24.925,35.945 24.514,36.204 24.057,36.221 C24.041,36.222 24.025,36.222 24.009,36.222 C23.571,36.222 23.162,35.997 22.932,35.625 L17.563,26.945 L15.290,30.324 C15.056,30.672 14.661,30.881 14.239,30.881 L9.185,30.881 C8.487,30.881 7.922,30.321 7.922,29.629 C7.922,28.938 8.487,28.377 9.185,28.377 ZM9.541,41.242 L37.130,41.242 C37.828,41.242 38.393,41.802 38.393,42.494 C38.393,43.185 37.828,43.746 37.130,43.746 L9.541,43.746 C8.843,43.746 8.278,43.185 8.278,42.494 C8.278,41.802 8.843,41.242 9.541,41.242 ZM16.781,48.112 L29.890,48.112 C30.588,48.112 31.154,48.672 31.154,49.364 C31.154,50.055 30.588,50.615 29.890,50.615 L16.781,50.615 C16.083,50.615 15.517,50.055 15.517,49.364 C15.517,48.672 16.083,48.112 16.781,48.112 Z'/%3E%3C/svg%3E"); } 
.q-ico-folder: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='69px' height='80px'%3E%3Cpath fill-rule='evenodd' fill='rgb(45, 148, 220)' d='M67.582,68.969 L1.395,68.969 C0.620,68.969 -0.009,68.341 -0.009,67.566 L-0.009,1.405 C-0.009,0.630 0.620,0.001 1.395,0.001 L67.582,0.001 C68.358,0.001 68.986,0.630 68.986,1.405 L68.986,67.566 C68.986,68.341 68.358,68.969 67.582,68.969 ZM66.178,2.809 L2.799,2.809 L2.799,13.534 L66.178,13.534 L66.178,2.809 ZM66.178,16.341 L2.799,16.341 L2.799,66.162 L66.178,66.162 L66.178,16.341 ZM26.063,40.122 L34.434,47.591 L48.538,33.493 C49.086,32.944 49.976,32.944 50.524,33.493 C51.072,34.041 51.072,34.930 50.524,35.478 L35.481,50.514 C35.208,50.787 34.849,50.925 34.489,50.925 C34.155,50.925 33.821,50.807 33.554,50.568 L24.193,42.215 C23.615,41.699 23.565,40.812 24.081,40.234 C24.598,39.656 25.486,39.605 26.063,40.122 ZM1.395,77.188 L67.582,77.188 C68.358,77.188 68.986,77.817 68.986,78.592 C68.986,79.368 68.358,79.996 67.582,79.996 L1.395,79.996 C0.620,79.996 -0.009,79.368 -0.009,78.592 C-0.009,77.817 0.620,77.188 1.395,77.188 Z'/%3E%3C/svg%3E"); }


/*  */
.con-com-01 { padding-top: 12em; overflow: visible;}
.con-com-01 .ls-txt-01 { font-family: var(--font-2); font-size: 3em; font-weight:800; line-height: 1.35em; color:var(--bg-gray-3); text-align: center;}
.con-com-01 .ls-txt-01 .txt-grad {   background: linear-gradient(to right, var(--color-base-3) 50%, var(--bg-black) 50%);    background-size: 200% 100%;    background-position-x: 100%;    color: transparent;    background-clip: text;    -webkit-background-clip: text;    display: inline;}
.con-com-01 .txt-fill-wrap { display: block; position: relative; text-align: center; }
.con-com-01.is-fill-ready .txt-fill-source {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
	pointer-events: none;
}
.con-com-01 .txt-fill-mount { display: none; }
.con-com-01.is-fill-ready .txt-fill-mount {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	vertical-align: top;
	text-align: center;
}
.con-com-01 .txt-fill-line {
	position: relative;
	display: block;
	width: max-content;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	--line-fill: 0%;
	text-align: center;
}
.con-com-01 .txt-fill-base {
	color: #c5c5c5;
}
.con-com-01 .txt-fill-color {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	color: var(--color-base-3);
	clip-path: inset(0 calc(100% - var(--line-fill)) 0 0);
	pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
	.con-com-01 .txt-fill-line { --line-fill: 100%; }
}
.con-com-01 .com-box-01 { margin:0 auto; width:100%; padding-left: 20px; padding-right:20px; max-width:var(--width-5-pd); width:100%; }
.con-com-01 .con-box-02 { padding-top: 2em; width:100%; overflow: visible;}
.con-com-01 .about-pin-wrap {
	position: relative;
	height: 360vh;
	margin: 1em 0 2em;
}
.con-com-01 .about-pin-sticky {
	position: sticky;
	top: 0;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	overflow: hidden;
}
.con-com-01 .about-story {
	--frame: 0;
	--img2: 0;
	--eng: 1;
	--k1: 0;
	--k2: 0;
	--k3: 0;
	position: relative;
	width: 100%;
	padding-left: calc(var(--frame) * max(20px, (100% - var(--width-4-pd)) / 2));
	padding-right: calc(var(--frame) * max(20px, (100% - var(--width-4-pd)) / 2));
	box-sizing: border-box;
}
.con-com-01 .about-story .img-wrap {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: calc(48% - var(--frame) * 2%);
	overflow: hidden;
	border-radius: calc(var(--frame) * 4em);
}
.con-com-01 .about-story .img-scene-01,
.con-com-01 .about-story .img-scene-02 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.con-com-01 .about-story .img-scene-01 { z-index: 1; }
.con-com-01 .about-story .img-scene-02 { z-index: 2; opacity: var(--img2); }
.con-com-01 .about-story .img-scene-01 img,
.con-com-01 .about-story .img-scene-02 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.con-com-01 .about-story .img-scene-01 img { object-position: center 21%; }
.con-com-01 .about-story .img-scene-02 img { object-position: center 70%; }
.con-com-01 .about-story .txt-scene-01 {
	z-index: 3;
	color: var(--bg-white);
	font-family: var(--font-2);
	font-weight: 700;
	font-size: 12em;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	opacity: var(--eng);
	pointer-events: none;
}
.con-com-01 .about-story .txt-scene-01 p { position: absolute; margin: 0; line-height: 1; }
.con-com-01 .about-story .t-365 {
	top: calc(1% + var(--frame) * 16%);
	left: calc(var(--frame) * 50%);
	transform: translateX(calc(var(--frame) * -50%));
}
.con-com-01 .about-story .t-mom {
	bottom: calc(15% + var(--frame) * 2%);
	left: calc((1 - var(--frame)) * 100% + var(--frame) * 50%);
	transform: translateX(calc(-100% + var(--frame) * 50%));
}
.con-com-01 .about-story .txt-scene-02 {
	z-index: 4;
	color: var(--bg-white);
	font-weight: 800;
	font-size: 2.7em;
	line-height: 1.4em;
	position: absolute;
	left: 50%;
	top: 50%;
	text-align: center;
	transform: translate(-50%, -50%);
	width: 90%;
	max-width: 18em;
	pointer-events: none;
}
.con-com-01 .about-story .txt-scene-02 span { color: var(--color-base-1); }
.con-com-01 .about-story .txt-scene-02 p {
	margin: 0;
	will-change: opacity, transform;
}
.con-com-01 .about-story .txt-scene-02 p:nth-child(1) {
	opacity: var(--k1);
	transform: translateY(calc((1 - var(--k1)) * 1.1em));
}
.con-com-01 .about-story .txt-scene-02 p:nth-child(2) {
	opacity: var(--k2);
	transform: translateY(calc((1 - var(--k2)) * 1.1em));
}
.con-com-01 .about-story .txt-scene-02 p:nth-child(3) {
	opacity: var(--k3);
	transform: translateY(calc((1 - var(--k3)) * 1.1em));
}
@media (prefers-reduced-motion: reduce) {
	.con-com-01 .about-pin-wrap { height: auto; margin: 3em 0; }
	.con-com-01 .about-pin-sticky { position: relative; height: auto; }
	.con-com-01 .about-story {
		--frame: 1;
		--img2: 1;
		--eng: 0;
		--k1: 1;
		--k2: 1;
		--k3: 1;
	}
}
.con-com-01 .area-box { text-align: left; display:flex; align-items: stretch; justify-content: space-between; padding-bottom:6em;}
.con-com-01 .lt-box { width:46%;}
.con-com-01 .rt-box { width:50%;padding-left: 5%;}
.con-com-01 .head-box { text-align: left;}
.con-com-01 .head-box p { font-size: 2.25em; line-height: 1.4em; font-weight:800;color: var(--color-base-2); padding-bottom: 0.8em; }
.con-com-01 .head-box h4 { font-size:2.2em; line-height: 1.4em; padding-bottom: 0; }
.con-com-01 .ls-txt-02 { line-height: 1.6em; font-size: 1.1em; max-width: 570px;}
.con-com-01 .ls-txt-02 p { padding-bottom: 2em;}
.con-com-01 .ls-txt-03 .txt-ss { padding-top: 4em; font-size: 0.9em; font-weight:600; color: var(--color-base-1); padding-bottom: 1em; }
.con-com-01 .ls-img-02 img { max-width:100%;}
.con-com-01 .ls-img-02 { width: 24em;}
.con-com-01 .con-box-03 { margin:0 auto; padding-left: 20px; padding-right:20px; max-width:var(--width-5-pd); width:100%;}
.con-com-01 .com-box-03 { position: relative; padding-top: 9em; padding-bottom:6em;}
.con-com-01 .js-about-reveal {
	opacity: 0;
	transform: translateY(36px);
	transition:
		opacity 1.35s cubic-bezier(0.22, 1, 0.36, 1),
		transform 1.15s cubic-bezier(0.22, 1, 0.36, 1);
}
.con-com-01 .js-about-reveal.is-in {
	opacity: 1;
	transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
	.con-com-01 .js-about-reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}
}
.con-com-01 .com-box-03:before {z-index:-1; content: ''; opacity: 0.68; position: absolute; left:-2%; top:0; width:36%; max-width:820px; height:100%; background-repeat: no-repeat; background-position: left bottom; background-size: contain; 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='700px' height='700px'%3E%3Cpath fill-rule='evenodd' fill='rgb(223, 242, 252)' d='M687.531,699.581 C661.792,699.608 575.645,699.658 485.229,699.658 C400.564,595.870 493.166,488.548 493.166,488.548 L445.772,438.277 C349.008,552.723 377.090,653.367 399.498,699.634 C328.524,699.608 266.451,699.531 243.393,699.320 C238.292,699.270 232.356,695.943 228.271,692.459 C199.669,667.974 192.772,635.172 195.477,599.796 C198.782,555.557 219.500,518.230 246.436,484.260 C278.084,444.335 311.632,405.840 342.761,365.473 C383.569,312.603 407.176,252.742 406.265,185.267 C405.433,123.248 385.496,66.819 350.178,15.845 C346.900,11.142 343.568,6.514 339.195,0.301 C398.848,0.301 458.162,0.301 517.373,0.301 L517.373,167.799 C517.373,227.244 565.624,275.459 625.173,275.459 L699.868,275.459 C699.868,416.417 699.868,557.532 699.868,698.982 C695.471,699.166 691.513,699.581 687.531,699.581 ZM581.682,160.418 L581.682,2.721 C615.622,2.721 619.422,2.721 644.797,2.721 C659.215,2.721 697.371,11.922 697.371,61.386 C697.371,136.114 697.371,153.322 697.371,214.247 L635.583,214.247 C605.835,214.247 581.682,190.154 581.682,160.418 ZM210.652,421.394 C177.128,462.530 147.772,505.806 134.835,558.182 C123.359,605.021 124.060,650.961 145.144,695.397 C145.610,696.425 145.663,697.684 146.132,699.752 C97.462,699.752 49.235,699.752 0.229,699.752 C0.229,466.999 0.229,234.755 0.229,0.797 C4.992,0.562 8.973,0.224 13.059,0.224 C84.737,0.198 156.361,0.043 228.036,0.485 C234.830,0.536 242.870,3.059 248.232,7.139 C331.882,70.508 372.666,202.916 303.930,303.428 C275.691,344.705 242.351,382.550 210.652,421.394 ZM165.052,147.240 C141.836,147.448 123.463,166.162 123.671,189.398 C123.802,212.740 142.255,230.675 165.886,230.440 C189.310,230.286 207.398,211.907 207.398,188.501 C207.398,165.927 188.060,147.006 165.052,147.240 Z'/%3E%3C/svg%3E");}

.con-com-02 { padding-top: 10em; padding-bottom: 4em; overflow: hidden;}
.con-com-02 .com-box-01 { margin:0 auto; padding-left: 20px; padding-right:20px; max-width:var(--width-4-pd); width:100%;}
.con-com-02 .ls-txt-01 { text-align: center; }
.con-com-02 .ls-txt-01 strong { font-size: 2.75em; font-weight:800; line-height: 1.5em;}
.con-com-02 .ls-txt-01 p { font-weight:500; font-size: 1.35em; padding-top:2em; line-height: 1.7em; }
.con-com-02 .txt-fill-wrap { display: block; position: relative; text-align: center; }
.con-com-02.is-fill-ready .txt-fill-source {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
	pointer-events: none;
}
.con-com-02 .txt-fill-mount { display: none; }
.con-com-02.is-fill-ready .txt-fill-mount {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	vertical-align: top;
	text-align: center;
}
.con-com-02 .txt-fill-line {
	position: relative;
	display: block;
	width: max-content;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	--line-fill: 0%;
	text-align: center;
}
.con-com-02 .txt-fill-base,
.con-com-02 .txt-fill-base span { color: #c5c5c5; }
.con-com-02 .txt-fill-color,
.con-com-02 .txt-fill-color span {
	color: var(--color-base-3);
}
.con-com-02 .txt-fill-color {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	clip-path: inset(0 calc(100% - var(--line-fill)) 0 0);
	pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
	.con-com-02 .txt-fill-line { --line-fill: 100%; }
}
.con-com-02 .js-doctor-reveal {
	opacity: 0;
	transform: translateY(28px);
	transition:
		opacity 1.1s cubic-bezier(0.22, 1, 0.36, 1),
		transform 1s cubic-bezier(0.22, 1, 0.36, 1);
}
.con-com-02 .js-doctor-reveal.is-in {
	opacity: 1;
	transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
	.con-com-02 .js-doctor-reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}
}
.con-com-02 .con-box-02 { padding-top: 6em; }
.con-com-02 .list-box { display:flex; flex-wrap:wrap; margin-right: -3em; overflow: hidden;  padding-bottom:3.5em; margin-top: 3em; }
.con-com-02 .list-box .ls-list { width: calc(33.333% - 3em); margin-right:3em; margin-bottom:8em; text-align: left; }
.con-com-02 .list-box a { display:block; color:inherit; }
.con-com-02 .list-box a:hover { color:inherit; }
.con-com-02 .list-box a:hover strong span {color:var(--color-base-3); }
.con-com-02 .ls-list a:hover .view-box span { color:#fff; }
.con-com-02 .ls-list a:hover .view-box i:after { filter: brightness(0) invert(1); }
.con-com-02 .ls-list a:hover .view-box::before { transform: scaleY(1); }
.con-com-02 .card-area { position:relative; overflow:hidden; border-radius: 1.7em; background:var(--bg-gray-1); aspect-ratio: 3 / 3.5; }
.con-com-02 .img-box { width:100%; height:100%; overflow:hidden; }
.con-com-02 .ls-img-01 { width:100%; height:100%; }
.con-com-02 .ls-img-01 img {
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center top;
	display:block;
	transform: scale(1);
	transition: transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
}
.con-com-02 .ls-list a:hover .ls-img-01 img { transform: scale(1.06); }
.con-com-02 .txt-box {  padding: 1.5em 10px; }
.con-com-02 .txt-head { display:flex; align-items:center; justify-content:space-between; gap: 0.8em;}
.con-com-02 .txt-head strong { font-size: 1.4em;  font-weight:500;  letter-spacing:-0.02em; line-height:1.3em; }
.con-com-02 .txt-head strong span { font-weight:800; margin-right:0.15em; font-size: 1.2em; transition: color 0.35s ease; }
.con-com-02 .ls-view { flex-shrink:0; line-height:1; }
.con-com-02 .view-box {
	position:relative;
	overflow:hidden;
	display:inline-flex;
	align-items:center;
	border:1px solid var(--color-base-3);
	background:transparent;
	padding: 0.7em 0.75em;
	border-radius:0.3em;
	min-width: 5.5em;
	isolation: isolate;
}
.con-com-02 .view-box::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	background: var(--color-base-3);
	transform: scaleY(0);
	transform-origin: bottom center;
	transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
	z-index: 0;
}
.con-com-02 .view-box span {
	position: relative;
	z-index: 1;
	font-size:0.8em;
	font-weight:500;
	color:var(--color-base-3);
	letter-spacing:0.04em;
	margin-right:5em;
	transition: color 0.35s ease;
}
.con-com-02 .view-box i {
	position:absolute;
	right:0.7em;
	top:50%;
	transform:translateY(-50%);
	display:inline-block;
	width:0.55em;
	height:0.55em;
	z-index: 1;
}
.con-com-02 .view-box i:after {
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	right:0;
	top:0;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	transition: filter 0.35s ease;
}


.con-com-03 { padding-top: 10em; padding-bottom:8em; overflow: hidden;}
.con-com-03 .com-box-01 { margin:0 auto; padding-left: 20px; padding-right:20px; max-width:var(--width-4-pd); width:100%;}
.con-com-03 .ls-txt-01 { text-align: center; }
.con-com-03 .ls-txt-01 strong { font-size: 2.75em; font-weight:800; line-height: 1.5em;}
.con-com-03 .ls-txt-01 p { font-weight:500; font-size: 1.35em; padding-top:2em; line-height: 1.7em; }
.con-com-03 .txt-fill-wrap { display: block; position: relative; text-align: center; }
.con-com-03.is-fill-ready .txt-fill-source {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
	pointer-events: none;
}
.con-com-03 .txt-fill-mount { display: none; }
.con-com-03.is-fill-ready .txt-fill-mount {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	vertical-align: top;
	text-align: center;
}
.con-com-03 .txt-fill-line {
	position: relative;
	display: block;
	width: max-content;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	--line-fill: 0%;
	text-align: center;
}
.con-com-03 .txt-fill-base,
.con-com-03 .txt-fill-base span { color: #c5c5c5; }
.con-com-03 .txt-fill-color,
.con-com-03 .txt-fill-color span { color: var(--color-base-3); }
.con-com-03 .txt-fill-color {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	clip-path: inset(0 calc(100% - var(--line-fill)) 0 0);
	pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
	.con-com-03 .txt-fill-line { --line-fill: 100%; }
}
.con-com-03 .js-floor-reveal {
	opacity: 0;
	transform: translateY(28px);
	transition:
		opacity 1.1s cubic-bezier(0.22, 1, 0.36, 1),
		transform 1s cubic-bezier(0.22, 1, 0.36, 1);
}
.con-com-03 .js-floor-reveal.is-in {
	opacity: 1;
	transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
	.con-com-03 .js-floor-reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}
}
.con-com-03 .con-box-02 { margin-top: 12em; }
.con-com-03 .floor-head { display:flex; align-items:center; justify-content:space-between; margin-bottom: 1.5em; width: 57%; }
.con-com-03 .floor-tit { display:flex; align-items:center; gap: 0.8em; }
.con-com-03 .floor-tit strong { min-width: 2.8em; padding: 0.03em; border-radius: 2em; background:var(--color-base-2); color:#fff; font-size: 2em; font-weight:800;}
.con-com-03 .floor-tit span { font-size: 1.6em; font-weight:600; color:var(--color-base-2); letter-spacing:-0.02em; }
.con-com-03 .floor-btn { display:flex; gap: 0.5em; }
.con-com-03 .floor-btn button { position:relative; width: 2.4em; height: 2.4em; border:1px solid var(--color-base-2); border-radius:50%; background:#fff; cursor:pointer; text-indent:-9999px; }
.con-com-03 .floor-btn button:after { content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:1.3em; height:1.3em; background-size:contain; background-repeat:no-repeat; background-position:center center; }
.con-com-03 .floor-btn button:hover { background:var(--color-base-2)}
.con-com-03 .floor-btn button:hover:after { filter: brightness(0) invert(1);  }
.con-com-03 .floor-btn .floor-prev:after { transform:translate(-60%,-50%) scaleX(-1); }
.con-com-03 .floor-btn .floor-next:after { transform:translate(-40%,-50%); }
.con-com-03 .area-box { text-align: left; display:flex; align-items: stretch; justify-content: space-between;  }
.con-com-03 .lt-box { width:58.5%; }
.con-com-03 .rt-box { width:41.5%; padding-left:3.5%;padding-top: 0; display:flex; align-items:center; }
.con-com-03 .ls-img-01 { border-radius: 2em; height:0; position: relative; padding-top: 80%; overflow: hidden; background: var(--bg-gray-1);}
.con-com-03 .ls-img-01 img {
	position: absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	object-fit: cover;
	opacity: 0;
	transform: scale(1.03);
	transition:
		opacity 0.85s cubic-bezier(0.22, 1, 0.36, 1),
		transform 1.1s cubic-bezier(0.22, 1, 0.36, 1);
	will-change: opacity, transform;
	pointer-events: none;
}
.con-com-03 .ls-img-01 img.is-show {
	opacity: 1;
	transform: scale(1);
	z-index: 1;
}
@media (prefers-reduced-motion: reduce) {
	.con-com-03 .ls-img-01 img {
		transition: none;
		transform: none;
	}
}
.con-com-03 .floor-item a {display:flex; padding: 5% 5% 5% 10%; height:100%; color: inherit; }
.con-com-03 .floor-item { min-height: 25%; background:var(--bg-white); border-radius: 1em; overflow: hidden; transition: background 0.2s ease;  }
.con-com-03 .floor-item.active, .con-com-03 .floor-item:hover  { background: #e1eafb; }
.con-com-03 .floor-item strong { position: relative; text-align: center;  display:block; font-size: 2.1em; flex:0 0 1.2em; font-weight:800; color:var(--color-base-3);line-height:1.2em; }
.con-com-03 .floor-item strong:after { position: absolute; content:''; display:block; left:50%; transform: translateX(-50%); width: 100%; height:3px; background:var(--color-base-3); margin: 0.15em 0 0.65em; }
.con-com-03 .floor-item h4 { font-size: 1.4em; font-weight:800; color:var(--color-base-3); line-height:1.35em; padding-bottom: 0.35em; }
.con-com-03 .floor-item p {  font-size: 1.2em;  font-weight:400; color:#313131; line-height:1.55em; word-break:keep-all; }
.con-com-03 .floor-list {  display:flex; flex-direction: column; height:100%; gap: 0.2em 0;}
.con-com-03 .floor-info { padding-left: 7%; padding-top: 0.2em}

.con-com-04 { padding-top: 10em; overflow: hidden;}
.con-com-04 .com-box-01 { margin:0 auto; padding-left: 20px; padding-right:20px; max-width:var(--width-5-pd); width:100%;}
.con-com-04 .ls-txt-01 { text-align: center; }
.con-com-04 .ls-txt-01 strong { font-size: 2.75em; font-weight:800; line-height: 1.5em;}
.con-com-04 .ls-txt-01 p { font-weight:500; font-size: 1.35em; padding-top:2em; line-height: 1.7em; }
.con-com-04 .txt-fill-wrap { display: block; position: relative; text-align: center; }
.con-com-04.is-fill-ready .txt-fill-source {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
	pointer-events: none;
}
.con-com-04 .txt-fill-mount { display: none; }
.con-com-04.is-fill-ready .txt-fill-mount {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	vertical-align: top;
	text-align: center;
}
.con-com-04 .txt-fill-line {
	position: relative;
	display: block;
	width: max-content;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	--line-fill: 0%;
	text-align: center;
}
.con-com-04 .txt-fill-base,
.con-com-04 .txt-fill-base span { color: #c5c5c5; }
.con-com-04 .txt-fill-color,
.con-com-04 .txt-fill-color span { color: var(--color-base-3); }
.con-com-04 .txt-fill-color {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	clip-path: inset(0 calc(100% - var(--line-fill)) 0 0);
	pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
	.con-com-04 .txt-fill-line { --line-fill: 100%; }
}
.con-com-04 .js-partner-reveal {
	opacity: 0;
	transform: translateY(28px);
	transition:
		opacity 1.1s cubic-bezier(0.22, 1, 0.36, 1),
		transform 1s cubic-bezier(0.22, 1, 0.36, 1);
}
.con-com-04 .js-partner-reveal.is-in {
	opacity: 1;
	transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
	.con-com-04 .js-partner-reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}
}
.con-com-04 .con-box-01 { margin-bottom: 7em; }
.con-com-04 .con-box-02 { margin:0 auto; padding-left: 20px; padding-right:20px; max-width:var(--width-3-pd); width:100%;}
.con-com-04 .list-box-01 { padding-top: 0.5em;}
.con-com-04 .list-box-01 ul { display:grid; grid-template-columns: repeat(5, 1fr); gap:2em 1.3em; }
.con-com-04 .list-box-01 .ls-card { background: var(--bg-white); border-radius: 0.45em; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04); overflow: hidden; }
.con-com-04 .list-box-01 img { width:100%; display:block; }
.con-com-04 .com-box-02 { background: #e9f6fd; padding: 10em 0 10em 0;}

.con-com-05 { padding-top: 10em; padding-bottom:10em; overflow: hidden;}
.con-com-05 .com-box-01 { margin:0 auto; padding-left: 20px; padding-right:20px; max-width:var(--width-9-pd); width:100%;}
.con-com-05 .ls-txt-01 { text-align: center; }
.con-com-05 .ls-txt-01 strong { font-size: 2.75em; font-weight:800; line-height: 1.5em;}
.con-com-05 .ls-txt-01 p { font-weight:500; font-size: 1.35em; padding-top:2em; line-height: 1.7em; }
.con-com-05 .txt-fill-wrap { display: block; position: relative; text-align: center; }
.con-com-05.is-fill-ready .txt-fill-source {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
	pointer-events: none;
}
.con-com-05 .txt-fill-mount { display: none; }
.con-com-05.is-fill-ready .txt-fill-mount {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	vertical-align: top;
	text-align: center;
}
.con-com-05 .txt-fill-line {
	position: relative;
	display: block;
	width: max-content;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	--line-fill: 0%;
	text-align: center;
}
.con-com-05 .txt-fill-base,
.con-com-05 .txt-fill-base span { color: #c5c5c5; }
.con-com-05 .txt-fill-color,
.con-com-05 .txt-fill-color span { color: var(--color-base-3); }
.con-com-05 .txt-fill-color {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	clip-path: inset(0 calc(100% - var(--line-fill)) 0 0);
	pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
	.con-com-05 .txt-fill-line { --line-fill: 100%; }
}
.con-com-05 .js-loc-reveal {
	opacity: 0;
	transform: translateY(28px);
	transition:
		opacity 1.1s cubic-bezier(0.22, 1, 0.36, 1),
		transform 1s cubic-bezier(0.22, 1, 0.36, 1);
}
.con-com-05 .js-loc-reveal.is-in {
	opacity: 1;
	transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
	.con-com-05 .js-loc-reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}
}
.con-com-05 .con-box-01 { margin-bottom: 7em; }
.con-com-05 .con-box-02 { margin-top: 12em; }
.con-com-05 .head-h4 { font-weight:800; font-size: 1.8em;color:var(--color-base-2); text-align:left; }
.con-com-05 .head-line { display:flex; align-items:center; justify-content:space-between; gap: 1em; margin-bottom: 2em; padding-left: 0.2em; font-weight:800;  flex-wrap: wrap; }
.con-com-05 .head-line p span { vertical-align: middle; font-size: 1.2em; color:var(--color-base-2);}
.con-com-05 .head-line p .fs-sm {  font-size: 1em; }
.con-com-05 .head-line p strong {vertical-align: middle; padding-left: 0.5em; font-weight:800; font-size: 1.8em; }
.con-com-05 .list-box-01 { display:grid; grid-template-columns: repeat(4, 1fr); gap: 1.2em; }
.con-com-05 .list-box-01 .ls-list { background:#e8f1fb; border-radius: 1.2em; padding: 3em 1.2em 5em; display:flex; flex-direction:column; align-items:center; justify-content:center;  }
.con-com-05 .list-box-01 .ls-icon { display:block; width: 5.56em; height: 5.56em; margin-bottom: 0.3em; }
.con-com-05 .list-box-01 .ls-icon img { width:auto; height:100%; }
.con-com-05 .list-box-01 strong { display:inline-flex; align-items:center; justify-content:center; min-width: 5.5em; padding: 0.4em 1.2em; border-radius: 2em; background:var(--color-base-3); color:var(--bg-white); font-weight:600; margin-bottom: 1em; }
.con-com-05 .list-box-01 p { font-size: 1.4em; font-weight:800; color:var(--color-base-2); line-height:1.35em; word-break:keep-all; }
.con-com-05 .ls-txt-02 { text-align:left; font-size: 1.2em; color:var(--color-base-2); line-height:1.7em; padding-top: 1.5em; word-break:keep-all; }
.con-com-05 .ls-txt-02 span { color:var(--color-base-8); font-weight:600; }
.con-com-05 .ls-txt-02 li { margin: 0.2em 0; font-size: 0.95em; position: relative; padding-left: 1em; font-weight:500;  line-height:1.6em; word-break:keep-all; }
.con-com-05 .ls-txt-02 li:before { content:'※'; left:0; position: absolute; }
.con-com-05 .con-box-03 { margin-top: 12em; }
.con-com-05 .map-img { border-radius: 1em; overflow:hidden; position: relative; height: 0; padding-top: 48%; background: #e8eef5; }
.con-com-05 .map-img img { width:100%; display:block; }
.con-com-05 .map-img iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}
.con-com-05 .ls-txt-03 { text-align:left; font-weight:600; font-size: 1.7em; color:var(--color-base-2); line-height:1.7em; padding-left: 0.2em; padding-top: 1.5em; word-break:keep-all; }
.con-com-05 .list-box-02 { padding-top: 1em; }
.con-com-05 .list-box-02 ul { display:flex; align-items: center; gap: 1.2em; flex-wrap: wrap;}
.con-com-05 .list-box-02 a { width: 11em; font-weight:500; font-size: 0.9em; display:flex; align-items: center; justify-content: center; color:var(--color-base-3); text-align: center; padding: 0.7em 1em; border-radius: 0.5em; border: 1px solid var(--color-base-3); transition: background 0.25s ease, color 0.25s ease; }
.con-com-05 .list-box-02 a:hover { background: var(--color-base-3); color: #fff; }
.con-com-05 .list-box-02 .ls-icon { margin-right: 0.5em; flex-shrink:0; width:1.6em; height:1.6em; display:inline-flex; align-items:center; justify-content:center; }
.con-com-05 .list-box-02 .ls-icon img { width: 100%; height:auto; }
.con-com-05 .con-box-04 { margin-top: 12em; }
.con-com-05 .area-box { color:var(--color-base-2); display:flex; align-items:stretch; justify-content:space-between; gap: 4em; text-align:left; }
.con-com-05 .lt-box { width: 52%; }
.con-com-05 .rt-box { width: 42%; }
.con-com-05 .traffic-box ul { margin:0; padding:0; list-style:none; }
.con-com-05 .traffic-box li { display:flex; align-items:center; gap: 2em; padding: 0.7em 0; }
.con-com-05 .traffic-box li:first-child { padding-top: 0; }
.con-com-05 .traffic-box li:last-child { border-bottom:0; padding-bottom: 0; }
.con-com-05 .traffic-box .ls-icon { flex-shrink:0; width: 7em; height: 7em; border-radius:50%; background:#e9f6fd; display:inline-flex; align-items:center; justify-content:center; }
.con-com-05 .traffic-box .ls-icon img { width: 70%; height: 70%; object-fit:contain; }
.con-com-05 .traffic-box .txt-box { text-align:left; font-size: 1.35em; }
.con-com-05 .traffic-box strong { display:block;  font-weight:700;  padding-bottom: 0.35em; }
.con-com-05 .traffic-box p { font-size: 1em; font-weight:500; color:#333; line-height:1.55em; word-break:keep-all; }
.con-com-05 .parking-img { border-radius: 1em; overflow:hidden; }
.con-com-05 .parking-img img { width:100%; display:block; }
.con-com-05 .parking-txt { padding-top: 1.2em; }
.con-com-05 .parking-txt ul { text-align:left; }
.con-com-05 .parking-txt li { margin: 0.2em 0; font-size: 0.95em; position: relative; padding-left: 1em; font-weight:500;  line-height:1.6em; word-break:keep-all; }
.con-com-05 .parking-txt li:before { content:'※'; left:0; position: absolute; }
.con-com-05 .parking-txt span { color:var(--color-base-8); }

.con-com-06 { padding-top: 10em; padding-bottom:10em; overflow: hidden;}
.con-com-06 .com-box-01 { margin:0 auto; padding-left: 20px; padding-right:20px; max-width:var(--width-3-pd); width:100%;}
.con-com-06 .ls-txt-01 { text-align: center; }
.con-com-06 .ls-txt-01 strong { font-size: 2.75em; font-weight:800; line-height: 1.5em;}
.con-com-06:not(.is-fill-ready) .ls-txt-01 .txt-fill-source > span { color:var(--color-base-3); }
.con-com-06 .ls-txt-01 p { font-weight:500; font-size: 1.35em; padding-top:2em; line-height: 1.7em; }
.con-com-06 .txt-fill-wrap { display: block; position: relative; text-align: center; }
.con-com-06.is-fill-ready .txt-fill-source { display: none !important; }
.con-com-06 .txt-fill-mount { display: none; }
.con-com-06.is-fill-ready .txt-fill-mount {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	vertical-align: top;
	text-align: center;
}
.con-com-06 .txt-fill-line {
	position: relative;
	display: block;
	width: max-content;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	--line-fill: 0%;
	text-align: center;
}
.con-com-06 .txt-fill-base,
.con-com-06 .txt-fill-base span { color: #c5c5c5 !important; }
.con-com-06 .txt-fill-color,
.con-com-06 .txt-fill-color span { color: var(--color-base-3) !important; }
.con-com-06 .txt-fill-color {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	clip-path: inset(0 calc(100% - var(--line-fill)) 0 0);
	pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
	.con-com-06 .txt-fill-line { --line-fill: 100%; }
}
.con-com-06 .js-center-reveal {
	opacity: 0;
	transform: translateY(28px);
	transition:
		opacity 1.1s cubic-bezier(0.22, 1, 0.36, 1),
		transform 1s cubic-bezier(0.22, 1, 0.36, 1);
}
.con-com-06 .js-center-reveal.is-in {
	opacity: 1;
	transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
	.con-com-06 .js-center-reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}
}
.con-com-06 .con-box-02 { margin-top: 10em; }
.con-com-06 .area-box { border-top:1px solid #a0a0a0; text-align: left; display:flex; align-items: stretch; justify-content: space-between; padding-top: 2em; padding-bottom:6em;}
.con-com-06 .area-box .lt-box { width:41%;}
.con-com-06 .area-box .rt-box { width:58%; }
.con-com-06 .head-box { text-align: left;}
.con-com-06 .head-box p { font-size: 1.1em; font-weight:500;color: var(--color-base-1); padding-bottom: 0.8em; }
.con-com-06 .head-box h4 { font-size:1.8em; font-weight:800; color:var(--color-base-2); line-height: 1.4em; padding-bottom: 0; }
.con-com-06 .txt-type strong { font-weight:600; display: block; font-size: 1.1em;line-height: 1.6em; padding-bottom: 2em; }
.con-com-06 .txt-type p { font-size: 1.1em; line-height: 1.7em; font-weight: 400; padding: 0; }
.con-com-06 .list-box-01 { display:grid; grid-template-columns: repeat(4, 1fr); gap: 1.2em; margin-top: 3em; text-align: left; }
.con-com-06 .list-box-01 dt { display:flex; align-items:center; justify-content:center; padding: 0.6em 0.8em; background:var(--color-base-2); color:var(--bg-white);  font-weight:600; text-align:center; line-height:1.35em; font-size: 1.1em;  word-break:keep-all; border-radius: 0.5em; }
.con-com-06 .list-box-01 dd {  padding: 1.2em 0.4em 0; }
.con-com-06 .list-box-01 li { position:relative; padding: 0.25em 0 0.25em 0.9em; font-size: 1.1em;  color:var(--color-base-2); line-height:1.5em; word-break:keep-all; }
.con-com-06 .list-box-01 li:before { content:''; position:absolute; left:0; top:0.95em; width:0.28em; height:0.28em; border-radius:50%; background:var(--color-base-2); }
.con-com-06 .list-box-02 { position: relative;  flex-wrap:wrap; display:flex; overflow: hidden; margin-right: -1.2em; margin-top:8em;}
.con-com-06 .list-box-02 .ls-list {margin-bottom:1em; width:calc(33.333% - 1.2em); margin-right:1.2em;}
.con-com-06 .list-box-02 .ls-list:nth-child(1) img { object-position: 95% center;}
.con-com-06 .list-box-02 .ls-list:nth-child(2) img { object-position: right center;}
.con-com-06 .list-box-02 .ls-list:nth-child(3) img { object-position: right center;}
.con-com-06 .com-box-02 { margin:0 auto; padding-left: 20px; padding-right:20px; max-width:var(--width-3-pd); width:100%;}
.con-com-06 .con-box-03 { position: relative; margin-top: 2em; }
.con-com-06 .con-box-04 {  margin-top: 10em; }
.con-com-06 .img-box-01 { position: relative; width:100%; border-radius: 1.5em; overflow: hidden;  background-size: cover; background-position: center bottom; background-repeat: no-repeat; aspect-ratio: 18 / 7; margin-bottom: 5em; }
.con-com-06 .img-box-01 .ls-img-01 { position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); z-index: 2; height: 70%; max-height: 415px; width: auto; padding-top: 0; border-radius: 0; }
.con-com-06 .img-box-01 .ls-img-01 img { position: static; width:auto; height:100%; display:block; object-fit: contain; }
.con-com-06 .img-box-01 .img-txt { left:50%; top:50%; transform: translate(-50%, -50%); max-height: 415px; height: 70%; aspect-ratio: 1; position: absolute;  z-index: 3; pointer-events: none; }
.con-com-06 .img-box-01 .img-txt p { position: absolute; margin:0; color:#fff; font-size: 0.95em; font-weight:600; line-height:1.35em; letter-spacing: -0.02em; word-break:keep-all; text-shadow: 0 1px 8px rgba(0,0,0,0.55); white-space: nowrap; }
.con-com-06 .img-box-01 .img-txt p:nth-child(1) { top: -2.5em; left:50%; transform: translateX(-50%); }
.con-com-06 .img-box-01 .img-txt p:nth-child(2) { left: -9em; top:50%; transform: translateY(-50%); }
.con-com-06 .img-box-01 .img-txt p:nth-child(3) { right: -12em; top:50%; transform: translateY(-50%); }
.con-com-06 .img-box-01 .img-txt p:nth-child(4) { bottom: -2.5em; left:50%; transform: translateX(-50%); }
.con-com-06 .con-box-05 { margin-top: 4em; }
.con-com-06 .ul-box-01 ul { display:flex; height:100%; justify-content: space-between;  align-items: stretch; gap: 1.2em;}
.con-com-06 .ul-box-01 li { flex:1; width:100%;  }
.con-com-06 .ul-box-01 a { display:flex; justify-content: center; align-items: center; width:100%; height:100%; text-align: center; padding: 0.5em 1em;   color: var(--color-base-3); border:1px solid var(--color-base-3);   font-size: 0.95em;    font-weight: 600;    border-radius: 0.35em;    line-height: 1.3em;    word-break: keep-all; }
.con-com-06 .ul-box-01 a:hover { background: var(--color-base-3);  color:var(--bg-white); border-color:var(--color-base-3); }
.con-com-06 .dis-box { margin-top:3em; margin-bottom:12em; text-align: left; }
.con-com-06 .dis-box:last-child { margin-bottom: 0; }
.con-com-06 .dis-box .head-h6 { text-align:center; font-size: 2.2em; font-weight:800; color:var(--color-base-3); line-height:1.3em; padding-bottom: 1.4em; word-break:keep-all; }
.con-com-06 .dis-box .area-box-2 { display:flex; align-items:stretch; justify-content:space-between; gap: 3em; background:#f4f6f9; border-radius: 1.6em; padding: 5%; }
.con-com-06 .dis-box .lt-box { width: 38%;  }
.con-com-06 .dis-box .rt-box { width: 60%;  }
.con-com-06 .dis-box .dis-head { text-align:left; }
.con-com-06 .dis-box .ls-tt { display: inline-block; text-align: center; padding: 0.5em 1em; min-width: 12em; margin-bottom:3em; background:var(--color-base-3); color:#fff; font-size: 0.95em; font-weight:600; border-radius: 0.35em; line-height:1.3em; word-break:keep-all; }
.con-com-06 .dis-box .dis-head strong { display:block; font-size: 1.8em; font-weight:600; color:var(--color-base-2); line-height:1.45em; padding-bottom: 1em; word-break:keep-all; }
.con-com-06 .dis-box .dis-head p {  font-weight:500;  line-height:1.75em; word-break:keep-all; }
.con-com-06 .dis-box .dis-head p span {  color:var(--color-base-3); }
.con-com-06 .dis-box .img-list ul { display:flex; gap: 1.7em; }
.con-com-06 .dis-box .img-list li { flex:1; min-width:0; text-align:center; }
.con-com-06 .dis-box .img-list li > p:first-child { margin:0; border-radius: 0.8em; overflow:hidden; background:#fff; }
.con-com-06 .dis-box .img-list img { width:100%; display:block;}
.con-com-06 .dis-box .img-list li > p:last-child { padding-top: 1.2em; font-size: 0.9em; font-weight:500; color:var(--color-base-2); word-break:keep-all; }

.con-com-07 { padding-top: 10em; padding-bottom:10em; overflow: hidden;}
.con-com-07 .com-box-01 { margin:0 auto; padding-left: 20px; padding-right:20px; max-width:var(--width-3-pd); width:100%;}
.con-com-07 .ls-txt-01 { text-align: center; }
.con-com-07 .ls-txt-01 strong { font-size: 2.75em; font-weight:800; line-height: 1.5em;}
.con-com-07:not(.is-fill-ready) .ls-txt-01 .txt-fill-source > span { color:var(--color-base-3); }
.con-com-07 .ls-txt-01 p { font-weight:500; font-size: 1.35em; padding-top:2em; line-height: 1.7em; }
.con-com-07 .txt-fill-wrap { display: block; position: relative; text-align: center; }
.con-com-07.is-fill-ready .txt-fill-source { display: none !important; }
.con-com-07 .txt-fill-mount { display: none; }
.con-com-07.is-fill-ready .txt-fill-mount {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	vertical-align: top;
	text-align: center;
}
.con-com-07 .txt-fill-line {
	position: relative;
	display: block;
	width: max-content;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	--line-fill: 0%;
	text-align: center;
}
.con-com-07 .txt-fill-base,
.con-com-07 .txt-fill-base span { color: #c5c5c5 !important; }
.con-com-07 .txt-fill-color,
.con-com-07 .txt-fill-color span { color: var(--color-base-3) !important; }
.con-com-07 .txt-fill-color {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	clip-path: inset(0 calc(100% - var(--line-fill)) 0 0);
	pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
	.con-com-07 .txt-fill-line { --line-fill: 100%; }
}
.con-com-07 .js-center-reveal {
	opacity: 0;
	transform: translateY(28px);
	transition:
		opacity 1.1s cubic-bezier(0.22, 1, 0.36, 1),
		transform 1s cubic-bezier(0.22, 1, 0.36, 1);
}
.con-com-07 .js-center-reveal.is-in {
	opacity: 1;
	transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
	.con-com-07 .js-center-reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}
}
.con-com-07 .con-box-02 { margin-top: 10em; }
.con-com-07 .area-box { border-top:1px solid #a0a0a0; text-align: left; display:flex; align-items: stretch; justify-content: space-between; padding-top: 2em; padding-bottom:6em;}
.con-com-07 .area-box .lt-box { width:41%;}
.con-com-07 .area-box .rt-box { width:58%; }
.con-com-07 .head-box { text-align: left;}
.con-com-07 .head-box p { font-size: 1.1em; font-weight:500;color: var(--color-base-1); padding-bottom: 0.8em; }
.con-com-07 .head-box h4 { font-size:1.8em; font-weight:800; color:var(--color-base-2); line-height: 1.4em; padding-bottom: 0; }
.con-com-07 .txt-type strong { font-weight:600; display: block; font-size: 1.1em;line-height: 1.6em; padding-bottom: 2em; }
.con-com-07 .txt-type p { font-size: 1.1em; line-height: 1.7em; font-weight: 400; padding: 0; }
.con-com-07 .con-box-03 { position: relative; margin-top: 2em; }
.con-com-07 .img-box-01 { position: relative; width:100%; border-radius: 1.5em; overflow: hidden;  background-size: cover; background-position: center 30%; background-repeat: no-repeat; aspect-ratio: 18 / 7; margin-bottom: 5em; }
.con-com-07 .img-box-01 .ls-img-01 { position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); z-index: 2; height: 75%; max-height: 435px; width: auto; padding-top: 0; border-radius: 0; }
.con-com-07 .img-box-01 .ls-img-01 img { position: static; width:auto; height:100%; display:block; object-fit: contain; }
.con-com-07 .img-box-01 .img-txt { left:50%; top:50%; transform: translate(-50%, -50%); max-height: 415px; height: 73%; aspect-ratio: 1; position: absolute;  z-index: 3; pointer-events: none; }
.con-com-07 .img-box-01 .img-txt p { position: absolute; margin:0; color:#fff; font-size: 0.95em; font-weight:600; line-height:1.35em; letter-spacing: -0.02em; word-break:keep-all; text-shadow: 0 1px 8px rgba(0,0,0,0.55); white-space: nowrap; }
.con-com-07 .img-box-01 .img-txt p:nth-child(1) { top: -2.5em; left:50%; transform: translateX(-50%); }
.con-com-07 .img-box-01 .img-txt p:nth-child(2) { left: -6.5em; top: 25%; }
.con-com-07 .img-box-01 .img-txt p:nth-child(3) { right: -5.5em; top: 25%; }
.con-com-07 .img-box-01 .img-txt p:nth-child(4) { left: -5.5em; bottom: 10%; }
.con-com-07 .img-box-01 .img-txt p:nth-child(5) { right: -4.5em; bottom: 10%; }
.con-com-07 .list-box-01 { display:grid; grid-template-columns: repeat(5, 1fr); gap: 1.2em; margin-top: 3em; text-align: left; }
.con-com-07 .list-box-01 dt { display:flex; align-items:center; justify-content:center; padding: 0.6em 0.8em; background:var(--color-base-2); color:var(--bg-white);  font-weight:600; text-align:center; line-height:1.35em; font-size: 1.1em;  word-break:keep-all; border-radius: 0.5em; }
.con-com-07 .list-box-01 dd {  padding: 1.2em 0.4em 0; }
.con-com-07 .list-box-01 li { position:relative; padding: 0.25em 0 0.25em 0.9em; font-size: 1.1em;  color:var(--color-base-2); line-height:1.5em; word-break:keep-all; }
.con-com-07 .list-box-01 li:before { content:''; position:absolute; left:0; top:0.95em; width:0.28em; height:0.28em; border-radius:50%; background:var(--color-base-2); }
.con-com-07 .com-box-02 { margin:0 auto; padding-left: 20px; padding-right:20px; max-width:var(--width-3-pd); width:100%;}
.con-com-07 .con-box-04 { margin-top: 10em; }
.con-com-07 .con-box-05 { margin-top: 4em; }
.con-com-07 .ul-box-01 ul { display:flex; height:100%; justify-content: space-between;  align-items: stretch; gap: 1.2em;}
.con-com-07 .ul-box-01 li { flex:1; flex-shrink: 0; width:100%;  }
.con-com-07 .ul-box-01 a { display:flex; justify-content: center; align-items: center; width:100%; height:100%; text-align: center; padding: 0.5em 1em;   color: var(--color-base-3); border:1px solid var(--color-base-3);   font-size: 0.95em;    font-weight: 600;    border-radius: 0.35em;    line-height: 1.3em;  }
.con-com-07 .ul-box-01 a:hover { background: var(--color-base-3);  color:var(--bg-white); border-color:var(--color-base-3); }
.con-com-07 .dis-box { margin-top:3em; margin-bottom:12em; text-align: left; }
.con-com-07 .dis-box:last-child { margin-bottom: 0; }
.con-com-07 .dis-box .head-h6 { text-align:center; font-size: 2.2em; font-weight:800; color:var(--color-base-3); line-height:1.3em; padding-bottom: 1.4em; word-break:keep-all; }
.con-com-07 .dis-box .area-box-2 { display:flex; align-items:stretch; justify-content:space-between; gap: 3em; background:#f4f6f9; border-radius: 1.6em; padding: 5%; }
.con-com-07 .dis-box .lt-box { width: 38%;  }
.con-com-07 .dis-box .rt-box { width: 60%;  }
.con-com-07 .dis-box .dis-head { text-align:left; }
.con-com-07 .dis-box .ls-tt { display: inline-block; text-align: center; padding: 0.5em 1em; min-width: 12em; margin-bottom:3em; background:var(--color-base-3); color:#fff; font-size: 0.95em; font-weight:600; border-radius: 0.35em; line-height:1.3em; word-break:keep-all; }
.con-com-07 .dis-box .dis-head strong { display:block; font-size: 1.8em; font-weight:600; color:var(--color-base-2); line-height:1.45em; padding-bottom: 1em; word-break:keep-all; }
.con-com-07 .dis-box .dis-head p {  font-weight:500;  line-height:1.75em; word-break:keep-all; }
.con-com-07 .dis-box .dis-head p span {  color:var(--color-base-3); }
.con-com-07 .dis-box .img-list ul { display:flex; gap: 1.7em; }
.con-com-07 .dis-box .img-list li {  flex:1; min-width:0; text-align:center; }
.con-com-07 .dis-box .img-list li > p:first-child { margin:0; border-radius: 0.8em; overflow:hidden; background:#fff; }
.con-com-07 .dis-box .img-list img { width:100%; display:block;}
.con-com-07 .dis-box .img-list li > p:last-child { padding-top: 1.2em; font-size: 0.9em; font-weight:500; color:var(--color-base-2); word-break:keep-all; }

.con-com-08 { padding-top: 10em; padding-bottom:10em; overflow: hidden;}
.con-com-08 .com-box-01 { margin:0 auto; padding-left: 20px; padding-right:20px; max-width:var(--width-3-pd); width:100%;}
.con-com-08 .ls-txt-01 { text-align: center; }
.con-com-08 .ls-txt-01 strong { font-size: 2.75em; font-weight:800; line-height: 1.5em;}
.con-com-08:not(.is-fill-ready) .ls-txt-01 .txt-fill-source > span { color:var(--color-base-3); }
.con-com-08 .ls-txt-01 p { font-weight:500; font-size: 1.35em; padding-top:2em; line-height: 1.7em; }
.con-com-08 .txt-fill-wrap { display: block; position: relative; text-align: center; }
.con-com-08.is-fill-ready .txt-fill-source { display: none !important; }
.con-com-08 .txt-fill-mount { display: none; }
.con-com-08.is-fill-ready .txt-fill-mount {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	vertical-align: top;
	text-align: center;
}
.con-com-08 .txt-fill-line {
	position: relative;
	display: block;
	width: max-content;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	--line-fill: 0%;
	text-align: center;
}
.con-com-08 .txt-fill-base,
.con-com-08 .txt-fill-base span { color: #c5c5c5 !important; }
.con-com-08 .txt-fill-color,
.con-com-08 .txt-fill-color span { color: var(--color-base-3) !important; }
.con-com-08 .txt-fill-color {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	clip-path: inset(0 calc(100% - var(--line-fill)) 0 0);
	pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
	.con-com-08 .txt-fill-line { --line-fill: 100%; }
}
.con-com-08 .js-center-reveal {
	opacity: 0;
	transform: translateY(28px);
	transition:
		opacity 1.1s cubic-bezier(0.22, 1, 0.36, 1),
		transform 1s cubic-bezier(0.22, 1, 0.36, 1);
}
.con-com-08 .js-center-reveal.is-in {
	opacity: 1;
	transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
	.con-com-08 .js-center-reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}
}
.con-com-08 .con-box-02 { margin-top: 10em; }
.con-com-08 .area-box { border-top:1px solid #a0a0a0; text-align: left; display:flex; align-items: stretch; justify-content: space-between; padding-top: 2em; padding-bottom:6em;}
.con-com-08 .area-box .lt-box { width:41%;}
.con-com-08 .area-box .rt-box { width:56%; }
.con-com-08 .head-box { text-align: left;}
.con-com-08 .head-box p { font-size: 1.1em; font-weight:500;color: var(--color-base-1); padding-bottom: 0.8em; }
.con-com-08 .head-box h4 { font-size:1.8em; font-weight:800; color:var(--color-base-2); line-height: 1.7em; padding-bottom: 0; }
.con-com-08 .txt-type strong { font-weight:600; display: block; font-size: 1.1em;line-height: 1.6em; padding-bottom: 2em; }
.con-com-08 .txt-type p { font-size: 1.1em; line-height: 1.7em; font-weight: 400; padding: 0; }
.con-com-08 .list-box-01 { display:grid; grid-template-columns: repeat(4, 1fr); gap: 1.2em; margin-top: 3em; text-align: left; }
.con-com-08 .list-box-01 dt { display:flex; align-items:center; justify-content:center; padding: 0.6em 0.8em; background:var(--color-base-2); color:var(--bg-white);  font-weight:600; text-align:center; line-height:1.35em; font-size: 1.1em;  word-break:keep-all; border-radius: 0.5em; }
.con-com-08 .list-box-01 dd {  padding: 1.2em 0.4em 0; }
.con-com-08 .list-box-01 li { position:relative; padding: 0.25em 0 0.25em 0.9em; font-size: 1.1em;  color:var(--color-base-2); line-height:1.5em; word-break:keep-all; }
.con-com-08 .list-box-01 li:before { content:''; position:absolute; left:0; top:0.95em; width:0.28em; height:0.28em; border-radius:50%; background:var(--color-base-2); }
.con-com-08 .com-box-02 { margin:0 auto; padding-left: 20px; padding-right:20px; max-width:var(--width-3-pd); width:100%;}
.con-com-08 .con-box-03 { position: relative; margin-top: 2em; }
.con-com-08 .con-box-04 {  margin-top: 10em; }
.con-com-08 .img-box-01 { position: relative; width:100%; border-radius: 1.5em; overflow: hidden;  background-size: cover; background-position: center bottom; background-repeat: no-repeat; aspect-ratio: 18 / 7; margin-bottom: 5em; }
.con-com-08 .img-box-01 .ls-img-01 { position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); z-index: 2; height: 70%; max-height: 415px; width: auto; padding-top: 0; border-radius: 0; }
.con-com-08 .img-box-01 .ls-img-01 img { position: static; width:auto; height:100%; display:block; object-fit: contain; }
.con-com-08 .img-box-01 .img-txt { left:50%; top:50%; transform: translate(-50%, -50%); max-height: 415px; height: 70%; aspect-ratio: 1; position: absolute;  z-index: 3; pointer-events: none; }
.con-com-08 .img-box-01 .img-txt p { position: absolute; margin:0; color:#fff; font-size: 0.95em; font-weight:600; line-height:1.35em; letter-spacing: -0.02em; word-break:keep-all; text-shadow: 0 1px 8px rgba(0,0,0,0.55); white-space: nowrap; }
.con-com-08 .img-box-01 .img-txt p:nth-child(1) { top: -2.5em; left:50%; transform: translateX(-50%); }
.con-com-08 .img-box-01 .img-txt p:nth-child(2) { left: -9em; top:50%; transform: translateY(-50%); }
.con-com-08 .img-box-01 .img-txt p:nth-child(3) { right: -6em; top:50%; transform: translateY(-50%); }
.con-com-08 .img-box-01 .img-txt p:nth-child(4) { bottom: -2.5em; left:50%; transform: translateX(-50%); }
.con-com-08 .con-box-05 { margin-top: 4em; }
.con-com-08 .ul-box-01 ul { display:flex; height:100%; justify-content: END;  align-items: stretch; gap: 1.2em;}
.con-com-08 .ul-box-01 li { flex:0 0 25%; width:100%;  }
.con-com-08 .ul-box-01 a { display:flex; justify-content: center; align-items: center; width:100%; height:100%; text-align: center; padding: 0.5em 1em;   color: var(--color-base-3); border:1px solid var(--color-base-3);   font-size: 0.95em;    font-weight: 600;    border-radius: 0.35em;    line-height: 1.3em;    word-break: keep-all; }
.con-com-08 .ul-box-01 a:hover { background: var(--color-base-3);  color:var(--bg-white); border-color:var(--color-base-3); }
.con-com-08 .dis-box { margin-top:3em; margin-bottom:12em; text-align: left; }
.con-com-08 .dis-box:last-child { margin-bottom: 0; }
.con-com-08 .dis-box .head-h6 { text-align:center; font-size: 2.2em; font-weight:800; color:var(--color-base-3); line-height:1.3em; padding-bottom: 1.4em; word-break:keep-all; }
.con-com-08 .dis-box .area-box-2 { display:flex; align-items:stretch; justify-content:space-between; gap: 3em; background:#f4f6f9; border-radius: 1.6em; padding: 5%; }
.con-com-08 .dis-box .lt-box { width: 38%;  }
.con-com-08 .dis-box .rt-box { width: 60%;  }
.con-com-08 .dis-box .dis-head { text-align:left; max-width: 26em;}
.con-com-08 .dis-box .ls-tt { display: inline-block; text-align: center; padding: 0.5em 1em; min-width: 12em; margin-bottom:3em; background:var(--color-base-3); color:#fff; font-size: 0.95em; font-weight:600; border-radius: 0.35em; line-height:1.3em; word-break:keep-all; }
.con-com-08 .dis-box .dis-head strong { display:block; font-size: 1.8em; font-weight:600; color:var(--color-base-2); line-height:1.45em; padding-bottom: 1em; word-break:keep-all; }
.con-com-08 .dis-box .dis-head p {  font-weight:500;  line-height:1.75em; word-break:keep-all; }
.con-com-08 .dis-box .dis-head p span {  color:var(--color-base-3); }
.con-com-08 .dis-box .img-list ul { display:flex; gap: 1.7em; }
.con-com-08 .dis-box .img-list li { flex:1; min-width:0; text-align:center; }
.con-com-08 .dis-box .img-list li > p:first-child { margin:0; border-radius: 0.8em; overflow:hidden; background:#fff; }
.con-com-08 .dis-box .img-list img { width:100%; display:block;}
.con-com-08 .dis-box .img-list li > p:last-child { padding-top: 1.2em; font-size: 0.9em; font-weight:500; color:var(--color-base-2); word-break:keep-all; }


.con-com-09 { padding-top: 10em; padding-bottom:10em; overflow: hidden;}
.con-com-09 .com-box-01 { margin:0 auto; padding-left: 20px; padding-right:20px; max-width:var(--width-9-pd); width:100%;}
.con-com-09 .ls-txt-01 { text-align: center; }
.con-com-09 .ls-txt-01 strong { font-size: 2.75em; font-weight:800; line-height: 1.5em;}
.con-com-09:not(.is-fill-ready) .ls-txt-01 .txt-fill-source > span { color:var(--color-base-3); }
.con-com-09 .ls-txt-01 p { font-weight:500; font-size: 1.35em; padding-top:2em; line-height: 1.7em; }
.con-com-09 .txt-fill-wrap { display: block; position: relative; text-align: center; }
.con-com-09.is-fill-ready .txt-fill-source { display: none !important; }
.con-com-09 .txt-fill-mount { display: none; }
.con-com-09.is-fill-ready .txt-fill-mount {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	vertical-align: top;
	text-align: center;
}
.con-com-09 .txt-fill-line {
	position: relative;
	display: block;
	width: max-content;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	--line-fill: 0%;
	text-align: center;
}
.con-com-09 .txt-fill-base,
.con-com-09 .txt-fill-base span { color: #c5c5c5 !important; }
.con-com-09 .txt-fill-color,
.con-com-09 .txt-fill-color span { color: var(--color-base-3) !important; }
.con-com-09 .txt-fill-color {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	clip-path: inset(0 calc(100% - var(--line-fill)) 0 0);
	pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
	.con-com-09 .txt-fill-line { --line-fill: 100%; }
}
.con-com-09 .js-info-reveal {
	opacity: 0;
	transform: translateY(28px);
	transition:
		opacity 1.1s cubic-bezier(0.22, 1, 0.36, 1),
		transform 1s cubic-bezier(0.22, 1, 0.36, 1);
}
.con-com-09 .js-info-reveal.is-in {
	opacity: 1;
	transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
	.con-com-09 .js-info-reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}
}
.con-com-09 .con-box-01 { margin-bottom: 7em; }
.con-com-09 .con-box-02 { margin-top: 12em; }
.con-com-09 .head-h4 { font-weight:800; font-size: 1.8em;color:var(--color-base-2); text-align:left; }
.con-com-09 .head-line { display:flex; align-items:center; justify-content:space-between; gap: 1em; margin-bottom: 2em; padding-left: 0.2em; font-weight:800;  flex-wrap: wrap; }
.con-com-09 .head-line p span { vertical-align: middle; font-size: 1.2em; color:var(--color-base-2);}
.con-com-09 .head-line p .fs-sm {  font-size: 1em; }
.con-com-09 .head-line p strong {vertical-align: middle; padding-left: 0.5em; font-weight:800; font-size: 1.8em; }
.con-com-09 .list-box-01 { display:grid; grid-template-columns: repeat(4, 1fr); gap: 1.2em; }
.con-com-09 .list-box-01 .ls-list { background:#e8f1fb; border-radius: 1.2em; padding: 3em 1.2em 5em; display:flex; flex-direction:column; align-items:center; justify-content:center;  }
.con-com-09 .list-box-01 .ls-icon { display:block; width: 5.56em; height: 5.56em; margin-bottom: 0.3em; }
.con-com-09 .list-box-01 .ls-icon img { width:auto; height:100%; }
.con-com-09 .list-box-01 strong { display:inline-flex; align-items:center; justify-content:center; min-width: 5.5em; padding: 0.4em 1.2em; border-radius: 2em; background:var(--color-base-3); color:var(--bg-white); font-weight:600; margin-bottom: 1em; }
.con-com-09 .list-box-01 p { font-size: 1.4em; font-weight:800; color:var(--color-base-2); line-height:1.35em; word-break:keep-all; }
.con-com-09 .ls-txt-02 { margin-top: 3em; padding: 2.5% 3%; background:#f5f5f5; border-radius: 1.2em; text-align:left; font-size: 1.2em; color:var(--color-base-2); line-height:1.7em; word-break:keep-all; }
.con-com-09 .ls-txt-02 strong span { font-size: 1.1em; font-weight:500;  vertical-align: middle;}
.con-com-09 .ls-txt-02 strong i { margin-right: 0.7em; position: relative; width: 1.5em; height: 1.5em; display:inline-block; vertical-align:middle; }
.con-com-09 .ls-txt-02 strong i:after { content:''; position:absolute; top:50%; transform:translateY(-50%); width:100%; height:100%; background-size:contain; background-repeat:no-repeat; background-position:center; }
.con-com-09 .ls-txt-02 ul { padding-left: 2.4em;}
.con-com-09 .ls-txt-02 li span { color:var(--color-base-8); }
.con-com-09 .ls-txt-02 li { margin: 0.2em 0; position: relative; padding-left: 1em; font-weight:500;  line-height:1.6em; word-break:keep-all; }
.con-com-09 .ls-txt-02 li:before { content:'-'; left:0; position: absolute; }
.con-com-09 .con-box-03 { margin-top: 10em; }
.con-com-09 .cal-box { text-align:left; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2); border-radius: 1em; padding:3% 6%; }
.con-com-09 .cal-item { border-bottom:1px solid #d9d9d9; background:#fff; overflow:hidden; }
.con-com-09 .cal-item:last-child { border-bottom: 0;}
.con-com-09 .cal-item summary { position:relative; list-style:none; cursor:pointer; padding: 1em 3.2em 1em 0; font-size: 1.4em; font-weight:600; color:#959595; line-height:1.4em; word-break:keep-all; }
.con-com-09 .cal-item summary::-webkit-details-marker { display:none; }
.con-com-09 .cal-item summary:after { content:'+'; position:absolute; right:0.25em; top:50%; text-align: center; transform:translateY(-50%); width:1.3em; height:1.3em; font-size: 1.4em; line-height:1.2em; font-weight:200; color:#a5a5a5; }
.con-com-09 .cal-item summary:before { content:''; position:absolute; right:0.6em; top:50%; text-align: center; transform:translateY(-50%); width:1.3em; height:1.3em; border:1px solid #a5a5a5; border-radius:50%; display:block; }
.con-com-09 .cal-item[open] summary {color:var(--color-base-1); }
.con-com-09 .cal-item[open] summary:after { content:'−'; color:var(--color-base-1); }
.con-com-09 .cal-item[open] summary:before { border-color:var(--color-base-1); }
.con-com-09 .cal-item .cal-panel { overflow:hidden; }
.con-com-09 .cal-cont { padding-top: 2.5em; padding-bottom: 7em; border-bottom:3px solid var(--color-base-3); }
@media (prefers-reduced-motion: reduce) {
	.con-com-09 .cal-item .cal-panel { transition: none !important; }
}
/* .con-com-09 .cal-scroll { overflow-x:auto; } */
.con-com-09 .cal-table { width:100%; border-collapse:collapse;}
.con-com-09 .cal-table th,
.con-com-09 .cal-table td { border-bottom:2px solid #a0a0a0; border-right:2px solid #c9c9c9; text-align:center; vertical-align:middle; padding: 0.6em 0.3em; font-size: 1.1em; }
.con-com-09 .cal-table thead th { border-top:3px solid var(--color-base-3); font-weight:600; color:#313131; }
.con-com-09 .cal-table thead th.is-sat { color:var(--color-base-4); }
.con-com-09 .cal-table thead th.is-sun,
.con-com-09 .cal-table thead th.is-holiday { color:#e60012; }
.con-com-09 .cal-table .doc-cell { width: auto;  }
.con-com-09 .cal-table .doc-info { display:flex; flex-direction:column; justify-content: center;}
.con-com-09 .cal-table .doc-img { margin:0 auto; width: 7.75em; height:7.75em;  overflow:hidden; }
.con-com-09 .cal-table .doc-img img { max-width:100%; }
.con-com-09 .cal-table .doc-name { display:block; font-size: 1.1em; font-weight:500;  line-height:1.3em; word-break:keep-all; }
.con-com-09 .cal-table .doc-name em { font-style:normal;  }
.con-com-09 .cal-table td:nth-child(2),
.con-com-09 .cal-table tbody tr td { width: 10%; color:#535353}
.con-com-09 .cal-table tbody tr:nth-child(2n+1) td { border-color: #c9c9c9;}
.con-com-09 .cal-table tbody td:last-child,
.con-com-09 .cal-table thead th:last-child { border-right: 0;}
.con-com-09 .cal-dot { display:inline-block; width: 0.9em; height: 0.9em; border-radius:50%; background:var(--color-base-3); vertical-align:middle; }
.con-com-09 .cal-op { display:inline-block;  color:#959595; }


.con-com-10 { padding-top: 10em; padding-bottom:10em; overflow: hidden;}
.con-com-10 .com-box-01 { margin:0 auto; padding-left: 20px; padding-right:20px; max-width:var(--width-9-pd); width:100%;}
.con-com-10 .ls-txt-01 { text-align: center; }
.con-com-10 .ls-txt-01 strong { font-size: 2.75em; font-weight:800; line-height: 1.5em;}
.con-com-10:not(.is-fill-ready) .ls-txt-01 .txt-fill-source > span { color:var(--color-base-3); }
.con-com-10 .ls-txt-01 p { font-weight:500; font-size: 1.35em; padding-top:2em; line-height: 1.7em; }
.con-com-10 .txt-fill-wrap { display: block; position: relative; text-align: center; }
.con-com-10.is-fill-ready .txt-fill-source { display: none !important; }
.con-com-10 .txt-fill-mount { display: none; }
.con-com-10.is-fill-ready .txt-fill-mount {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	vertical-align: top;
	text-align: center;
}
.con-com-10 .txt-fill-line {
	position: relative;
	display: block;
	width: max-content;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	--line-fill: 0%;
	text-align: center;
}
.con-com-10 .txt-fill-base,
.con-com-10 .txt-fill-base span { color: #c5c5c5 !important; }
.con-com-10 .txt-fill-color,
.con-com-10 .txt-fill-color span { color: var(--color-base-3) !important; }
.con-com-10 .txt-fill-color {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	clip-path: inset(0 calc(100% - var(--line-fill)) 0 0);
	pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
	.con-com-10 .txt-fill-line { --line-fill: 100%; }
}
.con-com-10 .js-info-reveal {
	opacity: 0;
	transform: translateY(28px);
	transition:
		opacity 1.1s cubic-bezier(0.22, 1, 0.36, 1),
		transform 1s cubic-bezier(0.22, 1, 0.36, 1);
}
.con-com-10 .js-info-reveal.is-in {
	opacity: 1;
	transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
	.con-com-10 .js-info-reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}
}
.con-com-10 .con-box-01 { margin-bottom: 7em; }
.con-com-10 .con-box-03 { margin-top: 8em; }
.con-com-10 .head-h4 { font-weight:800; font-size: 1.8em; color:var(--color-base-2); text-align:left; }
.con-com-10 .head-line { display:flex; align-items:center; justify-content:space-between; gap: 1em; margin-bottom: 2em; padding-left: 0.2em; font-weight:800; flex-wrap: wrap; }
.con-com-10 .ls-txt-02 { padding: 1em; width:100%; background:#eeeeee; border-radius: 0.5em; text-align:center; font-size: 1.1em;  line-height:1.7em; word-break:keep-all; }
.con-com-10 .ls-txt-02 strong span { font-weight:500; vertical-align: middle;}
.con-com-10 .ls-txt-02 strong i { margin-right: 0.7em; position: relative; width: 1.5em; height: 1.5em; display:inline-block; vertical-align:middle; }
.con-com-10 .ls-txt-02 strong i:after { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; height:100%; background-size:contain; background-repeat:no-repeat; background-position:center; }
.con-com-10 .print-box { text-align:left; }
.con-com-10 .print-box .area-box { display:flex; justify-content:space-between;  align-items:stretch; }
.con-com-10 .print-box .lt-box,
.con-com-10 .print-box .rt-box { width:47%; }
.con-com-10 .print-li {   overflow:hidden;  height:100%; }
.con-com-10 .print-li > strong { display:block; text-align:center; padding: 0.5em 1.2em; background:var(--color-base-2); color:var(--bg-white); border-radius: 0.5em; font-size: 1.1em; font-weight:700; line-height:1.4em; }
.con-com-10 .print-li ul { margin:0; }
.con-com-10 .print-li li { display:flex; align-items:center; justify-content:space-between; gap: 1em; padding: 1em 1em; border-bottom:1px solid #a0a0a0; font-size: 1em; font-weight:500; color:var(--color-base-2); line-height:1.45em; word-break:keep-all; }
.con-com-10 .print-li li span:first-child { min-width:16em; width:16em; position:relative; padding-right: 1.6em; }
.con-com-10 .print-li li span:first-child:after { content:'>'; position:absolute; right:-0.5em; top:50%; transform:translateY(-50%); font-size: 1.2em; line-height:1; }
.con-com-10 .print-li li span:last-child { flex-shrink:0; min-width:6em; text-align:left; font-weight:600; }
.con-com-10 .con-box-04 { margin-top: 8em; }
/* .con-com-10 .print-table { overflow-x:auto; } */
.con-com-10 .table-01 { width:100%; /* min-width: 720px; */ border-collapse:collapse; table-layout:fixed; }
.con-com-10 .table-01 thead th { font-weight:700; text-align:center; color:var(--bg-white); font-size:1.1em; position: relative; padding-top: 0.6em; padding-right: 2.5px; padding-bottom:calc(0.6em + 10px);}
.con-com-10 .table-01 thead th:before {z-index:-1; position: absolute; left:0; top:0; content:''; width:calc(100% - 5px); height:calc(100% - 10px); border-radius: 0.55em; background-color: var(--color-base-2);}
.con-com-10 .table-01 thead th:last-child::before { width: 100%;}
.con-com-10 .table-01 td { padding: 0.6em 1em; font-size: 0.9em; border-bottom:1px solid var(--color-base-2); color:var(--color-base-2); vertical-align:middle; line-height:1.55em; word-break:keep-all; }
.con-com-10 .table-01 tbody { position: relative; }
.con-com-10 .table-01 tbody:before {z-index:-1; position: absolute; left:0; top:0; content:''; width:100%; height:100%; border-radius: 0.6em; border:1px solid var(--color-base-2);}
.con-com-10 .table-01 tbody td { border-bottom:1px solid #babccb; border-left:1px solid #babccb}
.con-com-10 .table-01 tbody th {border-bottom:1px solid #babccb; }
.con-com-10 .table-01 tbody tr:last-child td, 
.con-com-10 .table-01 tbody tr:last-child th,
.con-com-10 .table-01 tbody tr th.border-bottom-none { border-bottom:transparent; }
.con-com-10 .table-01 tbody td:nth-child(1),
.con-com-10 .table-01 thead th:nth-child(1) { width:  18%; }
.con-com-10 .table-01 tbody td:nth-child(2),
.con-com-10 .table-01 thead th:nth-child(2) { width: 35%; }
.con-com-10 .table-01 tbody td:nth-child(3),
.con-com-10 .table-01 thead th:nth-child(3) { width: auto;}
.con-com-10 .table-01 li {text-align:left; position:relative; padding-left: 0.85em; margin: 0.15em 0; }
.con-com-10 .table-01 li:before { content:'·'; position:absolute; left:0; top:0; }
.con-com-10 .ul-box-01 { text-align: left; margin-top: 4em;}
.con-com-10 .ul-box-01 li { margin: 0.4em 0; position: relative; padding-left: 1em; font-weight:500; color:var(--color-base-2); line-height:1.6em; word-break:keep-all; }
.con-com-10 .ul-box-01 li:before { content:'*'; left:0; top:0.15em; position: absolute; }

.con-com-11 { padding-top: 10em; padding-bottom:10em; overflow: hidden;}
.con-com-11 .com-box-01 { margin:0 auto; padding-left: 20px; padding-right:20px; max-width:var(--width-9-pd); width:100%;}
.con-com-11 .ls-txt-01 { text-align: center; }
.con-com-11 .ls-txt-01 strong { font-size: 2.75em; font-weight:800; line-height: 1.5em;}
.con-com-11:not(.is-fill-ready) .ls-txt-01 .txt-fill-source > span { color:var(--color-base-3); }
.con-com-11 .ls-txt-01 p { font-weight:500; font-size: 1.35em; padding-top:2em; line-height: 1.7em; }
.con-com-11 .txt-fill-wrap { display: block; position: relative; text-align: center; }
.con-com-11.is-fill-ready .txt-fill-source { display: none !important; }
.con-com-11 .txt-fill-mount { display: none; }
.con-com-11.is-fill-ready .txt-fill-mount {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	vertical-align: top;
	text-align: center;
}
.con-com-11 .txt-fill-line {
	position: relative;
	display: block;
	width: max-content;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	--line-fill: 0%;
	text-align: center;
}
.con-com-11 .txt-fill-base,
.con-com-11 .txt-fill-base span { color: #c5c5c5 !important; }
.con-com-11 .txt-fill-color,
.con-com-11 .txt-fill-color span { color: var(--color-base-3) !important; }
.con-com-11 .txt-fill-color {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	clip-path: inset(0 calc(100% - var(--line-fill)) 0 0);
	pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
	.con-com-11 .txt-fill-line { --line-fill: 100%; }
}
.con-com-11 .js-info-reveal {
	opacity: 0;
	transform: translateY(28px);
	transition:
		opacity 1.1s cubic-bezier(0.22, 1, 0.36, 1),
		transform 1s cubic-bezier(0.22, 1, 0.36, 1);
}
.con-com-11 .js-info-reveal.is-in {
	opacity: 1;
	transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
	.con-com-11 .js-info-reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}
}
.con-com-11 .con-box-01 { margin-bottom: 7em; }
.con-com-11 .con-box-03 { margin-top: 8em; }
.con-com-11 .con-box-04 { margin-top: 8em; }
.con-com-11 .head-h4 { font-weight:800; font-size: 1.8em; color:var(--color-base-2); text-align:left; }
.con-com-11 .head-line { display:flex; align-items:center; justify-content:space-between; gap: 1em; margin-bottom: 2em; padding-left: 0.2em; font-weight:800; flex-wrap: wrap; }
.con-com-11 .ls-txt-02 { padding: 1em; width:100%; background:#eeeeee; border-radius: 0.5em; text-align:center; font-size: 1.1em; line-height:1.7em; word-break:keep-all; }
.con-com-11 .ls-txt-02 strong span { font-weight:500; vertical-align: middle;}
.con-com-11 .ls-txt-02 strong i { margin-right: 0.7em; position: relative; width: 1.5em; height: 1.5em; display:inline-block; vertical-align:middle; }
.con-com-11 .ls-txt-02 strong i:after { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; height:100%; background-size:contain; background-repeat:no-repeat; background-position:center; }
.con-com-11 .print-table { overflow-x:auto; }
.con-com-11 .table-01 { width:100%; min-width: 728px; border-collapse:collapse; }
.con-com-11 .table-01 thead th { font-weight:700; text-align:center; color:var(--bg-white); font-size:1.1em; position: relative; padding-top: 0.7em; padding-bottom: 0.7em}
.con-com-11 .table-01 thead { position: relative;}
.con-com-11 .table-01 thead:before {z-index:-1; position: absolute; left:0; top:0; content:''; width:100%; height:100%; border-top-left-radius: 0.55em; border-top-right-radius: 0.55em; background-color: var(--color-base-2);}
.con-com-11 .table-01 thead th:last-child:before { width: 100%;}
.con-com-11 .table-01 td { padding: 0.7em 0.8em 0.7em 1em; color:var(--color-base-2);line-height:1.55em; word-break:keep-all; text-align:left; }
.con-com-11 .table-01 tbody { position: relative; }
.con-com-11 .table-01 tbody:before {z-index:-1; position: absolute; left:0; top:0; content:''; width:100%; height:100%; border-bottom-left-radius: 0.55em;  border-bottom-right-radius: 0.55em; border-bottom-right-radius: 0.6em; border:1px solid var(--color-base-2);}
.con-com-11 .table-01 tbody td { border-bottom:1px solid #babccb; border-left:1px solid #babccb; }
.con-com-11 .table-01 tbody tr:last-child td { border-bottom:transparent; }
.con-com-11 .table-01 tbody td:first-child { border-left:0; }
.con-com-11 .table-01 thead th:nth-child(1),
.con-com-11 .table-01 tbody td:nth-child(1) { width: 15%; }
.con-com-11 .table-01 thead th:nth-child(2),
.con-com-11 .table-01 tbody td:nth-child(2) { width: 15%; }
.con-com-11 .table-01 thead th:nth-child(3),
.con-com-11 .table-01 tbody td:nth-child(3) { width: auto;}
.con-com-11 .table-01 thead th:nth-child(4),
.con-com-11 .table-01 tbody td:nth-child(4) { width: 13%;  }
.con-com-11 .table-01 thead th:nth-child(5),
.con-com-11 .table-01 tbody td:nth-child(5) { width: 13%; }

.con-com-12 { padding-top: 10em; padding-bottom:10em; overflow: hidden;}
.con-com-12 .com-box-01 { margin:0 auto; padding-left: 20px; padding-right:20px; max-width:var(--width-9-pd); width:100%;}
.con-com-12 .ls-txt-01 { text-align: center; }
.con-com-12 .ls-txt-01 strong { font-size: 2.75em; font-weight:800; line-height: 1.5em;}
.con-com-12:not(.is-fill-ready) .ls-txt-01 .txt-fill-source > span { color:var(--color-base-3); }
.con-com-12 .ls-txt-01 p { font-weight:500; font-size: 1.35em; padding-top:2em; line-height: 1.7em; }
.con-com-12 .txt-fill-wrap { display: block; position: relative; text-align: center; }
.con-com-12.is-fill-ready .txt-fill-source { display: none !important; }
.con-com-12 .txt-fill-mount { display: none; }
.con-com-12.is-fill-ready .txt-fill-mount {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	vertical-align: top;
	text-align: center;
}
.con-com-12 .txt-fill-line {
	position: relative;
	display: block;
	width: max-content;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	--line-fill: 0%;
	text-align: center;
}
.con-com-12 .txt-fill-base,
.con-com-12 .txt-fill-base span { color: #c5c5c5 !important; }
.con-com-12 .txt-fill-color,
.con-com-12 .txt-fill-color span { color: var(--color-base-3) !important; }
.con-com-12 .txt-fill-color {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	clip-path: inset(0 calc(100% - var(--line-fill)) 0 0);
	pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
	.con-com-12 .txt-fill-line { --line-fill: 100%; }
}
.con-com-12 .js-info-reveal {
	opacity: 0;
	transform: translateY(28px);
	transition:
		opacity 1.1s cubic-bezier(0.22, 1, 0.36, 1),
		transform 1s cubic-bezier(0.22, 1, 0.36, 1);
}
.con-com-12 .js-info-reveal.is-in {
	opacity: 1;
	transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
	.con-com-12 .js-info-reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}
}
.con-com-12 .con-box-01 { margin-bottom: 5em; }
.con-com-12 .con-box-02 { margin-bottom: 9em; }
.con-com-12 .ls-img-01 { border-radius: 2em; height:0; position: relative; padding-top: 40%; overflow: hidden;}
.con-com-12 .ls-img-01 img { position: absolute; left:0; top:0; height:100%; width:100%; object-fit: cover;}
.con-com-12 .con-box-03 { margin-bottom: 9em; }
.con-com-12 .con-box-03 .area-box { display:flex; justify-content:space-between; align-items:flex-start; gap: 1em; text-align:left; }
.con-com-12 .con-box-03 .lt-box { width: 22%; }
.con-com-12 .con-box-03 .rt-box { width: 75%; }
.con-com-12 .con-box-03 .rt-box .txt-box { max-width: 40em }
.con-com-12 .con-box-03 .head-box h4 { font-size: 2.2em; font-weight:800; color:var(--color-base-2); line-height:1.4em; word-break:keep-all; }
.con-com-12 .ls-txt-02 { font-size: 1.1em; font-weight:500; color:var(--color-base-2); line-height:1.75em; word-break:keep-all; }
.con-com-12 .con-box-04 { margin-bottom: 9em; }
.con-com-12 .head-h4 { font-weight:800; font-size: 1.6em; color:var(--color-base-2); text-align:left; } 
.con-com-12 .head-line {margin-bottom: 1.5em;font-weight:800;}
.con-com-12 .dl-box-01 { text-align:left; }
.con-com-12 .dl-box-01 dl { display:flex; align-items:stretch; gap: 0.8em; margin: 0 0 0.8em; }
.con-com-12 .dl-box-01 dl:last-child { margin-bottom:0; }
.con-com-12 .dl-box-01 dt { display:flex; align-items:center; flex:0 0 16em; width:16em; max-width:16em; padding: 1.1em 1em 1.1em 1.5em; background:#e9f6fd; border-radius: 0.7em; text-align:left; font-size: 1.1em; font-weight:700; color:var(--color-base-1); line-height:1.6em; word-break:keep-all; }
.con-com-12 .dl-box-01 dd { flex:1; min-width:0; padding: 1.1em 1.4em; background:#f5f5f5; border-radius: 0.7em; font-size: 1em; font-weight:500; color:var(--color-base-2); line-height:1.7em; word-break:keep-all; }


.con-com-13 { padding-top: 10em; padding-bottom:10em; overflow: hidden;}
.con-com-13 .com-box-01 { margin:0 auto; padding-left: 20px; padding-right:20px; max-width:var(--width-4-pd); width:100%;}
.con-com-13 .ls-txt-01 { text-align: center; }
.con-com-13 .ls-txt-01 strong { font-size: 2.75em; font-weight:800; line-height: 1.5em;}
.con-com-13:not(.is-fill-ready) .ls-txt-01 .txt-fill-source > span { color:var(--color-base-3); }
.con-com-13 .ls-txt-01 p { font-weight:500; font-size: 1.35em; padding-top:2em; line-height: 1.7em; }
.con-com-13 .txt-fill-wrap { display: block; position: relative; text-align: center; }
.con-com-13.is-fill-ready .txt-fill-source { display: none !important; }
.con-com-13 .txt-fill-mount { display: none; }
.con-com-13.is-fill-ready .txt-fill-mount {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	vertical-align: top;
	text-align: center;
}
.con-com-13 .txt-fill-line {
	position: relative;
	display: block;
	width: max-content;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	--line-fill: 0%;
	text-align: center;
}
.con-com-13 .txt-fill-base,
.con-com-13 .txt-fill-base span { color: #c5c5c5 !important; }
.con-com-13 .txt-fill-color,
.con-com-13 .txt-fill-color span { color: var(--color-base-3) !important; }
.con-com-13 .txt-fill-color {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	clip-path: inset(0 calc(100% - var(--line-fill)) 0 0);
	pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
	.con-com-13 .txt-fill-line { --line-fill: 100%; }
}
.con-com-13 .js-gall-reveal {
	opacity: 0;
	transform: translateY(28px);
	transition:
		opacity 1.1s cubic-bezier(0.22, 1, 0.36, 1),
		transform 1s cubic-bezier(0.22, 1, 0.36, 1);
}
.con-com-13 .js-gall-reveal.is-in {
	opacity: 1;
	transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
	.con-com-13 .js-gall-reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}
}
.con-com-13 .gall-search {
	margin: 3.2em auto 0;
	max-width: 22em;
	width: 100%;
}
.con-com-13 .gall-search form {
	position: relative;
	display: flex;
	align-items: center;
	border: 1px solid var(--color-base-3);
	border-radius: 0.45em;
	background: #fff;
	padding: 0 0.2em 0 0.95em;
	min-height: 2.7em;
	box-shadow: none;
}
.con-com-13 .gall-sch-input {
	flex: 1;
	min-width: 0;
	border: 0;
	outline: none;
	background: transparent;
	font-size: 1em;
	font-weight: 500;
	color: var(--color-base-3);
	height: 2.5em;
	line-height: 2.5em;
	padding: 0;
}
.con-com-13 .gall-sch-input::placeholder {
	color: var(--color-base-3);
	opacity: 1;
	transition: opacity 0.2s ease;
}
.con-com-13 .gall-sch-input::-webkit-input-placeholder { color: var(--color-base-3); opacity: 1; transition: opacity 0.2s ease; }
.con-com-13 .gall-sch-input::-moz-placeholder { color: var(--color-base-3); opacity: 1; }
.con-com-13 .gall-search form:hover .gall-sch-input::placeholder,
.con-com-13 .gall-sch-input:focus::placeholder,
.con-com-13 .gall-sch-input:hover::placeholder {
	opacity: 0;
	color: transparent;
}
.con-com-13 .gall-search form:hover .gall-sch-input::-webkit-input-placeholder,
.con-com-13 .gall-sch-input:focus::-webkit-input-placeholder,
.con-com-13 .gall-sch-input:hover::-webkit-input-placeholder {
	opacity: 0;
	color: transparent;
}
.con-com-13 .gall-search form:hover .gall-sch-input::-moz-placeholder,
.con-com-13 .gall-sch-input:focus::-moz-placeholder,
.con-com-13 .gall-sch-input:hover::-moz-placeholder {
	opacity: 0;
	color: transparent;
}
.con-com-13 .gall-sch-btn {
	flex-shrink: 0;
	width: 2.5em;
	height: 2.5em;
	border: 0;
	background: transparent;
	cursor: pointer;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}
.con-com-13 .gall-sch-btn .ls-icon-10 {
	display: block;
	position: relative;
	width: 1.15em;
	height: 1.15em;
}
.con-com-13 .gall-sch-btn .ls-icon-10:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	/* 포인트 블루 돋보기 */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='10.5' cy='10.5' r='6.2' stroke='%23113090' stroke-width='1.8'/%3E%3Cpath d='M15.4 15.4L20.2 20.2' stroke='%23113090' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}
.con-com-13 .gall-cate {
	margin-top: 2.5em;
	text-align: center;
}
.con-com-13 .gall-cate ul {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.6em 1.2em;
}
.con-com-13 .gall-cate a {
	display: inline-block;
	padding: 0.45em 1em;
	border-radius: 2em;
	border: 1px solid #d0d0d0;
	font-size: 0.95em;
	font-weight: 600;
	color: #888;
}
.con-com-13 .gall-cate a.active,
.con-com-13 .gall-cate a.active-on {
	border-color: var(--color-base-3);
	color: var(--color-base-3);
	background: #eef5ff;
}
.con-com-13 .ls-list .txt-cate.is-empty {
	display: none;
}
.con-com-13 .gall-admin-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1em;
	margin: 0 0 1.5em;
	flex-wrap: wrap;
}
.con-com-13 .gall-allchk label {
	display: inline-flex;
	align-items: center;
	gap: 0.45em;
	font-size: 0.95em;
	font-weight: 600;
	color: var(--color-base-2);
	cursor: pointer;
}
.con-com-13 .gall-allchk input[type="checkbox"] {
	width: 1.1em;
	height: 1.1em;
	accent-color: var(--color-base-3);
}
.con-com-13 .gall-btn-list {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 0.55em;
	margin: 0;
	padding: 0;
	list-style: none;
}
.con-com-13 .gall-btn-list li {
	margin: 0;
	padding: 0;
}
.con-com-13 .gall-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 5.5em;
	padding: 0.55em 1.15em;
	border-radius: 0.4em;
	border: 1px solid var(--color-base-3);
	background: #fff;
	color: var(--color-base-3);
	font-size: 0.92em;
	font-weight: 600;
	line-height: 1.3;
	cursor: pointer;
	text-decoration: none;
	transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
	appearance: none;
	-webkit-appearance: none;
	box-sizing: border-box;
}
.con-com-13 a.gall-btn:hover,
.con-com-13 .gall-btn:hover {
	background: var(--color-base-3);
	color: #fff;
	border-color: var(--color-base-3);
	text-decoration: none;
}
.con-com-13 .gall-btn-primary {
	background: var(--color-base-3);
	color: #fff;
	border-color: var(--color-base-3);
}
.con-com-13 .gall-btn-primary:hover {
	background: var(--color-base-1);
	border-color: var(--color-base-1);
	color: #fff;
}
.con-com-13 .gall-btn-admin {
	border-color: #c62828;
	color: #c62828;
	background: #fff;
}
.con-com-13 .gall-btn-admin:hover {
	background: #c62828;
	border-color: #c62828;
	color: #fff;
}
.con-com-13 .gall-btn-danger {
	border-color: #c62828;
	color: #c62828;
	background: #fff;
}
.con-com-13 .gall-btn-danger:hover {
	background: #c62828;
	border-color: #c62828;
	color: #fff;
}
.con-com-13 .gall-btn-line {
	border-color: var(--color-base-3);
	color: var(--color-base-3);
	background: #fff;
}
.con-com-13 .empty_list {
	width: 100%;
	text-align: center;
	padding: 4em 0;
	font-size: 1.1em;
	color: #888;
}
.con-com-13 .gall-bo-fx {
	margin-top: 2.5em;
	padding-top: 0.5em;
}
.con-com-13 .gall-bo-fx .gall-btn-list {
	justify-content: flex-end;
	width: 100%;
}
.con-com-13 .ls-list .gall-chk {
	position: absolute;
	z-index: 2;
	left: 0.7em;
	top: 0.7em;
}
.con-com-13 .ls-list {
	position: relative;
}
/* 갤러리 페이징 */
.con-com-13 .pg_wrap {
	clear: both;
	margin: 3.5em 0 0;
	padding: 0;
	text-align: center;
	font-size: 1em;
}
.con-com-13 .pg_wrap .pg {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0.35em;
}
.con-com-13 .pg_page,
.con-com-13 .pg_current {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.4em;
	height: 2.4em;
	padding: 0 0.55em;
	margin: 0;
	border: 1px solid #d7dbe7;
	border-radius: 0.4em;
	background: #fff;
	color: var(--color-base-2);
	font-size: 0.95em;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0;
	vertical-align: middle;
	text-decoration: none;
	text-indent: 0;
	overflow: visible;
	width: auto;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.con-com-13 .pg_page:hover {
	border-color: var(--color-base-3);
	color: var(--color-base-3);
	background: #eef3ff;
	text-decoration: none;
}
.con-com-13 .pg_current {
	border-color: var(--color-base-3);
	background: var(--color-base-3);
	color: #fff;
	font-weight: 700;
}
.con-com-13 .pg_start,
.con-com-13 .pg_prev,
.con-com-13 .pg_next,
.con-com-13 .pg_end {
	background-image: none !important;
	text-indent: 0 !important;
	overflow: visible !important;
	width: auto !important;
	min-width: 2.4em;
	color: var(--color-base-3);
	border-color: var(--color-base-3);
}
.con-com-13 .pg_start:hover,
.con-com-13 .pg_prev:hover,
.con-com-13 .pg_next:hover,
.con-com-13 .pg_end:hover {
	background: var(--color-base-3);
	color: #fff;
}
.con-com-13 .con-box-01 { margin-bottom: 5em; }
.con-com-13 .list-box {  margin-top:2em; display:flex; align-items: stretch; margin-right: -3em; flex-wrap: wrap;}
.con-com-13 .ls-list { width:calc(33.333% - 3em); margin-right: 3em; margin-bottom:7em;}
.con-com-13 .ls-list a { display:block;background-color:#ebf4fc; overflow: hidden; border-radius: 1.2em;}
.con-com-13 .ls-list .txt-cate { padding-bottom: 0.4em; font-size: 1.1em; font-weight:600; color:var(--color-base-1);}
.con-com-13 .ls-list .txt-day {  color:#959595; padding-top: 1.5em;  font-family: var(--font-2);}
.con-com-13 .ls-list .txt-ss { font-size: 1.4em; font-weight: 600; height: 3em; line-height: 1.4em; word-break: keep-all; -webkit-line-clamp: 2;	overflow: hidden; word-wrap: break-word;	text-overflow: ellipsis;	display: -webkit-box;	-webkit-box-orient: vertical;}
.con-com-13 .ls-list .list-area {position: relative;}
.con-com-13 .img-box { position: relative; padding-top:63%; width:100%; height:0;}
.con-com-13 .img-box .ls-img-01 { position: absolute; top:0; width: 100%; height:100%; overflow: hidden; }
.con-com-13 .img-box img {
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: center center;
	transform: scale(1);
	transition: transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
}
/* 썸네일 없음: 브랜드 단색 + 로고 중앙 */
.con-com-13 .img-box .ls-img-01.is-noimg {
	background: var(--color-base-3, #113090);
	display: flex;
	align-items: center;
	justify-content: center;
}
.con-com-13 .img-box .ls-img-01.is-noimg .gall-noimg {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 12% 14%;
	box-sizing: border-box;
}
.con-com-13 .img-box .ls-img-01.is-noimg .gall-noimg img {
	width: auto;
	height: auto;
	max-width: 46%;
	max-height: 42%;
	object-fit: contain;
	object-position: center center;
	filter: brightness(0) invert(1);
	transform: none;
	transition: none;
}
.con-com-13 .ls-list a:hover .img-box .ls-img-01.is-noimg .gall-noimg img {
	transform: none;
}
.con-com-13 .ls-list a:hover .img-box img { transform: scale(1.06); }
.con-com-13 .ls-list a:hover .img-box .ls-img-01.is-noimg img { transform: none; }
.con-com-13 .txt-box { text-align: left; font-weight:600; padding: 8% 7% 14% 7%; position: relative; }
.con-com-13 .ls-more { position: absolute; width:2.4em; height:2.4em; right:7%;  bottom:10%; border-radius: 50%; background: var(--bg-white); }
.con-com-13 .ls-more i:after { content:''; width:56%; height:56%;  position:absolute; top:50%; left:56%; transform: translate(-50%, -50%); background-size: contain; background-repeat: no-repeat; background-position: center center;  }
.con-com-13 a:hover .ls-more { background:var(--color-blue-1); } 
.con-com-13 a:hover .ls-more i:after { filter: brightness(0) invert(1);  }


/* 의료진 상세 레이어 */
#layer-wrap,
.doctor-layer-host .doctor-layer { position:relative; height:100vh; color:#fff; overflow:hidden; }
#layer-wrap .layer-container,
.doctor-layer-host .doctor-layer .layer-container { position:relative; z-index:1; height:100vh; max-height:100vh; padding: 7%; overflow-x:hidden; overflow-y:auto; scrollbar-width:auto; scrollbar-color: var(--color-base-9) rgba(255,255,255,0.12); }
#layer-wrap .layer-container::-webkit-scrollbar,
.doctor-layer-host .doctor-layer .layer-container::-webkit-scrollbar { width: 10px; height:5px; }
#layer-wrap .layer-container::-webkit-scrollbar-track,
.doctor-layer-host .doctor-layer .layer-container::-webkit-scrollbar-track { background: rgba(255,255,255,0.12); border-radius: 1em; margin: 2em 0; }
#layer-wrap .layer-container::-webkit-scrollbar-thumb,
.doctor-layer-host .doctor-layer .layer-container::-webkit-scrollbar-thumb { background: var(--color-base-9); border-radius: 1em; }
#layer-wrap .layer-container::-webkit-scrollbar-thumb:hover,
.doctor-layer-host .doctor-layer .layer-container::-webkit-scrollbar-thumb:hover { background: var(--color-base-4); }
#layer-wrap .layer-bg,
.doctor-layer-host .doctor-layer .layer-bg { position:fixed; right:0; top:0; width:100%; height:100%; z-index:0; pointer-events:none; }
#layer-wrap .layer-bg img,
.doctor-layer-host .doctor-layer .layer-bg img { width:100%; height:100%; object-fit:cover; object-position:60% top; }
#layer-wrap .layer-close,
.doctor-layer-host .doctor-layer .layer-close { position:fixed; right:2em; top:2em; z-index:5; width:2.6em; height:2.6em; border:1px solid var(--bg-white); border-radius: 0.3em; display:flex; align-items:center; justify-content:center; }
#layer-wrap .layer-close span,
.doctor-layer-host .doctor-layer .layer-close span { position:relative; width:1.8em; height:1.8em; display:block; }
#layer-wrap .layer-close span:before,
#layer-wrap .layer-close span:after,
.doctor-layer-host .doctor-layer .layer-close span:before,
.doctor-layer-host .doctor-layer .layer-close span:after { content:''; position:absolute; left:50%; top:50%; width:100%; height:1px; background:#fff; }
#layer-wrap .layer-close span:before,
.doctor-layer-host .doctor-layer .layer-close span:before { transform:translate(-50%,-50%) rotate(45deg); }
#layer-wrap .layer-close span:after,
.doctor-layer-host .doctor-layer .layer-close span:after { transform:translate(-50%,-50%) rotate(-45deg); }
#layer-wrap .layer-head,
.doctor-layer-host .doctor-layer .layer-head { position:relative; z-index:2;}
#layer-wrap .layer-head h1,
.doctor-layer-host .doctor-layer .layer-head h1 { display:flex; align-items:center; gap: 0.6em; font-size:1em;  }
#layer-wrap .layer-head i,
.doctor-layer-host .doctor-layer .layer-head i { display:inline-block; width: 1.6em; }
#layer-wrap .layer-head i img,
.doctor-layer-host .doctor-layer .layer-head i img { width:100%; height:auto;}
#layer-wrap .layer-head span,
.doctor-layer-host .doctor-layer .layer-head span { color:#2d9efe; font-size: 1.15em; font-weight:600; letter-spacing:0.02em; }
#layer-wrap .layer-body,
.doctor-layer-host .doctor-layer .layer-body { position:relative; z-index:2; max-width: 40em; width: 41%;}
#layer-wrap .doc-box,
.doctor-layer-host .doctor-layer .doc-box { text-align:left; margin-bottom: 2.5em; position: relative; }
#layer-wrap .doc-box h2,
.doctor-layer-host .doctor-layer .doc-box h2 { display:flex; align-items: flex-end; font-size: 3.4em; font-weight:800; padding-bottom: 0.5em; padding-top: 0.2em}
#layer-wrap .doc-box h2 strong,
.doctor-layer-host .doctor-layer .doc-box h2 strong { font-weight:800; }
#layer-wrap .doc-box h2 span,
.doctor-layer-host .doctor-layer .doc-box h2 span { margin-left: 0.4em; padding-bottom: 0.1em; font-size: 0.55em; font-weight:400;}
#layer-wrap .doc-box p,
.doctor-layer-host .doctor-layer .doc-box p {  font-size: 1.1em; font-weight:400; line-height:1.7em; word-break:keep-all; width:calc(100% - 10em); opacity:0.95; }
#layer-wrap .doc-box .ls-view,
.doctor-layer-host .doctor-layer .doc-box .ls-view { margin-top: 2em; position: absolute; right:0; bottom:0; }
#layer-wrap .doc-box .view-box,
.doctor-layer-host .doctor-layer .doc-box .view-box { display:inline-flex; align-items:center; justify-content: space-between; gap: 0.6em; padding: 0.9em 1em; background:#fff; color:var(--color-base-9); border-radius: 0.4em;  }
#layer-wrap .doc-box .view-box span,
.doctor-layer-host .doctor-layer .doc-box .view-box span { display:inline-block; margin-right: 2em;}
#layer-wrap .doc-box .view-box i,
.doctor-layer-host .doctor-layer .doc-box .view-box i { display:inline-block; width: 0.9em; height: 0.9em; position:relative; }
#layer-wrap .doc-box .view-box i:after,
.doctor-layer-host .doctor-layer .doc-box .view-box i:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-size:contain; background-repeat:no-repeat; background-position:center; filter:none; }
#layer-wrap .doc-box .view-box:hover,
.doctor-layer-host .doctor-layer .doc-box .view-box:hover { background:var(--color-base-9); color:#fff; }
#layer-wrap .doc-box .view-box:hover i:after,
.doctor-layer-host .doctor-layer .doc-box .view-box:hover i:after { filter:brightness(0) invert(1); }
#layer-wrap .doc-dl,
.doctor-layer-host .doctor-layer .doc-dl { text-align:left; max-width: 40em; }
#layer-wrap .doc-dl dl,
.doctor-layer-host .doctor-layer .doc-dl dl {display:flex; align-items:flex-start; padding: 1.4em 0; border-top:1px solid rgba(255,255,255,0.25); }
#layer-wrap .doc-dl dl:last-child,
.doctor-layer-host .doctor-layer .doc-dl dl:last-child { border-bottom:transparent }
#layer-wrap .doc-dl dt,
.doctor-layer-host .doctor-layer .doc-dl dt { display:inline-flex; justify-content:center; min-width: 5.5em; padding: 0.25em 1em; margin-right: 1em; margin-bottom: 0.9em; background:var(--color-base-9); border-radius: 2em;  font-weight:700; color:#fff; }
#layer-wrap .doc-dl dd,
.doctor-layer-host .doctor-layer .doc-dl dd { font-weight:400; line-height:1.7em; word-break:keep-all; max-width: 30em;}
#layer-wrap .doc-dl li,
.doctor-layer-host .doctor-layer .doc-dl li { position:relative; padding-left: 0.85em; margin: 0.15em 0; }
#layer-wrap .doc-dl li:before,
.doctor-layer-host .doctor-layer .doc-dl li:before { content:'·'; position:absolute; left:0; top:0; }
#layer-wrap .doc-dl ul+ul,
.doctor-layer-host .doctor-layer .doc-dl ul+ul { margin-top: 2em;}

/* 의료진 레이어 오버레이 호스트
 * 오픈: 모달(위→아래) → 텍스트(위→아래) → 이미지(아래→위)
 * 닫기: 이미지 → 텍스트 → 모달 (각 방향 반대)
 */
.doctor-layer-host {
	--doc-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--doc-img-ease: cubic-bezier(0.16, 1, 0.3, 1);
	--doc-modal-ms: 0.48s;
	--doc-text-ms: 0.42s;
	--doc-img-ms: 0.9s;
	--doc-gap: 0.22s;
	position: fixed;
	inset: 0;
	z-index: 2000;
	visibility: hidden;
	pointer-events: none;
	background: #000;
	clip-path: inset(0 0 100% 0);
	transition:
		clip-path var(--doc-modal-ms) var(--doc-ease),
		visibility 0s linear;
	/* 닫을 때 모달이 마지막 */
	transition-delay: calc(var(--doc-gap) * 2), calc(var(--doc-modal-ms) + var(--doc-gap) * 2);
}
.doctor-layer-host.is-open {
	visibility: visible;
	pointer-events: auto;
	clip-path: inset(0 0 0 0);
	/* 열 때 모달이 먼저 */
	transition-delay: 0s, 0s;
}
.doctor-layer-host .doctor-layer {
	position: absolute;
	inset: 0;
	height: 100%;
	max-height: 100%;
	overflow: hidden;
}
.doctor-layer-host .doctor-layer .layer-bg {
	position: absolute;
	opacity: 0;
	transform: translate3d(0, 28px, 0);
	will-change: transform, opacity;
	transition:
		opacity calc(var(--doc-img-ms) + 0.1s) var(--doc-img-ease),
		transform var(--doc-img-ms) var(--doc-img-ease);
	/* 닫을 때 이미지가 먼저 */
	transition-delay: 0s;
}
.doctor-layer-host.is-open .doctor-layer.is-active .layer-bg {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	/* 열 때 이미지가 마지막 */
	transition-delay: calc(var(--doc-gap) * 2);
}
.doctor-layer-host .doctor-layer .layer-close {
	position: absolute;
	opacity: 0;
	transform: translate3d(0, -12px, 0);
	transition:
		opacity var(--doc-text-ms) var(--doc-ease),
		transform var(--doc-text-ms) var(--doc-ease);
	transition-delay: var(--doc-gap);
}
.doctor-layer-host.is-open .doctor-layer.is-active .layer-close {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition-delay: var(--doc-gap);
}
.doctor-layer-host .doctor-layer .layer-body {
	opacity: 0;
	transform: translate3d(0, -28px, 0);
	transition:
		opacity var(--doc-text-ms) var(--doc-ease),
		transform var(--doc-text-ms) var(--doc-ease);
	/* 닫을 때 텍스트가 중간 */
	transition-delay: var(--doc-gap);
}
.doctor-layer-host.is-open .doctor-layer.is-active .layer-body {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	/* 열 때 텍스트가 모달 다음 */
	transition-delay: var(--doc-gap);
}
body.doctor-layer-lock { overflow: hidden; touch-action: none; }
@media (prefers-reduced-motion: reduce) {
	.doctor-layer-host,
	.doctor-layer-host .doctor-layer .layer-bg,
	.doctor-layer-host .doctor-layer .layer-close,
	.doctor-layer-host .doctor-layer .layer-body {
		transition: none !important;
		transition-delay: 0s !important;
	}
	.doctor-layer-host {
		clip-path: none;
		visibility: hidden;
	}
	.doctor-layer-host.is-open {
		visibility: visible;
		clip-path: none;
	}
	.doctor-layer-host .doctor-layer .layer-bg,
	.doctor-layer-host .doctor-layer .layer-close,
	.doctor-layer-host .doctor-layer .layer-body {
		opacity: 1;
		transform: none;
	}
}
@media all and (max-width : 1280px){

	#layer-wrap .layer-container,
	.doctor-layer-host .doctor-layer .layer-container { font-size: 1.05em}
	#layer-wrap .doc-box p,
	.doctor-layer-host .doctor-layer .doc-box p { width:100%;}
	#layer-wrap .doc-box .ls-view,
	.doctor-layer-host .doctor-layer .doc-box .ls-view { position: relative; margin-top: 1em;}
	#layer-wrap .doc-dl dl,
	.doctor-layer-host .doctor-layer .doc-dl dl { flex-wrap: wrap;}
	#layer-wrap .doc-dl dd,
	.doctor-layer-host .doctor-layer .doc-dl dd { width:100%;}
}

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

	#layer-wrap .layer-container,
	.doctor-layer-host .doctor-layer .layer-container { font-size: 0.85em}

}

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

	#layer-wrap .layer-container,
	.doctor-layer-host .doctor-layer .layer-container { font-size: 0.65em}
	#layer-wrap,
	.doctor-layer-host .doctor-layer { height:100%; overflow-y:auto; -webkit-overflow-scrolling: touch; }
	#layer-wrap .layer-container,
	.doctor-layer-host .doctor-layer .layer-container { padding: 25px; height:unset;  max-height:unset;}
	#layer-wrap .layer-bg,
	.doctor-layer-host .doctor-layer .layer-bg { position: absolute; height: 530px; overflow: hidden;}
	#layer-wrap .layer-bg:before,
	.doctor-layer-host .doctor-layer .layer-bg:before { content:''; position: absolute; left:0; bottom:0; width:100%; height:100%; background: linear-gradient(180deg, rgba(17,48,144,0.0) 60%, rgba(17,48,144,0.3) 75%, rgba(0,0,0,1) 100%); }
	#layer-wrap .layer-bg img,
	.doctor-layer-host .doctor-layer .layer-bg img { height: 600px; object-position:65% top;}
	#layer-wrap .layer-head i,
	.doctor-layer-host .doctor-layer .layer-head i { width: 1.8em;}
	#layer-wrap .doc-box,
	.doctor-layer-host .doctor-layer .doc-box {  height: 510px;  display:flex; align-items: center;}
	#layer-wrap .doc-box .doc-box-inner,
	.doctor-layer-host .doctor-layer .doc-box .doc-box-inner { font-size: 1.25em; position: absolute; top:36%; transform: translateY(-30%);}
	#layer-wrap .doc-box h2,
	.doctor-layer-host .doctor-layer .doc-box h2 { flex-wrap: wrap;}
	#layer-wrap .doc-box h2 span,
	.doctor-layer-host .doctor-layer .doc-box h2 span { font-size: 0.5em; padding-top:0.4em; margin-left:0; width:100%;}
	#layer-wrap .doc-box p,
	.doctor-layer-host .doctor-layer .doc-box p { bottom:30px; position: absolute; font-size: 1.3em;}
	#layer-wrap .layer-body,
	.doctor-layer-host .doctor-layer .layer-body { max-width:100%; width:100%;}
	#layer-wrap .doc-box .ls-view,
	.doctor-layer-host .doctor-layer .doc-box .ls-view { position: absolute; bottom:-80px; left:0; width:100%; }
	#layer-wrap .doc-box .view-box,
	.doctor-layer-host .doctor-layer .doc-box .view-box { font-size:1.4em; width:100%; border:1px solid var(--color-base-9); }
	#layer-wrap .doc-dl,
	.doctor-layer-host .doctor-layer .doc-dl { max-width:unset; font-size: 1.3em; margin-top: 120px;}
	#layer-wrap .doc-dl dl,
	.doctor-layer-host .doctor-layer .doc-dl dl { border-top:1px solid rgba(0,0,0,0.1);}
	#layer-wrap .doc-dl dt,
	.doctor-layer-host .doctor-layer .doc-dl dt { font-size: 1.1em; padding: 0.35em 1.2em}
	#layer-wrap .doc-dl dd,
	.doctor-layer-host .doctor-layer .doc-dl dd { max-width:100%; padding-left:0.5em; color:var(--bg-black)}
	#layer-wrap .layer-close,
	.doctor-layer-host .doctor-layer .layer-close { right: 25px; top:40px; position: fixed;}
	.doctor-layer-host .doctor-layer .doc-dl { background:#fff; margin-left:-25px; margin-right:-25px; padding: 0 25px 3em; }
	.doctor-layer-host .doctor-layer .doc-dl dl { border-top-color: rgba(0,0,0,0.1); }

}


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

}

@media all and (max-width : 1680px)  { 
	
	
	.scroll-box-4 .txt-head { font-size: 0.9em;}
	.scroll-box-4 .ls-view span { margin-right: 3em}
	
}
@media all and (max-width : 1565px)  { 

	
	.con-com-01 .about-story .txt-scene-01 { font-size: 13.3vw; }
	
}

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

	.scroll-box-2 .m-head { font-size: 1.2vw;}

	.con-com-03 .floor-list { font-size: 0.9em;  }
	.con-com-03 .floor-item { min-height:auto;}
	.con-com-03 .floor-item a { padding-top:4%; padding-bottom:4%;}
	
	/* .scroll-box-2 .txt-box { font-size: 7vw;} */

	/* .scroll-box-4 .ls-list { width: 12em; }
	.scroll-box-4 .ls-list.list-active { width: 16em; }
	.scroll-box-4 .card-area { height: 15em; }
	.scroll-box-4 .ls-list.list-active .card-area { height: 21em; } */

	/* .con-com-07 .list-box-02 p { font-size: 1.3vw; }

	.con-com-08 .list-box-01 .ls-list { font-size: 1.2vw; } */


}

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


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

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

	header:before,
	header:hover:before { display:none;}
	header.hd-hide { transform: none; pointer-events: auto; }
	header h1 { height: 2.4em;}

	/* 모바일: 흰 헤더 높이 = 메뉴 파란박스 높이 */
	header {
		height: calc(var(--head-height) - 15px);
	}
	header .view-nav-h {
		top: 0;
		right: 0;
		transform: none;
		height: 100%;
		width: calc(var(--head-height) - 15px);
		aspect-ratio: auto;
	}
	header .view-nav-h .view-nav {
		left: 50%;
		top: 50%;
		width: 38%;
		height: 36%;
		transform: translate(-50%, -50%);
	}
	header .view-nav-h .view-nav.open {
		top: 50%;
		transform: translate(-50%, -50%) rotate(45deg);
	}
	header .view-nav-h .view-nav i:nth-child(1) { top: 0; }
	header .view-nav-h .view-nav i:nth-child(2) { top: 50%; margin-top: -1px; }
	header .view-nav-h .view-nav i:nth-child(3) { top: auto; bottom: 0; }
	/* 열림: X (모바일 transform 덮어쓰기 방지) */
	header .view-nav-h .view-nav.open i,
	header .view-nav-t .view-nav.open i {
		width: 100%;
		left: 0;
		margin-top: -1px;
		bottom: auto;
	}
	header .view-nav-h .view-nav.open i:nth-child(1),
	header .view-nav-t .view-nav.open i:nth-child(1) {
		top: 50%;
	}
	header .view-nav-h .view-nav.open i:nth-child(2),
	header .view-nav-t .view-nav.open i:nth-child(2) {
		top: 50%;
		transform: rotate(90deg);
	}
	header .view-nav-h .view-nav.open i:nth-child(3),
	header .view-nav-t .view-nav.open i:nth-child(3) {
		display: none;
	}
	header .view-nav-t .view-nav.open {
		transform: translate(-50%, -50%) rotate(45deg);
	}

	footer {padding-bottom: 7.5em; font-size: 0.9em;}

	.quick-box {
		font-size: clamp(11px, 2.9vw, 13px);
		position: fixed;
		bottom: 0;
		left: 0;
		right: unset;
		top: unset;
		opacity: 1;
		height: auto;
		width: 100%;
	}
	.quick-box .quick-inner {
		border-radius: 0;
		height: auto;
	}
	.quick-box .quick-top { display:none; opacity: 0;}
	.quick-box .quick-home { display:none; opacity: 0;}
	.page-top { display: block; }
	.quick-box .quick-list {
		margin-top: 0;
		margin-bottom: 0;
		overflow: hidden;
		display: flex;
		align-items: stretch;
		justify-content: space-between;
		height: auto;
	}
	.quick-box .quick-list li {
		width: 20%;
		flex: 1 1 20%;
		aspect-ratio: 3 / 3.6;
		height: auto;
	}
	.quick-box .quick-item a {
		gap: 0.55em;
		padding: 0.9em 0.25em 0.85em;
		height: 100%;
		box-sizing: border-box;
	}
	.quick-box .quick-item span {
		font-size: 1.15em;
		line-height: 1.25;
		padding-bottom: 0;
		font-weight: 500;
	}
	.quick-box .quick-item { position: relative; height: 100%; }
	.quick-box .quick-item:after {
		content: '';
		position: absolute;
		top: 18%;
		right: 0;
		height: 64%;
		width: 1px;
		background: rgba(255,255,255,0.22);
	}
	.quick-box .quick-list .quick-item:nth-child(5):after,
	.quick-box .quick-item:last-of-type:after,
	.quick-box .quick-item:has(+ .md-hidden-item):after {
		opacity: 0;
		display: none;
	}
	.quick-box .md-hidden-item { display:none;}
	.quick-box .q-ico {
		margin-top: 0;
		margin-bottom: 0;
		width: 2.1em;
		height: 2.1em;
	}
	.quick-box .q-ico.q-ico-calendar { width: 2em; height: 2em; }
	.quick-box .q-ico.q-ico-pin { width: 1.75em; height: 2.1em; }
	.quick-box .q-ico.q-ico-clock { width: 2.1em; height: 2.1em; }
	.quick-box .q-ico.q-ico-doctor { width: 1.9em; height: 2.15em; }
	.quick-box .q-ico.q-ico-clipboard { width: 1.75em; height: 2.15em; }

	.snb-bg .ls-slide-backgrounds.snb-pos-01 img { width:calc(100% + 4.6vw)}
	.snb-bg .ls-slide-backgrounds.snb-pos-02 img { width:calc(100% + 4.6vw)}

	.scroll-box-4 .ls-list { width: 40%;}

	/* 미디어: 태블릿~1240 — 2장 + 다음 살짝 */
	.scroll-box-6 .list-box { gap: 1.4em; }
	.scroll-box-6 .ls-list {
		flex: 0 0 calc((100% - 1.4em) / 2.15);
		width: calc((100% - 1.4em) / 2.15);
		min-width: calc((100% - 1.4em) / 2.15);
	}

	.con-com-01 .list-box-02 .ls-num-box strong { font-size: 3em;}

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


}

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

}


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

	
	/* header { height: 60px;} */
	header h1 { height: 2.2em;}

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

	header .view-nav-h .view-nav { top: 50%;}
	/* header .nav-head { top:calc(50% - 10px);  height: calc(var(--head-height) - 10px); width: calc(var(--head-height) - 10px);} */
	/* header .view-nav { left: calc((50%) - (100% / 18)); top: calc((50%) - (100% / 15)); width: 44%; scale: 0.8; transform-origin: center;} */

	/* header .view-nav-t .view-nav {left: calc((50%) - (100% / 18)); top: calc((50%) - (100% / 30));}
	header .nav_lang .lang-active i:after { top: 54%} */
	/* header .view-nav-t .view-nav.open i:nth-child(1) {  top: 36%; left:0;  }
	header .view-nav-t .view-nav.open i:nth-child(2) {  top: 36%; left:0;  } */

	/* header .nav_lang .lang-active i { width: 1.5em; height: 1.5em;} */
	/* header .nav_lang { font-size: 1.1em} */
	.nav_md .nav-md-ul { font-size: 0.75em;}


	footer { font-size: 0.8em;}
	footer .foo-time dd ul li { width:100%; padding-bottom: 0.2em;}
	footer .foo-time dd ul li:nth-child(2) { order:3;}
	footer .foo-time dd ul li:nth-child(3) { order:2;}
	footer .foo-time dd ul li:nth-child(4) { order:4;}
	footer .footer { flex-direction: column; flex-wrap: wrap;}
	footer .foo-head { margin-top: 5em; margin-bottom:3em;}
	
	.container { font-size: 0.85em;}

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

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

	.scroll-box-4 .list-box { font-size: 0.85em; }

	.con-com-02 .txt-head { flex-wrap: wrap;}
	.con-com-02 .txt-head strong { width:100%;}
	.con-com-02 .ls-view { margin-top: 0.5em;}

	.con-com-04 .con-box-02 .list-box-01 ul {grid-template-columns:repeat(3, 1fr)}

	.con-com-06 .list-box-01 { grid-template-columns: repeat(2, 1fr); gap: 3em 1.2em;}

	.con-com-07 .list-box-01 { grid-template-columns: repeat(2, 1fr); gap: 3em 1.2em;}

	.con-com-08 .list-box-01 { grid-template-columns: repeat(2, 1fr); gap: 3em 1.2em;}

}

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

	.container { font-size: 0.85em;}

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

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


}

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


	.nav_md .nav_head_md .lang-box_md { font-size: 0.8em;}

	header .nav_lang .lang-box { font-size: 0.8em;}
	header h1 { height: 1.7em}
	
	header .view-nav-h .view-nav {
		left: 50%;
		top: 50%;
		width: 40%;
		height: 34%;
		transform: translate(-50%, -50%);
		transform-origin: center;
	}
	header .view-nav-h .view-nav.open {
		top: 50%;
		transform: translate(-50%, -50%) rotate(45deg);
	}
	header .view-nav-t .view-nav {
		left: 50%;
		top: 50%;
		width: 44%;
		height: 40%;
		transform: translate(-50%, -50%);
		transform-origin: center;
	}
	header .view-nav-t .view-nav.open {
		top: 50%;
		transform: translate(-50%, -50%) rotate(45deg);
	}
	header .nav_lang .lang-box a { font-size: 8px;}

	
	.container { font-size: 0.65em;}

	footer { font-size: 11px; padding-bottom: 8em}
	footer .ls-foo-backgrounds img { object-position: 15% 8%;}
	footer .footer { padding-top:4em; padding-bottom:3em;}
	footer .foo-logo { font-size: 2.5em;}
	footer .col-box { width:100%; min-width: 100%; padding-right:0; border-right:0; border-bottom:1px solid rgba(149, 149, 149, 0.55)}
	footer .foo-rt { padding-top:2em; width:100%; padding-left:0; }
	footer .foo-tit { font-size: 2.35em;}
	footer .foo-addr li:nth-child(2) { font-size: 0.95em}
	footer .col-box dt { min-width:4em}
	footer .foo-tel strong { font-size: 2.4em}
	footer .foo-txt dl dd { width:100%;}
	footer .box-in { display:block; text-align: left; font-size: 0.8em;}
	footer .box-in>div { padding: 0.4em 0;}
	footer .foo-txt { font-size: 0.9em;}
	footer .foo-time dd ul li { width:100%; padding-bottom: 0.2em;}
	footer .col-box .foo-copy { padding-top:0em; padding-bottom:2em;}
	footer .map-area { height:20em; min-height:20em; flex: none; }
	footer .col-box-in { flex-wrap: wrap;}


	.quick-box { font-size: clamp(11px, 3vw, 13px); }


	.d-md-none { display: none!important;} /* pc 용 감추기 */
	.d-lg-none { display:block;} /* mobile 용 보여주기 */
	
	.snb-bg .ls-slide-texts p { font-size: 1em}
	.snb-bg .ls-slide-texts .ls-head { font-size: 3em; }
	.snb-bg .ls-slide-backgrounds.snb-pos-01 img { object-position: 40% bottom;}
	.snb-bg .ls-slide-backgrounds.snb-pos-02 img { object-position: 70% bottom;}
	.snb-bg .ls-slide-backgrounds.snb-pos-04 img { object-position: 52% 38% }


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

	/* .snb h2 { font-size: 2.8em} */
	
	:root { 
		--head-height: 78px;
		--snb-bg-height: 38em;
		--snb-height: 4em;
	}

	.ls-tab-01 a { font-size: 1em}


	.scroll-box-1 { min-height:unset}
	.scroll-box-1 .ls-slide-backgrounds img {object-position: 41% bottom;}
	/* 디자인: 텍스트는 화면 중·하단, 영문은 폭을 거의 채우는 큰 사이즈 */
	.scroll-box-1 .ls-slide-texts {
		top: 68%;
		bottom: auto;
		transform: translate(-50%, -50%);
		padding-left: 22px;
		padding-right: 22px;
	}
	.scroll-box-1 .slide-txt-01 {
		width: 100%;
		margin-right: 0;
		padding-right: 0;
		padding-bottom: 0.4em;
		line-height: 1.28;
	}
	.scroll-box-1 .ls-info1 {
		font-size: 2.16rem;
		line-height: 1.22;
		letter-spacing: -0.035em;
		word-break: keep-all;
	}
	.scroll-box-1 .ls-info2 {
		font-size: 0.9rem;
		line-height: 1.55;
		padding-top: 0.9em;
		padding-left: 0;
		font-weight: 500;
	}

	/* 모바일: 위치만 중앙 하단 — 화살표 디자인은 PC와 동일 */
	.ls-scroll {
		left: 50%;
		right: auto;
		transform: translateX(-50%);
		bottom: 1.2em;
		width: 6.1em;
		height: 6.1em;
		font-size: 0.9em;
	}

	.scroll-box-2 .m-head { font-size:1em; padding-bottom:5em;}
	.scroll-box-2 .m-head p { font-size: 2em}
	.scroll-box-2 .img-box { padding-top: 62%;}
	.scroll-box-2 .box-area {padding-bottom: 5em;	}

	.scroll-box-3 { padding-top: var(--head-height); padding-bottom: var(--head-height)}
	.scroll-box-3 .m-head{ font-size: 0.9em; margin-bottom:6em;}
	.scroll-box-3 .ls-view { margin-top: 3em; position: relative; right:unset; display:inline-block}
	.scroll-box-3 .list-box { flex-wrap: wrap; align-items: stretch; gap: 1em;}
	.scroll-box-3 .ls-list,
	.scroll-box-3 .list-01,
	.scroll-box-3 .list-02,
	.scroll-box-3 .list-03 { width:100%; }
	.scroll-box-3 .txt-box { font-size: 1.2em; text-align: left; padding: 1.4em 1.5em 2em 2em;}
	.scroll-box-3 .txt-box h3 { font-size: 2em; padding-top:0.1em}
	.scroll-box-3 .txt-box p { width: calc(100% - 3.5em); padding-left:0; font-size: 0.9em; padding-top: 1em}
	.scroll-box-3 .ls-more { width: 2.6em; height: 2.6em;}
	.scroll-box-3 .ls-list:not(.list-01) .txt-box p { display:block;}
	.scroll-box-3 .list-01 .txt-box { bottom:0em;} 
	.scroll-box-3 .list-02 .ls-more, .scroll-box-3 .list-03 .ls-more { right: 1.5em; bottom:2em;}
	.scroll-box-3 .list-box { gap: 3em;}

	.scroll-box-4 { padding-top: var(--head-height); padding-bottom:calc(var(--head-height) + 4em);}
	.scroll-box-4 .m-head h2 { font-size: 1.2em;}
	.scroll-box-4 .m-head strong { font-size: 2.6em; }
	.scroll-box-4 .m-head p { font-size: 1em; }
	.scroll-box-4 .m-head { text-align: left;}
	.scroll-box-4 .head-box .ls-view {  display:inline-block; opacity: 1;}
	.scroll-box-4 .ls-list .ls-view { display:none; opacity: 0;}
	.scroll-box-4 .txt-box { font-size: 1.6em;}

	.scroll-box-5 { padding-top: calc(var(--head-height) + 2em); padding-bottom: 10em; }
	.scroll-box-5 .ls-slide-backgrounds img { opacity: 0; object-position: 18% bottom; height: 82%; top: 20%;}
	.scroll-box-5.is-bg-in .ls-slide-backgrounds img { opacity: 0.8; }
	.scroll-box-5 .m-head h2 { font-size: 1.2em}
	.scroll-box-5 .m-head strong { font-size: 2.6em; }
	.scroll-box-5 .m-head p { font-size: 1em; padding-top: 1em;}
	.scroll-box-5 .inner-box { flex-direction: column; gap: 3em; }
	.scroll-box-5 .head-box { width:100%; }
	.scroll-box-5 .box-inner { width:100%; padding-top: 2em;}
	.scroll-box-5 .tt-ss { text-align: left;}
	.scroll-box-5 .ls-list {display:flex;  align-items: flex-start; gap: 0.4em; padding: 1.3em 0; }
	.scroll-box-5 .stat-label { min-width:9em; max-width:9em;}
	.scroll-box-5 .stat-box { flex-wrap: wrap; flex: unset; width:100%; min-width:0; gap: 1em;}
	.scroll-box-5 .stat-num { flex:unset; width:100%;}
	.scroll-box-5 .stat-num span { font-size: 1.25em;}
	.scroll-box-5 .stat-desc { width:100%; }

	.scroll-box-6 .m-head h2 { font-size: 1.2em;}
	.scroll-box-6 .m-head strong { font-size: 2em; }
	.scroll-box-6 .m-head p { font-size: 1em; }
	.scroll-box-6 .m-head { text-align: left;}
	.scroll-box-6 .head-area { padding-left:0;}
	.scroll-box-6 .ls-view { margin-top: 3em; position: relative; right:unset; display:inline-block}
	/* 모바일: 전체 폭 사용 + 다음 카드가 보이도록 */
	.scroll-box-6 .list-box {
		margin-right:0;
		gap: 1em;
		margin-top:0;
		width:100%;
		max-width: none;
	}
	.scroll-box-6 .ls-list {
		flex: 0 0 82%;
		width: 82%;
		max-width: none;
		min-width: 82%;
		padding-right:0;
		margin-right:0;
	}
	.scroll-box-6 .ls-list .txt-cate { font-size: 1.1em;}
	.scroll-box-6 .ls-list .txt-ss { font-size: 1.4em; }
	.scroll-box-6 .txt-box { padding: 30px 20px;}
	.scroll-box-6 .ls-more { width: 2.6em; height: 2.6em;}


	.con-com-01 { padding-top: 11em; }
	.con-com-01 .area-box {flex-wrap: wrap; padding-top:3em; padding-bottom: 3em;}
	.con-com-01 .lt-box { width:100%;}
	.con-com-01 .rt-box { width:100%; padding-top:3em; padding-left:0;}
	.con-com-01 .con-box-02 { padding-top: 4em;}
	.con-com-01 .about-pin-wrap { height: 310vh; margin: 0 0 1em; }
	.con-com-01 .about-story .img-wrap {
		padding-top: calc(21em - var(--frame) * 0em);
		border-radius: calc(var(--frame) * 2em);
	}
	.con-com-01 .about-story .txt-scene-01 { font-size: 4.5em; }
	.con-com-01 .about-story .txt-scene-02 { font-size: 1.5em; }
	.con-com-01 .about-story .t-365 { top: calc(10% + var(--frame) * 8%); }
	.con-com-01 .about-story .t-mom { bottom: calc(12% + var(--frame) * 4%); }
	.con-com-01 .com-box-03 { padding-top:3em;}
	.con-com-01 .head-box p { line-height: 1.5em; font-size: 2.35em;}
	.con-com-01 .ls-txt-01 { font-size: 2em;}
	.con-com-01 .ls-txt-02 { font-size: 1.2em; max-width:360px;}
	.con-com-01 .com-box-03:before { display:none;}
	.con-com-01 .ls-txt-03 .txt-ss { padding-top: 3em; font-size: 1.1em;}
	
	.con-com-02 .con-box-02 { padding-top:5em;}
	.con-com-02 .ls-txt-01 strong { font-size: 2.35em;}
	.con-com-02 .area-box {flex-wrap: wrap; padding-top:3em; padding-bottom: 3em;}
	.con-com-02 .list-box { margin-right: -1em; }
	.con-com-02 .list-box .ls-list { width: calc(50% - 1.2em); margin-right:1.2em; margin-bottom:4em;}
	.con-com-02 .txt-box { padding: 1.5em 5px;}
	.con-com-02 .txt-head strong  {font-size: 1.15em}
	.con-com-02 .txt-head strong span{ font-size: 1.45em}
	.con-com-02 .txt-head { font-size: 0.9em} 
	.con-com-02 .ls-view { font-size: 10px}
	.con-com-02 .card-area { border-radius: 1em;}

	.con-com-03 .ls-txt-01 strong { font-size: 2.35em;}
	.con-com-03 .area-box {flex-wrap: wrap; }
	.con-com-03 .lt-box { width:100%;}
	.con-com-03 .rt-box { width:100%; padding-left:0; padding-top:0;}
	.con-com-03 .con-box-02 { margin-top: 5em;}
	.con-com-03 .floor-head { width:100%;}
	.con-com-03 .floor-btn { gap: 2.5em;}
	.con-com-03 .floor-item a { padding: 20px 30px; }
	.con-com-03 .floor-item h4 { font-size:1.5em;}
	.con-com-03 .floor-item p { font-size: 1.3em;}
	.con-com-03 .floor-item strong { font-size: 2.2em;}
	.con-com-03 .floor-item strong:after { margin-top: 0.05em; height:2px;}
	.con-com-03 .floor-item { min-height:auto;}
	.con-com-03 .floor-list { padding-top: 2em; width:100%;}
	.con-com-03 .floor-info { padding-left: 20px;}
	.con-com-03 .ls-img-01 { border-radius: 1em;}

	.con-com-04 .ls-txt-01 strong { font-size: 2.35em;}
	.con-com-04 .con-box-02 .list-box-01 ul {grid-template-columns:repeat(2, 1fr)}
	.con-com-04 .com-box-02 { padding: 7em 0 }

	.con-com-05 .ls-txt-01 strong { font-size: 2.35em;}
	.con-com-05 .head-h4 { font-size: 2em;}
	.con-com-05 .head-line { text-align: left; align-items: start; justify-content: start; flex-direction: column;}
	.con-com-05 .head-line p { padding-top: 1em; font-size: 1.3em;}
	.con-com-05 .con-box-02 { margin-top:8em;}
	.con-com-05 .con-box-03 { margin-top:7em;}
	.con-com-05 .con-box-04 { margin-top:7em;}
	.con-com-05 .list-box-01 { grid-template-columns: repeat(2, 1fr);}
	.con-com-05 .list-box-01 .ls-list { padding-bottom:3em; }
	.con-com-05 .list-box-01 .ls-icon { width: 4.5em; height: 4.5em; margin-bottom: 0.5em;}
	.con-com-05 .area-box {flex-wrap: wrap; padding-top:3em; padding-bottom: 3em;}
	.con-com-05 .lt-box { width:100%;}
	.con-com-05 .rt-box { width:100%; padding-top:5em;}
	.con-com-05 .map-img { height: 25em; }
	.con-com-05 .map-img img { height: 100%; object-fit: cover;}
	.con-com-05 .ls-txt-03 { font-size: 1.5em;}
	.con-com-05 .list-box-02 { max-width: 400px;}
	.con-com-05 .list-box-02 li { flex:1;}
	.con-com-05 .list-box-02 a { width:100%;}
	.con-com-05 .list-box-02 a { background:var(--color-base-3); color:var(--bg-white);}
	.con-com-05 .traffic-box .ls-icon { width: 8em; height:8em}
	.con-com-05 .parking-txt { font-size: 1.2em;}

	.con-com-06 .ls-txt-01 strong { font-size: 2.35em;}
	.con-com-06 .ls-txt-01 p { font-size: 1.25em;}
	.con-com-06 .area-box {flex-wrap: wrap; padding-top:3em; padding-bottom: 3em; text-align: center;}
	.con-com-06 .area-box .lt-box { width:100%;}
	.con-com-06 .area-box .rt-box { width:100%; padding-top:3em;}
	.con-com-06 .txt-type { text-align: center;}
	.con-com-06 .con-box-02 { margin-top:8em;}
	.con-com-06 .con-box-04 { margin-top: 8em;}
	.con-com-06 .head-box { text-align: center;}
	.con-com-06 .head-box h4 { font-size: 1.9em;}
	.con-com-06 .img-box-01 { aspect-ratio: 5 / 4.5; margin-bottom:4em;}
	.con-com-06 .img-box-01 .ls-img-01 { height: 65%;}
	.con-com-06 .img-box-01 .img-txt { height: 65%; }
	.con-com-06 .img-box-01 .img-txt p { font-size: 8px;}
	.con-com-06 .img-box-01 .img-txt p:nth-child(2) { text-align: left; left: -6em;}
	.con-com-06 .img-box-01 .img-txt p:nth-child(3) { text-align: left; right: -6em;}
	.con-com-06 .list-box-01 { grid-template-columns: 1fr; }
	.con-com-06 .list-box-01 ul { max-width: 400px; width:60%; margin: 0 auto;}
	.con-com-06 .list-box-01 li { font-size: 1.2em;}
	.con-com-06 .list-box-01 dt { font-size: 1.2em;}
	.con-com-06 .ul-box-01 ul {flex-wrap: wrap; gap: 1.2em 0;}
	.con-com-06 .ul-box-01 li {flex:0 0 48%; width:48%;}
	.con-com-06 .ul-box-01 a { font-size: 1.25em; line-height: 1; padding: 0.6em 1em}
	.con-com-06 .area-box-2 {flex-wrap: wrap; padding-top:3em; padding-bottom: 3em; text-align: center;}
	.con-com-06 .area-box-2 .lt-box { width:100%;}
	.con-com-06 .area-box-2 .rt-box { width:100%; }
	.con-com-06 .dis-box { margin-bottom: 8em}
	.con-com-06 .dis-box .dis-head strong { font-size: 1.6em;}
	.con-com-06 .dis-box .dis-head {text-align: center;}
	.con-com-06 .dis-box .dis-head p { font-size: 1.15em;}
	.con-com-06 .dis-box .head-h6 { font-size: 2.35em }
	.con-com-06 .dis-box .head-h6 span { font-size: 0.8em;}
	.con-com-06 .dis-box .area-box-2 { padding:35px 15px; gap: 4em;}
	.con-com-06 .dis-box .img-list ul {gap: 1em;}
	.con-com-06 .dis-box .ls-tt { font-size: 9px; margin-bottom: 2em}

	.con-com-07 .ls-txt-01 strong { font-size: 2.35em;}
	.con-com-07 .ls-txt-01 p { font-size: 1.25em;}
	.con-com-07 .area-box {flex-wrap: wrap; padding-top:3em; padding-bottom: 3em; text-align: center;}
	.con-com-07 .area-box .lt-box { width:100%;}
	.con-com-07 .area-box .rt-box { width:100%; padding-top:3em;}
	.con-com-07 .txt-type { text-align: center;}
	.con-com-07 .con-box-02 { margin-top:8em;}
	.con-com-07 .con-box-04 { margin-top: 8em;}
	.con-com-07 .head-box { text-align: center;}
	.con-com-07 .head-box h4 { font-size: 1.9em;}
	.con-com-07 .img-box-01 { aspect-ratio: 5 / 4.5; margin-bottom:4em;}
	.con-com-07 .img-box-01 .ls-img-01 { height: 70%;}
	.con-com-07 .img-box-01 .img-txt { height: 70%; }
	.con-com-07 .img-box-01 .img-txt p { font-size: 8px;}
	.con-com-07 .img-box-01 .img-txt p:nth-child(3) { right: -4.5em}
	.con-com-07 .list-box-01 { grid-template-columns: 1fr; }
	.con-com-07 .list-box-01 ul { max-width: 400px; width:60%; margin: 0 auto;}
	.con-com-07 .list-box-01 li { font-size: 1.2em;}
	.con-com-07 .list-box-01 dt { font-size: 1.2em;}
	.con-com-07 .ul-box-01 ul {flex-wrap: wrap; gap: 1.2em 0;}
	.con-com-07 .ul-box-01 li {flex:0 0 48%; width:48%;}
	.con-com-07 .ul-box-01 a { font-size: 1.25em; line-height: 1; padding: 0.6em 1em}
	.con-com-07 .area-box-2 {flex-wrap: wrap; padding-top:3em; padding-bottom: 3em; text-align: center;}
	.con-com-07 .area-box-2 .lt-box { width:100%;}
	.con-com-07 .area-box-2 .rt-box { width:100%; }
	.con-com-07 .dis-box { margin-bottom: 8em}
	.con-com-07 .dis-box .dis-head strong { font-size: 1.6em;}
	.con-com-07 .dis-box .dis-head {text-align: center;}
	.con-com-07 .dis-box .dis-head p { font-size: 1.15em;}
	.con-com-07 .dis-box .head-h6 { font-size: 2.35em }
	.con-com-07 .dis-box .head-h6 span { font-size: 0.8em;}
	.con-com-07 .dis-box .area-box-2 { padding:35px 15px; gap: 4em;}
	.con-com-07 .dis-box .img-list ul {gap: 1em;}
	.con-com-07 .dis-box .ls-tt { font-size: 9px; margin-bottom: 2em}

	.con-com-08 .ls-txt-01 strong { font-size: 2.35em;}
	.con-com-08 .ls-txt-01 p { font-size: 1.25em;}
	.con-com-08 .area-box {flex-wrap: wrap; padding-top:3em; padding-bottom: 3em; text-align: center;}
	.con-com-08 .area-box .lt-box { width:100%;}
	.con-com-08 .area-box .rt-box { width:100%; padding-top:3em;}
	.con-com-08 .txt-type { text-align: center;}
	.con-com-08 .con-box-02 { margin-top:8em;}
	.con-com-08 .con-box-04 { margin-top: 8em;}
	.con-com-08 .head-box { text-align: center;}
	.con-com-08 .head-box h4 { font-size: 1.9em;}
	.con-com-08 .img-box-01 { aspect-ratio: 5 / 4.5; margin-bottom:4em;}
	.con-com-08 .img-box-01 .ls-img-01 { height: 65%;}
	.con-com-08 .img-box-01 .img-txt { height: 65%; }
	.con-com-08 .img-box-01 .img-txt p { font-size: 8px;}
	.con-com-08 .img-box-01 .img-txt p:nth-child(2) { text-align: left; left: -6em;}
	.con-com-08 .img-box-01 .img-txt p:nth-child(3) { text-align: left; right: -6em;}
	.con-com-08 .list-box-01 { grid-template-columns: 1fr; }
	.con-com-08 .list-box-01 ul { max-width: 400px; width:60%; margin: 0 auto;}
	.con-com-08 .list-box-01 li { font-size: 1.2em;}
	.con-com-08 .list-box-01 dt { font-size: 1.2em;}
	.con-com-08 .ul-box-01 ul {justify-content: start; flex-wrap: wrap; }
	.con-com-08 .ul-box-01 li {flex:0 0 48%; width:48%;}
	.con-com-08 .ul-box-01 a { font-size: 1.25em; line-height: 1; padding: 0.6em 1em}
	.con-com-08 .area-box-2 {flex-wrap: wrap; padding-top:3em; padding-bottom: 3em; text-align: center;}
	.con-com-08 .area-box-2 .lt-box { width:100%;}
	.con-com-08 .area-box-2 .rt-box { width:100%; }
	.con-com-08 .dis-box { margin-bottom: 8em}
	.con-com-08 .dis-box .dis-head strong { font-size: 1.6em;}
	.con-com-08 .dis-box .dis-head {text-align: center; max-width:unset;}
	.con-com-08 .dis-box .dis-head p { font-size: 1.15em;}
	.con-com-08 .dis-box .head-h6 { font-size: 2.35em }
	.con-com-08 .dis-box .area-box-2 { padding:35px 15px; gap: 4em;}
	.con-com-08 .dis-box .img-list ul {gap: 1em;}
	.con-com-08 .dis-box .ls-tt { font-size: 9px; margin-bottom: 2em}

	.con-com-09 .ls-txt-01 strong { font-size: 2.35em;}
	.con-com-09 .head-h4 { font-size: 2em;}
	.con-com-09 .head-line { text-align: left; align-items: start; justify-content: start; flex-direction: column;}
	.con-com-09 .head-line p { padding-top: 1em; font-size: 1.3em;}
	.con-com-09 .con-box-02 { margin-top:8em;}
	.con-com-09 .list-box-01 { grid-template-columns: repeat(2, 1fr);}
	.con-com-09 .list-box-01 .ls-list { padding-bottom:3em; }
	.con-com-09 .list-box-01 .ls-icon { width: 4.5em; height: 4.5em; margin-bottom: 0.5em;}
	.con-com-09 .ls-txt-02 { padding: 20px;}
	.con-com-09 .cal-table .doc-img { display:none; }
	.con-com-09 .cal-table thead th span { display:block;}
	.con-com-09 .cal-op { font-size: 9px;}
	.con-com-09 .cal-dot { width: 0.6em; height: 0.6em}
	.con-com-09 .cal-table .doc-name { font-size: 1.25em;}
	.con-com-09 .cal-table th, .con-com-09 .cal-table td { border-width: 1px; text-align: center; padding-left: 0; padding-right:0;}
	.con-com-09 .cal-table {table-layout: fixed;}
	.con-com-09 .cal-table thead th:nth-child(1) { width: 17%;}

	.con-com-10 .ls-txt-01 strong { font-size: 2.35em;}
	.con-com-10 .head-h4 { font-size: 2em;}
	.con-com-10 .ls-txt-02 strong span { font-size: 1.05em}
	.con-com-10 .print-box .area-box { flex-wrap:wrap; gap: 1.2em; }
	.con-com-10 .print-box .lt-box,
	.con-com-10 .print-box .rt-box { width:100%; }
	.con-com-10 .print-box .rt-box { padding-top: 2em;}
	.con-com-10 .print-li > strong { font-size: 1.2em; }
	.con-com-10 .print-li li { font-size: 1.1em; padding-top: 0.9em; padding-bottom:0.9em}
	.con-com-10 .table-01 th,
	.con-com-10 .table-01 td { font-size: 1em; padding: 0.9em 5px; }
	.con-com-10 .table-01 tbody th {font-size: 1.2em }
	.con-com-10 .ls-txt-02 strong { width:100%; display:flex; max-width: 35em; margin:0 auto;}
	.con-com-10 .ls-txt-02 { text-align: left;}
	.con-com-10 .table-01 tbody td:nth-child(1), .con-com-10 .table-01 thead th:nth-child(1) { width: 15%;}
	.con-com-10 .table-01 tbody td:nth-child(2), .con-com-10 .table-01 thead th:nth-child(2) { width: 30%;}
	.con-com-10 .table-01 thead th:not(:last-child) { padding-right: 10px;}

	.con-com-11 .ls-txt-01 strong { font-size: 2.35em;}
	.con-com-11 .head-h4 { font-size: 2em;}
	.con-com-11 .ls-txt-02 strong { width:100%; display:flex; max-width: 35em; margin:0 auto;}
	.con-com-11 .ls-txt-02 { text-align: left;}
	.con-com-11 .ls-txt-02 strong span { font-size: 1.05em}
	.con-com-11 .table-01 { font-size: 1.15em; margin-bottom:30px}
	.con-com-11 .con-box-03 { width:calc(100% + 20px); }
	.con-com-11 .con-box-04 { width:calc(100% + 20px); }
	.con-com-11 .print-table { padding-right:20px;}
	.con-com-11 .print-table::-webkit-scrollbar { width: 100%; height: 5px; }
	.con-com-11 .print-table::-webkit-scrollbar-thumb { background: var(--color-base-3); border-radius: 1em; }
	.con-com-11 .print-table::-webkit-scrollbar-track {  margin-right:20px; border-radius: 1em; background-color: #dbdbdb; }

	.con-com-12 .ls-txt-01 strong { font-size: 2.35em;}
	.con-com-12 .head-h4 { font-size: 1.8em;}
	.con-com-12 .ls-img-01 { height: 26em; padding-top:0;}
	.con-com-12 .ls-img-01 img { object-position: 14% center;}
	.con-com-12 .con-box-02 { margin-bottom: 7em;}
	.con-com-12 .ls-txt-02 { font-size: 1.15em;}
	.con-com-12 .con-box-03 .area-box { flex-wrap:wrap; gap: 1.5em; }
	.con-com-12 .con-box-03 .lt-box,
	.con-com-12 .con-box-03 .rt-box { width:100%; }
	.con-com-12 .con-box-03 .head-box h4 { font-size: 2em; }
	.con-com-12 .dl-box-01 dl { flex-wrap:wrap; gap: 0.2em; margin-bottom: 1.2em; font-size: 1.1em; }
	.con-com-12 .dl-box-01 dt { flex:0 0 100%; width:100%; max-width:100%; padding: 0.9em 1em;  }

	.con-com-13 .ls-txt-01 strong { font-size: 2.35em;}
	.con-com-13 .head-h4 { font-size: 2em;}
	.con-com-13 .ls-list { width:calc(50% - 2em); margin-bottom: 4em; margin-right: 2em;}
	.con-com-13 .list-box { margin-right: -2em}
	.con-com-13 .txt-box { font-size: 1.2em;}

}
	

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

	.con-com-12 .list-box .ls-list { width:calc(100% - 3em)}


}


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


	.con-com-03 .list-box-01 .ls-list { width:calc(100% - 2.1em);}
	.con-com-07 .list-box-01 { grid-template-columns: 1fr; }
	.con-com-04 .list-box-01 .ls-list { width:calc(100% - 1.7em); }
	

	.con-com-09 .con-box-03 .list-box-02 ul { grid-template-columns: repeat(2, 1fr); }

	.con-com-13 .ls-list { width:calc(100% - 2em); margin-right: 2em;}

}


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

	


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






/* 중간 레이아웃 */
/**********************************************************************************************************************/
/* 여기부터 반응형 메인 박스 스타일 적용 */
/**********************************************************************************************************************/
#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;}

/* ======================================== */
/* PRESERVED: board/gallery + system styles */
/* ======================================== */

.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;}


/* ======================================== */
/* 보존 영역 1: 게시판/갤러리 스킨 */
/* ======================================== */

/* 개인정보 처리방침 레이어 */
.layer_popup {position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(255,255,255,0.9);z-index:1000;display:none; overflow-y:scroll;}
.layer_popup .inner {width:100%;max-width:1640px; margin:0 auto;}
.layer_popup .inner .box {padding:0 20px;}
.layer_popup .inner .close_top {text-align:right; margin-top:45px;}
.layer_popup .inner .close_top .imgbox {cursor:pointer;}
.layer_popup .inner .con {width:100%; max-width:1400px; margin:0 auto; margin-top:5%; line-height:30px;}
.layer_popup .inner .con .inbox {padding:20px;}


/* 2025 갤러리 신규 스킨 */

/*게시판 : 인증현황 */
#news_list { width:100%; margin-left:10px;  }
#news_list .gl_list { display:inline-block; width:24%;   }
.bo_list1 { width:100%; display:flex; justify-content: center; align-items: flex-start;}
.bo_list1 li {width:100%; max-width:280px; height:450px; overflow:hidden; padding:10px; }
.bo_list1 .bo_image1 { width:100%; overflow:hidden; height:380px; border:1px solid #eee; }
.bo_list1 .bo_image1 img {object-fit: cover; height: 380px; width: 100%; padding:10px; }
.bo_list1 .bo_title1 {margin-top:20px; height:80px; text-align:center; }
.bo_list1 .bo_title1 .tt { font-size:1.05em; font-weight:700; max-height:100px; overflow:hidden; word-break: keep-all;}
.bo_list1 .bo_title1 .st { margin-top:10px; color:#767676; font-size:0.9em; }
.bo_list1 .bo_title1 .dt { margin-top:10px; font-size:0.8em; color:#767676;  }
.vo_title1 { border-top:2px solid var(--color-base-3, #113090); border-bottom:1px solid #ccc; padding:50px 20px 40px 20px; text-align:center; margin-bottom:50px; margin-top:0px;  }
.vo_title1 .tt { font-size:1.7em; font-weight:600; margin-bottom:20px; }
.vo_title1 .st { font-size:0.9em; color:#888; font-weight:400; }
.vo_list_btn1 { text-align:center; margin:80px 0; }
.vo_list_btn1 a {
	text-align:center; padding:0.7em 1.4em 0.8em; display:inline-block; font-weight:600;
	min-width: 7em; border-radius: 0.4em; color:#fff; font-size: 1em;
	background:var(--color-base-3, #113090); border:1px solid var(--color-base-3, #113090);
	text-decoration:none;
}
.vo_list_btn1 a:hover { background:var(--color-base-1, #0a2ca9); border-color:var(--color-base-1, #0a2ca9); color:#fff; }

/*게시판 : 일반 */
.bo_list2, #bo_v, #bo_w { width:100%; max-width:1440px; margin:0 auto; }
.bo_list2 table {width:100%; border-collapse:collapse;}
.bo_list2 table thead th { border-top:2px solid #000; border-bottom:1px solid #000;  padding:20px 7px; text-align:center; }
.bo_list2 table tbody td { border-bottom:1px solid #e5e5e5; padding:20px 7px; text-align:left;}
.bo_list2 table tbody td.text-center {text-align:center;}
.bo_list2 a:hover { color:#da4a44; }

#bo_v, #bo_w table {width:100%; border-collapse:collapse;}
#bo_v, #bo_w table tbody td { text-align:left;}


#bo_list2_search { max-width:1440px; margin:0 auto; text-align:right; margin-bottom:20px; padding:20px 0 50px 0; }
#bo_list2_search select { width:120px; height:40px; border:1px solid #cfcfcf;  }
#bo_list2_search input[type=text] { width:50%;max-width:300px; height:40px;  border:1px solid #cfcfcf; padding:0 10px; }
#bo_list2_search input[type=submit] { width:90px; height:40px;  border:1px solid #da4a44; color:#da4a44; background:#fff; }
#bo_list2_search input[type=submit]:hover { color:#fff; background:#da4a44; }

/* 사내소식 */
#news_list3 { width:100%; margin-left:10px;  }
#news_list3 .gl_list { display:inline-block; width:24%;   }
.bo_list3 { width:100%; display:flex; justify-content: center; align-items: flex-start;}
.bo_list3 li {width:100%; max-width:400px; height:380px; overflow:hidden; padding:10px; }
.bo_list3 .bo_image1 { width:100%; overflow:hidden; height:210px; border:1px solid #eee; }
.bo_list3 .bo_image1 img {object-fit: cover; height: 210px; width: 100%; padding:0px; }
.bo_list3 .bo_title1 {margin-top:20px; height:80px; text-align:left; }
.bo_list3 .bo_title1 .tt { font-size:1.35em; font-weight:700; max-height:100px; overflow:hidden; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bo_list3 .bo_title1 .st { margin-top:10px; color:#767676; font-size:0.9em; word-break: break-all; }
.bo_list3 .bo_title1 .dt { margin-top:10px; font-size:0.8em; color:#767676;  }

#bo_v_atc * { word-break: break-all; }

.bo-gall-09 { max-width:1440px; overflow: hidden; margin:0 auto; padding: 0em 0px 10em 0px; position: relative; letter-spacing: -0.05em;}
.bo-gall-09 .com-box-01 { max-width: 1440px; margin:0 auto; padding-left:20px; padding-right:20px;}
.bo-gall-09 .con-box-02 {  padding-top: 0em; padding-bottom:2em;}
.bo-gall-09 .total-box { text-align: left; font-size: 0.9em; }
.bo-gall-09 .photo-list-box {margin-right:-2em; padding-top:2em; overflow: hidden; display:flex; flex-wrap: wrap; align-items: stretch;}
.bo-gall-09 .ls-list { text-align: left; width: calc(33.333% - 2em) ; margin-right: 2em; margin-bottom:3em;}
.bo-gall-09 .img-box { border-radius: 1em; overflow: hidden; }
.bo-gall-09 .img-box img { width:100%; height:320px; object-fit: cover; }
.bo-gall-09 .ls-cate { padding-bottom: 0.7em; font-size: 0.9em; font-weight:500}
.bo-gall-09 .ls-title { margin-bottom: 1em; height: 3em; font-size: 1.1em; font-weight:600; -webkit-line-clamp:2;	overflow: hidden;	word-wrap: break-word;	text-overflow: ellipsis;	display: -webkit-box;	-webkit-box-orient: vertical;}
.bo-gall-09 .ls-type { color:#000; opacity: 0.7; font-size: 0.9em; height: 1.4em; margin-bottom: 1em;  -webkit-line-clamp:1;	overflow: hidden;	word-wrap: break-word;	text-overflow: ellipsis;	display: -webkit-box;	-webkit-box-orient: vertical;}
.bo-gall-09 .ls-subject { color:#000; opacity: 0.7; font-size: 0.9em; height: 3em; margin-bottom: 1em;  -webkit-line-clamp:2;	overflow: hidden;	word-wrap: break-word;	text-overflow: ellipsis;	display: -webkit-box;	-webkit-box-orient: vertical;}
.bo-gall-09 .ls-day { color:#000; padding-top:1.2em; padding-bottom: 0.7em; opacity: 0.7; font-size: 0.9em; padding-bottom:1.5em; }
.bo-gall-09-view { overflow: hidden; margin:0 auto; padding: 10em 0px 10em 0px; position: relative; letter-spacing: -0.05em;}
.bo-gall-09-view .com-box-01 { max-width: 1685px; margin:0 auto; padding-left:20px; padding-right:20px;}
.bo-gall-09-view .con-box-02 {  padding-top: 8em; padding-bottom:2em;}
.bo-gall-09-view .photo-head { text-align: left; padding: 2em 5px 2em 5px; border-bottom:1px solid #e5e5e5; position: relative; border-top:1px solid #000;}
.bo-gall-09-view .ls-cate { padding-bottom: 0.7em; font-weight:500}
.bo-gall-09-view .ls-title { margin-bottom: 1em; font-size: 1.834em; font-weight:600; word-wrap: break-word;}
.bo-gall-09-view .ls-day { color:#000;  opacity: 0.7; font-size: 0.9em;}
.bo-gall-09-view .photo-con { padding: 5em 0;}

@media all and (max-width : 1024px){
	.bo-gall-09 .txt-head h4 { font-size: 1.47em;}
	.bo-gall-09 .ls-list { width: calc(33.333% - 2em)}
}

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

	.bo-gall-09 { padding-top:5em; padding-bottom: 5em;}
	.bo-gall-09 .total-box { display:none;}
	.bo-gall-09 .ls-list { width: 100%;}
	.bo-gall-09 .photo-list-box { display:block; width:100%;}
	.bo-gall-09 .img-box { width:100%; height:200px; }
	.bo-gall-09 .ls-day { padding-top:0.5em; padding-bottom: 0.5em; font-size: 1.2em;}
	.bo-gall-09 .ls-title { font-size: 1.5em;}

	.bo-gall-09-view { padding-top:5em; padding-bottom: 5em;}
	.bo-gall-09-view .ls-title { font-size: 1.1em;}
	.bo-gall-09-view .ls-day { position:  relative; top:auto; transform: none; }
	.bo-gall-09-view .photo-head { padding: 1.8em 5px;}
	.bo-gall-09-view .con-box-02 { padding-top: 6em;}
	.bo-gall-09-view .photo-con { padding: 3em 0;}

	/*게시판 : 인증현황 */
	#news_list { width:100%; margin-left:0px;  }
	#news_list .gl_list { display:inline-block; width:48%;   }
	.bo_list1 { width:100%; display:flex; justify-content: center; align-items: flex-start;}
	.bo_list1 li {width:100%; max-width:280px; height:250px; overflow:hidden; padding:10px; }
	.bo_list1 .bo_image1 { width:100%; overflow:hidden; height:190px; border:1px solid #eee; }
	.bo_list1 .bo_image1 img {object-fit: cover; height: 190px; width: 100%; padding:5px; }
	.bo_list1 .bo_title1 {margin-top:10px; height:50px; text-align:center; }
	.bo_list1 .bo_title1 .tt { font-size:0.9em; font-weight:600; max-height:100px; overflow:hidden; word-break: keep-all;}
	.bo_list1 .bo_title1 .st { margin-top:10px; color:#767676; font-size:0.9em; }
	.bo_list1 .bo_title1 .dt { margin-top:10px; font-size:0.8em; color:#767676;  }
	.vo_title1 { border-top:2px solid var(--color-base-3, #113090); border-bottom:1px solid #ccc; padding:30px 10px 20px 10px; text-align:center; margin-bottom:50px; margin-top:0px;  }
	.vo_title1 .tt { font-size:1.3em; font-weight:600; margin-bottom:10px; }
	.vo_title1 .st { font-size:0.9em; color:#888; font-weight:400; }
		
	/*게시판 : 일반 */
	.bo_list2 { width:100%; }
	.bo_list2 table {width:100%; border-collapse:collapse;}
	.bo_list2 table thead th { border-top:2px solid #000; border-bottom:1px solid #000;  padding:20px 7px; text-align:center; }
	.bo_list2 table tbody td { border-bottom:1px solid #e5e5e5; padding:20px 7px; }
	.bo_list2 table tbody td.text-center {text-align:center;}
	.bo_list2 a:hover { color:#51b431; }


	#bo_list2_search { margin:0 auto; text-align:center; margin-bottom:20px;  margin-top:0; }
	#bo_list2_search select { width:80px; height:40px; border:1px solid #cfcfcf;  }
	#bo_list2_search input[type=text] { width:100%; height:40px;  border:1px solid #cfcfcf; padding:0px; }
	#bo_list2_search input[type=submit] { width:50px; height:40px;  border:1px solid #51b431; color:#51b431; background:#fff; }
	#bo_list2_search input[type=submit]:hover { color:#fff; background:#51b431; }

	#bo_list_admin th:nth-of-type(2) {display:none;}
	#bo_list th:nth-of-type(1) {display:none;}
	#bo_list_admin td:nth-of-type(2) {display:none;}
	#bo_list td:nth-of-type(1) {display:none;}

	/* 사내소식 */
	#news_list3 { width:100%; margin-left:0px;  }
	#news_list3 .gl_list { display:inline-block; width:100%;   }
	.bo_list3 { width:100%; display:flex; justify-content: center; align-items: flex-start;}
	.bo_list3 li {width:100%; max-width:400px; height:400px; overflow:hidden; padding:10px; }
	.bo_list3 .bo_image1 { width:100%; overflow:hidden; height:210px; border:1px solid #eee; }
	.bo_list3 .bo_image1 img {object-fit: cover; height: 210px; width: 100%; padding:0px; }
	.bo_list3 .bo_title1 {margin-top:20px; height:80px; text-align:left; }
	.bo_list3 .bo_title1 .tt { font-size:1.35em; font-weight:700; max-height:100px; overflow:hidden; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.bo_list3 .bo_title1 .st { margin-top:10px; color:#767676; font-size:0.9em; }
	.bo_list3 .bo_title1 .dt { margin-top:10px; font-size:0.8em; color:#767676;  }

}
@media all and (max-width : 540px){
	
	.bo-gall-09 .photo-list-box .ls-list { width: 100%; margin-right:0; border-right:0; border-left:0; border-bottom:0; padding-left:0; padding-right:0;}
	.bo-gall-09 .photo-list-box {margin-right:0; border-bottom:1px solid #e5e5e5}
	.bo-gall-09 .img-box { position: relative; padding-top: 52%;  overflow: hidden;}
	.bo-gall-09 .img-box img { position: absolute; top:0;  }

}
/* 2025 갤러리 신규 스킨 ////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


/* ======================================== */
/* 보존 영역 2: 시스템 스타일 */
/* ======================================== */


/* 지도 라인 드로잉 애니메이션 */
#map_lines path.line {
	fill: none;
	stroke-dasharray: 2000;
	stroke-dashoffset: 2000;
	transition: stroke-dashoffset 0s;
}
#map_lines.animate path.line {
	stroke-dashoffset: 0;
}
#map_lines.animate path.line-1 { transition: stroke-dashoffset 1.5s ease-out 0.1s; }
#map_lines.animate path.line-2 { transition: stroke-dashoffset 1.5s ease-out 0.2s; }
#map_lines.animate path.line-3 { transition: stroke-dashoffset 1.5s ease-out 0.3s; }
#map_lines.animate path.line-4 { transition: stroke-dashoffset 1.5s ease-out 0.4s; }
#map_lines.animate path.line-5 { transition: stroke-dashoffset 1.5s ease-out 0.5s; }
#map_lines.animate path.line-6 { transition: stroke-dashoffset 2s ease-out 0.6s; }
#map_lines.animate path.line-7 { transition: stroke-dashoffset 2s ease-out 0.8s; }
#map_lines.animate path.line-8 { transition: stroke-dashoffset 2s ease-out 1s; }
#map_lines.animate path.line-9 { transition: stroke-dashoffset 1.5s ease-out 1.2s; }
#map_lines.animate path.line-10 { transition: stroke-dashoffset 2s ease-out 1.4s; }
#map_lines.animate path.line-11 { transition: stroke-dashoffset 1.5s ease-out 1.6s; }
#map_lines.animate path.line-12 { transition: stroke-dashoffset 1.5s ease-out 1.8s; }
#map_lines.animate path.line-13 { transition: stroke-dashoffset 1.5s ease-out 2s; }
#map_lines.animate path.line-14 { transition: stroke-dashoffset 2s ease-out 2.2s; }

/* 점(마커) 페이드인 */
#map_lines g { opacity: 0; transition: opacity 0.5s ease; }
#map_lines.animate g { opacity: 1; }
#map_lines.animate g:nth-of-type(1) { transition-delay: 0.5s; }
#map_lines.animate g:nth-of-type(2) { transition-delay: 0.7s; }
#map_lines.animate g:nth-of-type(3) { transition-delay: 0.9s; }
#map_lines.animate g:nth-of-type(4) { transition-delay: 1.1s; }
#map_lines.animate g:nth-of-type(5) { transition-delay: 1.3s; }
#map_lines.animate g:nth-of-type(6) { transition-delay: 1.5s; }
#map_lines.animate g:nth-of-type(7) { transition-delay: 1.7s; }
#map_lines.animate g:nth-of-type(8) { transition-delay: 1.9s; }
#map_lines.animate g:nth-of-type(9) { transition-delay: 2.1s; }
#map_lines.animate g:nth-of-type(10) { transition-delay: 2.3s; }
#map_lines.animate g:nth-of-type(11) { transition-delay: 2.5s; }
#map_lines.animate g:nth-of-type(12) { transition-delay: 2.7s; }
#map_lines.animate g:nth-of-type(13) { transition-delay: 2.9s; }
#map_lines.animate g:nth-of-type(14) { transition-delay: 3.1s; }
#map_lines.animate g:nth-of-type(15) { transition-delay: 3.3s; }
#map_lines.animate g:nth-of-type(16) { transition-delay: 3.5s; }

/* 모바일 대응: 지도 애니메이션 속도 조정 */
@media all and (max-width: 768px) {
	#map_lines path.line {
		stroke-width: 1.5px; /* 모바일에서 선 두께 증가 */
	}
	/* 모바일에서 애니메이션 속도 조정 (빠르게) */
	#map_lines.animate path.line-1 { transition: stroke-dashoffset 1s ease-out 0.05s; }
	#map_lines.animate path.line-2 { transition: stroke-dashoffset 1s ease-out 0.1s; }
	#map_lines.animate path.line-3 { transition: stroke-dashoffset 1s ease-out 0.15s; }
	#map_lines.animate path.line-4 { transition: stroke-dashoffset 1s ease-out 0.2s; }
	#map_lines.animate path.line-5 { transition: stroke-dashoffset 1s ease-out 0.25s; }
	#map_lines.animate path.line-6 { transition: stroke-dashoffset 1.2s ease-out 0.3s; }
	#map_lines.animate path.line-7 { transition: stroke-dashoffset 1.2s ease-out 0.4s; }
	#map_lines.animate path.line-8 { transition: stroke-dashoffset 1.2s ease-out 0.5s; }
	#map_lines.animate path.line-9 { transition: stroke-dashoffset 1s ease-out 0.6s; }
	#map_lines.animate path.line-10 { transition: stroke-dashoffset 1.2s ease-out 0.7s; }
	#map_lines.animate path.line-11 { transition: stroke-dashoffset 1s ease-out 0.8s; }
	#map_lines.animate path.line-12 { transition: stroke-dashoffset 1s ease-out 0.9s; }
	#map_lines.animate path.line-13 { transition: stroke-dashoffset 1s ease-out 1s; }
	#map_lines.animate path.line-14 { transition: stroke-dashoffset 1.2s ease-out 1.1s; }
	
	/* 모바일에서 마커 딜레이 조정 */
	#map_lines.animate g:nth-of-type(1) { transition-delay: 0.62s; }
	#map_lines.animate g:nth-of-type(2) { transition-delay: 0.78s; }
	#map_lines.animate g:nth-of-type(3) { transition-delay: 0.5s; }
	#map_lines.animate g:nth-of-type(4) { transition-delay: 0.6s; }
	#map_lines.animate g:nth-of-type(5) { transition-delay: 0.7s; }
	#map_lines.animate g:nth-of-type(6) { transition-delay: 0.8s; }
	#map_lines.animate g:nth-of-type(7) { transition-delay: 0.9s; }
	#map_lines.animate g:nth-of-type(8) { transition-delay: 1s; }
	#map_lines.animate g:nth-of-type(9) { transition-delay: 1.1s; }
	#map_lines.animate g:nth-of-type(10) { transition-delay: 1.2s; }
	#map_lines.animate g:nth-of-type(11) { transition-delay: 1.3s; }
	#map_lines.animate g:nth-of-type(12) { transition-delay: 1.4s; }
	#map_lines.animate g:nth-of-type(13) { transition-delay: 1.5s; }
	#map_lines.animate g:nth-of-type(14) { transition-delay: 1.6s; }
	#map_lines.animate g:nth-of-type(15) { transition-delay: 1.7s; }
	#map_lines.animate g:nth-of-type(16) { transition-delay: 1.8s; }
}

/* 반응형 전체메뉴 - Fade Up 애니메이션 (햄버거 구간) */
@media all and (max-width: 1240px) {
	@keyframes fadeUpMenu {
		0% {
			opacity: 0;
			transform: translateY(24px);
		}
		100% {
			opacity: 1;
			transform: translateY(0);
		}
	}
	
	.nav_md .nav-md-ul > li {
		opacity: 0;
	}
	
	.nav_md.is-open.menu-open .nav-md-ul > li,
	.nav_md.menu-open .nav-md-ul > li {
		animation: fadeUpMenu 0.45s ease-out forwards;
	}
	
	.nav_md.menu-open .nav-md-ul > li:nth-child(1) { animation-delay: 0.06s; }
	.nav_md.menu-open .nav-md-ul > li:nth-child(2) { animation-delay: 0.12s; }
	.nav_md.menu-open .nav-md-ul > li:nth-child(3) { animation-delay: 0.18s; }
	.nav_md.menu-open .nav-md-ul > li:nth-child(4) { animation-delay: 0.24s; }
	.nav_md.menu-open .nav-md-ul > li:nth-child(5) { animation-delay: 0.3s; }
	.nav_md.menu-open .nav-md-ul > li:nth-child(6) { animation-delay: 0.36s; }
	.nav_md.menu-open .nav-md-ul > li:nth-child(7) { animation-delay: 0.42s; }
	.nav_md.menu-open .nav-md-ul > li:nth-child(8) { animation-delay: 0.48s; }

	/* 모바일/태블릿: 스크롤 시 헤더 흰색만 (숨김 없음) */
	header {
		transition: background-color 0.3s ease, box-shadow 0.3s ease;
	}
	header.menu-scroll {
		background: #fff;
		box-shadow: 0 2px 12px rgba(7, 39, 91, 0.08);
	}
	/* 파란 박스 위 햄버거 선은 항상 흰색 */
	header.menu-scroll .view-nav-h .view-nav i {
		background: #fff;
	}
}

/* PC 헤더: 스크롤 숨김 / 호버 간격·2차메뉴 트랜지션 (GNB 노출 구간) */
@media all and (min-width: 1241px) {
	header.hd-hide {
		transform: translateY(-100%);
		pointer-events: none;
	}

	/* 기본 간격 = 기존 호버 폭(1000) / 호버 시 그보다 조금 더 벌어짐 */
	header:hover .nav_web {
		max-width: 1120px;
		flex-basis: 1120px;
	}

	/* 블루 세로 박스: 처음 하강 → 이후 페이드 */
	.nav_web > ul > li::after {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: calc(77% + var(--nav-height));
		background: var(--color-base-3);
		z-index: 1;
		pointer-events: none;
		transform-origin: top center;
		opacity: 0;
		transform: scaleY(0);
	}
	/* 1) 첫 오픈: 위에서 아래로 */
	header:not(.mega-settled) .nav_web > ul > li::after {
		transition: transform 0.4s ease, opacity 0.25s ease;
	}
	header:not(.mega-settled) .nav_web > ul > li:hover::after {
		opacity: 1;
		transform: scaleY(1);
	}
	/* 2) 이후 열 이동: 스르르 페이드 */
	header.mega-settled .nav_web > ul > li::after {
		transform: scaleY(1);
		transition: opacity 0.28s ease;
	}
	header.mega-settled .nav_web > ul > li:hover::after {
		opacity: 1;
	}

	/* 호버 시 2차 메뉴 전체 펼침 (위에서 아래로) */
	header:hover .nav_web > ul > li > ul {
		visibility: visible;
		opacity: 1;
		transform: scaleY(1);
		pointer-events: auto;
	}

	/* 2차 메뉴 텍스트 - 순차 등장 */
	.nav_web > ul > li > ul > li {
		opacity: 0;
		transform: translateY(-10px);
		transition: opacity 0.25s ease, transform 0.25s ease;
	}
	header:hover .nav_web > ul > li > ul > li {
		opacity: 1;
		transform: translateY(0);
	}
	header:hover .nav_web > ul > li > ul > li:nth-child(1) { transition-delay: 0.08s; }
	header:hover .nav_web > ul > li > ul > li:nth-child(2) { transition-delay: 0.14s; }
	header:hover .nav_web > ul > li > ul > li:nth-child(3) { transition-delay: 0.2s; }
	header:hover .nav_web > ul > li > ul > li:nth-child(4) { transition-delay: 0.26s; }
	header:hover .nav_web > ul > li > ul > li:nth-child(5) { transition-delay: 0.32s; }
	header:hover .nav_web > ul > li > ul > li:nth-child(6) { transition-delay: 0.38s; }
	header:hover .nav_web > ul > li > ul > li:nth-child(7) { transition-delay: 0.44s; }
	header:hover .nav_web > ul > li > ul > li:nth-child(8) { transition-delay: 0.5s; }
}