﻿.header{position:absolute}.header.have-top-banner{transform:translateY(89px)}.header.active{background-color:transparent}.header.active>.inner-wrap .logo a{background-image:url("/images/common/logo_white.png")}.header.active>.inner-wrap .gnb>ul>li>a{color:#fff}.header.active>.inner-wrap .tnb a{color:#fff}.header.active>.inner-wrap .tnb a.login{background-image:url("/images/common/icon_header_login_white.png")}.header.active>.inner-wrap .tnb a.logout{background-image:url("/images/common/icon_header_logout_white.png")}.header.active>.inner-wrap .tnb a.join{background-image:url("/images/common/icon_header_join_white.png")}.header.active>.inner-wrap .all-gnb a::after,.header.active>.inner-wrap .all-gnb a span::before,.header.active>.inner-wrap .all-gnb a span::after{background-color:#fff}.container.have-top-banner{padding-top:89px}.container.have-top-banner .layer-popup{top:195px}.container.have-top-banner .main-visual{height:calc(100vh - 190px)}.container .top-banner{position:absolute;top:0;left:0;width:100%;height:89px;box-sizing:border-box;transform:translateY(-89px);overflow:hidden}.container .top-banner.active{transform:translateY(0)}.container .top-banner a img{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.container .top-banner .close{position:absolute;top:50%;left:50%;margin-left:570px;margin-top:-15px}.container .layer-popup{display:none;position:relative;position:absolute;top:106px;right:18px;width:400px;padding-bottom:36px;box-sizing:border-box;background-color:#fff;border-radius:20px;overflow:hidden;z-index:1009}.container .layer-popup .contents img{display:block;width:100%}.container .layer-popup .control{position:absolute;bottom:0;left:0;width:100%;height:36px;padding:0 20px;box-sizing:border-box;font-family:"굴림", sans-serif;font-size:12px;line-height:36px;background-color:#000}.container .layer-popup .control .check{float:left}.container .layer-popup .control .check input{margin-left:0;vertical-align:sub}.container .layer-popup .control .check label{margin-left:0;color:#fff}.container .layer-popup .control a{float:right;font-weight:bold;color:#fff}.container .main-visual{position:relative;width:100%;height:calc(100vh - 101px);box-sizing:border-box;overflow:hidden}.container .main-visual>div{background-repeat:no-repeat}.container .main-visual .bg{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;background-image:url("/images/main/banner_main_visual_03_bg.png");background-position:0 center;background-size:cover;z-index:2}.container .main-visual .cloud{position:absolute;top:0;left:0;width:100%;height:896px;box-sizing:border-box;background-image:url("/images/main/banner_main_visual_03_cloud.png");animation:cloud 20s forwards;z-index:1}.container .main-visual .rock{position:absolute;bottom:-250px;left:59%;width:800px;height:650px;box-sizing:border-box;background-image:url("/images/main/banner_main_visual_03_rock.png");transform:perspective(1000px) rotateY(5deg) translateX(200px) translateY(-10px);transition:transform 1s;z-index:3}.container .main-visual .rock.active{transform:perspective(1000px) rotateY(0) translateX(0) translateY(0);transition:transform 2s}.container .main-visual .filter{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;background-image:url("/images/main/banner_main_visual_03_filter.png");background-size:cover;z-index:4}.container .main-visual .text{z-index:5}.container .main-visual .text.active.no-trs{transition:0s;transition-delay:0s}.container .main-visual .text img{width:100%}.container .main-visual .text-1{position:absolute;top:28vh;left:50%;width:82vh;max-width:746px;margin-left:-41vh;transform:translateY(10px);transition:2s;transition-delay:1s;opacity:0}.container .main-visual .text-1.active{transform:translateY(0);opacity:1}.container .main-visual .text-2{position:absolute;top:42vh;left:50%;width:81vh;max-width:730px;margin-left:-40.5vh;transform:translateY(10px);transition:2s;transition-delay:2s;opacity:0}.container .main-visual .text-2.active{transform:translateY(0);opacity:1}.container .main-visual .text-3{position:absolute;top:56vh;left:50%;width:64vh;max-width:574px;margin-left:-32vh;transform:translateY(10px);transition:2s;transition-delay:3s;opacity:0}.container .main-visual .text-3.active{transform:translateY(0);opacity:1}.container .main-visual .btn{position:absolute;top:65vh;left:50%;margin-left:-88px;z-index:5;transition:0.5s;transition-delay:4.2s;opacity:0}.container .main-visual .btn.active{opacity:1}.container .main-visual .btn.active.no-trs{transition:0s;transition-delay:0s}.container .main-visual .btn a{position:relative;display:block;width:175px;height:55px;box-sizing:border-box;font-size:21px;font-weight:500;color:#fff;line-height:51px;text-align:center;border:2px solid rgba(255,255,255,0.5);border-radius:28px;transition:0.2s;overflow:hidden}.container .main-visual .btn a:hover{border-color:#000}.container .main-visual .btn a:hover::before{height:100%;opacity:1}.container .main-visual .btn a::before{position:absolute;content:"";bottom:0;left:0;width:100%;height:0;background:#000;transition:0.2s;opacity:0;z-index:-1}.container .cnb{padding:20px 0}.container .cnb ul{display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 20px;justify-content:space-between;align-items:center}.container .cnb ul li{margin-right:40px}.container .cnb ul li.bar{width:1px;height:60px;margin-left:10px;margin-right:30px;background-color:#e8e8e8}.container .cnb ul li:last-of-type{margin-right:0}.container .cnb ul li a{display:block;font-size:15px;color:#5d5d5d;padding:20px 0;white-space:nowrap;background-repeat:no-repeat;background-position:0 center;transition:0.1s}.container .cnb ul li a.plan{padding-left:62px;background-image:url("/images/main/icon_cnb_plan.png")}.container .cnb ul li a.plan:hover{font-weight:500;color:#4d72ec;background-image:url("/images/main/icon_cnb_plan_hover.png")}.container .cnb ul li a.sponsor{padding-left:53px;background-image:url("/images/main/icon_cnb_sponsor.png")}.container .cnb ul li a.sponsor:hover{font-weight:500;color:#4d72ec;background-image:url("/images/main/icon_cnb_sponsor_hover.png")}.container .cnb ul li a.receipt{padding-left:46px;background-image:url("/images/main/icon_cnb_receipt.png")}.container .cnb ul li a.receipt:hover{font-weight:500;color:#4d72ec;background-image:url("/images/main/icon_cnb_receipt_hover.png")}.container .cnb ul li a.tour{padding-left:50px;background-image:url("/images/main/icon_cnb_tour.png")}.container .cnb ul li a.tour:hover{font-weight:500;color:#4d72ec;background-image:url("/images/main/icon_cnb_tour_hover.png")}.container .cnb ul li a.map{padding-left:53px;background-image:url("/images/main/icon_cnb_map.png")}.container .cnb ul li a.map:hover{font-weight:500;color:#4d72ec;background-image:url("/images/main/icon_cnb_map_hover.png")}.container .cnb ul li a.facebook{padding-left:70px;background-image:url("/images/main/icon_cnb_facebook.png")}.container .cnb ul li a.facebook:hover{background-image:url("/images/main/icon_cnb_facebook_hover.png")}.container .cnb ul li a.youtube{padding-left:75px;background-image:url("/images/main/icon_cnb_youtube.png")}.container .cnb ul li a.youtube:hover{background-image:url("/images/main/icon_cnb_youtube_hover.png")}.container .bussiness{padding:80px 0 100px 0;background-image:url("/images/main/bg_section_bussiness.jpg");background-repeat:no-repeat;background-size:cover}.container .bussiness .inner-wrap>h1{font-size:46px;color:#222;font-family:"GyeonggiTitleM", sans-serif;text-align:center}.container .bussiness .inner-wrap>p{margin-top:20px;font-size:18px;color:#454545;text-align:center}.container .bussiness .inner-wrap ul{margin-top:50px;font-size:0}.container .bussiness .inner-wrap ul li{display:inline-block;margin-right:13px}.container .bussiness .inner-wrap ul li:nth-of-type(3) p{letter-spacing:-0.8px}.container .bussiness .inner-wrap ul li:last-of-type{margin-right:0}.container .bussiness .inner-wrap ul li:last-of-type p{letter-spacing:-1px}.container .bussiness .inner-wrap ul li a{display:block;position:relative}.container .bussiness .inner-wrap ul li a.active .front,.container .bussiness .inner-wrap ul li a:hover .front{opacity:0}.container .bussiness .inner-wrap ul li a.active .back,.container .bussiness .inner-wrap ul li a:hover .back{transform:translateY(-12px);opacity:1}.container .bussiness .inner-wrap ul li a .front{transition:0.6s;opacity:1}.container .bussiness .inner-wrap ul li a .front h2{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-size:34px;font-weight:300;color:#fff;line-height:44px;font-family:"RIDIBatang", sans-serif;text-align:center;white-space:nowrap;text-shadow:0 0 5px rgba(0,0,0,0.3)}.container .bussiness .inner-wrap ul li a .front h2 span{display:block}.container .bussiness .inner-wrap ul li a .back{position:absolute;top:0;left:0;width:100%;height:100%;padding:125px 0 0 40px;box-sizing:border-box;background-image:url("/images/main/thumb_bussiness_bg.jpg");background-size:cover;box-shadow:1px 3px 10px rgba(0,0,0,0.3);transform:translateY(0);transition:0.5s;opacity:0}.container .bussiness .inner-wrap ul li a .back h2{font-size:37px;font-weight:300;color:#fff;line-height:1.3;font-family:"RIDIBatang", sans-serif}.container .bussiness .inner-wrap ul li a .back h2 span{display:block}.container .bussiness .inner-wrap ul li a .back hr{display:block;width:30px;height:2px;text-align:left;width:30px;height:2px;margin:25px 0 35px 5px;box-sizing:border-box;background-color:#fff}.container .bussiness .inner-wrap ul li a .back p{font-size:17px;color:#fff;line-height:26px}.container .banner{position:relative;height:180px;margin-top:-20px}.container .banner ul{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box}.container .banner ul li{position:relative;height:180px;overflow:hidden}.container .banner ul li a{position:absolute;top:0;left:50%}.container .banner ul li a img{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.container .banner .slick-prev,.container .banner .slick-next{left:50%;width:34px;height:52px;margin-top:10px;box-sizing:border-box;background-repeat:no-repeat;background-position:center;opacity:0.7;z-index:2}.container .banner .slick-prev:hover,.container .banner .slick-next:hover{opacity:1}.container .banner .slick-prev.slick-disabled,.container .banner .slick-next.slick-disabled{opacity:0}.container .banner .slick-prev::before,.container .banner .slick-next::before{content:""}.container .banner .slick-prev{margin-left:-603px;background-image:url("/images/main/arrow_slide_banner_prev.png")}.container .banner .slick-next{margin-left:586px;background-image:url("/images/main/arrow_slide_banner_next.png")}.container .board{padding:70px 0;background-color:#2b2c4e}.container .board .inner-wrap>div{position:relative;padding:48px 0 45px 182px;background-color:#fff}.container .board .inner-wrap>div.action.active li{transform:translateY(0);opacity:1}.container .board .inner-wrap>div.action li{transform:translateY(20px);transition:0.7s;opacity:0}.container .board .inner-wrap>div.action li:nth-of-type(2){transition-delay:0.3s}.container .board .inner-wrap>div.action li:nth-of-type(3){transition-delay:0.6s}.container .board .inner-wrap>div.event{margin-bottom:35px}.container .board .inner-wrap>div.event h3{height:65px}.container .board .inner-wrap>div.notice{margin-bottom:35px}.container .board .inner-wrap>div.notice h3{height:75px;overflow:hidden}.container .board .inner-wrap>div.notice p{height:100px;overflow:hidden}.container .board .inner-wrap>div h2{position:absolute;top:53px;left:37px;font-size:32px;color:#000;line-height:1;font-family:"GyeonggiTitleM", sans-serif}.container .board .inner-wrap>div .go-all{display:block;position:absolute;top:100px;left:38px;width:43px;height:43px;box-sizing:border-box;font-size:0;background-image:url("/images/main/icon_board_link.png");background-repeat:no-repeat}.container .board .inner-wrap>div ul{font-size:0}.container .board .inner-wrap>div ul li{display:inline-block;width:287px;margin-right:50px;vertical-align:top}.container .board .inner-wrap>div ul li:last-of-type{margin-right:0}.container .board .inner-wrap>div ul li a:hover .thumb img{width:110%}.container .board .inner-wrap>div ul li a .thumb{display:block;position:relative;width:100%;height:125px;margin-bottom:20px;box-sizing:border-box;border:1px solid #d8d8d8;border-radius:5px;overflow:hidden}.container .board .inner-wrap>div ul li a .thumb img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;transition:width 0.3s}.container .board .inner-wrap>div ul li a h3{font-size:18px;font-weight:300;color:#222;line-height:1.5;font-family:"RIDIBatang", sans-serif}.container .board .inner-wrap>div ul li a p{font-size:15px;color:#666;line-height:1.6}.container .board .inner-wrap>div ul li a .date{font-size:13px;color:#9d9d9d;line-height:1}.popup .popup-wrap.guide{width:470px;margin-left:-235px;margin-top:-235px}.popup .popup-wrap.guide .descript{padding:20px 22px;background-color:#efefef}.popup .popup-wrap.guide .descript p{font-size:15px;font-weight:500;color:#454545}.popup .popup-wrap.guide .descript p:first-of-type{margin-bottom:7px}.popup .popup-wrap.guide .content{padding-bottom:40px;text-align:center}.popup .popup-wrap.guide .content h3{margin-top:35px;font-size:15px;font-weight:500;color:#2b2d68}.popup .popup-wrap.guide .content .btn-wrap{margin-top:14px}.popup .popup-wrap.guide .content .btn-wrap a{padding:10px 30px;font-size:17px;font-family:"RIDIBatang", sans-serif}.popup .popup-wrap.guide .content p{margin-top:25px;font-size:17px;font-weight:500;color:#222}.popup .popup-wrap.guide .content p span{color:#4d72ec}.popup .popup-wrap.certify{width:584px;margin-left:-292px;transform:translateY(-50%)}.popup .popup-wrap.certify .contents .descript{padding:20px 22px;text-align:center;background-color:#efefef}.popup .popup-wrap.certify .contents .descript p{font-size:15px;font-weight:500;color:#454545}.popup .popup-wrap.certify .contents .descript p:first-of-type{margin-bottom:7px}.popup .popup-wrap.certify .contents .content{padding:17px 22px}.popup .popup-wrap.certify .contents .content .form-basic td.birthday select,.popup .popup-wrap.certify .contents .content .form-basic td.birthday input[type="text"]{width:101px}.popup .popup-wrap.certify .contents .content .form-basic td.phone select,.popup .popup-wrap.certify .contents .content .form-basic td.phone input[type="text"]{width:95px}.popup .popup-wrap.certify .contents .content .terms{margin-top:25px}.popup .popup-wrap.certify .contents .content .terms .check h2{float:left;padding-bottom:10px;font-size:15px;font-weight:500;color:#333}.popup .popup-wrap.certify .contents .content .terms .check .right{float:right;margin-top:-3px}.popup .popup-wrap.certify .contents .content .terms .check .right label{font-size:15px;color:#454545}.popup .popup-wrap.certify .contents .content .terms .privacy{position:relative;height:186px;margin-top:10px;border:1px solid #eaeaea;overflow:hidden;clear:both}.popup .popup-wrap.certify .contents .content .terms .privacy iframe{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box}.popup .popup-wrap.certify .contents .content .privacy{position:relative;height:96px;margin-top:10px;border:1px solid #eaeaea;overflow:hidden;clear:both}.popup .popup-wrap.certify .contents .content .privacy iframe{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box}.popup .popup-wrap.certify .contents .content .link{margin-top:26px;font-size:15px;color:#454545;text-align:center}.popup .popup-wrap.certify .contents .content .link a{font-weight:500;color:#526cf1;text-decoration:underline}.popup .popup-wrap.certify .contents .content .btn-wrap{margin-top:30px;margin-bottom:20px}.popup .popup-wrap.certify .contents .content .btn-wrap a{padding:0 60px}.footer{background-color:#fff}@keyframes cloud{0%{background-position:100% 0}100%{background-position:5% 0}}
