@charset "utf-8";

#comingsoon{width:100%;padding-top:100px;text-align:center;font-size:16px;line-height:1.6;color:#666}

.common_page{font-size:15px;line-height:1.6;color:#666}
.common_page *{word-break:keep-all}
.common_page .pl{white-space:pre-line}
.common_page .eng_txt{margin-bottom:15px;font-weight:600;color:var(--primary);font-family:var(--e-font), var(--k-font)}
.common_page .big_txt{font-size:30px;line-height:40px;font-weight:700;color:#111}
.common_page .ct_box{text-align:center}
.common_page .go_video{display:block;width:max-content;padding:0 40px;margin:52px auto 0;border-radius:50px;line-height:65px;font-weight:500;color:#fff;background-color:var(--primary);transition:all .3s}
.common_page .go_video:hover{background-color:#111}
.common_page .go_video i{margin-left:20px}

/* 회사소개 */
#p33 .gr_box{display:flex}
#p33 .gr_box .l_txt{display:flex;gap:15px;width:385px}
#p33 .gr_box .l_txt p{font-size:45px;line-height:1.2;font-weight:700;color:#111;font-family:var(--e-font)}
#p33 .gr_box .l_txt span{padding-top:9px}
#p33 .gr_box .r_txt{width:calc(100% - 385px);padding-right:50px;font-size:17px}
#p33 .gr_box .r_txt img{margin-bottom:16px}
#p33 .gr_box .r_txt span{display:block;margin-bottom:39px;font-size:25px;font-weight:700;color:#111}
#p33 .gr_box .r_txt .sign{margin-top:38px;text-align:right}
#p33 .gr_box .r_txt .sign b{font-weight:600;color:#333}
#p33 .img_box{display:flex;align-items:center;justify-content:center;height:440px;margin-top:66px;background:url('/sh_page/img/p33_img.jpg') no-repeat center;background-size:cover}

/* 특허개발 연혁 */
#p34{display:flex}
#p34 .l_box{width:275px}
#p34 .r_box{width:calc(100% - 275px)}
#p34 .r_box .img_box{height:270px;background:url('/sh_page/img/p34_img.jpg') no-repeat center;background-size:cover}
#p34 .his_wrap div{display:flex;padding:40px 40px 34px}
#p34 .his_wrap div+div{border-top:1px dashed #e1e1e1}
#p34 .his_wrap div:nth-child(2n){background-color:#f5f5f5}
#p34 .his_wrap div .num{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:100%;font-size:13px;font-weight:600;color:#fff;background-color:#333;font-family:var(--e-font)}
#p34 .his_wrap div .day{width:100px;padding:2px 0 0 15px;font-size:16px;font-weight:600;color:#333;font-family:var(--e-font)}
#p34 .his_wrap div .txt{width:calc(100% - 130px);padding:2px 0 0 50px;color:#222;font-size:18px;font-weight:600}
/* #p34 .his_wrap div .txt span{display:flex;width:max-content;margin:26px 0 0 auto;padding:5px 15px;border-radius:5px;font-size:14px;color:#888;background-color:#f5f5f5} */
#p34 .his_wrap div .txt span{display:flex;width:max-content;margin:26px 0 0 auto;padding:5px 15px;border-radius:5px;font-size:18px;color:#222;background-color:#f5f5f5}
#p34 .his_wrap div .txt.img_his{display:flex;gap:30px}
#p34 .his_wrap div .txt.img_his em{display:flex;flex-direction:column;justify-content:space-between;width:100%;color:#222;font-size:18px;font-weight:600;font-style:normal}
#p34 .his_wrap div .txt.img_his img{flex-shrink:0;width:200px;border:1px solid #e1e1e1}
#p34 .his_wrap div:nth-child(2n) .txt span{background-color:#fff}

/* 제품 공통 */
.product_page .top_box{display:flex;align-items:flex-end;border-bottom:3px solid #111}
.product_page .top_box .big_txt{font-size:35px}
.product_page .top_box .tit_box{width:530px;padding:0 0 50px 50px}
.product_page .top_box ul{margin-top:50px;padding:54px 50px;background:rgba(000,000,000,.6)}
.product_page .top_box ul li{position:relative;padding-left:19px;font-size:20px;line-height:30px;font-weight:600;color:#fff}
.product_page .top_box ul li:before{position:absolute;left:0;top:12px;content:'';width:4px;height:4px;border-radius:100px;background:rgba(255,255,255,.4)}
.product_page .top_box p span{display:block;margin-bottom:25px;font-size:18px;line-height:28px;font-weight:600;color:#111}
.product_page .top_box .img_box{width:calc(100% - 530px);text-align:center}
.product_page .product_info{margin-top:60px}
.product_page .product_info .info_tit{display:block;width:max-content;margin:0 auto 70px;padding:0 30px;font-size:20px;font-weight:600;line-height:45px;color:#fff;background-color:var(--primary);font-family:var(--e-font)}
.product_page .detail_list{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:50px}
.product_page .detail_list li{width:calc(100%/2 - 15px)}
.product_page .detail_list li .img{display:flex;align-items:center;justify-content:center;width:100%;height:330px;background-color:#f5f5f5}
.product_page .detail_list li .tit{padding:25px 0 0 20px}
.product_page .detail_list li .tit span{margin-right:20px;padding-right:20px;border-right:1px solid #e1e1e1;font-size:18px;font-weight:700;color:#111;font-family:var(--e-font)}
.product_page .detail_list li .txt{margin:10px 0 0 20px;font-size:18px;font-weight:600;color:#444}
.product_page .table_box table{width:100%;border-spacing:0;text-align:center;border-top:3px solid #e1e1e1}
.product_page .table_box table th{padding:12px 0;border-bottom:1px solid #e1e1e1;font-weight:600;color:#333;background-color:#f5f5f5}
.product_page .table_box table td{border-bottom:1px solid #e1e1e1}
.product_page .bt_img{margin-top:50px;text-align:center}
.product_page .pay_txt{margin-top:60px;font-size:30px;font-weight:700;text-align:center;color:var(--primary)}
.product_page .pay_txt span{font-weight:500;color:#888}

.brand_page{text-align:center}
.brand_page .big_txt{margin-top:53px}
.brand_page .mid_txt{font-size:18px;line-height:28px}
.brand_page .line{display:block;width:50px;height:1px;margin:63px auto 70px;background-color:#e1e1e1}

/* 아스테라 브랜드 */
#p37 .big_txt{font-weight:300}
#p37 .big_txt span{font-weight:700}
#p37 .brand_box{padding:75px 0 220px;background:url('/sh_page/img/p37_bg.jpg') no-repeat center bottom;background-size:cover}
#p37 .brand_box span{display:block;width:500px;margin:84px auto 0;border-radius:5px;font-size:18px;text-align:center;line-height:60px;color:#fff;background:rgba(255,255,255,.1)}
#p37 .mid_txt{color:rgba(255,255,255,.75)}

/* 아스테라 테크노 */
#p38 .top_box{position:relative;padding-top:55px;background:url('/sh_page/img/p38_bg.jpg') no-repeat right top;background-size:cover}
#p38 .top_box .eng_txt{font-size:18px}
#p38 .top_box .logo_box{position:absolute;right:50px;bottom:50px}

/* 아스테라 비틀 */
#p39 .top_box{background:url('/sh_page/img/p39_bg.jpg') no-repeat right bottom}
#p39 .top_box .big_txt{margin:40px 0 30px}

/* JS파크골프 */
#p41 .mid_txt{margin-top:40px}
#p41 .brand_box{height:390px;background:url('/sh_page/img/p41_bg.jpg') no-repeat center;background-size:cover}

/* JS-100 */
#p42 .top_box{border-bottom:0;background:url('/sh_page/img/p42_bg.jpg') no-repeat right top;background-size:cover}
#p42 .top_box p{margin-top:50px}
#p42 .big_txt{margin-top:15px;color:#fff}

/* 교육센터 */
#p43 .icon_list{display:flex;flex-wrap:wrap;gap:20px;margin-top:50px}
#p43 .icon_list li{display:flex;align-items:center;gap:20px;width:calc(100%/3 - 13.4px);padding:30px;border:1px solid #e1e1e1}
#p43 .icon_list li .icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:5px;background-color:#f5f5f5}
#p43 .icon_list li .txt{font-size:18px;font-weight:700;color:#222}
#p43 .edu_bt{margin-top:70px}
#p43 .edu_bt>img{width:100%}
#p43 .edu_bt .box{position:relative;width:calc(100% - 100px);margin:-70px auto 0;padding:70px 50px 0;background-color:#fff}
#p43 .edu_bt .box .box_cont01 .cont_tit{display:block;width:max-content;margin:0 auto;padding:0 30px;border-radius:50px;font-size:18px;line-height:45px;font-weight:600;color:#fff;background-color:var(--primary)}
#p43 .edu_bt .equipment_box{margin-top:60px}
#p43 .edu_bt .equipment_box dl{display:flex;}
#p43 .edu_bt .equipment_box dl+dl{margin-top:50px}
#p43 .edu_bt .equipment_box dl dd{position:relative;width:100%;padding:15px 0 0 50px}
#p43 .edu_bt .equipment_box dl dd .tit{font-size:20px;font-weight:700;color:#111}
#p43 .edu_bt .equipment_box dl dd .tit span{display:block;margin-bottom:9px;font-size:14px;font-weight:600;color:#888}
#p43 .edu_bt .equipment_box dl dd .txt{margin-top:23px;padding-top:35px;border-top:1px solid #e1e1e1}
#p43 .edu_bt .equipment_box dl dd .btn_wrap{position:absolute;right:0;top:20px;display:flex;gap:5px}
#p43 .edu_bt .equipment_box dl dd .btn_wrap a{position:initial}
#p43 .edu_bt .equipment_box dl dd a{position:absolute;right:0;top:20px;padding:0 20px;border-radius:5px;font-size:14px;font-weight:500;line-height:40px;color:#fff;background-color:#333}
#p43 .edu_bt .equipment_box dl dd a i{margin-left:10px}
#p43 .edu_bt .box .box_cont02{display:flex;margin-top:66px;padding-top:70px;border-top:1px solid #e1e1e1}
#p43 .edu_bt .box .bubble_txt{display:inline-block;position:relative;font-size:16px;line-height:40px;font-weight:700;padding:0 25px;color:#fff;background-color:#333}
#p43 .edu_bt .box .bubble_txt:before{position:absolute;left:10px;bottom:-7px;content:'';width:13px;height:7px;background:url('/sh_page/img/p43_bubble.png') no-repeat center}
#p43 .edu_bt .box .big_txt{padding:16px 0 20px 25px}
#p43 .edu_bt .box .tel_txt{display:flex;gap:20px;align-items:center;padding-left:25px;font-size:25px;font-weight:700;color:var(--primary)}
#p43 .edu_bt .box .tel_txt i{display:flex;align-items:center;justify-content:center;width:55px;height:55px;border-radius:5px;font-size:20px;color:#fff;background-color:var(--primary)}
#p43 .edu_bt .box .tel_txt .tel{white-space:nowrap;color:#333;font-family:var(--e-font)}
#p43 .edu_bt .box .r_cont{padding-top:35px;text-align:center}
#p43 .edu_bt .box .r_cont img+img{margin-top:15px}

.game_page .line{display:block;width:40px;height:1px;margin:50px auto;background-color:#e1e1e1}
.game_page .mid_txt{font-size:18px;text-align:center}

/* 미니파크골프 */
#p44 .tit_txt{display:block;width:max-content;margin:70px 0 30px;padding:0 15px;font-size:18px;font-weight:700;line-height:35px;color:#fff;background-color:var(--primary)}
#p44 .effect_list{display:flex;flex-wrap:wrap;gap:10px;padding:15px;background-color:#f5f5f5;}
#p44 .effect_list li{display:flex;align-items:center;gap:15px;width:calc(100%/2 - 5px);padding:15px;border-radius:10px;font-weight:500;color:#333;background-color:#fff}
#p44 .effect_list li span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:100%;font-size:14px;font-weight:600;color:#fff;background-color:#333;font-family:var(--e-font)}
#p44 .rule_list{display:flex;gap:30px}
#p44 .rule_list li{width:100%}
#p44 .rule_list li img{width:100%}
#p44 .rule_list li .tit{margin:25px 0;padding-bottom:15px;border-bottom:1px solid #e1e1e1;font-weight:600}
#p44 .rule_list li .tit span{display:block;font-size:20px;font-weight:700;color:#111}
#p44 .rule_list li .txt span{display:block;margin-top:15px;font-size:14px;color:#888}
#p44 .img_list{display:flex;gap:30px;flex-wrap:wrap}
#p44 .img_list li{position:relative;width:calc(100%/3 - 20px)}
#p44 .img_list li img{width:100%}
#p44 .img_list li p{position:absolute;right:0;bottom:0;padding:0 15px;font-weight:600;line-height:35px;color:#fff;background-color:var(--primary)}
#p44 .video_list{display:flex;gap:30px}
#p44 .video_list li{width:100%}
#p44 .video_list li iframe{width:100%;height:330px}

/* 골프윷놀이 */
#p45 .img_list{display:flex;gap:30px;margin-top:80px}
#p45 .img_list li{width:100%;font-size:18px;text-align:center;font-weight:600;color:#111}
#p45 .img_list li img{width:100%;margin-bottom:20px}

/* TECHNOLOGY */
#p47 .gray_box{margin-top:32px;padding:20px 50px 50px;background-color:#f5f5f5}
#p47 .gray_box ul{display:flex;flex-wrap:wrap;justify-content:space-between}
#p47 .gray_box ul li{position:relative;width:calc(100%/2 - 10px);padding:25px 0 25px 18px;font-size:16px;font-weight:700;color:#333}
#p47 .gray_box ul li:nth-child(n + 3){border-top:1px dashed #e1e1e1}
#p47 .gray_box ul li:before{position:absolute;left:0;top:36px;content:'';width:3px;height:3px;border-radius:100px;background:var(--primary)}
#p47 .gray_box ul li span{font-weight:400;color:#666}
#p47 .gray_box ul li span b{font-weight:700;color:var(--primary)}
#p47 .gray_box div{display:flex;align-items:center;gap:40px;padding:40px;background-color:#fff}
#p47 .gray_box div .txt span{display:block;margin-bottom:12px;font-size:16px;font-weight:700;color:#333}
#p47 .tech_cont{margin-top:70px}
#p47 .tech_cont .cont_tit{display:inline-block;padding:0 15px;font-size:18px;font-weight:700;line-height:35px;color:#fff;background-color:var(--primary)}
#p47 .tech_cont .cont_btn{display:block;width:max-content;padding:0 30px;margin:32px auto 0 50px;border-radius:5px;line-height:45px;font-weight:500;color:#fff;background-color:#333;transition:all .3s;}
#p47 .tech_cont .cont_btn i{margin-left:15px}
#p47 .tech_cont .cont_btn:hover{background:var(--primary)}
#p47 .tech_cont ul{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:40px;margin-top:50px}
#p47 .tech_cont ul li{width:calc(100%/2 - 10px)}
#p47 .tech_cont ul li .img{display:flex;align-items:center;justify-content:center;width:100%;height:280px;border:1px solid #e1e1e1}
#p47 .tech_cont ul li .cont{display:flex;padding:20px 20px 0}
#p47 .tech_cont ul li .cont .num{display:flex;align-items:center;justify-content:center;width:25px;height:25px;margin-right:15px;border-radius:3px;font-size:13px;line-height:1;font-weight:600;color:#fff;background-color:#333;font-family:var(--e-font)}
#p47 .tech_cont ul li .cont .txt{margin-top:-2px;font-size:18px;line-height:28px;font-weight:700;color:#333}
#p47 .tech_cont ul li .cont .txt em{display:block;font-size:15px;font-style:normal;font-weight:400;color:#666}
#p47 .tech_cont ul li.last{padding:35px 20px 0}
#p47 .tech_cont ul li.last img{display:block;margin:0 auto;}
#p47 .tech_cont ul li.last img+img{margin-top:20px}
#p47 .tech_cont ul li.last p{display:flex;gap:20px;margin-top:35px}
#p47 .tech_cont ul li.last p span{font-weight:700;color:#333}