/*서브-상단비주얼 */
#svisual{ width:100%; min-width:1280px; background:url("../img/sub/svisual_bg.png") no-repeat center/cover; /*margin:91px auto 0;*/ padding: 126px 0 40px; text-align:left; position:relative; transition:all 0.3s ease;}
#svisual.s1{background:url("../img/sub/svisual_bg.png") no-repeat center/cover;}
#svisual.s2{background:url("../img/sub/svisual_bg02.png") no-repeat center/cover;}
#svisual.s3{background:url("../img/sub/svisual_bg03.png") no-repeat center/cover;}
#svisual.s4{background:url("../img/sub/svisual_bg04.png") no-repeat center/cover;}
#svisual.s5{background:url("../img/sub/svisual_bg05.png") no-repeat center/cover;}
#svisual .inr{flex-wrap: wrap;position: initial; display: flex;	align-items: center;}
#svisual .slogan{
	/*color: #efefef;*/
	color: #d1c5a5;
	display: flex; align-items: center
}
#svisual .slogan h3{font-size: 1.25em; line-height: 1.8em; }
#svisual .slogan h3 strong{display: block; color: #fff;font-size: 1.5em;}

.sub_nav{display: flex;padding: 20px 0 0;  align-items: flex-end; justify-content: space-between;width: 100%}

#container{z-index:0; line-height: 1.8em;}
@media (max-width:1600px) {
}
@media (max-width:1500px) {
}
@media (max-width:1400px) {
}

@media (max-width:1279px) {
	#svisual {height:auto; padding: 40px 0; min-width:100%; background-position:center top; background-size:cover; ; transition:all 0.3s ease; margin-top: 0}

}
@media (max-width:850px) {
	#svisual{ transition:all 0.3s ease;}/*
	#svisual .slogan{display: none;}*/
}
@media (max-width:768px) {
}
@media (max-width:550px) {
	#svisual .s_text h3{font-size:1.35em;}
}

/*내용작업*/
/*공통*/
#ctt h3{font-size: 1.5em; margin: 60px 0 30px 0; font-weight: 600}
#ctt .idx_company {background: #f9f9f9; padding:75px 0}
#ctt .idx_company .txt {
	margin-bottom: 0px; width: 100%}
#ctt .idx_company h3{font-size: 1.8em;	line-height: 1.4em;	font-weight: 800;	margin: 0px;}
#ctt .idx_company h3:before {display: none}
#ctt .idx_company h4:before {display: none}
#ctt .idx_company:after {display: none}
#ctt .bgimg {
	width: 100%;
	height: 500px;
	/*	object-fit: cover;*/
	background: url(../img/main/company_bg.png) no-repeat top/cover;
	background-attachment: fixed;
}
#ctt .bgimg.v2 {
	background: url(../img/main/visual_bg.jpg) no-repeat bottom/cover;
	background-attachment: fixed;
	height: 300px;
}
#ctt .bgimg.v3 {
	background: url(../img/main/company_bg4.png) no-repeat bottom/cover;
	background-attachment: fixed;
	height: 300px;
}

#ctt .idx_motto {padding: 75px 0}
#ctt .idx_motto .area_top{margin: 0px auto 40px;text-align: center}
#ctt .idx_motto .area_top h2 > div{font-size: 2em; line-height: 1.4em; margin-bottom: 5px; font-weight: 300;}
#ctt .idx_motto .area_top h2 > div strong{font-weight: 500;}
#ctt .idx_motto .area_top h2{display: flex; justify-content: space-between; align-items: center;}
#ctt .idx_motto .area_top h2:before,
#ctt .idx_motto .area_top h2:after{ display: inline-block; margin: 0 50px; font-size: 5em; color: #d1c5a5; font-weight: 300;}
#ctt .idx_motto .area_top h2:before{content: "["}
#ctt .idx_motto .area_top h2:after{content: "]"}
#ctt .idx_motto .point_list dl{ margin-bottom: 0!important;}
#ctt h3:before{content: ""; display: inline-block; width: 4px; height: 20px; background: #333; border-radius: 4px; margin-right: 8px; vertical-align: middle; margin-top: -4px;}
#ctt h3:first-of-type{margin-top: 0;}
#ctt h4{font-size: 1.8em; ; font-weight: 600}
#ctt h4:before{content: ""; display: inline-block; width: 4px; height: 20px; background: #004069; border-radius: 4px; margin-right: 8px; vertical-align: middle; margin-top: -4px;}
#ctt h4:first-of-type{margin-top: 0;}
#ctt .cttBox{padding: 2em; border: 1px solid #eee; margin-bottom: 20px;}
#ctt dl:not(:last-child){margin-bottom: 20px;}
#ctt dt{margin-bottom: 6px; font-size: 1.1em; line-height: 1.75em;font-weight: 600;}
#ctt .cttBox dt:before{content: ""; display: inline-block; width: 2px; height: 12px; border-radius: 0; background-color: #e8e8e8; margin-right: 8px;}
#ctt dd:before{content: ""; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background-color: #004069; margin-right: 4px;}
#ctt dl > p{font-size: 0.9em; margin-top: 4px; font-weight: 600;}

@media (max-width:767px) {
	#ctt .idx_motto .area_top h2:before, #ctt .idx_motto .area_top h2:after {margin: 0 0px;}
	#ctt .idx_motto .area_top h2 > div {font-size: 1.7em; letter-spacing: -1px}
	#svisual .slogan h3 {font-size: 1em}
	#ctt {font-size: 0.85em}
	.container_title {   font-size: 1.2em;}
}
.table {
	margin-bottom: 20px;
	margin-top: 10px;
	width: 100%;
}

/*#greet  {margin-bottom: 100px;}
#greet h4 + span {margin-bottom: 30px;    display: block;}
#greet .img_wrap{	width: 100%; ;	display: flex;	justify-content: space-between;	;}
#greet .img_wrap .img{	width: calc(50% - 10px); max-width: 400px;height: fit-content;	margin: 0 20px 0 0;	position: relative;	box-shadow: 10px 10px 10px rgb(0 0 0 / 10%); border-radius: 5px; overflow: hidden;}
#greet .img_wrap .img:nth-child(2){	margin: 0;	bottom: -100px;}
#greet .img_wrap .layout03{	position: relative;bottom: -100px;padding: 20px; min-width: 250px; margin-right: auto}
#greet .img_wrap .layout03 p{font-weight: 300;	line-height: 1.6em; color: #777;}
#greet .img_wrap .layout03 p:before{content: "\e416";font-family: "Font Awesome 6 Pro";; display: inline-block; margin-right: 10px}
#greet .img_wrap .img img{	width: 100%;}
#greet .txt p{	font-size: 1.2em;	color: #004069;	font-weight: 600;	margin: 0 0 10px;}
#greet .txt h1{	font-size: 2em;	font-weight: 800;	word-break: keep-all;	color: #333;	line-height: 1.4em;	margin: 0 0 20px;}
#greet .txt h6{	font-size: 1.2em;	font-weight: 300;	line-height: 1em;	margin: 0 0 20px;	color: #777;}
#greet .txt h6:before{content: "\e426";font-family: "Font Awesome 6 Pro"; display: inline-block; margin-right: 10px}
#greet .flex {display: flex;justify-content: space-between; margin-bottom: 50px}
#greet .flex .txt {width: 50%}*/



/* 인사말 */
/* company_new */
.pl50{
	padding-left: 50px !important;
	}
.pr50{
	padding-right: 50px !important;
	}
.highlight{
	display: inline-block;
	background-image: linear-gradient(to right, rgba(216, 209, 206, 0.36) 0, rgba(216, 209, 206, 0.36) 100%);
	background-position: left 70%;
	font-weight: 500;
	}

.company_new{}
.company_new .con{
	margin-top: 100px;
	}
.company_new .con:first-child{
	margin-top: 0;
	}
.company_new .con.flex{
	display: flex;
	}
.company_new .con > .imgBox{}
.company_new .con > .imgBox img{
	width: 100%;
	}
.company_new .con > .txtBox{}
.company_new .con .title{
	margin-bottom: 40px;
	}
.company_new .con .title .m_txt{
	font-size: 20px;
	}
.company_new .con .title .b_txt{
	font-family: 'NotoSerifKR';
	font-size: 60px;
	line-height: normal;
	}
.company_new .con .title .bb_txt{
	font-size: 38px;
	font-weight: 600;
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: normal;
	}
.company_new .con .title .l_txt{
	font-size: 20px;
	line-height: 1.6;
	font-weight: 300;
	}
.company_new .con > .txtBox .desc{
	font-size: 20px;
	line-height: 1.6;
	font-weight: 300;
	}
.company_new .con .title.align_center{
	text-align: center;
	}
.company_new .con1 > div{
	width: 50%;
	}

.company_new .con2_3{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	}
.company_new .con2_3 > div{
	width: 48%;
	}
.company_new .con2_3 .left{}
.company_new .con2_3 .left img{
	width: 100%;
	}
.company_new .con2_3 .right{}
@media (max-width:1024px){}
@media (max-width:768px){
	.company_new .con.flex{
		display: block !important;
		}
	.company_new .con1 > div{
		width: 100%;
		}
	.pl50{
		padding-left: 0 !important;
		}
	.company_new .con1 > .txtBox{
		margin-top: 20px;
		}
	.company_new .con .title .m_txt {
		font-size: 14px;
		}
	.company_new .con .title .b_txt{
		font-size: 36px;
		}
	.company_new .con > .txtBox .desc,
	.company_new .con .title .l_txt{
		font-size: 15px;
		}
	.company_new .con .title {
		margin-bottom: 16px;
		}
	.company_new .con {
		margin-top: 60px;
		}
	.company_new .con .title .bb_txt{
		font-size: 24px;
		margin-top: 0;
		margin-bottom: 16px;
		}

	.company_new .con2_3 .title .bb_txt,
	.company_new .con2_3 .l_txt{
		text-align: center;
		}
	.company_new .con2_3 .l_txt br{
		display: none;
		}
	.company_new .con2_3 > div{
		width: 100%;
		}
	.company_new .con2_3 .left{
		order:2;
		}
	.company_new .con2_3 .right{
		order:1;
		margin-top: 16px;
		}

	}




/* 오시는길 */
#company02{}
#company02 .mapArea{}
.map_border,
.section_address{display: none}
#company02 .bus{
	margin-top: 30px;
	margin-bottom: 20px;
	}
#company02 .bus > div:nth-child(1),
#company02 .car > div:nth-child(1){
	display: flex;
	align-items: center;
	}
#company02 .bus .ico,
#company02 .car .ico{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 4px solid #dbb1a0;
	display: flex;
	align-items: center;
	justify-content: center;
	}
#company02 .bus svg,
#company02 .car svg{
	height: 28px;
	}
#company02 .bus .textBox,
#company02 .car .textBox{
	margin-left: 10px;
	}
#company02 .bus .tit,
#company02 .car .tit{
	display: block;
	line-height: normal;
	color: #222;
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 4px;
	}
#company02 p,
#company02 strong{
	line-height: 1.8;
	font-weight: normal;
	}
@media (max-width: 768px){
	#company02 .bus > div:nth-child(1), #company02 .car > div:nth-child(1){
		display: block;
		}
	#company02 .bus .tit, #company02 .car .tit{
		font-size: 18px;
		}
	#company02 .bus .textBox, #company02 .car .textBox{
		width: calc(100% - 56px);
		}
	#company02 .bus .ico,
	#company02 .car .ico{
		width: 46px;
		height: 46px;
		margin-bottom: 10px;
		}
	#company02 .bus i,
	#company02 .car i{
		font-size: 20px;
		}
	#company02 .bus .tit,.
	#company02 .car .tit{
		font-size: 1em;
		}
	#company02 .bus p,
	#company02 .car p{
		font-size: 14px;
		}
	#company02 .bus svg, #company02 .car svg {
		height: 22px;
		}
	}



/* 프로그램 */
/* 프로그래스바 */
.progress_bar {list-style:none; padding:0; margin:0;    background: #f7f7f7;
	border-radius: 15px;
	padding: 30px;margin-top: 15px;}
.progress_bar > li {margin-bottom:10px;padding: 0 !important;}
.progress_bar > li::before{display: none !important;}
.progress_bar p {padding-bottom:4px; font-weight:500 !important; font-size: 16px;}
.progress_bar .bar_wrap {margin-bottom:20px; background-color:#fff; /*overflow:hidden;*/ border-radius:10px; height:14px;}
.progress_bar .bar_wrap span {width:0; height:14px; display:block;background: linear-gradient(to right, #e8f1ea, #accfb4);
	position:relative; border-radius:10px; transition:width 1.2s ease-in-out;}
.progress_bar .bar_wrap span strong {position:absolute; right:0; top:-23px; opacity:0; font-size:12px; font-weight:600; transition:opacity 1s ease;color: #7cb68a}
.progress_bar .bar_wrap span.active strong {opacity:1;transition-delay:0.9s;}



/* program_1 */
.txt-big{font-size: 1.2em;font-weight: 700;color: #EB318D}
.inr:has(.program_1) #sub_title{
	width: 1280px;
	margin: 0 auto;
	}
.inr:has(.program_1){
	width: 100%;
	}
.program_1{}
.program_1 .boxes{
	display: flex;
	margin-top: 100px;
	}
.program_1 .boxes:first-child,
.program_1 .boxes.first{
	margin-top: 0;
	}
.program_1 .boxes .imgBox{
	width: 40%;
	overflow: hidden;
	min-height: 500px;
	}
.program_1 .boxes .imgBox.half{
	min-height: unset;
	}
.program_1 .boxes .imgBox img{
	width: 100%;
	/*height: 100%;*/
	object-fit: cover;
	}
.program_1 .boxes .imgBox.img2{

	}
.program_1 .boxes .imgBox.img2 img{
	object-fit: contain;height: unset;
	}
.program_1 .boxes .txtBox{
	width: 60%;
	}
.program_1 .boxes .title{
	margin-bottom: 40px;
	}
.program_1 .boxes .title p{}
.program_1 .boxes .title .m_txt{
	font-size: 20px;
	font-family: 'NotoSerifKR';
	}
.program_1 .boxes .title .b_txt{
	font-size: 50px;
	font-weight: 500;
	line-height: normal;
	}
.program_1 .boxes .title .l_txt{
	font-size: 20px;
	font-family: 'SUIT';
	}
.program_1 .boxes .desc{
	font-size: 20px;
	line-height: 1.6;
	}
.program_1 .boxes .desc > div{
	margin-bottom: 50px;
	}
.program_1 .boxes .desc > div:last-child{
	margin-bottom: 0;
	}
.program_1 .boxes .desc strong{
	/*margin-bottom: 20px;*/
	margin-bottom: 0;
	}
.round_box{
	font-size: 18px;
	padding: 30px;
	border-radius: 20px;
	background: #fafafa;
	margin-top: 15px;
	}
.program_1 .boxes.boxes_1{display: block}
.program_1 .boxes.boxes_1 .txtBox{width: 100%;}
.program_1 .boxes.boxes_1 .title{text-align: center}
.program_1 .boxes.boxes_1 .title .b_txt{    font-size: 38px;
	font-weight: 600;
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: normal;}

.program_1 .boxes.boxes_1 .imgBox{width: 100%;}

.program_1 .boxLists > div{padding: 40px 30px; box-shadow: 0px 5px 14px 6px rgb(1 58 148 / 2%);}
.program_1 .boxLists .imgBox{min-height: unset;width: 100%;}
.program_1 .boxLists .tit{
	font-weight: 700;
	letter-spacing: -0.05em;
	font-size: 1.8em;
	}

.program_1 .boxes .desc ul{}
.program_1 .boxes .desc li,
.program_1 .boxes .desc p{
	font-weight: 300;
	}
.program_1 .boxes .desc li{
	position: relative;
	padding-left: 18px;
	}
.program_1 .boxes .desc li::before{
	content: '-';
	position: absolute;
	left: 0;
	top: 0;
	}
.program_1 .boxes .desc p{}
@media (max-width:768px){
	.round_box{font-size: 15px; padding: 20px 15px}
	.program_1{
		width: 90%;
		margin: 0 auto;
		}
	.program_1.inr{width: 100% !important;}
	.program_1 .boxes{
		display: flex;
		flex-direction: column;
		margin-top: 0;
		padding: 60px 15px;
		}
	.program_1 .boxes:nth-child(2n){background: #F0EDE9;}
	.program_1 .boxes .imgBox,
	.program_1 .boxes .txtBox{
		width: 100%;
		}
	.program_1 .boxes .imgBox{
		order: 2;
		border-radius: 0;
		min-height: unset;
		}
	.program_1 .boxes .txtBox{
		display: contents;
		padding: 0 !important;
		margin-top: 20px;
		}
	.program_1 .boxes .title {
		order: 1;
		text-align: center;
		margin-bottom: 20px;
		line-height: 1;
		}
	.program_1 .boxes .title .m_txt {
		font-size: 16px;
		}
	.program_1 .boxes .title .b_txt {
		font-size: 26px;
		}
	.program_1 .boxes .title .l_txt{font-size: 15px;}
	.program_1 .boxes .desc{
		order: 3;
		margin-top: 15px;
		font-size: 15px;
		}
	.program_1 .boxes .desc > div {
		margin-bottom: 20px;
		}
	.program_1 .boxes .desc strong {
		margin-bottom: 10px;
		}
	.program_1 iframe{height: 50vw;}

	.program_1 .boxLists{display: block;font-size: 15px;}
	.program_1 .boxLists > div:not(:first-child) {margin-top: 15px;}
	.program_1 .boxLists > div {
		padding: 20px 0 30px;
		background: none;
		border: 0;
		border-bottom: 1px dashed #ccc;
		box-shadow: none;
		}
	.program_1 .boxLists > div:first-child{padding-top: 0;}

	}




/* 탭메뉴 */
.tab_menu{
	display: flex;
	flex-wrap: wrap;
	}
.tab_menu li{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 39px;
	text-align: center;
	background-color: #fff;
	margin-right: 4px;
	margin-bottom: 4px;
	border: 1px solid #a9a9a9;
	}
.tab_menu li.active{
	background-color: #A18276;
	border-color: #A18276;
	}
.tab_menu li a{
	display: block;
	padding: 0 20px;
	color: #a9a9a9;
	font-size: 1.25em;
	font-weight: 500;
	}
.tab_menu li.active a{
	color: #fff;
	}
.tab_cont{
	/*padding: 40px 0;*/
	}
.tab_cont > li{
	display: none;
	}
.tab_cont > li.active{
	/*display: unset;*/
	display: block;
	}
@media(max-width: 768px){
	.tab_menu{padding: 0 15px;}
	.tab_menu li a{font-size: 15px;}
	.tab_menu li:last-child{
		margin-right: 0;}
	}


/* stepBox */
.ul_step_tit{
	position: absolute;
	left: 20px;bottom: 100%;
	/*transform: translateX(-50%);*/
	background: #EB318D;
	color: #fff;
	font-weight: 500 !important;
	letter-spacing: -0.05em;
	padding: 4px 14px;
	font-size: 0.9em;
	border-radius: 5px 5px 0 0;
	min-width: 90px;
	text-align: center;
	}
.ul_step {
	position: relative;
	margin-left: 1px;
	grid-gap: 0;
	}
.ul_step:has(.ul_step_tit) {
	margin-top: 60px !important;
	}
.ul_step li {
	border: 1px solid #e1e1e1;
	border-radius: 20px;
	border-left: 1px dashed #e1e1e1;
	text-align: center;
	padding: 20px;
	background: #fff;
	position: relative;
	/*min-height: 138px;*/
	margin-left: -1px;
	margin-bottom: 10px;
	line-height: 1;
	overflow: unset;
	}
.ul_step li:first-child{
	border-left: 1px solid #e1e1e1;
	}
.ul_step li:before{display: none !important;}
.ul_step li:after {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	background: #fff;
	position: absolute;
	right: -21px;
	top: 50%;
	transform: rotate(-45deg) translateY(-50%);
	z-index: 10;
	}
.ul_step li:last-child::after{display: none}
.ul_step li	.step_n{
	display: inline-block;
	color: #EB318D;
	font-weight: 700;
	letter-spacing: -0.05em;
	font-size: 0.9em;
	}
.ul_step li img {
	display: block;
	margin: 20px auto;
	}
.ul_step li svg{
	display: block;
	margin: 20px auto;
	/*width: 60px;*/
	height: auto;
	stroke-width: 1.4;
	}
.ul_step li strong {
	display: block;
	font-size: 18px;
	margin-bottom: 4px;
	font-weight: 600;
	width: 100%;
	line-height: 1.2;
	margin-top: 10px;
	letter-spacing: -0.04em;
	}
@media (max-width:768px){
	.ul_step {
		grid-template-columns: repeat(1, 1fr) !important;
		row-gap: 18px;
		}
	.ul_step li{border: 1px solid #e1e1e1;padding: 15px;}
	.ul_step li:not(:last-child):after {
		top: auto;
		right: auto;
		left: 50%;
		bottom: -21px;
		transform: rotate(45deg) translateX(-50%);
		z-index: 1;
		}
	.ul_step li strong {margin-bottom: 0 !important;}

	}




#ctt .step{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 30px;}
#ctt .step dl{border-radius: 5px; border: 1px solid #FFF0; padding: 2em; position: relative; background-color: #00406920; margin-bottom: 0}
#ctt .step dl:not(:last-child):after{content: "\f356";font-family: "Font Awesome 6 Pro";font-weight: 600;position: absolute;right: -40px;top: 50%;transform: translateY(-50%);font-size: 3em;opacity: 0.5;color: #004069;}
#ctt .step dl dt{font-size: 1em; margin-bottom: 10px; text-align: center;}
#ctt .step dl dt p{font-size: 1.4em; font-weight: 800; margin-top: 5px;}
#ctt .step dl dt span{display: inline-block;background: #004069; color: #fff; padding: 0 1em; border-radius: 4px;}

#ctt .introText{background-color: #00406920; padding: 1.5em;
	margin-bottom: 40px; font-size: 1.2em; border-left: 2px solid #004069;}
#ctt .introText span{    line-height: 0.6em;}
/*
#ctt .introText:first-letter{font-weight: 600;}*/


#ctt .side{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 30px}
#ctt .side dl{border-radius: 5px; border: 1px solid #fff0; padding: 2em; position: relative; background-color: #00406920; height: fit-content;margin-bottom: 0}
#ctt .side dl dt{font-size: 1em; margin-bottom: 0px; text-align: center;}
#ctt .side dl dt p{font-size: 1.4em; font-weight: 800; margin-top: 5px;}
#ctt .side dl dt span{display: inline-block;background: #004069; color: #fff; padding: 0 1em; border-radius: 4px;}
#ctt .grid3 {grid-template-columns: 1fr 1fr 1fr;}
#ctt .grid5 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
#ctt .grid6 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}
#ctt img {width: 100%}

#ctt .cttBox dl > *:last-child {
	margin-bottom: 0px;
}
#ctt dd:not(:last-child) {
	margin-bottom: 6px;
}
#sub2 img {width: 100%}
#sub2 .side img {    box-shadow: 0px 10px 10px rgb(0 0 0 / 10%); border: 1px solid #eee;	border-radius: 5px;}

@media screen and (max-width: 768px) {
	#ctt .step{grid-template-columns: 1fr;}
	#ctt .step dl{border-radius: 20px; padding: 1.5em;}
	#ctt .step dl dt{display: flex; align-items: center; justify-content: left}
	#ctt .step dl dt p{margin: 0 4px;}
	#ctt .step{ gap: 10px;}
	#ctt .step dl:not(:last-child):after{top: auto; right: auto; bottom: -25px; transform: translateX(-50%); left: 50%; content: "\f354";}

	#ctt .side{grid-template-columns: 1fr;}
	#ctt .side dl{border-radius: 20px; padding: 1.5em;}
	#ctt .side dl dt{display: flex; align-items: center; justify-content: left;		flex-wrap: wrap;		text-align: left;}
	#ctt .side dl dt p{margin: 0 10px; font-size: 1.2em}
	#ctt .side dl dt p br{display: none}
	#ctt .side dl dt h6{width: 100%;margin: 10px 0 0;}
	#ctt .side{ gap: 10px;}
	.cttBox.flex {display: block;	}
	.cttBox.flex img{width: 100% !important}
	#ctt .grid6 {grid-template-columns: 1fr 1fr;}
	#greet .txt h6{	font-size: 1em; letter-spacing: -1px}
	#ctt .bgimg {height: 250px;}
}
div.youtube {
	position: relative;
	padding-top: 56%;
	width: 100%;
	height: 0;
}

/* iframe */
div.youtube > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (max-width:900px) {
	#greet .img_wrap .img:first-of-type{	display: none;}
	#greet .img_wrap .img img {aspect-ratio: 1 / 1.2;object-fit: cover;bottom: 0px;	}
	#greet .img_wrap .img:nth-child(2){bottom: 0px}
	#greet .img_wrap .layout03{bottom: 0px}
	#greet .flex {flex-wrap: wrap}
	#greet .flex .txt {width: 100%; margin-bottom: 20px}
}
@media (max-width:550px) {
	#greet .img_wrap .img:nth-child(2) {width: 100%}
	#greet .img_wrap .img img {aspect-ratio: 1 / 0.7;	width: 100%}
	#greet .img_wrap {letter-spacing: -1px; flex-wrap: wrap}
}




/* 이용약관 */
.site_box h3{margin: 30px 0 10px 0 !important;}
@media(max-width: 768px){
	.site_box{font-size: 15px;}
}