#wrap { }

.main_visual {width: 100%;position: relative;overflow: hidden;background: linear-gradient(-90deg, #ececec 50%, transparent 50%); padding: 150px 0 110px;}
.main_visual > .inner {position: relative;}
.main_visual .vs_bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/main/vs_bg.png);z-index: -1;}
.visible_img {width: 500px;margin: 0 auto;z-index: 2;}
.visible_img .item {overflow: hidden; border-radius: 250px 250px 0 0 }
.visible_img .slick-prev {left: -60px;top: 55%;}
.visible_img .slick-prev:before {content: "";width: 37px;height: 80px;display: inline-block;background: url(../images/main/vs_prev.png) 0 0;opacity: 1;}
.visible_img .slick-next {right: -40px;top: 55%;}
.visible_img .slick-next:before {content: "";width: 37px;height: 80px;display: inline-block;background: url(../images/main/vs_next.png) 0 0;opacity: 1;}

.visual_list_text {position: absolute !important;left: 0;top: 0;width: 100%;height: 100%;}
.visual_list_text .text_warp {width: 100%;max-width: 1600px;margin: 0 auto;position: relative;}
.visual_list_text .item {height: 100%;}
.visual_list_text .inner {display: flex;justify-content: center;padding: 100px 0;}
.visual_list_text .text_1 > p {width: auto;text-align: center;line-height: 1.2;color: #fff;}
.visual_list_text .text_1 > p > img {display: inline-block;}
.visual_list_text .text_1 {width: 400px;}
.visual_list_text .text_1 > .txt_1-1{font-size: 32px;margin-bottom: 25px;}
.visual_list_text .text_1 > .txt_1-1 > strong{font-size: 130px;font-weight: 600;text-transform: uppercase;letter-spacing: -7px;line-height: 1;  display: block;}
.visual_list_text .text_1 > .txt_1-2 > strong{font-size: 20px;font-weight: 400;margin-bottom: 13px;display: block;}
.visual_list_text .text_1 > .txt_1-2{font-size: 18px;font-weight: 300;margin-bottom: 54px;}
.visual_list_text .text_1 > .txt_1-3{ }

.visual_list_text .text_2 {margin: 0;margin-left: auto;width: 400px;}
.visual_list_text .text_2 > p {width: auto; line-height: 1.2;}
.visual_list_text .text_2 > .txt_2-1{font-size: 20px;color: #676767;margin-bottom: 34px;}
.visual_list_text .text_2 > .txt_2-2{font-size: 54px;letter-spacing: -5px;color: #006a85;margin-bottom: 50px;}
.visual_list_text .text_2 > .txt_2-2 > span {display: block;}
.visual_list_text .text_2 > .txt_2-2 > strong{ }
.visual_list_text .text_2 > .txt_2-3{display: inline-block;background: #006a85;color: #fff;font-weight: 500;border-radius: 50px;padding: 12px 20px;}
.visual_list_text .text_2 > .txt_2-3 > span{font-weight: 300;}
.visual_list_text .slick-dots {bottom: 0;left: 6%;z-index: 10;width: auto;}
.visual_list_text .slick-dots li {width: auto;height: 100%;margin: 0 10px;}
.visual_list_text .slick-dots li button {border-radius: 50px;width: 32px;height: 32px;}
.visual_list_text .slick-dots li button:before  {width: 6px;height: 6px;font-size: 0;left: 50%;top: 50%;transform: translate(-50%, -50%);border-radius: 50px;opacity: 1;background: #ddd;}
.visual_list_text .slick-dots li.slick-active button {border:1px solid #fff}
.visual_list_text .slick-dots li.slick-active button:before {width: 6px;height: 6px;font-size: 0;opacity: 1;}


.visual_list_text .slick-active .inner .txt_1-1 {opacity: 0; animation: fadeIn 2s 0.2s forwards }
.visual_list_text .slick-active .inner .txt_1-2 {opacity: 0; animation: fadeInUp 1.3s .8s forwards }
.visual_list_text .slick-active .inner .txt_1-3 {opacity: 0; animation: fadeInUp 1s 1.6s forwards}
.visual_list_text .slick-active .inner .txt_2-1 {opacity: 0; animation: fadeIn 2s 0.2s forwards }
.visual_list_text .slick-active .inner .txt_2-2 {opacity: 0; animation: fadeInUp 1.3s .8s forwards }
.visual_list_text .slick-active .inner .txt_2-3 {opacity: 0; animation: fadeInUp 1s 1.6s forwards}



.main_visual .buttons {position: absolute;left: 13%;top: 86.5%;}
.main_visual .buttons button {width: 20px;height: 20px;}
.main_visual .buttons button.pause {background: url(../images/main/ico_pause.png)no-repeat center;}
.main_visual .buttons button.play {background: url(../images/main/ico_play.png)no-repeat center; display: none}




/*premium6*/
.premium_wrap {padding: 135px 0 110px;background: url('../images/main/section02_bg1.jpg') no-repeat; background-size: cover;text-align: center; transition: 0.5s}
.premium_wrap.bg1 {background-image: url('../images/main/section02_bg1.jpg'); }
.premium_wrap.bg2 {background-image: url('../images/main/section02_bg2.jpg'); }
.premium_wrap.bg3 {background-image: url('../images/main/section02_bg3.jpg'); }
.premium_wrap.bg4 {background-image: url('../images/main/section02_bg4.jpg'); }
.premium_wrap.bg5 {background-image: url('../images/main/section02_bg5.jpg'); }
.premium_wrap.bg6 {background-image: url('../images/main/section02_bg6.jpg'); }
.premium_wrap { }
.premium_wrap h1{position:relative }
.premium_wrap h1:before {content:"";position:absolute;left: 49%;top: -55px;width:1px;height: 36px;background: #fff;}
.premium_wrap ul{display: flex;justify-content: center;margin-top: 50px;}
.premium_wrap ul li {color: #fff;background: rgb(0 0 0 / 40%);width: 230px;margin: 0 1px;padding: 38px 0;font-weight: 300;font-size: 18px;transition:0.3s;}
.premium_wrap ul li:hover{background: #89634d;font-weight: 500;}
.premium_wrap ul li > i{background: url('../images/main/main_icon.png') no-repeat;width: 75px;height: 70px;display: block;margin: 0 auto;}
.premium_wrap ul li:nth-child(1) > i{background-position: 0 0;}
.premium_wrap ul li:nth-child(2) > i{background-position: -85px 0;}
.premium_wrap ul li:nth-child(3) > i{background-position: -170px 0;}
.premium_wrap ul li:nth-child(4) > i{background-position: -255px 0;}
.premium_wrap ul li:nth-child(5) > i{background-position: -340px 0;}
.premium_wrap ul li:nth-child(6) > i{background-position: -430px 0;}
.premium_wrap ul li > span{ margin-right: 5px; font-weight: 600; }
.premium_wrap .more_btn{margin-top: 60px;}
.premium_wrap .more_btn > a {color: #fff; padding: 10px 60px; border: 1px solid #fff; font-size: 18px}

/* main_배너 */
.banner_wrap{background:#f3eee8 }
.banner_wrap .inner{width: 100%;max-width: 1920px;}
.banner_wrap ul.banner { display: flex; width:100%}
.banner_wrap ul.banner > .slick-list {width: 100%}
.banner_wrap ul.banner li {display: flex;align-items: center;justify-content: center;flex: 1;background:#f0f0f0;padding: 165px 0 187px;border-right: 1px solid #d0d0d0;cursor: pointer;position: relative;}
.banner_wrap ul.banner li:last-child {border:none}
.banner_wrap ul.banner li > .text_box {font-family: 'NanumSquare';text-align: center;position: relative;z-index: 1;}
.banner_wrap ul.banner li > .text_box > i{width: 104px;height: 104px;background: #fff;margin: 0 auto 42px;border-radius: 50px;display: flex;justify-content: center;align-items: center;}
.banner_wrap ul.banner li > .text_box > i:before {content: "";width: 50px;height: 50px;background: url('../images/main/main_icon.png') no-repeat -9px -107px;display: inline-block;}
.banner_wrap ul.banner li:nth-child(1) > .text_box > i:before {background-position: -9px -107px}
.banner_wrap ul.banner li:nth-child(2) > .text_box > i:before {background-position: -95px -107px;}
.banner_wrap ul.banner li:nth-child(3) > .text_box > i:before {background-position: -179px -107px;}
.banner_wrap ul.banner li:nth-child(4) > .text_box > i:before {background-position: -265px -107px;}
.banner_wrap ul.banner li > .text_box > h2 {font-family: 'NanumSquareExtraBold';font-size: 20px;color: #333;margin-bottom: 36px;line-height: 1.2;}
.banner_wrap ul.banner li > .text_box > p {font-family: 'NanumSquareAce';font-size: 14px;color: #9a9a9a;letter-spacing: -2px;margin-bottom: 60px;}
.banner_wrap ul.banner li > .text_box > h3 {font-family: 'NanumSquareAcb';text-transform: uppercase;color: #6e6e6e;margin-bottom: 45px;}
.banner_wrap ul.banner li > .text_box > .hr{width: 1px;height: 70px;background: #000;display: inline-block;}
.banner_wrap ul.banner li > .text_box > .img{width: 140px;height: 130px;background: url('../images/main/main_icon.png') no-repeat 27px -202px;margin: 0 auto;}
.banner_wrap ul.banner li > .text_box.ban1 > .img {background-position: 27px -202px }
.banner_wrap ul.banner li > .text_box.ban2 > .img {background-position: -137px -196px;}
.banner_wrap ul.banner li > .text_box.ban3 > .img {background-position: 5px -312px;}
.banner_wrap ul.banner li > .text_box.ban4 > .img {background-position: -142px -312px;}
.banner_wrap ul.banner li > .bg_img {position: absolute;left: 0;top: 0;z-index: 0;opacity: 0;transition: .2s;width: 100%;}
.banner_wrap ul.banner li > .bg_img > img {width: 100%;}

.banner_wrap ul.banner li.on > .bg_img {opacity: 1}
.banner_wrap ul.banner li.on > .text_box * {color: #fff;}
.banner_wrap ul.banner li.on > .text_box > .hr,
.banner_wrap ul.banner li.on > .text_box > .img {visibility: hidden;}


/* location */
.location > .inner {padding: 75px 60px;}
.location_area {display: flex;justify-content: space-between;align-items: flex-end;}
.location_area .left{ width: 700px; padding:0 125px}
.location_area .left h1{margin-bottom: 25px;}
.location_area .left .add {font-size: 18px; margin-bottom: 25px; }
.location_area .left .add dl {display: flex;margin-bottom: 5px;}
.location_area .left .add dl dt{font-weight: 400;width: 80px;margin-right: 20px;position:relative}
.location_area .left .add dl dt:after {content:"";position:absolute;right:0;top: 7px;width:1px;height: 16px;background:#000}
.location_area .left .add dl dd{font-weight: 300;}

.location_area .left p{margin-bottom: 35px;}
.location_area .left p > span {font-weight: 500; width: 115px; display: inline-block;position: relative; margin-right: 10px;}
.location_area .left p > span::after{content: ""; position: absolute; top:30%; right:0; width: 1px; height: 65%; background: #000; }
.location_area .left .tel{font-size: 30px; font-weight: 700; display: flex; align-items: center}
.location_area .left .tel > i {display: inline-block; background: url(../images/main/tel.png) no-repeat #2a2a2b center;  background-size: 60%; width: 30px; height: 30px; border-radius: 50px; margin-right: 10px; }


.location_area .left .tab {margin: 0px auto;display: flex;width: 100%;}
.location_area .left .tab li {flex: 1;text-align: center;height: 35px;line-height: 35px;margin: 0;margin-left: -1px;background: #f8f8f8;border: 1px solid #e0e0e0;cursor: pointer;}
.location_area .left .tab li a {display: inline;color: black;text-align: center;text-decoration: none;padding: 10px;font-size: 18px;}
.location_area .left .tabcont {display: none;color:black;border: 1px solid #e0e0e0;border-top: none;margin-left: -1px;}
.location_area .left .tab li.on{background: #ffffff;border-bottom: none;}
.location_area .left .tab li.on a {color:#fff}
.location_area .left .tabcont.on {display: block;}



.location_area .right{width: calc(100% - 700px);height: auto;}
.location_area .right > div {position: relative; display: block;height: 0;visibility: hidden; overflow: hidden;}
.location_area .right > div  > a { position: absolute; z-index: 10;left: 0; bottom:0; width: 100px; height: 100px; background: #006b86; color:#fff; text-align: center; display: flex; justify-content: center; flex-direction: column; align-items: center; font-size: 15px; line-height: 1.2;}
.location_area .right > div  > a > i {width: 40px; height: 20px; background: url(../images/main/icon-arrow.png)no-repeat center; margin-top: 5px; }
.location_area .right > div.on {height: auto; visibility: visible;}

.location_area { }
.location_area .wrap_map {height: 100% !important;}

.main_map{position: relative; display:none}
.main_map.on{display:block;}
.main_map > a {position: absolute; z-index: 10;left: 0; bottom:0; width: 100px; height: 100px; background: #000d46; color:#fff; text-align: center; display: flex; justify-content: center; flex-direction: column; align-items: center; font-size: 15px; line-height: 1.2;}
.mamain_map > a > i {width: 40px; height: 20px; background: var(--icon_quick) -74px -65px; margin-top: 5px; }





@media all and (min-width:1900px) and (max-width:2000px) {
	.visual_list img {width:auto }
}

@media (max-width: 2000px) { }
@media (max-width: 1600px) { }
@media (max-width: 1400px) { }
@media (max-width: 1200px) { }

@media (max-width: 1024px) {
	.main_visual {padding: 0;}
	.m_visible_img.slick-dotted.slick-slider {margin-bottom:0}
	.m_visible_img .item {position: relative;}
	.m_visible_img .item img {width:100% }
	.m_visible_img ul.slick-dots {bottom: 20px;}
	.m_visible_img ul.slick-dots > li {display: inline-block;border: none;padding: 0;align-content: normal;background: none !important;}
	.m_visible_img ul.slick-dots > li.slick-active button {background: #38bddd;}
	.m_visible_img ul.slick-dots > li button {background:#a7a7a7;border-radius: 50px;width: 16px;height: 16px;}
	.m_visible_img ul.slick-dots > li button:before {display:none }

	.m_visible_img .text_1 > p {width: auto;text-align: center;line-height: 1.2;color: #fff;}
	.m_visible_img .text_1 > p > img {display: inline-block;width: auto;}
	.m_visible_img .text_1 {width: 400px;position: absolute;top: 120px;left: 50%;transform: translateX(-50%);}
	.m_visible_img .text_1 > .txt_1-1{font-size: 25px;margin-bottom: 10px;}
	.m_visible_img .text_1 > .txt_1-1 > strong{font-size: 110px;font-weight: 600;text-transform: uppercase;letter-spacing: -7px;line-height: 1;display: block;}
	.m_visible_img .text_1 > .txt_1-2 > strong{font-size: 18px;font-weight: 400;margin-bottom: 6px;display: block;}
	.m_visible_img .text_1 > .txt_1-2{font-size: 17px;font-weight: 300;margin-bottom: 54px;}


	/*premium6*/
	.premium_wrap {padding: 110px 0 60px;background: url('../images/main/m_section02_bg1.jpg') no-repeat; background-size: cover;}
	.premium_wrap.bg1 {background-image: url('../images/main/m_section02_bg1.jpg'); }
	.premium_wrap.bg2 {background-image: url('../images/main/m_section02_bg2.jpg'); }
	.premium_wrap.bg3 {background-image: url('../images/main/m_section02_bg3.jpg'); }
	.premium_wrap.bg4 {background-image: url('../images/main/m_section02_bg4.jpg'); }
	.premium_wrap.bg5 {background-image: url('../images/main/m_section02_bg5.jpg'); }
	.premium_wrap.bg6 {background-image: url('../images/main/m_section02_bg6.jpg'); }
	.premium_wrap h1 >  img {width: 35%;}
	.premium_wrap ul {flex-wrap: wrap;margin-top: 34px;}
	.premium_wrap ul li {width: calc(33.33% - 10px);margin-bottom: 2px;padding: 26px 0;}
	.premium_wrap .more_btn {background: none;margin: 0;padding: 40px 0 0;width: 100%;}
	.premium_wrap .more_btn:hover {background: none;width: 100%;}

	/* main_배너 */
	.banner_wrap .inner { padding: 0;}
	.banner_wrap ul.banner li {padding: 80px 0 55px;}
	.banner_wrap ul.banner li:hover {background:#282828;}
	.banner_wrap ul.banner li > .text_box > i {margin-bottom: 38px;}
	.banner_wrap ul.banner li > .text_box > h2 {margin-bottom: 27px;}
	.banner_wrap ul.banner li > .text_box > p  {height: 90px;overflow: hidden;margin-bottom: 40px;}
	.banner_wrap ul.banner li > .text_box > h3 {margin-bottom: 30px;}
	.banner_wrap ul.banner li > .text_box > .hr { height: 50px; margin-bottom: 0;}

	.banner_wrap ul.banner li.on > .bg_img  {bottom: 0;top: auto;}

	.banner_wrap ul.slick-dots {bottom: 20px;}
	.banner_wrap ul.slick-dots > li {display: inline-block;border: none;padding: 0;align-content: normal;background: none !important;}
	.banner_wrap ul.slick-dots > li.slick-active button {background: #38bddd;}
	.banner_wrap ul.slick-dots > li button {background:#a7a7a7;border-radius: 50px;width: 16px;height: 16px;}
	.banner_wrap ul.slick-dots > li button:before {display:none }


	/* location */
	section.location {padding: 50px 30px;}
	.location > .inner {padding: 0}
	.location_area {display: block;}
	.location_area .left {width: 100%;padding: 0;}
	.location_area .left h1 {text-align: center;margin-bottom: 50px;}
	.location_area .left .tab li {line-height: 50px;height: auto;}
	.location_area .left .tabcont {text-align: center;}
	.location_area .left .tabcont img {width: 100%;}

}

@media (max-width: 768px) { }
@media (max-width: 640px) { }

@media (max-width: 425px) {

	.main_visual {padding: 0;}
	.m_visible_img.slick-dotted.slick-slider {margin-bottom:0}
	.m_visible_img .item {position: relative;}
	.m_visible_img .item img {width:100% }
	.m_visible_img ul.slick-dots {bottom: 20px;}
	.m_visible_img ul.slick-dots > li {display: inline-block;border: none;padding: 0;align-content: normal;background: none !important;}
	.m_visible_img ul.slick-dots > li.slick-active button {background: #38bddd;}
	.m_visible_img ul.slick-dots > li button {background:#a7a7a7;border-radius: 50px;width: 16px;height: 16px;}
	.m_visible_img ul.slick-dots > li button:before {display:none }

	.m_visible_img .text_1 > p {width: auto;text-align: center;line-height: 1.2;color: #fff;}
	.m_visible_img .text_1 > p > img {display: inline-block;width: 30%;}
	.m_visible_img .text_1 {width: 400px;position: absolute;top: 90px;left: 50%;transform: translateX(-50%);}
	.m_visible_img .text_1 > .txt_1-1{font-size: 17px;margin-bottom: 10px;}
	.m_visible_img .text_1 > .txt_1-1 > strong{font-size: 73px;font-weight: 600;text-transform: uppercase;letter-spacing: -7px;line-height: 1;display: block;}
	.m_visible_img .text_1 > .txt_1-2 > strong{font-size: 18px;font-weight: 400;margin-bottom: 6px;display: block;}
	.m_visible_img .text_1 > .txt_1-2{font-size: 13px;font-weight: 300;margin-bottom: 24px;}


	/*premium6*/
	.premium_wrap {padding: 60px 0 40px;background-size: cover;}
	.premium_wrap h1 >  img {width: 35%;}
	.premium_wrap h1:before {height:25px;top: -35px;}
	.premium_wrap ul {flex-wrap: wrap;margin-top: 25px;}
	.premium_wrap ul li {width: calc(33.33% - 10px);margin-bottom: 2px;padding: 20px 0;padding-top: 0;font-size: 12px;}
	.premium_wrap ul li > i {transform:scale(0.7);height: 60px;}
	.premium_wrap .more_btn {background: none;margin: 0;padding: 24px 0 0;width: 100%;}
	.premium_wrap .more_btn:hover {background: none;width: 100%;}
	.premium_wrap .more_btn > a {font-size: 14px;padding: 5px 35px;}


	/* main_배너 */
	.banner_wrap .inner { padding: 0;}
	.banner_wrap ul.banner li {padding: 30px 0 20px;}
	.banner_wrap ul.banner li:hover {background:#282828;}
	.banner_wrap ul.banner li > .text_box > i {margin-bottom: 0;transform: scale(0.65);}
	.banner_wrap ul.banner li > .text_box > h2 {margin-bottom: 27px;font-size: 14px;}
	.banner_wrap ul.banner li > .text_box > p  {height: 90px;overflow: hidden;margin-bottom: 10px;font-size: 12px;padding: 0 26px;}
	.banner_wrap ul.banner li > .text_box > p > br {display:none}
	.banner_wrap ul.banner li > .text_box > h3 {margin-bottom: 15px;font-size: 14px;}
	.banner_wrap ul.banner li > .text_box > .hr {height: 30px;margin-bottom: 0;}
	.banner_wrap ul.banner li > .text_box > .img {transform: scale(0.65);margin: 0 auto; margin-top: -25px;}
	.banner_wrap ul.banner li > .text_box.ban3 > .img {background-position: 4px -335px;}
	.banner_wrap ul.banner li.on > .bg_img  {bottom: 0;top: auto;}

	.banner_wrap ul.slick-dots {bottom: 20px;}
	.banner_wrap ul.slick-dots > li {display: inline-block;border: none;padding: 0;align-content: normal;background: none !important;margin: 0 3px;width: auto;height: auto;}
	.banner_wrap ul.slick-dots > li.slick-active button {background: #38bddd;}
	.banner_wrap ul.slick-dots > li button {background:#a7a7a7;border-radius: 50px;width: 12px;height: 12px;}
	.banner_wrap ul.slick-dots > li button:before {display:none }


	/* location */
	section.location {padding: 0 20px;}
	.location > .inner {padding: 0}
	.location_area {display: block;}
	.location_area .left {width: 100%;padding: 0;}
	.location_area .left h1 {text-align: center;margin-bottom: 20px;}
	.location_area .left h1 > img {width: 40%;}
	.location_area .left .add {font-size: 14px;margin-bottom: 25px;}
	.location_area .left .add dl dt{width: 60px;margin-right: 15px;}
	.location_area .left .add dl dt:after {content:"";right:0;top: 4px;height: 11px;}
	.location_area .left .add dl dd{font-weight: 300;}
	.location_area .left .tel {font-size: 20px;margin-bottom: 20px;}
	.location_area .left .tel > i {transform: scale(0.6);margin-right: 0;}
	.location_area .left .tab li {line-height: 34px;height: auto;}
	.location_area .left .tabcont {text-align: center;}
	.location_area .left .tabcont img {width: 100%;}


}