@charset "utf-8";

/* inview fx */
.js-inview .inview { opacity: 0; }
.js-inview .inview-y { opacity: 0; transform: translate(0, 20px); }
.js-inview.is-inviewed .inview {
	opacity: 1;
	transform: translate(0, 0) scale(1);
	transition:
		opacity .4s ease-in-out 80ms,
		transform .4s cubic-bezier(0.51, 0.01, 0.71, 1.01) 80ms;
}
.js-inview.is-inviewed .inview-delay-100ms { transition-delay: 100ms; }
.js-inview.is-inviewed .inview-delay-150ms { transition-delay: 150ms; }
.js-inview.is-inviewed .inview-delay-200ms { transition-delay: 200ms; }
.js-inview.is-inviewed .inview-delay-250ms { transition-delay: 250ms; }
.js-inview.is-inviewed .inview-delay-300ms { transition-delay: 300ms; }

/* 메인 사용자 정보 */
.section-member-status { margin: 50px auto; text-align: center; line-height: 1; }
.section-member-status .wrap { margin: 0 auto; width: 1160px; text-align: left; }
.section-member-status .toggle { display: none; }
.section-member-status .toggle.in { display: block; }
.section-member-status .titles { margin: 0; padding: 20px 0 0 0; font-size: 20px; font-weight: 300; line-height: 1.45; }
.section-member-status .titles strong { font-weight: bold; }
.section-member-status .is-login .titles strong { font-weight: 500; }
.section-member-status .col-subject { padding-left: 30px; }
.section-member-status .col-subject .btn { margin: 10px 0 0; width: 172px; height: 47px; line-height: 47px; }
.section-member-status .col-subject .btn:hover { background-color: #a50034; border-color: #a50034; }
.section-member-status .col-links { float: right; width: 891px; }
.section-member-status .col-links .col { width: 297px; }
.section-member-status .col-links .link { display: block; position: relative; margin: 0 0 0 25px; height: 160px; border-radius: 160px; overflow: hidden; background-color: #e1ddde; text-align: center; }
.section-member-status .col-links .link { font-size: 16px; font-weight: 300; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); transition: box-shadow .3s ease-in-out 0s; letter-spacing: -0.03em; }
.section-member-status .col-links .link:focus,
.section-member-status .col-links .link:hover { text-decoration: none; border: 0 !important; color: #000 !important; }
.section-member-status .col-links .link:hover { box-shadow: 2px 2px 12px rgba(0, 0, 0, .2); }
.section-member-status .col-links .secondary,
.section-member-status .col-links .secondary:hover span,
.section-member-status .col-links .secondary:hover p { color: #000 !important; }
.section-member-status .col-links a .black { color: #000 !important; }
.section-member-status .col-links .nth-2 .link { background-color: #dbdce6; }
.section-member-status .col-links .nth-3 .link { background-color: #e5dcda; }
.section-member-status .is-logout .col-links .link::before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; }
.section-member-status .is-logout .col-links .link::before { background-image: url('/front/web/images/main/main_member_status_01.png'); }
.section-member-status .is-logout .col-links .nth-2 .link::before { background-image: url('/front/web/images/main/main_member_status_02.png'); }
.section-member-status .is-logout .col-links .nth-3 .link::before { background-image: url('/front/web/images/main/main_member_status_03.png'); }
.section-member-status .is-logout .col-links .link .subject { display: block; padding: 20px 0 0; font-size: 18px; font-weight: 400; }
.section-member-status .is-login .col-subject i { display: inline-block; position: relative; margin: 0 0 7px; padding: 5px 0 3px; font-style: normal; font-size: 24px; }
.section-member-status .is-login .col-subject i::before { display: block; content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background-color: #ed174d; }
.section-member-status .is-login .link { font-size: 20px; line-height: 1.45; }
.section-member-status .is-login .col-links .nth-1 .link { background-color: #e0e0e0; }
.section-member-status .is-login .col-links .subject { display: block; padding: 22px 0 20px; font-size: 16px; font-weight: bold; }
.section-member-status .is-login .col-links .prices { margin-top: -5px; font-size: 20px; font-weight: 500; }
.section-member-status .is-login .col-links .prices strong { font-size: 26px; font-weight: bold; }
.section-member-status .is-login .col-links .prices strong span { margin-left: 1px; font-size: 22px; }
.section-member-status .ico { display: inline-block; width: 24px; height: 26px; vertical-align: middle; }
.section-member-status .ico.plus { width: 24px; height: 26px; background-image: url('/front/web/images/common/ico_plus_24.png'); }
.section-member-status .is-logout .col-links .link::before { transition: transform .2s ease-in-out 0s; transform: scale(1, 1); }

/* 메인 프로모션 */
.section-main-promo { clear: both; margin: 50px auto 50px; text-align: center; user-select: none; }
.section-main-promo::after { display: table; clear: both; content: ''; overflow: hidden; }
.section-main-promo .wrap { margin: 0 auto; width: 1160px; text-align: left; }
.section-main-promo .downer { margin-top: 30px; }
.section-main-promo .col { height: 320px; }
.section-main-promo .module { border-radius: 12px; box-shadow: 5px 5px 15px rgba(0, 0, 0, .2); overflow: hidden; isolation: isolate; }
.section-main-promo .module a { display: block; position: relative; }
.section-main-promo .desc { position: absolute; top: 0; left: 0; margin: 33px 0 0 33px; padding: 0; font-size: 24px; font-weight: 400; color: #fff; line-height: 1.36; user-drag: none; }
.section-main-promo .desc strong { font-weight: bold; }
.section-main-promo .col-a { margin-right: 28px; }
.section-main-promo .col-a,
.section-main-promo .col-a .item,
.section-main-promo .col-a img { float: left; width: 566px; }
.section-main-promo .col-a .module { width: 566px; }
.section-main-promo .col-b { width: 269px; margin-right: 28px; }
.section-main-promo .col-c { width: 269px; }
.section-main-promo .col-d { clear: both; float: none; width: 100%; height: 160px; }
.section-main-promo a img { transform: scale(1, 1); transition: all .3s ease-in-out 0s; }
.section-main-promo a:hover img { transform: scale(1.11, 1.11); }
.section-main-promo { opacity: 0; }
.section-main-promo.init { opacity: 1; transition: .2s opacity ease-in-out 0s; }

/* 메인 헬로비전 서비스 바로가기 */
.section-hellovision-links { clear: both; margin: -11px 0 98px 0; text-align: center; }
.section-hellovision-links .wrap { margin: 0 auto; width: 1160px; text-align: left; }
.section-hellovision-links .subject { margin: 0 0 34px 0; padding: 0; font-size: 28px; font-weight: 500; letter-spacing: -0.03em; color: #000; line-height: 1.4; }
.section-hellovision-links .list { margin: 0 -14px 0; }
.section-hellovision-links .module { margin: 0 14px; text-align: center; overflow: hidden; border-radius: 8px; isolation: isolate; }
.section-hellovision-links a { display: block; position: relative; background-size: cover; background-repeat: no-repeat; }
.section-hellovision-links a::before,
.section-hellovision-links a::after { transition: opacity .2s ease-in-out 0s, transform .2s ease-in-out 0s; }
.section-hellovision-links a::before { content:''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.section-hellovision-links a::before { opacity: 0; background: url('/front/web/images/main/link_hellovision_service_01_on.png') center center no-repeat; background-size: cover; }
.section-hellovision-links a:hover::before { opacity: 1; }
.section-hellovision-links .item.nth-1 a { background-image: url('/front/web/images/main/link_hellovision_service_01.png'); }
.section-hellovision-links .item.nth-2 a { background-image: url('/front/web/images/main/link_hellovision_service_02.png'); }
.section-hellovision-links .item.nth-3 a { background-image: url('/front/web/images/main/link_hellovision_service_03.png'); }
.section-hellovision-links .item.nth-4 a { background-image: url('/front/web/images/main/link_hellovision_service_04.png'); }
.section-hellovision-links .item.nth-2 a::before { background-image: url('/front/web/images/main/link_hellovision_service_02_on.png'); }
.section-hellovision-links .item.nth-3 a::before { background-image: url('/front/web/images/main/link_hellovision_service_03_on.png'); }
.section-hellovision-links .item.nth-4 a::before { background-image: url('/front/web/images/main/link_hellovision_service_04_on.png'); }
.section-hellovision-links a::after { content:''; display: block; position: absolute; top: 0; right: 0; }
.section-hellovision-links a::after { width: 36px; height: 36px; background: url('/front/web/images/main/ico_link_hellovision_service.png') center center no-repeat; background-size: 36px 36px; }
.section-hellovision-links a span { position: relative; display: block; height: 84px; line-height: 84px; font-size: 20px; font-weight: 500; color: #fff; }
.section-hellovision-links a::before { transform: scale(1, 1); }
.section-hellovision-links a::after { transform: translate(0, 0); }
.section-hellovision-links a:hover::before { transform: scale(1, 1); }
.section-hellovision-links a:hover::after { transform: translate(4px, -4px); }

/* 샵메인, 20211019 */
.page-shop-main { clear: both; }
.page-shop-main .shop-main h1.title,
.page-shop-main .shop-main h2.title,
.page-shop-main .shop-main h3.title { margin: 0px auto 50px; padding-top: 100px; }
.page-shop-main .shop-main.content-section { padding-top: 0; }
.page-shop-main .shop-main .content-section-best { padding-top: 0; }
.page-shop-main .article-visual {}
.page-shop-main .article-best { background-color: #f0f1f2; }
.page-shop-main .article-best .title { margin-bottom: 60px; }
.page-shop-main .article-available {}
.page-shop-main .shop-main.article-hellolounge .content-section { padding-top: 28px; }
.page-shop-main .shop-main.article-hellolounge .content-inner { padding-top: 71px; }
.page-shop-main .article-simulation { display: none; min-height: 100px; background-color: #f0f1f2; }
.page-shop-main .article-hellotv { min-height: 100px; background-color: #7f6cec; }
.page-shop-main .article-benefit { background-color: #f0f1f2; }
.page-shop-main .shop-main > .article-benefit-suggest { padding-top: 0; }
.page-shop-main .article-benefit-cards { background-color: #fff; }
.page-shop-main .article-benefit-mall { background-color: #fff; }
.page-shop-main .shop-main > .article-benefit-mall { padding-top: 0; padding-bottom: 180px; }

/* 헬로tv */
.article-hellotv { position: relative; text-align: center; }
.article-hellotv * { margin: 0; padding: 0; list-style: none; }
.article-hellotv .wrap { margin: 0 auto; width: 1160px; text-align: left; }
.article-hellotv .subjects { float: left; width: 390px; font-size: 14px; color: #fff; letter-spacing: -0.03em; }
.article-hellotv .subject { margin: 85px 0 10px; font-size: 32px; font-weight: 400; }
.article-hellotv .desc { font-size: 14px; font-weight: 300; }
.article-hellotv .module { float: right; width: 770px; }
.article-hellotv li { float: left; width: 20%; padding: 55px 0; }
.article-hellotv li a { display: block; margin: 0 12px; }
.article-hellotv li span { display: block; background-color: #fff; overflow: hidden; border-radius: 100%; box-shadow: 0 0 0 rgba(0,0,0, 0); transition: all .2s ease-in-out 0s; }
.article-hellotv li a:hover span { box-shadow: 8px 8px 8px rgba(0,0,0, .3); }
.article-hellotv li img { width: 100%; vertical-align: middle; }
.article-hellotv .nav { display: block;  position: absolute; top: 50%; z-index: 10; margin: 0 10px 0; transform: translate(0, -50%); vertical-align: top; }
.article-hellotv .nav.prev { left: 0; margin-left: 60px; }
.article-hellotv .nav.next { right: 0; margin-right: 60px; }
.article-hellotv .icon { display: inline-block; min-width: 18px; min-height: 18px; margin: 0; padding: 0; width: 69px; height: 69px; background-color: transparent; background-position: center center; line-height: 1; vertical-align: middle; opacity: 0.17; transition: opacity cubic-bezier(0.83, 0, 0.17, 1) 0.3s; background-image: url(/front/web/images/main/btn-slider-prev.png); }
.article-hellotv .nav:hover .icon { opacity: 0.3; }
.article-hellotv .nav.next .icon { background-image: url(/front/web/images/main/btn-slider-next.png); }
.article-hellotv.js-inview li {
    opacity: 0;
    transform: translate(0, 0) scale(0.9, 0.9);
    transition:
        opacity 600ms cubic-bezier(0.35, 0.01, 0.6, 1.1) 0s,
        transform 600ms cubic-bezier(0.35, 0.01, 0.6, 1.1) 0s;
}
.article-hellotv.is-inviewed li { opacity: 1; transform: translate(0, 0) scale(1, 1); }
.article-hellotv.is-inviewed li.nth-1 { transition-delay: 0ms; }
.article-hellotv.is-inviewed li.nth-2 { transition-delay: 150ms; }
.article-hellotv.is-inviewed li.nth-3 { transition-delay: 300ms; }
.article-hellotv.is-inviewed li.nth-4 { transition-delay: 400ms; }
.article-hellotv.is-inviewed li.nth-5 { transition-delay: 450ms; }

/* combobox */
.base-combobox-container { position: relative; }
.base-combobox-select { opacity: 0.5; height: 100px; margin-bottom: 100px; }
.base-combobox { display: block; position: relative; line-height: 1; }
.base-combobox-head button { line-height: 1.2; display: block; box-sizing: border-box; position: relative; margin: 0; padding: 8px 8px; border: solid 1px #fff; width: 100%; text-align: left; background: transparent; cursor: pointer; background-color: #fff; border-radius: 4px; white-space: nowrap; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; user-select: none; }
.ie .base-combobox-head button,
.ie .base-combobox-head button:focus,
.ie .base-combobox-head button:active { padding: 0; text-transform: none; outline-offset: 0; outline: none; }
.ie .base-combobox-head button span { position: relative; }
.base-combobox-dropdown { position: absolute; top: 0; left: 0; width: 100%; max-width: 500px; clear: both; box-sizing: border-box; max-width: 100%; background-color: #fff; border: solid 1px #ddd; border-radius: 4px; line-height: 1; overflow: hidden; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4); }
.base-combobox-dropdown-inner { display: block; }
.base-combobox-dropdown ul { list-style: none; margin: 0; padding: 0; }
.base-combobox-dropdown a { display: block; user-select: none; cursor: pointer; text-decoration: none; word-break: keep-all; }
.base-combobox-dropdown a span { position: relative; display: inline-block; line-height: 1.2; padding: 8px 0; vertical-align: middle; overflow: hidden; }
.base-combobox-dropdown a span::before { content: ''; display: block; position: absolute; left: 0; width: 100%; bottom: 2px; height: 1px; overflow: hidden; background-color: #fff; transform: translate(-102%, 0); transition: transform 0.2s ease-in-out 0s; }
.base-combobox-dropdown a:hover span::before { transform: translate(0, 0); }
.base-combobox-container .base-combobox-dropdown { visibility: hidden; z-index: -1; opacity: 0; transition: visibility 0s linear 0.3s, z-index 0s linear 0.3s, opacity 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s; }
.base-combobox-container.in .base-combobox-head button { box-shadow: none; }
.base-combobox-container.in .base-combobox-dropdown { visibility: visible; z-index: 1001; opacity: 1; transition: visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s; }
.base-combobox-select[disabled] + .base-combobox .base-combobox-button { cursor: default; background-color: #b5b5b5; border-color: #b5b5b5; }

/* 시뮬레이션 */
.section-main-simulation { background: #f0f1f2; line-height: 1.4; text-align: center; letter-spacing: -0.03em; }
.section-main-simulation select { display: none; }
.section-main-simulation option,.section-main-simulation select { box-sizing: border-box; width: 100%; font-size: 20px; }
.section-main-simulation label { user-select: none; cursor: pointer; }
.section-main-simulation input[type=radio] { position: relative; left: auto; margin: 0 5px; width: 20px; height: 20px; font-size: 16px; line-height: 1; text-indent: 0; -webkit-appearance: auto; }
.section-main-simulation .base-combobox-select { display: none; }
.section-main-simulation .pull-left { float: left; }
.section-main-simulation .pull-right { float: right; }
.section-main-simulation .wrap { margin: 0 auto; padding: 0 0 98px; width: 1160px; }
.section-main-simulation .titles { margin: 0; padding: 94px 0 40px; }
.section-main-simulation .titles h2.title,
.section-main-simulation .titles h3.title { margin: 0; padding: 0; font-size: 30px; font-weight: 400; letter-spacing: -0.03em; }
.section-main-simulation .titles strong { font-weight: bold; color: #ed174d; }
.section-main-simulation .titles p { margin: 10px 0; padding: 0; font-size: 18px; color: #060000; }
.section-main-simulation .base-combobox-button::before { content: ''; display: block; position: absolute; z-index: 3; top: 50%; right: 24px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #ed174d; }
.section-main-simulation .base-combobox-container .base-combobox-button::before { transform: translate(0, -50%) rotate(0deg); transition: transform 0.1s ease-in-out 0s; }
.section-main-simulation .base-combobox-container.in .base-combobox-button::before { transform: translate(0, -50%) rotate(-180deg); }
.section-main-simulation #appA { padding: 0 40px; background-color: #fff; }
.section-main-simulation #appA .module { margin: 0 10px; min-height: 185px; }
.section-main-simulation #appA .base-combobox-button,
.section-main-simulation #appA .base-combobox-dropdown a span { font-size: 22px; font-weight: 300; letter-spacing: -0.03em; color: #fff; }
.section-main-simulation #appA .base-combobox-dropdown .selected a span { font-weight: 400; } /* current */
.section-main-simulation #appA .base-combobox-button { position: relative; padding: 0; height: 83px; line-height: 83px; background-color: #636075; border: solid 1px #636075; text-align: center; color: #fff; }
.section-main-simulation #appA .base-combobox-button:focus { border: solid 1px #1f1a3b; outline: 0; }
.section-main-simulation #appA .base-combobox-button[disabled] { background-color: #b5b5b5; border-color: #b5b5b5;  }
.section-main-simulation #appA .base-combobox-button[disabled]::after { pointer-events: none; cursor: default; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: '신규가입'; background-color: #b5b5b5; border-color: #b5b5b5;  }
.section-main-simulation #appA .base-combobox-container .base-combobox-button { box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.2); }
.section-main-simulation #appA .base-combobox-container.in .base-combobox-button { box-shadow: none; }
.section-main-simulation #appA .base-combobox-dropdown { background-color: #636075; border: solid 1px #636075; }
.section-main-simulation #appA .base-combobox-dropdown ul { padding: 22px 0; }
.section-main-simulation #appA .grid.nth-1 { margin: 0 30px 0; padding: 0 0 40px; overflow: visible; }
.section-main-simulation #appA .grid.nth-1 .subject { margin: 0; padding: 60px 0 20px; font-size: 22px; font-weight: bold; line-height: 1; }
.section-main-simulation #appA .grid.nth-1 .subject em { position: relative; font-style: normal; display: inline-block; color: #fff; }
.section-main-simulation #appA .grid.nth-1 .subject em::before { content: '+'; display: inline-block; line-height: 1; position: absolute; margin: -7px 0 0 -3px; top: 0; left: 0; font-weight: 300; font-size: 32px; color: #ed174d; }
.section-main-simulation #appA .grid.nth-2 { box-sizing: content-box; border-top: solid 1px #ed174d; padding: 29px 0 54px; min-height: 56px; text-align: center; }
.section-main-simulation #appA .grid.nth-2 input[type=checkbox] { display: inline-block; position: absolute; overflow: hidden; border: 0; outline: 0; margin: -1px; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); }
.section-main-simulation #appA .grid.nth-2 .selects { padding-top: 4px; width: 23%; }
.section-main-simulation #appA .grid.nth-2 .selects input[type=checkbox]+label { display: inline-block; position: relative; padding-left: 28px; height: 50px; line-height: 50px; font-size: 16px; font-weight: 600; letter-spacing: -0.05em; color: #000; text-indent: 0; }
.section-main-simulation #appA .grid.nth-2 .selects input[type=checkbox]+label::after,
.section-main-simulation #appA .grid.nth-2 .selects input[type=checkbox]+label::before { content: ''; display: inline-block; position: absolute; margin-top: 1px; top: 50%; left: 0; width: 18px; height: 18px; overflow: hidden; transform: translate(0, -50%); background-position: 0 0; }
.section-main-simulation #appA .grid.nth-2 .selects input[type=checkbox]+label::before { border-radius: 2px; background: #fff; border: solid 1px #d2d2d2; box-sizing: border-box; }
.section-main-simulation #appA .grid.nth-2 .selects input[type=checkbox]:checked+label::before { visibility: visible; background: #ed174d; border: solid 1px #ed174d; }
.section-main-simulation #appA .grid.nth-2 .selects input[type=checkbox]+label::after {
	visibility: hidden;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozYjUzNTE5Mi1lNDhjLTQ3YTItOGU4ZC0zZmFmZWMxZmEyMjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0YwRThBNTQyQjFDMTFFQzkwM0REQjU1OUY2RjU3MjQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0YwRThBNTMyQjFDMTFFQzkwM0REQjU1OUY2RjU3MjQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyZmI5NjY1Mi1jMGQxLTRkNDAtYmVhZi03YTVhNWEyZjUwYjUiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDoyZmYzNTllMi0wOGE4LWMwNDUtOWVhMC0xYjE5NTcxOWYxMmEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4woMPbAAAASUlEQVR42mL8//8/AzUAEwOVwKhBtDHoPxRTZNB/Ul2EzVZkPiOpLvpPjCH4DGIk1iXEuIiRAJ8krzESYwixscY4mkWoAwACDAA4XQwh5d9BbAAAAABJRU5ErkJggg==);
}
.section-main-simulation #appA .grid.nth-2 .selects input[type=checkbox]:checked+label::after { visibility: visible; }
.section-main-simulation #appA .grid.nth-2 .results { width: 62%; font-weight: 300; line-height: 1; }
.section-main-simulation #appA .grid.nth-2 .results em { font-style: normal; }
.section-main-simulation #appA .grid.nth-2 .results .span { display: inline-block; margin: 0 20px; letter-spacing: -0.05em; user-select: none; line-height: 48px; }
.section-main-simulation #appA .grid.nth-2 .results .price-before { position: relative; padding: 0 12px; font-size: 20px; font-weight: 300; color: #656565; }
.section-main-simulation #appA .grid.nth-2 .results .price-before strong { font-weight: 300; }
.section-main-simulation #appA .grid.nth-2 .results .price-before::before { content: ''; display: block; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background-color: #656565; }
.section-main-simulation #appA .grid.nth-2 .results .price-after { color: #ed174d; font-size: 32px; }
.section-main-simulation #appA .grid.nth-2 .results .price-after strong { font-size: 38px; font-weight: bold; }
.section-main-simulation #appA[data-combi="false"] .grid.nth-2 .results .price-before { display: none; } /* 결합상품이 아닐때 */
.section-main-simulation #appA .grid.nth-2 .results .action { vertical-align: top; min-width: 164px; }
.section-main-simulation #appA .grid.nth-2 .blanks { width: 15%; }
.section-main-simulation #appB { margin-top: 13px; background-color: #dcd8d8; }
.section-main-simulation #appB input[type=radio] { display: inline-block; position: absolute; overflow: hidden; border: 0; outline: 0; margin: -1px; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); }
.section-main-simulation #appB label { margin: 0 4px; display: inline-block; vertical-align: middle; text-align: center; overflow: hidden; letter-spacing: -0.03em; height: 40px; line-height: 38px; border-radius: 40px; background-color: #fff; color: #000; min-width: 86px; max-width: 120px; font-size: 18px; font-weight: 600; transition: background-color 0.2s linear 0s, color 0.2s linear 0s; }
.section-main-simulation #appB label { padding-left: 0; text-indent: 0; min-height: auto; }
.section-main-simulation #appB label:before { display: none; }
.section-main-simulation #appB label sup { display: inline-block; vertical-align: middle; font-weight: 500; transform: translate(0, -5px); }
.section-main-simulation #appB input[type=radio]:checked+label { background-color: #000; color: #fff; }
.section-main-simulation #appB .base-combobox-button,
.section-main-simulation #appB .base-combobox-dropdown { background-color: #dcd8d8; border-color: #dcd8d8; text-align: center; }
.section-main-simulation #appB .base-combobox-button,
.section-main-simulation #appB .base-combobox-dropdown a span { font-size: 22px; font-weight: 300; letter-spacing: -0.03em; color: #000; }
.section-main-simulation #appB .base-combobox-dropdown a { padding-right: 20px; padding-left: 20px; }
.section-main-simulation #appB .base-combobox-dropdown a span { word-break: keep-all; }
.section-main-simulation #appB .base-combobox-dropdown .selected a span { font-weight: 400;  } /* current */
.section-main-simulation #appB .base-combobox-button[disabled] { color: #999; cursor: default; }
.section-main-simulation #appB .base-combobox-button { padding: 10px 0; border-bottom: solid 3px #898989; }
.section-main-simulation #appB .base-combobox-dropdown ul { padding: 21px 0; }
.section-main-simulation #appB .base-combobox-dropdown { margin-top: -18px; background-color: #ebebeb; }
.section-main-simulation #appB .base-combobox-dropdown a span::before { background-color: #000; }
.section-main-simulation #appB .subject { margin: 36px 0 32px; padding: 0; font-size: 20px; font-weight: 600; }
.section-main-simulation #appB .grid.nth-1 { padding: 25px 40px 25px 90px; background-color: #898989; color: #fff; }
.section-main-simulation #appB .grid.nth-1 .pull-right { padding-right: 50px; }
.section-main-simulation #appB .grid.nth-2 { margin: 0 40px; }
.section-main-simulation #appB .grid.nth-2 .module { margin: 0 40px; text-align: left; }
.section-main-simulation #appB .grid.nth-2 .col.nth-1,
.section-main-simulation #appB .grid.nth-2 .col.nth-2 { width: 31%; }
.section-main-simulation #appB .grid.nth-2 .col.nth-3 { width: 38%; }
.section-main-simulation #appB .grid.nth-2 .col.nth-2 { position: relative; }
.section-main-simulation #appB .grid.nth-2 .col.nth-2::after,
.section-main-simulation #appB .grid.nth-2 .col.nth-2::before { content: ''; display: block; position: absolute; top: 79%; left: 0; margin-left: -2px; width: 20px; height: 20px; background-color: #898989; }
.section-main-simulation #appB .grid.nth-2 .col.nth-2::before { height: 4px; margin-left: -10px; }
.section-main-simulation #appB .grid.nth-2 .col.nth-2::after { width: 4px; margin-top: -8px; }
.section-main-simulation #appB .grid.nth-3 { margin: 0 70px; padding: 25px 0 40px; text-align: left; }
.section-main-simulation #appB .grid.nth-3 p { position: relative; margin: 0; padding: 0 0 0 9px; font-size: 16px; font-weight: 500; letter-spacing: -0.02em; }
.section-main-simulation #appB .grid.nth-3 p::before { content: ''; display: block; position: absolute; top: 50%; left: 0; margin-top: -2px; width: 3px; height: 3px; background-color: #000; }
.section-main-simulation #appB .guides { font-size: 20px; font-weight: 400; letter-spacing: -0.05em; }
.section-main-simulation #appB .guides .name { display: inline-block; position: relative; vertical-align: middle; line-height: 39px; padding-left: 36px; font-size: 20px; font-weight: 400; }
.section-main-simulation #appB .guides .name::after,
.section-main-simulation #appB .guides .name::before { content: ''; display: block; position: absolute; left: 0; top: 50%; }
.section-main-simulation #appB .guides .name::before { background-color: #ed174d; width: 26px; height: 26px; border-radius: 26px; margin-top: -13px; }
.section-main-simulation #appB .guides .name::after { margin: -1px 0 0 7px; background-color: #fff; width: 13px; height: 3px; }
.section-main-simulation #appB .guides .name strong { font-weight: 500; }
.section-main-simulation #appB .results .desc { letter-spacing: -0.05em; font-size: 20px; font-weight: 400; }
.section-main-simulation #appB .results .desc em { font-style: normal; color: #ed174d; }
.section-main-simulation #appB .results .desc.nth-1 { margin: 36px 0 13px; padding: 0; }
.section-main-simulation #appB .results .desc.nth-1 em { font-weight: bold; }
.section-main-simulation #appB .results .desc.nth-1 strong { font-weight: 400; }
.section-main-simulation #appB .results .desc.nth-2 .frame { position: relative; white-space: nowrap; overflow: visible; background-color: #fff; padding: 11px 0 15px; text-align: center; }
.section-main-simulation #appB .results .desc.nth-2 .large { font-size: 24px; }
.section-main-simulation #appB .results .desc.nth-2 .large strong { margin: 0 3px; font-size: 30px; }
.section-main-simulation #appB .results .desc.nth-2 em { font-weight: 600; }
.section-main-simulation #appB .results .go { display: block; position: absolute; right: 0; top: 50%; margin: -36px -30px 0 0; padding: 20px; }
.section-main-simulation #appB .results .go span { display: inline-block; width: 20px; height: 20px; border-radius: 100%; background: #ed174d url('/front/web/images/main/ico-simulation-go.png') center center no-repeat; overflow: hidden; vertical-align: middle; }
.section-main-simulation .tooltip { margin: 3px 0 0 5px; vertical-align: middle; }
.section-main-simulation .tooltip .btn-help { transition: all .2s ease-in-out 0s; cursor: default; }
.section-main-simulation .tooltip .desc { display: block; opacity: 0; visiblity: hidden; z-index: -1; transition: visibility 0s ease-in-out .2s, opacity .2s ease-in-out 0s, z-index 0s linear .2s; }
.section-main-simulation .tooltip .btn-help:hover+.desc,
.section-main-simulation .tooltip .btn-help:focus+.desc { opacity: 1; visibility: visible; z-index: 100; transition: visibility 0s ease-in-out 0s, opacity .2s ease-in-out 0s, z-index 0s linear 0s; }
.section-main-simulation #downer { height: 0; overflow: hidden; transition: height 0.3s ease-in-out 0s; }
.section-main-simulation #downer.in { overflow: visible; }

/* 간격 보정 */
.section-main-simulation #appB .grid.nth-2 { margin: 0 30px; }
.section-main-simulation #appB .grid.nth-2 .col.nth-1 { width: 32%; }
.section-main-simulation #appB .grid.nth-2 .col.nth-2 { width: 32%; }
.section-main-simulation #appB .grid.nth-2 .col.nth-3 { width: 36%; }
.section-main-simulation #appB .grid.nth-2 .module.results { margin-left: 10px; }


/* 콘텐츠 소개 영역 */
.section-introduce-contents { clear: both; margin: 52px auto 0; text-align: center; }
.section-introduce-contents .wrap { margin: 0 auto; width: 1188px; }
.section-introduce-contents .col-a { width: 693px; }
.section-introduce-contents .col-b { width: 495px; }
.section-introduce-contents .module { margin: 28px 14px 0; }
.section-introduce-contents .module a { display: block; overflow: hidden; transition: all .3s cubic-bezier(0.83, 0, 0.17, 1) 0s; }
.section-introduce-contents .module.nth-4 { margin-top: 22px; }
.section-introduce-contents.is-box-shadow .module a { border-radius: 28px; }
.section-introduce-contents.is-box-shadow .module a:hover { box-shadow: 20px 20px 12px rgba(0, 0, 0, .2); }

/* 통합메인 헬로라이브 배너 */
.section-promo-hellolive { clear: both; margin: 48px auto 0; position: relative; overflow: hidden; max-width: 100%; height: 200px; }
.section-promo-hellolive .module { position: relative; text-align: center; }
.section-promo-hellolive .module a { display: block; }

/* FAQ */
.section-main-faq { margin: 20px auto 0; clear: both; text-align: center; overflow: hidden; line-height: 1.2; }
.section-main-faq::after { display: table; overflow: hidden; }
.section-main-faq .wrap { position: relative; margin: 0 auto; padding-bottom: 90px; width: 1160px; user-select: none;  }
.section-main-faq .wrap::before { display: block; content: ''; position: absolute; top: 22.5%; left: 28.5%; right: 0; bottom: 15.99%; background-color: #fff; box-shadow: 0px 0px 30px rgba(0, 0, 0, .07); }
.section-main-faq * { margin: 0; padding: 0; list-style: none; }
.section-main-faq .title { margin: 0; padding: 75px 0 25px; line-height: 1.1; letter-spacing: -0.03em; font-size: 38px; font-weight: 500; text-align: left; }
.section-main-faq .lists { position: relative; margin: 26px 0 0; text-align: left; }
.section-main-faq .item { position: relative; clear: both; height: 97px; color: #919191; overflow: hidden; }
.section-main-faq .item::before { content: ''; display: block; position: absolute; top: 0; left: 0; height: 2px; overflow: hidden; background-color: #e5e5e5; opacity: 1; }
.section-main-faq .item::before { width: 297px; transition: all 300ms cubic-bezier(0.83, 0, 0.17, 1) 0s; }
.section-main-faq .item.in { color: #ed174d; }
.section-main-faq .item.in::before { background-color: #ed174d; }
.section-main-faq .subject { position: relative; float: left; width: 365px; font-size: 15px; line-height: 1; }
.section-main-faq .subject a { display: block; padding: 0 0 28px 0; }
.section-main-faq .subject span { position: absolute; margin-top: 12px; top: 0; left: 0; font-size: 56px; font-weight: 600; }
.section-main-faq .subject strong,
.section-main-faq .subject em { display: block; padding: 4px 0px 4px 58px; font-style: normal; }
.section-main-faq .subject strong { padding-top: 23px; font-size: 20px; font-weight: bold; }
.section-main-faq .module { box-sizing: content-box; float: right; width: 760px; padding-right: 35px; }
.section-main-faq .module ul { width: 100%; }
.section-main-faq .module li { float: left; width: 25%; }
.section-main-faq .module a { display: block; margin: 30px 15px 0; padding: 9px 0 10px; line-height: 1.2; text-align: center; border: solid 1px #b1b2b8; border-radius: 40px; background-color: #ffff; overflow: hidden; }
.section-main-faq .module a { font-size: 15px; font-weight: 400; letter-spacing: -0.03em; color: #000; transition: all .3s cubic-bezier(0.83, 0, 0.17, 1) 0s; }
.section-main-faq .module a { background: url('/front/web/images/main/ico-faq-go.png') right center no-repeat; background-size: 32px 20px; }
.section-main-faq .in .module a { border-color: #636075; background-color: #636075; color: #fff; background-image: url('/front/web/images/main/ico-faq-go-on.png') ; }
.section-main-faq .item.nth-2 .module a { margin-top: 24px; }
.section-main-faq .item.nth-3 .module a { margin-top: 17px; }
.section-main-faq .item.nth-4 .module a { margin-top: 10px; }
.section-main-faq .item.in::before { width: 260px; opacity: 1; }
.section-main-faq .item.in.is-anim::before { width: 365px; opacity: 1; }
.section-main-faq .item.in .subject span,
.section-main-faq .item.in .subject strong,
.section-main-faq .item.in .subject em { transform: translate(0, 20px); opacity: 0; transition: transform 250ms cubic-bezier(0.83, 0, 0.17, 1) 0s, opacity 250ms cubic-bezier(0.83, 0, 0.17, 1) 0s; }
.section-main-faq .item.in.is-anim .subject span,
.section-main-faq .item.in.is-anim .subject strong,
.section-main-faq .item.in.is-anim .subject em { transform: translate(0, 0); opacity: 1; transition: transform 450ms cubic-bezier(0.83, 0, 0.17, 1) 0s, opacity 450ms cubic-bezier(0.83, 0, 0.17, 1) 0s; }
.section-main-faq .item.in.is-anim .subject span { transition-delay: 10ms; }
.section-main-faq .item.in.is-anim .subject strong { transition-delay: 60ms; }
.section-main-faq .item.in.is-anim .subject em { transition-delay: 120ms; }

/****************************
	PC웹 : 메인
****************************/

/* 메인페이지 */
.section-title {font-size:30px; text-align:center;}
.section-desc {font-size:18px; text-align:center;}

/* 메인 플로팅 레이어팝업 */
.floating-notice {position:absolute; left:0; top:0; width:700px; padding:0 38px 40px; color:#000; font-size:16px; box-shadow:5px 5px 15px rgba(0,0,0,.2); background-color:#fff; z-index:2100;}
.floating-notice-footer {margin:40px -38px -40px; padding:22px 20px; line-height:36px; text-align:right; background-color:#f4f4f4;}
.floating-notice-footer .btn-sm {min-width:inherit; margin-left:20px; padding:0 30px;}
.law-infraction {padding:40px 40px 0; font-size:18px; text-align:center;}
.law-infraction .msg-gist {font-size:28px;}
.ceo-sign-area {position:relative; margin-top:55px; padding:50px 0; border-top:1px solid #d6d6d6; font-size:18px; text-align:center;}
.ceo-sign-area .ceo-sign {margin-top:15px; font-size:22px;}
.ceo-sign-area .ceo-stamp {position:absolute; top:37px; right:20px;}

/* 커튼배너 */
.layer-notice {display:none; position:relative; background-color:#999; overflow:hidden;}
.layer-notice img {width:1920px; max-width:inherit; height:auto; margin-left:calc(50% - 960px);}
.layer-notice-footer {position:absolute; top:50%; right:0; margin-right: 0px; color:#fff; font-size:12px; font-family:'Dotum', '돋움'; line-height: 20px; margin-top: -25px; }
.layer-notice-footer label {margin-right: 15px; display: inline-block; height: 20px; overflow: hidden; line-height: 20px; vertical-align: middle; }
.layer-notice-footer .btn-close-notice { box-sizing: content-box; padding: 15px; width:20px; height:20px; background-image:url(../images/common/ico-close-white-md.png); background-size: 20px 20px; text-indent: -1000px; }
.layer-notice-footer input,
.layer-notice-footer label { display: none; }

/* 비주얼영역 */
.main-visual-area {position:relative; height:740px; padding-top:524px; text-align:center; overflow:hidden;}
.main-visual-area .btn-pause, .main-visual-area .btn-play {position:relative; display:inline-block; width:30px; height:30px; text-indent:100%; white-space:nowrap; vertical-align:middle; background:url(../images/main/btn-slider-pause.png) no-repeat; overflow:hidden; z-index:200;}
.main-visual-area .btn-play {display:none; background-image:url(../images/main/btn-slider-play.png);}
.main-visual-slider {display:inline-block; vertical-align:middle;}
.main-visual-slider .visual-item {position:relative; width:100%; height:740px;  float:left; background-repeat:no-repeat; background-position:center 0; background-size:1920px 740px; overflow:hidden;}
.main-visual-slider .visual-item a {display:block; width:1160px; height:590px; margin:auto;}
.main-visual-slider .visual-item img {position:absolute; left:50%; top:0; width:1920px; height:740px; max-width:inherit; margin-left:-960px;}
.main-visual-slider .slick-list {position:absolute; left:0; top:0; right:0; bottom:0; text-align:center; vertical-align:middle; overflow:hidden;}
.main-visual-slider .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.2; overflow:hidden; z-index:100; transition:0.3s;}
.main-visual-slider .slick-arrow:hover, .main-visual-slider .slick-arrow:focus {opacity:0.4;}
.main-visual-slider .slick-prev {left:60px;}
.main-visual-slider .slick-next {right:60px; background-image:url(../images/main/btn-slider-next.png);}
.main-visual-slider .slick-dots {position:relative; display:inline-block; height:36px; margin-left:10px; padding:0 20px; border-radius:18px; line-height:36px; background-color:rgba(0,0,0,0.4); z-index:200;}
.main-visual-slider .slick-dots>li {display:inline-block; width:18px; line-height:14px;}
.main-visual-slider .slick-dots button {display:block; position:relative; width:100%; height:100%; text-indent:100%; white-space:nowrap; vertical-align:middle; overflow:hidden;}
.main-visual-slider .slick-dots button:after {display:inline-block; content:''; position:absolute; left:50%; top:50%; width:4px; height:4px; margin:-2px 0 0 -2px; border-radius:2px; background-color:#fff; transition:0.3s;}
.main-visual-slider .slick-dots .slick-active button:after {width:10px; height:10px; border-radius:5px; margin:-5px 0 0 -5px;}
.main-visual-slider .visual-item a,
.main-visual-slider .slick-arrow { border: 0; outline: 0; }
.main-visual-area .quick-menu {position:absolute; bottom:0; margin:-150px 0 50px; padding-right:40px; width:1160px; height:100px; border-radius:6px; line-height:100px; text-align:center; background-color:#fff; z-index:100; overflow:hidden;}
.main-visual-area .quick-menu dt, .main-visual .quick-menu dd {float:left;}
.main-visual-area .quick-menu dt {width:380px; font-size:20px;}
.main-visual-area .quick-menu dt:before {display:inline-block; content:''; width:36px; height:36px; margin:-2px 13px 0 0; vertical-align:middle; background-repeat:no-repeat; background-position:center center; background-image:url(../images/main/ico-36-tooltip.png);}
.main-visual-area .quick-menu dd {width:calc(100% - 380px); font-weight:500; font-size:18px; overflow:hidden;}
.main-visual-area .quick-menu dd a {display:block; position:relative; float:left; width:25%;}
.main-visual-area .quick-menu dd a+a:after {display:inline-block; content:''; position:absolute; left:0; top:50%; width:1px; height:30px; margin:-15px 0 0; background-color:#eaeaea;}
.main-visual-area .quick-menu dd a:before{display:inline-block; content:''; width:36px; height:36px; margin-right:20px; vertical-align:middle; background-repeat:no-repeat; background-position:center center;}
.main-visual-area .quick-menu dd a:hover {color:#ed174d;}
.main-visual-area .quick-menu dd a:nth-child(1):before {background-image:url(../images/main/ico-36-tv.png);}
.main-visual-area .quick-menu dd a:nth-child(1):hover:before {background-image:url(../images/main/ico-36-tv_on.png);}
.main-visual-area .quick-menu dd a:nth-child(2):before {background-image:url(../images/main/ico-36-internet.png);}
.main-visual-area .quick-menu dd a:nth-child(2):hover:before {background-image:url(../images/main/ico-36-internet_on.png);}
.main-visual-area .quick-menu dd a:nth-child(3):before {background-image:url(../images/main/ico-36-combination.png);}
.main-visual-area .quick-menu dd a:nth-child(3):hover:before {background-image:url(../images/main/ico-36-combination_on.png);}
.main-visual-area .quick-menu dd a:nth-child(4):before {background-image:url(../images/main/ico-36-special.png);}
.main-visual-area .quick-menu dd a:nth-child(4):hover:before {background-image:url(../images/main/ico-36-special_on.png);}
/* main kv 이미지 확장
.main-visual-area .quick-menu {top:590px; margin:0;}
 @media screen and (min-width:1921px) {
	.main-visual-area {height:38.5417vw; padding-top:27.277459vw;}
	.main-visual-slider .visual-item {height:38.5417vw; background-size:cover;}
	.main-visual-area .quick-menu {top:30.71317vw;}
}
 */

/* DIY */
.section-title+.section-desc {margin-top:10px;}
.diy-combination {padding:90px 0 60px; background-color:#f2f3f6; overflow-x: hidden; }
.diy-combination .content-inner {width:962px;}
.diy-combination input:checked+label, .simulation .viewing label, .simulation .tvplusone label, .diy-combination .total-calc label {outline:0 !important;}
.simulation {position:relative; height:540px; margin-top:35px; background:url(../images/main/bg-diy-tvplusone.png) no-repeat center 0; }
.simulation label {cursor:pointer;}
.simulation dt {font-size:26px;}
.simulation .check-list {margin-top:25px; width:150px;}
.simulation .check-list label {width:150px; height:40px; margin:0 0 10px; padding:0; border:1px solid rgba(0,0,0,0.2); border-radius:20px; font-weight:500; line-height:38px; text-indent:0;}
.simulation .check-list label:hover{color:#fff; background-color:#000;}
.simulation .check-list input:checked+label {color:#fff; background-color:#000;}
.simulation .check-list label:before {display:none;}
.simulation .tv, .simulation .internet {position:absolute; padding-top:120px; text-align:center;}
.simulation .tv {left:0;}
.simulation .internet {right:0;}
.simulation .check-list .price {display:none; position:absolute; top:0; padding-top:200px; width:270px; height:461px; color:#fff; text-align:center; background-repeat:no-repeat;}
.simulation .check-list input:checked+label+.price {display:block;}
.simulation .check-list .price .num {display:block; font-size:26px;}
.simulation .tv .price {left:211px; padding-left:20px; background-image:url(../images/main/bg-tv.png);}
.simulation .internet .price {right:211px; padding-right:20px; background-image:url(../images/main/bg-internet.png);}
/* .simulation .viewing {position:absolute; left:50%; bottom:0; width:386px; height:271px; margin-left:-192px; padding-top:59px; text-align:center;}
.simulation .viewing .i-lg+label {position:relative; padding-bottom:47px; text-indent:0; color:#767676; z-index:100;}
.simulation .viewing .i-lg+label:before {position:absolute; top:auto; bottom:0; left:50%; margin-left:-17px;}
.simulation .viewing .i-lg:checked+label {color:#fff;}
.simulation .viewing .i-lg:checked+label:before {background-position:-40px -80px;}
.simulation .viewing .i-lg+label+.bg {display:none; position:absolute; left:0; top:0; width:384px; height:271px; background-image:url(../images/main/bg-viewing.png); z-index:50;}
.simulation .viewing .i-lg:checked+label+.bg {display:block;}
.simulation .viewing strong {display:block;} */
.simulation .tvplusone {position:absolute; left:50%; bottom:0; width:386px; height:271px; margin-left:-192px; padding-top:59px; text-align:center;}
.simulation .tvplusone .i-lg+label {position:relative; padding-bottom:47px; text-indent:0; color:#797979; color: rgba(121, 121, 121, .75); z-index:100; font-weight: 300; }
.simulation .tvplusone .i-lg+label strong { font-weight: 400; }
.simulation .tvplusone .i-lg+label:before {position:absolute; top:auto; bottom:0; left:50%; margin-left:-17px;}
.simulation .tvplusone .i-lg:checked+label {color:#ed174d;}
.simulation .tvplusone .i-lg:checked+label:before {background-position:-40px -40px;}
.simulation .tvplusone .i-lg+label+.bg {display:none; position:absolute; left:0; top:0; width:384px; height:271px; background-image:url(../images/main/bg-viewing.png); z-index:50;}
.simulation .tvplusone .i-lg:checked+label+.bg {display:block;}
.simulation .tvplusone strong {display:block;}
.simulation .ico {display:block; margin:auto; background-size:auto; background-position:center 0;}
/* .simulation .ico.ico-simul-viewing {width:60px; height:62px; margin-bottom:10px;}
.simulation .i-lg:checked+label .ico.ico-simul-viewing {background-image:url(../images/main/ico-simul-viewing.png);} */
.simulation .ico.ico-simul-tvplusone {width:62px; height:55px; margin-bottom:17px;}
.simulation .i-lg:checked+label .ico.ico-simul-tvplusone {background-image:url(../images/main/ico-simul-tvplusone.png);}
.total-calc {display:table; position:relative; table-layout:fixed; width:100%; margin-top:35px; border:1px solid #ebebeb; border-radius:6px; background-color:#fff;}
.total-calc>* {display:table-cell; height:134px; padding:0 35px 0 40px; text-align:center; vertical-align:middle;}
.total-calc>*+*:before {display:block; content:''; position:absolute; top:50%; width:1px; height:69px; margin:-35px 35px 0 -40px; background-color:#dfdfdf;}
.total-calc .payment {text-align:left;}
.total-calc .payment label {color:#000; font-weight:500; font-size:14px;}
.total-calc .payment .note {margin-top:10px; font-size:12px; color:#767676;}
.total-calc .total-price {line-height:1.1;}
.total-calc .total-price span {display:inline-block;}
.total-calc .total-price s {display:inline-block; font-weight:400; font-size:20px;}
.total-calc .total-price strong {display:block; color:#ed174d; font-size:38px;}
.total-calc .btn-share {display:inline-block; width:50px; height:50px; margin-left:2px; border:1px solid #c4c4c4; border-radius:25px; text-indent:100%; white-space:nowrap; text-align:center; vertical-align:middle; background:url(../images/common/ico-share.png) no-repeat 45% center; overflow:hidden;}
.total-calc .diy-sns-share {display:none; position:absolute; right:-130px; top:50%; width:190px; height:50px; margin-top:-25px; padding:6px 6px 6px 40px; border:1px solid #c3c3c3; border-radius:25px; text-align:left; background-color:#fff;}
.total-calc .diy-sns-share a.ico {width:36px; height:36px; margin-left:9px;}
.total-calc .diy-sns-share .btn-close-share {position:absolute; left:18px; top:50%; margin-top:-7px;}
.total-calc .diy-sns-share #copy-url2 {left:-12px; top:-114px; width:350px;}

/* 이달의 혜택 */
.this-month-benefit .content-inner {min-width:1160px; max-width:1560px; width:auto; padding:90px 0;}
.this-month-benefit .d-day {width:310px; height:45px; font-weight:500; font-size:20px; line-height:45px; background:url(../images/main/bg-d-day.png) no-repeat;}
.this-month-benefit .d-day strong {display:inline-block; width:64px; font-size:18px; color:#fff; text-align:center; letter-spacing:1px;}
.this-month-benefit .d-day .time {display:inline-block; padding-left:10px; letter-spacing:27px;}
.this-month-benefit .benefit {width:1160px; margin:60px auto 0; text-align:center;}
.this-month-benefit .benefit li {display:table-cell; width:1%; padding:0 15px;}
.this-month-benefit .benefit img {display:block; width:72px; height:72px; margin:auto;}
.this-month-benefit .benefit strong {display:block; margin:15px 0 5px; font-weight:300; font-size:22px;}
.this-month-benefit .benefit span {color:#767676;}

/* 지역검색 */
.location-search {position:relative; font-size:24px; background:url(../images/layout/bg-global-search.png) no-repeat center 0; z-index:600;}
.location-search .content-inner {height:120px; padding-top:35px;}
.location-search .section-title, .location-search .input-area {height:48px; text-align:center; line-height:48px; vertical-align:top;}
.location-search .section-title {float:left; margin-left:-15px; font-size:24px;}
.location-search .section-title .ico {margin:-3px 10px 0 0;}
.location-search .input-area {position: relative; float:right; margin-right:54px;}
.location-search .input-area .ico { position: absolute; top: 0; right: 0; margin: 3px 0 0 0; }
.location-search .i-keyword {width:550px; height:48px; padding:0 50px 0 0; border:0; border-bottom:1px solid rgba(255,255,255,0.4); color:#fff; line-height:47px; background-color:transparent;}
.location-search .i-keyword::-webkit-input-placeholder {color:rgba(255,255,255,1);} /* Webkit */
.location-search .i-keyword:-moz-placeholder {color:rgba(255,255,255,1);} /* Firefox 4-18 */
.location-search .i-keyword::-moz-placeholder {color:rgba(255,255,255,1); opacity:1;} /* Firefox 19+ */
.location-search .i-keyword:-ms-input-placeholder {color:rgba(255,255,255,1);} /* IE10+ */
.ico.ico-zoom-lg-white {width:47px; height:47px; margin-left:-50px; background-image:url(../images/common/ico-zoom-lg-white.png); background-size:auto;}
.ico.ico-location-lg-white {width:23px; height:30px; background-image:url(../images/common/ico-location-lg-white.png); background-size:auto;}
.location-result {display:none; position:absolute; bottom:120px; left:0; right:0; /* height:285px; */ padding:53px 0 60px; border-top:1px solid #ddd; text-align:center; background-color:#fff; z-index:50;}
.location-result .content-inner {position:relative;}
.location-result .btn {font-weight:300;}
.location-result .btn-close-result {position:absolute; right:30px; top:30px;}
.pagination-dot {position:absolute; right:0; top:160px; left:0; height:20px; line-height:20px; text-align:center;}
.pagination-dot li {display:inline-block; width:17px; height:17px; line-height:13px;}
.pagination-dot li button {display:inline-block; position:relative; width:100%; height:100%; text-indent:100%; white-space:nowrap; vertical-align:middle; overflow:hidden;}
.pagination-dot li button:after {display:inline-block; content:''; position:absolute; left:50%; top:50%; width:12px; height:12px; margin:-7px 0 0 -6px;
border:1px solid #000; border-radius:7px; background-color:transparent;}
.pagination-dot li.on button:after {background-color:#000;}
.location-result-area {height:48px; margin-top:18px; font-size:16px; line-height:24px; overflow:hidden;}

/* 베스트-20181101 개편 */
.best-product {position:relative; min-width:1160px; max-width:1560px; margin:auto; overflow:hidden;}
.best-product-header, .best-product-body {float:left;}
.best-product-header {width:100%; padding-top:100px; text-align:center; word-break:keep-all;}
.best-product .section-title { font-weight: 600; }
.best-product-header .section-desc {margin-bottom:10px;}
.best-product-header>.btn-more {float:right;}
.best-product-body {width:100%; margin:30px 0 18px;}
.best-product-slider {height:550px; overflow:hidden;}
.best-product-slider .product-item {float:left; width:100%; height:550px;}
.best-product-slider .product-item-info {padding-top:70px; height:330px;}
.best-product-slider .product-item .badge {left:30px; top:30px;}
.best-product-slider .slick-arrow {position:absolute; top:700px;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;}
.best-product-slider .slick-prev {left:40%;}
.best-product-slider .slick-next {right:40%; background-image:url(/front/web/images/common/ico-arr-right-xs.png);}
.best-product-slider .slick-dots {position:absolute; top:705px; left:50%; margin-left:-17%; width:34%; text-align:center; z-index:50;}
.best-product-slider .slick-dots>li {display:inline-block; width:18px; height:14px; margin-right:5px; line-height:14px; vertical-align:top; margin-top: 3px; }
.best-product-slider .slick-dots button {display:block; position:relative; width:100%; height:100%; text-indent:100%; white-space:nowrap; vertical-align:middle; overflow:hidden;}
.best-product-slider .slick-dots button:after {display:inline-block; content:''; position:absolute; left:50%; top:50%; width:12px; height:12px; margin:-7px 0 0 -7px; border:1px solid #000; border-radius:7px; background-color:transparent; transition:0.3s;}
.best-product-slider .slick-dots .slick-active button:after {background-color:#000;}

.best-product.is-main .best-product-slider .slick-arrow { top: auto; bottom: 70px; }
.best-product.is-main .best-product-slider .slick-dots { top: auto; bottom: 72px; }

/* 베스트샵 메인-20181105 개편 */
.content-section-best {padding:60px 0 0 0;}
.best-product.shop-main .best-product-slider .product-item {float:left; width:100%; height:550px;background:none;}
.best-product.shop-main .best-product-slider .slick-arrow {position:absolute; top:448px;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;}
.best-product.shop-main .best-product-slider .slick-prev {left:40%;background-color:#fff;}
.best-product.shop-main .best-product-slider .slick-next {right:40%; background-image:url(/front/web/images/common/ico-arr-right-xs.png);background-color:#fff;}
.best-product.shop-main .best-product-slider .slick-dots {position:absolute; top:457px; left:50%; margin-left:-17%; width:34%; text-align:center; z-index:50;}
.best-product.shop-main .best-product-slider .slick-dots>li {display:inline-block; width:18px; height:14px; margin-right:5px; line-height:14px; vertical-align:top;}
.best-product.shop-main .best-product-slider .slick-dots button {display:block; position:relative; width:100%; height:100%; text-indent:100%; white-space:nowrap; vertical-align:middle; overflow:hidden;}
.best-product.shop-main .best-product-slider .slick-dots button:after {display:inline-block; content:''; position:absolute; left:50%; top:50%; width:12px; height:12px; margin:-7px 0 0 -7px; border:1px solid #000; border-radius:7px; background-color:transparent; transition:0.3s;}
.best-product.shop-main .best-product-slider .slick-dots .slick-active button:after {background-color:#000;}

/* 당신을 위한 추천 */
.recommend-foryou {padding:100px 0 150px; background-color:#f2f3f6;}
.recommend-foryou .section-desc {margin-bottom:55px;}
.recommend-foryou .recommend-info {text-align:center; overflow:hidden;}
.recommend-foryou .recommend-info dl {float:left; width:580px; height:580px; padding:75px;}
.recommend-foryou .recommend-info .tag-cloud {padding:75px 75px 20px; color:#fff; background-color:#504964;}
.tag-cloud dt {margin-bottom:10px; color:#fff; font-weight:500; font-size:24px; line-height:36px;}
.tag-cloud dd {height:390px;}
.tag-cloud dd span:before {display:inline; content:'#';}
.recommend-foryou .jqcloud {position:relative; font-size:10px; font-weight:300; line-height:1.5; overflow:hidden;}
.recommend-foryou .jqcloud a {font-size:inherit;}
.recommend-foryou .jqcloud a:hover {text-decoration: underline;}
.recommend-foryou .jqcloud span.w10 {font-size:340%;}
.recommend-foryou .jqcloud span.w9 {font-size:320%;}
.recommend-foryou .jqcloud span.w8 {font-size:300%;}
.recommend-foryou .jqcloud span.w7 {font-size:280%;}
.recommend-foryou .jqcloud span.w6 {font-size:260%;}
.recommend-foryou .jqcloud span.w5 {font-size:240%;}
.recommend-foryou .jqcloud span.w4 {font-size:230%;}
.recommend-foryou .jqcloud span.w3 {font-size:220%;}
.recommend-foryou .jqcloud span.w2 {font-size:200%;}
.recommend-foryou .jqcloud span.w1 {font-size:180%;}
.recommend-foryou .jqcloud { position:relative;}
.recommend-foryou .jqcloud span {padding:0;}
.recommend-foryou .suggestion {background-color:#fff}
.suggestion dt {margin-bottom:30px; font-size:24px;}
.suggestion .image-banner {width:300px; height:200px; margin:auto;}
.suggestion .image-banner img {width:100%; height:100%;}
.suggestion .title {display:block; max-height:60px; margin-top:20px; font-size:20px; line-height:30px; /* white-space:pre-line; */ overflow:hidden;}
.suggestion .tag-list {margin:10px 0 20px; color:#767676;}
.suggestion .tag-list a+a, .suggestion .tag-list span+span {margin-left:6px;}
.suggestion .tag-list a:before, .suggestion .tag-list span:before {content:'#';}
.suggestion .tag-list a:hover {color:#40a;}

/* 헬로샵 추가혜택
.helloshop-benefit .content-inner {padding:80px 0 70px;}
.helloshop-benefit .benefit-info {position:relative; overflow:hidden;}
.helloshop-benefit .benefit-info .btn-more {position:absolute; left:0; bottom:5px;}
.helloshop-benefit .benefit-info .benefit-title {float:left; width:20%; }
.helloshop-benefit .benefit-info .benefit-title span {display:block; margin-bottom:25px; font-size:24px; line-height:38px;}
.helloshop-benefit .benefit-info .benefit-list {float:left; width:80%; overflow:hidden;}
.helloshop-benefit .benefit-info .benefit-list li {float:left; width:25%; line-height:16px; overflow:hidden;}
.helloshop-benefit .benefit-info .benefit-list strong {display:block; margin-bottom:10px; font-size:20px; line-height:38px;}
.helloshop-benefit .benefit-info .benefit-list span {color:#767676; font-size:16px; line-height:26px;}
.helloshop-benefit .counsel-input {margin-top:45px; background-color:#f8f8f8;}
*/

/* 서비스 소개 */
.service-intro-area {position:relative; height:240px; padding:175px 0 0 360px; background-color:#e5e5e5; overflow:hidden;}
.service-slider {display:inline-block; vertical-align:middle;}
.service-slider .visual-item {position:relative; width:100%; height:240px; float:left; background-position:center 0; background-size:1920px 240px;}
.service-slider .visual-item a {display:block; width:1160px; height:240px; margin:auto;}
.service-slider .visual-item img {position:absolute; left:50%; top:0; width:1920px; height:240px; max-width:inherit; margin-left:-960px;}
.service-slider .slick-list {position:absolute; left:0; top:0; right:0; bottom:0; overflow:hidden;}
.service-slider .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.2; overflow:hidden; z-index:100; transition:0.3s;}
.service-slider .slick-arrow:hover, .service-slider .slick-arrow:focus {opacity:0.4;}
.service-slider .slick-prev {left:60px;}
.service-slider .slick-next {right:60px; background-image:url(../images/main/btn-slider-next.png);}
.service-slider .slick-dots {position:absolute; left:calc(50% - 584px); z-index:50;}
.service-slider .slick-dots>li {display:inline-block; width:18px; margin-right:5px; line-height:14px;}
.service-slider .slick-dots button {display:block; position:relative; width:100%; height:100%; text-indent:100%; white-space:nowrap; vertical-align:middle; overflow:hidden;}
.service-slider .slick-dots button:after {display:inline-block; content:''; position:absolute; left:50%; top:50%; width:12px; height:12px; margin:-7px 0 0 -7px; border:1px solid #000; border-radius:7px; background-color:transparent; transition:0.3s;}
.service-slider .slick-dots .slick-active button:after {background-color:#000;}

.service-intro-area.is-hellolive,
.service-intro-area.is-hellolive .service-slider,
.service-intro-area.is-hellolive .service-slider .visual-item,
.service-intro-area.is-hellolive .service-slider .visual-item a,
.service-intro-area.is-hellolive .service-slider .visual-item img { height: 200px; }
.service-intro-area.is-hellolive .service-slider .visual-item a { width: 100%; }
.service-intro-area.is-hellolive .service-slider .thumb { display: block; height: 100%; background-position: center center; }
.service-intro-area.is-hellolive .service-slider .slick-dots { bottom: 28px; }

.service-intro-area.is-hellolive { margin-top: 50px; }

/* .counsel-input {position:relative; color:#000; height:90px; padding:20px 30px 0 103px; background:#f8f8f8 url(../images/common/ico-phone-call.png) no-repeat 35px 21px;}
.counsel-input .title {font-weight:500; font-size:16px; line-height:1.2;}
.counsel-input .title strong {display:block; font-size:22px; color:#ed174d;}
.counsel-input .desc {display:inline-block; position:absolute; left:269px; top:18px; padding-left:40px; font-size:12px; line-height:26px;}
.counsel-input .desc strong {font-size:16px;}
.counsel-input .desc:before {position:absolute; content:''; left:0; top:-18px; width:1px; height:90px; background-color:#fff;}
.counsel-input .input-area {position:absolute; left:495px; top:26px;}
.counsel-input input[type=text] {width:180px; height:36px; border:0; margin-right:4px; padding:5px 15px; font-size:14px; line-height:26px;}
.counsel-input .btn {min-width:80px; height:36px; margin-right:27px; padding:0; font-size:12px; line-height:34px;}
.counsel-input label {font-size:12px; line-height:18px;}
.counsel-input .input-check {display:inline-block;} */

/* 고객센터 공지사항 */
.cscenter-notice { padding: 10px 0; white-space:nowrap; background-color:#000; line-height: 1; }
.cscenter-notice a,
.cscenter-notice .date { display: inline-block; padding-top: 19px; padding-bottom: 19px; }
.cscenter-notice a:hover, .cscenter-notice a:focus {color:#f6f6f6;}
.cscenter-notice dl {display:table-cell; width:50%; height:100px; color:#aaa; line-height:24px; vertical-align:middle;}
.cscenter-notice dt, .cscenter-notice dd {display:inline-block; vertical-align:top;}
.cscenter-notice dt {margin-right:30px; color:#fff;}
.cscenter-link a {position:relative; margin:0 30px; display: inline-block; }
.cscenter-link a+a:before {position:absolute; content:''; left:-30px; top:50%; width:1px; height:16px; margin-top:-7px; background-color:#666;}
.notice-latest {border-left:1px solid #1a1a1a; padding-left:40px;}
.notice-latest dd a {display:inline-block; width:370px; white-space:nowrap; vertical-align:top; text-overflow:ellipsis; overflow:hidden;}
.notice-latest .date {vertical-align:top;}

/* DB검색결과 */
.result-total {margin:13px 0 76px; text-align:center;}
.result-total .main-copy {color:#000; font-size:34px; line-height:42px;}
.result-total .main-copy+p {margin-top:14px; color:#767676; line-height:26px;}
.search-result-detail {position:relative; border-top:2px solid #000;}
.search-result-detail+.search-result-detail {margin-top:80px;}
.search-result-detail .result-detail-total {padding:36px 0 35px; font-weight:500; font-size:20px;}
.search-result-detail .product-search-list {border-top:1px solid #e1e1e1;}
.search-result-detail .product-search-list li {height:105px; padding-left:18px; border-bottom:1px solid #e1e1e1; line-height:104px;}
.search-result-detail .product-search-list li a {font-size:24px;}
.search-result-detail .product-search-list li a:hover, .search-result-detail .product-search-list li a:focus {font-weight:500;}
.search-result-detail>.btn-more {position:absolute; top:39px; right:0;}
.result-detail-item {position:relative; border-top:1px solid #e8e8e8;}
.result-detail-item+.result-detail-item {margin-top:60px;}
.result-detail-item .title {padding:55px 0 35px; font-weight:500; font-size:20px;}
.result-detail-item>.btn-more {position:absolute; top:60px; right:0;}
.tag-keyword dd:before {content:'#';}

/* 검색 셀프해결가이드 슬라이더 */
.section-result-selfguide { border-top: solid 1px #000; position: relative; margin-bottom: 43px; line-height: 1; }
.section-result-selfguide .holder { margin-top: 30px; width: 1160px; overflow: hidden; }
.section-result-selfguide .swiper { margin: 0 -10px 0 -13px; }
.section-result-selfguide .item { width: 33.333333%; }
.section-result-selfguide .item a { display: block; margin: 0 14px 0 14px; }
.section-result-selfguide .module { width: 368px; } 
.section-result-selfguide .pic { height: 240px; background-color: #eee; border-radius: 5px 5px 0 0 / 5px 5px 5px 5px; overflow: hidden; }
.section-result-selfguide .pic img { width: 100%; height: 100%; background-color: #e0e0e0; background-position: center center; background-size: 100% auto; background-size: cover; object-fit: contain; }
.section-result-selfguide .desc { padding: 15px 0 15px; border: solid 1px #e0e0e0; border-top: 0; height: 88px; border-radius: 0 0 5px 5px / 5px 5px 5px 5px; overflow: hidden; }
.section-result-selfguide .desc p { display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-all; margin: 0; padding: 0 20px; width: 365px; height: 56px; line-height: 1.4; font-size: 20px; font-weight: 500; color: #000; }
.section-result-selfguide .swiper-pagination { position: relative; margin: 20px 0 20px; text-align: center; letter-spacing: 0; }
.section-result-selfguide .swiper-pagination-bullet { margin: 0 3px; width: 15px; height: 15px; background-color: #4c536f; border-radius: 15px; overflow: hidden; opacity: .55; transition: all .2s ease-in-out 0s; }
.section-result-selfguide .swiper-pagination-bullet-active { width: 40px; background-color: #000; opacity: 1; }
.section-result-selfguide .swiper-button { visibility: hidden; display: block; margin-top: -45px; width: 50px; height: 50px; }
.section-result-selfguide .swiper-button[role] { visibility: visible; }
.section-result-selfguide .swiper-button-prev { left: 50%; margin-left: -646px; background: url(/front/web/images/shop/icon_joinprice_rollingbnr_arrow_left.png) center center no-repeat; }
.section-result-selfguide .swiper-button-next { right: 50%; margin-right: -646px; background: url(/front/web/images/shop/icon_joinprice_rollingbnr_arrow_right.png) center center no-repeat; }
.section-result-selfguide + .table { border-top: solid 1px #e0e0e0; }

/* 에러페이지 */
.help-cert-fail .quick-menu {width:792px; margin:-12px auto 0; text-align:center;}
.help-cert-fail .quick-menu .title {margin-bottom:29px; font-size:22px;}
.help-cert-fail .quick-menu ul li {display:table-cell; width:1%; padding:0 14px;}
.help-cert-fail .quick-menu ul li a {display:block;}
.help-cert-fail .quick-menu ul li .icon {display:table; width:170px; height:170px; margin:auto; border:1px solid #e8e8e8; border-radius:100px;}
.help-cert-fail .quick-menu ul li .icon span {display:table-cell; vertical-align:middle;}
.help-cert-fail .quick-menu ul li p {margin-top:14px; padding:0 40px; line-height:26px; word-break:keep-all;}

/* 주문 프로세스 */
.order-step {margin:-13px 0 30px; overflow:hidden;}
.order-step li {position:relative; float:left; margin-right:20px; height:42px; padding:0 26px 0 51px; font-weight:500; color:#a7abbb; line-height:42px; background:url(../images/common/ico-arr-right-xs2-gray.png) no-repeat right center;}
.order-step li:last-child {margin-right:0; padding-right:0; background:none !important;}
.order-step li:before {display:block; position:absolute; content:''; left:0; top:0; width:42px; height:42px; border-radius:35px; background-repeat:no-repeat; background-color:#a7abbb; background-position:center center;}
.order-step li.on {color:#ed174d; background-image:url(../images/common/ico-arr-right-xs2.png);}
.order-step li.on:before {background-color:#ed174d;}
.order-step li:nth-child(1):before {background-image:url(../images/common/ico-order-check.png);}
.order-step li:nth-child(2):before {background-image:url(../images/common/ico-order-product.png);}
.order-step li:nth-child(3):before {background-image:url(../images/common/ico-order-input.png);}
.box-order {padding:55px 79px 78px; text-align:center;}
.box-order .main-message {font-size:26px;}
.box-order .box-gray {margin:35px 0 30px; padding:50px 80px 60px; background:#f9f9f9;}
.box-order .box-gray .cs-product-info {padding:0 35px;}
.box-order .box-gray .order-gift-basic {padding:0 25px;}
.box-order .input-item {word-spacing:6px;}
.box-order .input-item input {display:inline-block;}
.box-order .input-addon {padding-left:8px;}
.box-order .btn-black {width:127px;}
.box-order *+.agree-item {margin-top:25px;}
.order-product-info .product-label,
.order-price-total dt .info,
.order-price-detail dl,
.order-etc dt,
.order-etc dd,
.order-product-detail,
.order-extea,
.order-associated,
.order-extra-choice {font-size:12px; font-family:'Dotum', '돋움', Roboto, 'Noto Sans CJK KR', 'Noto Sans KR'; }
.recommend-extra-item .price { font-size: 12px; }
.order-process .btn-group {margin-top:30px;}
.order-process:after {clear:both; content:''; display:block;}
.order-process>.left {float:left; width:863px;}
.order-process>.right {float:right; width:268px;}
.order-process .btn-group {display:table; width:calc(100% + 10px); margin:15px 0 0 -5px;}
.order-process .btn-group .btn-cell {display:table-cell; padding:0 5px;}
.order-process .btn-group .btn {display:block; width:100%;}
.order-process .associated-banner { margin-top: 40px; }

/*
.order-process .agree-scroll {height:167px; margin-top:23px; padding:13px 20px 15px; background:#fff;}
.order-process .agree-scroll .table thead th,
.order-process .agree-scroll .table tbody td,
.order-process .agree-scroll .list { color: #767676; }
.order-process .agree-scroll .list.bul-dot li::before { background-color: #767676; }
.order-process .agree-scroll .table-outline { border-top: solid 2px #ddd; }
*/
.order-form {border-top:1px solid #000;}
.order-form dl {display:table; width:100%;}
.order-form dt, .order-form dd {display:table-cell; }
.order-form dt {width:250px; font-size:22px; line-height: 1.32; }
.order-form dt small { font-size: 16px; font-weight: 400; }
.order-form dd {vertical-align:middle;}
.order-form dd>span+span, .order-agreement-period dd span+span {margin-left:7px;}
.order-form input+label {display:table-cell; min-width:83px; height:44px; padding:0 24px; border:1px solid #d2d2d2; border-radius:2px; color:#767676; text-align:center; text-indent:0; vertical-align:middle; cursor:pointer;}
.order-form input+label:before {display:none;}
.order-form input:checked+label {border-color:#ed174d; font-weight:500; color:#000;}
.order-form-gray {padding:40px; background:#f9fafb;}
.order-form-item {padding:35px 30px;}
.order-form-item+.order-form-item {border-top:1px solid #e0e0e0;}
.order-form-item .link {color:#ed174d; border-bottom:1px solid #ed174d;}
.order-product {display:table; width:calc(100% + 10px); margin-left:-5px; color:#fff; overflow:hidden;}
.order-product .order-product-item {display:table-cell; padding:0 5px; vertical-align:middle;}
.order-product .title {position:absolute; top:16px; left:20px; font-weight:500;}
.order-product-info {position:relative; height:225px; padding:82px 28px 30px; border-radius:6px; background:#ed174d;}
.order-product-info .product-name {padding-left:100px; font-size:26px; line-height:36px; text-align:right;}
.order-product-info .product-name>span {display:inline-block;}
.order-product-info .product-name>span+span:before {content:'+'; margin-right:4px;}
.order-product-info .product-label {position:absolute; right:30px; bottom:30px; text-align:right;}
.order-product-info .product-label span {display:inline-block; height:25px; padding:0 8px; border:1px solid #fff; border-radius:2px; line-height:23px;}
.order-product-combination {position:relative; height:225px; padding:142px 25px 40px; border-radius:5px; background:#6b6b6b;}
.order-product-combination select {width:213px; height:43px; padding:3px 25px 3px 5px; border:0; border-bottom:2px solid #fff; color:#fff; font-size:12px; font-family:'Dotum', '돋움'; background:#6b6b6b url(../images/common/ico-arr-select-white.png) no-repeat right center;}
.order-product-info.tv-combi  {padding:142px 25px 40px;}
.order-product-info.tv-combi select {width:213px; height:43px; padding:3px 25px 3px 5px; border:0; border-bottom:2px solid #fff; color:#fff; font-size:12px; font-family:'Dotum', '돋움'; background:#ed174d url(../images/common/ico-arr-select-white.png) no-repeat right center;}
.order-gift .title {margin-bottom:7px;}
.order-gift .order-gift-basic>span,
.order-gift .order-gift-basic div>span,
.order-gift .order-gift-basic .addDefaultGiftItem1>span,
.order-gift .order-gift-basic .addDefaultGiftItem2>span,
.order-gift .order-gift-basic .addDefaultGiftItem3>span,
.order-gift .order-gift-basic .addDefaultGiftItem4>span {border-color:#ed174d;}
.order-gift-basic, .order-gift-choice {margin-right:-10px; overflow:hidden;}
.order-gift-basic>span {display:block; float:left; width:122px; height:147px; margin:0 10px 10px 0; padding:19px 0; border:1px solid #d2d2d2; border-radius:2px; background:#fff;}
.order-gift-basic>span img, .order-gift-choice img {width:120px; height:107px;}
.order-gift-basic div,
.order-gift-basic .addDefaultGiftItem1,
.order-gift-basic .addDefaultGiftItem2,
.order-gift-basic .addDefaultGiftItem3,
.order-gift-basic .addDefaultGiftItem4 {overflow:hidden;}
.order-gift-basic div>span,
.order-gift-basic .addDefaultGiftItem1>span,
.order-gift-basic .addDefaultGiftItem2>span,
.order-gift-basic .addDefaultGiftItem3>span,
.order-gift-basic .addDefaultGiftItem4>span {display:block; float:left; width:122px; height:147px; margin:0 10px 10px 0; padding:19px 0; border:1px solid #d2d2d2; border-radius:2px; background:#fff;}
.order-gift-basic div>span img,
.order-gift-basic .addDefaultGiftItem1>span img,
.order-gift-basic .addDefaultGiftItem2>span img,
.order-gift-basic .addDefaultGiftItem3>span img,
.order-gift-basic .addDefaultGiftItem4>span img {width:120px; height:107px;}
.order-gift-basic+.order-gift-choice {margin-top:19px;}
.order-gift-choice {position:relative;}
.order-gift-choice .item+.item {margin-top:8px; padding-top:15px; border-top:1px solid #e0e0e0;}
.order-gift-choice .item>span {display:inline-block; margin:0 7px 10px 0; background:#fff;}
.order-gift-choice input+label {width:122px; height:175px; padding:47px 0 19px;}
.order-gift-choice input+label:before {display:inline-block; position:absolute; top:17px; left:50%; margin:0 0 0 -9px;}
.order-gift-choice .addChoiceGiftItem1>span,
.order-gift-choice .addChoiceGiftItem2>span,
.order-gift-choice .addChoiceGiftItem3>span,
.order-gift-choice .addChoiceGiftItem4>span {display:inline-block; margin:0 7px 10px 0; background:#fff;}
.recommend-extra-item {position:relative; display:inline-block; margin:0 7px 5px 0;}
.recommend-extra-item .price {display:block;}
.recommend-extra-item .tooltip {position:absolute; top:5px; right:5px;}
.recommend-extra-item input+label {height:72px;}
/*제휴카드 추가*/
/*
.recommend-card-item input:checked+label {padding-right:23px;}
.recommend-card-item {position:relative; display:inline-block; margin:0 6px 5px 0;}
.recommend-card-item .price {display:block;}
.recommend-card-item .tooltip {position:absolute; top:5px; right:5px;}
.recommend-card-item input+label {height:44px;}
.recommend-card-item input:checked+label {padding-right:23px;}
.recommend-card-item +.recommend-card-item input+label {padding:0 20px;}
*/
.order-price {padding:14px 18px 16px; border:2px solid #000;}
.order-price-total {overflow:hidden;}
.order-price-total dt {float:left; padding-top:10px;}
.order-price-total dt .info {display:block; color:#767676;}
.order-price-total dd {float:right; color:#ed174d; font-size:36px;}
.order-price-detail {margin-top:10px; padding-top:7px; border-top:1px solid #000;}
.order-price-detail dl {display:table; width:100%; margin-top:10px; line-height:18px;}
.order-price-detail dt, .order-price-detail dd {display:table-cell; vertical-align:middle;}
.order-price-detail dt {color:#555;}
.order-price-detail dd {text-align:right;}
.order-price-detail dd strong {font-weight:bold;}
.order-price-detail.size-sm {padding-top:13px;}
.order-price-detail.size-sm dl {font-size:14px;}
.order-etc {margin-top:22px; padding-top:16px; border-top:1px solid #ddd;}
.order-etc dt, .order-etc dd {display:block; color:#767676; text-align:left;}
.order-price .note {margin-top:12px; color:#ed174d; font-size:11px; font-family:'Dotum', '돋움'; line-height:18px;}
.order-gift-list dt, .order-gift-list dd {display:block;}
.order-gift-list dd {margin-top:11px;}
.order-gift-list li {font-size:11px; text-align:left; line-height:18px;}
.order-gift-list li+li {margin-top:0;}
.order-history, .order-extra-choice {margin-top:10px; border:1px solid #d2d2d2; border-radius:2px;}
.btn-toggle-order {position:relative; width:100%; padding:0 20px; border:0; text-align:left; line-height:50px;}
.btn-toggle-order:after {content:''; display:block; width:9px; height:5px; position:absolute; top:50%; right:18px; margin-top:-3px; background:url(../images/common/ico-arr-down.png) no-repeat;}
.order-product-list {display:none; padding:0 20px;}
.order-product-list .item-line {padding:18px 0 16px; border-top:1px solid #000;}
.order-product-list dl {display:table; width:100%;}
.order-product-list dt, .order-product-list dd {display:table-cell; vertical-align:middle;}
.order-product-list dd {text-align:right;}
.order-product-list dd strong {font-weight:bold;}
.order-product-total {margin-top:-4px;}
.order-product-total dt {font-size:14px; line-height:22px;}
.order-product-total dt strong {display:block; margin-top:2px;}
.order-product-total dd {color:#ed174d; font-size:22px; vertical-align:top}
.order-product-detail {padding-top:6px;}
.order-product-detail dl {margin-top:10px;}
.order-product-detail dt {color:#555;}
.order-extea dl+dl, .order-associated dl+dl {margin-top:10px;}
.order-extea dt {font-weight:500;}
.order-extea dd {color:#ed174d;}
.order-associated dt {line-height:20px;}
.order-associated dt span {display:block;}
.order-associated dd {padding-top:2px; vertical-align:top;}
.order-extra-choice {padding:19px 20px;}
.order-extra-choice strong {font-weight:bold;}
.order-extra-choice .item+.item {margin-top:22px;}
.order-extra-choice input+label {line-height:18px;}
.order-extra-choice .link {color:#555; border-bottom:1px solid #555;}
.order-guide { padding-top: 40px; border-top:2px solid #000;}
.order-guide .title2 { position: relative; margin: 0; padding: 14px 0; background-color: #9b9b9b; font-size: 20px; font-weight: 500; color: #fff; line-height: 1; text-indent: 20px; }
.order-guide .title2 a.toggler { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; padding-right: 2px; }
.order-guide .title2 a.toggler span { display: block; float: right; width: 46px; height: 47px; background: url('/front/web/images/content/ico_toggle_guide.png') center center no-repeat; }
.order-guide .title2 a.toggler span { transform: rotate(0deg); }
.order-guide.is-toggle .title2 a.toggler span { transform: rotate(180deg); }
.order-guide .toggle  { display: none; }
.order-guide.is-toggle .toggle { display: block; }

/* 주문 안내사항 링크 수정 */
.order-guide a.link { display: inline-block; margin-left: 2px; padding: 2px 7px; font-size: 12px; color: #000; border: solid 1px #bfbfbf; border-radius: 2px; background-color: #fff; }
.order-guide a.link strong { color: #000; }

.cs-product-info {font-size:24px; text-align:left}
.cs-product-info li+li {margin-top:15px;}
.cs-product-info .extra {font-size:18px;}
.cs-product-info .extra span {line-height:30px;}
.cs-product-info .border-left:before,
.cs-product-info .extra>span+span:before,
.cs-product-info .extra>div>span+span:before {display:inline-block; content:''; width:1px; height:20px; margin:-4px 13px 0 7px; vertical-align:middle; background:#d2d2d2;}
.cs-product-info .extra>span+span:before {height:15px; margin:-3px 20px 0 17px;}
.cs-product-info .extra>div {margin-top:10px;}
.layer-popup .cs-product-info {font-size:20px;}
.layer-popup .cs-product-info .border-left:before {height:16px; margin:-4px 9px 0 7px;}
.layer-popup .cs-product-info li+li {margin-top:12px;}
.layer-popup .cs-product-info .extra {font-size:16px;}
.layer-popup .cs-product-info .extra>span, .layer-popup .cs-product-info .extra>div>span {display:block;}
.layer-popup .cs-product-info .extra>span+span, .layer-popup .cs-product-info .extra>div>span+span {margin-top:10px;}
.layer-popup .cs-product-info .extra>span+span:before, .layer-popup .cs-product-info .extra>div>span+span:before {display:none;}
.cs-product-gift {position:relative; margin:auto;}
.cs-product-info+.cs-product-gift {padding-top:90px;}
.cs-product-info+.cs-product-gift:before {content:''; display:block; position:absolute; top:22px; left:50%; width:42px; height:42px; margin-left:-21px; border-radius:25px; background:#fff url(../images/common/ico-plus-bold2.png) no-repeat center center;}
.order-payment-info dl {display:inline-block;}
.order-payment-info dt {margin-bottom:5px;}
.associated-banner {margin-top:25px; text-align:center;}
#layer-registNum-chk .popup-inner {width:772px;}
.box-icon-regist {padding:30px 30px 20px;}

/* 메인 개편 시뮬레이션 모션 외 20181204 */
.simulation .tv .check-list .sim-label,
.simulation .tv .check-list p.sim-pie,
.simulation .internet .check-list .sim-label,
.simulation .internet .check-list p.sim-pie {display:none;}
.diy-combination .sim-dim {display:none; z-index:-1; width:100%; height:100%; position:absolute; top:0; left:0; background-color:red; opacity:0;}
.diy-combination.el-animation .sim-dim {	display:block; -webkit-animation: sim-dim-motion 4.4s; animation: sim-dim-motion 4.4s;}
@-webkit-keyframes sim-dim-motion {
    0% {z-index:101;}
    99% {z-index:101;}
    100% {z-index:-1;}
}
@keyframes sim-dim-motion {
    0% {z-index:101;}
    99% {z-index:101;}
    100% {z-index:-1;}
}
.diy-combination .main-tv {opacity:0; left:-300px;}
.diy-combination.el-animation .main-tv {opacity:1; left:0; transition: all 500ms ease-in-out;}
.diy-combination .main-internet {opacity:0; right:-300px;}
.diy-combination.el-animation .main-internet {opacity:1; right:0; transition: all 500ms ease-in-out;}
.diy-combination.el-animation .simulation .main-tv .check-list .sim-label {
	position:absolute; top:182px; left:0; background-color:#000; color:#fff;
	display:block; opacity:0; z-index:-1;
	-webkit-animation: tv-label-motion 3.6s ease-in-out .8s;
	animation: tv-label-motion 3.6s ease-in-out .8s;
}
.diy-combination.el-animation .simulation .main-tv .check-list p.sim-pie {
	display:block; opacity:0;
	-webkit-animation: tv-pie-motion 3.4s ease-in-out 1.0s;
	animation: tv-pie-motion 3.4s ease-in-out 1.0s;
}
.diy-combination.el-animation .simulation .main-internet .check-list .sim-label {
	position:absolute; top:182px; left:0; background-color:#000; color:#fff;
	display:block; opacity:0; z-index:-1;
	-webkit-animation: internet-label-motion 2.7s ease-in-out 1.7s;
	animation: internet-label-motion 2.7s ease-in-out 1.7s;
}
.diy-combination.el-animation .simulation .main-internet .check-list p.sim-pie {
	display:block; opacity:0;
	-webkit-animation: internet-pie-motion 2.5s ease-in-out 1.9s;
	animation: internet-pie-motion 2.5s ease-in-out 1.9s;
}
@-webkit-keyframes tv-label-motion {
    0% {opacity:0; z-index:100;}
    10% {opacity:1; z-index:100;}
    80% {opacity:1; z-index:100;}
    100% {opacity:0; z-index:-1;}
}
@keyframes tv-label-motion {
    0% {opacity:0; z-index:100;}
    10% {opacity:1; z-index:100;}
    80% {opacity:1; z-index:100;}
    100% {opacity:0; z-index:-1;}
}
@-webkit-keyframes tv-pie-motion {
    0% {opacity:0; -webkit-transform: scale(0.9) translate(1em,0); transform: scale(0.9) translate(1em,0);}
    18% {opacity:1; -webkit-transform: scale(1)  translate(0,0); transform: scale(1)  translate(0,0);}
    83% {opacity:1; -webkit-transform: scale(1) translate(0,0); transform: scale(1) translate(0,0);}
    100% {opacity:0; -webkit-transform: scale(0.9) translate(1em,0); transform: scale(0.9) translate(1em,0); -ms-transform: translate(1em,0) scale(0.9);}
}
@keyframes tv-pie-motion {
    0% {opacity:0; -webkit-transform: scale(0.9) translate(1em,0); transform: scale(0.9) translate(1em,0);}
    18% {opacity:1; -webkit-transform: scale(1)  translate(0,0); transform: scale(1)  translate(0,0);}
    83% {opacity:1; -webkit-transform: scale(1) translate(0,0); transform: scale(1) translate(0,0);}
    100% {opacity:0; -webkit-transform: scale(0.9) translate(1em,0); transform: scale(0.9) translate(1em,0); -ms-transform: translate(1em,0) scale(0.9);}
}
@-webkit-keyframes internet-label-motion {
    0% {opacity:0; z-index:100;}
    14% {opacity:1; z-index:100;}
    70% {opacity:1; z-index:100;}
    100% {opacity:0; z-index:-1;}
}
@keyframes internet-label-motion {
    0% {opacity:0; z-index:100;}
    14% {opacity:1; z-index:100;}
    70% {opacity:1; z-index:100;}
    100% {opacity:0; z-index:-1;}
}
@-webkit-keyframes internet-pie-motion {
    0% {opacity:0; -webkit-transform: scale(0.9) translate(-1em,0); transform: scale(0.9) translate(-1em,0); -ms-transform: scale(0.9) translate(-0.90em,0);}
    20% {opacity:1; -webkit-transform: scale(1)  translate(0,0); transform: scale(1)  translate(0,0);}
    77% {opacity:1; -webkit-transform: scale(1) translate(0,0); transform: scale(1) translate(0,0);}
    100% {opacity:0; -webkit-transform: scale(0.9) translate(-1em,0); transform: scale(0.9) translate(-1em,0); -ms-transform: translate(-0.90em,0) scale(0.9);}
}
@keyframes internet-pie-motion {
    0% {opacity:0; -webkit-transform: scale(0.9) translate(-1em,0); transform: scale(0.9) translate(-1em,0); -ms-transform: scale(0.9) translate(-0.90em,0);}
    20% {opacity:1; -webkit-transform: scale(1)  translate(0,0); transform: scale(1)  translate(0,0);}
    77% {opacity:1; -webkit-transform: scale(1) translate(0,0); transform: scale(1) translate(0,0);}
    100% {opacity:0; -webkit-transform: scale(0.9) translate(-1em,0); transform: scale(0.9) translate(-1em,0); -ms-transform: translate(-0.90em,0) scale(0.9);}
}
.helloshop-benefit {position:relative; width:100%; height:580px; background:#78787a url('/front/web/images/main/bg-why.jpg') no-repeat center -45px;}
.helloshop-benefit .content-inner {width:1160px; margin:0 auto; padding-top:100px;}
.helloshop-benefit .benefit-info .section-title {margin-bottom:6px; color:#fff;}
.helloshop-benefit .benefit-info .btn-more {position:absolute; right:0; top:0;}
.helloshop-benefit .benefit-info > a {position:relative; display:block; padding-top:50px;}
.helloshop-benefit .benefit-info .benefit-list:after {content:''; display:block; clear:left;}
.helloshop-benefit .benefit-info .benefit-list li {float:left; position:relative; width:269px; height:269px; margin-right:28px; padding:93px 5px 0 39px; border:1px solid #fff; line-height:16px;}
.helloshop-benefit .benefit-info .benefit-list li:last-child {margin-right:0;}
.helloshop-benefit .benefit-info .benefit-list li:before {content:''; display:block;position:absolute; top:55px; left:39px; font-family:'Roboto'; font-size:30px; font-weight:300; color:#bfe10e; }
.helloshop-benefit .benefit-info .benefit-list li:nth-child(1):before {content:'01';}
.helloshop-benefit .benefit-info .benefit-list li:nth-child(2):before {content:'02';}
.helloshop-benefit .benefit-info .benefit-list li:nth-child(3):before {content:'03';}
.helloshop-benefit .benefit-info .benefit-list li:nth-child(4):before {content:'04';}
.helloshop-benefit .benefit-info .benefit-list li span {display:block; color:#fff;}
.helloshop-benefit .benefit-info .benefit-list li span.tit {margin-bottom:29px; line-height:1;}
.helloshop-benefit .benefit-info .benefit-list li span.tit strong {font-size:32px; font-weight:300; letter-spacing:0.2em; vertical-align:middle}
.helloshop-benefit .benefit-info .benefit-list li span.tit em {font-size:18px; font-weight:300; font-style:normal; letter-spacing:-0.075em; opacity:.7;}
.helloshop-benefit .benefit-info .benefit-list li span.desc {font-size:16px; font-weight:300; line-height:1.65;}
/* .helloshop-benefit .counsel-input {
	width:1160px; margin-left:-580px; position:absolute; bottom:0; left:50%; opacity:0;
	-webkit-transition: opacity 0.5s ease 0.2s, bottom 0.6s ease 0.1s;
	transition: opacity 0.5s ease 0.2s, bottom 0.6s ease 0.1s;
}
.helloshop-benefit.el-animation .counsel-input {opacity:1; bottom:61px;} */
.helloshop-benefit.ver-20201019 .benefit-info .benefit-list li:before { left: 32px; } /* 20201019 */
.helloshop-benefit.ver-20201019 .benefit-info .benefit-list li { padding-left: 32px; }


.counsel-input {position:relative; color:#fff; height:90px; padding:20px 30px 0 104px;}
.counsel-input .title {position:absolute; top:22px; right:67px; font-weight:500; font-size:16px; line-height:1.2;}
.counsel-input .title:before {position:absolute; content:''; left:-74px; top:-22px; width:1px; height:90px; background-color:#ed174d;}
.counsel-input .title strong {display:block; font-size:22px;}
.counsel-input .desc {display:inline-block; padding-top:5px; font-size:12px; line-height:1;}
.counsel-input .desc strong {display:inline-block; margin-bottom:9px; font-size:16px; color:#fff; line-height:1;}
.counsel-input .input-area {position:absolute; left:359px; top:25px;}
.counsel-input input[type=text] {width:180px; height:36px; border:0; margin-right:4px; padding:5px 15px; font-size:14px; line-height:26px;}
.counsel-input .btn {min-width:80px; height:36px; margin-left:5px; padding:0; font-size:12px; line-height:34px; }
.counsel-input .btn:hover,
.counsel-input .btn:focus {background:#bfe10e; color:#000; font-weight:bold;}
.counsel-input label {font-size:12px; line-height:18px;}
.counsel-input .input-check {display:inline-block;}
.ico-counsel {position:absolute; top:21px; left:34px; width:45px; height:45px; background:url(/front/web/images/main/bg-counsel-phone-w.png) no-repeat 0 bottom;}
.ico-counsel span {display:block; position:absolute;}
.ico-counsel span:nth-child(1) {opacity:0; bottom:16px; right:0; width:30px; height:29px; background:url(/front/web/images/main/bg-counsel-txt-new.png) no-repeat;}
.ico-counsel span:nth-child(2),
.ico-counsel span:nth-child(3),
.ico-counsel span:nth-child(4) {opacity:0; top:12px; width:3px; height:3px; border-radius:50%; background:#ed174d; }
.ico-counsel span:nth-child(2) {left:24px;}
.ico-counsel span:nth-child(3) {left:30px;}
.ico-counsel span:nth-child(4) {left:36px;}
.el-animation .ico-counsel span:nth-child(1) {animation: counsel-motion-1 2.5s ease-in-out 0.4s infinite;}
.el-animation .ico-counsel span:nth-child(2) {animation: counsel-motion-2 2.5s ease-in-out 0.4s infinite;}
.el-animation .ico-counsel span:nth-child(3) {animation: counsel-motion-3 2.5s ease-in-out 0.4s infinite;}
.el-animation .ico-counsel span:nth-child(4) {animation: counsel-motion-4 2.5s ease-in-out 0.4s infinite;}
@keyframes counsel-motion-1 {
    0% {opacity:0;}
    10% {opacity:0;}
    20% {opacity:1;}
    85% {opacity:1;}
    95% {opacity:0;}
    100% {opacity:0;}
}
@keyframes counsel-motion-2 {
    0% {opacity:0;}
    20% {opacity:0;}
    30% {opacity:1;}
    85% {opacity:1;}
    95% {opacity:0;}
    100% {opacity:0;}
}
@keyframes counsel-motion-3 {
    0% {opacity:0;}
    30% {opacity:0;}
    40% {opacity:1;}
    85% {opacity:1;}
    95% {opacity:0;}
    100% {opacity:0;}
}
@keyframes counsel-motion-4 {
    0% {opacity:0;}
    40% {opacity:0;}
    50% {opacity:1;}
    80% {opacity:1;}
    95% {opacity:0;}
    100% {opacity:0;}
}

/* 20200821, 주문하기 변경 */
.order-process.ver-202008 [aria-hidden=true] { display: none; }
.order-process.ver-202008 .grid [class*=color] { float: none; }
.order-process.ver-202008 .pos-relative { position: relative; }
.anim-blink { animation: animBlink 2s linear infinite; }
@keyframes animBlink {
	0%, 100% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
}
.order-process.ver-202008 .order-step li::before { background-color: #a7abbb; }
.order-process.ver-202008 .order-step li.on::before { background-color: #ed174d; }
.order-process.ver-202008 .order-step li:nth-child(1):before {background-image:url(../images/common/ico-order-product.png);}
.order-process.ver-202008 .order-step li:nth-child(2):before {background-image:url(../images/common/ico-order-input.png);}
.order-process.ver-202008 .order-step li:nth-child(3):before {background-image:url(../images/common/ico-order-check.png);}
.order-process.ver-202008 .order-form { border-top: 0; padding-top: 38px; }
.order-process.ver-202008 .order-form-item { padding-top: 36px; padding-right: 0; }
.order-process.ver-202008 .order-form dd p { font-size: 20px; }
.order-process.ver-202008 .order-form dd p.empty { font-size: 20px; color: #767676; font-weight: 400; }
.order-process.ver-202008 .order-form dd #noContract { color:#767676; font-weight: 400; }
.order-process.ver-202008 .order-form dd p.title { font-size: 20px; }
.order-process.ver-202008 .order-form dd p.size-sm { font-size: 14px; }
.order-process.ver-202008 .order-form .tooltip p { font-size: 11px; }
.order-process.ver-202008 .order-associated-card .link { position: absolute; top: 0; right: 0; font-size: 14px; }
.order-process.ver-202008 .order-form dl.giftAgreeBox dd .agreeExplan { top: 41px; }

/*
.order-process.ver-202008 .recommend-card-item + .recommend-card-item input + label { padding-top: 20px; padding-bottom: 20px; }
.order-process.ver-202008 .recommend-card-item small { display: block; font-size: 16px; color: #767676; }
.order-process.ver-202008 .recommend-card-item input:checked+label small { color: #000; }
.order-process.ver-202008 .recommend-card-item:nth-child(1) { display: block; margin-bottom: 17px; }
*/

.order-process.ver-202008 .hr { display: block; clear: both; margin: 30px 0 30px; height: 1px; background-color: #e0e0e0; }
.order-process.ver-202008 .w200 { width: 200px; }
.order-process.ver-202008 .bul-check.color-red { padding-left: 24px; }
.order-process.ver-202008 .bul-check.color-red::before { width: 18px; height: 18px; top: 4px; background-image: url('/front/web/images/common/ico-check-red.png'); }
.order-process.ver-202008 .bul-check.color-red.size-md::before { top: 0; }
.order-process.ver-202008 .bul-warning.color-red::before { background-image: url('/front/web/images/common/ico-warning-red.png'); }
.order-process.ver-202008 .both.mt60.mb25 { margin-bottom: 15px !important; }

/* 주문하기 추가 */
.order-process .order-step-wrap { margin: 0 auto; width: 1160px; text-align: left; }
.order-process .order-head { background-color: #4a4c58; text-align: center; }
.order-process .order-head .wrap { margin: 0 auto; padding: 0 0 27px; width: 1160px; }
.order-process .order-body > .left { float: left; width: 863px; }
.order-process .order-body > .right { float: right; width: 268px;  }
/* .order-process .order-body { margin: 0 auto; width: 1160px; text-align: left; min-height: 840px; } */
.order-process .order-body { margin: 0 auto; width: 1160px; text-align: left; min-height: 824px; }
.order-process .order-body > .right { float: right; width: 268px;  min-height: 100%; }
.is-bottom .aside-order-process { min-height: 100vh; } 

.order-body .toggle { display: none; }
.order-body .toggle.in { display: block; }
.order-body.is-card .message-jiro { display: none; }
.order-body.is-card .toggle-card { display: block; }

/* 상품 선택 */
.section-select-product { text-align: center; line-height: 1.4; }
.section-select-product *,
.section-select-product *::before { background-position: center center; background-repeat: no-repeat; }
.section-select-product .title { margin: 22px auto 20px; padding: 0; font-size: 22px; font-weight: 400; color: #fff; }
.section-select-product a { color: #fff; }
.section-select-product .list { margin: 0 auto; }
.section-select-product .module { position: relative; margin: 0 5px; padding: 19px 0 21px; border: solid 1px #fff; border-radius: 6px; text-align: left; color: #fff; box-sizing: content-box; min-height: 98px; }
.section-select-product .module { transition: background-color .1s ease-in-out 0s; }
.section-select-product .name { display: block; position: relative; margin: 0 0 0 30px; padding: 0 0 0 46px; height: 40px; line-height: 40px; font-size: 18px; font-weight: 500; }
.section-select-product .name::before { content: ''; display: inline-block; position: absolute; top: 0; left: 0; vertical-align: middle; width: 40px; height: 40px; background-size: 40px 40px; }
.section-select-product .name::before { background-image: url('/front/web/images/content/order_v2_ico_01.png'); }
.section-select-product .item.in .name::before { background-image: url('/front/web/images/content/order_v2_ico_01_on.png'); }
.section-select-product .item-tv .name::before { background-image: url('/front/web/images/content/order_v2_ico_02.png'); }
.section-select-product .item-tv.in .name::before { background-image: url('/front/web/images/content/order_v2_ico_02_on.png'); }
.section-select-product .item-sub-tv .name::before { background-image: url('/front/web/images/content/order_v2_ico_03.png'); }
.section-select-product .item-sub-tv.in .name::before { background-image: url('/front/web/images/content/order_v2_ico_03_on.png'); }
.section-select-product .pos-relative { margin: 10px 30px 0; }
.section-select-product .action { display: block; margin: 0; }
.section-select-product .action a { display: none; box-size: content-box; position: relative; height: 48px; line-height: 45px; border: solid 1px #fff; border-radius: 5px; font-size: 19px; font-weight: 300; color: #fff; letter-spacing: -1px; }
.section-select-product .item.in .action a::before { content: ''; display: block; position: absolute; top: 50%; right: 0; margin-right: -10px; width: 35px; height: 12px; margin-top: -6px; background-position: right center; }
.section-select-product .item.in .action a::before { background-image: url('/front/web/images/content/order_v2_ico_pulldown.png'); }
.section-select-product .item.clicked .action a::before { z-index: 3; background-image: url('/front/web/images/content/order_v2_ico_pulldown_on.png'); }
.section-select-product .action a span { display: inline-block; padding-left: 22px; vertical-align: top; overflow: hidden;width: 279px;white-space: nowrap;text-overflow: ellipsis;}
.section-select-product .action a.selected { color: #ed174d; border: solid 1px #767676; }
.section-select-product .action a.selected:hover { border-color: #ed174d; }
.section-select-product .pull-down { position: absolute; z-index: -1; top: 0; left: 0; right: 0; border: solid 1px #ed174d; border-radius: 4px; background-color: #fff; }
.section-select-product .toggle-off { display: none; position: absolute; top: 18px; right: 20px; color: #000; width: 40px; height: 40px; background-size: 40px 40px; }
.section-select-product .toggle-off { background-image: url('/front/web/images/content/order_v2_ico_close.png'); }
.section-select-product .item.in .module { border-color: #fff; background-color: #fff; }
.section-select-product .item.in .name { color: #ed174d; }
.section-select-product .pull-down { line-height: 1.2; }
.section-select-product .pull-down ul { padding: 6px 10px 6px 22px; }
.section-select-product .pull-down .list li + li { margin-top: 0; }
.section-select-product .pull-down a { display: block;  }
.section-select-product .pull-down a span { display: inline-block; position: relative; padding: 5px 0; font-size: 19px; font-weight: 300; color: #ed174d; letter-spacing: -1px; overflow: hidden; }
.section-select-product .pull-down a span::before { display: block; content: ''; position: absolute; left: 0; right: 0; bottom: 1px; height: 1px; background-color: #ed174d; opacity: 0; }
.section-select-product .pull-down a span::before { transform: translate(-102%, 0); transition: opacity .1s ease-in-out 0s, transform .1s ease-in-out 0s; }
.section-select-product .pull-down a.noclick { cursor: default; }
.section-select-product .pull-down a.noclick span::before { display: none; }
.section-select-product .pull-down a:hover span::before,
.section-select-product .pull-down li.in a span::before { transform: translate(0, 0); opacity: 1; }
.section-select-product .action a.new { display: block; }
.section-select-product .action a.new:hover { background-color: #3c3e48; }
.section-select-product .item.in .toggle-off { display: block; }
.section-select-product .item.in a.new { display: none; }
.section-select-product a.new span { padding-left: 58px; }
.section-select-product a.new::before {  content: ''; display: block; position: absolute; top: 50%; left: 23px; width: 30px; height: 30px; margin-top: -15px; background-position: right center; }
.section-select-product a.new::before { background-image: url('/front/web/images/content/order_v2_ico_add.png'); }
.section-select-product a.new:hover::before { background-image: url('/front/web/images/content/order_v2_ico_add_on.png'); }
.section-select-product .item.in a.selected { display: block; }
.section-select-product .item-sub-tv .action a.new { display: none; }
.section-select-product .item-sub-tv .action a.not-yet { display: block; cursor: default; border: 0; }
.section-select-product .item-sub-tv .action a.not-yet span { padding-left: 0; }
.section-select-product.is-tv-selected .item-sub-tv .action a.not-yet { display: none; }
.section-select-product.is-tv-selected .item-sub-tv .action a.new { display: block; }
.section-select-product.is-tv-selected .item-sub-tv.in .action a.new { display: none; }
.section-select-product.is-tv-selected .item-sub-tv.in .action a.selected { display: block; }

/* anim */
.section-select-product .pull-down { visibility: hidden; opacity: .6; z-index: -1; transform: translate(0, 0); transition: opacity 0s linear .2s, z-index 0s linear .2s, transform .2s ease-in-out 0s; }
.section-select-product .item.clicked .pull-down { visibility: visible; opacity: 1; z-index: 2; transform: translate(0, 0); transition: opacity .2s linear 0s, z-index .2s linear 0s, transform .2s ease-in-out 0s; }
.section-select-product .item .name,
.section-select-product .item .name::before,
.section-select-product .action a { transition: color .1s ease-in-out 0s, background .1s ease-in-out 0s; }

/* 사은품 목록 */
/*
.section-gift-list { line-height: 1; }
.order-form-item .section-gift-list { margin: 20px -5px 0 -5px; max-width: 534px; }
.section-order-success .section-gift-list { display: inline-block; margin: 0 -5px 0 -5px; width: auto; }
.section-order-success .section-gift-list .item { width: 178px; box-sizing: content-box; }
*/

/*
.section-gift-list .item { margin-bottom: 15px; }
.section-gift-list .module { margin: 0 5px; }
.section-gift-list input + label,
.section-gift-list .label { padding: 15px 13px 15px; box-sizing: content-box; color: #000; background-color: #fff; }
.section-gift-list .label { displa1y: table-cell; border: solid 1px #d2d2d2; border-radius: 2px; text-align: center; vertical-align: middle; }
.section-gift-list input + label::before { content: ''; display: inline-block; position: absolute; z-index: 2; top: 17px; left: 50%; margin: 0 0 0 -9px; }
.section-gift-list .pic  { padding-top: 28px; }
.section-gift-list .pic img { width: 140px; height: 120px; }
.section-gift-list .desc { padding: 4px 0 5px; margin: 0 -3px; line-height: 1.1; }
.section-gift-list .name { display: block; font-size: 14px; letter-spacing: -1px; }
.section-gift-list .model { font-size: 12px; font-weight: 300; }
.section-gift-list input:checked + label .model { font-weight: 300; }
*/

/* aside */
.order-body { position: relative; }
/* .aside-order-process { min-height: 100vh; width: 268px; right: 0; opacity: 0; z-index: 2; } */
.aside-order-process { width: 268px; right: 0; opacity: 0; z-index: 2; }
.init-sticky .aside-order-process { opacity: 1; transition: opacity .3s ease-in-out 0s; }
.is-top .aside-order-process { position: absolute; top: 0; }
.is-top .aside-order-process .promo { margin-top: 60px; } /* 기초 마진 */
.is-top.is-top-padder .aside-order-process .promo { margin-top: 70px; }
.is-middle .aside-order-process { position: fixed; right: 50%; top: 0; transform: translate(580px, 0); }
.is-bottom .aside-order-process { position: absolute; bottom: 0; }
.aside-order-process { font-size: 14px; color: #000; line-height: 1.4; }
.aside-order-process .small { font-size: 12px; }
.aside-order-process dt,
.aside-order-process dd { margin: 0; }
.aside-order-process ul,
.aside-order-process li { margin: 0; padding: 0; list-style: none; }
.aside-order-process .toggle { display: none; }
.aside-order-process .row.in .toggle { display: block; }
.aside-order-process .primary { font-weight: 500; color: #ed174d; }
.aside-order-process .row { margin-bottom: 18px; border: solid 1px #d2d2d2; }
.aside-order-process .module { background-color: #fff; }
.aside-order-process .promo { padding-top: 20px; margin-bottom: 20px; border: 0; }
.aside-order-process .choices { margin-bottom: 39px; box-sizing: border-box; border: solid 2px #000; }
.aside-order-process .action { margin-bottom: 0; padding-bottom: 20px; }
.aside-order-process .action .btn { display: block; width: 100%; font-weight: 300; }

.aside-order-process .action.is-ver-2 .module { position: relative; line-height: 1; }
.aside-order-process .action.is-ver-2 .module a { display: block; padding: 17px 0; background-color: #ed174d; color: #fff; text-align: center; font-size: 26px; font-weight: 500; line-height: 1.3; user-select: none; }
.aside-order-process .action.is-ver-2 .module a { background-image: url('/front/web/images/content/ico_order_next.png'); background-position: right center; background-repeat: no-repeat; }
.aside-order-process .action.is-ver-2 .module a.is-inline { padding: 28px 0; }
.aside-order-process .action.is-ver-2 .module a small { display: block; font-size: 18px; }
.aside-order-process .action.is-ver-2 .tooltips { display: block; position: absolute; top: 0; left: 0; margin: -30px 0 0 -16px; width: 162px; border-radius: 8px; background-color: #fff606; color: #000; text-align: center; }
.aside-order-process .action.is-ver-2 .tooltips em { display: block; height: 42px; line-height: 40px; font-size: 18px; font-weight: bold; font-style: normal; letter-spacing: -1px; }
.aside-order-process .action.is-ver-2 .tooltips em::after { content: ""; position: absolute; z-index: 1000; bottom: -7px; left: 0; margin-left: 22px; border-top: 8px solid #fff606; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 0;	}

.aside-order-process .item { clear: both; margin: 0 18px; padding: 16px 0; border-top: solid 1px #000; }
.aside-order-process .item:after { content: ''; clear: both; display: table; overflow: hidden; }
.aside-order-process .item:nth-of-type(1) { border-top: 0; }
.aside-order-process .name { padding: 5px 0; }
.aside-order-process .desc { padding: 5px 0; }
.aside-order-process .title { position: relative; display: block; padding: 15px 19px; font-size: 16px; font-weight: 500; background-color: #f3f3f3; letter-spacing: -1px; }
.aside-order-process .toggler .title::before { display: block; content: ''; width: 30px; height: 12px; position: absolute; top: 50%; right: 0; margin-top: -6px; background: url('/front/web/images/content/order_v2_ico_pulldown_02.png') right center no-repeat; }
.aside-order-process .row.in .toggler .title::before { background: url('/front/web/images/content/order_v2_ico_pulldown_02_on.png') right center no-repeat; }
.aside-order-process .list li { clear: both; }
.aside-order-process .list .name { float: left; }
.aside-order-process .list .desc { float: right; }
.aside-order-process .sub-list { padding-bottom: 3px; }
.aside-order-process .sub-list li { position: relative; clear: both; padding: 3px 0px 3px 12px; font-size: 12px; letter-spacing: -1px; }
.aside-order-process .sub-list li:before { content: '-'; display: block; position: absolute; top: 4px; left: 0; }
.aside-order-process .details .name { float: left; width: 51%; }
.aside-order-process .details .name { font-weight: 400; }
.aside-order-process .details .desc { float: right; font-weight: 500; }
.aside-order-process .details .sub { float: none; clear: both; width: 100%; }
.aside-order-process .details .sub-list { margin-top: -3px; margin-left: 16px; padding-bottom: 6px; }
.aside-order-process .details .sub-list li { padding: 0 0 0 16px; }
.aside-order-process .details .sub-list li::before { content: ''; width: 16px; height: 16px; background: url('/front/web/images/content/order_v2_arrow_01.png') center center no-repeat; background-size: 16px 16px; }
.aside-order-process .details .sub-list li.primary::before { background-image: url('/front/web/images/content/order_v2_arrow_02.png'); }
.aside-order-process .details.small .name { color: #555; }
.aside-order-process .results { line-height: 1.2; }
.aside-order-process .results .name { text-align: center; }
.aside-order-process .results .name strong { display: block; font-size: 16px; }
.aside-order-process .results .name small { font-size: 12px; }
.aside-order-process .results .desc { float: right; padding: 0; font-size: 32px; font-weight: 500; letter-spacing: -1px; }
.aside-order-process .results .desc strong { font-size: 36px; }
.aside-order-process .subject .name { text-align: left; }
.aside-order-process .subject .name strong { display: block; font-size: 14px; }
.aside-order-process .subject .name small { display: block; margin-top: 5px; font-size: 14px; font-weight: 500; }
.aside-order-process .subject .desc { float: right; padding: 0; font-size: 22px; font-weight: 400; letter-spacing: -1px; }
.aside-order-process .gifts { margin: 0; padding-bottom: 19px; background-color: #f3f3f3; border-top: 0; }
.aside-order-process .gifts .list { margin: 0 18px; }
.aside-order-process .gifts .sub-list { padding-bottom: 0; }
.aside-order-process .calls { margin: 0 0; padding: 0; background: #cbcbcb; text-align: center; line-height: 1; color: #000; }
.aside-order-process .calls a { display: block; padding: 20px 0; background: url('/front/web/images/content/ico_order_call.png') center center no-repeat; user-select: none; }
.aside-order-process .calls small { display: block; margin-bottom: 7px; font-size: 12px; }
.aside-order-process .calls strong { display: inline-block; padding-left: 8px; font-size: 19px; font-weight: 500; }
.aside-order-process .choices .guide { margin: 0px 15px 12px; padding: 0; font-size: 12px; letter-spacing: -1.2px; word-break: keep-all; }

/* 주문 본인인증 */
.section-certification { border-top: solid 1px #000; line-height: 1; }
.section-certification .wrap { padding: 30px 0 20px; text-align: center; }
.section-certification .col-a { width: 280px; text-align: right; }
.section-certification .col-b { width: 514px; text-align: center; }
.section-certification p { margin: 10px auto; padding: 0; font-size: 18px; line-height: 1.33; font-weight: 500; }
.section-certification p strong { font-size: 22px; font-weight: 500; }
.section-certification .nth-2 { color: #ed174d; }
.section-certification .action { margin: 12px auto 12px; }
.section-certification .action .btn { height: 62px; line-height: 60px; border-radius: 62px; font-size: 18px; font-weight: 400; }
.section-certification .btn-primary[disabled] { background-color: #a7abbb; border-color: #a7abbb; cursor: default; pointer-events: none; }

/* 주문 약관동의 */
.section-order-agree { border-top: solid 1px #000; line-height: 1.2; }
.section-order-agree .wrap { padding: 24px 0; }
.section-order-agree .item { clear: both; }
.section-order-agree .item::after { display: table; overflow: hidden; }
.section-order-agree .collapse-head { position: relative; padding-left: 30px; color: #000; }
.section-order-agree .collapse-head,
.section-order-agree .collapse-head small { font-size: 16px; font-weight: 400; }
.section-order-agree .nth-all .collapse-head,
.section-order-agree .nth-all .collapse-head small {  font-size: 17px; font-weight: 500; }
.section-order-agree .collapse-body { display: none; margin: 0 30px; padding: 0 0 20px; }
.section-order-agree .in .collapse-body { display: block; }
.section-order-agree .more { float: right; }
.section-order-agree .more a { display: block; position: relative; margin-right: 42px; padding: 13px 21px; }
.section-order-agree .more a::before { display: block; content: ''; position: absolute; top: 50%; margin-top: -4px; right: 0; width: 12px; height: 9px; background: url('/front/web/images/common/ico_collapse.png') center center no-repeat; }
.section-order-agree .list .item { display: none; }
.section-order-agree.in .list .item { display: block; }
.section-order-agree .list .in .more a::before { transform: rotate(180deg); }
.section-order-agree .more span { display: inline-block; position: relative; padding: 2px 0; font-size: 15px; font-weight: 400; color: #000; }
.section-order-agree .more span::before { display: block; content: ''; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; background-color: #000; }
.section-order-agree .nth-all { background-color: #e3e3e3; border-bottom: solid 1px #7f7f7f; }
.section-order-agree.in .nth-all .more a::before { transform: rotate(180deg); }
.section-order-agree input[type=checkbox].bold + label { padding: 14px 0 13px; text-indent: 30px; }
.section-order-agree input[type=checkbox].bold + label::before { background: none; border: solid 2px #000; border-radius: 2px; box-sizing: content-box; width: 18px; height: 18px; margin-top: -10px; }
.section-order-agree input[type=checkbox].bold:checked + label::before { border-color: #ed174d; background-color: #ed174d; }
.section-order-agree input[type=checkbox].bold:checked + label::after { display: block; content: ''; position: absolute; top: 50%; left: 0; margin: -8px 0 0 2px; width: 18px; height: 18px; background-image: url('/front/web/images/common/sp-bg-input.png');  background-position: -20px -20px; }
.section-order-agree .agree-scroll,
.section-order-agree textarea,
.section-order-agree .textarea-box { box-sizing: border-box; margin: 0; width: 100%; padding: 30px; height: 220px; border-radius: 0; border: solid 1px #d2d2d2; font-size: 15px; line-height: 1.3; word-break: keep-all; }
.section-order-agree textarea { padding-top: 25px; line-height: 1.8; }
.section-order-agree .agree-scroll,
.section-order-agree .agree-scroll *,
.section-order-agree textarea,
.section-order-agree .textarea-box { color: #767676; }
.section-order-agree .agree-scroll .color-primary {color:#ed174d;}
.section-order-agree .agree-scroll .table { table-layout: auto; }
.section-order-agree .agree-scroll .table th,
.section-order-agree .agree-scroll .table td { padding: 0 10px; }
.section-order-agree .agree-scroll .list.bul-dot li::before { background-color: #767676; }
.section-order-agree .agree-scroll .list.bul-dot.color-primary li {color: #ed174d;}
.section-order-agree .agree-scroll .list.bul-dot.color-primary li::before { background-color: #ed174d; }
.section-order-agree .agree-scroll .table { border-top: solid 1px #ddd; }
.section-order-agree .agree-scroll ul.list { margin-top: 10px; }

/* 주민번호 */
.cell-resist-num { position: relative; overflow: hidden; }
.cell-resist-num .text{ float: left; width: 47%; width: calc(50% - 15px); max-width: 293px }
.cell-resist-num .text.nth-child-2 { float: right; }
.cell-resist-num .hipen { position:absolute; display: inline-block; top: 0; left: 50%; height: 28px; line-height: 28px; text-align:center; width: 20px; margin-top: 20px; margin-left: -10px; }

/* 주문완료 */
.section-order-success { position: relative; text-align: center; }
.section-order-success li + li { margin: 0; }
.section-order-success::before { display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; height: 414px; background-color: #4a4c58; }
.section-order-success .title { clear: both; position: relative; z-index: 2; padding: 78px 0 39px; font-size: 30px; font-weight: 400; color: #fff; }
.section-order-success .wrap { position: relative; z-index: 3; margin: 0 auto; padding-top: 25px; width: 1160px; min-height: 540px; text-align: left; background-color: #fff; border-radius: 6px; }
.section-order-success .inner { margin: 0 90px; padding: 1px 0 55px; }
.section-order-success .subject { margin: 50px 0 15px; font-size: 16px; color: #767676; font-weight: 400; }
.section-order-success .list { margin: 5px 0; font-size: 24px; }
.section-order-success .list li { padding: 5px 0; }
.section-order-success .list .name { display: inline-block; }
.section-order-success .list .desc { display: inline-block; position: relative; margin-left: 10px; padding-left: 18px; }
.section-order-success .list .desc::before { content: ''; position: absolute; top: 50%; left: 0; bottom: 0; width: 1px; height: 14px; margin-top: -7px; background-color: #000; }
.section-order-success .sub-list { margin: 8px 0; font-size: 18px; }
.section-order-success .sub-list::after { display: table; overflow: hidden; content: ''; clear: both; }
.section-order-success .sub-list li { float: left; position: relative; padding: 0 20px; white-space: nowrap; word-break: keep-all; }
.section-order-success .sub-list li::before { content: ''; position: absolute; top: 50%; left: 0; bottom: 0; width: 1px; height: 14px; margin-top: -7px; background-color: #000; }
.section-order-success .sub-list li:first-child { padding-left: 0; }
.section-order-success .sub-list li:first-child::before { display: none; }
.section-order-success .is-gift .subject { margin-bottom: 30px; }
.section-order-success .is-gift .section-gift-list { margin-bottom: 20px; }
.section-order-success .is-date p { margin-top: 3px; font-size: 22px; font-weight: 400; }
.section-order-success .result { margin-top: 35px; border-top: solid 1px #959595; }
.section-order-success .result::after { content: ''; clear: both; display: table; overflow: hidden; }
.section-order-success .result .pull-right { float: right; }
.section-order-success .result p.inline { display: inline-block; position: relative; padding: 0 0 30px; font-size: 18px; }
.section-order-success .result p.guide { margin: 9px 0 0; padding: 0; font-size: 12px; font-weight: 300; letter-spacing: -1px; color: #767676; }
.section-order-success .result em { display: inline-block; padding-right: 32px; font-size: 16px; font-weight: 300; color: #767676; font-style: normal; }
.section-order-success .result strong { font-size: 42px; font-weight: 700; }
.section-order-success .result span { font-size: 38px; font-weight: 700; }
.section-order-success .continue { padding: 60px 0 30px; font-size: 16px; text-align: center; }
.section-order-success .action { padding: 0 0; text-align: center; }
.section-order-success .swiper-order { width: 920px; }

/*헬로라이브 배너*/
.helloLive-main-bnr {height: 200px; text-align:center; background-position: center center;  background-repeat: no-repeat;}
.helloLive-main-bnr>a {text-indent:-9999999px;display: block; width: 1160px; height: 200px; margin: 0 auto;}

/* 메인 프로모션 */
.section-main-promo { clear: both; margin: 50px auto 50px; text-align: center; user-select: none; }
.section-main-promo::after { display: table; clear: both; content: ''; overflow: hidden; }
.section-main-promo .wrap { margin: 0 auto; width: 1160px; text-align: left; }
.section-main-promo .downer { margin-top: 30px; }
.section-main-promo .col { height: 320px; }
.section-main-promo .module { border-radius: 12px; box-shadow: 5px 5px 15px rgba(0, 0, 0, .2); overflow: hidden; isolation: isolate; }
.section-main-promo .module a { display: block; position: relative; }
.section-main-promo .desc { position: absolute; top: 0; left: 0; margin: 33px 0 0 33px; padding: 0; font-size: 24px; font-weight: 400; color: #fff; line-height: 1.36; user-drag: none; }
.section-main-promo .desc strong { font-weight: bold; }
.section-main-promo .col-a { margin-right: 28px; }
.section-main-promo .col-a,
.section-main-promo .col-a .item,
.section-main-promo .col-a img { float: left; width: 566px; }
.section-main-promo .col-a .module { width: 566px; }
.section-main-promo .col-b { width: 269px; margin-right: 28px; }
.section-main-promo .col-c { width: 269px; }
.section-main-promo .col-d { clear: both; float: none; width: 100%; height: 160px; }
.section-main-promo a img { transform: scale(1, 1); transition: all .3s ease-in-out 0s; }
.section-main-promo a:hover img { transform: scale(1.11, 1.11); }
.section-main-promo { opacity: 0; }
.section-main-promo.init { opacity: 1; transition: .2s opacity ease-in-out 0s; }

/* 샵메인 롤링 배너 */
.mainbnr-rolling-wrap {position: relative;}
.mainbnr-rolling-slider.slider-area.mainbnr-rolling {overflow:hidden;position: relative;}
.mainbnr-rolling-slider.slider-area.mainbnr-rolling .slider-item {float:left; width:100%; height:50px; text-align: center;}
.mainbnr-rolling-slider.slider-area.mainbnr-rolling .slick-arrow {position:absolute; top:9px;width:33px; height:32px; text-indent:100%; white-space:nowrap; background:url(/front/web/images/content/icon_main_rollingbnr_arrow_left.png) no-repeat center center; overflow:hidden;z-index: 10;}
.mainbnr-rolling-slider.slider-area.mainbnr-rolling .slick-prev {/* left: 50%;margin-left: -582px; */left: 0; margin-left: 60px}
.mainbnr-rolling-slider.slider-area.mainbnr-rolling .slick-next {/* right: 50%;margin-right: -582px; */right: 0; margin-right: 60px;background-image:url(/front/web/images/content/icon_main_rollingbnr_arrow_right.png);}
.mainbnr-rolling-slider.slider-area.mainbnr-rolling .slick-dots {position:absolute;top: 11px;right: 50%;margin-right: -534px;width: auto;height: 33px;text-align:center;z-index: 1;padding: 0 56px 20px 20px;line-height: 36px;vertical-align: middle;list-style: none;overflow: hidden}
.mainbnr-rolling-slider.slider-area.mainbnr-rolling .slick-dots>li {display:inline-block;width: 18px;height: 18px;margin-right: 5px;line-height: 16px;vertical-align: top;margin-top: 6px;}
.mainbnr-rolling-slider.slider-area.mainbnr-rolling .slick-dots button {display:block; position:relative; width:100%; height:100%; text-indent:100%; white-space:nowrap; vertical-align:middle; overflow:hidden;}
.mainbnr-rolling-slider.slider-area.mainbnr-rolling .slick-dots button:after {display:inline-block; content:''; position:absolute;left: 0;top: 0; width:13px; height:13px;margin: 0;
border:1px solid #000;border-radius: 50%; background-color:transparent; transition:0.3s;}
.mainbnr-rolling-slider.slider-area.mainbnr-rolling .slick-dots .slick-active button:after {background-color:#000;}
.mainbnr-rolling a {display: inline-block;}
.mainbnr-rolling img {width: 100%; max-width: inherit; height:50px; object-fit: cover; }
.mainbnr-rolling-footer {position:absolute; top:50%; right:0; margin-right: 0px; color:#fff; font-size:12px; font-family:'Dotum', '돋움'; line-height: 20px; margin-top: -25px; }
.mainbnr-rolling-footer .btn-close-rolling {box-sizing: content-box;  padding: 15px; width: 20px;  height: 20px; background-image: url(/front/web/images/common/ico-close-white-md.png); background-size: 20px 20px;  text-indent: -1000px;}

/* 리모컨 택배발송 */
.content-section-send-remocon  label { cursor: pointer; }
.content-section-send-remocon .table-form-remocon .label-subject { margin-top: 10px; }
.content-section-send-remocon .table-form-remocon .list-pic { margin: 0 -11px; }
.content-section-send-remocon .table-form-remocon .list-pic .module { margin: 0 11px; }
.content-section-send-remocon .table-form-remocon .list-pic .pic label { display: block; margin: 16px 0 16px; padding: 0; border: solid 1px #d2d2d2; background-color: #fff; cursor: pointer; }
.content-section-send-remocon .table-form-remocon .guide { margin: 10px 0 10px; padding: 0; font-size: 14px; color: #767676; }
.content-section-send-remocon .table-form-remocon .hr { position: relative; padding: 25px 0 40px; line-height: 1; height: auto; }
.content-section-send-remocon .table-form-remocon .hr::before { display: block; content: ''; position: absolute; top: 24px; left: 0; right: 0; height: 1px; background-color: #d2d2d2; }
.content-section-send-remocon .agree-check label { font-weight: 300; font-size: 16px; }
.content-section-send-remocon .agree-check label strong { font-weight: 300; color: #ed174d; }
.content-section-send-remocon .btn-small { height: 28px; line-height: 26px; font-size: 12px; }
.content-section-send-remocon .table-form-remocon p { margin: 10px 0 10px; line-height: 1.3; word-break: keep-all; }
.content-section-send-remocon .st-textarea-box {color:#000;}

/* 제휴카드 할인 */
.section-discount-card .pos-relative { position: relative; }
.section-discount-card .pos-absolute { position: absolute; }
.section-discount-card .toggle { display: none; }
.section-discount-card .toggle.in { display: block; }
.section-discount-card .action { left: 0; right: 0; bottom: 0; margin-bottom: 44px; text-align: center; line-height: 1; }
.section-discount-card .discount-card-pos {margin-bottom:100px;}
.section-discount-card .discount-card-foot-pos {margin-bottom:95px;}
.section-discount-card .action .btn { width: 281px; height:71px; font-size: 24px; line-height: 71px; font-weight: bold; border-radius: 84px; min-width:281px; letter-spacing: -1.33px; }
.section-discount-card .list { min-height: 500px; }
.section-discount-card .list .wrap { margin: 70px 0 100px; }
.section-discount-card .card-item { margin: 70px 110px 70px; text-align: left; }
.section-discount-card .card-item { font-size: 24px; line-height: 1.33; color: #4a4c58; }
.section-discount-card .card-item .summary { width: 32.5%; }
.section-discount-card .card-item .pic { margin: 0 0 40px; text-align: left; }
.section-discount-card .card-item .pic img { /* width: auto; max-width: 100%; min-width: 190px;  */}
.section-discount-card .card-item .description { float: right; width: 57.4%; }
.section-discount-card .foot .action .btn {user-select: none; }
.section-discount-card .card-item * { margin: 0; padding: 0; }
.section-discount-card .card-item .grade { line-height: 1.25; }
.section-discount-card .card-item .grade p { position: relative; margin: 15px 0; padding-left: 40px; font-size: 24px; font-weight: 400; }
.section-discount-card .card-item .grade p strong { font-weight: bold; }
.section-discount-card .card-item .grade p::before { display: block; content: ''; position: absolute; margin-top: 3px; top: 0; left: 0; width: 30px; height: 70px; background-image: url('/front/web/images/content/ico_discount_grade_01.png'); background-size: 30px 70px; }
.section-discount-card .card-item .grade p.grade-2::before { background-image: url('/front/web/images/content/ico_discount_grade_02.png'); }
.section-discount-card .card-item .grade p.grade-3::before { background-image: url('/front/web/images/content/ico_discount_grade_03.png'); }
.section-discount-card .card-item .title1 { padding-bottom: 27px; margin-bottom: 27px; border-bottom: solid 2px #d0d0d0; font-size: 36px; line-height: 1.1; }
.section-discount-card .card-item dl { clear: both; font-size: 22px; overflow: hidden; }
.section-discount-card .card-item dt,
.section-discount-card .card-item dd { display: block; padding: 10px 0; line-height: 1.4; color: #4a4c58; }
.section-discount-card .card-item dt { clear: left; float: left; clear: left; width: 165px; padding-left: 11px; font-weight: bold; box-sizing: content-box; }
.section-discount-card .card-item dd { float: left; width: 362px; font-weight: 400; }
.section-discount-card .card-item dt:before { top: 24px; width: 4px; height: 4px; border-radius: 4px; overflow: hidden; }
.section-discount-card .card-item .description p { clear: both; margin: 20px 10px; color: #b6b6b6; font-size: 22px; word-break: break-all; }
.section-discount-card .card-item .description p.bul-warning { padding-left: 22px; }
.section-discount-card .card-item .description p.notice { position: relative; padding-left: 20px; }
.section-discount-card .card-item .description p.notice::before { content: ''; display: block; position: absolute; margin: -4px 0 0 -20px; top: 0; left: 0; width: 40px; height: 40px; background-image: url('/front/web/images/content/ico_discount_notice.png'); background-size: 40px 40px; }
.section-discount-card .card-item .description p.slogan { margin-left: 0; margin-right: 0; font-weight: bold; color: #4a4c58; }
.section-discount-card .card-item .description dd a { color: #0090ff; }
.section-discount-card .card-item .action { margin: 50px 0 30px; }

.section-discount-card .tab-navigation { position: relative; text-align: center; overflow: hidden; user-select: none; }
.section-discount-card .tab-navigation .wrap {/* margin: 0 auto;  text-align: left; overflow: hidden; */ }
.section-discount-card .tab-navigation li { width: 20%; width: 188px; height: 84px; }
.section-discount-card .tab-navigation li a { position: relative; height: 80px; display: block; border-top: solid 2px #c9c9c9; border-bottom: solid 2px #c9c9c9; box-sizing: content-box; }
.section-discount-card .tab-navigation li a { border-left: solid 2px #c9c9c9; }
.section-discount-card .tab-navigation li a span { display: block; height: 100%; text-align: center; background-color: #fff; color: #4a4c58; font-size: 24px; line-height: 80px; font-weight: bold; letter-spacing: -2px; }
.section-discount-card .tab-navigation li.in { position: relative; z-index: 2; }
.section-discount-card .tab-navigation li.in a { margin: -2px -2px 0 0; border: 0; height: 86px; }
.section-discount-card .tab-navigation li.in a span { background-color: #ed174d; color: #fff; line-height: 88px; }
.section-discount-card .tab-navigation .tab-nav { display: none; position: absolute; top: 0; width: 84px; height: 84px; background: url('/front/web/images/common/nav_tab_prev.png') center center no-repeat; background-size: 84px 84px; }
.section-discount-card .tab-navigation .tab-nav-prev { left: 0; margin-left: 25px; }
.section-discount-card .tab-navigation .tab-nav-next { right: 0; margin-right: 25px; background: url('/front/web/images/common/nav_tab_next.png'); }
.section-discount-card .tab-navigation li:last-of-type { border-right: solid 2px #c9c9c9; }
.section-discount-card .tab-navigation { visibility: hidden; }
.section-discount-card .tab-navigation.is-swiper-init,
.section-discount-card .tab-navigation.is-swiper-disabled { visibility: visible; }
.section-discount-card .tab-navigation.is-swiper-init .swiper { border-right: solid 2px #c9c9c9; }
.section-discount-card .tab-navigation.is-swiper-init li:last-of-type { border-right: 0; }
.section-discount-card .tab-navigation.is-swiper-init .tab-nav { display: block; }
.section-discount-card .card-item .summary,
.section-discount-card .card-item .description { opacity: 0; visibility: hidden; transform: translate(0, 30px);
    transition: visibility 0s linear 0s, opacity 0s linear 0s, transform 0s linear 0s;
}
.section-discount-card .anim .card-item .summary,
.section-discount-card .anim .card-item .description { opacity: 1; visibility: visible; transform: translate(0, 0);
    transition: visibility 0s linear 0s, opacity .6s cubic-bezier(0.76, 0, 0.24, 1) 0s, transform .6s cubic-bezier(0.76, 0, 0.24, 1) 0s;
}
/* 샵메인 이벤트 롤링 배너 */
.shopmainbnr-rolling-wrap {position: relative;}
.shopmainbnr-rolling-slider.slider-area.shopmainbnr-rolling {overflow:hidden;position: relative; height: 360px; }
.shopmainbnr-rolling-slider.slider-area.shopmainbnr-rolling .slider-item {float:left; width: 387px; height:320px; text-align: center;}
.shopmainbnr-rolling-slider.slider-area.shopmainbnr-rolling .slick-arrow {position:absolute; top:271px;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;}
.shopmainbnr-rolling-slider.slider-area.shopmainbnr-rolling .slick-prev {left:40%;background-color:#fff;}
.shopmainbnr-rolling-slider.slider-area.shopmainbnr-rolling .slick-next {right:40%; background-image:url(/front/web/images/common/ico-arr-right-xs.png);background-color:#fff;}
.shopmainbnr-rolling-slider.slider-area.shopmainbnr-rolling .slick-dots {position:absolute; top:280px; left:50%; margin-left:-17%; width:34%; text-align:center; z-index:50;}
.shopmainbnr-rolling-slider.slider-area.shopmainbnr-rolling .slick-dots>li {display:inline-block; width:18px; height:14px; margin-right:5px; line-height:14px; vertical-align:top;}
.shopmainbnr-rolling-slider.slider-area.shopmainbnr-rolling .slick-dots button {display:block; position:relative; width:100%; height:100%; text-indent:100%; white-space:nowrap; vertical-align:middle; overflow:hidden;}
.shopmainbnr-rolling-slider.slider-area.shopmainbnr-rolling .slick-dots button:after {display:inline-block; content:''; position:absolute; left:50%; top:50%; width:12px; height:12px; margin:-7px 0 0 -7px; border:1px solid #000; border-radius:7px; background-color:transparent; transition:0.3s;}
.shopmainbnr-rolling-slider.slider-area.shopmainbnr-rolling .slick-dots .slick-active button:after {background-color:#000;}

.shopmainbnr-rolling a {display: inline-block;}
.shopmainbnr-rolling-wrap a.item:hover .tmb {box-shadow:5px 5px 20px rgba(0,0,0,.2);}
.shopmainbnr-rolling-wrap .tmb {width: 368px; height:175px; margin-bottom: 19px; border-radius: 3px; overflow: hidden;}
.shopmainbnr-rolling-wrap .subject {height: 60px; margin: 0 10px; font-size: 20px; overflow: hidden; word-break: keep-all;color: #000;}

/* 샵혜택 이벤트 롤링 배너 */
.section-benefit-guide .shopmainbnr-rolling-wrap .subject  strong {height: 60px; margin: 0 10px; font-size: 20px; overflow: hidden; word-break: keep-all;color: #000; font-weight: 500;}
.shopmainbnr-rolling-wrap {position: relative;}
.whyshopbnr-rolling-slider.slider-area.shopmainbnr-rolling {overflow:hidden;position: relative;}
.whyshopbnr-rolling-slider.slider-area.shopmainbnr-rolling .slider-item {float:left; width:100%; height:320px; text-align: center;}
.whyshopbnr-rolling-slider.slider-area.shopmainbnr-rolling .slick-arrow {position:absolute; top:271px;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;}
.whyshopbnr-rolling-slider.slider-area.shopmainbnr-rolling .slick-prev {left:40%;background-color:#fff;}
.whyshopbnr-rolling-slider.slider-area.shopmainbnr-rolling .slick-next {right:40%; background-image:url(/front/web/images/common/ico-arr-right-xs.png);background-color:#fff;}
.whyshopbnr-rolling-slider.slider-area.shopmainbnr-rolling .slick-dots {position:absolute; top:280px; left:50%; margin-left:-17%; width:34%; text-align:center; z-index:50;}
.whyshopbnr-rolling-slider.slider-area.shopmainbnr-rolling .slick-dots>li {display:inline-block; width:18px; height:14px; margin-right:5px; line-height:14px; vertical-align:top;}
.whyshopbnr-rolling-slider.slider-area.shopmainbnr-rolling .slick-dots button {display:block; position:relative; width:100%; height:100%; text-indent:100%; white-space:nowrap; vertical-align:middle; overflow:hidden;}
.whyshopbnr-rolling-slider.slider-area.shopmainbnr-rolling .slick-dots button:after {display:inline-block; content:''; position:absolute; left:50%; top:50%; width:12px; height:12px; margin:-7px 0 0 -7px; border:1px solid #000; border-radius:7px; background-color:transparent; transition:0.3s;}
.whyshopbnr-rolling-slider.slider-area.shopmainbnr-rolling .slick-dots .slick-active button:after {background-color:#000;}

/* 바로가입 */
.swiper-order-container .nav { display: block; position: absolute; top: 50%; margin-top: -35px; z-index: 2; }
.swiper-order-container .nav .ico { width: 40px; height: 70px; background-size: 100% 100%; background-image: url('/front/web/images/common/nav_order_prev.png'); }
.swiper-order-container .next .ico { transform: rotate(180deg); }
.swiper-order-container .nav.prev { left: 0; margin-left: -40px; }
.swiper-order-container .nav.next { right: 0; }
.swiper-order-container .nav[aria-disabled="true"] { opacity: .3; }
.swiper-order { height: auto; width: 100%; overflow-x: hidden; line-height: 1; }
.swiper-order { width: 548px; }
.swiper-order .item { display: block; margin: 0; line-height: 1.2; }
.swiper-order .module { margin: 0 7px 0 0; position: relative; line-height: 1.1; text-align: center; }
.swiper-order .flex { display: flex; align-items: center; justify-content: center; }
.swiper-order .inline { display: inline-block; padding: 0; border: 0; height: auto; }
.swiper-order .label,
.swiper-order input + label { padding: 0; min-width: auto; height: auto; box-sizing: content-box; }
.swiper-order .is-inline input:checked + label { color: #ed174d; }
.swiper-order .label strong,
.swiper-order .label span,
.swiper-order .label small,
.swiper-order label strong,
.swiper-order label span,
.swiper-order label small { display: block; padding: 2px 27px; white-space: nowrap; word-break: keep-all; }
.swiper-order .label strong,
.swiper-order label strong { font-size: 16px; font-weight: 400; }
.swiper-order .label small,
.swiper-order label small { font-size: 12px; }
.swiper-order .tooltip { position: absolute; top: 0; right: 0; margin: 0; }
.swiper-order .tooltip .btn-help { box-sizing: content-box; padding: 10px; background-position: center center; background-repeat: no-repeat; font-size: 0; }
.swiper-order .tooltip .desc { bottom: 30px; right: -6px; width: auto; line-height: 15px; }
.swiper-order .tooltip .desc span { box-sizing: content-box; padding: 3px 10px 2px; width: 198px; }
.swiper-order .tooltip .desc span:after { left: auto; right: 0; margin: 0 17px 0 0; }
.order-recommend-extra .swiper-order-container .nav { margin-top: -15px; }
.swiper-order-service { padding-top: 42px; }
.swiper-order-service .flex { min-height: 70px; }
.swiper-order-card .flex { min-height: 70px; }
.swiper-order-gift .inline { min-width: 174px; }
.swiper-order-gift .pic { padding: 0 13px; }
.swiper-order-gift .pic img { width: 148px; height: 127px; }
.swiper-order-gift .flex { position: relative; min-height: 220px; }
.swiper-order-gift .desc { position: relative; z-index: 1; }
.swiper-order-gift .label { user-select: none; }
.swiper-order-gift .label strong,
.swiper-order-gift label strong { font-size: 14px; font-weight: 500; color: #000; }
.swiper-order-gift .label span,
.swiper-order-gift label span { font-size: 12px; font-weight: 300; color: #808080; }
.swiper-order-gift.is-basic .label:before,
.swiper-order-gift input:checked + label:before { display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; width: auto; height: auto; background: none; background-color: rgba(255, 120, 140, .2); }
.swiper-order-gift.is-basic .label { border: solid 1px #ed174d; }
.swiper-order-container.is-gift { margin-bottom: 44px; }
.swiper-order-gift.is-complete .label { border: solid 1px #d7d7d7; }
.swiper-order-gift.is-complete .label:before { display: none; }

.order-body .title-gift { clear: both; position: relative; margin: -1px 0 0 0; padding: 36px 0 20px; line-height: 1.2; font-size: 20px; font-weight: 300; color: #000; }
.order-body .title-gift strong { font-weight: 500; }
.order-body .title-gift::before { content: ''; display: block; position: absolute; top: 0; left: -44px; right: 0; height: 1px; background-color: #e0e0e0; }

/* 비밀번호 변경 안내 */
.section-change-password input.text { width: 100%; }
.section-change-password .content { margin-top: 50px; margin-bottom: 130px; }
.section-change-password .jumbotron { margin: 0 auto 0; padding: 25px 0; border-top: solid 2px #000; text-align: center; font-size: 16px; font-weight: 400; color: #000; line-height: 1.33; text-align: center; }
.section-change-password .jumbotron .ico { margin: 35px auto 3px; width: 80px; height: 80px; background: url('/front/web/images/content/ico_change_password.png') center center no-repeat; }
.section-change-password .jumbotron p { margin: 15px auto; }
.section-change-password .jumbotron .large { font-size: 26px; font-weight: 500; }
.section-change-password .table-form { border-top: solid 1px #000; }
.section-change-password input.text + p { margin-top: 5px; }

/* 오픈 스튜디오 */
.page-open-studio .toggle { display: none; }
.page-open-studio .toggle.in { display: block; }
.page-open-studio .tab, .page-open-studio .tab li { margin: 0; padding: 0; list-style: none; }
.page-open-studio .tab li { float: left; }
.page-open-studio .tab::after { clear: both; content: ''; display: table; overflow: hidden; }
.page-open-studio .jumbotron { height: 230px; background-color: #eee; }
.page-open-studio .map-container { border-radius: 8px; }
.page-open-studio .map-wrap { position: relative; padding-top: 38.8%; overflow: hidden; }
.page-open-studio .map-wrap .map { position: absolute; top: 0; left: 0; width: 100%; height: 130%; }
.page-open-studio .map-links { position: relative; z-index: 10; box-sizing: content-box; padding-top: 2px; background-color: #fff; line-height: 1; }
.page-open-studio .map-links .item { background-color: #f3f4f6; overflow: hidden; }
.page-open-studio .map-links ul { margin: 0 2% 0; }
.page-open-studio .map-links li { width: 33.33%; }
.page-open-studio .map-links li:first-child { width: 33.34%; }
.page-open-studio .map-links li a { display: block; height: 83px; text-align: center; font-size: 16px; font-weight: 500; color: #000; }
.page-open-studio .map-links .ico { margin: 0 14px 0 0; width: 60px; height: 83px; background: url('/front/web/images/content/ico_studio_blog.png') center center no-repeat; background-size: 60px 60px; vertical-align: middle; }
.page-open-studio .map-links .ico.instagram { background-image: url('/front/web/images/content/ico_studio_instagram.png'); }
.page-open-studio .map-links .ico.youtube { background-image: url('/front/web/images/content/ico_studio_youtube.png'); }
.page-open-studio .map-links .ico.go { margin: 0 0 0 4px; width: 30px; height: 83px; background-image: url('/front/web/images/content/ico_studio_go.png'); background-size: 30px 60px; }
.page-open-studio .map-links li a { opacity: 0; transition: all 0s linear 0s; transform: translate(0, 5px); }
.page-open-studio .map-links .item.anim li a { opacity: 1; transition: all .3s ease-in-out 0s; transform: translate(0, 0); }
.page-open-studio .map-links .item.anim li:nth-of-type(2) a { transition-delay: 50ms; }
.page-open-studio .map-links .item.anim li:nth-of-type(3) a { transition-delay: 100ms; }
.section-open-studio { margin: 80px auto 70px; border-top: solid 1px #838383; }
.section-open-studio .container { line-height: 1.33; }
.section-open-studio .subject { margin: 73px auto 10px; padding: 0; color: #000; font-size: 32px; font-weight: bold; line-height: 1.33; text-align: center; }
.section-open-studio p { margin: 10px 0; padding: 0; font-size: 18px; font-weight: 400; line-height: 1.33; text-align: center; }
.section-open-studio .description { margin-bottom: 40px; }
.section-open-studio .pictures { margin: 20px -15px 20px; }
.section-open-studio .container { margin-top: 114px; }
.section-open-studio .container.nth-1 { margin-top: 20px; }
.section-open-studio .module { position: relative; margin: 0 15px; line-height: 1; text-align: center; overflow: hidden; border-radius: 13px; }
.section-open-studio .module::before { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 38%; background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.85)); opacity: .9; transition: all .2s ease-in-out 0s; }
.section-open-studio .module:hover::before { opacity: 1; }
.section-open-studio .module img { width: 100%; height: 340px; background-size: auto 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.section-open-studio .module .desc { position: absolute; margin: 0; padding: 22px 0; left: 0; right: 0; bottom: 0; font-size: 14px; font-weight: 400; color: #fff; line-height: 1.3; cursor: default; }
 
 /* 제휴카드 할인 개편 20230420*/
.section-discount-card.re-230420 .pos-relative { position: relative; }
.section-discount-card.re-230420 .pos-absolute { position: absolute; }
.section-discount-card.re-230420 .toggle { display: none; }
.section-discount-card.re-230420 .toggle.in { display: block; }
.section-discount-card.re-230420 .action {margin: 0; text-align: center; line-height: 1; }

.section-discount-card.re-230420 .discount-card-pos {margin-bottom:100px;}
.section-discount-card.re-230420 .discount-card-foot-pos {margin-bottom:106px;}
.section-discount-card.re-230420 .action .btn {width: 240px; height:65px; font-size:20px; line-height:65px; font-weight: 400; border-radius:84px; min-width:240px; letter-spacing: -1.33px;}
.section-discount-card.re-230420 .list { min-height: auto;margin:0 70px; }
.section-discount-card.re-230420 .list .wrap { margin: 36px 0 100px; }
.section-discount-card.re-230420 .card-item { margin: 36px 0 40px; padding: 45px 20px;text-align: left; }
.section-discount-card.re-230420 .card-item {box-shadow: 2px 3px 8px 5px rgba(0, 0, 0, 8%); font-size: 24px; line-height: 1.33; color: #4a4c58; }
.section-discount-card.re-230420 .card-item .summary {width: 300px; margin:0 70px 20px 0;}
.section-discount-card.re-230420 .card-item .pic {text-align: center;margin-top: 2px;}
.section-discount-card.re-230420 .card-item .pic img { /* width: auto; max-width:300px;min-width: 190px; *//*width: 300px;height:178px*/}
.section-discount-card.re-230420 .card-item .pic img.size-card-01 {width: 300px;height:186px;}
.section-discount-card.re-230420 .card-item .pic img.size-card-02 {width: 186px;height:300px;}
.section-discount-card.re-230420 .card-item .description {float:left; width: 56.4%;}
.section-discount-card.re-230420 .foot .action .btn {user-select: none;}
.section-discount-card.re-230420 .card-item * { margin: 0; padding: 0;}
.section-discount-card.re-230420 .detail {color:#767676;font-size:20px; margin-bottom:31px;}
.section-discount-card.re-230420 .detail dt.bul-dot {padding-left:0;color:#767676;margin-bottom:4px;}
.section-discount-card.re-230420 .detail dt.bul-dot:before, 
.section-discount-card.re-230420 .detail dt.bul-dot>li:before {width: 0;height: 0;background-color:transparent;}
.section-discount-card.re-230420 .notice {color:#767676;font-size:20px;margin-bottom:7px;}
.section-discount-card.re-230420 .card-item .title1 {margin-top: 27px; margin-bottom: 22px; border-bottom:0; font-size: 24px; line-height: 1.1;color: #000;}
.section-discount-card.re-230420 .card-item .card-item-con {overflow: hidden;padding-left: 120px;}
.section-discount-card.re-230420 .card-item .description .bul-dot {margin-left: 3px;}
.section-discount-card.re-230420 .card-item .description .bul-dot li {padding-left: 12px;color: #000;font-size: 20px;letter-spacing: -0.8px;margin-bottom: 3px;/*word-break: break-all; white-space: nowrap;  text-overflow: ellipsis; */ overflow: hidden;} 
.section-discount-card.re-230420 .tab-navigation { position: relative; text-align: center; overflow: hidden; user-select: none; }
.section-discount-card.re-230420 .tab-navigation .wrap {width: 892px; margin: 0 auto; overflow: visible;}
.section-discount-card.re-230420 .tab-navigation .wrap .hold .swiper {width: 892px; margin: 0 auto;}
.section-discount-card.re-230420 .tab-navigation .wrap .swiper-wrapper{text-align: center;margin: 80px 0 0 0; font-size: 0; letter-spacing: 0;  word-spacing: 0;display:inline-block;width: 892px;}
.section-discount-card.re-230420 .tab-navigation div.reset.swiper-wrapper>div:nth-child(-n+6) {float:none;display: inline-flex;}
.section-discount-card.re-230420 .tab-navigation div.reset.swiper-wrapper>div {width: 142px; height:50px; margin: 0 0 8px 8px;float:left;display: inline-flex;}
.section-discount-card.re-230420 .tab-navigation div.reset.swiper-wrapper>div:nth-child(6n+1){margin: 0 0 8px 0;}
.section-discount-card.re-230420 .tab-navigation div.reset.swiper-wrapper>div a {position: relative;width: 142px;height:50px; border: 1px solid #d2d2d2;
border-radius: 30px; color: #767676; font-weight:500; font-size: 16px; line-height: 48px; letter-spacing: inherit; background-color: #fff; 
text-align: center; letter-spacing: -0.3px;}
.section-discount-card.re-230420 .tab-navigation div.reset.swiper-wrapper>div.in {position: relative; z-index: 2; }
.section-discount-card.re-230420 .tab-navigation div.reset.swiper-wrapper>div.in a {border: 0; height:50px; background-color: #000;font-weight:500; color: #fff; line-height:50px;}
.section-discount-card.re-230420 .tab-navigation div.reset.swiper-wrapper>div:last-of-type { border-right:0; }
.section-discount-card.re-230420 .tab-navigation { visibility: hidden; }
.section-discount-card.re-230420 .tab-navigation.is-swiper-init,
.section-discount-card.re-230420 .tab-navigation.is-swiper-disabled { visibility: visible; }
.section-discount-card.re-230420 .tab-navigation.is-swiper-init .swiper { border-right: 0; }
.section-discount-card.re-230420 .tab-navigation.is-swiper-init li:last-of-type { border-right: 0; }
.section-discount-card.re-230420 .tab-navigation.is-swiper-init .tab-nav { display: block; }
.section-discount-card.re-230420 .card-item .summary,
.section-discount-card.re-230420 .card-item .description {float:left;}
.section-discount-card.re-230420 .card-item .action {margin-top:10px;}
.section-discount-card.re-230420 .card-item .summary,
.section-discount-card.re-230420 .card-item .description,
.section-discount-card.re-230420 .card-item .action  { opacity: 0; visibility: hidden; transform: translate(0, 30px);
    transition: visibility 0s linear 0s, opacity 0s linear 0s, transform 0s linear 0s;
}
.section-discount-card.re-230420 .anim .card-item .summary,
.section-discount-card.re-230420 .anim .card-item .description,
.section-discount-card.re-230420 .anim .card-item .action  { opacity: 1; visibility: visible; transform: translate(0, 0);
    transition: visibility 0s linear 0s, opacity .6s cubic-bezier(0.76, 0, 0.24, 1) 0s, transform .6s cubic-bezier(0.76, 0, 0.24, 1) 0s;
}
.section-discount-card.re-230420 .discount-card-foot-pos a.btn-primary {background-color: #5443ff; border:0;}
.section-discount-card.re-230420 .discount-card-foot-pos a.btn-primary:focus,
.section-discount-card.re-230420 .discount-card-foot-pos a.btn-primary:hover {background-color: #3b2ec1;}
.section-discount-card.re-230420 .detail-wrap {margin:0 10px;}
.section-discount-card.re-230420 .detail-wrap dd a {color: #0090ff;}
.section-discount-card.re-230420 .notice {position: relative; padding-left:11px; font-size:14px;margin: 6px 0 0 0;}
.section-discount-card.re-230420 .notice + .notice {margin:3px 0 0 0;}
.section-discount-card.re-230420 .notice::before {content: '*'; display: block; position: absolute;top: 4px; left: 0;}
.detail-list>li {padding-left:7px;position: relative;color:#767676; font-size: 14px; line-height: 24px;}
.detail-list>li:before {content: ''; display: block; position: absolute; top:10px; left: 0; width: 2px; height: 2px;background-color:#b5b5b5;}
.section-discount-card.re-230420 .list.bul-hyphen {margin: 5px 0;}
.section-discount-card.re-230420 .list.bul-dang {margin:0;}
.section-discount-card.re-230420 .list.bul-hyphen>li {color:#767676; line-height:16px;}
.section-discount-card.re-230420 .list.bul-dang>li {color:#767676; line-height:24px; font-size: 14px;}
.section-discount-card.re-230420 .list.bul-dang>li + li {margin-top:0}
.section-discount-card.re-230420 .detail + p.notice {margin:-31px 0 35px 0;}
.detail-list-wrap {margin: 0 2px;}

.section-direct-join { margin: 0; padding: 0; }
.section-direct-join.is-background { background-color: #f0f1f2; }
.section-direct-join .order-process .order-body { min-height: 610px; }
.section-direct-join .content-section { padding-top: 0; }
.section-direct-join .order-step-wrap { padding-top: 47px; width: 100%; background-color: #fff; text-align: center; }
.section-direct-join .order-step-wrap .order-step { margin: 0 auto; width: 1160px; }
.section-direct-join .order-guide { border: 0; }
.section-direct-join .aside-order-process { width: 360px; }
.section-direct-join .head { margin: 0; padding: 50px 0 75px; background-color: #fff; text-align: center; line-height: 1.33; color: #000; }
.section-direct-join .head strong { font-weight: bold; }
.section-direct-join .head .color-primary { color: #ed174d; }
.section-direct-join .head .subject { margin: 0 0 10px 0; padding: 0; font-size: 45px; letter-spacing: -0.05em; }
.section-direct-join .head .description { margin: 5px 0 0; padding: 0; font-size: 20px; font-weight: 300; letter-spacing: -0.03em; }
.section-direct-join .body { letter-spacing: -0.03em; }
.section-direct-join .body::after { content: ''; display: table; overflow: hidden; }
.section-direct-join .body-left { float: left; width: 772px; padding-top: 45px; }
.section-direct-join .body-left p { clear: both; display: block; margin: 0; padding: 0; }
.section-direct-join .body-left .badge { display: inline-block; padding: 6px 10px; border-radius: 5px; overflow: hidden; line-height: 1; background-color: #4a4c58; letter-spacing: -0.03em; font-weight: 400; font-size: 18px; color: #fff; user-select: none; }
.section-direct-join .body-left .list { margin-bottom: -20px; }
.section-direct-join .body-left .item { clear: both; margin: 0 0 20px; padding: 0; border: 0; border-radius: 15px; overflow: hidden; background-color: #fff; line-height: 1.3; }
.section-direct-join .body-left .module { display: table; margin: 30px 0 28px; width: 100%; table-layout: fixed; }
.section-direct-join .body-left .subject,
.section-direct-join .body-left .desc { display: table-cell; vertical-align: top; }
.section-direct-join .body-left .subject { width: 40%; padding-left: 77px; }
.section-direct-join .body-left .subject .name { margin: 0; padding: 0; font-size: 26px; font-weight: 300; color: #ed174d; }
.section-direct-join .body-left .subject .name strong { font-weight: bold; }
.section-direct-join .body-left .desc { width: auto; padding-right: 55px; line-height: 1.45; letter-spacing: -0.04em; font-size: 20px; }
.section-direct-join .body-left .vendors { margin: 10px 0 0; }
.section-direct-join .body-right { box-sizing: border-box; float: right; min-height: 100%; text-align: left; letter-spacing: -0.05em; }
.section-direct-join .body-right .primary { color: #ed174d !important; }
.section-direct-join .body-right .prices { padding: 45px 0 0; width: 360px; font-size: 18px; }
.section-direct-join .body-right .prices .module { padding: 0 0 10px; border-radius: 15px; background-color: #fff; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); overflow: hidden; }
.section-direct-join .body-right .totals { position: relative; margin: 55px 30px 20px; line-height: 1; }
.section-direct-join .body-right .totals .name { font-size: 18px; font-weight: 500; letter-spacing: -0.1em; }
.section-direct-join .body-right .totals .desc { position: absolute; margin-bottom: -2px; bottom: 0; right: 0; font-size: 32px; font-weight: 400; line-height: 1; color: #ed174d; }
.section-direct-join .body-right .totals .desc span { font-size: 36px; font-weight: 500; }
.section-direct-join .body-right .item { margin: 15px 0 0; padding: 0; border: 0; }
.section-direct-join .body-right .lists { margin: 0 30px; }
.section-direct-join .body-right .lists .name,
.section-direct-join .body-right .lists .desc { padding: 4px 0; }
.section-direct-join .body-right .lists .name { float: left; }
.section-direct-join .body-right .lists .name,
.section-direct-join .body-right .lists .name strong { font-size: 18px; font-weight: 400; }
.section-direct-join .body-right .lists .desc { float: right; }
.section-direct-join .body-right .lists .desc strong { font-size: 20px; }
.section-direct-join .body-right .lists .badge { display: inline-block; padding: 4px 6px 5px; border-radius: 3px; line-height: 1; font-size: 14px; letter-spacing: -0.05em; color: #fff; background-color: #ed174d; }
.section-direct-join .body-right .sub { clear: both; display: table; margin: 0; padding: 0; list-style: none; table-layout: fixed; width: 100%; padding: 13px 15px; overflow: hidden; background-color: #eee; border-top: solid 1px #b9b9b9; line-height: 1.2; font-size: 16px; color: #767676; }
.section-direct-join .body-right .sub li { display: table-row; margin: 0; padding: 0; }
.section-direct-join .body-right .sub .name,
.section-direct-join .body-right .sub .product,
.section-direct-join .body-right .sub .desc { display: table-cell; float: none; padding: 3px 0; }
.section-direct-join .body-right .sub .name { width: 53px; }
.section-direct-join .body-right .sub .name,
.section-direct-join .body-right .sub .name strong { font-size: 16px; }
.section-direct-join .body-right .sub .name small { font-size: 14px; }
.section-direct-join .body-right .sub .product { width: auto; font-size: 14px; font-weight: 400; text-align: left; word-break: keep-all; }
.section-direct-join .body-right .sub .desc { width: 28%; text-align: right; white-space: nowrap; }
.section-direct-join .body-right .sub .desc strong { font-size: 18px; font-weight: 400; }
.section-direct-join .body-right .action-more { margin: 20px 0 20px; text-align: center; }
.section-direct-join .body-right .action-more a { display: inline-block; position: relative; padding: 2px 0; font-size: 18px; font-weight: 500; color: #6106dd; }
.section-direct-join .body-right .action-more a::before { display: block; content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background-color: #6106dd; }
.section-direct-join .body-right .description { margin: 20px 0 0; text-align: center; font-size: 14px; font-weight: 300; color: #767676; }
.section-direct-join .body-right .action-join { position: relative; margin-top: 22px; }
.section-direct-join .body-right .action-join a { display: block; position: relative; padding: 28px 0; background-color: #ed174d; text-align: center; font-size: 24px; font-weight: 500; color: #fff; border-radius: 15px; line-height: 1; user-select: none; }
.section-direct-join .order-process .order-body > .left { width: 772px; }
.section-direct-join .order-form dt { width: 159px; }
.section-direct-join .section-certification .col-b { width: 480px; }

.section-promo-order-success { clear: both; text-align: center; }
.section-promo-order-success .wrap { width: 100%; max-width: 1160px; margin: 0 auto; text-align: left; }
.section-promo-order-success .grid,
.section-promo-order-success .grid a { display: block; position: relative; }
.section-promo-order-success .notice { position: absolute; left: 0; bottom: 0; margin: 0 0 40px 40px; padding: 0; list-style: none; line-height: 1.3; color: #767676; text-align: left; }
.section-promo-order-success .notice li { margin: 0; padding: 2px 0; font-size: 12px; }
.section-promo-order-success .nth-2 { margin-top: 40px; }
.section-promo-order-success .nth-2 .notice { margin: 0 0 30px 70px; }
.section-promo-order-success .nth-3 { margin-top: 10px; border-radius: 3px; overflow: hidden; }

.order-process.ver-202403 .section-order-success .subject { margin: 22px 0 2px; line-height: 1; }
.order-process.ver-202403 .section-order-success .sub-list { margin: 5px 0; }  
.order-process.ver-202403 .section-order-success .sub-list li,
.order-process.ver-202403 .section-order-success .is-date p,
.order-process.ver-202403 .section-order-success .list .name { font-size: 24px; font-weight: 300; }
.order-process.ver-202403 .section-order-success .is-date p { margin: 5px 0; }
.order-process.ver-202403 .section-order-success .list li { padding: 0; }
.order-process.ver-202403 .section-order-success .list .desc { margin-left: 7px; padding-left: 10px; font-size: 16px; } 
.order-process.ver-202403 .section-order-success .title { padding: 55px 0 27px; font-size: 18px; font-weight: 300; line-height: 1.35; }
.order-process.ver-202403 .section-order-success .title strong { font-size: 28px; font-weight: 500; }
.order-process.ver-202403 .section-order-success .wrap { box-shadow: 0 5px 15px rgba(0, 0, 0, .15); }
.order-process.ver-202403 .section-order-success .list { line-height: 1.3; }
.order-process.ver-202403 .section-order-success .swiper-order-container.is-gift { margin-bottom: 10px; }
.order-process.ver-202403 .section-order-success .is-gift .section-gift-list { margin-top: 15px; margin-bottom: 10px; }

.section-sticky-order-success { position: fixed; z-index: 1000; bottom: 0; left: 0; right: 0; box-sizing: content-box; padding: 12px 0; border: 0; background-color: rgba(0, 0, 0, 0.8); text-align: center; max-width: 1160px; margin: 0 auto; box-shadow: 0px 16px 32px rgba(74, 76, 88, 0.15); border-radius: 12px 12px 0px 0px; opacity: 1; transition: opacity .2s ease-in-out 0s; }
.section-sticky-order-success .wrap { text-align: left; margin: 0 auto; height: 36px; color: #fff; line-height: 1; }
.section-sticky-order-success .flex { display: flex; align-items: center; }
.section-sticky-order-success .flex [class^="grow"] { text-align: center; }
.section-sticky-order-success .flex .grow-1 { flex-grow: 1; width: 22%; }
.section-sticky-order-success .flex .grow-3 { flex-grow: 3; width: 56%; }
.section-sticky-order-success .btn { width: 165px; height: 36px; line-height: 36px; font-size: 16px; font-weight: 500; }
.section-sticky-order-success { font-size: 20px; font-weight: 300; }
.section-sticky-order-success strong { font-weight: 700; } 

/*베스트페이지 버튼 디자인 변경*/
.best-item-right .btn-primary {min-width: 140px;position: relative;overflow: visible;border-radius: 0;background: #ed174d; color: #fff; border: 0;}
.best-item-right .btn-primary::before {content:''; width: 138px; height:40px;background: url('/front/web/images/shop/ico_starbucks_01.png') center center no-repeat; position: absolute; z-index: 1; top: 0; left: 50%; margin:-20px 0 0 -68px;}
.best-item-right .btn-primary:hover {background-color: #a50034;}
.best-item-right .gaip {min-width: 140px;border-radius: 0; border: 0;background-color: #4a4c59; color: #fff; line-height: 50px;}
.best-item-right .gaip:hover {background: #292929;}
.best-list.ver-200907 .best-item-wrap2 .action .btn {background-color: #fff; color: #767676; border: 1px solid #d2d2d2;}
.best-list.ver-200907 .best-item-wrap2 .action .btn:hover{color: #ed174d; border: 1px solid #ed174d;}