@charset "utf-8";
html, body, h1, h2, h3, h4, h5, h6, div, p, span, strong, em, blockquote, pre, address, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, input, select, button, label, textarea, img, a {margin:0;padding:0;}
body {background:#fff;height:auto !important; min-height:1080px;}/* 0705 길이지정 추가 */
body, input, button, select, textarea {font-weight:400; font-family:"Noto Sans","Malgun Gothic","맑은 고딕","MG","dotum","돋움",sans-serif !important;font-size:100%;color:#000;line-height:1.45;letter-spacing:-0.5px;}
ul, ol {list-style:none}

input, button, select, textarea {box-sizing:border-box;}
h1, h2, h3, h4, h5, h6 {color:#333;font-weight:normal;font-size:100%;}
table {table-layout:fixed;width:100%;border-collapse:separate;border-spacing:0;}
ol, ul {list-style-type:none;}
img, input, select, textarea, button {vertical-align:top;border:0;}
textarea, input {font-size:14px;}
textarea {-webkit-appearance:none;padding:5px 7px;border:1px solid #adadad;resize:none;}
hr {border:0;visibility:hidden;}
em, i, address {font-style:normal;}
a:link, a:visited, a:active {text-decoration:none;}
a:hover, a:focus {text-decoration:none;/*text-decoration:underline;*/}
legend, caption, .hidden, .blind {overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);}
caption span {color:inherit;}
select {height:32px;line-height:32px;font-size:14px !important;color:#333;border:1px solid #adadad;}
input[type="text"], input[type="password"] {-webkit-appearance:none;height:30px;padding:0 10px;color:#444;border:1px solid #adadad;vertical-align:middle;}
input[type="text"] {line-height:30px;}
input[type="password"] {font-family:verdana;font-size:12px;line-height:28px;}
input[type="checkbox"][aria-hidden="true"],
input[type="radio"][aria-hidden="true"]{display:none;}
.formHidden {z-index:-1;}
a.inputTrans label{cursor:pointer !important;}
button {overflow:visible;background:none;border:0;cursor:pointer;}
button, button:focus, button:active {padding:0;}
button > span {position:relative;}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {border-style:none;padding:0;}
[type="password"] {font-family:"Verdana";}
[type=text]::-ms-clear {display:none; width:0; height:0;} /* Remove IE default X */
[type="radio"]:focus + label, [type="checkbox"]:focus + label {outline:1px dashed #666;}
.clearfix:after {content:'';display:block;clear:both}
.clearfix{*zoom:1;}

/*_____ scope - reserved word _____*/
/* common */
.invisible {overflow:hidden;position:absolute;left:-1000%;top:auto;width:1px;height:1px;}
caption.invisible {position:relative;}
.hide {display:none;}
.flow {float:left;}
.reverse {float:right;}
.ellipsis {overflow:hidden;display:inline-block;max-width:95%;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-0.5px;}

/* 숨김텍스트 :서브페이지에서 사용하는 클래스가 있어 둘다 필요함 */
.hidetxt {position:absolute; width:1px; height:1px; margin:-1px; line-height:1; font-size:1px; overflow:hidden; clip:rect(0,0,0,0); color:transparent;}
.txthide {position:absolute; color:transparent;} /* 0705 숨김텍스트 형식 추가 */
/* E:base.css */

/* SHOP MAIN */
.shop-main {background:#fff; color:#000;}
.shop-main * {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-family:'Noto Sans';}
div,p, dt,dd,li, h1,h2,h3,h4,h5,h6, span,strong,b,em, th,td, a, button, input, select, textarea {color:#000;}

.ui-section {position:relative; margin:96px 0 0; background-repeat:no-repeat; background-position:50% 0;}
.ui-section .ui-column {position:relative; width:1080px; margin:0 auto;}
.ui-section .ui-column > br:only-child{display:none;}
.ui-section-tit {position:relative; z-index:2; margin:0 0 32px 0;}
.ui-section-tit h3 {display:inline-block; vertical-align:top; letter-spacing:-0.25px; font-family:'Noto Sans Bold'; font-size:32px; color:#000;}
.ui-section-tit h3 a {display:block; position:relative; padding-right:31px; color:#000; font-family:'Noto Sans Bold';}
.ui-section-tit h3 a:before,
.ui-section-tit h3 a:after {content:''; position:absolute; right:6px; z-index:2; width:3px; height:16px; background:#000;}
.ui-section-tit h3 a:before {top:calc(40% + 4px); transform:rotate(45deg);}
.ui-section-tit h3 a:after {top:calc(40% - 6px); transform:rotate(135deg);}
.ui-goodtip-area .ui-section-tit h3 a:after,
.ui-goodtip-area .ui-section-tit h3 a:before{display:none;}
.ui-section-tit h3.ui-h3-tit a:after,
.ui-section-tit h3.ui-h3-tit a:before{display:none;}
.ui-goodtip-area li {margin-left:0 !important}
.ui-section.ui-top-banner{margin-top:48px;}
.ui-section.ui-top-banner a{border-radius:20px;overflow:hidden;display: block;}
.ui-key-visual + .ui-section {margin-top:48px}

.ui-section-tit.main-cs {display: flex;}
.main-cs-notice {position: relative; width:932px; background: #d9f3f2; border-radius: 15px; line-height: 1.5em; font-size:14px; padding:10px 25px 10px 40px;letter-spacing:0; margin-left:30px;}
.main-cs-notice:before {content: ''; display:inline-block; position: absolute;left:15px; width:24px; height:24px; background: url('https://image.shop.kt.com/upload/editor/display/set-icon-main-cs.png') no-repeat 50% 50%; background-size:100%;}

/* 헬퍼 */
.floating-banner{position:fixed; width:1080px;left:50%; top:65px; height:1px; margin-left:-520px; text-align:center; z-index:1050;}
.floating-banner.posi-right .inner .floating-banner-r-01{ position: absolute;right:50%;top:79px;margin-right:-659px;width: 118px; text-align: left; transition: none;}
.floating-banner.posi-right .inner .floating-banner-r-01 a{display:block;}
.floating-banner.posi-right .inner .floating-banner-r{ position: absolute;right:50%;top:34px;margin-right:-659px;width: 118px; text-align: left; transition: none;}
.floating-banner.posi-right .inner .floating-banner-r a{display:block;}
/* .floating-banner.posi-right .inner .floating-banner-r-02{position: absolute;top:248px;right:50%;margin-right:-669px;width: 99px; transition: none;border-radius:20px;background:#fff;} */
.floating-banner.on {z-index:1500;}

/* 좌측 하단 플로팅 */
.ui-floating-bot {position:fixed; bottom:88px; left:50%; z-index:1000; width:1080px;font-size:0;margin-left:-540px}
.ui-floating-bot.bg {z-index:1500;}
.ui-floating-bot.bg:after {content:''; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4);}
.ui-floating-bot * {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.ui-floating-bot .ui-inner {position:absolute; bottom:0; right:50%; margin-right:570px;}
.ui-floating-bot .ui-box {margin-top:10px; background:#fff; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
.ui-floating-bot .ui-box:first-child {margin-top:0;}

.ui-recent.bg{z-index:1500;}
.ui-recent.bg:after{content:''; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4);}

/* 좌측 하단 플로팅 - 최근본상품 */
.floating-banner-r-02 {position: fixed; bottom: 20px; left: 50%; margin-left: 570px; z-index: 1050; border-radius: 20px; background:#fff;}
.ui-recent {width:100px; height:140px; border:1px solid #d9d9d9; text-align:center;}
.ui-recent .recent-tit {display:block; padding:10px 0 7px; font-weight:normal; font-size:13px; font-family:'Noto Sans Medium';}
.ui-recent .recent-img {width:72px; min-height:72px; margin:0 auto; padding:1px;}
.ui-recent .recent-img a {display:block; width:70px; background:#f2f2f2; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.ui-recent .recent-img img {max-width:100%; height:70px;}
.ui-recent .recent-more {padding:0px 16px;}
.ui-recent .recent-more a {display:block; height:30px; padding:7px 0; font-size:12px;}
.ui-recent .recent-more a span {padding-right:18px; background:url(/images/pc/main/online/btn_more.png) no-repeat 100% 50%; font-family:'Noto Sans';}
.ui-recent .ui-pop-recent {display:none; position:absolute; bottom:0; right:100%; z-index:2; width:900px; height:337px; margin-right:30px; padding:48px 24px 50px; border:1px solid #707070; background:#fff; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; box-sizing:border-box;}
.ui-recent .ui-pop-recent.on {display:block;}
.ui-recent .ui-pop-recent .pop-tit {font-size:24px; font-family:'Noto Sans Medium';}
.ui-recent .ui-pop-recent .pop-cont {margin-top:24px;}
.ui-recent .ui-pop-recent .pop-cont .slider-area {padding:0 63px;}
.ui-recent .ui-pop-recent .pop-cont .slider-area ul li {padding:1px; width:222px; height:112px;}

.ui-recent .ui-pop-recent .pop-cont .slider-area ul li:first-child {margin-left:0;}
.ui-recent .ui-pop-recent .pop-cont .slider-area ul li a {display:block; position:relative; width:220px; height:110px; padding:10px 10px 10px 110px; border:1px solid #e2e2e2; background-color:#fff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; box-sizing:border-box;}
.ui-recent .ui-pop-recent .pop-cont .slider-area ul li a:hover {border-color:#5ddfde;}
.ui-recent .ui-pop-recent .pop-cont .slider-area ul li a:focus {border-color:#5ddfde;}
.ui-recent .ui-pop-recent .pop-cont .slider-area ul li a:focus:before {content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #5ddfde; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
.ui-recent .ui-pop-recent .pop-cont .slider-area ul li .thumb {position:absolute; top:9px; left:10px; width:90px; height:90px; background-color:#f1f5f8; border-radius:6px;}
.ui-recent .ui-pop-recent .pop-cont .slider-area ul li .thumb img {display:block; width:90px; height:90px;}
.ui-recent .ui-pop-recent .pop-cont .slider-area ul li .txt {display:table-cell; width:95px; height:90px; vertical-align:middle; text-align:left; font-size:13px;}
.ui-recent .ui-pop-recent .pop-cont .slider-area ul li .txt p .name{display:-webkit-box; overflow:hidden; max-width:95px; max-height:37px; text-overflow:ellipsis; white-space:normal; -webkit-line-clamp:2; word-wrap:break-word; -webkit-box-orient:vertical; font-family:'Noto Sans';}
.ui-recent .ui-pop-recent .bx-controls.bx-has-controls-direction{width:100% !important;top:60px;}
.ui-recent .ui-pop-recent .bx-controls-direction{width:100% !important;}
@media screen and (min-width:0\0){
	.ui-recent .ui-pop-recent .pop-cont .slider-area {padding:0 62px;}
	.ui-recent .ui-pop-recent .pop-cont .slider-area ul li .txt p {line-height:1.3;}
}
.ui-recent .ui-pop-recent .pop-cont .slider-area ul li .txt span {color:#ed1b23; font-family:'Noto Sans';}
.ui-recent .ui-pop-recent .pop-cont .slider-area .bx-controls-direction a {position:absolute; top:50%; width:45px; height:45px; margin-top:-22px; border:1px solid #e6e6e6; background:#fff url(/images/pc/main/online/set_btn_indi_02.png) no-repeat; color:transparent; text-indent:0; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; font-size:1%; color:transparent;}
.ui-recent .ui-pop-recent .pop-cont .slider-area .bx-controls-direction .bx-prev {left:-63px; background-position:0 0;}
.ui-recent .ui-pop-recent .pop-cont .slider-area .bx-controls-direction .bx-next {right:-63px; background-position:0 -45px;}
.ui-recent .ui-pop-recent .pop-btn {position:absolute; bottom:50px; left:0; width:100%; text-align:center;}
.ui-recent .ui-pop-recent .pop-btn a {width:115px;}
.ui-recent .ui-pop-recent .btn-close {position:absolute; top:20px; right:20px; width:16px; height:16px;}
.ui-recent .ui-pop-recent .btn-close:before,
.ui-recent .ui-pop-recent .btn-close:after {content:''; position:absolute; top:-2px; right:7px; z-index:2; width:2px; height:20px; background:#000;}
.ui-recent .ui-pop-recent .btn-close:before {transform:rotate(45deg);}
.ui-recent .ui-pop-recent .btn-close:after {transform:rotate(135deg);}
.ui-recent .ui-pop-recent .ui-btn-moreview{margin-top:25px;}
.ui-recent .ui-pop-recent-msg {display:none; position:absolute; bottom:0; right:calc(100% + 30px); z-index:2; width:450px; height:252px; margin-left:30px; padding:39px 20px 50px; border:1px solid #707070; background:#fff; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.ui-recent .ui-pop-recent-msg.on {display:block;}
.ui-recent .ui-pop-recent-msg .txt {padding-top:66px; background:url(/images/pc/main/online/icon_msg.png) no-repeat 50% 0; color:#909090; font-size:18px; font-family:'Noto Sans';}
.ui-recent .ui-pop-recent-msg .btn-box {margin-top:25px;}
.ui-recent .ui-pop-recent-msg .btn-box button {width:125px; height:45px; background:#000; color:#fff; font-size:16px; font-family:'Noto Sans Medium'; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}

/* 좌측 하단 플로팅 - 온마시 */
.ui-onmasi {}
/* .ui-onmasi .bn_fix_s {display:block; padding:1px;}
.ui-onmasi .bn_fix_s a {display:block;}
.ui-onmasi .bn_fix_s img {display:block; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;} */
.ui-onmasi .bn_fix_s{display:block;width:100px;height:85px;border-radius: 20px; background:#49575d;background-size:26px auto;/* padding:0 10px;*/ box-sizing: border-box;}
.ui-onmasi .bn_fix_s a{display:block;width:100%;height:100%;padding-top:7px;box-sizing:border-box; text-align:center;color:#fff;font-size:12px;line-height:1.3}
.ui-onmasi .bn_fix_s .ui-box-rel{position:relative;margin:0 auto;display:inline-block;height:22px;}
.ui-onmasi .bn_fix_s strong{max-width:86px;padding-right:12px;margin: 0 auto 5px;color:#5DDFDE;font-size:13px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;word-wrap:break-word;}
.ui-onmasi .bn_fix_s span{position:absolute;top:0;right:0;margin-bottom:5px;color:#5DDFDE;font-size:13px;font-weight:bold;}
.ui-onmasi .bn_fix_b {display:none; position:absolute; bottom:0; left:100%; z-index:2; padding-left:30px;width:550px;}
.ui-onmasi .bn_fix_b.on {display:block;}
.ui-onmasi .bn_fix_b .onmasi-area{position:relative;display:block;height:250px;padding:40px;box-sizing:border-box; border-radius: 20px; background:#49575d;background-size:75px auto;font-size:15px;color:#fff}
.ui-onmasi .bn_fix_b .onmasi-area span{display:block;color:#fff;font-size:15px;font-family: 'Noto Sans KR'; font-weight:300}
.ui-onmasi .bn_fix_b .onmasi-area span:first-child{margin-bottom:8px}
.ui-onmasi .bn_fix_b .onmasi-area span.msg{font-size:30px;font-weight:700}
.ui-onmasi .bn_fix_b .onmasi-area span.msg strong{width:450px;font-family:inherit;color:#5ddfde; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ui-onmasi .bn_fix_b .onmasi-area .go{position:absolute;bottom:40px;left:40px;color:#fff;font-family: 'Noto Sans KR';font-size:15px;font-weight:500}
.ui-onmasi .bn_fix_b .onmasi-area .go:focus{outline:1px dashed #fff}
.ui-onmasi .bn_fix_b .onmasi-area .go:after{	content:"";position:absolute;top:50%;right:-12px;width: 7px; height: 7px; border: 2px solid #fff;  border-top: 0; border-left: 0; transform: translateY(-50%) rotate(-45deg);
}
.ui-onmasi .bn_fix_b .clslayer {position:absolute; top:16px; right:46px; width:30px;height:30px;}
/* 개인화 영역 로그인 전 */
.ui-onmasi .ui-onmasi-box .bn_fix_s {background:none;}
.ui-onmasi .ui-onmasi-box .bn_fix_s a {padding-top:0;}
.ui-onmasi .ui-onmasi-box .bn_fix_b .onmasi-area {padding:0; background:none;}
/* 개인화 영역내에 온마시 */
.ui-onmasi .bn_fix_b .onmasi-area.onmasi-bnn {padding:0;}

/* S:닫기버튼 - 닷컴에서는 배너 자체에 닫기버튼을 포함하지만 현재 디자인에 닫기버튼이 없어 임시로 추가 */
.ui-onmasi .bn_fix_b .clslayer:before,
.ui-onmasi .bn_fix_b .clslayer:after {content:''; position:absolute; z-index:2;  background:#fff;}
.ui-onmasi .bn_fix_b .clslayer:before{top:50%;left:0;height: 3px;width:100%;transform: translateY(-50%) rotate(45deg);}
.ui-onmasi .bn_fix_b .clslayer:after{top:0;left:50%;height:100%;width:3px;transform: translateX(-50%) rotate(45deg);}

/* E:닫기버튼 */

/* bxslider */
.shop-main .bx-wrapper .bx-controls .bx-pager {overflow:hidden; position:absolute; top:auto; bottom:0; left:32px; z-index:9; width:65px; height:32px; padding:0; color:#808080; text-align:center; font-size:16px; font-family:'Roboto Medium'; line-height:32px;}
.shop-main .bx-wrapper .bx-controls .bx-pager a {background:transparent; color:transparent;}
.shop-main .bx-wrapper .bx-pager.bx-default-pager a {border:none;}
.shop-main .bx-wrapper .bx-pager.bx-default-pager a.active,
.shop-main .bx-wrapper .bx-pager.bx-default-pager a:focus,
.shop-main .bx-wrapper .bx-pager.bx-default-pager a:hover {background:none;}
.shop-main .bx-wrapper .bx-controls {position:absolute; top:0; right:0; z-index:2; height:32px; text-align:center;}
.shop-main .bx-wrapper .bx-controls.bx-has-controls-direction {width:101px;}
.shop-main .bx-wrapper .bx-controls.bx-has-controls-direction.bx-has-pager {width:173px;}
.shop-main .bx-wrapper .bx-controls.bx-has-controls-direction.bx-has-controls-auto.bx-has-pager {width:169px;}
.shop-main .bx-wrapper .bx-controls .bx-controls-auto {position:absolute; top:0; bottom:auto; right:0; width:32px !important; height:32px; z-index:9;}
.shop-main .bx-wrapper .bx-controls .bx-controls-auto a {display:inline-block; position:absolute; top:0; right:0; z-index:2; min-width:auto; min-height:auto; width:32px; height:32px; margin:0; background:url(/images/pc/main/online/set_btn_indi_210929.png) no-repeat 0 0; color:transparent;}
.shop-main .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a.active {display:none;z-index:1;}
.shop-main .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a.bx-stop {background-position:0 -84px;}
.shop-main .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a.bx-start {background-position:0 -126px;}
.shop-main .bx-wrapper .bx-controls .bx-controls-direction a {position:absolute; top:0; bottom:auto; width:32px; height:32px; margin:0; background:url(/images/pc/main/online/set_btn_indi_210929.png) no-repeat; color:transparent; text-indent:0;}
.shop-main .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev {left:0; background-position:0 0;}
.shop-main .bx-wrapper .bx-controls .bx-controls-direction a.bx-next {right:0; background-position:0 -42px;}
.shop-main .bx-wrapper .bx-controls .bx-controls-direction {position:absolute; top:0; bottom:auto; left:0;}
.shop-main .bx-wrapper .bx-controls.bx-has-controls-direction.bx-has-pager .bx-controls-direction {width:129px; height:32px;}

/* common :버튼 - 전체보기 */
.ui-btn-moreview {display:inline-block; height:40px; line-height:38px;padding:0 30px; border:1px solid #a8a8a8; background:#fff; border-radius:20px;}
.ui-btn-moreview span {position:relative; padding-right:18px; font-size:16px;}
.ui-btn-moreview span:before {content:''; position:absolute; top:50%; right:0; width:16px; height:16px; margin-top:-7px; background:url(/images/pc/main/online/btn_more_231005.gif) no-repeat;}

/* 로그인 메시지 */
.ui-msg-area {margin:0; padding:16px 0;}
.ui-login-msg {padding:10px; background:#f8f8f8; text-align:center; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}
.ui-login-msg .txt {display:inline-block; vertical-align:middle; font-size:14px; font-family:'Noto Sans Medium';}
/* .ui-login-msg .txt .ui-txt-point{position:relative;font-weight:600;z-index:1;}
.ui-login-msg .txt .ui-txt-point:after{content:'';position:absolute;bottom:0;left:-1px;width:calc(100% + 2px);height:6px;background:#5ddfde;z-index:-1;} */
.ui-login-msg .txt .ui-txt-point{position:relative;z-index:1;}
.ui-login-msg .txt .ui-txt-point:after{display:none;}
.ui-login-msg .ui-login {display:inline-block; height:30px; margin-left:26px; padding:5px 32px; background:#5ddfde; vertical-align:middle; font-size:14px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}

/* 메인 빅배너 */
.ui-key-visual {overflow:hidden;/*width:1920px;*/height:400px; margin:0 auto; padding:0; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;/*transform:translate(-50%, 0);margin-left:50%;*/}
.ui-key-visual:after {content:'';display: block; clear: both;}
.ui-key-visual ul li {height:400px; text-align:center;}
.ui-key-visual ul li .banner-img {display:block; overflow:hidden; position:relative; height:100%;}
.ui-key-visual ul li .banner-img img {position:absolute; top:0; left:50%; transform: translateX(-50%); max-width:none; height:100%;/*width:100%;*/}
.ui-key-visual ul li .banner-img .userName {position:absolute; top:57px; left:50%;margin-left:-500px;color:#000;z-index:10;font-size:23px;font-weight:normal}
.ui-key-visual .bx-wrapper {border:none; box-shadow:none}
.ui-key-visual .bx-wrapper .bx-controls {top:auto; bottom:48px; left:50%; margin-left:-500px;}
.ui-key-visual .onmasBannerHtml > div {height:100%;}
.ui-key-visual ul li .banner-img area{position: absolute;left: 50%;top: 245px;margin-left: -500px;width: 180px;height: 45px;}
.ui-key-visual ul li.onmasBannerHtml area{top:255px;}


/* 바로가기 */
.ui-shortcut {margin:-1px 0 -5px;}
.ui-shortcut ul {  margin:0 -11px; padding:1px;  }
.ui-shortcut ul:after{content:"";display:block;clear:both}
.ui-shortcut ul li {float:left; width:110px; vertical-align:top; text-align:center;}
.ui-shortcut ul li a {display:block; position:relative;}
.ui-shortcut ul li a:before {content:''; display:block; width:90px; height:90px; margin:0 auto; background:#f1f5f8 url(/images/pc/main/online/set_icon_main.png) no-repeat; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.ui-shortcut ul li a span {display:block; margin-top:12px; font-size:16px; letter-spacing:-1px;}
.ui-shortcut ul li.list-01 a:before {background-color:#e8f8f6;}
.ui-shortcut ul li.list-02 a:before {background-color:#e8f8f6; background-position:0 -90px;}
.ui-shortcut ul li.list-03 a:before {background-position:0 -180px;}
.ui-shortcut ul li.list-04 a:before {background-position:0 -270px;}
.ui-shortcut ul li.list-05 a:before {background-position:0 -360px;}
.ui-shortcut ul li.list-06 a:before {background-position:0 -450px;}
.ui-shortcut ul li.list-07 a:before {background-position:0 -540px;}
.ui-shortcut ul li.list-08 a:before {background-position:0 -630px;}
.ui-shortcut ul li.list-09 a:before {background-position:0 -720px;}
.ui-shortcut ul li.list-10 a:before {background-position:0 -810px;}
.ui-shortcut ul li.list-01 a span,
.ui-shortcut ul li.list-02 a span{color:#01a69f}

/* 인기상품 */
.ui-main-popul {position:relative;z-index:2;}
.ui-main-popul .tab-menu .depth-01 ul {margin:0 -1px; padding:1px; font-size:0;}
.ui-main-popul .tab-menu .depth-01 ul li {display:inline-block; margin-left:4px; vertical-align:top;}
.ui-main-popul .tab-menu .depth-01 ul li:first-child {margin-left:0;}
.ui-main-popul .tab-menu .depth-01 ul li a {display:block; height:36px; font-size:16px; line-height:36px;border-radius:36px;font-weight:bold;padding:0 20px;}
.ui-main-popul .tab-menu .depth-01 ul li.on a {background:#000; color:#fff; font-family:'Noto Sans Medium'; }
.ui-main-popul .tab-menu .depth-02 {display:none; position:relative; margin-top:24px;}
.ui-main-popul .tab-menu .depth-02.on {display:block;}
.ui-main-popul .tab-menu .depth-02 ul {margin:0 -1px; padding:1px; font-size:0;}
.ui-main-popul .tab-menu .depth-02 ul li {position:relative;display:inline-block; margin-left:40px; vertical-align:top;z-index: 1;}
.ui-main-popul .tab-menu .depth-02 ul li:first-child {margin-left:0;}
.ui-main-popul .tab-menu .depth-02 ul li:before {content:'';position:absolute;top:calc(50% - 6px);left:-20px;width:1px;height:12px;background:#d9d9d9}
.ui-main-popul .tab-menu .depth-02 ul li:first-child:before {display:none;}
.ui-main-popul .tab-menu .depth-02 ul li a {color:#525252; font-size:16px;}
.ui-main-popul .tab-menu .depth-02 ul li.on a {color:#000;font-weight:bold;}
.ui-main-popul .tab-menu .depth-02 ul li.on:after{content:'';position:absolute;bottom:-2px;left:0;z-index:-1;width:100%;height:2px;background:#000;}
.ui-main-popul .prd-list {display:none; margin-top:25px;}
.ui-main-popul .prd-list.on {display:block;}
.ui-main-popul .btn-box {margin-top:50px; text-align:center;}
.ui-main-popul .btn-box .ui-btn-moreview em {color:#01a69f;}

.ui-main-popul .tab-menu .depth-01.newUi{margin-top: -70px;text-align: right;border-bottom: 1px solid #ddd;}
.ui-main-popul .tab-menu .depth-01.newUi ul{margin:0;padding:0;font-size: initial;}
.ui-main-popul .tab-menu .depth-01.newUi ul li{margin-left:40px;}
.ui-main-popul .tab-menu .depth-01.newUi ul li a{padding:0;height:42px;border-radius: 0;color:#757575;font-weight: normal;}
.ui-main-popul .tab-menu .depth-01.newUi ul li.on a{background: transparent;color: #000;border-bottom:2px solid #000;font-weight: bold;}

.ui-main-popul .tab-menu .depth-02.newUi{width: 380px;height: 65px;margin: 20px auto;background: url(/images/pc/main/online/popul_tab_bg.jpg) center top no-repeat;}
.ui-main-popul .tab-menu .depth-02.newUi ul{margin:0;padding:0;}
.ui-main-popul .tab-menu .depth-02.newUi ul li{margin:0;}
.ui-main-popul .tab-menu .depth-02.newUi li:before,
.ui-main-popul .tab-menu .depth-02.newUi li.on:after{content:none}
.ui-main-popul .tab-menu .depth-02.newUi li a{display: block;width:120px;height:65px;color: transparent !important;}
.ui-main-popul .tab-menu .depth-02.newUi li:nth-child(1).on a{background: url(/images/pc/main/online/popul_tab01.jpg) no-repeat;width:135px;margin-left:3px;}
.ui-main-popul .tab-menu .depth-02.newUi li:nth-child(2).on a{background: url(/images/pc/main/online/popul_tab02.jpg) no-repeat;width:135px;margin-left:3px;}
.ui-main-popul .tab-menu .depth-02.newUi li:nth-child(3).on a{background: url(/images/pc/main/online/popul_tab03.jpg) no-repeat;width:135px;margin-left:2px;}

#depthSubList{margin-top:-20px;}
.ui-phone-list-wrap2{display: flex;flex-wrap: wrap;gap: 24px;}
.ui-phone-list-wrap2 .prod-list{width:252px;height:242px;padding:20px;background:#f2f6f7;border-radius: 20px;border: 1px solid #e1e9ea;position: relative;}
/* .ui-phone-list-wrap2 .prod-list .more{position:absolute;right:20px;bottom:20px;width:28px;height:28px;background: url(/images/pc/main/online/ico_more.jpg) 0 0 no-repeat;background-size:28px;border-radius:100%;z-index: 1;} */
.ui-phone-list-wrap2 .prod-list .more{width:100px;height:28px;line-height:26px;position:absolute;right:20px;bottom:12px;background: #fff;border:1px solid #A8A8A8;border-radius: 50px;text-align: center;z-index: 1;}
.ui-phone-list-wrap2 .prod-list .more span{padding-right:10px;position: relative;font-size:12px;}
.ui-phone-list-wrap2 .prod-list .more span:before{content: "";position: absolute;right: 0px;top: 50%;width: 1px;height: 11px;background-color: #000;transform: translateY(-5px);}
.ui-phone-list-wrap2 .prod-list .more span:after{content: "";position: absolute;right: -5px;top: 50%;width: 11px;height: 1px;background-color: #000;}
.ui-phone-list-wrap2 .prod-list .prod-flag span{display: inline-block;margin-bottom:5px;background: #fff;font-size: 11px;padding: 4px 7px;line-height: 1;}
.ui-phone-list-wrap2 .prod-list .prod-flag .flag01{color: #01a69f;border: 1px solid #01a69f;}
.ui-phone-list-wrap2 .prod-list .prod-flag img{margin-bottom:5px;height:20px;}
.ui-phone-list-wrap2 .prod-list .prod-name{display:block;font-size:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ui-phone-list-wrap2 .prod-list .prod-price{margin-top:3px;color:#525252;font-size:15px;}
.ui-phone-list-wrap2 .prod-list .prod-price em{color:#525252;}
.ui-phone-list-wrap2 .prod-list .prod-img{width:100px;position: absolute;bottom: 40px;left: 50%;transform: translateX(-50%);}
.ui-phone-list-wrap2 .prod-list .prod-price-info{display:none;position: absolute;left: 0;bottom:0;width: 100%;height: 65%;z-index: 1;}
.ui-phone-list-wrap2 .prod-list .prod-price-info>div{position: absolute;left: 0;padding: 10px 20px;width: 100%;height: 100%;border-radius: 20px;background: rgba(255,255,255,.96);transform: translateY(20px);transition: transform .4s;}
.ui-phone-list-wrap2 .prod-list .prod-price-info .box-txt li{display: flex;justify-content: space-between;font-size: 12px;}
.ui-phone-list-wrap2 .prod-list .prod-price-info .box-txt li .txt{color:#525252;}
.ui-phone-list-wrap2 .prod-list .prod-price-info .box-txt li:nth-child(3) .txt,
.ui-phone-list-wrap2 .prod-list .prod-price-info .box-txt li:nth-child(3) .price{color:red;}
.ui-phone-list-wrap2 .prod-list .prod-price-info .box-txt.type2{margin-top: 5px;padding-top: 5px;border-top: 1px solid #ddd;text-align:left;}
.ui-phone-list-wrap2 .prod-list .prod-price-info .box-txt.type2 li{display: block;}
.ui-phone-list-wrap2 .prod-list .prod-price-info .box-txt.type2 li .txt,
.ui-phone-list-wrap2 .prod-list .prod-price-info .box-txt.type2 li .price{color:red;}
.ui-phone-list-wrap2 .prod-list .prod-price-info .btn-order{width:100px;height:28px;line-height:26px;position: absolute;right: 20px;bottom:12px;background: #000;border-radius: 50px;text-align: center;}
.ui-phone-list-wrap2 .prod-list .prod-price-info .btn-order span{padding-right:10px;position: relative;color:#fff;font-size:12px;}
.ui-phone-list-wrap2 .prod-list .prod-price-info .btn-order span:after{content:"";position: absolute;right: 0;top: 50%;width: 6px;height: 6px;border-top: 1px solid #fff;border-right: 1px solid #fff;transform: rotate(45deg) translateY(-50%);}
.ui-phone-list-wrap2 .prod-list .prod-price-info .close{position:absolute;right:20px;top:-40px;width:28px;height:28px;background: url(/images/pc/main/online/btn_popul_close.png) 0 0 no-repeat;background-size:28px;border-radius:100%;}
.ui-phone-list-wrap2 .prod-list.active .prod-price-info{display:block;}

.ui-phone-list-wrap2 .prod-list.best{padding:53px 40px;width: 528px;}
.ui-phone-list-wrap2 .prod-list.best .prod-price-info{height:60%;}
.ui-phone-list-wrap2 .prod-list.best .prod-tit{transition: all .4s;}
.ui-phone-list-wrap2 .prod-list.best .prod-flag span{margin-bottom:15px;}
.ui-phone-list-wrap2 .prod-list.best .prod-name{width: calc(100% - 180px);font-size:25px;}
.ui-phone-list-wrap2 .prod-list.best .prod-price{font-size:18px;}
.ui-phone-list-wrap2 .prod-list.best .prod-img{position: absolute;left:auto;bottom:auto;right: 30px;top: 50%;width: 130px;transform: translateY(-50%);}
.ui-phone-list-wrap2 .prod-list.best .prod-price-info>div{padding:10px 40px;}
.ui-phone-list-wrap2 .prod-list.best .prod-price-info .box-txt{width: 50%;}
.ui-phone-list-wrap2 .prod-list.best .prod-price-info .box-txt li{min-height:20.3px;font-size:14px;}
.ui-phone-list-wrap2 .prod-list.best .prod-price-info .btn-order{bottom:25px;}
.ui-phone-list-wrap2 .prod-list.best.active .prod-flag span{margin-bottom:5px;}
.ui-phone-list-wrap2 .prod-list.best.active .prod-tit{margin-top:-35px;}
.ui-phone-list-wrap2 .prod-list.best.active .prod-name{font-size:23px;}
.ui-phone-list-wrap2 .prod-list.best.active .prod-price{font-size:15px;}

#tab-002.ui-prd-list,
#tab-003.ui-prd-list{margin-top:35px;}

/* 띠배너,핫딜,슈퍼결합 */
.ui-fullbanner-line {z-index:2; margin:0;}
[class*=ui-fullbanner] a {display:block;}
[class*=ui-fullbanner] a img {display:block;}

/* 상품슬라이드 */
.ui-slider-prd {position:relative; height:555px; padding:48px 675px 60px 96px;border-radius:20px;}
.ui-slider-prd.type-01 {background-color:#F8F1CF;}
.ui-slider-prd.type-02 {background-color:#D9F0F5;}
.ui-slider-prd .tit-area {margin-top:4px;margin-bottom:9.3vw;}
.ui-slider-prd .tit-area p {position:relative; z-index:2; color:#fff;}
.ui-slider-prd .tit-area .txt-01 {font-weight:bold; font-size:32px; letter-spacing:-0.5px;line-height:41px;}
.ui-slider-prd .tit-area .txt-02 {margin-top:11px; font-size:16px; letter-spacing:-0.5px; line-height:24px;}
.ui-slider-prd .tit-area .bg {position:absolute; left:47px;bottom:33px;z-index:1;}
.ui-slider-prd .tit-area .bg img {display:block;}
.ui-slider-prd .tit-area .btn-box {margin-top:24px;}
.ui-slider-prd .tit-area .btn-box .btn-more {position:relative;height:45px; padding:0 25px 0 16px; border:1px solid #fff; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.ui-slider-prd .tit-area .btn-box .btn-more span {color:#fff;}
.ui-slider-prd .tit-area .btn-box .btn-more:after{content:'';position:absolute;top:calc(50% - 8px);right:8px;width:16px;height:16px;background:url('/images/pc/main/online/ui-btn-more-210929.png') no-repeat;background-size:16px;}
.ui-slider-prd .slider-area {position:absolute; top:48px; right:92px; width:528px;}
.ui-slider-prd .slider-area ul li {overflow:hidden; width:252px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
.ui-slider-prd .bx-wrapper .bx-controls.bx-has-controls-direction {top:215px; height:0; width:100%;}
.ui-slider-prd .bx-wrapper .bx-controls .bx-controls-direction {width:100%;}
.ui-slider-prd .bx-wrapper .bx-controls .bx-controls-direction a {position:absolute; top:-22px; bottom:auto; width:45px; height:45px; margin:0; background:url(/images/pc/main/online/set_btn_indi_02_210929.png) no-repeat; color:transparent; text-indent:0;}
.ui-slider-prd .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev {left:-55px; background-position:0 0;}
.ui-slider-prd .bx-wrapper .bx-controls .bx-controls-direction a.bx-next {right:-55px; background-position:0 -45px;}
.ui-slider-prd.type-01 .ui-cable-list-wrap .prodItemCase .prodItem .prodPayFold{border-bottom:none;}
.ui-slider-prd.type-01 .ui-cable-list-wrap .prodItemCase .prodItem .totalPay{padding-top:20px;border-top:1px solid #d5d5d5;}
.ui-slider-prd.type-02 .ui-phone-list-wrap .link{height:179px;}
.ui-slider-prd.type-02 .ui-phone-list-wrap.slider-area *{letter-spacing:0;}
.ui-slider-prd.type-02 .ui-phone-list-wrap .link .img{margin-top:5px;max-height:170px;}
.ui-slider-prd.type-02 .ui-phone-list-wrap.slider-area .box-price-info{padding:18px 0 0 0;}
.ui-slider-prd.type-02 .ui-phone-list-wrap.slider-area .box-price-info .txt{font-size:14px;letter-spacing:-0.8px;}
.ui-slider-prd.type-02 .ui-phone-list-wrap.slider-area .box-price-info .price{font-size:14px;letter-spacing:0;}
.ui-slider-prd.type-02 .ui-phone-list-wrap.slider-area .box-txt-data{display:none;}
.ui-slider-prd.type-02 .ui-phone-list-wrap.slider-area .box-price-info > div{margin-top:2px;}
.ui-slider-prd.type-02 .ui-phone-list-wrap.slider-area .box-price-info > div:last-child{border-top:1px solid #d5d5d5;padding-top:16px;margin-top:20px;}
.ui-slider-prd.type-02 .ui-phone-list-wrap.slider-area .box-price-info > div:last-child .price{font-size:16px;}
.ui-slider-prd.type-02 .ui-phone-list-wrap .ui-list > div:nth-child(3){margin-bottom:0;padding:0;}
.ui-slider-prd.type-02 .ui-phone-list-wrap .ui-list{float:inherit;}
.ui-slider-prd.type-02 .ui-phone-list-wrap .ui-list:first-child{margin-left:0px;}
.ui-slider-prd.type-02 .ui-phone-list-wrap .ui-list:nth-child(n+5) {display:inherit;}

.ui-slider-prd .tit-area .btn-box a.btn-more {display: inline-block; line-height: 43px;}

/* 핫이슈, 기획전 */
.ui-slider-default {position:relative; z-index:2; width:1082px; margin:-1px 0 0 -1px;}
.ui-slider-default .slider-area {}
.ui-slider-default .slider-area li {padding:1px 0; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.ui-slider-default .slider-area li a {display:block;margin:1px 2px;}
.ui-slider-default .slider-area li a img{ max-width:100%;}
.ui-slider-default .bx-wrapper .bx-controls {position:absolute; top:-63px; right:0; height:32px; text-align:right;}
.ui-slider-main-exhibition .slider-area li img{width:100%;border-radius:26px;}

/* 꿀팁 */
.ui-thumb-list {margin-bottom:-4px;}
.ui-thumb-list ul {font-size:0;}
.ui-thumb-list ul li {display:inline-block; width:340px; vertical-align:top;}
/* margin-left:30px;  */
.ui-thumb-list ul li:first-child {margin-left:0;}
.ui-thumb-list ul li a {display:block;}
.ui-thumb-list ul li a .thumb {display:block; overflow:hidden; position:relative; width:340px; height:180px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;}
.ui-thumb-list ul li a .thumb:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);z-index:2;}
.ui-thumb-list ul li a .thumb:after {content:''; position:absolute; top:0; right:0; bottom:0; left:0; z-index:3; background:url(/images/pc/main/online/icon_play.png) no-repeat 50% 50% }
.ui-thumb-list ul li a .thumb img {display:block; position:relative; z-index:1; width:340px; height:180px;}
.ui-thumb-list ul li a .sbj {display:block;overflow:hidden; margin-top:16px; text-overflow:ellipsis; white-space:nowrap; font-size:16px; font-family:'Noto Sans Medium'; font-weight: normal;}

/* 메인 - 꿀팁동영상 개선 */
.ui-pop-goodtip {display:none; position:absolute; top:-100px; width:100%; z-index:10;}
.ui-pop-goodtip.on {display:block;}
.ui-pop-goodtip .goodtip-wrap {position:relative; z-index:2; width:1020px; height:560px; margin:0 auto; background-color:#1f1f1f; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; box-shadow:6px 8px 20px 0px #444;}
.ui-pop-goodtip .goodtip-wrap > .inner-wrap {padding:32px 30px;}
.ui-pop-goodtip .goodtip-wrap > .inner-wrap:after {content:''; display:block; clear:both;}
.ui-pop-goodtip .ui-goodtip-vod {float:left; width:600px;}
.ui-pop-goodtip .ui-goodtip-vod .vod-iframe {width:600px; height:336px; background:#000; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;}
.ui-pop-goodtip .ui-goodtip-vod .vod-iframe iframe {width:600px; height:336px;}
.ui-pop-goodtip .ui-goodtip-vod .script-box {overflow-y:scroll; width:600px; height:150px; margin-top:10px; border:1px solid #3d3d3d; background:#000; padding:23px 29px; color:#fff; font-size:13px; font-family:'Noto Sans Light'; line-height:1.7; letter-spacing:0;}
.ui-pop-goodtip .ui-goodtip-vod .script-box * {color:#fff;}
.ui-pop-goodtip .ui-goodtip-vod .script-box .subject {font-size:20px; font-family:'Noto Sans Bold';}
.ui-pop-goodtip .ui-goodtip-list {float:left; width:340px; height:495px; position:relative; margin-left:20px;}
.ui-pop-goodtip .ui-goodtip-list .ui-vod-list li {margin-top:15px;}
.ui-pop-goodtip .ui-goodtip-list .ui-vod-list li:first-child {margin-top:0;}
.ui-pop-goodtip .ui-goodtip-list .ui-vod-list li a {display:block;}
.ui-pop-goodtip .ui-goodtip-list .ui-vod-list li .ui-inner {display:table; width:100%;}
.ui-pop-goodtip .ui-goodtip-list .ui-vod-list li .ui-inner > div {display:table-cell; vertical-align:middle;}
.ui-pop-goodtip .ui-goodtip-list .ui-vod-list li .thumb {width:130px; height:70px;}
.ui-pop-goodtip .ui-goodtip-list .ui-vod-list li .thumb .thumb-img {display:block; position:relative; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px;}
.ui-pop-goodtip .ui-goodtip-list .ui-vod-list li .thumb .thumb-img img {width:130px; height:70px; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px;}
.ui-pop-goodtip .ui-goodtip-list .ui-vod-list li .tit {padding-left:20px;}
.ui-pop-goodtip .ui-goodtip-list .ui-vod-list li .tit .thumb-txt {display:-webkit-box; overflow:hidden; max-height:70px; color:#fff; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; font-size:16px;}
.ui-pop-goodtip .ui-goodtip-list .ui-vod-list li.active .thumb-img img {-webkit-border-radius:11px; -moz-border-radius:11px; border-radius:11px;}
.ui-pop-goodtip .ui-goodtip-list .ui-vod-list li.active .thumb-img:after {content:''; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; border:2px solid #ec2323; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px;}
.ui-pop-goodtip .ui-goodtip-list .ui-controls {position:absolute; bottom:20px; left:0; width:100%; text-align:center; font-size:0;}
.ui-pop-goodtip .ui-goodtip-list .ui-controls button {display:inline-block; background-color:#fff; background-image:url(/images/pc/main/online/set_btn_indi_03.png); background-repeat:no-repeat; width:22px; height:22px; -webkit-border-radius:22px; -moz-border-radius:22px; border-radius:22px;}
.ui-pop-goodtip .ui-goodtip-list .ui-controls button:disabled {background-color:#bfbfbf;}
.ui-pop-goodtip .ui-goodtip-list .ui-controls .btn-prev {background-position:0 0;}
.ui-pop-goodtip .ui-goodtip-list .ui-controls .btn-next {background-position:0 -22px;}
.ui-pop-goodtip .ui-goodtip-list .ui-controls .ui-pager {margin:0 20px; font-size:16px;}
.ui-pop-goodtip .ui-goodtip-list .ui-controls .ui-pager * {display:inline-block; color:#fff; }
.ui-pop-goodtip .ui-goodtip-list .ui-controls .ui-pager strong {font-family:'Roboto Bold';}
.ui-pop-goodtip .ui-goodtip-list .ui-controls .ui-pager span {font-family:'Roboto Raguler';}
.ui-pop-goodtip .ui-goodtip-list .ui-controls .ui-pager .slash {margin:0 5px;}
.ui-pop-goodtip .ui-close-box {position:absolute; top:20px; right:20px; z-index:10;}
.ui-pop-goodtip .ui-close-box .btn-close {display:block; position:relative; width:24px; height:24px;}
.ui-pop-goodtip .ui-close-box .btn-close:before,
.ui-pop-goodtip .ui-close-box .btn-close:after {content:''; position:absolute; top:-4px; right:11px; z-index:2; width:2px; height:32px; background:#fff;}
.ui-pop-goodtip .ui-close-box .btn-close:before {transform:rotate(45deg);}
.ui-pop-goodtip .ui-close-box .btn-close:after {transform:rotate(135deg);}

/* 고객지원 */
.ui-section.ui-cs-area {padding:44px 0 48px 0;}
.ui-main-cs {overflow:hidden;}
.ui-main-cs:after{content:'';clear: both; display: block;}
.ui-main-cs .box {float:left; width:525px; height:267px; margin-left:30px; background:#fff; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
.ui-main-cs .box:first-child {margin-left:0;}
.ui-main-cs .cs {padding:24px 41px;width:436px;}
.ui-main-cs .phone {font-size:24px;}
.ui-main-cs .phone li {position:relative; margin-top:2px; padding-left:31px;}
.ui-main-cs .phone li:first-child {margin-top:0;}
.ui-main-cs .phone li:before {content:''; position:absolute; top:50%; left:0; width:24px; height:24px; margin-top:-13px; background:url(/images/pc/main/online/set_icon_tel_210929.png) no-repeat 0 0;}
.ui-main-cs .phone li.list-02:before {background-position:0 -34px;}
.ui-main-cs .phone li strong {font-weight:700; font-family:'Roboto Bold';}
.ui-main-cs .time {margin-top:24px; padding-top:24px; border-top:1px solid #a8a8a8; font-size:16px; line-height:24px;}
.ui-main-cs .time * {color:#525252}
.ui-main-cs .time strong {position:relative; margin-right:20px; font-weight:normal;color:#525252}
.ui-main-cs .time strong:before {content:''; position:absolute; top:6px; right:-10px; width:1px; height:14px; background-color:#525252;}
.ui-main-cs .time .sunday {font-size:14px;}
.ui-main-cs .advice {float:right;width:620px;padding:15px 40px;margin-left:24px;}
.ui-main-cs .advice:after {content:'';clear:both;display:block}
.ui-main-cs .advice ul {position:relative;}
.ui-main-cs .advice ul li {position:relative; float:left; width:236px; height:40px; margin:9px 0; border-bottom:1px solid #d9d9d9; background:url(/images/pc/main/online/icon_more_210929.png) no-repeat 100% 50%;}
.ui-main-cs .advice ul li:before {content:''; position:absolute; top:calc(50% - 11px); left:0; width:25px; height:27px; background:url(/images/pc/main/online/set_icon_advice_220331.png) no-repeat;}
.ui-main-cs .advice ul li:nth-child(2n) {margin-left: 68px;}
.ui-main-cs .advice ul li.list-01:before {background-position:0 0;}
.ui-main-cs .advice ul li.list-02:before {background-position:0 -37px;}
.ui-main-cs .advice ul li.list-03:before {background-position:0 -74px;}
.ui-main-cs .advice ul li.list-04:before {background-position:0 -111px;}
.ui-main-cs .advice ul li.list-05:before {background-position:0 -148px;}
.ui-main-cs .advice ul li.list-06:before {background-position:0 -185px;}
.ui-main-cs .advice ul li.list-07:before {background-position:0 -228px;}
.ui-main-cs .advice ul li.list-08:before {background-position:0 -268px;}
.ui-main-cs .advice ul li a {display:block; overflow:hidden; position:relative; z-index:2; padding:0 15px 0 40px; font-size:16px; text-overflow:ellipsis; white-space:nowrap; line-height:40px; letter-spacing:-1px;}
.ui-latest-list {margin-top:24px;}
.ui-latest-list ul li {height:72px; margin-top:10px; padding:24px 40px 24px; background:#fff; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
.ui-latest-list ul li:first-child {margin-top:0;}
.ui-latest-list ul li dl {position:relative; padding-left:132px;}
.ui-latest-list ul li dl dt {position:absolute; top:50%; left:0; width:117px; margin-top:-16px; font-family:'Noto Sans Bold'; font-size:16px; line-height:30px;}
.ui-latest-list ul li dl dt:before {content:''; position:absolute; top:50%; right:0; width:1px; height:16px; margin-top:-8px; background-color:#d9d9d9;}
.ui-latest-list ul li dl dd {padding-right:297px;}
.ui-latest-list ul li dl dd span.sbj {display:block; position:relative; top:-2px; padding:2px 3px 1px;}
.ui-latest-list ul li dl dd span.sbj a {display:inline-block; overflow:hidden; max-width:100%; text-overflow:ellipsis; white-space:nowrap;}
@media screen and (min-width:0\0){
	.ui-latest-list ul li dl dd span.sbj {padding-bottom:2px;}
}
.ui-latest-list ul li dl dd span.date {position:absolute; top:0; right:163px; width:100px; text-align:center;color:#808080}
.ui-latest-list ul li dl dd span.more {position:absolute; top:0; right:0;}
.ui-latest-list ul li dl dd span.more a {position:relative; padding-right:18px; background:url(/images/pc/main/online/btn_more.png) no-repeat 100% 50%;}

.ui-prd-list{display:none;margin-top:35px;}
.ui-prd-list.on{display:block;}
.ui-box-btn{text-align:center;margin-top:40px;}
.ui-box-btn .ui-txt{color:#000}
.box-btn .box-flex{display:flex;margin-top:16px;}
.box-btn .box-flex > span{display:inline-block;}
.box-btn .box-flex button span{font-weight: bold;}
.box-btn .box-flex > span:nth-child(1){width:40px;height:40px;margin-right:5px}
.box-btn .box-flex > span:nth-child(2){width:calc(100% - 45px);}
.box-btn .box-flex .btn-like{display:inline-block;position:relative;box-sizing:border-box;position:relative;width:100%;height:100%;border:1px solid #000;border-radius:10px;vertical-align:top;}
.box-btn .box-flex .btn-like:after{position:absolute;top:0;left:0;z-index:1;content:"";width:100%;height:100%;background:url('/images/pc/main/online/icon-like.png') no-repeat center;background-size:16px}
.box-btn .box-flex .btn-like.on{border-color:#a8a8a8;}
.box-btn .box-flex .btn-like.on:after{background:url('/images/pc/main/online/icon-like-on_210929.png') no-repeat center;background-size:24px}
.box-btn .box-flex .btn-order{border-radius:8px;background:#5DDFDE;font-size:16px;font-weight:600;height:40px;line-height:40px;width:100%;}
.box-btn .box-flex .box-flex-link {border-radius: 8px; background: #5DDFDE; font-size: 15px; font-weight: 500; height: 40px; line-height: 40px; width: 100%; text-align: center; display:block; font-weight: bold;}

.ui-phone-list-wrap{margin-top:-6px; }
.ui-phone-list-wrap:after{content:"";display:block;clear:both}
.ui-phone-list-wrap .ui-list{position:relative;margin-left:24px;width:252px;background:#fff;border:1px solid #d9d9d9;border-radius:20px;overflow: hidden;float:left;}
.ui-phone-list-wrap .ui-list * {letter-spacing:0}
.ui-phone-list-wrap .ui-list:first-child{margin-left:0px;}
.ui-phone-list-wrap .ui-list:nth-child(n+5) {display:none;}

.ui-phone-list-wrap .ui-list > div:nth-child(2),
.ui-phone-list-wrap .ui-list > div:nth-child(3){padding:0 20px}
.ui-phone-list-wrap .ui-list > div:nth-child(3){margin-bottom:20px;}
.ui-phone-list-wrap .link{position:relative;display:block;background:#f6f6f8;height:180px;text-align:center;overflow:hidden;}
/* .ui-phone-list-wrap .link:after{content:"";position:absolute;right:20px;bottom:20px;width:22px;height:22px;background:url('/unify/pc/images/mobile/order/prod_list/icon_expansion03.png') no-repeat center; } */
.ui-phone-list-wrap .link .img{max-width:200px;max-height:140px;margin-top:39px;}
.ui-phone-list-wrap .box-beige{position:absolute;top:0;left:0;padding:15px 0 0 16px}
.ui-phone-list-wrap .box-beige:after{content:'';display:block;clear:both;}
.ui-phone-list-wrap .box-beige .icon-beige{float:left;line-height:20px;font-size:11px;color:#fff;background:#9DA5AD;padding:0 9px;border-radius:10px;margin-left:4px;}
.ui-phone-list-wrap .box-beige .icon-beige:first-child{margin-left:0;}
.ui-phone-list-wrap .box-beige .icon-beige.bg-green{background:#01A69F;}
.ui-phone-list-wrap .prod-tit{font-size:20px;font-weight:600;margin-top:13px;text-align:center;display:block;word-break:break-all;word-wrap:break-word;padding:0 10px;letter-spacing:0;}
.ui-phone-list-wrap .box-txt-tip{line-height:32px;text-align:center;margin-top:9px;height:32px;background:#ededed;border-radius:8px;padding:0 10px;}
.ui-phone-list-wrap .box-txt-tip em{font-size:12px;color:#808080;display: block; overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; word-wrap: break-word;}
.ui-phone-list-wrap .box-price-info{padding-top:20px;}
.ui-phone-list-wrap .box-price-info > div{position:relative;margin-top:1px;}
.ui-phone-list-wrap .box-price-info > div:first-child{margin-top:0px;}
.ui-phone-list-wrap .box-price-info .txt{font-size:14px;line-height:21px;color:#525252}
.ui-phone-list-wrap .box-price-info .price{position:absolute;top:0;right:0;line-height:21px;font-family:'Roboto';font-size:14px;color:#525252}
.ui-phone-list-wrap .box-price-info .color-red .txt{color:#ED1B23}
.ui-phone-list-wrap .box-price-info .color-red .price{color:#ED1B23}
.ui-phone-list-wrap .box-price-info .color-green{color:#01A69F}
.ui-phone-list-wrap .box-price-info > div:last-child{margin-top:19px;padding-top:12px;border-top:1px solid #d5d5d5}
.ui-phone-list-wrap .box-price-info > div:last-child .txt{color:#000;}
.ui-phone-list-wrap .box-price-info > div:last-child .price{font-weight:500;top:16px;font-size:16px;}
.ui-phone-list-wrap .box-price-info > div:last-child .price .color-green{font-weight:600;font-size:20px;color:#000;font-family:'Roboto';margin:0 -1px;}
.ui-phone-list-wrap.slider-area{display:inherit;}
.ui-phone-list-wrap.slider-area li{margin-left:0;height:428px}
.ui-phone-list-wrap.slider-area .link{border-radius:20px 20px 0 0;height:160px;}
.ui-phone-list-wrap.slider-area .link .img{max-height:260px}
.ui-phone-list-wrap.slider-area .prod-tit{margin-top:13px;padding:0 20px;font-size:20px;font-weight:700;display:block;word-break:break-all;word-wrap:break-word;font-size:16px;color:#000;}
.ui-phone-list-wrap.slider-area .box-price-info{padding:18px 20px;}
.ui-phone-list-wrap.slider-area .box-price-info .txt{font-size:13px;line-height:20px;}
.ui-phone-list-wrap.slider-area .box-price-info .price{line-height:20px;font-size:13px;color:#808080}
.ui-phone-list-wrap.slider-area .box-price-info .unit{color:#808080}
.ui-phone-list-wrap.slider-area .box-price-info .color-red .price{color:#ED1B23}
.ui-phone-list-wrap.slider-area .box-price-info > div{margin-top:4px;}
.ui-phone-list-wrap.slider-area .box-price-info > div:last-child{margin-top:6px;padding:0;border:none;text-align:right;}
.ui-phone-list-wrap.slider-area .box-price-info > div:last-child .price{position:static;font-size:17px;color:#000;}
.ui-phone-list-wrap.slider-area .box-price-info > div:last-child .price .bold{font-size:20px;font-weight:700;}
.ui-phone-list-wrap.slider-area .box-txt-data{border-top:1px solid #E9E9E9;font-size:13px;padding-top:8px;color:#808080;margin:0 20px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:48px;}
.ui-phone-list-wrap.slider-area .box-btn{position:absolute;left:20px;bottom:19px;width:calc(100% - 40px);}
.ui-phone-list-wrap .box-price-info .color-red + div {height:38px;}
.ui-phone-list-wrap .prod-tit.smallName {overflow:hidden;text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:17px;height:29px;line-height: 29px;}
.ui-phone-list-wrap.slider-area .prod-tit.smallName {overflow:hidden;text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:17px;height:29px;line-height: 29px;}

/* 상품 카드 아이템 */
.ui-cable-list-wrap{display:flex;}
.ui-cable-list-wrap * {letter-spacing:0}
.ui-cable-list-wrap:after{content:'';display:block;clear:both;}
.ui-cable-list-wrap li{position:relative;margin-left:30px;width:340px;border:1px solid #d9d9d9;border-radius:20px;padding:20px 20px 110px 20px;background:#fff;float:left;}
.ui-cable-list-wrap li:first-child{margin-left:0;}
.ui-cable-list-wrap .prodItemCase .prodItem {display:block;padding:0;font-size:13px;color:#000;}
.ui-cable-list-wrap .prodItemCase .prodItem .prodInfoWired{display:block;}
.ui-cable-list-wrap .prodItemCase .prodItem .prodTypeIcon{margin:12px 0 0;}
.ui-cable-list-wrap .prodItemCase .prodItem .prodTypeIcon:after{content:'';display:block;clear:both;}
.ui-cable-list-wrap .prodItemCase .prodItem .prodTypeIcon span{float:left;margin-left:4px;}
.ui-cable-list-wrap .prodItemCase .prodItem .prodTypeIcon span:first-child{margin-left:0;}
.ui-cable-list-wrap .prodItemCase .prodItem .prodTypeIcon [class^="typeIcon"]{display:inline-block;width:32px;height:32px;margin-bottom:16px;vertical-align:middle;background-repeat:no-repeat;background-size:100%;background-position:center;}
.ui-cable-list-wrap .prodItemCase .prodItem .prodTypeIcon [class^="typeIcon"] em{display:block;overflow:hidden;height:0;font-size:1px;line-height:0;padding:0;margin:0;}
.ui-cable-list-wrap .prodItemCase .prodItem .prodTypeIcon .typeIcon01 {background-image:url('/images/pc/main/online/icon_prod_type01.png');}
.ui-cable-list-wrap .prodItemCase .prodItem .prodTypeIcon .typeIcon02 {background-image:url('/images/pc/main/online/icon_prod_type02.png');}
.ui-cable-list-wrap .prodItemCase .prodItem .prodTypeIcon .typeIcon03 {background-image:url('/images/pc/main/online/icon_prod_type03.png');}
.ui-cable-list-wrap .prodItemCase .prodItem .prodTypeIcon .typeIcon04 {background-image:url('/images/pc/main/online/icon_prod_type04.png');}
.ui-cable-list-wrap .prodItemCase .prodItem .prodTypeIcon .typeIcon05 {background-image:url('/images/pc/main/online/icon_prod_type05.png');}
.ui-cable-list-wrap .prodItemCase .prodItem .prodTypeIcon .typeIcon06 {background-image:url('/images/pc/main/online/icon_prod_type06.png');}
.ui-cable-list-wrap .prodItemCase .prodItem .prodTypeIcon .typeIcon07 {background-image:url('/images/pc/main/online/icon_prod_type07.png');}
.ui-cable-list-wrap .prodItemCase .prodItem .flagBox:after{content:'';display:block;clear:both;}
.ui-cable-list-wrap .prodItemCase .prodItem .flagBox .flagItem{float:left;font-size:12px;padding:0 6px;line-height:24px;margin-bottom:5px;background-color:#ededed;margin-right:4px;border-radius:4px;}
.ui-cable-list-wrap .prodItemCase .prodItem .flagBox .flagItem:last-child{margin-right:0;}
.ui-cable-list-wrap .prodItemCase .prodItem .prodName{position:relative;font-weight:bold;font-size:20px;margin-top:7px;display:block;}
/* .ui-cable-list-wrap .prodItemCase .prodItem .prodName{position:relative;padding-right:30px;font-weight:bold;font-size:20px;margin-top:3px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} */
/* .ui-cable-list-wrap .prodItemCase .prodItem .prodName:after{content:"";position:absolute;right:0;top:5px;width:22px;height:22px;background:url('/unify/pc/images/mobile/order/prod_list/icon_expansion03.png') no-repeat center; } */
.ui-cable-list-wrap .prodItemCase .prodItem .prodPayFold {overflow:hidden;position:relative;padding:0;border-top:1px solid #d5d5d5;padding-top:16px;border-bottom:1px solid #d5d5d5;padding-bottom:16px;margin-bottom:15px;}
.ui-cable-list-wrap .prodItemCase .prodItem .totalPay{position:absolute;bottom:80px;left:20px;width:calc(100% - 40px);display:table;}
.ui-cable-list-wrap .prodItemCase .prodItem .totalPay:after{content:'';display:block;clear:both;}
.ui-cable-list-wrap .prodItemCase .prodItem .totalPay .price,
.ui-cable-list-wrap .prodItemCase .prodItem .totalPay .discount{display:block;float:right;}
.ui-cable-list-wrap .prodItemCase .prodItem .prodPay [class^="paymentInfo"] .rowItem{ display:table;width:100%;}
.ui-cable-list-wrap .prodItemCase .prodItem .prodPay [class^="paymentInfo"] .rowItem > div,
.ui-cable-list-wrap .prodItemCase .prodItem .totalPay > div{display:table-cell;width:auto;line-height:19px;font-size:14px;}
.ui-cable-list-wrap .prodItemCase .prodItem .prodPay .rowItem {margin:4px 0;}
.ui-cable-list-wrap .prodItemCase .prodItem .prodPay .rowItem > .txt,
.ui-cable-list-wrap .prodItemCase .prodItem .totalPay > div.discount{text-align:right;}
.ui-cable-list-wrap .prodItemCase .prodItem .totalPay > div.discount{font-size:12px;margin-top:2px;margin-right:8px;}
.ui-cable-list-wrap .prodItemCase .prodItem .prodPay .paymentInfo02 .tit,
.ui-cable-list-wrap .prodItemCase .prodItem .prodPay .paymentInfo02 .txt{color:#525252}
.ui-cable-list-wrap .prodItemCase .prodItem .prodPay .paymentInfo02 .red,
.ui-cable-list-wrap .prodItemCase .prodItem .totalPay .discount{color:#ed1b23}
.ui-cable-list-wrap .prodItemCase .prodItem .totalPay .price{font-size:16px}
.ui-cable-list-wrap .prodItemCase .prodItem .totalPay .price strong{font-size:20px;font-family:'Roboto';}
.ui-cable-list-wrap .box-btn{position:absolute;bottom:20px;left:20px;width:calc(100% - 40px);}
.ui-cable-list-wrap.slider-area{display:inherit;}
.ui-cable-list-wrap.slider-area li{margin-left:0;height:465px}

.ui-cable-list-wrap .prodItemCase .prodItem .prodName.smallName {overflow:hidden;text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:17px;height:29px;line-height: 29px;}
/*.ui-cable-list-wrap.slider-area .prodItemCase .prodItem .prodName.smallName {}*/

.ui-cable-list-wrap.newUi li{padding:25px;height:505px;background-color: #f2f6f7;border-color:#e1e9ea;}
.ui-cable-list-wrap.newUi .prodItemCase .prodItem .flagBox{margin-left:-4px;}
.ui-cable-list-wrap.newUi .prodItemCase .prodItem .flagBox span {float: left;margin:0 0 4px 4px;background: #fff;border-radius: 5px;font-size: 13px;padding: 5px 8px;line-height: 1;color: #959595;border: 1px solid #a8a8a8;}
.ui-cable-list-wrap.newUi .prodItemCase .prodItem .flagBox .bg-mint {color: #01a69f;border-color: #01a69f;}
.ui-cable-list-wrap.newUi .prodItemCase .prodItem .prodName{display:block !important;margin-top: 6px;height: inherit;font-size: 25px !important;line-height: 32px;}
.ui-cable-list-wrap.newUi .btn-order {float: right;margin-top:30px;padding: 5px 20px;background: #000;border-radius: 50px;}
.ui-cable-list-wrap.newUi .btn-order span {padding-right: 10px;position: relative;color: #fff;font-size: 13px;}
.ui-cable-list-wrap.newUi .btn-order span:after {content: "";position: absolute;right: 3px;top: 50%;width: 6px;height: 6px;border-top: 1px solid #fff;border-right: 1px solid #fff;transform: rotate(45deg) translateY(-50%);}
.ui-cable-list-wrap.newUi .prodItemCase .prodItem .prodPay .paymentInfo02 .tit{padding-left:3px;}
.ui-cable-list-wrap.newUi .prodItemCase .prodItem .prodPay .paymentInfo02 .tit:before{content: 'ㄴ';}
.ui-cable-list-wrap.newUi .prodItemCase .prodItem .prodPay .paymentInfo02 .discount .tit{padding-left:0;}
.ui-cable-list-wrap.newUi .prodItemCase .prodItem .prodPay .paymentInfo02 .discount .tit:before{content: none;}
.ui-cable-list-wrap.newUi .prodItemCase .prodItem .totalPay{display:block;width:100%;position: static;}
.ui-cable-list-wrap.newUi .prodItemCase .prodItem .prodPay .rowItem > span{display: table-cell;width: auto;line-height: 19px;font-size: 16px;}
.ui-cable-list-wrap.newUi .prodItemCase .prodItem .prodPay .paymentInfo02 .rowItem > span{font-size: 13px;}
.ui-cable-list-wrap.newUi .prodItemCase .prodItem .prodTypeIcon{margin-top:20px;}
.ui-cable-list-wrap.newUi .prodItemCase .prodItem .prodTypeIcon [class^="typeIcon"]{width:40px;height:40px;}
.ui-cable-list-wrap.newUi .prodItemCase .prodItem .prodTypeIcon .typeIcon01 {background-image:url('/images/pc/main/online/icon_prod_new_type01.png');}
.ui-cable-list-wrap.newUi .prodItemCase .prodItem .prodTypeIcon .typeIcon02 {background-image:url('/images/pc/main/online/icon_prod_new_type02.png');}
.ui-cable-list-wrap.newUi .prodItemCase .prodItem .prodTypeIcon .typeIcon03 {background-image:url('/images/pc/main/online/icon_prod_new_type03.png');}
.ui-cable-list-wrap.newUi .prodItemCase .prodItem .prodTypeIcon .typeIcon04 {background-image:url('/images/pc/main/online/icon_prod_new_type04.png');}
.ui-cable-list-wrap.newUi .prodItemCase .prodItem .prodTypeIcon .typeIcon05 {background-image:url('/images/pc/main/online/icon_prod_new_type05.png');}
.ui-cable-list-wrap.newUi .prodItemCase .prodItem .prodTypeIcon .typeIcon06 {background-image:url('/images/pc/main/online/icon_prod_new_type06.png');}
.ui-cable-list-wrap.newUi .prodItemCase .prodItem .prodTypeIcon .typeIcon07 {background-image:url('/images/pc/main/online/icon_prod_new_type07.png');}
.ui-cable-list-wrap.newUi .prodItemCase .prodItem .prodTypeIcon .typeIcon08 {background-image:url('/images/pc/main/online/icon_prod_new_type08.png');}

.ui-accessories-list-wrap{display:flex;}
.ui-accessories-list-wrap:after{content:'';display:block;clear:both;}
.ui-accessories-list-wrap li{position:relative;margin-left:24px;width:252px;border:1px solid #d9d9d9;border-radius:20px;float:left;}
.ui-accessories-list-wrap li:first-child{margin-left:0;}
.ui-accessories-list-wrap li .img-bx{position:relative;display:inline-block;overflow:hidden;width:100%;height:180px;border-radius:20px 20px 0 0;text-align:center;}
.ui-accessories-list-wrap li .img-bx:after{content:'';position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.04)}
.ui-accessories-list-wrap li .img-bx .img{max-width:100%;max-height:100%;margin-top:41px;}
.ui-accessories-list-wrap li:nth-child(n+5) {display:none;}
.ui-accessories-list-wrap .prd-tit{font-size:17px;font-weight:500;line-height:26px;margin-top:13px;padding:0 20px;height:52px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;word-wrap:break-word;}
.ui-accessories-list-wrap .ui-price-info{margin-top:20px;height:48px;padding:0 20px}
.ui-accessories-list-wrap .ui-price-info .ui-price-txt{position:relative;height:21px;}
.ui-accessories-list-wrap .ui-price-info .ui-price-txt .txt{font-size:14px;color:#525252}
.ui-accessories-list-wrap .ui-price-info .ui-price-txt .payment{position:absolute;top:0;right:0;font-size:14px;}
.ui-accessories-list-wrap .ui-price-info .ui-price-txt.price-box {padding-top:21px}
.ui-accessories-list-wrap .ui-price-info .ui-price-txt.price-box *{color:red;}
.ui-accessories-list-wrap .ui-price-info .ui-price-txt.price-box .payment {top:21px;}
.ui-accessories-list-wrap .ui-price-info .discount-box + .price-box {padding-top:0}
.ui-accessories-list-wrap .ui-price-info .discount-box + .price-box .payment {top:0;}
.ui-accessories-list-wrap .prd-pay-lst{border-top:1px solid #d5d5d5;margin:16px 20px 10px 20px;padding-top:16px;position:relative;}
.ui-accessories-list-wrap .prd-pay-lst:after{content:'';display:block;clear:both;}
.ui-accessories-list-wrap .prd-pay-lst .side-txt{display:block;font-size:14px;color:#ED1B23;margin-bottom:1px;}
.ui-accessories-list-wrap .prd-pay-lst .discount{float:left;font-size:24px;font-weight:600;font-family:'Roboto';color:#ED1B23}
.ui-accessories-list-wrap .prd-pay-lst .payment{float:right;font-size:20px;}
.ui-accessories-list-wrap .prd-pay-lst .payment em{font-family:'Roboto'; font-weight: bold;}
.ui-accessories-list-wrap .ui-tag-area{position:absolute;top:16px;left:16px;}
.ui-accessories-list-wrap .ui-tag-area:after{content:'';display:block;clear:both;}
.ui-accessories-list-wrap .ui-tag-area .product-icon{float:left;margin-left:4px;line-height:20px;padding:0 10px;font-size:11px;font-weight:500;background:#959595;color:#fff;font-weight:500;border-radius:4px;}
.ui-accessories-list-wrap .ui-tag-area .product-icon:first-child{margin-left:0;}
.ui-accessories-list-wrap .ui-tag-area .product-icon.bg-red{background:#ED1B23}
.ui-accessories-list-wrap .ui-tag-area .product-icon.bg-green{background:#01A69F;color:#fff;}

.ui-accessories-list-wrap.newUi li{padding:25px;height:505px;background-color: #f2f2f2;border:1px solid #e1e9ea;}
.ui-accessories-list-wrap.newUi .ui-tag-area{position: static;margin-left:-4px;}
.ui-accessories-list-wrap.newUi .prd-tit{margin-top:6px;padding:0;font-size: 21px;font-weight: bold;height: 58px;line-height: 29px;}
.ui-accessories-list-wrap.newUi li .img-bx{display: block;margin: 10px -25px;width: auto;background: #fff;border-radius: 0;}
.ui-accessories-list-wrap.newUi li .img-bx .img{margin:0}
.ui-accessories-list-wrap.newUi li .img-bx:after{background: rgb(11 34 41 / 4%);}
.ui-accessories-list-wrap.newUi .ui-price-info{margin: 0;padding: 10px 0 0;border-top: 1px solid #d5d5d5;}
.ui-accessories-list-wrap.newUi .prd-pay-lst{padding:12px 0;margin:15px 0;}
.ui-accessories-list-wrap.newUi .prd-pay-lst .discount{font-size:16px;}
.ui-accessories-list-wrap.newUi .prd-pay-lst .side-txt{position: absolute;bottom: 0;}
.ui-accessories-list-wrap.newUi .prd-pay-lst .payment{font-size:15px;}
.ui-accessories-list-wrap.newUi .prd-pay-lst .payment em{font-size:20px;}
.ui-accessories-list-wrap.newUi .btn-order{float:right;padding:5px 20px;background: #000;border-radius: 50px;}
.ui-accessories-list-wrap.newUi .btn-order span{padding-right:10px;position: relative;color:#fff;font-size:12px;}
.ui-accessories-list-wrap.newUi .btn-order span:after{content:"";position: absolute;right: 3px;top: 50%;width: 6px;height: 6px;border-top: 1px solid #fff;border-right: 1px solid #fff;transform: rotate(45deg) translateY(-50%);}

.ui-accessories-list-wrap.newUi .ui-tag-area .product-icon{margin:0 0 4px 4px;border-radius: 5px;font-size: 13px;padding: 5px 8px;line-height: 1;background:#fff;color:#959595;border: 1px solid #a8a8a8;}
.ui-accessories-list-wrap.newUi .ui-tag-area .product-icon.bg-red{border-color:#ED1B23;color:#ED1B23;}
.ui-accessories-list-wrap.newUi .ui-tag-area .product-icon.bg-green{border-color:#01A69F;color:#01A69F;}

.layerWrap {display:none;position:fixed;left:0;top:0;right:0;bottom:0;color:#000;z-index:1300;word-break:keep-all;}
.layerWrap .layerMask {position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.5);}
.layerWrap [class^="focusAccessibility"] {display:block;overflow:hidden;width:0;height:0;padding:0;margin:0;font-size:1px;line-height:0;}
.layerWrap .layerBox {overflow:hidden;position:fixed;left:50%;top:50%;width:800px;border-radius:20px;background-color:#fff;transform:translate(-50%, -50%);}
.layerWrap .layerBox:focus{ outline: 1px dashed #fff;}
.layerWrap .layerBox .layerHeader {padding:40px 40px 10px;background-color:#fff;z-index:10;}
.layerWrap .layerBox .layerHeader h1 {line-height:30px;font-size:22px;font-weight:bold;color:#000;padding: 0;height: auto;border-bottom: 0;}
.layerWrap .layerBox .layerBody {overflow-y:auto;overflow-x:hidden;box-sizing:border-box;}
.layerWrap .layerBox .layerContent {box-sizing:border-box;width:100% !important}
.layerWrap .layerBox .layerFoot {margin:20px 0 0 0;padding:0 0 40px;}
.layerWrap .layerBox .layerFoot.v02 {margin:0;padding:30px 20px 0;background-color:#fff;}
.layerWrap .layerBox .btnLayerClose {position:absolute;right:40px;top:43px;width:30px;height:30px;background:url('/unify/pc/images/mobile/order/prod_list/btn_layer_close.png') no-repeat center;z-index:10;}
.layerWrap .layerBox .btnLayerClose em {display:block;overflow:hidden;width:0;height:0;padding:0;margin:0;line-height:0;font-size:1px;}

.layerWrap .layer-service-notice{overflow:inherit;box-shadow:3px 3px 15px 2px rgb(0 0 0 / 20%);border-radius:20px 20px 0 0;width:940px;top:auto;bottom:0;transform:translate(-50%, 0);height:150px;outline:none;border:none;}
.layerWrap .layer-service-notic:focus {outline: 1px dashed #666;}
.layerWrap .layer-service-notice * {font-family:'Noto Sans'; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.layerWrap .layer-service-notice .layerHeader{overflow:hidden;border-radius:20px 20px 0 0;padding:40px 90px}
.layerWrap .layer-service-notice .layerHeader h1{font-size:24px;font-weight:300;letter-spacing:-0.5px;line-height:32px;}
.layerWrap .layer-service-notice .layerHeader h1 strong{position:relative;z-index:1;}
.layerWrap .layer-service-notice .layerHeader h1 strong:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:12px;background:#c9fcfb;z-index:-1;}
.layerWrap .layer-service-notice .btnLayerClose{position:absolute; top:20px; right:20px; width:24px; height:24px;}
.layerWrap .layer-service-notice .btnLayerClose:before,
.layerWrap .layer-service-notice .btnLayerClose:after{content:''; position:absolute; top:-3px; right:11px; z-index:2; width:2px; height:30px; background:#fff;
	display:none;
}
.layerWrap .layer-service-notice .btnLayerClose:before{transform:rotate(45deg);}
.layerWrap .layer-service-notice .btnLayerClose:after{transform:rotate(135deg);}
.layerWrap .layer-service-notice .ui-inner {position:absolute; bottom:0; left:50%; z-index:2; width:940px; height:130px; margin-left:-470px; padding:20px 70px; background:#fff; -webkit-border-radius:20px 20px 0 0; -moz-border-radius:20px 20px 0 0; border-radius:20px 20px 0 0;}
.layerWrap .layer-service-notice .txt {position:absolute; top:35px; left:70px; font-size:22px;}
.layerWrap .layer-service-notice .txt strong {font-weight:normal; font-family:'Noto Sans Medium';}
.layerWrap .layer-service-notice .link-list {position:absolute; top:40px; right:70px;}
.layerWrap .layer-service-notice .link-list ul {text-align:center;}
.layerWrap .layer-service-notice .link-list ul li {display:inline-block; margin-left:20px; vertical-align:top;}
.layerWrap .layer-service-notice .link-list ul li:first-child {margin-left:0;}
.layerWrap .layer-service-notice .link-list ul li a {display:block; position:relative;}
.layerWrap .layer-service-notice .link-list ul li a:before {content:''; display:block; width:60px; height:60px; margin:0 auto; background-color:#ededed; background-image:url(/images/pc/main/online/set_icon_cs.png); -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px;}
.layerWrap .layer-service-notice .link-list ul li span {display:block; margin-top:10px; font-size:13px;}
.layerWrap .layer-service-notice .link-list ul li strong {display:block; height:60px; padding:0 40px; background-color:#5ddfde; font-size:26px; font-family:'Roboto Bold'; -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px; white-space:nowrap; line-height:60px;}
.layerWrap .layer-service-notice .link-list ul li.list-01 a:before {background-position:0 0;}
.layerWrap .layer-service-notice .link-list ul li.list-02 a:before {background-position:0 -60px;}
.layerWrap .layer-service-notice .link-list ul li.list-03 a:before {display:none;}
.layerWrap .layer-service-notice .link-list ul li.list-03 a {cursor:default}
#layerServiceNotice{z-index:9200;position: static;}
#layerServiceNotice .layerMask{display: none;}
#layerServiceNotice .layer-service-notice{z-index:9200;}

.layerWrap .layer-main-notice{width:460px;border-radius:0;}
.layerWrap .layer-main-notice .layerContent {overflow:auto; max-height:100vw;}
.layerWrap .layer-main-notice .layer-contents-banner {width:460px !important; height:507px;}
.layerWrap .layer-main-notice .layer-contents-banner a {display:block; width:460px;}
.layerWrap .layer-main-notice .layer-contents-banner img {display:block;}
.layerWrap .layer-main-notice .bx-controls {position:absolute; bottom:21px; left:0; z-index:9; width:100%;}
.layerWrap .layer-main-notice .bx-wrapper .bx-pager {position:absolute; bottom:0; width:100%; font-size:0;}
.layerWrap .layer-main-notice .bx-wrapper .bx-pager.bx-default-pager {text-align:center;}
.layerWrap .layer-main-notice .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item {display:inline-block;}
.layerWrap .layer-main-notice .bx-wrapper .bx-pager.bx-default-pager a {display:block; width:11px; height:11px; margin:0 5px; border:none; background:#c7c7c7; font-size:0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; transition:all .2s ease;}
.layerWrap .layer-main-notice .bx-wrapper .bx-pager.bx-default-pager a.active {width:29px; background:#22beb6; transition:all .2s ease;}
.layerWrap .layer-main-notice .layerFoot {display:flex; position:relative; bottom:0; left:0; width:100%; height:55px; padding-left:0; border-top:none; color:#888; text-align:left; font-size:3.2vw;padding:0;margin:0;}
.layerWrap .layer-main-notice .layerFoot button {overflow:hidden; flex:1; position:relative; height:55px; background:#efefef; text-align:center; font-size:17px;top:0;left:0;}
.layerWrap .layer-main-notice .layerFoot button:last-child {background:#5ddfde;}
#mainNoticeView img {width:100%;}
#priceDtlInfo.layerWrap .layerBox .btnLayerClose {top:11px; right:20px;}
#priceDtlInfo .layerBox {width:850px;}
#priceWrap {width: 810px;}

/** 헲퍼 : 210812 추가 **/
.ui-helper-dim{display:none;position:fixed;left:0;top:0;z-index:1200;width:100%;height:100%;background:#000;opacity:0.5;}
.ui-helper-popup{display:none;overflow:hidden;position:fixed;right:50%;top:71px;transform:translate(559px, 0);width:0;height:670px;background:#fff;z-index:1201;transition: width 0.1s ease-in-out;border-radius:20px;}
.ui-helper-popup .ui-helper-article{overflow:hidden;}

.ui-helper-popup div,
.ui-helper-popup p,
.ui-helper-popup span,
.ui-helper-popup label,
.ui-helper-popup em,
.ui-helper-popup a,
.ui-helper-popup button,
.ui-helper-popup strong{font-family:"Noto Sans KR";font-weight:400;letter-spacing:0;}
/** etc **/
.ui-helper-popup .b-radius{border-radius:20px 20px 0 0;}
.ui-helper-popup .bg_type01{background:#ebfbfb !important;}

/** 버튼 **/
.ui-helper-popup .ui-helper-btn{padding:30px 0;height:52px;position:absolute;left:0;bottom:0;z-index:105;background:#fff;height:52px;width:100%;}
.ui-helper-popup .ui-close-popup{position:absolute;right:30px;top:32px;z-index:2;width:20px;height:20px;background:url("/images/pc/main/online/helper/ico_btn_pop_close.png") no-repeat left top;}
/** 타이틀 **/
.ui-helper-popup .ui-popup-header{display:block;height:85px;width:100%;background:#ebfbfb;}
.ui-helper-popup .ui-popup-header .ui-header-tit{display:block;padding:30px;z-index:105;height:85px;text-align:left;box-sizing:border-box;width:100%;font-size:16px;letter-spacing:-0.32px;line-height:24px;color:#000;font-weight:700;background:#ebfbfb;}

/** 페이지 뎁스 **/
.ui-helper-popup .ui-helper-scenario .ui-helper-section{position:relative;display:none;}
.ui-helper-popup .ui-helper-scenario .ui-helper-section:first-child{display:block;}

/** 컨텐츠 **/
.ui-helper-popup .ui-helper-bx{position:relative;background:#ebfbfb; margin-bottom: 20px;}
.ui-helper-popup .ui-helper-bx .ui-btm-txt{padding:0 30px 30px;}
.ui-helper-popup .ui-helper-loding{position:absolute;left:0;top:134px;height:451px;width:100%;z-index:110;background:rgba(255, 255, 255, 0.7);}
.ui-helper-popup .ui-helper-loding .ui-loading-txt{position:absolute;left:0;top:50%;transform:translate(0, -50%);z-index:113;}

.ui-helper-popup .ui-helper-content{width:100% !important;overflow-y:scroll;height:485px;}
.ui-helper-popup .ui-helper-content .helper-info-bx{position:absolute;left:0;top:118px;}

.ui-helper-popup .ui-helper-cont{padding:40px 30px 0; border-radius:20px 20px 0 0;background:#fff;}
.ui-helper-popup .ui-helper-cont.bg_type01{padding:0 30px;height:129px;}

.ui-helper-popup .ui-header-info{position:relative;padding:30px 30px 40px;box-sizing:border-box;width:100%;background:#ebfbfb;}
.ui-helper-popup .ui-header-info .ui-header-txt{display:block;text-align:left;box-sizing:border-box;word-break:keep-all;min-height:60px;font-weight:700;font-size:18px;line-height:30px;letter-spacing:-0.47px;color:#000;text-align:left;}
.ui-helper-popup .ui-header-info .ui-header-txt span {color:#f00;}
.ui-helper-popup .ui-header-info .ui-header-txt.ctr{text-align:center;}
.ui-helper-popup .ui-header-info .ui-header-txt .ui-btm-header{display:block;font-size:16px;font-weight:300;line-height:28px;letter-spacing:-0.9px;}
.ui-helper-popup .ui-header-info .ui-header-txt .ui-header-lst > li{font-size:19px;font-weight:700;color:#000;letter-spacing:-0.47px;line-height:29px;}
.ui-helper-popup .ui-header-info .ui-header-txt .ui-bold-txt{color:#00807B;font-weight:700;}
.ui-helper-popup .ui-header-info .ui-header-btm{padding:30px 20px 10px;text-align:right;}
.ui-helper-popup .ui-header-info .ui-header-btm:after{content:"";display:block;clear:both;}
.ui-helper-popup .ui-header-info .ui-header-btm .tit{padding:0 13px 0 0;display:inline-block;font-size:15px;line-height:22px;letter-spacing:-0.32px;color:#454545;}
.ui-helper-popup .ui-header-info .ui-header-btm .ui-select-menu{display:inline-block;}
.ui-helper-popup .ui-header-info.type01{padding:5px 0 35px;}
.ui-helper-popup .ui-header-info.type01 .ui-header-txt{padding:0;height:auto;}

.ui-helper-popup .ui-header-step{position:absolute;left:0;top:0;padding:0 30px;z-index:1;box-sizing:border-box;width:100%;height:10px;}
.ui-helper-popup .ui-header-step .percent-bx{display:block;position:relative;width:100% !important;height:10px;}
.ui-helper-popup .ui-header-step .percent-bx:after{position:absolute;left:0;top:2px;width:100%;height:6px;background:#fff;z-index:104;content:"";border-radius:1000px;}
.ui-helper-popup .ui-header-step .percent-bx .percent-bar{position:absolute;left:0;top:3px;overflow:hidden;font-size:0; width:0;height:4px;background:#5ddfde;z-index:105;content:"";border-radius:1000px;}
.ui-helper-popup .ui-header-step .percent-bx .percent-btn{overflow:hidden;position:absolute;left:0;top:0;width:calc(100%/9);height:10px;z-index:106;background:#00807b;border-radius:12px;font-size:0;text-indent:-9999px;content:"";}
.ui-helper-popup .ui-header-step.step01 .percent-bx .percent-btn{left:0;}
.ui-helper-popup .ui-header-step.step01 .percent-bx .percent-bar{width:0;}
.ui-helper-popup .ui-header-step.step02 .percent-bx .percent-btn{left:calc(100%/9);}
.ui-helper-popup .ui-header-step.step02 .percent-bx .percent-bar{width:calc(100%/9);}
.ui-helper-popup .ui-header-step.step03 .percent-bx .percent-btn{left:calc((100%/9)*2);}
.ui-helper-popup .ui-header-step.step03 .percent-bx .percent-bar{width:calc((100%/9)*2);}
.ui-helper-popup .ui-header-step.step04 .percent-bx .percent-btn{left:calc((100%/9)*3);}
.ui-helper-popup .ui-header-step.step04 .percent-bx .percent-bar{width:calc((100%/9)*3);}
.ui-helper-popup .ui-header-step.step05 .percent-bx .percent-btn{left:calc((100%/9)*4);}
.ui-helper-popup .ui-header-step.step05 .percent-bx .percent-bar{width:calc((100%/9)*4);}
.ui-helper-popup .ui-header-step.step06 .percent-bx .percent-btn{left:calc((100%/9)*5);}
.ui-helper-popup .ui-header-step.step06 .percent-bx .percent-bar{width:calc((100%/9)*5);}
.ui-helper-popup .ui-header-step.step07 .percent-bx .percent-btn{left:calc((100%/9)*6);}
.ui-helper-popup .ui-header-step.step07 .percent-bx .percent-bar{width:calc((100%/9)*6);}
.ui-helper-popup .ui-header-step.step08 .percent-bx .percent-btn{left:calc((100%/9)*7);}
.ui-helper-popup .ui-header-step.step08 .percent-bx .percent-bar{width:calc((100%/9)*7);}
.ui-helper-popup .ui-header-step.step09 .percent-bx .percent-btn{left:calc((100%/9)*8);}
.ui-helper-popup .ui-header-step.step09 .percent-bx .percent-bar{width:calc((100%/9)*8);}

.ui-helper-popup .ui-helper-select > li{padding:20px 0 0;}
.ui-helper-popup .ui-helper-select > li:first-child{padding:0;}
.ui-helper-popup .ui-helper-select > li:last-child .ui-intro_tooltip{top:-108px !important;}
.ui-helper-popup .ui-helper-select > li:last-child .ui-intro_tooltip:after{bottom:-7px;top:auto !important;transform:rotate(180deg);}

.ui-helper-popup .ui-helper-select.lst-type01{overflow:hidden;margin:-20px 0 0;}
.ui-helper-popup .ui-helper-select.lst-type01 > li{float:left;width:50%;box-sizing:border-box;padding:20px 10px 0 0;}
.ui-helper-popup .ui-helper-select.lst-type01 > li:nth-child(2n){padding:20px 0 0 10px;}

.ui-helper-popup .ui-helper-select.lst-type02{height:123px;}
.ui-helper-popup .ui-helper-select.lst-type02:after{content:"";clear:both;display:block;}
.ui-helper-popup .ui-helper-select.lst-type02 > li{float:left;padding:0;width:50%;}
.ui-helper-popup .ui-helper-select.lst-type02 .ui-form-rdo .ui-radio-txt{border-radius:0 10px 10px 0;}
.ui-helper-popup .ui-helper-select.lst-type02 > li:first-child .ui-form-rdo .ui-radio-txt{border-radius:10px 0 0 10px;}

.ui-helper-popup .ui-form-rdo{display:block;position:relative;box-sizing:border-box;cursor:pointer;width:100%;}
.ui-helper-popup .ui-form-rdo .ui-radio-txt{position:relative;padding:15px 10px 15px 54px;display:block;text-align:left;box-sizing:border-box;width:100%;border:1px solid #ededed;font-size:16px;color:#000;letter-spacing:-0.32px;border-radius:10px;line-height:21px;word-wrap:break-word;}
.ui-helper-popup .ui-form-rdo .ui-radio-txt:after{position:absolute;left:20px;top:15px;background:url("/images/pc/main/online/helper/ico_check_off.png") no-repeat center;background-size:24px;width:24px;height:24px;content:"";z-index:105;}
.ui-helper-popup .ui-form-rdo .ui-radio{position:absolute;left:0;top:0;display:block;cursor:pointer;width:100%;height:100%;opacity:0;}
.ui-helper-popup .ui-form-rdo .ui-radio:checked + .ui-radio-txt{padding:14px 10px 14px 53px;border:2px solid #01a69f;font-weight:700;box-shadow:0px 1px 3px 1px rgba(0, 0, 0, 0.2);}
.ui-helper-popup .ui-form-rdo .ui-radio:checked + .ui-radio-txt:after{position:absolute;left:19px;top:14px;background:url("/images/pc/main/online/helper/ico_check_on.png") no-repeat center;background-size:24px;}
.ui-helper-popup .ui-form-rdo .ui-radio:focus + .ui-radio-txt{outline:1px dashed #666}
.ui-helper-popup .ui-form-rdo.apple01:after{display:none;position:absolute;right:38px;top:15px;width:19px;height:23px;content:"";background:url("/images/pc/main/online/helper/ico_ipone.png") no-repeat center;background-size:19px 23px;}
.ui-helper-popup .ui-form-rdo.samsung01:after{display:none;position:absolute;right:20px;top:17px;width:54px;height:18px;content:"";background:url("/images/pc/main/online/helper/ico_samsung.png") no-repeat center;background-size:48px 16px;}
.ui-helper-popup .ui-form-rdo.zte01 .ui-radio-txt{padding:15px 101px 15px 54px;}
.ui-helper-popup .ui-form-rdo.zte01:after{display:none;position:absolute;right:20px;top:16px;width:81px;height:21px;content:"";background:url("/images/pc/main/online/helper/ico_zte.png") no-repeat center;}
.ui-helper-popup .ui-form-rdo.type01 .ui-radio:checked + .ui-radio,
.ui-helper-popup .ui-form-rdo.type01 .ui-radio{top:0;}
.ui-helper-popup .ui-form-rdo.type01 .ui-radio:checked + .ui-radio-txt:after,
.ui-helper-popup .ui-form-rdo.type01 .ui-radio-txt:after{top:20px;}
.ui-helper-popup .ui-form-rdo.type01{height:auto;}
.ui-helper-popup .ui-form-rdo.type01 .ui-radio-txt{padding:20px 20px 25px;background:#fff;}
.ui-helper-popup .ui-form-rdo.type01 .ui-radio-txt .tit-txt{display:block;padding:0 0 11px 34px;word-break:keep-all;color:#000;letter-spacing:-0.6px;line-height:24px;font-size:16px;}
.ui-helper-popup .ui-form-rdo.type01 .ui-radio-txt .tit-sub-txt{padding:0 0 11px;display:block;font-size:15px;line-height:22px;color:#808080;letter-spacing:-0.38px;}
.ui-helper-popup .ui-form-rdo.type01 .ui-radio-txt .tit-sub-txt br{display:none}
.ui-helper-popup .ui-form-rdo.type01 .ui-radio-txt .ui-rdo-lst{padding:19px 10px 15px;display:block;border-radius:7px;background:#f8f8f8;}
.ui-helper-popup .ui-form-rdo.type01 .ui-radio-txt .ui-rdo-lst .lst-txt{padding:0 0 0 75px;text-align:right;position:relative;margin:9px 0 0;display:block;overflow:hidden;}
.ui-helper-popup .ui-form-rdo.type01 .ui-radio-txt .ui-rdo-lst .lst-txt:first-child{margin:0;}
.ui-helper-popup .ui-form-rdo.type01 .ui-radio-txt .ui-rdo-lst .lst-txt > span{display:block;font-size:16px;line-height:25px;letter-spacing:-0.45px;color:#808080;}
.ui-helper-popup .ui-form-rdo.type01 .ui-radio-txt .ui-rdo-lst .lst-txt .tit{position:absolute;left:0;top:0;}
.ui-helper-popup .ui-form-rdo.type01 .ui-radio:checked + .ui-radio-txt .ui-rdo-lst .lst-txt > span{color:#000;}
.ui-helper-popup .ui-form-rdo.type01 .ui-radio:checked + .ui-radio-txt .ui-rdo-lst .lst-btm-total .total-txt{color:#000;}
.ui-helper-popup .ui-form-rdo.type01 .ui-radio:checked + .ui-radio-txt .ui-rdo-lst .lst-btm-total .total-txt .price{color:#000;}
.ui-helper-popup .ui-form-rdo.type01 .ui-radio:checked + .ui-radio-txt .lst-btm-total .ui-total-question{background:url("/images/pc/main/online/helper/ico_lst_question_on.png") no-repeat left top;background-size:16px 17px;}
.ui-helper-popup .ui-form-rdo.type01 .ui-radio:checked + .ui-radio-txt .tit-txt{font-weight:700;}
.ui-helper-popup .ui-form-rdo.type01 .ui-radio:checked + .ui-radio-txt{padding:19px 19px 24px}
.ui-helper-popup .ui-form-rdo.type01 .ui-rdo-lst .lst-btm-total{position:relative;margin:13px 0 0;padding:10px 0 0;display:block;border-top:1px solid #f1f1f1;}
.ui-helper-popup .ui-form-rdo.type01 .ui-rdo-lst .lst-btm-total:after{content:"";clear:both;display:block;}
.ui-helper-popup .ui-form-rdo.type01 .ui-rdo-lst .lst-btm-total .total-txt{display:block;float:left;font-size:18px;line-height:27px;color:#666;letter-spacing:-0.9px;font-weight:700;}
.ui-helper-popup .ui-form-rdo.type01 .ui-rdo-lst .lst-btm-total .total-txt .price{font-family:"Roboto Bold";font-weight:700;color:#666;}
.ui-helper-popup .ui-form-rdo.type01 .ui-rdo-lst .lst-btm-total .ui-total-question{margin:5px 0 0;display:block;float:right;width:16px;height:17px;background:url("/images/pc/main/online/helper/ico_lst_question_off.png") no-repeat left top;background-size:16px 17px;}
.ui-helper-popup .ui-form-rdo.type01 .ui-radio-txt .ui-rdo-lst .lst-btm-total .ui-intro_tooltip{display:none;padding:20px;position:absolute;right:-31px;top:46px;z-index:9002;background:#fff;border:1px solid #D9D9D9;border-radius:5px;box-shadow:4px 4px 12px 0px rgb(0 0 0 / 20%);font-size:15px;line-height:22px;text-align:center;letter-spacing:-0.3px;color:#959595;}
.ui-helper-popup .ui-form-rdo.type01 .ui-radio-txt .ui-rdo-lst .lst-btm-total .ui-intro_tooltip:after{position:absolute;right:30px;top:-7px;width:16px;height:7px;background:url("/images/pc/main/online/helper/bg_tooltip_arrow.png") no-repeat center;background-size:16px 7px;content:"";}

.ui-helper-popup .ui-form-rdo.type02{height:164px;}
.ui-helper-popup .ui-form-rdo.type02 .ui-radio-txt{padding:0;position:relative;height:164px;box-sizing:border-box;}
.ui-helper-popup .ui-form-rdo.type02 .ui-radio-txt .txt{padding:77px 0 0;display:block;position:absolute;left:0;top:50%;transform:translate(0,-50%);text-align:center;width:100%;font-size:16px;line-height:24px;letter-spacing:-0.2px;color:#000;}
.ui-helper-popup .ui-form-rdo.type02 .ui-radio-txt .txt:before{position:absolute;left:50%;top:0;transform:translate(-50%,-0);content:"";}
.ui-helper-popup .ui-form-rdo.type02.apple .ui-radio-txt .txt:before{top:16px;width:41px;height:50px;background:url("/images/pc/main/online/helper/ico_ipone.png") no-repeat left top;background-size:41px 50px;}
.ui-helper-popup .ui-form-rdo.type02.samsung .ui-radio-txt .txt:before{top:31px;width:94px;height:31px;background:url("/images/pc/main/online/helper/ico_samsung.png") no-repeat left top;background-size:94px 31px;}
.ui-helper-popup .ui-form-rdo.type02.lg .ui-radio-txt .txt:before{top:18px;width:44px;height:44px;background:url("/images/pc/main/online/helper/ico_lg.png") no-repeat left top;background-size:44px;}
.ui-helper-popup .ui-form-rdo.type02.zte .ui-radio-txt .txt:before{top:26px;width:94px;height:36px;background:url("/images/pc/main/online/helper/ico_zte.png") no-repeat left top;background-size:94px 36px;}
.ui-helper-popup .ui-form-rdo.type02.no-ico .ui-radio-txt .txt:before{width:46px;height:74px;background:url("/images/pc/main/online/helper/ico_no_logo.png") no-repeat left top;background-size:46px 74px;}
.ui-helper-popup .ui-form-rdo.type02 .ui-radio-txt:after{top:20px;left:20px;}
.ui-helper-popup .ui-form-rdo.type02 .ui-radio:checked + .ui-radio-txt:after{top:19px;left:19px;}
.ui-helper-popup .ui-form-rdo.type02 .ui-radio:checked + .ui-radio-txt{padding:0;}
.ui-helper-popup .ui-form-rdo.type02 .ui-radio:checked + .ui-radio-txt .txt{font-weight:700;}

.ui-helper-popup .ui-form-rdo.type03{height:230px;}
.ui-helper-popup .ui-form-rdo.type03 .ui-radio-txt{padding:0;position:relative;height:230px;}
.ui-helper-popup .ui-form-rdo.type03 .ui-radio:checked + .ui-radio-txt{padding:0;}
.ui-helper-popup .ui-form-rdo.type03 .ui-radio-txt .txt{padding:119px 0 0;display:block;position:absolute;left:0;top:55px;color:#000;text-align:center;width:100%;font-size:16px;line-height:24px;letter-spacing:-0.3px;}
.ui-helper-popup .ui-form-rdo.type03.hp04 .ui-radio-txt .txt{top:74px;padding:62px 0 0;}
.ui-helper-popup .ui-form-rdo.type03 .ui-radio-txt .txt:before{position:absolute;left:50%;top:0;transform:translate(-50%,0);content:"";}
.ui-helper-popup .ui-form-rdo.type03.hp01 .ui-radio-txt .txt:before{width:80px;height:109px;background:url("/images/pc/main/online/helper/bg_hp_img02.png") no-repeat left top;background-size:80px 109px;}
.ui-helper-popup .ui-form-rdo.type03.hp02 .ui-radio-txt .txt:before{top:5px;width:72px;height:99px;background:url("/images/pc/main/online/helper/bg_hp_img01.png") no-repeat left top;background-size:72px 99px;}
.ui-helper-popup .ui-form-rdo.type03.hp03 .ui-radio-txt .txt:before{top:11px;width:65px;height:89px;background:url("/images/pc/main/online/helper/bg_hp_img03.png") no-repeat left top;background-size:65px 89px;}
.ui-helper-popup .ui-form-rdo.type03.hp04 .ui-radio-txt .txt:before{width:48px;height:48px;background:url("/images/pc/main/online/helper/bg_hp_more.png") no-repeat left top;background-size:48px;}
.ui-helper-popup .ui-form-rdo.type03 .ui-radio{top:0;left:0;}
.ui-helper-popup .ui-form-rdo.type03 .ui-radio-txt:after{top:20px;left:20px;}
.ui-helper-popup .ui-form-rdo.type03 .ui-radio:checked + .ui-radio-txt .txt{top:54px;font-weight:700;}
.ui-helper-popup .ui-form-rdo.type03.hp04 .ui-radio:checked + .ui-radio-txt .txt{top:73px;}
.ui-helper-popup .ui-form-rdo.type03 .ui-radio:checked + .ui-radio-txt:after{top:19px;left:19px;}

.ui-helper-popup .ui-form-rdo.type04 .ui-radio-txt{padding:15px 0;text-align:center;}
.ui-helper-popup .ui-form-rdo.type04 .ui-radio + .ui-radio-txt{padding:15px 0;text-align:center;line-height:24px;}
.ui-helper-popup .ui-form-rdo.type04 .ui-radio:checked + .ui-radio-txt{padding:14px 0;}
.ui-helper-popup .ui-form-rdo.type04 .ui-radio + .ui-radio-txt .check-normal-txt{display:block;padding:3px 3px 0;color:#808080;font-size:13px;line-height:19px;letter-spacing:-0.65px;}
.ui-helper-popup .ui-form-rdo.type04 .ui-radio-txt:after{display:none;}

.ui-helper-popup .ui-form-rdo.type05{width:100%;height:110px;}
.ui-helper-popup .ui-form-rdo.type05 .ui-radio-txt{position:absolute;left:0;top:0;padding:62px 0 0;width:100%;height:100%;height:110px;background:#fff;text-align:center;z-index:107;font-size:18px;line-height:27px;letter-spacing:-0.45px;}
.ui-helper-popup .ui-form-rdo.type05 .ui-radio-txt:after{left:50%;top:22px;transform:translate(-50%,0);background-size:30px;width:30px;height:30px;}
.ui-helper-popup .ui-form-rdo.type05 .ui-radio:checked + .ui-radio-txt{padding:61px 0 0;z-index:108;box-shadow:1px 3px 7px 1px rgb(0 0 0 / 20%);}
.ui-helper-popup .ui-form-rdo.type05 .ui-radio:checked + .ui-radio-txt:after{left:50%;top:21px;transform:translate(-50%,0);background-size:30px;width:30px;height:30px;}
.ui-helper-popup .ui-form-rdo.type05 .ui-radio{position:absolute;left:50%;top:27px;transform:translate(-50%, 0);width:30px;height:30px;background-size:30px;}

.ui-helper-popup .ui-form-rdo.type06 .ui-radio-txt{padding:16px 0 17px;text-align:center;letter-spacing:-0.8px;}
.ui-helper-popup .ui-form-rdo.type06 .ui-radio-txt:after{background:none;}
.ui-helper-popup .ui-form-rdo.type06 .ui-radio:checked + .ui-radio-txt{padding:15px 0 16px;}
.ui-helper-popup .ui-form-rdo.type06 .ui-radio:checked + .ui-radio-txt:after{display:none;}

.ui-helper-popup .ui-tip-cont{padding:0 0 31px;margin:-8px 0 0;}
.ui-helper-popup .ui-tip-cont .ui-helper-tip dt{padding:0 0 0 23px;position:relative;text-align:left;font-size:18px;line-height:25px;letter-spacing:-0.35px;font-family:"Roboto Medium";}
.ui-helper-popup .ui-tip-cont .ui-helper-tip dt:before{position:absolute;left:0;top:2px;width:14px;height:18px;content:"";background:url("/images/pc/main/online/helper/ico_tip_lst.png") no-repeat left top;background-size:14px 18px;}
.ui-helper-popup .ui-tip-cont .ui-helper-tip dd{padding:10px 0 0;font-size:16px;line-height:24px;color:#959595;text-align:left;}
.ui-helper-popup .ui-tip-cont .ui-helper-tip dd .ui-bold-txt{color:#01a69f;text-decoration:underline;}
.ui-helper-popup .ui-tip-cont .ui-helper-tip dd .ui-tip-lnk{color:#01a69f;text-decoration:underline;}

.ui-helper-popup .helper-btn-bx{padding:40px 0;text-align:center;width:100%;z-index:110;background:#fff;}
.ui-helper-popup .helper-btn-bx.type01{overflow:hidden;padding:40px 20px;box-sizing:border-box;}
.ui-helper-popup .helper-btn-bx.type01 .btn-lst{display:block;float:left;padding:0 5px 0 0;width:50%;box-sizing:border-box;}
.ui-helper-popup .helper-btn-bx.type01 .btn-lst:last-child{padding:0 0 0 5px;}
.ui-helper-popup .helper-btn-bx.type01 .btn-lst a,
.ui-helper-popup .helper-btn-bx.type01 .btn-lst button{display:block;width:100%;}
.ui-helper-popup .helper-btn-bx.type02{padding:40px 30px;height:182px;box-sizing:border-box;border-radius:20px 20px 0 0;}
.ui-helper-popup .helper-btn-bx.type02 a,
.ui-helper-popup .helper-btn-bx.type02 button{display:block;width:100%;}
.ui-helper-popup .helper-btn-bx.type02 .ui-btn-notice{padding:0 0 40px 17px;position:relative;color:#666;font-size:15px;letter-spacing:-0.32px;line-height:22px;text-align:left;}
.ui-helper-popup .helper-btn-bx.type02 .ui-btn-notice:before{position:absolute;left:0;top:0;content:"※";}
.ui-helper-popup .helper-btn-bx.type03{padding:30px 20px;box-sizing:border-box;}
.ui-helper-popup .helper-btn-bx.type03 a,
.ui-helper-popup .helper-btn-bx.type03 button{display:block;width:100%;}
.ui-helper-popup .helper-btn-bx.type04{padding:40px 30px;background:#fff;box-sizing:border-box;}
.ui-helper-popup .helper-btn-bx.type04 a,
.ui-helper-popup .helper-btn-bx.type04 button{display:block;width:100%;}
.ui-helper-popup .helper-btn-bx.type04 .helper-btn-txt{margin:18px 0 0;padding:0 0 0 16px;position:relative;font-size:15px;line-height:24px;color:#666;letter-spacing:-0.38px;text-align:left;}
.ui-helper-popup .helper-btn-bx.type04 .helper-btn-txt:after{position:absolute;left:0;top:1px;content:"※";}
.ui-helper-popup .helper-btn-bx .btn-submit{position:relative;display:inline-block;overflow:hidden;width:170px;height:40px;border-radius:10px;background:#5ddfde;}
.ui-helper-popup .helper-btn-bx .btn-submit .txt{position:absolute;left:0;top:0;width:100%;height:100%;background:#5ddfde;font-size:15px;letter-spacing:-0.3px;font-weight:500;text-align:center;color:#000;line-height:38px;}
.ui-helper-popup .helper-btn-bx .btn-reset{position:relative;display:inline-block;overflow:hidden;width:170px;height:40px;border-radius:10px;background:#ededed;}
.ui-helper-popup .helper-btn-bx .btn-reset .txt{position:absolute;left:0;top:0;width:100%;height:100%;background:#ededed;font-size:15px;letter-spacing:-0.3px;font-weight:500;text-align:center;color:#000;line-height:38px;}

.ui-helper-popup .ui-helper-lst{padding:3px 0 0;}
.ui-helper-popup .ui-helper-lst > li{padding:18px 0 0;}
.ui-helper-popup .ui-helper-lst > li:first-child{padding:0;}
.ui-helper-popup .ui-helper-lst .lst-tit{display:block;padding:0 0 18px;text-align:left;font-size:18px;letter-spacing:-0.3px;line-height:22px;color:#000;font-weight:500;}
.ui-helper-popup .ui-helper-lst .ui-rdo_lst{overflow:hidden;margin:0 -7px;padding:1px;}
.ui-helper-popup .ui-helper-lst .ui-rdo_lst > li{float:left;padding:0 7px 5px;width:33.333%;box-sizing:border-box;}
.ui-helper-popup .ui-helper-lst .ui-rdo_lst > li:first-child{width:33.334%;}

.ui-helper-popup .ui-select-menu{position:relative;}
.ui-helper-popup .ui-select-menu .ui-btn-menu{padding:0 21px 0 0;position:relative;display:block;font-size:15px;letter-spacing:-0.32px;line-height:22px;}
.ui-helper-popup .ui-select-menu .ui-btn-menu:after{position:absolute;right:0;top:7px;content:"";width:13px;height:9px;background:url("/images/pc/main/online/helper/ico_arrow_down.png") no-repeat left top;background-size:13px 9px;}
.ui-helper-popup .ui-select-menu .ui-btn-menu.active:after{transform:rotate(-180deg);}
.ui-helper-popup .ui-select-menu .ui-drop-bx{display:none;padding:20px 25px;position:absolute;right:0;top:32px;z-index:107;background:#fff;border:1px solid #d9d9d9;border-radius:10px;}
.ui-helper-popup .ui-select-menu .ui-drop-bx .ui-drop-lst > li{padding:10px 0 0;}
.ui-helper-popup .ui-select-menu .ui-drop-bx .ui-drop-lst > li:first-child{padding:0;}
.ui-helper-popup .ui-select-menu .ui-drop-bx .ui-btn-lst{display:block;font-size:15px;line-height:22px;color:#000;word-wrap:break-word;white-space:nowrap;}

.ui-helper-popup .helper-result-cont{padding:0 30px;background:#ebfbfb;}
.ui-helper-popup .helper-result-cont .result-notice-txt{padding:0 0 0 18px;margin:20px 0 0;position:relative;font-size:15px;line-height:23px;color:#959595;letter-spacing:-0.38px;}
.ui-helper-popup .helper-result-cont .result-notice-txt:after{position:absolute;left:0;top:0;content:"※";}

.ui-helper-popup .helper-result-lst > li{padding:20px 0 0;box-sizing:border-box;}
.ui-helper-popup .helper-result-lst > li:first-child{padding:0;}

.ui-helper-popup .ui-result-data{position:relative;padding:43px 20px 40px;overflow:hidden;width:100%;box-sizing:border-box;background:#fff;border-radius:8px;}
.ui-helper-popup .ui-result-data .tooltip-recomm{padding:0 0 0 13px;display:inline-block;position:absolute;left:15px;top:15px;height:30px;z-index:107;background:url("/images/pc/main/online/helper/ico_tooltip_lft.png") no-repeat left top;}
.ui-helper-popup .ui-result-data .tooltip-recomm .txt{padding:0 14px 0 0;display:inline-block;font-size:15px;box-sizing:border-box;color:#01a69f;line-height:30px;height:30px;letter-spacing:-0.25px;background:url("/images/pc/main/online/helper/ico_tooltip_rgt.png") no-repeat right top;}
.ui-helper-popup .ui-result-data .prd-info-bx{margin:0 0 0 -17px;padding:0 0 0 115px;position:relative;overflow:hidden;box-sizing:border-box;min-height:130px;}
.ui-helper-popup .ui-result-data .prd-info-bx .prd-img{position:absolute;left:0;top:0;overflow:hidden;display:block;width:110px;height:110px;z-index:106;}
.ui-helper-popup .ui-result-data .prd-info-bx .prd-img img{display:block;position:absolute;left:50%;top:0;transform:translate(-50%,0);image-rendering:-webkit-optimize-contrast;backface-visibility:hidden;height:100%;}
.ui-helper-popup .ui-result-data .prd-info-bx .prd-info .prd-name{display:block;text-align:left;font-size:22px;line-height:33px;color:#000;letter-spacing:-0.55px;font-weight:700;}
.ui-helper-popup .ui-result-data .prd-info-bx .label-txt{display:block;padding:10px 0 0;text-align:left;}
.ui-helper-popup .ui-result-data .prd-info-bx .label-txt .label{display:inline-block;padding:0 12px;height:24px;line-height:24px;background:#000;border-radius:5px;color:#fff;font-size:12px;font-family:"Roboto Regular";}
.ui-helper-popup .ui-result-data .prd-info-bx .prd-txt{display:block;padding:15px 0 0;text-align:left;font-size:14px;letter-spacing:-0.8px;line-height:24px;color:#000;}
.ui-helper-popup .ui-result-data .price-info-bx{margin:19px 0 0;padding:21px 0 0;overflow:hidden;border-top:1px solid #f6f6f6;}
.ui-helper-popup .ui-result-data .price-info-bx .lft-price{display:block;float:left;font-weight:700;font-size:22px;line-height:33px;letter-spacing:-0.55px;color:#000;}
.ui-helper-popup .ui-result-data .price-info-bx .lft-price .price{font-family:"Roboto Bold";color:#000;}
.ui-helper-popup .ui-result-data .price-info-bx .rgt-price{display:block;padding:9px 0 0;float:right;font-weight:500;color:#FF0000;font-size:16px;line-height:20px;letter-spacing:-0.4px;}
.ui-helper-popup .ui-result-data .price-info-bx .rgt-price .price{display:inline-block;padding:0 0 0 3px;font-family:"Roboto Medium";color:#FF0000;}
.ui-helper-popup .ui-result-data .price-btm-info{padding:10px 0 30px;font-size:15px;line-height:22px;color:#000;letter-spacing:-0.38px;}
.ui-helper-popup .ui-result-data .price-btm-info .price{font-family:"Roboto Regular";color:#000;letter-spacing:-0.38px;}
.ui-helper-popup .ui-result-data .prd-order-btn{display:block;overflow:hidden;position:relative;width:100%;height:40px;background:#5ddfde;border-radius:10px;}
.ui-helper-popup .ui-result-data .prd-order-btn .txt{position:absolute;left:0;top:0;width:100%;height:100%;font-size:16px;font-weight:500;letter-spacing:-0.32px;color:#000;line-height:40px;}

.ui-helper-popup .ui-userInfo-cont{padding:8px 30px 40px;background:#ebfbfb;}
.ui-helper-popup .ui-userInfo-cont .ui-top-txt{padding:0 0 15px;width:100%;text-align:center;font-size:20px;line-height:32px;color:#000;font-weight:700;letter-spacing:-0.47px;}
.ui-helper-popup .ui-userInfo-cont .ui-top-txt .name-txt{color:#00807B;font-size:20px;line-height:32px;font-weight:700;}
.ui-helper-popup .ui-user-lst{padding:10px;width:100%;border-top:1px solid #AAC9C9;border-bottom:1px solid #AAC9C9;box-sizing:border-box;}
.ui-helper-popup .ui-user-lst .user-lst-top{padding:0 0 22px;font-size:18px;letter-spacing:-0.45px;line-height:27px;color:#000;font-weight:700;}
.ui-helper-popup .ui-user-lst .user-lst > li{margin:10px 0 0;padding:0 0 0 123px;position:relative;width:100%;box-sizing:border-box;}
.ui-helper-popup .ui-user-lst .user-lst > li:first-child{margin:0;}
.ui-helper-popup .ui-user-lst .user-lst .txt{display:block;text-align:left;font-size:16px;line-height:23px;color:#000;word-break:keep-all;letter-spacing:-0.4px;font-weight:500;}
.ui-helper-popup .ui-user-lst .user-lst .tit{display:inline-block;position:absolute;left:0;top:0;font-size:16px;line-height:23px;color:#666;word-break:keep-all;letter-spacing:-0.4px;}
.ui-helper-popup .ui-btm-txt{display:block;text-align:left;word-break:keep-all;font-size:20px;line-height:32px;font-weight:700;letter-spacing:-0.38px;color:#000;}
.ui-helper-popup .ui-btm-txt .bold-txt{font-weight:500;color:#000;}

.ui-helper-popup .ui-charge-cont{background:#ebfbfb;}
.ui-helper-popup .ui-charge-cont .ui-helper-bx{background:#ebfbfb;}
.ui-helper-popup .ui-charge-cont .ui-helper-cont{padding:10px 20px 20px;background:#ebfbfb;}

.ui-helper-popup .ui-helper-loding .ui-loading-txt{display:block;position:relative;padding:101px 0 0;width:100%;font-size:18px;line-height:25px;letter-spacing:-0.45px;color:#000;text-align:center;}
.ui-helper-popup .ui-helper-loding .ui-loading-txt:after{position:absolute;left:50%;top:0;margin:0 0 0 -38px;width:76px;height:77px;content:"";background:url("/images/pc/main/online/helper/loading_img.gif") no-repeat left top;background-size:76px 77px;}

.ui-helper-popup .helper-info-bx{width:100%;text-align:center;}
.ui-helper-popup .helper-info-bx .helper-info-txt{position:relative;padding:0 0 40px;font-size:16px;line-height:26px;color:#000;letter-spacing:-0.32px;}
.ui-helper-popup .helper-info-bx .helper-info-txt .bold-txt{color:#000;font-weight:700;}
.ui-helper-popup .helper-info-bx .btn-helper-login{display:inline-block;width:170px;height:40px;line-height:37px;box-sizing:border-box;border:1px solid #000;text-align:center;font-size:15px;font-weight:500;letter-spacing:-0.3px;color:#000;background:#fff;border-radius:10px;}

.ui-helper-popup .ui-user-btm{padding:0 30px;}
.ui-helper-popup .ui-user-btm .ui-user-inner{padding:36px 30px 35px;background:#fff;border-radius:20px;}
.ui-helper-popup .ui-user-btm .ui-user-inner .ui-btm-txt{display:block;padding:0 0 16px;text-align:left;font-size:16px;font-weight:700;color:#000;line-height:32px;}
.ui-helper-popup .ui-user-btm .ui-helper-select{width:100%;overflow:hidden;}
.ui-helper-popup .ui-user-btm .ui-helper-select > li{float:left;padding:0 10px 5px 0;width:50%;box-sizing:border-box;}
.ui-helper-popup .ui-user-btm .ui-helper-select > li:last-child{padding:0 0 5px 10px;}
.ui-helper-popup .ui-user-btm .ui-helper-notice{margin:20px 0 0;}

.ui-helper-popup .ui-helper-notice > li{padding:0 0 0 16px;position:relative;font-size:15px;line-height:24px;color:#666;letter-spacing:-0.8px;}
.ui-helper-popup .ui-helper-notice > li:after{position:absolute;left:0;top:0;content:"※";}

.ui-helper-popup #hp_step_18 .helper-result-cont{padding:40px 30px 30px 30px;background-color:#fff;border-radius:8px 8px 0 0;}
.ui-helper-popup #hp_step_18 .ui-result-data{border:2px solid #5ddfde}
.ui-helper-popup #hp_step_18 .helper-result-lst > li{padding:0;}
.ui-helper-popup #hp_step_18 .ui-helper-result-tab{background:#f8f8f8;border:2px solid #d9d9d9;height:80px;margin-bottom:-33px;z-index: 1;border-radius:8px 8px 0 0;}
.ui-helper-popup #hp_step_18 .ui-helper-result-tab:after{content:'';display:block;clear:both;}
.ui-helper-popup #hp_step_18 .ui-helper-result-tab .ui-result-tab{float:left;width:calc(50% + 2px);height:56px;text-align:center;box-sizing:border-box;border:2px solid #d9d9d9;border-bottom:none;margin-top:-2px;border-radius:10px 10px 0 0;}
.ui-helper-popup #hp_step_18 .ui-helper-result-tab .ui-result-tab:first-child{margin-left:-2px;border-radius:8px 0 0 0;border-right:none}
.ui-helper-popup #hp_step_18 .ui-helper-result-tab .ui-result-tab:last-child{margin-right:-2px;border-radius:0 8px 0 0;border-left:none}
.ui-helper-popup #hp_step_18 .ui-helper-result-tab .ui-result-tab span{position:relative;font-size:16px;display:inline-block;margin-top:16px;}
.ui-helper-popup #hp_step_18 .ui-helper-result-tab .ui-result-tab.on{border-color:#5ddfde;position:relative;border-radius:8px 8px 0 0;background:#fff;}
.ui-helper-popup #hp_step_18 .ui-helper-result-tab .ui-result-tab.on:after{content: ''; position: absolute; bottom: -20px; width: calc(100% + 2px); height: 20px; background-color: #fff; z-index: 1; box-sizing: border-box; }
.ui-helper-popup #hp_step_18 .ui-helper-result-tab .ui-result-tab.on:first-child{border-right: 2px solid #5ddfde;}
.ui-helper-popup #hp_step_18 .ui-helper-result-tab .ui-result-tab.on:last-child{border-left: 2px solid #5ddfde;}
.ui-helper-popup #hp_step_18 .ui-helper-result-tab .ui-result-tab.on:first-child:after{border-left: 2px solid #5ddfde;left: -2px; }
.ui-helper-popup #hp_step_18 .ui-helper-result-tab .ui-result-tab.on:last-child:after{border-right: 2px solid #5ddfde;right: -2px;}
.ui-helper-popup #hp_step_18 .ui-helper-result-tab .ui-result-tab.on span{font-weight:600;}
.ui-helper-popup #hp_step_18 .ui-helper-result-tab .ui-result-tab.on span:after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:#5ddfde}

.ui-helper-popup #hp_step_3,
.ui-helper-popup #hp_step_7,
.ui-helper-popup #hp_step_17,
.ui-helper-popup #hp_step_3 .ui-helper-cont,
.ui-helper-popup #hp_step_7 .ui-helper-cont,
.ui-helper-popup #hp_step_17 .ui-helper-cont{background:#ebfbfb;padding-top:0;}
.ui-helper-popup #hp_step_3 .ui-header-info .ui-header-txt,
.ui-helper-popup #hp_step_7 .ui-header-info .ui-header-txt,
.ui-helper-popup #hp_step_17 .ui-header-info .ui-header-txt{text-align:center;}
.ui-helper-popup #hp_step_2 .ui-helper-cont{padding:20px 30px 0;}
.ui-helper-popup #hp_step_2 .ui-helper-bx .ui-btm-txt{padding:0 30px 10px}
.ui-helper-popup #hp_step_2 .ui-userInfo-cont{padding:8px 30px 15px}
.ui-helper-popup #hp_step_7 .ui-header-info{padding-top:20px;padding-bottom:20px;}

/* as-is reset */
.pop_main_youtub .main_youtub_wrap{width:1020px;height:560px;}
.pop_main_youtub .main_youtub_wrap > .inbox{padding:32px 30px}
.pop_main_youtub .main_youtub_wrap .pop_youtub_iframe{width:600px;height:336px;border-radius:25px;overflow:hidden;background:#000;}
.pop_main_youtub .main_youtub_wrap .youtub_frame_box{width:600px;height:336px;}
.pop_main_youtub .main_youtub_wrap .youtub_frame_box iframe{width:600px;height:336px;}
.pop_main_youtub .main_youtub_wrap .script-box *{color:#fff;}
.pop_main_youtub .main_youtub_wrap .script-box{overflow-y:auto;width:600px;height:150px;margin-top:10px;border:1px solid #3d3d3d;background:#000;padding:23px 29px;color:#fff;font-size:13px;font-family:'Noto Sans Light';line-height:1.7;letter-spacing:0;position:absolute;bottom:30px;left:32px;}
.pop_main_youtub .main_youtub_wrap .script-box::-webkit-scrollbar { width: 20px;  /* 세로축 스크롤바 길이 */ height: 20px;  /* 가로축 스크롤바 길이 */ }
.pop_main_youtub .main_youtub_wrap .script-box::-webkit-scrollbar-track-piece { background-color: #000;}
.pop_main_youtub .main_youtub_wrap .script-box::-webkit-scrollbar-thumb { border-radius: 8px; background-color:#1f1f1f;width:10px}
.pop_main_youtub .main_youtub_wrap .script-box::-webkit-scrollbar-button:start {background: url(/images/pc/main/online/icon-script-arrow-top.png) center no-repeat ;background-color: #000;height:20px;}
.pop_main_youtub .main_youtub_wrap .script-box::-webkit-scrollbar-button:end {background: url(/images/pc/main/online/icon-script-arrow-btm.png) center no-repeat ;background-color: #000;height:20px;}
.pop_main_youtub .main_youtub_wrap .subject{font-size:20px;font-family:'Noto Sans Bold';}
.pop_main_youtub .main_youtub_wrap .youtubeCaption {color: #fff; font-size: 13px; font-family: 'Noto Sans Light'; line-height: 1.7; letter-spacing: 0;white-space: pre; margin-top:-20px;}
.pop_main_youtub .main_youtub_wrap .box_youtb_close{position:absolute;top:20px;right:20px;z-index:10;}
.pop_main_youtub .main_youtub_wrap .box_youtb_close:before,
.pop_main_youtub .main_youtub_wrap .box_youtb_close:after{content:'';position:absolute;top:-4px;right:11px;z-index:2;width:2px;height:32px;background:#fff;}
.pop_main_youtub .main_youtub_wrap .box_youtb_close:before{transform:rotate(45deg);}
.pop_main_youtub .main_youtub_wrap .box_youtb_close:after{transform:rotate(135deg);}
.pop_main_youtub .main_youtub_wrap .btn_main_youtb_close{position:relative; background:none; z-index:3}
.pop_main_youtub .main_youtub_wrap .youtub_list_thumb{border-radius:9px;overflow:hidden;border:2px solid #1f1f1f;}
.pop_main_youtub .main_youtub_wrap .active .youtub_list_thumb{border-color:#ec2323;}
.pop_main_youtub .main_youtub_wrap .thumbwrap{border:none;}
.pop_main_youtub .main_youtub_wrap .thumbwrap img{width:128px;height:70px;}
.pop_main_youtub .main_youtub_wrap .youtub_list li.active .thumbwrap:after{display:none;}
.pop_main_youtub .main_youtub_wrap .youtub_list_thumb{width:128px;}
.pop_main_youtub .main_youtub_wrap .youtub_list_tit .thumbtxt{display:-webkit-box;overflow:hidden;max-height:70px;color:#fff;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:16px;}
.pop_main_youtub .main_youtub_wrap .youtub_list li{margin-top:15px;}
.pop_main_youtub .main_youtub_wrap .youtub_list li:first-child{margin-top:0;}
.pop_main_youtub .main_youtub_wrap .pop_youtub_listbox{width:320px;height:495px;}
.pop_main_youtub .main_youtub_wrap .youtub_list_control{bottom:20px;}
.pop_main_youtub .main_youtub_wrap .youtub_list_control .btn_youtub{display:inline-block;background-color:#fff;background-image:url('/images/pc/main/online/set_btn_indi_03.png');background-repeat:no-repeat;width:22px;height:22px;-webkit-border-radius:22px;-moz-border-radius:22px;border-radius:22px;}
.pop_main_youtub .main_youtub_wrap .youtub_list_control .prev{background-position:0 0;}
.pop_main_youtub .main_youtub_wrap .youtub_list_control .next{background-position:0 -22px;}
.pop_main_youtub .main_youtub_wrap .youtub_list_control .btn_youtub:disabled{background-color:#bfbfbf}
.pop_main_youtub .main_youtub_wrap .youtub_paging{vertical-align:bottom;margin:0 20px;font-size:16px;}
.pop_main_youtub .main_youtub_wrap .youtub_paging *{display:inline-block;color:#fff !important;font-family:'Roboto Raguler';}
.pop_main_youtub .main_youtub_wrap .youtub_paging .slash{margin:0 5px;}

/* 최근 본 상품 위치 이동 - 닷컴 공통 요소 reset */
/*.footer-float-icon-div {bottom: 150px !important;}*/
.footer-float-icon-div {bottom: 137px !important;} /*만족도 조사 없어지면 원래위치로 원복*/
.customer_satisfaction_area{position:fixed;bottom:170px;left:50%;margin-left:575px;z-index:100;}/*만족도 조사 없어지면 삭제*/

/* 닷컴 공통 제어 */
#cfmClFooter {margin-top:-1px;}
.footer-float-icon-div {margin-left:540px}

/* asis 팝업 수저 */
#ShopLayer {border-radius: 0;}
#ShopLayer img {width:100%;}
#ShopLayer .today {background-image:none;}

/*온경혁 2021 10 28 메인페이지 슬라이드 변경*/
.ui-coupon .ui-slider-prd .tit-area .bg {left: 70px; bottom:50px;}
.ui-coupon .btn-box {text-align: center;margin-top: 24px;}
.ui-coupon .btn-box .btn-more {display: inline-block;height: 40px;line-height: 38px;padding: 0 30px;border: 1px solid #a8a8a8;background: #fff;border-radius: 20px;}
.ui-coupon .btn-box .btn-more span {color: #000;position: relative;padding-right: 18px;font-size: 16px;}
.ui-coupon .btn-box .btn-more span:after {content: '';position: absolute;top: 50%;right: 0;width: 16px;height: 16px;margin-top: -7px;background: url(/images/pc/main/online/btn_more_231005.gif) no-repeat;}

.ui-coupon .ui-phone-list-wrap .link .ui-badge-wrap {position: absolute; top: 18px; left: 18px;}
.ui-coupon .ui-phone-list-wrap .link .ui-badge-wrap .badge {display: inline-block; height: 24px; line-height:24px;font-size: 12px; border-radius: 4px; margin-right: 4px; padding: 0 6px;}
.ui-coupon .ui-phone-list-wrap .link .ui-badge-wrap .badge.green {background-color: #01a69f; color: #fff;}
.ui-coupon .ui-phone-list-wrap .link .ui-badge-wrap .badge.gray {background-color: #ededed; color: #000;}
.ui-coupon .ui-phone-list-wrap.slider-area li {height:475px;}
.ui-coupon .ui-slider-prd {height: 572px;}
.ui-coupon .ui-phone-list-wrap.slider-area {margin-top:0;}
.prodItemCase.ui-case {position: relative;}
.ui-slide .ui-cable-list-wrap li.ui-gift {padding: 0;}
.ui-section.ui-slide .ui-slider-prd {height:500px;}
.prodItemCase.ui-case .prodItem .prodInfoFreebies .flagBox{position:relative; margin-left:20px; height:20px; overflow: hidden; z-index:1;}
.prodItemCase.ui-case .prodItem .prodInfoFreebies .img{display:block;height:201px; text-align:center; position: relative; z-index: 3; margin-top: 5px;}
.prodItemCase.ui-case .prodItem .prodInfoFreebies:after {content: ''; background-color: #f8f8f8; width: 100%; position: absolute; left: 0; top: 0; height:215px;}
.prodItemCase.ui-case .prodItem .prodInfoFreebies:focus:before{content:'';position:absolute; top:10px;left:10px;right:10px;height: 114px;border:1px dashed  #666;z-index:3}
.prodItemCase.ui-case .prodItem .prodInfoFreebies .img img{height:191px;}
.prodItemCase.ui-case .prodItem.giftIem .prodName{margin-top: 0;padding-right:0;text-align:center;position: relative;padding: 0 20px;font-size:16px;color:#000;line-height:32px;letter-spacing:0.4px;}
.prodItemCase.ui-case .prodItem.giftIem .ui-desc {display: inline-block; width: 100%; text-align: center; color: #959595;font-size:12px;}
.prodItemCase.ui-case .prodItem .prodCopy{display:block;height:36px;margin:4px 0 10px;color:#959595;font-size:12px; overflow: hidden;}
.prodItemCase.ui-case .prodItem .totalPay02 {display:flex;min-height:50px; padding:8px 19px 0; position: relative;flex-direction: column;justify-content: space-evenly;}
.prodItemCase.ui-case .prodItem .totalPay02 .innerFlex{display:flex;display:-ms-flexbox;margin-bottom:2px;}
.prodItemCase.ui-case .prodItem .totalPay02 .innerFlex div{width:40%;color:#525252;font-size:14px;letter-spacing:-0.35px;}
.prodItemCase.ui-case .prodItem .totalPay02 .innerFlex div.price{text-align:right; width:60%}
.prodItemCase.ui-case .prodItem .totalPay .prodCopy{height:20px}
.prodItemCase.ui-case .prodItemBtn {text-align: center; margin: 0 20px 20px;}
.prodItemCase.ui-case .btnOrder{display:inline-block;box-sizing:border-box;width:100%;border-radius:8px;background-color:#5ddfde; height: 40px;}
.ui-slide .ui-cable-list-wrap.slider-area li.ui-gift {height:405px; box-sizing: border-box;}
.prodItemCase.ui-case .prodItem .flagItemNew{display:inline-block;padding:0 10px;line-height:20px;  background-color: #ededed;color:#000;font-size:11px;border-radius:3px;font-weight:500;margin-left:3px;}
.prodItemCase.ui-case .prodItem .flagItemNew:first-child {margin-left:0;}
.prodItemCase.ui-case .prodItem .flagItemNew.green {background-color: #01a69f; color: #fff;}
.ui-cable-list-wrap .prodItemCase.ui-case  .prodItem {overflow:hidden;}
.ui-section.ui-slide .ui-slider-prd .bx-wrapper .bx-controls.bx-has-controls-direction {top: 50%;}
.slider-area .bx-controls-direction .bx-next.disabled,
.slider-area .bx-controls-direction .bx-prev.disabled{display: none;}
.ui-slide .ui-cable-list-wrap.slider-area .prodItemCase.ui-case{height:100%;}
.ui-slide .ui-cable-list-wrap.slider-area .prodItemCase.ui-case .prodItemBtn{position:absolute;bottom:0;left:0;width:calc(100% - 40px)}
.ui-slide .ui-cable-list-wrap.slider-area .prodItemCase.ui-case .prodItem .prodInfoFreebies .flagBox{position:absolute;top:16px;left:16px;margin-left:0;}
.ui-slide .ui-cable-list-wrap.slider-area .prodItemCase.ui-case .prodItem .prodInfoFreebies .img{margin:14px 0 13px;}
.ui-slide .btn-box {text-align: center;margin-top: 24px;}
.ui-slide .btn-box .btn-more {display: inline-block;height: 40px;line-height: 38px;padding: 0 30px;border: 1px solid #a8a8a8;background: #fff;border-radius: 20px;}
.ui-slide .btn-box .btn-more span {color: #000;position: relative;padding-right: 18px;font-size: 16px;}
.ui-slide .btn-box .btn-more span:after {content: '';position: absolute;top: 50%;right: 0;width: 16px;height: 16px;margin-top: -7px;background: url(/images/pc/main/online/btn_more_231005.gif) no-repeat;}

/* 메인상담 플로팅 */
.floating-banner-consulting {position:fixed; right:50%; bottom:248px; margin-right:-623px; z-index:1060;visibility: hidden; opacity: 0;transition: all ease 1s;}
.floating-banner-consulting.on {visibility: visible; opacity: 1;}
.floating-banner-consulting .floating-front {text-align: center; box-shadow:0 13px 18px rgba(1,1,1, 0.15);border-radius: 50%;z-index: 100;}
.floating-banner-consulting .floating-back {text-align: center; border-radius: 50%;z-index: 100;}
.floating-banner-consulting .floating-help {position: relative; display: flex; justify-content:center; align-items: center; width:60px; height: 60px; background-color: #5DDFDE; border-radius: 50%;}
.floating-banner-consulting .floating-Txt {position: absolute; top:20%; right:54px; line-height:36px; padding:0 20px 0 0; margin-right: 16px; display: inline-block; white-space: nowrap; font-size: 12px; letter-spacing: -0.07em;background:transparent url(https://image.shop.kt.com/upload/editor/display/main_bg_chatbot.png) 100% 50% no-repeat; background-size:auto 100%; color:#000; text-align:left; }
.floating-banner-consulting .floating-Txt:after {content:''; position:absolute; top:0; left:-14px; width:14px; height:36px; background:transparent url(/images/pc/main/online/main_bg_chatbot.png) 0 50% no-repeat; background-size:auto 100%;}
/* .floating-banner-consulting .floating-Txt.on {visibility: visible; opacity: 1;} */
.floating-banner-consulting .floating-back {display:none; transition: all ease 0.7s; z-index: 1;}
.floating-banner-consulting .floating-back .floating-close {position: relative; display: flex; justify-content:center; align-items: center; width:60px; height: 60px; background-color: #3E414E;border-radius: 50%;}
.floating-banner-consulting .floating-back .floating {position: absolute; white-space: nowrap; top:-240%; right:0;}
.floating-banner-consulting .floating-back .floating a {display: block; border: 1px solid #D9D9D9; background-color: #fff; border-radius:50px; line-height: 36px; color:#000; text-decoration: none; min-width:140px; margin-bottom: 10px; font-size:14px; letter-spacing: -0.07em;}
.floating-banner-consulting .floating-back .floating-chat:after {content: ''; display:inline-block; width:20px; height:20px; background: url(/images/pc/main/online/main_floating_ico_chat.png); vertical-align: middle;margin-left:10px;}
.floating-banner-consulting .floating-back .floating-kakao:after {content: ''; display:inline-block; width:20px; height:20px; background: url(/images/pc/main/online/main_floating_ico_kakao.png); vertical-align: middle;margin-left:16px;}
.floating-banner-consulting .floating-back .floating-call:after {content: ''; display:inline-block; width:20px; height:20px; background: url(/images/pc/main/online/main_floating_ico_call.png); vertical-align: middle;margin-left:17px;}