@charset 'utf-8';

@font-face {
     font-family: 'S-CoreDream-5Medium';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-7ExtraBold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-9Black';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@800&display=swap');

.score {font-family: 'S-CoreDream-7ExtraBold', nr, sans-serif !important;}
.score2 {font-family: 'S-CoreDream-5Medium', nr, sans-serif !important;}
.nm {font-family: 'Nanum Myeongjo', serif !important;}

#hnn-wrap {min-width:1200px;position:relative;}

#wrap {overflow:hidden;}


.ready {
    text-align:center;
    font-size:22px;
    color:#999999;
    margin:130px 0;
    font-weight:300;
}


/*
==============================
HEADER
============================== 
*/

#header {height:100px; position:absolute;left:0;top:0;width:100%;z-index:1000;transition:0.3s;overflow:hidden;background:#fff;}
#header:before {content:'';display:block;width:100%;height:1px;background:#dbdbdb; position:absolute;left:0;top:99px;opacity:0;transition:0.3s;}
#header:hover:before{opacity:1;}
#header .inner {max-width:1800px;margin:0 auto;position:relative;height:100px;min-width:1300px;}

#hnn-logo {
	position:absolute;left:20px;top:38px;
}
#hnn-logo a {display:block;width:268px;height:24px;text-indent:-9999px;background-repeat:no-repeat;background-image:url(../images/logo.png?ver=2);}



/*
==============================
GNB
==============================
*/
#hnn-gnb {
	text-align:center;
}

.hnn-gnb {font-size:0;}

.hnn-gnb > li {display:inline-block;position:relative; margin:0 11px;}
.hnn-gnb > li > a {
	display: block;	
	height:100px;
	line-height:100px;
	color:#282727;
	font-size:18px;
	z-index:1000;
	padding:0 35px;
	font-weight: 400;
	letter-spacing:-0.05em;
	position:relative;
}
.hnn-gnb > li > a > span {display:block;position:relative;}
.hnn-gnb > li > a > span:before {content:'';display:block;width:0;height:3px;background:#851b55;position:absolute;left:50%;bottom:-1px;transition:0.3s;}

.hnn-gnb li div {
    width:100%;
    position:absolute;
    left:0;
    top:100px;   
    z-index:20;   
 
}
.hnn-gnb li ul {padding-top:25px;}

.hnn-gnb li ul li a {
    display:block;
    font-size:16px;
    color:#6f6f6f;
    padding:10px 0;     
	letter-spacing:-0.03em;	
}

.hnn-gnb li ul li.active a span,
.hnn-gnb li ul li a:hover span {
    color:#851b55;    
}
.hnn-bg {
    width:100%;
    display: none;
    position:absolute; 
    top:90px;
    left:0;
    height:192px;       
    z-index:15;
    overflow:hidden;     
	border-top:1px solid #dedede;	
	border-bottom:1px solid #dedede;	
	background:#fff;
}

#header .visitor {position:absolute;right:230px;top:calc(50% - 8px);color:#fff;font-size:16px;}
#header .visitor:before{content:"";display:inline-block;width:3px;height:3px;background-color:#fff;vertical-align:middle;margin-right:2px;}
#header .visitor span{line-height:20px;width:20px;height:20px;border:1px solid rgba(255,255,255,0.3);text-align:center;display: inline-block;vertical-align: middle;margin-top: -3px;}
#header .visitor span:first-child{margin-left:10px;}
#header .tel {position:absolute;right:20px;top:calc(50% - 17px);}
#header .tel strong {position:relative; display:block;font-size:32px;color:#8e1d57;padding-left:40px;font-family:'Jost';font-weight:600;}
#header .tel strong:before {content:''; position:absolute; top:50%; margin-top:-18px; width:36px; height:36px; background:url(../images/header-tel.png) center center no-repeat;  left:0;}
#header:hover {box-shadow:0px -2px 3px 3px rgba(0,0,0,0.2)}

.hnn-gnb > li:hover > a > span:before,
.hnn-gnb > li:active > a > span:before {width:140%;left:-20%;}

.nowrap{white-space: nowrap;}

.quick {position:fixed; right:0; top:100px; z-index:99;}
.head_ban{position:absolute;left:60px;top:130px;z-index: 20;}

.link_btn{position:absolute;right: 250px;top:130px;z-index: 99;}
.link_btn a,
.link_btn a img{display:block;}

/*메인비주얼*/
#hnn-vis {
    position: relative;
    width: 100%;     
    z-index: 10;
    overflow: hidden;
}
#hnn-vis .hnn-vis > img {
    position:relative;  
    display:block;
    left:50%; margin-left:-1000px;
}
.hnn-vis1 .vis-txt{width:100%;position:absolute;left:0;top:23%;}
.hnn-vis2 .vis-txt{width:100%;position:absolute;left:0;top:25%;text-align:right;}
.hnn-vis .vis-txt .info{max-width:1200px;margin:0 auto;}
.hnn-vis1 .vis-txt img{position:relative;left:-80px;opacity:0;}
.hnn-vis2 .vis-txt img{position:relative;bottom:-80px;opacity:0;}
.hnn-vis1.swiper-slide-active .vis-txt img{position:relative;left:0;opacity:1;transition:1s;transition-delay:0.6s;}
.hnn-vis2.swiper-slide-active .vis-txt img{position:relative;bottom:0;opacity:1;transition:1s;transition-delay:0.6s;}

#hnn-vis .vis-pagination{position:absolute;width:100%;text-align:center;bottom:30px;z-index:99;}
#hnn-vis .vis-pagination span{background-color:#fff;border-radius:0;width:50px;height:4px;opacity:1;}
#hnn-vis .vis-pagination .swiper-pagination-bullet-active{background-color:#851c56;}


#hnn-vis .bx-pager {width:100%;text-align:center;position:absolute;left:0;bottom:80px;z-index:1000;}
#hnn-vis .bx-pager  .bx-pager-item {display:inline-block;}
#hnn-vis .bx-pager  .bx-pager-item a {display:inline-block;width:60px;height:4px;background:#fff;margin:0 5px;text-indent:-9999px;}
#hnn-vis .bx-pager  .bx-pager-item a.active {background:#7fb05f;}

.ban-wrap{max-width: 1840px;margin: 0 auto;position:relative;}
.ban{position:absolute;top:92px;right:20px;z-index:9999;}

.quick {position:fixed;right:0;top:50%;z-index:9999;margin-top:-170px;}
.quick .radio, .quick a {display:block;}
.quick .radio {height:85px;font-size:12px;color:#fff;text-align:center;background:#ef3e2f;padding:18px 0 0;box-sizing:border-box;}

#hnn-foot {padding:60px 0;background-color: #353535;position: relative;}
#hnn-foot .inner {max-width:1700px;min-width:1200px;margin:0 auto;position:relative;}
#hnn-foot .top {position:absolute;top:0;right:0;}
#hnn-foot .ori {color:#7d7d7d; font-size:13px;letter-spacing:-0.05em; line-height:23px;font-weight:300;}
#hnn-foot .copy {font-size:14px;color:#676767;margin-top:10px;font-weight:300;}
#hnn-foot .top-btn{position: absolute;right: 0;bottom: 0;}

#contents {background:#fff;box-sizing:border-box;}
.svis {height:293px;text-align:center;background:url(../images/svis.jpg) repeat;padding-top:180px;box-sizing:border-box;}
.svis h2.tit {font-size:38px;color:#fff;font-weight:500;}

#snb {padding:0 10px;width:100%;background:#fff;box-sizing:border-box;border-top:1px solid #dedede;border-bottom:1px solid #dedede;position:absolute;left:0;top:293px;z-index:99;}
#snb ._inner {max-width:1200px;margin:0 auto;}
#snb ._inner:after {content:'';display:block;clear:both;}
#snb ._inner > li {float:left;position:relative; border-right:1px solid #dedede;}
#snb ._inner > li > a {display:block;height:50px;line-height:50px;position:relative;font-size:16px;color:#555;}
#snb ._inner > li:first-child {padding:0 18px; border-left:1px solid #dedede; border-right:1px solid #dedede;}
#snb ._inner ._ovv > a {padding:0 20px 0 20px;min-width:200px; color:#555;}
#snb ._inner ._ov > a {padding:0 20px 0 20px;min-width:200px; }
#snb ._inner ._ov.active > a {color:#8e1d57;font-weight:500;}
#snb ._inner ._ovv > a:after {
    content:"";
    display:block;
    width:11px;
    height:6px;
    background:url(../images/ico-arr.png) no-repeat;
    position:absolute;
    right:20px;
    top:50%;
    margin-top:-3px;  
}
#snb ._inner ._ov > a:after {
    content:"";
    display:block;
    width:11px;
    height:6px;
    background:url(../images/ico-arr.png) no-repeat;
    position:absolute;
    right:20px;
    top:50%;
    margin-top:-3px;
}
#snb ._inner ._ov > ul, #snb ._inner ._ovv > ul {display:none;position:absolute;left:0;min-width:100%;white-space:nowrap;background:#fff;}
#snb ._inner ._ov > ul li, #snb ._inner ._ovv > ul li {border:1px solid #e1e1e1;margin-top:-1px;}
#snb ._inner ._ov > ul li:first-child, #snb ._inner ._ovv > ul li:first-child {margin-top:0;}
#snb ._inner ._ov > ul li a, #snb ._inner ._ovv > ul li a {display:block;padding:10px 10px 10px 15px;font-size:14px;}
#snb ._inner ._ov:hover > ul, #snb ._inner ._ovv:hover > ul {display:block;}
#snb ._inner li > ul li a:hover {background:#fafafa;color:#8e1d57;}

.snav {width:1200px;font-size:0;text-align:center;border-bottom:1px solid #e1e1e1;margin:0 auto;}
.snav a {display:inline-block;height:54px;line-height:54px;font-size:16px;color:#666;font-weight:300;position:relative;padding:0 7px;margin:0 30px;}
.snav a:before {content:'';display:block;width:0;height:2px;background:#ef3e2f;position:absolute;left:50%;bottom:-1px;transition:0.3s;}
.snav a:hover, .snav a.active {color:#ef3e2f;font-weight:500;}
.snav a:hover:before, .snav a.active:before {width:100%;left:0;}

.contents {width:1200px;margin:0 auto;padding:120px 0;min-height:500px;}
.contents .inner {width:1200px;margin:0 auto;}

 .sub11-box {margin-top:40px;overflow:hidden;}

.location {background:#f8f8f8;padding:60px 60px;}
.location .tit {display:block;text-align:center;}
.location .box {overflow:hidden;padding-top:50px;}
.location .box > div {float:left;width:50%;position:relative;}
.location .box .more {position:absolute;right:0;top:-42px;}
.loc-btn:after {content:'';display:block;clear:both;}
.loc-btn > li {float:left;width:50%;}
.loc-btn > li > a {display:block;height:43px;line-height:43px;font-size:16px;color:#3d485a;font-weight:500;text-align:center;background:#fff;border:1px solid #e1e1e1;}
.loc-btn > li.active > a {color:#fff;background:#3d485a;}


.privacy{ margin:30px auto 0; letter-spacing: -0.05em;}
.document{ color:#666; font-size: 12px; line-height:20px; width: 100%;}
.document h2 { line-height: 140%; }
.document table { border-top: 2px solid #333; width: 100%; margin-top: 8px; margin-bottom: 20px;}
.document tr { border-bottom: 1px solid #ddd; }
.document td {padding: 10px;   }
.document td.b_r { border-right: 1px solid #ddd; text-align: center; }
.document2 td {border-right: 1px solid #ddd; text-align: center;}

.agree { color:#666; line-height: 140%; }
.agree * {font-size:15px;}
.agree h5{display:inline-block;}
.agree table {float:right;}
.agree td {color:#666; padding-right: 10px; }
.agree div{background-color:#f5f5f5;padding:20px ;}
.agree1{margin-bottom: 10px;}

.board_btn .bobtn_center li{display:inline-block;float:none !important;text-align:center;margin:0 5px;}
.board_btn .bobtn_center li:nth-child(1) a{color:#fff;background-color:#353535;}
.board_btn .bobtn_center li:nth-child(1) a:hover{background-color:#fff;color:#353535;border:1px solid #353535;box-sizing:border-box;width:160px;}
.board_btn .bobtn_center li:nth-child(2) a{background-color:#fff;color:#353535;border:1px solid #353535}
.board_btn .bobtn_center li:nth-child(2) a:hover{color:#fff;background-color:#353535;}

/* custom 관심고객등록 */
#boardwrite .bo_tbl { margin-bottom: 60px; } 
#boardwrite .bo_tbl table { width: 100%; border-top: 1px solid #333; } 
#boardwrite .bo_tbl table tr th { padding: 30px 0 30px 40px; border-bottom: 1px solid #e5e5e5; color: #333; font-weight: 400; font-size: 17px; text-align: left; background: unset;} 
#boardwrite .bo_tbl table tr td { border-bottom: 1px solid #e5e5e5; padding: unset; } 
#boardwrite .bo_tbl table tr td input { box-sizing: border-box; }
#boardwrite .bo_tbl table tr td > div { display: flex; align-items: center; } 
#boardwrite .bo_tbl table tr td input[type="text"] { height: 50px; padding: 0 20px; border: none; background-color: #f0f0f0; color: #999; font-size: 16px; outline: none; } 
#boardwrite .bo_tbl table tr td select { width: 227px; height: 50px; padding: 0 20px; border: none; background: #f0f0f0 url(../images/select-icon.png) no-repeat 90% 52%; color: #999; font-size: 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; } 
#boardwrite .bo_tbl table tr td select ~ select { margin-left: 10px; } 
#boardwrite .bo_tbl table tr td em { margin: 0 10px; color: #666; font-size: 16px; } 
#boardwrite .bo_tbl table tr td .personnel label ~ label { margin-left: 20px; } 
#boardwrite .bo_tbl table tr td .personnel label span { margin-left: 5px; } 
#boardwrite .bo_tbl table tr td p { margin-top: 10px; font-size: 14px; padding: unset; } 
#boardwrite .bo_tbl table tr td input:focus,
#boardwrite .bo_tbl table tr td select:focus { border: 1px solid #35343a; background: #fff; } 
#boardwrite .bo_tbl .required, #boardwrite .bo_tbl textarea.required {
	background: none !important;
	background-color: #f0f0f0 !important;
}

.ck_wrap { display:flex; gap:10px; width:100%; height:100%; justify-content:flex-start; align-items:center; } 
.ck { display:flex; gap:6px; height:79px; align-items:center; } 

#boardwrite .terms { margin-top: 60px; } 
#boardwrite .terms dl { margin-bottom: 15px; } 
#boardwrite .terms dl dt { margin-bottom: 10px; color: #333; font-weight: 600; font-size: 20px; } 
#boardwrite .terms dl dd { color: #666; font-size: 15px; line-height: 20px; word-break: keep-all; } 
#boardwrite .terms table { width: 100%; margin-bottom: 50px; border-top: 1px solid #707070; } 
#boardwrite .terms table th { padding: 15px 0; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; color: #666; font-weight: 600; font-size: 14px; vertical-align: middle; } 
#boardwrite .terms table td { padding: 15px 0 15px 30px; border-bottom: 1px solid #d5d5d5; color: #666; font-size: 14px; line-height: 22px; } 
#boardwrite .terms table.type2 th:last-child { border-right: none; } 
#boardwrite .terms table.type2 td { padding: 15px 0; border-right: 1px solid #d5d5d5; text-align: center; } 
#boardwrite .terms table.type2 td:last-child { border-right: none; } 
.agree > div { display: flex; padding: 25px 40px; margin-bottom: 10px; background-color: #f5f5f5; align-items: center; justify-content: space-between; } 
.agree p { color: #333; font-size: 18px; } 
.agree p span { font-size: 15px; } 
.agree ul { display: flex; } 
.agree ul li ~ li { margin-left: 20px; } 
.agree ul li span { padding-left: 5px; } 
.btn_area { margin-top: 50px; } 
.btn_area ul { display: inline-block; overflow: hidden; } 
.btn_area ul li { float: left; } 
.btn_area ul li ~ li { margin-left: 10px; } 
.btn_area ul li.black button,
.btn_area ul li.black a { background-color: #353535; color: #fff; } 
.btn_area ul li.black button:hover,
.btn_area ul li.black a:hover { border: 1px solid #353535; background-color: #fff; color: #353535; } 
.btn_area ul li.white button,
.btn_area ul li.white a { border: 1px solid #353535; background-color: #fff; color: #353535; } 
.btn_area ul li.white button:hover,
.btn_area ul li.white a:hover { background-color: #353535; color: #fff; } 
.btn_area ul li button,
.btn_area ul li a { display: block; width: 160px; height:50px; border: none; font-weight: 600; font-size: 16px; line-height: 48px; transition: 0.2s; }

#vis,
#vis .vis {width:100% !important;position:relative;z-index:0;overflow:hidden;height:100vh;}
#vis .vis .bg {display:block;height:100vh;position:relative;left:50%;margin-left:-1000px;transition:5s linear;transform:scale(1.1);}
#vis .vis:before {display:none;}
#vis .vis1 .bg  {background-image:url(../images/vis1-bg.jpg);}
#vis .vis2 .bg  {background-image:url(../images/vis2-bg.jpg);}
#vis .vis3 .bg  {background-image:url(../images/vis3-bg.jpg);}

#vis .vis .info {width:1200px;position:absolute;left:50%;margin-left:-600px;top:100px;}
#vis .vis1 .info .img1 {position:absolute;top:70px;left:20px;transition:1.0s;opacity:0;transition-delay:0.2s;}
#vis .vis1 .info .img2 {position:absolute;top:390px;left:74px;transition:1.5s;opacity:0;transition-delay:0.3s;}
#vis .vis1 .info .img3 {position:absolute;top:390px;left:74px;transition:1.5s;opacity:0;transition-delay:0.3s;}
#vis .vis1 .info .img4 {position:absolute;top:390px;left:74px;transition:1.5s;opacity:0;transition-delay:0.3s;}
#vis .vis1 .info .img5 {position:absolute;top:390px;left:0px;transition:1.5s;opacity:0;transition-delay:0.3s;}
#vis .vis2 .info .img1 {position:absolute;top:150px;left:0;transition:0.8s;opacity:0;}
#vis .vis2 .info .img2 {position:absolute;top:250px;left:0px;transition:0.8s;opacity:0;transition-delay:0.6s;}
#vis .vis3 .info .img1 {position:absolute;top:150px;left:50%;margin-left:-270px;transition:1.0s;opacity:0;transition-delay:0.2s;}

#vis .vis .bgg {width:100%;height:100%;position:relative;}
#vis .vis .bgg:before {content:'';width:100%;height:100%;position:absolute;left:0;top:0;background-size:cover;background-repeat:no-repeat;transition:5s linear;transform:scale(1.1);}
#vis .vis1 .bgg:before  {background-image:url(../images/vis1-bg.jpg);}
#vis .vis2 .bgg:before  {background-image:url(../images/vis2-bg.jpg);}
#vis .vis3 .bgg:before  {background-image:url(../images/vis3-bg.jpg);}

#vis .active .vis .bgg:before {transform:scale(1);}
#vis .active .vis .bg {transform:scale(1);}
#vis .active .vis1 .info .img1 {top:170px;left:20px;opacity:1;}
#vis .active .vis1 .info .img2 {left:94px;opacity:1;}
#vis .active .vis1 .info .img3 {left:220px;opacity:1;}
#vis .active .vis1 .info .img4 {left:350px;opacity:1;}
#vis .active .vis1 .info .img5 {left:430px;opacity:1;}
#vis .active .vis2 .info .img1 {top:280px;opacity:1;}
#vis .active .vis2 .info .img2 {top:350px;opacity:1;}
#vis .active .vis3 .info .img1 {top:250px;opacity:1;}

#vis .vis .bg2 {width:100%;height:100%;position:absolute;left:0;top:0;background-repeat:no-repeat;background-position:50% 0;background-size:cover;}
#vis .vis1 .bg2 {background-image:url(../images/vis1-bg.jpg);}
#vis .vis2 .bg2 {background-image:url(../images/vis2-bg.jpg);}
#vis .vis3 .bg2 {background-image:url(../images/vis3-bg.jpg);}

#vis .slick-dots {width:100%;text-align:center;position:absolute;left:0;bottom:40px;z-index:1000;}
#vis .slick-dots  li {display:inline-block;margin:0 6px;}
#vis .slick-dots  li button {display:inline-block;width:70px;height:2px;background:none;border:none;background:rgba(255,255,255,0.7);text-indent:-9999px;transition:0.3s;}
#vis .slick-dots  li.slick-active button {height:4px;background:#ef3e2f;}

.bx-wrapper{position: relative;}
#hnn-vis .bx-controls{position: absolute;bottom: 127px;left: 165px;z-index: 99;}
#hnn-vis .bx-prev{background: url(../images/vis-prev.png) no-repeat;width: 15px;height: 23px;font-size: 0;display: inline-block;}
#hnn-vis .bx-next{background: url(../images/vis-next.png) no-repeat;width: 15px;height: 23px;font-size: 0;display: inline-block;margin-left: 27px;}

.hnn-vis-wrap{position: relative; height:900px;}
.hnn-vis-wrap .scroll{position: absolute;left: 100px;bottom: 127px;z-index: 99;width: 13px;}
.hnn-vis-wrap .scroll img:nth-child(1){margin-left: 3px;margin-bottom: 20px;}
.hnn-vis-wrap .scroll img:nth-child(2){position: relative;}
.hnn-vis-wrap .side_banner{position: fixed;top: 370px;right: 0;z-index: 999;}
.hnn-vis-wrap .side_banner li:nth-child(2) a{background-color: #ed1c24;line-height: 100px;color: #fff;padding-left: 33px;font-size:16px;position: relative;display: block;}
.hnn-vis-wrap .side_banner li:nth-child(2) a:after{content: "";background: url(../images/ban-arr.png) no-repeat;width: 22px;height: 11px;position: absolute;top: calc(50% - 5px);right: 27px;}
.hnn-vis-wrap .side_banner li:nth-child(3) a{transition: 0.5s;background-color: #f69679;line-height: 24px;color: #fff;padding:26px 0 26px 33px;font-size:16px;position: relative;display: block;font-weight:300;}
.hnn-vis-wrap .side_banner li:nth-child(3) a:after{content: "";background: url(../images/ban-arr.png) no-repeat;width: 22px;height: 11px;position: absolute;top: calc(50% - 5px);right: 27px;}
.hnn-vis-wrap .side_banner li:nth-child(3) a:hover{background-color:#202020;}

.ov{position: absolute;left: 0;top: 0;width: 100%;height: 100%;font-size: 0;text-align: center;transition: 0.3s;}
.ov .line1{top: 10%;left: 5%;width: 90%;height: 80%;border-top: 1px solid #efefef;border-bottom: 1px solid #efefef;opacity: 0;transform: scale(0,1);-webkit-transform: scale(0,1);-moz-transform: scale(0,1);transition: transform .4s ease-out .2s,opacity .4s ease-out;-webkit-transition: -webkit-transform .4s ease-out .2s,opacity .4s ease-out;-moz-transition: -moz-transform .4s ease-out .2s,opacity .4s ease-out;}
.ov .line2{position: absolute;top: 10%;left: 5%;width: 90%;height: 80%;border-left: 1px solid #efefef;border-right: 1px solid #efefef;opacity: 0;transform: scale(1,0);-webkit-transform: scale(1,0);-moz-transform: scale(1,0);transition: transform .4s ease-out .2s,opacity .4s ease-out;-webkit-transition: -webkit-transform .4s ease-out .2s,opacity .4s ease-out;-moz-transition: -moz-transform .4s ease-out .2s,opacity .4s ease-out;}
.ov .line{display: block;position: absolute;box-sizing: border-box;}
.hnn-vis-wrap .side_banner li:nth-child(3) a:hover .ov .line1{transform: scale(1,1);opacity: 1;}
.hnn-vis-wrap .side_banner li:nth-child(3) a:hover .ov .line2{transform: scale(1,1);opacity: 1;}
#vis:before {content:'';display:block;width:43px;height:72px;background:url(../images/mouse.png) no-repeat;left:50%;margin-left:-21px;position:absolute;left:50%;bottom:85px;text-align:center;z-index:1200;
	-webkit-animation: one 1s ease infinite;
	-moz-animation: one 1s ease infinite;
	-ms-animation: one 1s ease infinite;
	-o-animation: one 1s ease infinite;
	animation: one 1s ease infinite;
}


@keyframes one {
    0% {bottom:85px}
    50% {bottom:105px}
    100% {bottom:85px}
}

.main1 {padding:140px 0 160px;overflow:hidden;background:url(../images/main1-bg.jpg) no-repeat center bottom;}
.main1 .slick-track {transition:0.5s;}
.main1-roll-wrap{padding-left:300px;}
.main1 .swiper-slide {position:relative;width:1328px;}
.main1 .swiper-slide a{position:absolute;left:68px;top:440px;display:none;}
.main1 .swiper-slide.swiper-slide-active {transition:all 0.2s;}
.main1 .swiper-slide.swiper-slide-active a{display:block;}
.main1 .swiper-slide.swiper-slide-active > img {opacity:0;;}
.main1 .swiper-slide.prem1.swiper-slide-active {background:url(../images/main1-img1-on.jpg) center center no-repeat;}
.main1 .swiper-slide.prem2.swiper-slide-active {background:url(../images/main1-img2-on.jpg?ver=2) center center no-repeat;}
.main1 .swiper-slide.prem3.swiper-slide-active {background:url(../images/main1-img3-on.jpg) center center no-repeat;}
.main1 .swiper-slide.prem4.swiper-slide-active {background:url(../images/main1-img4-on.jpg?ver=1) center center no-repeat;}
.main1 .swiper-slide.prem5.swiper-slide-active {background:url(../images/main1-img5-on.jpg?ver=2) center center no-repeat;}
.main1 .swiper-slide.prem6.swiper-slide-active {background:url(../images/main1-img6-on.jpg?ver=2) center center no-repeat;}
.main1 .swiper-slide.prem7.swiper-slide-active {background:url(../images/main1-img7-on.jpg) center center no-repeat;}

.main2 {text-align:center;padding:150px 0;background-color:#f7f7f7;}
.main2 .inner {width:1200px;margin:0 auto;}
.main2 .inner h2{margin-bottom:55px;}
.main2 .inner ul:after {content:'';display:block;clear:both;}
.main2 .inner ul li {float:left;width: 230px;margin-left: 12px;box-sizing: border-box;}
.main2 .inner ul li:first-child{margin-left: 0;}
.main2 ul a {display:block;height:350px;background-repeat:no-repeat;transition:0.3s;}
.main2 ul li:nth-child(1) a {background-image:url(../images/main2-img1.png);}
.main2 ul li:nth-child(2) a {background-image:url(../images/main2-img2.png?ver=1);}
.main2 ul li:nth-child(3) a {background-image:url(../images/main2-img3.png?ver=1);}
.main2 ul li:nth-child(4) a {background-image:url(../images/main2-img4.png);}
.main2 ul li:nth-child(5) a {background-image:url(../images/main2-img5.png);}
.main2 ul li:nth-child(1) a:hover {background-image:url(../images/main2-img1-on.png);}
.main2 ul li:nth-child(2) a:hover {background-image:url(../images/main2-img2-on.png?ver=1);}
.main2 ul li:nth-child(3) a:hover {background-image:url(../images/main2-img3-on.png?ver=1);}
.main2 ul li:nth-child(4) a:hover {background-image:url(../images/main2-img4-on.png);}
.main2 ul li:nth-child(5) a:hover {background-image:url(../images/main2-img5-on.png);}

.main3 {background:url(../images/main3-bg.jpg) no-repeat center;background-size:cover;padding:115px 0;}
.main3 .inner{width:1560px;}
.main3 .inner:after{content:"";display:block;clear:both;}
.main3 .lef-box{float:left;width:828px;padding-right:40px;}
.main3 .rig-box{float:right;width:calc(100% - 868px);text-align:right;padding-top:28px;}
.main3 .rig-box h2{margin-bottom:25px;}
.main3 .rig-box .more{display:block;margin-bottom:65px;}

.main4 {background: url(../images/main4-bg.jpg) no-repeat center bottom;padding:150px 0 60px;}
.main4 .inner {width:1200px;margin:0 auto;}
.main4 .inner:after{content:"";display:block;clear:both;}
.main4 .map_left{float: left;width:calc(100% - 635px);}
.main4 .map_right{float: right; width:635px;}
.main4 .map{box-shadow:15px 20px 15px rgba(93,93,93,0.2);}
.main4 .map_left h2{margin-bottom:70px;}
.main4 .map-btn{margin-bottom:160px;}
.main4 .map-btn a{display:inline-block;}
.main4 .map-btn a ~ a{margin-left:25px;}

#footer {padding:35px 0 60px;}
#footer .inner {width:1200px;margin:0 auto;}
#footer .top {position:relative;padding-bottom:35px;border-bottom:1px solid #ddd;}
#footer .top .tel {position:absolute;right:0;top:0;}
#footer .top .tel strong {display:block;font-size:32px;color:#007166;padding-left:38px;background:url(../images/header-tel-on.png) left center no-repeat;}
#footer .bot {margin-top:70px;padding-top:40px;border-top:1px solid #4e4e4e;}
#footer .bot:after {content:'';display:block;clear:both;}
#footer .bot .lef {float:left;}
#footer .bot .lef .copy {margin-top:40px;font-size:14px;color:#999;}
#footer .bot .rig {float:right;width:920px;}
#footer .bot .rig .alert {font-size:12px;color:#a3a3a3;line-height:20px;letter-spacing:-0.04em;margin-top:25px;}



.overLayer {position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:99999;}
.overLayer .layer {position:absolute;width:100%;height:100%;left:0;top:0;text-align:center;}
.overLayer .layer:before {content:'';display:inline-block;height:100%;vertical-align:middle;}
.overLayer .layer .box {display:inline-block;vertical-align:middle;margin:0 auto;}
.overLayer .layer .box-close {text-align:center;margin-bottom:30px;}
.overLayer .layer .close {background:none;border:none;cursor:pointer;}

.compl-msg {position:relative; width:1200px;background:#eee; margin-bottom:30px;padding:60px 300px 100px;box-sizing:border-box;}

.guide-line {text-align:center; font-size:18px; color:#999; margin-top:40px; line-height:28px;}
.compl-msg > span {display:block;font-size:32px;color:#121212;text-align:center;line-height:52px;font-weight:600;padding:40px 0;border-top:1px solid #333;border-bottom:1px solid #333;}
.compl-light{font-weight:300;}

.botarea {margin-top:30px;text-align:center;}

.cer-btn3 {display:inline-block;width:160px;height:40px;line-height:40px;border:none;background:#53035c;color:#fff;font-size:15px;margin-left:5px;}
.cer-btn4 {display:inline-block;width:160px;height:40px;line-height:40px;border:none;background:#777;color:#fff;font-size:15px;margin-left:5px;}

.tabsub { border-top:1px solid #e6e6e6;  border-bottom:1px solid #e6e6e6;background:#fff; overflow:hidden; height:60px; box-sizing:border-box;}
.tabsub li { float:left; width:20%; text-align:center; box-sizing:border-box; }
.tabsub li { display:inline-block;  cursor:pointer; }
.tabsub li a {font-size:18px; color:#888;position:relative;  display:block;  height:60px; padding:20px; box-sizing:border-box; }
.tabsub li.on  a {  color:#8e1d57; font-weight:bold;}
.tabsub li.on  a:after {content:''; width:100%; height:2px; background:#8e1d57; position:absolute; left:0; bottom:2px; }

.tabsub2 { border-top:1px solid #e6e6e6;  border-bottom:1px solid #e6e6e6;background:#fff; overflow:hidden; height:60px; box-sizing:border-box;}
.tabsub2 li { float:left; width:50%; text-align:center; box-sizing:border-box; }
.tabsub2 li { display:inline-block;  cursor:pointer; }
.tabsub2 li a {font-size:18px; color:#888;position:relative;  display:block;  height:60px; padding:20px; box-sizing:border-box; }
.tabsub2 li.on  a {  color:#cba160; font-weight:bold;}
.tabsub2 li.on  a:after {content:''; width:100%; height:2px; background:#cba160; position:absolute; left:0; bottom:2px; }

.tabsub.tab2 li{width:50%;}
.tabsub.tab4 li{width:25%;}


.tab_con { clear:both; margin-top:60px; }
.tab_con div { display:none; background:#fff; text-align:center; }

.tab3 li{width:33.33%;}

/*방문예약 스타일*/
.step {position: relative;padding-left: 20%;margin-bottom: 30px;}
.step dt {display: inline-block;position: absolute;left: 0;top: 0;width: 20%;background: #7bb4da;color: #fff;line-height: 99px;text-align: center;border-radius: 10px 0 0 10px;-webkit-border-radius: 10px 0 0 10px;font-size: 16px;}
.step dt i {display: inline-block;margin-left: 10px;}
.step dd ul {box-sizing: border-box;display: table;table-layout: fixed;max-width: 100%;border: 1px solid #ddd;border-left: none;border-radius: 0px 10px 10px 0px;-webkit-border-radius: 0px 10px 10px 0px;}
.step dd ul li {display: table-cell;width: 25%;vertical-align: middle;font-size: 18px;text-align: left;height: 97px;padding: 0 5.3rem;position: relative;font-weight: 500;}
.step dd ul li::before {content: "";width: 1px;height: 37px;background: #cccccc;position: absolute;left: 0;top: 30px;}
.step dd ul li:first-child::before{content:none;}
.step dd ul li span {display: block;font-size: 14px;color: #9a9a9a;font-weight: 400;}
.reser_tit {color: #222;font-size: 30px;}
.reser_tit strong {color: #8e1d57;margin-right: 10px;}
.reser_ori{font-size:16px;margin-left:15px;}
.btn_reser.btn-n {width: 150px;height: 50px;background: #53035c;color: #fff;font-size: 15px;}
.btn_reser.btn_reser_re {width: 150px;height: 50px;background: #53035c;color: #fff;font-size: 15px;}

.compl-tit{color:#121212;font-size:36px;font-weight:300;margin-bottom:20px;text-align:center;}
.compl-txt{color:#121212;font-size:18px;text-align:center;font-weight:300;margin-bottom:30px;}
.reservation{text-align: center;font-weight: 300;font-size: 24px;margin: 60px 0 40px;line-height:1.3em;}
.reservation span{color: #8e1d57;font-weight: 500;}
.boardwrite_txt{color:red;text-align:center;font-size: 18px;margin-bottom:30px;line-height:1.3em;}
#boardwrite #win_hp_cert{border:none;background-color:#222;color:#fff;height:36px;padding:0 10px;font-size:12px;margin-left:10px;cursor:pointer;}

/*팝업 비디오*/
@keyframes pr {

	  from { opacity:0; margin-top:-1000px; }
	  50% {opacity:0;  margin-top:-1000px;}
	  to { }
	  
	}

.black_overlay22{ position:fixed; top:0px;  left: 0px;  width:100%;  height:100%; background-color: black;   z-index:1180;  -moz-opacity: 0.60;   opacity:.60;   filter: alpha(opacity=50);  } 
#light { margin-left:-673px;  animation-duration:2s; animation-name:pr;  width:1372px; height:750px;  position: fixed;  top:150px;    left: 50%;  z-index:119999;    overflow: auto;  } 
#player3 { z-index:10000; animation-duration:2s; animation-name:pr; position: fixed; top: 150px; left: 50%; margin-left: -550px; }
#movie-close { position: absolute; top:0px; left: 50%; margin-left: 538px;  z-index: 1189;}

.add-g {text-align:center; font-size:18px; position:relative; max-width:340px; margin:30px auto 0; padding-bottom:2px;}
.add-g:after {content:''; width:100%; height:1px; background:#222; position:absolute; bottom:0; left:0; }

/*입주의향등록*/
#boardwrite .hope,#boardwrite .entry{margin-bottom:60px;}
#boardwrite h4{font-size:18px;color:#666;font-weight:normal;margin-bottom:15px;}
#boardwrite h4:before{content:"";display:inline-block;width:9px;height:9px;background-color:#d31528;margin-right:5px;margin-bottom:2px;}
.hope .boardwrite_table label:first-child{margin-right:15px;}
.hope .boardwrite_table label input{margin-right:5px;}
.entry .boardwrite_table button{background-color:#666;color:#fff;font-size:14px;border:none;width:70px;height:36px;margin:0 5px;}
.entry .boardwrite_table span{color:#333;font-size:14px;vertical-align: middle;}

.layer_pop {display: none;position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgb(0,0,0,0.6);z-index: 500;z-index:9999;}
.layer_pop .layer_close {
    display: block;
    width: 30px;
    height: 30px;
    font-size: 0;
    text-indent: -9999px;
    background-color:#fff;
    position: absolute;
    right: 50px;
    top: 50px;
}
/*입주가능업종 버튼*/
.sub-btn{position:relative;margin-top:50px;height:70px;}
.sub-btn a{position:absolute;left:calc(50% - 138px);}



#hnn-lnb {margin-bottom:40px;}
#hnn-lnb li {
    float: left;
    text-align: center;
    line-height: 40px;
    position: relative;
}
#hnn-lnb li:hover:after,
#hnn-lnb li.active:after  {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    margin-left: -7px;
    border-top:8px solid #ed1c24;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
}
#hnn-lnb:after {
    content: ""; 
    display: block; 
    clear: both;
}
#hnn-lnb li a {
    display: block;
    border: solid #ccc;
    border-width: 1px 1px 1px 0;
}
.hnn-tab {text-align:center;border-top:1px solid #352d28;border-bottom:1px solid #352d28;margin-bottom:30px;}
.hnn-tab > li {display:inline-block;margin:0 20px;}
.hnn-tab > li > a {display:inline-block;height:50px;line-height:50px;font-size:18px;color:#888;}
.hnn-tab > li > a:hover {color:#ed1c24;}
.hnn-tab > li > a.active {color:#ed1c24;font-weight:600;} 
#hnn-lnb li:first-child {
    border-left: 1px solid #ccc;
}
.lnb2 li {
    width: 50%; box-sizing:border-box;}
#hnn-lnb li a { 
    font-size: 15px; 
    color: #333; 
    letter-spacing: -0.075em;
	box-sizing:border-box;

}
.event-box {padding:0 85px;}
.event-box:after {content:'';display:block;clear:both;}
.event-box .lef {float:left;}
.event-box .rig {float:right;}
.event-box table {width:480px;border-top:1px solid #ccc;}
.event-box table th, .event-box table td {font-size:15px;text-align:center;padding:14px 0;}
.event-box table th {color:#fff;font-weight:400;background:#ed1c24;border:1px solid #ed1c24;border-top:none;}
.event-box table td {color:#333;border:1px solid #ccc;}
#hnn-lnb li:hover a,
#hnn-lnb li.active a  {
    border-color: #ed1c24; color: #fff;     background: #ed1c24; }

.sub13-box {text-align:center;}
.sub13-box .btn {display:inline-block;width:220px;height:60px;margin:40px 5px 0; }
.sub13-box .map-info {font-size:14px;color:#888;margin-top:20px;}

.sub11_tbl {width:100%;  margin-top:40px; }
.sub11_tbl th, .sub11_tbl td {border-bottom:1px solid #eaeaea;font-weight:400;}
.sub11_tbl th {font-weight:normal; text-align:center; font-size:18px;padding:30px 0;color:#444;}
.sub11_tbl td {color:#5e5e5e;padding-left:25px; position:relative; font-size:17px;padding:30px 0;padding-left:30px;}
.sub11_tbl td:before {content:''; width:3px; height:26px; background:#c6c6c6; position:absolute; top:50%; margin-top:-13px; left:0;}

#hnn-tab {
	width: 100%;
	margin-bottom:60px;
}
#hnn-tab:after {
	content: ""; 
	display: block; 
	clear: both;
}
#hnn-tab li {
	float: left;
	text-align: center;
	line-height: 60px;
	position: relative;
}
#hnn-tab li a {
	display: block;
	border: solid #dedede;
	border-width: 1px 1px 1px 0;
	font-size: 20px; 
	color: #888; 
	letter-spacing: -0.075em;
	background:#f0f0f0;
	font-weight:normal;
}
#hnn-tab li:first-child {
	border-left: 1px solid #dedede;
}
.tab1 li {
	width: 100%;
}
.tab2 li {
	width: 49.95%;
}
.tab3 li {
	width: 33.333%; box-sizing:border-box;
}
.tab4 li {
	width: 24.97%;
}
.tab5 li {
	width: 19.98%;
}
#hnn-tab li a:hover,
#hnn-tab li a.active  {
	border-color: #8e1d57; color: #fff;background:#8e1d57;
}

#hnn-tab li a:hover:after,
#hnn-tab li a.active:after  {
	content: ""; 
	display: block; 
	width: 0; 
	height: 0;
	position: absolute;
	left: 50%;
	margin-left: -7px;
	border-top:8px solid #8e1d57;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
}

@media(max-width:1662px){
	.hnn-gnb > li{left:80px}
	#header .tel{right:-30px}
	.hnn-gnb > li > a{padding:0 30px;}
}
@media(max-width:1500px)
{
#header .tel{right:-140px}
.hnn-gnb > li{left:140px}
}
@media(max-width:1400px){
	#header .tel{right:-180px}
}