.letter1{ letter-spacing:-1px;} .letter2{ letter-spacing:1px;} button.berger:active,button.berger:focus{ outline:0;} .header.on button.berger span{background:#222 !important; } .header.on2 button.berger span{background:#222 !important; } button.berger{background:none;z-index: 70;width:40px;height:40px;cursor:pointer; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #tocplusWindow{display: ;} button.berger{ border:0;} button.berger span.berger2{ } button.berger.on{ } button.berger span{display: block;vertical-align:top; -moz-transition: all .3s ease-in-out;margin:0; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;opacity:1;position: relative; width:28px;height:2px;background:#f0ebe1;margin-top:6px } button.berger span.berger1{ margin-top:0;} button.berger span { z-index:10 !important;} button.berger span.berger1{ -webkit-animation : menu-bar01_1 1s forwards; -moz-animation : menu-bar01_1 1s forwards; animation : menu-bar01_1 1s forwards; } button.berger span.berger2{ opacity:1; transform:translateY(0px) rotate(0); background:#f0ebe1; } button.berger span.berger3{ -webkit-animation : menu-bar02_1 1s forwards; -moz-animation : menu-bar02_1 1s forwards; animation : menu-bar02_1 1s forwards;margin-left:0; } button.berger.on span.berger1{ width:27px; -webkit-animation : menu-bar01 1s forwards; -moa-animation : menu-bar01 1s forwards; animation : menu-bar01 1s forwards; } button.berger.on span.berger2{ opacity:0; width:0; } button.berger.on span.berger3{ width:27px; -webkit-animation : menu-bar02 1s forwards; -moz-animation : menu-bar02 1s forwards; animation : menu-bar02 1s forwards; } .all_menu button.berger{ right:50%;top:80px;margin-right:-640px; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .all_menu button.berger span{ background:#222; } body.on button.berger, #wrap.on + .all_menu button.berger, .header.on button.berger{ top : 60px } @keyframes menu-bar01 { 0% { -webkit-transform : translateY(0px) rotate(0); transform : translateY(0px) rotate(0); } 50% { -webkit-transform : translateY(6px) rotate(0); transform : translateY(6px) rotate(0); } 100% { -webkit-transform : translateY(6px) rotate(45deg); transform : translateY(6px) rotate(45deg); } } @keyframes menu-bar02 { 0% { -webkit-transform : translateY(0px) rotate(0); transform : translateY(0px) rotate(0); } 50% { -webkit-transform : translateY(-10px) rotate(0); transform : translateY(-10px) rotate(0); } 100% { -webkit-transform : translateY(-10px) rotate(-45deg); transform : translateY(-10px) rotate(-45deg); } } @keyframes menu-bar01_1 { 0% { -webkit-transform : translateY(6px) rotate(45deg); transform : translateY(6px) rotate(45deg); } 50% { -webkit-transform : translateY(6px) rotate(0); transform : translateY(6px) rotate(0); } 100% { -webkit-transform : translateY(0px) rotate(0); transform : translateY(0px) rotate(0); } } @keyframes menu-bar02_1 { 0% { -webkit-transform : translateY(-6px) rotate(-45deg); transform : translateY(-6px) rotate(-45deg); } 50% { -webkit-transform : translateY(-6px) rotate(0); transform : translateY(-6px) rotate(0); } 100% { -webkit-transform : translateY(0px) rotate(0); transform : translateY(0px) rotate(0); } } .req_popup{ } .arrow { border: solid black; border-width: 0 2px 2px 0; display: inline-block; vertical-align:middle; padding: 5px; } .arrow_det { border: solid #f0ebe1; border-width: 0 2px 2px 0; display: inline-block; vertical-align:top; padding: 6px; margin-top:0px; margin-left:0px; } .right_c { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .left_c { transform: rotate(135deg); -webkit-transform: rotate(135deg); } .up_c { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .down_c { transform: rotate(45deg); -webkit-transform: rotate(45deg); } .scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; } .scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important; } .scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; } .scroll-element { display: none; } .scroll-element, .scroll-element div { box-sizing: content-box; } .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block; } .scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: default; } .scroll-textarea { border: 1px solid #cccccc; border-top-color: #999999; } .scroll-textarea > .scroll-content { overflow: hidden !important; } .scroll-textarea > .scroll-content > textarea { border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important; } .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0; } /*************** SIMPLE INNER SCROLLBAR ***************/ .scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-inner > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-x { bottom: 2px; height: 8px; left: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-y { height: 100%; right: 2px; top: 0; width: 8px; } .scrollbar-inner > .scroll-element .scroll-element_outer { overflow: hidden; } .scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.7; } .scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; } .scrollbar-inner > .scroll-element .scroll-bar { background-color: #6e6e6e; } .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; } .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; } .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; } .pt0 {padding-top: 0 !important;} .pt55 {padding-top: 55px !important;} .pt60 {padding-top: 60px !important;} .pt90 {padding-top: 90px !important;} .pt140 {padding-top: 140px !important;} .pt200 {padding-top: 200px !important;} .pb0 {padding-bottom: 0 !important;} .pb40 {padding-bottom: 40px !important;} .pb60 {padding-bottom: 60px !important;} .pb70 {padding-bottom: 70px !important;} .pb80 {padding-bottom: 80px !important;} .pb90 {padding-bottom: 90px !important;} .mt0 {margin-top: 0 !important;} .mt10 {margin-top: 10px !important;} .mt100 {margin-top: 100px !important;} .mt150 {margin-top: 150px !important;} .mt20 {margin-top: 20px !important;} .mt30 {margin-top: 30px !important;} .mt40 {margin-top: 40px !important;} .mt50 {margin-top: 50px !important;} .mt60 {margin-top: 60px !important;} .mt90 {margin-top: 90px !important;} .mr0 {margin-right: 0 !important;} .mr20 {margin-right: 20px !important;} .mr30 {margin-right: 30px !important;} .mr40 {margin-right: 40px !important;} .mr60 {margin-right: 60px !important;} .mr80 {margin-right: 80px !important;} .mr90 {margin-right: 90px !important;} .mb0 {margin-bottom: 0px !important;} .mb10 {margin-bottom: 10px !important;} .mb20 {margin-bottom: 20px !important;} .mb50 {margin-bottom: 50px !important;} .mb90 {margin-bottom: 90px !important;} .eng{ font-family: 'Juana','Cormorant', 'NotoSans',sans-serif !important;} .w1200 {margin: auto; width: 1200px !important;} .w100p {width: 100% !important;} .w100x {width: 100%;} .h100p {height: 100% !important;} .fz16 {font-size: 16px !important;} .fz18 {font-size: 18px !important;} .fz20 {font-size: 20px !important;} .fz30 {font-size: 30px !important;} .fz40 {font-size: 40px !important;} .fz50 {font-size: 50px !important;} .clearfix{display:block} .clear_b:after{clear:both;content:"";display:block; } .section .anime { -webkit-animation-duration: 3.2s; -moz-animation-duration: 3.2s; -o-animation-duration: 3.2s; animation-duration: 3.2s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .section.active .anime { -webkit-animation-duration: 3.2s; -moz-animation-duration: 3.2s; -o-animation-duration: 3.2s; animation-duration: 3.2s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .section.active .anime.faleft { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } .swiper-slide-active .anime { -webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s; -o-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; } .swiper-slide-active .anime2 { -webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s; -o-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; animation-name: scalein; animation-duration: 7.0s; } .section.active .anime.faleft2 { -webkit-animation-name: blur_in; -moz-animation-name: blur_in; -o-animation-name: blur_in; animation-name: blur_in; } .anim1{ animation:mainItemx 2.5s ease-in-out infinite alternate; } .anim2{ animation:mainItemx 2.5s ease-in-out infinite alternate;} .anim3{ animation:mainItemx 3.5s ease-in-out infinite alternate;} .anim4{ animation:mainItemx 3s ease-in-out infinite alternate;} .anim5{ animation:mainItemx 3s ease-in-out infinite alternate; } .anim6{ animation:mainItemx 2s ease-in-out infinite alternate;} .mainani{ animation:mainItemx 2.5s ease-in-out infinite alternate; } @keyframes mainItemx{ 0%{transform:translateY( 5%);} 100%{transform:translate( -5%);} } .swiper-slide-active .anime.du1{ animation-delay: 1.2s;} .swiper-slide-active .anime.du2{ animation-delay: 2.2s;} .swiper-slide-active .anime.du3{ animation-delay: 3.2s;} .swiper-slide-active .anime.du4{ animation-delay: 4.2s;} .section.active .anime.dur0{ animation-delay:0.7s;} .section.active .anime.dur1{ animation-delay:1.0s;} .section.active .anime.dur2{ animation-delay:1.9s;} .section.active .anime.dur3{ animation-delay:2.2s;} .section.active .anime.dur4{ animation-delay:2.5s;} .section.active .anime.dur5{ animation-delay:2.8s;} .section.active .anime.dur6{ animation-delay:2.5s;} .section.active .anime.dur7{ animation-delay:3.5s;} .section.active .anime.dur8{ animation-delay:4.5s;} .du1{ animation-delay: 0.3s !important;} .du2{ animation-delay: 0.8s !important;} .du3{ animation-delay: 1.2s !important;} .du4{ animation-delay: 1.6s !important;} @-webkit-keyframes sheen { 0% { -webkit-transform: skewY(-45deg) translateX(0); transform: skewY(-45deg) translateX(0); } 100% { -webkit-transform: skewY(-45deg) translateX(12.5em); transform: skewY(-45deg) translateX(12.5em); } } @keyframes sheen { 0% { -webkit-transform: skewY(-45deg) translateX(0); transform: skewY(-45deg) translateX(0); } 100% { -webkit-transform: skewY(-45deg) translateX(12.5em); transform: skewY(-45deg) translateX(12.5em); } } .wrap{ width:100%; min-width:1200px; transition:all .3s linear; max-width:100%; } .wrap *{ } /*.wrap .header .cont .panel { float:right; display:none; }*/ .scdim{ display:none;} .fix{overflow:hidden !important; } .fix_body{width:100%; height:100%; position:fixed; right:-100%;top:0; z-index:10110;transition: all .3s ease; opacity:1; } .fix_body .cont{ width:100%; height:100%; position:relative; } .fix_body .bg{float:left; width:50%;height:100%;background-size:cover;background-position:top center; background-image:url(img/common/full_bg.jpg); } .fix_body .menus{ float:left;width:50%; height:100%; background-color:#f0ebe1; } .fix_body .menus .mn{ position:relative; padding-left:10%; top:50%; transform:translateY(-50%); } .fix_body .menus .mn .itm { margin-bottom:30px; } .fix_body .menus .mn .itm a.link{transition: all .1s ease; font-size:2.5vw;color:#333333; font-weight:300; display:block ; line-height:1.6;} .fix_body .menus .mn .itm a.link:hover{ font-weight:500;color:#b3a58c; } .fix_body .menus .mn .itm .itmsub{ line-height:1.8; padding:20px 0 ; } .fix_body .menus .mn .itm .itmsub a.slink{ transition: all .3s ease;font-size:1.1vw; color:#333333; font-weight:300; display:block; line-height:2.1;} .fix_body .menus .mn .itm .itmsub a.slink:hover{ color:#b3a58c;text-decoration:underline; } .fix_body .hd{ position:absolute;left:5%;top:0; height:100px; ;min-width:1300px; width:90%; margin:auto; } .fix_body .hd .panel{ float:right; margin-top:30px;} .wrap{ padding-top: 0px;} /* event (form) */ /* .event-form {position:fixed; top:10px; left:calc(50% + 185px); width:360px; border:1px solid #d2d2d2; background-size:cover; background-position:center; background-image:url(../img/event_bg.jpg); overflow:hidden; }*/ .event-form .close-btn { position:absolute;right:20px;top:20px;font-size:30px;color:#fff;font-weight:100;} .close-btn {display:inline-block;*display:inline;} .close-btn:after {display: inline-block;content: "\00d7"; font-size:50px;font-family:"arial" ,"gulim", "batang";cursor:pointer;} .event-form .info{ padding:0 20px;} .event-form .info .event-num{ margin-bottom: 0px;} .event-form .info .event-num span{ font-size:16px; color:#c8a062; font-weight:400;padding:0.5rem 20px 0.5rem 2.5rem; ; border-radius:60px; display:inline-block;text-align:center; position:relative; } .event-form .info .event-num span:after{ content:" "; width:2rem; height:1px; background-color:#c8a062;position:absolute;left:0px;top:1rem;} .event-form .info .event-img{ padding: 0px 0 ;} .event-form .info .event-img img{ max-width:100%; } .event-form .info .event-tx{ margin-bottom: 10px;word-break:keep-all; font-size:16px; color:#a4a4a4; font-weight:400; line-height:1.6; padding:10px 0 ; } .event-form .info .event-tx span{font-size:16px; color:#fff; font-weight:700; } .event-form .form-box {position:relative; color:#fff;} .event-form .form-box .phone-input {width:calc(31% - 40px); height:50px; margin:0 20px 15px; border:1px solid #fff; background-color:transparent; color:#fff; font-size:16px; text-align:center; -webkit-appearance:none; -webkit-border-radius:0;} .event-form .form-box input::placeholder {color:#fff;} .event-form .form-box input::-webkit-input-placeholder {color:#fff;} .event-form .form-box input:-ms-input-placeholder {color:#fff;} .event-form .form-box .input-check {margin-bottom:10px; color:#fff; font-size:14px; text-align:center; letter-spacing:-0px;} .event-form .form-box .input-check > img {display:inline-block; width:13px; vertical-align:top;} .event-form .agree-box {margin:0 20px; padding-top:25px; color:#fff;} .event-form .agree-box li {margin-bottom:10px; padding:1px 0; color:#000;} .event-form .agree-box li:after {content:''; clear:both; display:block;} .event-form .agree-box li:first-child {position:relative; margin-bottom:20px;} .event-form .agree-box li:first-child label {font-size:14px;} .event-form .agree-box li input, .event-form .agree-box li label {float:left;} .event-form .agree-box li label {position:relative; color:#fff; font-size:14px; font-weight:300; line-height:18px;} .event-form .agree-box li a {float:right; position:relative; color:#fff; font-size:13px; line-height:18px; letter-spacing:-1px;} .event-form .agree-box li a:after {content:''; position:absolute; left:0; bottom:1px; width:100%; height:1px; background-color:#fff;} .event-form .agree-box li:first-child a:after {content:none;} .event-form .agree-box li input[type=checkbox] {overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; clip:rect(0 0 0 0);} .event-form .agree-box li input[type=checkbox] + label::before {content:''; display:inline-block; width:14px; height:14px; margin-right:10px; border:1px solid #fff; background-color:#fff; vertical-align:top; -webkit-border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none;} .event-form .agree-box li input[type=checkbox]:checked + label::after {content:''; position:absolute; bottom:4px; left:1px; width:12px; height:10px; background:url('../img/sprites.png') no-repeat -56px -95px; background-size:180px 146px;} .event-form .agree-box .btn-detail-agree {float:right; width:30px; height:18px; margin-right:-7px; cursor:pointer;} .event-form .agree-box .btn-detail-agree::before {content:''; position:absolute; top:2px; right:10px; width:8px; height:8px; border-left:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(315deg); transition:transform .3s;} .event-form .agree-box li:first-child.on .btn-detail-agree::before {top:6px; transform:rotate(135deg);} .event-form .agree-box li:first-child ~ li {display:none;} .event-form .agree-box li:first-child.on ~ li {display:block;} .event-form .form-box .btn-wrap {padding:10px 0 40px; text-align:center;} .event-form .form-box .btn-resubmit {width:calc(100% - 30px); height:50px; margin:0 auto; background-color:#0a1e3c; color:#fff; font-size:16px; line-height:45px;border:0;border-radius: 0px;} .event-form .form-box .btn-notice {display:inline-block; position:relative; top:0; right:0; width:auto; height:auto; margin:25px auto 0; border-bottom:1px solid #fff; color:#a4a4a4; font-size:14px; font-weight:700; letter-spacing:-0px; line-height:1.5;} .sub_tit {text-align:left; color:#2c2c2c; font-size:40px; font-weight:500; padding-bottom:15px; border-bottom:2px solid #0a1e3c; margin-bottom:60px; } @media (max-width:1450px) { } /* 브랜드 */ .about_brand{width:100%;min-height:1040px;background-attachment: fixed;background-size:cover;position:relative;overflow:hidden;box-sizing:border-box;} .about_brand.chapter_1{background:url('../img/brand/brand_01.jpg') center 0 no-repeat;background-size:cover;background-attachment: fixed;} .about_brand.chapter_2{background:url('../img/brand/brand_02.jpg') center 0 no-repeat;background-size:cover;background-attachment: fixed;} .about_brand.chapter_3{background:url('../img/brand/brand_03.jpg') center 0 no-repeat;background-size:cover;background-attachment: fixed;} .about_brand.chapter_4{background:url('../img/brand/brand_04.jpg') center 0 no-repeat;background-size:cover;background-attachment: fixed;} .about_brand.chapter_4{background-attachment:scroll;} .about_brand.chapter_3 .text_area{float:left;width:44%;height:100%;} .about_brand.chapter_3 .img_area{position:absolute;top:0;right:0;width:56%;height:100%;background-color:#f0eeeb;} .about_brand.chapter_3 .img_area img{width:100%;} .text_box{position:absolute;top:350px;right:160px;} .text_box.nrt{position:absolute;top:350px;right:55%;} .text_box.mv{position:absolute;top:100px;right:0;width:100% ; } .text_box.mv * { text-align:center !important; } .text_box.brand h4{font-size:72px; font-weight:400;margin-bottom:30px;line-height:1;position:relative;z-index:1;} .text_box.brand h4 .tx01{font-size:46px; line-height:1.3;color:#4a4a48; } .text_box.brand h4 .tx02{font-size:72px; line-height:1.3;color:#4a4a48;font-weight:bold; } .text_box.brand h4 .tx03{font-size:36px; line-height:1.3;color:#4a4a48;font-weight:bold; } .about_brand .text .tx01{line-height:2; color:#4a4a48; font-size:37px; padding:30px 0 ;} .about_brand .text .tx02{line-height:1.4; color:#4a4a48; font-size:18px; } .text_box.brand p{font-size:37px;line-height:50px;color:#4f4035;} .text_box.brand span{display:inline-block;margin:0;font-size:14px;font-family:'trajan-pro-3';font-weight:400;color:#f0ebe1;text-transform: uppercase;margin-bottom:36px;} .text_box.brand_sub{position:absolute;bottom:180px;top:180px;} .text_box.brand_sub.right{left:auto;right:116px;width:460px;} .text_box.brand_sub.right h4{line-height:40px;} .text_box.brand_sub.right .text{position:absolute;bottom:0;} .text_box.brand_sub.left .text{position:absolute;bottom:0;width:420px;} .text_box.brand_sub.left span{color:#2d2d2d;} .text_box.brand_sub.left p{color:#9f8870;} .text_box.brand_sub.left h4{line-height:40px;color:#2d2d2d;} .about_brand.chapter_3 .text_box.brand_sub{position:relative;top:0;bottom:0;padding-top:180px;z-index:1;} .about_brand.chapter_3 .text_box.brand_sub .text{position:relative;padding-bottom:180px;height:auto;} .button-up, .button-down { position: relative; padding: 5px; margin: 30px auto; background: #2d2d2d; height: 50px; width: 50px; border-radius: 50%; transition: all 0.2s linear; } .button-down:hover { transform: translate3d(0, 10px, 0); } .button-up:hover { transform: translate3d(0, -10px, 0); } .button-up::after, .button-down::after { content: ""; position: absolute; left: 17px; z-index: 11; display: block; width: 25px; height: 25px; border-top: 2px solid #f0ebe1; border-left: 2px solid #f0ebe1; } .button-up::after { top: 20px; transform: rotate(45deg); } .button-down::after { top: 10px; transform: rotate(225deg); } .arrow-up, .arrow-down { display: block; margin: 0px auto; width: 12px; height: 12px; border-top: 2px solid #2d2d2d; border-left: 2px solid #2d2d2d; } .arrow-up { transform: rotate(45deg); } .arrow-down { transform: rotate(225deg); } .arrow-right, .arrow-left, .long-arrow-right, .long-arrow-left{ display: block; margin: 0px auto; width: 12px; height: 12px; border-top: 2px solid #2d2d2d; border-left: 2px solid #2d2d2d; } .arrow_white { border-top: 2px solid #f0ebe1; border-left: 2px solid #f0ebe1; } .arrow-right, .long-arrow-right{ transform: rotate(135deg); } .arrow-left, .long-arrow-left{ transform: rotate(-45deg); } .long-arrow-right::after, .long-arrow-left::after{ content: ""; display: block; width: 2px; height: 15px; background-color: #f0ebe1; transform: rotate(-45deg) translate( 5px, 2px); left: 0; top: 0; } .triangle-left, .triangle-right, .triangle-top, .triangle-bottom{ width: 0; height: 0; margin: 30px auto; } .triangle-left, .triangle-right{ border-top: 18px solid transparent; border-bottom: 18px solid transparent; } .triangle-top, .triangle-bottom{ border-left: 18px solid transparent; border-right: 18px solid transparent; } .triangle-right{ border-left: 30px solid black; } .triangle-left{ border-right: 30px solid black; } .triangle-top{ border-bottom: 30px solid black; } .triangle-bottom{ border-top: 30px solid black; } .vimeo-wrapper { overflow:hidden;width:100%;height:100%; position:relative; } .vimeo-wrapper .bg{background-color:rgba(0,0,0,0.5); position: absolute; width: 100%; height: 100%; z-index:3; left:0;top:0; } .vimeo-wrapper iframe { position: absolute; bottom: 0; top:-100%; left:0; width: 100%; height: 300%; background-size: 100% 100%; background-color: black; /* in case the video doesn't fit the whole page*/ background-image: /* our video */; background-position: center center; background-size: contain; object-fit: cover; /*cover video background */ z-index:2; } @media (min-aspect-ratio: 16/9) { .video-foreground { height: 300%; top: -100%; } } @media (max-aspect-ratio: 16/9) { .video-foreground { width: 300%; left: -100%; } } .iframe_wrap { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .iframe_wrap iframe{ width:100%;height:100%;position:absolute;left:0;top:0;} .video_wrap { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .video_wrap iframe{ width:100%;height:100%;position:absolute;left:0;top:0;} /* .fullmenu{display:none; position:fixed; width:100%;height:100%;left:0;top:0; z-index:1000; background-color:rgba(82,170,152, 0.95); } .fullmenu .close{position:fixed; right:0;top:0; } .fullmenu .cont{ display:flex;justify-content: space-between; width:calc(100% - 160px ); position:relative; margin:auto; height:100%; min-width:1400px; } .fullmenu .cont .items{ width:16.6%; flex-grow: 1; flex-basis: 0; height:100%; border-right:1px solid #6fbfae; padding:100px 20px ; } .fullmenu .cont .items:first-child{ border-left:1px solid #6fbfae;} .fullmenu .cont .items .f_tit{font-size:1.2vw; font-weight:500; color:#f0ebe1; line-height:1; } .fullmenu .cont .items .f_stit{padding-top:30px; font-size:1.0vw; font-weight:500; color:#f0ebe1; line-height:1.6; display:block; } .fullmenu .cont .items .f_itm{font-size:1vw; font-weight:bold; color:#f0ebe1; line-height:1; padding:20px 0 20px 20px;;} .fullmenu .cont .items .f_itm a.ft_link{font-weight:400; color:#ddd; font-size:0.9vw; line-height:2; display:block;} .fullmenu .cont .items .f_itm a.ft_link:hover{font-weight:500;color:#f0ebe1; } .fullmenu .cont .items .f_stit a.fs_link{ display:block; font-size:1.0vw; font-weight:400; color:#f0ebe1; line-height:2.2;} @media (max-width: 1400px) { .fullmenu .cont .items .f_tit{font-size:18px; font-weight:500; color:#f0ebe1; line-height:1; } .fullmenu .cont .items .f_stit{padding-top:30px; font-size:18px; font-weight:500; color:#f0ebe1; line-height:1; } .fullmenu .cont .items .f_stit a.fs_link{ font-size:16px; font-weight:400; color:#f0ebe1; line-height:1.6;} .fullmenu .cont .items .f_itm{font-size:1vw; font-weight:bold; color:#f0ebe1; line-height:1; padding:20px 0 20px 20px;;} .fullmenu .cont .items .f_itm a.ft_link{font-weight:400; color:#ddd; font-size:14px; line-height:2; display:block;} } */ .product_wrap{ width:1400px; margin:auto; padding-bottom:100px;} .product_wrap .product_tit{ padding:100px 0 ;text-align:center ; font-size:48px;font-weight:bold; color:#2d2d2d ; line-height:1; } .product_wrap .product_list{ width:100%; display:flex; justify-content: space-between; flex-wrap: wrap;} .product_wrap .product_list .items{ width:32%;display:block; } .product_wrap .product_list .items .imgs{ width:100%; transition: all .3s ease-in-out;border:1px solid #f0ebe1;;} .product_wrap .product_list .items:hover .imgs{ border:1px solid #6fbfae;} .product_wrap .product_list .items .imgs img{width:100%;height:auto; } .product_wrap .product_list .items .desc{padding:45px 0 ;text-align:center; } .product_wrap .product_list .items .desc .ptx_01{ font-size:24px;font-weight:400; color:#2d2d2d; line-height:1.8;} .product_wrap .product_list .items .desc .ptx_02{font-size:16px;font-weight:400; color:#9b999a; line-height:1.8; } .product_list {width:1400px; margin:auto; } .hill{ font-size:100px;font-weight:bold; color: rgba(0,0,0,0.0001) ; -webkit-text-fill-color: transparent; -webkit-background-clip: text; ;} .outline { font-size:200px; height:100%; width:auto; font-weight:400; color: transparent; /* Unfortunately you can't use transparent here … */ text-shadow: -1px -1px 0 #b9966e, 1px -1px 0 #b9966e, -1px 1px 0 #b9966e, 1px 1px 0 #b9966e } /* Real outline for modern browsers */ @supports((text-stroke: 2px rgba(195,156,105, 0.6)) or (-webkit-text-stroke: 2px rgba(195,156,105, 0.6))) { .outline { color: transparent; -webkit-text-stroke: 1px rgba(195,156,105, 0.6); text-stroke: 1px rgba(195,156,105, 0.6); text-shadow: none; } } .main_sec01 { width:100%; height:1000px ; min-width:1400px; background-color:#0a1e3c; position:relative;overflow:hidden;} .main_sec01 .bg{ width:100%; height:869px; background-size: auto 100%;background-repeat:no-repeat; background-position:top center; background-image:url(/theme/basic/img/main/main_v.jpg); position:absolute;left:0px;top:120px; } .main_sec01 .m-scroll{position:absolute;left:0px;bottom: -50px; width:100%; height:270px;overflow:hidden; } .main_sec01 .sig_txt{position:absolute;left:10%;top:178px;z-index:2; max-width:100%;overflow:visible;} .main_sec01 .sig_txt .s_tx01{font-size:120px; color:#b9966e;line-height:1.1; font-weight:500; margin-left:50px;} .main_sec01 .sig_txt .s_tx02{font-size:40px; color:#f0ebe1;line-height:0.9; font-weight:700; margin-top: 30px; padding-left:320px;} .main_sec01 .sig_txt .s_tx02 span{font-size:40px; color:#f0ebe1;line-height:2; font-weight:500;font-family: 'NanumSquare'; } .main_sec01 .sig_txt .s_tx03{font-size:30px; color:#f0ebe1;line-height:1.3; font-weight:300; margin-top:30px; padding-left:280px;} .main_sec01 .sig_txt .s_tx03 span{font-size:30px; color:#f0ebe1;line-height:1.3; font-weight:700; padding-left: 40px;} /* new version */ .main_sec01 .sig_txt .t_tx01{font-size:120px; color:#b9966e;line-height:1.1; font-weight:500; margin-left:50px;} .main_sec01 .sig_txt .t_tx02{font-size:120px; color:#b9966e;line-height:0.9; font-weight:500; margin-top: 30px; padding-left:80px;} .main_sec01 .sig_txt .t_tx02 span{ display:inline-block; vertical-align:middle; margin:0 30px; width:100px; height:10px; background:#b9966e; } .main_sec01 .sig_txt .t_tx03{font-size:24px; color:#f0ebe1;line-height:1.3; font-weight:300; margin-top:130px; padding-left: 100px;} .main_sec01 .sig_txt .t_tx03 span{font-size:24px; color:#f0ebe1;line-height:1.3; font-weight:700; padding-left: 0px;} .main_sec01 .sig_txt .t_tx04{ padding-left:100px; margin-top:30px;} .main_sec01 .swiper-slide{ width:auto;} .main_sec02 { background-color:#0a1e3c; width:100%; min-width:100%; } .main_sec02 .cont{padding: 100px 0 150px;position:relative; z-index:3; } .main_sec02 .cont .ms_area01{ font-size:26px;font-weight:500;color:#f0ebe1;line-height:1.6; text-align:center; } .main_sec02 .cont .ms_area02{width:1060px; margin:auto; } .main_sec02 .cont .ms_area02 .mtx01{ font-size:18px;font-weight:300;color:#f0ebe1; padding-left:10px; line-height:2; } .main_sec02 .cont .ms_area02 .mcon{position:relative ; margin-bottom:50px; width:1060px; margin:auto;} .main_sec02 .cont .ms_area02 .mcon .line{ content:""; position:absolute; right:12%; top:55%; width:200px; height:10px; background:#f0ebe1; z-index:-1;} .main_sec02 .cont .ms_area02 .mtx_box1{ font-size:130px; color:#b9966e; line-height:1;float:left; font-weight:400; } .main_sec02 .cont .ms_area02 .mtx_box2{font-size:130px; color:#b9966e; line-height:1; float:right;font-weight:400; } .main_sec02 .cont .ms_area02 .mcon .line2{ content:""; position:absolute; left:10%; top:55%; width:40%; height:10px; background:#f0ebe1; z-index:-1;} .main_sec02 .cont .ms_area02 .mtx_box3{ font-size:23px; line-height:160px; color:#f0ebe1; line-height:1;float:left; padding-top:120px; padding-left:10%; font-weight:500;} .main_sec02 .cont .ms_area02 .mtx_box4{font-size:130px;line-height:160px; color:#b9966e; line-height:1; float:right; font-weight:400; margin-right:80px;} .main_sec02 .cont .mtx{font-size:26px;color:#f0ebe1; color:#f0ebe1; font-weight:400; padding:40px 0 ; text-align:center;} .main_sec02 .cont .video_box{ text-align:center; padding-top:50px;width:1000px; margin:auto;} .main_sec03 { background-color:#0a1e3c; width:100%; min-width:1400px; } .main_sec03 .cont{ position:relative; z-index:3; } .main_sec03 .cont .hill_tx{ position:absolute;width:100%; bottom:15%; left:0px; font-size:44px; font-weight:bold; color:#b9966e; text-align:center ; } .main_sec03 .cont .ms_area{ position:absolute;width:1050px; top:50%; left:50%; transform:translate(-50%, -50%);} .main_sec03 .cont .ms_area .mtx_tit{ font-size:18px; color:#f0ebe1;font-weight:300; line-height:1.6; margin-bottom:10px; padding-left:10px; letter-spacing:1px;} .main_sec03 .cont .ms_area .mcon{ position:relative ; margin-bottom:50px; width:1050px; margin:auto; } .main_sec03 .cont .ms_area .mcon .mtx_box1 {font-size:130px; color:#b9966e; line-height:1;float:left; position:relative; z-index: 2; font-weight:400;} .main_sec03 .cont .ms_area .mcon .mtx_box2_box{float:right; padding-right:50px;} .main_sec03 .cont .ms_area .mcon .mtx_box2 {font-size:130px; color:#b9966e; line-height:0.9; position:relative; z-index: 2; font-weight:400; margin-bottom:50px;; } .main_sec03 .cont .ms_area .mcon .mtx_box3 {font-size:26px; color:#f0ebe1; line-height:1.6; position:relative; z-index: 2; font-weight:400; ; } .main_sec03 .cont .ms_area .mcon .mtx_box4{ opacity:1;margin-top:20px;} .main_sec03 .cont .ms_area .mcon .mtx_box4 a{font-size:15px;color:#f0ebe1;} .main_sec03 .cont .ms_area .mcon .mtx_box4 a i{ font-weight:100; } .main_sec03 .cont .ms_area .mcon .line{ position:absolute;top:20%; transform:translateY(-50%); width:370px; height:10px; background:#f0ebe1; z-index: 1; margin: 0 0px 0 50px; } .gg-arrow-long-right { box-sizing: border-box; position: relative; display: inline-block; vertical-align:middle; margin-left:10px; transform: scale(var(--ggs,1)); border-top: 1px solid transparent; border-bottom: 1px solid transparent; box-shadow: inset 0 0 0 1px; width: 24px; height: 3px } .gg-arrow-long-right::after { content: ""; display: block; box-sizing: border-box; position: absolute; width: 10px; height: 10px; border-top: 1px solid; border-right: 1px solid; transform: rotate(45deg); right: 0; bottom: -4.5px } .gg-arrow-long-right2 { box-sizing: border-box; position: relative; display: inline-block; vertical-align:middle; margin-left:10px; transform: scale(var(--ggs,1)); border-top: 1px solid transparent; border-bottom: 1px solid transparent; box-shadow: inset 0 0 0 4px; width: 70px; height: 4px } .gg-arrow-long-right2::after { content: ""; display: block; box-sizing: border-box; position: absolute; width: 20px; height: 20px; border-top: 2px solid; border-right: 2px solid; transform: rotate(225deg); left: 0; bottom: -9.0px } .gg-arrow-long-right3 { box-sizing: border-box; position: relative; display: inline-block; vertical-align:middle; margin-left:10px; transform: scale(var(--ggs,0.5)); border-top: 1px solid transparent; border-bottom: 1px solid transparent; box-shadow: inset 0 0 0 4px; width: 70px; height: 4px } .gg-arrow-long-right3::after { content: ""; display: block; box-sizing: border-box; position: absolute; width: 20px; height: 20px; border-top: 2px solid; border-right: 2px solid; transform: rotate(45deg); right: 0; bottom: -9px; } .main_sec04 { background-color:#0a1e3c; width:100%; min-width:1400px; } .main_sec04 .cont{ position:relative; z-index:3; padding:100px 0 150px;} .main_sec04 .cont .hill_tx{ position:absolute;width:100%; bottom:15%; left:0px; font-size:44px; font-weight:bold; color:#b9966e; text-align:center ; } .main_sec04 .cont .mtit{color:#f0ebe1; padding-left: 0px; font-size:18px; line-height:2;width:1050px; margin:auto; font-weight:300; letter-spacing:1px;} .main_sec04 .cont .ms_area01 .mcon{position:relative ; margin-bottom:50px; width:1050px; margin:auto;} .main_sec04 .cont .ms_area01 .mcon .line{ content:""; position:absolute; left:27%; top:55%; width:300px; height:10px; background:#f0ebe1; z-index: 1;} .main_sec04 .cont .ms_area01 .mtx_box11{ font-size:130px; color:#b9966e; line-height:1;float:left; position:relative; z-index: 2;font-weight:400; } .main_sec04 .cont .ms_area01 .mtx_box12{ font-size:130px; color:#b9966e; line-height:1;float:right; position:relative; z-index: 2;font-weight:400; padding-right:60px;} .main_sec04 .cont .ms_area01 .mtx_box2{font-size:130px; color:#b9966e; line-height:1; float:right;position:relative; z-index: 2; font-weight:400;margin-right:20%; } .main_sec04 .cont .ms_area01 .mcon .line2{ content:""; position:absolute; left:13%; top:55%; width:300px; height:10px; background:#f0ebe1; z-index: 1;} .main_sec04 .cont .ms_area02{position:relative ; margin-bottom:50px; width:1050px; margin:auto; } .main_sec04 .cont .ms_area02{ } .main_sec04 .cont .ms_area02 .mcon{float:left; width:50%; padding-right:20px; } .main_sec04 .cont .ms_area02 .mcon .mtx01{font-size:40px;color:#f0ebe1;line-height:1.4;} .main_sec04 .cont .ms_area02 .mcon .mtx02{font-size:18px;color:#f0ebe1;line-height:1.8; padding:30px 0 ; font-weight:100;letter-spacing:-0px;} .main_sec04 .cont .ms_area02 .mcon .mtx03{font-size:18px;color:#f0ebe1;opacity:0.5;} .main_sec04 .cont .ms_area02 .mcon .mtx03 a{font-size:15px;color:#f0ebe1;font-weight:100;} .main_sec04 .cont .ms_area02 .mcon .mtx03 a i{ font-weight:100; } .main_sec04 .cont .ms_area02 .mcon .mtx03:hover { opacity:1;} .main_sec04 .cont .ms_area02 .mimg{ float:right; width:50%;margin-top:-57px;position:relative;z-index:-1; } .main_sec05 { background-color:#0a1e3c; width:100%; min-width:1400px; } .main_sec05 .cont{ position:relative; z-index:3; width:100%;height:50vh; background-color:#b9966e; position:relative ; overflow:hidden;} .main_sec05 .cont .premium { height:100%; } .main_sec05 .cont .items{background-color:#b9966e; width:100%;height:100%;position:relative;} .main_sec05 .cont .items .mtimg{ width:40vh; height:55vh; position:absolute;left:30%; top:43%;transform:translate(-50% , -50%);} .main_sec05 .cont .items .mtimg .mbg{ width:100%;height:100%; background-position:center; background-repeat:no-repeat ;background-size:cover;transform:rotate(5deg);transition:all .3s linear; } .main_sec05 .cont .items:hover .mtimg .mbg{ transform:rotate( 0deg) scale(1.5);top:50%; } .main_sec05 .cont .items .mtxt{left:62%; top:50%;transform:translate(-50% , -50%); position:absolute; } .main_sec05 .cont .items .mtxt .tx01{font-size:18px; color:#f0ebe1 ; line-height:2.0; font-weight:300;transition:all .3s linear; letter-spacing:1px; } .main_sec05 .cont .items .mtxt .tx02{font-size:40px; color:#f0ebe1 ; line-height:1.4;font-weight:500; margin-bottom:30px;transition:all .3s linear; } .main_sec05 .cont .items .mtxt .tx02 span{font-size:50px; color:#f0ebe1 ; line-height:1.4;font-weight:500; margin-bottom:30px;transition:all .3s linear; } .main_sec05 .swiper-container{height:100%;} .main_sec05 .cont .items .mtxt .tx03{font-size:20px; color:#f0ebe1 ; line-height:1.6;font-weight:500;transition:all .3s linear; } .main_sec05 .pleft{position:absolute;left:5%;top:50%;color:#f0ebe1;z-index:2;} .main_sec05 .pright{position:absolute;right:20%;top:50%;color:#f0ebe1;z-index:2;} .main_sec06{} .main_sec06 .cont{width:90%;max-width:100%; margin:auto;padding:100px 50px ; } .main_sec06 .btarea1{ padding-left:100px; position:relative;width:50%; float:left; } .main_sec06 .btarea1 .pname{font-size:23px; color:#f0ebe1;line-height:1; position:absolute;left:0px;top:30px; } .main_sec06 .btarea1 .b_menu{ } .main_sec06 .btarea1 .b_menu a{ font-size:60px;font-weight:600; color:#f0ebe1; line-height:1.4; } .main_sec06 .btarea2{ width:35%; float:right; position:relative; } .main_sec06 .btarea2 .pname{font-size:23px; color:#f0ebe1;line-height:1; } .main_sec06 .btarea2 .tel{font-size:45px;font-weight:600; color:#f0ebe1; line-height:1.4;} .main_sec06 .btarea2 .bun_link{margin-top:30px;} .main_sec06 .btarea2 .bun_link a{display:inline-block; padding:10px 40px; border:1px solid #b9966e; border-radius:30px;color:#b9966e; font-size:20px;font-weight:500;} .main_sec07{background:#0a1e3c} .main_sec07 .cont{width:90%;max-width:1400px; min-width:1400px; margin:auto;padding:100px 50px ;display:flex; justify-content: space-between;flex-wrap: wrap; } .main_sec07 .cont .map_box{width:100%;display:flex;justify-content: space-between;} .main_sec07 .cont .map1{width:480px;;} .main_sec07 .cont .map1 img{ border:1px solid rgba(240,235,225 , 0.1)} .main_sec07 .cont .map3 img{ border:1px solid rgba(240,235,225 , 0.1)} .main_sec07 .cont .mapinfo{display:flex; flex-wrap: nowrap; margin-top:30px;} .main_sec07 .cont .mapinfo .mp1{width:90px;font-size:18px; color:#838282; line-height:30px; } .main_sec07 .cont .mapinfo .mp11{width:120px;font-size:18px; color:#838282; line-height:30px; } .main_sec07 .cont .mapinfo .mp2{width:320px;word-break:keep-all;font-size:18px; color:#f0ebe1; line-height:30px; } .main_sec07 .cont .map2{width:280px;text-align:left; padding-top: 0px; position:relative; } .main_sec07 .cont .map2 .mtx01{font-size:23px;color:#f0ebe1;line-height:1; margin-bottom:10px;} .main_sec07 .cont .map2 .mtx02{ margin-bottom:10px;position:relative; } .main_sec07 .cont .map2 .mtx02 span.tx{font-size:45px;color:#f0ebe1;line-height:1; position:relative; display:inline-block; z-index:2; font-weight:400;} .main_sec07 .cont .map2 .mtx02 span.line{z-index:-1; position:absolute;left:0px;bottom:10px;width:100%;height: 0px;background:#f0ebe1; opacity:0.6; display:none;} .main_sec07 .cont .map2 .mtx03{font-size:44px;font-weight:400; color:#f0ebe1;line-height:1; position:relative;margin-bottom:20px; } .main_sec07 .cont .map2 .mline{ width:30px;height:2px; margin:40px 0; background:#b9966e;} .main_sec07 .cont .map2 .mtx04{font-size:24px;font-weight:400; color:#f0ebe1;line-height:1;margin-bottom:20px; } .main_sec07 .cont .map2 .mtx05{font-size:30px;font-weight:300; color:#b9966e;line-height:1.6;} .main_sec07 .cont .map2 .mtx05 span{font-size:30px;font-weight:300; color:#f0ebe1;line-height:1.6; } .main_sec07 .cont .map3{width:480px;} .main_sec07 .cont .hititle_01{ float:left;width:60%; font-size:60px; line-height:1; color:#b9966e; margin-bottom:100px; } .main_sec07 .cont .hititle_02{ float:left;width:40%; font-size:40px; line-height:1; color:#f0ebe1; text-align:right; font-weight:bold;} .main_sec07 .cont .hititle_02:after{clear:both;content:"";display:block;} .main_sec07 .cont .hititle_02 span { display:inline-block; font-size:23px; line-height:1; color:#35cab5; } .head .cont{ position:relative ; width:90%; max-width:1620px; min-width:1400px; margin:auto; } .head.on{ } .head {position:fixed;left:0px;top:0px; width:100%;z-index:905;background-color:#0a1e3c; } .head .logo{ position:absolute;left:0%; top: 0px; } .head .logo a{display:block; font-family: 'NanumSquare';line-height:90px; font-weight:bold; font-size:22px; color:#f0ebe1; } .head .submenu{ text-align:center; height:100px; padding-right: 0px; } .head .submenu .item{display:inline-block;vertical-align:middle; margin-right:3vw; position:relative; overflow:hidden;} .head .submenu .item .link{overflow:hidden;position:relative; } .head .submenu .item .link a{ transition: all .3s ease-in-out;font-size:18px; color:#f0ebe1; font-weight:400; line-height:100px;letter-spacing:1px; } .head .submenu .item .link a.register{transition: all .3s ease-in-out; padding:15px 20px; border-radius:25px 25px 0 0 ; background:#95060a;} .head .submenu .item .link:hover a.register{ } .head .submenu .item .link:hover a{color:#b9966e; } .head .submenu .item .link:hover{ } .head .submenu .item .sub{ position:absolute;left: 0px;top: 120%;width:auto; transition: all .3s ease-in-out;text-align :left; padding:0 20px;background:#0a1e3c; display:inline-block;} .head .submenu .item .sub a{color:#f0ebe1;font-size:14px; display:inline-block;line-height:50px; margin-right:30px; position:relative; white-space:nowrap; } .head .submenu .item .sub a:after{ content:""; position:absolute;left:0px; bottom:0px; width:20%;height:2px; background:transparent;transition: all .3s ease-in-out; } .head .submenu .item .sub a:hover:after{ content:""; position:absolute;left:0px; bottom:0px; } .head .submenu .item:hover{overflow:visible;} .head .submenu .item:hover .sub{ display:inline-block;top:80%;left:-20px; position:absolute; left:0px; } .head .submenu .item:hover .sub a{ font-size:14px; display:inline-block; } .head .submenu .item .sub a:hover{color:#b9966e;} .head .right_menu{ position:absolute; right:60px;top: 0px; text-align:right;line-height:100px; padding-right: 30px; } .head .right_menu .r_button{display:inline-block;vertical-align:middle; transition: all .3s ease-in-out; font-size:18px; font-weight:400;border-radius:30px; padding:10px 15px; background-color:transparent; border:2px solid #b9966e; color:#b9966e; margin-right:10px; height:45px;} .head .right_menu .r_button:hover{background-color:#f0ebe1; } .head .right_menu .tel .pc{display:inline-block; vertical-align:middle;line-height:100px; font-weight:bold; color:#f0ebe1;font-size:24px; line-height:100px; } .head .right_menu .tel .pc img{width:18px; height:auto;} .head .right_menu .tel .tel_link {display:none; } .panel{ display:inline-block; position:absolute;z-index:1000; right: 0px;top:30px; } .fullmenu{ width:100%; height:74vh; position:fixed; transition: all .3s ease-in-out; left:-0%;top:0%; z-index:-9; transform: translateX(-100%); overflow:hidden;} .full_bg{transition: all .3s ease-in-out; width:0; height:0; z-index:-9; position:fixed; left:50%;top:50%;background: rgb(195,156,105,0.05); } .full_bg.on{ width:100%; height:100%; z-index:1008;background: rgb(0,0,0,0.79); border-radius: 0%;left: 0%;top: 0%;} .full_bg2{transition: all .3s ease-in-out; width:0; height:0; z-index:-9; position:fixed; left:50%;top:50%;background: rgb(195,156,105,0.05); } .full_bg2.on{ width:100%; height:100%; z-index:1008;background: rgb(0,0,0,0.79); border-radius: 0%;left: 0%;top: 0%;} .fullwrap { display:block; position:relative;} .fullmenu.on{ left:0px;top:0;right:0;bottom:0;overflow-y:auto; border-radius:0;z-index: 9999; background-color: #f0ebe1;; transform: translateX(0); } .fullmenu.on:after{ content:"";display:block; width:80%;height:10px;position:absolute; right:0px;bottom:0px; background:#0a1e3c;z-index:1022;} .fullmenu.on:before{content:"";display:block; width:100%;height:10px;position:absolute; left:0px;bottom:0px; background:#961e1e;z-index:1021;} .fullmenu .hd {position:relative ; width:90%; max-width:100%; min-width:1400px; margin:auto;} .fullmenu .hd {} .fullmenu .hd .logo{position:absolute;left:0%; top: 0px; } .fullmenu .hd .logo a{display:block; font-family: 'NanumSquare';line-height:120px; font-weight:bold; font-size:22px; color:#2d2d2d; } .fullmenu .hd .panel span {background:#2d2d2d;} .fullmenu .menus{ position:absolute;left: 55%; top:45%;transform:translate(-50% , -50%); width:90%; padding-left: 10%;} .fullmenu .menus .items{ margin-bottom:20px; position:relative; width:100%;} .fullmenu .menus .items:hover{width:100%;} } .fullmenu .menus .items .link{ margin-bottom:20px; width:50%;} .fullmenu .menus .items .link a{ font-size:40px;font-weight:500; color:#2d2d2d; padding-bottom:10px;position:relative; } .fullmenu .menus .items .link a:after{transition: all .3s ease-in-out; content:""; width:0;height:2px;background:#2d2d2d;position:absolute; left:0px;bottom:0px; } .fullmenu .menus .items:hover .link a{ } .fullmenu .menus .items:hover .link a:after{content:"";width:100%;height:2px; background:#2d2d2d; } .fullmenu .menus .items .sub{ transition: all .3s ease-in-out; display:block; bottom:auto; opacity:0; transition: all .3s ease-in-out; position:absolute; left:50%;top:10px; width:80%; line-height:40px;z-index:-5; } .fullmenu .menus .items .sub a{ margin-right:10px; color:#2d2d2d;font-weight:400; position:relative; font-size:24px; line-height:2;display:block;} .fullmenu .menus .items:hover:after{ } .fullmenu .menus .items .sub.on{ display:block;} .fullmenu .menus .items .sub a:after{ transition: all .3s ease-in-out; content:""; width:0;height:2px;background:#f0ebe1;position:absolute; left:0px;bottom:0px; } /* .fullmenu .menus .items:hover .sub{ display:block;opacity:1; } .fullmenu .menus .items:hover .sub a{ } .fullmenu .menus .items:hover .sub:after{ content:"";display:block; position:absolute; right: 105%; top:20px; width:30%; height:3px; background:#2d2d2d; } */ .fullmenu .menus .items.on .sub{ display:block;opacity:1;z-index:1005; } .fullmenu .menus .items.on .sub a{ } .fullmenu .menus .items.on .sub:after{ content:"";display:block; position:absolute; right: 105%; top:20px; width:30%; height:2px; background:#2d2d2d; } .footer{ width:100%;background-color:#f0ebe1; } .footer .cont{ width:90%; margin:auto; border-top:1px solid #ddd; padding:50px 0 ; position:relative;max-width:1620px;min-width:1400px; } .footer .cont .logo{position:absolute;left:0%; top: 55px; } .footer .cont .logo a{display:block; font-family: 'NanumSquare';line-height:1; font-weight:bold; font-size:22px; color:#f0ebe1; } .footer .cont .info { padding-left:240px; font-size:16px; font-weight:300; line-height:1.6;color:#0a1e3c; } .footer .cont .info b{ font-size:20px; color:#0a1e3c;} .footer .cont .info span.line{ font-size:16px; font-weight:100; line-height:1.6;color:#525252; margin:0 10px; } .footer .cont .info span.btx{ font-size:16px; font-weight:100; line-height:1.6;color:#0a1e3c; margin:0 0px;opacity:0.8; } .footer .cont .rinfo{ position:absolute;right:0px;top:50px; } .footer .cont .rinfo .rimg{} .footer .cont .rinfo .area{margin-top:20px;} .footer .cont .rinfo .area a{display:inline-block;font-size:16px; color:#0a1e3c; line-height:1; opacity:1;font-weight:300; } .footer .cont .rinfo .area a:after{content:"|";display:inline-block;font-size:16px; color:#0a1e3c; margin:0 20px;font-weight:100; } .footer .cont .rinfo .area a:last-child:after{content:""; margin:0 ;} .m-only {display:none ;} .pc-only {display:block ;} .subtop{ width:100%;height:60vh; background-size:cover; background-position:center;position:relative;margin-bottom:150px; } .subtop.register{ background-image:url(/theme/basic/img/sub/register_img.jpg); } .subtop.news{ background-image:url(/theme/basic/img/sub/news_img.jpg); } .subtop.contact{ background-image:url(/theme/basic/img/sub/contact_img.jpg); } .subtop .txarea{ position:absolute; width:100%; left:0; top:95%; transform:translateY(-50%); text-align:left; padding-left:25%; font-size:130px;font-weight:400; color: #b9966e;z-index:2; } .subtop .txarea span{font-size:130px;font-weight:400; color: #b9966e; } #bo_list ,#bo_w , #bo_v{ width:1200px; } .btn_list{ border:0 ; background:#b9966e; color:#fff;font-size:16px; padding:10px 30px; border-radius:30px;} .btn_list:hover{background:#a87e51; } .btn-area{text-align:center;} .contact_inner{width:1200px; margin:auto; } .contact_inner .con_wrap{ margin-bottom:50px; width:100%; height:470px ;} .contact_inner .con_wrap:nth-child(3){ margin-bottom:150px;} .contact_inner .con_wrap .map1{ background-position:center; width:50%;height:100%;float:left; background-image:url(/theme/basic/img/sub/hill_map01.jpg); background-size:cover;} .contact_inner .con_wrap .map2{ background-position:center; width:50%;height:100%;float:left; background-image:url(/theme/basic/img/sub/hill_map02.jpg); background-size:cover; } .contact_inner .con_wrap .info{ width:50%;height:100%;float:right;background-color:#0f2545;text-align:center; } .contact_inner .con_wrap .info .con{ width:100%;position:relative;top:50%;transform:translateY(-50%);} .contact_inner .con_wrap .info .info_tx1{text-align:center; font-size:30px;font-weight:600; color:#b9966e; line-height:1; margin-bottom:40px;} .contact_inner .con_wrap .info .info_tx2{text-align:center; font-size:22px;font-weight:400; color:#f0ebe1; line-height:1.4; margin-bottom:40px;word-break:keep-all; padding:0 50px;} .contact_inner .con_wrap .info .info_tx3{margin: 30px 0;} .contact_inner .con_wrap .info .info_tx4{text-align:center;font-size:36px; color:#f0ebe1; font-weight:bold; margin-top:50px;line-height:40px;} .contact_inner .con_wrap .info .info_tx4 img{width:auto;height:40px;vertical-align :top;margin-right:10px;} .butt_go{transition: all .3s ease-in-out;font-size:18px; border-radius:30px; background:transparent; border:2px solid #b9966e;color:#f0ebe1; padding:15px 35px; margin:0 5px; } .butt_go:hover{ background:#b9966e; color:#2d2d2d;} .butt_go a{font-size:18px;color:#f0ebe1; } .butt_go:hover a{ color:#f0ebe1; } .contact_inner .con_info{text-align:center; width:100%; background:#f0ebe1; margin-bottom:100px; display:none;} body.scroll-lock {position:fixed; height:100%; } /* -------------------- layer-popup -------------------- */ .overlay {z-index:1001; position:fixed; top:0; left:0; width:100%; height:100%; background-color:#2d2d2d; opacity:.7;} .layer-popup {display:none; z-index:1205; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:750px; height:auto; padding:0 60px 60px; background-color:#f0ebe1; overflow:hidden;} .layer-popup .btn-close {z-index:1100; position:absolute; top:12.5000vw; right:8.3333vw; width:4.1667vw; height:4.1667vw; font-size:0; background-image:url(/theme/basic/img/close.png);background-size:cover;} .layer-popup .btn-close {z-index:1100; position:absolute; top:50px; right:50px; width:30px; height:30px; background-position:center; background-size:cover; font-size:0;background-image:url(/theme/basic/img/close.png);} .layer-popup .popup-header {z-index:100; position:absolute; top:0; left:0; width:750px; padding:60px 60px 0; background-color:#f0ebe1;} .layer-popup strong {display:inline-block; padding-bottom:5px; border-bottom:2px solid #2d2d2d; font-size:21px;} .layer-popup .popup-inner {margin-top:130px;} .layer-popup.event .btn-close {width:30px; height:30px; top:50px; right:63px; } .layer-popup.event strong {color:#2d2d2d;} .layer-popup.event strong:after {background-color:#2d2d2d;} .layer-popup.event ul li {position:relative; margin-bottom:15px; padding-left:15px; color:#666; font-size:16px; letter-spacing:-1px; line-height:1.6; word-break:keep-all;} .layer-popup.event ul li:before {content:''; position:absolute; left:0; top:8px; width:5px; height:5px; border-radius:50%; background-color:#888;} .layer-popup.terms strong {color:#2d2d2d;} .layer-popup.terms strong:after {background-color:#2d2d2d;} .layer-popup.terms dl {margin:30px 0; border:0; color:#2d2d2d; font-size:16px; text-align:left; line-height:24px; overflow:hidden;} .layer-popup.terms dt, .layer-popup.terms dd {float:left; padding:26px 0 26px 30px; border:1px solid #2d2d2d; vertical-align:top; word-break:keep-all;} .layer-popup.terms dt {width:33%; border-bottom:0; font-weight:400;} .layer-popup.terms dd {width:67%; border-left:0; border-bottom:0; font-weight:300; letter-spacing:-1px;} .layer-popup.terms01 dt:nth-of-type(1), .layer-popup.terms01 dd:nth-of-type(1) {height:150px;} .layer-popup.terms01 dt:nth-of-type(2), .layer-popup.terms01 dd:nth-of-type(2) {height:105px;} .layer-popup.terms01 dt:nth-of-type(3), .layer-popup.terms01 dd:nth-of-type(3) {height:130px; border-bottom:1px solid #2d2d2d;} .layer-popup.terms02 dt, .layer-popup.terms02 dd {height:80px;} .layer-popup.terms02 dt:nth-of-type(1), .layer-popup.terms02 dd:nth-of-type(1) { } .layer-popup.terms02 dd:nth-of-type(1) {white-space:nowrap;} .layer-popup.terms02 dt:nth-of-type(4), .layer-popup.terms02 dd:nth-of-type(4) {height:130px; border-bottom:1px solid #2d2d2d;} .layer-popup.terms03 dt, .layer-popup.terms03 dd {height:105px;} .layer-popup.terms03 dt:nth-of-type(2), .layer-popup.terms03 dd:nth-of-type(2) {border-bottom:1px solid #2d2d2d;} .layer-popup.terms p {margin-bottom:15px; color:#666; font-size:16px; line-height:24px; letter-spacing:-2px;} .layer-popup.finish {width:400px; height:320px; padding-top:40px; border:0; background-color:#f0ebe1; text-align:center; box-shadow:0 25px 50px 5px rgba(0, 0, 0, 0.3);} .layer-popup.finish > span {display:block; color:#2c2c2c; font-size:28px; line-height:1.4;font-weight:bold;} .layer-popup.finish img{margin-bottom:30px;} .layer-popup.finish .btn-close {position:absolute;bottom:0;right:0;left:0;top:86%; display:block; width:100%; height:48px; margin:0px auto 0; font-size:18px; line-height:46px; background:none; background-color:#b9966e; color:#f0ebe1;} .layer-popup.airview {width:720px; padding:0; box-shadow:0 0 30px 10px rgba(0, 0, 0, .1);} .layer-popup.airview .btn-close {top:0; right:0; width:110px; height:110px; background:none;} .layer-popup.pop-option {top:0; left:0; padding:0;} .layer-popup.pop-option .btn-close {top:170px; right:105px; width:50px; height:50px; background:none;} .term-check {display:none; z-index:1107; position:fixed; top:45%;transform:translateY(-50%); left:calc(50% - 250px); width:500px; height:60px;line-height:60px;background-color:rgba(149,6,10,.8); color:#f0ebe1; font-size:14px; font-family:'NotoSansKR'; text-align:center;border-radius:30px; #95060a} .overlay {z-index:1001; position:fixed; top:0; left:0; width:100%; height:100%; background-color:#2d2d2d; opacity:.7;} .term-check2 {display:none; z-index:1107; position:fixed; top:45%;transform:translate(-50%, -50%); left:50%; } .iframe-box {position:relative; margin:0 auto;z-index:20; width:100%;z-index:1;} .iframe-box.type01 {width:100%; height:35em;} .iframe-box.type02 {width:100%; height:19em;} .iframe-box > img {position:absolute; top:0; left:0; width:100%; height:100%;} .iframe-box > iframe {width:100%; height:100%; outline:0;} .iframe-box > .btn-sound {position:absolute; top:0; right:0; padding:20px; background:transparent; border:0;} .iframe-box > .btn-sound::before {content:''; display:block; width:60px; height:60px; background:url('../img/sprites.png') no-repeat -252px -125px; background-size:315px 256px; transform:scale(1.05); transform-origin:left top;} .iframe-box > .btn-sound.on::before {background-position:-252px -61px;} .iframe-box > .btn-sound.v2::before {background-position:-75px -83px;} .iframe-box > .btn-sound.v2.on::before {background-position:-82px 0;} .jctkr-wrapper, .jctkr-wrapper *{ box-sizing: border-box; } .jctkr-wrapper{ display: inline-block; position: relative; width: 100%; vertical-align: top; } .jctkr-wrapper ul{ position: absolute; left: 0; top: 0; height: 100%; margin: 0; padding: 0; list-style: none; white-space: nowrap; font-size: 0; text-align: left; opacity: 0; -webkit-transition: opacity 1s; transition: opacity 1s; } .jctkr-wrapper.jctkr-initialized ul{ opacity: 1; } .jctkr-wrapper ul li{ display: inline-block; padding:0 20px; } .jctkr-label{ display: inline-block; } .marq { margin-top: 0px; height:280px; } .marq ul li {font-size:150px; font-weight:400; color:rgba(185,150,110 , 0.1); line-height:1.1; padding:0 20px; } .signature03 li .video{ width:50%; padding-left:0;} .quick { position:fixed; right:5%; bottom:5%;z-index:4;text-align:right; transition: all .4s ease;} .quick.bottom{ bottom:300px; } .quick .item.links{background:#95060a; border-radius:50%; height:70px;text-align:right; margin-bottom:10px;border:0px solid #ddd;transition: all .4s ease;-webkit-box-shadow: 7px 5px 10px 1px rgba(0,0,0,0.07); box-shadow: 7px 5px 10px 1px rgba(0,0,0,0.07); } .quick .item a.link_req{display:inline-block; width:0px;height:70px;line-height:70px; font-size:20px; color:#f0ebe1; overflow:hidden;transition: all .4s ease; opacity:0;} .quick .item a.close{transition: all .3s ease;display:inline-block; width:70px;height:70px;vertical-align:top;text-align:center;background-image:url(/theme/basic/img/common/quick_ice.png);background-position:center;background-repeat:no-repeat; background-size:40% auto; } .quick .item.on{ width:250px;border-radius:50px; } .quick .item.on a.close {background-image:none; } .quick .item.on .close_bt {width:70px;height: 70px;position:relative;display:inline-block;transition: all .5s ease-in-out; } .quick .item.on .close_bt:before, .quick .item.on .close_bt:after {transition: all .5s ease; position: absolute;left: 40px;top:35px; content:' ';height: 25px;width: 2px;background-color: #fff;} .quick .item.on .close_bt:before {transform: rotate(45deg);} .close_bt:after {transform: rotate(-45deg);} .quick .item.on a.link_req {opacity:1; font-size:20px; width:140px;text-align:center;padding-left:20px;} .quick .btns{display:inline-block; background:#b9966e; border-radius:50%; height:50px;text-align:right; position:relative;-webkit-box-shadow: 7px 5px 10px 1px rgba(0,0,0,0.07); box-shadow: 7px 5px 10px 1px rgba(0,0,0,0.07); } .quick .btns .toparr{ position:absolute;top:20px;left:18px;z-index:2;} .quick .btns a.btn_top{display:inline-block; text-align:center; width:50px; height:50px; color:#f0ebe1; padding-top:15px;font-size:16px;} .quick .btns i{} .infobox{ width:100%; max-width:1400px; min-width:1000px; padding:40px; background-color:#2d2d2d; margin: 50px auto 70px ; text-align:left;} .infobox.index{margin-top:70px;} .infobox .info{display:block; padding-left:14px;font-size:16px; font-weight:400; line-height:1.6; color:#f0ebe1;position:relative; } .infobox .info:after{content:"※"; font-size:24px; font-weight:100; line-height:1.0; color:#f0ebe1;position:absolute;left:0px; top:0px; display:block; } .main_sec01 .info{ position:absolute; ;bottom:5%; width:70%; left: 12%; font-size:14px; line-height:1.6; color:#f0ebe1;text-align:left; font-weight:100;opacity:0.8;padding-left:10px; z-index:2;} .main_sec01 .info:after{content:"※"; font-size:20px; font-weight:100; line-height:10px; color:#f0ebe1;position:absolute;left:0px; top:5px; display:block; } .info_att {position:absolute; ;bottom:5%; width:90%; left: 12%; font-size:12px; line-height:1.0; color:#f0ebe1;text-align:left; font-weight:100;opacity:0.8;padding-left:10px; z-index:22;} .info_att:after{content:"※"; font-size:17px; font-weight:100; line-height:10px; color:#f0ebe1;position:absolute;left:0px; top:0px; display:block; } /* -------------------- layer-popup -------------------- */ .overlay {z-index:1001; position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:.7;} .layer-popup {display:none; z-index:1205; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:750px; height:auto; padding:0 60px 60px; background-color:#f1f1f1; font-family:'NotoSansKR'; overflow:hidden;} .layer-popup .btn-close {z-index:1100; position:absolute; top:12.5000vw; right:8.3333vw; width:4.1667vw; height:4.1667vw; font-size:0; background:url('../img/close.png') no-repeat -31.3889vw 0; background-size:cover;} .layer-popup .btn-close {z-index:1100; position:absolute; top:50px; right:50px; width:30px; height:30px; background-position:center; background-size:cover; font-size:0;background-color:transparent; } .layer-popup .popup-header {z-index:100; position:absolute; top:0; left:0; width:750px; padding:60px 60px 0; background-color:#f1f1f1;} .layer-popup strong {display:inline-block; padding-bottom:5px; border-bottom:2px solid #000; font-size:21px;} .layer-popup .popup-inner {margin-top:130px;} .layer-popup.event .btn-close {width:30px; height:30px; top:50px; right:63px; background-position:center; background-size:cover;} .layer-popup.event strong {color:#000;} .layer-popup.event strong:after {background-color:#000;} .layer-popup.event ul li {position:relative; margin-bottom:15px; padding-left:15px; color:#666; font-size:16px; letter-spacing:-1px; line-height:1.6; word-break:keep-all;} .layer-popup.event ul li:before {content:''; position:absolute; left:0; top:8px; width:5px; height:5px; border-radius:50%; background-color:#888;} .layer-popup.terms strong {color:#000;} .layer-popup.terms strong:after {background-color:#000;} .layer-popup.terms dl {margin:30px 0; border:0; color:#000; font-size:16px; text-align:left; line-height:24px; overflow:hidden;} .layer-popup.terms dt, .layer-popup.terms dd {float:left; padding:26px 0 26px 30px; border:1px solid #000; vertical-align:top; word-break:keep-all;} .layer-popup.terms dt {width:33%; border-bottom:0; font-weight:400;} .layer-popup.terms dd {width:67%; border-left:0; border-bottom:0; font-weight:300; letter-spacing:-1px;} .layer-popup.terms01 dt:nth-of-type(1), .layer-popup.terms01 dd:nth-of-type(1) {height:150px;} .layer-popup.terms01 dt:nth-of-type(2), .layer-popup.terms01 dd:nth-of-type(2) {height:105px;} .layer-popup.terms01 dt:nth-of-type(3), .layer-popup.terms01 dd:nth-of-type(3) {height:130px; border-bottom:1px solid #000;} .layer-popup.terms02 dt, .layer-popup.terms02 dd {height:80px;} .layer-popup.terms02 dt:nth-of-type(1), .layer-popup.terms02 dd:nth-of-type(1) { } .layer-popup.terms02 dd:nth-of-type(1) {white-space:nowrap;} .layer-popup.terms02 dt:nth-of-type(4), .layer-popup.terms02 dd:nth-of-type(4) {height:130px; border-bottom:1px solid #000;} .layer-popup.terms03 dt, .layer-popup.terms03 dd {height:105px;} .layer-popup.terms03 dt:nth-of-type(2), .layer-popup.terms03 dd:nth-of-type(2) {border-bottom:1px solid #000;} .layer-popup.terms p {margin-bottom:15px; color:#666; font-size:16px; line-height:24px; letter-spacing:-2px;} .layer-popup.airview {width:720px; padding:0; box-shadow:0 0 30px 10px rgba(0, 0, 0, .1);} .layer-popup.airview .btn-close {top:0; right:0; width:110px; height:110px; background:none;} .layer-popup.pop-option {top:0; left:0; padding:0;} .layer-popup.pop-option .btn-close {top:170px; right:105px; width:50px; height:50px; background:none;} /*모델하우스 */ .model{ padding-bottom:100px !important;} .display{ padding-bottom:100px !important;} .schedule {padding-bottom:100px !important; } .unit_tab { display:flex; justify-content: space-between; width:100%; margin-bottom:60px; } .unit_tab .items{width:49.5%; height:46px; line-height:46px; border:1px solid #022042; } .unit_tab .items a{ display:block;line-height:46px; text-align:center; } .unit_tab .items.on{background:#022042; } .unit_tab .items.on a{ color:#fff; } .ex_tab{ padding:15px 0 ;text-align:center; margin-bottom:20px;} .ex_tab a{display:inline-block; padding: 0 15px; line-height:36px; font-size:16px; color:#0a1e3c; } .ex_tab a.on{color:#b9966e; } .ex_tab2{ padding:15px 0 ;text-align:center;margin-bottom:20px; } .ex_tab2 a{display:inline-block; padding: 0 15px; line-height:36px; font-size:16px; color:#0a1e3c; } .ex_tab2 a.on{color:#b9966e; } .anobox{ padding-bottom:50px;} .anobox .ano01{} .anobox .ano01 .animg{float:left; width:50%; } .anobox .ano01 .animg img{} .anobox .ano01 .andesc{float:left;width:50%; height:573px;background-color:#0a1d3b; ; background-image:url(/theme/basic/img/sub/logo_bg.png);background-position: center; background-repeat:no-repeat; background-size:100% auto; } .anobox .ano01 .andesc .con{ position:relative; width:100%; top:50%;transform:translateY(-50%);text-align:center; } .anobox .ano01 .andesc .con .tx01{font-size:36px; color:#fff;font-weight:300; line-height:1.0; } .anobox .ano01 .andesc .con .tx02{font-size:70px; color:#fff;font-weight:700; line-height:1.4; } .anobox .ano01 .andesc .con .tx03{font-size:18px; color:#5e626e;font-weight:300; line-height:1.6; margin-bottom:40px;} .anobox .ano01 .andesc .con .tx05{padding:20px 0 ;font-size:14px; color:#5e626e;font-weight:300; line-height:1.6; margin-bottom:40px;} .anobox .ano01 .andesc .con .tx04{} .anobox .ano01 .andesc .con .tx04 button{ display:inline-block; width:400px;height:70px; text-align:left; padding-left:50px; border-radius:30px; background-color:#b99670; border:0; background-image:url(/theme/basic/img/sub/down.png);background-position:90% center; background-repeat:no-repeat; background-size:30px auto; } .anobox .ano01 .andesc .con .tx04 button a{ font-size:30px; color:#fff; font-weight:500; display:block;} .anobox .ano01:after{clear:both;content:""; display:block; } .anobox .ano02{padding:20px;background-color:#f5f2ed; } .anobox .ano02 .conw{ display:flex; border:0px solid #ddd;} .anobox .ano02 .con01{ width:60%;padding-left:50px; padding-bottom:40px;padding-top:40px; text-align:left; } .anobox .ano02 .con01 .txa01{font-size:24px;color:#95060a; font-weight:700; line-height:1.6; margin-bottom:20px; } .anobox .ano02 .con01 .txa01 span{font-size:24px;color:#333; font-weight:400; line-height:1.6; } .anobox .ano02 .con01 .txa02{ } .anobox .ano02 .con01 .txa02 .at01{ float:left;padding-left:60px; background-image:url(/theme/basic/img/sub/pdf_01.jpg );background-position: 0% center; background-repeat:no-repeat; } .anobox .ano02 .con01 .txa02 .at02{ float:right;padding-left:60px; background-image:url(/theme/basic/img/sub/pdf_02.jpg );background-position: 0% center; background-repeat:no-repeat; } .anobox .ano02 .con01 .txa02 .at01{ } .anobox .ano02 .con01 .txa02:after{clear:both; } .anobox .ano02 .con02{width:40%; padding-top:70px; padding-bottom:40px;padding-left:100px;} .mat_title{ background:#b89470; padding:35px ;font-size:40px; color:#fff; font-weight:bold; display:none;text-align:left; margin-bottom:50px; } .mat_title span{font-weight:300;font-size:40px; color:#fff; } .pop_at{ min-width:400px; max-width:680px; transform:translate(-50%, -50%) ; position:fixed; left:50%;top:50%; z-index:1; margin-top:70px; } .pop_at .cont{ position:relative; } .pop_at .cont .close{ font-size:30px; color:#fff; position:absolute;right:10px;top:10px;cursor:pointer;} .pop_at img{max-width:100%; height:auto;} @media (max-width:768px) { .pop_at{ min-width:95%; max-width:95%; transform:translate(-50%, -50%) ; position:fixed; left:50%;top:50%; z-index:1; margin-top:40px; } .pop_at img{max-width:100%; height:auto;} .video_wrap { position: relative; padding-bottom:56.25%; height: 0; overflow: hidden; max-width: 100%; } .iframe_wrap { position: relative; padding-bottom:56.25%; height: 0; overflow: hidden; max-width: 100%; } .sub_tit {text-align:left; color:#2c2c2c; font-size:26px; font-weight:500; padding-bottom:15px; border-bottom:2px solid #0a1e3c; margin-bottom:20px; } #bo_list ,#bo_w , #bo_v{ width:100%; } /* 모집공고*/ .anobox{ padding-bottom:50px;} .anobox .ano01{} .anobox .ano01 .animg{float:none; width:100%; } .anobox .ano01 .animg img{} .anobox .ano01 .andesc{float:none;width:100%; height:auto;background-color:#0a1d3b; ; background-image:url(/theme/basic/img/sub/logo_bg.png);background-position: center; background-repeat:no-repeat; background-size:100% auto; padding:50px 0 ;} .anobox .ano01 .andesc .con{ position:relative; width:100%; top: 0%;transform:translateY( 0%);text-align:center; } .anobox .ano01 .andesc .con .tx01{font-size:14px; color:#fff;font-weight:300; line-height:1.6; } .anobox .ano01 .andesc .con .tx02{font-size:40px; color:#fff;font-weight:700; line-height:1.6; } .anobox .ano01 .andesc .con .tx03{font-size:14px; color:#5e626e;font-weight:300; line-height:1.6; margin-bottom:40px;} .anobox .ano01 .andesc .con .tx04{} .anobox .ano01 .andesc .con .tx04 button{ display:inline-block; width:240px;height:45px; text-align:left; padding-left:30px; border-radius:30px; background-color:#b99670; border:0; background-image:url(/theme/basic/img/sub/down.png);background-position:90% center; background-repeat:no-repeat; background-size:30px auto; } .anobox .ano01 .andesc .con .tx04 button a{ font-size:18px; color:#fff; font-weight:500; } .anobox .ano01 .andesc .con .tx05{ display:none;padding:20px 0 ;font-size:14px; color:#5e626e;font-weight:300; line-height:1.6; margin-bottom:40px;} .anobox .ano01:after{clear:both;content:""; display:block; } .anobox .ano02{padding:20px;background-color:#f5f2ed; display:none; } .anobox .ano02 .conw{ display:flex; border:0px solid #ddd;} .anobox .ano02 .con01{ width:60%;padding-left:50px; padding-bottom:40px;padding-top:40px; text-align:left; } .anobox .ano02 .con01 .txa01{font-size:18px;color:#95060a; font-weight:700; line-height:1.6; margin-bottom:20px; } .anobox .ano02 .con01 .txa01 span{font-size:18px;color:#333; font-weight:400; line-height:1.6; } .anobox .ano02 .con01 .txa02{ } .anobox .ano02 .con01 .txa02 .at01{ float:left;padding-left:60px; background-image:url(/theme/basic/img/sub/pdf_01.jpg );background-position: 0% center; background-repeat:no-repeat; } .anobox .ano02 .con01 .txa02 .at02{ float:right;padding-left:60px; background-image:url(/theme/basic/img/sub/pdf_02.jpg );background-position: 0% center; background-repeat:no-repeat; } .anobox .ano02 .con01 .txa02 .at01{ } .anobox .ano02 .con01 .txa02:after{clear:both; } .anobox .ano02 .con02{width:40%; padding-top:70px; padding-bottom:40px;padding-left:100px;} .mat_title{ background:#b89470; padding:30px ;font-size:30px; color:#fff; font-weight:bold; display:none; } .mat_title span{font-weight:300;font-size:30px; color:#fff; } .unit_tab { display:flex; justify-content: space-between; width:100%; margin-bottom:30px;} .unit_tab .items{width:49%; height:46px; line-height:46px; } .unit_tab .items a{ display:block;line-height:46px; text-align:center; } .unit_tab .items.on{background:#022042; } .unit_tab .items.on a{ color:#fff; } .display{ padding-bottom:50px !important;} .model{ padding-bottom:50px !important;} .schedule {padding-bottom:50px !important; } .main_sec01 .info{ position:absolute; ;bottom:5%; width:90%; left: 5%; font-size:9px; font-weight:400; line-height:1.0; color:#f0ebe1; opacity:0.8; } .main_sec01 .info:after{content:"※"; font-size:16px; font-weight:100; line-height:10px; color:#f0ebe1;position:absolute;left:0px; top:0px; display:block; } .info_att {position:absolute; ;bottom:5%; width:90%; left: 5%; font-size:9px; font-weight:400; line-height:1.6; color:#f0ebe1; opacity:0.8; } .info_att:after{content:"※"; font-size:16px; font-weight:100; line-height:16px; color:#f0ebe1;position:absolute;left:0px; top:0px; display:block; } * {word-break:keep-all; } .infobox{ width:100%; max-width:94%; min-width:100%; margin: 0px auto 0px ; padding:30px 20px 20px 20px; } .infobox .info{display:block; padding-left:10px;font-size:14px; font-weight:400; line-height:1.6; color:#f0ebe1;position:relative; margin-bottom:10px; } .infobox .info:after{content:"※"; font-size:20px; font-weight:100; line-height:1.0; color:#f0ebe1;position:absolute;left:0px; top:0px; display:block; } .infobox.index{margin-top: 0px;margin-bottom: 0px;} .signature03 li .video{ width:50%; padding-left:0;} .quick { position:fixed; right:5%; bottom:5%;z-index:3;text-align:right; transition: all .4s ease;} .quick.bottom{ bottom:400px; } .quick .item.links{background:#95060a; border-radius:50%; height:60px;text-align:right; margin-bottom:10px;border:0px solid #ddd;transition: all .4s ease;-webkit-box-shadow: 7px 5px 10px 1px rgba(0,0,0,0.07); box-shadow: 7px 5px 10px 1px rgba(0,0,0,0.07); } .quick .item a.link_req{display:inline-block; width:0px;height:60px;line-height:60px; font-size:20px; color:#f0ebe1; overflow:hidden;transition: all .4s ease; opacity:0;} .quick .item a.close{transition: all .3s ease;display:inline-block; width:60px;height:60px;vertical-align:top;text-align:center;background-image:url(/theme/basic/img/common/quick_ice.png);background-position:center;background-repeat:no-repeat; background-size:40% auto; } .quick .item.on{ width:200px;border-radius:50px; } .quick .item.on a.close {background-image:none; } .quick .item.on .close_bt {width:60px;height: 60px;position:relative;display:inline-block;transition: all .5s ease-in-out; } .quick .item.on .close_bt:before, .quick .item.on .close_bt:after {transition: all .5s ease; position: absolute;left: 35px;top:16px; content:' ';height: 25px;width: 2px;background-color: #fff;} .quick .item.on .close_bt:before {transform: rotate(45deg);} .close_bt:after {transform: rotate(-45deg);} .quick .item.on a.link_req {opacity:1; font-size:18px; width:140px;text-align:center;padding-left:20px;} .quick .btns{display:inline-block; background:#b9966e; border-radius:50%; height:40px;text-align:right; position:relative;-webkit-box-shadow: 7px 5px 10px 1px rgba(0,0,0,0.07); box-shadow: 7px 5px 10px 1px rgba(0,0,0,0.07); } .quick .btns .toparr{ position:absolute;top:15px;left:12px;z-index:2;} .quick .btns a.btn_top{display:inline-block; text-align:center; width:40px;line-height:40px; color:#f0ebe1; padding-top:12px;font-size:14px;} .quick .btns i{} .quick .item{} /* common */ .m-only {display:block ;} .pc-only {display:none ;} .marq { margin-top: 0px; height:100px; } .marq ul li {font-size:70px; font-weight:400; color:rgba(185,150,110 , 0.1); line-height:1.6; padding:0 20px 0px; max-width:100% ;margin:0;} .iframe-box {position:relative; margin:0 auto;z-index:20; width:100%;z-index:1;} .iframe-box.type01 {width:100%; height:12rem;} .iframe-box.type02 {width:100%; height:12rem;} .signature03 ul{margin-top:0;} .signature03 li .video{width:100%;} .iframe-box > .btn-sound::before {width:8.3333vw; height:8.3333vw; background-position:-35.0000vw -17.3611vw; background-size:43.7500vw 35.5556vw;} .iframe-box > .btn-sound.on::before {background-position:-35.0000vw -8.4722vw;} .iframe-box > .btn-sound.v2::before {background-position:-10.4167vw -11.5278vw;} .iframe-box > .btn-sound.v2.on::before {background-position:-11.3889vw 0;} /*Mobile */ /* -------------------- layer-popup -------------------- */ .layer-popup {top:0; left:0; transform:none; width:100%; height:100%; padding:0 5.3333vw 10.4167vw; border:none; overflow-y:auto;} .layer-popup .btn-close {top:12.5000vw; right:8.3333vw; width:6.9444vw; height:6.9444vw; background-size:cover;} .layer-popup .popup-header {width:100%; margin:0 8.3333vw; padding:14.5833vw 0 2.778vw;} .layer-popup.event .popup-header {background-color:#000;} .layer-popup strong {padding-bottom:0.694vw; border-width:0.2778vw; font-size:3.8889vw;} .layer-popup.event strong {border-color:#fff;} .layer-popup .popup-inner {margin-top:25vw;} .layer-popup.event {background-color:#000;} .layer-popup.event .btn-close {top:8.3333vw; right:6.2500vw; background-position:-36.2500vw -1.3889vw; background-size:cover;} .layer-popup.event strong {color:#fff;} .layer-popup.event strong:after {background-color:#fff;} .layer-popup.event ul li {margin-bottom:2.9167vw; padding-left:3.7500vw; color:#c7c7c7; font-size:3.3333vw; font-weight:400; line-height:1.4; word-break:keep-all;} .layer-popup.event ul li:before {top:1.8056vw; width:1.1111vw; height:1.1111vw;} .layer-popup.terms dl {margin:4.1667vw 0; border:1px solid #000; font-size:3.8889vw; line-height:5.3611vw; word-break:keep-all;} .layer-popup.terms dt, .layer-popup.terms dd {float:none; padding:3.4722vw; border:0;} .layer-popup.terms dt {width:100%; height:auto !important; border-bottom:0 !important;} .layer-popup.terms dd {width:100%; height:auto !important; padding-top:0; border-bottom:1px solid #000;} .layer-popup.terms dd:last-of-type {border-bottom:0;} .layer-popup.terms p {margin-right:-2.0833vw; margin-bottom:2.0833vw; font-size:3.8889vw; line-height:6.2611vw; letter-spacing:-1px;} .layer-popup.finish {top:50% !important; left:50%; width:95.8333vw; height:95.8333vw; padding-top:25.0000vw; box-shadow:0 3.4722vw 6.9444vw 0.6944vw rgba(0, 0, 0, 0.3); transform:translate(-50%, -50%);} .layer-popup.finish > span {font-size:8.3333vw;} .layer-popup.finish .btn-close {width:22.2222vw; height:11.1111vw; margin:4.861vw auto 0; font-size:4.1667vw; line-height:11.1111vw;} .layer-popup.airview {position:absolute; width:100vw; height:auto; box-shadow:0 0 4.1667vw 1.3889vw rgba(0, 0, 0, .1);} .layer-popup.airview .btn-close {position:absolute; width:15.2778vw; height:15.2778vw;} .layer-popup.pop-option .btn-close {top:23.6111vw; right:14.5833vw; width:6.9444vw; height:6.9444vw;} .event-form .info{ padding:0 20px;} .event-form .info .event-num{ margin-bottom: 0px;} .event-form .info .event-num span{ font-size:16px; color:#c8a062; font-weight:400;padding:0.5rem 20px 0.5rem 2.5rem; ; border-radius:60px; display:inline-block;text-align:center; position:relative; } .event-form .info .event-num span:after{ content:" "; width:2rem; height:1px; background-color:#c8a062;position:absolute;left:0px;top:1rem;} .event-form .info .event-img{ padding: 0px 0 ;} .event-form .info .event-img img{ max-width:100%; } .event-form .info .event-tx{ margin-bottom: 10px;word-break:keep-all; font-size:16px; color:#a4a4a4; font-weight:400; line-height:1.6; padding:10px 0 ; } .event-form .info .event-tx span{font-size:16px; color:#fff; font-weight:700; } .event-form .form-box {position:relative; color:#fff;} .event-form .form-box .phone-input {width:calc(30% - 40px); height:50px; margin:0 20px 15px; border:1px solid #fff; background-color:transparent; color:#fff; font-size:16px; text-align:center; -webkit-appearance:none; -webkit-border-radius:0;} .event-form .form-box input::placeholder {color:#fff;} .event-form .form-box input::-webkit-input-placeholder {color:#fff;} .event-form .form-box input:-ms-input-placeholder {color:#fff;} .event-form .form-box .input-check {margin-bottom:10px; color:#fff; font-size:14px; text-align:center; letter-spacing:-0px;} .event-form .form-box .input-check > img {display:inline-block; width:13px; vertical-align:top;} .event-form .agree-box {margin:0 10px; padding-top:15px; color:#fff;} .event-form .agree-box li {margin-bottom:10px; padding:1px 0; color:#000;} .event-form .agree-box li:after {content:''; clear:both; display:block;} .event-form .agree-box li:first-child {position:relative; margin-bottom:20px;} .event-form .agree-box li:first-child label {font-size:14px;} .event-form .agree-box li input, .event-form .agree-box li label {float:left;} .event-form .agree-box li label {position:relative; color:#fff; font-size:14px; font-weight:300; line-height:18px;} .event-form .agree-box li a {float:right; position:relative; color:#fff; font-size:13px; line-height:18px; letter-spacing:-1px;} .event-form .agree-box li a:after {content:''; position:absolute; left:0; bottom:1px; width:100%; height:1px; background-color:#fff;} .event-form .agree-box li:first-child a:after {content:none;} .event-form .agree-box li input[type=checkbox] {overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; clip:rect(0 0 0 0);} .event-form .agree-box li input[type=checkbox] + label::before {content:''; display:inline-block; width:14px; height:14px; margin-right:10px; border:1px solid #fff; background-color:#fff; vertical-align:top; -webkit-border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none;} .event-form .agree-box li input[type=checkbox]:checked + label::after {content:''; position:absolute; bottom:4px; left:1px; width:12px; height:10px; background:url('../img/sprites.png') no-repeat -56px -95px; background-size:180px 146px;} .event-form .agree-box .btn-detail-agree {float:right; width:30px; height:18px; margin-right:-7px; cursor:pointer;} .event-form .agree-box .btn-detail-agree::before {content:''; position:absolute; top:2px; right:10px; width:8px; height:8px; border-left:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(315deg); transition:transform .3s;} .event-form .agree-box li:first-child.on .btn-detail-agree::before {top:6px; transform:rotate(135deg);} .event-form .agree-box li:first-child ~ li {display:none;} .event-form .agree-box li:first-child.on ~ li {display:block;} .event-form .form-box .btn-wrap {padding:10px 0 10px; text-align:center;} .event-form .form-box .btn-resubmit {width:calc(100% - 30px); height:50px; margin:0 auto; background-color:#0a1e3c; color:#fff; font-size:15px; line-height:45px;border:0;border-radius: 0px;} .event-form .form-box .btn-notice {display:inline-block; position:relative; top:0; right:0; width:auto; height:auto; margin:25px auto 0; border-bottom:1px solid #fff; color:#a4a4a4; font-size:14px; font-weight:700; letter-spacing:-0px; line-height:1.5;} } .hiddframe{ width:0;height:0;position:absolute;left:-100%;} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* Enter your style code */ } .new_tit1{ font-size:18px; color:#2e2e2e; line-height:1.6;font-weight:300; margin-bottom:10px;letter-spacing:1px;} .new_tit2{font-size:32px; color:#2e2e2e; line-height:1.6;font-weight:500; margin-bottom:50px;} .atten_tx{ position:absolute;left:50px;bottom:20px; font-size:16px;color:#f0ebe1; z-index:3;opacity:0.9;} @media (max-width:1500px) { .head .submenu .item .link a{ transition: all .3s ease-in-out;font-size:15px; color:#f0ebe1; font-weight:400; line-height:120px; } .head .submenu{ text-align:center; height:120px; padding-right:50px;} } @media (max-width:768px) { .term-check {bottom:9.3056vw; left:4.1667vw; width:91.6667vw; height:60px;line-height:60px; font-size:13px;} .term-check2 {display:none; z-index:1107; position:fixed; top:0%;transform:translate(0); left:5%; width:90%; } .term-check2 img{width:100%;height:auto;} .atten_tx{ position:absolute;left:20px;bottom:30px; font-size:2vw;color:#f0ebe1; z-index:3;opacity:0.9;} .atten_tx.at01{} .atten_tx.at01{ position:absolute;left: 10%;bottom:280px; top:auto;font-size:2vw;color:#f0ebe1; z-index:3;opacity:0.8;} .atten_tx.at02{ position:absolute;left: 10%;bottom:280px; top:auto;font-size:2vw;color:#f0ebe1; z-index:3;opacity:0.8;} .atten_tx.at03{ position:absolute;left: 10%;bottom:140px; top:auto;;font-size:2vw;color:#f0ebe1; z-index:3;opacity:0.8;} .atten_tx.at04{ position:absolute;left: 10%;bottom:280px; top:auto;;font-size:2vw;color:#f0ebe1; z-index:3;opacity:0.8;} .atten_tx.at05{ position:absolute;left: 10%;bottom:140px; top:auto;;font-size:2vw;color:#f0ebe1; z-index:3;opacity:0.8;} .atten_tx.bt{ bottom:5%; top:auto;} /* -------------------- layer-popup -------------------- */ .layer-popup {top:0; left:0; transform:none; width:100%; height:100%; padding:0 5.3333vw 10.4167vw; border:none; overflow-y:auto;} .layer-popup .btn-close {top:12.5000vw; right:8.3333vw; width:6.9444vw; height:6.9444vw; background-size:cover;} .layer-popup .popup-header {width:100%; margin:0 8.3333vw; padding:14.5833vw 0 2.778vw;} .layer-popup.event .popup-header {background-color:#2d2d2d;} .layer-popup strong {padding-bottom:0.694vw; border-width:0.2778vw; font-size:3.8889vw;} .layer-popup.event strong {border-color:#f0ebe1;} .layer-popup .popup-inner {margin-top:25vw;} .layer-popup.event {background-color:#2d2d2d;} .layer-popup.event .btn-close {top:8.3333vw; right:6.2500vw; background-position:-36.2500vw -1.3889vw; background-size:cover;} .layer-popup.event strong {color:#f0ebe1;} .layer-popup.event strong:after {background-color:#f0ebe1;} .layer-popup.event ul li {margin-bottom:2.9167vw; padding-left:3.7500vw; color:#c7c7c7; font-size:3.3333vw; font-weight:400; line-height:1.4; word-break:keep-all;} .layer-popup.event ul li:before {top:1.8056vw; width:1.1111vw; height:1.1111vw;} .layer-popup.terms dl {margin:4.1667vw 0; border:1px solid #2d2d2d; font-size:3.8889vw; line-height:5.3611vw; word-break:keep-all;} .layer-popup.terms dt, .layer-popup.terms dd {float:none; padding:3.4722vw; border:0;} .layer-popup.terms dt {width:100%; height:auto !important; border-bottom:0 !important;} .layer-popup.terms dd {width:100%; height:auto !important; padding-top:0; border-bottom:1px solid #2d2d2d;} .layer-popup.terms dd:last-of-type {border-bottom:0;} .layer-popup.terms p {margin-right:-2.0833vw; margin-bottom:2.0833vw; font-size:3.8889vw; line-height:6.2611vw; letter-spacing:-1px;} .layer-popup.finish {top:50% !important; left:50%; width:95.8333vw; height:70.8333vw; padding-top:6.0000vw; box-shadow:0 3.4722vw 6.9444vw 0.6944vw rgba(0, 0, 0, 0.3); transform:translate(-50%, -50%);} .layer-popup.finish > span {font-size:7.3333vw;} .layer-popup.finish .btn-close {width:100%; height:11.1111vw; margin:4.861vw auto 0; font-size:4.1667vw; line-height:11.1111vw;top:auto; } .layer-popup.airview {position:absolute; width:100vw; height:auto; box-shadow:0 0 4.1667vw 1.3889vw rgba(0, 0, 0, .1);} .layer-popup.airview .btn-close {position:absolute; width:15.2778vw; height:15.2778vw;} .layer-popup.pop-option .btn-close {top:23.6111vw; right:14.5833vw; width:6.9444vw; height:6.9444vw;} .layer-popup.finish img{ margin-bottom:5px;} .head .cont{ position:relative ; width:90%; max-width:100%; min-width:100%; margin:auto; } .head.on{ } .head {position:fixed;left:0px;top:0px; width:100%;height:80px;z-index:5;background-color:#0a1e3c; } .head .logo{ position:absolute;left:10px; top: 0px; } .head .logo a{display:block; font-family: 'NanumSquare';line-height:80px; font-weight:bold; font-size:20px; color:#f0ebe1; } .head .logo img , .fullmenu .hd .logo img{ width:120px;height:auto; } .head .submenu{ display:none;text-align:center; height:80px; padding-right:150px; } .head .submenu .item{display:inline-block;vertical-align:middle; margin-right:4vw; position:relative; overflow:hidden;} .head .submenu .item .link{overflow:hidden; } .head .submenu .item .link a{ transition: all .3s ease-in-out;font-size:18px; color:#f0ebe1; font-weight:400; line-height:80px; } .head .submenu .item .link:hover a{color:#b9966e; } .head .submenu .item .sub{ position:absolute;left: 0%;top: 130%;width:900px; transition: all .3s ease-in-out;text-align :left; } .head .submenu .item .sub a{color:#f0ebe1;font-size:18px; display:inline-block;line-height:60px; margin-right:30px; position:relative; } .head .submenu .item .sub a:after{ content:""; position:absolute;left:0px; bottom:0px; width:20%;height:5px; background:transparent;transition: all .3s ease-in-out; } .head .submenu .item .sub a:hover{ color:#b9966e;font-weight:bold; } .head .submenu .item .sub a:hover:after{ content:""; position:absolute;left:0px; bottom:0px; width:100%;height:0px; background:#b9966e; } .head .submenu .item:hover{overflow:visible;} .head .submenu .item:hover .sub{ display:block;top:100%;left:0; position:absolute; left:0px; } .head .submenu .item:hover .sub a{ color:#f0ebe1;font-size:18px; display:inline-block; } .head .right_menu{ position:absolute; right:0px;top: 0px; text-align:right;line-height:80px; padding-right:70px; } .head .right_menu .r_button{display:none;vertical-align:middle; transition: all .3s ease-in-out; font-size:18px; font-weight:400;border-radius:30px; padding:10px 15px; background-color:transparent; border:2px solid #b9966e; color:#b9966e; margin-right:10px; height:45px;} .head .right_menu .r_button:hover{background-color:#f0ebe1; } /* .head .right_menu .tel{display:none; vertical-align:middle;line-height:80px; font-weight:bold; color:#f0ebe1;font-size:24px; line-height:80px; } */ .head .right_menu .tel .pc {display: none; vertical-align:middle;line-height:100px; font-weight:bold; color:#f0ebe1;font-size:24px; line-height:100px; } .head .right_menu .tel .pc img{width:18px; height:auto;} .head .right_menu .tel .tel_link {display:block; } .r_button2{display:none;vertical-align:middle; transition: all .3s ease-in-out; font-size:3vw; font-weight:400;border-radius:30px; padding:10px 10px; background-color:transparent; border:2px solid #b9966e; color:#b9966e; margin-right:10px; height:45px; position:fixed; right:10px;bottom:10px;z-index:4;} .tel2{display:inline-block;; vertical-align:middle;line-height:1; font-weight:bold; color:#f0ebe1;font-size:4vw; margin-left:10px; } .panel{ display:inline-block; position:absolute;z-index:10; right: 10px;top:20px; } .fullmenu{ width:100%; height:100vh; position:fixed; left: 0%;top:0px; z-index:9; background-color: transparent;transform: translateX(-100%); } .full_bg{transition: all .3s ease-in-out; width:0; height:0; z-index:-9; position:fixed; left:50%;top:50%;background: rgb(195,156,105,0.05);border-radius:100%; } .full_bg.on{ width:100%; height:100%; z-index:8;background: rgb(195,156,105,0.99); border-radius: 0%;left: 0%;top: 0%;} .fullmenu.on{ left:0px; border-radius:0;transform: translateX(0);display:block; } .fullmenu .hd {position:relative ; width:90%; max-width:100%; min-width:100%; margin:auto;} .fullmenu .hd {} .fullmenu .hd .logo{position:absolute;left:10px; top: 0px; } .fullmenu .hd .logo a{display:block; font-family: 'NanumSquare';line-height:80px; font-weight:bold; font-size:22px; color:#2d2d2d; } .fullmenu .hd .panel span {background:#2d2d2d;} .fullmenu .menus{ position:absolute;left: 0%; top:100px;transform:translateY(0%); width:100%; padding-left:10%; } .fullmenu .menus .items{ margin-bottom:20px; position:relative; } .fullmenu .menus .items .link a{ font-size:7vw;font-weight:500; color:#2d2d2d; padding-bottom:10px;position:relative; } .fullmenu .menus .items .link a:after{transition: all .3s ease-in-out; content:""; width:0;height:0px;background:#333;position:absolute; left:0px;bottom:0px; } .fullmenu .menus .items .link a:hover:after{width:100%;height:0px;background:transparent;} .fullmenu .menus .items:hover .link a{ } .fullmenu .menus .items:hover .link a:after{content:"";width:100%;height:0px; background:#2d2d2d; } .fullmenu .menus .items .sub{ left:0px;bottom:0px;top:0; position:relative;overflow:hidden; height:0;} .fullmenu .menus .items .sub a{ display:block; margin-right:10px; color:#2d2d2d;font-weight:400; font-size:15px;} .fullmenu .menus .items .sub a:after{ transition: all .3s ease-in-out; content:""; width:0;height:0px;background:#f0ebe1;position:absolute; left:0px;bottom:0px; } .fullmenu .menus .items.on .sub{ height:auto; padding-left:20px;} .contact_inner{width:100%; margin:auto; padding-top:00px; padding-bottom:70px;} .contact_inner .con_wrap{ margin-bottom: 0px; width:100%; height:auto ;} .contact_inner .con_wrap:nth-child(3){margin-bottom:00px;} .contact_inner .con_wrap .map1{ background-size:cover;background-position:center; width:100%;height:40vh;float:none; background-image:url(/theme/basic/img/sub/hill_map01.jpg); } .contact_inner .con_wrap .map2{ background-size:cover;background-position:center; width:100%;height:40vh;float:none; background-image:url(/theme/basic/img/sub/hill_map02.jpg); } .contact_inner .con_wrap .info{ width:100%;height:auto;float:none;background-color:#0f2545;text-align:center; margin-top:30px; padding:50px 0;} .contact_inner .con_wrap .info .con{ width:100%;position:relative;top: 0%;transform:translateY( 0%);} .contact_inner .con_wrap .info .info_tx1{text-align:center; font-size:7vw;font-weight:600; color:#b9966e; line-height:1; margin-bottom:20px;} .contact_inner .con_wrap .info .info_tx2{text-align:center; font-size:4vw;font-weight:500; color:#f0ebe1; line-height:1.4; margin-bottom:20px;word-break:keep-all; padding:0 50px;} .contact_inner .con_wrap .info .info_tx3{margin: 30px 0;} .contact_inner .con_wrap .info .info_tx4{text-align:center;font-size:9vw; color:#f0ebe1; font-weight:bold; margin-top:50px;} .butt_go{transition: all .3s ease-in-out;font-size:3vw; border-radius:30px; background:transparent; border:2px solid #b9966e;color:#f0ebe1; padding:15px 35px; margin:0 5px; } .butt_go:hover{ border:2px solid #b9966e; color:#2d2d2d; } .butt_go a{font-size:4vw;color:#f0ebe1; } .butt_go a:hover{font-size:4vw;color:#2d2d2d; } .contact_inner .con_info{text-align:center; width:100%; background:#f0ebe1;padding:30px 20px; margin-bottom: 0px;} .contact_inner .con_info img{max-width:100%;} .subtop{ width:100%;height:250px; background-size:cover; background-position:center;position:relative;margin-bottom: 50px; } .subtop.register{ background-image:url(/theme/basic/img/sub/register_img.jpg); } .subtop.news{ background-image:url(/theme/basic/img/sub/news_img.jpg); } .subtop.contact{ background-image:url(/theme/basic/img/sub/contact_img.jpg); } .subtop .txarea{ position:absolute; width:100%; left:0; top:100%; transform:translateY(-50%); text-align:center; padding :0%; font-size:10vw;font-weight:500; color: #b9966e;z-index:2; padding-right:10%;} .subtop .txarea span{font-size:10vw;font-weight:500; color: #b9966e; } #bo_gall, #bo_w, #bo_v{ width:100%; padding:0 20px;} .gall_row .col-gn-3 { width:100%;} .gall_row .col-gn-3 {width:100% ; margin-right:0%} .gall_row .col-gn-3:nth-child(3n) {margin-right:0 ; } .gall_img {height:auto !important; } .gall_img img{object-fit:cover;width:100%; height:200px !important; } .new_tit1{ font-size:14px; color:#2c2c2c; line-height:1.6;font-weight:400; margin-bottom:10px;} .new_tit2{font-size:20px; color:#2c2c2c; line-height:1.6;font-weight:500;word-break:keep-all; margin-bottom:50px;} .outline { font-size:76px; height:100%; width:auto; font-weight:400; white-space:nowrap; color: transparent; /* Unfortunately you can't use transparent here … */ text-shadow: -1px -1px 0 #b9966e, 1px -1px 0 #b9966e, -1px 1px 0 #b9966e, 1px 1px 0 #b9966e } /* Real outline for modern browsers */ @supports((text-stroke: 2px rgba(195,156,105, 0.8)) or (-webkit-text-stroke: 2px rgba(195,156,105, 0.8))) { .outline { color: transparent; -webkit-text-stroke: 1px rgba(195,156,105, 0.8); text-stroke: 1px rgba(195,156,105, 0.8); text-shadow: none; } } .main_sec01 { width:100%; height:500px ; min-width:100%; background-color:#0a1e3c; position:relative;} .main_sec01 .bg{ width:100%; height:400px; background-size: 100% auto;background-repeat:no-repeat; background-position:bottom center; background-image:url(/theme/basic/img/main/m_main_v.jpg); position:absolute;left:0px;top:16.5%; } .main_sec01 .m-scroll{position:absolute;left:0px;bottom:-0px; top:82%;width:100%; height:100px; overflow:hidden;} .main_sec01 .sig_txt{position:absolute;left:10%;top:25%;z-index:2; max-width:100%;overflow:hidden;} .main_sec01 .sig_txt .s_tx01{font-size:12vw; color:#b9966e;line-height:1.1; font-weight:500; margin-left:0;} .main_sec01 .sig_txt .s_tx02{font-size:6vw; color:#f0ebe1;line-height:1.6; font-weight:700; margin-top:20px;margin-bottom: 0px;padding-left: 0px;} .main_sec01 .sig_txt .s_tx02 span{font-size:6vw; color:#f0ebe1;line-height:1.6; font-weight:500; font-family: 'NanumSquare';} .main_sec01 .sig_txt .s_tx03{font-size:4vw; color:#f0ebe1;line-height:1.4; font-weight:400; padding-left: 0px;margin-top:10px;} .main_sec01 .sig_txt .s_tx03 span{font-size:4vw; color:#f0ebe1;line-height:1.4; font-weight:700; padding-left: 0px; } .main_sec01 .sig_txt .s_tx02 img{width:35%;} .main_sec02 { background-color:#0a1e3c; width:100%; min-width:100%; } .main_sec02 .cont{padding:50px 0 50px;position:relative; z-index:3; } .main_sec02 .cont .ms_area01{ font-size:26px;font-weight:500;color:#f0ebe1;line-height:1.6; text-align:center; } .main_sec02 .cont .ms_area02{width:90%; margin:auto; } .main_sec02 .cont .ms_area02 .mtx01{ font-size:3vw;font-weight:400;color:#f0ebe1; padding-left: 0px; line-height:4; } .main_sec02 .cont .ms_area02 .mcon{position:relative ; margin-bottom:50px; width:100%; margin:0 auto 10px; } .main_sec02 .cont .ms_area02 .mcon .line{ content:""; position:absolute; right:10%; top:55%; width:30%; height:3px; background:#fff; z-index:-1;} .main_sec02 .cont .ms_area02 .mtx_box1{ font-size:10vw; color:#b9966e; line-height:1;float:left; } .main_sec02 .cont .ms_area02 .mtx_box2{font-size:10vw; color:#f0ebe1; line-height:1; float:right; } .main_sec02 .cont .ms_area02 .mcon .line2{ content:""; position:absolute; left:15%; top:50%; width:25%; height:3px; background:#fff; z-index:-1;} .main_sec02 .cont .ms_area02 .mtx_box3{ font-size:8vw; line-height:1; color:#f0ebe1; line-height:1;float:left; padding-top:120px; padding-left:10%; } .main_sec02 .cont .ms_area02 .mtx_box4{font-size:10vw;line-height:1; color:#b9966e; line-height:1; float:right; } .main_sec02 .cont .mtx{font-size:4vw; line-height:1.6;color:#f0ebe1; color:#f0ebe1; font-weight:400; padding:20px 0 20px 30%; text-align:left; word-break:keep-all;} .main_sec02 .cont .video_box{ text-align:center; padding :10px 0; width:96%;} .main_sec02 .cont .video_box img{width:100%;height:auto;} .main_sec03 .cont .ms_area .mcon .mtx_box2{} .main_sec03 { background-color:#0a1e3c; width:100%; min-width:100%; } .main_sec03 .cont{ position:relative; z-index:3;width:100%; margin:auto; } .main_sec03 .cont .hill_tx{ position:absolute;width:100%; bottom:15%; left:0px; font-size:44px; font-weight:bold; color:#b9966e; text-align:center ; } .main_sec03 .cont .ms_area{ position:relative ;width:100%; top: 0%; left: 0%; transform:translate(0 , 0 );padding:50px 0 ;} .main_sec03 .cont img{ width:100%;height:100%;position:absolute;z-index:-1;object-fit:cover; } .main_sec03 .cont .ms_area .mtx_tit{ font-size:3vw; color:#f0ebe1;font-weight:300; line-height:1.6; margin-bottom:10px;padding-left:20px; } .main_sec03 .cont .ms_area .mcon{ position:relative ; margin-bottom:50px; width:100%; margin:0 auto 10px; } .main_sec03 .cont .ms_area .mcon .mtx_box1 {font-size:10vw; color:#b9966e; line-height:1;float:left; position:relative; z-index: 2; padding-left:20px;} .main_sec03 .cont .ms_area .mcon .mtx_box2_box{float:none;padding-left:30%;padding-right:10px; } .main_sec03 .cont .ms_area .mcon .mtx_box2 {font-size:10vw; color:#b9966e; line-height:1.0; position:relative; z-index: 2;padding-left:30%; ; margin-bottom:10px; } .main_sec03 .cont .ms_area .mcon .mtx_box3 {font-size:4vw; color:#f0ebe1; line-height:1.6; position:relative; z-index: 2; ; word-break:keep-all;} .main_sec03 .cont .ms_area .mcon .mtx_box4{ opacity:1;margin-top:20px;} .main_sec03 .cont .ms_area .mcon .mtx_box4 a{font-size:3vw;color:#f0ebe1;} .main_sec03 .cont .ms_area .mcon .mtx_box4 a i{ font-weight:100; } .main_sec03 .cont .ms_area .mcon .line{ position:absolute;left:22%;top: 12%; transform:translateY(-50%); width:25%; height:3px; background:#fff; z-index: 1; margin: 0 50px 0 0px; } .gg-arrow-long-right { box-sizing: border-box; position: relative; display: inline-block; vertical-align:middle; margin-left:10px; transform: scale(var(--ggs,1)); border-top: 1px solid transparent; border-bottom: 1px solid transparent; box-shadow: inset 0 0 0 1px; width: 24px; height: 3px } .gg-arrow-long-right::after { content: ""; display: block; box-sizing: border-box; position: absolute; width: 10px; height: 10px; border-top: 1px solid; border-right: 1px solid; transform: rotate(45deg); right: 0; bottom: -4.5px } .gg-arrow-long-right2 { box-sizing: border-box; position: relative; display: inline-block; vertical-align:middle; margin-left:10px; transform: scale(var(--ggs,1)); border-top: 1px solid transparent; border-bottom: 1px solid transparent; box-shadow: inset 0 0 0 4px; width: 70px; height: 4px } .gg-arrow-long-right2::after { content: ""; display: block; box-sizing: border-box; position: absolute; width: 20px; height: 20px; border-top: 2px solid; border-right: 2px solid; transform: rotate(225deg); left: 0; bottom: -9.0px } .gg-arrow-long-right3 { box-sizing: border-box; position: relative; display: inline-block; vertical-align:middle; margin-left:10px; transform: scale(var(--ggs,0.5)); border-top: 1px solid transparent; border-bottom: 1px solid transparent; box-shadow: inset 0 0 0 4px; width: 70px; height: 4px } .gg-arrow-long-right3::after { content: ""; display: block; box-sizing: border-box; position: absolute; width: 20px; height: 20px; border-top: 2px solid; border-right: 2px solid; transform: rotate(45deg); right: 0; bottom: -9px; } .main_sec04 { background-color:#0a1e3c; width:100%; min-width:100%; } .main_sec04 .cont{ position:relative; z-index:3; padding:50px 0;} .main_sec04 .cont .hill_tx{ position:absolute;width:100%; bottom:15%; left:0px; font-size:44px; font-weight:bold; color:#b9966e; text-align:center ; } .main_sec04 .cont .mtit{color:#f0ebe1; padding-left: 20px; font-size:3vw; line-height:2;width:100%; margin:0 auto 10px; } .main_sec04 .cont .ms_area01 .mcon{position:relative ; margin-bottom:50px; width:90%; margin:0 auto 10px;} .main_sec04 .cont .ms_area01 .mcon .line{ content:""; position:absolute; left:25%; top:48%; width:25%; height:3px; background:#f0ebe1; z-index: 1;} .main_sec04 .cont .ms_area01 .mtx_box11{ font-size:10vw; color:#b9966e; line-height:1;float:left; position:relative; z-index: 2; } .main_sec04 .cont .ms_area01 .mtx_box12{ font-size:10vw; color:#b9966e; line-height:1;float:right; position:relative; z-index: 2; } .main_sec04 .cont .ms_area01 .mtx_box2{font-size:10vw; color:#b9966e; line-height:1; float:right;position:relative; z-index: 2; margin-right:24%; } .main_sec04 .cont .ms_area01 .mcon .line2{ content:""; position:absolute; left:20%; top:48%; width:22%; height:3px; background:#f0ebe1; z-index: 1;} .main_sec04 .cont .ms_area02{position:relative ; margin-bottom:50px; width:100%; margin:auto; } .main_sec04 .cont .ms_area02{ } .main_sec04 .cont .ms_area02 .mcon{float:none; width:90%; margin:40px auto 0; padding-right:20px;text-align:center; } .main_sec04 .cont .ms_area02 .mcon .mtx01{font-size:6vw;color:#f0ebe1;line-height:1.4;} .main_sec04 .cont .ms_area02 .mcon .mtx02{font-size:3.5vw;color:#f0ebe1;line-height:1.8; padding:30px 0 ; font-weight:300;letter-spacing:-1px;} .main_sec04 .cont .ms_area02 .mcon .mtx03{font-size:3vw;color:#f0ebe1;opacity:0.5;} .main_sec04 .cont .ms_area02 .mcon .mtx03 a{font-size:3vw;color:#f0ebe1;font-weight:100;} .main_sec04 .cont .ms_area02 .mcon .mtx03 a i{ font-weight:100; } .main_sec04 .cont .ms_area02 .mcon .mtx03:hover { opacity:1;} .main_sec04 .cont .ms_area02 .mimg{ float:none; width:80%;margin:auto;margin-top: 50px;position:relative;z-index:-1; } .main_sec05 { background-color:#0a1e3c; width:100%; min-width:100%; } .main_sec05 .cont{ position:relative; z-index:3; width:100%;height:auto; background-color:#b9966e; position:relative ; overflow:hidden;} .main_sec05 .cont .premium { height:100%; } .main_sec05 .cont .items{background-color:#b9966e; width:100%;height:100%;position:relative;padding:50px 0 ;} .main_sec05 .cont .items .mtimg{ display:none;width:40vh; height:40vh; position:absolute;left:30%; top:45%;transform:translate(-50% , -50%);} .main_sec05 .cont .items .mtimg .mbg{ width:100%;height:100%; background-position:center; background-repeat:no-repeat ;background-size:cover;transform:rotate(5deg);transition:all .3s linear; } .main_sec05 .cont .items:hover .mtimg .mbg{ transform:rotate( 0deg) scale(1.5);top:50%; } .main_sec05 .cont .items .mtxt{left:10%; top: 0%;transform:translateY( 0%); position:relative; } .main_sec05 .cont .items .mtxt .tx01{font-size:3vw; color:#f0ebe1 ; line-height:1.8; font-weight:400;transition:all .3s linear; margin-bottom:10px; } .main_sec05 .cont .items .mtxt .tx02{font-size:8vw; color:#f0ebe1 ; line-height:1.2;font-weight:700; margin-bottom:20px;transition:all .3s linear; } .main_sec05 .cont .items .mtxt .tx02 span{font-size:8vw; color:#f0ebe1 ; line-height:1.4;font-weight:500; margin-bottom:30px;transition:all .3s linear; } .main_sec05 .swiper-container{height:100%;} .main_sec05 .cont .items .mtxt .tx03{font-size:4vw; color:#f0ebe1 ; line-height:1.8;font-weight:500;transition:all .3s linear; } .main_sec05 .pleft{position:absolute;left:5%;top:50%;color:#f0ebe1;z-index:2;} .main_sec05 .pright{position:absolute;right:5%;top:67%;color:#f0ebe1;z-index:2;} .main_sec07{ background:#0a1e3c} .main_sec07 .cont{width:90%;max-width:100%; min-width:100%; margin:auto;padding:50px 10px ;display:flex; justify-content: space-between;flex-wrap: wrap; } .main_sec07 .cont .map_box{display: -webkit-box;display: -moz-box;display: box; -webkit-box-orient: vertical;-moz-box-orient: vertical;box-orient: vertical;} .main_sec07 .cont .map1{width:100%;-webkit-box-ordinal-group: 2;-moz-box-ordinal-group: 2;box-ordinal-group:2;width:90%;margin:30px auto 0;;} .main_sec07 .cont .map1 img{ border:1px solid rgba(240,235,225 , 0.1)} .main_sec07 .cont .map3 img{ border:1px solid rgba(240,235,225 , 0.1)} .main_sec07 .cont .mapinfo{display:block; flex-wrap: nowrap; margin:30px auto 0;width:100%;} .main_sec07 .cont .mapinfo .mp1{width:100%;font-size:3.5vw; color:#838282; line-height:24px; display:inline-block;vertical-align:top;} .main_sec07 .cont .mapinfo .mp11{width:100%;font-size:3.5vw; color:#838282; line-height:24px; display:inline-block;vertical-align:top;} .main_sec07 .cont .mapinfo .mp2{width:90%;word-break:keep-all;font-size:3.5vw; color:#f0ebe1; line-height:24px; display:inline-block;vertical-align:top; } .main_sec07 .cont .map2{width:100%;text-align:center;-webkit-box-ordinal-group: 1;-moz-box-ordinal-group: 1;box-ordinal-group:1; padding-top: 00px; } .main_sec07 .cont .map2 .mtx01{font-size:23px;color:#f0ebe1;line-height:1; margin-bottom:30px;} .main_sec07 .cont .map2 .mtx02{ margin-bottom:10px;position:relative; } .main_sec07 .cont .map2 .mtx02 span.tx{font-size:40px;color:#f0ebe1;line-height:1; position:relative; display:inline-block; z-index:2; } .main_sec07 .cont .map2 .mtx02 span.line{z-index:-1; position:absolute;left:0px;bottom:10px;width:100%;height:8px;background:#b9966e; display:none;} .main_sec07 .cont .map2 .mtx03{font-size:34px;font-weight:700; color:#f0ebe1;line-height:1; position:relative;margin-bottom:20px; } .main_sec07 .cont .map2 .mline{ width:20px;height:1px; margin:20px auto; background:#b9966e;} .main_sec07 .cont .map2 .mtx04{font-size:5vw;font-weight:400; color:#f0ebe1;line-height:1;margin-bottom:20px; } .main_sec07 .cont .map2 .mtx05{font-size:5vw;font-weight:300; color:#b9966e;line-height:1.6;} .main_sec07 .cont .map2 .mtx05 span{font-size:7vw;font-weight:400; color:#f0ebe1;line-height:1.6; } .main_sec07 .cont .map3{width:90%;margin:50px auto 0;-webkit-box-ordinal-group: 3;-moz-box-ordinal-group: 3;box-ordinal-group:3;} .main_sec07 .cont .hititle_01{ float:left;width:60%; font-size:60px; line-height:1; color:#b9966e; margin-bottom:100px;display:none; } .main_sec07 .cont .hititle_02{ float:left;width:40%; font-size:60px; line-height:1; color:#f0ebe1; text-align:right; display:none;} .main_sec07 .cont .hititle_02:after{clear:both;content:"";display:block;} .main_sec07 .cont .hititle_02 span { display:inline-block; font-size:23px; line-height:1; color:#35cab5; } .footer{ width:100%;background-color:#f0ebe1; } .footer .cont{ width:90%; margin:auto; border-top:1px solid transparent; padding:50px 0 ; position:relative; min-width:90%;max-width:90%;} .footer .cont * {word-break:keep-all;} .footer .cont .logo{position:relative;left:10px; top: 0; } .footer .cont .logo a{display:block; font-family: 'NanumSquare';line-height:1; font-weight:bold; font-size:22px; color:#f0ebe1; } .footer .cont .logo img{ width:150px;} .footer .cont .info { padding-left: 0px; font-size:3.1vw; font-weight:100; line-height:1.6;color:#0a1e3c; padding-top: 0px;} .footer .cont .info b{ font-size:4vw; color:#f0ebe1;} .footer .cont .info span.line{ font-size:3.1vw; font-weight:100; line-height:1.6;color:#525252; margin:0 4px; } .footer .cont .info span.btx{ font-size:3.1vw; font-weight:100; line-height:1.6;color:#0a1e3c; margin:0 0px;opacity:0.8; } .footer .cont .rinfo{ position:relative;right:0px;top: 0px; margin:30px auto;} .footer .cont .rinfo .rimg{} .footer .cont .rinfo .rimg img{max-width:100%;} .footer .cont .rinfo .area{margin-top:20px;} .footer .cont .rinfo .area a{display:inline-block;font-size:3.1vw; color:#0a1e3c; line-height:1; opacity:1;font-weight:300; } .footer .cont .rinfo .area a:after{content:"|";display:inline-block;font-size:3.1vw; color:#0a1e3c; margin:0 20px;font-weight:100; } .footer .cont .rinfo .area a:last-child:after{content:""; margin:0 ;} .footer .cont span.btx2{ font-size:3.1vw; font-weight:100; line-height:1.6;color:#0a1e3c; margin:0 0px;opacity:0.8; } .footer{ width:100%;background-color:#f0ebe1; } .footer .cont * {word-break:keep-all;} .footer .cont .logo{position:relative;left:0%; top: 0; margin-bottom:20px; } .footer .cont .logo a{display:block; font-family: 'NanumSquare';line-height:1; font-weight:bold; font-size:22px; color:#f0ebe1; } .footer .cont .info { padding-left: 0px; font-size:3.1vw; font-weight:100; line-height:1.6;color:#0a1e3c; padding-top: 0px;} .footer .cont .info span.line{ font-size:3.1vw; font-weight:100; line-height:1.6;color:#525252; margin:0 4px; } .footer .cont .info span.btx{ font-size:3.1vw; font-weight:100; line-height:1.6;color:#0a1e3c; margin:0 0px;opacity:0.8 } .footer .cont .rinfo{ position:relative;right:0px;top: 0px; margin:30px auto;} .footer .cont .rinfo .rimg{} .footer .cont .rinfo .area{margin-top:20px;} .footer .cont .rinfo .area a{display:inline-block;font-size:3.1vw; color:#0a1e3c; line-height:1; opacity:0.8;font-weight:300; } .footer .cont .rinfo .area a:after{content:"|";display:inline-block;font-size:3.1vw; color:#0a1e3c; margin:0 20px;font-weight:100; } .footer .cont .rinfo .area a:last-child:after{content:""; margin:0 ;} .footer .cont span.btx2{ font-size:3.1vw; font-weight:100; line-height:1.6;color:#0a1e3c; margin:0 0px;opacity:0.8; } } .gg-arrow-sh-right { box-sizing: border-box; position: relative; display: inline-block; vertical-align:middle; margin-left:10px; transform: scale(var(--ggs,1)); border-top: 1px solid transparent; border-bottom: 1px solid transparent; box-shadow: inset 0 0 0 1px; width: 18px; height: 3px } .gg-arrow-sh-right::after { content: ""; display: block; box-sizing: border-box; position: absolute; width: 8px; height: 8px; border-top: 1px solid; border-right: 1px solid; transform: rotate(45deg); right: 0; bottom: -3.0px } .ctt_admin{display:none}