@charset "utf-8";


/* layout */
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  { 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.sticky,
header.wh,
header:hover { position:fixed; background:#fff; /*border-bottom:1px solid #dfdfdf;*/top:0; left:0; right:0;box-shadow:1px 1px 10px 0 rgb(0 0 0 / 10%);}

header .wrap { margin:0 auto; height:109px; }
header .wrap h1 { position:absolute; top:28px; left:30px; z-index:11;}
header .wrap h1 a { display:block; width:244px; height:46px; text-indent:-9999px; background-image:url(../images/logo.png); background-size:100% 100%;}

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


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:-245px; opacity:1; -webkit-opacity:1; }
header .gnb_bg.on:after { content:''; position:absolute; top:109px; left:0; right:0; height:1px; background:#ebebeb; }


/* GNB */
#gnb { position:absolute; top:0; left:0; right:30px;font-size:16px; text-align:center; }
#gnb:after {content:'';display:block;clear:both;}
#gnb>ul { /*position:absolute; top:0;left:0;right:0;*/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:109px; 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:2;}


#gnb:hover>ul>li>ul { min-height:240px;}
#gnb>ul>li:hover>ul:before { content:''; position:absolute; top:-2px; left:15px; right:15px; height:2px; }


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

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

header.sticky #gnb>ul>li:hover>ul,
header.wh #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.wh #gnb>ul>li>ul>li:hover>a,
header:hover #gnb>ul>li>ul>li:hover>a { color:#3fcbda; text-decoration:none; }




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

header .wrap .top_phone .telnum {display:inline-block;position:relative;padding-left:35px;font-size:30px;color:#fff;font-weight:900;}
header .wrap .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 .wrap .top_phone .drm-num {position:relative;}
header .wrap .top_phone .drm-num span {display:inline-block;color:#fff;vertical-align:middle;}
header .wrap .top_phone .drm-num span.part {font-size:16px;}
header .wrap .top_phone .drm-num span.name {font-size:24px;letter-spacing:-2px;font-weight:500;}
header .wrap .top_phone .drm-num span.tel {display:inline-block;position:relative;font-size:30px;font-weight:900;padding-left:35px;}
header .wrap .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 .wrap .top_phone .telnum,
header:hover .wrap .top_phone .telnum {color:#3fcbda;}

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

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

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






/*total_menu*/
header .btn_total {z-index:20; position:absolute; right:50px; top:42px; width:30px; height:30px; font-size:0;}
header .btn_total span {display:none;position:absolute; right:18px; top:-3px;width:60px;font-size: 22px;line-height: 30px;font-weight:500;color:#fff;letter-spacing: -1px;}
header .btn_total i {display:block; position:absolute; left:0; top:0;  width:100%;height:2px; background:#fff; transition:all 0.3s ease}
header .blue .btn_total i {background:#002c5f;}
header .btn_total i:nth-child(2) {top:10px;width:40px;}
header .btn_total i:nth-child(3) {top:20px;width:25px;}

header.sticky .btn_total i,
header:hover  .btn_total i { background:#333;}



/* total_menu ON 좌측 이미지 */
header .total_menu {position:absolute; left:0; top:-700px; width:100%; height:700px;background:#fff; transition: all 0.5s ease;z-index:12;}
header .total_menu:before {content:''; position:fixed; left:0; top:0; display:none; width:100%; height:100%;min-height:937px; background:rgba(0,0,0,0.8);}
header .total_menu .gnb_img_txt {position:absolute;left:0;top:80px;height:700px;width:100%;text-align:center;color:#fff;font-size:50px;z-index:1000;font-weight:300;letter-spacing:-1px;}
header .total_menu .gnb_img_txt span {font-weight:700;}
header .total_menu .gnb_img_txt i {display:inline-block;padding:0px 5px;font-size:70px;color:rgba(255,255,255,0.8); }
header .total_menu .gnb_img_slider {overflow:hidden; z-index:11; float:left; width:50%; height:700px; background:#fff}
header .total_menu .gnb_img_slider .items {position:relative; overflow:hidden; display:inline-block; width:100%; height:700px; outline:0;}
header .total_menu .gnb_img_slider .items img {position:absolute;left:50%;top:0;margin-left:-480px;transition:all 5s ease;transform: scale(1.1);}
header .total_menu .gnb_img_slider .items.first img {transform: scale(1.1); animation: mainSlider 5s forwards ease;}
@keyframes mainSlider {
    from {transform: scale(1.1);}
    to {transform: scale(1);}
}
header .total_menu .gnb_img_slider .items.slick-active img {transform: scale(1);}

/* total_menu ON  우측 메뉴 */
header .total_menu .gnb_menu {z-index:10; position:relative; float:right; width:50%; height:700px; padding-top:85px; padding-left:10%; background:#fff}
header .total_menu .gnb_menu ul {max-width:740px;}
header .total_menu .gnb_menu ul li {display:inline-block;width:206px;vertical-align:top;padding-top:50px;}
header .total_menu .gnb_menu ul li:first-child {border-top:0}
header .total_menu .gnb_menu ul li a {position:relative; color:#222;  font-size:24px;}
/*header .total_menu .gnb_menu ul li a:before {opacity:0; content:''; position:absolute; left:0; top:20px; display:block; width:10px; height:10px; border-radius:100%; background:#007fa8; transition: top 0.5s ease-out;} */
header .total_menu ul:first-child li a {position:relative;font-weight:700;font-size:24px;color:#3fcbda;letter-spacing:-1px;line-height:1.3;padding-top:10px;}
header .total_menu .gnb_menu ul li a span:before {display:block;position:absolute;top:0;left:0;content:'';height:2px;width:20px;background:#3fcbda;}
header .total_menu .gnb_menu ul li ul {margin-top:10px;}
header .total_menu .gnb_menu ul li ul li {padding:0;}
header .total_menu .gnb_menu ul li ul li a {font-size:18px;line-height:30px;font-weight:400;color:#666;letter-spacing:-1px;}
header .total_menu .gnb_menu ul li a.on,
header .total_menu .gnb_menu ul li a:hover {}
header .total_menu .gnb_menu ul li a.on:before,
header .total_menu .gnb_menu ul li a:hover:before {opacity:1; top:0px;}

header.total_open .btn_total {right:50px;}
header.total_open .btn_total span {display:none;font-size:0;}
header.total_open .total_menu {top:0;}
header.total_open .total_menu:before {display:block}
header.total_open .btn_total i {width:100%;}

header.main-h.total_open .btn_total i,
header.total_open .btn_total i {background:#000 !important;}

header.total_open .btn_total i:nth-child(1) {top:50%; margin-top:-1.5px; transform: rotate(-45deg);} 
header.total_open .btn_total i:nth-child(2) {display:none;}
header.total_open .btn_total i:nth-child(3) {top:50%; margin-top:-1.5px; transform: rotate(45deg);} 
/*header.total_open .btn_total:hover i {transform: rotate(0);}*/

#quick-nav {position:fixed;right:0;bottom:294px;/*border-top-right-radius:0;border-top-left-radius:15px;border-bottom-left-radius:15px;*/background:rgba(31,39,40,0.8);width:70px;overflow:hidden;z-index:20;}

/*{position:fixed;right:0;top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);  width:70px; background:rgba(31,39,40,0.8);border-top-left-radius:15px;border-bottom-left-radius:15px;overflow:hidden;z-index:20;}*/
#quick-nav ul {position:relative;text-align:center;padding:40px 0 15px;}
#quick-nav ul li {display:block;background:url(/images/quick-ico-01.png) no-repeat center 0;}
#quick-nav ul li:nth-child(2) {background-image:url(/images/quick-ico-02.png);}
#quick-nav ul li:nth-child(3) {background-image:url(/images/quick-ico-03.png);}
#quick-nav ul li a {display:block;padding:33px 0 25px;color:#fff;font-size:12px;line-height:1.2;}

/* 관심등록*/
.registration  {position:relative;text-align:left;height:147px;overflow:hidden; box-sizing:border-box;background:#fff;border-top:1px solid #dfdfdf;z-index:8;}
.registration .inner {position:relative;width:calc(100% - 100px);max-width:1600px;min-width:1400px;margin: 40px auto 0;}
.registration h4 {display:block;position:absolute;left:0;top:6px;color:#0fbed1;font-size:26px;font-weight:700;padding-left:45px;line-height:60px;letter-spacing:-2px;}
.registration h4:before {content:'';position:absolute;top:12px;left:0px;width:39px;height:39px;background-image:url(../images/rgs-ico.png);background-size:100%; }
.registration ul {position:relative;margin-left:calc(0% + 230px);text-align:left;}
.registration ul:after {clear: both; display:block; content:""}
.registration ul li {position:relative;vertical-align:middle;/*float:left;*/display:inline-block;padding: 0 20px;font-size:18px;line-height:60px;letter-spacing:-0.5px;}
.registration ul li label {display:inline-block;font-size:20px;font-weight:400;padding-right:10px;line-height:60px;}
.registration ul li input[type="text"] {background:#eee;border:none;font-size:20px; }
.registration ul li:nth-child(1) input[type="text"] {width:230px;}
.registration ul li:nth-child(2) input[type="text"] {width:280px;}
.registration ul li input[type="checkbox"] {display:none;}
.registration ul li input[type="checkbox"] + label {padding-left:2.2rem;text-indent:-999999px;font-size:0;}
.registration ul li input[type="checkbox"] + label:before { content:' '; display:block; width:27px; height:25px; position:absolute;left:20px;top:17px;background:url(../images/rgs-check.png); }
.registration ul li input[type="checkbox"]:checked + label:before {background:url(../images/rgs-check-on.png) no-repeat 0 0px;z-index:1;}
.registration ul li .privacy {display:inlin-block;padding:5px 0;border-bottom:1px solid #0fbed1;color:#0fbed1;font-weight:500;}
.registration ul li.bts-r  {position:absolute;right:20px;}
.registration ul li .bt-submit {display:block;padding:0 30px;background:#0fbed1;border-radius:50px;}
.registration ul li .bt-submit span {position:relative;color:#fff;font-weight:700;padding-right:30px;font-size:22px;}
.registration ul li .bt-submit span:after {content:'';position:absolute;top:3px;right:0;width:11px;height:18px;background-image:url(../images/bt_type01.png);background-size:100%; }


/*시행,시공,수탁정보 */
.f-info {position:relative;text-align:center;background:#f5f5f5;height:88px;overflow:hidden;}
.f-info ul {width:1300px;margin:0 auto;}
.f-info ul:after {clear: both; display:block; content:""}
.f-info ul li {display:inline-block;font-size:20px;font-weight:500;line-height:88px;letter-spacing:-1px;}
.f-info ul li + li {padding-left:150px;}
.f-info ul li span {display:inline-block;line-height:88px;padding-right:20px;font-size:18px;font-weight:300;}
.f-info ul li img {vertical-align:middle;}

/*footer*/
#bt_top { position:absolute; top:0px; right:0px; width:68px; height:68px; border:1px solid rgba(255, 255, 255, 0.3); text-align:center;z-index:20;padding-top:30px; }
#bt_top span {position:relative;padding-top:16px;line-height:1;font-size:16px;color:#fff; }
#bt_top 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:60px 0; background:#303030;opacity:0;}
footer .wrap { position:relative;width:1600px; min-width:1300px;margin:0 auto; font-size:16px; color:#a9a9a9; text-align:left;}
footer .wrap .copyright a{ font-size:16px; color:#a9a9a9;}
footer .wrap .warning { position:relative;margin-bottom:20px;text-align:left; color:#fff; }
footer .wrap .warning > ul li {display:block;position:relative;padding-left:20px;font-size:16px;color:#dfdfdf;line-height:1.5;}
footer .wrap .warning > ul li:before {content:'※';position:absolute;left:0;top:0;}
footer .wrap .info { line-height:32px; 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:10px;right:0;width:1px;height:13px;background:#5a5a5a;}
footer .wrap .info span + span {padding-left:20px;} 
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, .wrap .info span a {font-weight:500;text-transform:uppercase; 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;
}




/* sub ---------------------------------- */


.s_gap { height:467px; }
#sv_img {position:fixed; width:100%; height:467px; max-width:2000px;animation: fadeIn 1s ease-in-out forwards; opacity:0; z-index:7; top:0; background-color:#272c2f}
#sv_img .subtop {position:absolute; top:0; left:0; width:100%; text-align:center; height:100%; z-index:-1;  overflow:hidden;}
#sv_img .subtop_in {width:100%; height:100%; animation:animate_background 2s ease-in-out; background-size:cover;}
		.subtop_brand-story {background:url('../images/sv_premium.jpg') center 0 no-repeat;}
		.subtop_overview {background:url('../images/sv_overview.jpg') center 0 no-repeat;}
		.subtop_premium {background:url('../images/sv_premium.jpg') center 0 no-repeat;}
		.subtop_unit {background:url('../images/sv_unit.jpg') center 0 no-repeat;}
		.subtop_pr-center {background:url('../images/sv_prcenter.jpg') center 0 no-repeat;}
		.subtop_contactus {background:url('../images/sv_premium.jpg') center 0 no-repeat;}
		.subtop_video {position:relative;height:100%;}
		.subtop_video:before {content:''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3);  position:absolute; top:0; left:0; z-index: 1;}
		.subtop_video video {width:100%;object-fit:cover;margin-top:-200px;}

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

	@keyframes fadeIn {
		from{opacity:0;}
		to{opacity:1.0;}
	}
#sv_img .sv_in {position:absolute;left:0;right:0;top:220px;text-align:center;z-index:8;opacity:100;}
#sv_img .sv_in h2 {font-size:50px;font-weight:700;color:#fff;height:54px;overflow:hidden;}
#sv_img .sv_in h2 span {display:inline-block;line-height:1;opacity:0;}

#sv_img .sv_in p {font-size:18px;font-weight:300;letter-spacing:-0.5px;color:#fff;height:40px;overflow:hidden;}
#sv_img .sv_in p span {display:inline-block;line-height:2.8;opacity:0;}



#contents {position:relative;width:100%; /*animation: fadeIn 1s ease-in-out forwards; opacity:0; animation-delay:0.5s;*/background:#fbfbfb; z-index:9; min-height:480px;}

/* sub LNB */
.lnb { height:70px;border-bottom:1px solid #dfdfdf;background:#fff;overflow:hidden; }
.lnb ul {width:1300px; margin:0 auto;text-align:center;opacity:0;}
.lnb ul li {display:inline-block;padding:0 40px;}
.lnb ul li a{display:inline-block;position:relative;line-height:70px;font-size:20px;color:#b5b5b5;font-weight:400;letter-spacing:-1px;}

.lnb ul li a:hover,
.lnb ul li.active a {color:#222;}

.lnb ul li.active a:after {display:block;content:'';position:absolute;bottom:0;left:0;width:100%;height:5px;background:#0fbed1;}

/*cont */
.cont {position:relative;padding:80px 0;line-height:1;overflow:hidden;}
.cont .inner {position:relative;width:1300px;margin:0 auto;text-align:center;}
.cont  .tit-box {position:relative;text-align:center;margin-bottom:40px;letter-spacing:-1px;overflow:hidden;}
.cont  .tit-box h2 {font-weight:700;font-size:45px;letter-spacing:-2px;opacity:0;}
.cont  .tit-box p {padding-top:20px;font-size:22px;line-height:1.3;opacity:0;}


/* Img Style */
.sc-top-box {position:relative;height:460px;width:100%;max-width:1600px;margin:80px auto 0;}
.sc-top-box .sc-top-txt {position:absolute;left:150px;top:-80px;width:600px;height:326px;overflow:hidden;background:#0fbed1;padding:60px;opacity:0;z-index:10}
.sc-top-box .sc-top-txt h3 {position:relative;font-weight:700;font-size:60px;color:rgba(255,255,255,0.8);letter-spacing:-2px;text-transform: uppercase;}
.sc-top-box .sc-top-txt h3.o100 {color:#fff;}
.sc-top-box .sc-top-txt h3 i {font-weight:900;/*font-family: 'Roboto';*/color:#fff;font-size: 110px;display: block;position: absolute;top: -30px;right: 70px;}
.sc-top-box .sc-top-txt .txt-st {color:#023f46;font-size:36px;letter-spacing:-0.1em;font-weight:500;}
.sc-top-box .sc-top-txt .txt-ct {display:block;padding-top:20px;color:#fff;font-size:20px;letter-spacing:-1px;font-weight:300;line-height:1.3;}
.sc-top-box .sc-top-txt .txt-ct i {font-weight:500;}
.sc-top-box .sc-top-img {width:100%;height:380px;overflow:hidden;background-position:center 50%; background-size:cover;opacity:0;}
.sc-top-box .sc-top-img.premium01 { background-image:url(../images/sub/pm_top01.jpg); }
.sc-top-box .sc-top-img.premium02 { background-image:url(../images/sub/pm_top02.jpg); }


.sc-bottom-box {position:relative;height:600px;width:100%;margin:80px auto 0;overflow:hidden;background-position:center 50%; background-size:cover;opacity:0;}
.sc-bottom-box .sc-bottom-img {width:100%;height:600px;overflow:hidden;background-position:center 50%; background-size:cover;opacity:0;}
.sc-bottom-box .sc-bottom-img.unit-type-img {background-image:url(../images/sub/unit_img.jpg); } 
.sc-bottom-box .sc-bottom-txt {position:absolute;left:50%;top:0;width:650px;height:600px;margin-left:-650px;background:rgba(0,0,0,0.7);opacity:0}
.sc-bottom-box .sc-bottom-txt .sc-txt {position:relative;padding:170px 0 0 60px;letter-spacing:-1px;color:#fff;line-height:1.2;opacity:0;}
.sc-bottom-box .sc-bottom-txt .sc-txt h3 {color:#0fbed1;font-size:60px;font-weight:700;}
.sc-bottom-box .sc-bottom-txt .sc-txt p {font-size:36px;padding-top:15px;font-weight:500;}
.sc-bottom-box .sc-bottom-txt .sc-txt span {display:block;padding-top:15px;font-size:24px;}

.sc-video-box {position:relative;width:100%;width:1300px;margin:0 auto; }
.sc-video-box .brand-story {position:relative;}
.sc-video-box .brand-story .bs-logo {position:absolute;top:0;left:60px;width:380px;height:380px;background:url(/images/sub/bs-logo-bg.png) no-repeat center;background-size:cover;text-align:center;opacity:0}
.sc-video-box .brand-story .bs-logo img {display:block;width:285px;padding-top:120px;margin:0 auto;}
.sc-video-box .brand-story .bs-tx {position:relative;margin-left:530px;padding-top:50px;min-height:400px;text-align:left;line-height:1.2;letter-spacing:-0.06em;    -webkit-animation-delay: 0.6s;   animation-delay: 0.6s;opacity:0}
.sc-video-box .brand-story .bs-tx h4 {display:block;font-size:60px;color:#0fbed1;font-weight:500;padding-bottom:20px;}
.sc-video-box .brand-story .bs-tx p {font-size:22px;}
.sc-video-box .brand-story .bs-tx p.txp {padding-top:20px;font-weight:500;}
.sc-video-box .sc-video {position:relative;width:1300px;margin:0 auto;overflow:hidden;}
.sc-video-box .sc-video video {width: 1300px; height: 733px;}
.sc-video-box iframe {width:1300px;height:733px;opacity:0;}
.sc-video .movie_btn {position: absolute; left: 50%; top: 50%; transform: translate(-50.1%, -50.1%); text-align: center; z-index:60;}
.sc-video .movie_btn button { width: 120px; height: 120px; z-index: 43; font-size: 0; color: transparent; cursor: pointer; display: inline-block;  transition: all .2s;  background: rgba(0,0,0,.5);  border:none;  border-radius: 120px;}
.sc-video .movie_btn button::before { content: ""; display: inline-block;   width: 27px; height: 47px;  background:url(/images/ico_play.png) no-repeat 0 0; }

.sc-video-box .sc-top-img.brandstory { background-image:url(../images/sub/bs.jpg); }



/*사업개요*/
.overview-box {position:relative;margin-top:80px;overflow:hidden;}
.overview-box .ov-img {position:relative;height:915px;background-position:center 50%; background-size:cover;background-image:url(../images/sub/ov.jpg); text-indent:-999999px;}
.overview-box .ov-txt-box {position:absolute;top:180px;left:560px;color:#fff;line-height:1;letter-spacing:-1px;text-align:left;overflow:hidden;z-index:2;}
.overview-box .ov-txt-box .ov-txt {display:block;padding-bottom:25px;}
.overview-box .ov-txt-box .ov-txt h3 {font-size: 54px;font-weight: 700;letter-spacing: -4px;color:#fff;opacity:0;}
.overview-box .ov-txt-box .ov-txt span {display:block;font-size:28px;padding:12px 0 0;font-weight:400;opacity:0;}
.overview-box .ov-txt-box p {font-size:24px;line-height:1.3;opacity:0;}
.overview-box .ov-txt2{font-size: 30px; font-weight: 500; margin-bottom: 30px; color: #303030;}

.overview-box .ov-table {position:relative;text-align:left;overflow:hidden;}
.overview-box .ov-table table {border-collapse:collapse; /*선1개로 합치기*/ border-spacing:0;width:100%;overflow:hidden;opacity:0}
.overview-box .ov-table table th,
.overview-box .ov-table table td {font-size:20px;line-height:70px;border-bottom:1px solid #dfdfdf;letter-spacing:-0.04em;}
.overview-box .ov-table table th {width:220px;background:#0fbed1;color:#fff;text-align:center;border-color:rgba(255,255,255,0.3);font-weight:400;}
.overview-box .ov-table table td {padding-left:20px;color:#666;font-weight:300;}
.overview-box .ov-table span {font-weight:500;color:#0fbed1;}

/*오시는길*/
.location-box  {position:relative;margin-top:80px;overflow:hidden;}
.location-box .loc-wrap {position:relative;overflow:hidden;opacity:0;}
.location-box .loc-wrap .map {position:relative;width:650px;height:500px;border:1px solid #dfdfdf;padding:12px;}
.location-box .loc-wrap .map iframe {width:100%;height:100%;}
.location-box .loc-wrap .loc-txt {position:absolute;right:0;top:36px;width:600px;text-align:left;}
.location-box .loc-wrap .loc-txt h2 {display:inline-block;font-weight:400;color:#0fbed1;font-size:40px;letter-spacing:-2px;text-align:left;padding-bottom:15px;/*border-bottom:2px solid #0fbed1;*/}
.location-box .loc-wrap .loc-txt .ltxt {padding:20px 0;}
.location-box .loc-wrap .loc-txt .ltxt p {font-size:24px;color:#222;padding-bottom:20px;}
.location-box .loc-wrap .loc-txt .ltxt p span {font-size:20px;color:#a0a0a0;display:block;padding:10px 0;}
.location-box .loc-wrap .loc-txt .ltxt p i {font-weight:500;}
.location-box .loc-wrap .loc-txt .lbt {padding:0;}
.location-box .loc-wrap .loc-txt .lbt .bt {display:block;width:300px;border-bottom:4px solid #333;text-align:center;}
.location-box .loc-wrap .loc-txt .lbt .bt.bt-naver {border-color:#0dcb1f;color:#0dcb1f}
.location-box .loc-wrap .loc-txt .lbt .bt.bt-daum {border-color:#ffc107;color:#ffc107}
.location-box .loc-wrap .loc-txt .lbt .bt span {display:inline-block;position:relative;font-size:20px;font-weight:500;padding-left:0px;line-height:50px;padding-right: 50px;width: 100%;text-align:left;letter-spacing:-0.08em;}
.location-box .loc-wrap .loc-txt .lbt .bt span:after {content:'';position:absolute;top:15px;right:15px;width:11px;height:18px;background-image:url(../images/bt_type03.png);background-size:100%; }
.location-box .loc-wrap .loc-txt .lbt a + a {margin-top:10px;}

.tab-location {position:relative;text-align:center;width:1300px;margin:0 auto;font-size:0;text-align:left;}
.tab-location:after {clear: both; display:block; content:""}
.tab-location li {display:inline-block;width:33.33%;text-align:center;background:#fff;border:1px solid #dfdfdf;opacity:0;}
.tab-location li + li {margin-left:-1px}
.tab-location li a{display:block;width:100%;line-height:60px;font-size:20px;color:#a0a0a0;font-weight:400;}
.tab-location li.active {background:#0fbed1;border-color:#0fbed1;z-index:2;}
.tab-location li.active a {color:#fff;font-weight:700;font-size:22px;}
.tab-location li:first-child a {margin-left:0;}
.tab-location-view {position:relative;margin:60px auto 0;overflow:hidden;}



/*브랜드스토리*/
.brandstory-box {position:relative;margin-top:80px;overflow:hidden;}
.brandstory-box .txt-box {position:relative;display:block;padding-bottom:30px;font-size:24px;font-weight:700;text-align:right;color:#0fbed1;opacity:0;}
.brandstory-box .txt-box:before {content:'';display:block;position:absolute;left:0;top:10px;width:1120px;height:1px;background:#0fbed1;}
.brandstory-box .media-box {position:relative;overflow:hidden;width:100%;height:731px;opacity:0;}
.brandstory-box .media-box iframe {width:100%;height:100%;}


/* 프리미엄*/
.premium-box ul {position:relative;overflow:hidden;}
.premium-box ul:after  {clear: both; display:block; content:""}
.premium-box ul li {position:relative;height:700px;overflow:hidden;opacity:0;}
.premium-box ul li + li {margin-top:100px;}

.premium-box .lbox {position:relative;height:700px;width:600px;text-align:left;overflow:hidden;}
.premium-box .rbox {position:absolute;right:0;top:0;height:700px;text-align:left;width:600px;overflow:hidden;}

.premium-box .simg {position:absolute;bottom:0;width:600px;height:200px;overflow:hidden;}
.premium-box .bimg {width:600px;height:700px;overflow:hidden;opacity:0;}
.premium-box .box-txt {position:relative;margin-top:100px}
.premium-box .box-txt h4 {font-size:96px;font-weight:700;color:#0fbed1;}
.premium-box .box-txt .s-tit {font-size:26px;letter-spacing:-1px;color:#0fbed1;text-transform: uppercase;}
.premium-box .box-txt .tit {font-size:36px;letter-spacing:-3px;color:#0fbed1;line-height:1.2;padding-top:10px;font-family: 'Noto Sans KR';}
.premium-box .box-txt .tit span {display:block;font-size:18px;font-weight:300;letter-spacing:0;}
.premium-box .box-txt .c-txt {font-size:20px;letter-spacing:-0.5px;line-height:1.2;padding-top:30px;font-weight:300;}
.premium-box .box-txt .c-txt span {display:block;padding-top:5px;font-size:18px;color:#adadad;font-weight:300;}
.premium-box .box-txt i{font-weight:700;}

.premium-box ul.pre2 li,
.premium-box ul.pre2 .lbox, 
.premium-box ul.pre2 .rbox,
.premium-box ul.pre2 .bimg {height:600px;}

/*수부양자*/
.special-box ul {position:relative;overflow:hidden;}
.special-box ul:after  {clear: both; display:block; content:""}
.special-box > ul > li {position:relative;height:340px;overflow:hidden;opacity:0;}
.special-box > ul > li + li {margin-top:60px;}
.special-box > ul > li  {background-size:650px;background-repeat:no-repeat;background-position:0 0;animation-duration:1.3s;-webkit-animation-duration:1.3s;} 
.special-box > ul > li.sp01 {background-image:url(../images/sub/sp01.jpg);} 
.special-box > ul > li.sp02 {background-image:url(../images/sub/sp02.jpg);} 
.special-box > ul > li.sp03 {background-image:url(../images/sub/sp03.jpg);} 
.special-box > ul > li.sp04 {background-image:url(../images/sub/sp04.jpg);} 
.special-box ul li .txt-box {position:relative;display:block;margin-left:800px;margin-top:40px;text-align:left;z-index:10;}
.special-box ul li .txt-box h3 {display:block;position:relative;color:#0fbed1;font-size:40px;/*font-weight:400;*/letter-spacing:-1px;line-height:1;margin-bottom:26px;text-transform:uppercase;opacity:0;animation-duration:3s;-webkit-animation-duration:3s;}
.special-box ul li .txt-box h3 b {font-weight:900;}
.special-box ul li .txt-box h3:before {content:'';display:block;position:absolute;left: -284px;top: 21px;width: 270px;height:2px;background:#0fbed1;}
.special-box ul li .txt-box ul {opacity:0;}
.special-box ul li .txt-box ul li {position:relative;padding:7px 7px 7px 10px;font-size:20px;font-weight:400;line-height:1.2;letter-spacing:-1px;}
.special-box ul li .txt-box ul li:before {content:'·';display:block;position:absolute;left:0;top:6px;}
.special-box ul li .txt-box ul li p {display:block;padding:8px 0;color:#666;font-size:18px;font-weight:300;letter-spacing:-0.5px;}


/*  유닛 TAB */
.tab-m11 {position:relative;text-align:center;width:1300px;margin:0 auto;font-size:0;text-align:left;display:flex;flex-wrap:wrap;justify-content:flex-start;}
.tab-m11:after {clear: both; display:block; content:""}
.tab-m11 li {display:inline-block;width:16.7%;height:60px;text-align:center;background:#fff;border:1px solid #dfdfdf;margin-left:-1px;margin-top:-1px;opacity:0;}
.tab-m11 li a{display:block;width:100%;line-height:60px;font-size:20px;color:#a0a0a0;font-weight:500;}
.tab-m11 li a span {display:inline-block;font-size:16px;padding-left:5px;font-weight:300;}
.tab-m11 li.active {background:#0fbed1;border:1px solid #0fbed1;z-index:2;}
.tab-m11 li.active a {color:#fff;font-weight:700;font-size:22px;}
.tab-m11 li:first-child a {margin-left:0;}
.tab-m11 li:nth-child(12), .tab-m11 li:nth-child(13) {width:calc((16.7% * 2) - 1px);background:#f5f5f5;}
.tab-m11 li:nth-child(12).active, .tab-m11 li:nth-child(13).active {background-color:#0fbed1;}

/* 시설 및 서비스 TAB */
.tab-m8 {position:relative;text-align:center;width:1300px;margin:0 auto;font-size:0;text-align:left;}
.tab-m8:after {clear: both; display:block; content:""}
.tab-m8 li {display:inline-block;width:25%;text-align:center;background:#fff;border:1px solid #dfdfdf;margin-left:-1px;margin-top:-1px;opacity:0;}
.tab-m8 li a{display:block;width:100%;line-height:60px;font-size:20px;color:#a0a0a0;font-weight:400;}
.tab-m8 li.active {background:#0fbed1;border:1px solid #0fbed1;}
.tab-m8 li.active a {color:#fff;font-weight:700;font-size:22px;}
.tab-m8 li:first-child a {margin-left:0;}


/* 유닛 & 시설및서비스 view */
.tab-view {position:relative;margin:60px auto 0;overflow:hidden;}
.tab-view .type-info-wrap {position:absolute;left:0;top:0;width:300px;opacity:0;}
.tab-view .type-info-wrap h4 {display:block;color:#0fbed1;font-size:36px;letter-spacing:-1px;text-align:center;line-height:1.5}
.tab-view .type-info-wrap h4 span {display:inline-block;padding-right:5px;font-size:60px;font-weight:900;}
.tab-view .type-info-wrap h4 > i {font-size: 18px;display: block;line-height: 1;margin-top: -10px;padding-bottom: 10px;}
.tab-view .type-info-wrap h2 {display:inline-block;color:#0fbed1;font-size:40px;letter-spacing:-4px;text-align:left;padding-bottom:15px;border-bottom:2px solid #0fbed1;}
.tab-view .type-info-wrap .unit-txt-box {display:block;position:relative;border-top:1px solid #0fbed1;}
.tab-view .type-info-wrap .unit-txt-box dl:after {clear: both; display:block; content:""}
.tab-view .type-info-wrap .unit-txt-box dl dt, 
.tab-view .type-info-wrap .unit-txt-box dl dd {font-size:20px;color:#222;letter-spacing:-0.07em;line-height:50px;text-align:right;border-bottom:1px solid #dfdfdf;}
.tab-view .type-info-wrap .unit-txt-box dl dt {display:block;float:left;width:100px;clear: both; }
.tab-view .type-info-wrap .unit-txt-box dl dd {display:block;float:left;width:calc(100% - 100px);text-align:right;font-weight:400;letter-spacing:-0.04em;padding-right:30px;}
.tab-view .unit-img {position:relative;margin-left:280px;width:1020px;text-align:right;overflow:hidden;}
.tab-view .unit-img img {opacity:0;}
.tab-view .sv-img {position:relative;margin-left:325px;width:975px;text-align:center;overflow:hidden;}
.tab-view .sv-img img {width:100%;opacity:0;}

.tab-view .type-info-wrap.neighborhood {width:345px;}
.tab-view .type-info-wrap.neighborhood h4 {font-size:46px;}
.tab-view .type-info-wrap.neighborhood h4 span {padding-left:5px;font-size:50px;font-weight:700;}
.tab-view .type-info-wrap.neighborhood .unit-txt-box dl dt {width:185px;font-size:18px;}
.tab-view .type-info-wrap.neighborhood .unit-txt-box dl dd {width:160px;}


/*유닛 스틸촬영*/
.unit_slider2{width: 1200px; height: 600px; margin: 0 auto;}
.unit_slider2 li{width: 100%; height: 600px; display: inline-block;}


/* 홍보센터 : 홍보영상 */
#tvc {position:absolute;left:0;top:-60px;text-indent:-999999px;font-size:0;width:100%;z-index:0;}
.prvideo {position:relative}
.tab-prvideo {position:relative;left:0;top:0;text-align:center;font-size:0;}
.tab-prvideo:after {clear: both; display:block; content:""}
.tab-prvideo li {display:inline-block;border-bottom:2px solid #ddd;margin-right:5px;opacity:0;}
.tab-prvideo li:last-child {border-right:none;}
.tab-prvideo li a{display:block;width:100%;padding:0 30px;line-height:40px;font-size:22px;color:#666;}
.tab-prvideo li.active {border-color:#0fbed1;}
.tab-prvideo li.active a {position:relative;color:#0fbed1;font-weight:500;}
.tab-prvideo li.active a:after {position:absolute;content:'';right:30px;top:25px;width:31px;height:14px;background:url(/images/common/icon-right-arrow-gold.png);}
.tab-prvideo li:first-child a {margin-left:0;}
.prvideo-view {position:relative;margin-top:20px;/*overflow:hidden;*/}
.prvideo-view iframe {width:100%;height:737px;margin:0 auto;opacity:0;}



/* 홍보센터 : 360VR */
.vr-360 {position:relative;}
.vr-360 iframe {width:100%;height:700px;border:0;}
.video-360 {position:relative;}
.video-360 video {width:100%;}


/* 홍보센터 : news */
.news-box {position:relative;overflow:hidden;}
.news-box .posts {position:relative;line-height:2;color:#a0a0a0;font-size:20px;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:500;}
.news-box ul li a .category {display:block;position:absolute;left:100px;top:27px;background:#0fbed1;color:#fff;width:160px;line-height:74px;font-size:20px;font-weight:400;}
.news-box ul li a .tit {display:block;margin-left:300px;width:830px;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;}


/* 페이징 */
.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:#0fbed1;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: 15px 15px;overflow:hidden;}
.paginate a.pre {width: 35px;height: 35px;margin-right:15px;background:url(../images/icon_prev.png) center no-repeat;background-size: 15px 15px;overflow:hidden;}
.location i { display:inline-block; width:8px; height:12px; background:url(../images/location_arrow.png); vertical-align:middle; margin:-3px 20px 0;  }
.paginate a.next, .paginate a.pre {text-indent:-999999px;}


.ing-txt {display:block;padding:150px 0;margin:0 auto;}


/* 관심고객등록 */
.agree-txt {position:relative;text-align:left;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 #3fcbda;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:#3fcbda;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 #3fcbda;z-index:1;}
.agree-txt .agree-box input[type="radio"]:checked + label:after {content:' '; display:block;left: 8px;top: 4px;background:#3fcbda;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 #3fcbda;padding-bottom:10px;}
.agree-txt .agree-box .bt-agree-info span {color:#3fcbda;font-size:18px;letter-spacing:-1px;}
.per-info  {position:relative;text-align:left;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 #3fcbda;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;text-align:left;}
.per-info table tr:last-child th, 
.per-info table tr:last-child td {border-bottom:1px solid #3fcbda;}
.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 #3fcbda;}
.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:#3fcbda;font-size:22px;font-weight:700;}
.per-info .bt-send:after {position:absolute;content:'';right:30px;top:25px;width:11px;height:18px;background:url(../images/bt_type01.png);}



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

/*홍보영상보기 팝업*/
.m-video {position:fixed;left:50%;top:50%;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:1200px;height:auto; background:transparent; box-sizing:border-box;z-index:99;padding:0px; display:none;}
.m-video .bt_close { position:absolute; display:block;top:0px;right:0;width:52px; height:53px; background:url(../images/bt_close.png) no-repeat 0 0;background-size:100%; text-indent:-9999px; }
.m-video .pu_txt_area {overflow-y:hidden;height:100%;padding:0px;font-size:16px;letter-spacing:-0.5px;}
.m-video  .pu_txt_area h1 {display:block;text-align:left;font-size:30px;letter-spacing:-0.5px;font-weight:300;line-height:2;color:#fff;}
.pop-video video {width:100%;}
.pop-video {width:100%;height:674px;}
.pop-video iframe {width:100%;height:100%;}



#scrollbar ::-webkit-scrollbar { width: 5px; height: 5px;}
#scrollbar ::-webkit-scrollbar-track {background-color: rgba(0,0,0,0.1); border-radius: 5px;}
#scrollbar ::-webkit-scrollbar-thumb { background-color: #3fcbda; border-radius: 5px;}

::-moz-selection{background-color:#0fbed1;color:#fff;}
::-webkit-selection{background-color:#0fbed1;color:#fff;}
::selection{background-color:#0fbed1;color:#fff;}



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





/* ---------- media query ---------- */

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

	.registration .inner {width:calc(100% - 10%);}
	.registration ul {margin-left:200px;}
	.registration ul li {padding:0 10px;}
	.registration ul li:nth-child(1) input[type="text"] {width:200px;}
	.registration ul li:nth-child(2) input[type="text"] {width:240px;}
	.registration ul li.bts-r {right:60px;}
	.f-info ul {width:calc(100% - 20%);}
	footer .wrap {width:calc(100% - 10%);}


}

@media all and (min-width:1550px) and (max-width:1640px) {

	/* GNB */
	#gnb>ul>li {width:120px;}
	#gnb>ul>li>a {font-size:18px;}

}


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

	/* GNB */
	#gnb {display:none;}

}





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

/*#gnb {display:none;}*/
	header .total_menu .gnb_menu {padding-top:25px;}

}