@charset "utf-8";



html,body{ margin:0; padding:0; width:100%; height:100%; max-width:2000px;margin:0 auto;}
#wrap { position:relative;height:100%; min-width:1400px; margin:0 auto;}


/* header */
header  { position:absolute; top:0; left:0; right:0; /*border-bottom:1px solid rgba(255,255,255,0.3);*/ z-index:10; min-width:1400px;max-width:2000px;}
header .wrap { margin:0 auto; height:100px; }
header .wrap h1 { position:absolute; top:28px; left:30px; z-index:11;}
header .wrap h1 a { display:block; width:250px; height:44px; text-indent:-9999px; background-image:url(/images/logo.png); background-size:100% 100%;}

header .gnb_bg { position:absolute; top:-20px; left:0; right:0; bottom:110%; background:#fff; opacity:0; -webkit-opacity:0; border-bottom:1px solid #dfdfdf; transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; }
header .gnb_bg.on { top:0; bottom:-180px; opacity:1; -webkit-opacity:1; }
header .gnb_bg.on:after { content:''; position:absolute; top:100px; left:0; right:0; height:1px; background:#ebebeb; }


/* header GNB */
#gnb { position:absolute; top:0; left:0; right:0;font-size:16px; text-align:center; }
#gnb:after {content:'';display:block;clear:both;}
#gnb>ul { position:relative;width:100%;text-align:center; margin:0 auto; }
#gnb>ul>li {display:inline-block;position:relative;width:135px;letter-spacing:-0.5px;}
#gnb>ul>li>a { display:block; line-height:100px; color:#fff; font-weight:500;font-size:20px;}
#gnb>ul>li>ul { position:absolute; top:100%; left:0; right:0; padding-top:12px; display:none; transition:none; -webkit-transition:none;}
#gnb>ul>li>ul>li {line-height:30px;}
#gnb:hover>ul>li>ul { min-height:180px;}
#gnb>ul>li:hover>ul:before { content:''; position:absolute; top:-2px; left:15px; right:15px; height:2px; }


/* header ::  hover, sticky */
header.sticky,
header.wh,
header:hover { position:fixed; background:#fff; border-bottom:1px solid #dfdfdf;left:50%;width:100%;transform:translateX(-50%);/*box-shadow:1px 1px 10px 0 rgb(0 0 0 / 10%);*/}

header.sticky .wrap h1 a,
header:hover .wrap h1 a { background-image:url(/images/logo_on.png); }

header.sticky #gnb>ul>li>a,
header:hover #gnb>ul>li>a { color:#333; }

header.sticky  #gnb>ul>li:hover>a,
header:hover #gnb>ul>li:hover>a { color:#688649; text-decoration:none; }

header.sticky #gnb>ul>li:hover>ul,
header:hover #gnb>ul>li:hover>ul { border-top-color:#333; }

header.sticky #gnb>ul>li>ul>li:hover>a,
header:hover #gnb>ul>li>ul>li:hover>a { display:block;background:#688649;color:#fff; text-decoration:none; }


/* Top phone number */
header .top_phone {z-index:10; position:absolute; right:30px; top:32px;}

header .top_phone .telnum {display:inline-block;position:relative;padding-left:35px;font-size:30px;color:#fff;font-weight:900;}
header .top_phone .telnum:before {display:block;content:''; position:absolute;top:3px;left:0;width:30px;height:30px;background:url(/images/top_tel.png);background-size:100% 100%;}

header .top_phone .drm-num {position:relative;}
header .top_phone .drm-num span {display:inline-block;color:#fff;vertical-align:middle;}
header .top_phone .drm-num span.part {font-size:16px;}
header .top_phone .drm-num span.name {font-size:24px;letter-spacing:-2px;font-weight:500;}
header .top_phone .drm-num span.tel {display:inline-block;position:relative;font-size:30px;font-weight:900;padding-left:35px;}
header .top_phone .drm-num span.tel:before {display:block;content:''; position:absolute;top:3px;left:0;width:30px;height:30px;background:url(/images/top_tel.png);background-size:100% 100%;}

/* Top phone number ::  hover, sticky */
header.sticky .top_phone .telnum,
header:hover .top_phone .telnum {color:#25421c;}
header.sticky .top_phone .telnum:before,
header:hover .top_phone .telnum:before {background:url(/images/top_tel_on.png);background-size:100% 100%;}

header:hover .top_phone .drm-num span,
header.sticky .top_phone .drm-num span {color:#222;}

header:hover .top_phone .drm-num span.tel:before,
header.sticky .top_phone .drm-num span.tel:before {background:url(/images/top_tel_on.png);background-size:100% 100%;}

header:hover .top_phone .drm-num span.part, 
header.sticky .top_phone .drm-num span.part {color:#688649;}


/*footer*/
.scrollTop { position:absolute; top:30px; right:0px; width:50px; height:60px; border-bottom:1px solid rgba(255, 255, 255, 0.3); text-align:center;z-index:20;padding-top:30px; }
.scrollTop span {position:relative;padding-top:16px;line-height:1;font-size:16px;color:#fff; }
.scrollTop span:before {content:'';position:absolute;top:0;left:50%;margin-left:-9px;display:block;width:18px;height:11px;background-image:url(../images/bt_type02.png);}

footer  {position:relative;width:100%; text-align:center; padding-bottom:60px; background:#303030;/*opacity:0;*/}

/*시행,시공,수탁정보 */
footer .f-info {position:relative;text-align:center;background:#f6f6f6;height:88px;overflow:hidden;}
footer .f-info ul {width:1600px;margin:0 auto;}
footer .f-info ul:after {clear: both; display:block; content:""}
footer .f-info ul li {display:inline-block;font-size:20px;font-weight:500;line-height:88px;letter-spacing:-1px;}
footer .f-info ul li + li {padding-left:150px;}
footer .f-info ul li span {display:inline-block;line-height:88px;padding-right:20px;font-size:18px;font-weight:300;}
footer .f-info ul li img {vertical-align:middle;}
footer .wrap { position:relative;width:1400px; min-width:1400px;margin:0 auto; padding-top:30px;font-size:16px; color:#a9a9a9; text-align:left;}
footer .wrap .warning { position:relative;margin-bottom:20px;text-align:left; color:#fff; }
footer .wrap .warning > ul li {display:block;position:relative;padding-left:15px;font-size:16px;color:#fff;line-height:1.5;}
footer .wrap .warning > ul li:before {content:'※';position:absolute;left:0;top:0;}
footer .wrap .info { line-height:26px; font-weight:300; letter-spacing:-0.5px;}
footer .wrap .info span {position:relative;display:inline-block;padding-right:20px;}
footer .wrap .info span:after {content:'';position:absolute;top:6px;right:0;width:1px;height:13px;background:rgba(255, 255, 255, 0.3);}
footer .wrap .info span + span {padding-left:15px;} 
footer .wrap .info span:last-child {padding-right:0;}
footer .wrap .info span:last-child:after {width:0;}
footer .wrap .copyright { display:block; }
footer .wrap .copyright i, footer .wrap .info span i, footer .wrap .info span a {font-weight:500;text-transform:uppercase;color:#a9a9a9}
footer .wrap .yourbiz { display:block; }
footer .wrap .yourbiz a{ padding-top:0;color:#a9a9a9}


.delay-02s {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.delay-04s {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.delay-06s {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.delay-08s {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.delay-13s {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
}
.delay-15s {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}


/* Quick */
#quickMenu {position:fixed;right:0px;top:50%;transform: translateY(-50%);z-index:8;}
#quickMenu > ul > li {position:relative;display:block;width:105px;height:123px;overflow:hidden;opacity:0;-webkit-animation-delay: 0.4s;   animation-delay: 0.4s;box-shadow:7px 13px 16px 0px rgb(0 0 0 / 30%);background-position:center;background-repeat:no-repeat;}
#quickMenu > ul > li:nth-child(1) {background-color:#f5f5f5;background-image: url(/images/quick01.png);}
#quickMenu > ul > li:nth-child(2) {background-color:#688649;background-image: url(/images/quick02.png);}
#quickMenu > ul > li:nth-child(3) {background-color:#25421c;background-image: url(/images/quick03.png);}
#quickMenu > ul > li > a {display:block;width:100%;height:100%;text-indent:-999999px;font-size:0;}




/*********************************** sub ***************************************/
#sub {position: relative;}
/* sub Visual */
#subVisual { position: relative;  overflow: hidden;z-index:0;}
.s_gap { height:100%;min-height:790px;}
#subVisual #svisu {position:absolute; left:0;right:0;top:0;width:100%; max-width:2000px;height:790px;margin:0 auto;animation: fadeIn 1s ease-in-out forwards; opacity:0; z-index:1; top:0; background-color:#222}
#subVisual #svisu .visuImg {position:absolute; top:0; left:0; width:100%; text-align:center; height:100%; z-index:-1;  overflow:hidden;opacity:0;}
#subVisual #svisu .visuImg-in {width:100%; height:100%; animation:animate_background 2s ease-in-out; background-size:cover;}
#subVisual #svisu .visuImg-info {background-image:url('/images/sub/svimg-info.jpg');} /*사업안내*/
#subVisual #svisu .visuImg-complex {background-image:url('/images/sub/svimg-complex.jpg');} /*상품안내*/
#subVisual #svisu .visuImg-premium {background-image:url('/images/sub/svimg-premium.jpg');} /*프리미엄*/
#subVisual #svisu .visuImg-unit {background-image:url('/images/sub/svimg-unit.jpg');} /*유닛정보*/
#subVisual #svisu .visuImg-prcenter {background-image:url('/images/sub/svimg-prcenter.jpg');} /*홍보센터*/

	@keyframes animate_background {
		0% {transform: scale(1.60); -ms-transform: scale(1.40); -webkit-transform: scale(1.60); }
		100%  {transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); }
	}

	@keyframes fadeIn {
		from{opacity:0;}
		to{opacity:1.0;}
	}
#subVisual #svisu .visu-txt {position:absolute;left:0;right:0;top:50%;transform: translateY(-50%);text-align:center;z-index:2;opacity:100;}
#subVisual #svisu .visu-txt h2 {font-size:60px;font-weight:700;color:#fff;height:60px;line-height:1;overflow:hidden;}
#subVisual #svisu .visu-txt h2 span {display:inline-block;line-height:1;opacity:0;}



/* sub LNB */
#lnb {position: relative;  top:-70px;z-index:5;}
.lnb { position:relative;width:100%;height:70px;overflow: hidden;}
.lnb ul {position: relative;display:flex;width:1200px; margin:0 auto;text-align:center;justify-content:flex-start; align-content: center;align-items: center;opacity:0;}
.lnb ul li {display:inline-block;background:rgba(37,66,28,.9);overflow:hidden;width:400px;text-align:center;}
.lnb ul li a{display:inline-block;position:relative;width:100%;line-height:70px;font-size:22px;color:rgba(255,255,255,.5);font-weight:300;letter-spacing:-1px;}
.lnb ul li a:after {display: block; content: ''; position: absolute; top: 0; right:0;width:1px;height:100%;background:rgba(255,255,255,.2);}
.lnb ul li.active a {background:#688649;color:#fff;font-weight:600;}

.lnb ul li:last-child a:after,
.lnb ul li.active a:after {width:0;}

.lnb .lnb_home {position: absolute; left:0; background: rgba(0,0,0,.7); display: block; content: ''; width:calc((100% - 1200px) / 2); height: 70px; text-align: right;transition: all .3s;opacity:0;}
.lnb .lnb_home a {display:block;width:100%;height:100%;font-size:0;}
.lnb .lnb_home a:before {display: block; content: ''; position: absolute; top: 0; right: 20px; width:20px; height: 100%; background:url('/images/lnb-ico-home.png') no-repeat; background-position: right center; transition: all .3s;}

#lnb.on {top:100px;left:0;right:0;position:fixed;background:rgba(37,66,28,.9);}
#lnb.on .lnb { position:relative;width:100%;height:50px;overflow: hidden;}
#lnb.on .lnb ul li a{line-height:50px;font-size:20px;}
#lnb.on .lnb .lnb_home a:before {height:50px}



/*********************************** sub cont_area ***************************************/
#cont_area {position:relative;background:#fff;top:-70px;}
#cont_area .cont {position:relative;}
#cont_area .cont .inner {width:1200px;margin:0 auto;padding:100px 0 0;}

#cont_area .cont:last-child .inner,
#cont_area .cont:last-child .innerWide {padding-bottom:100px;}

#cont_area .cont .innerWide {width:100%;margin:0 auto;padding:100px 0;}


.cont_dep {position:relative;margin-bottom:100px;}
.cont_dep:last-child {margin-bottom:0;}
.cont_dep > h2 {display:block;position:relative;font-size:40px;font-weight:300;letter-spacing:-0.04em;text-align:center;line-height:1.2;margin-bottom:40px;opacity:0}
.cont_dep > h2 b {font-weight:700;}
/*.cont_dep > h2:after {content:'';display:block;width:1px;height:47px;margin:20px auto 0;background:#ddd;}*/
.cont_dep > h3 {display:block;font-size:42px;font-weight:300;letter-spacing:-0.04em;text-align:center;line-height:1;}
.cont_dep > h3 b {font-weight:700;}
.cont_dep.video iframe {width:1300px;height:784px;}

.fc-m {color:#25421c;}
.fc-m2 {color:#688649;}
.fc-p {color:#f08823;}

.cont_dep .tx {position:relative;margin:0 auto;text-align:center;line-height:1;padding-bottom:40px;}
.cont_dep .tx h3 {font-size:50px;font-weight:700;letter-spacing:-1px;line-height:1;}


/*오리발 문구*/
.guide-txt {position:relative;/*border:1px solid #ddd;*/max-width:1400px;margin:10px auto 0;padding:5px 0;text-align:left;}
.guide-txt > ul li {display:block;position:relative;padding-left:10px;font-size:14px;color:#666;opacity:0;overflow:hidden;}
.guide-txt > ul li:before {content:'※';position:absolute;left:0;top:0;}

.ing {padding:130px 0;font-size:40px;color:#688649;text-align:center;}



/*사업소개*/
.overview .tx {position:relative;}
.overview .tx h3 {font-weight:300;letter-spacing:-5px;text-align:center;opacity:0}
.overview .tx h3 span {position:relative;display:inline-block;padding-right:30px;font-weight:700;}
.overview .tx h3 span:after {content:':';position:absolute;top:-7px;right:10px;}
.overview .tx h3 b {font-weight:500;}
.overview .tx p {position:relative;width:175px;height:24px;margin:10px auto 0;text-indent:-999999px;background:url(/images/logo-han.png) no-repeat 0 0;opacity:0}
.overview .ov-img {position:relative;height:660px;background-position:center 50%; background-size:cover;background-image:url(/images/sub/ov.jpg); opacity:0;}
.overview .ov-table {position:relative;margin-top:20px;text-align:left;overflow:hidden;}
.overview .ov-table table {border-top:2px solid #688649;border-collapse:collapse; /*선1개로 합치기*/ border-spacing:0;width:100%;overflow:hidden;opacity:0;}
.overview .ov-table table th,
.overview .ov-table table td {padding:20px 0;font-size:18px;line-height:1.3;border-bottom:1px solid #dfdfdf;letter-spacing:-0.05em;}
.overview .ov-table table tr:last-child th ,
.overview .ov-table table tr:last-child td {border-color:#688649;}
.overview .ov-table table th {width:220px;background:#f5f5f5;color:#25421c;text-align:center;font-weight:400;}
.overview .ov-table table td {padding-left:20px;font-weight:300;}
.overview .ov-table span {display:inline-block;padding-left:20px;}

/*브랜드소개*/
.brand-story {position:relative;background:#fafafa;border:1px solid #eee7db;height:223px;overflow:hidden;opacity:0}
.brand-story span {display:block;width:100%;height:100%;background: url(/images/sub/bs-logo.png) no-repeat center;text-indent:-999999px;}
.brand-story span:before,
.brand-story span:after  {display:block;content:'';position:absolute;width:150px;height:109px;background: url(/images/sub/x.png) no-repeat center;}
.brand-story span:before {left:40px;top:-2px;}
.brand-story span:after {right:40px;bottom:-2px;}
.brand-story-info {position:relative;margin-top:30px;font-size:20px;opacity:0}
.brand-story-info .tx {margin-left:494px;text-align:left;line-height:1.3;}
.brand-story-info .tx  p + p {padding-top:40px;}
.brand-story-info .tx > p > span {display:inline-block;line-height:30px;color:#25421c;font-weight:700;font-size:30px;border-bottom:2px solid #25421c;margin-bottom:10px;padding-bottom:3px;}
.brand-story-info .tx > p > span > i {display:inline-block;padding-left:7px;color:#688649;font-size:20px;font-weight:300;}
.brand-story-info .tx-info {position:absolute;left:150px;top:0;font-size:48px;color:#666;}
.brand-story-info .tx-info span {display:inline-block;color:#25421c;font-weight:700;text-align:center;vertical-align:top;}
.brand-story-info .tx-info span i {display:block;font-size:24px;font-weight:300;}
.brand-story-info .tx-info span:first-child {padding-right:15px;}

/* 오시는길*/
.location  {position:relative;text-align:left;letter-spacing:-0.04em;min-height:700px;}
.location .map01 {position:absolute;width:590px;left:0;top:0;opacity:0;}
.location .map02 {position:absolute;width:590px;right:0;top:0;opacity:0;}
.location h3 {display:block;position:relative;line-height:37px;padding-left:40px;padding-bottom:20px;font-size:36px;}
.location h3:before {content:"";position:absolute;left:0;top:0;width:32px;height:37px;background:url(/images/sub/ico-map.png) center no-repeat;}
.location .map {width:100%;height:500px;/*border:1px solid #ddd;*/box-sizing:border-box;}
.location .map iframe {width:100%;height:100%;}
.location .root_daum_roughmap {width:100% !important} /*daum map*/
.location p {font-size:20px;color:#666;display:block;line-height:44px;}
.location .bt-area {position:relative;}
.location .bt-area .bt {position:absolute;top:0;width:294px;/*height:58px;*/}
.location .bt-area .bt:after {content:"";position:absolute;right:20px;top:24px;width:31px;height:14px;background: url(/images/sub/icon-right-arrow-white.png) center no-repeat}
.location .bt-area .bt.bt-naver {left:0;background:#688649;}
.location .bt-area .bt.bt-kakao {right:0;background:#666;/*#688649;*/}
.location .bt-area .bt span {display:block;position:relative;line-height:58px;color:#fff;font-size:18px;}
.location .bt-area .bt.bt-naver span {padding-left:116px;}
.location .bt-area .bt.bt-naver span:before {content:"";position:absolute;left:20px;top:12px;display:block;width:86px;height:32px;background: url(/images/sub/ico-map-naver.png) center no-repeat;}
.location .bt-area .bt.bt-kakao span {padding-left:97px;}
.location .bt-area .bt.bt-kakao span:before {content:"";position:absolute;left:20px;top:10px;display:block;width:67px;height:32px;background: url(/images/sub/ico-map-kakao.png) center no-repeat;}



/*미래비전*/
.cp-map {position:relative;opacity:0;}
.cp-map .cp-tx {line-height:54px;font-size:22px;background:#688649;color:#fff;font-weight:500;text-align:center;}


/* 특화설계*/
.ibox {position:relative;}
.ibox ul li {position:relative;display:block;height:376px;overflow:hidden;background:#fafafa;opacity:0;}
.ibox ul li > .ibox-tx {position:relative;padding:150px 0 0 80px; margin-left:50%;}
.ibox ul li > .ibox-tx p {font-size:30px; color:#688649;font-weight:700;}
.ibox ul li > .ibox-tx span {display:block;font-size:24px;padding-top:10px; }
.ibox ul li > .ibox-img {position:absolute;top:0;left:0;width:600px;height:376px;}
.ibox ul li:nth-child(even) > .ibox-tx {margin-left:0;} /*짝수*/
.ibox ul li:nth-child(even) > .ibox-img {left:auto;right:0;}/*짝수*/

.ibox-slider {position:relative;margin-top:40px;border-bottom:2px solid #ddd;opacity:0;}
.ibox-slider .swiper-button-prev,
.ibox-slider .swiper-button-next { width:38px; height:38px; top:518px; }
.ibox-slider .swiper-button-prev { right:43px; background-image:url(/images/s2_slider_bt_pre.png); }
.ibox-slider .swiper-button-next { right:0; background-image:url(/images/s2_slider_bt_next.png); }
.ibox-slider .slider p {line-height:58px;font-size:24px;font-weight:500;}

/*세제혜택*/
.privilege {position:relative;}
.privilege ul {position:relative;font-size:0;text-align:center;}
.privilege ul li {display:inline-block;width:400px;background:#f5f5f5 url(/images/sub/pri-01.png) center 33px no-repeat;height:454px;vertical-align:top;opacity:0;}
.privilege ul li:nth-child(1) {background-image:url(/images/sub/pri-01.png);}
.privilege ul li:nth-child(2) {background:#fff url(/images/sub/pri-02.png) center 33px no-repeat;    -webkit-animation-delay: 0.6s;
    animation-delay: 0.4s;}
.privilege ul li:nth-child(3) {background-image:url(/images/sub/pri-03.png);    -webkit-animation-delay: 0.8s;
    animation-delay: 0.6s;}

.privilege ul li > p {padding:280px 0 20px;font-size:36px;font-weight:700;color:#25421c;letter-spacing:-0.08em;}
.privilege ul li > p i {color:#f08823;}
.privilege ul li > p > span {display:block;font-size:16px;font-weight:300;letter-spacing:0;}
.privilege ul li > span {display:block;font-size:18px;}


.pm-map {position:relative;opacity:0;}
.pmbox {position:relative;}
.pmbox ul li {position:relative;display:block;height:376px;overflow:hidden;background:#fafafa;opacity:0;}
.pmbox ul li > .ibox-tx {position:relative;padding:108px 0 0 80px; margin-left:50%;}
.pmbox ul li > .ibox-tx h4 {display:block;color:#cacec9;font-size:72px;}
.pmbox ul li > .ibox-tx p {font-size:30px; color:#688649;font-weight:700;}
.pmbox ul li > .ibox-tx span {display:block;font-size:24px;padding-top:10px; }
.pmbox ul li > .ibox-img {position:absolute;top:0;left:0;width:600px;height:376px;}
.pmbox ul li:nth-child(even) > .ibox-tx {margin-left:0;} /*짝수*/
.pmbox ul li:nth-child(even) > .ibox-img {left:auto;right:0;}/*짝수*/


/*metaverse*/
.metaverse {position:relative;}
.metaverse h2 > p {font-size:24px;letter-spacing:-0.02em;padding-top:5px;}
.metaverse .mv-video {position:relative;height:636px;overflow:hidden;opacity:0;}
.metaverse .mv-video video {position:absolute;top:-19px;left:0;right:0;width:100%;height:675px;}
.metaverse .mv-bt {position:relative;height:156px;background:#25421c;display:flex;align-items: center;justify-content: center;opacity:0;}
.metaverse .mv-bt a {display:inline-block;position:relative;padding-bottom:14px;border-bottom:2px solid #fff;}
.metaverse .mv-bt a + a {margin-left:70px;}
.metaverse .mv-bt a span {display:block;width:100%;font-size:25px;color:#fff;padding-right:60px;letter-spacing:-0.06em;}
.metaverse .mv-bt a span:after {content:'';position:absolute;right:0;top:50%;margin-top:calc(-14px + -7px);width:32px;height:27px;background: url(/images/sub/icon-down.png) center no-repeat;}
.metaverse .mv-bt a span b {font-weight:500;}
.metaverse_icon:after{background: url(/images/sub/icon-down2.png) center no-repeat !important;}


/* Unit */
.tab-unit {position:relative;text-align:center;font-size:0;text-align:left;}
.tab-unit:after {clear: both; display:block; content:""}
.tab-unit li {display:inline-block;width:20%;text-align:center;border:1px solid #25421c;margin-left:-1px;opacity:0;}
.tab-unit li:first-child {margin-left:0;}
.tab-unit li a {display:block;width:100%;line-height:60px;font-size:20px;color:#25421c;font-weight:500;}
.tab-unit li.active {background:#25421c;}
.tab-unit li.active a {color:#fff;font-weight:700;font-size:22px;}
.tab-unit li:first-child a {}

.tab-view {position:relative;margin:60px auto 0;/*overflow:hidden;*/}
.tab-view .unit-img {max-width:1200px;overflow:hidden;}


/* 홍보영상 */
.tab-tvc {position:relative;text-align:center;font-size:0;text-align:left;}
.tab-tvc:after {clear: both; display:block; content:""}
.tab-tvc li {display:inline-block;width:calc(33.33% - 10px);text-align:center;border-bottom:1px solid #ccc;margin-left:15px;opacity:0;}
.tab-tvc li:first-child {margin-left:0;}
.tab-tvc li a {display:block;width:100%;line-height:60px;font-size:20px;color:#ccc;font-weight:500;}
.tab-tvc li.active {border-color: #688649;}
.tab-tvc li.active a {color:#688649;font-weight:700;font-size:22px;}
.tab-tvc li:first-child a {}

.tvc-view {position:relative;margin:20px auto 0;/*overflow:hidden;*/}
.tvc-view iframe {width:100%;height:670px;}

#tvc {position:absolute;left:0;top:0px;margin-top:-170px;text-indent:-999999px;font-size:0;width:100%;height:190px;z-index:0;}


/* news */
.news-box {position:relative;overflow:hidden;}
.news-box .posts {position:relative;line-height:2;color:#a0a0a0;font-size:18px;letter-spacing:-0.03em;text-align:left;opacity:0}
.news-box .posts span {color:#222;font-weight:500;}
.news-box ul {position:relative;border-top:2px solid #333;opacity:0;}
.news-box ul li {position:relative;display:block;border-bottom:1px solid #e5e5e5;}
.news-box ul li a {position:relative;display:block;}
.news-box ul li a .num {display:block;position:absolute;left:0;top:0;width:100px;text-align:center;line-height:130px;font-size:30px;color:#a0a0a0;font-weight:400;}
.news-box ul li a .category {display:block;position:absolute;left:100px;top:27px;background:#f5f5f5;width:160px;line-height:74px;font-size:20px;text-align:center;font-weight:400;}
.news-box ul li a .tit {display:block;margin-left:280px;width:745px;font-weight:500;color:#333;font-size:24px;line-height:130px;letter-spacing:-1px;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.news-box ul li a .date {display:block;position:absolute;right:0;top:0;width:150px;line-height:130px;font-size:20px;color:#a0a0a0;text-align:center;}


/* paginate */
.paginate {margin-top:40px;font-size:0;text-align:center;}
.paginate a {display:inline-block;position:relative;width: 32px;height: 32px;box-sizing:border-box;font-size:16px;line-height: 32px;text-align:center;vertical-align:top;transition:all 0.4s;opacity:0;}
.paginate a.on {background:#688649;width:32px;height:32px;color:#fff;font-weight:700;border-radius:50%;}
.paginate a.next {width: 35px;height: 35px;margin-left:15px;background:url(/images/icon_next.png) center no-repeat;background-size: 31px 14px;overflow:hidden;text-indent:-999999px;}
.paginate a.pre {width: 35px;height: 35px;margin-right:15px;background:url(/images/icon_prev.png) center no-repeat;background-size: 31px 14px;overflow:hidden;text-indent:-999999px;}



/* 관심고객등록 */
.agree-txt {position:relative;opacity:0;}
.agree-txt h2, .per-info h2  {display:block;position:relative;line-height:37px;font-weight:500;padding-bottom:10px;letter-spacing:-2px;font-size:28px;color:#333;}
.agree-txt .txt_area {position:relative;display:block;border:1px solid #688649;font-size:16px;color:#666;padding:20px 10px;}
.agree-txt .txt_area .tbox {position:relative;height:176px;overflow-y:auto;letter-spacing:-0.5px;padding:0 10px;}
.agree-txt .txt_area h1 {display:none;}
.agree-txt .txt_area dl dt {display:block;text-align:left;font-size:20px;letter-spacing:-1px;font-weight:300;color:#485329;padding:20px 0 10px;font-weight:400;}
.agree-txt .txt_area dd ul {padding-top:10px;}
.agree-txt .txt_area dd ul li {display:block;position:relative;line-height:1.3;padding:5px 0 5px 20px;}
.agree-txt .txt_area dd ul li:before {content:'-';display:block;position:absolute;left:0;top:5px;}
.agree-txt .txt_area dd p {font-weight:500;padding:10px 0 5px;}
.agree-txt .agree-box {position:relative;padding:20px 0;text-align:center;}
.agree-txt .agree-box span {display:inline-block;position:relative;padding-right:30px;}
.agree-txt .agree-box input[type="radio"] {display:none;}
.agree-txt .agree-box input[type="radio"] + label {position:relative;padding-left:32px;font-size:18px;letter-spacing:-1px;}
.agree-txt .agree-box input[type="radio"] + label:before {content:' '; display:block; width:22px; height:22px; position:absolute;left:0;top:-4px;border:2px solid #ddd;border-radius:50%; }
.agree-txt .agree-box input[type="radio"]:checked + label:before {border:2px solid #688649;z-index:1;}
.agree-txt .agree-box input[type="radio"]:checked + label:after {content:' '; display:block;left: 8px;top: 4px;background:#688649;width:10px;height:10px;border-radius:50%; position: absolute;}
.agree-txt .agree-box .bt-agree-info {display:block;position:absolute;left:504px;top:13px;border-bottom:1px solid #688649;padding-bottom:10px;}
.agree-txt .agree-box .bt-agree-info span {color:#688649;font-size:18px;letter-spacing:-1px;}
.per-info  {position:relative;opacity:0;}
.per-info > p {display:block;position:absolute;right:0;top:20px;font-size:14px;}
.per-info > p > span {color:#f08823;font-weight:700;}
.per-info table {border-top:2px solid #688649;width:100%;border-collapse:collapse;border-spacing:0; }
.per-info table th, 
.per-info table td {border-bottom:1px solid #ddd;font-size:18px;color:#333;letter-spacing:-1px;font-weight:300;padding:20px;}
.per-info table tr:last-child th, 
.per-info table tr:last-child td {border-bottom:1px solid #688649;}
.per-info table tr:last-child th {padding-left:40px;}
.per-info table th {background:#f5f5f5;font-weight:400;text-align:left;}
.per-info table th span {display:inline-block;color:#f08823;font-weight:500;padding-right:7px;padding-left:10px;}
/*.per-info table tr:last-child th {padding-left:37px;}*/
.per-info table td span {display:inline-block;font-size:14px; font-weight:400;padding-left:5px;}
.per-info input[type="text"] {display:inline-block;line-height:44px;padding:0 10px;width:275px;border:1px solid #ccc;vertical-align:middle;outline: none;box-sizing:border-box;}
.per-info input[type="text"]:focus{ border:1px solid #ae746e;}
.per-info .tx {position:relative;padding-top:10px;}
.per-info .tx ul li {display:block;position:relative;padding-left:20px;font-size:14px;color:#666;}
.per-info .tx ul li:before {content:'※';position:absolute;left:0;top:0;}
.per-info .bt-send {display:block;position:relative;margin:20px  auto 0;width:400px;height:66px;line-height:66px;color:#fff;text-align:left;padding-left:30px;background:#27441e;font-size:22px;font-weight:700;}
.per-info .bt-send:after {position:absolute;content:'';right:30px;top:25px;width:31px;height:14px;background:url(/images/sub/icon-right-arrow-white.png);}


@keyframes scroll_down {  
	0% {opacity:0;}
	10% {transform:translateY(0);opacity:1;}
	100% {transform:translateY(80px);opacity:0;}
}


/*********************************** popup ***************************************/

html.on { height:100%; overflow:hidden; }
.pu_bg { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.8); z-index:98;display:none;  }

/*개인정보약관*/
.pop-privacy {position:fixed;left:50%;top:50%;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:1000px;height:100%; background:#fff; box-sizing:border-box;z-index:99;padding:20px;display:none; }

.pop-privacy .bt_close { position:absolute; display:block;top:0px;left:50%; margin-left:510px;width:52px; height:53px; background:url(../images/bt_close.png) no-repeat 0 0;background-size:100%; text-indent:-9999px; }

.pop-privacy  .pu_txt_area {overflow-y:auto;height:100%;padding:20px;font-size:16px;letter-spacing:-0.5px;}

.pop-privacy .pu_txt_area h1 {display:block;text-align:center;font-size:40px;letter-spacing:-3px;font-weight:500;line-height:2;}
.pop-privacy .pu_txt_area dl dt {display:block;text-align:left;font-size:20px;letter-spacing:-1px;font-weight:300;color:#688649;padding:20px 0 10px;font-weight:400;}
.pop-privacy .pu_txt_area dd ul {padding-top:10px;}
.pop-privacy .pu_txt_area dd ul li {display:block;position:relative;line-height:1.3;padding:5px 0 5px 20px;}
.pop-privacy .pu_txt_area dd ul li:before {content:'-';display:block;position:absolute;left:0;top:5px;}
.pop-privacy .pu_txt_area dd p {font-weight:500;padding:10px 0 5px;}



/*********************************** etc  ***************************************/



#scrollbar ::-webkit-scrollbar { width: 5px; height: 5px;}
#scrollbar ::-webkit-scrollbar-track {background-color:#fff; border-radius: 5px;}
#scrollbar ::-webkit-scrollbar-thumb { background-color: rgba(104,134,73,0.8); border-radius: 5px;}






@media all and (min-width:300px) and (max-width:1480px) {

#gnb>ul>li {width:120px;}
}