@charset "urf-8";

/*
 * BOOTSTRAP 4.X 기반
 * http: //ETY.KR
 * 상업적 또는 영리로 이용 가능하며 제작의뢰 받아서 유료로 작업을 해도 됩니다.
 * 사용하셔도 되지만 다른곳에 배포하지 마세요.(저작권관련 문제가 발생될 수 있습니다.)
 * 배포, 재배포는 에티테마(http: //ety.kr) , 소프트존(http: //www.softzone.co.kr) 만 가능하며 솔루션으로 재판매할 수 없으며 지적재산권을 주장할 수 없습니다.

	font-family: 'Roboto', sans-serif;
	font-family: 'Nanum Gothic', sans-serif;
	font-family: 'Noto Sans KR', sans-serif;
	font-family: 'Open Sans', sans-serif;
	font-family: 'Raleway', sans-serif;

 * Start Bootstrap - Modern Business (https: //startbootstrap.com/template-overviews/modern-business)
 * Copyright 2018-2021 Start Bootstrap
 * Licensed under MIT (https: //github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */
body { /* overflow-X: hidden !important; */ font-family: "Pretendard", -apple-system, sans-serif; font-weight: 400; letter-spacing: -1.5px; }
button, input, select, textarea, a, span, strong, em, b, sub { font-family: inherit; }
::selection { background: #ddd; color: #fff; }

dl, ol, ul { margin: 0; }
p { margin: 0; font-size: 1.125rem; }

.br991 { display: none; }
.br768 { display: none; }
.br640 { display: none; }
.br568 { display: none; }
.br390 { display: none; }
.br360 { display: none; }

/* S-CoreDream */

@font-face {
	font-family: 'S-CoreDream';
	src: url('/theme/theme_wide_17/S-CoreDream/S-CoreDream-1Thin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: 'S-CoreDream';
	src: url('/theme/theme_wide_17/S-CoreDream/S-CoreDream-2ExtraLight.woff') format('woff');
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: 'S-CoreDream';
	src: url('/theme/theme_wide_17/S-CoreDream/S-CoreDream-3Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'S-CoreDream';
	src: url('/theme/theme_wide_17/S-CoreDream/S-CoreDream-4Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'S-CoreDream';
	src: url('/theme/theme_wide_17/S-CoreDream/S-CoreDream-5Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'S-CoreDream';
	src: url('/theme/theme_wide_17/S-CoreDream/S-CoreDream-6Bold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'S-CoreDream';
	src: url('/theme/theme_wide_17/S-CoreDream/S-CoreDream-7ExtraBold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'S-CoreDream';
	src: url('/theme/theme_wide_17/S-CoreDream/S-CoreDream-8Heavy.woff') format('woff');
	font-weight: 800;
	font-style: normal;
}
@font-face {
	font-family: 'S-CoreDream';
	src: url('/theme/theme_wide_17/S-CoreDream/S-CoreDream-9Black.woff') format('woff');
	font-weight: 900;
	font-style: normal;
}

/* Pretendard */

@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url('/theme/theme_wide_17/Pretendard/Pretendard-Black.woff2') format('woff2'), url('/theme/theme_wide_17/Pretendard/Pretendard-Black.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url('/theme/theme_wide_17/Pretendard/Pretendard-ExtraBold.woff2') format('woff2'), url('/theme/theme_wide_17/Pretendard/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('/theme/theme_wide_17/Pretendard/Pretendard-Bold.woff2') format('woff2'), url('/theme/theme_wide_17/Pretendard/Pretendard-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url('/theme/theme_wide_17/Pretendard/Pretendard-SemiBold.woff2') format('woff2'), url('/theme/theme_wide_17/Pretendard/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url('/theme/theme_wide_17/Pretendard/Pretendard-Medium.woff2') format('woff2'), url('/theme/theme_wide_17/Pretendard/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url('/theme/theme_wide_17/Pretendard/Pretendard-Regular.woff2') format('woff2'), url('/theme/theme_wide_17/Pretendard/Pretendard-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url('/theme/theme_wide_17/Pretendard/Pretendard-Light.woff2') format('woff2'), url('/theme/theme_wide_17/Pretendard/Pretendard-Light.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url('/theme/theme_wide_17/Pretendard/Pretendard-ExtraLight.woff2') format('woff2'), url('/theme/theme_wide_17/Pretendard/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url('/theme/theme_wide_17/Pretendard/Pretendard-Thin.woff2') format('woff2'), url('/theme/theme_wide_17/Pretendard/Pretendard-Thin.woff') format('woff');
}



.container { width: 100%; margin: 0 auto; padding: 0; }

@media screen and (min-width: 1200px){

	.container { max-width: 1200px; }

}

@media screen and (max-width: 991px){

	.container { padding: 0 2.25vw; max-width: 91%; }

}

@media screen and (max-width: 850px){

	.container { }

}

@media screen and (max-width: 768px){

	.container { padding: 0 6.25vw; max-width: 100%; }


}

@media screen and (max-width: 576px){

	.container {  }

}



a { color: #666666; }
a:hover { color: #ddd; text-decoration: none; }


.list-group-item.active { z-index: 2; background-color: #6c757d; border-color: #6c757d; color: #fff; }
.navbar .dropdown.show a:active { background-color: #6c757d; }
.bg-white { background-color: #ffffff!important; box-shadow: rgba(0, 0, 0, 0.11765) 0px 1px 3px; background-color: rgba(255, 255, 255, 0.98); }

.ks2 { font-weight: 200; }
.ks3 { font-weight: 300; }
.ks4 { font-size: clamp(2rem, 5vw, 3rem); font-weight: 300; color: #fff; line-height: 1; }
.ks4 span { font-weight: 600; }

.ks5 { font-weight: 500; }
.ks9 { font-weight: 900; }
.na { font-family: 'NanumSquareRound'; }
.d-md-block h3 { }
.col-md-12 .f12 span { margin-left: 20px; }
.col-md-12 .f12 { margin: -8px 0 0 90px; }

.ko { font-family: 'Noto Sans KR'; }
.ko1 { font-family: 'Noto Sans KR'; }
.ko2 { font-family: 'Gulim'; }
.ko3 { font-family: 'Nanum Gothic', sans-serif; }

.ko_12 { font-family: 'Noto Sans KR', sans-serif; font-size: 12px; }
.ko_13 { font-family: 'Noto Sans KR', sans-serif; font-size: 13px; }
.ko_14 { font-family: 'Noto Sans KR', sans-serif; font-size: 14px; }
.ko_15 { font-family: 'Noto Sans KR', sans-serif; font-size: 15px; }
.ko_16 { font-family: 'Noto Sans KR', sans-serif; font-size: 16px; }
.ko_17 { font-family: 'Noto Sans KR', sans-serif; font-size: 17px; font-weight: 400; line-height: 1.8; }
.ko_18 { font-family: 'Noto Sans KR', sans-serif; font-size: 18px; }
.ko_19 { font-family: 'Noto Sans KR', sans-serif; font-size: 19px; }
.ko_20 { font-family: 'Noto Sans KR', sans-serif; font-size: 20px; }

.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f15 { font-size: 15px; }
.f16 { font-size: 16px; }
.f17 { font-size: 17px; }
.f18 { font-size: 18px; }
.f19 { font-size: 19px; }
.f20 { font-size: 20px; }
.f21 { font-size: 21px; }
.f22 { font-size: 22px; }
.f23 { font-size: 23px; }
.f24 { font-size: 24px; }
.f25 { font-size: 25px; }

.fw1 { font-weight: 100; }
.fw2 { font-weight: 200; }
.fw3 { font-weight: 300; }
.fw4 { font-weight: 400; }
.fw5 { font-weight: 500; }
.fw6 { font-weight: 600; }
.fw7 { font-weight: 700; }

.lh19 { line-height: 1.9; }
.lh20 { line-height: 2; }

.color-white { color: #c3c3c3; }
.color-sky-blue { background: #cce5ff; }
.color-green { background: #d4edda; }
.d-md-block p { margin-top: 50px; font-size: 1.1rem; font-weight: 500; color: #fff; }
.sun06 { text-align: center; }

.portfolio-item { margin-bottom: 30px; }
.t1 { width: 40px; }
.t2 { height: 17px; }

.subpage .top-banner { position: relative; display: flex; justify-content: center; align-items: center; }





.all-wrap { position: relative; overflow: hidden; /* min-height: 60svh; */ }
.all-wrap > * { background: #fff; }

/* HEAD-LINE **********/

h3 { /*text-align: center; */}
.subtitle { margin: 0 0 50px; }
.mt3 { margin-top: 20px; }
.head-line { line-height: 0.5; text-align: center; }
.head-line span { display: inline-block; position: relative; }
.head-line span:before,
.head-line span:after { content: ""; position: absolute; height: 5px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; top: 0; width: 100px; }
.head-line span:before { right: 100%; margin-right: 15px; }
.head-line span:after { left: 100%; margin-left: 15px; }
.subbg { background: url('../img/subbg.jpg'); }

/* .navbar { min-height: 80px; } */

/* .navbar-brand { padding: 0 15px; height: 80px; line-height: 80px; } */


.bg-dark { background-color: #595757 !important; }
.text-white01 { color: #3e3a39; }



/* 헤딩 **********/

.center-heading { text-align: center; margin-bottom: 40px; }
.center-heading p { margin-top: 10px; }
.center-line { display: inline-block; width: 70px; height: 1px; border-top: 1px solid #bbb; margin: auto; }



/* visual **********/

#carouselExampleIndicators { height: 100svh; }
#carouselExampleIndicators .carousel-inner { height: 100%; }

#carouselExampleIndicators .scroll-spy { color: #fff; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); white-space: nowrap; }
#carouselExampleIndicators h3 { height: 3em; line-height: 1.5; }

#carouselExampleIndicators video,
#carouselExampleIndicators img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }



/* info-wrap **********/


.info-wrap { padding: 150px 0 75px; }
.info-wrap h2 { margin-bottom: 25px; font-size: clamp(1.5rem, 5vw, 2.375rem); font-weight: 700; line-height: 1.4; }
.info-wrap h2 span { font-weight: 700; }

.info-wrap .row { margin-left: unset; margin-right: unset; flex-flow: row wrap; }

.info-wrap .title-wrap { margin-bottom: 25px; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; }
.info-wrap .title-wrap > * { width: 50%; }
.info-wrap .title-wrap .img-box {}
.info-wrap .title-wrap .img-box img { width: 100%; }

.info-wrap .title-wrap .inner { padding: 0 0 25px 25px; place-self: end; }

.info-wrap ul { display: flex; flex-flow; row nowrap; justify-content: center; align-items: center; }
.info-wrap ul li { margin-right: 25px; }
.info-wrap ul li:last-child { margin-right: 0; }
.info-wrap ul li img { width: 100%; }





.icon_comma { display: inline-block; margin-left: 2px; width: 0.25em; height: 1em; background: url(/theme/theme_wide_17/img/icon_comma.png)no-repeat center bottom/contain; color: transparent; filter: invert(1); vertical-align: middle; }
.paf { padding: 0px}
.material-icons img { width: 100%; }



/* parallax **********/


.parallax-window { position: relative; padding: 0; display: flex; align-items: center; }
.parallax-window .row { width: 100%; /* padding: 90px 0px; */ }
.parallax-window .para-box { width: 100%; }
.parallax-window .para-box p { margin-bottom: 10px; font-size: 1rem; line-height: 1.2; text-align: center; color: #222; }
.parallax-window .para-box p:last-child { margin-bottom: 0; }
.para_count { padding-top: 50px; }
.parallax-window .para-box img { width: 100%; object-fit: cover; object-position: center; }



.main_desc { padding: 150px 0 75px; text-align: center; }
.main_desc .row { }
.main_desc .inner { width: 100%; }
.main_desc .title-box { margin-bottom: 20px; }
.main_desc h2 { margin-bottom: 10px; font-size: clamp(1.875rem, 5vw, 2.375rem); font-weight: 300; text-align: left; }
.main_desc h2 span { font-weight: 700; }
.main_desc p { text-align: left; }
.main_desc .img-line { margin-bottom: 10px; }

.main_desc ul { display: flex;-flex-flow: row wrap; justify-content: center; align-items: start; }
.main_desc ul li { margin-right: 25px; }
.main_desc ul li:last-child { margin-right: 0; }
.main_desc ul li img { width: 100%; }


.dotted { margin-bottom: 25px; line-height: 1; }
.dotted p { display: flex; flex-flow: row nowrap; justify-content: center; }
.dotted span { margin-right: 15px; font-size: 0; display: inline-block; width: 7px; height: 7px; background: #000; border-radius: 50%; }
.dotted span:last-child { margin-right: 0; }

.last-box { padding: 150px 0; text-align: center; }
.last-box h2 { margin-bottom: 20px; font-size: clamp(2rem, 5vw, 2.375rem); text-align: center; font-weight: 300; }
.last-box h2 span { font-weight: 700; }




/*callbox **********/

.callbox { background: #f2f2f2; margin-top: 50px; padding-top: 60px; padding-bottom: 60px; }

.cont { text-align: center; font-size: 3vw; font-weight: 700; color: #3e3a39}
.cont01 { text-align: center; font-size: 1.2vw; font-weight: 600; color: #797979; line-height: 27px; margin-top: 30px; }



/*footer*/

.a-link a { color: #ffffff; }
.bg-gray { background: #454545; }
.bg-gray div { padding: 15px; }

footer { background: #222; letter-spacing: 0; }
footer .footer { height: 25%; }
footer .footer .inner { display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; padding: 50px 0 0; }


footer .footer h2 { margin: 0 auto 25px; width: 100%; text-align: center; }
footer .footer h2 a { display: block; width: 100%; max-width: 140px; }
footer .footer h2 a img { width: 100%; }

footer .footer .ft_info { display: flex; flex-flow: row wrap; justify-content: start; align-items: start; max-width: 50%; width: 100%; }
footer .footer .ft_info p { margin-bottom: 0px; width: 100%; font-size: 0.8125rem; color: #fff; line-height: 1.6; }
footer .footer .ft_info p:last-child { margin-bottom: 0; }
footer .footer .ft_info p a { color: inherit; }

footer .footer .ft_sns { display: flex; flex-flow: row wrap; justify-content: start; align-items: center; padding: 0; }
footer .footer .ft_sns p { margin-right: 15px; color: #fff; font-size: 0.8125rem; }
footer .footer .ft_sns p:last-child(3) { margin: 0; }
footer .footer .ft_sns p a { font-size: inherit; color: #afafaf; }
footer .footer .ft_sns p a:hover { color: #666; }

footer .email-txt {  }
footer p.copy { margin-bottom: 0; padding: 25px 0; color: #fff; font-size: 0.8125rem; text-align: right; opacity: 0.5; }


/* 상하 좌우 조절 **********/

.margin-top-10 { margin-top: 10px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-50 { margin-top: 50px; }
.margin-top-60 { margin-top: 60px; }
.margin-top-70 { margin-top: 70px; }
.margin-top-80 { margin-top: 80px; }
.margin-top-90 { margin-top: 90px; }
.margin-top-100 { margin-top: 100px; }
.margin-top-110 { margin-top: 110px; }
.margin-top-120 { margin-top: 120px; }
.margin-top-130 { margin-top: 130px; }
.margin-top-140 { margin-top: 140px; }
.margin-top-150 { margin-top: 150px; }

.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-bottom-40 { margin-bottom: 40px; }
.margin-bottom-50 { margin-bottom: 50px; }
.margin-bottom-60 { margin-bottom: 60px; }
.margin-bottom-70 { margin-bottom: 70px; }
.margin-bottom-80 { margin-bottom: 80px; }
.margin-bottom-90 { margin-bottom: 90px; }
.margin-bottom-100 { margin-bottom: 100px; }
.margin-bottom-110 { margin-bottom: 110px; }
.margin-bottom-120 { margin-bottom: 120px; }
.margin-bottom-130 { margin-bottom: 130px; }
.margin-bottom-140 { margin-bottom: 140px; }
.margin-bottom-150 { margin-bottom: 150px; }

.margin-left-10 { margin-left: 10px; }
.margin-left-20 { margin-left: 20px; }
.margin-left-30 { margin-left: 30px; }
.margin-left-40 { margin-left: 40px; }
.margin-left-50 { margin-left: 50px; }
.margin-left-60 { margin-left: 60px; }
.margin-left-70 { margin-left: 70px; }
.margin-left-80 { margin-left: 80px; }
.margin-left-90 { margin-left: 90px; }
.margin-left-100 { margin-left: 100px; }
.margin-right-10 { margin-right: 10px; }
.margin-right-20 { margin-right: 20px; }
.margin-right-30 { margin-right: 30px; }
.margin-right-40 { margin-right: 40px; }
.margin-right-50 { margin-right: 50px; }
.margin-right-60 { margin-right: 60px; }
.margin-right-70 { margin-right: 70px; }
.margin-right-80 { margin-right: 80px; }
.margin-right-90 { margin-right: 90px; }
.margin-right-100 { margin-right: 100px; }

.padding-top-10 { padding-top: 10px; }
.padding-top-20 { padding-top: 20px; }
.padding-top-30 { padding-top: 30px; }
.padding-top-40 { padding-top: 40px; }
.padding-top-50 { padding-top: 50px; }
.padding-top-60 { padding-top: 70px; }
.padding-top-70 { padding-top: 70px; }
.padding-top-80 { padding-top: 80px; }
.padding-top-90 { padding-top: 90px; }
.padding-top-100 { padding-top: 100px; }
.padding-top-110 { padding-top: 110px; }
.padding-top-120 { padding-top: 120px; }
.padding-top-130 { padding-top: 130px; }
.padding-top-140 { padding-top: 140px; }
.padding-top-150 { padding-top: 150px; }

.padding-bottom-10 { padding-bottom: 10px; }
.padding-bottom-20 { padding-bottom: 20px; }
.padding-bottom-30 { padding-bottom: 30px; }
.padding-bottom-40 { padding-bottom: 40px; }
.padding-bottom-50 { padding-bottom: 50px; }
.padding-bottom-60 { padding-bottom: 60px; }
.padding-bottom-70 { padding-bottom: 70px; }
.padding-bottom-80 { padding-bottom: 80px; }
.padding-bottom-90 { padding-bottom: 90px; }
.padding-bottom-100 { padding-bottom: 100px; }

.padding-bottom-110 { padding-bottom: 110px; }
.padding-bottom-120 { padding-bottom: 120px; }
.padding-bottom-130 { padding-bottom: 130px; }
.padding-bottom-140 { padding-bottom: 140px; }
.padding-bottom-150 { padding-bottom: 150px; }
.fa-list:before { line-height: 35px; }
.fa-reply:before { line-height: 35px; }
.fa-pencil:before { line-height: 35px; }
.fa-cog:before { line-height: 35px; }


.bonn { width: 70%; float: right; font-size: 0.85rem !important; padding-top: 20px; }
.col-lg-3 { -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%; }

.p-r { position: relative; }
.p-a { position: absolute; }

.pa { margin-bottom: 2rem !important; }
.para-text h2 { line-height: 2.5; }
.display-4 { font-size: 2.5rem; font-weight: 300; line-height: 1.2; }

.fla { display: flex; width: 1200px; margin: 0 auto 80px; }
.fla img { width: 25% !important}


.df01 { display: flex !important; }

.fla33 { display: flex; width: 1200px; margin: -150px auto 0 !important; padding-top: 50px; }
.fla33 img { width: 33.3% !important; padding-left: 0.5rem !important; }
.fla33 img:first-child { padding-left: 0rem !important; }

.fla2 { width: 1200px; margin: auto; }
.fla2 .w70 { width: 70%; float: right; padding-left: 10rem; }
.fla2 .w30 { width: 30%; float: left; }
.fla2 .w70 img { width: 95% !important; }
.fla2 .w30 img { width: 100% !important; }


.color_666 { color: #666; }
.bg-gray2 { background: #f2f2f2; padding-bottom: 20px; padding-top: 20px; }

.heading { font-size: 18px; line-height: 24px; }
.pro-icon i { font-size: 24px; }

.container button:focus { outline: 0px dotted !important; outline: 0px auto -webkit-focus-ring-color !important; }

.p-md-5 { padding: 0rem !important; }
.para-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.home { color: #fff; font-size: 5rem; font-weight: 600; }
.mt5 { margin-top: 5rem; }
.mu02 { margin-right: 0 !important; }

.me03 { margin-right: -60px; }
/* .navbar-dark .navbar-toggler-icon { background-image: url(/theme/theme_wide_17/img/top_top.png) !important; } */
.img-fluid { width: 96%}
.sub11 { max-width: 100%; margin-top: 3rem; text-align: center; width: 100%; background: url(/theme/theme_wide_17/img/sub0301_01.png) no-repeat center top; background-size: cover; height: 230vw; }
.sub12 { max-width: 100%; margin-top: 3rem; text-align: center; width: 100%; background: url(/theme/theme_wide_17/img/sub0302_01.png) no-repeat center top; background-size: cover; height: 61vw; padding-bottom: 5em; }
.sub13 { max-width: 100%; margin-top: 3rem; text-align: center; width: 100%; background: url(/theme/theme_wide_17/img/sub0401-1.png) no-repeat center top; background-size: cover; height: 61vw; padding-bottom: 5em; }
.subim { margin-top: 5rem; text-align: center; height: 400px; background: url(/theme/theme_wide_17/img/sub_01.png) no-repeat center center; }
.subim span { color: #fff; max-width: 1200px; width: 100%; margin: auto; display: inline-block; transform: translateY(35%); font-size: 1vw; margin-top: 6rem; }
.conter05 { padding-top: 5rem; font-size: 0.75rem; line-height: 1.5rem; }
.p-md-5 { padding: 0rem!important; }

#bo_gall, #bo_v, #bo_w { max-width: 1200px; width: 100%; margin: auto; }
#bo_v #bo_gall { max-width: 1200px; width: 100%; margin: auto; }

.top_sub { position: absolute; left: 50%; transform: translate(-50%, -140%); text-align: center; color: #fff; font-size: 4rem; font-weight: 600; /*background-color: #fff; z-index: 10; position: relative; height: 100px; max-width: 100%; */}
.carousel-item { height: 550px;; min-height: 550px; background: no-repeat center center scroll; background-size: cover; }
nav .ety-main .position-relative .about-bg { background-image: url(/theme/theme_wide_17/img/sub_top_05.png)!important; height: 22rem !important; }

/* .top-banner { background: url(/theme/theme_wide_17/img/sub_top.png)no-repeat center/cover; text-align: center; } */
.top-banner.board-banner { height: 50vh; height: 50svh; }
.top-banner.custom-banner { height: 100vh; height: 100svh; }
.custom-banner h2 { position: relative; z-index: 5; color: #fff; font-weight: 700; font-size: 3.5rem; }
.custom-banner p { position: relative; z-index: 5; margin-bottom: 0; text-align: left; color: #fff; line-height: 1.6; font-size: 1.5rem; }
.custom-banner p:nth-child(2) { padding-top: 30px; }


.content-tit01 { margin-top: 5rem}

.top_sub01 { text-align: center; color: #fff; font-size: 3rem; font-weight: 600; display: flex; }
.top_sub02 { text-align: center; color: #fff; font-size: 3rem; font-weight: 600; display: flex; }

.location1 { width: 100%; height: 100%}
.about-bg01 { background-image: url(/theme/theme_wide_17/img/sub_top_01.png)!important; height: 22rem !important; background-position: center center !important; background-repeat: no-repeat !important; color: #fff !important; margin-top: 15px; display: flex; align-items: center; justify-content: center; }

.about-bg02 { background-image: url(/theme/theme_wide_17/img/sub_top_02.png)!important; height: 22rem !important; background-position: center center !important; background-repeat: no-repeat !important; color: #fff !important; margin-top: 15px; display: flex; align-items: center; justify-content: center; }

.about-bg03 { background-image: url(/theme/theme_wide_17/img/sub_top_03.png)!important; height: 22rem !important; background-position: center center !important; background-repeat: no-repeat !important; color: #fff !important; margin-top: 15px; display: flex; align-items: center; justify-content: center; }


.about-bg04 { background-image: url(/theme/theme_wide_17/img/sub_top_04.png)!important; height: 22rem !important; background-position: center center !important; background-repeat: no-repeat !important; color: #fff !important; margin-top: 15px; display: flex; align-items: center; justify-content: center; }

.nav-link { display: block; font-weight: 700; }



/* 서브메뉴 가로 크기 */

.dropdown-menu { min-width: unset; }

.icon span { font-size: 60px; width: 100%; }

.form-control { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0px; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; }

.cbox { color: #333; background: #fff; padding: 60px 20px; }
.cbox div { text-align: center; }
.cbox span { font-size: 60px}
.cbox p { margin-top: 10px; font-weight: 600; }




/* ===== swiper-container ===== */

.rolling-cont { width: 100%; /* max-height: 350px; */ margin-left: auto; margin-right: auto; }
.rolling-cont::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background: linear-gradient(90deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 20%, rgba(255,255,255,0) 20.01%, rgba(255,255,255,0) 79.99%, rgba(255,255,255,0.5) 80%, rgba(255,255,255,0.5) 100%); }
.rolling-cont { padding: 150px 0; }
.rolling-cont .swiper-wrapper { transition-timing-function: linear; height: auto; }
.rolling-cont .swiper-wrapper .swiper-slide > div { width: 100%; }
.rolling-cont .swiper-wrapper .swiper-slide > div ul { overflow: hidden; position: relative; margin-bottom: 0; }
.rolling-cont .swiper-wrapper .swiper-slide > div ul li { overflow: hidden; height: max-content; }
.rolling-cont .swiper-wrapper .swiper-slide > div ul li:first-child { }
.rolling-cont .swiper-wrapper .swiper-slide > div ul li.text01 { opacity: 0.2; }
.rolling-cont .swiper-wrapper .swiper-slide > div ul .text01 { position: absolute; width: 100%; font-size: 3.5rem; font-weight: 700; color: #fff; text-align: left; line-height: 1; }

.rolling-cont .swiper-wrapper .swiper-slide:nth-child(odd) .text01 { left: -5px; top: -10px; }
.rolling-cont .swiper-wrapper .swiper-slide:nth-child(even) .text01 { text-align: right; bottom: -10px; right: -5px; }

.rolling-cont .swiper-wrapper .swiper-slide img { width: 100%; object-fit: contain; /* aspect-ratio: 1; */ border-radius: 0; }

/*.rolling-cont .swiper-wrapper .swiper-slide { opacity: 0.5 }
.rolling-cont .swiper-wrapper .swiper-slide-active,
.rolling-cont .swiper-wrapper .swiper-slide-prev,
.rolling-cont .swiper-wrapper .swiper-slide-next { opacity: 1; }*/

.swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.bgimg { background: url('/theme/theme_wide_17/img/slide.png') no-repeat center center !important; }
.col-lg-2 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.info-pink img { width: 100%; }
.btn_sucs_interview { display: block; width: 350px; margin: 20px auto 80px; padding: 20px 0; color: #fff; font-weight: 700; text-align: center; background: #036eb7; }
.lat_list_one ul { border-bottom: 1px solid #595757; }
.ttfje { color: #3e3a39; font-size: 1.6rem; font-weight: 800; }
.ttfje span { color: #036eb7; }
.top01 { border-top: 1px solid #efefef; margin-top: 5em; }
#ctt_con { padding: 0px 0px !important; line-height: 1.6em; margin-top: -48px; }

.ety-main { /*margin-bottom: 0px !important*/}

.iim img { margin: auto; width: 100%; }
.dda p { margin-top: 2rem; font-size: clamp(1rem, 5vw, 1.25rem); }


.bgimg02 { content: ''; position: absolute; z-index: 1; top: 0; right: 50%; width: 95%; height: 100%; margin-right: -132%; background: rgba(255, 255, 255, .7); }



.video-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; /* 검정색 오버레이 */ opacity: 0.6; /* 투명도 조정, 필요에 따라 값을 조절하세요 */}
.top_sub01 { font-size: 3rem; }
.sub_004 { padding-top: 40px; }
.sub_002 { padding-top: 20px; }
.txt02 span { text-emphasis-style: dot; /*text-emphasis-color: #d32d73; */ }


/* ===== CONTACT US ===== */

.contact-wrap { padding: 150px 0; background: #f1f1f1; }
.contact-wrap h2 { display: none; margin: 0 auto; padding-left: 2em; max-width: 1200px; font-weight: 700; }
.contact-wrap > .row { position: relative; margin: 0 auto; width: 100%; max-width: 1200px; border: 1px solid #000; }
.contact-wrap > .row::before,
.contact-wrap > .row::after { content: ""; position: absolute; width: 3rem; height: 3rem; z-index: 10; }
/* .contact-wrap > .row::before { top: 0; left: 0; transform: translate(-50%, -50%); background: url(/theme/theme_wide_17/img/app_left.png)no-repeat center/contain; filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.3)); } */
/* .contact-wrap > .row::after { bottom: 0; right: 0; transform: translate(50%, 50%); background: url(/theme/theme_wide_17/img/app_right.png)no-repeat center/contain; filter: drop-shadow(-2px -4px 6px rgba(0,0,0,0.3)); } */
.contact-wrap > .row > div:nth-child(2) { padding: 30px; background: url(/theme/theme_wide_17/img/contact_bg.png)no-repeat center right/cover; }
.contact-wrap .map-box { width: 100%; }
.contact-wrap .map-box iframe { width: 100%; min-height: 300px; max-height: 500px; height: 100%; oaject-fit: cover; }

.contact-wrap .map-box #daumRoughmapContainer1712816854896 { width: 100%; height: 100%; }
.contact-wrap .map-box #daumRoughmapContainer1712816854896 .roughmap_maker_label .roughmap_lebel_text { padding: 10px 15px; font-size: 0.9375rem; background: #222; color: #fff; font-family: "Pretendard"; }
.contact-wrap .map-box #daumRoughmapContainer1712816854896 .roughmap_maker_label::after { filter: brightness(0); }
.contact-wrap .map-box #daumRoughmapContainer1712816854896 .wrap_controllers { background: rgba(255, 255, 255, 0.5); }



/* ==== BACK TO POSITION ==== */

.back-to-position { opacity: 0; transition: 1.5s; }
.back-to-position.up { transform: translateY(100%); }
.back-to-position.down { transform: translateY(-100%); }
.back-to-position.to-right { transform: translateX(-150px); }

.back-to-position.to-left { transform: translateX(150px); }
.show .back-to-position { opacity: 1; transform: translateX(0); }

.show .back-to-position.delay-0 { transition-delay: 0.1s; }
.show .back-to-position.delay-1 { transition-delay: 0.2s; }
.show .back-to-position.delay-2 { transition-delay: 0.3s; }
.show .back-to-position.delay-3 { transition-delay: 0.4s; }
.show .back-to-position.delay-4 { transition-delay: 0.5s; }
.show .back-to-position.delay-5 { transition-delay: 0.6s; }
.show .back-to-position.delay-6 { transition-delay: 0.7s; }
.show .back-to-position.delay-7 { transition-delay: 0.8s; }
.show .back-to-position.delay-8 { transition-delay: 0.9s; }
.show .back-to-position.delay-9 { transition-delay: 1s; }





@media screen and (max-width: 991px) {

.br991 { display: block; }


	.inner_wrap { padding: 50px 0; }
	.info-wrap { padding: 75px 0; }
	.main_desc.desc01 { padding: 150px 0 75px; }
	.main_desc.desc03 { padding: 75px 0 0; }
	.main_desc { padding: 75px 0; }


	.parallax-window { }

	.contact-wrap { padding: 50px 0 0; }
	.rolling-cont { padding: 50px 0; }

	footer .footer .inner { }
	footer .footer .ft_sns { place-self: start; }
	footer .footer .ft_info { max-width: 50%; }

	.inquiry_go { padding: 50px 0; }


}

@madia screen and (max-width: 875px){}

@media screen and (max-width: 768px) {

	.br768 { display: block; }

	.main_desc h2 { line-height: 1.4; }


	.info-wrap h2 {  }
	.info-wrap .title-wrap { align-items: start; }
	.info-wrap .title-wrap .img-box {  }
	.info-wrap .title-wrap .img-box img { }
	.info-wrap .title-wrap .inner { padding-bottom: 0; }


	.parallax-window .para-box p { font-size: 1rem; }

	.tane1 { font-size: 1.25rem; }

	footer .footer h2 { }
	footer .footer .ft_info { }
	footer .footer .ft_info p { width: auto; font-size: 0.8125rem; }
	footer .footer .ft_sns { max-width: 200px; }
	footer p.copy { text-align: center; }

}

@media screen and (max-width: 640px){

	.br640 { display: block; }
	footer .footer { height: max-content; }


}

@media screen and (max-width: 568px){

	.br568 { display: block; }


	.main_desc { padding: 100px 0 50px; }
	.main_desc ul { flex-flow: row wrap; justify-content: space-between; gap: 20px 10px; }
	.main_desc ul li { width: 48%; margin-right: 0; }
	.main_desc ul li .txt-line { text-align: center; }

	.info-wrap .title-wrap { margin-bottom: 0; }
	.info-wrap .title-wrap > * { width: 100%; }
	.info-wrap .title-wrap .inner { padding: 25px; }

	.rolling-cont::before { background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 10%, rgba(255, 255, 255, 0) 10.01%, rgba(255, 255, 255, 0) 89.99%, rgba(255, 255, 255, 0.5) 90%, rgba(255, 255, 255, 0.5) 100%); }

	.last-box { padding: 100px 0; }



}

@media screen and (max-width: 480px){

	p { font-size: 0.9375rem; }

	/* #carouselExampleIndicators .scroll-spy { left: 50%; transform: translate(-50%, -50%); } */

	.main_desc h2 { font-size: clamp(1.5rem, 5vw, 2.375rem); line-height: 1.2; }
	.main_desc ul li { margin-bottom: 10px; }
	.main_desc ul li:nth-child(3),
	.main_desc ul li:nth-child(4), { margin-bottom: 0; }
	.main_desc ul li .txt-line { font-size: 0.875rem; }

	.info-wrap h2 { line-height: 1.2; }
	.info-wrap ul { position: relative; justify-content: space-between; flex-flow: row wrap; row-gap: 10px; }
	.info-wrap ul::before { content: ''; position: absolute; bottom: 20px; right: 20px; width: 30%; height: 50px; background: url(/theme/theme_wide_17/img/logo.png)no-repeat center/contain; opacity: 0.2; filter: invert(1) brightness(1); }
	.info-wrap ul li { margin-right: 0; width: calc(50% - 5px); }
	.info-wrap ul li:last-child { margin-bottom: 0px; }

	.last-box h2 { font-size: clamp(1.5rem, 5vw, 2.375rem); line-height: 1.2; }


	footer .footer .ft_sns { justify-content: center; margin-bottom: 25px; width: 100%; max-width: 100%; }
	footer .footer h2 { margin: 0 auto 10px; text-align: center; }
	footer .footer h2 a { display: inline-block; }
	footer .footer .ft_info { justify-content: center; width: 100%; max-width: 100%; }
	footer .footer .ft_info p { width: 100%; text-align: center; }



}

@media screen and (max-width: 390px){



	.main_desc.desc01 { padding: 100px 0 50px; }

	.info-wrap .title-wrap p br { display: none; }




}

@media screen and (max-width: 360px){


	.br360 { display: block; }


	.main_desc { padding: 75px 0 25px; }
	.main_desc ul { gap: 0; }
	.main_desc ul li:last-child { margin-bottom: 0; }


}

@media screen and (max-width: 338px){

	.br768 { display: none; }

	.main_desc ul { align-items: center; justify-content: center; }
	.main_desc ul li { width: 90%; }

	.info-wrap ul li { width: 90%; }


	footer .footer .inner { padding: 25px 0 0; }
	footer .footer .ft_info p { margin-bottom: 5px; line-height: 1; }
	footer p.copy { padding: 10px 0; }


}