#sub .search{ display: flex; justify-content: flex-end; margin-bottom: 50px; } #sub .search select{ width: 160px; height: 60px; border: none; border-bottom: 1px solid #DDDDDD; padding-left: 20px; font-size: 18px; font-weight: 400; color:#999999; -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('/img/sub/search_arrow.png') right 20px center no-repeat; margin-right: 20px; } #sub .search select::-ms-expand { display: none; } #sub .search .input{ width: 400px; height: 60px; position: relative; border-bottom: 1px solid #ddd; } #sub .search .input input[type="text"]{ width: 100%; height: 100%; border: none; font-size: 18px; font-weight: 400;color:#999999; } #sub .search .input button{ width: 60px; height: 60px; position: absolute; right: 0; top: 0; background: url('/img/sub/search_icon.png') center center no-repeat;} #sub .page ul{ display: flex; justify-content: center; } #sub .page ul li{ width: 40px; height: 40px; margin-right: 10px; } #sub .page ul li:last-child{ margin-right: 0; } #sub .page ul li a{ display: block; width: 100%; height: 100%; font-size: 18px; font-weight: 600; color:#999999; text-align: center; line-height: 40px; } #sub .page ul li.num.on a{ color: #47A01A; background-color: #F5FBF2; } #sub .page ul li.first a{ background: url('/img/sub/page_first.png') center center no-repeat; } #sub .page ul li.prev a{ background: url('/img/sub/page_prev.png') center center no-repeat; } #sub .page ul li.next a{ background: url('/img/sub/page_next.png') center center no-repeat; } #sub .page ul li.last a{ background: url('/img/sub/page_last.png') center center no-repeat; } #sub.golf_main .page ul li.num.on a{background: #40BE00;color: #fff} .golf_visual{width:100%;position: relative;z-index: 3; height: 100vh;background: #f2f4f5;overflow: hidden} .golf_visual .text_wrap{position: absolute;top: 50%;left: 0;width: 100%;z-index: 10;transform: translateY(-50%);margin-top: 100px;} .golf_visual .text_wrap .inner{width:1400px;max-width:100%;} .golf_visual .text_wrap strong{display: block;font-size: 32px;color: #FFFFFF;line-height: 54px;font-weight: 600} .golf_visual .text_wrap p{font-size: 18px;color: #FFFFFF;line-height: 28px} .golf_visual .text_wrap i{display: block;width: 100px;height: 1px;background: #fff;opacity: 0.1;margin: 15px 0} .golf_visual .text_wrap .btn_wrap{display: flex;align-items: center;margin-top: 50px;} .golf_visual .text_wrap .btn_wrap button{opacity: 0.25;transition: 0.6s} .golf_visual .text_wrap .btn_wrap button:hover{opacity: 1} .golf_visual .text_wrap .btn_wrap .prograss{position: relative;background: rgba(255,255,255,0.25);width: 200px;height: 1px;margin: 0 30px;} .golf_visual .text_wrap .btn_wrap .prograss:after{content: '';display: block;height: 3px;top: -1.5px;width: 0%;position: absolute;left: 0;background: #fff} .golf_visual .text_wrap .btn_wrap .prograss.on:after{transition: 6s;width: 100%} .golf_visual .text_wrap .head_roll{position:relative;min-height:220px;} .golf_visual .text_wrap .head_roll strong{position:absolute;left:0;top:0;width:100%;opacity:0 !important;visibility:hidden !important;transform:none !important;transition:opacity 0.6s ease;} .golf_visual .text_wrap .head_roll strong.on{opacity:1 !important;visibility:visible !important;} .golf_visual .visual_video{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;overflow:hidden;} .golf_visual .visual_video:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.35);} .golf_visual .visual_video video{display:block;width:100%;height:100%;object-fit:cover;} .golf_visual .main_slider{ height:100%;overflow: hidden; position: relative;} .golf_visual .main_slider .slide_box{ overflow: hidden;width:100%;height:100%; position: relative; background-color: #fff; } .golf_visual .main_slider .slide_box > div{ overflow: hidden;height:inherit;position: absolute;left:0;top:0;right:0; z-index: 3; overflow: hidden; width: 100%; height: 100%; opacity:0; } .golf_visual .main_slider .slide_box > div{ -moz-transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out; } .golf_visual .main_slider .slide_box .main_img{ position: absolute;left: 0; top: 0; overflow: hidden; width: 100%; height: 100%; -moz-transition: all 8s ; -webkit-transition: all 8s; -o-transition: all 8s; -ms-transition: all 8s ; transition: all 8s ; transform: scale(1.2); } .golf_visual .main_slider .slide_box .main_img img{ display: block; min-width: 100%; max-width: auto;height: 100%} .golf_visual .main_slider .slide_box .main_img img.pc{display: block} .golf_visual .main_slider .slide_box .main_img img.mo{display: none} .golf_visual .main_slider .slide_box > div.on .main_img{ transform: scale(1.0); transform:perspective(500px) rotate(.001deg);} .golf_visual .main_slider .slide_box .box1{background:url('/img/sub/golf_visual01.jpg') center center no-repeat; background-size:cover;} .golf_visual .main_slider .slide_box > div.on{ z-index: 5; opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" } .sub_con{padding: 150px 0} .cs_tabs .inner{display:flex;align-items:flex-start;gap:60px;} .cs_nav{width:220px;flex:none;position:sticky;top:140px;border-top:2px solid #2B2B2B;scrollbar-width:none;-ms-overflow-style:none;} .cs_nav::-webkit-scrollbar{display:none;} .cs_nav button{display:block;width:100%;padding:22px 10px;text-align:left;font-size:20px;font-weight:600;color:#999;border-bottom:1px solid #DFE5DC;transition:.3s;} .cs_nav button.on{color:#40BE00;} .cs_panels{flex:1;min-width:0;} .cs_panel{display:block;} #sub.golf_main .championship{padding-top:150px;} #sub.golf_main .championship .g_title{margin-bottom:40px;} #sub.golf_main .championship_years{display:flex;gap:16px;margin-bottom:50px;} #sub.golf_main .championship_years a,#sub.golf_main .championship_years span{flex:1;padding:20px;text-align:center;border:1px solid #DFE5DC;border-radius:8px;color:#999;font:600 26px 'Outfit',sans-serif;} #sub.golf_main .championship_years .on{background:#40BE00;border-color:#40BE00;color:#fff;} #sub.golf_main .championship_years small{display:block;font:400 12px sans-serif;margin-top:6px;} #sub.golf_main .championship_video{display:block;width:100%;max-height:600px;margin-bottom:40px;background:#000;} #sub.golf_main .gallery_heading{margin-bottom:24px;} #sub.golf_main .gallery_heading .eng{display:block;color:#40BE00;font-size:15px;font-weight:600;margin-bottom:8px;} #sub.golf_main .gallery_heading h3{font-size:24px;color:#2B2B2B;font-weight:600;} #sub.golf_main .gallery_slide{display:flex;align-items:center;gap:16px;} #sub.golf_main .championship_gallery_swiper{flex:1;overflow:hidden;} #sub.golf_main .championship_gallery_swiper .swiper-slide img{width:100%;height:200px;object-fit:cover;display:block;border-radius:8px;} #sub.golf_main .cs_panel#cs03 .swiper-button-prev,#sub.golf_main .cs_panel#cs03 .swiper-button-next{position:static;width:44px;height:44px;margin:0;flex:none;} #sub.golf_main .cs_panel#cs03 .swiper-button-prev:after,#sub.golf_main .cs_panel#cs03 .swiper-button-next:after{display:none;} #sub.golf_main .cs_panel#cs03 .swiper-button-prev svg,#sub.golf_main .cs_panel#cs03 .swiper-button-next svg{width:44px;height:auto;} #sub.golf_main .con01{padding-top: 0;padding-bottom: 150px;} #sub.golf_main .g_title{margin-bottom: 70px;} #sub.golf_main .g_title strong{display: block;font-size: 100px;color: #2B2B2B;font-family: 'Outfit', sans-serif;font-weight: 500} #sub.golf_main .g_title p{font-size: 18px;font-weight: 300;color: #4E4E4E;margin-top: 8px} #sub.golf_main .con01 .swiper-wrapper{height: auto} #sub.golf_main .con01 .swiper-slide{height: auto} #sub.golf_main .con01 .swiper-slide .wrap .thumb{display: block;position: relative;overflow: hidden; width: 280px; margin: 0 auto;} #sub.golf_main .con01 .swiper-slide .wrap .thumb img{display: block;z-index: 2;position: relative;width: 100%;position: relative} #sub.golf_main .con01 .swiper-slide .wrap .thumb i{display: block;width: 100%;height: 50%;background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.5));position: absolute;bottom: 0;left: 0;z-index: 4;transform: translateY(100%);transition: 0.7s} #sub.golf_main .con01 .swiper-slide .wrap:hover .thumb i{transform: translateY(0%)} #sub.golf_main .con01 .swiper-slide .wrap .plus{position: absolute;left: 50%;width: 50px;height: 50px;z-index: 10;bottom: 30px;margin-left: -25px;mix-blend-mode: overlay;transform: scale(0.3);opacity: 0;transition: 0.8s} #sub.golf_main .con01 .swiper-slide .wrap:hover .plus{opacity: 1;transform: scale(1)} #sub.golf_main .con01 .swiper-slide .wrap .plus:before{content: '';display: block;width: 100%;height: 2px;top: 50%;margin-top: -1px;background: #fff;position:absolute} #sub.golf_main .con01 .swiper-slide .wrap .plus:after{content: '';display: block;height: 100%;width: 2px;left: 50%;margin-left: -1px;background: #fff;position:absolute} #sub.golf_main .con01 .swiper-slide .wrap .thumb:before{content: '';display: block;width: 100%;height: 136px;background: #F7F9F6;position: absolute;left: 0;bottom: 0;border-radius: 136px 136px 0 0 ;transition: 0.7s} #sub.golf_main .con01 .swiper-slide .wrap:hover .thumb:before{border-radius: 10px;height: 100%} #sub.golf_main .con01 .swiper-slide .wrap .thumb:after{content: '';display: block;width: 220px;height: 220px;background: #F6F7F8;position: absolute;transform: translate(-50%,-50%) scale(0);box-shadow: 0 0 20px rgba(0,0,0,0.1) inset;border-radius: 50%;top: 50%;left: 50%;transition: 0.7s} #sub.golf_main .con01 .swiper-slide .wrap:hover .thumb:after{transform: translate(-50%,-50%) scale(1);;} #sub.golf_main .con01 .swiper-slide .wrap .name {padding-top: 20px;} #sub.golf_main .con01 .swiper-slide .wrap .name strong{display: block;text-align: center;font-size: 30px;color: #2B2B2B;font-weight: 600;transition: 0.7s} #sub.golf_main .con01 .swiper-slide .wrap:hover .name strong{color: #40BE00;transform: translateX(-20px)} #sub.golf_main .con01 .swiper-slide .wrap:hover .name p{transform: translateX(20px)} #sub.golf_main .con01 .swiper-slide .wrap .name p{display: block;text-align: center;font-size: 18px;color: #4E4E4E;font-weight: 300;font-family: 'Outfit', sans-serif;transition: 0.7s} #sub.golf_main .con01 .swiper-slide .wrap .name i{display: block;margin: 10px auto;width: 60px;height: 1px;background: #DFE5DC;} #sub.golf_main .con01 .swiper-button-next{margin-left: 30px;} #sub.golf_main .con01 .swiper-button-next, #sub.golf_main .con01 .swiper-button-prev{position: static;width: auto;height: auto} #sub.golf_main .con01 .swiper-button-next:after, #sub.golf_main .con01 .swiper-button-prev:after{display: none} #sub.golf_main .con01 .btn_w{position: absolute;right: 0;display: flex;bottom: 0} #sub.golf_main .con01 .btn_w div svg > *{transition: 0.7s} #sub.golf_main .con01 .btn_w div:hover svg > *{stroke:#3DAE2B} #sub.golf_main .con01 .btn_w div svg #그룹_175 > *{transition: 0.7s} #sub.golf_main .con01 .btn_w div:hover svg #그룹_175 > *{stroke:#3DAE2B} #sub.golf_main .con02{padding: 150px 0;background: #F6F7F8; display: none;} #sub.golf_main .g_title{position: relative} #sub.golf_main .search{margin-top: -130px;margin-bottom: 70px;} #sub.golf_main .search .input input[type="text"]{background: none} #sub.golf_main .con02 .list{margin-bottom: 70px;} #sub.golf_main .con02 .list ul{display: flex;flex-wrap: wrap} #sub.golf_main .con02 .list ul li{width: 31.22%;margin-right: 3.17%} #sub.golf_main .con02 .list ul li:nth-child(3n){margin-right: 0} #sub.golf_main .con02 .list ul li .img div{overflow: hidden;border-radius: 10px;position: relative;z-index: 2} #sub.golf_main .con02 .list ul li .img{position: relative;} #sub.golf_main .con02 .list ul li .img:before{content: '';display: block;border: 2px solid #4DAE1D;border-radius: 10px;position: absolute;left: 0;top: 0;width: 100%;height: 100%;box-sizing: border-box;transition: 0.7s} #sub.golf_main .con02 .list ul li:hover .img:before{top: -10px;left: -10px;} #sub.golf_main .con02 .list ul li .img:after{content: '';display: block;background: #47A01A;border-radius: 10px;position: absolute;bottom: 0;right: 0;width: 100%;height: 100%;opacity: 0.2;transition: 0.7s} #sub.golf_main .con02 .list ul li:hover .img:after{right: -10px;bottom: -10px} #sub.golf_main .con02 .list ul li .img div img{display: block;max-width: 100%} #sub.golf_main .con02 .list ul li .txt{padding: 30px 0;border-bottom: 1px solid #DFE5DC} #sub.golf_main .con02 .list ul li .txt strong{display: block;font-size: 20px;line-height: 28px;margin-bottom: 20px;} #sub.golf_main .con02 .list ul li .txt div{display: flex} #sub.golf_main .con02 .list ul li .txt div span{font-size: 18px;color: #4E4E4E;font-weight: 300} #sub.golf_main .con02 .list ul li .txt div span:nth-child(1):after{content: '';display: inline-block;width: 1px;height: 14px;background: #DFE5DC;margin: 0 14px;} #sub.golf_main .con03{padding-top: 150px;} #sub.golf_main .con03 .g_title{position: relative} #sub.golf_main .con03 .g_title .more{position: absolute;right: 0;bottom: 0;padding-right: 20px;} #sub.golf_main .con03 .g_title .more a{display: block;width: 40px;height: 40px;position: relative} #sub.golf_main .con03 .g_title .more a .plus div{display: block;position: absolute;width: 100%;height: 3px;background: #40BE00;top: 50%;left: 0;transition: 0.7s} #sub.golf_main .con03 .g_title .more a .plus div.line02{transform: rotate(90deg);transition: 0.7s} #sub.golf_main .con03 .g_title .more a:hover .plus div.line02{transform: rotate(0);opacity: 0} #sub.golf_main .con03 .g_title .more a:hover .plus div.line01{width: 60px;} #sub.golf_main .con03 .g_title .more a .plus div.line01:after{content: '';display: block;width: 15px;height: 13px;position: absolute;right: -9px;bottom: -0.4px;background: url(/img/sub/more_arrow.png);opacity: 0;transition: 0.4s} #sub.golf_main .con03 .g_title .more a:hover .plus div.line01:after{opacity: 1} #sub.golf_main .con03 .g_title .more a span{display: block;white-space: nowrap;color: #40BE00;font-size: 20px;font-weight: 500;font-family: 'Outfit', sans-serif;left: -80px;top: -11px;transform: translateX(-10px);transition: 0.7s;opacity: 0;position: absolute} #sub.golf_main .con03 .g_title .more a:hover span{transform: translateX(0px);opacity: 1} #sub.golf_main .con03 .list ul{border-top: 2px solid #000000;} #sub.golf_main .con03 .list ul li a .title{display: flex;justify-content: space-between;padding: 0 50px;height: 120px;align-items: center;padding-right: 110px;position: relative;border-bottom: 1px solid #DFE5DC;position: relative} #sub.golf_main .con03 .list ul li a .title:before{content: '';display: block;width: 100%;height: 1px;position: absolute;left: 0;bottom: -1px;background: #47A01A;width: 0;transition: 0.7s;transition-delay: 0.2s} #sub.golf_main .con03 .list ul li a.on .title:before{width: 100%} #sub.golf_main .con03 .list ul li a .title:after{content: '';display: block;width: 13px;height: 24px;background: url(/img/sub/golf_arrow.png);position: absolute;right: 50px;top: 50%;margin-top: -12px;transition: 0.7s;transform: rotateX(180deg)} #sub.golf_main .con03 .list ul li a.on .title:after{transform: rotateX(0deg)} #sub.golf_main .con03 .list ul li a .title strong{display: block;font-size: 30px;color: #2B2B2B;font-weight: 600;transition: 0.7s} #sub.golf_main .con03 .list ul li:hover a .title strong{color: #3DAE2B} #sub.golf_main .con03 .list ul li a.on .title strong{color: #3DAE2B;transform: translateX(20px)} #sub.golf_main .con03 .list ul li a .title p{font-size: 18px;font-weight: 300;color: #4E4E4E;display: flex;align-items: center} #sub.golf_main .con03 .list ul li a .title p span{padding-right: 125px} #sub.golf_main .con03 .list ul li a .info{background: #F7F9F6;padding: 25px 0;display: none} #sub.golf_main .con03 .list ul li a .info .wrap{display: flex;} #sub.golf_main .con03 .list ul li a .info .wrap div{display: flex;justify-content: space-between;width: 33.33%;padding: 0 60px;height: 70px;align-items: center;position: relative} #sub.golf_main .con03 .list ul li a .info .wrap div:after{content: '';display: block;position: absolute;right: 0;top: 0;width: 1px;height: 100%;background: #DFE5DC} #sub.golf_main .con03 .list ul li a .info .wrap div:last-child:after{display: none} #sub.golf_main .con03 .list ul li a .info .wrap div:nth-child(1){padding-left: 50px} #sub.golf_main .con03 .list ul li a .info .wrap div:nth-child(3){padding-right: 50px} #sub.golf_main .con03 .list ul li a .info .wrap div{display: flex;justify-content: space-between} #sub.golf_main .con03 .list ul li a .info .wrap strong{font-size: 18px;color: #2B2B2B;} #sub.golf_main .con03 .list ul li a .info .wrap p{font-size: 18px;color: #4E4E4E;font-weight: 300} #sub.golf_main .con03_more .list{position: relative;padding-left: 170px;} #sub.golf_main .con03_more .list .month{position: absolute;left: 0;width: 120px;box-shadow: 0 0 20px #EEEEEE;border-radius: 10px;} #sub.golf_main .con03_more .list .month strong{display: block;line-height: 120px;text-align: center;font-size: 36px;color: #40BE00;font-weight: 500;font-family: 'Outfit', sans-serif;} #sub.golf_main .con03.con03_more{padding-top: 0} #sub.golf_main .tab{margin-bottom: 50px} #sub.golf_main .tab ul{display: flex} #sub.golf_main .tab ul li a{display: block;width: 200px;line-height: 74px;text-align: center;color: #BBBBBB;font-size: 36px;border: 3px solid #fff;font-family: 'Outfit', sans-serif;font-weight: 600;border-radius: 10px;transition: 0.6s} #sub.golf_main .tab ul li:hover a{color: #2B2B2B} #sub.golf_main .tab ul li.on a{border-color: #40BE00;color: #2B2B2B;} #sub.pro_view{padding-top: 100px;} #sub.pro_view .profle_visual{position: relative;height: 800px;overflow: hidden} #sub.pro_view .profle_visual .pro_img{position: relative;z-index: 2;text-align: center} #sub.pro_view .profle_visual .bg{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%)} #sub.pro_view .profle_visual .name{position: absolute;left: 50%;margin-left: -780px;top: 50%;margin-top: -212px;z-index: 2} #sub.pro_view .profle_visual .name strong{display: block;font-size: 100px;line-height: 100px;color: #2B2B2B;font-weight: 600;font-family: 'Outfit', sans-serif;padding-bottom: 11px;border-bottom: 2px solid #2B2B2B} #sub.pro_view .profle_visual .name span{font-size: 30px;color: #2B2B2B;font-weight: 600;letter-spacing: 5px;text-align: right;display: block;padding-top: 35px} #sub.pro_view .profle_visual .info{position: absolute;right: 50%;margin-right: -780px;top: 50%;z-index: 2;text-align: right;margin-top: -72px;} #sub.pro_view .profle_visual .info .title strong{display: block;font-size: 36px;color: #2B2B2B;font-weight: 600;font-family: 'Outfit', sans-serif;text-align: right} #sub.pro_view .profle_visual .info .title:after{content: '';display: inline-block;width: 40px;height: 4px;background: #40BE00;margin-top: 25px;margin-bottom: 35px} #sub.pro_view .profle_visual .info ul{width: 210px;} #sub.pro_view .profle_visual .info ul li{display: flex;justify-content: space-between;margin-bottom: 18px;} #sub.pro_view .profle_visual .info ul li:last-child{margin-bottom: 0} #sub.pro_view .profle_visual .info ul li span{color: #2B2B2B;font-size: 18px;font-weight: 600} #sub.pro_view .profle_visual .info ul li p{font-size: 18px;color: #4E4E4E;} #sub.pro_view .profle_visual:before{content: '';display: block;width: 1560px;height: 1px;position: absolute;top: 50%;transform: translateX(-50%);background: #DFE5DC;left: 50%;z-index: 1;} #sub.pro_view .con01{background: #fff;padding-bottom: 150px;} #sub.pro_view .con01 .title strong{display: block;font-size: 100px;color: #2B2B2B;font-family: 'Outfit', sans-serif;;font-weight: 600} #sub.pro_view .con01 ul{display: flex;flex-wrap: wrap;margin-top: 70px;} #sub.pro_view .con01 ul li{width: 22.56%;margin-right: 3.253%;margin-bottom: 40px; background-color: #f6f7f8; border-radius: 20px; } #sub.pro_view .con01 ul li:nth-child(4n){margin-right: 0} #sub.pro_view .con01 ul li a .img img{max-width: 100%} #sub.pro_view .con01 ul li a .img:before{content: '';display: block;width: 100px;height: 100px;background: url(/img/sub/golf_plus.png);;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 3;opacity: 0;transition: 0.7s} #sub.pro_view .con01 ul li:hover a .img:before{transform: translate(-50%,-50%) rotate(180deg);opacity: 1} #sub.pro_view .con01 ul li a .img{border-radius: 10px;overflow: hidden;position: relative} #sub.pro_view .con01 ul li a .img:after{content: '';display: block;background: linear-gradient(195deg, rgba(255,255,255,0), rgba(255,255,255,0.5));width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;height: 0;transition: 0.6s} #sub.pro_view .con01 ul li:hover a .img:after{height: 100%} #sub .back_btn {text-align: right;margin-top: 30px;} #sub .back_btn a{display: inline-block} #sub .back_btn a span{display: block;font-size: 20px;font-weight: 600;color: #2B2B2B;font-family: 'Outfit', sans-serif;} #sub.view .back_btn{margin-top: 70px;} #sub .back_btn a svg path{ stroke: #2b2b2b; } #sub.view .back_btn a span{color: #2B2B2B} #sub.pro_view #profile_pop{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999;background: rgba(0,0,0,0.90);backdrop-filter: blur(20px);display: none} #sub.pro_view #profile_pop > div > div{position: fixed;height: 80%;left: 50%;top: 50%;transform: translate(-50%,-50%)} #sub.pro_view #profile_pop > div > div img{max-height: 100%;max-width: 100%} #sub.pro_view #profile_pop #close{position: absolute;z-index: 2} #sub.view .con01{padding-bottom: 150px;} #sub.view .con01 .title{border-top: 2px solid #2B2B2B;padding: 50px;border-bottom: 1px solid #DFE5DC} #sub.view .con01 .title strong{display: block;font-size: 36px;color: #2B2B2B;margin-bottom: 30px;} #sub.view .con01 .title div{display: flex} #sub.view .con01 .title span{font-size: 18px;color: #4E4E4E;} #sub.view .con01 .title span:nth-child(1){margin-right: 50px;display: block} #sub.view .con01 .title span i{display: inline-block;margin-right: 8px} #sub.view .con01 .text{background: #F6F7F8;min-height: 520px;padding: 50px;} #sub.view .con01 .text img{max-width: 100%} #sub.golf_main .g_title strong{ transform: translateX(-50px); opacity: 0; transition: transform 1s, opacity 1s; } #sub.golf_main .on .g_title strong{ transform: translateX(0); opacity: 1; } #sub.golf_main .g_title p{ transform: translateX(-50px); opacity: 0; transition: transform 1s, opacity 1s; transition-delay: 0.3s} #sub.golf_main .on .g_title p{ transform: translateX(0); opacity: 1; } #sub.golf_main .con01 .peo_slide{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; transition-delay: 0.6s} #sub.golf_main .con01.on .peo_slide{ transform: translateY(0); opacity: 1; } #sub.golf_main .search{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; transition-delay: 0.6s} #sub.golf_main .on .search{ transform: translateY(0); opacity: 1; } #sub.golf_main .con02 ul{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; transition-delay: 0.9s} #sub.golf_main .con02.on ul{ transform: translateY(0); opacity: 1; } #sub.golf_main .con03 .g_title .more{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; transition-delay: 0.6s} #sub.golf_main .con03.on .g_title .more{ transform: translateY(0); opacity: 1; } #sub.golf_main .con03 .list{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; transition-delay: 0.9s} #sub.golf_main .con03.on .list{ transform: translateY(0); opacity: 1; } #sub.pro_view .profle_visual .bg img{display: block;transform: scale(0.7);opacity: 0;transition: 1s} #sub.pro_view .profle_visual.on .bg img{display: block;transform: scale(1);opacity: 1;transition: 1s} #sub.pro_view .profle_visual.on .bg02 img{transition-delay: 0.3s} #sub.pro_view .profle_visual .pro_img{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; transition-delay: 0.5s} #sub.pro_view .profle_visual.on .pro_img{ transform: translateY(0); opacity: 1; } #sub.pro_view .profle_visual .name{ transform: translateX(-50px); opacity: 0; transition: transform 1s, opacity 1s; transition-delay: 0.6s} #sub.pro_view .profle_visual.on .name{ transform: translateX(0); opacity: 1; } #sub.pro_view .profle_visual .info{ transform: translateX(50px); opacity: 0; transition: transform 1s, opacity 1s; transition-delay: 0.6s} #sub.pro_view .profle_visual.on .info{ transform: translateX(0); opacity: 1; } #sub .back_btn a span{transition:0.5s} #sub .back_btn a path{transition:0.5s} #sub .back_btn a svg{transition:0.5s} #sub .back_btn a:hover span{color: #40BE00} #sub .back_btn a:hover path{stroke: #40BE00} #sub .back_btn a:hover svg{transform: translateX(-10px)} #sub.golf_main .tab ul{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; transition-delay: 0.3s} #sub.golf_main .on .tab ul{ transform: translateY(0); opacity: 1; } .golf_visual .text_wrap strong{ transform: translateX(-50px); opacity: 0; transition: transform 1s, opacity 1s; } .golf_visual .text_wrap i{transform: translateX(0);transition: 0.5s;transition-delay: 1s} .golf_visual.on .text_wrap i{transform: translateX(1);transition: 0.5s;transition-delay: 1s} .golf_visual.on .text_wrap strong{ transform: translateX(0); opacity: 1; } .golf_visual .text_wrap p{ transform: translateX(-50px); opacity: 0; transition: transform 1s, opacity 1s; transition-delay: 0.3s} .golf_visual.on .text_wrap p{ transform: translateX(0); opacity: 1; } .golf_visual .text_wrap .btn_wrap{ transform: translateX(-50px); opacity: 0; transition: transform 1s, opacity 1s; transition-delay: 0.6s} .golf_visual.on .text_wrap .btn_wrap{ transform: translateX(0); opacity: 1; } @media (max-width: 1590px){ #sub.pro_view .profle_visual .name{left: 20px;margin-left: 0} #sub.pro_view .profle_visual .info{right: 20px;margin-right: 0} #sub.pro_view{padding-top: 80px;} #sub.pro_view .profle_visual .bg01 img{width: 900px;} #sub.pro_view .profle_visual .bg02 img{width: 600px;} } @media (max-width: 1416px){ #sub.golf_main .g_title strong, #sub.pro_view .con01 .title strong{font-size: 80px;} #sub.golf_main .g_title p{font-size: 16px;} #sub.pro_view .profle_visual .name{margin-top: -150px;} #sub.pro_view .profle_visual .name strong{font-size: 70px;line-height: 1} #sub.pro_view .profle_visual .name span{font-size: 20px;} } @media (max-width: 960px){ #sub.golf_main .g_title strong, #sub.pro_view .con01 .title strong{font-size: 55px;} #sub.golf_main .g_title p{font-size: 14px;} .sub_con{padding: 80px 0} #sub.golf_main .con01 .swiper-slide .wrap .name strong{font-size: 20px;} #sub.golf_main .con01 .swiper-slide .wrap .name p{font-size: 15px;} #sub.golf_main .con01{padding-bottom: 60px;} #sub.golf_main .con02{padding: 60px 0} #sub .search select{width: 100px;height: 40px;font-size: 14px;} #sub .search .input input[type="text"]{font-size: 14px;} #sub .search .input{height: 40px;width: 240px;} #sub.golf_main .search{margin-top: 0;} #sub.golf_main .g_title{margin-bottom: 30px;} #sub .search .input button{height: 40px;height: 40px;background-size: 17px 17px;} #sub.golf_main .search{margin-bottom: 20px;} #sub.golf_main .con02 .list ul li .txt strong{font-size: 15px;line-height: 1.5} #sub.golf_main .con02 .list ul li .txt div span{font-size: 13px;} #sub.golf_main .con02 .list ul li .txt strong{margin-bottom: 7px;} #sub.golf_main .con02 .list ul li .txt{padding: 17px 0} #sub .page ul li{width: 30px;height: 30px;} #sub .page ul li a{line-height: 30px;font-size: 14px;background-size: 100% 100%} #sub.golf_main .con02 .list{margin-bottom: 40px;} #sub.golf_main .con03{padding-top: 60px;} #sub.golf_main .championship{padding-top: 60px;} #sub.golf_main .con03 .list ul li a .title{padding: 0} #sub.golf_main .con03 .list ul li a .title strong{font-size: 19px;} #sub.golf_main .con03 .list ul li a .title p{font-size: 13px;padding-right: 40px;} #sub.golf_main .con03 .list ul li a .title:after{right: 0} #sub.golf_main .con03 .list ul li a .title{height: 70px;} #sub.golf_main .con03 .list ul li a .info .wrap div{padding: 0 10px;} #sub.golf_main .con03 .list ul li a .info .wrap div:nth-child(1){padding-left: 20px} #sub.golf_main .con03 .list ul li a .info .wrap div:nth-child(3){padding-right: 20px} #sub.golf_main .con03 .list ul li a .info .wrap strong{font-size: 13px;} #sub.golf_main .con03 .list ul li a .info .wrap p{font-size: 14px} #sub.golf_main .con03 .list ul li a .info .wrap div{height: 40px;} #sub.golf_main .con03 .list ul li a .info{padding: 10px 0} .golf_visual .text_wrap strong{font-size: 20px;line-height: 1.7} .golf_visual .text_wrap .head_roll{min-height: 180px;} .golf_visual .text_wrap p{font-size: 14px;line-height: 1.7} .golf_visual .text_wrap .btn_wrap button svg{width: 50px;height: auto} .golf_visual .text_wrap .btn_wrap .prograss{width: 130px} #sub.golf_main .con03_more .list .month{position: static} #sub.golf_main .con03_more .list{padding-left: 0} #sub.golf_main .con03_more .list .month strong{line-height: 60px;width: 100%;font-size: 20px} #sub.golf_main .con03_more .list .month{width: 100%;margin: 20px 0} #sub.golf_main .tab ul li{width: 33.33%} #sub.golf_main .tab ul li a{width: 140px;line-height: 40px;font-size: 18px;width: 100%} #sub.pro_view .profle_visual .pro_img img, #sub.pro_view .profle_visual{height: 600px;} #sub.pro_view .profle_visual .name strong{font-size: 50px;} #sub.pro_view .profle_visual .name span{font-size: 16px;padding-top: 20px} #sub.pro_view .profle_visual .name{margin-top: -112px} #sub.pro_view .profle_visual .info .title strong{font-size: 20px;} #sub.pro_view .profle_visual .info ul li span, #sub.pro_view .profle_visual .info ul li p{font-size: 14px} #sub.pro_view .profle_visual .info .title:after{margin-top: 20px;margin-bottom: 20px;} #sub.pro_view .profle_visual .info{margin-top: -46px;} #sub.pro_view .profle_visual .info ul{width: 150px;} #sub.pro_view .profle_visual .bg01 img{width: 700px;} #sub.pro_view .profle_visual .bg02 img{width: 350px;} #sub.pro_view .con01{padding: 65px 0} #sub.pro_view .con01 ul{margin-top: 20px;} #sub.view .con01 .title{padding: 20px 0} #sub.view .con01 .title strong{font-size: 20px;word-break: keep-all} #sub.view .con01 .title span{font-size: 13px;} #sub.view .con01 .title span:nth-child(1){margin-right: 20px;} #sub.view .con01 .title strong{margin-bottom: 10px;} #sub.view .con01 .text{min-height: 300px;padding: 20px 0} #sub.view .con01{padding-top: 80px;} #sub.view .con01{padding-bottom: 80px;} #sub.view .back_btn{margin-top: 30px;} #sub.view .con01 .title span i svg{width: 17px;height: auto} #sub.golf_main .con01 .btn_w div svg{width: 45px;height: auto} #sub.golf_main .con01 .swiper-button-next{margin-left: 10px;} #sub.golf_main .con01 .swiper-slide .wrap .thumb{ width: 250px;} #sub.golf_main .con03 .list ul li a .title p span{padding-right: 40px;} } @media (max-width: 660px){ #sub.golf_main .con03 .list ul li a .info .wrap{display: block;width: 100%} #sub.golf_main .con03 .list ul li a .info .wrap div{width: 100%} #sub.golf_main .con03 .list ul li a .info .wrap div:after{display: none} #sub.golf_main .con03 .list ul li a .info .wrap div:nth-child(1){padding-left: 10px} #sub.golf_main .con03 .list ul li a .info .wrap div:nth-child(3){padding-right: 10px} #sub.golf_main .con03 .list ul li a .info .wrap div{height: 30px;} #sub.golf_main .con03 .list ul li a .title{display: block;height: auto;padding: 10px 0} #sub.golf_main .con03 .list ul li a .title strong{font-size: 16px;margin-bottom: 5px;} #sub.golf_main .con03 .list ul li a .title:after{width: 8px;background-size: 100% auto;height: 15px;margin-top: -7.5px;} #sub.golf_main .con03 .list ul li a.on .title strong {transform: translateX(0px);} #sub.golf_main .g_title strong, #sub.pro_view .con01 .title strong{font-size: 45px;} #sub.golf_main .con02 .list ul li{width: 100%} #sub .sub_tab2 ul li a{font-size: 16px;line-height: 60px;} #sub.inquiry .sub_tab2 ul li a{font-size: 13px;line-height: 40px;} #sub.inquiry .sub_tab2 ul, #sub.inquiry .sub_tab2{height: 40px;} #sub.inquiry .sub_tab2 ul li{margin-right: 20px} #sub.inquiry .con03 .inner{padding: 0} #sub .sub_tab2 ul{height: 60px;} #sub .sub_tab2{height: 60px;} #sub .sub_tab2 ul li{margin-right: 40px;} #sub.inquiry .con01 .img{margin-top: 20px} .golf_visual{height: 600px;} #sub.inquiry .con01 .img{height: 300px;overflow: hidden} .golf_visual .text_wrap strong{font-size: 18px} .golf_visual .text_wrap p{font-size: 12.5px;} .golf_visual .text_wrap i{width: 80px;margin: 7px 0px;} .golf_visual .text_wrap .btn_wrap{margin-top: 20px;} .golf_visual .text_wrap .btn_wrap .prograss{margin: 0 15px} #sub.golf_main .con03 .g_title .more a span{display: none} #sub.golf_main .con03 .g_title .more{padding-right: 0} #sub.golf_main .con03 .g_title .more a{width: 30px;height: 30px;} #sub.golf_main .tab{margin-bottom: 25px;} #sub.pro_view .profle_visual {height: auto} #sub.pro_view .profle_visual .name, #sub.pro_view .profle_visual .info{position: relative;top: 0;left: 0} #sub.pro_view .profle_visual .pro_img img{height: 320px;} #sub.pro_view .profle_visual{padding-bottom: 40px;} #sub.pro_view .profle_visual:before{display: none} #sub.pro_view .profle_visual .name strong{padding-left: 20px;} #sub.pro_view .profle_visual .info ul{width: 100%;padding: 0 20px;} #sub.pro_view .profle_visual .info{margin-top: 20px} #sub.pro_view .profle_visual .info .title{display: none} #sub.pro_view .profle_visual .name span{padding-left: 20px;text-align: left;padding-top: 20px} #sub.pro_view .profle_visual .bg{transform: translate(-50%,-70%)} #sub.pro_view .profle_visual .bg01 img{width: 320px} #sub.pro_view .profle_visual .bg02 img{width: 240px;margin-top: -40px;} #sub.pro_view .con01 ul li{width: 49%;margin-right: 2%;margin-bottom: 2%} #sub.pro_view .con01 ul li img{max-width: 100%} #sub.pro_view .con01 ul li:nth-child(2n){margin-right: 0} #sub.pro_view #profile_pop > div > div{width: 90%;max-height: 90%;height: auto} #sub.pro_view #profile_pop #close svg{width: 50px;height: auto} #sub .back_btn a svg{height: 14px;width: auto} #sub .back_btn a span{font-size: 14px;} .golf_visual .main_slider .slide_box .main_img img.pc{display: none} .golf_visual .main_slider .slide_box .main_img img.mo{display: block} .golf_visual{height: 500px} .golf_visual .text_wrap{margin-top: 60px;} .golf_visual .text_wrap .head_roll{min-height: 140px;} .cs_tabs .inner{display: block; padding: 0 20px;} .cs_nav{width: 100%; position: static; display: flex; overflow-x: auto; border-top: 0; border-bottom: 2px solid #2B2B2B; margin-bottom: 30px;} .cs_nav button{min-width: 140px; text-align: center; padding: 16px 10px; font-size: 16px;} #sub.golf_main .championship_years{display: block;} #sub.golf_main .championship_years a, #sub.golf_main .championship_years span{display: block; margin-bottom: 10px;} }