@charset "UTF-8";


/**********
* ## Responsive
**********/

/* 
@media only screen and (max-width: 1200px) and (min-width: 992px){
}
*/


@media(min-width: 1024px){
	.section-main-visual .swiper-slide{min-width: calc(var(--container-width) - 3rem);}

}
@media(min-width: 992px){
    html{font-size: 12px;}
	.header-nav{display: flex;}

		
	/**********************
	** ## COMMON
	**********************/
	.hidden-lg{display: none;}
	.show-mobile { display:none!important}
	.font-xs{font-size: 1.5rem;}

	.btn.full{width: inherit; }
	.btn-more{min-width: 22rem;}
	.scroll-to-top .scroll-top-icon{width: 24px; height: 13px;}

	#footer{padding-bottom: 0;}
	.fixed-util{display: none;}

	.hidden-header #header{display: flex;}
	.page-title{display: none;}

	.select-box .select-list a{font-size: 1.3rem;}

	/* .banner{height: 25rem; overflow: hidden;}
	.banner img{object-fit: cover; height: 100%; width: 100%;} */
	.banner img{display: block; margin: 0 auto;}

	.pop-wrap{max-width: 500px;}
	.layer-popup.full .pop-wrap{height: auto;}
	.layer-popup.full .pop-content{max-height: 500px; height: 100vh;}
	.layer-popup.full .pop-footer{position: relative;}


	body.st-up .layer-popup .pop-content{padding-bottom: 2rem;}

	/**********************
	** ## HEADER
	**********************/
	#header .util-user{display: block; margin-top: 10px; margin-right: 1.25rem;}
	#header .util-user .ico-user{width: 3rem; height: 3rem;}

	.util-button{position: relative; right: 0;}

	/**********************
	** ## FOOTER
	**********************/
	/* .footer-info-wrap{flex-direction: row;}
	.footer-widget{margin-left: 3rem; margin-top: 0;} */
	.logo a{width: 177px; height: 29px;}
	.hidden-footer #footer{display: block;}

	.has-fixed-button #footer{padding-bottom: 7.5rem;}
	
	
	/**********************
	** ## MAIN
	**********************/
	.section-main-visual .screen-image{max-height: 400px;}
	.section-main-visual .swiper-slide{width: calc(var(--container-width) - 3rem); max-width: calc(var(--container-width) - 3rem); }

	.section-main-visual .swiper-pagination{max-width: calc(var(--container-width) - 3rem); display: flex; justify-content: flex-end; align-items: center; right: 0; margin: 0 auto;}
	.section-main-visual .swiper-pagination .swiper-num-bg{right: 3rem; margin: 0; display: inline-block;}
	.section-main-visual .swiper-pagination .swiper-num-wrap{left: auto; right: 3rem; transform: none; top: 0; width: 6rem;}

	.myclub-info{padding: 3rem;}
	.myclub-wrap{padding: 3rem 3rem 6rem;}
	.myclub-area .self-ai-list{display: flex;}
	.myclub-area .self-ai-list .club-item{flex: 0 0 49%; }
	.myclub-area .self-ai-list .club-item + .club-item{margin-left: 2%;}

	.ranking-list li{padding: 2.5rem;}
	.ranking-list li .content{display: flex; margin-left: 3rem;}
	.ranking-list li .content .product-thumb{display: block;}
	.ranking-list li .content .rank-etc{width:350px; margin-left: auto;}

	.score-box{padding: 3rem;}
	.score-box .VS{top: 20%;}
	.score-swiper .score-box .VS{top: 16%;}

	.banner-community{background-image: url('../images/main/pc-online-community.jpg'); height: 16.75rem;}


	.swiper-arrows button{width: 60px; height: 60px;  }
	.btn-swiper-prev{background-image: url('../images/icons/ico-arw-slider-l.png')}
	.btn-swiper-next{background-image: url('../images/icons/ico-arw-slider-r.png'); }
	.swiper-arrows .btn-swiper-prev{left: -100px; margin-top: -30px; }
	.swiper-arrows .btn-swiper-next{right: -100px; margin-top: -30px; }

	.products-swiper .swiper-arrows{top: 30%;}
	.myclub-swiper .swiper-arrows{top: 38%;}
	.score-swiper .swiper-arrows{top: 43%}

	/**********************
	** ## MENU
	**********************/


	/**********************
	** ## SUB
	**********************/
	.section-title{margin-bottom: 2.5rem; line-height: 1;}
	.section-desc{font-size: 15px;}

	.section-page{padding: 5rem 0;}
	.section-page:last-child{padding-bottom: 10rem;}
	.subwrap-top{text-align:center; padding-top: 60px; display: block;}

	.sub-top-visual{display: block;}

	.sub-top-tab{background-color: #333;}
	.sub-top-tab ul li a{color: #ccc;}
	.sub-top-tab ul li.active a, .sub-top-tab ul li a:hover{color:#fff}

	.sub-top-visual + .lnb-wrap{border-top: 1px solid var(--bg-color-d1);}
	.lnb-wrap{position:relative; background:#fff; bottom: 0; width: 100%; display: flex; align-items: center; margin-top: auto; box-shadow: none; border-bottom: 1px solid var(--bg-color-d1);}
	.lnb-wrap.fixed-layer{position:fixed; background:#fff; top: 0; width: 100%; z-index: 10; border-bottom: 1px solid var(--bg-color-d1);}
	.lnb-wrap .lnb-menu{display: flex; align-items: center; width: 100%; }
	.lnb-wrap .btn-lnb{display: none;}
	.lnb-wrap .lnb-menu .ic{display: inline-block; margin-left: 10px; width: 2px; height: 20px; background-color: #000;}
	.lnb-wrap .lnb-menu ul{display: flex; align-items: center; margin-left: 3rem;}
	.lnb-wrap .lnb-menu li{position:relative; color: #666; text-align: center; height: 100%; line-height: 5rem;}
	.lnb-wrap .lnb-menu li a{color: #666; height: 100%; line-height: 4.5rem; text-align: center; font-size: 15px;}
	.lnb-wrap .lnb-menu li a.active{color: #000; font-weight: 500; background-color: #fff; }
	/* border: 1px solid var(--bg-color-d1); border-bottom: 0; padding-bottom: 1px; */
	.lnb-wrap .lnb-menu li a:hover{color: #000; font-weight: 500;}



	/**********************
	** ## PRODUCTS
	**********************/
	.products-list{margin-bottom: 30px;}
	.products-list .grid-list{justify-content: space-between}
	.products-list .grid-list .grid-item{flex: 0 0 31.5%;}
	/* .products-list .grid-list .grid-item:nth-child(3n-1){margin-right: 5px; margin-left: 5px;}
	.products-list .grid-list .grid-item:nth-child(3n) {margin-right: 0; margin-left: 10px; } */

	.badge-club{font-size: 15px;}

	.step-btns{position: relative; left: 0; right: 0; bottom: 0; margin-top: 6rem;}
	.step-btns .btn-wrap{padding: 0;}

	.data-info-wrap .btn-wrap{margin-top: 6rem;}
	.data-info-wrap .btn-wrap .btn{width: 22rem;}

	.data-btn-wrap li a{background-image: url('../images/products/pc-clubsearch-item.jpg');}
	.data-btn-wrap li:last-child a{background-image: url('../images/products/pc-clubsearch-bigdata.jpg');}

	.section-banner.data-info{max-width: 1000px; margin: 3rem auto 0; }

	.step-header .desc{font-size: 18px;}
	
	.step-form .form-group{margin-bottom: 6rem;}
	.step-form .form-group.has-input-box{margin-bottom: 4.5rem;}
	.step-form .form-group .label em.dt{display: inline-block; margin-left: 0.5rem; margin-top: 0;}
	.step-range .noUi-value-sub:nth-child(4n){display: inline-block;}



	/*page-product-result*/
	.layer-step-result .pop-wrap{top: 40% !important; height: auto; }
	.layer-step-result .pop-wrap .pop-content{height: auto; padding: 4rem;}

	.etc-btns.retry{display: flex; align-items: center; justify-content: space-between; padding: 1rem 0;}
	.etc-btn-group{display: flex; align-items: center; justify-content: space-between;}
	.etc-btn-group .etc-btns{text-align: center;}
	.etc-btn-group .etc-btns .desc{margin-bottom: 1.2rem;}
	.etc-btn-group .etc-btns .btn.full{width: 100%;}

	/* SPEC */
	.spec-header{height: 20rem;}
	.spec-brand{padding-top: 3rem;}
	.spec-thumb{top: 0; margin-top: 11rem;}
	.spec-container{margin-bottom: 10rem;}
	.spec-content .spec-sub .sub-desc{font-size: 1.5rem;}
	.layer-popup.layer-spec .pop-wrap{max-width: 800px;}
	.layer-popup.layer-spec .pop-content{max-height: 80vh;}


	.layer-golf-data .pop-content .pop-info{margin-bottom: 0;}


	/**********************
	** ## MYCLUB
	**********************/
	.score-progress-wrap .progress-wrap .progress{max-width: 32rem;}

	/**********************
	** ## SELF
	**********************/
	.self-result .spec-thumb{margin-top: 0;}

	.layer-popup.layer-item .pop-wrap{height: 60vh;}

	/**********************
	** ## REVIEW
	**********************/
	.grid-result-list .grid-list .grid-item .grid-image{width: 20%;}
	.grid-result-list .grid-list .grid-item .grid-content{margin-left: 30px; width: calc(80% - 30px);}
	.grid-result-list .grid-list .grid-item .grid-content .grid-etc .btn{flex: 0;}

	.grid-result-list .grid-list .grid-item .grid-content .btn-wrap{margin-top: -33px; position: absolute; right: 0; z-index: 2;}
	.grid-result-list .grid-list .grid-item .grid-content .btn-wrap .btn{width: auto;}

	.step-range.avg .noUi-horizontal{height: 12px;}
	.step-range.avg .noUi-horizontal .noUi-handle{width: 2rem; height: 2rem; top: -0.45rem;}

	.step-range.avg{justify-content: flex-start;}
	.step-range.avg > div{width: 60%;}
	.step-range.avg > .avg-box{margin-left: 4rem;}


	/**********************
	** ## REVIEW VIEW
	**********************/
	.review-info-top > div{margin-bottom: 0;}
	.review-info-top{display: flex; align-items: center;}
	.review-info-top .review-num-wrap{flex: 0 0 55%; border: 0; padding: 0; margin-bottom: 0;}
	.review-info-top .recom-wrap{flex: 0 0 40%; margin-left: 5%;}
	.review-info-top{margin-top: 6rem;}
	.recom-wrap .section-title{display: none;}

	.file-list div{flex: 0 0 15%; height: 10rem;}
	.file-list div img{max-width: 100%;}
	/* .etc-info-wrap ul{flex-direction: column;}
	.etc-info-wrap ul li{flex: 1; width: 100%; margin-bottom: 1rem;} */

	.layer-user-data .user-data-list .review-progress-wrap .progress-wrap .label{width: 25%}

	.brand-rank{right: 25%; top: 3rem;}

	.layer-image .pop-content{max-height: 80vh;}
	.image-swiper .swiper-arrows .btn-swiper-prev{left: 0;}
	.image-swiper .swiper-arrows .btn-swiper-next{right: 0;}
	.image-swiper img{max-height: 60vh;}

	
	.box-list .box-item .box-footer{font-size: 1.3rem;}

	/**********
	* ## RANKING
	**********/
	.ranking-top{display: flex; align-items: center; justify-content: space-between; }
	.ranking-top .icon-text-wrap{margin-top: 0;}


	/**********************
	** ## OVERVIEW
	**********************/
	.company-banner{margin-top: 0; margin-bottom: 6rem;}

	/**********************
	** ## CONTACT
	**********************/
	.check-container .check-box{display: inline-flex;}



	/**********************
	** ## FORM
	**********************/
	.email-input{display: flex;}
	.email-input .input {width: 33%;}
	.email-input .unit {width: 4%; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #666;}
	.email-input .select-box {position: absolute; right: 0; top:0; width: 28%; margin-left: 2%; margin-top: 0;}

	.bs-number-input{display: inline-block; width: 60%;}
	.bs-number-input .bno1{width: 80px;}
	.bs-number-input .bno2{width: 50px;}
	.bs-number-input .bno3{width: 100px;}

	.phone-input{flex-wrap: nowrap;}
	.phone-input .btn{width: auto;}
	.phone-input .btn-inner{margin-left: 1rem; margin-top: 0; display: inline-block; width: auto;}

	.cert-container .input{width: auto;}

	.form-btn{justify-content: center;}
	.form-btn .sp-submit{flex: none;}


	/**********************
	** ## FAQ
	**********************/
	.faq-wrap ul.faq li.faq-item a.faq-title{padding: 1.5rem;}
	.faq-wrap ul.faq li.faq-item .answer{padding: 1.5rem 1.5rem 2.5rem;}
	.faq-wrap ul.faq li.faq-item a.faq-title span.subject{font-size: 18px;}
	.faq-wrap ul.faq li.faq-item .answer .answer-content{font-size:1.25rem;}
	.faq-wrap ul.faq li.faq-item a.faq-title span.arrow{right: 1.5rem;}



	/**********************
	** ## BOARD
	**********************/
	.bbs-tab li{flex: none;}
	.bbs-tab li a {display:inline-block; min-width: 100px; padding: 0 1rem;}

	.bbs-top .top-left{font-size: 1.3rem;}
	.bbs-top .top-right ul.search-wrap > li input[type=text] {width: 200px; padding: 10px 20px; font-size: 1.3rem;}
	.bbs-top .top-right ul.search-wrap .select-box .btn-select{font-size: 1.3rem;}
	.bbs-top .top-right ul.search-wrap .select-box  {width:100px;}

	.bbs-table table td {border-bottom:1px solid #d1d1d1; padding:15px 20px; font-size: 15px;}
	.bbs-table table td.subject {text-align:left; padding: 15px 20px; border-bottom:1px solid #d1d1d1;}

	.bbs-list-search{margin-top: 40px;}
	.bbs-list-search .search-wrap{display: flex; align-items: center; justify-content: center;}
	.bbs-list-search .search-wrap li{flex-direction: row; position: relative;}
	.bbs-list-search .search-wrap li .select-box{width: 120px; border: 0; margin-right: 20px; padding-right: 10px;}
	.bbs-list-search .search-wrap li .select-box::after{position: absolute; top: 11px; right: 0; width: 1px; height: 15px; background: #121212; content: '';}
	.bbs-list-search .search-wrap li input[type=text]{border: 0; height: 38px; width: auto;}
	.bbs-list-search .search-wrap li input[type=text]::placeholder{text-decoration: underline;}
	.bbs-list-search .search-wrap li .btn-search{ background: url('../images/icons/ico_search.png') no-repeat center/cover; width: 16px; height: 16px; margin-top: -5px;}


	/**********************
	** ## BOARD VIEW
	**********************/
	table.bbs-view td.subject .detail-header{padding: 15px 30px;}
	table.bbs-view tbody td.contents{padding:30px; line-height:1.8em;}

	.bbs-bot ul li.subject{font-size: 15px;}
	.bbs-bot ul li.date {padding-right:30px;}

	#post-content iframe{max-width: 960px; width: 100%; height: 56vh;}

	.post-action .btn{min-width: 120px;}

	table.bbs-view tbody td.file-wrap{padding:20px 30px 20px;}
	table.bbs-view tbody td.file-wrap ul li {padding-right:20px;}
	table.bbs-view tbody td.file-wrap p{width: auto; height: auto;}
	table.bbs-view tbody td.file-wrap p span{display: inline-block;}

	/**********************
	** ## BOARD WRITE
	**********************/
	.bbs-write{padding: 30px;}

	.board-write .btn{max-width: 150px;}
	.poll-date-wrap{display: flex; align-items: center;}
	.poll-date-wrap .item{flex: 0 0 47.5%;}
	.poll-date-wrap .item .label{margin-bottom: 0;}
	.poll-date-wrap .item + .item{margin-top: 0; margin-left: 5%;}
	.post-poll-area .help-block{font-size: 15px; background-color: var(--bg-color-ed); padding: 1rem; border-radius: 4px;}

	/**********************
	** ## COMMENT
	**********************/
	#comment-write-box{margin: 60px 0 30px;}
	.media{padding: 15px;}


	/**********************
	** ## EVENT
	**********************/
	.bbs-gallery.event .grid-item{border-bottom: 0;}


	/**********************
	** ## PANEL
	**********************/
	.panel{margin: 12rem auto 7.5rem; padding: 0; max-width: 40rem;}

	.register-result-wrap .panel .panel-body{padding: 3rem;}
	.register-result-wrap .sp-submit{width: 200px;}


	/**********************
	** ## MYPAGE
	**********************/
	.mypage-list li a{padding: 2rem;}
	.mypage-content{min-height: 600px;}
	.mypage-content .form-btn{margin-top: 60px;}
	.mypage-content .row-item{flex-direction: row;}
	.mypage-content .row-item .item{flex: 0 0 32%; margin: 0;}
	.mypage-content .row-item .item a{padding: 2rem;}

	/**********************
	** ## Terms
	**********************/
	.privacy-wrap .privacy-box.summary{padding: 2.5rem;}
	.privacy-box.summary .list-style-box {display: table; width: 100%; table-layout: fixed; vertical-align: top;}
	.privacy-box.summary .list-style {display: table-cell; width: 50%;}
	.list-style-box .list-style{padding-left: 20px;}

}

@media (max-width: 991px) {
	.hide-mobile { display:none!important}
	.show-mobile { display:block !important}
}