:root {
	/* color */
	--color-red : #df0000;
	--color-orange : #f66108;
	--color-yellow : #E1FC6C;
	--color-green : #00b710;
	--color-blue : #005fd3;
	--color-blue2 : #003594;
	--color-pink : #ff0076;
	--color-pink2 : #F04D43;
	--color-navy: #004098;
	--color-gray : #b1b1b1;
	--color-gray2 : #D5D5D5;
	--color-gray3 : #DADADA;
	--color-gray4 : #d0d0d0;
	--color-white : #fff;
	--color-black : #000;
	--color-black2 : #03171D;

	/* background */
	--bg-red : #f90000;
	--bg-orange : #FD9A01;
	--bg-green : #219d58;
	--bg-blue : #0071d1;
	--bg-blue2 : #7485FB;
	--bg-pink : #f96363;
	--bg-pink2 : #F04D43;
	--bg-pink3 : #FFE0DE;
	--bg-gray : #959595;
	--bg-gray2 : #D5D5D5;
	--bg-gray3 : #D7D7D7;
	--bg-navy : #003594;
	--bg-dark : #525252;
	--bg-black : #000;
	--bg-black2 : #03171D;
	--bg-purple : #5a52a3;
	--bg-purple2 : #F7F7FC;

	--point-color : #5b55a5;
	--point-color2 : #EEEDF6;
	--point-color3 : #1e64b4;

	--dark-color : #575757;
	--dark2-color : #343434;

	--main-color : #00142F;
	--main-color2 : #015BC0;
	--sub-color : ;

	--tm-h1: 2.667em;
	--tm-h2 : 2.111em;
	--tm-h3 : 1.67em;
	--tm-h4 : 1.33em;
	--tm-h5 : 1em;
	--tm-html : 18px;
	--tm-h1-before : 14px;
	--tm-h2-before : 12px;
	--tm-h3-before : 6px;
	--inner-width: 1680px;
	--inner-width2: 1200px;

	/* 들여쓰기 */
	--text-tab1: 40px;
	--text-tab2: 65px;
	--text-tab3: 72px;
	--text-tab4: 75px;
}

@media(max-width:768px){
	:root {
		--tm-html : 16px;
	}
}

@media(max-width: 500px){
	:root {
		--tm-html : 15px;
	}
}

/* UI/UX 가이드라인 root */
:root {
	--header-z: 100;
	--header-height: 60px;
	--header-top-height: 40px;

	--color-disabled : #D8D8D8;
	--color-primary: #246BEB;
	--color-primary-hover: #1D56BC;
	--color-primary-active: #16408D;
	--color-secondary: #EFF5FF;
	--color-secondary-hover: #D3E1FB;
	--color-secondary-active: #A7C4F7;
	--color-tertiary: #fff;
	--color-tertiary-hover: #F8F8F8;
	--color-tertiary-active: #F0F0F0;

	--color-text: #1E2124;
	--color-border: #1D1D1D;
	--color-border-light: #eee;
	--color-border-blue: #246BEB;
	--color-border-gray: #C6C6C6;
	--color-border-light-gray: #cdd1d5;
	--color-black: #000;
	--color-light-black: #1E2124;
	--color-white: #fff;
	--color-disabled-text: #717171;
	--color-primary-text : #1D56BC;
	--color-active: #CDD7E4;
	--color-accent: #003675;
	--color-hover-bg : #EDF1F5;
	--color-placeholder: #8E8E8E;
	--color-error : #ab2b36;
	--color-success : #267337;
	--color-information : #096ab3;
	--color-transparent : #ffffff00;

	--h-xlarge : 40px;
	--h-large : 32px;
	--h-medium : 24px;
	--h-small : 19px;
	--h-xsmall : 17px;
	--h-xxsmall : 15px;
	--t-bold : 700;
	--t-extrabold : 800;

	--transition-base : .4s ease-in-out;
}

@media (max-width: 768px) {
	:root {
		--h-xlarge : 28px;
		--h-large : 24px;
		--h-medium : 22px;
		--h-small : 19px;
		--h-xsmall : 17px;
		--h-xxsmall : 1 5px;
	}
}

/* 슬라이드 */
.slick-slide div{display: block;}
.slick-slide div img{display: block;}

/* 접근성 숨김 스킵메뉴 */
#skipnavi a {display: block; position: absolute; top:0; left: -202px; width: 200px; height: 40px; padding: 0; border: 1px solid #dcdcdc; color: #555; font-size: .9em; background: #fff; text-align: center; line-height: 40px; font-weight: 700; z-index: 10000; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
#skipnavi a:focus {top: 0; left: 0;}

*:focus-visible {outline: 2px dashed red; transition:none;}
pre *:focus-visible {outline: none !important;}
input:disabled{background: #D5D5D5;}

/* 슬릭 btn */
.slide_btn button{vertical-align:middle;margin-right: 15px;}
.slide_btn div{display:inline-block;vertical-align: middle;margin-right: 15px;}
.slide_btn div p{display:inline-block;}
.slide_btn button img{display:block;}
.slide_btn .more{display:inline-block;vertical-align: middle;}

/* 화면 */
.cover.active, .pop_cover{background: rgba(0, 0, 0, 0.8);position: fixed;width: 100%;height: 100%;top: 0;z-index: 99999;left: 0;}
.pop_cover{display: none;}
.pop_loading{position: fixed;width: 300px;padding: 20px;text-align: center;border: 1px solid #ddd;left: 50%;top: 50%;transform: translate(-50% ,-50%);border-radius: 5px;z-index: 999999;background: #fff;}

/* 공통 */
.pointer{cursor: pointer;}
.bdb0{border-bottom: 0;}
.hidden{display:inline-block;position:absolute;top:0;left:0;margin:0;padding:0;font-size:0;line-height:0;border:0;overflow:hidden;width: 1px;height: 1px;}

.flr{float: right;}
.fclear::after{content: "";clear: both;display: block;}

[class^="m_swipe"] {display: none;}
[class^="m_swipe"] [class^="swipe_img"] {background-repeat: no-repeat; background-size: contain;}
[class^="m_swipe"] .swipe_img1 {background-image: url("../../images/swipe_01.png");}
[class^="m_swipe"] .swipe_img2 {background-image: url("../../images/swipe_02.png"); animation: 2s ease-out 0s infinite normal none running scroll;right: -2%;}

@media (max-width: 800px) {
	[class^="m_swipe"] {display: block;}
	[class^="m_swipe"] [class*="swipe_img"] {display: block;position: absolute;top: 10%;right: 0;width: 40%;max-width: 130px;height:55px;z-index: 2;}
	[class^="m_swipe"] .swipe_img2 {animation: 2s ease-out 0s infinite normal none running scroll;right: -2%;}
}

@keyframes scroll {
	0% {transform: translateX(0px);}
	33% {transform: translateX(-20px);}
	66% {transform: translateX(-20px);}
	100% {transform: translateX(0px);}
}
.scroll{overflow-y: auto;max-height: 340px;border: 1px solid #d7d7d7;border-top: 2px solid #777;padding: 15px 20px;}

/* 텍스트 - 공통 */
[class*='tm_h'] {word-break: auto-phrase;}
h1.tm_h1{position: relative;font-size: 1.4rem;font-weight: 700;padding-left: 24px;margin-top: 50px;margin-bottom: 20px;}
h1.tm_h1::before{content: "";position: absolute;left: 0;top: 9px;background-image: url("../images/sub/text1.png");background-size: 100%!important;width: 17px;height: 17px;border: 0;border-radius: 0;}
h2.tm_h2 {font-size: 27px; font-weight: 600; padding-left: 40px; position: relative; margin-top: 40px; margin-bottom: 20px;}
h2.tm_h2::before {content: ''; position: absolute; left: 0; top: 4px; width: 34px; height: 28px; background-image: url("../../images/sub/h2_ico.png"); background-repeat: no-repeat; background-size: contain; background-position: center center;}
h2.tm_h2:first-child{margin-top: 0;}
h2.tm_h2:last-child{margin-bottom: 0;}
h3.tm_h3{position: relative;font-size: 1rem; font-weight: 500; margin-left: 40px; margin-bottom: 5px; padding-left: 13px;}
h3.tm_h3::before{content: '';width: 6px;height: 1px;border-radius: 50px;position: absolute;left: 0;top: 12px;background: #000;}
h3.tm_h3:last-child{margin-bottom: 0;}

@media (max-width: 1024px) {

}
@media (max-width: 768px) {
	h2.tm_h2 {font-size: 20px; padding-left: 30px; margin-top: 24px; margin-bottom: 12px;}
	h2.tm_h2::before {width: 24px; height: 18px;}

	.scroll {max-height: 280px; padding: 15px 10px;}
}

/* 텍스트 정렬 */
.ta-l{text-align: left;}
.ta-c{text-align: center;}
.ta-r{text-align: right;}
.ta-j{text-align: justify;}

/* 폰트 굵기 */
.font_light {font-weight: lighter;}
.font_medium {font-weight: 500;}
.font_bold {font-weight: bold;}

/* input */
input{padding: 9px 12px;background: #ffffff;vertical-align: middle;}
[type="checkbox"],
[type="radio"]{accent-color: #888888;width: 17px;height: 17px;}

.checkbox1{position: relative;}
.checkbox1>div{position: relative; display: inline-block;}
.checkbox1>div:nth-last-child(n+2){margin-right: 30px;}
.checkbox1 label{display:inline-block;cursor: pointer;}
[class^=checkbox] input:focus-visible + label {outline:2px dashed red;}

.radio1{position: relative;}
.radio1>div{position: relative;display: inline-block;}
.radio1>div:nth-last-child(n+2){margin-right: 30px;}
.radio1 label{display:inline-block;cursor: pointer;}
[class^=radio] input:focus-visible + label {outline:2px dashed red;}

/* 파일 업로드 및 alt값 */
input#altText {width: fit-content; max-width: 300px; height: 34px; font-size: 0.875rem; margin-left: 5px; padding: 0 12px;}
textarea#altText{width:100%;height: 99px;padding: 10px 15px;}

#fileUploadAlert{position: fixed;top:50%;left:50%;background: #fff;width: 250px;z-index: 99999;border: 1px solid #424242;border-radius: 5px;transform: translate(-50%, -50%);padding: 30px;text-align:center;}
#fileUploadAlert i{font-size: 1.8rem;}
#fileUploadAlert span{display:block;margin-top: 7px;}

/* 노출 */
.db{display: block;}
.dib{display: inline-block;}
.dn{display: none;}
.mo_view{display: none;}

.w1200v{display: none;}
.w1024v{display: none;}
.w800v{display: none;}
.w600v{display: none;}
.w100p{width:100%; max-width: 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;}
.fwe900{font-weight: 900;}

/* margin */
.mg0{margin:0;}
.mg5{margin: 5px;}
.mg10{margin: 10px;}
.mg15{margin: 15px;}
.mg20{margin: 20px;}
.mg25{margin: 25px;}
.mg30{margin: 30px;}
.mg35{margin: 35px;}
.mg40{margin: 40px;}
.mg45{margin: 45px;}
.mg50{margin: 50px;}
.mg55{margin: 55px;}
.mg60{margin: 60px;}
.mg65{margin: 65px;}
.mg70{margin: 70px;}
.mg75{margin: 75px;}
.mg80{margin: 80px;}
.mg85{margin: 85px;}
.mg90{margin: 90px;}
.mg100{margin: 100px;}

.mt0{margin-top:0 !important;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px;}
.mt45{margin-top: 45px;}
.mt50{margin-top: 50px;}
.mt55{margin-top: 55px;}
.mt60{margin-top: 60px;}
.mt65{margin-top: 65px;}
.mt70{margin-top: 70px;}
.mt75{margin-top: 75px;}
.mt80{margin-top: 80px;}
.mt85{margin-top: 85px;}
.mt90{margin-top: 90px;}
.mt100{margin-top: 100px;}

.mr0{margin-right:0;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}
.mr35{margin-right: 35px;}
.mr40{margin-right: 40px;}
.mr45{margin-right: 45px;}
.mr50{margin-right: 50px;}
.mr55{margin-right: 55px;}
.mr60{margin-right: 60px;}
.mr65{margin-right: 65px;}
.mr70{margin-right: 70px;}
.mr75{margin-right: 75px;}
.mr80{margin-right: 80px;}
.mr85{margin-right: 85px;}
.mr90{margin-right: 90px;}
.mr100{margin-right: 100px;}

.mb0{margin-bottom:0;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
.mb40{margin-bottom: 40px;}
.mb45{margin-bottom: 45px;}
.mb50{margin-bottom: 50px;}
.mb55{margin-bottom: 55px;}
.mb60{margin-bottom: 60px;}
.mb65{margin-bottom: 65px;}
.mb70{margin-bottom: 70px;}
.mb75{margin-bottom: 75px;}
.mb80{margin-bottom: 80px;}
.mb85{margin-bottom: 85px;}
.mb90{margin-bottom: 90px;}
.mb100{margin-bottom: 100px;}

.ml0{margin-left:0;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}
.ml35{margin-left: 35px;}
.ml40{margin-left: 40px;}
.ml45{margin-left: 45px;}
.ml50{margin-left: 50px;}
.ml55{margin-left: 55px;}
.ml60{margin-left: 60px;}
.ml65{margin-left: 65px;}
.ml70{margin-left: 70px;}
.ml75{margin-left: 75px;}
.ml80{margin-left: 80px;}
.ml85{margin-left: 85px;}
.ml90{margin-left: 90px;}
.ml100{margin-left: 100px;}

/* padding */
.pd0{padding:0;}
.pd5{padding: 5px;}
.pd10{padding: 10px;}
.pd15{padding: 15px;}
.pd20{padding: 20px;}
.pd25{padding: 25px;}
.pd30{padding: 30px;}
.pd35{padding: 35px;}
.pd40{padding: 40px;}
.pd45{padding: 45px;}
.pd50{padding: 50px;}
.pd55{padding: 55px;}
.pd60{padding: 60px;}
.pd65{padding: 65px;}
.pd70{padding: 70px;}
.pd75{padding: 75px;}
.pd80{padding: 80px;}
.pd85{padding: 85px;}
.pd90{padding: 90px;}
.pd100{padding: 100px;}

.pdt0{padding-top:0;}
.pdt5{padding-top: 5px;}
.pdt10{padding-top: 10px;}
.pdt15{padding-top: 15px;}
.pdt20{padding-top: 20px;}
.pdt25{padding-top: 25px;}
.pdt30{padding-top: 30px;}
.pdt35{padding-top: 35px;}
.pdt40{padding-top: 40px;}
.pdt45{padding-top: 45px;}
.pdt50{padding-top: 50px;}
.pdt55{padding-top: 55px;}
.pdt60{padding-top: 60px;}
.pdt65{padding-top: 65px;}
.pdt70{padding-top: 70px;}
.pdt75{padding-top: 75px;}
.pdt80{padding-top: 80px;}
.pdt85{padding-top: 85px;}
.pdt90{padding-top: 90px;}
.pdt100{padding-top: 100px;}

.pdr0{padding-right:0;}
.pdr5{padding-right: 5px;}
.pdr10{padding-right: 10px;}
.pdr15{padding-right: 15px;}
.pdr20{padding-right: 20px;}
.pdr25{padding-right: 25px;}
.pdr30{padding-right: 30px;}
.pdr35{padding-right: 35px;}
.pdr40{padding-right: 40px;}
.pdr45{padding-right: 45px;}
.pdr50{padding-right: 50px;}
.pdr55{padding-right: 55px;}
.pdr60{padding-right: 60px;}
.pdr65{padding-right: 65px;}
.pdr70{padding-right: 70px;}
.pdr75{padding-right: 75px;}
.pdr80{padding-right: 80px;}
.pdr85{padding-right: 85px;}
.pdr90{padding-right: 90px;}
.pdr100{padding-right: 100px;}

.pdb0{padding-bottom:0;}
.pdb5{padding-bottom: 5px;}
.pdb10{padding-bottom: 10px;}
.pdb15{padding-bottom: 15px;}
.pdb20{padding-bottom: 20px;}
.pdb25{padding-bottom: 25px;}
.pdb30{padding-bottom: 30px;}
.pdb35{padding-bottom: 35px;}
.pdb40{padding-bottom: 40px;}
.pdb45{padding-bottom: 45px;}
.pdb50{padding-bottom: 50px;}
.pdb55{padding-bottom: 55px;}
.pdb60{padding-bottom: 60px;}
.pdb65{padding-bottom: 65px;}
.pdb70{padding-bottom: 70px;}
.pdb75{padding-bottom: 75px;}
.pdb80{padding-bottom: 80px;}
.pdb85{padding-bottom: 85px;}
.pdb90{padding-bottom: 90px;}
.pdb100{padding-bottom: 100px;}

.pdl0{padding-left:0;}
.pdl5{padding-left: 5px;}
.pdl10{padding-left: 10px;}
.pdl15{padding-left: 15px;}
.pdl20{padding-left: 20px;}
.pdl25{padding-left: 25px;}
.pdl30{padding-left: 30px;}
.pdl35{padding-left: 35px;}
.pdl40{padding-left: 40px;}
.pdl45{padding-left: 45px;}
.pdl50{padding-left: 50px;}
.pdl55{padding-left: 55px;}
.pdl60{padding-left: 60px;}
.pdl65{padding-left: 65px;}
.pdl70{padding-left: 70px;}
.pdl75{padding-left: 75px;}
.pdl80{padding-left: 80px;}
.pdl85{padding-left: 85px;}
.pdl90{padding-left: 90px;}
.pdl100{padding-left: 100px;}

/* bg */
.bg_blue{background: var(--bg-blue) !important; color: var(--color-white) !important;}
.bg_blue2{background: var(--bg-blue2) !important; color: var(--color-white) !important;}
.bg_red{background: var(--bg-red) !important; color: var(--color-white) !important;}
.bg_navy{background: var(--bg-navy) !important;color: var(--color-white) !important;}
.bg_gray{background: var(--bg-gray) !important; color: var(--color-white) !important;}
.bg_gray2{background: var(--bg-gray2) !important;}
.bg_green{background: var(--bg-green) !important; color: var(--color-white) !important;}
.bg_black{background: var(--bg-black) !important; color: var(--color-white) !important;}
.bg_orange{background: var(--bg-orange) !important; color: var(--color-white) !important;}
.bg_pink{background: var(--bg-pink) !important; color: var(--color-white) !important;}
.bg_pink2{background: var(--bg-pink2) !important;}
.bg_pink3{background: var(--bg-pink3) !important;}
.bg_purple{background: var(--bg-purple) !important;}
.bg_dark{background:var(--bg-dark) !important; color: var(--color-white) !important;}
.bg_white{background:var(--color-white) !important;border:1px solid var(--bg-dark);color:var(--bg-dark) !important;}
.bg_point {background: var(--point-color); color: var(--color-white);}
.bg_point2 {background: var(--point-color2); color: #000;}

.bg_gra_red {background: linear-gradient(to right, #FF6B6B, #FFA07A); color: #fff; border: 0;}
.bg_gra_blue {background: linear-gradient(to right, #6C78FB, #98C3FD); color: #fff; border: 0;}
.bg_gra_green{background: linear-gradient(245deg, #40925C 9%, rgba(64, 146, 92, 0) 144%); color: #fff; border: 0;}
.bg_gra_purple{background: linear-gradient(245deg, #6155FC -5%, #9B62D2 44%, #F57697 124%); color: #fff; border: 0;}
[class*="border_gra_"] > p{background: #fff; width: 100%; height: 100%; border-radius: 30px;}

/* border */
.border0 {border: 0;}
.border_red{border: 1px solid var(--color-red);}
.border_yellow{border: 1px solid var(--color-yellow);}
.border_green{border: 1px solid var(--color-green);}
.border_blue{border: 1px solid var(--color-blue);}
.border_orange{border: 1px solid var(--color-orange);}
.border_pink{border: 1px solid var(--color-pink);}
.border_pink2{border: 1px solid var(--color-pink2);}
.border_gray{border: 1px solid var(--color-gray);}
.border_gray2{border: 1px solid var(--color-gray2);}
.border_white{border: 1px solid var(--color-white);}
.border_black{border: 1px solid var(--color-black);}
.border_dot{border: 1px dotted var(--color-black);}
.border_dash{border: 1px dashed var(--color-black);}

/* color */
.color_red{color: var(--color-red);}
.color_yellow{color: var(--color-yellow);}
.color_green{color: var(--color-green);}
.color_blue{color: var(--color-blue);}
.color_orange{color: var(--color-orange);}
.color_pink{color: var(--color-pink);}
.color_pink2{color: var(--color-pink2);}
.color_gray{color: var(--color-gray);}
.color_gray2{color: var(--color-gray2);}
.color_white{color: var(--color-white);}
.color_black{color: var(--color-black);}
.color_black2{color: var(--color-black2);}
.color_point{color: var(--point-color);}

/* 테이블 넓이 */
.table_w60p {width: 60px;}
.table_w70p {width: 70px;}
.table_w80p {width: 80px;}
.table_w100p {width: 100px;}
.table_w120p {width: 120px;}
.table_w150p {width: 150px;}
.table_w10 {width: 10%;}
.table_w20 {width: 20%;}
.table_w30 {width: 30%;}
.table_w40 {width: 40%;}
.table_w50 {width: 50%;}
.table_w60 {width: 60%;}
.table_w70 {width: 70%;}
.table_w80 {width: 80%;}
.table_w90 {width: 90%;}
.table_w100 {width: 100%;}

/* 공통버튼(old) */
.Tbtn_wrap{display: flex;gap: 10px;flex-wrap: wrap;margin-top: 45px;justify-content: center;}
*:not(div)[class^=Tbtn]{padding: 8px 13px;display: flex;min-width: 134px;text-align: center;box-sizing: border-box;min-height: 50px;align-items: center;justify-content: center;border: 1px solid var(--color-gray3);background: #fff;color: #000; border-radius: 10px;}
*:not(div)[class^=Tbtn][class*="_dwl"] i{padding-left: 10px;font-size: 0.75em;}
*:not(div)[class^=Tbtn][class*="_link"] i{padding-left: 10px;font-size: 0.75em;}
*:not(div)[class^=Tbtn][class*="_small"]{padding: 5px 8px;width: auto;min-width: auto;}
*:not(div)[class^=Tbtn] i{line-height: 1;}

/* 공통버튼 효과 */
.Tbtn.hover {display:block;position: relative;padding: 12px 18px;border: 1px solid #ddd;transition: none;overflow: hidden;z-index: 3;text-align: left; background-color: transparent; color: #000;}
.Tbtn.hover_1:before {content: '';width: 0;height: 0;border-radius: 80%;position: absolute;right: 10%;transform: translate(50%, -30%);background-color: #ffffff;opacity: .5;transition: .5s;z-index: -1;}
.Tbtn.hover_1:after {content: '';width: 0;height: 0;border-radius: 80%;position: absolute;top:17px;right: 6%;transform: translate(50%, -30%);background-color: #fff;transition: .5s;z-index: -1;}
.Tbtn.hover_1:hover{background:#525252;position: relative; color:#fff;}
.Tbtn.hover_1:hover:before {width: 180px;height: 180px;}
.Tbtn.hover_1:hover:after {width: 170px;height: 170px;}
.Tbtn.hover_2 {transition: .5s;}
.Tbtn.hover_2:hover {background:#525252;transform: translateY(-10px); color:#fff;}
.Tbtn.hover_3 {transition: .3s;}
.Tbtn.hover_3:hover {transform: scale(0.95); background: #525252; color:#fff;}
.Tbtn.hover_4:before{content:"";width: 0;position:absolute;background: #525252;height:100%;z-index: -1;left: 0;top: 0;transition: width 0.5s;}
.Tbtn.hover_4:hover:before{width:100%;}
.Tbtn.hover_4:hover {color: #fff;}
.Tbtn.hover_5:hover {background-color: #525252; color: #fff;}
.Tbtn.hover_6 div {display: inline-block;}
.Tbtn.hover_6:hover {background-color: #525252; color: #fff;}
.Tbtn.hover_6:hover div {transition: transform 0.5s;transform-origin: 50% 50%;transform: rotate(180deg);}
.Tbtn.hover_7:before{content:"";position:absolute;bottom: -1px;left:50%;transform: translate(-50%, 0);z-index: 99;width:0;height:5px;background: #525252;transition:width 0.5s;}
.Tbtn.hover_7:hover:before {width: 100%;}
.Tbtn.hover_8:hover {box-shadow: 5px 5px 10px #52525225;}
.Tbtn.hover_9:hover {outline: 2px solid #525252;}

.com_btn{padding: 5px 10px;}
.bot_btn{text-align: center;margin-top: 35px;}
.bot_btn .com_btn{width: 180px;color: #ffffff;font-weight: 400;padding: 14px 0;text-align: center;display: inline-block;}
.bot_btn .com_btn+.com_btn{margin-left: 10px;}

@media(max-width:900px){
	.Tbtn_wrap *:not(div)[class^=Tbtn]:nth-child(1):nth-last-child(2),
	.Tbtn_wrap *:not(div)[class^=Tbtn]:nth-child(1):nth-last-child(2) ~ [class^=Tbtn] {flex:1 0 0;min-width: auto;}
	.Tbtn_wrap *:not(div)[class^=Tbtn]:nth-child(1):nth-last-child(n+3),
	.Tbtn_wrap *:not(div)[class^=Tbtn]:nth-child(1):nth-last-child(n+3) ~ [class^=Tbtn] {flex: 1 0 0;min-width: auto;}
}
@media(max-width:700px){
	.Tbtn_wrap *:not(div)[class^=Tbtn] {flex: 0 0 100%;}
	.Tbtn_wrap *:not(div)[class^=Tbtn]:nth-child(1):nth-last-child(2),
	.Tbtn_wrap *:not(div)[class^=Tbtn]:nth-child(1):nth-last-child(2) ~ [class^=Tbtn] {flex:1 0 0;}
	.Tbtn_wrap *:not(div)[class^=Tbtn]:nth-child(1):nth-last-child(n+3),
	.Tbtn_wrap *:not(div)[class^=Tbtn]:nth-child(1):nth-last-child(n+3) ~ [class^=Tbtn] {flex: 0 0 calc(33.3333% - 8px);}
	.Tbtn_wrap *:not(div)[class^=Tbtn]:nth-child(1):nth-last-child(2n+4),
	.Tbtn_wrap *:not(div)[class^=Tbtn]:nth-child(1):nth-last-child(2n+4) ~ [class^=Tbtn] {flex: 0 0 calc(50% - 5px);}
}
@media(max-width:500px){
	*:not(div)[class^=Tbtn]{flex: 0 0 100%;width: -webkit-fill-available;padding: 10px 13px;}
}

/* 토글 체크박스 */
.toggle_checkbox label {display: inline-flex;align-items: center;gap: 0.5rem;cursor: pointer;}
.toggle_checkbox [type="checkbox"] {appearance: none;position: relative;border: 1px solid #ddd;border-radius: 50px;width: 40px;height: 15px;}
.toggle_checkbox [type="checkbox"]::before {content: "";position: absolute;left: 0;width: 12px;height: 12px;border-radius: 10px;transform: scale(0.8);background-color: gray;top: 3px;transition: left 250ms linear;}
.toggle_checkbox [type="checkbox"]:checked {background-color: var(--point-color);border-color: var(--point-color);}
.toggle_checkbox [type="checkbox"]:checked::before {background-color: white;left: 24px;}

/* 정적공통 */
/*.Th1{position: relative;font-size: var(--h-xlarge);padding-left: 33px;font-weight: 700;margin-top: 80px;margin-bottom: 20px;}*/
/*.Th1::before{content: "";position: absolute;width: 30px;height: 30px;left: 0;top: var(--tm-h1-before);background-image: url(../images/Th1_icon.png);background-size: 23px;background-repeat: no-repeat;}*/
/*.Th2{font-size: var(--h-large);font-weight: 600;margin-bottom: 10px;position: relative;margin-left: 40px;padding-left: 25px;margin-top: 20px;}*/
/*.Th2::before{content: "";position: absolute;width: 20px;height: 20px;left: 0;top: var(--tm-h2-before);background-image: url(../images/Th2_icon.png);background-size: 17px;background-repeat: no-repeat;}*/
/*.Th3{position: relative;font-size: var(--h-medium);margin-bottom: 7px;font-weight: 500;color: #005caa;margin-left: 47px;margin-top: 7px;padding-left: 20px;}*/
/*.Th3::before{content: "";position: absolute;background: url(../images/sub/text3.png)no-repeat;width: 19px;height: 19px;left: 0;top: var(--tm-h3-before);background-size: 100%;}*/
/*.Th4{position: relative;font-size: var(--h-small);margin-bottom: 7px;font-weight: 500;color: #005caa;margin-left: 47px;margin-top: 7px;padding-left: 20px;}*/
/*.Th5{position: relative;font-size: var(--h-xsmall);margin-bottom: 7px;font-weight: 500;color: #005caa;margin-left: 47px;margin-top: 7px;padding-left: 20px;}*/
/*.Th1:first-child {margin-top: 0;}*/

/* 공통 텍스트 */
.com1{position: relative;font-size: 30px;padding-left: 38px;font-weight: 400;margin-top: 80px;margin-bottom: 25px;}
.com1::before{content: "";position: absolute;background: url(../images/sub/text1.png);width: 26px;height: 26px;left: 0;top: 7px;background-size: 100%;}
.com2{color:#23A597;font-size:25px;font-weight: 400;margin-bottom: 10px;margin-top: 50px;}
.com3:not(ul), ul.com3>li{position: relative;font-size: 20px;padding-left: 20px;margin-bottom: 5px;}
.com3:not(ul)::before, ul.com3>li::before{content: "";position: absolute;background: url(../images/sub/text3.png)no-repeat;width: 19px;height: 19px;left: 0;top: 4px;background-size: 100%;}
.com4:not(ul), ul.com4>li{position: relative;padding-left: 12px;margin-left: 28px;color: #4B4B4B;margin-bottom: 10px;font-size: 16px;margin-top: 10px;}
.com4:not(ul)::before, ul.com4>li::before{content: "";width: 5px;height: 5px;position: absolute;left: 0;top: 7px;background: #999;border-radius: 500px;}
.com4:not(ul)+*{margin-top:20px;}

/* 텍스트 들여쓰기 */
.text_tab1{margin-left: var(--text-tab1);}
.text_tab2{margin-left: var(--text-tab2);}
.text_tab3{margin-left: var(--text-tab3);}
.text_tab4{margin-left: var(--text-tab4);}

ul.Tlist{margin-left: 68px;}
ul.Tcir,
ul.Tline,
ul.Tsqu{margin-left: 75px;margin-top: 5px;}
ul.Tlist li,
ul.Tcir li,
ul.Tline li,
ul.Tsqu li {margin-bottom: 2px;}
ul.Tcir li{position: relative;padding-left: 8px;}
ul.Tcir li::before{content: "";width: 2px;height: 2px;border-radius: 50px;position: absolute;left: 0;top: 11px;background: #000;}
ul.Tcir.ver2 li{padding-left: 11px; font-size: 20px;}
ul.Tcir.ver2 li::before{width: 5px;height: 5px;top: 9px;}
ul.Tsqu li{position: relative;padding-left: 8px;}
ul.Tsqu li::before{content: "";width: 3px;height: 3px;position: absolute;left: 0;top: 10px;background: #000;}
ul.Tsqu.ver2 li{padding-left: 11px;}
ul.Tsqu.ver2 li::before{width: 5px;height: 5px;top: 8px;}
ul.Tline li{position: relative;padding-left: 10px; font-size: 20px;}
ul.Tline li::before{content: "";width: 6px;height: 1px;border-radius: 50px;position: absolute;left: 0;top: 11px;background: #000;}
ul.division_list li{display: flex;gap: 5px;align-items: start; margin-bottom: 2px;}
ul.division_list li span{flex-shrink: 0;}
ul.division_list li div{flex-grow: 1;}

/* 선택모양 */
[class^='select_shape'] {display:inline-block;vertical-align: top;position: relative;height: 100%;width: 100px;text-align: center;border: 1px solid #cacaca;width: 240px;}
[class^='select_shape'] div{position: absolute;z-index: 9999;left: -1px;width: calc(100% + 2px);text-align: left;top: 100%;height:0;overflow:hidden;transition: height 0.3s;visibility: hidden;border: 1px solid #cacaca; background-color: #fff;}
[class^='select_shape'] div ul{overflow-y: auto;max-height: 198px;}
[class^='select_shape'] ul li a{border-bottom: 1px dashed #eee;min-height: 55px;background: #fff;display: flex;align-items: center;line-height: 1.2;color:#333333;padding: 5px 20px;font-size: 0.9em;display: flex;}
[class^='select_shape'] .sel-btn {width: 100%;height: 55px;padding: 0 20px;font-weight: 400;vertical-align: top;background: url("../images/select_icon.png") no-repeat;box-sizing: border-box;overflow: visible;/* display: flex; */align-items: center;background-position: calc(100% - 15px) center;padding-right: 38px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;text-align: left;}
[class^='select_shape'].active div{height: 200px;visibility: visible;}

.select_shape1 .sel-btn {background-image: url("../images/select_icon2_b.png");}
.select_shape1 div {padding: 0 10px;}
.select_shape1 ul li {min-height: 55px;display: flex;align-items: center;justify-content: center;width: 100%;}
.select_shape1 ul li a {border-bottom: none;box-sizing: border-box;min-height: 45px;width: 100%;padding: 10px;}
.select_shape1 ul li:hover a {background-color: #e1f3ff;background-image: url(../images/select_shape_01.png); background-position: 95% center; background-repeat: no-repeat;transition: none;}
.select_shape1.active {border-bottom: none;}
.select_shape1.active div {border-top: none}
.select_shape1.active .sel-btn {background-image: url("../images/select_icon2_o_b.png");}

.select_shape2 .sel-btn {background-image: url("../images/select_icon_b.png");}
.select_shape2 ul li a {border-bottom: 1px solid #eee;background-image: url(../images/select_shape_02.png); background-position: 93% center; background-repeat: no-repeat;}
.select_shape2 ul li:hover a {background-image: url(../images/select_shape_o_02.png);}
.select_shape2.active .sel-btn {color: #fff; background-color: #499fff; background-image: url("../images/select_icon_o_w.png");}
.select_shape2.active ul li a:hover {color: #499fff;}

.select_shape3 .sel-btn {background-image: url("../images/select_icon3.png"); background-position: 93% center; background-repeat: no-repeat; background-size: 18px;}
.select_shape3 ul li a {border-bottom: 1px solid #eee;background-image: url(../images/select_shape_03.png); background-position: 93% center; background-repeat: no-repeat;background-size: 18px;}
.select_shape3.active .sel-btn {background-image: url("../images/select_icon_o_03.png");}
.select_shape3.active ul li a:hover {color: #499fff; background-image: url(../images/select_shape_o_03.png);}

.select_shape4 .sel-btn {background-image: url("../images/select_icon2.png");}
.select_shape4.active .sel-btn {color: #fff; background-color: #499fff; background-image: url("../images/select_icon2_o_w.png");}
.select_shape4.active ul li a:hover {color: #499fff;}

/* 팝업 */
.com_pop{position: fixed;z-index: 99999999999999;left: 0;overflow: hidden;top: 0;width: 100%;height: 100%;display: none;flex-direction: column;justify-content: center;padding: 3% 0;background: rgba(0,0,0,0.7);}
.com_pop .pop_top{padding: 20px 20px;display: flex;justify-content: space-between;border-bottom: 1px solid #555;text-align: left;width: 100%;background: #ccc;}
.com_pop .pop_top h1{font-size:  1.4em;font-weight: 600;text-align: left;}
.com_pop .pop_top .close{font-size: 40px;line-height: 0;font-weight: 100;}
.com_pop .pop_content{border-radius: 15px;max-height: 100%;width: 950px;margin: 0 auto;max-width: 90%;overflow: hidden;box-shadow: 0 0 30px rgba(0,0,0,0.3); padding: j10px;}
.com_pop .pop_content .wrap{padding: 25px;background:#fff;overflow-y: auto;max-height: 100%;}

/* 공통 테이블 */
.table_wrap{position: relative; overflow-x: auto;}
.table_wrap table {min-width: 720px;}
.table_caption{position: absolute;right: 0;top: -30px;}
.com_table{text-align: center;border-top: 2px solid #777;border-bottom: 1px solid #cfcfcf;}
.com_table.tal th,
.com_table.tal td{padding-left:20px;padding-right: 20px;}
.com_table th{background: #F6F6F7;border-right: 1px solid #cfcfcf;border-left: 1px solid #cfcfcf;padding: 12px 5px;border-bottom: 1px solid #cfcfcf;font-weight: 600;}
.com_table td{border-right: 1px solid #cfcfcf;border-left: 1px solid #cfcfcf;border-bottom: 1px solid #cfcfcf;padding: 12px 5px;word-break: keep-all;word-wrap: break-word;}
.com_table td .table_tit{text-align:center;display:block;text-align:left;padding-left: 15px;padding-right: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;}
.com_table td.tal{padding-left: 15px;padding-right: 15px;}
.com_table.td_left td{text-align: left;padding: 10px;}
.com_table select, .com_table input{padding: 4px 10px;}
.com_table tr th:first-child{border-left:0;}
.com_table tr td:first-child{border-left:0;}
.com_table tr th:last-child{border-right:0;}
.com_table tr td:last-child{border-right:0;}
.com_table .basic{font-size:inherit;font-weight: 100;padding: 0;}
.com_table .backslash {background:#eceded url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="lightgray" /></svg>');padding: 7px 29px;}
.com_table .backslash {text-align: left;}
.com_table .backslash div {text-align: right;font-weight: 400;}
.com_table.ml30{display: inline-table;width: calc(100% - 30px);margin-left: 30px;margin-top: 10px;}
.com_table tbody tr:nth-last-of-type(1) td{border-bottom:0;}
.com_table [class^=tm_btn]{padding: 5px 10px;max-width: 100%;min-width: auto;}
.com_table.ver2 th,
.com_table.ver2 td{border-left:0!important;border-right:0!important;}
.com_table.board .board_title{text-align:left;display: block;text-align: left;padding-left: 15px;padding-right: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;}
.com_table.board .board_title .except{max-width: calc(100% - 25px);display:inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;vertical-align: middle;}
.com_table.board .board_title i{font-size:0.9rem;margin-left: 3px;/* transform:translateY(-2px); */vertical-align: middle;}
.com_table.board .notice_label{width: 90%;border-radius: 500px;display: inline-block;max-width: 50px;}

/* 테이블 모양 */
.table_shape_tit{background: var(--point-color2);padding: 35px 25px;border-top: 2px solid var(--point-color);display: flex;align-items: center;justify-content: space-between;}
.table_shape_tit h1{font-size: 1.6em;padding-left: 30px;position: relative;}
.table_shape_tit h1:before{content:"";width: 23px;height: 20px;background: url(../images/sub/sub_tit.png) no-repeat;position: absolute;left: 0;top: 50%;top: 6px;}
.table_shape_tit p{font-size:1.2em;font-weight: 700;}
.table_shape_tit p+span{padding-left:0;}
.table_shape_tit span{padding-left: 30px;}
.table_shape_tit+.table_shape{border-top-color: #cfcfcf;}

.table_shape{border-top: 2px solid var(--point-color);border-bottom: 1px solid #cfcfcf;}
.table_shape ul.left_line li::before{background:#999;}
.table_shape>li{border-bottom: 1px solid #e3e2e2;display: grid;grid-template-columns: 180px 1fr;}
.table_shape>li:last-child{border-bottom:0;}
.table_shape li::after{content: "";display: block;clear: both;}
.table_shape li.w50p{grid-template-columns: 180px 1fr 180px 1fr;}
.table_shape li.w30p{grid-template-columns: 180px 1fr 180px 1fr 180px 1fr;}
.table_shape li .left_line{color:#666;margin-top: 7px;padding-left: 5px;}
.table_shape .th_shape{text-align: left;font-weight: 600;background: rgb(247, 248, 251);text-align: center;display: flex;padding: 0 15px;align-items: center;}
.table_shape .td_shape{background: #ffffff;padding: 14px 15px;min-height: 54px;display: flex;align-items: center;}
.table_shape .td_shape section{width:100%;}
.table_shape .td_shape.flex section{display:flex;gap: 10px;}
.table_shape .td_shape.flex section input,
.table_shape .td_shape.flex section select{flex-grow:1;}

.table_shape .td_shape.file{border-bottom:0;}
.table_shape .td_shape.file button.btn_delete{border: 1px solid #adadad;height: 24px;width: 24px;margin-left: 5px;background: #BFBFC0;border-radius: 500px;padding: 0;color: #fff;font-size: 0.5em;padding-top: 2px;min-width: auto;vertical-align: text-top;}
.table_shape .td_shape.file .file_view{border: 1px solid #959595;background: none;margin-left: 3px;padding: 4px 6px;width: auto;font-size: 0.85rem;background: #959595;color: #fff;vertical-align: middle;min-width: auto; min-height: 32px;}
.table_shape .td_shape.file .file_view i{margin-right:5px;}
.table_shape .td_shape.file span.color_red{margin-left:125px;}
.table_shape .td_shape.file .btn-upload{margin-left:0;border: none;vertical-align: top; width: fit-content;}
.table_shape .td_shape.file .btn-upload i{margin-right:5px;}
.table_shape .td_shape.file .uploadResultWrap{padding: 6px;vertical-align: top;border: 1px solid #D7D7D7;width: calc(100% - 130px);display: inline-block;vertical-align: top;box-sizing: border-box;margin-left: 8px;min-height: 42px;vertical-align: middle;}
.table_shape .td_shape.file .uploadResultWrap .file_none{color:#999;}
.table_shape .td_shape.file .uploadResultWrap li+li{margin-top:8px;}
.table_shape .td_shape.file .fileDown{vertical-align: text-top;}
.table_shape .td_shape.file .fileDown i{margin-right:7px;font-size:0.9rem}
.table_shape .td_shape.file a.file_name{display:block;background:url(../images/sub/dwl_file.png) no-repeat;color: #444;display: inline-block;}
.table_shape .td_shape.file a.btn_img_upload{display:inline-block;padding-top: 9px;}
.table_shape .td_shape.file a.btn_delete{display:inline-block;padding-top: 4px;padding-left: 5px;}

.table_shape.input_form input:not([type="hidden"])+input:not([type="hidden"]){margin-left:5px;}
.table_shape.input_form button,.table_shape.input_form .Tbtn{border: 1px solid #525252;color: #525252;padding: 9px 5px;min-width: 115px;font-weight: 500;vertical-align: middle;background: #525252;color: #fff;vertical-align: middle;}
.table_shape.input_form *+button, .table_shape.input_form *+.Tbtn{margin-left:3px;}
.table_shape.input_form input,
.table_shape.input_form select{padding: 9px 15px;width: calc(50% - 5px);vertical-align: middle;}
.table_shape.input_form select+select{margin-left:5px;}
.table_shape.input_form .calc100{width: 100%;}
.table_shape.input_form .calc50{width: calc(50% - 5px);}
.table_shape.input_form .calc50+.calc50{margin-left:5px;}
.table_shape.input_form .calc30{width: calc(33.333% - 6px);}
.table_shape.input_form .calc30+.calc30{margin-left:5px;}
.table_shape.input_form .th_shape{min-height: 56px;text-align: left;padding: 10px 15px;}
.table_shape.input_form .td_shape+.th_shape{/* border-left: 1px solid #cfcfcf; */}
.table_shape.input_form .th_shape em{vertical-align:top;line-height: 1;}
.table_shape.input_form .td_shape{padding: 10px 15px;}
.table_shape.input_form .td_shape input {/*width: calc(50% - 5px);*/}

.table_shape.input_form .th_shape span.color_red{display:inline-block;vertical-align: top;margin-left:10px;font-size: 0.75em;vertical-align: middle;}
.table_shape.input_form .phone input:nth-of-type(2){width:140px;margin-left: 3px;}
.table_shape.input_form .phone2 select,
.table_shape.input_form .phone2 input{/* width: 110px; */vertical-align: middle;max-width: calc((100% / 3) - 18px);}
.table_shape.input_form .phone2 em{padding:0 5px;vertical-align: middle;}
.table_shape.input_form .phone3 select,
.table_shape.input_form .phone3 input,
.table_shape.input_form .phone3 input:nth-of-type(2){width: 120px;min-width: 1px;max-width: calc((100% / 3) - 44px);}
.table_shape.input_form .phone3 .certified{width: 391px;background: #fff;border: 1px solid #D7D7D7;display: inline-flex;padding-right: 10px;align-items: center;margin-top: 10px;}
.table_shape.input_form .phone3 .certified input{width: 100%;border: 0;max-width: none;}
.table_shape.input_form .phone3 .certified span{flex-shrink:0;}
.table_shape.input_form .phone3 .re{vertical-align:top;min-width: auto;background: none;border: 0;color: #000;text-decoration: underline;text-underline-position: under;text-decoration-color: #aaa;margin-top: 10px;}
.table_shape.input_form .address button,
.table_shape.input_form .address a{margin-left: 0!important;}
.table_shape.input_form .address input:nth-of-type(1){width: 40%;margin-left: 3px;}
.table_shape.input_form .address input:nth-of-type(2){margin-left:3px;width: 30%;}
.table_shape.input_form .address2 div{display: grid;border-radius: 3px;border: 1px solid #D7D7D7;grid-template-columns: 1fr 115px;overflow: hidden;}
.table_shape.input_form .address2 div input{border:0;width: auto;margin: 0;min-width: 0;}
.table_shape.input_form .address2 div button{border-radius:0;margin: 0;box-sizing: border-box;min-width: auto;}
.table_shape.input_form .address2 input{width:100%;margin-top: 10px;}
.table_shape.input_form .address2 input:nth-of-type(2){margin-left:0;}
.table_shape.input_form .address3 input{width:40%;}
.table_shape.input_form .address3 button{margin-right:3px;}
.table_shape.input_form .address3 input:last-child{width:30%;}
.table_shape.input_form .address4 input:nth-of-type(1),
.table_shape.input_form .address4 input:nth-of-type(2){width: 40%;margin-left: 10px;}
.table_shape.input_form .address4 input:nth-of-type(2){margin-left: 128px!important;margin-top: 10px;display: block;}
.table_shape.input_form .mail input,
.table_shape.input_form .mail select{width:200px;}
.table_shape.input_form *+.checkbox1,
.table_shape.input_form *+.radio1{margin-left:15px;}
.table_shape.input_form .checkbox1,
.table_shape.input_form .radio1{display:inline-block;vertical-align: middle;}
.table_shape.input_form .checkbox1 input,
.table_shape.input_form .radio1 input{vertical-align: middle;width: 17px;height: 17px;outline: none!important;border: none;/* opacity: 0; */}
.table_shape.input_form .birth div{border: 1px solid #D7D7D7;border-radius:3px;display: inline-block;}
.table_shape.input_form .birth div em{opacity: 0.3;vertical-align: middle;display: inline-block;}
.table_shape.input_form .birth div input{width: 90px;text-align:center;vertical-align: middle;}
.table_shape.input_form .birth input{width:auto;border:0;}
.table_shape.input_form .birth2 section{width: calc(50% - -25px);display: flex;gap: 5px;align-items: center;}
.table_shape.input_form .birth2 section em{margin-right:10px;}
.table_shape.input_form .time div{border: 1px solid #D7D7D7;border-radius:3px;display: inline-block;}
.table_shape.input_form .time div em{opacity: 0.3;vertical-align: middle;display: inline-block;}
.table_shape.input_form .time div input{width: 90px;text-align:center;vertical-align: middle;}
.table_shape.input_form .time input{width:auto;border:0;}
.table_shape.input_form .td_shape textarea{width: 100%;height: 200px;border-radius: 3px;resize: none;padding: 9px 12px;}
.table_shape.input_form .label_input div{display:inline-flex;gap: 8px;align-items: center;}
.table_shape.input_form .label_input div p{flex-shrink: 1;}
.table_shape.input_form .label_input div input{width:auto;flex-grow:1;}
.table_shape.input_form .input_info{margin-top:5px;font-size: 0.8em;color:#555;}

/* 달력 */
.Tcalendar .ymd{text-align:center;position: relative;margin-bottom: 13px;}
.Tcalendar .ymd>span{display:block;text-align:right;opacity:0.8;margin-top: 10px;font-size: 0.9rem;}
.Tcalendar .data_summary{margin-top:20px;text-align:right;display: none;}
.Tcalendar .data_summary div{display: flex;gap: 15px;border: 1px solid #cfcfcf;padding: 10px;flex-wrap: wrap;justify-content: center;}
.Tcalendar .data_summary div .data:before{width: 4px;height: 12px;top: 4px;}
.Tcalendar .data_summary span{display:inline-block;padding-left: 10px;flex: 0 0 auto;}
.Tcalendar .ymd button{font-size:1.5rem;opacity: 0.8;}
.Tcalendar .ymd button.today_btn {min-width: 80px;}
.Tcalendar .ymd p{font-size:1.8rem;font-weight:800;display:inline-block;padding:0 50px;}
.Tcalendar table{border:1px solid #CFCFCF;border-top:2px solid #777;margin-top: 11px;border-left: 0;border-right: 0;}
.Tcalendar table th{text-align:center;padding: 7px 0;border-left: 1px solid #CFCFCF;border-right: 0;background: #f6f6f7;font-size: 1.1rem;font-weight: 600;}
.Tcalendar table td{padding: 7px;border-top: 1px solid #CFCFCF;border-left: 1px solid #CFCFCF;border-right: 1px solid #CFCFCF;vertical-align: top;}
.Tcalendar table td.outline{outline:2px solid #525252;outline-offset: -1px;}
.Tcalendar table td button{width:100%;text-align: left;min-height: 80px;display: flex;flex-direction: column;}
.Tcalendar table td p{text-align:right;width: 100%;font-size: 1.05rem;padding-bottom: 2px;}
.Tcalendar table td div{width: 100%;}
.Tcalendar table td div span{display:block;color: #000;font-size: 0.8rem;}
.Tcalendar table td div span.color_red{line-height:1.1;margin-bottom: 4px;font-size: 11px;padding-left: 0;max-height: 23px;overflow: hidden;}
.Tcalendar table td.color_red .data:before{background: #ff0000;}
.Tcalendar table td.color_red .data{color:#ff0000;}
.Tcalendar .data{padding-left: 7px;position:relative;display: flex;flex: 0 0 106px;gap: 3px;}
.Tcalendar .data:before{content:"";width: 4px;height: 13px;border-radius:500px;position: absolute;left: 0;top: 2px;}
.Tcalendar .data .first{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;flex-grow: 1;}
.Tcalendar .data .second{/* flex: 0 0 28px; */text-align: right;flex-shrink: 0;}
.Tcalendar .data1:before{background:#959595;}
.Tcalendar .data2:before{background:#525252;}
.Tcalendar .data3:before{background:#c8c8da;}
.Tcalendar table .today{background: #ededed;}
.Tcalendar table td:first-child p,
.Tcalendar table th:first-child{color: #ff0000;border-left: 0;}
.Tcalendar table td:last-child p,
.Tcalendar table th:last-child{color: #3d6cf5;border-right: 0;}
.Tcalendar table .opacity{opacity: 0.5;}
.Tcalendar .calendar_wrap{display: inline-block;}
.Tcalendar .calendar_list{display: inline-block;margin-top: 88px;border-top: 2px solid #777;/* max-height: 581px; */position: absolute;height: 100%;width: 38%;right: 0;top: 0;}
.Tcalendar .calendar_list h1{font-size: 1.1rem;background: #f6f6f7;text-align: center;padding: 7px 0;border-bottom: 1px solid #cfcfcf;font-weight: 600;}
.Tcalendar .calendar_list>ul{height: calc(100% - 126px);border-bottom: 1px solid #cfcfcf;overflow-y: auto;}
.Tcalendar .calendar_list>ul>li.empty{text-align:center;height: 100%;display: flex;align-items: center;justify-content: center;border: 0;box-sizing: border-box;}
.Tcalendar .calendar_list>ul>li{padding: 15px 10px;display: flex;align-items: start;gap: 10px;border-bottom: 1px solid #cfcfcf;}
.Tcalendar .calendar_list>ul>li.color_red .data:before{background: #ff0000;}
.Tcalendar .calendar_list>ul>li .data:before{content:"";width: 4px;height: 15px;position:absolute;top: 4px;}
.Tcalendar .calendar_list>ul>li .data1:before{background:#959595;}
.Tcalendar .calendar_list>ul>li .data2:before{background:#525252;}
.Tcalendar .calendar_list>ul>li .data3:before{background:#c8c8da;}
.Tcalendar .calendar_list>ul>li div{flex-grow: 1;display: flex;position: relative;}
.Tcalendar .calendar_list>ul>li div:before{content:"";width:1px;height: 15px;position:absolute;left: -9px;background:#000;top: 4px;}
.Tcalendar .calendar_list>ul>li div p{/* font-size: 1.2rem; */font-weight: 700;flex-shrink: 0;padding-right: 20px;position: relative;}
.Tcalendar .calendar_list>ul>li div ul.tm_cir{margin-left:0!important;margin-top: 0;color: #000;}
.Tcalendar.has_grid{display:grid;grid-template-columns:60% 1fr;gap: 30px;position: relative;}
.Tcalendar .calendar_list>ul>li:last-child{border-bottom:0;}

/* 검색 폼 */
.search_form_wrap{padding-bottom: 20px;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 10px;}
.search_form_wrap+.table_wrap .com_table{margin-top:0;}
.search_form_wrap .left p{display:inline-block;}
.search_form_wrap .left p:first-child{padding-right: 15px;margin-right: 15px;position: relative;}
.search_form_wrap .left p:first-child:before{content: '';width: 1px;height: 16px;background: #000;position: absolute;right: 0;top: 50%;right: -2px;transform: translateY(-50%);}
.search_form_wrap .left p:last-child:before{display:none;}
.search_form_wrap .left p em{color: #ec0606;margin-right: 10px;font-weight: 500;}
.search_form_wrap .right{display:flex;gap:5px;justify-content: end;flex-grow: 1;}
.search_form_wrap .right select{padding: 6px 10px;min-width:130px;}
.search_form_wrap .right .search_form{display: flex;border: 1px solid #D7D7D7;overflow: hidden;gap: 5px;}
.search_form_wrap .right .search_form button{background: #525252;color:#fff;padding: 7px 15px;}
.search_form_wrap .right .search_form input{padding: 8px 10px 6px;min-width:130px;min-width: 280px;vertical-align: top;border: 0;flex-grow: 1;}
.search_form_wrap .right .search_form.ver2 {border: 0;}
.search_form_wrap .right .search_form.ver2 input{border: 1px solid #D7D7D7;padding: 6px 10px;}

/* 검색 좌우 */
[class^='search_center']{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 10px;margin-bottom: 10px;}
[class^='search_center']+.TCtable_wrap .TCtable{margin-top:0;}
[class^='search_center'] .left p{display:inline-block;}
[class^='search_center'] .left p:first-child{padding-right: 15px;margin-right: 15px;position: relative;}
[class^='search_center'] .left p:first-child:before{content: '';width: 1px;height: 16px;background: #000;position: absolute;right: 0;top: 50%;right: -2px;transform: translateY(-50%);}
[class^='search_center'] .left p:last-child:before{display:none;}
[class^='search_center'] .left p em{color: #ec0606;margin-right: 10px;font-weight: 500;}
[class^='search_center'] .right{display:flex;gap:5px;justify-content: end;flex-grow: 1;}
[class^='search_center'] .right select{padding: 6px 10px;min-width:130px;border-radius: 8px;height: 55px;}
[class^='search_center'] .right button{background: #525252;color:#fff;padding: 7px 15px; min-width: 90px; border-radius: 6px;}
[class^='search_center'] .right .search_form{display: flex;border: 1px solid var(--bg-gray3);overflow: hidden;gap: 5px;}
[class^='search_center'] .right .search_form input{padding: 8px 10px 6px;min-width:130px;min-width: 280px;vertical-align: top;border: 0;flex-grow: 1;}
[class^='search_center'] .right .search_form.ver2 {border: 0;}
[class^='search_center'] .right .search_form.ver2 input{border: 1px solid var(--bg-gray3);padding: 6px 10px;}

/* 게시판 상세 */
.board_view{border-bottom: 1px solid #ddd;}
.board_view h1{border-top: 3px solid #777777;padding: 30px 10px;border-bottom: 1px dashed #ccc;background: #f6f6f7;font-size:  1.4em;text-align: center;font-weight: 500;}
.board_view .view_info{display: flex;border-bottom: 1px dashed #ccc;}
.board_view .view_info li{border-right: 1px solid #eee;text-align: center;padding: 15px 10px;box-sizing: border-box;flex: 1 0 0;display: flex;align-items: center;justify-content: center;}
.board_view .view_info li:not(:nth-of-type(2n)){background: #f6f6f7;flex: 0 0 16%;}
.board_view .view_info li:last-child{border-right:0;}
.board_view .file{border-bottom: 1px dashed #ccc;display:flex;}
.board_view .file>li:first-child{background: #f6f6f7;flex: 0 0 16%;font-weight: 500;text-align: center;border-right: 1px solid #eee;justify-content: center;display: flex;align-items: center;}
.board_view .file>li{padding: 15px 10px;flex-grow: 1;box-sizing: border-box;}
.board_view .file>li a.file_name,
.board_view .file>li a.file_name i{margin-right:7px;}
.board_view .file ol+ol{margin-top:5px;}
.board_view .text{padding: 30px 30px;border-bottom: 1px solid #ccc;min-height: 300px;}
.board_view .page_pager{border-bottom: 1px solid #ccc;}
.board_view .page_pager li{flex: 1 0 0;}
.board_view .page_pager li:last-child a{border-top: 1px dashed #ccc;}
.board_view .page_pager a{display: flex;font-size:  1em;vertical-align: middle;align-items: center;}
.board_view .page_pager a div{padding: 15px 25px;background: #f6f6f7;}
.board_view .page_pager a div i{padding-right:15px;font-size: 0.8rem;vertical-align: baseline;}
.board_view .page_pager a *{flex-shrink: 0;}
.board_view .page_pager a img{display:inline-block;padding-left: 5px;}
.board_view .page_pager a p{color:#444;font-size:initial;display: inline-block;padding-left: 20px;flex-grow: 1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;flex-shrink: 1;}
.board_view .page_pager a span{font-size:initial;padding-left: 20px;padding-right: 10px;}
.board_view .Tbtn_wrap,.board_write .Tbtn_wrap{justify-content: center;margin-top: 20px;}
.board_view .table_shape .td_shape.file .btn-upload i{padding-right:5px;}
.board_view .table_shape .td_shape.file .uploadResultWrap{margin:0;border: 0;padding: 0;}
.board_view .table_shape .td_shape.file .btn-upload{padding: 1px 2px 1px;width: 90px;font-size: 0.9em;vertical-align: middle;background: #525252;color: #fff;margin-left: 0;}
.board_view+.table_shape{border-top: 0;}

.board_view.ver2 .uploadResultWrap{background: #ffffff;width: 95%;margin: 0 auto;padding: 25px 35px;box-sizing: border-box;border-radius: 5px;margin-top: 50px;margin-bottom: 40px;border: 1px solid #aaa;}
.board_view.ver2 .text{border-bottom: 0;}
.board_view.ver2 .uploadResultWrap .fileDown{color:var(--point-color);}
.board_view.ver2 .uploadResultWrap .fileDown i{font-size: 0.9em;margin-right: 10px;}
.board_view.ver2 .uploadResultWrap li+li{margin-top: 5px;}
.board_view.ver2 .uploadResultWrap .file_view{border: 1px solid #959595;background: none;color: #5a5a5a;margin-left: 3px;padding: 2px 6px 0;width: auto;font-size: 0.9em;background: #959595;color: #fff;vertical-align: top;border-radius: 3px;}
.board_view.ver2 .uploadResultWrap .file_view i{margin-right:5px;}

.board_write .text{padding: 30px 0;border-bottom: 1px solid #ccc;min-height: 300px;}
.board_write .text textarea{padding: 15px;width: calc(100% - 60px);height: 300px;resize: none;border-color: var(--bg-gray3);margin: 0 30px;}

/* 갤러리 목록 */
.gallery_list{display: flex;flex-wrap: wrap;gap: 30px;/* font-size: 18px; */}
.gallery_list li{flex: 1 1 390px;}
.gallery_list.calc4 li{flex: 1 1 320px;}
.gallery_list li a{display: block;position: relative;background: #fff; transition: all .2s; border-radius: 25px; border: 1px solid #cdd1d5; padding: 10px;}
.gallery_list li a img{aspect-ratio: 2/1.8;object-fit: cover;width: 100%; border-radius: 25px;}
.gallery_list li a .category{background:#959595;border-radius:500px;position:absolute;color:#fff;bottom: 135px;min-width: 80px;text-align: center;font-weight: 300;padding: 0 5px;left: 10px;}
.gallery_list li a .hit_wrap {position: absolute; top: 20px; right: 20px; background-color: #F2F5FA; border-radius: 15px; display: flex; align-items: center; justify-content: center; gap: 8px; width: 80px; padding: 4px;}
.gallery_list li a .hit_wrap i {display: inline-block; width: 20px; height: 15px; background-image: url("../../templates/front/assets/images/ico/ico-hit.png"); background-repeat: no-repeat; background-size: contain; flex: none;}
.gallery_list li a:hover{box-shadow: 0px 0px 4px var(--color-navy); border-radius: 25px;}

.gallery_list li section{padding: 15px 15px 5px;position: relative;}
.gallery_list li section p{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom: 10px;font-size: 1.125rem;font-weight: 700;}
.gallery_list li section span{text-align:right;display: inline-block;position:relative;/*font-size: 0.9em; color: #444;*/}
.gallery_list li section span:nth-of-type(1){padding-right: 25px;}
.gallery_list li section span i{padding-right:7px;vertical-align: bottom;}
.gallery_list li{max-width: calc((100% / 3) - 20px);}
.gallery_list li.empty{max-width: 100%!important;border-top:1px solid #ccc;border-bottom:1px solid #ccc;text-align: center;padding: 20px 0;}
.gallery_list.calc4 li{max-width: calc((100% / 4) - 23px);}

.gallery_list2 {display: flex; gap: 50px 2%; justify-content: flex-start; flex-wrap: wrap; padding: 20px; border-top: 2px solid #464646; border-bottom: 1px solid #464646;}
.gallery_list2 li {width: 100%; text-align: center;}
.gallery_list2 .gallery_item {flex-basis: 32%; overflow: hidden; text-align: left;}
.gallery_list2 .gallery_link {display: flex; flex-direction: column; gap: 10px;}
.gallery_list2 .gallery_photo {overflow: hidden;border: 3px solid transparent;transition: border 0.3s ease 0s;}
.gallery_list2 .gallery_photo img {width: 100%; height: 100%; aspect-ratio: 1.5 / 1; object-fit: cover;}
.gallery_list2 .gallery_desc .tit {font-size: 1.2em;font-weight: 700;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.gallery_list2 .gallery_desc .date {color: #777;}
.gallery_list2 .gallery_item:hover .gallery_photo {border: 3px solid #464646;}
.gallery_list2 .gallery_item:hover .tit {text-decoration: underline;}

/* 답글 */
.comments>p {margin-bottom:15px;}
.comments>p button {font-size:10px; border: 1px solid #d7d7d7; padding: 3px 4px; padding-bottom: 1px; border-radius: 3px; vertical-align: text-bottom; margin-left: 5px;}
.comments section {display: none;}
.comments .writing {background:#fff; border: 1px solid var(--bg-purple); margin-bottom: 20px; display: grid; grid-template-columns: 1fr 110px; border-radius: 3px; overflow: hidden;}
.comments .writing div span {color:#999; padding: 5px 10px; text-align:right; display:block;}
.comments .writing p {font-weight: bold; padding: 10px 15px; padding-bottom: 0;}
.comments .writing textarea {border: 0; width: 100%; padding: 10px 15px; height: 80px;}
.comments .writing button {background: var(--bg-purple); height: 100%; display: inline-block; vertical-align: top; color: #fff;}
.comments .comments1 .top,
.comments .comments2 .top {position:relative;}
.comments ul{border-top:1px solid #d7d7d7;}
.comments ul li:not(:last-child){border-bottom:1px solid #d7d7d7;}
.comments ul li:last-child .writing_wrap{margin-bottom:20px}
.comments .comments1 {padding: 20px 20px;}
.comments .comments1>p,
.comments .comments2>p {margin: 10px 0;}
.comments .comments1 span,
.comments .comments2 span {color:#999; font-weight:100; display: block;}
.comments .comments1>button {background: #ffffff; border: 1px solid #d7d7d7; padding: 5px 15px; border-radius: 3px; margin-top: 10px;}
.comments .comments1 .top p,
.comments .comments2 .top p {font-weight: 600; color: #2f239d;}
.comments .comments1 .top p em,
.comments .comments2 .top p em {font-size:  0.8em; font-weight: 100; padding-left: 15px; opacity: 0.6;}
.comments .comments1 .top div,
.comments .comments2 .top div {position: absolute; top: 0; right: 0;}
.comments .comments1 .top button,
.comments .comments2 .top button {font-weight: 300; position: relative; display: inline-block; padding-right: 15px; color: #656565;}
.comments .comments1 .top button:last-child,
.comments .comments2 .top button:last-child {padding-right:0;}
.comments .comments1 .top button:last-child:before,
.comments .comments2 .top button:last-child:before {display:none;}
.comments .comments1 .top button::before,
.comments .comments2 .top button::before {content: ""; width: 1px; height: 13px; background: #7d7d7d; right: 5px; top: 6.5px; position: absolute;}
.comments .comments2 {border-top: 1px solid #d7d7d7; padding: 15px 40px; position:relative; padding-left: 50px; border-bottom: 0; background: #FAFAFA;}
.comments .comments2 .top div {float: right;}
.comments .comments2+.writing_wrap {border-top:0;border-bottom: 0;}
.comments .writing_wrap {border-top: 0;padding: 15px 40px;position:relative;padding-left: 50px;position: relative;background: #FAFAFA;border-top: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;}
.comments .writing_wrap .writing {background:none; margin: 0;}
.comments .writing_wrap .writing textarea {background:none;}
.comments .writing_wrap .writing button {background:#ECEBF3; color:#000;}

/* 슬라이드 팝업*/
.slide_pop .slide_pop_close {display: flex;width: auto;transform: none;margin-top: 1px;position: static !important;margin-left: 10px;}
[class^='slide_pop'] {z-index: 999999;position: fixed;width: 470px;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 85%;display: none;}
[class^='slide_pop'] .slick-list{border-radius: 10px;box-shadow: 5px 5px 10px rgba(0,0,0,0.3);}
[class^='slide_pop'] .pop_footer{display: flex;justify-content: space-between;padding: 10px 20px;margin-top: 20px;/* box-shadow: 5px 5px 10px rgba(0,0,0,0.3); */align-items: baseline; background: var(--point-color3);color: #fff;border-radius: 500px;}
[class^='slide_pop'] .pop_footer .btn{padding-top: 0;font-size: 16px;font-weight: 500; display: flex; align-items: center;}
[class^='slide_pop'] .pop_footer .btn div{display: inline-block;font-size: 23px;vertical-align: middle;width: 80px;text-align: center;}
[class^='slide_pop'] .pop_footer .btn span{font-weight: 900;color: #fff;}
[class^='slide_pop'] .pop_footer .btn p{display: inline-block;color: #b3b3b3;}
[class^='slide_pop'] .pop_footer .btn button{vertical-align: middle;color: #fff;}
[class^='slide_pop'] .pop_footer .btn .btn-pause{font-size: 23px;margin-left: 10px;vertical-align: top;font-weight: 500; width: 23px; height: 23px;}
[class^='slide_pop'] .pop_footer .btn .btn-pause i {display: flex; align-items: center; justify-content: center; line-height: 1;}
[class^='slide_pop'] .pop_footer div:last-child{font-size:18px; display: flex;}
[class^='slide_pop'] .pop_footer div:last-child button{vertical-align: middle;/* margin-left: 30px; */position: relative;}
[class^='slide_pop'] .slick-slide>div {display: flex;}
[class^='slide_pop'] .slick-slide img {aspect-ratio: 47/60;}
[class^='new_pop'] .pop_footer div:last-child button:hover {background-color: #d9dbe5;}
[class^='new_pop'] .pop_footer div:last-child button:before{content:"";position:absolute;width:1px;height: 100%;background:#fff;left: 0;top: 0;}

.slide_pop_swiper .slide_swiper {border-radius: 0;box-shadow: none;}
.slide_pop_swiper .pop_footer div:last-child button {margin-left: 10px}

.pop_footer .checkbox1{display:inline-block;vertical-align: top;}
.pop_footer .checkbox1 input{width: 18px;height: 18px;position: absolute;top: 7px;left: 1px;opacity: 0;}
.pop_footer .checkbox1 input:checked+label:before{background: url(../images/pop_chk_o.png)no-repeat;content: "";}
.pop_footer .checkbox1 label {position: relative;padding-left: 31px;cursor: pointer;}
.pop_footer .checkbox1 label::before{background: url(../images/pop_chk.png)no-repeat;content: "";display: inline-block;width: 24px;height: 24px;position: absolute;left: 1px;top: 1px;background-size: 100%;}

/* slide_pop_swiper_ver2 */
.slide_pop_ver2 {width: 1100px}
.slide_pop_ver2 .slick-list {margin: 0 -10px;box-shadow: none;}
.slide_pop_ver2 .slick-slide {margin: 0 10px;}
.slide_pop_ver2 .slick-dots{display:none;}
.slide_pop_ver2 .pop_footer {max-width: 470px;margin: 30px auto 0;width: 100%;}
.slide_pop_ver2 .pop_footer div:last-child button {margin-left: 10px}

.slide_pop_swiper_ver2 .pop_top {position: absolute;right: 0;z-index: 999;display: flex;align-items: center;background-color: #e9eaf0;border-radius: 15px 15px 0 0;padding: 0 30px;width: 100%;min-height: 60px;justify-content: space-between;top: -60px;}
.slide_pop_swiper_ver2 .pop_top .btn {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;max-width: 160px;}
.slide_pop_swiper_ver2 .pop_top .btn .num {display: flex;align-items: center;gap: 0 5px;}
.slide_pop_swiper_ver2 .pop_top .btn .num p,
.slide_pop_swiper_ver2 .pop_top .btn .num span,
.slide_pop_swiper_ver2 .pop_top .btn .num em {display: inline-block; white-space:nowrap}
.slide_pop_swiper_ver2 .pop_top .btn .num span {color: var(--point-color);font-weight: 700;}
.slide_pop_swiper_ver2 .pop_footer div:last-child button:before {height: 100%;top: 0;left: 0;background: #cccccc;}
.slide_pop_swiper_ver2 .pop_footer div:last-child button {margin: 0;}

.slide_pop_prev .pop_footer,
.slide_pop_swiper_ver2 .pop_footer {margin-top: 0;z-index:100;position: relative;border-radius: 0 0 15px 15px;display: flex;align-items: center;padding: 0;background: #e9eaf0;color: #000;box-shadow: none;}
.slide_pop_prev .pop_footer > div,
.slide_pop_swiper_ver2 .pop_footer > div {display: grid;grid-template-columns: 1fr 1fr;text-align: center;min-height: 60px;width: 100%;}
.slide_pop_prev .pop_footer > div .checkbox1,
.slide_pop_swiper_ver2 .pop_footer > div .checkbox1 {display: flex;align-items: center;justify-content: center;}
.slide_pop_prev .pop_footer span,
.slide_pop_swiper_ver2 .pop_footer span {position: relative; padding-left: 31px;}
.slide_pop_prev .pop_footer span::before,
.slide_pop_swiper_ver2 .pop_footer span::before{background: url(../images/pop_close.png)no-repeat;content: "";display: inline-block;width: 24px;height: 24px;position: absolute;left: 1px;top: 0;background-size: 100%;}

.pop_footer .checkbox1{display:inline-block;vertical-align: top; border-bottom-left-radius: 20px; cursor: pointer;}
.pop_footer .checkbox1 input{width: 18px;height: 18px;position: absolute;top: 7px;left: 1px;opacity: 0;}
.pop_footer .checkbox1 label {position: relative;padding-left: 31px;cursor: pointer;}
.pop_footer .checkbox1 label::before{background: url(../images/pop_chk.png)no-repeat;content: "";display: inline-block;width: 24px;height: 24px;position: absolute;left: 1px;top: 1px;background-size: 100%;}
.pop_footer .checkbox1 input:checked+label:before{background: url(../images/pop_chk_o.png)no-repeat;content: "";}
.layer_pop{position: fixed;width: 470px;left: 30px;top: 30px;border-radius: 10px;overflow: hidden;box-shadow: 5px 5px 10px rgba(0,0,0,0.3);max-width: 85%;display: none;z-index: 9999;}
.layer_pop img{display:block;}
.layer_pop .pop_footer{font-size:  1em;background: #efefef;display: flex;justify-content: space-between;padding: 10px;}
.layer_pop .layer_pop_close{color: var(--point-color);font-weight: 600;}
.layer_pop.ver3 .pop_footer .checkbox1:hover,
.slide_pop_swiper_ver2 .pop_footer .checkbox1:hover,
.layer_pop.ver3 .pop_footer .checkbox1:hover {background-color: #d9dbe5;}

/* slide_pop_prev */
.slide_pop_prev {border: 5px solid #e9eaf0;border-radius: 20px;box-shadow: 0 0 20px #00000038;}
.slide_pop_prev .gallery {border-top-left-radius: 20px; border-top-right-radius: 20px;}
.slide_pop_prev .thumbs {width: 85%;margin: 0 auto;position: relative;}
.slide_pop_prev .prev_wrap {position: relative;background-color: #bebebec9; padding: 10px 0 13px 0;}
.slide_pop_prev .prev_wrap .prev,
.slide_pop_prev .prev_wrap .next {color: #000;position: absolute;top: 50%;transform: translate(0, -50%); z-index: 2}
.slide_pop_prev .prev_wrap .prev {left: 10px}
.slide_pop_prev .prev_wrap .next {right: 10px}
.slide_pop_prev .prev_wrap .swiper-slide button {border: 3px solid #fff; box-sizing: border-box; border-radius: 10px; overflow: hidden;}
.slide_pop_prev .gallery .swiper-slide {background-color: #bebebec9;}

/* faq 목록 */
.faq ul{border-top: 1px solid #555555;border-bottom: 1px solid #555555;}
.faq ul button{width:100%;font-size: 1.1em;}
.faq ul p{padding: 10px 15px;min-height: 50px;display: flex;align-items: center;font-weight: 700;/* font-size: 1.15rem; */border-bottom: 1px solid #ccc;padding-right: 60px;position: relative;text-align: left;}
.faq ul p>i{position:absolute;border:1px solid;width: 33px;height: 33px;border-radius:500px;text-align:center;right: 10px;font-size: 0.95rem;display: flex;align-items: center;justify-content: center;transition: transform 0.5s;}
.faq ul li.show p>i{transform: rotate(-180deg);}
.faq ul div{background:#eee;padding:20px 30px;border-bottom:1px solid #ccc;display: none;text-align: left;}

/* 기존 페이징 */
.pager{text-align:center;display: flex;justify-content: center;flex-wrap: wrap;gap: 5px;}
.pager.ver2 li{margin:0 2px;}
.pager.ver3{gap:10px}
.pager.ver3 a{border-radius:6px;border: 0;}
.pager:not(.ver2,.ver3) li:nth-of-type(n+2) a{/* border-left:0; */}
.pager a{color: #707070;display: flex;width: 40px;height: 40px;box-sizing: border-box;align-items: center;justify-content: center;overflow: hidden;border: 1px solid #ccc;}
.pager a.active{background: #313131;color: rgba(999,999,999,0.7);border-color: #313131;}
.pager li{display: inline-block;vertical-align: middle;}
.pager li a[class^="pager_"]:hover{background: #313131;color: #fff;border-color: #313131;}
.pager li a.pager_first{border-left: 1px solid #ccc;}
.pager li a.pager_first{letter-spacing: -5px;padding-right: 5px;}
.pager li a.pager_last{letter-spacing: -5px;padding-right: 2px;}

/* 페이지네이션 */
.pagination {display: flex; align-items: center; justify-content: center; flex-direction: row; gap: 8px; width: 100%; margin-top: 40px; color: #464c53; position: relative;}
.pagination .page-navi, .pagination .page-link {display: inline-flex; align-items: center; justify-content: center; flex-direction: row; height: 40px; background-color: var(--color-transparent); border-radius: 6px; transition: var(--transition-base);}
.pagination .page-navi::before, .pagination .page-navi::after {mask-repeat: no-repeat; mask-size: contain; mask-position: center center;}
.pagination .page-navi.prev {order: 1; padding: 0 8px 0 4px;}
.pagination .page-navi.prev::before {content: ''; display: inline-flex; align-items: center; justify-content: center; flex-direction: row; width: 20px; height: 20px; mask-image: url("/resources/images/ico/ico_angle.svg"); transform: rotate(90deg); background-color: #464c53;}
.pagination .page-navi.next {order: 3; padding: 0 4px 0 8px;}
.pagination .page-navi.next::after {content: ''; display: inline-flex; align-items: center; justify-content: center; flex-direction: row; width: 20px; height: 20px; mask-image: url("/resources/images/ico/ico_angle.svg"); transform: rotate(-90deg); background-color: #464c53;}
.pagination .page-links {display: flex; align-items: center; justify-content: center; flex-direction: row; gap: 8px; order: 2;}
.pagination .page-links .page-link {width: 40px; height: 40px;}
.pagination .page-links .page-link.active {background-color: #063a74; font-weight: var(--t-bold); color: var(--color-white);}
.pagination .page-links .page-link.link-dot {display: inline-flex; width: 24px; height: 24px; background-color: #1e2124; mask-image: url("/resources/images/ico/ico_ellipsis.svg"); mask-repeat: no-repeat; mask-position: center center; mask-size: contain;}
.pagination .page-navi:hover, .pagination .page-link:hover {background-color: var(--color-hover-bg);}
.pagination>div {display: flex; align-items: center; justify-content: center; flex-direction: row; gap: 8px;}
.pagination>div:has(button){position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.pagination>div:has(button) :not(div)[class^=Tbtn]{min-width: 120px;}

@media (max-width: 1024px) {
	.pagination {display:flex;gap: 20px;margin-top: 30px;}
	.pagination:has(button) {flex-direction: column-reverse;}
	.pagination>div:has(button){position:static;transform: none;text-align: right;gap: 6px; margin: 0 0 0 auto;}
}

@media (max-width: 768px) {
	.pagination, .pagination>div {flex-wrap: wrap; gap: 6px 0;}
	.pagination .page-links {width: 100%;}
	.pagination .page-links .page-link {width: 32px; height: 32px;}
	.pagination .page-navi {height: 32px;}
	.pagination .page-navi.prev {order: 1;}
	.pagination .page-navi.next {order: 1;}
	.pagination .page-navi.prev::before, .pagination .page-navi.next::after {width: 16px; height: 16px;}
}

@media(max-width: 1200px){
	/* 반응형 폰트 크기 */
	:root {
		/* 1400px */
		--w1400-h1 : 2em;
		--w1400-h2 : 1.7em;
		--w1400-h3 : 1.2em;

		/* 1200px */
		--w1200-h1 : 2em;
		--w1200-h2 : 1.5em;
		--w1200-h3 : 1.1em;
	}

	.w1200n{display: none;}
	.w1200v{display: block;}
	col.w1200v{display: table-column;}
	tr.w1200v{display: table-row;}
	.gallery_list.calc4 li{max-width: calc((100% / 3) - 20px);}
}

@media(max-width: 1024px){
	:root {
		/* 들여쓰기 */
		--text-tab1: 26px;
		--text-tab1: 45px;
		--text-tab1: 47px;
		--text-tab1: 47px;
	}
	.w1024n{display: none;}
	.w1024v{display: block;}

	tr.w1024v{display: table-row;}
	col.w1024v{display: table-column;}

	.mo_view{display: block;}
	.pc_view{display: none;}

	.table_v5.paging_wrap .comp-paging ul li a{padding-top: 4px;}
	.table_shape .td_shape{font-size:inherit;min-height: 49px;}
	.com4:before{top: 7.2px;}
	.dwl_btn{font-size: 0.75em;}
	.com_tab{grid-template-columns: repeat(auto-fit, minmax(33%, auto));}
	.com_tab li{font-size: 0.9em;}

	.Th1{font-size: 1.6em;padding-left: 23px;margin-bottom: 10px;margin-top: 50px;}
	.Th1:before{background-size: 16px;top: 8px;}
	.Th2{font-size: 1.45em;padding-left:17px;margin-left: 26px;margin-top: 10px;}
	.Th2:before{width:10px;height:10px;top:8px;}
	.Th3{font-size: 1.2em;margin-left: 40px;}

	ul.Tlist{margin-left: 46px;}
	ul.Tline li::before{top: 10px;}
	ul.Tsqu li::before{top: 8px;}
	ul.Tsqu.ver2 li::before{top: 7px;}
	ul.Tcir, ul.Tline, ul.Tsqu{margin-left: 47px;}
	ul.Tcir li::before{top: 9px;}
	ul.Tcir.ver2 li::before{top: 7px;}
	ul.left_cir p::before{top: 7px;}

	[class^='search_center'] .right{text-align:right;}

	.board_view h1{font-size:  1.1em;padding: 20px 10px;}
	.board_view .view_info{flex-wrap:wrap;}
	.board_view .view_info li:not(:nth-of-type(2n)){flex: 0 0 90px;}
	.board_view .view_info li{flex: 1 0 calc(100% - 90px);border-right: 0;}
	.board_view .view_info li:nth-of-type(n+3){border-top: 1px dashed #ccc;}
	.board_view .view_info li:nth-of-type(2n){text-align:left;}
	.board_view .file>li:first-child{flex: 0 0 90px;}
	.board_view .text{padding: 20px;}
	.board_view .page_pager a{font-size: 0.9em;}
	.board_view .page_pager a p,
	.board_view .page_pager a span{font-size: 0.8em;padding-left: 10px;}
	.board_view .page_pager a span{padding-left:10px;font-size: 0.75em;}
	.board_view .page_pager a div{padding: 15px 10px;}
	.board_view.ver2 .uploadResultWrap{padding:20px;}

	.board_write .text{padding: 20px;}
	.board_write .text textarea{margin: 0 15px;width: calc(100% - 30px);padding: 10px;}

	.gallery_list {gap: 20px;}
	.gallery_list li {max-width: calc((100% / 2) - 10px);}

	.Tcalendar.has_grid{display:block;}
	.Tcalendar table td button{min-height: 50px;}
	.Tcalendar table td div span.color_red{font-size:10px;max-height: 21px;}
	.Tcalendar .calendar_list{margin-top: 18px;position: static;width: 100%;}
	.Tcalendar .calendar_list>ul{height:100%;}
	.Tcalendar .calendar_list>ul>li div:before{top: 3px;height: 13px;}
	.Tcalendar .calendar_list>ul>li div p:before{top: 8px;}
	.Tcalendar .calendar_list>ul>li .data:before{height: 12px;width: 3px;}
	.Tcalendar .data:before{width: 3px;height: 10px;}
	.Tcalendar .data_summary{margin-top:20px;display: block;}
	.Tcalendar .data_summary div .data:before{top: 3px;}
	.Tcalendar .ymd>span{text-align:center;}
	.Tcalendar .data .first{display:none;}
	.Tcalendar .data .second{flex:0 0 auto;}
	.Tcalendar .data{flex: 0 0 90px;}

	.comments .comments1{padding:15px 10px;}
	.comments .comments2{padding:15px 25px;}
	.comments .writing_wrap{padding:10px 20px;}

	.table_shape .th_shape{padding: 10px;}
	.table_shape .th_shape{padding: 10px;}
	.table_shape .td_shape{font-size:inherit;min-height: 49px;padding: 10px;}
	.table_shape .td_shape.flex section{flex-wrap:wrap;}
	.table_shape .td_shape.file .uploadResultWrap{width: 100%;margin: 0;margin-top: 10px;}
	.table_shape li.w30p{grid-template-columns: 180px 1fr;}
	.table_shape li.w30p>div:nth-of-type(n+3){border-top: 1px solid #e3e2e2;}
	.table_shape li.w50p .td_shape{padding: 10px;}
	.table_shape>li,.table_shape li.w30p{grid-template-columns: 130px 1fr;}
	.table_shape li.w50p{grid-template-columns: 130px 1fr;}
	.table_shape li.w50p>div:nth-of-type(n+3){border-top: 1px solid #E3E2E2;}
	.table_shape.board_view .td_shape.file .uploadResultWrap{width:100%;margin-left:0;margin-top:10px;padding: 10px;}

	.table_shape.input_form select{width: 100%;}
	.table_shape.input_form input{width:100%;}
	.table_shape.input_form button,.table_shape.input_form .Tbtn{min-width: 95px;}
	.table_shape.input_form .calc50{width:100%;}
	.table_shape.input_form .calc50+.calc50{margin-left: 0;margin-top:5px;}
	.table_shape.input_form .calc30{width:100%;margin-left:0;}
	.table_shape.input_form .calc30+.calc30{margin-left: 0;margin-top:5px;}
	.table_shape.input_form .input_button input{width: calc(100% - 102px);}
	.table_shape.input_form .td_shape{padding:10px;}
	.table_shape.input_form .td_shape+.th_shape{border-left:0;}
	.table_shape.input_form .th_shape span.color_red{display:block;margin-left:0;margin-top:5px;}
	.table_shape.input_form .td_shape.bg_blue{font-size: 0.75em;padding: 20px 15px 17px;}
	.table_shape.input_form .td_shape.file span.color_red{margin-left: 0;}
	.table_shape.input_form .phone input{width: calc(100% - 108px);}
	.table_shape.input_form .phone input:nth-of-type(2){width: 150px;margin-left: 0;margin-top: 5px;}
	.table_shape.input_form .phone3 .certified{width: 387px;max-width: calc(100% - 60px);}
	.table_shape.input_form .mail input,
	.table_shape.input_form .mail select{width: calc((100% / 3) - 9px);}
	.table_shape.input_form .birth2 section{width:100%}
	.table_shape.input_form .address input{width: calc(50% - 55px);}
	.table_shape.input_form .address3 input{width: calc(100% - 104px);}
	.table_shape.input_form .address3 input:last-child{width: 100%;margin-top: 5px;}
	.table_shape.input_form .address4 input:nth-of-type(2){margin-left: 108px;}
	.table_shape.input_form .address4 input:nth-of-type(1),
	.table_shape.input_form .address4 input:nth-of-type(2){width: calc(100% - 110px);}
	.table_shape.input_form.board_view button + ol{width:100%;}

	.faq ul p>i{width: 26px;height: 26px;padding-top: 2px;box-sizing: border-box;}
	.faq ul p{padding-right:50px;}
}


@media(max-width:800px){
	/* 반응형 폰트 크기 */
	html {font-size: 16px;}

	.w800n{display: none;}
	.w800v{display: block;}

	tr.w800v{display: table-row;}
	col.w800v{display: table-column;}

	.com1{margin-top:50px;font-size:  1em;padding-left: 25px;margin-bottom: 10px;}
	.com1::before{width: 18px;height: 18px;top: 5px;}
	.com3{font-size: 0.9em;padding-left: 24px;margin-left: 15px;}
	.com3::before{width: 18px;height: 18px;background-size:100%;top: 3px;}
	.com4{margin-left: 34px;}
	.com_tab{grid-template-columns: repeat(auto-fit, minmax(50%, auto));}

	.table_caption{position: initial;text-align: right;}

	.bottom_btn button,.bottom_btn a{width:130px}

	[class^='search_center'] .right{flex-wrap:wrap;width: 100%;}
	[class^='search_center'] .right select{width:100%;}
	[class^='search_center'] .right .search_form{width:100%;}
	[class^='search_center'] .right .search_form input{min-width:auto;width: 50px;}

	.mo_table{display: block;}
	.mo_table tr,
	.mo_table thead,
	.mo_table tbody,
	.mo_table th,
	.mo_table td{display: block;border-left: 0;border-right: 0;}

	.gallery_list {gap: 10px;}
	.gallery_list li {max-width: 100%;}
	.gallery_list li section {padding: 10px 6px 4px;}

	.comments .writing{grid-template-columns:1fr;}
	.comments .writing button{padding:13px}

	.search_center2 .right button{width:100%;height: 45px;}

	.layer_pop{left: 50%;top: 50%;transform: translate(-50%,-50%);}

	.TCid_pw1 .authentication {flex-direction: column; gap: 30px; margin: 20px auto;}
	.TCid_pw1 .authentication section .Tbtn {height: 55px}

	.Tsearch_top {padding: 20px}
}

@media(max-width:700px){
	.com_tab:before{width: calc(100% + 10px);height: calc(100% + 10px);left: -6px;top: -6px;}
}

@media(max-width:600px){
	.w600v{display: inline-block;}
	.w600n{display: none;}

	tr.w600v{display: table-row;}
	col.w600v{display: table-column;}

	.com1{margin-top:30px;}

	.table_v5.paging_wrap .comp-paging ul li a{width: 20px;height: 20px;font-size: 12px;padding-top:0;}
	.table_v5.paging_wrap .comp-paging>p{width:20px;height:20px;}

	.paging_wrap .comp-paging .prev{width:20px;height:20px;}
	.paging_wrap .comp-paging .allnext{width:20px;height:20px;}
	.paging_wrap .comp-paging .next{width:20px;height:20px;}

	.table_shape>li{display:block;}
	.table_shape li.w50p div:nth-of-type(3){border-top:1px solid #E3E2E2;}
	.table_shape li.w50p>div:nth-of-type(4){border-top:0;}
	.table_shape .td_shape,.table_shape .th_shape{width: 100%;padding: 10px;min-height: auto;}
	.table_shape .td_shape,.table_shape .th_shape{padding: 10px;min-height: auto;}

	.table_shape.input_form input{padding: 11px 12px 9px;}
	.table_shape.input_form select{padding: 11px 12px 9px;}
	.table_shape.input_form .th_shape,
	.table_shape.input_form .td_shape {width:100%;}
	.table_shape.input_form .th_shape{padding: 10px 15px 6px;min-height: auto;}
	.table_shape.input_form .td_shape{padding: 8px 5px;}
	.table_shape.input_form .td_shape textarea{height:120px;}
	.table_shape.input_form .birth div{width:100%;}
	.table_shape.input_form .birth div input{width: calc(33.333% - 8px);}
	.table_shape.input_form .time div{width:100%;}
	.table_shape.input_form .time div input{width: calc(50% - 6px);}
	.table_shape.input_form .phone input{width:100%;}
	.table_shape.input_form .phone button{margin-left:0;margin-top: 5px;}
	.table_shape.input_form .phone input:nth-of-type(2){width: calc(100% - 98px);margin-top: 5px;}
	.table_shape.input_form .phone2 select,
	.table_shape.input_form .phone2 input{width: calc((100% / 3) - 15px);}
	.table_shape.input_form .address .flex-w {gap: 4px;}
	.table_shape.input_form .address input{width: 100%;margin-left: 0;margin-top:0px;}
	.table_shape.input_form .address input:nth-of-type(1) {width: calc(100% - 100px); margin: 0;}
	.table_shape.input_form .address input:nth-of-type(2) {width: 100%; margin: 0;}
	.table_shape.input_form input:not([type="hidden"])+input:not([type="hidden"]) {margin: 0;}
	.table_shape.input_form .mail input{width: calc((100% / 2) - 10px);}
	.table_shape.input_form .mail select{width:100%;margin-top: 5px;}

	.gallery_list2 {gap: 20px 2%;}
	.gallery_list2 .gallery_link {gap: 10px;}
	.gallery_list2 .gallery_item {flex-basis: 49%;}

	.slide_pop_swiper .pop_footer,
	.slide_pop_ver2 .pop_footer,
	.slide_pop .pop_footer{display:block;text-align: center;border-radius: 10px;}

	.slide_pop_swiper .pop_footer div:last-child,
	.slide_pop_ver2 .pop_footer div:last-child,
	.slide_pop .pop_footer div:last-child{justify-content:space-between;display: flex;}

	.slide_pop_swiper .pop_footer div:last-child button:before,
	.slide_pop_ver2 .pop_footer div:last-child button:before,
	.slide_pop .pop_footer div:last-child button:before{display:none;}

	.slide_pop_swiper_ver2 .pop_top {min-height: 45px; top: -45px; font-size: 14px; padding: 0 20px}
	.slide_pop_swiper_ver2 .pop_footer span {padding-left: 25px;}
	.slide_pop_swiper_ver2 .pop_footer span::before {background-size: 19px;}
	.slide_pop_swiper_ver2 .pop_footer div:last-child button:before {display: block;}
	.slide_pop_swiper_ver2 .pop_footer div:last-child {display: grid; font-size: 14px; min-height: 45px;}
	.slide_pop_swiper_ver2 .pop_footer .checkbox1 label {padding-left: 25px;}
	.slide_pop_swiper_ver2 .pop_footer .checkbox1 label::before {background-size: 19px; top:0;}

	.board_write .text textarea{margin: 0 5px;width: calc(100% - 10px);}

	.sub_tit {justify-content: flex-start; min-width: auto;}

	.Tsearch_top {flex-direction: column;}
	.Tsearch_top select {width: 100%;}
	.Tsearch_top input {min-height: 60px;}
	.Tsearch_top button {min-height: 60px; width: 100%;}
}

@media(max-width: 500px){
	:root {
		/* 들여쓰기 */
		--text-tab1: 10px;
		--text-tab1: 26px;
		--text-tab1: 26px;
		--text-tab1: 26px;
	}
	html {font-size: 14px;}

	.Th1{margin-top:30px;margin-left: 0;}
	.Th2{margin-left:10px;}
	.Th3{margin-left:26px;}

	ul.Tlist{margin-left:26px;}
	ul.Tcir, ul.Tline, ul.Tsqu{margin-left:26px;}
	ul.Tcir li::before{top: 7px;}
	ul.Tcir.ver2 li::before{top: 6px;}
	ul.Tsqu li::before{top: 7px;}
	ul.Tsqu.ver2 li::before{top: 6px;}
	ul.Tline li::before{top: 8px;}

	.com_tab li:nth-of-type(2n){border-right:0;}
	.dwl_btn{float:none;display: block;padding-left: 10px;width: 145px;background-position: calc(100% - 11px);padding-right: 33px;margin-left: calc(100% - 174px);}

	.table_shape li.address input{width: calc(50% - 55px);}
	.table_shape.input_form select{width: 100%;}
	.table_shape.input_form .td_shape.file span.color_red{margin-left:0px;}
	.table_shape.input_form .phone3 select, .table_shape.input_form .phone3 input,
	.table_shape.input_form .phone3 input:nth-of-type(2){width: calc((100% / 3) - 8.5px);max-width: none;}
	.table_shape.input_form .phone3 button{width:100%;margin-top:5px;margin-left:0;}
	.table_shape.input_form .phone3 .certified{width: calc(100% - 50px);margin-top: 5px;max-width: none;}
	.table_shape.input_form .phone3 .re{width:auto;}
	.table_shape.input_form .address2 div{grid-template-columns: 1fr 90px;}
	.table_shape.input_form .address4 input:nth-of-type(1),
	.table_shape.input_form .address4 input:nth-of-type(2){margin-left:0;width:100%;margin-top: 5px;}
	.table_shape.input_form .birth2 section em{margin-right:5px;}

	.faq ul p>i{padding-top: 3px;}

	.com_pop .pop_top{padding:10px;}
	.com_pop .pop_content .pop_wrap{padding:10px;}
	.com_pop .pop_top .close{font-size:30px;}

	.layout_box.step ul li .cir {font-size: 10px; width: 45px; height: 45px;}
	.layout_box.step > div {padding-left: 10px; padding-right: 10px;}
	.layout_box.step ul::before {top: 23px;}

	.Tcalendar table th{font-size: 0.75em;}
	.Tcalendar table td button p{font-size: 0.75em;}
	.Tcalendar table td{padding: 3px;}
	.Tcalendar .calendar_list>ul>li .data{font-size: 0.9em;flex: 0 0 70px;}
	.Tcalendar .calendar_list>ul>li{padding:10px;}
	.Tcalendar .calendar_list>ul>li{display:block;}
	.Tcalendar .calendar_list>ul>li div:before{display:none;}
	.Tcalendar .calendar_list>ul>li div{padding-left:0;padding-top:5px;}
}

/* 웹 접근성 툴 css */
.tmAccess{width: 410px;height: 80%;position: fixed;z-index: 999999999;background: #fff;top: 0;border: 3px solid #000;border-radius: 10px;display: flex;flex-direction: column;box-shadow: 0 0 20px rgba(0,0,0,0.4);}
.tmAccess table{display: none;}
.tmAccess table th{background:#eee;padding: 6px;border:1px solid #aaa;color: #000;}
.tmAccess table td{border:1px solid #aaa;padding: 6px;}
.tmAccess .tmAccess_h1{background: #0067d4;color: #fff;cursor: pointer;padding: 10px;position: relative;font-size: 15px;font-weight: 600;}
.tmAccess .tmAccess_h1.warning2 i{font-size:25px;position:absolute;top: 50%;transform: translateY(-50%);right: 10px;font-weight: 100;}
.tmAccess .tmAccess_scroll{overflow: auto;flex-grow: 1;font-size: 14px;}
.tmAccess .tmAccess_drag{border-bottom:1px solid #000;padding: 5px 10px;text-align: right;cursor: move;}
.tmAccess .tmAccess_wrap{min-width:400px;border-bottom: 1px solid #000;}
.tmAccess .resizer-right {width: 10px;height: 100%;position: absolute;z-index: 10;right: -4px;bottom: 0;cursor: e-resize;}
.tmAccess .resizer-bottom {width: 100%;height: 10px;position: absolute;z-index: 10;right: 0;bottom: -6px;cursor: n-resize;}
.tmAccess .resizer-both {width: 5px;height: 5px;z-index: 10;position: absolute;right: 0;bottom: 0;cursor: nw-resize;}
.tmAccess .warning{background: #fff7b7;}
.tmAccess .warning2{background: #ff0000;color: #fff;font-weight: 600;}

/*flex*/
.flex {display: flex;}
.flex-w {display: flex; flex-wrap: wrap;}
.flex-wr {display: flex; flex-wrap: wrap-reverse;}
.flex-ac {display: flex; align-items: center;}
.flex-afs {display: flex; align-items: flex-start}
.flex-afe {display: flex; align-items: end;}
.flex-jc {display: flex; justify-content: center;}
.flex-jb {display: flex; justify-content: space-between;}
.flex-jl {display: flex; justify-content: left;}
.flex-jr {display: flex; justify-content: right;}
.flex-jsa {display: flex; align-items: center; justify-content: space-around;}
.flex-jse {display: flex; align-items: center; justify-content: space-evenly;}
.flex-ac-jc {display: flex; align-items: center; justify-content: center;}
.flex-afs-jc {display: flex; align-items: flex-start; justify-content: center;}
.flex-afe-jc {display: flex; align-items: flex-end; justify-content: center;}
.flex-ac-jb {display: flex; align-items: center; justify-content: space-between;}
.flex-afs-jb {display: flex; align-items: flex-start; justify-content: space-between;}
.flex-afe-jb {display: flex; align-items: flex-end; justify-content: space-between;}
.flex-ac-jl {display: flex; align-items: center; justify-content: left;}
.flex-ac-jr {display: flex; align-items: center; justify-content: right;}
.flex-fdc {display: flex; flex-direction: column;}
.flex-fdc-r {display: flex; flex-direction: column-reverse;}
.flex-fdr {display: flex; flex-direction: row;}
.flex-fdr-r {display: flex; flex-direction: row-reverse;}

/*grid*/
.grid1 {display: grid; grid-template-columns: repeat(1, 1fr);}
.grid2 {display: grid; grid-template-columns: repeat(2, 1fr);}
.grid3 {display: grid; grid-template-columns: repeat(3, 1fr);}
.grid4 {display: grid; grid-template-columns: repeat(4, 1fr);}
.grid5 {display: grid; grid-template-columns: repeat(5, 1fr);}
.grid1-2 {display: grid; grid-template-columns: 1fr 2fr;}
.grid1-3 {display: grid; grid-template-columns: 1fr 3fr;}
.grid1-4 {display: grid; grid-template-columns: 1fr 4fr;}
.grid2-1 {display: grid; grid-template-columns: 2fr 1fr;}
.grid2-3 {display: grid; grid-template-columns: 2fr 3fr;}
.grid3-1 {display: grid; grid-template-columns: 3fr 1fr;}
.grid3-2 {display: grid; grid-template-columns: 3fr 2fr;}

/*grid 조합형*/
.grid_top {grid-area: grid_top;}
.grid_left {grid-area: grid_left;}
.grid_right {grid-area: grid_right;}
.grid_bottom {grid-area: grid_bottom;}
.gridStyle1 {display: grid; grid-template-areas: "grid_top grid_top" "grid_left grid_right" "grid_bottom grid_bottom"; grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr;}
.gridStyle2 {display: grid; grid-template-areas: "grid_top grid_top grid_top" "grid_left grid_center grid_right" "grid_bottom grid_bottom grid_bottom"; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto 1fr;}
.gridStyle3 {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr;}
.gridStyle3 .grid_box:nth-child(1) {grid-column: 1; grid-row: 1;}
.gridStyle3 .grid_box:nth-child(2) {grid-column: 1; grid-row: 2;}
.gridStyle3 .grid_box:nth-child(3) {grid-column: 2; grid-row: 1 / span 2;}
.gridStyle4 {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr;}
.gridStyle4 .grid_box:nth-child(1) {grid-column: 1; grid-row: 1 / span 2;}
.gridStyle4 .grid_box:nth-child(2) {grid-column: 2; grid-row: 1;}
.gridStyle4 .grid_box:nth-child(3) {grid-column: 2; grid-row: 2;}
.gridStyle5 {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 2fr;}
.gridStyle5 .grid_box:nth-child(1) {grid-column: 1; grid-row: 1;}
.gridStyle5 .grid_box:nth-child(2) {grid-column: 1; grid-row: 2;}
.gridStyle5 .grid_box:nth-child(3) {grid-column: 2; grid-row: 1 / span 2;}
.gridStyle6 {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 2fr;}
.gridStyle6 .grid_box:nth-child(1) {grid-column: 1; grid-row: 1 / span 2;}
.gridStyle6 .grid_box:nth-child(2) {grid-column: 2; grid-row: 1;}
.gridStyle6 .grid_box:nth-child(3) {grid-column: 2; grid-row: 2;}
.gridStyle7 {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 3fr;}
.gridStyle7 .grid_box:nth-child(1) {grid-column: 1; grid-row: 1;}
.gridStyle7 .grid_box:nth-child(2) {grid-column: 1; grid-row: 2;}
.gridStyle7 .grid_box:nth-child(3) {grid-column: 2; grid-row: 1 / span 2;}
.gridStyle8 {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 3fr;}
.gridStyle8 .grid_box:nth-child(1) {grid-column: 1; grid-row: 1 / span 2;}
.gridStyle8 .grid_box:nth-child(2) {grid-column: 2; grid-row: 1;}
.gridStyle8 .grid_box:nth-child(3) {grid-column: 2; grid-row: 2;}
.gridStyle9 {display: grid; grid-template-columns: 1fr 1fr 2fr; grid-template-rows: 1fr 1fr;}
.gridStyle9 .grid_box:nth-child(1) {grid-column: 1; grid-row: 1;}
.gridStyle9 .grid_box:nth-child(2) {grid-column: 2; grid-row: 1;}
.gridStyle9 .grid_box:nth-child(3) {grid-column: 1; grid-row: 2;}
.gridStyle9 .grid_box:nth-child(4) {grid-column: 2; grid-row: 2;}
.gridStyle9 .grid_box:nth-child(5) {grid-column: 3; grid-row: 1 / span 2;}
.gridStyle10 {display: grid; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 1fr 1fr;}
.gridStyle10 .grid_box:nth-child(1) {grid-column: 1; grid-row: 1 / span 2;}
.gridStyle10 .grid_box:nth-child(2) {grid-column: 2; grid-row: 1;}
.gridStyle10 .grid_box:nth-child(3) {grid-column: 3; grid-row: 1;}
.gridStyle10 .grid_box:nth-child(4) {grid-column: 2; grid-row: 2;}
.gridStyle10 .grid_box:nth-child(5) {grid-column: 3; grid-row: 2;}
.tmB-layout-container[class*="gridStyle"] {display: grid;}
.tmB-layout-container .tmB-layout-column {min-width: 0;}

/* 요소간 여백 */
.gap4 {gap: 4px;}
.gap5 {gap: 5px;}
.gap6 {gap: 6px;}
.gap8 {gap: 8px;}
.gap10 {gap: 10px;}
.gap15 {gap: 15px;}
.gap20 {gap: 20px;}
.gap25 {gap: 25px;}
.gap30 {gap: 30px;}
.gap40 {gap: 40px;}
.gap4_10 {gap: 4px 10px;}
.gap10_4 {gap: 10px 4px;}
.gap10_15 {gap: 10px 15px;}
.gap15_10 {gap: 15px 10px;}
.gap10_20 {gap: 10px 20px;}
.gap10_30 {gap: 10px 30px;}
.gap20_10 {gap: 20px 10px;}
.gap20_30 {gap: 20px 30px;}
.gap30_10 {gap: 30px 10px;}
.gap30_20 {gap: 30px 20px;}

/* width */
.wt10 {width: 10%;}
.wt20 {width: 20%;}
.wt30 {width: 30%;}
.wt40 {width: 40%;}
.wt50 {width: 50%;}
.wt60 {width: 60%;}
.wt70 {width: 70%;}
.wt80 {width: 80%;}
.wt90 {width: 90%;}
.wt100 {width: 100%;}

.wt10p {width: 10px;}
.wt20p {width: 20px;}
.wt30p {width: 30px;}
.wt40p {width: 40px;}
.wt50p {width: 50px;}
.wt60p {width: 60px;}
.wt70p {width: 70px;}
.wt80p {width: 80px;}
.wt90p {width: 90px;}
.wt100p {width: 100px;}
.wt120p {width: 120px;}
.wt150p {width: 150px;}
.wt170p {width: 170px;}
.wt200p {width: 200px;}

/* height */
.ht50 {height: 50%;}
.ht100 {height: 100%;}
.ht10p {height:10px;}
.ht20p {height:20px;}
.ht30p {height:30px;}
.ht40p {height:40px;}
.ht50p {height:50px;}
.ht60p {height:60px;}
.ht70p {height:70px;}
.ht80p {height:80px;}
.ht90p {height:90px;}
.ht100p {height:100px;}
.ht120p {height: 120px;}
.ht150p {height: 150px;}
.ht170p {height: 170px;}
.ht200p {height: 200px;}

/* tab */
.com_tab{display: flex;background: #f9f8f8;flex-wrap: wrap;}
.com_tab.tab2 li{flex: 0 0 50%;}
.com_tab li{cursor: pointer;text-align: center;box-sizing: border-box;transition: background 0.3s;color: #000;position: relative;z-index: 5;flex: 1 0 25%;}
/*.com_tab li:nth-last-child(6),*/
/*.com_tab li:nth-last-child(6) ~ li{max-width: 25%;}*/
.com_tab li a, .com_tab li button{padding: 12px 5px 10px;width: 100%;height: 100%;display: block;min-height: 55px;}
.com_tab li img{padding-left: 5px;vertical-align: middle;}
.com_tab li.active button{background: #464646;color: #fff;}
.com_tab li.active img{display:inline-block;;}
.com_tab li.active span{text-decoration:underline;text-underline-position: under;text-decoration-color: rgba(999,999,999,0.5);}

.com_tab2_select.select_shape {width: 100%; border: 0;}
.com_tab2_select.select_shape .sel-btn {display: none;}
.com_tab2_select.select_shape div {height: auto;display: block;position: static;overflow: visible;visibility: visible;border: 0;}
.com_tab2_select.select_shape div .com_tab li {max-width: 100%;}

.com_tab.ver2{background:none;gap: 20px;}
.com_tab.ver2 li{flex: 1 0 calc(20% - 16px);}

.com_tab.ver3 li a, .com_tab.ver3 li button {background: #f9f8f8;box-sizing: border-box;transition: .3s;border: 0;word-break: keep-all;margin: 0 auto;}
.com_tab.ver3 li:hover a, .com_tab.ver3 li:hover button {background: #464646;color: #fff;}
.com_tab.ver3 li.active a, .com_tab.ver3 li.active button {background: #464646;color: #fff;}
.com_tab.ver3 li.active {background: #f9f8f8;transition: .5s;display: flex;align-items: center;}
.com_tab.ver3 li {background: #f9f8f8;display: flex;align-items: center;padding: 10px 20px;box-sizing: border-box;position: relative;border: none;}
.com_tab.ver3 li:after {right:0;content: '';background: #dee0e3;width: 2px;height: 20px;position: absolute;z-index: 1;}
.com_tab.ver3 li:nth-child(3n):after {display: none;}

.com_tab.ver4{background:none;}
.com_tab.ver4 li{}
.com_tab.ver4 li.active button {background: unset; border-bottom: 3px solid #000; color: #000;}

/* tab content */
.tabpanel_wrap{position: relative;}
.tabpanel_wrap .tabpanel {height:0;visibility: hidden;position: absolute;width: 100%;overflow: hidden;}
.tabpanel_wrap>.active{height: auto;visibility: visible;position: static;overflow: visible;}

.comTabPanel_wrap{position: relative;}
.comTabPanel_wrap .tabpanel {height:0;visibility: hidden;position: absolute;width: 100%;overflow: hidden; padding: 20px 0;}
.comTabPanel_wrap>.active{height: auto;visibility: visible;position: static;overflow: visible;}

@media (max-width: 1200px) {
	.com_tab2_select.select_shape.active div {border-top: none;width: calc(100% - 1px);margin: 0 auto;/* top: 50%; */left: 50%;transform: translate(-50%, 0);}
	.com_tab2_select.select_shape.active div .com_tab {display: flex;flex-direction: column;max-height: none;}
	.com_tab2_select.select_shape {width: 100%;height: auto;margin-bottom: 20px;background: #ddd;border: 0;}
	.com_tab2_select.select_shape .sel-btn {width: 100%;border: 0;background-position: calc(100% - 10px) center;}
	.com_tab.com_tab2 li a, .com_tab.com_tab2 li button {/* background: #fff; */color: #000;}
	.com_tab li a, .com_tab li button {min-height: 50px;}
}

@media (max-width: 500px) {
	.com_tab.com_tab2 li:nth-child(3n):after {display: block;}
	.com_tab.com_tab2 li:nth-child(2n):after {display: none;}

	.com_tab li a, .com_tab li button {min-height: 44px;}
}

/** ---------------------------------------------------------------------- **/
/** 빌더 **/
/** ---------------------------------------------------------------------- **/

/* 폰트 설정 */
.TCh1{position: relative;font-size: var(--tm-h1);font-weight: 700;}
.TCh1.temp{position: relative;font-size: var(--tm-h1);padding-left: 33px;font-weight: 700;}
.TCh1.temp::before{content: "";position: absolute;width: 30px;height: 30px;left: 0;top: var(--tm-h1-before);background-image: url(../images/Th1_icon.png);background-size: contain;background-repeat: no-repeat; background-position: center;}
.TCh2{font-size: var(--tm-h2);font-weight: 600;position: relative;}
.TCh2.temp{font-size: var(--tm-h2);font-weight: 600;position: relative;padding-left: 25px;}
.TCh2.temp::before{content: "";position: absolute;width: 20px;height: 20px;left: 0;top: var(--tm-h2-before);background-image: url(../images/Th2_icon.png);background-size: contain;background-repeat: no-repeat; background-position: center;}
.TCh3{position: relative;font-size: var(--tm-h3);font-weight: 500;}
.TCh3.temp{position: relative;font-size: var(--tm-h3);font-weight: 500;padding-left: 20px;}
.TCh3.temp::before{content: "";position: absolute;background: url(../images/sub/text3.png)no-repeat;width: 19px;height: 19px;left: 0;top: var(--tm-h3-before);background-size: 100%; background-position: center;}
.TCh4{position: relative;font-size: var(--tm-h4);font-weight: 500;}
.TCh4.temp{position: relative;font-size: var(--tm-h4);font-weight: 500;padding-left: 14px;}
.TCh4.temp::before{content: "-";position: absolute;top:0;left:0;}
p.text{position: relative;font-size: var(--tm-h5);font-weight: 500;}

/* 공통버튼 */
*:not(div)[class^=TCbtn]{padding: 6px;display: flex;width: 130px;max-width:100%;height:50px;text-align: center;box-sizing: border-box;align-items: center;justify-content: center;/*border: 1px solid var(--color-gray3);*/}
*:not(div)[class^=TCbtn][class*="_text"] {border: 0; text-decoration: underline; text-underline-offset: 2px;}
*:not(div)[class^=TCbtn][class*="_icon"] {width: 50px; min-width: unset; height: 50px; border-radius: 50%; border: 0;}
*:not(div)[class^=TCbtn][class*="_paging"] {width: 50px; min-width: unset; min-width: unset; height: 50px; border-radius: 50%; border: 0; border-radius: 5px; padding: 0;}
*:not(div)[class^=TCbtn][class*="_paging"] i {font-size: 50px;}
*:not(div)[class^=TCbtn][class*="_sns"] {width: 50px; min-width: unset; height: 50px;}
*:not(div)[class^=TCbtn][class*="_dwl"] i{padding-left: 10px;font-size: 0.75em;}
*:not(div)[class^=TCbtn][class*="_link"] i{padding-left: 10px;font-size: 0.75em;}
*:not(div)[class^=TCbtn][class*="_link2"] {}
*:not(div)[class^=TCbtn][class*="_link2"] i{padding: 0;font-size: 0.75em;}
*:not(div)[class^=TCbtn][class*="_small"]{padding: 5px 8px;width: auto;min-width: auto;}
*:not(div)[class^=TCbtn] i{line-height: 1; flex: none;}
*:not(div)[class^=TCbtn].box_shadow {box-shadow: 4px 4px 6px rgba(0,0,0,0.2);}

/* 공통버튼 효과 */
.TCbtn_wrap{}
.TCbtn.hover {display:block;position: relative;padding: 12px 18px;border: 1px solid #ddd;transition: none;overflow: hidden;z-index: 3;text-align: left; background-color: transparent; color: #000;}
.TCbtn.hover_1:before {content: '';width: 0;height: 0;border-radius: 80%;position: absolute;right: 10%;transform: translate(50%, -30%);background-color: #ffffff;opacity: .5;transition: .5s;z-index: -1;}
.TCbtn.hover_1:after {content: '';width: 0;height: 0;border-radius: 80%;position: absolute;top:17px;right: 6%;transform: translate(50%, -30%);background-color: #fff;transition: .5s;z-index: -1;}
.TCbtn.hover_1:hover{background:#525252;position: relative; color:#fff;}
.TCbtn.hover_1:hover:before {width: 180px;height: 180px;}
.TCbtn.hover_1:hover:after {width: 170px;height: 170px;}
.TCbtn.hover_2 {transition: .5s;}
.TCbtn.hover_2:hover {background:#525252;transform: translateY(-10px); color:#fff;}
.TCbtn.hover_3 {transition: .3s;}
.TCbtn.hover_3:hover {transform: scale(0.95); background: #525252; color:#fff;}
.TCbtn.hover_4:before{content:"";width: 0;position:absolute;background: #525252;height:100%;z-index: -1;left: 0;top: 0;transition: width 0.5s;}
.TCbtn.hover_4:hover:before{width:100%;}
.TCbtn.hover_4:hover {color: #fff;}
.TCbtn.hover_5:hover {background-color: #525252; color: #fff;}
.TCbtn.hover_6 div {display: inline-block;}
.TCbtn.hover_6:hover {background-color: #525252; color: #fff;}
.TCbtn.hover_6:hover div {transition: transform 0.5s;transform-origin: 50% 50%;transform: rotate(180deg);}
.TCbtn.hover_7:before{content:"";position:absolute;bottom: -1px;left:50%;transform: translate(-50%, 0);z-index: 99;width:0;height:5px;background: #525252;transition:width 0.5s;}
.TCbtn.hover_7:hover:before {width: 100%;}
.TCbtn.hover_8:hover {box-shadow: 5px 5px 10px #52525225;}
.TCbtn.hover_9:hover {outline: 2px solid #525252;}

/* 테이블 */
.TCtable_wrap{position: relative; overflow-x: auto; padding: 10px;}
.TCtable_wrap [class^='TCtable'] {width: 100%; /*min-width: 800px;*/}
[class^='TCtable'].td_left tbody td {text-align: left;}
[class^="TCtable"] [class*="swipe_img"] {display: block;position: absolute;bottom: 37px;z-index: 2;right: 0;width: 40%;max-width: 130px;}
.table_caption{position: absolute;right: 0;top: -30px;}

[class^='TCtable']:not(.TCtable_wrap) {text-align: center;border-top: 2px solid #015BC0;/*border-bottom: 1px solid #cfcfcf;*/}
[class^='TCtable'].tal th,
[class^='TCtable'].tal td{padding-left:20px;padding-right: 20px;}
[class^='TCtable'] [class^=Tbtn]{padding: 5px 10px;max-width: 100%;min-width: auto;}
[class^='TCtable'] th{background: #F6F6F7;border-right: 1px solid #E0E0E0;border-left: 1px solid #E0E0E0;border-bottom: 1px solid #E0E0E0;font-weight: 600; padding: 10px;}
[class^='TCtable'] td{border-right: 1px solid #E0E0E0;border-left: 1px solid #E0E0E0;border-bottom: 1px solid #E0E0E0;word-break: keep-all;word-wrap: break-word; padding: 10px;}
[class^='TCtable'] td a,
[class^='TCtable'] td div:not(.editor-action-btns) {/*min-height: 55px;*/display: flex;align-items: center;justify-content: center;word-break: break-all;padding: 5px 10px;gap: 10px;}
[class^='TCtable'] td .table_tit{display:block;text-align:left;padding-left: 15px;padding-right: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;}
[class^='TCtable'] td.tal{padding-left: 15px;padding-right: 15px;}
[class^='TCtable'].td_left td > div {justify-content: flex-start;}
[class^='TCtable'] select, [class^='TCtable'] input{padding: 4px 10px;}
[class^='TCtable'] tr th:first-child{border-left:0;}
[class^='TCtable'] tr td:first-child{border-left:0;}
[class^='TCtable'] tr th:last-child{border-right:0;}
[class^='TCtable'] tr td:last-child{border-right:0;}
[class^='TCtable'] .basic{font-size:inherit;font-weight: 100;padding: 0;}
[class^='TCtable'] .backslash {background:#eceded url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="lightgray" /></svg>');padding: 7px 29px;}
[class^='TCtable'] .backslash {text-align: left;}
[class^='TCtable'] .backslash div {text-align: right;font-weight: 400;}
[class^='TCtable'].ml30{display: inline-table;width: calc(100% - 30px);margin-left: 30px;margin-top: 10px;}
/*[class^='TCtable'] tbody tr:nth-last-of-type(1) td{border-bottom:0;}*/
[class^='TCtable'].board .board_title{text-align:left;display: flex;text-align: left;padding-left: 15px;padding-right: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis; align-items: center; justify-content: flex-start;}
[class^='TCtable'].board .board_title .except{max-width: calc(100% - 25px);display:inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;vertical-align: middle;}
[class^='TCtable'].board .board_title i{font-size:0.9rem;margin-left: 3px;vertical-align: middle;}
[class^='TCtable'].board .notice_label{width: 90%;border-radius: 500px;display: inline-block;max-width: 50px;text-align: center;}
[class^='TCtable2'] {border-top: 1px solid #777777; border-bottom: 1px solid var(--color-gray3);}
[class^='TCtable2'] th {background: #ECECF9; border-right: 1px solid var(--color-gray3); border-left: 1px solid var(--color-gray3); border-bottom: 1px solid var(--color-gray3);}
[class^='TCtable2'].even tbody tr:nth-child(even){background: #F9F9FF;}

.TCtable1 th,
.TCtable1 td{border-left:0;border-right:0;}
.TCtable_wrap .basic_board td a {justify-content: flex-start}

/* 게시판 목록 */
.TClist {}
.TClist .TClist_header {display: flex; border-top: 1px solid #478FBF; border-bottom: 1px solid var(--color-gray3);}
.TClist .TClist_header .cell {padding: 10px; background: #F9FDFF; min-height: 50px; display: flex; align-items: center;}
.TClist .TClist_header .cell:not(.col_title) {text-align: center; justify-content: center;}
.TClist .TClist_header .cell.center {text-align: center;}
.TClist ul {}
.TClist ul li {display: flex; border-bottom: 1px solid var(--color-gray3); min-height: 50px;}
.TClist ul li .cell {padding: 0 10px;}
.TClist ul li .cell.col_title {display: flex; align-items: center;}
.TClist ul li .cell.col_title a {width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; white-space: normal;}
.TClist ul li .cell:not(.col_title) {display: flex; align-items: center; justify-content: center;}
.TClist ul li.notice {background: #FFFFF9;}
.TClist ul.hover li:hover {background: #f8f8f8;}
.TClist .col_num {width: 8%;}
.TClist .col_title {width: auto; flex: 1;}
.TClist .col_writer {width: 8%;}
.TClist .col_views {width: 8%;}
.TClist .col_date {width: 12%;}
[class^='TClist'] .subject {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; white-space: normal;}
.TClist_wrap + .TClist_wrap {margin-top: 30px;}

/* 텍스트 기반형 */
.TClist2 {}
.TClist2 ul {}
.TClist2 ul li {}
.TClist2 ul li:not(:first-child) {margin-top: 30px;}
.TClist2 ul li .title {font-size: 21px; font-weight: 600; padding-left: 28px; position: relative; word-break: keep-all;}
.TClist2 ul li .title::before {content: ''; position: absolute; left: 0; top: 8px; width: 14px; height: 14px; border-radius: 50%; background: #015BC0;}
.TClist2 ul li .title::after {content: ''; position: absolute; left: 8px; top: 4px; width: 9px; height: 9px; border-radius: 50%; background: #E4FF6C;}
.TClist2 ul li .title + .title {margin-top: 20px;}
.TClist2 ul li .title + .cont {margin-top: 8px;}
.TClist2 ul li .cont_wrap {margin-top: 10px; padding-left: 20px;}
.TClist2 ul li .cont {padding-left: 20px; position: relative; word-break: keep-all;}
.TClist2 ul li .cont::before {content: ''; width: 4px; height: 4px; background: #000; border-radius: 50%; position: absolute; top: 10px; left: 0; flex: none;}
.TClist2 ul li .cont + .cont {margin-top: 8px;}
.TClist2 ul li .cont .box {border: 1px dashed var(--color-gray); border-radius: 5px; padding: 12px 20px;}
.TClist2 ul li .cont .box:not(:first-child) {margin-top: 10px;}
.TClist2 ul li .cont .subject {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; white-space: normal;}
.TClist2 ul li .cont.none::before {content: unset;}
.TClist_wrap:not(:has(.TClist2)), .TClist2 {padding-left: 16px;}

/* 숫자 기반형 */
.TClist3 {}
.TClist3 ul {}
.TClist3 ul li {border-bottom: 1px solid var(--color-gray); display: flex; padding: 12px 20px;}
.TClist3 ul li .num {font-size: 1rem; font-weight: 700; color: var(--color-blue2); line-height: 1; position: relative; flex: none; min-width: 50px;}
.TClist3 ul li .cont {}

/* 좌우 배치형 */
.TClist4 {}
.TClist4 ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px;}
.TClist4 ul li {border-bottom: 1px solid var(--color-gray); display: flex; align-items: center; padding: 12px 20px; min-height: 40px;}
.TClist4 ul li .num {font-size: 1.5rem; font-weight: 700; color: var(--color-blue2); position: relative; flex: none; min-width: 60px;}
.TClist4 ul li .cont {flex-direction: unset;}
[class^='TClist4'] .subject {-webkit-line-clamp: 2;}

/* faq 목록 */
.TCfaq ul {border-bottom: 1px solid rgb(85, 85, 85); border: none;}
.TCfaq ul li {background: rgb(247, 248, 251); margin-bottom: 20px;}
.TCfaq ul li > div {background: rgb(255, 255, 255);width: calc(100% - 30px);margin: 0px auto;border-bottom: none;display: none;padding: 20px 15px;}
.TCfaq ul > div {background: rgb(238, 238, 238); padding: 20px 30px; border-bottom: 1px solid rgb(204, 204, 204); display: none; text-align: left;}
.TCfaq ul li p span {display: flex;flex-wrap: wrap;gap: 10px 15px;align-items: center;font-weight: var(--font-2-weight);}
.TCfaq ul li div span .a_icon {width: 40px;height: 40px;background-color: #000;border-radius: 80%;color: rgb(255, 255, 255);display: flex;justify-content: center;align-items: center;}
.TCfaq ul li .tit {border: 1px solid rgb(204, 204, 204);position: relative;text-align: left;grid-template-columns: 40px 1fr;align-items: baseline; border: none; padding: 20px 60px 20px 30px; gap: 0px 10px;}
.TCfaq ul li .tit > i {position: absolute;  width: 33px; height: 33px; border-radius: 500px; text-align: center; right: 10px; font-size: 0.95rem; display: flex; align-items: center; justify-content: center; transition: transform 0.5s ease 0s; top: 20px; border: none; right: 20px; color: #ddd;}
.TCfaq ul li .tit span.q_icon {width: 40px;height: 40px;background-color: rgb(255, 255, 255);border-radius: 80%;display: flex;justify-content: center;align-items: center;}
.TCfaq ul button {width: 100%; font-size: 1.1em;}
.TCfaq ul div > .faq_item {display: grid;gap: 10px;grid-template-columns: 40px 1fr;align-items: baseline;}
.TCfaq ul li.show {padding-bottom: 20px;}
.TCfaq ul li.show .tit > i {color: #000;transform: rotate(-180deg);}

/* 게시판 목록1 */
.TCboard *:not(div)[class^=Tbtn]{min-width: 160px;padding: 10px 13px;border-radius: 5px;background-color: var(--point-color);}

/* 게시판 목록2 */
/* TCboard2 - Search */
.Tsearch_top2 {background: center 30% / 100% rgb(247, 248, 251); padding: 30px; display: flex; gap: 10px; margin-bottom: 30px; border-radius: 10px;}
.Tsearch_top2 .input_area input {width: 100%; padding-left: 39px; padding-right: 15px; font-size: .95em}
.Tsearch_top2 .input_area i {position: absolute; left: 13px; z-index: 1; opacity: 0.5; top: 50%; transform: translateY(-50%);}
.Tsearch_top2 .input_area {flex: 0 0 15%;}
.Tsearch_top2 em {display: flex; align-items: center;}
.Tsearch_top2 .radio1.label {display: flex; gap: 10px; flex: 1 00;}
.Tsearch_top2 .radio1.label input {opacity: 0; width:0; height:0; position: absolute;}
.Tsearch_top2 .radio1.label label::before {display: none;}
.Tsearch_top2 .radio1.label label {text-align: center;border: 1px solid #ddd;border-radius: 8px;padding: 12px 5px;box-sizing: border-box;cursor: pointer;background: rgb(255, 255, 255);width: 100%;height: 100%;}
.Tsearch_top2 .radio1.label input:checked + label {background: #000; color: rgb(255, 255, 255); border: 1px solid #000}
.Tsearch_top2 .radio1.label > div {width: 90px; margin:0;}
.Tsearch_top2 select {background-color: rgb(255, 255, 255); border-radius: 8px; width: 150px;}
.Tsearch_top2 input {flex: 1 00;min-width: 1px;padding: 15px;}
.Tsearch_top2 button {background: var(--point-color);color: rgb(255, 255, 255);border-radius: 8px;width: 150px;min-height: 55px;}
.Tsearch_top2 button i {margin-right: 10px; font-size: 17px; margin-top: -4px;}
.Tsearch_top2 button.reset i {margin-right: 5px;}

/* TCboard - Search */
.Tsearch_top {background: #EDF6F9;padding: 30px 10%;display: flex;gap: 10px;background-position: center 30%;background-size: 100%;margin-bottom: 30px;}
.Tsearch_top select{background-color:#fff;border-radius: 5px;width: 150px;}
.Tsearch_top input{border-radius: 5px;padding: 5px;flex: 1 0 0;min-height: 38px;min-width: 1px;}
.Tsearch_top button{background:var(--point-color);color:#fff;border-radius:5px;width:100px;}

/* TCboard - center */
.search_center{}
.search_center+.TCtable_wrap .TCtable{margin-top:0;}
.search_center .left p{display:inline-block;}
.search_center .left p:first-child{padding-right: 15px;margin-right: 15px;position: relative;}
.search_center .left p:first-child:before{content: '';width: 1px;height: 16px;background: #000;position: absolute;right: 0;top: 50%;right: -2px;transform: translateY(-50%);}
.search_center .left p:last-child:before{display:none;}
.search_center .left p em{color: #ec0606;margin-right: 10px;font-weight: 500;}
.search_center .right{display:flex;gap:5px;justify-content: end;flex-grow: 1;}
.search_center .right select{padding: 6px 10px;min-width:130px;}
.search_center .right .search_form{display: flex;border: 1px solid var(--bg-gray3);overflow: hidden;gap: 5px;}
.search_center .right .search_form button{background: #525252;color:#fff;padding: 7px 15px;}
.search_center .right .search_form input{padding: 8px 10px 6px;min-width:130px;min-width: 280px;vertical-align: top;border: 0;flex-grow: 1;}
.search_center .right .search_form.ver2 {border: 0;}
.search_center .right .search_form.ver2 input{border: 1px solid var(--bg-gray3);padding: 6px 10px;}
.search_center .right .search_form button{background: #5C2CA6;border-radius: 5px;padding: 7px 11px;}
.search_center .right .search_form.ver2 input{border: 0;background:#F4F4F4;border-radius:5px;}
.search_center .right select{border-radius:5px;}
.search_center .right button{background: var(--point-color);color: #fff;border-radius: 5px;width: 50px;}
.search_center .left p em{margin: 0 5px;color: var(--point-color);font-weight: 600;font-size: 1.2em;}

/* TCboard2 - center */
.search_center .right button{width:120px;border-radius: 8px;}

/* TCboard - table */
[class^='TCtable'] {border-top-color: var(--point-color);}
.TCboard [class^='TCtable'].board{border-top:2px solid var(--point-color);}
.TCboard [class^='TCtable'].board th{background: #f7f7f7;background: #F2F5FA;border-right: 1px dashed #cfcfcf;border-left: 1px dashed #cfcfcf;}
.TCboard [class^='TCtable'].board td{border-right: 1px dashed #cfcfcf;border-left: 1px dashed #cfcfcf;font-weight: 400;}
.TCboard [class^='TCtable'] td .table_tit:hover{color: #063592;font-weight: 600;}

/* TCboard - page */
.TCpager .pager.ver3{gap:5px;}
.TCpager .pager.ver3 a:not(.pager_arrow).active{background: var(--point-color);color: #ffffff;}
.TCpager .pager li a[class^="pager_"]:hover{background: var(--point-color);color: #fff;}
.TCpager .pager li a.pager_next,
.TCpager .pager li a.pager_next_all{padding-left: 3px;}
.TCpager .pager.ver3 a:not(.pager_arrow){font-weight:600;color: #000;}
.TCpager .pager.ver3 .pager_arrow{border: 1px solid #999;color: #000;font-size: 12px;letter-spacing: -3px;padding-top: 1px;padding-right: 4px;}
.TCpager .pager.ver3 .pager_prev{margin-right:13px;}
.TCpager .pager.ver3 .pager_next{margin-left:10px;}

/* TCboard2 - page */
.TCpager2 .pager li a[class^="pager_"] {background: #ddd; color: rgb(255, 255, 255); font-size: 0.8em; letter-spacing: -3px;}
.TCpager2 .pager li a[class*="pager_prev"] {padding-right: 4px;}
.TCpager2 .pager li a[class^="pager_"]:hover {background: var(--point-color);}
.TCpager2 .pager a {width: 35px; height: 35px; font-size: 1em;}
.TCpager2 .pager a.active {background: var(--point-color); color: rgb(255, 255, 255);}

/* 게시판 상세1 */
.TCboard .table_shape_tit{background: #F2F5FA;padding: 35px 25px;border-top: 1px solid #184F9C;}
.TCboard .table_shape_tit h1{font-size: 1.6em;padding-left: 30px;position: relative;}
.TCboard .table_shape_tit h1:before{content:"";width: 23px;height: 20px;background: url(../images/sub/sub_tit.png) no-repeat;position: absolute;left: 0;top: 50%;top: 6px;}
.TCboard .table_shape_tit p{font-size:1.2em;font-weight: 700;}
.TCboard .table_shape_tit p+span{padding-left:0;}
.TCboard .table_shape_tit span{padding-left: 30px;}
.TCboard .table_shape.input_form .btn-upload {vertical-align: top;background: #e3ebf8;border-radius: 6px;border: 0;color: #000;padding: 10px;/* width: 100%; */font-size: 0.9em;max-width: 100%;margin-left: 0;}

.TCboard .table_shape {border-top: 1px solid #cfcfcf;}
.TCboard .table_shape .th_shape{background:#FAFAFA;}
.TCboard .table_shape .th_shape section{flex-grow:1;width: 50%;}
.TCboard .table_shape.input_form .td_shape+.th_shape{border-left: 0;}
.TCboard .table_shape.input_form input{width: 100%;border-radius: 3px;}
.TCboard .table_shape.input_form .checkbox1 input, .table_shape.input_form .radio1 input{width:18px;}
.TCboard .table_shape.input_form .phone2 em,
.TCboard .table_shape.input_form .mail2 em{color:#555;}
.TCboard .table_shape.input_form .phone2 select, .table_shape.input_form .phone2 input{/* width: calc((100% / 3) - 18px); */}
.TCboard .table_shape.input_form .mail2 select, .table_shape.input_form .mail2 input{width: calc((100% / 3) - 11px);}
.TCboard .table_shape.input_form button, .table_shape.input_form .Tbtn{border-radius: 3px;background: var(--point-color);border-color: var(--point-color);}
.TCboard .table_shape .td_shape.file .uploadResultWrap{width: calc(100% - 141px);border-radius: 5px;min-height: 43px;padding: 8px 18px 7px;}

.TCboard .board_view{border-bottom: 1px solid #ddd;}
.TCboard .board_view+.table_shape{border-top: 0;}
.TCboard .board_view .uploadResultWrap{background: #edf6f9;width: 95%;margin: 0 auto;/* padding: 25px 35px; */box-sizing: border-box;border-radius: 10px;margin-top: 50px;margin-bottom: 40px;}
.TCboard .board_view .text{border-bottom: 0;overflow-x: auto;}
.TCboard .board_view .text *{max-width: 100%;box-sizing:border-box;}
.TCboard .board_view .text table{table-layout: auto;}
.TCboard .board_view .uploadResultWrap .fileDown{color:var(--point-color);}
.TCboard .board_view .uploadResultWrap .fileDown i{font-size: 0.9em;margin-right: 10px;}
.TCboard .board_view .uploadResultWrap li+li{margin-top: 5px;}
.TCboard .board_view .uploadResultWrap .file_view{border: 1px solid #959595;background: none;color: #5a5a5a;margin-left: 3px;padding: 2px 6px 0;width: auto;font-size: 0.9em;background: #959595;color: #fff;vertical-align: top;border-radius: 3px;}
.TCboard .board_view .uploadResultWrap .file_view i{margin-right:5px;}

/* 게시판 상세2 */
.TCboard2 .basic_board.TCtable {border-top: 2px solid var(--point-color);border-bottom: 1px solid #ccc;}
.TCboard2 .basic_board.TCtable th, .basic_board.TCtable td {height: 80px;box-sizing: border-box;}
.TCboard2 .basic_board.TCtable th {background: transparent;font-weight: 700;border-bottom: 1px solid #ccc;}
.TCboard2 .basic_board.TCtable.board .board_title {height: 100%;text-overflow: inherit;line-height: 3;}
.TCboard2 .basic_board.TCtable.board .board_title .state {height: auto; max-width: 40px; font-size: 0.9em; line-height: 1.4; margin-right: 10px;}
.TCboard2 .basic_board.TCtable.board .board_title:hover {color: var(--point-color);}
.TCboard2 .basic_board.TCtable.board .notice_label {background: var(--point-color);color: rgb(255, 255, 255);font-size: 0.9em;padding: 5px 10px;}
.TCboard2 .basic_board .table_shape .th_shape {background: rgb(247, 248, 252); padding: 10px 25px;}
.TCboard2 .basic_board .table_shape .td_shape {padding: 10px 25px;}
.TCboard2 .basic_board .table_shape.input_form .td_shape {padding: 10px 25px;}
.TCboard2 .basic_board .table_shape.input_form .td_shape + .th_shape {border-left: none;}
.TCboard2 .basic_board .table_shape_tit {background: rgb(247, 248, 252); border-top: 2px solid var(--point-color); font-size: 1.3em;}
.TCboard2 .basic_board.board_view.ver2 .uploadResultWrap {border: 1px solid var(--neutral-3-color);}
.TCboard2 .basic_board.board_view.ver2 .uploadResultWrap .fileDown {color: var(--neutral-2-color);}
.TCboard2 .basic_board.board_view.ver2 .uploadResultWrap .fileDown p{display:inline-block;}
.TCboard2 .basic_board.Tbtn_wrap .Tbtn {border: 1px solid var(--neutral-3-color); background-color: rgb(255, 255, 255); color: var(--neutral-1-color);}
.TCboard2 .basic_board.Tbtn_wrap .save_btn {border: 1px solid var(--point-color); background-color: var(--point-color); color: rgb(255, 255, 255);}
.board_view.ver2 .uploadResultWrap li {display: grid;grid-template-columns: 1fr 80px;}
.board_view.ver2 .uploadResultWrap li a {display: flex;}

/* TCboard2 - table */
.TCboard2 .basic_board[class^='TCtable'] {border-top: 2px solid var(--point-color); border-bottom: 1px solid #ddd;}
.TCboard2 .basic_board[class^='TCtable'] th, .basic_board[class^='TCtable'] td {height: 80px;box-sizing: border-box;}
.TCboard2 .basic_board[class^='TCtable'] th {background: transparent; font-weight: 700; border-bottom: 1px solid #ddd; border-top: 3px solid var(--point-color);}
.TCboard2 .basic_board[class^='TCtable'].board .board_title {height: 100%;text-overflow: inherit;line-height: 3;}
.TCboard2 .basic_board[class^='TCtable'].board .board_title .state {height: auto; max-width: 40px; font-size: 0.9em; line-height: 1.4; margin-right: 10px;}
.TCboard2 .basic_board[class^='TCtable'].board .board_title:hover {color: var(--point-color);}
.TCboard2 .basic_board[class^='TCtable'].board .notice_label {background: var(--point-color);color: rgb(255, 255, 255);font-size: 0.9em;padding: 5px 10px;}
.TCboard2 .basic_board .table_shape .th_shape {background: rgb(247, 248, 252); padding: 10px 25px;}
.TCboard2 .basic_board .table_shape .td_shape {padding: 10px 25px;}
.TCboard2 .basic_board .table_shape.input_form .td_shape {padding: 10px 25px;}
.TCboard2 .basic_board .table_shape.input_form .td_shape + .th_shape {border-left: none;}
.TCboard2 .basic_board .table_shape_tit {background: rgb(247, 248, 252); border-top: 2px solid var(--point-color); font-size: 1.3em;}
.TCboard2 .basic_board.board_view.ver2 .uploadResultWrap {border: 1px solid #ddd;}
.TCboard2 .basic_board.board_view.ver2 .uploadResultWrap .fileDown {color: #ddd;}
.TCboard2 .basic_board.board_view.ver2 .uploadResultWrap .fileDown p{display:inline-block;}
.TCboard2 .basic_board.Tbtn_wrap .Tbtn {border: 1px solid #ddd; background-color: rgb(255, 255, 255); color: #000;}
.TCboard2 .basic_board.Tbtn_wrap .save_btn {border: 1px solid #000; background-color: #000; color: rgb(255, 255, 255);}

/* 사이트맵1 */
.TCsitemap1 section{border: 2px dashed #ddd;border-radius: 15px;margin-bottom: 70px;}
.TCsitemap1 section:last-child{margin-bottom:0;}
.TCsitemap1 section .Th1{margin: 25px 30px;font-size: var(--tm-h2);}
.TCsitemap1 section .Th1::before {top: 10px}
.TCsitemap1 section .wrap{padding: 45px 60px;border-top: 2px dashed #ddd;display: grid;grid-template-columns: repeat(auto-fill, minmax(210px, auto));gap: 40px 6%;align-items: start;}
.TCsitemap1 section .wrap>div:hover .depth2{background:var(--point-color);border-color:var(--point-color);color:#fff;}
.TCsitemap1 section .depth2{background: #D1E9F9;border: 1px solid #D9E5EE;padding: 5px;border-radius: 500px;display: block;text-align: center;margin-bottom: 10px;}
.TCsitemap1 section .depth3:hover{color:var(--point-color);transition:none;}
.TCsitemap1 section .depth3:hover:before{background:var(--point-color);}
.TCsitemap1 section ul.tm_line{margin-left:0px;margin-top: 20px;padding: 0 20px;}
.TCsitemap1 section a i{margin-left:5px;font-size:0.9em;transition: none;}

/* 사이트맵2 */
.TCsitemap2 {padding: 35px;border: 5px solid #F0F0F0;}
.TCsitemap2 .depth {margin: 0 -8px;}
.TCsitemap2 .depth:after {clear: both; content: ""; display: block;}
.TCsitemap2 .depth > li {padding: 5px 8px;box-sizing: border-box;}
.TCsitemap2 .depth > li .com3 {font-size: var(--tm-h3);font-weight: 700}
.TCsitemap2 .depth > li .com4{border-bottom:3px dotted #ddd;padding-bottom: 30px;display: grid;margin-bottom: 30px;grid-template-columns: 1fr 1fr 1fr 1fr;}
.TCsitemap2 .depth > li:last-child .com4{border-bottom:0;margin-bottom:0;padding-bottom: 0;}
.TCsitemap2 .depth > li .com4 li{display:inline-block;margin: 0;padding: 10px 15px 10px 12px;margin-left: 24px;box-sizing: border-box;font-size: var(--tm-html);border-right: 1px solid #ddd;}
.TCsitemap2 .depth > li .com4 li:hover:before{background:var(--point-color);}
.TCsitemap2 .depth > li .com4 li:hover a{color:var(--point-color);text-decoration: underline;text-underline-position: from-font;}
.TCsitemap2 .depth > li .com4 li:nth-of-type(4n){border-right:0;}
.TCsitemap2 .depth > li .com4 li:before{top: 20px;}
.TCsitemap2 .depth > li .com4 li img{display:inline-block;vertical-align: middle;margin-left: 10px;filter: brightness(0) invert(0.3);}
.TCsitemap2 .depth > li .com4 li:hover img{filter:none;}
.TCsitemap2 .depth > li.over > a {background: #1968cb; color: #fff; border-color: #1968cb; font-weight: bold;}
.TCsitemap2 .depth > li > a {display: block;}
.TCsitemap2 .sm-depth {padding: 19px 9px 30px;}
.TCsitemap2 .sm-depth li + li {margin-top: 7px;}
.TCsitemap2 .sm-depth a {display: block; padding-left: 10px; position: relative; color: #1c1c1c; font-size: 15px; line-height: 22px; word-break: keep-all;}
.TCsitemap2 .sm-depth a:before {position: absolute; left: 0; top: 0; content: "-";}
.TCsitemap2 .sm-depth a:hover {color: #1968cb; text-decoration: underline;}

/* 갤러리 목록 */
.TCgallery_list {display: flex; gap: 50px 2%; justify-content: flex-start; flex-wrap: wrap; padding: 20px0; border-top: 2px solid var(--point-color); border-bottom: 1px solid #ddd;}
.TCgallery_list li {width: 100%; text-align: center;}
.TCgallery_list .gallery_item {flex-basis: 32%; overflow: hidden; text-align: left;}
.TCgallery_list .gallery_link {display: flex; flex-direction: column; gap: 10px0;}
.TCgallery_list .gallery_photo {overflow: hidden; border: 3px solid transparent; transition: border 0.3s ease 0s;}
.TCgallery_list .gallery_photo img {width: 100%; height: 100%; aspect-ratio: 1.5 / 1; object-fit: cover;   border: 1px solid #ddd;display: block;box-sizing: border-box;}
.TCgallery_list .gallery_desc .tit {font-size: var(--font-2-size); font-weight: var(--font-1-weight); overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.TCgallery_list .gallery_desc .date {color: #aaa;}
.TCgallery_list .gallery_item:hover .gallery_photo {border: 3px solid var(--point-color);}
.TCgallery_list .gallery_item:hover .tit {color: var(--point-color); text-decoration: underline;}

/* 갤러리 목록2 */
.TCgallery_list2{display: flex;flex-wrap: wrap;gap: 30px;}
.TCgallery_list2 li{flex: 1 1 290px;}
.TCgallery_list2.calc4 li{flex: 1 1 320px;}
.TCgallery_list2.calc2 li{flex: 1 1 48%;max-width: 100%;}
.TCgallery_list2 li a{display: block;border: 1px solid #d7d7d7;position: relative;background: #fff;}
.TCgallery_list2 li a img{aspect-ratio: 2/1.6;object-fit: cover;width: 100%;}
.TCgallery_list2 li a .category{background:#959595;border-radius:500px;position:absolute;color:#fff;bottom: 125px;min-width: 80px;text-align: center;font-weight: 300;padding: 0 5px;left: 10px;}
.TCgallery_list2 li section{padding: 15px;position: relative;}
.TCgallery_list2 li section p{height: 48px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom: 10px;font-size: 1.05em;font-weight: 700;}
.TCgallery_list2 li section span{text-align:right;display: inline-block;position:relative;color: #444;font-size: 0.9em;}
.TCgallery_list2 li section span:nth-of-type(1){padding-right: 25px;}
.TCgallery_list2 li section span:nth-of-type(1):before{content:"";width:1px;height: 13px;position:absolute;right: 10px;top: 4px;background:#444;}
.TCgallery_list2 li section span i{padding-right:7px;vertical-align: bottom;}
.TCgallery_list2 li a:hover{outline: 2px solid var(--point-color);outline-offset: -2px;}
.TCgallery_list2 li{max-width: calc((100% / 3) - 20px);}
.TCgallery_list2 li.empty{max-width: 100%;border-top:1px solid #ccc;border-bottom:1px solid #ccc;text-align: center;padding: 20px 0;}
.TCgallery_list2.calc4 li{max-width: calc((100% / 4) - 23px);}

/* faq 목록 */
.TCfaq ul {border-top: 1px solid rgb(85, 85, 85); border-bottom: 1px solid rgb(85, 85, 85);}
.TCfaq ul button {width: 100%; font-size: 1.1em;}
.TCfaq ul .tit {padding: 10px 60px 10px 15px;display: grid;border-bottom: 1px solid rgb(204, 204, 204);position: relative;text-align: left;grid-template-columns: 40px 1fr;align-items: baseline;font-weight: 700;}
.TCfaq ul .tit > i {position: absolute; border: 1px solid; width: 33px; height: 33px; border-radius: 500px; text-align: center; right: 10px; font-size: 0.95rem; display: flex; align-items: center; justify-content: center; transition: transform 0.5s ease 0s; top: 20px;}
.TCfaq ul li.show .tit > i {transform: rotate(-180deg);}
.TCfaq ul > div {background: rgb(238, 238, 238); padding: 20px 30px; border-bottom: 1px solid rgb(204, 204, 204); display: none; text-align: left;}
.TCfaq ul {border: none;}
.TCfaq ul li {background: rgb(247, 248, 251); border-radius: var(--border-1-radius); margin-bottom: 20px;}
.TCfaq ul li.show {padding-bottom: 20px;}
.TCfaq ul li .tit {border: none; padding: 20px 60px 20px 30px; gap: 0px 10px;}
.TCfaq ul li p.no_post {display: flex; text-align: center; align-items: center; justify-content: center; padding: 20px;}
.TCfaq ul li .tit > i {border: none; right: 20px; color: var(--neutral-2-color);}
.TCfaq ul li.show .tit > i {color: var(--neutral-1-color);}
.TCfaq ul li p span {display: flex;flex-wrap: wrap;gap: 10px 15px;/* margin-top: 4px; */align-items: center;font-weight: var(--font-2-weight);}
.TCfaq ul li.show p span {font-weight: var(--font-1-weight);}
.TCfaq ul li > div {background: rgb(255, 255, 255); width: calc(100% - 30px); margin: 0px auto; border-bottom: none; display: none; padding: 20px 15px; border-radius: var(--border-1-radius);}
.TCfaq ul li .tit span.q_icon {width: 40px; height: 40px; background-color: rgb(255, 255, 255); border-radius: 80%; box-shadow: var(--box-1-shadow); color: var(--neutral-2-color); display: flex; justify-content: center; align-items: center; font-weight: 900; font-size: 22px; margin-top:0;}
.TCfaq ul li.show .tit span.q_icon {color: var(--semantic-1-color);}
.TCfaq ul li div span .a_icon {background-color: var(--point-color);border-radius: 80%;color: rgb(255, 255, 255);display: flex;justify-content: center;align-items: center;font-weight: 900;font-size: 17px;margin-top:0;}
.TCfaq ul div > .faq_item {display: grid; flex-wrap: wrap; gap: 10px; grid-template-columns: 40px 1fr; align-items: flex-start;}
.TCfaq ul div > span > span.txt {margin-top: 7px;}
.TCfaq ul div > span > span.txt > p {padding:0; display: inline-block; width: 100%;}

/* 만족도/페이지담당자1 */
.TCsatisfaction1{border:1px solid #ccc;border-radius:10px;padding:20px;}
.TCsatisfaction1 .tm_h2{margin:0;font-size: 1.2em; word-break: keep-all;}
.TCsatisfaction1 section{background:#f1f3f4;border-radius:10px;padding: 10px 20px;display: flex;align-items: center;gap: 20px;margin-top: 10px;}
.TCsatisfaction1 .input_wrap input{height:37px;flex-grow:1;border-radius: 5px;min-width: 1px;padding: 0 10px;}
.TCsatisfaction1 .input_wrap{flex-grow:1;display: flex;gap: 10px;flex-wrap: wrap;}
.TCsatisfaction1 .input_wrap button{background: var(--point-color);color: #fff;border-radius: 5px;font-weight: 300;padding: 0 10px;flex-shrink: 0;}

/* 만족도/페이지담당자2 */
.TCsatisfaction2 [class^=radio] input {position: absolute;bottom: 3px;left: 1px;width:0;height:0;outline: none;opacity: 0;}
.TCsatisfaction2 [class^=radio] label {position: relative;padding-left: 25px;padding-right: 15px;cursor:pointer;height: 20px;display: flex;align-items: center;font-size: 16px;}
.TCsatisfaction2 [class^=radio] label::before{content: "";display: inline-block;position: absolute;top: 0;left: 0;width: 18px;height: 18px;/* background: #fff; */border-radius: 80%;border: 1px solid #c5c9d6;background-size: 100%;}
.TCsatisfaction2 [class^=radio] label::after {content: "";display: inline-block;position: absolute;top: 10px;left: 5px;transform: translate(0, -50%);width: 8px;height: 8px;background-color: #d2d2d2;background-size: 100%;border-radius: 80%;border: 1px solid #c5c9d6;}
.TCsatisfaction2 {background-color: #eeefef8e;}
.TCsatisfaction2 .survey_info .inner {flex-direction: row; min-height: 60px; justify-content: space-between; font-size: .9em}
.TCsatisfaction2 .survey_info {width: 100%; flex-basis: 100%; background: rgb(227, 236, 248);}
.TCsatisfaction2 .survey_info ul {display: flex; justify-content: space-between; align-items: center; gap: 0px 35px;}
.TCsatisfaction2 .survey_info li {display: flex;gap: 0px 5px;}
.TCsatisfaction2 .survey_info li p {position: relative; font-weight: 400; color: rgb(0, 0, 0);}
.TCsatisfaction2 .survey_info li p::after {content: ""; background: var(--blue-color); width: 1px; height: 10px; position: absolute; left: -7px; top: 47%; transform: translate(0px, -50%);}
.TCsatisfaction2 .inner {width: 90%; max-width: 1315px; flex-direction: column; min-height: 130px; display: flex; justify-content: center; padding:0;}
.TCsatisfaction2 .inner > ul {display: flex; gap: 0.5rem0;}
.TCsatisfaction2 .inner > ul > li {display: flex; padding: 0.4rem 0.75rem; border-radius: 0.25rem; font-size: 16px; background-color: rgb(255, 255, 255);}
.TCsatisfaction2 .inner > ul > li > p {display: flex; justify-content: flex-start; align-items: center; margin-left: 0.25rem;}
.TCsatisfaction2 .survey_radio_wrap {display: flex;flex-wrap: wrap;width: 100%;gap: 10px0;}
.TCsatisfaction2 .survey_input {width: 100px; height: 50px;}
.TCsatisfaction2 section {display: flex; justify-content: space-between; border-bottom: 1px solid rgb(221, 221, 221);}
.TCsatisfaction2 section:last-child {border-bottom:0;}
.TCsatisfaction2 section p {margin-bottom: 10px;}
.TCsatisfaction2 .survey_group {display: flex; justify-content: space-between; align-items: center; padding: 10px0;}
.TCsatisfaction2 .survey_quest {margin-bottom: 10px;font-weight: 500;word-break: keep-all;font-size: 16px;}
.TCsatisfaction2 .radio1 div, .TCsatisfaction2 .checkbox1 div {display: flex;flex-wrap: wrap;align-items: center;gap: 10px;}
.TCsatisfaction2 .radio1 > div:nth-last-child(n+2), .TCsatisfaction2 .checkbox1 > div:nth-last-child(n+2) {margin-right:0;}
.TCsatisfaction2 label + input[type="text"] {position: initial;width: auto;height: auto;padding: 2px 10px;border-color: #e0e0e0;background: #e0e0e0;opacity: 1;visibility: visible;border-radius: 5px;}
.TCsatisfaction2 section select {width: 100%; max-width: 500px;}
.TCsatisfaction2 [for=dgstfnCmnt] {padding-left: 0px;}
.TCsatisfaction2 [for=dgstfnCmnt]:before {display: none;}
.TCsatisfaction2 [for=dgstfnCmnt]:after {display: none;}
.TCsatisfaction2 .survey_result button {background: var(--point-color);color: rgb(255, 255, 255);display: flex;align-items: center;justify-content: center;min-width: 100px;border-radius: 10px;min-height: 80px;font-weight: 400;}
.TCsatisfaction2 .survey_result section {margin-bottom: 50px; border: 1px solid rgb(221, 221, 221);}
.TCsatisfaction2 .survey_result section > p {padding: 15px 20px; border:0; background: rgb(229, 243, 255); font-size: 1.1em; text-align: left; font-weight: 600;}
.TCsatisfaction2 .survey_result section ul {padding: 20px;}
.TCsatisfaction2 .survey_result section ul li {margin-bottom: 30px;}
.TCsatisfaction2 .survey_result section ul li > p .Tbtn {margin-left: 10px;}
.TCsatisfaction2 .survey_result section ul li:last-child {margin-bottom:0;}
.TCsatisfaction2 .survey_result section .graph_wrap {display: flex; gap: 30px; margin-top: 10px;}
.TCsatisfaction2 .survey_result section .graph_wrap .graph {position: relative; border-radius: 500px; background: rgb(235, 235, 235); flex: 1 00;}
.TCsatisfaction2 .survey_result section .graph_wrap .graph p {position: absolute; top:0; left:0; height: 100%; border-radius: 500px; background: rgb(25, 72, 158);}
.TCsatisfaction2 .survey_result section .graph_wrap span {flex-basis: 170px; font-weight: 400;}
.TCsatisfaction2 .survey_result section .graph_wrap span em {color: rgb(0, 53, 148);}

/* 로그인1 */
.TClogin1 .login_wrap {max-width: 630px;/* margin: 0px auto; */background: rgb(247, 248, 251);padding: 60px;border-radius: 0;}
.TClogin1 .login_wrap p {text-align: left; color: rgb(0, 0, 0); font-weight: 700; font-size: 1.3em; margin-bottom: 20px;}
.TClogin1 .login_wrap input:not([type="radio"], [type="checkbox"]) {padding: 15px 15px 15px 55px;width: 100%;margin-top: 10px;border-radius: 0;border: 1px solid rgb(204, 204, 204);background-position: 20px center;}
.TClogin1 .login_wrap input.id {background: url("../images/sub/id.png") no-repeat rgb(255, 255, 255);}
.TClogin1 .login_wrap input.password {background: url("../images/sub/password.png") no-repeat rgb(255, 255, 255);}
.TClogin1 .login_wrap input:not([type="radio"], [type="checkbox"]) + .label {margin-top: 20px;}
.TClogin1 .login_wrap .login .Tbtn {width: 100%;font-size: 1.3em;height: 75px;border-radius: 0;}
.TClogin1 .login_wrap .login ul {text-align: center; opacity: 0.7; display: flex; width: 100%; margin: 30px auto; max-width: 400px; padding: 0px 20px; box-sizing: border-box;}
.TClogin1 .login_wrap .login ul li {display: inline-block; flex: 1 00;}
.TClogin1 .login_wrap .login ul li:not(:last-child) a::before {content: ""; width: 1px; height: 12px; background: rgb(119, 119, 119); position: absolute; top: 50%; right:0; transform: translateY(-50%);}
.TClogin1 .login_wrap .login ul li a {padding: 0px 8px; display: inline-block; position: relative; font-weight: 400; width: 100%;}
.TClogin1 .login_wrap .login ul li a:hover {text-decoration: underline;}

/* 아이디찾기/비밀번호찾기1 */
.TCid_pw1 .authentication {display: flex;gap: 5%;width: 100%;/* margin: 70px auto; */max-width: 1000px;}
.TCid_pw1 .authentication section {border-radius: 0;flex: 1 00;text-align: center;padding: 30px;background: rgb(247, 248, 251);}
.TCid_pw1 .authentication section h1 {font-weight: 600; font-size: 1.35em;}
.TCid_pw1 .authentication section img {margin: 25px0;}
.TCid_pw1 .authentication section p {margin-bottom: 20px;word-break: keep-all;}
.TCid_pw1 .authentication.step1 section p {height: 70px; display: flex; align-items: center; justify-content: center;}
.TCid_pw1 .authentication section .Tbtn {font-size: 1.2em;border-radius: 0;max-width: 340px;height: 75px;margin: 0px auto;width: 100%;display: flex;align-items: center;justify-content: center;}
.TCid_pw1 .authentication section .Tbtn.bg_blue:hover {border: 1px solid; color: rgb(46, 121, 203); background: rgb(255, 255, 255);}
.TCid_pw1 .authentication section .Tbtn.bg_green:hover {border: 1px solid; color: rgb(33, 157, 88); background: rgb(255, 255, 255);}
.TCid_pw1 .authentication.pw_input input {width: 100%; max-width: 400px; padding: 5px 10px; border-radius: 3px;}
.TCid_pw1 .authentication.pw_input .Tbtn {min-width: 65px; padding: 6px; vertical-align: middle;}

/* 아이디찾기/비밀번호찾기2 */
.TCid_pw2 .join_inner.bg {background: url("../images/sub/join_inner_bg.png") center bottom / 100% no-repeat rgb(247, 248, 251);padding: 80px 10%;text-align: center;border-radius: 0;}
.TCid_pw2 .join_inner.bg .bdb {text-decoration: underline; font-weight: 800;}
.TCid_pw2 .join_inner.bg .h1 {font-size: 1.9em; font-weight: 700;}
.TCid_pw2 .join_inner.bg .h2 {font-size: 1.4em;}
.TCid_pw2 .join_inner.bg .white_box {background: rgb(255, 255, 255);border-radius: 0;padding: 25px 20px;margin-top: 30px;}
.TCid_pw2 .join_inner.bg .Tbtn_wrap {display: flex;gap: 20px;margin-top: 20px;}
.TCid_pw2 .join_inner.bg .Tbtn_wrap .Tbtn {flex: 1 00;font-size: 1.2em;max-width: 50%;height: 75px;display: flex;align-items: center;justify-content: center;border-radius: 0;}
.TCid_pw2 .join_inner.bg .mark {margin-bottom: 30px;}

/* 회원가입1 */
.TCjoin1 .layout_box {position: relative;border-radius: 0;overflow: hidden;padding: 2px;}
.TCjoin1 .layout_box .basic_table.TCtable thead tr th{padding-top: 13px;padding-bottom: 13px;}
.TCjoin1 .layout_box .basic_table.TCtable tr td{padding-top: 8px;padding-bottom: 8px;}
.TCjoin1 .layout_box > div {background: rgb(255, 255, 255);position: relative;border-radius: 0;z-index: 1;padding: 35px 35px 30px;border-left: 1px solid rgb(221, 221, 221);border-right: 1px solid rgb(221, 221, 221);}
.TCjoin1 .layout_box::before {content: ""; position: absolute; width: 100%; height: 30px; background: var(--point-color); top:0; left:0;}
.TCjoin1 .layout_box::after {content: ""; position: absolute; width: 100%; height: 30px; background: rgb(204, 204, 204); bottom:0; left:0;}
.TCjoin1 .layout_box .tm_h3 {margin-left:0;}
.TCjoin1 .layout_box ul.tm_list {margin-left: 30px;}
.TCjoin1 .layout_box.step ul {display: flex; max-width: 900px; width: 100%; margin: 0px auto; justify-content: space-between; text-align: center; position: relative;}
.TCjoin1 .layout_box.step ul::before {content: ""; width: 100%; height: 1px; position: absolute; background: rgb(204, 204, 204); top: 41px; z-index: -1;}
.TCjoin1 .layout_box.step ul li .cir {border: 1px solid rgb(204, 204, 204);border-radius: 500px;text-align: center;padding: 7px;width: 80px;height: 80px;display: flex;flex-direction: column;align-items: center;margin: 0 auto;justify-content: center;background: rgb(255, 255, 255);}
.TCjoin1 .layout_box.step ul li.active .cir {background: var(--point-color); color: rgb(255, 255, 255); border-color: var(--point-color);}
.TCjoin1 .layout_box.step ul li .cir p {font-size: 2em; font-weight: 700; line-height: 1;}
.TCjoin1 .layout_box.step ul li .cir span {opacity: 0.7; font-weight: 300;}
.TCjoin1 .layout_box.step ul li > p {font-weight: 700; margin-top: 10px;}

/* 회원가입2 */
.TCjoin2 .authentication {display: flex;gap: 5%;width: 100%;/* margin: 70px auto; */max-width: 1000px;}
.TCjoin2 .authentication section {border-radius: 0;flex: 1 00;text-align: center;padding: 30px;background: rgb(247, 248, 251);}
.TCjoin2 .authentication section h1 {font-weight: 600; font-size: 1.35em;}
.TCjoin2 .authentication section img {margin: 25px0;}
.TCjoin2 .authentication section p {margin-bottom: 20px;}
.TCjoin2 .authentication.step1 section p {height: 70px;display: flex;align-items: center;justify-content: center;word-break: keep-all;}
.TCjoin2 .authentication section .Tbtn {font-size: 1.2em;border-radius: 0;max-width: 340px;margin: 0px auto;height: 75px;width: 100%;}
.TCjoin2 .authentication section .Tbtn.bg_blue:hover {border: 1px solid; color: rgb(46, 121, 203); background: rgb(255, 255, 255);}
.TCjoin2 .authentication section .Tbtn.bg_green:hover {border: 1px solid; color: rgb(33, 157, 88); background: rgb(255, 255, 255);}
.TCjoin2 .authentication.pw_input input {width: 100%; max-width: 400px; padding: 5px 10px; border-radius: 3px;}
.TCjoin2 .authentication.pw_input .Tbtn {min-width: 65px; padding: 6px; vertical-align: middle;}

.TCjoin3 .terms {border: 1px solid rgb(221, 221, 221);padding: 25px;border-radius: 0;margin-bottom: 25px;}
.TCjoin3 .terms .checkbox1 {margin-bottom: 10px;}
.TCjoin3 .terms .checkbox1 em.color_red {margin-right: 10px;}
.TCjoin3 .scroll {border-top: 1px solid #d7d7d7}

/* popup layou_pop ver1 */
.TCpop.layer_pop.ver1 {text-align: center;padding: 40px;box-shadow: 0 0 20px #5c5c5c41;z-index: 99999;background: #fff;top: 50%;transform: translate(-50%, -50%);left: 50%;}
.TCpop.layer_pop.ver1 .photo {margin: 0 auto 20px auto;}
.TCpop.layer_pop.ver1 .tit {font-size: 1.25em;font-weight: 700;}
.TCpop.layer_pop.ver1 .txt {font-size: .9em;margin-top: 20px;}
.TCpop.layer_pop.ver1 .Tbtn {font-size: 1em;min-height: 50px;border-radius: 5px;font-weight: normal;}

/* popup layou_pop ver2 */
.TCpop.layer_pop.ver2 {text-align: center;padding: 50px 40px 25px 40px;box-shadow: 0 0 20px #5c5c5c41;z-index: 99999;background: #fff;top: 50%;transform: translate(-50%, -50%);left: 50%;}
.TCpop.layer_pop.ver2 .photo {margin: 0 auto 20px auto;}
.TCpop.layer_pop.ver2 .tit {font-size: 1.25em;font-weight: 700;}
.TCpop.layer_pop.ver2 .txt {font-size: .9em;margin-top: 20px;}
.TCpop.layer_pop.ver2 .Tbtn {font-size: 1em;min-height: 50px;border-radius: 5px;font-weight: normal;min-width: 75px;}

/* popup layou_pop ver3 */
.TCpop.layer_pop.ver3 {text-align: center;box-shadow: 0 0 20px #5c5c5c41;z-index: 99999;background: #fff;top: 50%;transform: translate(-50%, -50%);left: 50%;width: 380px;}
.TCpop.layer_pop.ver3 .photo {margin: 40px auto 20px auto;}
.TCpop.layer_pop.ver3 .tit {font-size: 1.25em;font-weight: 700;}
.TCpop.layer_pop.ver3 .txt {font-size: .9em;margin-top: 20px;}
.TCpop.layer_pop.ver3 .Tbtn {font-size: 1em;width: 100%; border-radius: 0; background: transparent; border-top: 1px solid #ddd; font-weight: 700; min-height: 60px;}

@media(max-width:1024px){
	.TCgallery_list2{gap:15px;}
	.TCgallery_list2 li{max-width: calc((100% / 3) - 10px);}
	.TCgallery_list2 li section p{height: 42px;}
	.TCgallery_list2 li a .category{bottom: 125px;}
	.TCgallery_list2 li section span:nth-of-type(1):before{top: 3px;}
	.TCgallery_list2.calc4 li{max-width: calc((100% / 3) - 11px);}

	.TCsitemap2 {padding: 30px}
	.TCsitemap2 .depth > li .com4 {margin-left: 0;}
	.TCsitemap2 .depth > li:last-child .com4 {margin: 0}
	.TCsitemap2 .depth > li .com4 {margin-bottom: 15px; padding-bottom: 15px;}
	.TCsitemap2 .depth > li .com4 {grid-template-columns: 1fr 1fr 1fr;}
	.TCsitemap2 .depth > li .com4 li:nth-of-type(4n) {border-right: 1px solid #ddd}
	.TCsitemap2 .depth > li .com4 li:nth-of-type(3n) {border-right: none}
}
@media(max-width:900px){
	.TCbtn_wrap *:not(div)[class^=TCbtn]:nth-child(1):nth-last-child(2),
	.TCbtn_wrap *:not(div)[class^=TCbtn]:nth-child(1):nth-last-child(2) ~ [class^=Tbtn] {flex:1 0 0;min-width: auto;}
	.TCbtn_wrap *:not(div)[class^=TCbtn]:nth-child(1):nth-last-child(n+3),
	.TCbtn_wrap *:not(div)[class^=TCbtn]:nth-child(1):nth-last-child(n+3) ~ [class^=Tbtn] {flex: 1 0 0;min-width: auto;}
}
@media(max-width:800px){
	.TCtable_wrap{overflow-x:auto;}
	.TCtable_wrap .TCtable{min-width: 751px;}
	.TCtable_wrap .TCtable.ml30{min-width: 751px;}
	.TCtable_wrap .table_caption{min-width: 751px;}
	.TCtable.ml30{margin-left: 16px;width: calc(100% - 16px);}

	.TCgallery_list2 li,
	.TCgallery_list2.calc4 li{max-width: calc(50% - 10px);}
	.TCgallery_list2.calc2 li {flex: 1 1 100%;}

	.TCsatisfaction1 section {flex-direction: column; justify-content: flex-start; align-items: flex-start;}
	.TCsatisfaction2 .survey_group {flex-direction: column;}
	.TCsatisfaction2 .survey_result {width: 100%;}
	.TCsatisfaction2 .survey_result button {width: 100%; min-height: 45px; margin-top: 10px; border-radius: 5px;}
}
@media(max-width: 768px){
	.TClist2 ul li .title {font-size: 18px; padding-left: 20px;}
	.TClist2 ul li .title::before {width: 10px; height: 10px;}
	.TClist2 ul li .title::after {width: 5px; height: 5px;}
	.TClist2 ul li .title + .title {margin-top: 12px;}
	.TClist2 ul li .cont {padding-left: 10px;}
	.TClist2 ul li .cont::before {top: 9px;}

	.TClist_wrap + .TClist_wrap {margin-top: 20px;}
}

@media(max-width:700px){
	.TCbtn_wrap *:not(div)[class^=TCbtn] {flex: 0 0 100%;}
	.TCbtn_wrap *:not(div)[class^=TCbtn]:nth-child(1):nth-last-child(2),
	.TCbtn_wrap *:not(div)[class^=TCbtn]:nth-child(1):nth-last-child(2) ~ [class^=Tbtn] {flex:1 0 0;}
	.TCbtn_wrap *:not(div)[class^=TCbtn]:nth-child(1):nth-last-child(n+3),
	.TCbtn_wrap *:not(div)[class^=TCbtn]:nth-child(1):nth-last-child(n+3) ~ [class^=Tbtn] {flex: 0 0 calc(33.3333% - 8px);}
	.TCbtn_wrap *:not(div)[class^=TCbtn]:nth-child(1):nth-last-child(2n+4),
	.TCbtn_wrap *:not(div)[class^=TCbtn]:nth-child(1):nth-last-child(2n+4) ~ [class^=Tbtn] {flex: 0 0 calc(50% - 5px);}
}
@media(max-width:600px){
	.TCtable th{padding:8px 5px;}

	.TCgallery_list2 li,
	.TCgallery_list2.calc4 li{max-width: 100%;}
	.TCgallery_list2.calc4 li{flex: 1 1 290px;}

	.TCsitemap1 section .wrap {padding: 20px;}
	.TCsitemap2 {padding: 10px;}

	.TCsitemap2 .depth > li .com4 {grid-template-columns: 1fr 1fr;}
	.TCsitemap2 .depth > li .com4 li:nth-of-type(2n) {border-right: none}
	.TCsitemap2 .depth > li .com4 li:nth-of-type(3n) {border-right: 1px solid #ddd}

	.TCsatisfaction1 .radio1>div:nth-last-child(n+2){margin:0;}
	.TCsatisfaction1 .radio1{display:flex;justify-content: space-between;width: 100%;flex-wrap: wrap;gap: 5px;}
	.TCsatisfaction1{padding:10px;}
	.TCsatisfaction1 section{padding:10px;}
}
@media(max-width:500px){
	*:not(div)[class^=TCbtn]{flex: 0 0 100%;width: fit-content;font-size: 0.9em;padding: 10px 13px;}

	.TCsatisfaction1 section {flex-direction: column; align-items: flex-start;}
	.TCsatisfaction1 .input_wrap button{padding:0 5px;height: 37px;width: 100%;}
	.TCsatisfaction1 .radio1{justify-content: flex-start;}
	.TCsatisfaction2 .survey_group {flex-direction: column;}
	.TCsatisfaction2 .survey_result {width: 100%;}
	.TCsatisfaction2 .survey_result button {margin-top: 20px;min-height: 40px;width: 100%; border-radius: 5px;}
	.TCsatisfaction2 .survey_info .inner {min-height: 40px}
}

/* 에디터 모바일 */
#editor-container.mo-size [class^='TClist'] ul {grid-template-columns: 1fr; gap: 0;}
#editor-container.mo-size [class^='TClist'] ul li {padding: 10px;}
#editor-container.mo-size [class^='TClist'] ul li .num {font-size: 1.125rem; min-width: 50px;}
#editor-container.mo-size [class^='TClist'] ul li .cont {font-size: 0.78rem;}
#editor-container.mo-size *:not(div)[class^=TCbtn] {width: fit-content; height: fit-content;}


/* ============================================================
   UI/UX 가이드라인
   ============================================================ */
/* 공통 텍스트 */
/* h태그 */
h1, h2, h3, h4, h5, h6 {position: relative;}
h2.xlarge {font-size: var(--h-xlarge); margin: 60px 0 40px;}
h3.large {font-size: var(--h-large); margin: 40px 0 32px;}
h4.medium {font-size: var(--h-medium); margin: 32px 0 24px;}
h5.small {font-size: var(--h-small); margin: 24px 0 16px;}
h6.xsmall {font-size: var(--h-xsmall); margin: 16px 0 8px;}
h2:first-child {margin-top: 0;}

/* p태그 */
.txt-xlarge {font-size: 21px;}
.txt-large {font-size: 19px;}
.txt-medium {font-size: 17px;}
.txt-small {font-size: 15px;}
.txt-xsmall {font-size: 13px;}

/* 공통 탭 */
.tab-area {display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; gap: 32px; width: 100%;}
.tab.full {width: 100%;}
.tab.full > ul {display: flex; flex-wrap: wrap; align-items: stretch; position: relative; width: 100%;}
.tab.full > ul > li {flex: 1 1 0; min-width: 0;}
.tab li, .tab .btn-tab {display: inline-flex; align-items: center; justify-content: center; flex-direction: row; position: relative; white-space: nowrap; width: 100%;}
.tab .btn-tab:focus, .tab .btn-tab:focus-visible,
.tab .btn-tab a:focus, .tab .btn-tab a:focus-visible {outline-offset: -2px;}
.tab.full .btn-tab {height: 56px; font-size: 19px; font-weight: var(--t-bold); background: var(--color-white);}
.tab.line.full .btn-tab {border: 0; border-bottom: 2px solid #b1b8be; font-size: 1.125rem;}
.tab.line.full .btn-tab:before {bottom: -2px;}
.tab.line .btn-tab a {width: 100%; display: flex; align-items: center; justify-content: center;}
.tab.line .btn-tab:before {content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 4px; background-color: var(--color-accent); transition: var(--transition-base);}
.tab.line .active .btn-tab, .tab.line .btn-tab.active a {border-bottom: 2px solid var(--color-accent); color: var(--color-accent);}
.tab.line .active .btn-tab::before, .tab.line .btn-tab.active:before {left: 0;	width: 100%;}
.tab-conts-wrap {width: 100%;}
.tab-conts {display: none;}
.tab-conts.active {display: flex; align-items: normal; justify-content: flex-start; flex-direction: column;}

/* 공통 테이블 */
.table-wrap {overflow-x: auto;}
.table-wrap table {min-width: 730px;}
.table-wrap table thead th {text-align: left; background-color: #eef2f7; font-weight: var(--t-bold); border-bottom: 1px solid #d6e0eb; padding: 8px 16px;}
.table-wrap table tbody th, .table-wrap table tbody td {text-align: left; background-color: #fff; border-bottom: 1px solid var(--color-border-light-gray); padding: 12px 16px;}
.table-wrap table .txt-c {text-align: center;}
.table-wrap table.data {width: 100%;}

/* 공통 리스트 (텍스트) */
.info-list {display: flex; flex-direction: column; gap: 12px; flex: 1;}
.info-list > li {position: relative; padding-left: 32px; font-size: 19px;}
.info-list > li::before {position: absolute; top: 0; left: 0;}
.info-list > li > .info-list {gap: 8px; margin-top: 16px;}
.info-list > li > .info-list > li {font-size: 1rem; padding-left: 24px;}
.info-list > li > .info-list > li > .info-list > li {font-size: 15px; padding-left: 20px;}
.info-list.dash > li::before {content: '-';}
.info-list.decimal > li::before {content: ''; width: 6px; height: 6px; background-color: #464c53; border-radius: 100px; top: 10px; left: 0.8rem;}
.info-list.hollow > li::before {content: ''; width: 4px; height: 4px; border: 1px solid #464c53; border-radius: 100px; top: 9.5px; left: 8px;}
.info-list.ordered > li .num {position: absolute; top: 0; left: 0;}