/* main */

.bx-wrapper {
	border:none;
	box-shadow:none;
	margin-bottom: 0;
}

.bx-wrapper img {
	display:inline-block;
}

.section-01 {
	margin-top: 120px;
}

.main-slider li {
	position:relative;
	height: calc(100vh - 100px);
	width: 100%;
	background-size:cover !important;
}

.main-slider li .bg {
	position:absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	width: 100%;
	height: 100%;
	
	
}

/* .main-slider li.first, */
.main-slider li.first .bg {
	background-position: center center;
	background-size:cover;
}

.main-slider li.second,
.main-slider li.second .bg {
	background-size:cover !important;
	background-position: center center;
}



@keyframes scale-bg {
	0% {
		transform:scale(1.2);
	}

	100% {
		transform:scale(1.0);
	}
}

.main-slider li .item {
    animation: zoomOut 1s 1s ease-in-out both;
    max-width: 1440px;
    width: 100%;
    margin: 8vh auto 0;
	text-align: center;
}

@keyframes zoomOut {
  from {
    opacity: 0;
	-webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
  }

  to {
    opacity: 1;
	-webkit-transform: scale3d(1.0, 1.0, 1.0);
    transform: scale3d(1.0, 1.0, 1.0);
  }
}


.section-01 .bx-wrapper .bx-pager {
	display:none;
}

.section-01 .left-box {
	position:absolute;
	left: 0;
	top: 0;
	bottom: 0;
	height: calc(100vh - 100px);
	width: 30vw;
	background-image:url('../img_n/main/s1_left_bg.png');
	background-size:cover;
	background-position:center 0;
	z-index: 100;
	!min-width: 450px;
	!animation:fadeInLeft 1s 200ms ease-in-out both;
}


@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.section-01 .left-box .text-box {
	width: 414px;
	height: 630px;
	position:absolute;
	left: 50%;
	top: 50%;
	transform:translate(-50%, -50%);
	text-align:center;
	opacity: 0;
}

.p-open .section-01 .left-box .text-box {
	animation: text-box 1s 1.2s ease-in-out both;
}

@keyframes text-box {
	0% {
		opacity: 0;
		clip:rect(0,208px,630px,208px);
	}

	100% {
		opacity: 1;
		clip:rect(0,414px,630px,0);
	}
}

.section-01 .left-box .text-box p {
	margin-bottom: 30px;
}

.section-01 .left-box .text-box p:last-child {
	margin-bottom: 0;
}


.section-02 {
	padding: 100px 0;
	text-align:center;
}

.section-02 .title {
	opacity: 0;
	margin-bottom: 100px;
}

.section-02.aos-animate .title {
	animation: zoomIn 700ms 300ms ease-in-out both;
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 1;
  }
}

.section-02 .row {
	max-width:1140px;
}

.section-02 .bx-wrapper {
	opacity: 0;
}

.section-02.aos-animate .bx-wrapper {
	opacity: 0;
	animation: fadeInUp 1s 500ms ease-in-out both;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.section-02 .premium-slider li {
	height: 501px;
}

.section-02 .premium-slider li .inner {
	width: 100%;
	height: 100%;
}

.section-02 .premium-slider li .more-btn {
	display:inline-block;
	font-size:18px;
	width: 175px;
	height: 50px;
	line-height:50px;
	border:1px solid #4a6670;
	position:absolute;
	right: 250px;
	bottom: 125px;
	letter-spacing:1px;
	color:#fff;
}


.section-02 .premium-slider li .more-btn:hover {
	background-color:#4a6670;
	color:#002a3a;
}

.section-02 .bx-wrapper .bx-pager {
	position:absolute;
	left: 0;
	text-align:right;
	top: 0px;
	padding-right: 485px;
	height: 50px;
}

.section-02 .bx-wrapper .bx-pager .bx-pager-item {
	position:relative;
	margin: 0 10px;
}

.section-02 .bx-wrapper .bx-pager .bx-pager-item::before {
	position:absolute;
	content:'';
	display:block;
	width: 1px;
	height: 10px;
	background-color:#d5d5d5;
	left: -10px;
	top: 50%;
	margin-top: -5px;
}

.section-02 .bx-wrapper .bx-pager .bx-pager-item:first-child::before {
	content:none;
}

.section-02 .bx-wrapper .bx-pager .bx-pager-item a,
.bx-wrapper .bx-pager.bx-default-pager a.active, 
.bx-wrapper .bx-pager.bx-default-pager a:focus, 
.bx-wrapper .bx-pager.bx-default-pager a:hover {
	background:none !important;
	border-radius:0px;
}



.section-02 .bx-wrapper .bx-pager .bx-pager-item:first-child a {
	background-image:url('../img_n/main/s2_indi01_off.png') !important;
	width: 36px;
	height: 21px;
}

.section-02 .bx-wrapper .bx-pager .bx-pager-item:first-child a.active {
	background-image:url('../img_n/main/s2_indi01_on.png') !important;
	width: 41px;
	height: 23px;
}

.section-02 .bx-wrapper .bx-pager .bx-pager-item:nth-child(2) a {
	background-image:url('../img_n/main/s2_indi02_off.png') !important;
	width: 39px;
	height: 20px;
}

.section-02 .bx-wrapper .bx-pager .bx-pager-item:nth-child(2) a.active {
	background-image:url('../img_n/main/s2_indi02_on.png') !important;
	width: 43px;
	height: 24px;
}

.section-02 .bx-wrapper .bx-pager .bx-pager-item:nth-child(3) a {
	background-image:url('../img_n/main/s2_indi03_off.png') !important;
	width: 39px;
	height: 21px;
}

.section-02 .bx-wrapper .bx-pager .bx-pager-item:nth-child(3) a.active {
	background-image:url('../img_n/main/s2_indi03_on.png') !important;
	width: 44px;
	height: 25px;
}

.section-02 .bx-wrapper .bx-pager .bx-pager-item:nth-child(4) a {
	background-image:url('../img_n/main/s2_indi04_off.png') !important;
	width: 39px;
	height: 20px;
}

.section-02 .bx-wrapper .bx-pager .bx-pager-item:nth-child(4) a.active {
	background-image:url('../img_n/main/s2_indi04_on.png') !important;
	width: 43px;
	height: 24px;
}

.section-02 .bx-wrapper .bx-prev {
	display:inline-block;
	position:absolute;
	left: 700px;
	bottom: 15px;
	width: 37px;
	height: 24px;
	background-image:url('../img_n/main/s2_arrow.png') !important;
	background-position: 0 center !important;
}

.section-02 .bx-wrapper .bx-next {
	display:inline-block;
	position:absolute;
	left: 737px;
	bottom: 15px;
	width: 38px;
	height: 24px;
	background-image:url('../img_n/main/s2_arrow.png') !important;
	background-position: 100% center !important;
}

.section-03 {
	padding-top: 100px;
	position:relative;
	z-index: 12;
}

.section-03 .row {
	max-width:1120px;
}

.section-03 .image {
	margin-left: -100px;
	margin-top: 5px;
	opacity: 0;
}

.section-03.aos-animate .image {
	animation: fadeInLeft2 1s 200ms ease-in-out both;
}

@keyframes fadeInLeft2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60px, 0, 0);
    transform: translate3d(-60px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


.section-03 .image img {
	display:block;
}

.section-03 .slider {
	position:relative;
	width: 552px;
	z-index: 11;
}

.section-03 .slider .title {
	margin-bottom: 20px;
	text-align:right;
}

.section-03 .bx-wrapper {
	background-color:transparent;
}

.section-03 .bx-wrapper .bx-pager {
	display:none;
}

.section-03 .right-bg {
	width: 0;
	height: 905px;
	position:absolute;
	z-index: 10;
	right: 0;
	bottom: -70px;
	background-image:url('../img_n/main/s3_right_bg.png');
	background-size:100%;
	background-size:cover;
}

.section-03.aos-animate .right-bg {
	animation: right-bg 700ms 1.2s ease-in-out both;
}

@keyframes right-bg {
	0% {
		width: 0;
		opacity: 0;
		height: 905px;
	}
	100% {
		opacity: 1;
		height: 905px;
		width: calc(50vw + 100px);
	}
}

 .section-03 .bx-wrapper,
 .section-03 .slider .title,
 .section-03 .view-more2-wrap{
	opacity: 0;
 }

 .section-03.aos-animate .view-more2-wrap,
 .section-03.aos-animate.slider .title,
 .section-03.aos-animate .bx-wrapper {
	animation: fadeIn 700ms 1.9s ease-in-out both;
 }

 @keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}


.section-03 .bx-wrapper .bx-prev {
	display:inline-block;
	position:absolute;
	left: -148px;
	bottom: 0;
	width: 50px;
	height: 52px;
	background-image:url('../img_n/main/s3_arrow.png') !important;
	background-position: 0 center !important;
}

.section-03 .bx-wrapper .bx-next {
	display:inline-block;
	position:absolute;
	left: -98px;
	bottom: 0;
	width: 51px;
	height: 52px;
	background-image:url('../img_n/main/s3_arrow.png') !important;
	background-position: 100% center !important;
}

.section-03 .view-more2-wrap {
	position:absolute;
	top: 154px;
	left: 0;
	width: 268px;
	text-align:center;
	line-height:369px;
	height: 269px;
}

.section-03 .view-more2 {
	cursor:pointer;
	display:inline-block;  
	width: 103px;
	height: 96px;
	background-image:url('../img_n/main/s3_right_more.png');
}

.section-03 .view-more2:hover {
	background-image:url('../img_n/main/s3_right_more_on.png');
}

.section-04 {
	padding: 170px 0 100px;
	background-image:url('../img_n/main/s4_bg.jpg');
	background-size:cover;
	background-position:center 100%;
}

.section-04 .row {
	max-width:1120px;
}

.section-04 .title {
	opacity: 0;
	text-align:center;
	margin-bottom: 80px;
}

.section-04 .content {
	opacity: 0;
}

.section-04.aos-animate .title {
	animation: fadeInUp 1s 200ms ease-in-out both;
}

.section-04.aos-animate .content {
		animation: fadeIn 1s 1.2s ease-in-out both;
}

/* Layer Popup 메인화면 팝업입니다. 삭제금지*/
.layerPopup { position: absolute;; z-index: 100}
.layerPopup .layerBox a { display: block}
.modal-today { display: flex; align-items: center; padding: 10px 20px; background: #fff}
.modal-today .checkboxSet { display: flex; align-items: center}
.modal-today .checkboxSet input[type=checkbox] { margin-top: 2px}
.modal-today .checkboxSet label { display: block; font-size: 14px; color: #666; margin-left: 5px; cursor: pointer}
.modal-today .modalClose { font-size: 14px; color: #666; margin-left: auto}





/*추가20241105*/
.m-section {display:none;}

.col-wrap {display: flex; flex-wrap: wrap; justify-content: center; gap: 24px;}
.col-wrap .col1-1 {width:100%;}
.col-wrap .col3-1 {width:calc(100% / 3 * 1 - 16px);}
.col-wrap .col3-2 {width:calc(100% / 3 * 2 - 12px);}
.col-wrap .col5-1 {width:calc(100% / 5 * 1 - 20px);}
.col-wrap .col5-2 {width:calc(100% / 5 * 2 - 12px);}
.col-wrap .col5-3 {width:calc(100% / 5 * 3 - 12px);}
.section-wrap {max-width: 1446px; margin: 0 auto;}
.sepa {height: 70px;}

.main-s1-banner {
    position: absolute;
    top: 180px;
    right: 0;
	display: flex;
    flex-direction: column;
}
.only-mobile {display:none;}

/*#section-01 {z-index: -1;}*/
#section-01 .section-wrap {max-width: unset;}
#section-01 .section-wrap .col-wrap {gap: unset;}
#section-01 .section-wrap .col-wrap .col5-2 {width: calc(100% / 5* 2); overflow: hidden; display: flex; flex-direction: column;}
#section-01 .section-wrap .col-wrap .col5-3 {width: calc(100% / 5* 3); position: relative;}
#section-01 .col-left .item {
	padding: 40px 20px;
	height:calc(100% / 2 - 12px);
	display: flex;
    align-items: center;
	justify-content: center;
}
#section-01 .col-left .item img {text-align: left; filter: drop-shadow(4px 4px 3px #00000080);}
#section-01 .col-left .item:last-child {display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; padding: 10px;}
#section-01 .col-left .item:last-child .img-wrap {
	width: calc(50% - 5px);
	height: calc(100% / 2 - 5px);
	border-radius: 10px;
	padding: 10px;
	display: flex;
    align-items: center;
    justify-content: center;
}
#section-01 .s1b {
    position: absolute;
    top: 0;
    max-width: 399px;
}
#section-01 .s1b img {	max-width: 65%;}
#section-01 .img-bt-wrap {
    position: absolute;
    bottom: 20px;
    right: 20px;
	max-width: 36%;
}

#section-02 {padding: 0; text-align: unset;}
#section-02 .section-wrap {max-width: unset;}
#section-02 .col1-1 {
    margin: 0 auto;
	padding: 20px;
}
#section-02 .col1-1 .items-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	margin: 20px 0;
}
#section-02 .col1-1 .items-wrap .item {
    width: calc(100% / 4 - 1px);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
#section-02 .col1-1 .items-wrap .item img {max-width: 342px;}
#section-02 .col1-1 .items-wrap .item:not(:last-child):after {
    content: '';
	position: absolute;
    right: 0;
    display: block;
    width: 1px;
    height: 190px;
    margin-top: -15px;
	background-color: #ffffff30;
}
#section-02 .col1-1 .items-wrap2 {display: flex; gap: 24px; padding: 20px 0;}
#section-02 .col1-1 .items-wrap2 .item-wrap {display: flex;flex-direction: column; gap: 24px; justify-content: space-around;}
#section-02 .col1-1 .items-wrap2 .item-wrap .item {background-color: #ffff; border-radius: 20px; padding: 20px;}

#section-02 .tail {
    margin: 0 auto;
    text-align: right;
    padding: 10px 5px;
}

#section-03  {
	position: relative;
    margin-top: 150px;
	padding-bottom: 270px;
}
#section-03 .col3-2 img.location {
    margin-top: -20px;
}
#section-03:before {
	content: '';
    background-image: url('/img-new/main-s3-bg.jpg');
	background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 793px;
    bottom: 0;
    position: absolute;
    z-index: -1;
}
#section-03 .col1-1 {
    display: flex;
    flex-direction: column;
	align-items: flex-start;
    margin-bottom: 50px;
}
#section-03 .col3-2 img.location {margin-top: -110px;}
#section-03 .content1 .col3-1 > img:first-child {margin: 40px 0 50px;}
#section-03 .col5-2 {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 20px;
}
#section-03 .col5-2 .navi-wrap {
    width: 100%;
    margin-top: 190px;
    padding: 0px 40px;
}
#section-sb1 {
	text-align: center; 
	padding: 100px 60px;
	border-top: solid 30px;
    border-bottom: solid 30px;
}
#section-sb1 img {margin-bottom: 4%;}
#section-04  {
	background-position: bottom;
	background-size: cover;
	background-color: #e6e4de;
	position: relative;
	padding:120px 0 200px;
}
#section-04 .items-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    flex-direction: column;
}
#section-04 .items-wrap .item {
    width: calc(100% - 24px);
    text-align: center;
    background-color: #FFF;
    padding: 20px;
    border-radius: 24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
#section-04 .items-wrap .item img {margin-top: 100px;}
#section-04 .col1-1.title-wrap {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    margin-bottom: 50px;
}
#section-04 .col1-1 img.tail {margin-bottom: 60px;}
#section-04 .tail-wrap {
    text-align: right;
    width: 100%;
    margin-top: -30px;
    margin-bottom: 10px;
}

.main-slider li.first .item {text-align: left; filter: drop-shadow(0px 0px 15px #00000080);}
.col-wrap.align-bottom {align-items: flex-end;}
#section-04 .col5-3,
#section-04 .col5-2,
#section-04 .col5-1 {text-align: right;}
#section-04 .col-wrap.align-bottom {margin-top: -128px;}
#section-04 .col-wrap .sepa {height:17px;}

#section-05 {padding: 120px 0 200px;}
#section-05 .items-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    flex-direction: column;
}
#section-05 .items-wrap .item {
    width: calc(100% - 24px);
    text-align: center;
    background-color: #FFF;
    padding: 40px 20px;
    border-radius: 24px;
	border: solid 2px #8c6f4f;
}
#section-05 .items-wrap .item.img-wrap {padding: unset; overflow: hidden;}
#section-05 .items-wrap .item.img-wrap img {margin: unset !important;}

#section-05 .col-wrap {text-align: center;}
#section-05 .col1-1.unit img {
	margin: 8px;
	margin-bottom:100px;
}
#section-05 .title-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
	margin-bottom: 25px;
}
#section-05 .item {
    display: flex;
    flex-direction: column;
	align-items: center;
    gap: 20px;
}
#section-05 .col-wrap.align-bottom {margin-top: -128px;}

#section-06 {padding: 120px 0 200px;}
#section-06 .items-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    flex-direction: column;
}
#section-06 .items-wrap .item {
    width: calc(100% - 24px);
    text-align: center;
    background-color: #FFF;
    padding: 40px 20px;
    border-radius: 24px;
}
#section-06 .items-wrap .item img {
    width: 100%;
    max-width: 800px;
    object-fit: scale-down;
    object-position: left;
}

#section-06 .items-wrap .item.img-wrap {
    background-color: transparent;
    width: auto;
    padding: unset;
    border-radius: 24px;
    overflow: hidden;
}
#section-06 .items-wrap .item.img-wrap img {
	max-width: none;
    object-position: center;
	margin: 0px 0px !important;
}
#section-06 .col-wrap {text-align: center;}
#section-06 .col1-1.unit img {
	margin: 8px;
	margin-bottom:100px;
}
#section-06 .title-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
	margin-bottom: 25px;
}
#section-06 .item {
    display: flex;
    flex-direction: column;
	align-items: center;
    gap: 20px;
}
#section-06 .col-wrap.align-bottom {margin-top: -128px;}


.banner-blue {
    background-color: #041e43;
    width: calc(100% - 20px);
    margin: 30px auto 90px;
    text-align: center;
    border-radius: 20px;
    padding: 30px 0;
}
.call-banner {margin: 30px 0 100px;}


.img-txt {max-width: 90% !important; object-position: center !important;}
.item.unit-wrap {
	display: flex; 
	flex-wrap: wrap; 
	flex-direction: unset !important; 
	justify-content: space-evenly;
}

#section-03 .item-wrap {
    border: solid 3px #bd9c71;
    border-radius: 24px;
    overflow: hidden;
    width: 100%;
    max-width: 1300px;
    display: flex;
    flex-wrap: wrap;
	background-color: #ffffffab;
}
#section-03 .item-wrap .txt-wrap {padding: 24px 30px; max-width: 392px; position: relative;}
#section-03 .item-wrap .txt-wrap h2 {font-size: 48px; font-weight: 800; color: #015152;}
#section-03 .item-wrap .txt-wrap h4 {font-size: 35px; font-weight: 500; margin: 24px 0 0;color:#000000;}
#section-03 .item-wrap .txt-wrap p  {font-size: 24px; color:#666666; width: 100%;}
#section-03 .item-wrap .txt-wrap a {
	font-size: 28px;
	font-weight: 600;
	color: #ffffff;
	background-color: #333333;
	padding: 5px 20px;
	display: inline-block;
	border-radius: 30px;
	margin: 10px 0;
	margin-left: -5px;
}