@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/* HEADER */
	header{position: absolute; top: 0; left: 0; z-index: 71; width:100%;min-width: 1300px;z-index:999;transition:0.2s;height:100px;overflow:hidden;font-family:'Noto Sans KR';}
	header.sub{border-bottom: 1px solid #e5e5e5;}
	header.sub .header_static.on{background-color:transparent;}
	header + aside{display:none;}
	header.main + aside{display:block}
	header.sub .right_gnb p{color:#323232;}
	header.sub .menu_gnb li{color:#4c4c4c;}
	header.sub:hover .right_gnb P{color:#fff;}
	header.sub:hover .logo {background:URL(../img/logo_white.png) no-repeat;}
	header.sub:hover .right_gnb .call {background: URL(../img/call_wh.png) no-repeat;}
	header.sub:hover .menu_gnb li{color: #fff;}
	header .logo{background:url(../img/logo-on.png) no-repeat;width: 434px;height: 24px;  top: 40px; left: 60px;position:absolute;}
	.header_static {width:100%;margin:0 auto; min-width: 1550px; height: 100px;transition:all .2s; position:relative;text-align:center;}
	header.on .header_static:before{content:"";position:absolute; top:100px; left:0;width:100%;background:#eaeaea; height:1px;z-index:10}
	header.main .logo {position:absolute;;display: inline-block; width: 435px;height: 25px; background:url(../img/logo_white.png) no-repeat; top: 40px; left: 60px;}
	.main.on .logo{background:url(../img/logo-on.png) no-repeat;}
	.sub .logo {background:URL(../img/logo_color.png) no-repeat;}
	.menu_gnb { height: 100%; min-width: 480px;z-index: 99;display:inline-block;margin-right:-150px}
	.menu_gnb li{float: left;  font-size: 16px; font-weight: 400; line-height: 100px; color: #fff; text-align: center; width:160px;}
	.header_static.white .menu_gnb li {color: #3a3a3a;}
	header.main .menu_gnb li A.main_menu {display: block; width:100%;  position: relative;font-size:18px;color:#fff;}
	.menu_gnb li A.main_menu {display: block; width:100%;  position: relative;font-size:18px;color:#646464;}
	.main.on .menu_gnb li A.main_menu{color:#646464}
	.open-head{background-color:#7d5f32;color:#fff;font-size:17px;line-height:45px;padding:0 30px;border-radius:30px;text-align:center;position:absolute;top:23px;right:230px;font-weight:300;box-shadow:5px 5px 10px rgba(0,0,0,0.3);}
	.open strong{font-weight:600;}
	.right_gnb {float: right; height: 1.75rem; position: absolute; top: 38px; right: 35px;display:flex; align-items:center;}
	.right_gnb span{position:relative; top:-2px;}
	header.main .right_gnb .call {background: url(../img/call_wh.png) no-repeat; width: 19px; height: 19px; display:inline-block; vertical-align: middle;margin-right: 10px;}
	header .right_gnb .call {background: url(../img/call_wh-on.png) no-repeat; width: 19px; height: 19px; display:inline-block; vertical-align: middle;margin-right: 10px;}
	.main.on .right_gnb .call{background: url(../img/call_wh-on.png) no-repeat;}
	.sub .right_gnb .call {background: URL(../img/call_co.png) no-repeat;}
	header.main .right_gnb P {display: inline-block; font-family: 'Jost',sans-serif; font-size: 24px;padding-right:40px; line-height: 1.75rem; font-weight: 500; color: #fff; vertical-align:middle; letter-spacing:0.1px;}
	header .right_gnb P {display: inline-block; font-family: 'Jost',sans-serif; font-size: 24px; line-height: 1.75rem;    padding-right: 40px; font-weight: 500; color:#155254; vertical-align:middle; letter-spacing:0.1px;}
	.main.on .right_gnb P{color:#155254}
	header:hover{height:420px;background-color:#fff; box-shadow: 0px 0 10px rgba(0,0,0,.2);}
	.main.on .menu_gnb .menu a{color:#909090;}
	.menu_gnb li A.main_menu:before{content:"";position:absolute;bottom:-2px; left:0;width:0%; height:4px;background:#155254;transition:.5s;z-index:11}
	.menu_gnb li:hover A.main_menu:before{width:100%}
	.main.on .menu_gnb .menu a:hover{font-weight:400;color:#155254}
	.menu_gnb .menu a:hover{font-weight:400;color:#155254}
	.home-go{float: right;width:385px;  height: 320px; display: flex;  justify-content: center;background:#155254;position:relative;}
	.home-go:before{content:"";position:absolute;top:0;left:0;background:#155254;width:100%;height:1px;z-index:11}
	.home-go > div{display:flex;    flex-direction: column; align-items: center;padding-top:60px;padding-left:20px}
	.home-go > div img{padding-bottom:15px};
	.home-go > div img:last-child{padding:0;}
	.right_gnb.whited .call {background: URL(../img/call_wh.png) no-repeat;}
	.right_gnb.whited P {color: #fff;}
	.right_gnb.whited .ham {background:url(../img/ham_wh.png) no-repeat 2px 5px; background-size: 100% 80%; width:  1.75rem; height: 1.75rem; display: inline-block; float: right;}

	.menu_full {position: relative; top: 0;width:100%; height: 100%; background:linear-gradient(to right, #e5e5e5 27%, #f4f4f3 25% 83%, #155254 83%);min-width: 1550px;}
	.menu_full .menu_in{width:100%;margin:0 auto; position:relative;}
	.menu_full .menu_copy {position:relative;z-index:111;display:inline-block;padding-left:115px;padding-top: 55px;}
	.menu_full .title {font-size:1.5rem; font-weight: 600; letter-spacing: -.05em; color: #155254;}
	.menu_full .menu_copy p {color: #8a8887; font-size: 17px; font-weight: 300; margin-top: 12px;}
	.menu_full .floater {    position: absolute;    top: 0; left: 28.5%;transform: translate(-100%);height: 290px;width: 555px;background-color:#e5e5e5;padding-top:70px;}

	div.menu {float: left; width: 100%; font-size: .875rem; letter-spacing: 0; font-weight: 400; margin-top:20px; position:relative; z-index: 2;}
	div.menu A {display: block; color:#999; line-height: 1.5em;font-size:16px; text-align: center;font-weight:300;padding:8px 0;}


	.header_hover_dimd{position:fixed;width:100%;height:calc(100vh - 92px);background:rgba(0,0,0,0.5);top:92px;left:0;z-index:100;display: none;}

	@media (max-width: 1600px) {
		.menu_full .menu_copy{left: 5%;}
	}
/*footer*/
footer{background-color:#1c1c1c;padding:50px 20px;min-width:1300px;}
footer .footer_wrap{max-width:1770px;margin:0 auto;position:relative;}
footer .footer_lef{display:flex;align-items:center;position:relative;}
footer .footer_rig{position:absolute;top:0;right:0}
footer .footer_rig ul{display:flex;}
footer .footer_rig ul li{margin-left:30px;}
footer .footer_logo{margin-right:45px;}
footer .footer_logo a{display:block;width:167px;height:27px;background:url(../img/footer-logo.png) no-repeat center;}
footer .footer_txt p{color:#646464;font-size:15px;line-height:25px;}

/*aside*/
aside{position:absolute;right:0px;top:320px;z-index: 100;text-align:center;}
aside ul li ~ li{margin-top:1px;}
aside ul li{display:flex;align-items: center;}
aside ul li{width:170px;height:50px;transition:0.3s;background:rgba(18,18,18,.6);position:relative;right:-120px;transition:.5s; cursor:pointer;}
aside ul li:hover{right:0}
aside ul li a{display:block;display: flex;    justify-content: center;align-items: center;padding-left:13px;}
aside ul li:nth-child(1){background:#155254}
aside ul li:nth-child(4) a{padding-left:18px;}
aside ul li span{text-align:center;color:#ffffff;padding-bottom: 3px;font-family: 'Spoqa Han Sans Neo', 'sans-serif';}
aside ul li:nth-child(1) a img:nth-child(2){padding-left:20px;}
aside ul li:nth-child(2) span{padding-left:35px;}
aside ul li:nth-child(3) span{padding-left:25px;}
aside ul li:nth-child(4) span{padding-left:37px;}
aside ul li:nth-child(5) span{padding-left:30px;}

/*vis*/
.vis{height:100%;box-sizing:border-box;opacity:1;transition:0.5s;transition-delay:0.5s;position:relative;min-width:1300px;}
.vis .tre-baro{position:absolute;bottom:0;right:0;z-index:11}
.vis-wrap,
.vis-roll,
.vis .swiper-wrapper,
.vis-wrap .swiper-slide,
.vis-wrap .swiper-slide .vis-bg{height:100%;}
.vis-wrap{overflow:hidden;position:relative;}
.vis-wrap .swiper-slide{overflow:hidden;}
.vis-wrap .vis1 .vis-bg{background:url(../img/vis1.jpg?ver=1) no-repeat center;background-size:cover;}
.vis-wrap .vis2 .vis-bg{background:url(../img/vis2.jpg) no-repeat center;background-size:cover;}
.vis-wrap .vis3 .vis-bg{background:url(../img/vis3.jpg) no-repeat center;background-size:cover;}
.vis-wrap .vis4 .vis-bg{background:url(../img/vis4.jpg) no-repeat center;background-size:cover;}
.vis-wrap .vis5 .vis-bg{background:url(../img/vis5.jpg) no-repeat center;background-size:cover;}
.vis-bg{display:flex;align-items:center;position:relative;}
.vis-bg::before{content:"";display:block;position:absolute;width:100%;height:100%;background-color:#030303;opacity:0;transition:.5s;transition-delay:.3s;top:0;left:0;} 
.vis1 .vis-bg::before{display:none;}
.vis-txt{width:1200px;margin:0 auto;position:absolute;z-index:10;top:0;left:0}
.vis-txt p{overflow:hidden;display:inline-block;margin-bottom:45px;}
.vis-txt p strong{overflow:hidden;display:inline-block;transform:translate(50%,0);}
.vis-txt p strong img{max-width: none;transform:translate(-100%,0);}

.vis1 .vis-txt{text-align:left; top:315px; left:330px;}
.vis1 .vis-txt p{margin-bottom:0;margin-top:50px;}
.vis1 .vis-txt em{opacity:0;display:block;margin-bottom:40px;}
.vis1 .vis-txt span{opacity:0;display:block;margin-bottom:10px;}
.vis-txt .txt-wrap{display:flex;justify-content: center;flex-direction: column;}
.vis-txt .txt-wrap .lef-txt{width:600px;opacity:0;margin-top:55px;}

.vis-txt .txt-wrap .cen-txt{width:35px;transform: rotate(135deg);position:absolute;top:94px;left:55px}
.vis-txt .txt-wrap .cen-txt em{display:block;background-color:#fff;width:0px;height:1px;position:relative; }
.vis-txt .txt-wrap .rig-txt{width:310px;text-align:left;}
.vis-txt .txt-wrap .rig-txt span:nth-child(1){display:block;margin-bottom:10px;opacity:0;}
.vis-txt .txt-wrap .rig-txt strong{display:inline-block;}
.vis-txt .txt-wrap .rig-txt strong img{transform:translate(-50% , 0);opacity:0;}
.vis-txt .txt-wrap .rig-txt span:nth-child(3){opacity:0;}
.vis-txt.vis-txt_1{top:330px; left:330px;}


.swiper-slide-active .vis-bg::before{opacity:0.4;}
.swiper-slide-active .vis-txt p strong{transform:translate(0,0);transition:1s;transition-delay:1s;}
.swiper-slide-active .vis-txt p strong img{transform:translate(0,0);transition:1s;transition-delay:1s;}
.swiper-slide-active .vis-txt .txt-wrap .lef-txt{opacity:1;transition:0.5s;transition-delay:3s;}
.swiper-slide-active .vis-txt .txt-wrap .cen-txt em{width:35px;transition:1s;transition-delay:2s;top:0;opacity:1}
.swiper-slide-active .vis-txt .txt-wrap .rig-txt span:nth-child(1){opacity:1;transition:0.5s;transition-delay:4.5s;}
.swiper-slide-active .vis-txt .txt-wrap .rig-txt strong img{transform:translate(0,0);opacity:1;transition:1s;transition-delay:6.5s;}
.vis2.swiper-slide-active .vis-txt .txt-wrap .rig-txt strong img{transition-delay:5.5s;}
.swiper-slide-active .vis-txt .txt-wrap .rig-txt span:nth-child(3){animation: rig-txt3 1.5s ease;animation-fill-mode: forwards;animation-delay: 5s;}
.vis4.swiper-slide-active .vis-txt .txt-wrap .rig-txt span:nth-child(3){animation: rig-txt4 1.5s ease;animation-fill-mode: forwards;animation-delay: 5s;}
@keyframes rig-txt3 {
    0% {opacity:0;margin-left:-100px;}
	50% {opacity:1;margin-left:-100px;}
	100% {opacity:1;margin-left:0;}
}
@keyframes rig-txt4 {
    0% {opacity:0;margin-left:-186px;}
	50% {opacity:1;margin-left:-186px;}
	100% {opacity:1;margin-left:0;}
}
.vis1.swiper-slide-active .vis-txt em{transition:1s;transition-delay:1s;opacity:1;}
.vis1.swiper-slide-active .vis-txt span:nth-of-type(1){transition:1s;transition-delay:2.5s;opacity:1;}
.vis1.swiper-slide-active .vis-txt span:nth-of-type(2){transition:1s;transition-delay:3s;opacity:1;}
.vis1.swiper-slide-active .vis-txt p strong,
.vis1.swiper-slide-active .vis-txt p strong img{transition-delay:4s;}
.vis-control{position:absolute;bottom:0px;left:0;z-index:10;width:100%;font-family: 'Jost', sans-serif;font-size:20px;color:rgba(255,255,255,.6);}
.vis-pagination .swiper-pagination-bullet{ width:19.78%;height:150px;background:none;border-bottom:0;border-left:0; position:relative;margin: 0px !important;opacity:1;border-radius: 0;}
.vis-pagination .swiper-pagination-bullet-active{background-color:rgba(21,82,84,.85);}
.vis-pagination .swiper-pagination-bullet:nth-child(1){border-left:0;}
.vis-pagination .swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active{background:none;}
.vis-pagination.on .swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active{background-color:rgba(21,82,84,.85);transition:.5s}
.vis-pagination .swiper-pagination-bullet span{position:relative;display: flex;align-items: center;justify-content: center; height: 100%;font-size:0;width:100%}
.vis-pagination .swiper-pagination-bullet:nth-child(1) span{background: url(../img/visbtn1.png)no-repeat;background-position:center center;}
.vis-pagination .swiper-pagination-bullet:nth-child(2) span{background: url(../img/visbtn2.png)no-repeat;background-position:center center; }
.vis-pagination .swiper-pagination-bullet:nth-child(3) span{background: url(../img/visbtn3.png)no-repeat;background-position:center center;}
.vis-pagination .swiper-pagination-bullet:nth-child(4) span{background: url(../img/visbtn4.png)no-repeat;background-position:center center;} 
.vis-pagination .swiper-pagination-bullet:nth-child(5) span{background: url(../img/visbtn5.png)no-repeat;background-position:center center;}
.swiper-pagination-bullet{border: 1px solid rgba(255,255,255,0.2);border-bottom:0;transition:.5s;border-left:0;}   

.vis-pagination-wrap{width:82.75%;height:150px;}
.next .vis-next{background:url(../img/vis-next.png)no-repeat center;width:120px;height:120px;position:absolute;z-index:111;top:0;left:0}
.next .vis-next:before{content:"";position:absolute; top:17px;left:17px;background:url(../img/prugio_txt.png)no-repeat;width:87px; height:87px;    animation: lkLogo 10s infinite linear;z-index:11;transition:.5s}
.next:hover .vis-next:before{background:url(../img/prugio_txt_on.png)no-repeat;}
.next {width:120px; height:120px; border-radius:100%;     background: transparent;position:absolute;z-index:111;top:360px;right:160px;cursor:pointer;    align-items: center; justify-content: center;display:flex;}
.next  > div{width:50%; height:50%; background:rgba(255,255,255,.8);border-radius:100%;transition:.5s}
.next:hover > div{width:100%; height:100%;    display: flex; justify-content: center;align-items: center;}
@keyframes lkLogo {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/*sub*/
.svis{background:url(../img/svis.jpg) no-repeat center;background-size:cover;height:350px;text-align:center;position:relative;}
.svis-tit{padding-top: 180px;}
.svis h2{color:#fff;font-size:46px;;font-weight:600;}
.inner_full{width: 100%;text-align: center;padding-bottom:155px;}
.inner_fit{width: 1100px;margin: 0 auto;padding-bottom: 155px;}

/* SUB COMMON */
.information {width: 1100px; margin: 65px auto 0;  box-sizing: border-box;font-family:'Noto Sans KR';text-align:left;}
.information:After {content: ""; display: block; clear: both;}
.information LI {font-size: 14px; font-weight: 300; letter-spacing: -0.025em; color: #9f9f9f; line-height: 17px; margin-bottom: 6px; padding-left: 1rem; position: relative;}
.information LI:before {content: "※"; display: block; position: absolute; top: 0; left: 0;}
.information LI:last-child{margin-bottom:0;}
.information.inner.white {width: 690px; margin: 3rem auto; border: 0; padding: 0 0 3rem 0; box-sizing: border-box;}
.information.inner.white:After {content: ""; display: block; clear: both;}
.information.inner.white LI {font-size: 13px; font-weight: 300; letter-spacing: -0.025em; color: #c8c8c8; line-height: 15px; margin-bottom: 6px; padding-left: 1rem; text-align: left; position: relative;}
.information.inner.white LI:before {content: "※"; display: inline-block; position: relative;}
.ori{font-size:14px;color:#a3a3a3;margin-top:20px;text-align:left;}

/*planning*/
.info_tbl1{margin-top:40px;}
.info_tbl1 table{border-top: 1px solid #015152;border-bottom: 1px solid #015152;width:100%;font-family:'Noto Sans KR';}
.info_tbl1 table th{background-color: #f7f7f7;color: #015152;font-weight:600;font-size:18px;padding:30px 0;border-bottom: 1px solid #dedede;text-align:center;}
.info_tbl1 table td{color: #555;font-size:18px;padding:30px 0;border-bottom: 1px solid #dedede;font-weight:500;padding-left:40px;text-align:left;}

/* brand */
.sliderContainer {width: 100%; height: 720px; margin:0; overflow: hidden; position: relative;}
.slider {width: 100%; margin: 0; min-width: 1920px}
.slick-slide {color: white; padding: 0; margin:0; opacity: 1; outline: none;}
.slick-prev:before, .slick-next:before {color: black;}
.slick-dots {bottom: -30px;}
.progressBarContainer {position: relative; width: 550px; margin: 0 auto; margin: 25px auto 50px;}
.progressBarContainer:after{content: ""; display: block; clear: both;}
.progressBarContainer div {display: block; width: 18%; padding: 0; cursor: pointer; margin-right: 2%; float: left; color: #5b6770;}
.progressBarContainer DIV H3 {font-size: 14px; font-weight: 400;letter-spacing: 0; margin-bottom: 9px;}
.progressBarContainer div:last-child {margin-right: 0;}
.progressBarContainer div span.progressBar {width: 100%; height: 1px; background-color: rgba(55,55,55, 0.2); display: block;}
.progressBarContainer div span.progressBar .inProgress {background-color: rgba(91,104,112, 1); width: 0%; height: 1px;}

/*location*/
.map{position: relative;display: inline-block;}
.map-zoom{width:100%;position: absolute;top:400px;left:0;}
.magnifier {width: 300px;height: 300px;position: absolute;border-radius: 100%;box-shadow: 0 0 0 5px rgb(7 79 81), 0 0 7px 7px rgb(0 0 0 / 50%);display: none;background-image:url(../img/location-zoom.jpg?ver=2);background-repeat:no-repeat}

/* TAB IN TAB */
	UL.type {width: 1100px; margin: 3rem auto 2rem;}
	UL.type:after {content: ""; display: block; clear:both;}
	UL.type LI {float: left; width: 50%; font-size: 1.1rem; font-weight: 400; line-height: 3.26rem; text-align: center; color: #222f; border: 1px solid #dbdbdb; cursor: pointer; border-left: 0; box-sizing:border-box;background-color:#f3f3f3;position:relative;}
	UL.type LI:first-child {border-left: 1px solid #dbdbdb;}
	UL.type LI.active {background: #fff;} 
	UL.type LI.active::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background-color:#074f51;}
	UL.type LI a{display:block;width:100%;height:100%;}

	.type.type2 li{width:50%;}
	.type.type3 li{width:33.333%;}
	.type.type4 li{width:25%;}
	.type.type5 li{width:20%;}
	.type.type6 li{width:16.666%;}
	.type.type8 li{width:12.5%;}

	.unit-tab {width: 1100px; margin: 0 auto; overflow: hidden;}
	.unit-tab.wide {width: 100%; margin: 0 auto; overflow: hidden;}
	.dp-tabs {width: 1100px; margin: 2rem auto 0; position: relative;}
	.dp-tabs:after {content: ''; display: block; clear: both;}
	.dp-tabs LI {float: left; display: block; width:50%; font-size: 1rem; font-weight: 400; line-height: 3.2rem; text-align: center; color: #999; background: #eee; border: 1px solid #dbdbdb; cursor: pointer; border-left: 0;box-sizing:border-box;}
	.dp-tabs.eleven Li{width:9.09%;}
	.dp-tabs.ten Li{width:10%;}
	.dp-tabs.nine LI {width: 11.11%;}
	.dp-tabs.eight LI {width:12.5%;}
	.dp-tabs.seven LI {width:14.28%;}
	.dp-tabs.hexa LI {width: 16.666%;}
	.dp-tabs.quarter LI {width: 25%;}
	.dp-tabs.third LI {width: 33.199%;}
	.dp-tabs LI:last-child {border-right: 0;}
	.dp-tabs LI.on {background: #fff; color: #015152; border-color: transparent; border-top: 1px solid #015152;} 
	.div_cont {width: 1200px; position: relative; padding-top: 2.7rem; margin: 1rem auto 0;}
	.image-wrap {width: 100%; height: auto; position: relative;}
	.image-wrap .inner {position: absolute; top: 3.5%; left: 2.5%; width: 95%; height: 92%; border: 1px solid #fff; z-index: 9; opacity: .5;}
	.image-wrap P.title {position: absolute; top: 0; left: 0; width: 11vh; height: 11vh; line-height: 11vh; color: #fff; text-align: center; font-size: 1rem; background :rgba(0, 0, 0, 0.7); z-index: 10;}
	.div_cont { clear: both; }
	.hidden { display: none;  }
	ol.circle {float: left; list-style: none; counter-reset: item;}
	ol.circle > li{display: inline-block; font-size: .875rem; counter-increment: item; margin-right: 0.5rem;}
	ol.circle > li:before {
		margin-top: 1rem;
		margin-right: .25rem;
		content: counter(item);
		background: #015152;
		border-radius: .75rem;
		color: white;
		width: 1.5rem;
		font-size: .75rem; line-height: 1.5rem;
		display: inline-block;
		text-align:center;
	}
	.dp-infor-wrap {width: 1200px; margin: 0 auto 1rem; position: relative;}
	.dp-infor-wrap:after{content:""; display: block; height: 1px; border-bottom: 1px solid #eee; clear: both; padding-bottom: 1rem; margin-bottom: 2rem;}
	.dp-infor-wrap H3 {position:absolute;top: 0 ; left:0; width: 6rem; padding: 1rem; background:#b5a596; text-align: center; color: #fff;}
	.dp-infor-wrap P {float: left; font-size: 1rem; font-weight: 600; color: #555; line-height: 1.5rem; margin-top: 1rem; margin-right: 1rem;}
	.video iframe {width: 100%;height: 670px;}

	/* PREMIUM FROM PRUGIO*/
	.page-title-sub{width: 100%;font-size: 2rem;font-weight: 600;color: #222;line-height: 32px;letter-spacing: -.05em;text-align: center;margin: 2rem auto 1rem;}
	.page-sub-descript-sub{width: 100%;margin: 0 auto;font-size: 15px;color: #999;line-height: 26px;letter-spacing: -.05em;text-align: center;margin-bottom: 2rem;}

	.premium-con{width:100%;text-align:left;}
	.premium-con .cont_tit {width:1100px; margin: 6rem auto 3rem; text-align:center;}
	.premium-con .cont_tit h3{font-size: 2.25rem; font-weight: 500; line-height:100%; color:#005151; letter-spacing:  -0.05em; margin: 3rem auto 1rem; position: relative;}
	.premium-con .cont_tit h3:After{content: ""; display: block; position:absolute; top:-3rem; left: 50%; width:1px; height: 1rem; background: #004744;}
	.premium-con .cont_tit h4 {position:relative; padding-bottom:28px; margin-bottom:28px; font-size:20px; line-height:1.1;color:#000; }
	.premium-con .cont_tit p{font-size:.875rem; line-height:1.6em; color:#666; }  
	.premium-con .top_img img{margin:0 auto;}
	.premium-con .top_img,
	.premium-con .full_img{margin-bottom:80px;}
	.premium-con .premium_cont{overflow:hidden; width:100%; padding:50px 0;}
	.premium-con .premium_cont.bg{background-color:#f2f2ef;}
	.premium-con .tab_cont .inner{width:1100px; margin:0 auto;}
	.premium-con .premium_tab1 {width:100%; /*overflow:hidden;*/}
	.premium-con .premium_tab1 .top_text h4 {position:relative; padding-bottom:30px; margin-bottom:30px; font-size:36px; color:#000; font-weight:500; line-height:1.2; letter-spacing:-2px; /* word-break:keep-all; word-wrap:break-word; */}
	.premium-con .premium_tab1 .top_text h4:after {position:absolute; bottom:0; left:0; width:25px; height:2px; background-color:#cccccc; content:'';}
	.premium-con .premium_tab1 .top_text h4 span{display:block; margin-bottom:20px; font-size:25px; color:#005151;}
	.premium-con .premium_tab1 .top_text h4 strong{display:block;font-family: 'Noto Serif KR', serif;color:#d3d3d3;font-size:18px;letter-spacing:0.5px;margin-bottom:5px;}
	.premium-con .premium_tab1 dl dt {margin-bottom:15px; font-weight:300;color:#cecece;font-size:30px;line-height: 1;font-family: 'Noto Serif KR', serif;}
	.premium-con .premium_tab1 dl dd {line-height:1.5; font-weight:300;font-size:17px;}
	.premium-con .premium_tab1 .left_img {float:left;}
	.premium-con .premium_tab1 .right_img {float:right;}
	.premium-con .premium_tab1 .right_text {float:left; width:520px; padding: 60px 0 0 80px;}
	.premium-con .premium_tab1 .left_text {float:left; width:435px;padding: 60px 0 0 80px;}
	.premium-con .cont_box.dual .cont{display:table;}
	.premium-con .cont_box.dual .cont .cont_txt, 
	.premium-con .cont_box.dual .cont .cont_img{display:table-cell; vertical-align:middle; width:50%; box-sizing:border-box;}
	.premium-con .cont_box.dual .cont .cont_txt{padding:0 80px;}
	.premium-con .cont_box.dual .cont_txt h4 {margin-bottom:30px; font-weight:500; font-size:36px; line-height:1.2; color: #005151;}
	.premium-con .cont_box.dual .cont.cont4 .cont_txt h4 {letter-spacing:-1px;}
	.premium-con .cont_box.dual .cont_txt h4 span{display:block; font-size:26px; line-height:1.2;}
	.premium-con .cont_box.dual .cont_txt li {position:relative; padding-left:15px; color:#666666;}
	.premium-con .cont_box.dual .cont_txt li:before {position:absolute; left:0; top:10px; width:4px; height:4px; background-color:#c1a695; border-radius:10px; content:'';}
	.premium-con .cont_box.dual .cont_txt li span{font-size:14px;}
	.premium-con .premium_cont.premium_cont4{padding-bottom:0;}
	.premium-con .desc_area{margin-top:80px; padding-top:40px; border-top:1px solid #d5d5d5;}

	/*vr tab*/
	.vr-bottom-button {width: 1100px; margin: 20px auto;}
	.vr-bottom-button .btn-link {float: left; display: block; width: 24%; line-height: 1.3em; height:80px;display:flex;align-items:center;color:#fff;margin-left: 1.33%; padding-left:30px; background-color: #0b4e4f; background-repeat:no-repeat;background-position:90% center;position: relative;text-align:left;box-sizing:border-box;}
	.vr-bottom-button .btn-link.dimension_btn {width: 33%; line-height: 3.5rem;}
	.vr-bottom-button .btn-link.elevation_btn {width: 33%; line-height: 3.5rem; margin: 0 0 0 1%;}
	.vr-bottom-button .btn-link.endyet_btn {width: 32%; line-height: 3.5rem; margin: 0 0 0 1%; background-color: #666666;}
	/* .vr-bottom-button .btn-link:nth-child(3),	.vr-bottom-button .btn-link:nth-child(4) {background-color: #666666;} */
	.vr-bottom-button .btn-link:first-child{margin-left:0;background-image: url(../img/vr-icon1.png);}
	.vr-bottom-button .btn-link:nth-child(2){background-image: url(../img/vr-icon2.png);}
	.vr-bottom-button .btn-link:nth-child(3){background-image: url(../img/vr-icon3.png);}
	.vr-bottom-button .btn-link:nth-child(4){background-image: url(../img/vr-icon4.png?ver=1);}

	/* security*/
.page-title-sub{width: 100%;font-size: 2rem;font-weight: 600;color: #222;line-height: 32px;letter-spacing: -.05em;text-align: center;margin: 0 auto 1rem;}
.page-sub-descript-sub{width: 100%;margin: 0 auto;font-size: 15px;color: #999;line-height: 26px;letter-spacing: -.05em;text-align: center;margin-bottom: 3rem;}

.system .contents{width:100%;}
.system .cont_tit {width:1100px; margin: 6rem auto 3rem; text-align:center;}
.system .cont_tit h3{font-size: 2.25rem; font-weight: 500; line-height:100%; color:#005151; letter-spacing:  -0.05em; margin: 3rem auto 1rem; position: relative;}
.system .cont_tit h3:After{content: ""; display: block; position:absolute; top:-3rem; left: 50%; width:1px; height: 1rem; background: #004744;}
.system .cont_tit h4 {position:relative; padding-bottom:28px; margin-bottom:28px; font-size:20px; line-height:1.1;color:#000; }
.system .cont_tit p{font-size:.875rem; line-height:1.6em; color:#666; }  
.system .top_img img{margin:0 auto;}
.system .top_img,
.system .full_img{margin-bottom:80px;}
.system .premium_cont{overflow:hidden; width:100%; padding:50px 0;text-align:left;}
.system .premium_cont.bg{background-color:#f2f2ef;}
.system .tab_cont .inner{width:1100px; margin:0 auto;}
.system .premium_tab1 {width:100%; /*overflow:hidden;*/}
.system .premium_tab1 .top_text h4 {position:relative; padding-bottom:30px; margin-bottom:30px; font-size:36px; color:#000; font-weight:500; line-height:1.2; letter-spacing:-2px; /* word-break:keep-all; word-wrap:break-word; */}
.system .premium_tab1 .top_text h4:after {position:absolute; bottom:0; left:0; width:25px; height:2px; background-color:#cccccc; content:'';}
.system .premium_tab1 .top_text h4 span{display:block; margin-bottom:20px; font-size:25px; color:#005151;}
.system .premium_tab1 .top_text h4 strong{display:block;font-family: 'Noto Serif KR', serif;color:#d3d3d3;font-size:18px;letter-spacing:0.5px;margin-bottom:5px;}
.system .premium_tab1 dl dt {margin-bottom:15px; font-weight:300;color:#cecece;font-size:30px;line-height: 1;font-family: 'Noto Serif KR', serif;}
.system .premium_tab1 dl dd {line-height:1.5; font-weight:300;font-size:17px;}
.system .premium_tab1 .left_img {float:left;}
.system .premium_tab1 .right_img {float:right;}
.system .premium_tab1 .right_text {float:left; width:520px; padding: 60px 0 0 80px;}
.system .premium_tab1 .left_text {float:left; width:435px;padding: 60px 0 0 80px;}
.system .cont_box.dual .cont{display:table;}
.system .cont_box.dual .cont .cont_txt, 
.system .cont_box.dual .cont .cont_img{display:table-cell; vertical-align:middle; width:50%; box-sizing:border-box;}
.system .cont_box.dual .cont .cont_txt{padding:0 80px;font-family:'Noto Sans KR';text-align:left;}
.system .cont_box.dual .cont_txt h4 {margin-bottom:30px; font-weight:500; font-size:36px; line-height:1.2; color: #005151;}
.system .cont_box.dual .cont.cont4 .cont_txt h4 {letter-spacing:-1px;}
.system .cont_box.dual .cont_txt h4 span{display:block; font-size:26px; line-height:1.2;}
.system .cont_box.dual .cont_txt li {position:relative; padding-left:15px; color:#666666;}
.system .cont_box.dual .cont_txt li:before {position:absolute; left:0; top:10px; width:4px; height:4px; background-color:#c1a695; border-radius:10px; content:'';}
.system .cont_box.dual .cont_txt li span{font-size:14px;}
.system .premium_cont.premium_cont4{padding-bottom:0;}
.system .desc_area{margin-top:80px; padding-top:40px; border-top:1px solid #d5d5d5;}

	/* REGISTRATION */
.registration-area {width: 100%; margin: 0 auto;}
.registration-area H3 {font-size: 21px; color: #555; line-height: 100%; letter-spacing:-0.075em; padding-left: .875rem; margin-bottom:1.5rem; position: relative;}
.registration-area H3 SPAN {font-size: 18px; font-weight: 400; color: #004744; margin-left: .25rem; position: relative; top: -1px;}
.registration-area H3:before {content: ""; position: absolute; top: 50%; left: 0; width: 5px; height: 5px; background: #004744; transform: translateY(-50%);}

.registration-area .agreement_inner {width:100%; max-height: 250px; line-height: 1.65em; padding:1.5rem 1.5rem 0; border: 1px solid #ccc; box-sizing: border-box; overflow-y: auto;}
.registration-area .agreement_inner H4 {font-size: 1.125rem; font-weight: 400; color: #000; border-bottom: 1px solid #c8c8c8; padding-bottom: .5rem; margin-bottom: .875rem;}
.registration-area .agreement_inner P {font-size: .875rem; font-weight: 400; color: #777; margin-bottom: .875rem;}
.registration-area .agreement_inner P.box {border: 3px solid #ececec; padding: .5rem 1rem;}
.registration-area .agreement_inner .list {font-size: .875rem; font-weight: 400; color: #777; margin-bottom:30px;}
.registration-area .agreement_inner .list li {position: relative; padding-left: 8px;}
.registration-area .agreement_inner .list li:before {content: ""; display: block; position: absolute; top: 50%; left: 0; width: 3px; height: 3px; background: #004744; transform: translateY(-50%);}

.registration-area .agree-wrap {font-size: 1rem; font-weight: 400; color: #777; margin: .5rem auto 4rem;}
.registration-area .agree-wrap:after {content: ""; display: block; clear: both;}
.registration-area .agree-wrap P {float:left;}
.registration-area .agree-wrap .agree-input {float: right; font-size: .875rem;}
.registration-area .agree-wrap .agree-input INPUT {margin:0 5px;}
.registration-area .agree-wrap .agree-input INPUT:nth-child(2) {margin-left: 1rem;}

.registration-area .infomation table {width:100%;}
caption {display: none;}
.registration-area .infomation table th {padding: .5rem 1rem; background-color: #efeeee; border: 1px solid #ccc; border-left: none; font-size:1rem; color: #333; font-weight: 400; line-height: 100%; text-align: left;}
.registration-area .infomation table th SPAN {font-size: .75rem; color: #004744; margin-right: .25rem; position:relative; top: -2px;}
.registration-area .infomation table td {padding: .5rem 1rem; border: 1px solid #ccc; border-right: none; font-size:.875rem; color: #777; line-height: 2rem; text-align: left;}
.registration-area .infomation table input[type=text] {height: 2rem; line-height: 2rem; padding: 0 0 0 .5rem; border:1px solid #ccc; background:none; box-sizing: border-box;}
.registration-area .infomation table #phone1 {width: 4rem; height: 2rem; font-size:.875rem; padding: 0 0 0 .5rem; border:1px solid #ccc; background:none; box-sizing: border-box;}
.registration-area .infomation table #phone2 {width: 9rem;}
.registration-area .infomation table #phone3 {width: 9rem;}
.registration-area .infomation table td UL LI {float: left; margin-right: .875rem;}
.registration-area .infomation table td UL LI LABEL {margin-left: .25rem;}
.registration-area .infomation table td a.btn {display: inline-block; width: 7rem; margin-left: .25rem; line-height: 2rem; background-color: #706f70; font-size: .875rem; color: #fff; text-align: center; position: relative; top: 2px;}
.registration-area .infomation table #post {width: 13rem;}
.registration-area .infomation table #address01 {width: 31rem;}

.btn_area {text-align: center; margin: 2rem auto;}
.btnCommon {display: inline-block; padding: 1rem 3.5rem; background-color: #004744; color: #efefef; font-size: 1rem; transition:all .2s;}
.btnCommon:hover {background: #000; color: #fff; transition:all .2s;}

	/* NEWS */
	.news-head-wrap {width: 100%; max-width: 1920px; height:735px; background: URL(../img/news_head_back.jpg) no-repeat 50% 50%; margin: 0 auto; overflow: hidden; position: relative;}
	.news-head-wrap:after {content: ""; display: block; clear: both;}
	.news-head-wrap DIV.slider {position: relative;}
	.news-head-wrap DIV.slider DIV {outline: none;}
	.news-head-wrap ARTICLE {width: 1030px; height:638px; background: URL(../img/news_head_article_bg.png) no-repeat 50% 50%; padding: 69px 77px; margin: 50px auto 0;box-sizing: border-box;}
	.news-head-wrap ARTICLE .header_news {width: 880px; height: 3rem; margin: 0 auto 2rem; border-bottom: 1px  solid #dedbd8;}
	.news-head-wrap ARTICLE .header_news:after {content: ""; display: block; clear: both;}
	.news-head-wrap ARTICLE .header_news P {font-size: 20px; font-weight: 600; color: #8b8075; letter-spacing: -.025em; line-height: 100%;}
	.news-head-wrap ARTICLE .header_news A {display: block; font-size: 14px; color: #999; float: right;}
	.news-head-wrap ARTICLE .news_title {width: 380px; height: 422px; float: left;}
	.news-head-wrap ARTICLE .news_title H2 {font-size: 2rem; color: #000; line-height: 1.4em; letter-spacing: -.05em; text-align: left;}
	.news-head-wrap ARTICLE .news_title P {font-size: .75rem; letter-spacing: .05em; color: #888; text-align: left; margin-top: 35px;}
	.news-head-wrap ARTICLE .news_content {width: 442px; height: 408px; float: right; font-size: 15px; color: #888; line-height: 1.8em; letter-spacing:-.025em; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 15; -webkit-box-orient: vertical; word-wrap:break-word;}

	.news-list-wrap {margin-top: 50px;}
	.news-list-wrap:after {content: ""; display: block; clear: both;}
	.news-list-wrap UL.list {width: 1100px; margin: 0 auto;}
	.news-list-wrap UL.list LI {float: left; width: 23%; text-align: center; margin: 0 1% 2%; border:  1px solid #ccc; padding: 1.5%; box-sizing: border-box;}
	.news-list-wrap UL.list LI H4 {font-size: 15px; font-weight: 400; color: #003c3d; line-height: 2em; text-align: center; padding: 0 0 .25em 0; border-bottom: 1px solid  #ddd;}
	.news-list-wrap UL.list LI DIV {height: 42px; font-size: 13px; color: #5c5e5c; line-height: 1.65em; text-align: center; padding: 0; margin: 1em 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
	.news-list-wrap UL.list LI P {font-size: 13px; color: #5c5e5c; line-height: 1.85em; text-align: right; padding: .5em 0 0; border-top: 1px solid  #ddd;}

	.news-paging {clear: both; margin: 3rem auto 0; text-align: center;}
	.news-paging LI {display : inline-block;}
	.news-paging LI A {display: block; font-size: 14px; color: #535353; line-height: 100%; padding: .8em 1rem;}
	.news-paging LI A.block {border: 1px solid #c8c8c8; box-sizing: border-box;}
	.news-paging LI A.selected {border: 1px solid #c8c8c8; background: #c0c0c0; color: #fff;}

	.slick-slide{opacity: .5;margin:0 30px;}
	.slick-center{opacity:1; z-index: 999;}
	.slick-active{opacity:1; z-index: 999;}
	.sm_arrows{position:absolute;top:45%;left:50%;width:1200px;margin:0 0 0 -600px;z-index:99;}
	.sm_arrows .sm_next{float:right;cursor:pointer;}
	.sm_arrows .sm_prev{float:left;cursor:pointer;}

	.news-head-wrap .slick-dots {text-align: center; margin-top: 0px;}
	.news-head-wrap .slick-dots li {display: inline-block; width: 88px; margin: 0 7.5px; padding: 0; position:relative; font-size: 0; overflow: hidden; background: rgba(0,0,0,.15); height: 6px; border-radius: 3px;}
	.news-head-wrap .slick-dots li button {background: rgba(0,0,0,.15);}
	.news-head-wrap .slick-dots li.slick-active button {animation: proBar 5s 1; background: #004a44;}
	.news-head-wrap .slick-dots li button{width: 100%; margin: 0 auto; position: relative; height:6px;font-size: 0;}
	.pro-ani{animation: proBar 5s 1; width:100%;}
	@keyframes proBar{
		0%{width:100%; right: 100%;}
		100%{width:100%; right: 0%;}
	}
	.news-head-wrap:hover .slick-dots li.slick-active button {animation-play-state: paused;}


	/*sub*/
.sub-page{padding-top:100px;}
.sub-tit{padding:90px 0 25px;margin-bottom:50px;text-align:center;font-family:'Noto Sans KR';background:url(../img/prugio.png) no-repeat center bottom;}
.sub-tit.none{padding:0;}
.sub-tit .title{color:#292929;font-size:46px;font-weight:600;margin-bottom:40px;line-height:1;}
.sub-tit .descript{font-size:17px;color:#808080;}
.sub-tit .descript span{color:#155254;font-weight:500;}
.inner_full{width: 100%;text-align: center;padding-bottom:155px;}
.inner_fit{width: 1100px;margin: 0 auto;padding-bottom: 155px;}


@media(max-width:1600px){
.menu_gnb{margin-right:-145px}
}