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





* { 
font-family: 'Pretendard', sans-serif; font-size:16px; color:#111;
}
html, body, 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
{font-family: 'Pretendard', sans-serif; font-size:16px; color:#111; box-sizing:border-box; line-height:1.2;}
a {text-decoration:none;}


@font-face {
    font-family: 'SUITE-Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'OAGothic-Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/OAGothic-Medium.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}


@font-face {
    font-family: 'OAGothic-ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/OAGothic-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}



/* 모바일 글씨 조정 */
html {
	 /* Prevent font scaling in landscape */
     -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
     -moz-text-size-adjust: none; /*Firefox*/
     -ms-text-size-adjust: none;  /*Ie*/
     -o-text-size-adjust: none; /*old versions of Opera*/
}



input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {box-shadow:none; -webkit-box-shadow:none; border:1px solid #333 !Important;}

.ent {font-family: 'SUITE-Light', sans-serif;}

.flex {display:flex;}


.wrap {
	position:relative;
}


header {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100px;
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:5;
}


.contents {

}


.main-visual {
	position:relative;
	width:100%;
	height:100%;
}

.main-visual video {
	width: 100%;
    min-height: 100%;
    height: auto;
    background-size: cover;
    object-fit: cover;
}


.content01 {
	padding:128px 90px 115px;
}

.co_tit {
	font-size:56px;
	font-family: 'OAGothic-Medium';
}

.co_tit span {
	font-size:72px;
	font-family: 'OAGothic-ExtraBold';
}

.co_tit span.fc_orange {
	color:#ea5432;
} 

.co_tit span.fc_green {
	color:#2dae36;
} 

.content01_list {
	display:flex;
	gap:30px;
	flex-wrap:wrap;
	margin-top:60px;
}

.list_unit {
	width:calc((100% - 60px)/3);
}

.list_unit a {
	display:block;
	width:100%;
	padding-top:100%;
	position:relative;
	overflow:hidden;
}

.unit_img img {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:0.5s all ease;
}

.unit_text {
	position:absolute;
	left:0;
	top:0;
	padding:35px 35px;
	z-index:2;
}

.unit_tit {
	font-family: 'OAGothic-ExtraBold';
	font-size:36px;
	color:#fff; 
	letter-spacing:0.1em;
}

.unit_tit span {
    font-family: 'SUITE-Light';
	font-size:16px;
	color:inherit;
	display:block;
	letter-spacing:0.05em;
}

.unit_txt {
	font-family: 'OAGothic-Medium';
	font-size:20px;
	color:#fff;
	margin-top:10px;
}


.content02 {
	padding:0 90px;
	display:flex;
	gap:30px;
}

.content02 > div {
	flex:1;
	background-position:right 40px center;
	background-repeat:no-repeat;
	padding:55px 55px;
}

.bg_yellow {
	background-color:#fbe202;
	background-image:url('../images/kakao_ci.png');
	background-size:182px 192px;
}


.bg_green {
	background-color:#12971c;
	background-image:url('../images/cs_icon.png');
	background-size:205px 197px;
}

.content02_unit dl {
	display:flex;
	gap:5px;	
	margin-bottom:15px;
}

.content02_unit dl dt {
	width:42px;
	height:43px;
}

.content02_unit dl dt img {
	width:100%;
}

.content02_unit dl dd {
	background-color:#fff;
	border-radius:30px;
	display:flex;
	align-items:center;
	justify-content:center;
	width:230px;
	font-size:18px;
}


.kakao_tit {
	font-family: 'OAGothic-ExtraBold';
	font-size:36px;
}

.kakao_txt {
	font-family: 'OAGothic-Medium';
	font-size:18px;
	color:#605705;
	margin:12px 0 24px;
} 

.content02_unit a {
	display:block;
	width:320px;
	border:1px solid #000001;
	color:#000001;
	font-family: 'OAGothic-Medium';
	font-size:18px;
	padding:24px 20px;
	background:url('../images/kakao_more.png') right 30px center no-repeat;
	background-size:16px 16px;
}

.cs_tit {
	font-family: 'OAGothic-Medium';
	font-size:24px;
	color:#fff;
}

.cs_tel {
	font-family: 'OAGothic-ExtraBold';
	font-size:56px;
	color:#fff;
	margin:32px 0 40px;
}

.content02_unit ul {

}

.content02_unit ul li {
	display:flex; 
	gap:20px;
	font-family: 'OAGothic-Medium';
	font-size:20px;
	color:#fff;
	align-items:center;
	margin-bottom:15px;
}

.content02_unit ul li span {
	display:block;
	width:130px;
	padding:10px 10px;
	font-family: 'OAGothic-Medium';
	font-size:1em;
	color:inherit;
	text-align:center;
	border:1px solid rgba(255,255,255,0.3);
}


footer {
	padding:70px 90px 145px;
	display:flex;
	flex-direction:row-reverse;
	gap:30px;
}

.footer_map_list {
	display:flex;
	flex:2;
	gap:30px;
}

.footer_map_unit {
	flex:1;
}

.fm_tit {
	font-size:16px;
	font-weight:600;
	display:flex;
	gap:48px;
}

.fm_tit span {
	font-size:1em;
	font-weight:400;
}

.footer_map_wrap {
	margin-top:12px;
	width:100%;
	height:143px;
}

.footer_map_wrap img {
	width:100%;
	height:100%;
	object-fit:cover;
}


.footer_info {
	flex:1;
}

.footer_info  > img {
	margin-top:30px;
}

.footer_info dl {
	display:flex;
	margin-bottom:15px;
}

.footer_info dl dt {
	width:115px;
	font-size:16px;
	font-weight:600;
}

.footer_info dl dd {
	width:calc(100% - 115px);
	font-size:16px;
}







/************************************ hover ************************************/
@media (hover: hover) {
  

		.list_unit a:hover .unit_img img {
			transition:0.5s all ease;
			transform:scale(1.2);
		}
		



}
/************************************ hover ************************************/



/* 반응형 중간기기 1700px 사이즈 이하*/
@media all and (max-width:1700px){

	
	.content01 {
		padding:128px 45px 115px;
	}


	.content02 {
		padding:0 45px;
	}


	footer {
		padding:70px 45px 145px;
	}

}


/* 반응형 중간기기 1280px 사이즈 이하*/
@media all and (max-width:1280px){

	.content01 {
		padding:72px 30px 30px;
	}
	
	.co_tit {
		font-size:48px;
	}

	.co_tit span {
		font-size:56px;
	}

	.content01_list {
		gap:15px;
		margin-top:24px;
	}

	.list_unit {
		width:calc((100% - 30px)/3);
	}

	.unit_txt {
		word-break:keep-all;
	}


	.content02 {
		padding:0 30px;
		gap:20px;
		flex-direction:column;
	}

	.content02 > div {
		padding:35px 35px;
	}

	footer {
		flex-direction:column;
		padding:45px 30px 100px;
	}
	
	.footer_map_list {
		gap:20px;
	}

	.fm_tit {	
		flex-direction:column;
		gap:7px;
	}




}



/* 반응형 중간기기 1100px 사이즈 이하*/
@media all and (max-width:1100px){
	



	
}

/* 반응형 중간기기 998px 사이즈 이하*/
@media all and (max-width:998px){

	
	
	.co_tit {
		font-size:36px;
	}

	.co_tit span {
		font-size:48px;
	}

	.list_unit {
		width:calc((100% - 15px)/2);
	}
	

}



/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {	

	
	.content01 {
		padding:56px 15px 20px;
	}

	.unit_text {
		padding:24px 24px;
	}

	.unit_tit {
		font-size:28px;
	}

	.unit_tit span {
		font-size:14px;
	}

	.unit_txt {
		font-size:16px;
		margin-top:5px;
	}


	.content02 {
		gap:10px;
		padding:0 15px;
	}


	.content02_unit dl dd {
		width:200px;
		font-size:16px;
	}

	.kakao_tit {
		font-size:28px;
	}
	
	.kakao_txt {
		font-size:16px;
		margin:8px 0 18px;
	}

	.content02_unit a {
		font-size:16px;
		width:200px;
		padding:16px 20px;
	}

	.cs_tit {
		font-size:18px;
	}

	.cs_tel {
		font-size:36px;
		margin:10px 0 20px;
	}

	.content02_unit ul li {
		font-size:16px;
		margin-bottom:10px;
	}

	.content02_unit ul li span {
		width:110px;
	}


	footer {
		padding:45px 15px 65px;
	}

	.footer_map_list {
		flex-direction: column;
		gap:30px;
	}

	.fm_tit {
		gap:5px;
	}



}



/* 반응형 중간기기 480사이즈 이하 */
@media screen and (max-width: 480px) {

	header {
		opacity:0;
	}

	
	.content01_list {
		gap:5px;
	}

	.co_tit {
		font-size:24px;
	}

	.co_tit span {
		font-size:32px;
	}

	.unit_text {
		padding:16px 16px;
	}

	.unit_tit {
		font-size:24px;
	}

	.unit_tit span {
		font-size:12px;
	}

	.unit_txt {
		font-size:14px;
	}

	.list_unit {
		width:calc((100% - 5px)/2);
	}


	.content02 > div {
		background-image:none;
		padding:24px;
	}

	.bg_yellow {
		text-align:center;
	}

	.content02_unit a {
		margin:0 auto;
		background-image:none;
	}

	.content02_unit dl {
		justify-content:center;
	}



}



/* 반응형 중간기기 360사이즈 이하 */
@media screen and (max-width: 376px) {	
 
 	.list_unit {
		width:100%;
	}

}