@import url("/common/css/universe-m.css");
@import url("https://fonts.googleapis.com/css?family=Roboto:900,400,300,100,700,500");/* 20200720 MainPage Renew - Dean */

/* 20250325 Hankook font 추가 */ 
@font-face {
	font-family:'Hankook'; font-style:normal; font-weight:500;
	src:url('/common/font/HankookTTFMedium.woff2') format('woff2'),
		url('/common/font/HankookTTFMedium.woff') format('woff');
}
/* //20250325 Hankook font 추가 */

* {margin: 0;padding: 0;}
li, ul {list-style: none;}
img {width:100%; height:auto; margin:0; padding:0;}
a, img, div {margin:0; padding:0;}
a{display: block;text-decoration:none;}
p, div a, img {width:100%;overflow: hidden; margin: 0; padding: 0; font-size:0;}
.hidden, caption {text-indent: -9999999px; font-size:0; width:0; height:0; visibility: hidden;}
input[type='text'], input[type='password']{-webkit-appearance: none;border-radius:0;font-size:inherit;font-weight:inherit;}
button{border:0 none;}
input:focus{outline:0;}

html, body {width:100%; min-width:320px;font-family:sans-serif;}

body {font: 100% sans-serif;color: #FFF; background-color: #000;width:100%;overflow-x:hidden;}
/* 20221227  SNS Update - Max */
footer {width:100%;padding:34px 16px 34px;font-size:0.8em;background:#27134a;color:#c6b5e4;text-align:center;font-family:'Roboto', sans-serif;box-sizing:border-box;z-index: 10000000;}/* 20220608 Footer.v2 - Max */
footer a, footer p{width:auto!important;font-size:inherit;color:#c6b5e4;text-decoration:none;font-weight:normal;}
footer a{display:inline-block;position:relative;padding:0;color:#c6b5e4!important;font-size: 12px!important;}
footer p {margin-top:10px; color:#c6b5e4!important;font-size: 12px!important;line-height: 1.6;}
.footer_sns img {width: 40px;height: 40px;}
.footer_sns .youtube {padding: 0 10px!important;}
.footer_sns {margin-bottom: 23px!important;}
.footer_space {padding-left: 16px!important;} 
.copyright_text {margin-top: 7px!important;}
.copyright_area {margin-top: 8px!important;}
.footer_link_text {margin-top: 2px!important;} 
footer .footer_sns p {margin-top: 22px;margin-bottom: 10px;}
footer .footer_sponsorship p {margin-top: 30px;margin-bottom: 12px;}
footer .footer_contact {margin-top: 6px;}
footer .footer_copyright_font {font-size: 10px!important;}
footer #sponsor-uel_lc {margin-right: 10px;}
/* //20221227 */

header {position:fixed;background: #000;overflow: hidden;padding: 10px 20px 10px;width:100%; height: 50px;box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;z-index:1000;}
header >h1 {/*float:right;*/float:left;display: inline-block;vertical-align: bottom;text-align:center;/*width:125px !important;margin-right:10px;*/width:112px !important;margin:5px 0 0 -5px;}/* 20200709 MainPage Renew - Dean *//* 20200813 RU GNB Renew - ZhangYuChen */
header >h1 img {vertical-align:top;}/* 20200709 MainPage Renew - Dean *//* 20200813 RU GNB Renew - ZhangYuChen */
h1 a {color: #FFF; text-decoration: none;}
header input {float: right;padding: 10px;width: 200px;border: none;}

/* 20250319 GNB style 변경/브랜드 메시지 및 한국타이어 링크 추가 */
section {padding:80px 0 0 0;}
/* //20250319 GNB style 변경/브랜드 메시지 및 한국타이어 링크 추가 */
.menu-anchor {position:fixed;/*top:10px;left:10px;*/top:8px;right:17px;padding-top:2px; width: 30px;height:30px;display: inline-block; vertical-align: middle;text-indent: -9999px;overflow: hidden; cursor: pointer; /*background:url("../images/common/m_btn_menu.png") no-repeat center center; background-size: 100%;*/background:url("../images/common/m_btn_menu_new.png") no-repeat center center;background-size:80%;z-index:10000}/* 20200709 MainPage Renew - Dean */
.menu-active .menu-anchor{top:13px;/*left:155px;*/right:17px;width:25px;height:25px;background:url('../images/common/m_btn_menu_close.png') no-repeat 50% 50%;background-size:80%;}/* 20200709 MainPage Renew - Dean */

.tires{background:#fff;}
nav {position: fixed;top: 0;/*left: 0;*/right:0;z-index: 1000;width:190px;height: 100%;padding-top: 10px;background:rgba(0,0,0,0.9);box-shadow: inset -5px -10px 10px 0 rgba(0,0,0,.3);overflow-y: auto;box-sizing: border-box;padding-bottom: 20px;}/* 20200730 update - Nicole */

nav li a,
nav li span {display: block;margin: 0 10px !important;font-size:15px;padding: 10px !important;color: #FFF;text-decoration: none;font-family:'Roboto', sans-serif;}/* 20200720 MainPage Renew - Dean */
nav li ul{padding-left:20px; list-style: none;}

nav li.home > a {display:inline-block;}/* 20200709 MainPage Renew - Dean */
nav li a:hover {color: #7a48ab;}
nav .select {color:#7a48ab;}

nav {/*-webkit-transform: translateX(-220px);-moz-transform: translateX(-220px);-ms-transform: translateX(-220px);transform: translateX(-220px);*/-webkit-transform: translateX(220px);-moz-transform: translateX(220px);-ms-transform: translateX(220px);transform: translateX(220px);-webkit-transition: all .25s linear;-moz-transition: all .25s linear;-ms-transition: all .25s linear;transition: all .25s linear;}/* 20200709 MainPage Renew - Dean */

.menu-active nav {-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}

/* 20200429 추가  Seohyun */
nav .link_tbr {position:relative;color:#b676f6;}
nav .link_tbr:after {content:'';/*position:absolute;bottom:15px;right:36%;*/display:inline-block;margin:0 0 0 8px;width:5px;height:8px;background:url('/ru/mobile/images/common/ico_arrow.png') no-repeat;background-size:cover;}/* 20200709 MainPage Renew - Dean */
nav .link_tbr:hover {color:#b676f6;}
/* //20200429 */

/* 20200721 GNB Renew - Min */
/* 20250325 GNB style 변경/브랜드 메시지 및 한국타이어 링크 추가 */
#newheader {position:static; height:auto; padding:0; overflow:hidden; background:none; font-family:'Noto Sans KR', sans-serif;}
#newheader * {box-sizing:border-box;}
#newheader .newheader_wrap {position:fixed; z-index:1000; top:30px; left:0; width:100%; height:50px; padding-right:60px; overflow:hidden; background:#fff;}
#newheader .newheader_wrap h1 {position:absolute; top:15px; left:15px; width:114px;}
#newheader .newheader_wrap h1 img {display:block;}
#newheader .btn_nav {position:fixed; z-index:1002; top:38px; right:15px; width:34px; height:34px; background:none; outline:0;}
#newheader .btn_nav >span, #newheader .btn_nav >span::before, #newheader .btn_nav >span::after {width:24px; height:2px; background:#000;}
#newheader .btn_nav >span {position:absolute; top:50%; left:50%; margin:-1px 0 0 -12px; color:transparent; font-size:0; -webkit-transition:background-color .2s linear; transition:background-color .2s linear;}
#newheader .btn_nav >span::before {content:''; position:absolute; top:-7px; left:0; -webkit-transform:rotate(0); transform:rotate(0); -webkit-transform-origin:right; transform-origin:right; -webkit-transition:transform .2s linear; transition:transform .2s linear;}
#newheader .btn_nav >span::after {content:''; position:absolute; bottom:-7px; left:0; -webkit-transform:rotate(0); transform:rotate(0); -webkit-transform-origin:right; transform-origin:right; -webkit-transition:transform .2s linear; transition:transform .2s linear;}
#newheader.nav_active .btn_nav >span {background-color:transparent;}
#newheader.nav_active .btn_nav >span::before {-webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin:-2px 0 0 -1px;background-color:#fff;}
#newheader.nav_active .btn_nav >span::after {-webkit-transform:rotate(45deg); transform:rotate(45deg); margin:0 0 -1px -1px;background-color:#fff;}

.header_utility {position:fixed; z-index:1000; top:0; left:0; width:100%;background-color:#000;}
.header_utility .container {display:flex;align-items:center;justify-content:space-between;height:30px;margin:0 17px;}
.header_utility .brand_message {width:auto;font-family:'Hankook';font-weight:500;font-size:12px;line-height:30px;color:#fff;}
.header_utility .utility_nav {overflow:hidden;height:100%;}
.header_utility .utility_nav .utility_nav_item {position:relative;height:100%;padding-right:21px;} 
.header_utility .utility_nav .utility_nav_item a {display:inline-block;font-family:'Hankook';font-weight:500;font-size:12px;line-height:30px;color:#fff;}
.header_utility .utility_nav .utility_nav_item::after {content:'';display:inline-block;position:absolute;right:0;top:6px;width:17px;height:17px;background:url('../../front/images/common/ico_arrow_white_m.svg') no-repeat center/100% 100%;}
/* //20250325 GNB style 변경/브랜드 메시지 및 한국타이어 링크 추가 */
 
#sidenav {position:fixed; z-index:1001; top:0; right:0; width:100%; height:100%; padding-top:50px;}
#sidenav[aria-hidden="true"] {visibility:hidden; right:9999px;}
#sidenav .sidenav_bglayer {position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.9); opacity:0; -webkit-transition:opacity .2s; transition:opacity .2s; -webkit-transition-delay:.15s; transition-delay:.15s;}
#sidenav .sidenav_wrap {position:relative; padding:19px 0; max-height:100%; overflow-y:auto; overflow-x:hidden;}
#sidenav .menus {position:relative; border-top:1px solid #272727; opacity:0; -webkit-transform:translateY(-100%); transform:translateY(-100%); -webkit-transition:transform .3s cubic-bezier(0.33, 1, 0.68, 1)/*easeOutCubic*/, opacity .2s; transition:transform .3s cubic-bezier(0.33, 1, 0.68, 1)/*easeOutCubic*/, opacity .2s;}
#sidenav .menus >li {border-bottom:1px solid #272727;}
#sidenav .menus >li a {-webkit-tap-highlight-color:transparent;}
#sidenav .menus >li >a {position:relative; display:block; padding:15px 63px 16px 25px; color:#fff; font-weight:500; font-size:20px; line-height:1.25;}
#sidenav .menus >li >a.dropdown i {position:absolute; z-index:1; top:27px; right:24px; margin-top:-6px; width:12px; height:12px; -webkit-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:transform .15s linear; transition:transform .15s linear;}
#sidenav .menus >li >a.dropdown i::before {content:''; position:absolute; top:50%; left:0; margin-top:-1px; width:12px; height:1.5px; background:#fff; opacity:1; -webkit-transition:opacity .15s linear; transition:opacity .15s linear;}
#sidenav .menus >li >a.dropdown i::after {content:''; position:absolute; top:0; left:50%; margin-left:-1px; width:1.5px; height:12px; background:#fff;}
#sidenav .menus >li.select >a:not(.dropdown), #sidenav .menus >li >a:not(.dropdown):hover {color:#a17eea;}
#sidenav .menus >li.hover >a.dropdown i {-webkit-transform:rotate(90deg); transform:rotate(90deg);}
#sidenav .menus >li.hover >a.dropdown i::before {opacity:0;}
#sidenav .menus_dep2 {display:none; padding-bottom:27px;}
#sidenav .menus_dep2 >li >a, #sidenav .menus_dep2 >li >.dep_label {position:relative; display:block; padding:9px 63px 10px 25px; color:#fff; font-weight:500; font-size:18px; line-height:1.3;}
#sidenav .menus_dep2 >li >a.dropdown i {position:absolute; z-index:1; top:12px; right:26px; width:8px; height:8px;}
#sidenav .menus_dep2 >li >a.dropdown i::before {content:''; position:absolute; top:0; left:0; width:8px; height:8px; border-right:1.5px solid #fff; border-bottom:1.5px solid #fff; -webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:transform .15s linear; transition:transform .15s linear;}
#sidenav .menus_dep2 >li.hover >a.dropdown i::before {margin-top:6px; -webkit-transform:rotate(225deg); transform:rotate(225deg);}
#sidenav .menus_dep2 >li.select >a:not(.dropdown), #sidenav .menus_dep2 >li >a:not(.dropdown):hover {color:#a17eea;}/* 20200820 Add link:hover, Max */
#sidenav .menus_dep2 >li >a.dropdown + .menus_dep3 {display:none;}
#sidenav .menus_dep2 >li:last-child >.menus_dep3 {padding-bottom:0;}
#sidenav .menus_dep3 {padding:0 0 16px 20px;}
#sidenav .menus_dep3 >li >a, #sidenav .menus_dep3 >li >.dep_label {display:block; padding:6px 25px 7px; color:#fff; font-weight:300; font-size:17px; line-height:1.3;}
#sidenav .menus_dep3 >li >a .prd_concept {display:inline-block; vertical-align:middle; height:16px; margin:-3px 0 0 6px; padding:4px 6px 0; border-radius:3px; background:#2a292b; color:#aaa; font-size:10px; line-height:1;}
#sidenav .menus_dep3 >li.select >a, #sidenav .menus_dep3 >li >a:hover {color:#a17eea;}
#sidenav .menus_dep3 >li:last-child >.menus_dep4 {padding-bottom:0;}
#sidenav .menus_dep4 {padding-bottom:8px;}
#sidenav .menus_dep4 >li >a {display:block; padding:6px 25px 7px 42px; color:#fff; font-weight:300; font-size:17px; line-height:1.2;}
#sidenav .menus_dep4 >li.select >a, #sidenav .menus_dep4 >li >a:hover {color:#a17eea;}
#newheader.nav_active #sidenav {visibility:visible;}
#newheader.nav_active #sidenav .sidenav_bglayer {opacity:1; -webkit-transition-delay:0s; transition-delay:0s;}
#newheader.nav_active #sidenav .menus {opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
html.scrlock, html.scrlock body {overflow:hidden;}
html.scrlock body >section, html.scrlock body >main {position:fixed; top:0; left:0; width:100%;}
/* //20200721 GNB Renew - Min */

/* tab table */
.tab-wrap {width:100%; overflow: hidden; background:#e6e6e6; padding:30px 0 !important;}
.tab-wrap h3 {font-family: 'Roboto', "microsoft yahei", Arial, sans-serif;font-size:24px;  color:#222; text-align: center; font-weight: 100;  line-height: 3em;}
.tab-wrap .tabs {width:96%; margin:0 auto !important; height:40px;}
.tab-wrap .tabs li {float:left; width:50%; background:#fff;}
.tab-wrap .tabs li a {color:#aaa;display: block; padding:10px 0 !important; text-align: center; text-decoration: none;}
.tab-wrap .tabs li a.current {background:#490090;} 
.tab-wrap .tabs li a.current span {color:#fff;}
.tab-wrap .tabs li a span {color:#aaa; font-size:14px !important;font-family: 'Roboto', "microsoft yahei", Arial, sans-serif;font-weight: 100;}
.tab-wrap .tabs li.active a {background:#490090;} 
.tab-wrap .tabs li.active a span {color:#fff;}

.tab-wrap .tab_content_wrap {width:96%; margin:0 auto !important; overflow:hidden;}
.tab_content {margin-top:20px !important;font-size:12px; color:#aaa; }
.tab_content table {width:100%; border:none !important;border-spacing: 0px !important;}
.tab_content thead {background:#000;}
.tab_content th,.tab_content td {margin:0 !important; border:none;}
.tab_content th {background:#000; padding:10px 0 !important; color:#fff; }
.tab_content td {padding: 3px 0px 3px 6px !important; border-bottom:1px solid #aaa; color:#aaa;text-align:center;word-break:break-all}
.tab_content td.first {padding-top:15px !important;}
.tab_content td.left {text-align: left;}

.owl-item > div{text-align:center;}
#owl-demo .owl-item img{display:block;}
#owl-demo .owl-item .product a{padding:2px 0 !important;}
#owl-demo .owl-item .product img{width:65%;margin:0 auto !important;}
.owl-wrapper, .owl-item{height:100%;}
.main .owl-theme .product{height:100%;padding:31.3% 0 0 !important;background:url("../images/main/img_product.jpg") no-repeat;background-size:100% auto;box-sizing:border-box;}

.title{padding:0.5em 0 0.3em;background:#eaeaea;font-size:1.15em;font-weight:normal;text-align:center;}
.titles{padding:10px 20px;border-top:3px solid #7f5ff3;font-size:0.9em;}

/* cookie notice */
/* .cookie_notice{position:fixed;width:100%;height:100%;top:0;left:0;padding:0;background:rgba(0,0,0,0.8);z-index:10001;text-align:center;}
.cookie_notice .wrap{position:absolute;top:35%;left:50%;margin-left:-40%;width:80%;}
.cookie_notice p{font-size:1em;line-height:1.2;box-sizing:border-box;}
.cookie_notice a{margin:1em 0 1.5em;font-size:inherit;color:#a5a5a5;text-decoration:underline;}

.btn_close{padding:0.5em 1em;background:#4a2885;color:#fefefe;border:0 none;font-size:1em;}
 */

/*20191007 type_2 쿠키수집동의 팝업*/
.cookie_notice{position:fixed;width:100%;bottom:0;padding:20px;background:#222226;z-index:10001;text-align:left;box-sizing:border-box;font: 100% 'Roboto', 'AppleSDGothicNeo', sans-serif!important;}
.btn_close{padding:0.7em 1em;background:#6938bd;color:#fff;border:0 none;font-size:1em;float: right;margin-top: 1.4em;}
.cookie_notice p{font-size:1em;line-height:1.2;box-sizing:border-box;width: 100%;}
/* 20231129 수정 */
.cookie_notice .btn_link{margin:1em 0 0 0;font-size:inherit;color:#aaa;width:auto;}
.cookie_notice .btn_link:after{content:'';display:inline-block;width:6px;height:10px;background:url(../images/common/pop_arrow.png)no-repeat;margin-left: 10px;}

.cookie_notice .wrap{position:relative;padding-right:16px;}
.btn_close2{position:absolute;top:0px;right:0px;background:url(../images/common/ico_pop_close.png)no-repeat;border:0 none;width:16px;height:17px;}
.cookie_notice .pop_button_wrap {margin-top: 1.8rem;margin-left: -12px}
.cookie_notice .pop_button_wrap .btn {font: 87% 'Roboto', sans-serif!important;display:inline-block;padding:0rem 10px;height:39px;line-height:39px;background:#613ab6;color:#fff;border:0 none;font-size:1em;margin-left: 12px;font-weight: normal;letter-spacing: -0.05rem;font-size: 14px; padding: 0rem 5px;}
@media screen and (min-width:375px){
	.cookie_notice .pop_button_wrap .btn {
		margin-top: 10px;
	}
}

/* //20231129 수정 */

fieldset label{background:url('../images/common/m_btn_arrow02.png') no-repeat right 10px top 50%;background-size:1em auto;}
fieldset label, fieldset input[type='text'], fieldset .wrap p{display:inline-block;width:100%;min-height:34px;padding:0 0 0 10px;background-color:#fff;border:1px solid #e3e3e3;color:#858585;vertical-align:middle;box-sizing:border-box;line-height:2.4;text-align:left;}
fieldset .wrap {position:relative;box-sizing:border-box;}
fieldset .wrap select{position:absolute;top:0;left:0;width:100%;height:40px;min-height:40px;line-height:40px;padding:0 10px;opacity:0;filter:alpha(opacity=0);}
.main fieldset label, .main fieldset input[type='text'], .main fieldset .wrap p{background-color:#171717;border-color:#2d2d2d;color:#fff;}
.main fieldset input::-webkit-input-placeholder{color:#fff}
.main fieldset input::-moz-placeholder{color:#fff}

/* dealer locator */
fieldset{border:0 none;}
.find_dealer{padding:1.5em 0 0;}
.find_dealer fieldset{}
.find_dealer .wrap{margin:0 0 8px;font-size:0.9em;}
.find_dealer legend{width:100%;padding:0.5em 0;color:#cdcdcd;text-align:center;}
.find_dealer label{color:#858585;}
/* .find_dealer label{width:0;height:0;font-size:0;line-height:0;overflow:hidden;} */
.find_dealer select, .find_dealer input[type='text']{width:100%;}
/* 250123 매장찾기 하단 버튼 텍스트 노출처리 :not(.font-caption) 추가 */
.find_dealer .wrap p:not(.font-caption){display:none;position:absolute !important;top:0;left:0;width:100%;color:#865DCC;border:1px solid #865DCC;text-align:left;z-index:100;box-sizing:border-box}
 
.main .find_dealer{padding:3em 25px 0}
.main .find_dealer .wrap{margin:0 0 18px;}
.main .find_dealer legend{margin:0 0 1em;font-size:1.5em;}

.dealer_locator .wrapper{padding:0 25px 25px;}
.dealer_locator{background:#fff;color:#000;}
.dealer_locator .data{border:1px solid #c2c2c2;font-size:0.75em;}
.dealer_locator .data p{font-size:inherit;}
.dealer_locator .data .result{padding:1em;border-bottom:1px solid #d5d5d5;}
.dealer_locator .data .list li{position:relative;padding:1em 5em 1em 1em;border-top:1px solid #d2d2d2;word-wrap: break-word;}
.dealer_locator .data .list li strong{display:inline-block;margin:0 0 0.5em;}
.dealer_locator .txt_num{color:#ff7462;}
.dealer_locator .data .list li .txt_num{position:absolute;top:50%;right:0.8em;margin:-0.5em 0 0;}
.dealer_locator .data + .btns{margin:13px 0 0;}

/* 250313 매장찾기 버튼 간격 수정 */
.dealer_locator .links-wrapper {width:100%; display:flex; margin-top:calc(11/16*1rem); column-gap:calc(16/16*1rem);align-items:flex-start;}
.dealer_locator .links-wrapper .links-wrapper-container {display:flex;}
.dealer_locator .links-wrapper .links-wrapper-container a {width:100%; height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center;}
.dealer_locator .links-wrapper .links-wrapper-container a img {width:calc(40/16*1rem); height:calc(40/16*1rem);}
.dealer_locator .links-wrapper .links-wrapper-container a .font-caption {width:calc(40/16*1rem);;margin-top:calc(4/16*1rem); font-size:calc(9/16*1rem); color:#565656;word-break:break-all;}
/* //250313 매장찾기 버튼 간격 수정 */

.btn01{width:100%;padding:9px 0 6px;background:#4b2886;color:#fefefe;border:1px solid #2d2d2d;font-size:0.9em}

.btn_load_more{display:block;position:relative;width:100%;padding:7px 0;background:#fbfbfb;border:1px solid #f0f0f0;color:#6f599b;font-size:0.7em;}
.btn_load_more:after{content:'';position:absolute;top:0;right:0;width:3px;height:100%;background:#e7e7e7;}
.btn_load_more span{padding:0 15px 0 0;background:url('../images/common/m_btn_arrow01.png') no-repeat 100% 50%;background-size:1em auto;}


.btn_top{position:fixed;bottom:5em;right:1em;width:33px;height:33px;background:url('../images/common/m_btn_top.png') no-repeat 0 0;background-size:cover;text-indent:-10000em;overflow:hidden;z-index:10000}

.search_article{position:relative;padding:20px 100px 20px 120px;font-size:0.7em}
.search_article .wrap{}
.search_article .wrap, .search_article .btn01{float:left;}
.search_article .wrap:nth-child(1){position:absolute;top:20px;left:25px;width:90px;}
.search_article .wrap:nth-child(2){width:100%;}
.search_article .btn01{position:absolute;top:20px;right:25px;width:70px;padding:8px 0 6px;}

.search_article fieldset label, .search_article fieldset input[type='text'], .search_article fieldset .wrap p{min-height:25px}

.news{background:#fff;color:#333;}
.news .info{padding:11px 25px;background:#e9e9e9;border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;text-align:right;font-size:0.8em;}
.news .info dt, .news .info dd{display:inline;}
.news .info dt{margin:0 0 0 1em;font-weight:bold;}
.news .btns{padding:1em 25px;}

.article_list{color:#333;border-bottom:1px solid #d2d2d2;font-size:0.8em;}
.article_list *{font-size:inherit;}
.article_list dl{margin-top:10px;text-align:right;color:#;}
.article_list dl dt, .article_list dl dd{display:inline-block;}
.article_list dl dt{width:0;height:0;overflow:hidden;font-size:0;line-height:0;}
.article_list dl dd{margin:0 0 0 8px;padding:0 0 0 10px;}
.article_list dl dd.views{width:30px;text-align:center;}
.article_list dl dd ~ dd{border-left:1px solid #ccc;}
.article_list li{padding:1em 25px;border-top:1px solid #d2d2d2;}
.article_list p{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.article_list a{color:#333;}

.article_view{padding:1.3em 0 0;}

.page_list{background:#f8f8f8;border-top:1px solid #d2d2d2;font-size:0.8em;}
.page_list > div{padding:12px 25px 10px;border-bottom:1px solid #d2d2d2;}
.page_list strong{display:inline-block;width:12px;height:7px;margin:0 5px 0 0;text-indent:-10000em;overflow:hidden;vertical-align:middle;}
.page_list .prev strong{background:url('../images/common/m_btn_arrow_up.png') no-repeat;background-size:100% auto;}
.page_list .next strong{background:url('../images/common/m_btn_arrow_down.png') no-repeat;background-size:100% auto;}
.page_list a{display:inline;font-size:inherit;color:inherit;}
.page_list span{color:#aaa;}

.tb_list{color:#333;}
.tb_list thead{}

.context{margin:0 0 1em;padding:25px;border-bottom:1px solid #d2d2d2;font-size:0.75em;line-height:1.4}
.context, .context a{color:#343434}
.context a{text-decoration:underline;}
.context img{display:block;width:auto;max-width:100%;margin:0 auto 20px;}

.btns{}
.btns a{font-size:inherit;text-align:center;text-decoration:none;}

/* 20231129 PRIVACY POLICY PAGE UPDATE - Max */
.privacy_policy{background:#fff;color:#333;}
.privacy_policy pre{padding:2em;white-space:pre-line;word-break:break-all;font-size:0.9em;color:#5f5f5f;font-family:inherit;}/* 180518 edit */
/* 20200901 modified, Min */
.privacy_policy .wrapper p, .privacy_policy .wrapper em, .privacy_policy .wrapper li {margin:0 0 10px;font-size:0.9em;line-height:1.3;}
.privacy_policy .wrapper em {font-style:normal;font-weight:600;}
.privacy_policy .wrapper > em, .privacy_policy .wrapper .section_focus_area > em {display:block;margin:0 0 10px;}
.privacy_policy .wrapper em.udline {text-decoration:underline;}
/* 180528 legal notice add */
.privacy_policy .text_area{padding:2em;font-size:0.9em;color:#5f5f5f;}
.privacy_policy .text_area a, .privacy_policy .text_area p{color:#5f5f5f;overflow:inherit;font-size:inherit;}
.privacy_policy .text_area a{display:inline;}
.privacy_policy .legal_notices{line-height:18px;}
.privacy_policy .legal_notices>dt{margin:30px 0 10px;color:#111;font-weight:400;}
.privacy_policy .legal_notices>dd+dd{margin-top:20px;}
/*20200624 update text Max*/
.privacy_policy .wrapper a {color: #333;text-decoration: underline;display: inline;/*font-size: 0.9em;*/font-size:inherit;}/* 20200901 modified, Min */
/*20200624*/
.privacy_policy .wrapper .bold {font-weight:500;}/* 20200901 added, Min */
.privacy_policy .wrapper .section_focus_area {padding-top:60px; margin-top:-60px;}/* 20200901 added, Min */

/* form */
/*.form_wrap{display:inline-block;vertical-align:middle;}
.form_wrap input[type="radio"],
.form_wrap input[type="checkbox"]{position:relative;width:20px;height:20px;border-radius:50px;border:1px solid #959595;vertical-align:middle;}
.form_wrap input[type="radio"]:checked,
.form_wrap input[type="checkbox"]:checked{border:1px solid #7f5ff3;background:none;}
.form_wrap input[type="radio"]:checked:before,
.form_wrap input[type="checkbox"]:checked:before{display:inline-block;content:'';position:absolute;left:50%;top:50%;width:10px;height:10px;margin-top:-5px;margin-left:-5px;border-radius:10px;background:#7f5ff3;}
.form_wrap input[type="radio"]+label,
.form_wrap input[type="checkbox"]+labe{margin-left:5px;vertical-align:middle;}
.form_wrap+.form_wrap{display:inline-block;margin-left:10px;}*/

 /* //20231129 */

.universe{position:absolute;top:6em;left:50%;margin-left:-45%;width:90%;background:#fff;border-top:2px solid #7f5ff3;font-size:0.9em;}
.universe *{font-size:inherit;color:inherit;}
.universe .tit{height:6.6em;background:url('../images/common/universe_tit.png') no-repeat 50% 0;background-size:auto 100%;}
.universe dl dt{padding:11px 22px 6px;background:#eee url('../images/common/m_btn_arrow_down01.png') no-repeat right 25px top 50%;background-size:1em;color:#696969;font-size:1.1em;}
.universe dl dt.on{background-color:#424242;background-image:url('../images/common/m_btn_arrow_up01.png');color:#f6f5f3;}
.universe dl dd{/*display:none;*/padding:10px 30px;color:#2e2e2e;font-size:0.9em;}
.universe dl dt.on + dd{/*display:block;*/}
.universe dl dd ul li + li{margin:6px 0 0}

.universe dl dd a.site_us:before{background-position:0 0}
.universe dl dd a.site_ca:before{background-position:-52px 0}
.universe dl dd a.site_uk:before{background-position:0 -52px}
.universe dl dd a.site_de:before{background-position:-52px -52px}
.universe dl dd a.site_fr:before{background-position:-104px -52px}
.universe dl dd a.site_it:before{background-position:-156px -52px}
.universe dl dd a.site_sp:before{background-position:-208px -52px}
.universe dl dd a.site_ru:before{background-position:-260px -52px}
.universe dl dd a.site_cn:before{background-position:0 -104px}
.universe dl dd a.site_hu:before{background-position:-104px 0}
.universe dl dt, .universe dl dd{border-top:1px solid #dbdbdb;}

.owl-pagination{top:auto !important;bottom:10px !important;}

.layer_frame{position:fixed;top:0;left:0;width:100%;height:100%;padding:25px;background:rgba(0,0,0,0.8);box-sizing:border-box;}
.btn_close_layer{position:absolute;top:-30px;right:-6px;width:28px;height:28px;background:url('../images/common/m_btn_layer_close.png') no-repeat 50% 50%;background-size:1.2em;text-indent:-10000em;overflow:hidden;}

.btn_pdf {
	margin: 10% 0 10% 0;
	text-align: center;
}
.btn_pdf img {
	max-width: 60%;
}
.tab_container {
	width: 96%; 
	margin: 0 auto;
	overflow: hidden;
}

/* 20171117 锟诫湞锟诫櫏鎬ㄣ吋靷� */
#owl-demo .owl-item .product .btn_video{position:absolute;left:0;right:0;bottom:13%;} /* 20200519 Seohyun */
#owl-demo .owl-item .product .btn_video img{width:53%}

.videoArea{text-align:center;margin-top:0%;padding:0 10%;}

/* dealer tel clas add */
.telNumber{font-size:1.0em;display:inline;color:#4b2886;text-decoration:underline;}

/* 20200930 Add - Dean */
.bltxt_note01 {position:relative; margin-top:10px; padding-left:20px; text-align:left; color:#888; font-size:12px; line-height:1.45;}
.bltxt_note01:before {content:''; position:absolute; left:0; top:0.084em; width:14px; height:14px; background:url('../images/common/bul_note.png') no-repeat 0 0; background-size:100%;}
.product .imgtxt_box_brd {border-bottom:1px solid #e1e1e1;}

/* 20210413 add NEW logo CWX */
.logo_new>img,.logo_new_2>img {position: absolute;width: 13.5% !important;height: 4.8% !important;}
.logo_new>img{top: 43.2%;right: 15.5%;}
.logo_new_2>img{top: 38.5%;right: 14%;} 
/* //20210413 */

/* 20210415 Test Result Update ZhangYuChen */
.Pstyle{position:fixed!important;width:100%;height:100%;padding:100px;z-index:9999;box-sizing:border-box}
.Pstyle_1{position:absolute;left:50%;margin-left:-45%;width:90%;background:#fff;border-top:2px solid #7f5ff3}
.b-close{position:absolute;top:-30px;right:-6px;width:28px;height:28px;background:url('../images/common/m_btn_layer_close.png') no-repeat 50% 50%;background-size:1.2em;text-indent:-10000em;overflow:hidden}
.popupImg1 { float:left; margin:17px 20px 0 0;}
.PopupMDiv { color:#826dab; padding: 0 30px; font-size:24px; font-weight:400 !important; font-family:roboto; }
.PopupMDiv h4 {font-weight:400 !important;}
.popupImg2 { float:left; margin:10px 0 0 0;}

/* 20210426 add - Max */
.tires .product .visual_img {position:relative;font-size:0;padding-top:162.223%}
.tires .product .visual_img .blind {visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
/* //20210426 */

 @media screen and (min-width:768px){
	.PopupMDiv {padding:0 60px;font-size:48px;color:#52318b;}
	.popupImg1 {margin:35px 40px 0 0;}
	.popupImg1 img {width:150px !important;}
	.popupImg2 {margin:25px 0 0 0;}
	.popupImg2 img {width:90px !important;}
	.Pstyle_1 {width:76%; margin-left:-38%;}
}

@media screen and (min-width:1024px){
	.PopupMDiv {padding:0 78px;font-size:54px;color:#52318b;}
	.popupImg1 {margin:50px 50px 0 0;}
	.popupImg1 img {width:180px !important;}
	.popupImg2 {margin:40px 0 0 0;}
	.popupImg2 img {width:100px !important;}
	.Pstyle_1 {width:66%; margin-left:-33%;}
}
@media screen and (min-width:1280px){
	.PopupMDiv {padding:0 104px;font-size:66px;color:#52318b;}
	.popupImg1 {margin:50px 60px 0 0;}
	.popupImg1 img {width:180px !important;}
	.popupImg2 {margin:40px 0 0 0;}
	.popupImg2 img {width:100px !important;}
	.Pstyle_1 {width:54%;margin-left:-27%;}
}
@media screen and (min-width:1440px){
	.PopupMDiv {padding:0 125px;font-size:68px;color:#52318b;}
	.popupImg1 {margin:50px 65px 0 0;}
	.popupImg1 img {width:180px !important;}
	.popupImg2 {margin:40px 0 0 0;}
	.popupImg2 img {width:100px !important;}
    .Pstyle_1 {width:44%;margin-left:-22%;}
}
@media screen and (min-width:1679px){
	.PopupMDiv {padding:0 128px;font-size:80px;color:#52318b;}
	.popupImg1 {margin:50px 70px 0 0;}
	.popupImg1 img {width:180px !important;}
	.popupImg2 {margin:40px 0 0 0;}
	.popupImg2 img {width:100px !important;}
    .Pstyle_1 {width:38%;margin-left:-19%;}
}
/* //20210415 */

.test-result{
	margin-bottom: -5px;
    margin-top: 8px;
}
 /*20220209 pdf hide Zzj*/
.wrapper .pdf_hide {visibility:hidden; height:31px;}
.wrapper .btn_pdf {margin:0px;}
 /*//20220209*/
 /* 20220315 popup add */
.popup {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;}
.popup.is_show {display:block;}
.popup .popup_inner {position:absolute;top:50%;left:50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);min-width:300px;max-width:600px;z-index:2;}
.popup .dimmed {display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1;}
.popup .popup_head, .popup .popup_body, .popup .popup_foot {position:relative;}
.popup .popup_head.wide, .popup .popup_body.wide, .popup .popup_foot.wide {padding:0;}
.popup .ecm_mark_desc {position:relative;padding-left:20px;font-size:14px;line-height:20px;letter-spacing: -.025em;color:#a1a1a1;}
.popup .ecm_mark_desc:before {content:"";position:absolute;top:2px;left:0;width:14px;height:14px;background:url('../images/common/ico_circle_ecm_mark_purple.png') center center/contain no-repeat;}
.popup .dash_list {margin-bottom:10px;}
.popup h3.tit {font-size:15px;line-height:20px;font-weight:700;color:#555;margin-bottom:10px}

.popup.dealer_locator_popup {text-align:left;}
.popup.dealer_locator_popup .popup_head{padding:10px 30px 10px 20px;background:#fff;border-bottom:1px solid #e5e5e5}
.popup.dealer_locator_popup .popup_head .tit {font-size:16px;font-weight:700;color:#000;}
.popup.dealer_locator_popup .popup_body{padding:20px 20px;background:#fff;}
.popup.dealer_locator_popup .head_close {position:absolute;top:50%;right:15px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);border:0;font-size:0;padding:0;background: transparent}
.popup.dealer_locator_popup .head_close .icon {width:16px;height:16px;}
.popup.dealer_locator_popup .foot_close {width:100%;height:40px;line-height:40px;background:#ececec}
.popup.dealer_locator_popup .dash_list li{color:#777;font-size:14px;line-height:19px;padding-left:10px;}
.popup.dealer_locator_popup .dash_list li + li {margin-top:5px;}
.popup.dealer_locator_popup .dash_list li:before {top:9px;left:0;width:4px;height:1px;background:#777;}

/* 20220315 icon */
.icon.icon_cross_x_black {background-image:url('../images/common/ico_cross_x_black.png');}
.icon.icon_sp_store_near_me {background-image:url('../images/common/ico_sp_store_near_me.png');}
.icon.icon_sp_find_dealer {background-image:url('../images/common/ico_sp_find_dealer.png');}
.icon.icon_question_mark_pupple {background-image:url('../images/common/ico_circle_question_mark_pupple.png');}
.icon.icon_reload_grey {background-image:url('../images/common/ico_reload_grey.png');}
.icon {display:inline-block;vertical-align:top;background-size:contain;background-repeat: no-repeat;}

/* 20220315 list */
.dash_list li{position:relative;}
.dash_list li:before{content:"";position:absolute;}

/* 20220315 dealer_tab */
.dealer_locator_tab_control {background:url("../images/common/dealer_locator_bg.jpg") center top/cover no-repeat;}
.dealer_locator_tab_control > ul {display:table;width:100%;}
.dealer_locator_tab_control > ul > li{position:relative;display:table-cell;width:50%;height:140px;text-align:center;vertical-align: middle;}
.dealer_locator_tab_control > ul > li + li > a:before {content:"";position:absolute;top:0;left:-1px;width:2px;height:100%;background:rgba(255,255,255,.2)}
.dealer_locator_tab_control > ul > li > a {position:relative;font-size:17px;color:#fff;font-weight:500;padding:41px 0 7px;overflow: visible}
.dealer_locator_tab_control > ul > li > a:after {content:"";position:absolute;left:50%;bottom:-21px;width:12px;height:7px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:url('../images/common/ico_sp_arrow_down_pupple.png') 0 0/100% no-repeat;}
.dealer_locator_tab_control > ul > li > a .icon {position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:32px;height:31px;margin:0 auto;}
.dealer_locator_tab_control > ul > li > a .icon_sp_store_near_me,
.dealer_locator_tab_control > ul > li > a .icon_sp_find_dealer {background-position:0 0;background-size:100%;}
.dealer_locator_tab_control > ul > li.is_on > a:after {background-position:0 -9px;}
.dealer_locator_tab_control > ul > li.is_on a > .icon {background-position:0 -32px;}

/* 20220315 dealer locator tab */
.dealer_locator  .tab_cont.find_dealer {padding:0;}

/* 20220315 guide_box */
.guide_box {background:#f6f6f8;text-align:center;padding:14px;}
.guide_box > .desc{font-size:15px;color:#777;}
.guide_box .question_btn {display:inline-block;margin-left:9px;font-size:0;padding:0;border:0;background:transparent;vertical-align:top;}
.guide_box .icon {width:21px;height:21px;}

/* 20220315 circle line checkbox */
.circle_line_checkbox {position:relative;display:inline-block;vertical-align:top;}
.circle_line_checkbox > label {position:relative;display:table;padding-left:50px;min-height:40px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.circle_line_checkbox > label:before {content:"";position:absolute;top:0;left:0;width:40px;height:40px;;}
.circle_line_checkbox > label > span {display:table-cell;font-size:14px;line-height:18px;color:#777;vertical-align:middle;}
.circle_line_checkbox > .icon_sp_passenger_suv:before {background:url('../images/common/ico_sp_circle_passengercar_suv.png') 0 0/100% no-repeat}
.circle_line_checkbox > .icon_sp_truck_bus:before {background:url('../images/common/ico_sp_circle_truck_bus.png') 0 0/100% no-repeat}
.circle_line_checkbox > input[type="checkbox"] {position:absolute;top:0;left:0;width:1px;height:1px;z-index:-1;}
.circle_line_checkbox > input[type="checkbox"]:checked  + .icon_sp_passenger_suv:before,
.circle_line_checkbox > input[type="checkbox"]:checked  + .icon_sp_truck_bus:before {background-position:0 -42px;}

/* 20220315 circle line radio */
.circle_line_radio {position:relative;display:inline-block;vertical-align:top;text-align:center;}
.circle_line_radio > label {display:table !important;line-height:1 !important;padding:0 !important;width:40px;min-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #dadada;border-radius:50%;overflow:hidden;}
.circle_line_radio > label > span {display:table-cell;font-size:16px;line-height:1;color:#777;vertical-align:middle;}
.circle_line_radio > label:before {display:none;}
.circle_line_radio > input[type="radio"] {position:absolute;top:0;left:0;width:1px;height:1px;z-index:-1;}
.circle_line_radio > input[type="radio"]:checked  + label {border-color:#4b2886;}
.circle_line_radio > input[type="radio"]:checked  + label:before,
.circle_line_radio > input[type="radio"]:checked  + label:after {display:none;}
.circle_line_radio > input[type="radio"]:checked  + label > span {color:#4b2886;font-weight:500;}

/* 20220315  layout */
.ib_layout {font-size:0;}
.ib_layout .column{display:inline-block;}
.ib_layout .column.n2{width:50%;}
.ib_layout .column.n4{width:25%;}

.flex_layout {display:-webkit-box;display:-ms-flexbox;display:flex;}
.flex_layout.space_between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between}

/* 20220315 search_group */
.search_group .search_set +.search_set {margin-top:40px;}
.search_set .search_tit {font-size:18px;line-height:22px;font-weight:700;margin-bottom:13px;color:#333;}
.search_set .search_tit:after {content:"";clear:both;display:block;}
.search_set .search_tit > .sub_desc {float:right;font-size:14px;line-height:22px;color:#999;font-weight:400;}
.search_group + .btns {margin-top:40px;}
.search_group .ib_layout {margin-top:-10px;}
.search_group .ib_layout .column{margin-top:10px;}

/* 20220315 dealer_search */
.dealer_search .short {display:none;text-align:center}
.dealer_search .short .tit {position:relative;display:inline-block;vertical-align:top;padding-left:18px;font-size:13px;line-height:16px;color:#999;font-weight:400;margin-bottom:0;}
.dealer_search .short .tit:before{content:'';position:absolute;top:0;left:0;display:inline-block;width:13px;height:16px;background:url('../images/common/ico_map_marker_pupple.png') 0 0/contain no-repeat;}
.dealer_search .short .now{display:block;margin-top:7px;padding-bottom:20px;color:#111;font-size:18px;line-height:23px}
.dealer_search .short .rediscover_btn {width:100%;font-size:13px;line-height:1;padding:13px 0 12px;color:#111;background:#f6f6f9;border:1px solid #d9d9de}
.dealer_search .short .rediscover_btn .icon{width:12px;height:12px;margin-right:6px;}

.dealer_search.find .short {display:block;}
.dealer_search.find .detail,
.dealer_search.find .detail + .btns {display:none;}

.dealer_locator .wrapper {padding:32px 25px 45px}
.dealer_locator .store_near_me .search_map_view {display:none;margin-top:10px;}
.dealer_locator .store_near_me .dealer_search.find + .search_map_view {display:block;}
.popup_foot .foot_close {font-size:16px;font-family:'Roboto'}
.btns .btn01{font-family:'Roboto'}
.rediscover_btn {font-family:'Roboto'}

.dealer_locator {font: 100% 'Roboto'!important}
.btn_load_more span {font: 100% 'Roboto'!important}
/* 20220315 loading */
.loading_wrap{position: fixed;left: 0;right: 0;top: 0;bottom: 0;background:rgba(255,255,255,.6);z-index: 100;}
.loading_area{position: absolute;left: 0;right: 0;top: 50%;text-align: center;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.ic_loading{display: inline-block;width: 120px;height: 120px;background: url('../images/common/ico_loading.png')center no-repeat;-webkit-animation: loadingBar linear 1s infinite;animation: loadingBar linear 1s infinite;}
.loading_area p{font-size: 18px;color: #431980;font-weight: 700;line-height: 1;margin-top: 14px;}

@-webkit-keyframes loadingBar {
    from{
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }
    to{
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes loadingBar {
    from{
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }
    to{
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* re-style */
.layer_frame {z-index:1000;}
/* //re-style */

/* 20230913 update Zzj */
.tab_content table tr:not(:first-child) th {border-top:1px solid #555;}
.tab_content table th:not(:last-child) {border-right:1px solid #555;}
/* //20230913 */ 

/* 20231123 PRIVACY POLICY PAGE UPDATE - Max */
.privacy_policy .policy_agree {white-space: initial;margin-top: 10px;font-size: 1rem;}
.privacy_policy .radio_area {margin-bottom: 20px;}
.privacy_policy .form_wrap input[type="radio"],
.privacy_policy .form_wrap input[type="checkbox"]{position:absolute;width:20px;height:20px;margin:0;opacity:0.01;}
.privacy_policy .form_wrap input[type="radio"]+label,
.privacy_policy .form_wrap input[type="checkbox"]+label{position:relative;padding-left:30px;}
.privacy_policy .form_wrap input[type="radio"]+label:before,
.privacy_policy .form_wrap input[type="checkbox"]+label:before{display:inline-block;content:'';position:absolute;top:0;left:0;width:20px;height:20px;background:url('../images/common/bg_form.png') -20px 0 no-repeat;}
.privacy_policy .form_wrap input[type="radio"]:checked+label:before,
.privacy_policy .form_wrap input[type="checkbox"]:checked+label:before{background-position:0 0}
.privacy_policy .form_wrap+.form_wrap{display:inline-block;margin-left:10px;}



/* 20240214 : 별점 영역 추가 */
.review-all {padding: 20px 20px 40px}
.review-all.review-all--hide {display:none;}
.review-all .review-all_title {font-family: 'Roboto', "microsoft yahei", Arial, sans-serif;display: block;text-align:center;margin:18px 0 14px;font-size:24px;font-weight:100;color:#222222}

.review {
    display: block;
    background-color: #f5f5f5;
    padding: 36px 25px 40px;
    font-family: "Roboto",Tahoma,Verdana,sans-serif;
}

.review__summary {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    text-align: center;
    margin-bottom: 31px;
    padding-bottom: 32px
}

.review__summary .summary-value {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 11px;
    font-size: 32px;
    font-weight: 500;
    margin-top: 0;
    color: #000
}

.review__summary .reviewer-count {position:relative;margin-top: 38px;font-size:13px;font-family:"Roboto",Tahoma,Verdana,sans-serif;background: none;color:#000000;cursor: pointer;}
.review__summary .reviewer-count:after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 1px;
	background: #000
}

.review__summary .summary-value .value-unit {
    display: flex;
    align-items: center;
    color: #000;
    font-size: 32px;
}

.review__summary .summary-value .value-unit::before {
	content: "/";
	font-size: 22px;
	color: #999999;
	font-weight: 400;
	margin: 0 3px;
}

.review__summary .summary-value .value-unit::after {
    content: "5";
    font-size: 32px;
    color: #999999
}

.review__summary .review-link {
    color: #888;
    font-size: 1.4rem;
    font-weight: 500
}

.review__summary .rating-stars {
    display: block;
    position: relative;
    width: 128px;
    height: 24px;
    margin: 0 auto;
    font-size: 1.6rem;
    letter-spacing: .3em
}

.review__summary .rating-stars::before,.review__summary .rating-stars::after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.review__summary .rating-stars::before {
    content: "";
    background-image: url(../../../../../../etc.clientlibs/hankooktire/clientlibs/clientlib-local/resources/svg/ico_stars_gray.svg)
}

.review__summary .rating-stars::after {
    content: "";
    background-image: url(../../../../../../etc.clientlibs/hankooktire/clientlibs/clientlib-local/resources/svg/ico_stars.svg)
}

.review__summary.mini {
    flex-direction: row;
    padding-bottom: 0;
    margin-bottom: 0;
}

.review__summary.mini .rating-stars {
    width: 88px;
    height: 18px;
    margin-right: 2px
}

.review__summary.mini .rating-stars::before {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center
}

.review__summary.mini .rating-stars::after {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center
}

.review__summary.mini .tit {
    font-size: 13px;
    color: #888888;
    font-weight: 400;
    line-height: inherit
}

.review__summary.mini::after {
    display: none
}

.review__summary[data-rating="0"] .rating-stars::after {
    clip-path: polygon(0 0,1% 0,1% 100%,0 100%)
}

.review__summary[data-rating=".1"] .rating-stars::after {
    clip-path: polygon(0 0,3% 0,3% 100%,0 100%)
}

.review__summary[data-rating=".2"] .rating-stars::after {
    clip-path: polygon(0 0,5% 0,5% 100%,0 100%)
}

.review__summary[data-rating=".3"] .rating-stars::after {
    clip-path: polygon(0 0,7% 0,7% 100%,0 100%)
}

.review__summary[data-rating=".4"] .rating-stars::after {
    clip-path: polygon(0 0,9% 0,9% 100%,0 100%)
}

.review__summary[data-rating=".5"] .rating-stars::after {
    clip-path: polygon(0 0,11% 0,11% 100%,0 100%)
}

.review__summary[data-rating=".6"] .rating-stars::after {
    clip-path: polygon(0 0,13% 0,13% 100%,0 100%)
}

.review__summary[data-rating=".7"] .rating-stars::after {
    clip-path: polygon(0 0,15% 0,15% 100%,0 100%)
}

.review__summary[data-rating=".8"] .rating-stars::after {
    clip-path: polygon(0 0,17% 0,17% 100%,0 100%)
}

.review__summary[data-rating=".9"] .rating-stars::after {
    clip-path: polygon(0 0,19% 0,19% 100%,0 100%)
}

.review__summary[data-rating="1"] .rating-stars::after {
    clip-path: polygon(0 0,21% 0,21% 100%,0 100%)
}

.review__summary[data-rating="1.1"] .rating-stars::after {
    clip-path: polygon(0 0,23% 0,23% 100%,0 100%)
}

.review__summary[data-rating="1.2"] .rating-stars::after {
    clip-path: polygon(0 0,25% 0,25% 100%,0 100%)
}

.review__summary[data-rating="1.3"] .rating-stars::after {
    clip-path: polygon(0 0,27% 0,27% 100%,0 100%)
}

.review__summary[data-rating="1.4"] .rating-stars::after {
    clip-path: polygon(0 0,29% 0,29% 100%,0 100%)
}

.review__summary[data-rating="1.5"] .rating-stars::after {
    clip-path: polygon(0 0,31% 0,31% 100%,0 100%)
}

.review__summary[data-rating="1.6"] .rating-stars::after {
    clip-path: polygon(0 0,33% 0,33% 100%,0 100%)
}

.review__summary[data-rating="1.7"] .rating-stars::after {
    clip-path: polygon(0 0,35% 0,35% 100%,0 100%)
}

.review__summary[data-rating="1.8"] .rating-stars::after {
    clip-path: polygon(0 0,37% 0,37% 100%,0 100%)
}

.review__summary[data-rating="1.9"] .rating-stars::after {
    clip-path: polygon(0 0,39% 0,39% 100%,0 100%)
}

.review__summary[data-rating="2"] .rating-stars::after {
    clip-path: polygon(0 0,41% 0,41% 100%,0 100%)
}

.review__summary[data-rating="2.1"] .rating-stars::after {
    clip-path: polygon(0 0,43% 0,43% 100%,0 100%)
}

.review__summary[data-rating="2.2"] .rating-stars::after {
    clip-path: polygon(0 0,45% 0,45% 100%,0 100%)
}

.review__summary[data-rating="2.3"] .rating-stars::after {
    clip-path: polygon(0 0,47% 0,47% 100%,0 100%)
}

.review__summary[data-rating="2.4"] .rating-stars::after {
    clip-path: polygon(0 0,49% 0,49% 100%,0 100%)
}

.review__summary[data-rating="2.5"] .rating-stars::after {
    clip-path: polygon(0 0,51% 0,51% 100%,0 100%)
}

.review__summary[data-rating="2.6"] .rating-stars::after {
    clip-path: polygon(0 0,53% 0,53% 100%,0 100%)
}

.review__summary[data-rating="2.7"] .rating-stars::after {
    clip-path: polygon(0 0,55% 0,55% 100%,0 100%)
}

.review__summary[data-rating="2.8"] .rating-stars::after {
    clip-path: polygon(0 0,57% 0,57% 100%,0 100%)
}

.review__summary[data-rating="2.9"] .rating-stars::after {
    clip-path: polygon(0 0,59% 0,59% 100%,0 100%)
}

.review__summary[data-rating="3"] .rating-stars::after {
    clip-path: polygon(0 0,61% 0,61% 100%,0 100%)
}

.review__summary[data-rating="3.1"] .rating-stars::after {
    clip-path: polygon(0 0,63% 0,63% 100%,0 100%)
}

.review__summary[data-rating="3.2"] .rating-stars::after {
    clip-path: polygon(0 0,65% 0,65% 100%,0 100%)
}

.review__summary[data-rating="3.3"] .rating-stars::after {
    clip-path: polygon(0 0,67% 0,67% 100%,0 100%)
}

.review__summary[data-rating="3.4"] .rating-stars::after {
    clip-path: polygon(0 0,69% 0,69% 100%,0 100%)
}

.review__summary[data-rating="3.5"] .rating-stars::after {
    clip-path: polygon(0 0,71% 0,71% 100%,0 100%)
}

.review__summary[data-rating="3.6"] .rating-stars::after {
    clip-path: polygon(0 0,73% 0,73% 100%,0 100%)
}

.review__summary[data-rating="3.7"] .rating-stars::after {
    clip-path: polygon(0 0,75% 0,75% 100%,0 100%)
}

.review__summary[data-rating="3.8"] .rating-stars::after {
    clip-path: polygon(0 0,77% 0,77% 100%,0 100%)
}

.review__summary[data-rating="3.9"] .rating-stars::after {
    clip-path: polygon(0 0,79% 0,79% 100%,0 100%)
}

.review__summary[data-rating="4"] .rating-stars::after {
    clip-path: polygon(0 0,81% 0,81% 100%,0 100%)
}

.review__summary[data-rating="4.1"] .rating-stars::after {
    clip-path: polygon(0 0,83% 0,83% 100%,0 100%)
}

.review__summary[data-rating="4.2"] .rating-stars::after {
    clip-path: polygon(0 0,85% 0,85% 100%,0 100%)
}

.review__summary[data-rating="4.3"] .rating-stars::after {
    clip-path: polygon(0 0,87% 0,87% 100%,0 100%)
}

.review__summary[data-rating="4.4"] .rating-stars::after {
    clip-path: polygon(0 0,89% 0,89% 100%,0 100%)
}

.review__summary[data-rating="4.5"] .rating-stars::after {
    clip-path: polygon(0 0,91% 0,91% 100%,0 100%)
}

.review__summary[data-rating="4.6"] .rating-stars::after {
    clip-path: polygon(0 0,93% 0,93% 100%,0 100%)
}

.review__summary[data-rating="4.7"] .rating-stars::after {
    clip-path: polygon(0 0,95% 0,95% 100%,0 100%)
}

.review__summary[data-rating="4.8"] .rating-stars::after {
    clip-path: polygon(0 0,97% 0,97% 100%,0 100%)
}

.review__summary[data-rating="4.9"] .rating-stars::after {
    clip-path: polygon(0 0,99% 0,99% 100%,0 100%)
}

.review__summary[data-rating="5"] .rating-stars::after {
    clip-path: polygon(0 0,101% 0,101% 100%,0 100%)
}

.review__summary::after {
	content: "";
    display: block;
    position: absolute;
    top: auto;
    right: auto;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: rgba(0,0,0,.1)
}

.review__summary .pop_btn {
    margin-top: 3rem;
    white-space: nowrap
}

.review__summary .pop_btn.v2 {
    font-size: 1.4rem;
    height: 4rem;
    line-height: 4rem;
    text-decoration: underline;
    text-underline-position: under
}

.review__list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 40rem;
    margin: 0 auto;
}

.review__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    font-size: 1.4rem
}

.review__item+.review__item {
    margin-top: 31px
}

.review__item .tit {
    flex: 1;
    font-size: 14px;
}

.review__item .rating {
    position: relative;
    right: 0;
    top: 0;
    text-align: right;
    margin-right: 1rem;
    display: block;
    width: 6.4rem;
    height: 1.2rem
}

.review__item .rating::before,.review__item .rating::after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: 100%
}

.review__item .rating::before {
    content: "";
    background-image: url(../../../../../../etc.clientlibs/hankooktire/clientlibs/clientlib-local/resources/svg/ico_stars_gray.svg)
}

.review__item .rating::after {
    content: "";
    background-image: url(../../../../../../etc.clientlibs/hankooktire/clientlibs/clientlib-local/resources/svg/ico_stars.svg)
}

.review__item .rating[data-rating="0"]::after {
    clip-path: polygon(0 0,1% 0,1% 100%,0 100%)
}

.review__item .rating[data-rating=".1"]::after {
    clip-path: polygon(0 0,3% 0,3% 100%,0 100%)
}

.review__item .rating[data-rating=".2"]::after {
    clip-path: polygon(0 0,5% 0,5% 100%,0 100%)
}

.review__item .rating[data-rating=".3"]::after {
    clip-path: polygon(0 0,7% 0,7% 100%,0 100%)
}

.review__item .rating[data-rating=".4"]::after {
    clip-path: polygon(0 0,9% 0,9% 100%,0 100%)
}

.review__item .rating[data-rating=".5"]::after {
    clip-path: polygon(0 0,11% 0,11% 100%,0 100%)
}

.review__item .rating[data-rating=".6"]::after {
    clip-path: polygon(0 0,13% 0,13% 100%,0 100%)
}

.review__item .rating[data-rating=".7"]::after {
    clip-path: polygon(0 0,15% 0,15% 100%,0 100%)
}

.review__item .rating[data-rating=".8"]::after {
    clip-path: polygon(0 0,17% 0,17% 100%,0 100%)
}

.review__item .rating[data-rating=".9"]::after {
    clip-path: polygon(0 0,19% 0,19% 100%,0 100%)
}

.review__item .rating[data-rating="1"]::after {
    clip-path: polygon(0 0,21% 0,21% 100%,0 100%)
}

.review__item .rating[data-rating="1.1"]::after {
    clip-path: polygon(0 0,23% 0,23% 100%,0 100%)
}

.review__item .rating[data-rating="1.2"]::after {
    clip-path: polygon(0 0,25% 0,25% 100%,0 100%)
}

.review__item .rating[data-rating="1.3"]::after {
    clip-path: polygon(0 0,27% 0,27% 100%,0 100%)
}

.review__item .rating[data-rating="1.4"]::after {
    clip-path: polygon(0 0,29% 0,29% 100%,0 100%)
}

.review__item .rating[data-rating="1.5"]::after {
    clip-path: polygon(0 0,31% 0,31% 100%,0 100%)
}

.review__item .rating[data-rating="1.6"]::after {
    clip-path: polygon(0 0,33% 0,33% 100%,0 100%)
}

.review__item .rating[data-rating="1.7"]::after {
    clip-path: polygon(0 0,35% 0,35% 100%,0 100%)
}

.review__item .rating[data-rating="1.8"]::after {
    clip-path: polygon(0 0,37% 0,37% 100%,0 100%)
}

.review__item .rating[data-rating="1.9"]::after {
    clip-path: polygon(0 0,39% 0,39% 100%,0 100%)
}

.review__item .rating[data-rating="2"]::after {
    clip-path: polygon(0 0,41% 0,41% 100%,0 100%)
}

.review__item .rating[data-rating="2.1"]::after {
    clip-path: polygon(0 0,43% 0,43% 100%,0 100%)
}

.review__item .rating[data-rating="2.2"]::after {
    clip-path: polygon(0 0,45% 0,45% 100%,0 100%)
}

.review__item .rating[data-rating="2.3"]::after {
    clip-path: polygon(0 0,47% 0,47% 100%,0 100%)
}

.review__item .rating[data-rating="2.4"]::after {
    clip-path: polygon(0 0,49% 0,49% 100%,0 100%)
}

.review__item .rating[data-rating="2.5"]::after {
    clip-path: polygon(0 0,51% 0,51% 100%,0 100%)
}

.review__item .rating[data-rating="2.6"]::after {
    clip-path: polygon(0 0,53% 0,53% 100%,0 100%)
}

.review__item .rating[data-rating="2.7"]::after {
    clip-path: polygon(0 0,55% 0,55% 100%,0 100%)
}

.review__item .rating[data-rating="2.8"]::after {
    clip-path: polygon(0 0,57% 0,57% 100%,0 100%)
}

.review__item .rating[data-rating="2.9"]::after {
    clip-path: polygon(0 0,59% 0,59% 100%,0 100%)
}

.review__item .rating[data-rating="3"]::after {
    clip-path: polygon(0 0,61% 0,61% 100%,0 100%)
}

.review__item .rating[data-rating="3.1"]::after {
    clip-path: polygon(0 0,63% 0,63% 100%,0 100%)
}

.review__item .rating[data-rating="3.2"]::after {
    clip-path: polygon(0 0,65% 0,65% 100%,0 100%)
}

.review__item .rating[data-rating="3.3"]::after {
    clip-path: polygon(0 0,67% 0,67% 100%,0 100%)
}

.review__item .rating[data-rating="3.4"]::after {
    clip-path: polygon(0 0,69% 0,69% 100%,0 100%)
}

.review__item .rating[data-rating="3.5"]::after {
    clip-path: polygon(0 0,71% 0,71% 100%,0 100%)
}

.review__item .rating[data-rating="3.6"]::after {
    clip-path: polygon(0 0,73% 0,73% 100%,0 100%)
}

.review__item .rating[data-rating="3.7"]::after {
    clip-path: polygon(0 0,75% 0,75% 100%,0 100%)
}

.review__item .rating[data-rating="3.8"]::after {
    clip-path: polygon(0 0,77% 0,77% 100%,0 100%)
}

.review__item .rating[data-rating="3.9"]::after {
    clip-path: polygon(0 0,79% 0,79% 100%,0 100%)
}

.review__item .rating[data-rating="4"]::after {
    clip-path: polygon(0 0,81% 0,81% 100%,0 100%)
}

.review__item .rating[data-rating="4.1"]::after {
    clip-path: polygon(0 0,83% 0,83% 100%,0 100%)
}

.review__item .rating[data-rating="4.2"]::after {
    clip-path: polygon(0 0,85% 0,85% 100%,0 100%)
}

.review__item .rating[data-rating="4.3"]::after {
    clip-path: polygon(0 0,87% 0,87% 100%,0 100%)
}

.review__item .rating[data-rating="4.4"]::after {
    clip-path: polygon(0 0,89% 0,89% 100%,0 100%)
}

.review__item .rating[data-rating="4.5"]::after {
    clip-path: polygon(0 0,91% 0,91% 100%,0 100%)
}

.review__item .rating[data-rating="4.6"]::after {
    clip-path: polygon(0 0,93% 0,93% 100%,0 100%)
}

.review__item .rating[data-rating="4.7"]::after {
    clip-path: polygon(0 0,95% 0,95% 100%,0 100%)
}

.review__item .rating[data-rating="4.8"]::after {
    clip-path: polygon(0 0,97% 0,97% 100%,0 100%)
}

.review__item .rating[data-rating="4.9"]::after {
    clip-path: polygon(0 0,99% 0,99% 100%,0 100%)
}

.review__item .rating[data-rating="5"]::after {
    clip-path: polygon(0 0,101% 0,101% 100%,0 100%)
}

.review__item .val {
    min-width: 5rem;
    text-align: right
}

.review__item .val::after {
    content: "/5"
}

.review__list--bar .review__item .rating {
    position: relative;
    right: 0;
    top: 0;
    text-align: right;
    margin-right: 1rem;
    display: block;
    width: 18rem;
    height: .5rem
}

.review__list--bar .review__item .rating::before,.review__list--bar .review__item .rating::after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: 100%;
    border-radius: .3rem
}

.review__list--bar .review__item .rating::before {
    content: "";
    background: rgba(0,0,0,.1)
}

.review__list--bar .review__item .rating::after {
    content: "";
    background: #000
}

.review__list--bar .review__item.v2 {
    flex-direction: column;
    align-items: flex-start
}


.review__list--bar .review__item.v2 .rating2 {
    width: 100%;
    height: 1rem;
    background: rgba(0,0,0,0.1);
    margin-top: 13px;
    position: relative
}

.review__list--bar .review__item.v2 .rating2 span {
    width: 0;
    height: 100%;
    background: #492885;
    position: absolute;
    top: 0;
    left: 0
}

@media all and (max-width: 1024px) {

    .review__item .rating {
        font-size: 1.2rem
    }
}

@media all and (max-width: 767px) {



    .review__item .rating::before {
        margin-right: 1rem
    }

    .review__item .val {
        font-size: 1.2rem;
        min-width: 3.5rem
    }
}

html[dir=rtl] .review__summary {
    padding-right: unset;
    margin-right: unset;
    padding-left: 6.6rem;
    margin-left: 6.6rem
}

html[dir=rtl] .review__summary::after {
    left: 0;
    right: unset
}

html[dir=rtl] .review__summary .rating-stars {
    transform: scaleX(-1)
}

html[dir=rtl] .review__item .tit {
    margin-right: unset;
    margin-left: 3rem
}

html[dir=rtl] .review__item .rating {
    margin-right: unset;
    margin-left: 1rem;
    transform: scaleX(-1)
}

html[dir=rtl] .review__item .rating::before,html[dir=rtl] .review__item .rating::after {
    left: unset;
    right: 0
}

html[dir=rtl] .review__item .val {
    text-align: right
}

html[dir=rtl] .review__item .val::after {
    display: inline-block
}

html[dir=rtl] .review__list--bar .review__item .rating {
    margin-right: unset;
    margin-left: 1rem;
    transform: scaleX(-1)
}

html[dir=rtl] .review__list--bar .review__item .rating::before,html[dir=rtl] .review__list--bar .review__item .rating::after {
    left: unset;
    right: 0
}

@media all and (max-width: 1024px) {
    html[dir=rtl] .review__summary {
        margin-left:4rem;
        padding-left: 4rem;
        margin-right: unset;
        padding-right: unset
    }
}

@media all and (max-width: 767px) {
    html[dir=rtl] .review__summary {
        margin-left:0;
        padding-left: 0;
        margin-right: unset;
        padding-right: unset
    }

    html[dir=rtl] .review__item .tit {
        margin-right: unset;
        margin-left: 0
    }

    html[dir=rtl] .review__item .rating::before {
        margin-right: unset;
        margin-left: 1rem
    }
}

#view_review_all_en .close_pop {
    background: url(../../../../../../etc.clientlibs/hankooktire/clientlibs/clientlib-local/resources/svg/icon-close.svg) no-repeat 50% 50% #f0f0f0;
    border-radius: 50%;
    right: 4.8rem;
    width: 5rem;
    height: 5rem
}

@media all and (max-width: 1024px) {
    #view_review_all_en .close_pop {
        right:2rem;
        width: 4rem;
        height: 4rem
    }
}

#view_review_all_en .pop_inner {
    width: 90vw;
    max-width: 115.2rem;
    padding-top: 0
}

#view_review_all_en .pop_inner .top {
    height: 7.6rem
}

@media all and (max-width: 1024px) {
    #view_review_all_en .pop_inner {
        width:100vw;
        height: 100%;
        max-height: 100%
    }

    #view_review_all_en .pop_inner .top {
        position: relative
    }
}

#view_review_all_en .pop_con {
    padding: 7.6rem 4.8rem 9rem;
    text-align: unset;
    height: calc(var(--app-height,100vh) * .9);
    overflow-y: scroll
}

@media all and (max-width: 1024px) {
    #view_review_all_en .pop_con {
        padding:0 3.2rem
    }
}

@media all and (max-width: 767px) {
    #view_review_all_en .pop_con {
        padding:0 2rem
    }
}

#view_review_all .pop_inner {
    width: 90vw;
    max-width: 115.2rem;
    padding-top: 0
}

@media all and (max-width: 1024px) {
    #view_review_all .pop_inner {
        width:100vw;
        height: 100%;
        max-height: 100%
    }
}

#view_review_all .pop_con {
    padding: 0 4.8rem 9rem;
    text-align: unset;
    height: calc((var(--app-height,100vh) * .9) - 7.6rem);
    overflow-y: scroll
}

@media all and (max-width: 1024px) {
    #view_review_all .pop_con {
        padding:0 3.2rem
    }
}

@media all and (max-width: 767px) {
    #view_review_all .pop_con {
        padding:0 2rem
    }
}

#view_review_all .top {
    height: 7.6rem;
    position: relative
}

@media all and (max-width: 1024px) {
    #view_review_all .top {
        height:7.6rem
    }
}

#view_review_all .top .btn-close_search {
    position: absolute;
    right: 4.8rem;
    bottom: 0
}

@media all and (max-width: 1024px) {
    #view_review_all .top .btn-close_search {
        width:4rem;
        height: 4rem;
        right: 3.2rem;
        background: url("../../../../../../etc.clientlibs/hankooktire/clientlibs/clientlib-local/resources/svg/icon-close-mobile.svg") no-repeat 50% 50% #f0f0f0;
        background-size: 1.2rem 1.2rem
    }
}

@media all and (max-width: 767px) {
    #view_review_all .top .btn-close_search {
        width:4rem;
        height: 4rem;
        right: 2rem
    }
}

#view_review_all .number-of-result {
    color: #999
}

#view_review_all .review-contents-wrap {
    margin-top: 1rem;
    border-top: 1px solid #000
}

#view_review_all .review-contents-wrap .review-list {
    display: flex;
    flex-wrap: wrap
}

#view_review_all .review-contents-wrap .review-item {
    justify-content: space-between;
    width: 100%;
    padding: 3.6rem 0;
    display: flex;
    border-top: 2px solid #00000015
}

#view_review_all .review-contents-wrap .review-item:first-child {
    border-top: unset
}

@media all and (max-width: 1024px) {
    #view_review_all .review-contents-wrap .review-item {
        padding:2.4rem 0
    }
}

@media all and (max-width: 767px) {
    #view_review_all .review-contents-wrap .review-item {
        flex-wrap:wrap
    }
}

#view_review_all .review-contents-wrap .score-as-star {
    padding: 2rem 3.2rem;
    text-align: center;
    align-items: center
}

@media all and (max-width: 767px) {
    #view_review_all .review-contents-wrap .score-as-star {
        width:100%;
        display: flex;
        padding: unset
    }

    #view_review_all .review-contents-wrap .score-as-star .star {
        order: 1;
        margin-top: unset;
        margin-right: .6rem
    }

    #view_review_all .review-contents-wrap .score-as-star .review-score {
        order: 2;
        width: unset;
        margin-top: unset
    }
}

#view_review_all .review-contents-wrap .total-score {
    color: #999
}

#view_review_all .review-contents-wrap .total-score::after {
    content: "/5"
}

#view_review_all .review-contents-wrap .star {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: .6rem;
    display: block;
    width: 6.4rem;
    height: 1.2rem
}

#view_review_all .review-contents-wrap .star .star-dummy {
    width: 1.58rem;
    height: 1.54rem;
    background: black;
    clip-path: polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);
    margin-right: .4rem
}

#view_review_all .review-contents-wrap .star::before,#view_review_all .review-contents-wrap .star::after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: 100%
}

.review__summary .rating-stars::before {
    content: "";
    background-image: url('../images/product/gfit_4s/ico_stars_gray.svg')
}

.review__summary .rating-stars::after {
    content: "";
    background-image: url('../images/product/gfit_4s/ico_stars.svg')
}

#view_review_all .review-contents-wrap .star[data-rating="0"]::after {
    clip-path: polygon(0 0,1% 0,1% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating=".1"]::after {
    clip-path: polygon(0 0,3% 0,3% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating=".2"]::after {
    clip-path: polygon(0 0,5% 0,5% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating=".3"]::after {
    clip-path: polygon(0 0,7% 0,7% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating=".4"]::after {
    clip-path: polygon(0 0,9% 0,9% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating=".5"]::after {
    clip-path: polygon(0 0,11% 0,11% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating=".6"]::after {
    clip-path: polygon(0 0,13% 0,13% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating=".7"]::after {
    clip-path: polygon(0 0,15% 0,15% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating=".8"]::after {
    clip-path: polygon(0 0,17% 0,17% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating=".9"]::after {
    clip-path: polygon(0 0,19% 0,19% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="1"]::after {
    clip-path: polygon(0 0,21% 0,21% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="1.1"]::after {
    clip-path: polygon(0 0,23% 0,23% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="1.2"]::after {
    clip-path: polygon(0 0,25% 0,25% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="1.3"]::after {
    clip-path: polygon(0 0,27% 0,27% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="1.4"]::after {
    clip-path: polygon(0 0,29% 0,29% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="1.5"]::after {
    clip-path: polygon(0 0,31% 0,31% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="1.6"]::after {
    clip-path: polygon(0 0,33% 0,33% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="1.7"]::after {
    clip-path: polygon(0 0,35% 0,35% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="1.8"]::after {
    clip-path: polygon(0 0,37% 0,37% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="1.9"]::after {
    clip-path: polygon(0 0,39% 0,39% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="2"]::after {
    clip-path: polygon(0 0,41% 0,41% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="2.1"]::after {
    clip-path: polygon(0 0,43% 0,43% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="2.2"]::after {
    clip-path: polygon(0 0,45% 0,45% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="2.3"]::after {
    clip-path: polygon(0 0,47% 0,47% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="2.4"]::after {
    clip-path: polygon(0 0,49% 0,49% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="2.5"]::after {
    clip-path: polygon(0 0,51% 0,51% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="2.6"]::after {
    clip-path: polygon(0 0,53% 0,53% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="2.7"]::after {
    clip-path: polygon(0 0,55% 0,55% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="2.8"]::after {
    clip-path: polygon(0 0,57% 0,57% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="2.9"]::after {
    clip-path: polygon(0 0,59% 0,59% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="3"]::after {
    clip-path: polygon(0 0,61% 0,61% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="3.1"]::after {
    clip-path: polygon(0 0,63% 0,63% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="3.2"]::after {
    clip-path: polygon(0 0,65% 0,65% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="3.3"]::after {
    clip-path: polygon(0 0,67% 0,67% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="3.4"]::after {
    clip-path: polygon(0 0,69% 0,69% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="3.5"]::after {
    clip-path: polygon(0 0,71% 0,71% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="3.6"]::after {
    clip-path: polygon(0 0,73% 0,73% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="3.7"]::after {
    clip-path: polygon(0 0,75% 0,75% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="3.8"]::after {
    clip-path: polygon(0 0,77% 0,77% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="3.9"]::after {
    clip-path: polygon(0 0,79% 0,79% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="4"]::after {
    clip-path: polygon(0 0,81% 0,81% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="4.1"]::after {
    clip-path: polygon(0 0,83% 0,83% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="4.2"]::after {
    clip-path: polygon(0 0,85% 0,85% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="4.3"]::after {
    clip-path: polygon(0 0,87% 0,87% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="4.4"]::after {
    clip-path: polygon(0 0,89% 0,89% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="4.5"]::after {
    clip-path: polygon(0 0,91% 0,91% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="4.6"]::after {
    clip-path: polygon(0 0,93% 0,93% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="4.7"]::after {
    clip-path: polygon(0 0,95% 0,95% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="4.8"]::after {
    clip-path: polygon(0 0,97% 0,97% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="4.9"]::after {
    clip-path: polygon(0 0,99% 0,99% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="5"]::after {
    clip-path: polygon(0 0,101% 0,101% 100%,0 100%)
}

#view_review_all .review-contents-wrap .review-desc {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex: 1
}

#view_review_all .review-contents-wrap .review-desc .dimmed {
    display: block
}

@media all and (max-width: 767px) {
    #view_review_all .review-contents-wrap .review-desc {
        margin-top:1.6rem
    }

    #view_review_all .review-contents-wrap .review-desc .review-product {
        width: 100%;
        order: 1
    }

    #view_review_all .review-contents-wrap .review-desc .review-info {
        width: 100%;
        order: 4;
        margin-top: 2rem
    }

    #view_review_all .review-contents-wrap .review-desc .review-text {
        width: 100%;
        order: 2
    }

    #view_review_all .review-contents-wrap .review-desc .review-score {
        width: 100%;
        order: 3
    }
}

#view_review_all .review-contents-wrap .score-list {
    width: 100%;
    display: flex
}

#view_review_all .review-contents-wrap .review-sort {
    margin-right: 4rem;
    position: relative
}

@media all and (max-width: 1024px) {
    #view_review_all .review-contents-wrap .review-sort {
        margin-right:3.2rem
    }
}

#view_review_all .review-contents-wrap .review-sort:last-child {
    margin-right: unset
}

#view_review_all .review-contents-wrap .review-sort:last-child::after {
    display: none
}

#view_review_all .review-contents-wrap .review-sort::after {
    display: block;
    content: "";
    width: .1rem;
    height: 1.1rem;
    background: #00000015;
    position: absolute;
    right: -2rem;
    top: 50%;
    transform: translateY(-50%)
}

@media all and (max-width: 1024px) {
    #view_review_all .review-contents-wrap .review-sort::after {
        right:-1.6rem
    }
}

#view_review_all .review-contents-wrap .review-sort .review-sort-score {
    margin-left: .6rem;
    font-weight: 300
}

#view_review_all .review-contents-wrap .reviewer {
    margin-right: 2.4rem
}

@media all and (max-width: 1024px) {
    #view_review_all .review-contents-wrap .reviewer {
        margin-right:1.6rem
    }
}

#view_review_all .review-contents-wrap .review-text {
    width: 100%;
    margin-top: 1.2rem
}

#view_review_all .review-contents-wrap .review-text>p {
    padding: unset
}

@media all and (max-width: 1024px) {
    #view_review_all .review-contents-wrap .review-text {
        margin-top:1rem
    }
}

#view_review_all .review-contents-wrap .review-score {
    width: 100%;
    margin-top: 2.8rem
}

@media all and (max-width: 1024px) {
    #view_review_all .review-contents-wrap .review-score {
        margin-top:2rem
    }
}

#view_review_all .score-list {
    color: #000;
    font-weight: 400
}

@media all and (max-width: 1024px) {
    #view_review_all .review-search-title {
        font-size:3.2rem;
        line-height: 1.25;
        letter-spacing: -.96px
    }
}

#view_review_all .review-search-source {
    display: block;
    padding-left: .8rem;
    white-space: nowrap
}

@media all and (max-width: 1024px) {
    #view_review_all .review-search-source {
        margin-top:.6rem
    }
}

#view_review_all .btn-wrap {
    margin-top: 1.2rem
}

@media all and (max-width: 1024px) {
    #view_review_all .btn-wrap {
        margin-top:.8rem
    }
}

#view_review_all_ru .pop_inner {
    width: 100%;
    font-family: "Roboto",Tahoma,Verdana,sans-serif;
}


#view_review_all_ru .pop_inner .top {
    height: 7.1rem;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    position: relative;
    height: auto;
}

#view_review_all_ru .pop_inner .top .tit {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 3.5rem;
    display:none
}

#view_review_all_ru .pop_inner .top .btn-close_search {
	position: relative;
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    cursor: pointer;
    background: transparent;
}
#view_review_all_ru .pop_inner .top .btn-close_search:before,
#view_review_all_ru .pop_inner .top .btn-close_search:after{
	content: '';
	position: absolute;
	top: 20px;
	left: 50%;
	background: #000;
	width: 17px;
	height: 1px;
}
#view_review_all_ru .pop_inner .top .btn-close_search:before {
	transform: translateX(-50%) rotate(45deg);
}
#view_review_all_ru .pop_inner .top .btn-close_search:after {
	transform: translateX(-50%) rotate(-45deg);
}

#view_review_all_ru .pop_inner .pop_con {
    height: calc(var(--app-height,100vh) * .9 - 12.6rem);
    margin-left: 20px;
    width: calc(100% - 40px);
    overflow-y: scroll;
    border-top: 1px solid #222;
    border-bottom: 1px solid #222;
    padding: 0
}

#view_review_all_ru .pop_inner .pop_con .review-contents-wrap {
    width: 100%
}

#view_review_all_ru .pop_inner .pop_con .review-contents-wrap .review-list {
    width: 100%
}

#view_review_all_ru .pop_inner .pop_con .review-contents-wrap .review-list .review-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 27px 0 21px;
    border-bottom: 1px solid #e5e5e5;
}
#view_review_all_ru .pop_inner .pop_con .review-contents-wrap .review-list .review-item:last-child {
	border-bottom: 0;
}

#view_review_all_ru .pop_inner .pop_con .review-contents-wrap .review-list .review-item .review_info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#view_review_all_ru .pop_inner .pop_con .review-contents-wrap .review-list .review-item .review_info .review__summary {
    padding-right: 0;
    margin-right: 0;
    margin-bottom: 5px;
    padding-bottom: 0;
}

#view_review_all_ru .pop_inner .pop_con .review-contents-wrap .review-list .review-item .review_info .review__summary .rating-stars {
    width:108px;
    height: 20px
    margin: 0
}

#view_review_all_ru .pop_inner .pop_con .review-contents-wrap .review-list .review-item .review_info .review__summary .rating-stars::before {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center
}

#view_review_all_ru .pop_inner .pop_con .review-contents-wrap .review-list .review-item .review_info .review__summary .rating-stars::after {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center
}

#view_review_all_ru .pop_inner .pop_con .review-contents-wrap .review-list .review-item .review_info .review__summary::after {
    display: none
}

#view_review_all_ru .pop_inner .pop_con .review-contents-wrap .review-list .review-item .review_info .reviewer {
    font-size:20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding-bottom: 0;
    letter-spacing: 0;
    text-align: left;
    color:#000
}

#view_review_all_ru .pop_inner .pop_con .review-contents-wrap .review-list .review-item .review_info .review-date {
    font-size:16px;
    margin-bottom: 11px;
    font-weight: 400;
    letter-spacing: 0;
    color: #666;
    padding-bottom: 0
}

#view_review_all_ru .pop_inner .pop_con .review-contents-wrap .review-list .review-item .review_info .review-logo {
    max-width:14rem;
    margin-bottom: 1rem
}

#view_review_all_ru .pop_inner .pop_con .review-contents-wrap .review-list .review-item .review_info .review-logo img {
    width: 100%;
    max-width: 128px;
}

#view_review_all_ru .pop_inner .pop_con .review-contents-wrap .review-list .review-item .review_cont {
    width: 100%;
}

#view_review_all_ru .pop_inner .pop_con .review-contents-wrap .review-list .review-item .review_cont .review_tit {
    font-size: 15px;
    color: #000;
    font-weight: 600;
    letter-spacing: 0;
    text-align: left;
    margin-bottom: 5px
}

#view_review_all_ru .pop_inner .pop_con .review-contents-wrap .review-list .review-item .review_cont p {
    font-size: 15px;
    color: #8C8C8C;
    font-weight: 400;
    text-align: left;
    padding-bottom: 0
}

#view_review_all_ru .pop_inner .pop_con .review-contents-wrap .review-list .review-item .review_cont p:not(:last-child) {
    margin-bottom: 11px
}

#view_review_all_ru .pop_inner .pop_con .review-contents-wrap .review-list .review-item .review_cont p:not(:first-child).review-etc-text {
    padding-top: 12px;
    border-top: 1px solid rgba(0,0,0,0.1);
}


#view_review_all_ru .pop_inner .pager {
    padding-top: 4rem;
    display: flex;
    align-items: center;
    justify-content: center
}


.view_review__dim {position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,0.7);z-index:1003;display:none;}
.popup_base{position: fixed;top: 50%;transform: translateY(-50%);left: 20px;right: 0;bottom: 0;width: calc(100vw - 40px);height: calc(100vh - 20%);z-index: 1004;background: #fff;display:none;}

#view_review_all_ru .pop_inner .pager {
    padding-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.paging-box {
    line-height: 1;
    padding-top: 6.4rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.paging-box a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
}


.paging-box a:nth-child(2) {
    margin-right: 12px;
}
.paging-box a:nth-last-child(2) {
    margin-left: 12px;
}

.paging-box a:hover {
    cursor: pointer
}

.paging-box a span {
    font-size: 12px;
    color: #000000
}

.paging-box .decrease-end {
    background-image: url("../images/product/gfit_4s/w_pagination-arrow_left-active.svg")
}

.paging-box .decrease-end.disabled {
    background-image: url("../images/product/gfit_4s/w_pagination-arrow_left.svg")
}

.paging-box .decrease-by1 {
    background-image: url("../images/product/gfit_4s/w_pagination-left-active.svg")
}

.paging-box .decrease-by1.disabled {
    background-image: url("../images/product/gfit_4s/w_pagination-left.svg")
}

.paging-box .increase-by1 {
    background-image: url("../images/product/gfit_4s/w_pagination-right-active.svg")
}

.paging-box .increase-by1.disabled {
    background-image: url("../images/product/gfit_4s/w_pagination-right.svg")
}

.paging-box .increase-end {
    background-image: url("../images/product/gfit_4s/w_pagination-arrow_right-active.svg")
}

.paging-box .increase-end.disabled {
    background-image: url("../images/product/gfit_4s/w_pagination-arrow_right.svg")
}

.paging-box .page-num {
    font-weight: 500;
    font-size: 12px;
    width: 24px;
    height: 24px;
}

.paging-box .page-num:hover {
    color: #000;
    background-color: #f8f8f8
}

.paging-box .page-num .last-num {
    display: block
}

.paging-box .is-active {
    background-color: #492885;
    color: #fff;
    pointer-events: none
}

.paging-box .is-active span {color: #fff;}

.paging-box .disabled {
    pointer-events: none
}

/* @media all and (max-width: 1024px) {
    .paging-box {
        padding-top:3.6rem
    }

    .paging-box a:nth-child(1) {
        margin: .6rem .8rem .6rem 0
    }

    .paging-box a:nth-child(2) {
        margin: .6rem 1.8rem .6rem .8rem
    }

    .paging-box a:nth-last-child(2) {
        margin: .6rem .8rem .6rem 1.8rem
    }

    .paging-box a:nth-last-child(1) {
        margin: .6rem 0 .6rem .8rem
    }

    .paging-box a:hover {
        cursor: pointer
    }

    .paging-box a span {
        font-size: 1.4rem
    }

    .paging-box .page-num {
        border-radius: 50%;
        font-size: 1.4rem;
        width: 3.6rem;
        height: 3.6rem;
        margin-right: .5rem
    }

    .paging-box .is-active {
        min-width: 3.6rem;
        min-height: 3.6rem
    }
}

@media all and (max-width: 767px) {
    .paging-box {
        padding-top:3.2rem;
        padding-left: 2.2rem;
        padding-right: 2.2rem
    }

    .paging-box .btn-arrow {
        min-width: 2.4rem
    }

    .paging-box .page-num {
        padding-right: .5rem;
        padding-left: .5rem
    }
} */

html[dir=rtl] .paging-box a:nth-child(1) {
    margin: .8rem 0 .8rem .8rem
}

html[dir=rtl] .paging-box a:nth-child(2) {
    margin: .8rem .8rem .8rem 2rem
}

html[dir=rtl] .paging-box a:nth-last-child(2) {
    margin: .8rem 2rem .8rem .8rem
}

html[dir=rtl] .paging-box a:nth-last-child(1) {
    margin: .8rem .8rem .8rem 0
}

html[dir=rtl] .paging-box a:hover {
    cursor: pointer
}

html[dir=rtl] .paging-box a span {
    font-size: 1.6rem
}

/* @media all and (max-width: 1024px) {
    html[dir=rtl] .paging-box a:nth-child(1) {
        margin:.6rem 0 .6rem .8rem
    }

    html[dir=rtl] .paging-box a:nth-child(2) {
        margin: .6rem .8rem .6rem 1.8rem
    }

    html[dir=rtl] .paging-box a:nth-last-child(2) {
        margin: .6rem 1.8rem .6rem .8rem
    }

    html[dir=rtl] .paging-box a:nth-last-child(1) {
        margin: .6rem .8rem .6rem 0
    }
} */

html[dir=rtl] .paging-box .btn-arrow {
    transform: scaleX(-1)
}


/* ifit review */
.guide_item.guide_item--review.guide_item--review-hide {
	display: none;
}
.review_cnt {
	padding-bottom: 10px;
}
.toggle_btn--review {
	position: relative;
    display: block;
    width: 100%;
    line-height: 55px;
    height: 55px;
    border-top: 1px solid #999;
    font-weight: 700;
    font-size: 14px;
    color: #333;
    text-align: left;
    padding: 0 14px;
    box-sizing: border-box;
}
.toggle_btn--review:before {
	position: absolute;
    width: 7px;
    height: 7px;
    right: 16px;
    top: 50%;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    content: '';
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin-top: -3px;
    -webkit-transition: ease-out .3s;
    -o-transition: ease-out .3s;
    transition: ease-out .3s;
}

.review.review__ifit-plus {
	background: #f4f4f4
}
.review.review__ifit-plus .review__summary .reviewer-count:after {
	bottom: 0;
}

/* // 20240214 : 별점 영역 추가 */