@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------
 * Name      :web_layout.css    
 * Desc      :page layout 
 * Created   :
 * Updated   :
 ------------------------------------------------------------ */
body.fixe {overflow:hidden;}
.pc_view {display:block;}
.mb_view {display:none;}
img {max-width:100%}


.intro_wrap {padding: 0px 10px;}
.intro_wrap > h1 {text-align:center; padding: 80px 0px }
.intro_wrap .bt {display: flex; gap:30px; justify-content: center; margin-bottom: 110px;}
.intro_wrap .bt > li {}
.intro_wrap .bt > li > a {overflow: hidden; border-radius:20px; display: block; position: relative;}
.intro_wrap .bt > li > a:hover .go {background: #fff; color: #000;}
.intro_wrap .bt > li > a:hover .go img {-webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);}
.intro_wrap .bt .text { position: absolute; left:8%; bottom:8%;}
.intro_wrap .bt .text .txt_a {margin-bottom:0.5em; font-size:min(42px, 3.5vw); line-height: 1.3em; font-weight: 600; color: #fff; }
.intro_wrap .bt .text .go {display:flex; align-items: center; justify-content: center; width:min(126px, 10.5vw); height:min(47px, 3.91vw); border-radius:60px; border:2px solid #fff ;color:#fff; font-size:min(24px, 2vw); transition:all 0.3s 0s ease-in-out;}
.intro_wrap .bt .text .go img {max-width:4vw; transition:all 0.3s 0s ease-in-out; margin-left:4px;}



/* wrap */
#wrap {width:100%; overflow:hidden; margin:0 auto; transition:all 0.3s 0s ease-in-out;}
#inner_wrap {max-width:100%; margin:0 auto; position:relative;}
.inner {max-width:1270px; padding-left:10px; padding-right:10px; margin:0 auto;}
.s_inner {max-width:790px; margin:0 auto;}


#header {width:100%; max-width: 1952px; padding: 0px 10px; position: absolute; left: 50%; top:55px; transform: translateX(-50%); background: rgba(0, 0, 0, 49%);}
#header .pr {position: relative;}
#header h1 {position:absolute; left:0px; top:50%; transform:translateY(-50%); -wbkit-transform:translateY(-50%); overflow:hidden; transition:all 0.3s 0s ease-in-out; z-index:10}
#header h1 img {width: 70px;}
.in_header {max-width:1800px; margin:0 auto; width:100%; position:relative; z-index:9; transition:all 0.2s 0s ease-in-out;}
.in_header .top_ban {position:absolute; right:0px; top:50%; transform:translateY(-50%); -wbkit-transform:translateY(-50%); transition:all 0.3s 0s ease-in-out; z-index:10 }
.in_header .top_ban > a {color:#ffffff; font-size:16px; display: flex; width: 160px; height: 54px; border:2px solid #fff; align-items: center; justify-content: center; background-color: #D43636; border-radius:60px; text-transform: uppercase; font-weight: 600; line-height: 1.5em; transition:all 0.3s 0s ease-in-out;}
.in_header .top_ban > a:hover {color: #000; background: #fff;}

#header.fix {transform:none}
.fix .fix_header {width: 100%; position:fixed; padding: 0px 10px; left: 50%; top:0px; transform: translateX(-50%); background: rgba(0, 0, 0, 49%); z-index: 9;}
.fix .gnb {height: 90px;}




.slide_menu_wrap {width:100%; max-width:410px; box-sizing:border-box; height:100%;  z-index:998; position:fixed; right:-420px; top:0px; bottom:0px; box-shadow:-1px 0px 5px rgb(0, 0, 0, 0.25); }
.slide_menu_wrap:after {display:block; content:""; width:0%; height:100%; background:#000; position:fixed; left:0%; top:0px; opacity:0.5;  transition:all 0.3s 0s ease-in-out;}
.slide_menu_wrap.on:after {width:100%}
.slide_menu_inner {height:100%; background:#000; box-sizing:border-box; overflow-y:auto; overflow-x:inherit; -webkit-overflow-scrolling:touch; z-index:2; position:relative;}
.slide_menu_inner .menu_btn {position: absolute; right: 0px; top:12px; transform: none;}
.slide_menu_inner .menu_btn span{background-color:transparent !important; background:none; }
.slide_menu_inner .menu_btn span:before{top:0;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg); background:#fff;}
.slide_menu_inner .menu_btn span:after{bottom:0;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg); background:#fff}


.slide_menu_wrap .navi {padding-top:80px;}
.slide_menu_wrap .navi > ul {overflow:hidden;}
.slide_menu_wrap .navi > ul > li:first-child {display:none;}
.slide_menu_wrap .navi > ul > li {border-bottom:1px solid #333; transform:translateX(30%); -webkit-transform:translateX(30%); transition:all 0.8s 0s ease-in-out; -webkit-transition:all 0.8s 0s ease-in-out;}
.slide_menu_wrap .navi > ul > li > a {display:block; line-height:140%; font-size:18px; font-weight:500; color:#fff; padding-left:50px;} 
.slide_menu_wrap .navi > ul > li > a > span {display:flex; align-items: center; min-height:60px; box-sizing:border-box; padding:20px 0px; position: relative; z-index: 2}
.slide_menu_wrap .navi > ul > li > a:after {display:block; content: ""; width: 0px; height: 100%; position: absolute; right: 0px; top: 0px; background: #29973c; transition:all 0.2s 0s ease-in-out;}
.slide_menu_wrap .navi > ul > li > a:before {display: block; content: ""; width:0px; height:0px; box-sizing: border-box; border: 1px solid #fff; border-right:none; border-bottom:none; transform: rotate(-225deg); position: absolute; left:-30px; top: 50%; margin-top: -5px; transition:all 0.2s 0s ease-in-out; z-index: 2; opacity: 0}
.slide_menu_wrap .navi > ul > li:hover > a:before {left:15px; width: 10px; height: 10px; opacity: 1;}
.slide_menu_wrap .navi > ul > li:hover > a:after {width: 100%;}
.slide_menu_wrap .navi > ul > li > a.on {background:#fa485b;} 
.slide_menu_wrap.on .navi > ul > li {transform:translateX(0%); -webkit-transform:translateX(0%); transition:all 0.8s 0s ease-in-out; -webkit-transition:all 0.8s 0s ease-in-out;}



.gnb_wrap {position:relative;}
.gnb_w { width:100%; padding:0px 170px;}
.gnb {margin:0 auto; width:100%; max-width:700px; height:109px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; transition:all 0.3s 0s ease-in-out;}
.gnb > li {padding:0px 3%}
.gnb > li:first-child {display:none;}

.gnb > li > a {display:block; position:relative; font-size:16px; color:#fff}

.gnb > li > a:after {display:block; content:""; width:0px; height:2px; opacity:0.5; background:#fff; position:absolute; left:0%; transition:all 0.2s 0s ease-in-out; }
.gnb > li.active > a:after, .gnb > li > a:hover:after {width: 100%;}


.menu_btn {position: absolute; right: 0px; top:50%; transform: translateY(-50%); display:none;}


/* section */
.section {font-size:18px;font-weight: 400; line-height:140%; color: #000; padding-left:10px; padding-right: 10px; letter-spacing:-0.04em; }
.section_tit {padding:0px 0px 0.5em 0px; font-size:50px; line-height: 1.3em; font-weight:500; color: #000}
.aticle_tit {padding:0px 0px 0.7em 0px; font-size:32px; line-height: 1.3em; font-weight:600; color: #000; }
.title_bar .section_tit {line-height: 1.2em;}
.title_bar .section_tit+.dec {margin-top:-0.6em}
.title_bar .point_txt {padding-bottom:0.8em;}
.point_txt {font-size:20px; color: #29973c; font-weight:500; line-height: 1.4em}
.tt {text-transform: uppercase}
.fs20 {font-size:1.11em; font-weight:500; padding-bottom: 0.5em;}
.fs16 {font-size:0.88em; line-height: 1.4em;}
.arrow_link, a.arrow_link {display: inline-flex; align-items: center; color: #000;} 
.arrow_link .view {color:#ff0000; font-weight: 600; min-width: max-content; margin-left: 1em; font-size:16px;}
.arrow_link .arrow {display: flex; justify-content: center; align-items: center; min-width:28px;  width: 28px; height: 28px; border-radius: 100%; background: #fff;  transition:all 0.2s 0s ease-in-out; margin-left:10px; } 
.arrow_link .arrow:after {content:'>'; /*width:7px; height: 7px; border-top: 2px solid #000; border-right:2px solid #000; display: inline-block; transform: rotate(45deg);*/ color: #000; font-size:24px; line-height:1em; transition:all 0.2s 0s ease-in-out;} 
.arrow_link:hover .arrow {background: #000;} 
.arrow_link:hover .arrow:after {border-color:#fff; color: #fff;} 

#section0 {padding:0px; margin-top: 0px; background:url(../img/common/top_visual.jpg) no-repeat center top; background-size:cover;}
.main_visual .inner {min-height:980px; display: flex; align-items: center}
.visual_txt {color:#fff; padding-top:100px}
.visual_txt .txt_a {margin-top: 0.4em; text-transform: uppercase; font-weight: 700; font-size:min(70px, 7.1vw); line-height: 1.15em;}


#section1 {}


.section .aticle:first-child {margin-top: 0px;}
.section .aticle {padding:70px 0px; margin: 0 auto;}
.section .aticle .dec {opacity:0.8; line-height: 1.6em}

.about_gtb {max-width:785px; padding:min(190px, 15.9vw) 0px !important;  margin: 0 auto;}
.why_gtb {max-width: 1150px; position: relative; min-height: 1006px; color: #fff; display: flex; align-items: center;}
.why_gtb > div {width: 100%}
.why_gtb:before {display: block; content: ""; width: 2055px; height: 100%; position: absolute; left: 50%; top: 0px; background: url(../img/common/gtb_bg.jpg) no-repeat left top/cover;  background: #1a1e28; transform: translateX(-50%); z-index: -1}
.why_gtb .aticle_tit {color: #fff;}
.why_gtb ul {display: flex; justify-content: space-between; gap:10px; padding:min(70px, 6.666vw) 0px;}
.why_gtb ul > li { text-align: center}
.why_gtb ul > li dt {display: flex; justify-content: center; align-items: center; padding:0.4em; width:min(300px, 25vw); height:min(300px, 25vw); font-size:min(40px, 3.33vw); font-weight:600; line-height: 1.3em; border-radius:100%; border:1px solid #fff; margin: 0 auto; }
.why_gtb ul > li dd {padding-top:2em}

.what_makes {margin-top:min(70px, 6.666vw) !important; padding-bottom: 0px !important }
.what_makes > ul {display: flex; gap:10px; padding:min(70px, 6.666vw) 0px; max-width: 1200px; margin: 0 auto; justify-content: space-between;}
.what_makes > ul > li {max-width: 380px; flex: 1; position: relative; padding-bottom:110px;}
.what_makes > ul > li > dl {background: #f5f7f9; border-radius:20px; padding:2em; height: 100%; }
.what_makes > ul > li > dl dt {font-size: 1.55em; font-weight: 600; line-height: 1.3em;}
.what_makes > ul > li > dl dd {padding-top:1em; padding-bottom:2em;}
.what_makes > ul > li .ico {position: absolute; right: 0px; bottom: 0px;}


.aticle_wrap_bg {position:relative; margin-top:min(70px, 6.666vw) !important; margin-bottom:min(70px, 6.666vw) !important }
.aticle_wrap_bg:before {display: block; content: ""; width: 120%; height: 100%; position: absolute; left: 50%; top: 0px; background: #f5f7f9; transform: translateX(-50%); z-index: -1;}
.aticle_wrap_bg.mt0 {margin-top: 0px !important}
.aticle_wrap_bg.mb0 {margin-bottom: 0px !important}

.golf_vision_sp {max-width: 1400px; gap:10px; margin: 0 auto; display: flex; padding:min(60px, 4.2vw) 0px; }
.golf_vision_sp .img {width:56%;}
.golf_vision_sp .info {max-width:560px; flex: 1; width: 100%}
.golf_vision_sp h5 {font-size:2.2em; font-weight: 600; line-height: 1.3em; padding-bottom:0.7em;}
.golf_vision_sp .link > li:not(:first-child) {margin-top: 0.7em;}


.youtube_wrap_max {max-width:998px; margin:0 auto; position: relative}
.youtube_wrap_max.cover:after {display: block; content: ""; width: 100%; height: 100%; background:none; position: absolute; left: 0px; top: 0px;}
.youtube_wrap {position:relative; padding-bottom:calc(528 / 998 * 100%); }
.youtube_wrap iframe, .youtube_wrap video {width:100% !important; height:100% !important; position:absolute; left:0px; top:0px;}
.youtube_wrap.no_video:after {display:block; content:""; width:100%; height:100%; position:absolute; left:0px; top:0px; background:url(../img/introduce/02_img01.jpg) no-repeat center center; background-size:cover}

.vision_sp_video .tt {font-size:1.1em;}
.vision_sp_video > li {margin-bottom:min(80px, 6.66vw) }
.vision_sp_video > li .tt {padding-top:1em;}
.vision_sp_video .youtube_wrap {padding-bottom: calc(444 / 790 * 100%);} 
.vision_sp_video.flex {display: flex; justify-content: center; gap:min(30px, 2.5vw) }

.perfect_fit {max-width:1250px; margin: 0 auto;  margin-top:min(70px, 6.666vw) !important; }
.perfect_fit thead th {text-align: left; padding:1em 0.5em;}
.perfect_fit thead th .img {transform:translateX(-17%)}
.perfect_fit thead th .txt {padding:0.5em 0px; font-size: 1.75em; line-height: 1.4em; font-weight: 600}
.perfect_fit tbody tr {border-top:2px solid #bbbbbb; }
.perfect_fit tbody tr:last-child {border-bottom:2px solid #bbbbbb; }
.perfect_fit tbody th {text-align: left; font-weight:500; padding:0.5em 1em;}
.perfect_fit tbody td {text-align: left; font-weight:400; padding:0.5em;}

.business {display: flex; max-width:681px; margin: 0 auto; margin-top:min(70px, 6.666vw);  justify-content: center; flex-wrap: wrap}
.business > li {width: 227px; height: 227px; display: flex; justify-content: center; align-items: center; flex-direction: column; padding:1em; border-radius:100%; background: #2f3139; color: #fff;}
.business > li > p {min-height:2.5em; line-height: 1.3em; text-transform:uppercase; text-align: center; padding-top: 0.5em; letter-spacing:0px; }
.business > li img {max-width:10vw;}

.gdr_plus_slide {max-width: 790px; margin: 0 auto;}
.gdr_plus_slide .slick-track {display: flex; align-items: center;}


#section3, #section4 {margin-top:min(70px, 6.666vw); padding-top:min(70px, 6.666vw); border-top:2px solid #cacacb; }




.form_wrap .btn {display: flex; margin:0 auto; margin-top:min(70px, 6.666vw); width: 224px; height: 54px; font-size:1.111em; line-height: 1.4em; justify-content: center; align-items: center; color: #fff; font-weight:500; border-radius:60px; background: #29973c; border:none; outline:none; cursor: pointer; text-align: center;}


.form_list {display: flex; flex-wrap: wrap; gap:9px 14px;}
.form_list > li {width:calc(50% - 7px); position:relative; border:2px solid #bbbbbb; border-radius:10px; overflow: hidden;}
.form_list > li.one {width:100%;}
.form_list .select .text {padding-left: 0.75em;}
.form_list .select .form_label {background: #fff; padding-right:5px}
.form_list .textarea .form_label {top:0px; transform:none; line-height: 55px;}
.form_list .textarea .text {padding:1em; padding-top:1.3em}
.form_list .select .form_label { opacity:0.8; transform: translateY(-22px); font-size:12px; line-height: 1em}

.form_group .text {width: 100%; height: 55px; line-height: 1.3em; padding: 0px 1em; border:none; outline:none; font-size:16px; line-height: 1.3em; color: #666; background:none; padding-top: 0.3em }
.form_group .text:focus::placeholder{opacity:0;}
.form_group .text[readonly]{background:#f1f1f1;}
.form_group .text[readonly]:focus{border-color:#d3d5e0;}
.form_group .form_label {position: absolute; left:16px; top:50%;transform: translateY(-50%); z-index:2; color:#666; font-size:16px; line-height: 1.3em;  display: flex;  transition:all 0.3s 0s ease-in-out;}
.form_group .form_label .strong {font-size:1.9em; color: #ff0000; line-height: 0.3em; transform: translateY(57%); margin-left:0.2em;}
.form_group.focused .form_label, 
.form_group.fixed .form_label, 
.form_group.disabled .form_label {opacity:0.8; transform: translateY(-22px); font-size:12px; line-height: 1em}
.form_group.focused .text,
.form_group.fixed .text,
.form_group.disabled .text{}
.form_group.textarea.focused .form_label, 
.form_group.textarea.fixed .form_label, 
.form_group.textarea.disabled .form_label {transform: translateY(5px);}

/* footer */
#footerW {background:#1a1e28; padding:80px 10px;}
#footer {max-width:1240px; margin:0 auto; font-size:14px; font-weight:300; color:#fff;}
#footer a {color:#fff;}
#footer .f_top {display:flex; justify-content: space-between; gap:10px}
#footer .f_top .txt_a {font-size: 1.14em; font-weight: 400; line-height: 1.3em; margin-bottom:1em;}
#footer .f_top .email {font-size: 2.85em; font-weight:500; line-height: 1.3em; margin-bottom: 0.8em;}
#footer .f_top .navi > li {margin-top: 0.7em;}
#footer .f_logo {width:27% }
#footer .customer {flex: 1; width:20%;}
#footer .product {width: auto; min-width:18%}
#footer .related {width: auto; position: relative; align-self: flex-start;}
#footer .related .txt_a {display: flex;}
#footer .related .txt_a .plus {display: flex; width: 27px; height:27px; border:2px solid #fff; border-radius:100%; justify-content: center; align-items: center; margin-left:25px; transform: translateY(-5px); font-weight:200; line-height: 1em; font-size:15px;}
.related .link_area {position: absolute; left: 100%; top: 0px; padding:0px 1em; }
.related .link_area > ul > li:not(:first-child) {margin-top: 0.5em;}
.related .link_area > ul > li {text-align: center;}
.related .link_area > ul > li > a {display: block; color: #fff; border-bottom: 1px solid #fff;}


#footer .f_bottom {display: flex; flex-wrap: wrap; justify-content: space-between; gap:10px; margin-top: 45px; opacity: 0.6; font-size:12px;}
#footer .f_bottom .navi {display: flex; gap:10px 20px;}
#footer .f_bottom .navi > li {position: relative;}
#footer .f_bottom .navi > li:not(:first-child):before {display: block; content: "l"; position: absolute; left:-10px; top: 0px;}


#footer .f_menu {display:flex; gap:min(66px, 4.1875vw);}
#footer .f_menu .apt {display:flex; align-items:center; gap:10px; color:#1aaf6a}

#footer .go_top {z-index:99; padding-top:40px;}
#footer .go_top > a {display:block; color:#333; border:1px solid #464646; text-align:center; background:#252b2b; padding:15px; margin-left:auto}
#footer .addressW {padding:30px 0px; position:relative; display:flex; flex-wrap:wrap; gap:20px 60px;}
#footer .addressW .left .tel {margin-top:2em;}
#footer .addressW .left .tel > strong {font-size:1.428em; font-weight:700; line-height:1.3em; display:block}
#footer .addressW address {flex:1; line-height:150%; margin:-0.1em -0.5em}
#footer .addressW address > span {padding:0.1em 0.5em; display:inline-block}
#footer .addressW .right .etc_menu {display:flex; gap:20px;}
#footer .addressW .right .top_sns {max-width:186px; margin:3em 0px 0px auto; justify-content:space-between; gap:5px;}
#footerW .copy {padding-top:0.1em; padding-left:0.5em}


.alertPop {border-radius:10px; padding:20px 20px 30px 20px; border:2px solid #dfe2e5;}
.alert_txt {text-align:center; padding-top: 1em; font-size:16px; line-height: 1.5em; }
.alert_txt .txt_a {font-size: 1.25em; font-weight: 600; line-height: 1.3em;}
.alert_txt .txt_b {padding-top: 0.7em;}

.rule_box {max-width:1180px;}
.rule_box ol > li {margin-top: 0.5em; padding-left:0.7em; text-indent:-0.7em; opacity: 0.8; line-height: 1.6em;}
.rule_box ol > li {margin-top: 0.5em}
.rule_box ol > li .num {color:#29973c; min-width:1em}


/* 레이어팝 */
.layerPop {-webkit-overflow-scrolling:touch; overflow-y:auto; width:100%; position:fixed; left:0; right:0; top:0; bottom:0; z-index:99999; background:rgba(0, 0, 0, 50%); zoom:1;}
.layerPop_inner {width:100%; min-height:100%; padding:15px; display:flex; justify-content:center; align-items:center;}
.layerPop_inner .popContent {width:100%;/* margin:0 auto; */background:#fff;position:relative;}
.layerPop .x_btn {margin-left:auto; position:absolute; right:5px; top:5px; display:block; cursor:pointer; background:none; width:30px; height:30px; font-size:0px; z-index:2}
.layerPop .x_btn:after {display:block; content:""; width:20px; height:1px; background:#333; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:50%; left:50%;}
.layerPop .x_btn:before {display:block; content:""; width:20px; height:1px; background:#333; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:50%; left:50%;}
.layerPop .x_btn.black:after {background:#666;}
.layerPop .x_btn.black:before {background:#666}
.layerPop .pop_head {position:relative;}
.layerPop .pop_head .x_btn {position:absolute; right:10px; top:50%; transform:translateY(-50%);}
.layerPop .pop_head .title {font-size:24px; line-height:150%; margin-bottom:10px; color:#000; padding:10px; text-align:center; font-weight:600;}

@media screen and (max-width:1430px) {
	.related .link_area {left: 0px; top: 100%; padding: 0px; transform: translateY(-10px)}
	.related .link_area > ul > li {text-align: left;}
}


@media screen and (max-width:1120px) {
	#footer .f_top {flex-wrap: wrap; justify-content: center; text-align: center}
	#footer .f_logo {width: 100%}
	#footer .customer {flex:initial; width: 100%}
	#footer .product {flex:initial; padding:2em 0px; width: 100%}
	#footer .related{flex:initial;}
	#footer .f_top .txt_a {justify-content: center;}
	#footer .f_top .email {margin-bottom: 0.5em}

}


@media screen and (max-width:980px) {
    #header {top: 0px; left: 0px; transform: none;}
    #header h1 img {width: 60px;}
    .fix .fix_header {left: 0px;  transform: none;}
    .gnb_wrap {display:none;}
    .in_header .top_ban {display:none;}
    .menu_btn  {display: block}
    .in_header {height:80px;}
	
    .section {font-size: 16px;}
    .section_tit {font-size:40px}
    .aticle_tit {font-size:28px}
    .main_visual .inner {min-height:700px}
    .point_txt {font-size:2.04vw}
	
    .golf_vision_sp {flex-wrap: wrap}
    .golf_vision_sp .img {width: 100%; text-align: center}
    .golf_vision_sp .info {max-width:100%}
    .vision_sp_video.flex {flex-wrap: wrap; justify-self: center}
    .vision_sp_video > li {width: 100%; text-align: center}
}

/* 768 이하 */
@media screen and (max-width:768px) {
	.pc_view {display:none;}
	.mb_view {display:block;}
    .intro_wrap > h1 {padding:10.41vw 0px; }
	.intro_wrap > h1 img {max-width:19vw}

    .section {font-size: 15px;}
    .section_tit {font-size: 35px;}
    .aticle_tit {font-size: 25px;}
    .section .aticle { padding:9vw 0px }
    
    .main_visual .inner {min-height:600px; }
    .why_gtb {min-height:inherit}
    
     .business > li {width:30vw; height: 30vw}
	
	#footer {font-size:13px;}
	#footer .f_bottom {flex-direction: column; align-items: center}
	#footerW .copy {order:2}
}



/* 480px 이하 */
@media screen and (max-width:479px) {
	.intro_wrap .bt {gap: 10px;}
	.intro_wrap .bt {margin-bottom:20vw}
	.intro_wrap .bt .text .txt_a {font-size:4vw}
	.intro_wrap .bt .text .go {width:12.5vw; height:5.91vw; font-size:3vw;}
	.intro_wrap .bt > li > a {border-radius:10px; }
	
	
    
    #header h1 img {width:40px;}
	.slide_menu_wrap {max-width:80%}
	.slide_menu_wrap .navi > ul > li > a {padding-left: 40px; font-size: 16px;}
	.in_header {height:60px;}
    
    .main_visual .inner {min-height: 410px; }
    .visual_txt {padding-top: 10vw}
    .point_txt {font-size: 2.8vw}
    .section {font-size:13px;}
    .section_tit {font-size:6.25vw }
    .aticle_tit {font-size:4.65vw}
    .golf_vision_sp h5 {font-size:5.65vw}
	
    .why_gtb ul {flex-direction: column}
    .why_gtb ul > li dl {display: flex; flex-direction: column; align-items: center}
    .why_gtb ul > li dt {margin:0px 1em 0px 0px;}
    .why_gtb ul > li dd {padding:1em 0px;}
  
    
    .what_makes > ul {flex-direction: column}
    .what_makes > ul > li {max-width:100%; padding-bottom: 40px;}
    .what_makes > ul > li .ico img {max-width:100px}
	
	.perfect_fit thead th .txt {font-size: 1.5em}
    

    .business > li > p {font-size:3vw;}
   
    .arrow_link .arrow:after {font-size: 18px;}
    .arrow_link .arrow {width: 22px; height: 22px; min-width:22px;}
    
	#footerW {padding: 40px 10px;}
	#footer  { font-size: 12px;}
	#footer .f_top {padding-bottom: 10px;}
	#footer .f_top .email {font-size: 2em}
	#footer .related .txt_a .plus {width: 25px; height: 25px; margin-left: 20px;}
	#footer .f_logo img {max-width:40vw}

	
	#section5 {padding: 20px 10px 40px 10px;}
	
	.alert_txt {font-size:14px;}
}

/* contact */
#contactUs { opacity:1; width:280px; height:75px; background:#D43636; border-radius:30px 30px 0 0; transform:rotate(90deg); position:fixed; left:0; top:140px; text-align:center; border:4px solid #fff; border-bottom:0; overflow:hidden; transform-origin:left bottom; z-index:99; }
#contactUs.quick { animation:ani_5 0.5s 0.5s; animation-fill-mode:both; }
#contactUs a { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); align-items:center; justify-content:center; color:#fff; font-size:23px; font-weight:900; width:100%; }
#contactUs a { background-size:200% 100%; -webkit-background-clip:text; -webkit-text-fill-color: transparent; background-position:100%;  }
#contactUs.quick a { /*transition:all 0.7s 0.7s cubic-bezier(0.6, 0.6, 0.3, 1);*/ background-image:linear-gradient(to right, #fff, #fff, #fff, #fff 50%, #D43636 50%); background-position:0%; }
@media screen and (max-width:1430px){
	#contactUs { width:200px; height:65px; top:110px; }
	#contactUs a { font-size:20px; }
}
@media screen and (max-width:980px){
	#contactUs { width:170px; height:55px; top:25px; }
	#contactUs a { font-size:18px; }
}
@media screen and (max-width:768px){
	#contactUs { width:150px; height:45px; top:35px; border-radius:20px 20px 0 0; border-width:3px 3px 0 3px; }
	#contactUs a { font-size:16px; }
}
@media screen and (max-width:479px){
	#contactUs { width:90px; height:40px; top:20px; }
	#contactUs a { font-size:13px; }
}