@charset "UTF-8";
/* ============================== rem 폰트 적용 break-point ============================== */
html { font-size: 4.44445vw; }

@media (max-width: 320px) { html, body { min-width: 320px; } }

/* ============================== 스킵 내비게이션 ============================== */
.kt5g .skip-navi { position: fixed; left: -9999px; }

.kt5g .skip-navi:focus { display: block; position: fixed; top: 0; left: 0; z-index: 99999; width: 100%; height: 2.5rem; line-height: 2.5rem; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 1rem; text-align: center; text-decoration: none; }

/* ============================== 레이아웃 ============================== */
.kt5g .wrap { height: 100%; min-width: 320px; }

.kt5g .common-header { width: 100%; position: absolute; top: 0; left: 0; z-index: 100; }

.kt5g .common-header.fixed { position: fixed; }

.kt5g .common-header .header-top { position: relative; z-index: 100; width: 100%; height: 3.75rem; background: #FFF; padding: 0.9375rem 2.5rem; }

.kt5g .common-header .header-top .site-logo { width: 2.875rem; padding: 0.125rem 0; font-size: 0; vertical-align: top; margin: 0 auto; transition: all 50ms ease; }

.kt5g .common-header .header-top .site-logo a { display: block; width: 3.5rem; height: 1.5625rem; background: url("/shop5g/images/mobile/common/logo.png") no-repeat 50%; background-size: 100%; }

.kt5g .common-header .header-top .btn-menu-open { position: absolute; top: 0.8375rem; left: 0.9375rem; left:4.2vw; width: 1.875rem; height: 1.875rem; text-indent: -9999em; }

.kt5g .common-header .header-top .btn-menu-open:after { content: ''; display: block; width: 1.125rem; height: 1rem; background: url("/shop5g/images/mobile/common/icon-all-menu.png") no-repeat right center; background-size: 100%; position: absolute; top: 0.4375rem; left: 0; }

.kt5g .common-header .header-top .btn-my { position: absolute; top: 0.9375rem; right: 0.9375rem; width: 1.75rem; height: 1.75rem; text-indent: -9999em; }

.kt5g .common-header .header-top .btn-my:after { content: ''; display: block; position: absolute; top: 50%; right: 0.1875rem; width: 1.1875rem; height: 1rem; margin-top: -0.5rem; background: url("/shop5g/images/mobile/common/icon-my.png") no-repeat; background-size: 100%; }

.kt5g .common-header .header-top a.kt { position:absolute; top:4vw; left:15vw; width: 8vw; height: 8vw; background: url("/shop5g/images/mobile/common/until-icon-kt.png") 50% 50% no-repeat; background-size:100% auto;}/* 0514 샵링크 추가 */

.kt5g .common-header .header-top a.ktshop { position:absolute; top:4vw; right:0.9375rem; right:4.2vw; width: 8vw; height: 8vw; background: url("/shop5g/images/mobile/common/until-icon-ktshop.png") 50% 50% no-repeat; background-size:100% auto;}/* 0514 샵링크 추가 */

.kt5g .common-header .common-search-area { opacity: 0; width: 12.5rem; width:55.4vw; height: 1.875rem; transition: all 2000ms ease; position: absolute; top: 0.9375rem; left: 6.2rem; left:27.6vw; z-index: 9990; }

.kt5g .common-header .common-search-area .form-search { display: inline-block; width: 12.5rem; height: 1.875rem; border-radius: 0.9375rem; border: 1px solid #999; background: #fff; }

.kt5g .common-header .common-search-area .form-search input { width: 7.8125rem; width: calc(100% - 2.1875rem); height: 100%; line-height: 1.875rem; padding: 0 1.25rem; border: none; background: transparent; color: #666; font-size: 0.6875rem; font-weight: bold; vertical-align: top; }

.kt5g .common-header .common-search-area .form-search input::-webkit-input-placeholder { color: #000; }

.kt5g .common-header .common-search-area .form-search input:-ms-input-placeholder { color: #000; }

.kt5g .common-header .common-search-area .form-search input::-moz-placeholder { color: #000; opacity: 1; }

.kt5g .common-header .common-search-area .form-search input:-moz-placeholder { color: #000; opacity: 1; }

.kt5g .common-header .common-search-area .form-search input::-webkit-input-placeholder { font-size: 0.75rem; font-weight: normal; }

.kt5g .common-header .common-search-area .btn-search { display: block; position: absolute; top: 0; right: 0.3125rem; width: 1.875rem; height: 100%; text-indent: -9999em; }

.kt5g .common-header .common-search-area .btn-search:after { content: ''; display: block; position: absolute; top: 0.5rem; left: 0.3125rem; width: 0.8125rem; height: 0.8125rem; background-image: url(/shop5g/images/mobile/common/icon-search-black.png); background-repeat: no-repeat; background-size: 100%; background-position: center center; }

.kt5g .common-header .gnb-wrap { overflow-y: hidden; width: 100%; z-index: 300; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; }

.kt5g .common-header .gnb-wrap .radius, .kt5g .common-header .gnb-wrap .gnb-depth1 > li > a, .kt5g .common-header .gnb-wrap .gnb-depth1 > li > a .in-wrap, .kt5g .common-header .gnb-wrap .gnb-depth1 > li > a:focus:after { border-radius: 0.4375rem; }

.kt5g .common-header .gnb-wrap::-webkit-scrollbar { display: none; }

.kt5g .common-header .gnb-wrap.fixed { position: fixed; width: 100%; top: 0; z-index: 999; background: #fff; padding: 0.625rem 0; }

.kt5g .common-header .gnb-wrap .gnb-depth1 { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; transition-duration: 200ms; }

.kt5g .common-header .gnb-wrap .gnb-depth1.active { -webkit-transform: translate3d(-13%, 0px, 0px); transform: translate3d(-13%, 0px, 0px); transition-duration: 200ms; }

.kt5g .common-header .gnb-wrap .gnb-depth1 > li { margin-right: 0.5rem; }

.kt5g .common-header .gnb-wrap .gnb-depth1 > li:first-child { margin-left: 0.5rem; }

.kt5g .common-header .gnb-wrap .gnb-depth1 > li.swiper-slide { width: 5.75rem; }

.kt5g .common-header .gnb-wrap .gnb-depth1 > li .gmenu1 { background-image: url("/shop5g/images/mobile/common/gnb-menu-1.png"); }

.kt5g .common-header .gnb-wrap .gnb-depth1 > li .gmenu2 { background-image: url("/shop5g/images/mobile/common/gnb-menu-2.png"); }

.kt5g .common-header .gnb-wrap .gnb-depth1 > li .gmenu3 { background-image: url("/shop5g/images/mobile/common/gnb-menu-3.png"); }

.kt5g .common-header .gnb-wrap .gnb-depth1 > li .gmenu4 { background-image: url("/shop5g/images/mobile/common/gnb-menu-4.png"); }

.kt5g .common-header .gnb-wrap .gnb-depth1 > li .gmenu5 { background-image: url("/shop5g/images/mobile/common/gnb-menu-5.png"); }

.kt5g .common-header .gnb-wrap .gnb-depth1 > li > a { position: relative; display: inline-block; width: 5.75rem; height: 3.9375rem; padding-top: 2.25rem; background-size: 100% 100%; }

.kt5g .common-header .gnb-wrap .gnb-depth1 > li > a .in-wrap { display: block; text-align: center; }

.kt5g .common-header .gnb-wrap .gnb-depth1 > li > a .in-wrap > span { height: 1.3125rem; display: inline-block; color: #fff; font-family: 'kt'; font-size: 1.0625rem; font-weight: 300; text-align: center; text-decoration: none; letter-spacing: -.05em; vertical-align: top; text-shadow: 0 0 0.9375rem rgba(0, 0, 0, 0.75); }

.kt5g .common-header .gnb-wrap .gnb-depth1 > li > a:focus:after { display: block; content: ''; position: absolute; top: 0; z-index: 999; box-sizing: border-box; border: 3px solid #00c4d8; width: 100%; height: 100%; }

.kt5g .common-header .gnb-wrap .gnb-depth1 li.on a .in-wrap { background: transparent; }

.kt5g .common-header .gnb-wrap .gnb-depth1 li.on a .in-wrap > span { font-weight: 700; border-bottom: 2px solid #fff; }

.kt5g .common-header .gnb-wrap .gnb-depth1 li.on a:after { display: block; content: ''; position: absolute; top: 0; z-index: 999; box-sizing: border-box; border: 3px solid #00c4d8; border-radius: 0.3125rem; width: 100%; height: 100%; }

.kt5g .common-header .gnb-wrap .gnb-depth1 li.on .gmenu1 { background-image: url("/shop5g/images/mobile/common/gnb-menu-1-on.png"); }

.kt5g .common-header .gnb-wrap .gnb-depth1 li.on .gmenu2 { background-image: url("/shop5g/images/mobile/common/gnb-menu-2-on.png"); }

.kt5g .common-header .gnb-wrap .gnb-depth1 li.on .gmenu3 { background-image: url("/shop5g/images/mobile/common/gnb-menu-3-on.png"); }

.kt5g .common-header .gnb-wrap .gnb-depth1 li.on .gmenu4 { background-image: url("/shop5g/images/mobile/common/gnb-menu-4-on.png"); }

.kt5g .common-header .gnb-wrap .gnb-depth1 li.on .gmenu5 { background-image: url("/shop5g/images/mobile/common/gnb-menu-5-on.png"); }

.kt5g .common-header .gnb-wrap .swiper-scrollbar { background: black; }

.kt5g .allmenu { position: fixed; z-index: 9999; top: 0; left: -120%; width: 100%; height: 100%; min-height: 100%; background: #fff; box-shadow: 0 2px 5px #666; text-align: left; transition: all 1000ms ease 0s; overflow-y: scroll; }

.kt5g .allmenu.open { display: block; left: 0; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); }

.kt5g .allmenu .btn-menu-close { position: absolute; top: 0; right: 0; z-index: 99999; width: 2.875rem; height: 3.125rem; text-indent: -624.9375rem; }

.kt5g .allmenu .btn-menu-close:before { content: ''; width: 0.125rem; height: 1.25rem; background-color: #FFF; -webkit-transform: rotate(136deg); -ms-transform: rotate(136deg); transform: rotate(136deg); position: absolute; top: 1rem; right: 1.5625rem; }

.kt5g .allmenu .btn-menu-close:after { content: ''; width: 0.125rem; height: 1.25rem; background-color: #FFF; -webkit-transform: rotate(224deg); -ms-transform: rotate(224deg); transform: rotate(224deg); position: absolute; top: 1rem; right: 1.5625rem; }

.kt5g .allmenu .allmenu-logo { height: 3.5rem; padding: 0.875rem 0 0 0.9375rem; line-height: 3.5rem; background-color: #00c4d8; border-bottom: 1px solid rgba(255, 255, 255, 0.15); position: fixed; z-index: 9999; width: 100%; top: 0; }

.kt5g .allmenu .allmenu-logo .logo { display: block; width: 3.5rem; height: 1.5625rem; background-image: url(/shop5g/images/mobile/common/logo-allmenu.png); background-repeat: no-repeat; background-size: contain; background-position: center center; }

.kt5g .allmenu a.kt { position:absolute; top:4.33vw; right:12vw; width: 8vw; height: 5.33vw; background: url("/shop5g/images/mobile/common/allmenu-icon-kt.png") 50% 50% no-repeat; background-size:auto 100%; z-index:9999;}/* 0514 샵링크 추가 */

.kt5g .allmenu .menu-wrapper { padding-bottom: 1.25rem; margin-top: 3.5rem; overflow-y: scroll; }

.kt5g .allmenu .menu-head { min-height: 10.3125rem; border-bottom: 1px solid #a3a3a3; background-color: #00c4d8; color: #FFF; }

.kt5g .allmenu .menu-head .head-utils { font-size: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.15); }

.kt5g .allmenu .menu-head .head-utils li { display: inline-block; height: 2.5rem; line-height: 2.5rem; vertical-align: middle; }

.kt5g .allmenu .menu-head .head-utils li:not(:first-child) { /* margin-left: 0.625rem;*/ }/* 0514 샵링크 추가 */

.kt5g .allmenu .menu-head .head-utils li a { display: block; height: 100%; padding: 0 0.875rem 0 0.375rem; line-height: 2.375rem; font-size: 0.8125rem; color: #FFF; font-weight: bold; }

.kt5g .allmenu .menu-head .head-utils li a:before { content: ''; display: inline-block; margin: 0 0.375rem 0 0.375rem; width: 1rem; height: 0.875rem; vertical-align: -0.125rem; background-image: url(/shop5g/images/mobile/common/allmenu-icon-login.png); background-repeat: no-repeat; background-size: contain; background-position: center center; }

.kt5g .allmenu .menu-head .head-utils li.join a:before { background-image: url(/shop5g/images/mobile/common/allmenu-icon-join.png); background-repeat: no-repeat; background-size: contain; background-position: center center; }

.kt5g .allmenu .menu-head .head-utils li.my a:before { background-image: url(/shop5g/images/mobile/common/allmenu-icon-my.png); background-repeat: no-repeat; background-size: contain; background-position: center center; }

.kt5g .allmenu .menu-head .head-utils li.ktshop a:before {width:4.93vw; height:3.86vw; background: url("/shop5g/images/mobile/common/allmenu-icon-ktshop.png") 50% 50% no-repeat; background-size:100% auto;}/* 0514 샵링크 추가 */

.kt5g .allmenu .menu-head .intro-area { min-height: 7.8125rem; padding: 0 0.9375rem; padding-left: 6.125rem; }

.kt5g .allmenu .menu-head .intro-area .tit { padding-top: 2.0625rem; font-size: 1.125rem; font-family: "kt"; font-weight: 500; }

.kt5g .allmenu .menu-body { position: relative; width: 100%; height: calc(100% - 47px); }

.kt5g .allmenu .menu-body a { display: block; text-decoration: none; }

.kt5g .allmenu .menu-body:before { display: block; content: ''; position: absolute; left: 1.375rem; top: -3.75rem; width: 4.25rem; height: 4rem; background-image: url(/shop5g/images/mobile/common/allmenu-head-img.png); background-repeat: no-repeat; background-size: contain; background-position: center center; }

.kt5g .allmenu .menu-depth1 { padding: 0 0.9375rem; }

.kt5g .allmenu .menu-depth1 > li { border-radius: 0.3125rem; background: #FFF; padding: 0 0.625rem 0.3125rem 1.25rem; margin-top: 0.9375rem; box-shadow: 1px 1px 13px #dedede; }

.kt5g .allmenu .menu-depth1 > li:first-child { margin-top: -2.875rem; }

.kt5g .allmenu .menu-depth1 > li > .menu-tit { width: 100%; height: 2.8125rem; line-height: 2.8125rem; font-size: 0.875rem; font-weight: bold; color: #212121; position: relative; }

.kt5g .allmenu .menu-depth1 > li.shopping li:nth-child(2) a:before { margin-right: 5px; height: 24px; background-image: url(/shop5g/images/mobile/common/allmenu-icon2.png); background-repeat: no-repeat; background-size: contain; background-position: 0 center; }

/* 190717 추가 */
.kt5g .allmenu .menu-depth1 > li.shopping li:nth-child(3) a:before { margin-right: 5px; background: url("/shop5g/images/mobile/common/allmenu-menu-icon.png") -175px 0 no-repeat; background-position: -10.9375rem 0; background-size: auto 100%; }

.kt5g .allmenu .menu-depth1 > li.my5g li:nth-child(1) a:before { background: url("/shop5g/images/mobile/common/allmenu-menu-icon.png") no-repeat; background-position: -3.125rem 0; background-size: auto 100%; }

.kt5g .allmenu .menu-depth1 > li.my5g li:nth-child(2) a:before { margin-right: 5px; height: 24px; background-image: url(/shop5g/images/mobile/common/allmenu-icon4.png); background-repeat: no-repeat; background-size: contain; background-position: 0 center; }

.kt5g .allmenu .menu-depth1 > li.my5g li:nth-child(3) a:before { background: url("/shop5g/images/mobile/common/allmenu-menu-icon.png") -75px 0 no-repeat; background-position: -4.6875rem 0; background-size: auto 100%; }

.kt5g .allmenu .menu-depth1 > li.my5g li:nth-child(4) a:before { margin-right: 5px; height: 24px; background-image: url(/shop5g/images/mobile/common/allmenu-icon6.png); background-repeat: no-repeat; background-size: contain; background-position: 0 center; }

.kt5g .allmenu .menu-depth1 > li.my5g li:nth-child(5) a:before { height: 24px; background-image: url(/shop5g/images/mobile/common/allmenu-icon7.png); background-repeat: no-repeat; background-size: contain; background-position: 0 center; }

.kt5g .allmenu .menu-depth1 > li.my5g li:nth-child(6) a:before { margin-right: 5px; background: url("/shop5g/images/mobile/common/allmenu-menu-icon.png") -125px 0 no-repeat; background-position: -7.8125rem 0; background-size: auto 100%; }

.kt5g .allmenu .menu-depth1 > li.deal li:nth-child(1) a:before { background: url("/shop5g/images/mobile/common/allmenu-menu-icon.png") -150px 0 no-repeat; background-position: -9.375rem 0; background-size: auto 100%; }

.kt5g .allmenu .menu-depth1 > li.deal li:nth-child(2) a:before { margin-right: 5px; background: url("/shop5g/images/mobile/common/allmenu-menu-icon.png") -175px 0 no-repeat; background-position: -10.9375rem 0; background-size: auto 100%; }

.kt5g .allmenu .menu-depth1 > li.favorite li { width: 100%; }

.kt5g .allmenu .menu-depth1 > li.favorite li a { line-height: 2.8125rem; }

.kt5g .allmenu .menu-depth1 > li.favorite li a:before { vertical-align: -0.4375rem; background: url("/shop5g/images/mobile/common/allmenu-menu-icon.png") -200px 0 no-repeat; background-position: -12.5rem 0; background-size: auto 100%; }

.kt5g .allmenu .menu-depth2 { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.kt5g .allmenu .menu-depth2 > li { width: 50%; }

.kt5g .allmenu .menu-depth2 > li > a { position: relative; height: 2.5rem; line-height: 2.1875rem; font-size: 0.8125rem; }

.kt5g .allmenu .menu-depth2 > li > a:before { content: ''; display: inline-block; right: 0.625rem; width: 1.5625rem; height: 1.375rem; vertical-align: middle; background: url("/shop5g/images/mobile/common/allmenu-menu-icon.png") 0 0 no-repeat; background-size: auto 100%; }

.kt5g .common-contents { min-height: 25rem; }

.kt5g .kt__container { min-height: 25rem; }

.kt5g .common-header + .kt__container, .kt5g .allmenu + .kt__container, .kt5g .allmenu + input + .kt__container  { margin-top: 8.3125rem; }

.kt5g .section-content { padding-bottom: 1.875rem; margin-top: -0.625rem; }

.kt5g .snb-wrap { width: 100%; background: #fff; overflow: auto; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; }

.kt5g .snb-wrap::-webkit-scrollbar { display: none; }

.kt5g .snb-wrap > ul { position: relative; height: 2.5625rem; font-size: 0; white-space: nowrap; text-align: left; }

.kt5g .snb-wrap > ul:after { content: ''; display: block; clear: both; height: 1px; width: 100%; background: #ddd; position: absolute; bottom: 0; }

.kt5g .snb-wrap li { height: 2.5625rem; display: inline-block; border-bottom: 1px solid #ddd; }

.kt5g .snb-wrap li:not(:first-child):before { content: ''; display: inline-block; width: 0.0625rem; height: 0.75rem; vertical-align: -0.1875rem; background: #ccc; }

.kt5g .snb-wrap li a { display: inline-block; height: 2.5625rem; padding: 0.75rem 0.9375rem; color: #000; font-size: 0.875rem; font-family: 'kt'; font-weight: 300; line-height: 1.1; text-decoration: none; position: relative; }

.kt5g .snb-wrap li.on a { color: #00aac3; font-weight: 700; }

.kt5g .snb-wrap li.on a:after { content: ''; display: block; position: absolute; bottom: 0; left: 0.9375rem; width: calc(100% - 1.875rem); border-bottom: 3px solid #00c4d8; z-index: 2; }

/*# sourceMappingURL=layout.css.map */