@charset "utf-8";

/* 유튜브 미디어 */
.media-container { text-align: center; }
.media-wrap { margin: 0 auto; max-width: 928px; text-align: left; }
.media-module { position: relative; margin: 0 auto; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.media-module iframe,
.media-module embed,
.media-module video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* 상단 비주얼 */
.product-header-helloshoponly {background-image:url(../images/content/bg-product-helloshoponly.jpg); background-color: #000000;}
.shop-header {position:relative; display:table; width:100%; min-height:200px; margin-bottom:60px; color:#fff; text-align:center; background-position:center 0; background-repeat:no-repeat; overflow:hidden;}
.shop-header .content-inner {display:table-cell; vertical-align:middle;}
.shop-header .title {position:absolute; right:0; bottom:109px; left:0; text-align:center;}
.shop-header .title span {display:inline-block; border-bottom:2px solid #000; font-size:16px; line-height:28px;}
.shop-header .main-copy {margin-bottom:12px; font-weight:500; font-size:30px;}
.shop-header .copy {font-size:18px;}

/* 메인 */
.shop-simulation-guide {position:absolute; top:0; right:0; left:0; background:rgba(0,0,0,0.8); overflow:hidden; z-index:100;}
.shop-simulation-guide .simulation-body {position:relative; width:1160px; height:500px; margin:auto; background:url(../images/content/bg-simulation-guide.png) no-repeat 99px 203px;}
.shop-simulation-guide .simulation-body li {position:absolute; top:208px; color:#fff; font-size:18px; line-height:30px;}
.shop-simulation-guide .simulation-body li:nth-child(1) {top:193px; left:152px;}
.shop-simulation-guide .simulation-body li:nth-child(2) {left:537px;}
.shop-simulation-guide .simulation-body li:nth-child(3) {right:98px;}
.shop-simulation-guide .simulation-footer {position:absolute; top:0; right:0; height:77px; padding:30px; color:#fff; font-size:12px; font-family:'Dotum', '돋움';}
.shop-simulation-guide .simulation-footer label {margin-right:10px; padding-top:2px;}
.shop-simulation-guide .btn-close-simulation {width:17px; height:17px; background-image:url(../images/common/btn-close-thin-white.png);}
.shop-simulation-guide .btn-close-simulation2 {position:absolute; top:316px; left:50%; width:310px; height:84px; margin-left:-35px;}
.shop-header-main {position:relative; height:500px; background:#171615 url(/front/web/images/content/bg-shop-main-2019.jpg) no-repeat center 0; overflow:hidden; z-index:10;}
.shop-header-main .shop-title {padding-top:176px; padding-bottom:68px; text-align:center;}
.shop-header-main .title {color:#fff; font-size:50px; letter-spacing:-0.035em;}
.shop-header-main .desc {margin-top:19px; color:#fff; line-height:26px;}
.shop-simulation {position:relative; width:962px; height:84px; margin:94px auto 0; padding:16px 20px 17px 321px; border-radius:50px; font-size:24px; line-height:50px; background:#fff;}
.shop-simulation .check-list {position:absolute; top:13px; left:39px;}
.shop-simulation .check-list:after {content:''; display:inline-block; width:1px; height:32px; background:#e8e8e8; vertical-align:middle;}
.shop-simulation .check-list li {display:inline-block; margin-right:34px;}
.shop-simulation .check-list input+label {text-indent:42px; font-weight:500; font-size:18px; cursor:pointer;}
.shop-simulation .check-list input+label:before {width:32px; height:29px; margin-top:-13px; background:url(../images/content/sp-bg-check.png) no-repeat;}
.shop-simulation .check-list input:checked+label {color:#ed174d;}
.shop-simulation .check-list input+label:hover {color:#ed174d;}
.shop-simulation .chk-broadcast input+label:before {background-position:0 0;}
.shop-simulation .chk-internet input+label:before {background-position:-40px 0;}
.shop-simulation .chk-broadcast input:checked+label:before {background-position:0 -40px;}
.shop-simulation .chk-internet input:checked+label:before {background-position:-40px -40px;}
.shop-simulation .chk-broadcast input+label:hover:before {background-position:0 -80px;}
.shop-simulation .chk-internet input+label:hover:before {background-position:-40px -80px;}
.shop-simulation .chk-broadcast input:checked+label:hover:before {background-position:0 -40px;}
.shop-simulation .chk-internet input:checked+label:hover:before {background-position:-40px -40px;}
.shop-simulation .check-list input+label span {display:block; margin-top:4px;}
.shop-simulation .i-price {width:420px; margin:-11px 2px 0 0; border:0; font-weight:500; font-size:28px; color:#ed174d; text-align:right;}
.shop-simulation .i-price::-webkit-input-placeholder {font-weight:300; font-size:24px; letter-spacing:-0.05em;} /* Webkit */
.shop-simulation .i-price:-moz-placeholder {font-weight:300; font-size:24px; letter-spacing:-0.05em;} /* Firefox 4-18 */
.shop-simulation .i-price::-moz-placeholder {font-weight:300; font-size:24px; letter-spacing:-0.05em;} /* Firefox 19+ */
.shop-simulation .i-price:-ms-input-placeholder {font-weight:300; font-size:24px; letter-spacing:-0.05em;} /* IE10+ */
.shop-simulation .btn {position:absolute; top:16px; right:20px; min-width:119px;}
.search-result-area {padding:13px 0 25px; text-align:center;}
.search-result-area .result {color:#000; font-size:34px; line-height:42px;}
.search-result-area p {color:#767676; line-height:26px;}
.exhibition-banner {position:relative; height:430px; padding:311px 0 0 581px; text-align:center;}
.exhibition-banner .slick-list {position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden;}
.exhibition-banner .slick-list .item-exhibition {float:left;}
.exhibition-list {display:inline-block;}
.exhibition-banner button {display:inline-block; width:100%; height:100%; text-indent:100%; white-space:nowrap; vertical-align:middle; overflow:hidden;}
.exhibition-banner .slick-dots {display:inline-block;}
.exhibition-banner .slick-dots li {display:inline-block; width:18px; margin-right:2px;}
.exhibition-banner .slick-dots button {position:relative;}
.exhibition-banner .slick-dots button:after {display:inline-block; content:''; position:absolute; left:50%; top:50%; width:10px; height:10px; margin:-7px 0 0 -6px; border:1px solid #000; border-radius:7px; background-color:transparent; transition:0.3s;}
.exhibition-banner .slick-dots .slick-active button:after {background-color:#000;}
.exhibition-banner .slick-arrow {position:absolute; top:50%; width:69px; height:69px; margin-top:-35px; text-indent:100%; white-space:nowrap; background:url(../images/main/btn-slider-prev.png) no-repeat; opacity:0.1; overflow:hidden; z-index:100; transition:0.3s;}
.exhibition-banner .slick-arrow:hover, .main-visual-slider .slick-arrow:focus {opacity:0.15;}
.exhibition-banner .slick-prev {left:0;}
.exhibition-banner .slick-next {right:0; background-image:url(../images/main/btn-slider-next.png);}
.exhibition-ctrl {display:inline-block; margin-left:-4px;}
.exhibition-ctrl button {position:relative; width:18px; margin-top:-2px; background:url(../images/content/btn-slider-pause.png) no-repeat center center; z-index:100;}
.exhibition-ctrl .btn-pause {background-image:url(../images/content/btn-slider-pause.png);}
.exhibition-ctrl .btn-play {display:none; background-image:url(../images/content/btn-slider-play.png);}
.table-shop {border-bottom-color:#818181;}
.table-shop thead th {background-color:#fff;}
.table-shop tbody tr:first-child th, 
.table-shop tbody tr:first-child td,
.table-shop tfoot tr:first-child th,
.table-shop tfoot tr:first-child td {border-top-color:#818181;}
.table-shop th.th-internet {height:140px;}
.table-shop td.bg-gray {background:#f9fafb;}
.table-shop td.border-primary {border:4px solid #ed174d;}

/* 가입 가능 지역 */
.section-find-available { clear: both; margin: 0 auto 0; min-height: 120px; text-align: center; background-color: #000; color: #fff; }
.section-find-available .toggle { display: none; }
.section-find-available .toggle.in { display: block; }
.section-find-available .wrap { margin: 0 auto; padding: 23px 0; width: 1160px; text-align: left; line-height: 1.3; }
.section-find-available .col { float: left; }
.section-find-available .col-subject .ico { vertical-align: middle; margin: -6px 10px 0 0; width: 23px; height: 30px; background-image: url('/front/web/images/shop/ico_find_location.png'); background-size: auto; }
.section-find-available .col-core { float: right; width: 60%; }
.section-find-available .subject { font-size: 24px; line-height: 72px; }
.section-find-available .module { padding: 11px 0; text-align: right; }
.section-find-available .col-core p { display: inline-block; vertical-align: middle; margin: 0; padding: 0; user-select: none; font-size: 20px; font-weight: 400; }
.section-find-available .button { display: inline-block; box-sizing: content-box; vertical-align: middle; padding: 0 20px; height: 50px; line-height: 48px; text-align: center; }
.section-find-available .button { background-color: transparent; border: solid 1px #fff; border-radius: 50px; color: #fff; font-size: 22px; font-weight: 500; font-size: 16px; transition: all .2s ease-in-out 0s; }
.section-find-available .button:hover { background-color: rgba(100, 100, 100, .4); border-color: #fff; }
.section-find-available .button-submit,
.section-find-available .button-reset { display: inline-block; }
.section-find-available .button-submit { width: 154px; }
.section-find-available .button-submit .ico { margin: 3px -30px 0 0; vertical-align: top; }
.section-find-available .button-reset .ico { background-image: url('/front/web/images/common/ico_refresh.png'); }
.section-find-available .button-reset .ico { margin: -3px 0 0 5px; width: 28px; height: 28px; background-size: 100% 100%; }
.section-find-available .button-more { padding: 0 30px; } 
.section-find-available .module.is-success .button-reset { margin-right: 20px; }
.section-find-available .module.is-success .button-more .ico { display: none; }
.section-find-available .module.is-fail p { padding: 12px 0 12px; }
.section-find-available .module.is-fail .button-reset .ico { margin-top: 1px; }
.section-find-available .module.is-link { padding-top: 22px; margin-right: 0; text-align: right; }

/* 나에게 맞는 상품 찾기 배너 */
.section-find-product { clear: both; margin: 50px auto; min-height: 120px; text-align: center; background-color: #ed174d; color: #fff; transition: background-color .2s ease-in-out 0s; }
.section-find-product > a { display: block; min-height: 120px; }
.section-find-product .wrap { margin: 0 auto; width: 1160px; text-align: left; line-height: 1; }
.section-find-product .grid { padding: 34px 0; line-height: 50px; }
.section-find-product .col { float: left; }
.section-find-product .col-core { float: right; }
.section-find-product .subject { font-size: 24px; font-weight: 500; line-height: 50px; }
.section-find-product .subject small { font-size: 20px; font-weight: 300; }
.section-find-product .module { line-height: 1; text-align: right; }
.section-find-product .button {  display: inline-block; box-sizing: content-box; vertical-align: middle; padding: 0 20px; width: 154px; height: 48px; line-height: 48px; text-align: center; background-color: transparent; border: solid 1px #fff; border-radius: 50px; color: #fff; font-size: 22px; font-weight: 500; font-size: 16px; vertical-align: middle; transition: all .2s ease-in-out 0s; }
.section-find-product .button:hover { background-color: #a50034; border-color: #fff; }
.section-find-product .btn-more { height: 50px; line-height: 50px; }

/* 하단 프로모션 배너 영역 */
.section-promo-downer { clear: both; margin: 50px 0; text-align: center; line-height: 1; }
.section-promo-downer .wrap { margin: 0 auto; max-width: 1160px; text-align: center; }
.section-promo-downer .grid { margin: 40px -14px; }.section-promo-downer .module { margin: 0 14px; overflow: hidden; }
.section-promo-downer .module { cursor: default; }
.section-promo-downer .module a { display: block; cursor: pointer; }
.section-promo-downer .block { position: relative; }
.section-promo-downer .pic { margin: 0; width: 100%; max-width: 100%; vertical-align: middle; }
.section-promo-downer .pic { transition: opacity .1s ease-in-out .2s, transform .3s ease-in-out 0s; } 
.section-promo-downer .pic.nth-1 { opacity: 1; }
.section-promo-downer .pic.nth-2 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transform: translate(0, 0) scale(1); }
.section-promo-downer .pic.nth-2 { transition: opacity .2s ease-in-out .2s, transform .3s ease-in-out 0s; }
.section-promo-downer .pic.nth-2.no-transition { visibility: hidden; }
.section-promo-downer a:hover .pic.nth-1 { oapcity: 0; }
.section-promo-downer a:hover .pic.nth-2 { opacity: 1; transform: translate(-10px, -3px) scale(1.05); transition: opacity .2s ease-in-out 0s, transform .3s ease-in-out 0s; }
.section-promo-downer a:hover .pic.nth-1.no-transition { opacity: 1; }
.section-promo-downer a:hover .pic.nth-2.no-transition { opacity: 0; }
.section-promo-downer .desc { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.section-promo-downer .desc p { display: inline-block; margin: 0; padding: 0; font-size: 26px; font-weight: 300; color: #000; line-height: 1.3; user-select: none; }
.section-promo-downer .desc span { display: block; }
.section-promo-downer .desc strong { font-weight: bold; }
.section-promo-downer .col-1-2 .desc { justify-content: flex-start; }
.section-promo-downer .col-1-2 .desc p { padding-left: 9%; text-align: left; }
.section-promo-downer .block { background-color: #fff; border: solid 1px #e1e1e1; overflow: hidden; border-radius: 3px; }
.section-promo-downer .item-a:hover .pic.nth-2 { transform: translate(10px, -3px) scale(1.05); }
.section-promo-downer .item-a .block { background-color: #d9eeea; }
.section-promo-downer .item-b .block { background-color: #e7e4f1; }
.section-promo-downer .item-c .block { background-color: #d6e1e7; }
.section-promo-downer .item-d .block { background-color: #dceaf4; }
.section-promo-downer .item-e .block { background-color: #f4f3e6; }
.section-promo-downer .item-f .block { background-color: #f4dae0; }

/* 이유있는 제안 */
.tag-box {position:relative; margin-bottom:80px; padding:28px 54px 18px 182px;}
.tag-box .tag-check-all {position:absolute; top:31px; left:38px;}
.tag-box .tag-check-all:after {content:''; display:inline-block; width:1px; height:25px; margin:2px 0 0 25px; vertical-align:middle; background:#d2d2d2;}
.tag-box .tag-check-all label {font-weight:500; line-height:25px; text-indent:30px; cursor:pointer;}
.tag-box .tag-check-all label:before {content:''; display:inline-block; width:23px; height:23px; margin-top:-11px;  background:url(../images/content/bg-check-all.png) no-repeat center center !important;}
.tag-box .tag-list label {height:36px; margin:0 10px 10px 0; padding:0 20px; border:1px solid #d2d2d2; border-radius:20px; color:#767676; font-size:14px; line-height:34px; text-align:center; text-indent:0; cursor:pointer;}
.tag-box .tag-list label span:before {content:'#';}
.tag-box .tag-list input[type=checkbox]:checked+label { color:#fff; background:#ed174d; }
.tag-box .tag-list label:before {display:none;}
.tag-box .tag-list input:checked+label:after {content:''; display:inline-block; width:11px; height:11px; margin-left:10px; background:url(../images/common/ico-close-thin-white2.png) no-repeat;}
.relation-info-bottom {border-bottom-color:#000;}
.relation-info-bottom strong {display:none;}
.relation-info-bottom .cont {padding-left:10px; font-weight:500; color:#000; font-size:16px; line-height:36px;}
.relation-info-bottom .btn-more {right:40px;}
.relation-tag-shop .tag-list li span, .relation-tag-shop .tag-list li a {display:block; padding:0 10px; border:1px solid #e0e0e0; color:#767676; font-size:12px; line-height:30px; background-color:#fff;}
.relation-tag-shop .tag-list li span:before, .relation-tag-shop .tag-list li a:before {content:'#';}
.suggest-top-visual {display:table; width:100%; height:500px; background-image:url(../images/open/img-pr-suggestion1-1.jpg); background-position: 0 0; background-repeat: no-repeat;}
.suggest-top-visual.suggest-visual-use {background-image:url(../images/open/img-pr-suggestion2-1.jpg);}
.suggest-top-visual.suggest-visual-rec {background-image:url(../images/open/img-pr-suggestion3-1.jpg);}
.suggest-top-visual.suggest-visual-youtube {background-image:url(../images/open/img-pr-suggestion4-1.jpg);}
.suggest-top-visual.suggest-visual-skt201805 {background-image:url(../images/open/img-pr-skt201805-1-1.jpg);}
.suggest-top-visual .suggest-info {display:table-cell; padding:0 0 0 55px; vertical-align: middle;}
.suggest-top-visual .subject {margin-bottom:16px; color:#fff; font-size:46px; line-height:1.3043;}
.suggest-top-visual .desc {line-height:1.66666; color:#fff;}
.suggest-hline {display:block; margin:77px auto 22px; width:27px; height:19px; background:url(../images/open/img-horizontalLine.png) 0 0 no-repeat; }
.suggest-hline.last {margin-top:100px;}
.suggest-title {margin-bottom:55px; font-size:32px; color:#000; text-align:center;}
.suggest-title-desc {line-height:26px; text-align:center;}
.suggest-text {font-size:18px;font-weight:400; text-align:center; /* line-height:1.6666; */ line-height:1.555556; }
.suggest-text+.suggest-title {margin-top:108px;}
.suggest-text+.suggest-title+.suggest-menual-title {margin-top:56px;}
.suggest-app-info {margin-top:100px; margin-bottom:116px; padding:170px 0 164px 635px; min-height:678px; background-image:url(../images/open/bg-pr-suggestion1-1.jpg); background-position:176px 78px; background-repeat: no-repeat; background-color:#f8f8f8;}
.suggest-app-info .suggest-title {margin-bottom:0; font-size:32px; color:#000; text-align:left;}
.suggest-app-info .suggest_desc {font-size:20px; color:#000;}
.suggest-app-info .list.bul-number.color-darkgray li {color:#555;}
.suggest-app-info .list.bul-number li {color:#767676;}
.suggest-app-info .list.bul-number li+li {margin-top:20px;}
.suggest-app-info.suggest-info-rec {padding:95px 0 0; background-image:url(../images/open/bg-pr-suggestion2-1.jpg); background-position:129px 208px;}
.suggest-app-info.suggest-info-rec .list.bul-number{margin-top:0; padding:155px 0 0 690px;}
.suggest-app-menual {margin-top:80px;}
.suggest-app-menual > li+li {margin-top:74px}
.suggest-app-menual li .img {margin-bottom:20px;}
.suggest-app-menual li .subject {display:inline-block; font-size:20px; color:#000;}
.suggest-app-menual li .desc {margin-top:4px; color:#000; font-size:16px; line-height:1.625;}
.suggest-app-menual li>ul:after {clear:both; content:'';display:block;}
.suggest-app-menual li>ul.img li {float:left;}
.suggest-app-menual li>ul.img li+li {margin-left:20px;}
.suggest-app-menual li>ul.list.bul-number {margin-top:10px;}
.suggest-menual-title {margin-top:95px; margin-bottom:40px; font-size:24px; color:#000; text-align:center; font-weight:500;}
.suggest-menual-title+.suggest-menual-subtitle {margin-top:40px;} 
.suggest-menual-subtitle {margin-top:68px; margin-bottom:32px; font-size:20px; text-align:center; color:#000; font-weight:500;}
.suggest-menual-subtitle.text-left {margin-bottom:20px;}
.suggest-menual-list:after {display:block; clear:both; content:'';}
.suggest-menual-list .sub_desc{margin:5px 0 0;font-weight:400;line-height:1.625;}
.suggest-menual-list>li {float:left;}
.suggest-menual-list li {width:48.75%;}
.suggest-menual-list li+li{margin-left:28px;}
.suggest-menual-col3 {padding:0 146px;}
.suggest-menual-col3 li {width:29.228%;}
.suggest-menual-col3 li+li {margin-left:50px;}
.suggest-menual-fcol3 {padding:0;}
.suggest-menual-fcol3 li {/* width:31.667%; */ width:355px;}
.suggest-menual-fcol3 li+li{margin-left:27px;}
.suggest-menual-list li .guide-text {margin-left:21px; margin-top:27px;}
.suggest-menual-list li .guide-text .num {margin:0px 6px 0 -21px;}
.suggest-menual-list li .ico-suggest-lock {display:inline-block; width:15px; height:26px; margin-right:2px; text-indent:-9999px; overflow:hidden; background:url(../images/open/ico-suggest-lock.png) 0 1px no-repeat; vertical-align:middle;}
.suggest-warning {margin-top:48px; text-align:center;}

.suggest-warning .bul-warning {display:inline;}
.pr-divider-top {margin-top:55px; padding-top:73px; border-top:1px solid #e1e1e1;}
.bbs-suggest-divider {margin-top:98px; margin-bottom:95px; border:none; border-top:1px solid #d2d2d2;}

/* 헬로샵 Only */
.product-detail-view {padding-bottom:75px; border-bottom:1px solid #000;}
.product-detail-view .image-area {text-align:center;}
.product-detail-view .image-area:first-child {margin-bottom:60px;}
.product-detail-view .image-area:last-child {margin-top:60px;}

/* WHY 헬로샵 */
.shop-whyhelloshop-info>.product-intro {text-align:center;}
.shop-whyhelloshop-info>.product-intro .left {padding-right:50%;}
.shop-whyhelloshop-info>.product-intro .right {padding-left:50%;}
.shop-whyhelloshop-info>.product-intro .left .subject, .shop-whyhelloshop-info>.product-intro .right .subject {padding-top:105px; background-repeat:no-repeat; background-position:center top;}
.shop-whyhelloshop-info>.product-intro .subject {font-size:42px;}
.shop-whyhelloshop-info>.product-intro .desc {color:#555; font-size:18px;}
.shop-whyhelloshop-info>.product-intro:nth-child(1) {height:500px; background:url(../images/content/img-whyhelloshop.png) no-repeat center 6px;}
.shop-whyhelloshop-info>.product-intro:nth-child(1) .center {padding-top:265px;}
.shop-whyhelloshop-info>.product-intro:nth-child(1) .subject, .shop-whyhelloshop-info>.product-intro:nth-child(6) .subject { color:#ed174d; }
.shop-whyhelloshop-info>.product-intro:nth-child(2), .shop-whyhelloshop-info>.product-intro:nth-child(4) {height:620px; background-color:#f6f6f6;}
.shop-whyhelloshop-info>.product-intro:nth-child(2) .subject {background-image:url(../images/content/ico-function-quality.png);}
.shop-whyhelloshop-info>.product-intro:nth-child(2) .tmb {background-image:url(../images/content/bg-whyhelloshop-quality.jpg);}
.shop-whyhelloshop-info>.product-intro:nth-child(3) {height:604px; background:#fefefe;}
.shop-whyhelloshop-info>.product-intro:nth-child(3) .subject {background-image:url(../images/content/ico-function-wifi2.png);}
.shop-whyhelloshop-info>.product-intro:nth-child(3) .tmb {background-image:url(/front/web/images/content/bg-whyhelloshop-wifi-right.jpg);}
.shop-whyhelloshop-info>.product-intro:nth-child(4) .subject {background-image:url(../images/content/ico-function-direct.png);}
.shop-whyhelloshop-info>.product-intro:nth-child(4) .tmb {background-image:url(../images/content/bg-whyhelloshop-direct.png);}
.shop-whyhelloshop-info>.product-intro:nth-child(5) {height:616px;}
.shop-whyhelloshop-info>.product-intro:nth-child(5) .subject {background-image:url(../images/content/ico-function-benefit.png);}
.shop-whyhelloshop-info>.product-intro:nth-child(5) .tmb {background-image:url(../images/content/bg-whyhelloshop-benefit.jpg);}
.shop-whyhelloshop-info>.product-intro:nth-child(6) {height:640px; background-color:#f6f6f6;}
.shop-whyhelloshop-info>.product-intro:nth-child(6) .center {padding-top:229px;}
.shop-whyhelloshop-info>.product-intro:nth-child(6) .tmb {background-image:url(../images/content/bg-whyhelloshop-product.jpg);}
.whyhello-title {margin-top:24px; font-size:42px; text-align:center;}
.whyhello-plus-list {margin-top:60px;}
.whyhello-plus-list li {display:table-cell; width:1%; padding:0 15px;}
.whyhello-plus-list li .whyhello-icon {display:table; margin:auto;}
.whyhello-plus-list li .whyhello-icon span {display:table-cell; vertical-align:middle;}
.whyhello-plus-list li dt {margin:15px 0 25px; font-size:18px; text-align:center;}
.whyhello-plus-list li dd {color:#555; word-break:keep-all;}
.whyhello-plus-list li:nth-child(1) .item {max-width:255px;}
.whyhello-plus-list li:nth-child(1) .item dd {padding-left:23px;}
.whyhello-plus-list li:nth-child(2) .item {max-width:283px;}
.whyhello-plus-list li:nth-child(2) .item dd {padding-left:22px;}
.whyhello-plus-list li:nth-child(3) .item {max-width:281px;}
.whyhello-plus-list li:nth-child(3) .item dd {padding-left:16px;}
.whyhello-plus-list li:nth-child(4) .item {max-width:269px;}
.whyhello-plus-list li:nth-child(4) .item dd {padding-left:26px;}

/* 이달의 기획전 */
.ir-wrap {position:relative; margin-bottom:60px;}
.ir-wrap .ir-fin {position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.8); z-index:10;}
.ir-wrap .ir-fin-cont {position:absolute; top:461px; left:350px; width:460px; height:460px; padding-top:269px; border-radius:12px; font-weight:500; color:#fff; text-align:center; background-color:#ed174d;}
.ir-wrap .ir-fin-cont .title {position:absolute; top:94px; left:50%; margin-left:-75px; padding-top:33px; width:150px; height:150px; border:8px solid #fff; border-radius:100px; font-size:38px;}
.ir-wrap .ir-fin-cont .title:after {content:''; display:block; position:absolute; bottom:37px; left:34px; width:67px; height:8px; border-radius:5px; background-color:#fff;}
.ir-wrap .ir-fin-cont .desc {font-size:20px;}
.ir-wrap .ir-fin-cont .main-copy {margin-bottom:11px; font-size:40px;}
.ir-wrap .btn-ir {position:absolute; text-indent:100%; white-space:nowrap; overflow:hidden; background:url(../images/common/_blank.png) repeat;}

/*이유있는 제안*/
/*201805 SKT 온가족케이블플랜*/
.ofp-title{margin-top:95px; margin-bottom:40px; font-size:32px; color:#000; text-align:center; font-weight:500;}
.ofpSub_desc{font-size:16px;font-weight:400;color:#767676;text-align:center;line-height:1.6666; }
.ofpSub-title{font-size:24px;color:#000;text-align:center;}
.ofpDiscount1{height:646px;padding:80px 0 0 0;background:url(../images/open/img-pr-skt201805-1-2.jpg) no-repeat;}
.ofpDiscount2{height:647px;padding:80px 0 0 0;background:url(../images/open/img-pr-skt201805-1-3.jpg) no-repeat;}
.ofpDiscount2 .ofpSub-imp{margin-top:385px;}
.ofpDiscount3{height:831px;padding:80px 0 0 0;background:url(../images/open/img-pr-skt201805-1-4.jpg) no-repeat;}
.ofpDiscount3 .ofpSub-imp{margin-top:540px;}
.ofpdislistbox{margin:372px 0 45px;}
.ofpdislistbox li{position:relative;float:left;width:520px;margin:0 0 0 40px !important;}
.ofpdislistbox li .dsPrice{position:absolute;top:0;right:40px;}
.ofpDis-imp{text-align:center;}
.ofp-text{font-size:18px;font-weight:400; text-align:center; line-height:1.6666; }
.onFamilyPlan-diff .ofp-dff{height:635px;padding:507px 0 0;background:url(../images/open/img-pr-skt201805-1-5.jpg) no-repeat;}
.sktDisBtn{padding:17px 40px 21px;background:#ed174d;color:#fff;font-size:20px;}
.sktDisBtn strong{font-size:24px;}

/*이유있는제안 - 뷰잉*/
.viewing-top-visual {display:table; width:100%; height:500px; background-image:url(../images/open/img-menual-viewing-visual.png); background-position: 0 0; background-repeat: no-repeat;}
.viewing-top-visual .viewing-info {display:table-cell; padding:0 0 0 55px; vertical-align: middle;}
.viewing-top-visual .subject {margin-bottom:16px; color:#fff; font-size:46px; line-height:1.3043;}
.viewing-top-visual .desc {line-height:1.66666; color:#fff;}
.viewing-bg {display:table; width:100%; height:540px; background-image:url(../images/open/img-menual-viewing1-1.png); background-position: 0 0; background-repeat: no-repeat;}
.viewing-bg .suggest-title {padding-top:95px;margin-bottom:15px}
.viewing-bg .suggest-menual-title {margin-top:0;font-size:18px;color:#767676}
.viewing-bg .viewing-menual-list {margin:100px 0 0 740px;}
.viewing-bg .viewing-menual-list li {width:100%;}

/*이유있는제안 - 숲만들기*/
.forest-top-visual {display: table;  width: 100%; height: 500px; background-image: url(/front/web/images/open/img-menual-forest_bnr.jpg); background-position: 0 0; background-repeat: no-repeat;background-size: 100% 100%;}
.forest-top-visual .subject {margin-bottom: 16px; color: #fff; font-size: 46px;  line-height: 1.3043;}
.forest-top-visual .desc {line-height: 1.66666; color: #fff;}
.forest-info {display: table-cell;  padding: 0 0 0 55px; vertical-align: middle;}
.img-one {text-align:center}
.img-one img {width:546px;}

/*이유있는제안 - 홈트*/
.trainning-top-visual .trainning-info {display: table-cell; padding: 0 0 0 55px; vertical-align: middle;}
.trainning-top-visual .subject {margin-bottom:16px; color:#fff; font-size:46px; line-height:1.3043;}
.trainning-top-visual .desc {line-height:1.66666; color:#fff;}
.trainning-top-visual {display: table; width: 100%; height: 500px; background-image: url(/front/web/images/open/img-menual-trainning_bnr.jpg); background-position: 0 0; background-repeat: no-repeat; background-size: 100% 100%;}
.img-menual-trainning_08 {margin: 100px 0;padding:95px 0 0 0;display: table; width: 100%; height:784px; background-image: url(/front/web/images/open/img-menual-trainning_08.png); background-position: 0 0; background-repeat: no-repeat; background-size: 100% 100%;}
.img-menual-trainning_09 {margin: 100px 0;padding:95px 0 0 0;display: table; width: 100%; height:838px; background-image: url(/front/web/images/open/img-menual-trainning_09.png); background-position: 0 0; background-repeat: no-repeat; background-size: 100% 100%;}
.img-horizontalLine  {margin:0 auto;padding:0; display: table; width: 27px; height:19px; background-image: url(/front/web/images/open/img-horizontalLine.jpg); background-position: 0 0; background-repeat: no-repeat; background-size:27px 19px;}
    
/*이유있는제안 - KT 모바일 X 헬로인터넷 */
.ktcombi-top-visual .trainning-info {display: table-cell; padding: 0 0 0 55px; vertical-align: middle;}
.ktcombi-top-visual .subject {margin-bottom:16px; color:#fff; font-size:46px; line-height:1.3043;}
.ktcombi-top-visual .desc {line-height:1.66666; color:#fff;}
.ktcombi-top-visual {display: table; width: 100%; height: 500px; background-image: url(/front/web/images/open/img-menual-ktcombi_bnr.jpg); background-position: 0 0; background-repeat: no-repeat; background-size: 100% 100%;}
.ktcombi_con_01 {height:675px;padding:80px 0 0 0;background:url(/front/web/images/open/img-menual-ktcombi_02.jpg) no-repeat;}
.ktcombi_con_03 {height:840px;padding:80px 0 0 0;background:url(/front/web/images/open/img-menual-ktcombi_04.jpg) no-repeat;}
.ktcombi_con_01 .suggest-warning {margin:480px 0 0 80px;}
.ktcombi_con_02 .ofpSub-imp {margin-top: 385px;}
.ktcombi_con_03 .suggest-warning {margin:550px 0 0 0;}
.ktcombi .bul-warning:before {display:inline-block;top:1px;width:16px;height:16px;background-image:url(../images/common/ico-warning-gray.png);}

/*이유있는제안 - 밀키트*/
.millkit-top-visual .millkit-info {display: table-cell; padding: 0 0 0 55px; vertical-align: middle;}
.millkit-top-visual .subject {margin-bottom:16px; color:#fff; font-size:46px; line-height:1.3043;}
.millkit-top-visual .desc {line-height:1.66666; color:#fff;}
.millkit-top-visual {display: table; width: 100%; height: 500px; background-image: url(/front/web/images/open/img-menual-millkit_bnr.jpg); background-position: 0 0; background-repeat: no-repeat; background-size: 100% 100%;}
.img-menual-millkit-01 {margin: 100px 0;padding:95px 0 0 0;display: table; width: 100%; height:1223px; background-image: url(/front/web/images/open/img-menual-millkit_04.jpg); background-position: 0 0; background-repeat: no-repeat; background-size: 100% 100%;}
.img-menual-millkit-01 .suggest-text02 {font-size: 18px; font-weight: 400; text-align: center; line-height: 1.6666; margin: 530px 0 0 0;}
.img-horizontalLine  {margin:0 auto;padding:0; display: table; width: 27px; height:19px; background-image: url(/front/web/images/open/img-horizontalLine.png); background-position: 0 0; background-repeat: no-repeat; background-size:27px 19px;}

/* 베스트 상품 탭 */
.best-tab {width:580px; margin:0 auto; position: absolute; top:400px; left:50%; margin-left:-290px; z-index: 1;}
.best-tab .tab-list {margin-bottom:30px; border-collapse:collapse; font-size:18px; line-height:1.3; word-break:keep-all; overflow:hidden;}
.best-tab .tab-list:after {display:block; clear:both; content:'';}
.best-tab .tab-list li {margin:0; vertical-align:middle; border:none; color:#fff; background-color:transparent;}
.best-tab .tab-list li a {margin: 0 auto; display:block; width:180px; text-decoration:none; border-width:1px; border-style: solid;border-left-color: #fff; border-right-color: #fff;border-radius:50px;}
.best-tab .tab-list li a span {position: relative; display:table-cell; border-top:none;width:1%; height:50px; padding:1px 30px 0;font-weight:500; text-align:center; vertical-align:middle;}
.best-tab .tab-list li.on {border-top-color:none; border-bottom-color:none;}
.best-tab .tab-list li.on a span {position: relative; font-weight:500;}
.best-tab .tab-list li a span:after, .best-tab .tab-list li.on a span:after {position: absolute; top: 23px; right: 19px; display:block; clear:both; content:''; width:9px; height:6px; background-image:url(/front/web/images/content/ico-arrow-down-white.png);}
.best-tab .tab-list li.on a, .best-tab .tab-list li a:hover, .best-tab .tab-list li a:focus, .best-tab .tab-list li.on a:hover, .best-tab .tab-list li.on a:focus { color:#fff; background:#ed174d; border:1px solid #ed174d; }
.best-tab .tab-list {width:100%; min-width:100%; border-bottom:0;}
.tab-cont {display:none;}

/* 베스트 상품 키비주얼 */
.best-header {position:relative; margin-bottom: 60px; background-color:#171615; background-position:center 0; background-repeat:no-repeat; height:500px;background-size:1920px 500px;}
.best-header-product.best {background-image:url(/front/web/images/content/bg-best-best.png);}		
.best-header-product.tv {background-image:url(/front/web/images/content/bg-best-tv.png);}					
.best-header-product.internet {background-image:url(/front/web/images/content/bg-best-internet.png);}
.best-header .content-title { font-weight: 500; }
.best-title {color:#fff; margin-top:85px; font-size:58px; letter-spacing:-1.5px; text-align:center; line-height:58px;}
.best-title-content {color:#fff; margin-top:14px; font-size:26px; text-align:center;line-height:50px;}

/* 베스트 상품 모듈 */
.best-list {margin:0; overflow:hidden;}
.best-list>li {margin:0}
.best-list>li, .best-item {position:relative; width:auto; margin:0 0 30px; padding:0; text-align:center;}
.best-list>li:after, .best-item:after {display:block; clear:both; overflow:hidden; content:'';}
.best-item-wrap1 {position:relative; float:left; width:759px; height:420px; border:1px solid #e1e1e1; border-radius:4px; background:#fff;}
.best-item-wrap1:after , .best-item-wrap2:after {display:block; overflow:hidden; clear:both; content:''; }
.best-item-wrap1:after {display: block; content: ""; background-image: url(/front/web/images/content/ico-best-plus.png); background-repeat: no-repeat; position: absolute; right: -22px; top:197px; width:37px; height:37px;}
.best-item-wrap2 {float:right;width:396px; height:420px; border:1px solid #e1e1e1; border-radius:4px; background:#fff;}
.benefit {padding: 40px 60px 0;}
.benefit .benefit-total {font-size:24px; margin-bottom:25px; padding:0 0 15px; border-bottom:1px solid #ed174d;}
.benefit-box:after {display:block; overflow:hidden; clear:both; content:''; }
.benefit-box li {float:left; width:48%;height: 117px; padding:20px 0; border:1px solid #e1e1e1; border-radius:4px;font-size:14px; line-height:24px; margin-right:4%; margin-bottom:10px;}
.benefit-box li:nth-child(even) {margin-right:0px;}
.benefit-box li:last-child {width:274px; height:67px;margin-right:0px; padding:20px 0; border:1px solid #e1e1e1; border-radius:4px; background:#f8f8f8; font-size:20px; color:#ed174d;}
.benefit-box li>strong {font-size:20px; line-height:20px;}
.benefit-footer {color:#767676; font-size: 14px; line-height:20px;}
.benefit-box .benefit-box-full {width:274px;}
.best-item {width:auto; border:0; }
.best-item-title {font-size:26px; letter-spacing: -0.8px; text-align: left; margin:46px 0 0 80px; font-weight: 600; word-break: keep-all; white-space: nowrap; }
.best-list .btn-group, .best-item .btn-group {/* display:table; *//* width:calc(100% + 10px); *//* margin:45px 0 0 -5px; */}
.best-list .btn-group .btn-cell, .best-item .btn-group .btn-cell {display:table-cell; padding:0 10px;}
.best-list .btn-group .btn, .best-item .btn-group .btn {display:block;}

.best-item-info {float:left;width:308px;height:310px;  margin:40px 0 0 44px;}
.best-item-right {float:left;width:308px; margin:40px 0 0 40px;}
.best-item-info>a {display:inline-block;}
.best-item-info>a:hover {color:#ed174d;}
.best-item-info .best-image {width:306px; height:110px;}
.best-item-info .best-image img {width:100%; height:100%;}
.best-item-info .best-name {margin:20px 0 15px; font-size:20px; line-height:30px;}
.best-item-info .best-name strong {display:inline-block;}
.best-item-info .best-name strong+strong:before {content:'+'; margin-right:4px;}
.best-item-info .best-info {margin-top:5px; color:#767676; font-size:14px; line-height:20px;}
.best-item-info .best-label {margin-top:12px;}
.best-item-info .best-label a, .best-item-info .best-label span {display:inline-block; height:25px; padding:1px 7px 0; border:1px solid #e8e8e8; border-radius:2px; color:#555; font-size:12px; line-height:22px; user-select: none; }
.best-item-info .best-label span {font-family:'Dotum', '돋움';}
.best-item-info .best-label a {color:#fff; border-color:transparent; background-color:#000;}
.best-item-info .best-label a:after {display:inline-block; content:''; width:10px; height:10px; margin:0 -2px 0 5px; background:url(/front/web/images/common/ico-zoom-white-xs.png) no-repeat}
.best-item-info .description { margin: 30px auto 0; width: 260px; font-size: 11px; color: #777; line-height: 1.4; text-align: left; }
.best-item-right .best-price {display:table-cell; width:1%; height:110px; font-size:18px; vertical-align:middle;}
.best-item-right .price {font-weight:500; font-size:28px; letter-spacing:0;}
.best-item-right .price-info {position: relative; margin:20px 0 0 0;}
.best-item-right .price-info strong {color:#ed174d;}
.best-item-right .price-info:after {display: block; content: ""; background-image: url(/front/web/images/content/ico-best-gray-arrow.png); background-repeat: no-repeat; position: absolute; right: 33px; top: 12px; width: 220px; height: 38px;}
.best-item-right .price strong {font-size:32px;}

/* 베스트 상품  혜택 */
.best-benefit>h4 {margin:50px 0 0; font-weight: 500; font-size: 24px; background-color:#6b6b6b; border-radius:5px 5px 0 0; padding:20px 0;}
.best-benefit .best-benefit-cont {background-color:#f8f8f8; border:1px solid #e1e1e1; border-radius:0 0 5px 5px; padding:50px 0 30px 0;}
.best-benefit .best-benefit-cont {overflow:hidden; text-align: center;}
.best-benefit .best-benefit-cont li {float:left;}
.best-benefit .best-benefit-cont>ul {display: inline-block;}
.best-benefit .best-benefit-cont>ul>li {margin-right:35px}
.best-benefit .best-benefit-cont>ul>li:last-child{margin-right:0;}
.ico-72.ico-72-best-coupon-01 {background-image:url(/front/web/images/content/ico-72-best-coupon-01.png);}
.ico-72.ico-72-best-coupon-02 {background-image:url(/front/web/images/content/ico-72-best-coupon-02.png);}
.ico-72.ico-72-best-coupon-03 {background-image:url(/front/web/images/content/ico-72-best-coupon-03.png);}
.ico-72.ico-72-best-coupon-04 {background-image:url(/front/web/images/content/ico-72-best-coupon-04-02.png);}
.ico-72.ico-72-best-coupon-05 {background-image:url(/front/web/images/content/ico-72-best-coupon-05.png);}
.ico-72.ico-72-best-coupon-06 {background-image:url(/front/web/images/content/ico-72-best-coupon-06.png);}
.ico-72.ico-72-best-coupon-07 {background-image:url(/front/web/images/content/ico-72-best-coupon-07.png);}
.ico-72.ico-72-best-coupon-08 {background-image:url(/front/web/images/content/ico-72-best-coupon-08.png);}
.best-benefit-text {font-size:14px;text-align:left; line-height:18px; font-weight: 500; margin:17px 0 20px 14px; display: block;}

/* 베스트 상품 보라색 배너 */
.bnr-best {position:relative; font-size:24px; z-index:600;}
.bnr-best .bg-point { background-color: #ed174d; }
.bnr-best .content-inner {height:175px;}

/* 베스트 상품 모션 배너 */
.bnr-best-motion {height:192px}
.bnr-best-motion>a{position:relative}
.bnr-best-motion>a:nth-child(1){float:left;padding:50px 0 0 44px;width:566px;height:165px;border:1px solid #e1e1e1;border-radius:5px;background:#f8f8f8}
.bnr-best-motion>a:nth-child(1)>span{display:block;font-size:26px;color:#000}
.bnr-best-motion>a:nth-child(1)>p{font-size:26px;font-weight:bold;line-height:26px;color:#000}
.bnr-best-motion>a:nth-child(1)>div{position:absolute;right:0;top:0;overflow:hidden;width:500px;height:168px}
.bnr-best-motion>a:nth-child(1)>div>img:nth-child(1){position:absolute;margin:-80px 0 0 220px;left:0;top:0;width:500px;height:218px;-webkit-transition:all 0.5s;transition:all 0.5s}
.bnr-best-motion>a:nth-child(1)>div>img:nth-child(2){position:absolute;margin:-80px 0 0 220px;left:0;top:0;width:500px;height:218px;opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}
.bnr-best-motion>a:nth-child(1):hover>div>img:nth-child(1){margin:-70px 0 0 210px;-webkit-transition:all 0.5s;transition:all 0.5s}
.bnr-best-motion>a:nth-child(1):hover>div>img:nth-child(2){margin:-70px 0 0 210px;opacity:1;-webkit-transition:all 0.5s;transition:all 0.5s}
.bnr-best-motion>a:nth-child(2){float:right;padding:50px 0 0 44px;width:566px;height:165px;border:1px solid #e1e1e1;border-radius:5px;background-color: #d6e1e7;}
.bnr-best-motion>a:nth-child(2)>span{display:block;font-size:26px;font-weight:bold;color:#000}
.bnr-best-motion>a:nth-child(2)>p{font-size:26px;line-height:26px;color:#000}
.bnr-best-motion>a:nth-child(2)>div{position:absolute;right:0;bottom:0;overflow:hidden;width:357px;height:208px;}
.bnr-best-motion>a:nth-child(2)>div>img:nth-child(1){position:absolute; margin:82px 0 0 72px;width:357px;height:208px;-webkit-transition:all .5s linear;transition:all .5s}
.bnr-best-motion>a:nth-child(2)>div>img:nth-child(2){position:absolute; margin:82px 0 0 72px;width:357px;height:208px;opacity:0;-webkit-transition:all .5s;transition:all .5s}
.bnr-best-motion>a:nth-child(2):hover>div>img:nth-child(1){margin:62px 0 0 72px;-webkit-transition:all .5s;transition:all .5s}
.bnr-best-motion>a:nth-child(2):hover>div>img:nth-child(2){margin:62px 0 0 72px;opacity:1;-webkit-transition:all .5s;transition:all .5s}

/* 이유있는제안 - 숲조성 완성*/
.forest12-top-visual .forest12-info {display: table-cell; padding: 0 0 0 55px; vertical-align: middle;}
.forest12-top-visual .subject {margin-bottom:16px; color:#fff; font-size:46px; line-height:1.3043;}
.forest12-top-visual .desc {line-height:1.66666; color:#fff;}
.forest12-top-visual {display: table; width: 100%; height: 500px; background-image: url(/front/web/images/open/web_forest_181204_00.jpg); background-position: 0 0; background-repeat: no-repeat; background-size: 100% 100%;}
.web_forest_181204_bg {margin: 100px 0;padding:95px 0 0 0;display: table; width: 100%; height:667px; background-image: url(/front/web/images/open/web_forest_181204_bg.jpg); background-position: 0 0; background-repeat: no-repeat; background-size: 100% 100%;}

/* 이유있는제안 - 헬로tv 모바일앱 쉽게연결하기*/
.kids-top-visual .kids-info {display: table-cell; padding: 0 0 0 55px; vertical-align: middle;}
.kids-top-visual .subject {margin-bottom:16px; color:#fff; font-size:46px; line-height:1.3043;}
.kids-top-visual .desc {line-height:1.66666; color:#fff;}
.kids-top-visual {display: table; width: 100%; height: 500px; background-image: url(/front/web/images/open/web_kids_181205_00.png); background-position: 0 0; background-repeat: no-repeat; background-size: 100% 100%;}
.web_kids_181205_bg {margin: 100px 0;padding:10px 0 0 0;display: table; width: 100%; height:550px; background-image: url(/front/web/images/open/web_kids_181205_14.png); background-position: 0 0; background-repeat: no-repeat; background-size: 100% 100%;}

/* 이유있는제안 - 지역채널*/
.channel-top-visual .channel-info {display: table-cell; padding: 0 0 0 55px; vertical-align: middle;}
.channel-top-visual .subject {margin-bottom:16px; color:#fff; font-size:46px; line-height:1.3043;}
.channel-top-visual .desc {line-height:1.66666; color:#fff;}
.channel-top-visual {display: table; width: 100%; height: 500px; background-image: url(/front/web/images/open/ch_190103_00.jpg); background-position: 0 0; background-repeat: no-repeat; background-size: 100% 100%;}

/* 이유있는제안 */
.suggest-bg-gray {background:#f8f8f8;}
.suggest-bg-gray .ofp-title {margin-top:0;}
.suggest-blind {position:absolute; top:-99999px; left:-99999px; font-size:1px; line-height:0;}

/* 이유있는제안 - AI리모콘*/
.bbs-view-body .guide-text-2 {position:relative; margin-top:20px; padding-left:18px;color:#000; font-size:16px; line-height:1.625; word-break:keep-all;}
.bbs-view-body .guide-text-2:before {display:block; content:'▲'; position:absolute; top:0; left:0;}
.bbs-view-body .suggest-top-visual.sugget--aiRemote {background-image:url(/front/web/images/open/ch_190124_00.jpg)}					
.bbs-view-body .suggest-bg-gray.sugget--aiRemote {background:#f8f8f8; padding-left:92px; padding-bottom:100px;}
.bbs-view-body .suggest-bg-gray.sugget--aiRemote .ofp-title {padding-top:95px; margin-bottom:67px; text-indent:-92px;}
.bbs-view-body .suggest-bg-gray.sugget--aiRemote .suggest-row-group {padding-top:17px; overflow:hidden;}
.bbs-view-body .suggest-bg-gray.sugget--aiRemote .suggest-row-group:after {display:block; clear:left;}
.bbs-view-body .suggest-bg-gray.sugget--aiRemote .suggest-row-group .suggest-row {position:relative; width:50%; min-height:125px; float:left;}
.bbs-view-body .suggest-bg-gray.sugget--aiRemote .suggest-row-group .suggest-row.left {width:53%;}
.bbs-view-body .suggest-bg-gray.sugget--aiRemote .suggest-row-group .suggest-row.right {width:47%;}
.bbs-view-body .suggest-bg-gray.sugget--aiRemote .suggest-row-group .suggest-row dt {position:absolute; top:-17px; left:0; width:125px; height:125px; background:url(/front/web/images/open/ch_190124_08.png) no-repeat;}
.bbs-view-body .suggest-bg-gray.sugget--aiRemote .suggest-row-group .suggest-row dt span {display:table-cell; width:125px; height:125px; padding:0 31px; color:#fff; font-size:16px; text-align:center; vertical-align:middle; word-break:keep-all; line-height:1.2;}
.bbs-view-body .suggest-bg-gray.sugget--aiRemote .suggest-row-group .suggest-row dd {margin-left:153px; line-height:1.5;}

/* 이유있는제안 - 오해와진실#방송편*/
.bbs-view-body .suggest-top-visual.sugget--factCheckTV {background-image:url(/front/web/images/open/ch_190214_00.jpg)}
.bbs-view-body .suggest-bg-gray.sugget--factCheckTV {background:#f8f8f8; margin-top:95px; padding:95px 0 80px;}
.bbs-view-body .suggest-bg-gray.sugget--factCheckTV .ofp-title {margin-top:0;}
.bbs-view-body .suggest-bg-gray-2.sugget--factCheckTV {background:#f8f8f8; margin-top:95px; padding:75px 0 45px;}

/* 이유있는제안 - 헬로tv WiFi */
.bbs-view-body .suggest-top-visual.suggest--helloTvWiFi {background-image:url(/front/web/images/open/ch_190221_00.jpg)}
.bbs-view-body .suggest--helloTvWiFi {position:relative;}
.bbs-view-body .suggest--helloTvWiFi > h4 {position:absolute; top:-36px; left:0; width:100%;}
.bbs-view-body .suggest--helloTvWiFi > p {position:absolute; bottom:13px; left:0; width:100%; font-size:14px; color:#4f4f4f;}

/* 이유있는제안 - 헬로tv Plus */
.bbs-view-body .suggest-top-visual.suggest--helloTvPlus {background-image:url(/front/web/images/open/ch_190307_00.jpg)}

/* 이유있는제안 - 오해와진실#인터넷편*/
.bbs-view-body .suggest-top-visual.sugget--factCheckInternet {background-image:url(/front/web/images/open/ch_190326_00.jpg)}

/* 이유있는제안 - payback TV */
.bbs-view-body .suggest-top-visual.sugget--paybackTV {background-image:url(/front/web/images/open/ch_190411_00.jpg)}
.bbs-view-body .suggest-bg-gray.sugget--paybackTV {margin-top:90px; padding:95px 0 90px;}

/* 이유있는제안 - 카카오미니 */
.bbs-view-body .suggest-top-visual.sugget--kakaomini {background-image:url(/front/web/images/open/ch_190425_00.jpg)}
.bbs-view-body .sugget--kakaomini.suggest-bg-gray {padding:60px 0 70px;}

/* 이유있는제안 - 1주년리뷰 */
.bbs-view-body .suggest-top-visual.sugget--helloshop1st {background-image:url(/front/web/images/open/ch_190509_00.jpg)}
.bbs-view-body .sugget--helloshop1st.suggest-bg-gray {padding:90px 0 100px; margin:90px 0 110px;}

/* 이유있는제안 > 신규 폼 20190523 ~ */
.suggest--new-wrap .suggest-top-area {position:relative; display:table; width:100%; height:500px;}
.suggest--new-wrap .suggest-top-area .suggest-info {position:relative; z-index:2; display:table-cell; padding:0 0 0 55px; vertical-align:middle;}
.suggest--new-wrap .suggest-top-area .subject {margin-bottom:16px; color:#fff; font-size:46px; line-height:1.3043;}
.suggest--new-wrap .suggest-top-area .desc {line-height:1.66666; color:#fff;}
.suggest--new-wrap .suggest-top-area .suggest-info span {display:block;}
.suggest--new-wrap .suggest-top-area .suggest-vs-img {position:absolute; top:0; left:0; z-index:1; width: 100%; }
.suggest--new-wrap .suggest-bg-gray {background:#f8f8f8;}
.suggest--new-wrap .suggest-text span {display:block;}
.suggest--new-wrap .suggest-text strong {font-weight:400; color:#ed174d;}
.suggest--new-wrap .suggest-text q:before,
.suggest--new-wrap .suggest-text q:after {display:none;}
.suggest--new-wrap .suggest-text .size-md {font-weight:300;}
.suggest--new-wrap .suggest-bg-gray-inner {padding:0 20px;}
.suggest--new-wrap .suggest-bg-gray-inner.suggest-menual-list li+li {margin-left:27px;}
.suggest--new-wrap .suggest-bg-gray-img {width:100%; margin-top:80px; margin-bottom:116px; padding-top:95px; background-repeat:no-repeat;}

/* 리뷰 이벤트 */
.best--review .title-wrap {width:100%; height:390px; margin-bottom:70px; padding-top:65px; background:url(/front/web/images/content/review-event-title-bg.jpg) no-repeat;}
.best--review .title-wrap:after {display:block; content:''; clear:left;}
.best--review .title-wrap .title1 {margin-bottom:17px; color:#fff; font-size:30px; text-align:center;}
.best--review .title-wrap .title1 span {font-size:34px;}
.best--review .title-wrap .title1-desc {/* margin-bottom:79px; */ height:122px; color:#fff; font-size:16px; text-align:center; line-height:1.4;}
.best--review .title-wrap .title1-desc span {display:block;}
.best--review .title-wrap .prz-set {width:840px; margin:0 auto;}
.best--review .title-wrap .prz-set > div {float:left; position:relative; width:380px; height:100px; margin:0 20px; padding-top:22px; border-radius:9px; background:#fff; box-shadow:4px 4px 4px rgba(0,0,0,0.3); text-align:center;}	
.best--review .title-wrap .prz-set > div h5 {position:relative; display:inline-block; margin-bottom:11px; color:#ed174d; font-size:18px;}
.best--review .title-wrap .prz-set > div h5:after {content:''; display:block; position:absolute; bottom:-2px; left:0; width:100%; height:1px; background:#ed174d;}
.best--review .title-wrap .prz-set > div p {font-size:20px;}
.best--review .title-wrap .prz-set > div .badge {display:table; position:absolute; top:-15px; left:-15px; width:62px; height:63px; color:#fff; font-size:16px; font-weight:400; text-align:center;}
.best--review .title-wrap .prz-set > div .badge {background:url(/front/web/images/content/review-event-prz-count.png) no-repeat;}
.best--review .title-wrap .prz-set > .prz-1st .badge {background-position:0 0;}
.best--review .title-wrap .prz-set > .prz-2nd .badge {background-position:0 -63px;}
.best--review .title-wrap .prz-set > div .badge span {display:table-cell; width:42px; height:63px; padding:0 10px; vertical-align:middle; line-height:1.2;}
.best--review .product-list {margin:0 0 63px;}
.best--review .product-list > div:after {display:block; content:''; clear:both;}
.best--review .product-list > div {margin-bottom:30px;}
.best--review .product-list > div:last-child {margin-bottom:0;}
.best--review .product-list > div > div {position:relative; height:409px; padding:0 30px; border:1px solid #e1e1e1; border-radius:4px; text-align:center;}
.best--review .product-item-info {width:368px; float:right}
.best--review .product-item-info .badge {background:#ed174d; padding-top:14px; line-height:1.1;}
.best-review-prz .badge.crown {background-image: url(/front/web/images/content/icon_crown.png);background-position: 50% 50%;background-color: #ed174d;background-repeat: no-repeat;/* line-height:1.1; */width: 60px;height: 60px;border-radius: 50%;position: absolute;top: 13px;left: 13px;}
.best--review .product-item-info .badge span {display:block;}
.best--review .product-item-info .product-set {display:block;}
.best--review .product-item-info .product-image {margin-top:50px;}
.best--review .product-item-info .product-label {margin-top:15px;}
.best--review .product-list > div > .best-review-prz {width:785px; float:left; padding-top:45px;}
.best--review .best-review-prz h6 {position:relative; display:inline-block; margin-bottom:14px; color:#ed174d; font-size:20px; font-weight:400;}
.best--review .best-review-prz h6:after {display:block; content:''; position:absolute; bottom:1px; left:0; width:100%; height:1px; background:#ed174d;}
.best--review .best-review-prz h6 span {font-size:21px;}
.best--review .best-review-prz .best-review-prz-head {height:110px; margin-bottom:40px; padding:0 62px; overflow:hidden; font-size:24px; line-height:1.35; letter-spacing:-0.035em;}
.best--review .best-review-prz .best-review-prz-head span i{position:relative; font-style:normal;}
.best--review .best-review-prz .best-review-prz-head span strong {font-weight:bold;}
.best--review .best-review-prz .best-review-prz-head  p strong {font-weight:700;}
.best--review .best-review-prz .best-review-prz-org {width:723px; height:138px; padding:17px 61px 20px 20px; background:#f9fafb; border:1px solid #e1e1e1; border-radius:2px; text-align:left;}
.best--review .best-review-prz .best-review-prz-org .author {display:inline-block; width:80px;}
.best--review .best-review-prz .best-review-prz-org .date {}
.best--review .best-review-prz .best-review-prz-org p {margin-top:4px; color:#767676; line-height:1.6; white-space:pre-wrap;}
.best--review .comment-write .prod-type {margin-bottom:12px;}
.best--review .comment-write .prod-type span {display:inline-block; margin-left:20px; width:195px; font-size:18px;}
.best--review .comment-write .prod-type span strong {font-weight:bold;}
.best--review .comment-write .prod-type label+input[type=radio]+label {margin-left:16px;}
.best--review .comment-write .prod-type input[type=radio]:checked+label:before {background-position:-20px -20px;}
.best--review .comment-write .prod-type input[type=radio]+label:before {background-position:-20px 0; margin-top:-10px;}
.best--review .product-item-info .product-set:hover .product-name strong {position:relative;}
.best--review .product-item-info .product-set:hover .product-name strong:after {content:''; position:absolute; bottom:-1px; left:0; display:block; width:100%; height:1px; background:#ed174d;}
/* Custom ScrollBar */
[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}
.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}
.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}
.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}
.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;visibility:visible;overflow:auto;max-width:100%;max-height:100%}
.simplebar-content:before,.simplebar-content:after{content:" ";display:table}
.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}
.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:inherit;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}
.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}
.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}
[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}
.simplebar-scrollbar{position:absolute;right:0px;width:4px;min-height:30px}
.simplebar-scrollbar:before{position:absolute;content:"";background:#ed174d;border-radius:2px;left:0;right:0;/* opacity:0; transition:opacity .2s linear */}
.simplebar-track.simplebar-vertical{top:0;width:4px; background:#ebebeb;}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{top:2px;bottom:2px}
.simplebar-track.simplebar-horizontal{left:0;height:11px}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:2px;height:7px;min-height:0;min-width:10px;width:auto}
[data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical{right:auto;left:0}
.hs-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll}

/* 이유있는제안 */
.suggest--new-wrap .suggest-post-box {height:346px;}
.suggest--new-wrap .suggest-post-box dl {float:left; position:relative; height:346px; padding-top:97px;}
.suggest--new-wrap .suggest-post-box dl:first-child {margin-left:0!important;}
.suggest--new-wrap .suggest-post-box dl:before {display:block; content:''; position:absolute; bottom:0; left:0; height:346px; background:url(/front/web/images/open/ch_post-box.png) no-repeat;}
.suggest--new-wrap .suggest-post-box dl:after {display:block; content:''; position:absolute; bottom:0; right:0; width:59px; height:346px; background:url(/front/web/images/open/ch_post-box-after.png) no-repeat;}
.suggest--new-wrap .suggest-post-box dl dt {margin-bottom:13px; color:#ed174d; font-weight:bold; font-size:25px; line-height:1.2;}
.suggest--new-wrap .suggest-post-box dl dt, .suggest--new-wrap .suggest-post-box dl dd {position:relative; z-index:1;}
.suggest--new-wrap .suggest-post-box.suggest-post-col3 dl {width:370px; margin-left:5px; text-indent:-15px;}
.suggest--new-wrap .suggest-post-box.suggest-post-col3 dl:before {width:311px;}

/* 리뷰 수정 20190710 */
.product-sort {color:#ed174d; font-weight:500; margin: 50px auto 0; display:block; width:56px; height:30px; line-height:29px; text-decoration:none; border:1px solid #ed174d; border-radius:50px; font-size:15px;}
.prz-1st .product-item-footer {margin:40px 0 -35px;}
.both.best-review-g {margin:-32px 0 10px; }
.best-review-tag {position:absolute; top:171px;}
.best-review-tag .tag-box {margin:0 0 0 -19px;}

/* 이유있는제안- 방송진실편 */
.normal-text {font-size:18px;font-weight:400; text-align:left; line-height:1.6666; }
.tab-text {text-indent:10px;}
.ofpSub-title2{font-size: 28px;color:#000;text-align:center;}

/* 이유있는제안 */
.suggest--new-wrap .suggest-note {margin-top:135px; font-size:15px;}
.suggest--new-wrap .suggest-note h4 {margin-bottom:10px; font-weight:400;}
.suggest--new-wrap .suggest-note li {position:relative; margin-left:1px; padding-left:8px; font-weight:400; line-height:1.5;}
.suggest--new-wrap .suggest-note li:before {content:'-'; display:block; position:absolute; top:0; left:0; line-height:1.5;}
.suggest--new-wrap .suggest-menual-list .desc {margin-top:9px; font-size:16px; color:#000; line-height:26px;}
.suggest--new-wrap .suggest-menual-list ul.desc li {margin-left:0; margin-top:0;}
.bbs-view-footer {padding:0 20px;}
.bbs-view-footer .bbs-suggest-divider {margin-top:53px;}

/* 샵온리 */
.shopOnly__wrap .img-wrap {position:relative;}
.shopOnly__wrap a {position:absolute; display:block; text-indent:-99999px;}

/* SHOP메인개편 2019 */
.shop-header-main .shop-tab {text-align:center;}
.shop-header-main .shop-tab a {margin:0 17px;}
.shop-main .title {margin-bottom:59px; font-size:30px; text-align:center; line-height:1;}
.shop-main .title1 {margin-bottom:28px; line-height:1;}
.shop-main .title1 span {display:inline-block; margin-left:10px; font-size:20px; font-weight:300;}
.shop-main .both {margin-bottom:28px;}
.shop-main .title strong { font-weight: bold; }
.shop-main .title1.pos-relative { position: relative; }
.shop-main .title1 .pos-absolute { position: absolute; top: 0; left: 0; margin-top: -2px; line-height: 1.4; }
.shop-main .title1 .pos-absolute p { display: block; font-size: 11px; color: #777; }
.shop-main.content-section {padding:98px 0 0;}
.shop-main > .content-section  {padding:80px 0 80px;}
.shop-main .content-section-best {padding:80px 0 0;}
.shop-main .best-product-slider {height:548px;}
.shop-main .product-sub-main-location {margin-bottom:0}
.shop-main-week .week-banner {float:left; width:786px;}
.shop-main-week .week-thumb {float:right; width:374px;}
.shop-main-week .week-thumb a {display:block; text-align:center; color:#000;}
.shop-main-week .week-thumb .week {display:inline-block; position:relative; margin-bottom:14px; font-size:28px; font-weight:700; line-height:1;}
.shop-main-week .week-thumb .week:after {content:''; display:block; position:absolute; bottom:-8px; height:2px; background:#ed174d;}
.shop-main-week .week-thumb .week { font-size: 20px; font-weight: 400; margin-bottom: 48px; }
.shop-main-week .week-thumb .week:after { left: 7px; right: 5px; bottom: -12px; }
.shop-main-week .week-thumb .date {height:20px; margin-bottom:26px; font-size:14px; font-weight:400;}
.shop-main-week .week-thumb .img {position:relative; width:244px; height:280px; margin:0 auto; border-radius:50%;}
.shop-main-week .week-thumb .img > span {position:absolute; top:0; left:0; z-index:3; display:block; width:226px; height:226px; border-radius:50%; background:#f0f1f2; border:9px solid #fff; box-sizing:content-box;}
.shop-main-week .week-thumb .img img {width:100%; height:100%; border-radius:50%; box-shadow:4px 4px 4px rgba(0,0,0,.3);}
.shop-main-week .week-thumb .img:before {content:'진행중'; display:block; position:absolute; top:6px; left:1px; z-index:4; width:67px; height:67px; border-radius:50%; background:#ed174d; background-image:linear-gradient(to right, #ed174d , #f25b81); color:#fff; font-size:16px; font-weight:400; text-align:center; line-height:67px;}
.shop-main-week .week-thumb .img:after {content:''; display:block; position:absolute; top:-6px; left:-6px; z-index:1; width:256px; height:256px; border-radius:50%; background:#ed174d; background-image:linear-gradient(to right, #ed174d , #f25b81);}
.shop-main-week .week-thumb .title {margin-bottom:8px; font-size:22px; font-weight:700; color:#ed174d;}
.shop-main-week .week-thumb .desc {width:300px; margin:0 auto; font-size:20px; font-weight:300; color:#ed174d;}
.shop-main-week .week-thumb .desc span {display:block; height:28px; overflow:hidden;}
.shop-main-week .week-thumb a:hover .hover-circle {display:block;}
.shop-main-week .week-thumb .hover-circle {z-index:2; position:absolute; top:-7px; left:-7px; display:none; height:258px; width:258px; border-radius:50%; background:#fff; overflow:hidden; box-shadow:2px 2px #fff, -2px -2px #fff;}
.shop-main-week .week-thumb .hover-circle:after {content:""; position:absolute; top:15px; left:15px; display:block; height:226px; width:226px; background:#fff; border-radius:50%;}
.shop-main-week .week-thumb .hover-circle > span {position:absolute; height:100%; width:50%; overflow:hidden;}
.shop-main-week .week-thumb .hover-circle .left  {left:0;}
.shop-main-week .week-thumb .hover-circle .right {left:50%;}
.shop-main-week .week-thumb .hover-circle .anim {position:absolute; left:100%; top:0; height:100%; width:100%; background-image:linear-gradient(to right, #ed174d , #f25b81); background-repeat:no-repeat; opacity:1; -webkit-animation:ui-spinner-rotate-l 0s; animation:ui-spinner-rotate-l 0s; -webkit-transform-origin:0 50%; transform-origin:0 50%;}
.shop-main-week .week-thumb .hover-circle .left .anim {border-bottom-left-radius:0; border-top-left-radius:0;}
.shop-main-week .week-thumb .hover-circle .right .anim {background-image:linear-gradient(to left, #ed174d , #f25b81); border-bottom-right-radius:0; border-top-right-radius:0; left:-100%; -webkit-transform-origin:100% 50%; transform-origin:100% 50%;}
.shop-main-week .week-thumb .hover-circle .anim {-webkit-animation-delay:0s; -webkit-animation-duration:3s; -webkit-animation-timing-function:linear; animation-delay:0s; animation-duration:3s; animation-timing-function:linear;}
.shop-main-week .week-thumb .hover-circle .right .anim{-webkit-animation-name:ui-spinner-rotate-r; -webkit-animation-delay:0s; animation-name:ui-spinner-rotate-r; animation-delay:0s;}
@keyframes ui-spinner-rotate-r{
	0%{transform:rotate(0deg)}
	25%{transform:rotate(180deg)}
	50%{transform:rotate(180deg)}
	75%{transform:rotate(360deg)}
	100%{transform:rotate(360deg)}
}
@keyframes ui-spinner-rotate-l{
	0%{transform:rotate(0deg)}
	25%{transform:rotate(0deg)}
	50%{transform:rotate(180deg)}
	75%{transform:rotate(180deg)}
	100%{transform:rotate(360deg)}
}
@-webkit-keyframes ui-spinner-rotate-r{
	0%{-webkit-transform:rotate(0deg)}
	25%{-webkit-transform:rotate(180deg)}
	50%{-webkit-transform:rotate(180deg)}
	75%{transform:rotate(360deg)}
	100%{transform:rotate(360deg)}
}
@-webkit-keyframes ui-spinner-rotate-l{
	0%{-webkit-transform:rotate(0deg)}
	25%{-webkit-transform:rotate(0deg)}
	50%{-webkit-transform:rotate(180deg)}
	75%{-webkit-transform:rotate(180deg)}
	100%{-webkit-transform:rotate(360deg)}
}

.shop-main-event li {float:left; margin-right:28px;}
.shop-main-event li:last-child {margin-right:0;}
.shop-main-event li a.item {display:block; position:relative; width:368px; height:419px;}
.shop-main-event li .tmb {width:368px; height:313px; margin-bottom:19px; border-radius:3px; overflow:hidden;}
.shop-main-event li a.item:hover .tmb, .shop-main-event li a.item:focus .tmb {box-shadow:5px 5px 20px rgba(0,0,0,.2);}

/* 20201014 수정 */
.shop-main-event li a.item .tmb { transition: all .2s ease-in-out 0s; }
.shop-main-event li a.item:hover .tmb, .shop-main-event li a.item:focus .tmb { box-shadow: 10px 10px 10px rgba(0,0,0,.3); }
.shop-main-event li .tmb img {width:100%; height:100%;}
.shop-main-event li .subject {height:60px; margin:0 10px; font-size:20px; overflow:hidden; word-break:keep-all;}
.shop-main .best-product-body {margin:0;}
.shop-main-shoponly {width:1160px; padding:49px 0 49px 99px; border-radius:3px; border:1px solid #e8e8e8;}
.shop-main-shoponly:after {content:''; display:block; clear:left;}
.shop-main-shoponly .tmb {float:left; display:block; width:480px; height:261px; margin-right:134px; border-radius:3px; overflow:hidden;}
.shop-main-shoponly .txt {float:left; width:310px; margin-top:22px; text-align:center;}
.shop-main-shoponly .txt .msg {height:63px; margin-bottom:31px; overflow:hidden; font-size:26px; color:#ed174d; font-weight:300;}
.shop-main-shoponly .txt .msg span {display:block; line-height:1.2; height:31px; overflow:hidden;}
.shop-main-shoponly .txt .subject {font-size:20px; font-weight:500;}
.shop-main-shoponly .txt .price {font-size:28px; font-weight:500; letter-spacing:0;}
.shop-main-shoponly .txt .price strong {font-size:32px;}
.shop-main-shoponly .txt .btn-group {display:table; width:calc(100% + 10px); margin:20px 0 0 -5px;}
.shop-main-shoponly .btn {width:149px;}

.shop-main.ver-210202 .shop-main-shoponly { padding: 39px 0 30px 99px; }
.shop-main.ver-210202 .shop-main-shoponly .tmb { height: 290px; }
.shop-main.ver-210202 .shop-main-shoponly .txt { margin-top: 53px; }
.shop-main.ver-210202 .shop-main-shoponly .txt .msg { height: auto; margin-bottom: 18px; }
.shop-main.ver-210202 .shop-main-shoponly .txt .subject { font-weight: 300; line-height: 1.45; }
.shop-main.ver-210202 .shop-main-shoponly .txt .subject strong { font-weight: bold; }
.shop-main.ver-210202 .shop-main-shoponly .txt .btn-group { margin-top: 30px; }
.shop-main.ver-210202 .shop-main-shoponly .btn { width: 260px; }

.shop-main-reasonoffer li {float:left; margin-right:28px;}
.shop-main-reasonoffer li:last-child {margin-right:0;}
.shop-main-reasonoffer li a.item {display:block; width:368px; height:341px; border-radius:5px; border:1px solid rgba(0,0,0,0.1); overflow:hidden; background:#fff;}
.shop-main-reasonoffer li .tmb {width:368px; height:244px; margin-bottom:; border-radius:3px 3px 0 0; overflow:hidden;}

/* 20201014 수정 */
.shop-main-reasonoffer li a.item { border: 0; transition: all .2s ease-in-out 0s; }
.shop-main-reasonoffer li a.item:hover, .shop-main-reasonoffer li a.item:focus { box-shadow: 10px 10px 10px rgba(0,0,0,.3); }

/* .shop-main-reasonoffer li a.item:hover .subject strong, .shop-main-reasonoffer li a.item:focus .subject strong {border-bottom:1px solid #000;} */
.shop-main-reasonoffer li .tmb img {width:100%; height:100%;}
.shop-main-reasonoffer li .subject {height:78px; overflow:hidden; padding:20px 40px 0; background:#fff; font-size:20px; word-break:keep-all;}

.shop-main-lounge {display:block; border:1px solid #e1e1e1; border-radius:4px; overflow:hidden;}

.shop-main-review {position:relative; width:1160px; height:358px; border-radius:3px; background:#dcdcdc;}
.shop-main-review .txt {padding:125px 0 22px 40px; font-size:26px; font-weight:300; line-height:1.2;}
.shop-main-review .txt span {display:block;}
.shop-main-review .txt span strong {font-weight:700;}
.shop-main-review .btn-review {position:relative; display:inline-block; margin-left:40px; font-size:16px; font-weight:500;}
.shop-main-review .btn-review:hover {color:#ed174d;}
.shop-main-review .btn-review:hover:after {positiono:absolute; bottom:0; left:0; display:block; content:''; width:100%; height:1px; background:#ed174d;}
.shop-main-review .review-box {position:absolute; top:30px; left:396px; width:724px; height:298px; border-radius:3px; background:#fff;}
.shop-main-review .badge.crown {background-image: url(/front/web/images/content/icon_crown.png);background-position: 50% 50%;background-color: #ed174d;background-repeat: no-repeat; width: 60px;height: 60px;border-radius: 50%;position: absolute;top: 20px;left: 22px;}
.shop-main-review .best-review-prz {padding-top:55px; text-align:center;}
.shop-main-review .best-review-prz h6 {position:relative; display:inline-block; margin-bottom:17px; color:#ed174d; font-size:20px; font-weight:400;}
.shop-main-review .best-review-prz h6:after {display:block; content:''; position:absolute; bottom:1px; left:0; width:100%; height:1px; background:#ed174d;}
.shop-main-review .best-review-prz h6 span {font-size:21px;}
.shop-main-review .best-review-prz .best-review-prz-head {height:110px; margin-bottom:24px; padding:0 62px; overflow:hidden; font-size:24px; line-height:1.35; letter-spacing:-0.035em;}
.shop-main-review .best-review-prz .best-review-prz-head strong {font-weight:700;}

/* 이유있는제안, 봇봇(VOD BOT)과 친구하세요 20200604 */
.mt110 { margin-top: 110px !important; }
.section-botbot-coupon { margin-top: 110px; border: solid 2px #ed174d; border-radius: 20px; background-color: #f8f8f8; overflow: visible; }
.section-botbot-coupon .img-title { position: relative; margin-top: -31px; text-align: center; }
.section-botbot-coupon .module { float: left; margin-bottom: 40px; width: 484px; }
.section-botbot-coupon .module img { height: 316px; }
.section-botbot-coupon .guide-text { margin-top: 30px; padding-left: 34px; }
.section-botbot-coupon ol, .section-botbot-coupon li { margin: 0; padding: 0; list-style: none; }
.section-botbot-coupon ol { padding: 60px 0 20px; margin: 0 60px; overflow: hidden; }
.section-botbot-coupon ol::after { content: ''; display: table; }
.section-botbot-coupon li { float: left; width: 50%; }
.section-botbot-coupon li:nth-child(2n) .module { float: right; }
.section-botbot-join ol, .section-botbot-join li { margin: 0; padding: 0; list-style: none; }
.section-botbot-join ol { position: relative; margin: -33px auto 0; max-width: 820px; z-index: 2; }
.section-botbot-join li { float: left; width: 50%; text-align: left; }
.section-botbot-join li.nth-child-2 { float: right; }
.section-botbot-join .guide-text { margin: 0; padding-left: 70px; }
.section-botbot-join li.nth-child-1 .guide-text { padding-left: 122px; }
.section-botbot-qrcode { margin: 115px auto 85px; padding: 75px 0 80px; max-width: 600px; text-align: center; background-color: #f8f8f8; border-radius: 3px; overflow: hidden; }
.section-botbot-qrcode .suggest-text { margin-top: 0; }
.section-botbot-qrcode .qrcode { margin: 34px auto 12px; box-sizing: content-box; width: 134px; height: 134px; border: solid 1px #dbdbdb; border-radius: 4px; overflow: hidden; }
.section-botbot-qrcode a.link { font-size: 14px; font-weight: 500; color: #000; text-decoration: underline; border: 0; }

/* 이유있는제안, 이제는 단독주택에서도 1G 인터넷 20200622 */
.reason-offer-0622 .section-a { position: relative; }
.reason-offer-0622 .section-a .pos-absolute { position: absolute; margin-top: 0; padding-top: 90px; top: 0; left: 0; right: 0; text-align: center; }

/* 20200625 */
.shop-main-week.ver-200625 .week-thumb .week { margin-top: -3px; margin-bottom: 43px; }
.shop-main-week.ver-200625 .week-thumb .img { margin-bottom: 3px; }
.shop-main-week.ver-200625 .week-thumb .img:before { display: none; }
.shop-main-week.ver-200625 .week-thumb .img .mask::before { display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .2); width: 226px; height: 226px; border-radius: 50%; overflow: hidden; z-index: 3; margin: 9px 0 0 9px; }
.shop-main-week.ver-200625 .week-thumb .img .mask::before { background-color: rgba(60, 52, 113, .5); transition: all .3s ease-out 0s; }
.shop-main-week.ver-200625 .week-thumb .img .mask::after,
.shop-main-week.ver-200625 .week-thumb .img .mask .desc { display: inline-block; position: absolute; z-index: 4; margin: -18px 0 0 0; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; line-height: 1.2; font-weight: 300; font-style: normal; font-size: 26px; color: #fff; text-shadow: 0px 0px 13px #000; white-space: pre-wrap; }
.shop-main-week.ver-200625 .week-thumb .img .mask.no-after::after { display: none; }

/* shopmain toggle */
#weekThumb .toggle { display: none; }
#weekThumb .toggle.in { display: block; }

/* 20200723 */
.js-slider-pagination ul { margin: 0 auto; padding: 0; list-style: none; text-align: center; font-size: 16px; letter-spacing: -0.03em; line-height: 1; }
.js-slider-pagination li { display: inline-block; margin: 0; padding: 0; width: 17px; height: 14px; vertical-align: top; }
.js-slider-pagination button { display: block; position: relative; margin: 0; padding: 0; width: 100%; height: 100%; text-indent: 100%; white-space: nowrap; vertical-align: middle; overflow: hidden; border: 0; background: transparent; cursor: pointer; }
.js-slider-pagination button::after { display: inline-block; content: ''; position: absolute; left: 50%; top: 50%; margin: -6px 0 0 -6px; width: 10px; height: 10px; box-sizing: content-box; border: 1px solid #000; border-radius: 7px; background-color: transparent; transition: all ease-in-out 0.3s; }
.js-slider-pagination .in button::after { background-color: #000 }
.shop-main-week.ver-200625 .week-thumb.pos-relative { position: relative; height: 472px; }
.shop-main-week.ver-200625 .js-slider-pagination ul { position: absolute; left: 0; right: 0; bottom: 0; }
.shop-main-week.ver-200625 .week-thumb .img .mask::before { mix-blend-mode: multiply; background-color: rgba(8, 188, 222, .7); background-color: transparent; }
.no-cssbackgroundblendmode .shop-main-week.ver-200625 .week-thumb .img .mask::before { background-color: rgba(8, 188, 222, .5); background-color: transparent; }
.js-slider-pagination .nav { display: block; position: absolute; bottom: 0; margin-bottom: -6px; width: 30px; height: 30px; border-radius: 15px; border: 1px solid #e2e2e2; text-indent: 100%; white-space: nowrap; background: url(/front/web/images/common/ico-arr-left-xs.png) no-repeat center center; overflow: hidden; z-index: 100; cursor: pointer; }
.js-slider-pagination .nav.prev { right: 50%; margin-right: 66px; }
.js-slider-pagination .nav.next { left: 50%; margin-left: 66px;  background-image: url(/front/web/images/common/ico-arr-right-xs.png); }

/* 20200907, best상품 변경 */
.content-inner > .size-sm.text-right.mt25.mb10 { line-height: 1.4; color: #767676; }
.color-input { color: #767676; }
.best-list.ver-200907 .closer { display: block; position: absolute; right: 0; top: 0; margin-right: -25px; padding: 18px 16px; }
.best-list.ver-200907 .closer .icon { display: inline-block; width: 20px; height: 20px; background: url('/front/web/images/common/ico-close.png') center center no-repeat; transition: background .2s ease-in-out 0s; }
.best-list.ver-200907 .btn-point:hover,
.best-list.ver-200907 .btn-point:focus { background-color: #a50034; border-color: #a50034; }
.best-list.ver-200907 .best-item-wrap1::after { z-index: 1; }
.best-list.ver-200907 .best-item-wrap2 { position: relative; line-height: 1; }
.best-list.ver-200907 .best-item-wrap2 .module { margin: 50px 60px; text-align: left; }
.best-list.ver-200907 .benefit-wrap { min-height: 238px; }
.best-list.ver-200907 .benefit-list { margin-bottom: 20px; }
.best-list.ver-200907 .benefit-list li { clear: both; margin: 10px 0; min-height: 25px; line-height: 1; font-size: 18px; letter-spacing: -1px; word-break: keep-all; white-space: nowrap; color: #000; }
.best-list.ver-200907 .benefit-list li .name { font-weight: 400; }
.best-list.ver-200907 .benefit-list li:nth-of-type(1) { margin-top: 0; }
.best-list.ver-200907 .benefit-list .badge { display: inline-block; vertical-align: middle; margin-right: 10px; padding: 6px 0 7px; text-align: center; width: 60px; font-size: 12px; letter-spacing: -1px; background-color: #000; color: #fff; border-radius: 2px; line-height: 1; font-weight: 500; }
.best-list.ver-200907 .benefit-list .badge.is-month-only { background-color: #ed174d; }
.best-list.ver-200907 .benefit-list .badge.is-in-order { background-color: #bfe10e; color: #000; }
.best-list.ver-200907 .benefit-list .name { display: inline-block; vertical-align: middle; }
.best-list.ver-200907 .benefit-summary-list { margin-top: 20px; background-color: #f8f8f8; border: solid 1px #e1e1e1; border-radius: 3px; overflow: hidden; }
.best-list.ver-200907 .benefit-summary-list ul { margin: 0; padding: 15px 20px; }
.best-list.ver-200907 .benefit-summary-list li { position: relative; margin: 7px 0; padding: 0 0 0 10px; font-size: 14px; letter-spacing: -1px; color: #767676; font-weight: 400; }
.best-list.ver-200907 .benefit-summary-list li::before { content: '-'; display: block; position: absolute; top: 0; left: 0; }
.best-list.ver-200907 .best-item-wrap2 .action { margin-top: 13px; }
.best-list.ver-200907 .best-item-wrap2 .action .btn { width: 100%; height: 70px; line-height: 70px; font-weight: 500; }
.best-list.ver-200907 .best-modal { position: absolute; margin: 24px; top: 0; left: 0; right: 0; bottom: 0; background-color: #6b6b6b; color: #fff; line-height: 1.4; border-radius: 3px; box-shadow: 2px 3px 10px rgba(0, 0, 0, .1); }
.best-list.ver-200907 .best-modal .inner { position: relative; margin: 0 25px; padding-top: 63px; text-align: center; }
.best-list.ver-200907 .best-modal .tables { margin: 0 auto 26px; width: 100%; table-layout: fixed; }
.best-list.ver-200907 .best-modal th,
.best-list.ver-200907 .best-modal td { color: #fff; width: 33.33%; }
.best-list.ver-200907 .best-modal th span { position: relative; display: block; margin-bottom: 7px; padding: 0 0 9px; font-size: 18px; font-weight: 400; letter-spacing: -0.5px; }
.best-list.ver-200907 .best-modal th span::before { display: block; content: ''; position: absolute; bottom: 0; left: 7px; right: 7px; height: 1px; background-color: #fff; overflow: hidden; }
.best-list.ver-200907 .best-modal th.ours span,
.best-list.ver-200907 .best-modal tr.total td.ours { font-weight: 700; } 
.best-list.ver-200907 .best-modal th.ours span::before { margin-bottom: -1px; height: 3px; }
.best-list.ver-200907 .best-modal th:nth-child(1) span::before { right: 0 ;}
.best-list.ver-200907 .best-modal th:nth-child(2) span::before { left: 0 ;}
.best-list.ver-200907 .best-modal td { padding: 5px 0; }
.best-list.ver-200907 .best-modal .detail { font-size: 14px; font-weight: 300; }
.best-list.ver-200907 .best-modal .detail span { display: block; }
.best-list.ver-200907 .best-modal .total { font-size: 16px; }
.best-list.ver-200907 .best-modal .description { padding: 15px 10px; background-color: #f8f8f8; font-size: 20px; color: #000; border-radius: 3px; line-height: 1.35; overflow: hidden; }
.best-list.ver-200907 .best-modal .description p { margin: 0; padding: 0; font-weight: 300; }
.best-list.ver-200907 .best-modal .description strong { font-weight: 700; }
.best-list.ver-200907 .best-modal .description p.small { margin-bottom: 2px; font-size: 16px; }
.best-list.ver-200907 .best-modal .description .saves strong { color: #ed174d; }
.best-list.ver-200907 .best-modal .notice { margin-top: 13px; font-size: 13px; font-weight: 300; color: #c8c8c8; } 
.best-list.ver-200907 .best-modal { visibility: hidden; z-index: -1; opacity: 0; transform: translate(0, 20px) scale(.96); }
.best-list.ver-200907 .toggle-wrap.in .best-modal { visibility: visible; z-index: 2; opacity: 1; transform: translate(0, 0) scale(1); }
.best-list.ver-200907 .best-modal { transition: visibility 0s linear .3s, z-index 0s linear .3s, transform .3s cubic-bezier(0.7, 0, 0.3, 1) 0s, opacity .2s cubic-bezier(0.7, 0, 0.3, 1) 0s; }
.best-list.ver-200907 .toggle-wrap.in .best-modal { transition: visibility 0s linear 0s, z-index 0s linear 0s, transform .4s cubic-bezier(0.7, 0, 0.3, 1) 0s, opacity .3s cubic-bezier(0.7, 0, 0.3, 1) 0s; }
.best-list.ver-200907 .best-modal .description p { opacity: 0; transition: opacity 0s ease-in-out .5s; }
.best-list.ver-200907 .toggle-wrap.in .best-modal .description p { opacity: 1; transition: opacity .4s ease-in-out 200ms; }
.best-list.ver-200907 .toggle-wrap.in .best-modal .description p:nth-child(2) { transition-delay: 300ms; }
.best-list.ver-200907 .toggle-wrap.in .best-modal .description p:nth-child(3) { transition-delay: 450ms; }

/* 20200916 샵혜택안내 */
.section-benefit-guide { clear: both; padding-bottom: 150px; font-weight: 400; }
.section-benefit-guide div { background-position: center center; background-size: 100% 100%; background-repeat: no-repeat; }
.section-benefit-guide img { vertical-align: middle; }
.section-benefit-guide .pos-relative { position: relative; }
.section-benefit-guide .pos-absolute { position: absolute; }
.section-benefit-guide .rounds { padding: 0; width: 100%; height: 100%; overflow: hidden; border-radius: 100%; border: solid 2px #fff; }
.section-benefit-guide .rounds.is-primary { background-color: rgba(0,0,0,.5); border-color: #ed174d; color: #ed174d; }
.section-benefit-guide p { margin: 0; padding: 0; font-size: 18px; color: #555; }
.section-benefit-guide .container { clear: both; }
.section-benefit-guide .tables { display: table; width: 100%; }
.section-benefit-guide .cells { display: table-cell; vertical-align: middle; }
.section-benefit-guide .wrap { position: relative; margin: 0 auto; text-align: left; width: 1160px; min-height: 150px; }
.section-benefit-guide h2.subject,
.section-benefit-guide h3.subject { margin: 0; padding: 104px 0 0; font-size: 52px; font-weight: 300; text-align: center; line-height: 1.4; letter-spacing: -1px; }
.section-benefit-guide .subject strong { font-weight: 700; }
.section-benefit-guide .subject .primary { color: #fff045; }
.section-benefit-guide .subject  small { display: block; margin-top: 15px; font-weight: 400; font-size: 28px; }
.section-benefit-guide .container-a .subject { margin: 0; padding: 120px 0 0; font-size: 60px; font-weight: 400; text-align: center; line-height: 1.4; letter-spacing: -1px; }
.section-benefit-guide .container-a .subject  small { display: block; margin-top: 8px; font-size: 32px; }
.section-benefit-guide .grid-circles { margin: 90px 5% 0; }
.section-benefit-guide .grid-circles.is-col-1 { margin-left: auto; margin-right: auto; width: 100%; max-width: 278px; }
.section-benefit-guide .grid-circles.is-col-1 .module { margin: 0; }
.section-benefit-guide .grid-circles.is-col-2 { margin-left: auto; margin-right: auto; width: 100%; max-width: 696px; }
.section-benefit-guide .grid-circles .col { position: relative; }
.section-benefit-guide .grid-circles .tables { height: 278px; }
.section-benefit-guide .grid-circles .module { margin: 0 33px;  text-align: center; font-size: 32px; font-weight: 400; }
.section-benefit-guide .grid-circles .module strong { font-weight: 500; }
.section-benefit-guide .grid-circles.is-plus .col::before,
.section-benefit-guide .grid-circles.is-plus .col::after { content: ''; display: block; position: absolute; top: 50%; left: 0; width: 30px; height: 3px; background-color: #ed174d; border-radius: 3px; }
.section-benefit-guide .grid-circles.is-plus .col::before { margin-left: -14px;  }
.section-benefit-guide .grid-circles.is-plus .col::after { width: 3px; height: 30px; margin-top: -13px; }
.section-benefit-guide .grid-circles.is-arrow .col::before { content: ''; display: block; position: absolute; top: 50%; left: 0; margin-top: -19px; margin-left: -8px; width: 16px; height: 38px; background: url('/front/web/images/content/benefit_guide_08.png') center center no-repeat; background-size: 100% 100%; }
.section-benefit-guide .grid-circles.is-arrow .col:nth-of-type(1)::before,
.section-benefit-guide .grid-circles.is-arrow .col:nth-of-type(1)::after { display: none; }
.section-benefit-guide .grid-circles .col::before,
.section-benefit-guide .grid-circles .col:nth-of-type(1)::before,
.section-benefit-guide .grid-circles .col:nth-of-type(1)::after { display: none; }
.section-benefit-guide .action { text-align: center; line-height: 1;  }
.section-benefit-guide .action .btn { height: 90px; line-height: 89px; border-radius: 90px; font-size: 26px; font-weight: 500; color: #fff; }
.section-benefit-guide .btn-point:hover,
.section-benefit-guide .btn-point:active { background-color: #a50034; border-color: #a50034; }

/* 10% 추가 할인 */
.section-benefit-guide-a { color: #fff; }
.section-benefit-guide-a .container-a .wrap { min-height: 712px; background-image: url('/front/web/images/content/benefit_guide_01.jpg'); }
.section-benefit-guide-a .container-b .wrap { min-height: 1537px; background: #cf1443 url('/front/web/images/content/benefit_guide_02.jpg') center top no-repeat; background-size: 100% auto; }
.section-benefit-guide-a .container-b .wrap::before { display: block; content: '' ; position: absolute; left: 0; bottom: 0; right: 0; height: 305px; background-color: #ed174d; }
.section-benefit-guide-a .container-a .col.nth-child-3 .module { font-size: 26px; }
.section-benefit-guide-a .sticker { position: absolute; right: 0; top: 0; margin: -20px 0 0 0; width: 100px; height: 100px; }
.section-benefit-guide-a .sticker .rounds { display: table; border: 0; background-color: #fff045; }
.section-benefit-guide-a .sticker .rounds p { display: table-cell; margin: 0; padding: 0; vertical-align: middle; text-align: center; font-size: 20px; font-weight: 400; color: #ed174d; }
.section-benefit-guide-a .container-b .pics { margin-top: 50px; min-height: 515px; }
.section-benefit-guide-a .container-b .pics .inner { overflow: hidden; }
.section-benefit-guide-a .container-b .info { float: left; margin: 35px 0 0 135px; padding-bottom: 90px; text-align: center; background: url('/front/web/images/content/benefit_guide_05.png') center bottom no-repeat; }
.section-benefit-guide-a .container-b .info p { margin: 27px 0 16px; padding: 0; font-size: 32px; color: #fff; }
.section-benefit-guide-a .container-b .descriptions { position: absolute; left: 539px; bottom: 0; width: 621px; height: 715px; }
.section-benefit-guide-a .container-b .descriptions .module { min-height: 577px; background: url('/front/web/images/content/benefit_guide_06.png') left top no-repeat; }
.section-benefit-guide-a .container-b .descriptions .sub { margin: 0 78px 0 0; }
.section-benefit-guide-a .container-b .descriptions .sub p { margin: 0; padding: 0; text-align: right; font-size: 14px; color: #fff; line-height: 1.8; }
.section-benefit-guide-a .container-b .action { position: absolute; bottom: 152px; left: 120px; width: 382px; }
.section-benefit-guide-a .container-b .btn { display: block; } 
.section-benefit-guide-a .container-b .btn,
.section-benefit-guide-a .container-b .btn:link,
.section-benefit-guide-a .container-b .btn:visited { background-color: #4a5c58; border-color: #4a5c58; }
.section-benefit-guide-a .container-b .btn:hover,
.section-benefit-guide-a .container-b .btn:active { background-color: #000; border-color: #000; }

/* anim 
.is-anim.section-benefit-guide-a .col,
.is-anim.section-benefit-guide-a .sticker { transform: translate(0, 10px) scale(1); opacity: 0; }
.is-anim.section-benefit-guide-a .container-b .pics .inner { transform: translate(0, 0) scale(.9); opacity: 0; }
.is-loaded .is-anim.section-benefit-guide-a .col,
.is-loaded .is-anim.section-benefit-guide-a .sticker { transform: translate(0, 0) scale(1); opacity: 1; transition: all .4s ease-in-out 0s; }
.is-loaded .is-anim.section-benefit-guide-a .col.nth-child-2 { transition-delay: 100ms; }
.is-loaded .is-anim.section-benefit-guide-a .col.nth-child-3 { transition-delay: 200ms; }
.is-loaded .is-anim.section-benefit-guide-a .sticker { transition-delay: 600ms; }
.is-loaded .is-anim.section-benefit-guide-a .container-b .pics .inner { transform: translate(0, 0) scale(1); opacity: 1; transition: all .4s ease-in-out 0s; }
*/

/* 3분 주문 */
.section-benefit-guide-b { color: #fff; }
.section-benefit-guide-b .container-a .wrap { min-height: 841px; background-image: url('/front/web/images/content/benefit_guide_07.jpg'); }
.section-benefit-guide-b .container-b .wrap { min-height: 1840px; background: #72fdff url('/front/web/images/content/benefit_guide_10.png') center top repeat-y; background-size: 100% auto; text-align: center; overflow: hidden; }
.section-benefit-guide-b .container-a .module { font-size: 26px; }
.section-benefit-guide-b .container-b { font-size: 26px; color: #000; }
.section-benefit-guide-b .container-b .subject { margin-bottom: 76px; }
.section-benefit-guide-b .item { position: relative; overflow: visible; font-size: 26px; }
.section-benefit-guide-b .item.is-circle::before { display: block; content: ''; position: absolute; top: 0; left: 0; width: 500px; height: 500px; background-image: url('/front/web/images/content/benefit_guide_11.png'); } 
.section-benefit-guide-b .item .col-pic { float: left; }
.section-benefit-guide-b .item .col-pic .pic { position: relative; z-index: 2; }
.section-benefit-guide-b .item .col-desc { float: right; text-align: left; }
.section-benefit-guide-b .item .col-desc .module { position: relative; padding-left: 38px; }
.section-benefit-guide-b .item .col-desc .module::before { content: ''; display: block; position: absolute; top: 2px; left: 0; width: 26px; height: 30px; background: url('/front/web/images/content/benefit_guide_15.png') left top no-repeat; background-size: 100% 100%; }
.section-benefit-guide-b .item .name { font-size: 30px; font-weight: 500; }
.section-benefit-guide-b .item p { margin: 12px 0; padding: 0; font-size: 26px; color: #000; font-weight: 300; line-height: 1.35; }
.section-benefit-guide-b .item.nth-child-1::before { margin: -30px 0 0 20px; } 
.section-benefit-guide-b .item.nth-child-1 .col-pic { width: 716px; padding-top: 5px; }
.section-benefit-guide-b .item.nth-child-1 .col-desc { width: 444px }
.section-benefit-guide-b .item.nth-child-1 .col-desc .module { margin-top: 250px; }
.section-benefit-guide-b .item.nth-child-2 .col-desc .module::before { transform: rotate(180deg); }  
.section-benefit-guide-b .item.nth-child-2 .col-pic { float: right; width: 650px; text-align: left; }
.section-benefit-guide-b .item.nth-child-2 .col-desc { float: left; width: 510px; }
.section-benefit-guide-b .item.nth-child-2 .col-desc .module { margin: 54px 0 0 174px; }
.section-benefit-guide-b .item.nth-child-3 { margin-top: 40px; }
.section-benefit-guide-b .item.nth-child-3::before { margin: -84px 0 0 -90px; } 
.section-benefit-guide-b .item.nth-child-3 .col-pic { width: 716px; }
.section-benefit-guide-b .item.nth-child-3 .col-pic .pic { margin-left: 40px; }
.section-benefit-guide-b .item.nth-child-3 .col-desc { width: 444px }
.section-benefit-guide-b .item.nth-child-3 .col-desc .module { margin-top: 76px; }
.section-benefit-guide-b .container-b .action { margin-top: 40px; }
.section-benefit-guide-b .container-b .btn { display: block; margin: 0 auto; width: 380px; } 

/* 당일설치 */
.section-benefit-guide-c,
.section-benefit-guide-c p { color: #fff; }
.section-benefit-guide-c .notice { margin: 24px auto; padding: 0; color: #a5a5a5; font-size: 14px; }
.section-benefit-guide-c .container-a .wrap { min-height: 713px; background-image: url('/front/web/images/content/benefit_guide_16.jpg'); }
.section-benefit-guide-c .container-b .wrap { min-height: 1512px; background: #640de8 url('/front/web/images/content/benefit_guide_17.png') center top repeat-y; background-size: 100% auto; text-align: center; overflow: hidden; }
.section-benefit-guide-c .container-a p { margin-top: 5px; font-size: 26px; }
.section-benefit-guide-c .tag { display:  inline-block; padding: 0 24px; font-size: 24px; font-weight: 700; color: #fff; overflow: hidden; background-color: #ed174d; height: 35px; line-height: 35px; border-radius: 35px; }
.section-benefit-guide-c .item .pic-subject { margin-bottom: 42px; }
.section-benefit-guide-c .item .name { margin: 13px 0; padding: 0; font-size: 30px; font-weight: 500; }
.section-benefit-guide-c .item p { font-size: 26px; font-weight: 300; }
.section-benefit-guide-c .item .col-pic { float: left; }
.section-benefit-guide-c .item .col-pic .pic { position: relative; z-index: 2; }
.section-benefit-guide-c .item .col-desc { float: right; text-align: left; }
.section-benefit-guide-c .item.nth-child-1 { margin-top: 80px; }
.section-benefit-guide-c .item.nth-child-1 .col-pic { width: 644px; }
.section-benefit-guide-c .item.nth-child-1 .col-desc { width: 516px; }
.section-benefit-guide-c .item.nth-child-1 .col-desc .module { margin: 114px 0 0 60px; }
.section-benefit-guide-c .item.nth-child-2 .col-pic { float: right; width: 50%; }
.section-benefit-guide-c .item.nth-child-2 .col-desc { float: left; width: 50%; }
.section-benefit-guide-c .item.nth-child-2 .col-desc .module { margin: 75px 0 0 184px; }
.section-benefit-guide-c .item.nth-child-3 .col-pic { width: 50%; padding-bottom: 70px; }
.section-benefit-guide-c .item.nth-child-3 .col-desc { width: 50%; }
.section-benefit-guide-c .item.nth-child-3 .col-desc .module { margin: 60px 0 0 116px; }

/* 다양한 이벤트 */
.section-benefit-guide-d,
.section-benefit-guide-d p { color: #fff; }
.section-benefit-guide-d .grid-circles .module { font-size: 26px; }
.section-benefit-guide-d .container-a .wrap { min-height: 713px; background: url('/front/web/images/content/benefit_guide_24.jpg') center top no-repeat; }
.section-benefit-guide-d .container-b .wrap { min-height: 1512px; background: url('/front/web/images/content/benefit_guide_25.png') center top no-repeat; text-align: center; overflow: hidden; }
.section-benefit-guide-d .container-b { color: #000; }
.section-benefit-guide-d .container-b p { color: #000; }
.section-benefit-guide-d .container-b .subject { position: relative; z-index: 2; font-size: 52px; }
.section-benefit-guide-d .container-b .subject small { font-size: 30px; color: #1d4ac1; font-weight: 700; }
.section-benefit-guide-d .container-b .subject strong { font-weight: 700; }
.section-benefit-guide-d .container-b .pics { position: absolute; top: 0; left: 0; }
.section-benefit-guide-d .container-b .item { position: relative; z-index: 2; }
.section-benefit-guide-d .container-b .item .module { margin-left: 56.6%; text-align: left; }
.section-benefit-guide-d .container-b .item p { margin: 38px 0; padding: 0; font-size: 26px; font-weight: 300; line-height: 1.35; }
.section-benefit-guide-d .container-b .item strong { font-weight: 500; }
.section-benefit-guide-d .container-b .item .primary { color: #1d4ac1; }
.section-benefit-guide-d .container-b .action { margin-top: 72px; text-align: left; }
.section-benefit-guide-d .container-b .action .btn { min-width: 380px; }
.section-benefit-guide-d .section-a .module { padding-top: 20px; }
.section-benefit-guide-d .section-b { padding-top: 3px; }
.section-benefit-guide-d .section-b .module { padding-top: 30px; }
.section-benefit-guide-d .section-b .pics { margin-top: 280px; }
.section-benefit-guide-d .section-b .action { margin-top: 80px; }
.section-benefit-guide-d .event-titles { margin-top: 95px; margin-bottom: 30px; color: #000; }
.section-benefit-guide-d  .benefit-event-link .subject { color: #000; }
.section-benefit-guide-d  .benefit-event-link .subject strong { font-weight: 500; }

/* 인터넷 품질보장제 */
.section-benefit-guide-e,
.section-benefit-guide-e p { color: #fff; }
.section-benefit-guide-e .container-a .wrap { min-height: 713px; background: url('/front/web/images/content/benefit_guide_35.jpg') center top no-repeat; }
.section-benefit-guide-e .container-b .wrap { min-height: 1427px; background: url('/front/web/images/content/benefit_guide_36.jpg') center top no-repeat; text-align: center; overflow: hidden; }
.section-benefit-guide-e .container-b .subject { padding-top: 123px; line-height: 1; }
.section-benefit-guide-e .container-b .notice { margin-top: 40px; font-size: 14px; line-height: 1.6; color: rgba(255, 255, 255, .8); }
.section-benefit-guide-e .grid-circles { margin-top: 50px; }
.section-benefit-guide-e .grid-circles .cells { line-height: 1.2; }
.section-benefit-guide-e .grid-circles .module { font-size: 26px; }
.section-benefit-guide-e .grid-circles .module strong { font-size: 52px; }
.section-benefit-guide-e .grid-circles .module strong.num { font-size: 54px; }
.section-benefit-guide-e .container-b .list { margin-top: 110px; text-align: left; }
.section-benefit-guide-e .container-b .desc p { margin: 15px 0; padding: 0; font-size: 26px; font-weight: 300; line-height: 1.4; }
.section-benefit-guide-e .container-b .module { margin: 0 auto; text-align: center; }
.section-benefit-guide-e .container-b .item.nth-child-1 { text-align: left; }
.section-benefit-guide-e .container-b .item.nth-child-1 .module { margin: 0; width: 55%; text-align: center; }
.section-benefit-guide-e .container-b .grid.nth-child-2 { margin: 230px auto 0; max-width: 1090px; }
.section-benefit-guide-e .container-b .grid.nth-child-2 .item { text-align: center; }
.section-benefit-guide-e .container-b .grid.nth-child-2 .desc { margin-top: 48px; }

/* 유무선 결합할인 */
.section-benefit-guide-f,
.section-benefit-guide-f p { color: #fff; }
.section-benefit-guide-f .container-a .wrap { min-height: 712px; background: url('/front/web/images/content/benefit_guide_41.jpg') center top no-repeat; }
.section-benefit-guide-f .grid-circles .nth-child-1 .module { font-size: 28px; }
.section-benefit-guide-f .container-b .wrap { padding: 80px 0 75px; background-color: #ed174d; text-align: center; }
.section-benefit-guide-f .container-d .wrap { padding-bottom: 120px; background-color: #6b6b7b;}
.section-benefit-guide-f .list { margin: 0 50px; line-height: 1; }
.section-benefit-guide-f .name { margin: 16px auto 10px; font-size: 24px; font-weight: 700; color: #fff; }
.section-benefit-guide-f .module p { line-height: 1.5; font-size: 22px; font-weight: 400; }
.section-benefit-guide-f .icon { display: inline-block; width: 86px; height: 86px; background-size: 100% 100%; }
.section-benefit-guide-f .icon { background: url('/front/web/images/content/benefit_guide_37.png') center center no-repeat }
.section-benefit-guide-f .icon.nth-2 { background-image: url('/front/web/images/content/benefit_guide_38.png'); } 
.section-benefit-guide-f .icon.nth-3 { background-image: url('/front/web/images/content/benefit_guide_39.png'); } 
.section-benefit-guide-f .icon.nth-4 { background-image: url('/front/web/images/content/benefit_guide_40.png'); } 
.section-benefit-guide-f,
.section-benefit-guide-f p { color: #fff; }
.section-benefit-guide-f,
.section-benefit-guide-f p { color: #fff; }
.section-benefit-guide-f .container-c .pics { position: relative; z-index: 1; }
.section-benefit-guide-f .container-c a.pos-absolute { z-index: 3; display: block; margin: 0 0 0 0; top: 50%; left: 50%; width: 310px; height: 70px; }
.section-benefit-guide-f .container-c a.pos-absolute.nth-1 { margin: -50px 0 0 -501px; }
.section-benefit-guide-f .container-c a.pos-absolute.nth-2 { margin: -50px 0 0 -155px; }
.section-benefit-guide-f .container-c a.pos-absolute.nth-3 { margin: -50px 0 0 189px; }
.section-benefit-guide-f .container-c .subject { position: absolute; z-index: 2; top: 0; left: 0; right: 0; }
.section-benefit-guide-f .container-c .subject { color: #000; }
.section-benefit-guide-f .container-c .subject strong,
.section-benefit-guide-f .container-d .subject strong { font-weight: bold; }
.section-benefit-guide-f .container-d .pics { margin: 65px 0 30px; }
.section-benefit-guide-f .action { margin: 30px auto 0; }
.section-benefit-guide-f .action .btn { width: 380px; }

/* 20201014 샵메인 단독 프로모션 */
.section-shop-main-hellolounge { margin-top: 55px; padding-bottom: 20px; }
.section-shop-main-hellolounge .module { position: relative; }
.section-shop-main-hellolounge .pic { box-sizing: border-box; border-radius: 4px; overflow: hidden; }
.section-shop-main-hellolounge .pic.is-border { border: solid 1px #e1e1e1; }
.section-shop-main-hellolounge .desc { position: absolute; top: 50%; left: 0; margin: -1px 0 0 41px; transform: translate(0, -50%); color: #fff; font-size: 26px; font-weight: 300; letter-spacing: -0.044em; }
.section-shop-main-hellolounge .desc strong { font-weight: bold; }

/* 20201014 샵메인 헬로샵 이용 혜택 */
.section-shop-main-benefit .list { margin-left: -6px; margin-right: -6px; line-height: 1; }
.section-shop-main-benefit .module { margin: 0 6px; width: 281px; height: 281px; color: #fff; }
.section-shop-main-benefit .module a { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; border-radius: 4px; }
.section-shop-main-benefit .desc { position: absolute; top: 50%; left: 0; right: 0; text-align: center; transform: translate(0, -50%); }
.section-shop-main-benefit .desc { transition: opacity .2s cubic-bezier(0.5, 1, 0.89, 1) 0s; opacity: 1; }
.section-shop-main-benefit .hover-desc { position: absolute; top: 0; left: 0; right: 0; height: 100%; background-color: rgba(0, 0, 0, .6); transform: translate(0, 101%); display: flex; justify-content: center; align-items: center; flex-dirextion: column; }
.section-shop-main-benefit .hover-desc { transition: transform .3s cubic-bezier(0.5, 1, 0.89, 1) 0s; text-align: center; }
.section-shop-main-benefit .hover-desc p { margin: 20px 0 0; padding: 0; font-size: 20px; font-weight: 500; line-height: 1.5; }
.section-shop-main-benefit .hover-desc span { display: block; }
.section-shop-main-benefit .hover-desc .icon { display: block; margin: 18px auto 0; width: 30px; height: 30px; background: url('/front/web/images/common/ico-plus-xl-white.png') center center no-repeat; }
.section-shop-main-benefit .hover-desc .icon { opacity: 0; transform: translate(0, 5px) rotate(0deg);  transition: opacity .3s cubic-bezier(0.5, 1, 0.89, 1) .2s, transform .3s cubic-bezier(0.5, 1, 0.89, 1) .2s; }
.section-shop-main-benefit a:hover .desc { opacity: 0; }
.section-shop-main-benefit a:hover .hover-desc { transform: translate(0, 0); }
.section-shop-main-benefit a:hover .hover-desc .icon { opacity: 1; transform: translate(0, 0) rotate(0deg); }
.section-shop-main-benefit .name { font-size: 30px; font-weight: 400; text-shadow: 0 0 12px rgba(0, 0, 0, .6); }

/* 1113 */
.reason-offer-1113 .guide-text-container { text-align: center; }
.reason-offer-1113 .guide-text-wrap { margin-left: auto; margin-right: auto; padding-top: 15px; padding-left: 34px; max-width: 596px; text-align: left; line-height: 1; }
.reason-offer-1113 .guide-text-wrap .guide-text { position: relative; line-height: 1.6; }
.reason-offer-1113 .guide-text-wrap .guide-text .num { position: absolute; top: 0; left: 0; margin-top: 1px; line-height: 24px; cursor: default; user-select: none; text-align: center; }
.reason-offer-1113 .guide-text-wrap .small { font-size: 14px; font-weight: 300; color: #a8a8a8; }

/* 0518 */
.suggest--new-wrap .btn-xl { box-sizing: border-box; min-width: 374px; height: 83px; line-height: 83px; border-radius: 83px; font-size: 24px; font-weight: 600; }
.suggest--new-wrap .btn-go span { position: relative; display: inline-block; vertical-align: top; padding: 0 42px; height: 83px; line-height: 81px; }
.suggest--new-wrap .btn-go span::before { content: ''; display: block; position: absolute; top: 50%; right: 0; margin: -10px 0 0 0; width: 12px; height: 22px; background: url('/front/web/images/content/ico_go_01.png') center center no-repeat; vertical-align: middle; }
.reason-offer-0517 .ofp-title { line-height: 1.32; }
.reason-offer-0517 .section-a { margin-top: 40px; padding-top: 90px; padding-bottom: 80px; background-color: #f3f3f3; }

/* 헬로라이브커머스 키비주얼 */
.helloLive-header {position:relative;  background-position:center 0; background-repeat:no-repeat; ;}
.helloLive-header-01 {height:580px; background-size:1920px 580px; background-color:#e4e6f8; background-image:url(/front/web/images/content/helloLive-kv-01.png);}
.helloLive-header-01>div {height: 288px; background-size: 880px 288px; background-image: url(/front/web/images/content/helloLive-bg-phone-01.png);background-repeat: no-repeat;position: absolute;left: 50%;top: 50.5%;margin-left: -440px;width: 880px;z-index: 1;}
.helloLive-header-01>div>div {position: absolute;left: 50%;top: 19.5%;margin-left: -308px;width: 616px;z-index: 2;}
.helloLive-header-02 {height:auto;  background-color:#100b29;}
.helloLive-header-02>div{height: auto; background-size: 880px 171px; background-image: url(/front/web/images/content/helloLive-bg-phone-02.png); background-repeat: no-repeat; background-position: center top;}
.helloLive-header-02>div>div {padding: 200px 0 78px;}

.helloLive-sub-title {color:#be6ae4; font-size:25px; letter-spacing:-1.5px; text-align:center; overflow: hidden; text-overflow: ellipsis;  white-space: normal; line-height: 1.3;  word-wrap: break-word;  display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.helloLive-title  {color:#fff; margin-top:13px; font-weight: 300; font-size:30px; letter-spacing:-1.5px; text-align:center; overflow: hidden; text-overflow: ellipsis;  white-space: normal; line-height: 1.3; word-wrap: break-word;  display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.helloLive-title strong {/* font-size:35px; */}
.helloLive-title-txt {color:#fff; margin-top:27px; font-size:18px; text-align:center; overflow: hidden; text-overflow: ellipsis;  white-space: normal; line-height: 1.3; word-wrap: break-word;  display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

/* 헬로라이브커머스 영상컨텐츠 */
.product-helloLive .content-inner {width:1220px; position:relative; padding:70px 0 50px;}
.product-helloLive .content-inner:last-child {padding:70px 0 160px;} 
.product-helloLive .section-title:before {display: block;content: '';position: absolute;left: 440px;top: 72px;width: 31px;height:31px;background-image: url(/front/web/images/content/helloLive-icon-media.png);}
.helloLive-wrap {position:relative;}
.helloLive-wrap .title1 {margin:50px 0 20px 30px;}
.helloLive-media-slider {/* height:263px; */ overflow:hidden;}
.helloLive-media-slider .helloLive-item {float:left; width:100%; /* height:263px; */}
.helloLive-media-slider .slick-arrow {position:absolute; top:102px; width:57px; height:57px; border-radius:0; border:20; text-indent:100%; white-space:nowrap; background:url(/front/web/images/content/helloLive-play-left.png) no-repeat center center; overflow:hidden; z-index:100;}
.helloLive-media-slider .slick-prev {left:-6px;}
.helloLive-media-slider .slick-next {right:-6px; background-image:url(/front/web/images/content/helloLive-play-right.png);}
.helloLive-media-slider .slick-dots {position:absolute;top: 15px;right: 21px;margin-left:-17%;width: 27%;text-align: right;z-index:50;}
.helloLive-media-slider .slick-dots>li {display:inline-block; width:15px; height:15px; margin-right:5px; line-height:8px; vertical-align:top;}
.helloLive-media-slider .slick-dots button {display:block; position:relative; width:100%; height:100%; text-indent:100%; white-space:nowrap; vertical-align:middle; overflow:hidden;}
.helloLive-media-slider .slick-dots button:after {display:inline-block; content:''; position:absolute; left:50%; top:50%; width:10px; height:10px; margin:-7px 0 0 -7px; border:1px solid #000; border-radius:7px; background-color:transparent; transition:0.3s;}
.helloLive-media-slider .slick-dots .slick-active button:after {background-color:#000;}
.helloLive-media-slider:last-child {margin-right:0;}
.helloLive-media-slider a.item {display:block; position:relative; width: 268px;height: 150px;}
.helloLive-media-slider .tmb {width: 268px;height: 150px;margin-bottom:19px;border-radius:3px;overflow:hidden;}
.helloLive-media-slider a.item:hover .tmb, .helloLive-media-slider a.item:focus .tmb {box-shadow:5px 5px 20px rgba(0,0,0,.2);}
.helloLive-item {position: relative; width:auto; padding: 0 29px 0; border:0;  border-radius:0;  text-align: center; background: #fff;}
.helloLive-item ul li {float:left; margin-right:30px; margin-bottom:20px; width: 268px;}
.helloLive-item ul li:last-child {margin-right:0;}
.helloLive-item ul li a.item {display:table;position:relative;width: 268px;/* height: 150px; */}
.helloLive-item ul li .tmb {display:block; width: 268px; height: 150px; margin-bottom:14px; border-radius:3px; overflow:hidden; border: 1px solid #c8c8c8;}
.helloLive-item ul li a.item:hover .tmb, .helloLive-item ul li a.item:focus .tmb {box-shadow:5px 5px 20px rgba(0,0,0,.2);}
.helloLive-item ul li .tmb img {width:100%; height:100%;}
.helloLive-item ul li .subject {width: 268px; margin:0; font-size:20px; overflow: hidden; text-overflow: ellipsis;  white-space: normal; line-height: 1.3; text-align: left;  word-wrap: break-word;  display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.helloLive-item ul li .txt {width: 268px; margin:6px 0 0 0; font-size:14px; color:#767676; overflow: hidden; text-overflow: ellipsis;  white-space: normal; line-height: 1.3;
    text-align: left;  word-wrap: break-word;  display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.helloLive-layer .popup-inner {position: absolute; width: 622px; height: 350px; left: 50%; top:50%; margin-left: -311px; margin-top: -175px;  padding: 0; box-shadow: 3px 5px 5px rgb(0 0 0 / 30%); background: none;}
.helloLive-layer .btn-close-popup {position: absolute;left: 50%;top:50%;margin-left: 278px;margin-top: -222px;width: 30px;height: 30px;text-indent: 100%;white-space: nowrap;background: url(../images/common/ico-close-white-big.png) no-repeat center center;overflow: hidden;}

.reason-offer-0715 .programs .grid { margin: 0 127px; }
.reason-offer-0715 .programs .grid .col-1-2:nth-child(2) { float: right; }
.reason-offer-0715 .programs .pics { width: 45%; }
.reason-offer-0715 .programs .desc { width: 53%; }
.reason-offer-0715 .programs .desc .suggest-text { line-height: 1.3; }
.reason-offer-0715 .programs .subject { margin: 70px auto 13px; font-size: 22px; font-weight: 300; color: #000; }
.reason-offer-0715 .programs .subject strong { margin: 0 2px; font-weight: 500; }
.reason-offer-0715 .programs .bg-gradient strong,
.reason-offer-0715 .programs .bg-gradient em { font-size: 22px; font-weight: 500; font-style: normal; }
.reason-offer-0715 .programs .bg-gradient em { color: #000;}
.reason-offer-0715 .btn-go { height: 70px; line-height: 70px; font-size: 22px; font-weight: bold; }
.reason-offer-0715 .programs .bg-gradient { padding: 40px 0; margin-bottom: 30px; border: solid 1px #d7d6d8; border-radius: 5px; overflow: hidden; background: rgb(239,230,235); background: linear-gradient(140deg, rgba(239,230,235,1) 0%, rgba(233,241,243,1) 100%); }
.reason-offer-0819 .programs .grid { margin: 0 68px 0 52px; }
.reason-offer-0819 .programs .grid .col-1-2:nth-child(2) { float: right; }
.reason-offer-0819 .btn-go { position: relative; height: 70px; line-height: 70px; font-size: 22px; font-weight: bold; border-radius: 18px; }
.reason-offer-0819 .btn-go::before { content: ''; display: block; position: absolute; top: 50%; right: 40px; width: 15px; height: 24px; margin-top: -12px; }
.reason-offer-0819 .btn-go::before { background: url('/front/web/images/open/ch_20210819_12.png') center center no-repeat; }

/*배너 사이즈 통합 */
.shopmainbnr-rolling-wrap.resize-bnr .tmb {width: 368px; height: 239px;border-radius: 12px; padding: 0;border: 0 none;}
.shopmainbnr-rolling-wrap.resize-bnr .tmb span{display: inline-block; width: 368px; border-radius: 12px; height: 239px; overflow: hidden;}
.shopmainbnr-rolling-wrap.resize-bnr .tmb img {width: 368px; border-radius: 12px; height: 239px; object-fit: cover; transition: all 0.6s ease; }
.shopmainbnr-rolling-wrap.resize-bnr .tmb:after{display:none;}
.shopmainbnr-rolling-wrap.resize-bnr .tmb img:hover { transform: scale(1.05); } 
.shopmainbnr-rolling-wrap.resize-bnr a.item:hover .tmb, .shopmainbnr-rolling-wrap.resize-bnr a.item:focus .tmb {box-shadow:none;}
.shopmainbnr-rolling-wrap.resize-bnr .period{margin-left: 8px}
.shopmainbnr-rolling-wrap.resize-bnr .shopmainbnr-rolling-slider.slider-area.shopmainbnr-rolling .slider-item ,
.shopmainbnr-rolling-wrap.resize-bnr .whyshopbnr-rolling-slider.slider-area.shopmainbnr-rolling .slider-item {height: 360px;}
.shopmainbnr-rolling-wrap.resize-bnr .shopmainbnr-rolling-slider.slider-area.shopmainbnr-rolling .slick-arrow,
.shopmainbnr-rolling-wrap.resize-bnr .whyshopbnr-rolling-slider.slider-area.shopmainbnr-rolling .slick-arrow {top: 328px;}
.shopmainbnr-rolling-wrap.resize-bnr .shopmainbnr-rolling-slider.slider-area.shopmainbnr-rolling .slick-dots, 
.shopmainbnr-rolling-wrap.resize-bnr .whyshopbnr-rolling-slider.slider-area.shopmainbnr-rolling .slick-dots {top: 336px;}
.shopmainbnr-rolling-wrap.resize-bnr a.item:hover p, .shopmainbnr-rolling-wrap.resize-bnr .whyshopbnr-rolling-slider.slider-area.shopmainbnr-rolling a.item:hover p,
.shopmainbnr-rolling-wrap.resize-bnr a.item:hover span, .shopmainbnr-rolling-wrap.resize-bnr .whyshopbnr-rolling-slider.slider-area.shopmainbnr-rolling a.item:hover strong {color: #ed174d;}

/*헬로 이용팁-후회 없는 TV 찾기*/
.reason-offer-230407{letter-spacing: -0.03px;}
.reason-offer-230407 .img {position: relative;}
.reason-offer-230407 .img a.pos-ab {position: absolute;font-size: 0;}
.su-title {font-size:20px;color:#000;}
.suggest--new-wrap .suggest-text.su-title span {line-height: 1.3;}
.suggest-gray-box {/*border:1px solid #ececec;*/ margin:53px 0 20px; padding:0 ; border-radius:20px; background-color:#f7f7f7;}
.suggest-gray-box .suggest-cont { padding:30px 0;}
.suggest-gray-box h2 {position: relative;border-top-left-radius:20px;border-top-right-radius:20px;background-color:#000;color: #fff;  text-align: center;line-height: 80px;  font-size: 24px; letter-spacing: -1px;}
.suggest-gray-box .no-sugg {border-radius: 30px;  padding: 0; text-align: center; background-color: #fff; color: #ed174d; line-height: 52px; position: absolute; left: 20px; top: 14px; width: 114px; height: 53px;}
.suggest-text-info {font-size: 18px; font-weight: 400; text-align: left; line-height: 1.555556; margin: 0 77px;letter-spacing: -0.8px;}
.suggest-text-info span{display: block;}
.suggest-text-info strong {display: block;color:#000; margin-bottom: 7px; font-weight: 700;}
.suggest-gray-line {border-top: 1px solid #d2d2d2;    width: 1068px; margin:50px auto 35px;}
.offer-table-0412-wrap {width:967px;margin:0 auto; margin-top:35px;}
.offer-table-0412 thead th , .offer-table-0412 tbody th {font-weight:500; color:#000;}

/*헬로 이용팁-신규 고객님들이 말하는 리얼 후기*/
.reason-offer-240130 {letter-spacing: -0.3px;}
.size-lg-black {font-size: 24px;font-weight: 500; line-height: 34px;color:#000;}
.suggest-paper-tip {position: absolute; right: 0; top: -23px; background-color: #fff; border-radius: 30px; border: 1px solid #ed174d; font-size: 16px; color: #ed174d; padding: 0 30px; line-height: 46px; letter-spacing: -0.5px; box-shadow: 3px 5px 7px rgb(0 0 0 / 15%);}
.suggest-paper-wrap .suggest-paper-area {position: relative; display: table; width: 100%; height:348px;padding:44px 88px 0 75px;}
.suggest-paper-wrap .suggest-paper-area h5 {font-size: 32px;font-weight: 300;line-height: 42px; color: #000; letter-spacing: -0.9px;margin-top:8px;}
.suggest-paper-wrap .suggest-paper-area h5 strong {display: block; font-weight: 700;}
.suggest-paper-wrap .suggest-paper-area h6 {font-size: 16px;font-weight: 500;line-height: 20px; color: #767676;margin-top: 15px;letter-spacing: -0.6px;}
.suggest-paper-wrap .suggest-paper-area .icon-star {display: block; height: 13px;}
.suggest-paper-wrap .suggest-paper-area p {font-size: 18px; font-weight: 400;line-height:29px;letter-spacing: -0.69px;margin-top:34px;}
.suggest-paper-wrap .suggest-paper-area p span {display: block;}
.bbs-view-body img.suggest-paper-img {position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 348px;}
.suggest-bnr-area {position: relative; display: table; width: 100%; height: auto;}
.suggest-bnr-area a {display: block;font-size: 24px; color: #fff; text-align: center;line-height: 120px;letter-spacing: -0.3px;}

/* lightbox-slider */
.lightbox-slider .swiper-slide .module { position: relative; min-width: auto; border-radius: 26px; overflow: hidden; box-shadow: 3px 3px 10px rgba(0, 0, 0, .03); }
.lightbox-slider .link:hover { text-decoration: none; border: 0; }
.lightbox-slider .item .module { max-height: calc(100vh - 15px); min-height: 300px; }
.lightbox-slider .module .closer { box-sizing: content-box; margin: 0; padding: 0; width: 13%; height: 6.8%; }
.lightbox-slider .module .closer .ico { background: none; width: 100%; height: 100%; }

/* 샵 혜택 안내 */
.page-whyhellopshop .lightbox-slider .swiper-slide { min-width: 160px; width: calc(var(--vh) * 48.2); min-width: 160px; width: 48.2vh; width: 48.2dvh; max-width: 560px;  }
.page-whyhellopshop .lightbox-slider .module img { display: block; width: 100%; min-width: 0; min-height: 300px; height: auto; max-width: 100%; }
.page-whyhellopshop .lightbox-slider .swiper-slide .module { transform: scale(.98); filter: brightness(0.82); transition: transform .2s ease-in-out 0s, filter .2s ease-in-out 0s; }
.page-whyhellopshop .lightbox-slider .swiper-slide-active .module { transform: scale(1); filter: brightness(1); }
.page-whyhellopshop .lightbox-slider .link { display: block; position: absolute; top: 82.9%; left: 7.1%; right: 7.1%; bottom: 7.6%; }
.page-whyhellopshop .lightbox-slider .swiper-slide .pager { position: absolute; top: 0; right: 0; font-family: 'Gotham', 'Roboto'; font-weight: 300; line-height: 1; color: #7c7c7c; margin: 4.3% 12.7% 0 0; font-size: 11px; }
.page-whyhellopshop .lightbox-slider .swiper-slide .pager strong { font-weight: 700; }
.page-whyhellopshop .lightbox-slider .swiper-slide .pager .slash { margin: 0 2px; }
.page-whyhellopshop .lightbox-slider .pic { position: relative; }
.page-whyhellopshop .lightbox-slider .pic::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 7%; background: url('/front/web/images/shop/btn_pop_close_560x72.png') center top no-repeat; background-size: 100% auto; }
@media (min-height: 500px) { .page-whyhellopshop .lightbox-slider .swiper-slide .pager { font-size: 14px; } }
@media (min-height: 770px) { .page-whyhellopshop .lightbox-slider .swiper-slide .pager { margin: 4.4% 12.7% 0 0; font-size: 18px; } }
@media (min-height: 1051px) { .page-whyhellopshop .lightbox-slider .swiper-slide .pager { margin: 4.4% 12.4% 0 0; font-size: 20px; } }

/* 샵 단독 혜택 */
.container-whyhelloshop { clear: both; text-align: center; }
.container-whyhelloshop .titles { margin: 0 auto; padding: 73px 0 11px; font-size: 48px; font-weight: 300; line-height: 1.2; }
.container-whyhelloshop .titles strong { font-weight: bold; }
.container-whyhelloshop .description { margin: 7px auto 62px; padding: 0; font-size: 20px; line-height: 1.5; font-weight: 300; }
.section-jumbotron-whyhelloshop { position: relative; min-height: 970px; text-align: center; overflow: hidden; }
.section-jumbotron-whyhelloshop .background { visibility: hidden; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; transform: scale(1.12) translate(0, 0px); transition: transform 0s linear 0s; }
.section-jumbotron-whyhelloshop .background { background: url('/front/web/images/shop/bg_whyhelloshop_jumbotron_01.jpg') center top no-repeat; background-size: cover; background-attachment: fixed; }
.section-jumbotron-whyhelloshop .background.in { visibility: visible; } 
.section-jumbotron-whyhelloshop .titles,
.section-jumbotron-whyhelloshop .description { color: #fff; }
.section-jumbotron-whyhelloshop .wrap { position: relative; z-index: 2; margin: 0 auto; width: 1040px; line-height: 1.33; }
.section-jumbotron-whyhelloshop .item { margin: 0 0 20px; opacity: 0; transform: translate(0, 10px); transition: opacity 0s ease-in-out 0s, transform 0s ease-in-out 0s; }
.section-jumbotron-whyhelloshop .item.is-inviewed { opacity: 1; transform: translate(0, 0); transition: opacity .5s ease-in-out 0s, transform .5s ease-in-out 0s; }
.section-jumbotron-whyhelloshop .item.nth-2.is-inviewed { transition-delay: 100ms; }
.section-jumbotron-whyhelloshop .item.nth-3.is-inviewed { transition-delay: 200ms;}
.section-jumbotron-whyhelloshop .item.nth-4.is-inviewed { transition-delay: 0ms;}
.section-jumbotron-whyhelloshop .item.nth-5.is-inviewed { transition-delay: 200ms;}
.section-jumbotron-whyhelloshop .item.nth-6.is-inviewed { transition-delay: 100ms;}
@media (min-height: 1080px) {
	.section-jumbotron-whyhelloshop .item.nth-4.is-inviewed { transition-delay: 100ms;}
	.section-jumbotron-whyhelloshop .item.nth-5.is-inviewed { transition-delay: 200ms;}
	.section-jumbotron-whyhelloshop .item.nth-6.is-inviewed { transition-delay: 300ms;}
}
.section-jumbotron-whyhelloshop .module { margin: 0 10px; width: 327px; overflow: hidden; border-radius: 14px; background: #fff; box-shadow: 5px 5px 15px rgba(0, 0, 0, .15); color: #000; transition: all .2s ease-in-out 0s; transform: translate(0, 0); }
.section-jumbotron-whyhelloshop .module:hover { box-shadow: 10px 10px 20px rgba(0, 0, 0, .3);  transform: translate(0px, -1px); }
.section-jumbotron-whyhelloshop .item.is-light .module { color: #fff; background: #000; }
.section-jumbotron-whyhelloshop .module a { display: block; position: relative; }
.section-jumbotron-whyhelloshop .pic { position: relative; min-height: 180px; background: #000; }
.section-jumbotron-whyhelloshop .pic img { transform: scale(1); transition: transform .2s ease-in-out 0s; }
.section-jumbotron-whyhelloshop .module a:hover .pic img { transform: scale(1); }
.section-jumbotron-whyhelloshop .desc { min-height: 229px; text-align: left; }
.section-jumbotron-whyhelloshop .has-pic .desc { position: relative; background: #fff; min-height: 200px; }
.section-jumbotron-whyhelloshop .name { display: block; margin: 0 30px 36px; padding-top: 33px; font-size: 18px; font-weight: 700; }
.section-jumbotron-whyhelloshop .desc p { margin: 20px 30px 20px; font-size: 26px; font-weight: 300; line-height: 1.4; }
.section-jumbotron-whyhelloshop .desc strong { font-weight: 700; }
.section-jumbotron-whyhelloshop .ico { position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; }
.section-jumbotron-whyhelloshop .ico em { display: block; position: relative; width: 30px; height: 30px; }
.section-jumbotron-whyhelloshop .ico em::before,
.section-jumbotron-whyhelloshop .ico em::after { display: block; content: ''; position: absolute; top: 50%; left: 0; margin: -1px 0 0 0; width: 100%; height: 2px; background: #fff; transition: all .1s ease-in-out 0s; opacity: .6; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0); }
.section-jumbotron-whyhelloshop .ico em::after { margin: 0 -1px 0 0; left: 50%; top: 0; width: 2px; height: 100%; }
.section-jumbotron-whyhelloshop .module:hover .ico em::before,
.section-jumbotron-whyhelloshop .module:hover .ico em::after { opacity: 1; box-shadow: 0px 1px 3px rgba(0, 0, 0, .4); }
.section-jumbotron-whyhelloshop .item.nth-2 .module { background-color: #660ae3; }
.section-jumbotron-whyhelloshop .item.nth-4 .module { background: #c7c8cd url('/front/web/images/shop/pic_whyhelloshop_04.png') center center no-repeat; }
.section-jumbotron-whyhelloshop .item.nth-6 .module { background-color: #ed174d; background: linear-gradient(0deg, rgba(247,108,100,1) 0%, rgba(240,48,83,1) 50%, rgba(237,23,77,1) 100%); }
.section-whyhelloshop-waves { margin-bottom: 40px; }
.section-whyhelloshop-waves .titles { margin-top: 18px; }
.section-whyhelloshop-waves .description { margin-bottom: 46px; color: #8c8c8c; }
.section-whyhelloshop-waves .grid { width: 100%; overflow: hidden; }
.section-whyhelloshop-waves .inner { display: flex; } 
.section-whyhelloshop-waves .list { display: flex; margin: 4px 0 5px; }
.section-whyhelloshop-waves .item { display: flex; flex: 1; justify-content: center; align-items: center; line-height: 1; padding: 0; }
.section-whyhelloshop-waves .item img { max-width: none; height: 81px; }
.section-whyhelloshop-waves .item span { box-sizing: content-box; margin: 0 6px; padding: 15px 30px; height: 33px; line-height: 33px; border-radius: 40px; border: solid 1px #e1e1e1; background: #f8f8f8; font-size: 20px; font-weight: 300; color: #4a4c58; white-space: nowrap; word-break: keep-all; }
.section-whyhelloshop-waves .item span { box-shadow: 3px 3px 10px rgba(0, 0, 0, .11); cursor: default; }
.section-whyhelloshop-waves .item span.primary { border-color: #ed174d; color: #ed174d; }
.section-whyhelloshop-waves .ico { margin: 0 2px; width: 30px; height: 28px; background: url('/front/web/images/shop/ico_emoji_hello.png?ver=7') center top no-repeat; background-size: auto 26px; }
.section-whyhelloshop-waves .ico.card { width: 24px; background-image: url('/front/web/images/shop/ico_emoji_card.png?ver=2'); }
.section-whyhelloshop-waves .ico.flash { width: 16px; background-image: url('/front/web/images/shop/ico_emoji_flash.png?ver=2'); }
.section-whyhelloshop-waves .ico.gift { margin-right: 1px; width: 24px; background-image: url('/front/web/images/shop/ico_emoji_gift.png?ver=2'); }
.section-whyhelloshop-waves .ico.hello { margin-top: -2px; width: 20px; background-image: url('/front/web/images/shop/ico_emoji_hello.png?ver=2'); }
.section-whyhelloshop-waves .ico.money { width: 22px; background-image: url('/front/web/images/shop/ico_emoji_money.png?ver=2'); }
.section-whyhelloshop-waves .ico.smile { width: 24px; background-image: url('/front/web/images/shop/ico_emoji_smile.png?ver=2'); }
.section-whyhelloshop-waves .ico.thumbup { width: 21px; background-image: url('/front/web/images/shop/ico_emoji_thumbup.png?ver=2'); }
.section-whyhelloshop-waves .ico.twinkle { width: 21px; background-image: url('/front/web/images/shop/ico_emoji_twinkle.png?ver=2'); }
.js-infinite-scroll-animation { visibility: hidden; transform: translateX(0); }
.js-infinite-scroll-animation.in { visibility: visible; animation: animInfiniteScroll 60s linear infinite; }
.js-infinite-scroll-animation.in.anim-direction-reverse { animation-direction: reverse; }
.js-infinite-scroll-animation.is-hover-pause:hover { animation-play-state: paused; }
.section-whyhelloshop-waves .anim-a.in { animation-name: animInfiniteScrollXA; animation-duration: 100s; }
.section-whyhelloshop-waves .anim-b.in { animation-name: animInfiniteScrollXB; animation-duration: 120s; }
.section-whyhelloshop-waves .anim-c.in { animation-name: animInfiniteScrollXC; animation-duration: 120s; }
@keyframes animInfiniteScrollXA {
  to { transform: translateX(calc(var(--slider-a-width) * 2)); }
}
@keyframes animInfiniteScrollXB {
  to { transform: translateX(calc(var(--slider-b-width) * 2)); }
}
@keyframes animInfiniteScrollXC {
  to { transform: translateX(calc(var(--slider-c-width) * 2)); }
}