@charset "utf-8";

@font-face {
	font-family: 'S-Core-Dream';
	src: url('../fonts/S-CoreDream-2ExtraLight.woff2') format('woff2'),
		url('../fonts/S-CoreDream-2ExtraLight.woff') format('woff'),
		url('../fonts/S-CoreDream-2ExtraLight.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'S-Core-Dream';
	src: url('../fonts/S-CoreDream-3Light.woff2') format('woff2'),
		url('../fonts/S-CoreDream-3Light.woff') format('woff'),
		url('../fonts/S-CoreDream-3Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'S-Core-Dream';
	src: url('../fonts/S-CoreDream-4Regular.woff2') format('woff2'),
		url('../fonts/S-CoreDream-4Regular.woff') format('woff'),
		url('../fonts/S-CoreDream-4Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'S-Core-Dream';
	src: url('../fonts/S-CoreDream-5Medium.woff2') format('woff2'),
		url('../fonts/S-CoreDream-5Medium.woff') format('woff'),
		url('../fonts/S-CoreDream-5Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'S-Core-Dream';
	src: url('../fonts/S-CoreDream-6Bold.woff2') format('woff2'),
		url('../fonts/S-CoreDream-6Bold.woff') format('woff'),
		url('../fonts/S-CoreDream-6Bold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'S-Core-Dream';
	src: url('../fonts/S-CoreDream-7ExtraBold.woff2') format('woff2'),
		url('../fonts/S-CoreDream-7ExtraBold.woff') format('woff'),
		url('../fonts/S-CoreDream-7ExtraBold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}


#skip-nav a{position: absolute; left: -3000%;}
#skip-nav a:focus{display: block; left: 0; top: 0; z-index: 10000000000; width: 100%; height: 30px; line-height: 30px; background: #485068; color: #fff; text-align: center;}

#cm-wrap .fa,
#cm-wrap .fas,
#cm-wrap .far,
#cm-wrap .fal {
   font-family: Font Awesome\ 5 Pro; !important;
}

#cm-wrap *{font-family: "S-Core-Dream",sans-serif;letter-spacing: -0.5px;}

.cmt-top{border-bottom: 1px solid #e4e4e4;}
.cmt-top > .wids{width: calc(100% - 20px);max-width: 1400px;margin: 0 auto;position: relative;}
.mo-open{display: none;}
.cmt-area{display: flex;align-items: center;justify-content: flex-end;padding: 18px 0;}
.cmt-area > *{display: inline-block;margin-left: 10px;}
.cmt-area > h1{margin-bottom: 0;margin-left: 0;margin-right: 10px;line-height: 1;font-size: 0;}
.cmt-area > h1 > a{display: inline-block;font-size: 0;}
.cmt-area > .cmt-login > a{display: inline-block;padding: 0 12px;line-height: 30px;border-radius: 25px;border: 1px solid #e4e4e4;font-size: 15px;color: #333;}
.cmt-area > .cmt-login > a > span{display: inline-block;padding-left: 19px;background: url(../images/cm-common/tic1.png) left center no-repeat;}
.cmt-area > .root_zoom{padding: 0 12px;line-height: 30px;border-radius: 25px;border: 1px solid #e4e4e4;font-size: 0;}
.cmt-area > .root_zoom > span{display: inline-block;font-size: 15px;color: #333;line-height: 1;vertical-align:middle;margin-right: 10px;padding-left: 19px;background: url(../images/cm-common/tic2.png) left center no-repeat;}
.cmt-area > .root_zoom > a{position: relative;vertical-align:middle;display: inline-block;font-size: 0;width: 11px;height: 11px;line-height: 1;}
.cmt-area > .root_zoom > a.sz_up{background: url(../images/cm-common/zoom1.png) center center no-repeat;}
.cmt-area > .root_zoom > a.sz-dw{background: url(../images/cm-common/zoom2.png) center center no-repeat;}
.cmt-area > .root_zoom > a.sz-dw{margin-left: 6px;}
.cmt-area > .root_zoom > a.sz-dw:after{content: "";position: absolute;left: -4px;top: 50%;margin-top: -4px;width: 1px;height: 7px;background: #d5d5d5;}

.cmtb-vsl{border-bottom: 1px solid #e4e4e4;width: 100%;margin: 0 auto;background: url(../images/cm-common/tvic1.png) left top no-repeat, url(../images/cm-common/tvic2.png) right top no-repeat;}
.cmtb-vsl .wids{width: calc(100% - 20px);max-width: 1400px;margin: 0 auto;}
.cmvsl-area{width: 100%;margin: 0 auto;height: 370px;display: flex;justify-content: center;align-items: center;text-align: center;position: relative;}
.cmvsl-conts{width: 100%;max-width: 650px;margin: 0 auto;padding-top: 40px;position: relative;z-index: 1;}
.cmvsl-conts > h2{font-size: 50px;color: #008890;font-weight: bold;line-height: 1;}
.cmvsl-conts > h2 > span{display: inline-block;position: relative;}
.cmvsl-conts > h2 > span:after{content: "";position: absolute;left: -70px;top: -30px;width: 111px;height: 75px;background: url(../images/cm-common/cmtic.png) left top no-repeat;z-index: -1;}
.cmvsl-conts > .search-cm{margin-top: 35px;position: relative;}
.cmvsl-conts > .search-cm > div{position: relative;width: calc(100% - 50px);padding: 0 30px;border: 3px solid #3370c1;background: #fff;border-radius: 67px;box-sizing: border-box;}
.cmvsl-conts > .search-cm > div:after{content: "";position: absolute;left: 30px;top: 50%;width: 1px;height: 16px;margin-top: -8px;background: #000;}
.cmvsl-conts > .search-cm > div input{padding-left: 10px;box-sizing: border-box;width: 100%;height: 61px;border: 0;font-size: 17px;color: #656565;}
.cmvsl-conts > .search-cm > a{position: absolute;right: 0;top: 0;width: 67px;height: 67px;border-radius: 100%;display: inline-block;font-size: 0;background: #3370c1 url(../images/cm-common/gsic.png) center center no-repeat;}
.cmvsl-conts > p{margin-top: 30px;font-size: 24px;color: #242424;}
.cmvsl-conts > p span{margin-top: 5px;display: block;font-size: 20px;}
.cmvsl-conts > p .cm-addr-btn{
    display: inline;        /* 위 공통 span 규칙의 display:block 덮어쓰기 */
    margin-top: 0;          /* 위 공통 span margin-top 덮어쓰기 */
    font-size: inherit;     /* p의 폰트 크기 그대로 상속 */
    color: inherit;         /* 링크처럼 파랗게 안 변하고 원래 글자색 유지 */
    cursor: pointer;        /* 손가락 커서만 추가 */
}
.cmvsl-conts > p #titleCmmntyUrl{
    display: block;
    margin-top: 5px;
    font-size: 20px;
}

.cmvsl-area > span.ico1{display: inline-block;font-size: 0;position: absolute;left: 5%;bottom: 0;width: 223px;height: 250px;background: url(../images/cm-common/tvic3.png) center center no-repeat;}
.cmvsl-area > span.ico2{display: inline-block;font-size: 0;position: absolute;right: 7%;bottom: -65px;width: 291px;height: 231px;background: url(../images/cm-common/tvic4.png) center center no-repeat;}

.cmtb-navi-area{width: 100%;margin: 0 auto;background: #f3f6fd;padding: 12px 0;}
.cmtb-navi-area > .wids{width: calc(100% - 20px);max-width: 1400px;margin: 0 auto;}
.cmtb-navi-box{display: flex;align-items: center;}
.cmtb-navi-box > a{display: inline-block;line-height: 47px;border-radius: 40px;background: #fff;padding: 0 25px;font-size: 23px;font-weight: 600;}
.cmtb-navi-box > a > span{display: inline-block;padding-left: 30px;}
.cmtb-navi-box > a.b-navi-a{color: #3370c1;}
.cmtb-navi-box > a.b-navi-c{color: #333;}
.cmtb-navi-box > a.b-navi-a > span{background: url(../images/cm-common/nic1.png) left center no-repeat;}
.cmtb-navi-box > a.b-navi-c > span{background: url(../images/cm-common/nic2.png) left center no-repeat;}
.cmtb-navi-box > .cmt-navi{margin: 0 20px;display: flex;}
.cmtb-navi-box > .cmt-navi > li + li{margin-left: 38px;}
.cmtb-navi-box > .cmt-navi > li{position: relative;}
.cmtb-navi-box > .cmt-navi > li:after{content: "/";position: absolute;right: -24px;top: 7px;font-size: 12px;color: #9b9b9b;}
.cmtb-navi-box > .cmt-navi > li:last-child:after{display: none;}
.cmtb-navi-box > .cmt-navi > li > a{display: inline-block;font-size: 22px;color: #333;}



#cmsub-conts{width: calc(100% - 20px);max-width: 1400px;margin: 0 auto;padding: 40px 0 70px;display: flex;justify-content: space-between;}
.cm-lfconts{width: 315px;}
.cms-content{width: calc(100% - 365px);}
.lcon-top{background: #f8f8f8;border-radius: 10px;padding: 25px 20px;}
.lcon-top-bn{margin-bottom: 0;display: flex;justify-content: space-between;}
.lcon-top-bn > li{display: inline-block;margin: 0 8px;}
.lcon-top-bn > li > a{display: inline-block;padding-left: 23px;font-size: 18px;color: #afaeae;font-weight: 500;}
.lcon-top-bn > li.ico1 > a{background: url(../images/cm-common/aic1_2.png) left center no-repeat;}
.lcon-top-bn > li.ico2 > a{background: url(../images/cm-common/aic2.png) left center no-repeat;}
.lcon-top-bn > li.ico1 > a.on{background: url(../images/cm-common/aic1.png) left center no-repeat;}
.lcon-top-bn > li.ico2 > a.on{background: url(../images/cm-common/aic2_2.png) left center no-repeat;}
.lcon-top-bn > li > a:hover{color: #008890;}
.lcon-top-bn > li > a.on{color: #008890;}

.lcon-nums{margin-top: 10px;background: #f8f8f8;border-radius: 10px;padding: 35px 30px;display: flex;justify-content: center;}
.lcon-nums > div{padding: 28px 0 28px 145px;background: url(../images/cm-common/aic3.png) left center no-repeat;}
.lcon-nums > div > p{margin-bottom: 0;font-size: 20px;color: #222;text-align: center;}
.lcon-nums > div > p strong{display: block;font-weight: 600;font-size: 22px;}


.mlcon2{display: none}
.lcon-myconts{margin-top: 10px;background: #f8f8f8;border-radius: 10px;padding: 10px;}
.lcon-myconts > .top-c{margin-bottom: 10px;padding: 0 10px;display: flex;justify-content: space-between;align-items: center;}
.lcon-myconts > .top-c > .lf-b > a{display: inline-block;padding: 0 15px;border-radius: 30px;line-height: 30px;background: #008890;text-align: center;font-size: 16px;color: #fff;font-weight: 600;}
.lcon-myconts > .top-c > .rt-b > a{display: inline-block;font-size: 15px;color: #222;font-weight: 500;padding-left: 19px;background: url(../images/cm-common/ric.png) left center no-repeat;}
.lcon-myconts > .top-c > .rt-b > a > span{display: inline-block;border-bottom: 1px solid #222;}
.lcon-myconts > .bot-c{background: #fff;padding: 15px 18px;border-radius: 10px;}
.lcon-myconts > .bot-c > ul{margin: 0;}
.lcon-myconts > .bot-c > ul > li + li{margin-top: 10px;}
.lcon-myconts > .bot-c > ul > li{display: flex;justify-content: space-between;align-items: center;}
.lcon-myconts > .bot-c > ul > li > p{font-size: 14px;color: #222;margin-bottom: 0;line-height: 1.1;}
.lcon-myconts > .bot-c > ul > li p.gr-t{color: #008890;}
.lcon-myconts > .bot-c > ul > li p.gr-t > span{display: inline-block;text-decoration: underline;}
.lcon-myconts > .bot-c > ul > li > div.ck{font-size: 0;}
.lcon-myconts > .bot-c > ul > li > div.ck > span{display: inline-block;font-size: 0;}
.lcon-myconts > .bot-c > ul > li > div > p{margin-bottom: 0;font-size: 14px;color: #222;font-weight: 600;}
.lcon-myconts > .bot-c > ul > li > div > a{display: inline-block;width: 70px;line-height: 26px;border-radius: 26px;text-align: center;background: #505050;font-size: 12px;color: #fff;font-weight: 500;}



.lf-navi{margin-top: 10px;margin-bottom: 0;}
.lf-navi > li + li{margin-top: 10px;}
.lf-navi > li{position: relative;}
.lf-navi > li > a{position: relative;z-index: 1;display: block;background: #f8f8f8;border-radius: 10px;padding: 25px 30px;font-size: 18px;color: #2e2e2e;font-weight: 500;}
.lf-navi > li.nv > a > span{display: block;background: url(../images/cm-common/nvic.png) right center no-repeat;}
.lf-navi > li:hover > a{color: #2e2e2e;}
.lf-navi > li > a.on{color: #fff;background: #008890;}
.lf-navi > li.nv > a.on > span{display: block;background: url(../images/cm-common/nvic2.png) right center no-repeat;}
.lf-navi > li > .nv-dp{display: none;background: #fff;border: 1px solid #dfdfdf;border-top: 0;padding: 40px 30px 20px;margin-top: -20px;border-radius: 0 0 10px 10px;}
.lf-navi > li > .nv-dp > li + li{margin-top: 6px;}
.lf-navi > li > .nv-dp > li > a{display: block;font-size: 16px;color: #454545;padding-left: 13px;position: relative;}
.lf-navi > li > .nv-dp > li > a:after{content: "";position: absolute;left: 0;top: 10px;width: 5px;height: 1px;background: #4a4a4a;}
.lcon-tel{margin-top: 20px;}
.lcon-tel img{width: 100%;}
.mo-back{display: none;}
.mo-out{display: none;}


@media screen and (max-width: 1400px){
	.cmtb-vsl{background: url(../images/cm-common/tvic1.png) -100px -100px no-repeat, url(../images/cm-common/tvic2.png) 180% -100px no-repeat;}
	.cmvsl-area > span.ico1{display: none;}
	.cmvsl-area > span.ico2{display: none;}
}

@media screen and (max-width: 1024px){
	.cmt-area{padding: 10px 0;}
	.cmt-area > .root_zoom{display: none;}
	.cmtb-navi-area{display: none;}
	.mo-open{display: inline-block;font-size: 0;position: absolute;left: 0;top: 50%;width: 32px;height: 20px;margin-top: -10px;background: url(../images/cm-common/mo_open.png) center center no-repeat;}
	
	#cmsub-conts{display: block;}
	.cm-lfconts{width: 300px;position: fixed;left: -100%;top: 0;bottom: 0;background: #fff;padding: 40px 10px;box-sizing: border-box;z-index: 999;transition: all 0.5s ease .1s;}
	.cm-lfconts.show{left: 0;}
	.cms-content{width: 100%;}
	.mo-back{display: none;position: fixed;left: 0;top: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, 0.5);z-index: 998;}
	.mo-back.Menu-bg{display: block;}
	.mo-out{display: block;position: absolute;right: 10px;top: 9px;width: 22px;height: 22px;font-size: 0;background: url(../images/cm-common/all_out.png) center center no-repeat;}

	.lcon-top{padding: 13px 10px;}
	.lcon-top-bn > li{margin: 0 10px;}
	.lcon-top-bn > li > a{padding-left: 18px;font-size: 16px;}
	.lcon-top-bn > li.ico1 > a{background-size: auto 14px;}
	.lcon-top-bn > li.ico2 > a{background-size: auto 14px;}
	.lcon-nums{padding: 15px 10px;}
	.lcon-nums > div{padding: 10px 0 10px 90px;background-size: 70px;}
	.lcon-nums > div > p{font-size: 18px;}
	.lcon-nums > div > p strong{font-size: 20px;}
	.lf-navi{margin-top: 5px;margin-bottom: 0;max-height: calc(100dvh - 360px); overflow-y: scroll;}
	.lf-navi > li + li{margin-top: 5px;}
	.lf-navi > li > a{padding: 12px 18px;font-size: 17px;}
	.lf-navi > li > .nv-dp{padding: 35px 20px 20px;}
	.lf-navi > li > .nv-dp > li + li{margin-top: 4px;}
	.lf-navi > li > .nv-dp > li > a{font-size: 15px;}
	.lcon-tel{margin-top: 10px;}
}

@media screen and (max-width: 768px){
	.cmtb-vsl{background: #d0eaf9;}
	.cmvsl-area{height: 280px;}
	.cmvsl-conts{padding-top: 20px;}
	.cmvsl-conts > h2{font-size: 32px;}
	.cmvsl-conts > h2 > span:after{left: -20px;top: -20px;width: 52px;height: 35px;background-size: 52px 35px;}
	.cmvsl-conts > .search-cm{margin-top: 25px;position: relative;}
	.cmvsl-conts > .search-cm > div{padding: 0 20px;width: calc(100% - 30px);border: 2px solid #3370c1;border-radius: 50px;}
	.cmvsl-conts > .search-cm > div:after{left: 20px;}
	.cmvsl-conts > .search-cm > div input{height: 46px;font-size: 15px;}
	.cmvsl-conts > .search-cm > a{width: 50px;height: 50px;}
	.cmvsl-conts > p{margin-top: 20px;font-size: 18px;}
	.cmvsl-conts > p span{font-size: 15px;word-break:break-all;}
	 .cmvsl-conts > p #titleCmmntyUrl{
        font-size: 15px;
    }

}

@media screen and (max-width: 500px){

}

/* ============================================
   웹접근성 (WCAG 2.2 AA) 공통 스타일
   ============================================ */

/* 스크린리더 전용 숨김 (Bootstrap sr-only와 병행 — visually-hidden만 추가 정의) */
.visually-hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* 전역 포커스 표시 (2.4.7 Focus Visible) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible,
[role="button"]:focus-visible {
	outline: 3px solid #005fcc;
	outline-offset: 2px;
}

/* 통통 커뮤니티 전용 포커스 스타일 */
.tt-card:focus-visible {
	outline: 3px solid #005fcc;
	outline-offset: 2px;
	box-shadow: 0 4px 12px rgba(0, 95, 204, 0.3);
}
.tt-ctgry-tab:focus-visible {
	outline: 3px solid #005fcc;
	outline-offset: 2px;
}
.tt-list li a:focus-visible {
	outline: 2px solid #005fcc;
	outline-offset: 1px;
}

/* ARIA Live Region 숨김 (4.1.3 Status Messages) */
.aria-live-region {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* 인라인 에러 메시지 (3.3.1 Error Identification) */
.a11y-error-msg {
	display: block;
	color: #d32f2f;
	font-size: 13px;
	margin-top: 4px;
	padding-left: 2px;
}
.a11y-error-msg:empty {
	display: none;
}