@charset "utf-8";
@import url("https://fastly.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@300..900&display=swap");
@font-face {
	font-family: "Recipekorea";
	font-weight: 300;
	src: url("../font/Recipekorea.woff") format("woff");
}

/********** RESET **********/

html, body, main, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, hr, textarea, select, input[type=text], input[type=radio], input[type=checkbox], input[type=button], input[type=image], input[type=password], input[type=reset], input[type=submit], input[type=email], input[type=color], input[type=date], input[type=datetime],input[type=datetime-local], input[type=month], input[type=number], input[type=range], input[type=search], input[type=tel], input[type=time], input[type=url], inpuyt[type=week] { margin: 0; padding: 0; border: 0; font: inherit; }
main, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, video { display: block; }
ol, ul, li { list-style: none; }
blockquote, q { quotes: none; }
blockquote::before, blockquote::after, q::before, q::after { content: ""; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
textarea { overflow: auto; }
caption, figcaption { display: none; }
em, address { font-style: normal; }
label { cursor: pointer; }
legend { position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; } /* for screen reader */
*:focus { outline: 0 none; }
a:link { text-decoration: none; }
a, button, input { font: inherit; background: none; border: 0 none; cursor: pointer; }
a { color: inherit; }

:root {
	--color-sc-primary: #744F19;
	--color-sc-secondary: #1C77FF;
	--color-sc-tertiary: #ff6b00;
	--color-sc-id01: #D93114;
	--color-sc-id02: #F3A92E;
	--color-sc-jet: #333;
	--color-sc-gray: #999;
	--color-sc-silver: #bbb;
	--color-sc-mist: #ddd;
	--color-sc-ghost: #f7f7f7;
	--color-sc-snow: #fff;
	--color-sc-bg-primary: #F2EEE8;
	--color-sc-bg-secondary: #E9F2FF;
}

.page_title{
	font-family: 'Recipekorea';
	font-size: 42px;
	margin-bottom: 100px;
	color: var(--color-sc-primary);
}
.button_l, .button, .button_s, .button_ss{
	display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
	font-family: 'pretendard';
}
.button_l{
	width: 360px;
	height: 84px;
	padding: 0 48px;
	box-sizing: border-box;
	font-size: 24px;
	font-weight: 700;
	border-radius: 42px;
	background: var(--color-sc-tertiary);
	color: var(--color-sc-snow);
}
.button{
    height: 64px;
    font-size: 20px;
    font-weight: 700;
    background: var(--color-sc-primary);
    color: var(--color-sc-snow);
}
.button_s{
    height: 48px;
    font-size: 20px;
    font-weight: 700;
    background: var(--color-sc-tertiary);
    color: var(--color-sc-snow);
}
.button_ss{
	display: flex;
	height: 32px;
	padding: 0px 16px;
	border-radius: 6px;
}

.tooltip{
	padding: 6px 12px;
	background: var(--color-sc-tertiary);
	color: var(--color-sc-snow);
	font-size: 16px;
	font-weight: 600;
	border-radius: 6px;
	letter-spacing: -0.8px;
	position: relative;
}
.tooltip::after{
	content: url('../img/tooltip.svg');
	display: block;
	position: absolute;
	bottom: -6px;
	left: 50%;
	transform: translateX(-50%);
}



input[type='date']{
	position: relative;
	cursor: pointer;
}
input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button {
	display: none;
}
input[type="date"]::-webkit-calendar-picker-indicator {
	background: transparent;
    z-index: 1;
}
input[type="date"]::after{
	content: url('../img/calendar_month.svg');
	display: block;
	position: absolute;
	transform: translateY(-50%);
	width: 22px;
	top: 50%;
	right: 24px;
	height: 24px;
	cursor: pointer;
}


/* input[type="file"] {
    display: none;
} */
input[type="file"]+label{
	border: 1px solid var(--color-sc-mist);
	border-radius: 24px;
	padding: 0 24px;
}


.radio input[type=radio]{
    display: none;
}
.radio input[type=radio]+label{
    display: inline-block;
    cursor: pointer;
    width: 90px;
    height: 64px;
    border: 1px solid var(--color-sc-mist);
    line-height: 24px;
    display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 500;
    font-size:13px;
	border-radius: 24px;
	background-color: var(--color-sc-snow);
    color: var(--color-sc-gray);
	transition: 0.3s;
}
.radio input[type=radio]+label:hover{
    filter: none;
	background-color: var(--color-sc-snow);
    color: var(--color-sc-jet);
	border: 1px  solid var(--color-sc-jet);
}

.radio input[type=radio]:checked+label{
    background-color: var(--color-sc-id02);
    color: var(--color-sc-snow);
}


.nice-select {
	-webkit-tap-highlight-color: transparent;
	background-color: #fff;
	border-radius: 24px;
	border: solid 1px #e1e1e1;
	box-sizing: border-box;
	clear: both;
	cursor: pointer;
	display: block;
	float: left;
	font-family: inherit;
	font-weight: normal;
	height: 40px;
	line-height: 38px;
	outline: none;
	padding-left: 18px;
	padding-right: 30px;
	position: relative;
	text-align: left !important;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	white-space: nowrap;
	width: auto; }
	.nice-select:hover {
	  border-color: #dbdbdb; }
	.nice-select:active, .nice-select.open, .nice-select:focus {
	  border-color: #999; }
	.nice-select:after {
	  border-bottom: 2px solid #999;
	  border-right: 2px solid #999;
	  content: '';
	  display: block;
	  height: 5px;
	  margin-top: -4px;
	  pointer-events: none;
	  position: absolute;
	  right: 24px;
	  top: 50%;
	  -webkit-transform-origin: 66% 66%;
		  -ms-transform-origin: 66% 66%;
			  transform-origin: 66% 66%;
	  -webkit-transform: rotate(45deg);
		  -ms-transform: rotate(45deg);
			  transform: rotate(45deg);
	  -webkit-transition: all 0.15s ease-in-out;
	  transition: all 0.15s ease-in-out;
	  width: 5px; }
	.nice-select.open:after {
	  -webkit-transform: rotate(-135deg);
		  -ms-transform: rotate(-135deg);
			  transform: rotate(-135deg); }
	.nice-select.open .list {
	  opacity: 1;
	  pointer-events: auto;
	  -webkit-transform: scale(1) translateY(0);
		  -ms-transform: scale(1) translateY(0);
			  transform: scale(1) translateY(0); }
	.nice-select.disabled {
	  border-color: #ededed;
	  color: #999;
	  pointer-events: none; }
	  .nice-select.disabled:after {
		border-color: #cccccc; }
	.nice-select.wide {
	  width: 100%; }
	  .nice-select.wide .list {
		left: 0 !important;
		right: 0 !important; }
	.nice-select.right {
	  float: right; }
	  .nice-select.right .list {
		left: auto;
		right: 0; }
	.nice-select.small {
	  font-size: 12px;
	  height: 36px;
	  line-height: 34px; }
	  .nice-select.small:after {
		height: 4px;
		width: 4px; }
	  .nice-select.small .option {
		line-height: 34px;
		min-height: 34px; }
	.nice-select .list {
		width: 100%;
	  background-color: #fff;
	  border-radius: 6px;
	  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
	  box-sizing: border-box;
	  margin-top: 4px;
	  opacity: 0;
	  overflow: hidden;
	  padding: 0;
	  pointer-events: none;
	  position: absolute;
	  top: 100%;
	  left: 0;
	  -webkit-transform-origin: 50% 0;
		  -ms-transform-origin: 50% 0;
			  transform-origin: 50% 0;
	  -webkit-transform: scale(0.75) translateY(-21px);
		  -ms-transform: scale(0.75) translateY(-21px);
			  transform: scale(0.75) translateY(-21px);
	  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
	  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
	  z-index: 9; }
	  .nice-select .list:hover .option:not(:hover) {
		background-color: transparent !important; }
	.nice-select .option {
	  cursor: pointer;
	  font-size: 18px;
	  font-weight: 400;
	  line-height: 40px;
	  list-style: none;
	  min-height: 40px;
	  outline: none;
	  padding-left: 18px;
	  padding-right: 29px;
	  text-align: left;
	  -webkit-transition: all 0.2s;
	  transition: all 0.2s; }
	  .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
		background-color: #f6f6f6; }
	  .nice-select .option.selected {
		font-weight: bold; }
	  .nice-select .option.disabled {
		background-color: transparent;
		color: #999;
		cursor: default; }

  .no-csspointerevents .nice-select .list {
	display: none; }

  .no-csspointerevents .nice-select.open .list {
	display: block; }

/*______________ reset ________________*/
 html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strong, sub, sup, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, nav, output, ruby, section, summary, time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
 }
/* HTML5 display-role reset for older browsers */
 article, aside, details, figcaption, figure, footer, header, menu, nav, section {
 display: block;
 }
 body {
 line-height: 1;
 }
 ol, ul {
 list-style: none;
 }
 blockquote, q {
 quotes: none;
 }
 blockquote:before, blockquote:after, q:before, q:after {
 content: '';
 content: none;
 }
 table {
 border-collapse: collapse;
 border-spacing: 0;
 }
 a {
 text-decoration: none;
 }
 img {
 vertical-align: bottom;
 }
 .clearfix::after {
 content: "";
 clear: both;
 display: table;
 }
 .hidden {
 overflow: hidden;
 display: inline-block;
 position: absolute;
 z-index: -1;
 border: 0;
 width: 1px;
 height: 1px;
 clip: rect(1px, 1px, 1px, 1px);
 clip-path: inset(50%);
 }
 #skip {
 position: relative;
 z-index: 99;
 }
 #skip>a {
 position: absolute;
 display: block;
 width: 100%;
 height: 35px;
 background: #333;
 color: #fff;
 line-height: 35px;
 text-align: center;
 left: 0;
 top: -35px;
 }
 #skip>a:focus, #skip>a:active {
 top: 0;
 }

 input.checkbox{
	display: none;
  }
  input.checkbox + label{
	position: relative;
	margin-left: 32px;
  }
  input.checkbox + label::before{
	content:url('../img/check-box.svg');
	display: inline-block;
	width: 24px;
	height: 24px;
	position: absolute;
	left: -32px;
	top: 50%;
	transform: translateY(-50%);
  }

  input.checkbox:checked + label::before{
	content:url('../img/check-box-active.svg');
  }

 button {
 cursor: pointer;
 border: none;
 padding: 0;
 background-color: transparent;
 }



/*______________ comon ________________*/
 .sec_top {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 60px;
 }
 .sec_top .location{
	display: flex;
	gap: 8px;
	margin-bottom: 40px;
 }
 .sec_top .location a{
	font-weight: 500;
	color: var(--color-sc-gray);
	padding-right: 13px;
	position: relative;
}
.sec_top .location a::after {
    content: '';
    display: block;
    width: 5px;
    height: 8px;
    background: url('../img/chevron_right.svg') no-repeat center center;
    background-size: contain;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.sec_top .location a:first-child {
    background: url('../img/other_houses.svg') no-repeat center left;
    background-size: contain;
    width: 16px;
    height: 14px;
    text-indent: -9999px;
}
.sec_top .location span{
	color: var(--color-sc-primary);
	font-weight: 700;
}
 .sec_top h2{
	font-family: 'Recipekorea';
	font-size: 42px;
	font-weight: 400;
	color: var(--color-sc-primary);
 }

 ul.menu_depth{
	display: flex;
	width: 100%;
	margin-bottom: 60px;
 }
 ul.menu_depth li{
	width: calc(100% / 3);
	height: 72px;
	border-bottom: 1px solid var(--color-sc-jet);
}
ul.menu_depth li a{
	width: 100%;
	height: 100%;
	font-weight: 700;
	font-size: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--color-sc-gray);
 }
 ul.menu_depth .on a{
	width: 100%;
	height: 100%;
	font-weight: 700;
	font-size: 20px;
	color: var(--color-sc-jet);
 }
 ul.menu_depth .on{
	border-radius: 24px 24px 0px 0px;
	border-top: 1px solid var(--color-sc-jet);
	border-right: 1px solid var(--color-sc-jet);
	border-left: 1px solid var(--color-sc-jet);
	border-bottom: none;
 }

 .join_seclect_depth{
	display: flex;
	justify-content: center;
	margin-bottom: 60px;
}
.join_seclect_depth li{
	display: flex;
	flex-direction: column;
	align-items: center;
	color: var(--color-sc-secondary);
	filter: invert(85%) sepia(1%) saturate(0%) hue-rotate(148deg) brightness(139%) contrast(88%);
	margin-right: 48px;
}
.join_seclect_depth li img{
	margin-bottom: 12px;
}
.join_seclect_depth li p{
	font-size: 18px;
	font-weight: 700;
}
.join_seclect_depth li.on{
	filter: none;
}
.join_seclect_depth li:last-child{
	margin-right: 0;
}

/* _______________header________________ */
.header_logo{
	background: url('../img/logo.png') no-repeat 0 0 / cover;
	width: 262px;
	height: 50px;
}

header {
 	width: 100%;
	height: 100px;
 }
header a{
	color: var(--color-sc-jet);
}
header div.header_wrap{
	display: flex;
	box-sizing: border-box;
	width: 100%;
	padding: 25px 40px;
	margin: 0 auto;
	justify-content: space-between;
	align-items: center;
}
header div.header_wrap > div{
	padding: 16px;
	height: 32px;
	border: 1px solid var(--color-sc-jet);
	border-radius: 16px;
	box-sizing: border-box;
	display: flex;
    align-items: center;
}
header nav.gnb{
	display: flex;
}
header nav.gnb .ham_btn{
	display: none;
 }
header nav.gnb ul.gnb_wrap{
	max-width: 1000px;
	display: flex;
 }
header nav.gnb ul.gnb_wrap > li{
	margin-right: 48px;
 }
 header nav.gnb ul.gnb_wrap > li a{
	font-family: 'NanumSquareRound';
	font-size: 20px;
	font-weight: 600;
 }
header nav.gnb ul.gnb_wrap > li:last-child {
	margin-right: 0;
}
header nav.gnb ul.gnb_wrap ul{
	display: none;
 }
 header div.header_wrap > div a{
	margin-right: 16px;
	font-family: 'NanumSquareRound';
	font-size: 16px;
	font-weight: 600;
 }
 header div.header_wrap > div a:last-child {
	margin-right: 0;
 }

/* __________login_________ */
.login_page .sec_wrap form {
	width: 100%;
	max-width: 360px;
	margin: 0 auto;
}
.login_page .sec_wrap h3{
	font-family: 'Recipekorea';
	font-size: 42px;
	text-align: center;
	margin-bottom: 100px;
	color: var(--color-sc-primary);
}
.login_page .sec_wrap ul:nth-child(2){
	margin-bottom: 16px;
}
.login_page .sec_wrap ul:nth-child(2) li {
	position: relative;
	margin-bottom: 12px;
}
.login_page .sec_wrap ul:nth-child(2) li label{
	font-size: 18px;
	font-weight: 500;
	color: var(--color-sc-gray);
	position: absolute;
	left: 24px;
	top: 50%;
	transform: translateY(-50%);
}
.login_page .sec_wrap ul:nth-child(2) li div{
	display: flex;
	justify-content: space-between;
}
.login_page .sec_wrap ul:nth-child(2) li input{
	padding: 24px 24px 24px 110px;
}
/* .login_page .sec_wrap ul:nth-child(2) li input:focus{
	border-color: var(--color-sc-primary);
	outline: none;
} */
.login_page .sec_wrap ul:nth-child(2) li input:focus + label{
	color: var(--color-sc-primary);
}
.login_page .sec_wrap div:nth-child(3) > a {
	width: 100%;
	font-size: 20px;
	height: 64px;
	font-weight: 700;
	background: var(--color-sc-primary);
	color: var(--color-sc-snow);
	display: flex;
    align-items: center;
    justify-content: center;
	border-radius: 24px;
	margin: 16px 0 30px;
}
.login_page .sec_wrap div:nth-child(3) > div {
	display: flex;
	justify-content: center;

}

.login_page .sec_wrap div:nth-child(3) > div a{
	color: var(--color-sc-gray);
	margin-right: 24px;
	font-weight: 500;
}
.login_page .sec_wrap div:nth-child(3) > div a:last-child{
	margin-right: 0;
}
.login_page .sec_wrap form > div:nth-child(4){
	margin-top: 60px;
}
.login_page .sec_wrap form > div:nth-child(4) > a{
	width: 100%;
	font-size: 20px;
	height: 64px;
	font-weight: 700;
	display: flex;
    align-items: center;
    justify-content: center;
	border-radius: 24px;
}
.login_page .sec_wrap form > div:nth-child(4) > a:nth-child(1){
	background: #03C75A;
	color: var(--color-sc-snow);
	margin-bottom: 12px;
}
.login_page .sec_wrap form > div:nth-child(4) > a:nth-child(1)::before{
	content: url('../img/sns_naver_icon.svg');
	width: 20px;
	height: 20px;
	display: inline-block;
	transform: translateX(-12px);
}
.login_page .sec_wrap form > div:nth-child(4) > a:nth-child(2){
	background: #FFE500;
	color: #392020;
}
.login_page .sec_wrap form > div:nth-child(4) > a:nth-child(2)::before{
	content: url('../img/sns_kakao_icon.png');
	width: 24px;
	height: 22px;
	display: inline-block;
	transform: translateX(-12px);
}
main.login_page.find_id_password .sec_wrap p{
	font-size: 18px;
	font-weight: 500;
	color: var(--color-sc-gray);
	text-align: center;
	margin-bottom: 12px;
}
main.login_page.find_id_password .sec_wrap h4{
	font-size: 24px;
	font-weight: 700;
	color: var(--color-sc-secondary);
	text-align: center;
	margin-bottom: 60px;
}

main.login_page.find_id_password .button {
    border-radius: 24px;
	width: 360px;
	margin: 0 auto;
}
main.login_page.find_id_password section a:last-child {
	color: var(--color-sc-gray);
	display: block;
	margin: 30 auto 0;
	width: 200px;
	text-align: center;
}

main.login_page.find_id_password form ul {
 	display: flex;
 	gap: 12px;
	flex-direction: column;
}
main.login_page.find_id_password li:last-child input{
	line-height: 14px;
}



/* __join__ */
	main.join_page{
		text-align: center;
	}
	main.join_page .readme{
		font-size: 24px;
		font-weight: 500;
		margin-bottom: 60px;
	}
	main.join_page .readme strong{
		font-weight: 700;
		color: var(--color-sc-secondary);
	}
	main.join_page .join_seclect_depth{
		display: flex;
		justify-content: center;
		margin-bottom: 60px;
	}
	main.join_page .join_seclect_depth li{
		display: flex;
		flex-direction: column;
		align-items: center;
		color: var(--color-sc-secondary);
		filter: invert(85%) sepia(1%) saturate(0%) hue-rotate(148deg) brightness(139%) contrast(88%);
		margin-right: 48px;
	}
	main.join_page .join_seclect_depth li img{
		margin-bottom: 12px;
	}
	main.join_page .join_seclect_depth li p{
		font-size: 18px;
		font-weight: 700;
	}
	main.join_page .join_seclect_depth li.on{
		filter: none;
	}
	main.join_page .join_seclect_depth li:last-child{
		margin-right: 0;
	}
/* __join_select__ */
	main.join_select div ul{
		display: flex;
		justify-content: center;
		margin-top: 60px;
	}
	main.join_select div ul li{
		width: 280px;
		padding: 32px;
		margin-right: 32px;
		box-sizing: border-box;
		border: 1px solid var(--color-sc-mist);
		border-radius: 24px;
		transition: 0.3s;
	}
	main.join_select div ul li:last-child{
		margin-right: 0;
	}
	main.join_select div ul li h4{
		font-size: 24px;
		font-weight: 800;
		opacity: 0.8;
		transition: 0.3s;
	}
	main.join_select div ul li img{
		margin: 32px 0;
		filter: grayscale(1);
		transition: 0.3s;

	}
	main.join_select div ul li a {
		background: var(--color-sc-silver);
		transition: 0.3s;
	}
	main.join_select div ul li:hover{
		border-color: var(--color-sc-silver);
	}
	main.join_select div ul li:hover h4 {
		opacity: 1;
	}
	main.join_select div ul li:hover img{
		filter: none;
	}
	main.join_select div ul li:hover a{
		background: var(--color-sc-tertiary);
	}
/* __join_individual__ */
main.join_input .button_s{
	background: var(--color-sc-secondary);
	width: 140px;
	margin: 24px auto 0;
	border-radius: 24px;
}
main.join_input form{
	width: 100%;
	max-width: 540px;
	margin: 0 auto;
}
main.join_input form > div{
	margin-bottom: 60px;
}
main.join_input div li{
	position: relative;
	margin-top: 24px;
}
main.join_input .nice-select li{
	margin-top: 0;
}

main.join_input div li .nice-select{
	height: 64px;
	display: flex;
    align-items: center;
}
main.join_input div li .nice-select:focus{
	border-color: var(--color-sc-primary);
}

main.join_input div h4,main.join_terms div h4{
	text-align: left;
	font-size: 24px;
	font-weight: 700;
}
main.join_input div li label{
	margin-bottom: 12px;
	width: 100%;
	box-sizing: border-box;
    display: inline-block;
    text-align: left;
	padding: 0 8px;
	font-weight: 600;
	color: var(--color-sc-gray);
}
main.join_input div li p,
main.login_page.find_id_password .sec_wrap p.note {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
	text-align: left;
	padding: 0 8px;
	margin-top: 12px;
	color: var(--color-sc-gray);
}
main.join_input div li .point_0,
main.login_page.find_id_password .sec_wrap p.note.point_0 {
	color: var(--color-sc-tertiary);
}
main.join_input div li .point_1,
main.login_page.find_id_password .sec_wrap p.note.point_1 {
	color: var(--color-sc-secondary);
}
main.join_input div li .button_ss {
	background: var(--color-sc-jet);
	color: var(--color-sc-snow);
	position: absolute;
	top: 44px;
	right: 24px;
}
main.join_input div.contant_info li{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}
main.join_input div.contant_info li span.dash {
	font-size: 18px;
	font-weight: 500;
	text-align: center;
}
main.join_input div.contant_info li label {
	margin: 4px;
}
main.join_input div.contant_info li input, main.join_input div.contant_info li .nice-select {
	width: calc( ( 100% / 3 ) - 16px );
}
main.join_input div.contant_info li.full {
	display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px;
}
main.join_input div.contant_info li.full div {
	flex: 0 0 48%;
}
main.join_input div.contant_info li.full input {
	width: 100%;
}
main.individual_reservation .join_channel, main.join_input .join_channel{
	width: 100%;
}
main.join_input .join_channel p{
	margin-top: 0;
	margin-bottom: 12px;
}
main.individual_reservation label {
	font-size: 14px;
	display: block;
    font-weight: 600;
    line-height: 1.3;
    text-align: left;
    padding: 0 8px;
	margin-top: 0;
    margin-bottom: 12px;
    color: var(--color-sc-gray);
}

main.individual_reservation .join_channel .nice-select:focus {
	border-color: var(--color-sc-primary);
}

main.individual_reservation .join_channel .nice-select, main.join_input .join_channel .nice-select{
	width: 100%;
	height: 64px;
	display: flex;
    align-items: center;
}
main.individual_reservation .join_channel .nice-select.open .list , main.join_input .join_channel .nice-select.open .list {
	flex-wrap: nowrap;
	flex-direction: column;
}
main.individual_reservation .join_channel .i-cr-etc, main.join_input .join_channel .i-cr-etc{
	margin-top: 12px;
}

/* ______________ */

main.join_individual div.contant_info li:last-child {
	gap: 12px;
}
main.join_individual div.contant_info li:last-child div, main.join_individual div.contant_info li:last-child input {
	width: 100%;
}

main.join_individual div.contant_info li:last-child label{
	margin-bottom: 0;
}



main.join_individual div:nth-child(5) ul{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
main.join_individual div:nth-child(5) li:nth-child(2), main.join_individual div:nth-child(5) li:nth-child(3){
	width: calc( ( 100% / 2 ) - 6px );
}
main.join_individual div:nth-child(5) li:nth-child(4){
	width: 100%;
}
main.join_input .radio{
	display: flex;
	justify-content: space-between;
}
main.join_input .radio input[type=radio]+label {
	border-color: var(--color-sc-mist);
	font-size: 18px;
	height: 64px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: calc( ( 100% / 2 ) - 44px );
}
main.join_input .radio label::before{
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-right: 12px;
	filter: grayscale();
	transition: 0.3s;
}
main.join_input .radio label:hover::before{
	filter: none;
}
main.join_input .radio input:checked+label::before{
	filter: none;
}
main.join_input .radio:not(.new) label:nth-child(2)::before{
	content: url('../img/student_girl.svg');
}
main.join_input .radio:not(.new) label:nth-child(4)::before{
	content: url('../img/student_man.svg');
}
main.join_input .radio input[type=radio]:checked+label {
	background: var(--color-sc-id02);
}
main.join_input .radio.new {
	display: block;
	width: 100%;
}
main.join_input .radio.new div {
	display: flex;
	justify-content: space-between;
	gap: 12px;
}
main.join_input .radio.new div label {
	flex: 1 0 auto;
	width: unset;
}
main.join_individual .button {
	width: 64px;
	background: var(--color-sc-jet);
	text-indent: -9999px;
	position: relative;
	border-radius: 24px;
}
main.join_individual .button::after {
	content: url('../img/delete.svg');
	display: block;
	width: 22px;
	height: 24px;
	position: absolute;
	text-indent: 0;
}
main.join_input.my_page form > input, main.join_input form > input:last-child{
	width: 240px;
	height: 84px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--color-sc-tertiary);
	margin: 0 auto;
	font-size: 24px;
	font-weight: 800;
	color: var(--color-sc-snow);
	border: none;
	font-family: 'NanumSquareRound';
	border-radius: 42px;
	cursor: pointer;
}

main.join_input form .drop_out {
		color: var(--color-sc-gray);
		display: block;
		margin: 30 auto 0;
		width: 200px;
		text-align: center;
}
/* __join_agency__ */
main.join_agency div li {
	display: inline-block;
	width: 100%;
}
main.join_agency div li .nice-select {
	width: 100%;
}
main.join_agency div li .nice-select li {
	display: block;
}
main.join_agency div.agency > ul > li:last-child {
	display: flex;
    flex-direction: column;
	gap: 12px;
}
main.join_agency div.agency > ul > li:last-child label {
	margin-bottom: 0;
}
main.join_agency div.agency > ul > li div input {
	width: 100%;
}

/* _join_terms__ */
main.join_terms div h4{
	margin-bottom: 24px;
}
main.join_terms .content ul {
	margin: 60px 0 80px;
}
main.join_terms .content ul li:first-child{
	margin-bottom: 60px;
}
main.join_terms .content ul li .terms_box {
	display: flex;
    gap: 16px;
    background: #f9f9f9;
    padding: 32px;
    box-sizing: border-box;
    flex-direction: column;
    align-items: flex-start;
	border-radius: 24px;
	height: 320px;
	overflow-y: scroll;
}
main.join_terms .content ul li .terms_box::-webkit-scrollbar{
	background: #f9f9f9;
	width: 52px;
}

main.join_terms .content ul li .terms_box::-webkit-scrollbar-thumb{
	border-radius: 6px;
	background: #E6E6E6;
	border: 20px solid #f9f9f9;
	border-radius: 60px;
}
main.join_terms .content ul li .terms_box h5{
	font-size: 15px;
	font-weight: 700;
}
main.join_terms .content ul li .terms_box p{
	color: var(--color-sc-gray);
	text-align: left;
	line-height: 1.3;
}
main.join_terms section > div:last-child {
	display: flex;
	justify-content: center;
	margin-top: 24px;
}
main.join_terms section > div:last-child a:first-child{
	background: var(--color-sc-snow);
	color: var(--color-sc-gray);
	margin-right: 24px;
	border: 1px solid var(--color-sc-gray)
}
main.join_terms section .button_l {
	padding: 0 40px;
}
/* __main.join_page .readme__ */
main.join_page.join_end .readme{
	margin-bottom: 12px;
}
main.join_end img {
	margin-bottom: 40px;
}
main.join_end input {
	width: 240px;
    height: 84px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--color-sc-tertiary);
    margin: 0 auto;
    font-size: 24px;
    font-weight: 800;
    color: var(--color-sc-snow);
    border: none;
    font-family: 'NanumSquareRound';
    border-radius: 42px;
	margin-top: 60px;
}
/* __individual_reservation__ */

main.individual_reservation form {
	display: flex;
	flex-wrap: wrap;
	gap: 60px;
}
main.individual_reservation form > div{
	width: 100%;
}

main.individual_reservation h3 {
	position: relative;
	font-size: 24px;
	font-weight: 700;
	padding-left: 44px;
	margin-bottom: 32px;
}
main.individual_reservation div h3::before{
	content: '1';
	display: flex;
	width: 32px;
	height: 32px;
	background: url('../img/maps_ugc.svg');
	color: var(--color-sc-snow);
	justify-content: center;
	align-items: center;
	position: absolute;
	text-align: center;
	left: 0;
	top: -8px;
	font-size: 18px;
}
main.individual_reservation form div:nth-child(2) h3::before{
	content: '1';
}
main.individual_reservation form div:nth-child(3) h3::before{
	content: '2';
}
main.individual_reservation form div:nth-child(4) h3::before{
	content: '3';
}
main.individual_reservation form div:nth-child(5) h3::before{
	content: '4';
}
main.individual_reservation form div:nth-child(6) h3::before{
	content: '5';
}
main.individual_reservation form div:nth-child(7) h3::before{
	content: '6';
}
main.individual_reservation .children_reservation > ul{
	display: flex;
	width: 100%;
	gap: 24px;
}
main.individual_reservation .radio{
	position: relative;
	width: calc( ( 100% - 96px ) / 5 );
}
main.individual_reservation .radio input[type=radio]+label{
	width: 100%;
	height: 110px;
	padding: 24px;
	box-sizing: border-box;
	margin-right: 24px;
	justify-content: flex-start;
    align-items: flex-start;
	font-size: 20px;
	font-weight: 700;
}
main.individual_reservation .radio input[type=radio]+label::before{
	margin-right: 12px;
	transform: translateY(-2px);
	filter: grayscale(1);
}
main.individual_reservation .radio input[type=radio]:hover+label::before, main.individual_reservation .radio input[type=radio]:checked+label::before{
	filter: none;
}
main.individual_reservation .radio input[type=radio]+.child_sex_female::before{
	content: url('../img/student_girl.svg');
	display: inline-block;
}
main.individual_reservation .radio input[type=radio]+.child_sex_male::before{
	content: url('../img/student_man.svg');
	display: inline-block;
}
main.individual_reservation .radio p{
	position: absolute;
	left: 24px;
	bottom: 24px;
	font-size: 18px;
	font-weight: 400;
	color: var(--color-sc-silver);
	transition: 0.3s;
}
main.individual_reservation .radi{
	font-size: 16px;
	font-weight: 500;
	color: var(--color-sc-gray);
}
main.individual_reservation .radio input:hover ~ p{
	color: var(--color-sc-gray);
}
main.individual_reservation .radio input:hover ~ p strong{
	color: var(--color-sc-jet);
}
main.individual_reservation .radio input:checked ~ p{
	color: var(--color-sc-snow);
}
main.individual_reservation .radio input:checked ~ p strong{
	color: var(--color-sc-snow);
}

main.individual_reservation #id_scheduled_list ul > li{
	display: flex;
	/*justify-content: space-between;*/
	justify-content: space-around;
	align-items: center;
	background: #f5f5f5;
	margin-bottom: 12px;
	height: 80px;
	border-radius: 24px;
	padding: 0 16px;
}
main.individual_reservation #id_scheduled_list ul > li span {
	color: var(--color-sc-jet);
	font-size: 20px;
	font-weight: 700;
}
main.individual_reservation #id_scheduled_list ul > li span:nth-child(1), main.individual_reservation #id_scheduled_list ul > li span:nth-child(4), main.individual_reservation #id_scheduled_list ul > li a{
	flex-grow: 1;
	text-align: center;
}
main.individual_reservation #id_scheduled_list ul > li span:nth-child(4), main.individual_reservation #id_scheduled_list ul > li a{
	flex-grow: 0;
	width: 120px;
}
main.individual_reservation #id_scheduled_list ul > li span:nth-child(2), main.individual_reservation #id_scheduled_list ul > li span:nth-child(3){
	width: 160px;
	text-align: center;
}
main.individual_reservation #id_scheduled_list ul > .scheduled_time_list_top{
	background: none;
	height: auto;
}
main.individual_reservation #id_scheduled_list ul > .scheduled_time_list_top span{
	font-size: 16px;
	font-weight: 600;
	color: var(--color-sc-gray);
	letter-spacing: -0.9px;
}
main.individual_reservation #id_scheduled_list ul > li:last-child{
	margin-bottom: 0;
}
main.individual_reservation #id_scheduled_list ul > li .button_ss{
	box-sizing: border-box;
	height: 48px;
	border-radius: 24px;
	background: var(--color-sc-secondary);
	color: var(--color-sc-snow);
	font-size: 18px;
	font-weight: 600;
}
main.individual_reservation #id_scheduled_list ul > .reservation_full .button_ss, main.individual_reservation #id_scheduled_list ul > .reservation_full span{
	background: none;
	color: var(--color-sc-gray);
	cursor: default;
}
main.individual_reservation form div:nth-child(5) > div {
	display: flex;
	justify-content: space-between;
	margin-bottom: 24px;
}
main.individual_reservation form div:nth-child(5) p{
	font-size: 14px;
	font-weight: 600;
	margin-left: 8px;
	color: var(--color-sc-tertiary);
}
main.individual_reservation form div:nth-child(5) p:last-child{
	margin-top: 8px;
}
main.individual_reservation form div:nth-child(5) > div > div {
	position: relative;
	margin-top: 28px;
}
main.individual_reservation form div:nth-child(5) > div > div { /* UK : first-child 삭제 */
	border: 1px solid var(--color-sc-gray);
	display: flex;
	padding: 0 24px;
	box-sizing: border-box;
	justify-content: space-between;
	align-items: center;
	border-radius: 24px;
}
main.individual_reservation form div:nth-child(5) > div > div p {
	position: absolute;
	top: -24px;
	left: 8px;
	font-size: 16px;
	font-weight: 600;
	color: var(--color-sc-gray);
}
main.individual_reservation form div:nth-child(5) > div > div:first-child span{
	font-size: 20px;
	font-weight: 700;
	color: var(--color-sc-jet);
}
main.individual_reservation form div:nth-child(5) > div > div:first-child span:nth-child(2){
	height: 80px;
	font-size: 18px;
	font-weight: 600;
	color: var(--color-sc-jet);
	display: flex;
	align-items: center;
}
main.individual_reservation form div:nth-child(5) > div > div:first-child span:nth-child(2)::before{
	display: inline-block;
	margin-right: 12px;
}
main.individual_reservation form div:nth-child(5) > div > div:first-child .male::before{
	content: url('../img/student_man.svg');
}
main.individual_reservation form div:nth-child(5) > div > div:first-child .female::before{
	content: url('../img/student_girl.svg');
}
main.individual_reservation form div:nth-child(5) > div > div {
	width: calc( ( 100% -  24px) / 2 );

}
main.individual_reservation form div .info_check li{
	height: 24px;
	margin-top: 24px;
}
main.individual_reservation .button_l{
	margin: 0 auto;
}

main.test_page form{
	margin: 64px 0;
}

main.test_page form li {
	margin-bottom: 60px;
}
main.test_page form .nice-select li{
	margin-bottom: 0;
}
main.test_page form li:last-child{
	margin-bottom: 0;
}
main.test_page li dt{
	display: flex;
	align-items: flex-end;
	gap: 12px;
}
main.test_page li dt .number{
	display: inline-flex;
	width: 40px;
	height: 40px;
	background: url('../img/maps_ugc.svg')no-repeat center / cover;
	color: var(--color-sc-snow);
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 14px;
	letter-spacing: -0.9px;
	color: var(--color-sc-snow);
	font-weight: 600;
}
main.test_page li dt .question{
	font-size: 20px;
	font-weight: 600;
}
main.test_page li dt .question strong, main.test_page li dt .question i{
	display: inline-block;
	font-size: 16px;
	color: var(--color-sc-snow);
	padding: 4px 8px;
	background: var(--color-sc-gray);
	border-radius: 6px;
	margin-right: 8px;
}
main.test_page li dt .question i{
	margin-left: 8px;
}
main.test_page .question .red-text{
    font-size: 20px;
    font-weight: 600;
    color: red;
}

/* 찾집 설문 영역주제별 색상 설정 */
.q-ct-1 {
	background-color: #B5EAD7 !important; /* 민트 그린 */
	color: #124734 !important; /* 짙은 다크 그린 */
	font-weight: bold !important;
}
.q-ct-2 {
	background-color: #FFD3B6 !important; /* 부드러운 오렌지 */
	color: #4A2F21 !important; /* 더 짙은 브라운 */
	font-weight: bold !important;
}
.q-ct-3 {
	background-color: #A7C7E7 !important; /* 파스텔 블루 */
	color: #0D2A4A !important; /* 진한 네이비 */
	font-weight: bold !important;
}
.q-ct-4 {
	background-color: #FF9AA2 !important; /* 핑크 */
	color: #801336 !important; /* 강한 다크 레드 */
	font-weight: bold !important;
}

main.test_page li dd{
	display: flex;
    flex-wrap: wrap;
	gap: 0 24px;
	margin-top: 16px;
}
main.test_page li dd .nice-select{
	width: 100%;
}
main.test_page li dd label{
	padding: 12px 0;
}
main.test_page li dd .note{
	font-size: 14px;
    font-weight: 600;
    padding: 0 8px;
    margin-top: 12px;
	color: var(--color-sc-tertiary);
}
main.test_page li dd input[type=text]{
	width: 100%;
	padding: 0 24px;
	height: 48px;
	border-radius: 16px;
}
main.test_page li dd input[type=radio]{
	display: none;
}
main.test_page li dd input[type=checkbox]{
	display: none;
}

main.test_page li dd input[type=checkbox] + span{
	position: relative;
	margin-left: 32px;
	font-size: 18px;
	font-weight: 500;
	color: var(--color-sc-jet);
}
main.test_page li dd input[type=checkbox]:checked + span::before{
	content: url(../img/check-box-active.svg);
}
main.test_page li dd input[type=checkbox] + span::before{
    content: url(../img/check-box.svg);
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    left: -32px;
    top: 50%;
    transform: translateY(-50%);
}

main.test_page li dd input[type=radio] + span{
	position: relative;
	margin-left: 32px;
	font-size: 18px;
	font-weight: 500;
	color: var(--color-sc-jet);
}
main.test_page li dd input[type=radio]:checked + span::before{
	content: url(../img/radio_on.png);
}
main.test_page li dd input[type=radio] + span::before{
    content: url(../img/radio_off.svg);
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    left: -32px;
    top: 50%;
    transform: translateY(-50%);
}

main.test_page .week label{
	padding: 12px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}
main.test_page .week label span{
    font-size: 18px;
    font-weight: 500;
    color: var(--color-sc-jet);
	white-space: nowrap;
}
main.test_page label input[type=radio]{
	display: none;
}
main.test_page label input[type=radio] + span{
	position: relative;
	margin-left: 32px;
	font-size: 18px;
	font-weight: 500;
	color: var(--color-sc-jet);
}
main.test_page label input[type=radio]:checked + span::before{
	content: url(../img/radio_on.png);
}
main.test_page label input[type=radio] + span::before{
    content: url(../img/radio_off.svg);
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    left: -32px;
    top: 50%;
    transform: translateY(-50%);
}
main.test_page .test_info{
	background: var(--color-sc-ghost);
	display: flex;
	flex-direction: column;
	padding: 24px;
	gap: 16px;
	margin: 40px 0;
}
main.test_page .alarm_test{
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	color: var(--color-sc-primary);
}
main.test_page .alarm_test i{
	font-weight: 800;
}
main.test_page .test_info .tooltip{
	display: inline-block;
	background: var(--color-sc-primary);
	margin-bottom: 12px;
}
main.test_page .test_info .tooltip::after{
	content: url('../img/tooltip_test.svg');
}
main.test_page .test_info p{
	font-size: 16px;
	font-weight: 500;
	line-height: 150%;
}
main.test_page .test_info .test_info_1 p{
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 6px;
	color: var(--color-sc-primary);
}
main.test_page .test_info .test_info_2 p{
	font-size: 14px;
	margin-bottom: 6px;
	font-weight: 500;
	color: var(--color-sc-gray);
}
main.test_page .test_title{
	margin: 100px 0 60px;
}
main.test_page .test_title h4{
	font-size: 24px;
	font-weight: 700;
	width: 100%;
	padding: 0 8px 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid var(--color-sc-jet);
}
main.test_page .test_title p{
	padding: 0 6px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	color: var(--color-sc-secondary);
}
main.test_page .test_title p strong {
	font-weight: 700;
	color: var(--color-sc-id01);
}
main.test_page .button_l{
	margin: 60px auto 0;
}


/* __agencys__ */

main.agency_page .agency_sec_1{
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	margin-bottom: 40px;
}

main.agency_page .agency_sec_1 > li{
	width: 100%;
	padding: 32px;
	border-radius: 24px;
	box-sizing: border-box;
	background: var(--color-sc-ghost);
}
main.agency_page .agency_sec_1 li h4{
	display: inline-block;
	color: var(--color-sc-snow);
	font-size: 22px;
	font-family: 'pretendard';
	font-weight: 700;
	background: var(--color-sc-primary);
	padding: 8px 12px;
	border-radius: 8px;
	margin-bottom: 24px;
}
main.agency_page .agency_sec_1 li p{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.3;
	font-family: 'pretendard';
	color: var(--color-sc-jet);
}
main.agency_page .agency_sec_1 > li ul{
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}
main.agency_page .agency_sec_1 > li ul li{
	font-size: 18px;
	font-weight: 600;
	color: var(--color-sc-secondary);
	padding: 6px 12px;
	border: 1px solid var(--color-sc-secondary);
	border-radius: 8px;
}
main.agency_page .agency_sec_1 > li:first-child{
	background: var(--color-sc-primary);
	display: flex;
	align-items: center;
	gap: 48px;
	padding: 32px 48px;
}
main.agency_page .agency_sec_1 > li:first-child h3{
	font-size: 32px;
	font-family: 'Recipekorea';
	margin-bottom: 16px;
	color: var(--color-sc-id02);
}
main.agency_page .agency_sec_1 > li:first-child p{
	font-size: 18px;
	font-weight: 600;
	color: var(--color-sc-snow);
	line-height: 1.5;
}

main.agency_page .agency_sec_1 li.agency_item_half{
	width: calc( ( 100% - 40px) / 2 );
}
main.agency_page .agency_sec_2 h3{
	font-size: 28px;
	font-weight: 700;
	color: var(--color-sc-primary);
	text-align: center;
	margin-bottom: 32px;
}
main.agency_page .agency_sec_2 ul{
	display: flex;
	gap: 57px;
}
main.agency_page .agency_sec_2 ul li{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: calc( ( 100% - 171px ) / 4);
	padding: 24px;
	box-sizing: border-box;
	position: relative;
	border-radius: 24px;
	border: 1px solid var(--color-sc-primary);
}
main.agency_page .agency_sec_2 ul li::after{
	content: url('../img/agency_arrow.svg');
	position: absolute;
    top: 50%;
    right: -41px;
    transform: translateY(-50%);
}
main.agency_page .agency_sec_2 ul li:last-child::after{
	display: none;
}
main.agency_page .agency_sec_2 ul li h4{
	font-family: 'pretendard';
	font-size: 22px;
	font-weight: 700;
	color: var(--color-sc-tertiary);
}
main.agency_page .agency_sec_2 ul li h4::after{
	content: '';
	display: block;
	width: 20px;
	height: 2px;
	margin: 16px auto;
	background: var(--color-sc-primary);
}
main.agency_page .agency_sec_2 ul li p{
	font-family: 'pretendard';
	font-size: 18px;
	font-weight: 500;
	line-height: 1.3;
	color: var(--color-sc-gray);
	text-align: center;
}
/* __agency_info__ */
main.agency_info h3{
	color: var(--color-sc-primary);
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 24px;
}

main.agency_info .agency_sec_1{
	background: var(--color-sc-ghost);
	padding: 32px;
	border-radius: 24px;
	margin-bottom: 40px;
}
main.agency_info .agency_sec_1 ul {
	margin-top: 24px;
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

main.agency_info .agency_sec_1 ul li {
	font-size: 18px;
	font-weight: 600;
	color: var(--color-sc-secondary);
	padding: 6px 12px;
	border: 1px solid var(--color-sc-secondary);
	border-radius: 8px;
}
main.agency_info .agency_sec_2 table{
	width: 100%;
	border-spacing: 0;
	border-radius: 16px;
	border-collapse : collapse;
	border-style: hidden;
  	box-shadow: 0 0 0 1px var(--color-sc-mist);
	margin-bottom: 40px;
}
main.agency_info .agency_sec_2 table th{
	width: 440px;
	font-size: 18px;
	font-weight: 700;
	background: var(--color-sc-ghost);
	color: var(--color-sc-primary);
	padding: 12px 20px;
	border: 1px solid var(--color-sc-mist);
}
main.agency_info .agency_sec_2 table th:first-child{
	border-radius: 16px 0px 0px 0px;
	width: 200px;
}
main.agency_info .agency_sec_2 table th:last-child{
	border-radius: 0px 16px 0px 0px;
}
main.agency_info .agency_sec_2 table td{
	font-family: 'pretendard';
	font-size: 18px;
	font-weight: 500;
	padding: 12px 20px;
	border: 1px solid var(--color-sc-mist);
}
main.agency_info .agency_sec_2 table td:first-child{
	text-align: center;
}
main.agency_info .agency_sec_3 h4{
	width: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--color-sc-id02);
	color: var(--color-sc-snow);
	border-radius: 24px;
	position: relative;
	font-size: 24px;
	font-weight: 700;
}
main.agency_info .agency_sec_3 h4::after{
	content: url(../img/shift.svg);
	position: absolute;
	left: 50%;
	bottom: -19px;
	transform: translateX(-50%);
}
main.agency_info .agency_sec_3 > ul {
	display: flex;
	gap: 24px;
	flex-direction: column;
}

main.agency_info .agency_sec_3 > ul > li{
	display: flex;
	gap: 40px;
}
main.agency_info .agency_sec_3 > ul > li:last-child h4::after{
	display: none;
}
main.agency_info .agency_sec_3 > ul ul li{
	padding: 16px 32px;

}
main.agency_info .agency_sec_3 p{
font-size: 18px;
font-style: normal;
font-weight: 500
}
main.agency_info .agency_sec_3 p b {
	font-size: 16px;
	font-weight: 500;
	color: var(--color-sc-secondary);
}
main.agency_info .agency_sec_3 p.point {
	font-size: 14px;
	font-weight: 600;
	color: var(--color-sc-tertiary);
	margin-top: 12px;
}
main.agency_info .agency_sec_3 p:first-child{
	position: relative;
}
main.agency_info .agency_sec_3 p:first-child::before{
	width: 24px;
	height: 24px;
	background: var(--color-sc-jet);
	color: var(--color-sc-snow);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 12px;
	font-size: 16px;
	font-weight: 500;
	position: absolute;
	top: -4px;
	left: -32px;
}
main.agency_info .agency_sec_3 ul li li:nth-child(1) p:first-child::before{
	content: '1';
}
main.agency_info .agency_sec_3 ul li li:nth-child(2) p:first-child::before {
	content: '2';
}
main.agency_info .agency_sec_3 ul li li:nth-child(3) p:first-child::before {
	content: '3';
}
main.agency_info .agency_sec_3 ul li li p.article:first-child::before{
	content: url('../img/article.svg');
}

/* __agency_info_2__ */
main.agency_page.agency_info_2 .agency_sec_2{
	margin-bottom: 40px;
}
main.agency_page.agency_info_2 .agency_sec_2 h3{
	text-align: left;
}
main.agency_page.agency_info_2 .agency_sec_3 h3{
	font-size: 28px;
    font-weight: 700;
    color: var(--color-sc-primary);
    margin-bottom: 32px;
}
main.agency_page.agency_info_2 .agency_sec_2 > p{
	font-size: 14px;
	font-weight: 600;
	color: var(--color-sc-tertiary);
	margin-top: 12px;
}
main.agency_page.agency_info_2 .agency_sec_2 ul li h4 {
	text-align: center;
}
main.agency_page.agency_info_2 .agency_sec_2 ul li{
	width: calc( ( 100% - 508px ) / 4 );
}
main.agency_page.agency_info_2 .agency_sec_2 ul li:nth-child(2) {
	width: 280px;
}
main.agency_page.agency_info_2 .agency_sec_2 ul li:nth-child(2) p{
	color: var(--color-sc-secondary);
	font-weight: 600;
}
main.agency_page.agency_info_2 .agency_sec_3 ul{
	display: flex;
	gap: 24px;
	flex-direction: column;
}
main.agency_page.agency_info_2 .agency_sec_3 ul li{
	display: flex;
	gap: 12px;
	padding: 32px;
	width: 100%;
	background: var(--color-sc-bg-secondary);
	flex-direction: column;
    align-items: flex-start;
	border-radius: 24px;
}
main.agency_page.agency_info_2 .agency_sec_3 ul li h4 {
	display: inline-block;
	padding: 8px 12px;
	color: var(--color-sc-snow);
	background: var(--color-sc-jet);
	border-radius: 8px;
	font-size: 22px;
	font-weight: 700;
}
main.agency_page.agency_info_2 .agency_sec_3 ul li span{
	display: inline-block;
	padding: 4px 8px;
	background: var(--color-sc-secondary);
	color: var(--color-sc-snow);
	border-radius: 6px;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 12px;
}
main.agency_page.agency_info_2 .agency_sec_3 ul li p{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.3;
}
main.agency_page.agency_info_2 .agency_sec_3 ul li:nth-child(-n+2) {
	background: var(--color-sc-bg-primary);
}
main.agency_page.agency_info_2 .agency_sec_3 ul li:nth-child(-n+2) span{
	background: var(--color-sc-primary);
}
/* __agency_reservation__ */
main.agency_reservation h3 {
	position: relative;
    font-size: 24px;
    font-weight: 700;
    padding-left: 44px;
    margin-bottom: 32px;
}
main.agency_reservation form{
	max-width: 552px;
	margin: 0 auto;
}
/* main.agency_reservation form input{
	width: 100%;
} */
main.agency_reservation .addr_reservation div{
	position: relative;
}
main.agency_reservation .addr_reservation div .button_ss{
	background: var(--color-sc-jet);
    color: var(--color-sc-snow);
    position: absolute;
    top: 20px;
    right: 24px;
}
main.agency_reservation .agency_reservation_title{
	display: inline-block;
	position: relative;
    font-size: 24px;
    font-weight: 700;
    padding-left: 44px;
    margin-bottom: 32px;
	letter-spacing: -1.2px;
	color: var(--color-sc-jet);
}
main.agency_reservation .agency_reservation_title::before{
	content: '';
	display: flex;
    width: 32px;
    height: 32px;
    background: url(../img/maps_ugc.svg);
    color: var(--color-sc-snow);
    justify-content: center;
    align-items: center;
    position: absolute;
    text-align: center;
    left: 0;
    top: -8px;
    font-size: 18px;
}
main.agency_reservation .cnt_reservation .check_point_box{
	margin-top: 12px;
}

main.agency_reservation .cnt_reservation .check_point_box p{
	margin-top: 12px;
	font-size: 16px;
	font-weight: 500;
}
main.agency_reservation .cnt_reservation .check_point_box p strong{
	color: var(--color-sc-secondary);
}
main.agency_reservation .cnt_reservation .check_point_box p:last-child{
	margin-top: 6px;
}
main.agency_reservation .cnt_reservation .check_point_box .tooltip{
	/* margin: 12px 0; */
	display: inline-block;
}
main.agency_reservation .addr_reservation .agency_reservation_title::before{
	content: '1';
}
main.agency_reservation .cnt_reservation .agency_reservation_title::before{
	content: '2';
}
main.agency_reservation .reservation_calendar .agency_reservation_title::before{
	content: '3';
}
main.agency_reservation form>div:nth-child(4) .agency_reservation_title::before{
	content: '4';
}
main.agency_reservation input{
	margin-bottom: 12px;
}
main.agency_reservation input:last-child{
	margin-bottom: 0;
}
main.agency_reservation .info_check li {
    height: 24px;
}
main.agency_reservation .info_check li:last-child{
	margin-top: 24px;
}
main.agency_reservation .button_l{
	margin: 0 auto;
}
.addr_reservation, .cnt_reservation, main.agency_reservation form>div:nth-child(4), main.agency_reservation .reservation_calendar{
	margin-bottom: 60px;
}
main.agency_reservation .reservation_calendar div:first-child{
	margin-bottom: 30px;
}
/* __reservation_end_page__ */
main.reservation_end_page img{
	margin: 0 auto 40px;
	display: block;
}
main.reservation_end_page p{
	margin-bottom: 12px;
	font-size: 24px;
    font-weight: 500;
	text-align: center;
}

main.reservation_end_page p strong{
	font-weight: 700;
    color: var(--color-sc-secondary);
}
main.reservation_end_page .button_l{
	margin: 60px auto 0;
}
main.reservation_end_page .check_point_box{
	display: flex;
    flex-direction: column;
    align-items: center;
	gap: 12px;
	margin-top: 40px;
}

main.reservation_end_page .check_point_box p{
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 0;
}
/* ______________form_____________________*/

/* form ul{
	margin-bottom: 60px;
}
form ul li{
	margin-bottom: 10px;
} */


/*______calendar______ */
main.individual_reservation form .reservation_calendar ,main.individual_reservation form .reservation_time {
	width: calc( ( 100% - 60px ) / 2 );
}
main.individual_reservation form .reservation_time.place {
	width: 100%;
}
.calendar_container {
    display: flex;
    justify-content:space-evenly;
    width: 100%;
    /* background-color: var(--color-sc-mist); */
    border-radius: 50px;
	position: relative;
}

.hide {
    display:none;
}
.calendar tbody:last-child{
	margin-top: 24px;
	display: flex;
	gap: 8px;
	flex-direction: column;
}
.calendar tbody:last-child tr{
	display: flex;
	gap: 8px;
}

.calendar_container > .left_button,.calendar_container > .right_button{
	width: 24px;
	height: 24px;
	display: block;
    position: absolute;
	top: 12px;
}
.left_button {
    border: transparent;
	background: url('../img/arrow_back_ios_new.svg');
	left: 160px;
}

.right_button {
    border: transparent;
	background: url('../img/arrow_forward_ios.svg');
	right: 160px;
}


.calendar {
    display:flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
}
.calendar .title{
	font-size: 32px;
	font-weight: 700;
	color: var(--color-sc-jet);
}
.calendar_days{
	width: 72px;
	height: 72px;
}
.calendar_days > button, .calendar_days > div{
	width: 100%;
	height: 100%;
}
.calendar_days > button  {
	font-size: 20px;
	font-weight: 700;
	color: var(--color-sc-secondary);
    border-radius: 100%;
    background-color: transparent;
    border: transparent;
}

table {
    border-collapse: separate;
    border-spacing: 0 10px;
}

.day {
	display: flex;
	align-items: center;
    justify-content: center;
	width: 72px;
	height: 32px;
    text-align: center;
    font-size:16px;
    font-weight: 500;
    color:var(--color-sc-gray);
}


.day_hover {
    border: 1px solid var(--color-sc-silver) !important;
}

.calendar_days > .day_selected {
    background-color: var(--color-sc-secondary) !important;
    color: var(--color-sc-snow);
}

.gray {
    background-color: rgb(241, 241, 241) !important;
}
.before_date, .weekend, .holiday, .full_date{
    border-radius: 100%;
    background-color: transparent;
    border: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.before_date span, .weekend span, .holiday span, .full_date span{
	text-decoration:line-through;
	font-size: 20px;
	font-weight: 500;
}
.before_date{
	color: var(--color-sc-silver);
}
.weekend,.holiday{
	color: var(--color-sc-id01);
}
.full_date{
	color: var(--color-sc-gray);
	position: relative;
}
.full_date::after{
	content: '마감';
	font-size: 14px;
	font-weight: 700;
	display: block;
	position: absolute;
	bottom: -8px;
}

/*____ mypage ____*/

main.my_page .my_info{
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 60px;
}

main.my_page .my_info h3{
	font-size: 32px;
	font-weight: 200;
	margin-bottom: 24px;
}
main.my_page .my_info h3 strong{
	font-weight: 700;
}
main.my_page .my_info p{
	font-size: 18px;
	font-weight: 500;
	color: var(--color-sc-gray);
}
main.my_page .my_info p strong{
	font-weight: 700;
	color: var(--color-sc-secondary);
}
main.my_page .my_info .button_l{
	width: 240px;
	background: none;
	border: 1px solid var(--color-sc-gray);
	color: var(--color-sc-gray);
}
main.my_page .my_info .button_l:hover{
	border: 1px solid var(--color-sc-jet);
	color: var(--color-sc-jet);
}
main.my_page .child_list h4{
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 16px;
}
main.my_page .child_list p{
	color: var(--color-sc-gray);
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 40px;
}
main.my_page .child_list .child_select{
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	margin-bottom: 40px;
}
main.my_page .child_list button {
	width: 222px;
	height: 110px;
	border: 1px solid var(--color-sc-silver);
	border-radius: 24px;
	padding: 24px;

}
main.my_page .child_list button h4 {
	display: flex;
	align-items: center;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 12px;
	color: var(--color-sc-gray);
}
main.my_page .child_list button span{
	font-size: 18px;
	font-weight: 400;
	color: var(--color-sc-silver);
}
main.my_page .child_list button .add{
	font-size: 16px;
	font-weight: 700;
	color: var(--color-sc-gray);
}
main.my_page .child_list button:hover span{
	color: var(--color-sc-gray);
}
main.my_page .child_list button:hover h4, main.my_page .child_list button:hover .add{
	color: var(--color-sc-jet);
}
main.my_page .child_list button.active span, main.my_page .child_list button.active h4, main.my_page .child_list button.active .add{
	color: var(--color-sc-snow);
}

main.my_page .child_list button h4::before{
	content: '';
	display: inline-block;
	margin-right: 12px;
    transform: translateY(-2px);
    filter: grayscale(1);
}
main.my_page .child_list button:hover h4::before, main.my_page .child_list button.active h4::before{
	filter: none;
}
main.my_page .child_list button .male::before{
	content: url('../img/student_man.svg');
}
main.my_page .child_list button .female::before{
	content: url('../img/student_girl.svg');
}
main.my_page .child_list button:hover {
	border-color: var(--color-sc-gray);
}
main.my_page .child_list button.active{
	border: none;
	background: var(--color-sc-id02);
}


main.my_page .event_list > li{
	display: none;
}
main.my_page .event_list > li.active{
	display: block;
}
main.my_page .event_list > li > div {
	display: flex;
	align-items: center;
	gap: 24px;
}
main.my_page .event_list > li > div span{
	color: var(--color-sc-primary);
	font-size: 16px;
	font-weight: 600;
}
main.my_page .event_list > li > div button{
	width: 100px;
	height: 32px;
	font-weight: 700;
	font-size: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--color-sc-tertiary);
	color: var(--color-sc-snow);
	border-radius: 16px;
}
main.my_page .event_list > li > div button.off{
	pointer-events: none;
	border-radius: 12px;
	background: none;
	color: var(--color-sc-primary);
	border: 1px solid var(--color-sc-primary);
}
main.my_page .event_list .child_event_list{
	display: flex;
	gap: 20px;
	flex-direction: column;
	margin-top: 40px;
}
main.my_page .event_list .child_event_list li{
	display: flex;
	width: 100%;
	padding: 32px;
	box-sizing: border-box;
	background: var(--color-sc-ghost);
	justify-content: space-between;
	align-items: center;
	border-radius: 24px;
}

main.my_page .event_list .child_event_list li.none{
	display: none;
}

main.my_page .event_list .child_event_list li span{
	font-size: 20px;
	font-weight: 500;
	width: 200px;
	color: var(--color-sc-jet);
	font-family: 'pretendard';
}

main.my_page .event_list .child_event_list li .status{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 140px;
	height: 32px;
	font-size: 18px;
	font-weight: 700;
	color: var(--color-sc-primary);
	background: var(--color-sc-snow);
	border: 1px solid var(--color-sc-primary);
	border-radius: 8px;
}

main.my_page .event_list .child_event_list li div{
	display: flex;
	align-items: center;
	gap: 16px;
}

main.my_page .event_list .child_event_list li button, main.my_page .event_list .child_event_list li a{
	display: flex;
	width: 160px;
	height: 48px;
	justify-content: center;
	align-items: center;
	border-radius: 24px;
	font-size: 18px;
	font-weight: 700;
	color: var(--color-sc-snow);
}
main.my_page .event_list .child_event_list li button{
	background: var(--color-sc-secondary);
}
main.my_page .event_list .child_event_list li a{
	background: var(--color-sc-tertiary);
}
main.my_page .event_list .child_event_list li a::before{
	content: url('../img/diagnosis.svg');
	display: inline-block;
	margin-right: 8px;
}
main.my_page .event_list .child_event_list li div:last-child {
	width: 340px;
	justify-content: flex-end;
}
main.my_page .event_list .child_event_list li .off{
	border: 1px solid var(--color-sc-primary);
	color: var(--color-sc-primary);
	background: var(--color-sc-snow);
	pointer-events: none;
}
main.my_page .event_list .child_event_list .old div:last-child{
	flex-direction: row-reverse;
}
main.my_page .event_list .child_event_list .old button{
	opacity: 0;
	pointer-events: none;
}
main.my_page .event_list .child_event_list .old span{
	color: var(--color-sc-gray);
}
main.my_page .event_list .child_event_list .old .status{
	color: var(--color-sc-snow);
	background: var(--color-sc-gray);
	border: none;
}
main.my_page .event_list .child_event_list .none_event{
	background: none;
    gap: 60px;
	flex-direction: column;
}
main.my_page .event_list .child_event_list .none_event h5{
	font-size: 24px;
	font-weight: 500;
	font-family: 'pretendard';
}

main.my_page.agency_page section > div:nth-child(2) h3{
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 40px;
}

main.my_page .visit_event_list {
	display: flex;
	gap: 24px;
	flex-direction: column;
}
main.my_page .visit_event_list .visit_event{
	background: var(--color-sc-ghost);
	padding: 32px;
	border-radius: 24px;
	display: flex;
	flex-direction: column;
}
main.my_page .visit_event_list .visit_event.old p{
	color: var(--color-sc-gray);
}
main.my_page .visit_event_list .visit_event.old span{
	color: var(--color-sc-silver);
}
main.my_page .visit_event_list .visit_event.old .visit_event_button button{
	border-radius: 16px;
	background: var(--color-sc-silver);
	pointer-events: none;
}
main.my_page .visit_event_list .visit_event .visit_event_info{
	display: flex;
    justify-content: space-between;
}
main.my_page .visit_event_list .visit_event .visit_event_info ul{
	display: flex;
	gap: 32px;

}
main.my_page .visit_event_list .visit_event .visit_event_info ul span{
	color: var(--color-sc-gray);
	font-size: 18px;
	font-weight: 600;
}
main.my_page .visit_event_list .visit_event .visit_event_info ul p{
	font-size: 20px;
	font-weight: 700;
	margin-top: 12px;
}
main.my_page .visit_event_list .visit_event .import{
	display: flex;
	gap: 8px;
	align-items: center;
	font-size: 16px;
	font-weight: 600;
	color: var(--color-sc-id01);
	margin-top: 24px;
}
main.my_page .visit_event_list .visit_event .import::before{
	content: url('../img/error.svg');
}
main.my_page .visit_event_list .visit_event .visit_event_button{
	display: flex;
	gap: 12px;
}
main.my_page .visit_event_list .visit_event .visit_event_button p{
	display: flex;
	font-size: 18px;
	font-weight: 700;
	width: 160px;
	height: 48px;
	justify-content: center;
	align-items: center;
	border: 1px solid var(--color-sc-primary);
	color: var(--color-sc-primary);
	background: var(--color-sc-snow);
	border-radius: 16px;
}
main.my_page .visit_event_list .visit_event .visit_event_button button{
	display: flex;
    width: 160px;
    height: 48px;
    justify-content: center;
    align-items: center;
    border-radius: 24px;
    font-size: 18px;
    font-weight: 700;
	background: var(--color-sc-secondary);
    color: var(--color-sc-snow);
}
main.my_page .paging {
	display: flex;
	gap: 12px;
	justify-content: center;
	margin-top: 40px;
}
main.my_page .paging a{
	width: 48px;
	height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	font-weight: 700;
	border-radius: 12px;
	color: var(--color-sc-gray);
	border: 1px solid var(--color-sc-silver);
}
main.my_page .paging a.on{
	color: var(--color-sc-snow);
	background: var(--color-sc-secondary);
	border: none;
}
main.my_page .paging a.no_more{
	opacity: 0.4;
}
main.my_page .delect a{
	width: 64px;
    background: var(--color-sc-jet);
    text-indent: -9999px;
    position: relative;
}
main.my_page .delect a::before{
	content: url(../img/delete.svg);
    display: block;
    width: 22px;
    height: 24px;
    position: absolute;
    text-indent: 0;
}
main.agency_page_detail .sec_wrap > div:nth-child(2) h3{
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 40px;
}
main.agency_page_detail .child_list{
	display: flex;
    gap: 24px;
    flex-direction: column;
}
main.agency_page_detail .child_list ul{
	display: flex;
	justify-content: space-between;
}
main.agency_page_detail  form h3{
	font-size: 20px;
	font-weight: 500;
	margin: 40px 0;
	text-align: center;
}
main.agency_page_detail  form h3 strong{
	display: inline-block;
	margin: 0 8px;
	color: var(--color-sc-secondary);
	font-size: 36px;
	font-weight: 800;
}
main.agency_page_detail .sec_wrap .child_list li:first-child ul li span{
	width: 100%;
	display: block;
	font-size: 16px;
	text-align: center;
	font-weight: 600;
	color: var(--color-sc-gray);
}
main.agency_page_detail .child_list li:first-child ~ li ul span{
	text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}
main.agency_page_detail .child_list li:first-child ~ li ul .status span{
	border: 1px solid var(--color-sc-primary);
	color: var(--color-sc-primary);
	border-radius: 24px;
	font-size: 18px;
	font-weight: 700;
}
main.agency_page_detail .child_list li:first-child ~ li ul .status.not span{
	border-color: var(--color-sc-silver);
	color: var(--color-sc-silver);
}
main.agency_page_detail .child_list ul label {
	display: none;
}
main.agency_page_detail .child_list ul .num{
	width: 50px;
}
main.agency_page_detail .child_list ul .num span{
	font-size: 18px;
	font-weight: 700;
}
main.agency_page_detail .child_list ul .name, main.agency_page_detail .child_list ul .date{
	width: 200px;
}
main.agency_page_detail .child_list ul .radio{
	width: 300px;
	display: flex;
	gap: 8px;
}
main.agency_page_detail .child_list ul .delect{
	width: 64px;
}
main.agency_page_detail .child_list ul .radio label{
	display: flex;
	width: calc( ( 100% - 8px) / 2);
}
main.agency_page_detail .child_list ul .radio label::before{
	display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 12px;
    filter: grayscale();
    transition: 0.3s;
}
main.agency_page_detail .child_list ul .radio label:hover::before, main.agency_page_detail .child_list ul .radio input:checked + label::before{
	filter: none;
}
main.agency_page_detail .child_list ul .radio label:nth-child(2)::before{
	content: url('../img/student_girl.svg');
}
main.agency_page_detail .child_list ul .radio label:nth-child(4)::before{
	content: url('../img/student_man.svg');
}
main.agency_page_detail .child_list ul .status{
	width: 120px;
}
main.agency_page_detail .button_list{
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}
main.agency_page_detail .button_list .button_l{
	width: 240px;
}
main.agency_page_detail .button_list > div{
	display: flex;
	gap: 24px;
}
main.agency_page_detail .button_list > div > .button_l:first-child{
	background: var(--color-sc-secondary);
}
main.agency_page_detail .button_list > .button_l{
	border: 1px solid var(--color-sc-gray);
	color: var(--color-sc-gray);
	background: var(--color-sc-snow);
}
main.agency_page_detail .child_info{
	width: 100%;
	margin: 0 24px;

}
main.agency_page_detail .child_info {
	padding: 16px 24px;
	border: 1px solid var(--color-sc-gray);
	display: flex;
	border-radius: 24px;
	align-items: center;
}
main.agency_page_detail li:first-child .child_info{
	padding: 0;
	border: none;
	border-radius: 24px;
}
main.agency_page_detail .child_info h4{
	margin: 0;
	font-size: 20px;
	font-weight: 700;
	margin-right: 24px;
	display: flex;
	gap: 12px;
	align-items: center;
}
main.agency_page_detail .child_info h4::before{
	content: '';
}
main.agency_page_detail .child_info .male::before{
	content: url('../img/student_man.svg');
}
main.agency_page_detail .child_info .female::before{
	content: url('../img/student_girl.svg');
}
main.agency_page_detail .child_info p {
	margin: 0 8px 0 0 ;
	font-size: 18px;
	font-weight: 500;
}
main.agency_page_detail .child_info p:last-child{
	font-size: 16px;
	font-weight: 700;
	color: var(--color-sc-jet);
}
main.agency_page_detail .button_list.left{
	justify-content: flex-end;
}
main.my_page .readme{
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 60px;
	text-align: center;
}
main.my_page .readme strong{
	font-weight: 700;
	color: var(--color-sc-secondary);
}


main.drop_out label{
	font-size: 18px;
	font-weight: 500;
}

main.drop_out li img{
	margin-bottom: 12px;
}
main.drop_out_2 div img{
	margin: 60px auto 40px ;
}
main.drop_out_2 div .readme {
	margin-bottom: 12px;
}

/***** UK : INPUT ELEMENT CUSTOM *****/

div.filebox input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}

div.filebox label {
	flex: 0 0 60px;
	height: 100%;
	background: url('../img/input_file.svg') no-repeat center / 26px auto ;
}

div.filebox .upload-name {
	flex: 0 0 calc(100% - 60px);
	height: 100%;
	padding: 0;
	border: 0 none;
	background: none;
}

div.input_num {
	display: flex;
	padding: 0 24px;
    box-sizing: border-box;
    border: 1px solid var(--color-sc-mist);
    border-radius: 24px;
    height: 64px;
	width: 100%;
	font-size: 18px;
	transition: 0.3s;
	font-family: 'pretendard';
}

div.input_num input {
	flex: 0 0 calc(100% - 120px);
	height: 100%;
	padding: 0;
	border: 0 none;
	background: none;
	text-align: center;
}

div.input_num input::-webkit-outer-spin-button,
div.input_num input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

div.input_num button {
	flex: 0 0 60px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px auto ;
}

div.input_num button.minus {
	background-image: url('../img/input_minus.svg');
}

div.input_num button.plus {
	background-image: url('../img/input_plus.svg');
}

/***** UK : NEW INTERFACE *****/

:root {
	--Primary: #744F19;
	--Secondary: #1C77FF;
	--Tertiary: #ff6b00;
	--ID01: #D93114;
	--ID02: #F3A92E;
	--Jet: #333;
	--Gray: #999;
	--Silver: #BBB;
	--Mist: #DDD;
	--Ghost: #F7F7F7;
	--Snow: #FFF;
	--BG01: #F2EEE8;
	--BG02: #E9F2FF;
}

button, a, select, input, textarea { font: inherit; color: inherit; letter-spacing: inherit; }
img { max-width: 100%; }

.blind { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden; }
.numeric { font-family: "Rubik"; letter-spacing: 0; }

html { height: 100%; }

body { font-family: "Pretendard", sans-serif; font-size: 18px; font-weight: 500; line-height: 1.0; letter-spacing: -0.03em; overflow-wrap: break-word; word-break: keep-all; color: var(--Jet); font-variant-numeric: tabular-nums; }
body:has(main.home) { background: #FFF3DE; }
body.menu-on { position: fixed; overflow: hidden; }

@media all and (max-width: 768px) {
	body { font-size: 16px; }
}

.note { font-size: 16px; font-weight: 600; line-height: 1.3; color: var(--Tertiary); }

@media all and (max-width: 768px) {
	.note { font-size: 14px; }
}

.caution { display: flex; align-items: flex-start; gap: 6px; width: 100%; font-size: 16px; font-weight: 600; line-height: 1.3; color: var(--ID01); }
.caution::before { position: relative; top: 1px; flex: 0 0 16px; height: 16px; background: url("../img/icon-caution.svg") no-repeat center / cover; content: ""; }

@media all and (max-width: 768px) {
	.caution { gap: 4px; font-size: 14px; }
	.caution::before { top: 2px; flex: 0 0 14px; height: 14px; }
}

.balloon { position: relative; display: table; padding: 6px 12px; background: var(--Tertiary); border-radius: 6px; font-size: 16px; font-weight: 600; color: var(--Snow); }
.balloon::after { position: absolute; display: block; bottom: -6px; left: 50%; content: url("../img/tooltip.svg"); transform: translateX(-50%); }

label.check-box,
label.radio-box { position: relative; height: 64px; text-align: center; background: transparent; border: 1px solid var(--Mist); border-radius: 24px; box-sizing: border-box; transition: all 0.3s; }
label.check-box input[type=checkbox],
label.radio-box input[type=radio] { position: absolute; width: 0; height: 0; }
label.check-box span,
label.radio-box span { line-height: 62px; color: var(--Gray); transition: all 0.3s; }
label.check-box:hover,
label.radio-box:hover { border-color: var(--Jet); }
label.check-box:hover span,
label.radio-box:hover span { color: var(--Jet); }
label.check-box:has(input[type=checkbox]:checked),
label.radio-box:has(input[type=radio]:checked) { background: var(--ID02); border-color: var(--ID02); }
label.check-box input[type=checkbox]:checked + span,
label.radio-box input[type=radio]:checked + span { color: var(--Snow); }

.btn { display: inline-flex; justify-content: center; align-items: center; width: auto; cursor: pointer; transition: all 0.3s; }

.btn.small { height: 36px; padding:0 16px; background: var(--Tertiary); border: 0 none; border-radius: 24px; font-size: 16px; font-weight: 600; color: var(--Snow); }
.btn.small:not(.off):hover { padding: 0 24px; }

.btn.regular { height: 48px; padding:0 20px; background: var(--Tertiary); border: 0 none; border-radius: 24px; font-weight: 600; color: var(--Snow); }
.btn.regular:not(.off):hover { padding: 0 32px; }

.btn.large { min-width: 180px; height: 84px; padding:0 36px; background: var(--Tertiary); border: 0 none; border-radius: 42px; font-size: 24px; font-weight: 700; color: var(--Snow); }
.btn.large:not(.off):hover { padding: 0 48px; }

.btn.other { background: var(--Secondary); }
.btn.basic { background: var(--Primary); }
.btn.weak { background: var(--Snow); border: 1px solid var(--Gray); color: var(--Gray); }

@media all and (max-width: 768px) {
	.btn.regular { height: 32px; padding: 0 12px; font-size: 16px; }
	.btn.regular:not(.off):hover { padding: 0 18px; }
	.btn.large { min-width: 100px; height: 60px; padding: 0 24px; font-size: 18px; }
	.btn.large:not(.off):hover { padding: 0 36px; }
}

header { position: relative; display: flex; justify-content: space-between; align-items: center; height: 100px; padding: 0 40px; }
header h1 { width: 262px; height: 50px; }
header h1 a { display: block; width: 100%; height: 100%; background: url("../img/h1_logo.svg") no-repeat center / 100%; }
header button.drawer { position: absolute; right: 20px; top: 50%; display: none; width: 20px; height: 18px; transform: translateY(-50%); z-index: 9999; }
header button.drawer::before,
header button.drawer::after { position: absolute; display: block; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; box-sizing: border-box; content: ""; transition: all 0.3s; }
header button.drawer::before { height: 2px; background: var(--Primary); }
header button.drawer::after { border-width: 2px 0; border-style: solid; border-color: var(--Primary); }
header nav {}
header ul.gnb { position: relative; display: flex; justify-content: center; align-items: flex-start; transition: all 0.3s; }
header ul.gnb li {}
header ul.gnb li.m-util,
header ul.gnb li.home { display: none; }
header ul.gnb li > a { display: flex; align-items: center; height: 50px; padding: 0 16px; font-size: 20px; font-weight: 700; box-sizing: border-box; transition: all 0.3s; text-align: center; flex-direction: column; gap: 6px;}
header ul.gnb li > a i { font-size: 0.8em; opacity: 0.6;}
header ul.gnb li div { display: none; }
header ul.gnb li div a { font-size: 16px; font-weight: 600; color: rgba(255, 255, 255, 0.7); }
header ul.gnb li:hover > a { padding-bottom: 10px; color: var(--Primary); }
header div.util { display: flex; gap: 8px; }
header div.util a { display: flex; align-items: center; height: 32px; padding: 0 16px; border: 1px solid var(--Primary); border-radius: 16px; font-size: 16px; font-weight: 600; color: var(--Primary); transition: all 0.3s; margin-bottom: 22px;}
header div.util a:hover { background: var(--Primary); color: var(--Snow); }

@media all and (max-width: 1420px) {
	header h1 { width: 210px; }
	header ul.gnb li > a { font-size: 18px; }
	header div.util a { height: 30px; padding: 0 12px; font-size: 15px; }
}

@media all and (max-width: 768px) {
	header { position: fixed; justify-content: flex-start; height: 60px; padding: 0 20px; z-index: 999; }
	header.stand-out { background: rgba(255, 255, 255, 0.6); box-shadow: 0 4px 12px rgba(116, 79, 25, 0.1); backdrop-filter: blur(5px); }
	body:has(main.home) header.stand-out { background: rgba(255, 243, 233, 0.6); }
	header h1 { width: 188px; height: 36px; }
	header button.drawer { display: block; }
	header nav { position: fixed; left: 0; top: 0; right: 0; bottom: 0; width: 0; opacity: 0; overflow: hidden; z-index: 120; transition: all 0.3s; }
	header ul.gnb { left: -90%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; width: 80%; height: 100vh; padding: 24px; background: rgba(116, 79, 25, 0.9); box-sizing: border-box; overflow: auto; transition: all 0.3s; backdrop-filter: blur(5px); }
	header ul.gnb li > a { height: 32px; padding: 0; font-weight: 700; color: var(--Snow); flex-direction: row;}
	header ul.gnb li.m-util { display: flex; gap: 8px; }
	header ul.gnb li.m-util a { display: flex; align-items: center; height: 28px; padding: 0 12px; border: 1px solid var(--Snow); border-radius: 14px; font-size: 14px; font-weight: 600; color: var(--Snow); }
	header ul.gnb li.home { display: block; }
	header ul.gnb li:hover { background: transparent; -webkit-backdrop-filter: unset; backdrop-filter: unset; }
	header ul.gnb li:hover > a { padding-bottom: 0; color: var(--Snow); }
	header ul.gnb li div { display: flex; flex-direction: column; padding-top: 8px; }
	header ul.gnb li div a { padding-left: 12px; height: 32px; line-height: 32px; text-align: left; }
	header div.util { display: none; }

	body.menu-on header button.drawer::before { transform: rotate(45deg); }
	body.menu-on header button.drawer::after { height: 2px; background: var(--Primary); border: 0 none; transform: rotate(-45deg); }
	body.menu-on header nav { width: 100%; opacity: 1.0; }
	body.menu-on header ul.gnb { left: 0; }
}

#foot-link { display: flex; gap: 24px; padding: 20px 40px; border-top: 1px solid var(--Mist); }
#foot-link a { font-size: 16px; }
body:has(main.home) #foot-link { border-color: rgba(116, 79, 25, 0.3); }

footer { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 40px; background: var(--Primary); }
footer::after { position: absolute; bottom: 14px; right: 50%; display: block; content: url("../img/footer-img.png"); transform: translateX(50%); }
footer h2 { font-size: 16px; font-weight: 700; color: var(--Snow); }
footer div.info p { display: flex; gap: 12px; margin-top: 12px; font-size: 14px; color: rgba(255, 255, 255, 0.5); }
footer div.contact { display: flex; gap: 24px; }
footer div.contact p,
footer div.contact a { display: flex; align-items: center; gap: 8px; font-family: "Rubik"; font-size: 16px; letter-spacing: 0; color: var(--Snow); }
footer div.contact p::before,
footer div.contact a::before { width: 24px; height: 24px; }
footer div.contact p.tel::before { content: url("../img/footer-icon-1.svg"); }
footer div.contact p.fax::before { content: url("../img/footer-icon-2.svg"); }
footer div.contact a::before { content: url("../img/footer-icon-3.svg"); }
body:has(main.home) footer::after { display: none; }

@media all and (max-width: 1700px) {
	footer::after { display: none; }
}

@media all and (max-width: 768px) {
	#foot-link { gap: 16px; padding: 20px; }
	footer { display: block; padding: 20px; }
	footer div.info p { flex-direction: column; gap: 8px; line-height: 1.2; }
	footer div.contact { margin-top: 12px; flex-direction: column; gap: 12px; }
}

/***************** UK : LAYOUT *****************/

main { width: 1280px; margin: 0 auto; padding: 60px 40px 120px; box-sizing: border-box; }

@media all and (max-width: 768px) {
	main { width: 100%; padding: 90px 20px 20px; }
}

section.content { margin: 60px auto 0; }

@media all and (max-width: 768px) {
	section.content { margin: 42px auto 0; }
}

div.path { display: flex; align-items: center; gap: 20px; margin-top: 16px; }
div.path a { position: relative; font-size: 16px; color: var(--Gray); }
div.path a:first-child { width: 16px; height: 16px; background: url("../img/other_houses.svg") no-repeat center / contain; }
div.path a::after { position: absolute; display: block; top: 50%; right: -14px; width: 6px; height: 8px; background: url("../img/chevron_right.svg") no-repeat center / contain; content: ""; transform: translateY(-50%); }
div.path span { font-weight: 700; color: var(--Primary); }

@media all and (max-width: 768px) {
	div.path { display: none; }
}

h2.key-heading { font-family: "Recipekorea"; font-size: 42px; color: var(--Primary); }
h2.key-heading i { font-size: 28px; color: var(--Primary); opacity: 0.6; margin-left: 12px;}
h3.subtitle { font-size: 24px; font-weight: 700; }

@media all and (max-width: 768px) {
	h2.key-heading { font-size: 24px; }
	h3.subtitle { font-size: 20px; }
}

.container { width: 100%; min-width: 1280px; box-sizing: border-box; }

@media all and (max-width: 768px) {
	.container { min-width: unset; }
}

.basic:not(:first-child) { margin-top: 60px; }
.basic:not(ul) > * + * { margin-top: 32px; }

@media all and (max-width: 768px) {
	.basic:not(:first-child) { margin-top: 42px; }
	.basic:not(ul) > * + * { margin-top: 24px; }
}

/***************** UK : CONTENT *****************/

ul.tab-menu { display: flex; width: 100%; margin-top: 60px; }
ul.tab-menu li { flex: 1 0 20%; height: 72px; border-bottom: 1px solid var(--Jet); border-radius: 24px 24px 0 0; box-sizing: border-box; }
ul.tab-menu li a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 20px; font-weight: 600; color: var(--Silver); }
ul.tab-menu li.on { border-width: 1px 1px 0; border-style: solid; border-color: var(--Jet); }
ul.tab-menu li.on a { font-weight: 700; color: var(--Jet); }
ul.tab-menu + * { margin-top: 60px !important; }

@media all and (max-width: 768px) {
	ul.tab-menu { margin-top: 32px; gap: 12px; }
	ul.tab-menu li { flex: 0 0 auto; height: 32px; border-bottom: unset; border-radius: unset; }
	ul.tab-menu li a { font-size: 16px; }
	ul.tab-menu li.on { border-width: 0 0 2px; border-style: solid; border-color: var(--Jet); }
	ul.tab-menu li.on a { font-weight: 700; color: var(--Jet); }
	ul.tab-menu + * { margin-top: 42px !important; }
}

ul.ctg-menu { display: flex; gap: 8px; width: 100%; }
ul.ctg-menu li { display: flex; align-items: center; height: 40px; padding: 0 12px; background: var(--Snow); border: 1px solid var(--Mist); border-radius: 16px; color: var(--Gray); cursor: pointer; transition: all 0.3s;}
ul.ctg-menu li:hover { border-color: var(--Secondary); color: var(--Secondary); }
ul.ctg-menu li.on { background: var(--Secondary); border-color: var(--Secondary); color: var(--Snow); }
ul.ctg-menu + * { margin-top: 40px !important; }

p.read-me { text-align: center; font-size: 24px; line-height: 1.3; }
p.read-me strong { font-weight: 700; color: var(--Secondary); }

@media all and (max-width: 768px) {
	p.read-me { font-size: 19px; }
}

div.messege-wrap { text-align: center; }
div.messege-wrap figure {}
div.messege-wrap p { margin-top: 60px; font-size: 24px; }

div.table-wrap { border: 1px solid var(--Mist); border-radius: 24px; overflow: hidden; }
div.table-wrap table { width: 100%; border-collapse: collapse; border-spacing: 0; }
div.table-wrap table thead th { padding: 12px 20px; background: var(--Ghost); font-weight: 600; color: var(--Primary); }
div.table-wrap table td { padding: 12px 20px; }
div.table-wrap table th + th,
div.table-wrap table td + td { border-left: 1px solid var(--Mist); }
div.table-wrap table tr + tr th,
div.table-wrap table tr + tr td,
div.table-wrap table tbody tr:first-child td { border-top: 1px solid var(--Mist); }
div.table-wrap table .sinistro { text-align: left; }
div.table-wrap table .centro { text-align: center; }

@media all and (max-width: 768px) {
	div.table-wrap { border-radius: 12px; }
	div.table-wrap table { border-collapse: collapse; }
	div.table-wrap table thead th { padding: 8px 12px; }
	div.table-wrap table td { padding: 8px 12px; }
}

div.button-wrap { display: flex; justify-content: center; gap: 24px; margin-top: 60px; }
div.button-wrap.sinistro { justify-content: flex-start; }
div.button-wrap.split { justify-content: space-between; }
div.button-wrap.split div { display: flex; gap: 24px; }

div.paging-wrap { display: flex; justify-content: center; margin-top: 40px; }

/***************** UK : FORM *****************/

label { cursor: pointer; }
label.checkbox,
label.radio { position: relative; display: inline-block; font-size: 0; line-height: 24px; vertical-align: middle; }
label.checkbox + label,
label.radio + label { margin-left: 20px; }
label.checkbox input[type=checkbox],
label.radio input[type=radio] { position: absolute; width: 0; height: 0; }
label.checkbox span,
label.radio span { position: relative; display: inline-block; padding-left: 30px; font-size: 18px; line-height: 1.3; color: var(--Jet); vertical-align: middle; transition: all 0.3s; }
label.checkbox input[type=checkbox]:checked + span,
label.radio input[type=radio]:checked + span { color: var(--Primary); }
label.checkbox span::before { position: absolute; display: block; width: 24px; height: 24px; left: 0; top: 50%; margin-top: -12px; background: var(--Mist) url("../img/checked.svg") no-repeat center / auto; border-radius: 8px; box-sizing: border-box; content: ""; transition: all 0.3s; }
label.checkbox input[type=checkbox]:checked + span::before { background-color: var(--ID02); }
label.radio span::before { position: absolute; display: block; width: 20px; height: 20px; left: 0; top: 50%; margin-top: -10px; background: #fff; border: 1px solid var(--Light); border-radius: 50%; box-sizing: border-box; content: ""; }
label.radio input[type=radio]:checked + span::before { border-color: var(--Jet); }

input[type=text],
input[type=password],
input[type=file],
input[type=number],
input[type=date],
select,
textarea { display: inline-block; width: 100%; height: 64px; padding: 0 24px; background: var(--Snow); border: 1px solid var(--Mist); border-radius: 24px; box-sizing: border-box; vertical-align: middle; transition: all 0.3s; }
textarea { padding: 24px; line-height: 1.3; overflow: overlay; resize: none; }
textarea::-webkit-scrollbar { width: 8px; }
textarea::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); border-radius: 4px; }

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
select:focus,
textarea:focus { border-color: var(--Primary); }

@media all and (max-width: 768px) {
	label { cursor: pointer; }
	input[type=text],
	input[type=password],
	input[type=file],
	input[type=number],
	input[type=date],
	select,
	textarea { height: 64px; padding: 0 16px; border-radius: 12px; }
}

main.form-ui h2.key-heading { text-align: center; }
main.form-ui section.content { width: 540px; }
main.form-ui.login section.content { width: 360px; }

@media all and (max-width: 580px) {
	main.form-ui section.content { width: 100%; }
}

@media all and (max-width: 400px) {
	main.form-ui.login section.content { width: 100%; }
}

main.form-ui div.form-wrap ul li { position: relative; display: flex; flex-wrap: wrap; gap: 8px; }
main.form-ui div.form-wrap ul li + li { margin-top: 24px; }
main.form-ui div.form-wrap label { padding: 0 8px; font-weight: 600; color: var(--Gray); }
main.form-ui div.form-wrap input { width: 100%; }
main.form-ui div.form-wrap ul li.box-3 label.radio-box { flex: 1 1 30%; }

main.form-ui.login div.form-wrap ul li + li { margin-top: 12px; }
main.form-ui.login div.form-wrap label { position: absolute; left: 24px; top: 50%; font-weight: 500; color: var(--Gray); transform: translateY(-50%); transition: all 0.3s; }
main.form-ui.login div.form-wrap input { padding-left: 110px; }
main.form-ui.login div.form-wrap input:focus + label { color: var(--Primary); }
main.form-ui.login div.form-wrap + label.checkbox { margin-top: 16px; }
main.form-ui.login .btn.login { width: 100%; height: 64px; margin-top: 16px; background: var(--Primary); border-radius: 24px; font-size: 20px; font-weight: 700; color: var(--Snow); transition: all 0.3s; }
main.form-ui.login .btn.login:hover { background: var(--Tertiary); }
main.form-ui.login div.link { display: flex; justify-content: center; gap: 24px; margin-top: 32px; }
main.form-ui.login div.link a { font-size: 16px; color: var(--Gray); transition: all 0.3s; }

@media all and (max-width: 768px) {
	main.form-ui.login div.form-wrap label { left: 16px; }
	main.form-ui.login div.form-wrap input { padding-left: 90px; }
	main.form-ui.login .btn.login { border-radius: 12px; }
}

/***************** UK : FORM *****************/

main.mypage div.greetings { display: flex; justify-content: space-between; align-items: center; }
main.mypage div.greetings p:first-child { font-size: 32px; font-weight: 200; }
main.mypage div.greetings p:first-child strong { font-weight: 700; }
main.mypage div.greetings p + p { margin-top: 24px; color: var(--Gray); }
main.mypage div.greetings p + p strong { font-weight: 700; color: var(--Secondary); }

main.mypage div.my-wrap { margin-top: 60px; }
main.mypage div.my-wrap h3 + p { margin-top: 16px; color: var(--Gray); }

main.mypage ul.child-select { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 40px; }
main.mypage ul.child-select li { flex: 0 1 224px; padding: 24px; background: var(--Ghost); border: 1px solid var(--Silver); border-radius: 24px; box-sizing: border-box; transition: all 0.3s; cursor: pointer; }
main.mypage ul.child-select p.name { display: flex; align-items: center; gap: 12px; font-size: 20px; font-weight: 700; }
main.mypage ul.child-select p.name::before { flex: 0 0 32px; filter: grayscale(1); transition: all 0.3s; }
main.mypage ul.child-select p.name.male::before { content: url("../img/student_man.svg"); }
main.mypage ul.child-select p.name.female::before { content: url("../img/student_girl.svg"); }
main.mypage ul.child-select p.birth { display: flex; gap: 8px; margin-top: 12px; font-size: 16px; color: var(--Silver); transition: all 0.3s; }
main.mypage ul.child-select p.birth span:last-child { font-weight: 700; color: var(--Gray); transition: all 0.3s; }
main.mypage ul.child-select li.active { background: var(--ID02); border: 0 none; }
main.mypage ul.child-select li.active p,
main.mypage ul.child-select li.active p span { color: var(--Snow) !important; }
main.mypage ul.child-select li.active p.name::before { filter: grayscale(0); }
main.mypage ul.child-select li:not(.active):hover { background: var(--Snow); border-color: var(--Jet); }
main.mypage ul.child-select li:not(.active):hover p.name::before { filter: grayscale(0); }
main.mypage ul.child-select li:not(.active):hover p.birth { color: var(--Gray); }
main.mypage ul.child-select li:not(.active):hover p.birth span { color: var(--Jet); }

main.mypage ul.event-list { margin-top: 40px; }
main.mypage ul.event-list > li { display: none; }
main.mypage ul.event-list > li.active { display: block; }
main.mypage ul.event-list div.child-check { display: flex; align-items: center; gap: 16px; }
main.mypage ul.event-list div.child-check span { font-weight: 600; color: var(--Primary); }
main.mypage ul.event-list div.child-check button { width: 100px; height: 32px; background: var(--Tertiary); border-radius: 16px; font-weight: 700; color: var(--Snow); }
main.mypage ul.event-list div.child-check button.off { background: none; border: 1px solid var(--Primary); border-radius: 8px; color: var(--Primary); pointer-events: none; }
main.mypage ul.event-list ul { display: flex; flex-direction: column; gap: 24px; margin-top: 40px; }
main.mypage ul.event-list ul li { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 32px; background: var(--Ghost); border-radius: 24px; box-sizing: border-box; }
main.mypage ul.event-list p.status { display: flex; justify-content: center; align-items: center; flex: 0 0 110px; height: 32px; background: var(--Snow); border: 1px solid var(--Primary); border-radius: 8px; font-weight: 700; color: var(--Primary); }
main.mypage ul.event-list p.status.done { border-color: var(--Gray); color: var(--Gray); }
main.mypage ul.event-list p.name { flex: 0 0 150px; font-size: 20px; font-weight: 700; }
main.mypage ul.event-list p.numeric { flex: 0 0 180px; font-weight: 400; }
main.mypage ul.event-list div.func { display: flex; justify-content: flex-end; gap: 8px; flex: 1 0 auto; }
main.mypage ul.event-list div.func .report { background: var(--Primary); }
main.mypage ul.event-list div.func .report i { gap: 8px; }
main.mypage ul.event-list div.func .report i::before { content: url("../img/diagnosis.svg"); }
main.mypage ul.event-list div.func .test i { gap: 8px; }
main.mypage ul.event-list div.func .test i::before { content: url("../img/contract_edit.svg"); }
main.mypage ul.event-list div.func .test-done { display: flex; justify-content: center; align-items: center; gap: 8px; width: auto; height: 48px; padding:0 20px; background: var(--Snow); border: 1px solid var(--Primary); border-radius: 24px; font-weight: 600; color: var(--Primary); }
main.mypage ul.event-list div.func .test-done::before { content: url("../img/contract_edit_done.svg"); }
main.mypage ul.event-list div.messege-wrap { padding-top: 20px; }

main.mypage ul.visit-list { display: flex; flex-direction: column; gap: 24px; margin-top: 40px; }
main.mypage ul.visit-list > li { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; padding: 32px; background: var(--Ghost); border: 1px solid var(--Ghost); border-radius: 24px; box-sizing: border-box; transition: all 0.3s; }
main.mypage ul.visit-list:not(.view) { cursor: pointer; }
main.mypage ul.visit-list:not(.view) > li:hover { background: var(--Snow); border-color: var(--Jet); }
main.mypage ul.visit-list p.status { display: flex; justify-content: center; align-items: center; flex: 0 0 32px; width: auto; padding: 0 16px; background: var(--Snow); border: 1px solid var(--Primary); border-radius: 8px; font-weight: 700; color: var(--Primary); }
main.mypage ul.visit-list p.status.look { border-color: var(--ID01); color: var(--ID01); }
main.mypage ul.visit-list p.status.done { border-color: var(--Gray); color: var(--Gray); }
main.mypage ul.visit-list div.info { display: flex; justify-content: space-between; align-items: center; gap: 32px; width: 100%; }
main.mypage ul.visit-list div.info ul { display: flex; gap: 24px; flex: 1 1 auto; }
main.mypage ul.visit-list div.info ul li.date { flex: 0 0 130px; }
main.mypage ul.visit-list div.info ul li.child { flex: 0 0 60px; }
main.mypage ul.visit-list div.info ul li.place { flex: 1 1 auto; }
main.mypage ul.visit-list div.info ul li span { font-size: 16px; font-weight: 600;color: var(--Gray); }
main.mypage ul.visit-list div.info ul li p { margin-top: 8px; font-size: 20px; font-weight: 600; }
main.mypage ul.visit-list div.info ul li p.numeric { font-weight: 500; }
main.mypage ul.visit-list div.info div.func { display: flex; justify-content: flex-end; gap: 8px; flex: 0 0 auto; }

div.full-search { padding: 32px; background: var(--BG01); border-radius: 24px; }
div.full-search p { text-align: center; font-size: 24px; font-weight: 700; color: var(--Primary); }
div.full-search div { position: relative; }
div.full-search input[type=text] { margin-top: 20px; padding-right: 76px; }
div.full-search button { position: absolute; right: 24px; bottom: 18px; width: 28px; height: 28px; background: url("../img/button-search.svg") no-repeat center / cover; }
div.full-search + * { margin-top: 40px !important; }

/***************** UK : GUIDE *****************/

div.intro { display: flex; align-items: center; gap: 48px; padding: 32px 48px; background: var(--Primary); border-radius: 24px; }
div.intro h3 { font-family: "Recipekorea"; font-size: 32px; color: var(--ID02); }
div.intro h3 i { font-size: 24px; opacity: 0.8; margin-left: 8px;}
div.intro p { margin-top: 16px; font-weight: 600; line-height: 1.5; color: var(--Snow); }
div.intro p strong { font-weight: 800; color: #FFE500; }

@media all and (max-width: 768px) {
	div.intro { display: block; padding: 24px; text-align: center; border-radius: 12px; }
	div.intro div { margin-top: 24px; }
	div.intro h3 { text-align: left; font-size: 20px; }
	div.intro p { margin-top: 8px; text-align: left; }
}

ul.feature { display: flex; flex-wrap: wrap; gap: 24px; }
ul.feature > li { flex: 1 1 40%; padding: 32px; background: var(--Ghost); border-radius: 24px; box-sizing: border-box; }
ul.feature > li.l3 { flex: 1 1 30%; padding: 32px; background: var(--Ghost); border-radius: 24px; box-sizing: border-box; }
ul.feature > li.full { flex: 1 0 100%; }
ul.feature > li > dl > dt { display: inline-block; padding: 8px 12px; background: var(--Primary); border-radius: 8px; font-size: 20px; font-weight: 700; color: var(--Snow); }
ul.feature > li > dl > dd { margin-top: 24px; }
ul.feature > li > dl > dd p { line-height: 1.3; }
ul.feature > li > dl > dd p strong { font-weight: 800; color: var(--Secondary); }
ul.feature > li > dl > dd p + p,
ul.feature > li > dl > dd ul + p { margin-top: 8px; }
ul.feature > li > dl > dd ul { display: flex; flex-wrap: wrap; gap: 12px; }
ul.feature > li > dl > dd ul li.dept1 {background:#f3a92e; border:1px solid #f3a92e; color:#fff;}
ul.feature > li > dl > dd ul li { padding: 6px 12px; background: var(--Snow); border: 1px solid var(--Secondary); border-radius: 8px; font-weight: 600; color: var(--Secondary); }
ul.feature > li > dl > dd ul li.region { border: 1px solid var(--Primary); color: var(--Primary); }
ul.feature > li > dl > dd ul li p.txt { color: var(--Gray); }

@media all and (max-width: 768px) {
	ul.feature { gap: 16px; }
	ul.feature > li,
	ul.feature > li.full { flex: 0 0 100%; padding: 16px;  border-radius: 12px; }
	ul.feature dt { padding: 6px 8px; font-size: 17px; }
	ul.feature dd { margin-top: 12px; }
	ul.feature dd p.caution { margin-top: 6px; }
	ul.feature dd ul { display: flex; flex-wrap: wrap; gap: 6px; }
	ul.feature dd ul li { padding: 4px 8px; font-size: 15px; }
}

div.place { margin-top: 24px; }
div.place ul.list {}
div.place ul.list li { background: var(--BG01); border-radius: 16px; }
div.place ul.list li + li { margin-top: 8px; }
div.place dl { display: flex; align-items: center; gap: 12px; padding: 16px; }
div.place dl dt { flex: 0 0 60px; font-size: 20px; font-weight: 700; } 
div.place dl dd { display: flex; flex-wrap: wrap; gap: 12px; }
div.place dl dd p { padding: 6px 12px; background: var(--Snow); border: 1px solid var(--Secondary); border-radius: 8px; font-weight: 600; color: var(--Secondary); }
div.place dl dd p.region { border: 1px solid var(--Primary); color: var(--Primary); }

@media all and (max-width: 768px) {
	div.place dl { display: block; }
	div.place dl dd { margin-top: 8px; gap: 8px; }
}

div.process {}
div.process ul { display: flex; gap: 50px; }
div.process ul li { position: relative; flex: 1 1 20%; padding: 24px; text-align: center; border-radius: 24px; border: 1px solid var(--Primary); box-sizing: border-box; }
div.process ul li.wide { flex: 1 1 36%; }
div.process ul li + li::before { position: absolute; top: 50%; left: -38px; content: url("../img/process_arrow.svg"); transform: translateY(-50%); }
div.process ul dt { font-size: 22px; font-weight: 700; color: var(--Tertiary); }
div.process ul dt.mark { color: var(--ID01); }
div.process ul dt::after { display: block; width: 20px; height: 2px; margin: 16px auto; background: var(--Primary); content: ""; }
div.process ul dd p { line-height: 1.3; color: var(--Gray); }
div.process ul dd p.look { font-weight: 600; color: var(--Secondary); }
div.process ul li > p { display: flex; justify-content: center; align-items: center; min-height: 80px; font-weight: 700; line-height: 1.3; color: var(--Primary); }
div.process ul li > p.mark { color: var(--Tertiary); }

@media all and (max-width: 768px) {
	div.process ul { flex-direction: column; gap: 32px; }
	div.process ul li,
	div.process ul li.wide { flex: 0 0 100%; padding: 16px; border-radius: 12px; }
	div.process ul li + li::before { top: -24px; left: 50%; width: 13px; height: 9px; content: url("../img/procedure_arrow.svg"); transform: translateX(-50%); }
	div.process ul dt { font-size: 19px; }
}

div.check-point {}
div.check-point .balloon { margin: 0 auto; }
div.check-point ul { display: flex; gap: 12px; }
div.check-point ul li { flex: 1 1 20%; padding: 48px 24px; text-align: center; background: var(--Primary); border-radius: 24px; font-size: 20px; font-weight: 600; color: var(--Snow); box-sizing: border-box; line-height: 1.2;}

@media all and (max-width: 768px) {
	div.check-point ul { flex-wrap: wrap; }
	div.check-point ul li { flex: 0 0 100%; padding: 24px; border-radius: 12px; font-size: 18px; }
}

div.procedure {}
div.procedure > ul { display: flex; flex-direction: column; gap: 24px; }
div.procedure > ul > li {}
div.procedure > ul > li + li dt::before { position: absolute; left: 50%; top: -19px; content: url("../img/procedure_arrow.svg"); transform: translateX(-50%); }
div.procedure dl { display: flex; gap: 24px; }
div.procedure dt { position: relative; display: flex; justify-content: center; align-items: center; flex: 0 0 200px; min-height: 48px; padding: 16px 0; background: var(--ID02); border-radius: 24px; text-align: center; font-size: 18px; font-weight: 700; line-height: 1.3; color: var(--Snow); }
div.procedure dd { display: flex; align-items: center; }
div.procedure dd ul { padding: 16px 0; }
div.procedure dd ul li { position: relative; padding-left: 32px; }
div.procedure dd ul li::before { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; background-color: var(--Jet); border-radius: 12px; font-family: "Rubik"; font-size: 16px; font-weight: 600; color: var(--Snow); }
div.procedure dd ul li:first-child::before { content: "1"; }
div.procedure dd ul li:nth-child(2)::before { content: "2"; }
div.procedure dd ul li:nth-child(3)::before { content: "3"; }
div.procedure dd ul li:nth-child(4)::before { content: "4"; }
div.procedure dd ul li.single::before { background-image: url("../img/article.svg"); background-repeat: no-repeat; background-position: center; background-size: auto; content: ""; }
div.procedure dd ul li + li { margin-top: 24px; }
div.procedure dd ul li p { line-height: 1.3; }
div.procedure dd ul li p i { font-size: 16px; color: var(--Secondary); }
div.procedure dd ul li p.note { margin-top: 8px; }

@media all and (max-width: 768px) {
	div.procedure dl { flex-direction: column; gap: 8px; }
	div.procedure dt { flex: 0 0 48px; border-radius: 12px; font-size: 18px; }
	div.procedure dd { background: var(--Ghost); border-radius: 12px; }
	div.procedure dd ul { padding: 16px; }
	div.procedure dd ul li { position: relative; padding-left: 26px; }
	div.procedure dd ul li::before { width: 20px; height: 20px; font-size: 14px; }
	div.procedure dd ul li.single::before { background-size: 10px; }
	div.procedure dd ul li + li { margin-top: 16px; }
	div.procedure dd ul li p i { font-size: 14px; }
	div.procedure dd ul li p.note { margin-top: 6px; }
}

div.tools {}
div.tools ul { display: flex; flex-direction: column; gap: 24px; }
div.tools ul li { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 32px; background: var(--BG01); border-radius: 24px; }
div.tools h4 { padding: 8px 12px; background: var(--Primary); border-radius: 8px; font-size: 20px; font-weight: 700; color: var(--Snow); }
div.tools span { padding: 6px 10px; background: var(--Snow); border: 1px solid var(--Primary); border-radius: 6px; font-size: 16px; font-weight: 700; color: var(--Primary); }
div.tools p { line-height: 1.3; }
div.tools.agency ul li:nth-child(n+3) { background: var(--BG02); }
div.tools.agency ul li:nth-child(n+3) h4 { background: var(--Secondary); }
div.tools.agency ul li:nth-child(n+3) span { border-color: var(--Secondary); color: var(--Secondary); }
div.tools.individual ul li:nth-child(n+2) { background: var(--BG02); }
div.tools.individual ul li:nth-child(n+2) h4 { background: var(--Secondary); }
div.tools.individual ul li:nth-child(n+2) span { border-color: var(--Secondary); color: var(--Secondary); }

@media all and (max-width: 768px) {
	div.tools ul { gap: 16px; }
	div.tools ul li { padding: 16px; border-radius: 12px; }
	div.tools h4 { padding: 6px 8px; font-size: 17px; }
	div.tools span { padding: 4px 8px; font-size: 15px; }
}

div.guide {}
div.guide > ul { display: flex; flex-direction: column; gap: 24px; }
div.guide > ul > li { padding: 32px; background: var(--Ghost); border-radius: 24px; }
div.guide dl { display: flex; flex-direction: column; align-items: flex-start; }
div.guide dt { font-size: 20px; font-weight: 700; }
div.guide dt::after { display: block; width: 20px; height: 2px; margin: 16px 0; background: var(--Jet); content: ""; }
div.guide dd ul li { position: relative; padding-left: 16px; }
div.guide dd ul li::before { position: absolute; top: 9px; left: 0; width: 6px; height: 6px; background: var(--Jet); border-radius: 3px; content: ""; }
div.guide dd ul li + li { margin-top: 12px; }
div.guide dd ul li p { line-height: 1.3; }
div.guide dd ul li p.note,
div.guide dd ul li p.caution { margin-top: 4px; }

@media all and (max-width: 768px) {
	div.guide > ul { gap: 16px; }
	div.guide > ul > li { padding: 16px; border-radius: 12px; }
	div.guide dt { font-size: 17px; }
	div.guide dt::after { margin: 12px 0; }
	div.guide dd ul li { padding-left: 14px; }
	div.guide dd ul li::before { top: 8px; }
	div.guide dd ul li + li { margin-top: 8px; }
}

div.deepen {}
div.deepen > p { text-align: center; font-family: "Recipekorea"; font-size: 32px; color: var(--Primary); }
div.deepen ul { display: flex; gap: 24px; }
div.deepen ul li { position: relative; flex: 1 1 25%; padding: 24px; background: var(--BG01); border-radius: 24px; box-sizing: border-box; }
div.deepen ul li p.numeric { font-size: 24px; font-weight: 600; color: var(--Tertiary); }
div.deepen ul li figure { display: flex; justify-content: center; align-items: center; height: 150px; margin-top: 24px; }
div.deepen ul li figure img { max-height: 100%; }
div.deepen ul li p.text { margin-top: 24px; font-weight: 700; line-height: 1.3; }

@media all and (max-width: 768px) {
	div.deepen > p { font-size: 20px; }
	div.deepen ul { flex-wrap: wrap; gap: 16px; }
	div.deepen ul li { flex: 1 1 100%; padding: 16px; border-radius: 12px; }
	div.deepen ul li p.numeric { font-size: 20px; }
	div.deepen ul li figure { height: 120px; margin-top: 16px; }
	div.deepen ul li p.text { margin-top: 16px; }
}

/***************** UK : CENTER *****************/

main.center_page { display: none; }

main.center h3.subtitle { color: var(--Primary); }
main.center figure.center { height: 320px; border-radius: 24px; overflow: hidden; }
main.center figure.center img { width: 100%; height: 100%; object-fit: cover; }
main.center figure.ci { text-align: center; }
main.center div.announce { }
main.center div.announce p { line-height: 1.5; }
main.center div.announce p + p { margin-top: 16px; }
main.center div.spec { }
main.center div.spec ul { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 24px; }
main.center div.spec ul li { width: calc(25% - 18px); padding: 32px; background: var(--Ghost); border-radius: 24px; box-sizing: border-box; }
main.center div.spec ul dt { display: inline-block; padding: 8px 12px; background: var(--Primary); border-radius: 8px; font-size: 20px; font-weight: 700; color: var(--Snow); }
main.center div.spec ul dd { margin-top: 24px; font-weight: 600; line-height: 1.3; }
main.center div.spec ul dd span { display: block; }
main.center div.photo { }
main.center div.photo ul { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 24px; }
main.center div.photo ul li { width: calc(25% - 18px); }
main.center div.photo dt { position: relative; width: 100%; height: 0; padding-top: 100%; }
main.center div.photo dt figure { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 24px; overflow: hidden; }
main.center div.photo dt figure img { width: 100%; height: 100%; object-fit: cover; }
main.center div.photo dd { margin-top: 16px; text-align: center; font-weight: 600; color: var(--Primary); }
main.center div.location { }
main.center div.location div.map { width: 100%; height: 320px; border-radius: 24px; overflow: hidden; }
main.center div.location ul { }
main.center div.location ul dl { display: flex; }
main.center div.location ul dt,
main.center div.location ul dd { padding: 20px; border-bottom: 1px solid var(--Mist); }
main.center div.location ul dt { width: 140px; font-weight: 600; border-bottom-color: var(--Primary); }
main.center div.location ul dd { flex: 1 0 auto; }

@media all and (max-width: 768px) {
	main.center figure.center { height: 240px; }
	main.center div.spec ul { gap: 16px; margin-top: 16px; }
	main.center div.spec ul li { width: calc(50% - 8px); padding: 16px; border-radius: 12px; }
	main.center div.spec ul dt { padding: 6px 8px; font-size: 17px; }
	main.center div.spec ul dd { margin-top: 12px; }
	main.center div.spec ul dd span { display: inline; }
	main.center div.photo ul { gap: 16px; margin-top: 16px; }
	main.center div.photo ul li { width: 100%; }
	main.center div.photo dt { padding-top: 62%; }
	main.center div.photo dt figure { border-radius: 12px; }
	main.center div.photo dd { margin-top: 12px; }
	main.center div.location div.map { height: 240px; border-radius: 12px; }
	main.center div.location ul dl { flex-direction: column; }
	main.center div.location ul dt,
	main.center div.location ul dd { padding: 12px 0; }
	main.center div.location ul dt { width: 80px; color: var(--Primary); }
	main.center div.location ul dd { color: var(--Gray); line-height: 1.3; border: 0 none; }
}

/***************** UK : CLINIC *****************/

main.clinic div.preface { display: flex; justify-content: center; align-items: center; gap: 24px; height: 180px; background: url("../img/clinic-preface.png") no-repeat center bottom; }
main.clinic div.preface div { text-align: center; font-size: 24px; font-weight: 700; line-height: 1.3; }
main.clinic div.preface div span { display: block; }
main.clinic div.clinic-wrap { display: flex; gap: 24px; margin-top: 40px; }
main.clinic div.list { flex: 0 0 36%; }
main.clinic div.list .nice-select { float: unset; height: 60px; font-weight: 600; line-height: 58px; }
main.clinic div.list .nice-select ul.list { border-radius: 24px; }
main.clinic p.sum { margin-top: 24px; padding: 0 12px; }
main.clinic p.sum strong { font-weight: 700; color: var(--Secondary); }
main.clinic p.sum span { font-weight: 600; color: var(--Tertiary); }
main.clinic ul.clinic-list { display: flex; flex-wrap: wrap; gap: 12px; height: 528px; margin-top: 24px; overflow-y: overlay; }
main.clinic ul.clinic-list::-webkit-scrollbar { width: 8px; }
main.clinic ul.clinic-list::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); border-radius: 100px; }
main.clinic ul.clinic-list li { flex: 0 0 100%; padding: 24px; background: var(--Ghost); border-radius: 24px; box-sizing: border-box; transition: all 0.3s; }
main.clinic ul.clinic-list dt { font-weight: 700; line-height: 1.3; transition: all 0.3s; }
main.clinic ul.clinic-list dd { margin-top: 8px; font-size: 16px; color: var(--Gray); }
main.clinic ul.clinic-list div.link { display: flex; gap: 8px; margin-top: 12px; }
main.clinic ul.clinic-list li:hover { background: var(--BG01); }
main.clinic ul.clinic-list li:hover dt { color: var(--Primary); }
main.clinic div.map { flex: 1 1 auto; border-radius: 24px; overflow: hidden; }

@media all and (max-width: 768px) {
	main.clinic div.preface { height: auto; }
	main.clinic div.preface img { display: none; }
	main.clinic div.preface div { font-size: 18px; }
	main.clinic div.preface div span { display: inline; }
	main.clinic div.clinic-wrap { flex-direction: column-reverse; }
	main.clinic div.list { width: 100%; }
	main.clinic div.list .nice-select { height: 48px; line-height: 46px; border-radius: 16px; }
	main.clinic div.list .nice-select ul.list { border-radius: 16px; }
	main.clinic div.list .nice-select ul.list .option { font-size: 16px; }
	main.clinic p.sum { margin-top: 16px; padding: 0 12px; }
	main.clinic ul.clinic-list { gap: 12px; height: auto; margin-top: 16px; }
	main.clinic ul.clinic-list li { padding: 16px; border-radius: 12px; }
	main.clinic ul.clinic-list dd { font-size: 14px; }
	main.clinic ul.clinic-list div.link { margin-top: 8px; }
	main.clinic div.map { width: 100%; height: 360px; }
}

/***************** UK : BOARD *****************/

p.summary { 
	font-size: 20px;
    font-weight: 400;
    color: var(--Jet); }

p.summary .numeric{ 
		font-weight: 600;
		color: var(--Secondary); }
ul.board-list .file{
	padding-left: 32px;
    transition: all 0.3s;
    text-indent: -9999;
	position: relative;
}
ul.board-list .file::after{
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: url(../img/icon-download.svg) no-repeat center center / 24px;
}
ul.board-list .lock a{
	padding-right: 30px;
}
ul.board-list .lock a::after{
	content: url(../img/icon_lock.png);
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-left: 6px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	opacity: 0.6;
}
ul.board-list .view dd{
	color: var(--color-sc-id02);
}
ul.board-list .view .no_answer{
	color: var(--color-sc-gray);
}

main.board .button-wrap:has(> a:nth-of-type(3):last-of-type):not(:has(> a:nth-of-type(4))){
	justify-content: flex-end;
	position: relative;
}
main.board .button-wrap:has(> a:nth-of-type(3):last-of-type):not(:has(> a:nth-of-type(4))) > a:first-of-type {
	position: absolute;
	left: 0;
	background: #fff;
	border: 1px solid var(--color-sc-primary);
	color: var(--color-sc-primary);
}


ul.editor_form {
	display: flex;
	gap: 24px;
	flex-direction: column;
}
ul.editor_form .nice-select{
	height: 64px;
	display: flex;
    align-items: center;
}
ul.editor_form .nice-select span{
	margin-right: 16px;
}
ul.editor_form li {
	display: flex;
	gap: 16px;
	align-items: center;
}
ul.editor_form li > label{
	width: 70px;
}
ul.editor_form .editor_text label {
	display: none;
}
ul.editor_form .editor_text .tox{
	width: 100%;
	border-radius: 16px;
}
ul.editor_form .file_content { 
	width: 100%;
	height: 64px;
	display: flex;
	align-items: center;
	background: var(--Snow);
    border: 1px solid var(--Mist);
	border-radius: 24px;
	
 }
 ul.editor_form input[type=file]{
	height: auto;
	background: none;
    border: none;
	position: relative;
	padding: 14px 24px;
}
 ul.editor_form .file_content input[type=file]::file-selector-button{
	height: 36px;
    padding: 0 16px;
    background: var(--Tertiary);
    border: 0 none;
    border-radius: 24px;
    font-size: 16px;
    font-weight: 600;
    color: var(--Snow);
	cursor: pointer;
	transition: all 0.3s;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
 }
 ul.editor_form .file_content input[type=file]::file-selector-button:hover{
	padding: 0 24px;
  }

  main.board .answer{
	border-radius: 16px;
	border: 1px solid var(--Mist);
	padding: 40px;
	background: #f6f6f6;
  }
  main.board .answer div.view-content {
	border-width: 1px 0 0;
  }


@media all and (max-width: 768px) {
	main.board .editor_button_wrap {
		display: flex;
		flex-direction: column;
	}
	main.board .button-wrap:has(> a:nth-of-type(3):last-of-type):not(:has(> a:nth-of-type(4))) > a:first-of-type {
		position: static;
	}
	main.board .button-wrap:has(> a:nth-of-type(3):last-of-type):not(:has(> a:nth-of-type(4))){
		position: static;
		flex-direction: column;
	}
}





ul.board-list { position: relative; border-top: 3px solid var(--Primary); margin-top: 40px; overflow-x: scroll;}
ul.board-list::before {position: absolute; display: block; left: 0; right: 0; top: 0; height: 68px; content: ""; z-index: 1; }
ul.board-list li { display: flex; }
ul.board-list dl { text-align: center; overflow: hidden; }
ul.board-list dl.no { flex: 0 0 100px; }
ul.board-list dl.ctg { flex: 0 0 160px; }
ul.board-list dl.title { flex: 1; min-width: 240px; }
ul.board-list dl.regist { flex: 0 0 160px; }
ul.board-list dl.view { flex: 0 0 120px; }
ul.board-list dt,
ul.board-list dd { padding: 0 14px; line-height: 60px; border-bottom: 1px solid var(--Mist); max-width: 100%; transition: all 0.3s; }
ul.board-list dt { display: none; border-color: var(--Primary); font-weight: 600; color: var(--Primary); line-height: 64px; }
ul.board-list li:first-child dt { display: block; }
ul.board-list li:hover dd,
ul.board-list li:focus dd { background: var(--BG01); }
ul.board-list dl.ctg dd { color: var(--Secondary); }
ul.board-list dl.title dd { text-align: left; }
ul.board-list dl.title a { position: relative; display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.3s; }
ul.board-list dl.title a:hover { color: var(--Primary); }
ul.board-list dd.numeric { font-weight: 400; }

div.faq { margin-top: 40px; }
div.faq dl { background: var(--Ghost); border: 1px solid var(--Mist); border-radius: 24px; overflow: hidden; transition: all 0.3s; }
div.faq dl + dl { margin-top: 10px; }
div.faq dl dt { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 20px; box-sizing: border-box; cursor: pointer; }
div.faq dl dt p { font-weight: 600; }
div.faq dl dt span.ctg { flex: 0 0 80px; height: 30px; margin-right: 15px; background: var(--Gray); border-radius: 12px; text-align: center; font-size: 14px; font-weight: 500; line-height: 30px; color: #fff; transition: all 0.3s; }
div.faq dl dt p { flex: 1 1 auto; font-weight: 500; line-height: 1.3; }
div.faq dl dt i { flex: 0 0 16px; height: 16px; margin-left: 15px; background-image: url("../img/button-unfold.svg"); background-position: center; background-repeat: no-repeat; background-size: 100% auto; transition: all 0.3s; }
div.faq dl dd { position: relative; }
div.faq dl dd div.answer { display: none; padding: 10px 31px 30px 115px; font-weight: 500; line-height: 1.5; }
div.faq dl dd i { position: absolute; display: block; left: 54px; top: 10px; width: 40px; height: 40px; background: var(--Secondary); border-radius: 50%; text-align: center; font-size: 20px; font-weight: 800; line-height: 40px; color: #fff; box-sizing: border-box; overflow: visible; opacity: 0; transform: scale(0.6); transition:all .3s; transform-origin:right bottom; }
div.faq dl dd i:after { position: absolute; display: block; right: 3px; bottom: 3px; width: 0; height: 0; border-style: solid; border-width: 10px 6px 0; border-color: var(--Secondary) transparent; content:""; transform-origin:right top; transform: rotate(-45deg); }
div.faq dl:hover { border-color: var(-Primary); }
div.faq dl.on { background: var(--Snow); border-color: var(--Primary); }
div.faq dl.on dt span.ctg { background: var(--Primary); }
div.faq dl.on dt i { background-image: url("../img/button-fold.svg"); transform: scaleY(-1.0); }
div.faq dl.on dd i { opacity: 1.0; transform: none; }

div.paging { display: flex; justify-content: center; gap: 6px; margin-top: 40px; }
div.paging a,
div.paging span { display: flex; justify-content: center; align-items: center; min-width: 48px; height: 48px; padding: 0 12px; border: 1px solid var(--Mist); border-radius: 12px; font-family: "Rubik"; font-weight: 400; letter-spacing: 0; box-sizing: border-box; transition: all 0.3s; }
div.paging a:hover { background-color: var(--BG01); border-color: var(--Primary); color: var(--Primary); }
div.paging span.current { background-color: var(--Primary); border-color: var(--Primary); font-weight: 600; color: var(--Snow); }
div.paging a.move { background-position: center; background-repeat: no-repeat; }
div.paging a.first { background-image: url("../img/paging-first.svg"); }
div.paging a.prev { background-image: url("../img/paging-prev.svg"); }
div.paging a.next { background-image: url("../img/paging-next.svg"); }
div.paging a.last { background-image: url("../img/paging-last.svg"); }
div.paging a.first:hover { background-image: url("../img/paging-first-hover.svg"); }
div.paging a.prev:hover { background-image: url("../img/paging-prev-hover.svg"); }
div.paging a.next:hover { background-image: url("../img/paging-next-hover.svg"); }
div.paging a.last:hover { background-image: url("../img/paging-last-hover.svg"); }

div.board-view {}
div.board-view h3.bbs-heading { font-size: 32px; font-weight: 300; }
div.board-view ul.info { display: flex; gap: 12px; margin-top: 16px; font-size: 16px; font-weight: 400; color: var(--Silver); }
div.board-view ul.file { margin-top: 24px; font-size: 16px; }
div.board-view ul.file li {}
div.board-view ul.file li + li { margin-top: 16px; }
div.board-view ul.file li a { padding-left: 32px; background: url("../img/icon-download.svg") no-repeat left center / 24px; transition: all 0.3s; }
div.board-view ul.file li a:hover { background-image: url("../img/icon-download-hover.svg"); color: var(--Primary); }
div.board-view div.view-content { margin-top: 32px; padding: 32px; border-width: 1px 0; border-style: solid; border-color: var(--Mist); line-height: 1.5; box-sizing: border-box; }
div.board-view div.view-content p + p { margin-top: 12px; }
div.board-view div.view-content img { max-width: 100%; }
div.board-view ul.article { line-height: 60px; color: var(--Gray); }
div.board-view ul.article li { border-bottom: 1px solid var(--Mist); transition: all 0.3s; }
div.board-view ul.article li:hover { background: var(--BG01); }
div.board-view ul.article dl { display: flex; width: 100%; }
div.board-view ul.article dl dt { flex: 0 0 10%; text-align: center; }
div.board-view ul.article dl dd { flex: 1; overflow: hidden; }
div.board-view ul.article a { position: relative; display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.3s; }
div.board-view ul.article a:hover { color: var(--Primary); }

/***************** UK : HOME *****************/

main.home { display: flex; justify-content: space-between; align-items: flex-start; padding-bottom: 60px; }

main.home section.inspection { position: relative; width: 720px; height: 680px; padding-top: 10px; box-sizing: border-box; overflow: hidden; }
main.home section.inspection h3 { font-family: "Recipekorea"; font-size: 48px; color: var(--Primary); }
main.home section.inspection p { margin-top: 16px; font-size: 20px; font-weight: 600; line-height: 1.5; }
main.home section.inspection p span { display: block; }
main.home section.inspection a { margin-top: 24px; }
main.home section.inspection div.swiper-slide { background-repeat: no-repeat; background-position: right bottom; }
main.home section.inspection div.swiper-slide.online { background-image: url("../img/home_inspection_online.png"); }
main.home section.inspection div.swiper-slide.visit { background-image: url("../img/home_inspection_visit.png"); }

main.home section.notification { width: 420px; }

main.home div.banner { position: relative; border-radius: 24px; overflow: hidden; }

main.home div.board { margin-top: 32px; border-radius: 24px; overflow: hidden; }
main.home div.board.youtube { position: relative; width: 100%; height: 0; padding-top: 56.25%; }
main.home div.board.youtube iframe { position: absolute; top: 0; left: 0; }

main.home div.quick { display: flex; justify-content: center; gap: 24px; margin-top: 32px; }
main.home div.quick a { width: 124px; padding-top: 88px; background-repeat: no-repeat; background-position: center top; text-align: center; font-weight: 700; transition: all 0.3s; }
main.home div.quick a:first-child { background-image: url("../img/main_icons_1.png"); }
main.home div.quick a:nth-child(2) { background-image: url("../img/main_icons_2.png"); }
main.home div.quick a:nth-child(3) { background-image: url("../img/main_icons_3.png"); }
main.home div.quick a:hover { padding-top: 84px; color: var(--Primary); background-position: center 4px; }

main.home div.notice { position: relative; margin-top: 32px; padding: 32px; background: var(--Snow); border-radius: 24px; }
main.home div.notice h2 { padding-top: 10px; font-family: "Recipekorea"; font-size: 24px; color: var(--Primary); }
main.home div.notice ul { display: flex; flex-direction: column; gap: 24px; margin-top: 24px; }
main.home div.notice ul li { }
main.home div.notice ul li a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.3s; }
main.home div.notice ul li a:hover { color: var(--Secondary); }
main.home div.notice ul li p { margin-top: 8px; font-size: 16px; font-weight: 400; color: var(--Silver); }
main.home div.notice a.more { position: absolute; top: 32px; right: 32px; display: block;  width: 32px; height: 32px; background: url("../img/main_add.svg") no-repeat center / 100%; }

main.home div.temp { }
main.home div.excuse { margin-top: 24px; }
main.home div.excuse p { font-size: 16px; line-height: 1.3; }
main.home div.excuse p + p { margin-top: 8px; }
main.home div.schedule { margin-top: 24px; }
main.home div.schedule p:first-child { font-family: "Recipekorea"; font-size: 22px; color: var(--Tertiary); }
main.home div.schedule p:last-child { margin-top: 12px; font-size: 18px; font-weight: 600; color: var(--Secondary); }

main.home div.swiper-pagination { display: flex; gap: 8px; }
main.home span.swiper-pagination-bullet { width: 16px; height: 16px; border-radius: 8px; opacity: 0.5; transition: all 0.3s; }
main.home span.swiper-pagination-bullet-active { width: 48px; opacity: 1; }
main.home section.inspection div.swiper-pagination { position: absolute; bottom: 0; left: 0; }
main.home section.inspection span.swiper-pagination-bullet { background: var(--Primary); }
main.home section.inspection div.swiper-button-prev { left: 0; width: 64px; height: 64px; background: url("../img/main_arrow_back_ios_new.svg") no-repeat center / 100%; text-indent: -9999px; }
main.home section.inspection div.swiper-button-prev::after { text-indent: -9999px; }

main.home div.banner div.swiper-pagination { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); }
main.home div.banner span.swiper-pagination-bullet { background: var(--Snow); }

@media all and (max-width: 768px) {
	main.home { display: block; padding-bottom: 20px; }
	main.home section.inspection { width: 100%; height: calc(150vw - 90px); padding-bottom: 56px; }
	main.home section.inspection h3 { font-size: 24px; }
	main.home section.inspection p { margin-top: 12px; font-size: 16px; line-height: 1.3; }
	main.home section.inspection p span { display: inline; }
	main.home section.inspection a { margin-top: 16px; }
	main.home section.notification { width: 100%; margin-top: 32px; }
	main.home div.board { border-radius: 12px; }
	main.home div.quick { gap: 8px; width: 100%; margin-top: 24px; }
	main.home div.quick a { flex: 1 0 auto; width: unset; padding-top: 76px; background-size: 60px; font-size: 16px; }
	main.home div.quick a:hover { padding-top: 72px; }
	main.home div.notice { margin-top: 24px; padding: 16px; border-radius: 12px; }
	main.home div.excuse { margin-top: 16px; }

	main.home section.inspection div.swiper-slide { text-align: center; background-position: center bottom; background-size: 80% auto; }
	main.home section.inspection div.swiper-pagination { bottom: 20px; left: 50%; transform: translateX(-50%); }
	main.home section.inspection div.swiper-button-prev { display: none; }

	main.home div.banner .swiper-wrapper { height: unset; }
 }

/***************** UK : POPUP *****************/

body.modal { overflow: hidden; }

div.popup-wrap { position: fixed; display: flex; justify-content: center; align-items: center; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0); box-sizing: border-box; z-index:1000; visibility: hidden; transition: all 0.5s; }
body.modal div.popup-wrap { background: rgba(0, 0, 0, 0.7); visibility: visible; }

@media all and (min-width:601px) {
	div.popup { flex: 0 0 600px; margin: auto; box-sizing: border-box; overflow: hidden; transform: translate(0, -200px);  opacity: 0; visibility: hidden; transition: all 0.5s; }
	div.popup.on { transform: translate(0, 0); opacity: 1.0; visibility: visible; }
	div.popup div.slide { position: relative; flex: 0 0 100%; padding-bottom: 48px; }
	div.popup div.slide:has(div.single-item) { padding-bottom: 16px; }
	div.popup div.slide div.owl-stage-outer, 
	div.popup div.slide div.single-item { height: 600px; border-radius: 24px; overflow: hidden; }
	div.popup div.slide div.owl-item { display: inline-block; line-height: 0; }
	div.popup div.slide div.owl-item img { max-width: 100%; }
	div.popup div.slide div.owl-nav { position: absolute; top: 276px; width: 100%; }
	div.popup div.slide div.owl-nav button { position: absolute; width: 48px; height: 48px; background-repeat: no-repeat; background-position: center; background-size: contain; opacity: 0.3; transition: all 0.3s; }
	div.popup div.slide div.owl-nav button:hover { opacity: 1.0; }
	div.popup div.slide div.owl-nav button span { display: none; }
	div.popup div.slide div.owl-nav button.owl-next { right: 12px; background-image: url("../img/button-popup-next.svg"); }
	div.popup div.slide div.owl-nav button.owl-prev { left: 12px; background-image: url("../img/button-popup-prev.svg"); }
	div.popup div.slide div.owl-dots { position: absolute; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; gap: 20px; padding-bottom: 16px; }
	div.popup div.slide div.owl-dots button { width: 16px; height: 16px; background: var(--Snow); border-radius: 50%; cursor: pointer; }
	div.popup div.slide div.owl-dots button.active { background: var(--Tertiary); }
	div.popup div.func { display: flex; justify-content: space-between; padding: 0 20px; box-sizing: border-box; }
	div.popup div.func span { height: 32px; font-size: 16px; line-height: 32px; color: var(--Snow); cursor: pointer; transition: all 0.3s; }
	div.popup div.func span:hover { color: var(--ID02); }
}
@media all and (max-width:600px) {
	div.popup { position: absolute; flex: 0 0 100vw; left: 0; right: 0; bottom: 0; overflow: hidden; box-sizing: border-box; transform: translate(0, 500px); opacity: 0; transition: all 0.5s; }
	div.popup.on { transform: translate(0, 0); opacity: 1.0; }
	div.popup div.slide { width: 100%; height: auto; padding-top: 32px; }
	div.popup div.slide:has(div.single-item) { padding-top: 0; }
	div.popup div.slide div.owl-stage-outer,
	div.popup div.slide div.single-item { border-radius: 24px 24px 0 0; overflow: hidden; }
	div.popup div.slide div.owl-item { display: inline-block; line-height: 0; }
	div.popup div.slide div.owl-item img { max-width: 100%; }
	div.popup div.slide div.owl-nav { display: none; }
	div.popup div.slide div.owl-dots { position: absolute; top: 0; left: 0; right: 0; display: flex; justify-content: center; gap: 20px; }
	div.popup div.slide div.owl-dots button { width: 16px; height: 16px; background: var(--Snow); border-radius: 50%; cursor: pointer; }
	div.popup div.slide div.owl-dots button.active { background: var(--Tertiary); }
	/* 모바일에서 팝업 하단의 내용이 가려지지 않도록 임시 조치 */
	/*div.popup div.func { position: absolute; left: 0; right: 0; bottom: 0; display: flex; justify-content: space-between; padding: 0 20px; background: rgba(128, 96, 74, 0.8);  box-sizing: border-box; }*/
	div.popup div.func { display: flex; justify-content: space-between; padding: 0 20px; background: rgba(128, 96, 74, 1);  box-sizing: border-box; }
	div.popup div.func span { height: 48px; font-size: 16px; line-height: 48px; color: #fff; cursor: pointer; transition: all 0.3s; }
	div.popup div.func span:hover { color: var(--ID02); }
}

/***************** 250627_추가 *****************/