@charset "utf-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

/****************************
	모바일웹 default
****************************/
/*
* {box-sizing:border-box; margin:0; padding:0;}
html {-webkit-text-size-adjust:none;}
body {position:relative; min-width:320px; color:#000; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.03em; word-break:keep-all;
word-wrap:break-word; overflow-wrap:break-word; font-family:'Roboto', 'Noto Sans CJK KR', 'Noto Sans KR', 'Malgun Gothic', sans-serif, Arial, Dotum, Gulim, Verdana, Tahoma; /* font-family:'Roboto', 'AppleSDGothicNeo-Light', 'Malgun Gothic', sans-serif, Arial, Dotum, Gulim, Verdana, Tahoma; overflow-x:hidden;}
a, select, button, pre, input, textarea {font-family:inherit;}
header, section, article, aside, footer, nav {display:block;}
h1, h2, h3, h4, h5 {font-weight:500; line-height:1.1;}
dt, th, strong, b {font-weight:500;}
dt, th {color:#000;}
caption {height:0; font-size:0; line-height:0; overflow:hidden;}
pre {white-space:pre-wrap;}
fieldset {border:0;}
li {list-style:none;}
img {max-width:100%; vertical-align:middle; border:0;}
a {color:inherit; text-decoration:none;}
div, span, em, button, label, input, a, a:hover, a:active {outline:none;}
button{appearance : none; outline : none; background : none; border : none;}*/
p{font-size : inherit; font-weight : inherit; color : inherit; line-height : inherit;}

/****************************
	UI 컴포넌트
****************************/

.tts {position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}
.clearfix {position:relative;}
.clearfix:after {display:block; clear:both; content:'';}
.text-left {text-align:left !important;}
.text-right {text-align:right !important;}
.text-center {text-align:center !important;}
.vertical-top {vertical-align:top !important;}
.vertical-middle {vertical-align:middle !important;}
.vertical-bottom {vertical-align:bottom !important;}
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}
.mt115{margin-top:115px !important;}
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb75 {margin-bottom:75px !important;}
.mb80 {margin-bottom:80px !important;}
.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.ml55 {margin-left:55px !important;}
.ml60 {margin-left:60px !important;}
.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mr55 {margin-right:55px !important;}
.mr60 {margin-right:60px !important;}
.pt0 {padding-top:0 !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}
.pb0 {padding-bottom:0 !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}

/* 아이콘 */
.ico, .ico-18, .ico-24, .ico-30, .ico-54, .ico-60, .ico-90 {display:inline-block; width:10px; height:10px; text-indent:100%; white-space:nowrap; vertical-align:middle; background-repeat:no-repeat; background-position:center center; background-size:100% auto; overflow:hidden;}

.ico-24 {width: 20px;height:24px;background-size:100% auto;}
.ico-24.ico-search-white { background-image:url(/resources/images/common/ico-search-white.png);}
.ico-24.ico-close {background-size:18px auto; background-image:url(/resources/images/common/ico-close.png);}
.ico-24.ico-close-circle {background-size:18px auto; background-image:url(/resources/images/common/ico-close-circle.png);}

/* .tab-cont {display:none; overflow-y:hidden; height:0;} */

/* 플리킹 탭메뉴 */
.js-tab-list-scroll {position:relative; margin-right:-20px; font-size:0; text-align:center; white-space:nowrap; overflow-y:hidden; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none;}
.js-tab-list-scroll>li {display:inline-block; height:100%; font-size:16px; vertical-align:middle;}
.js-tab-list-scroll>li:last-child {margin-right:20px;}
.js-tab-list-scroll>li>a {display:block;}
.js-tab-list-scroll::-webkit-scrollbar {display: none;}

/****************************
	레이아웃
****************************/

/* 공통 */
.sticky-space body {padding-bottom:55px;}

/* 헤더 */
#header {position:relative; height:60px; border-bottom:1px solid #d2d2d2; text-align:center; background-color:#fff;}
#brand {display:inline-block; width : 100%; height : 100%; position : relative;}
#brand img {width:auto; vertical-align:top;}
#btn-allmenu-open, #search-modal {position:absolute; left:0; top:0; width:60px; height:60px; padding:18px 0;}
#btn-allmenu-open .ico-24, #search-modal .ico-24 {vertical-align:top;}
#search-modal {left:auto; right:0;}
.member-menu {position:relative; padding:0 15px; border-bottom:1px solid #e0e0e0; font-size:13px; background-color:#fff; overflow:hidden;}
.member-menu li {float:left;}
.member-menu li a, .member-menu li span {display:block; position:relative; padding:0 9px; line-height:64px;}
.member-menu li a:before {display:block; position:absolute; left:0; top:50%; content:''; width:1px; height:10px; margin-top:-5px; background-color:#d2d2d2;}
.member-menu li:first-child a:before {display:none;}
.member-menu .user-name {font-size:16px;}
.member-menu .user-name strong {display:inline-block; max-width:70px; color:#ed174d; white-space:nowrap; text-overflow:ellipsis; vertical-align:top; overflow:hidden;}
.member-type {position:relative; padding:0 15px; border-bottom:1px solid #e0e0e0; font-size:14px; background-color:#fff; overflow:hidden;}
.member-type li {float:left; color:#767676;}
.member-type li a {display:block; position:relative; padding:0 9px; line-height:49px;}
.member-type li a:before {display:block; position:absolute; left:0; top:50%; content:''; width:1px; height:10px; margin-top:-5px; background-color:#e0e0e0;}
.member-type li:first-child a:before {display:none;}
.member-type li.on {color:#000; font-weight:500;}
.member-menu+#gnb-area, .gnb-area-app {top:65px;}

/* 푸터 */
#footer {padding-bottom:25px; color:#919191; font-size:12px; text-align:center; background-color:#1d1f20;}
#btn-totop {display:none; position:fixed; right:15px; bottom:15px; width:47px; height:47px; border:1px solid #e0e0e0; border-radius:24px; text-indent:100%; white-space:nowrap; box-shadow:3px 3px 3px rgba(0,0,0,0.1); background:#fff url(/resources/images/common/ico-arr-up2.png) no-repeat center center; background-size:15px 9px; overflow:hidden; z-index:600;}
.sticky-space #btn-totop {bottom:70px;}

#footer .ci-logo {margin:15px 0;}
#footer .ci-logo img {height:35px;}
#footer .address {margin-top:15px; font-style:normal; line-height:21px;}

/* 콘텐츠 */
/* #content {min-height:calc(100vh - 379px);} */

/* #header+#content {min-height:calc(100vh - 439px);} */

/* 레이어 달력 */
.btn-calendar {display:inline-block; width:55px; height:55px; margin-left:-62px; text-indent:100%; white-space:nowrap; vertical-align:middle; background:url(/resources/images/common/ico-calendar.png) no-repeat center center; background-size:18px 18px; overflow:hidden;}

/* grid system */
.hv-footer .grid { box-sizing: border-box; clear: both; zoom: 1; }
.hv-footer .grid::before, .hv-footer .grid::after { content: " "; display: table; clear: both; }
.hv-footer .grid > [class*=col] { box-sizing: border-box; float: left; }
.hv-footer .grid .col-1-2 { width: 50%; padding: 0 10px; }
.hv-footer .grid .col-1-3 { width: 33.33333333%; }
.hv-footer .grid .col-2-3 { width: 66.66666667%; }
.hv-footer .grid .col-1-4 { width: 25%; }
.hv-footer .grid .col-2-4 { width: 50%; }
.hv-footer .grid .col-3-4 { width: 75%; }
.hv-footer .grid .col-1-5 { width: 20%; }
.hv-footer .grid .col-2-5 { width: 40%; }
.hv-footer .grid .col-3-5 { width: 60%; }
.hv-footer .grid .col-4-5 { width: 80%; }
.hv-footer .grid .col-1-6 { width: 16.66666667%; }
.hv-footer .grid .col-4-6 { width: 66.66666667%; }
.hv-footer .grid .col-1-12 { width: 8.33333333%; }
.hv-footer .grid .col-2-12 { width: 16.66666667%; }
.hv-footer .grid .col-3-12 { width: 25%; }
.hv-footer .grid .col-4-12 { width: 33.33333333%; }
.hv-footer .grid .col-5-12 { width: 41.66666667%; }
.hv-footer .grid .col-6-12 { width: 50%; }
.hv-footer .grid .col-7-12 { width: 58.33333333%; }
.hv-footer .grid .col-8-12 { width: 66.66666667%; }
.hv-footer .grid .col-9-12 { width: 75%; }
.hv-footer .grid .col-10-12 { width: 83.33333333%; }
.hv-footer .grid .col-11-12 { width: 91.66666667%; }
.hv-footer .grid .col-1-1, .hv-footer .grid .col-12-12 { width: 100%; float: none; }


.page-shop-main.scroll-sticky{position : sticky; top : 0;}

/* indicator */
#mainSubMenu { line-height: 1; padding : 0; max-width:1160px;}
#mainSubMenu .gnb-top-menu { position: relative; z-index: 100; background-color: #fff; }
#mainSubMenu .sublinks { position: relative; z-index: 98; }
#mainSubMenu .wrap { position: absolute; z-index: 99; top: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, .8); }
#mainSubMenu .grid { margin: 0 auto; display: table; width: 100%; max-width: 320px; }
#mainSubMenu .item { display: table-cell; float: none; clear: both; line-height: 1.4; }
#mainSubMenu .item .module { margin: 0; padding: 12px 0 12px 15px; }
#mainSubMenu .item a { display: block; font-weight: 300; font-size: 10px; color: #fff; }
#mainSubMenu .item strong,
#mainSubMenu .item span { display: block; word-break: keep-all; }
#mainSubMenu .item strong { font-weight: 400; font-size: 12px; }
#mainSubMenu .item .icon::before { display: inline; margin-left: 3px; content: '>'; font-style: normal; }
#mainSubMenu .item { width: auto; }
#mainSubMenu .wrap {
	visibility: hidden;
	opacity: 0;
	transform: translate(0, -20%);
	transition:
		visibility 0s linear .3s,
		opacity .3s cubic-bezier(0.76, 0, 0.24, 1) 0s,
		transform .3s cubic-bezier(0.76, 0, 0.24, 1) 0s;
}
#mainSubMenu.in .wrap {
	visibility: visible;
	opacity: 1;
	transform: translate(0, 0);
	transition:
		visibility 0s linear 0s,
		opacity .3s cubic-bezier(0.76, 0, 0.24, 1) 0s,
		transform .3s cubic-bezier(0.76, 0, 0.24, 1) 0s;
}

#footerSitemap { color: #bbb; line-height: 1.1; text-align: center; border-bottom: solid 1px rgba(170,170,170, .4); background: #1d1f20; }
#footerSitemap em { font-style: normal; font-weight: 700;}
#footerSitemap strong { font-weight: 700; }
#footerSitemap strong.eng { font-family: 'Roboto'; }
#footerSitemap a { display: block; padding: 2px 0; color: #bbb; }
#footerSitemap .toggle-sitemap em{ font-weight: 700; }
#footerSitemap .upper { height: 0; overflow: hidden; transition: height .3s ease-in-out 0s; padding : 0;}
#footerSitemap .upper .innerwrap { border-top: solid 1px rgba(170,170,170, .4); }
#footerSitemap .upper .wrapper { text-align: left; margin: 0; padding: 26px 10px; }
#footerSitemap .downer { border-top: solid 1px rgba(170,170,170, .4); height: 45px; padding : 0;}
#footerSitemap .downer a { margin: 0; padding: 15px 0; color: #a9a9a9; transition: background-color 150ms ease-in-out 0s; }
#footerSitemap .downer a:hover { background-color: #1d1f20; }
#footerSitemap .downer a span { display: inline-block; position: relative; padding-right: 16px; min-height: 13px; line-height: 13px }
#footerSitemap .downer a span::before,
#footerSitemap .downer a span::after { display: block; content: ''; position: absolute; top: 2px; right: 0; width: 2px; height: 2px; background-color: #a9a9a9; transition: transform .2s ease-in-out 0s; transform: rotate(0deg); }
#footerSitemap .downer a span::before { width: 10px; height: 2px; margin-top: 4px; }
#footerSitemap .downer a span::after { width: 2px; height: 10px; margin-right: 4px; transition-duration: .3s; }
#footerSitemap .downer .off { display: none; }
#footerSitemap.in .downer .on { display: none; }
#footerSitemap.in .downer .off { display: inline-block; }
#footerSitemap.in .downer a span::before { transform: rotate(180deg); }
#footerSitemap.in .downer a span::after { transform: rotate(270deg); }
#footerSitemap a.d1 {margin-bottom: 5px; padding:0; color: #fff; }
#footerSitemap a.d1 strong { font-weight: bold; }
#footerSitemap a.d2 { padding:0; color: #fff; }
#footerSitemap a.d2 strong, #footerSitemap a.d3 span { display: inline-block; position: relative; font-weight: bold; padding-right: 17px; }
#footerSitemap a.d3 span { font-weight: 300; padding-right: 16px; }
#footerSitemap a.d2 strong::before, #footerSitemap a.d3 span::before { display: block; position: absolute; margin-top: -9px; top: 50%; right: 0; width: 18px; height: 18px; background-image: url('/resources/images/common/ico_sitemap_link.png'); background-size: 18px 18px; background-position: center center; }
#footerSitemap a.d3 span::before { margin-top: -9px; background-image: url('/resources/images/common/ico_sitemap_link_02.png'); }
#footerSitemap .col-d1 { padding: 24px 0 28px; border-top: solid 1px #474749; }
#footerSitemap .col-d1 > .category{ padding: 0 10px; }
#footerSitemap .col-d1:nth-of-type(1) { border-top: 0; padding-top:0;}
#footerSitemap a.d1,
#footerSitemap ul.d2 {}
#footerSitemap ul.d3 { margin-bottom: 7px; }
#footerSitemap a.d2 { padding: 15px 0 3px; }
#footerSitemap { font-size: 13px; }
#footerSitemap a.d1 { font-size: 14px; }
#footerSitemap a.d2 { font-size: 12px; }
#footerSitemap .downer a { font-size: 14px; }

#footerSitemap .category + .category{ margin-top: 15px;}

#footer .global {position:relative; padding:10px 0; border-bottom:1px solid rgba(255,255,255,0.1); text-align:center;}
#footer .global>li {display:inline-block; position:relative;}
#footer .global li+li:before {display:inline-block; content:''; width:1px; height:10px; margin:0; text-indent:100%; white-space:nowrap; vertical-align:middle; background-color:rgba(255,255,255,0.2); overflow:hidden;}
#footer .global>li>a {height:44px; padding:10px 7px 10px 8px; color:#fff; font-size:13px; line-height:24px; vertical-align:middle;}
#footer .ci-logo {margin:15px 0;}
#footer .ci-logo img {height:35px;}
#footer .policy-menu li {display:inline-block; color:#a9a9a9;}
#footer .policy-menu li:first-child{color:#fff; font-weight : 500;}
#footer .policy-menu li>* {display:inline-block; height:18px; vertical-align:top; line-height:18px; font-size: 12px;}
#footer .policy-menu li+li:before {display:inline-block; content:''; width:1px; height:12px; margin:2px 10px 0; text-indent:100%; white-space:nowrap; vertical-align:middle; background-color:rgba(255,255,255,0.5); overflow:hidden;}
.cscenter-tel {margin:20px 0; color:rgba(255,255,255,0.7);  line-height:24px;}
.cscenter-tel a {border-bottom:1px solid rgba(255,255,255,0.7);}
.cscenter-tel p {margin-top:3px;}
#footer .address {margin-top:15px; font-style:normal; line-height:21px;}
#footer .separator {display:inline-block; width:1px; height:8px; margin:-2px 4px 0 4px; text-indent:100%; white-space:nowrap; vertical-align:middle; background-color:rgba(255,255,255,0.5); overflow:hidden;}

/* 2022 new gnb footer */
#header.hv-header { background: #000; height: 48px; border-bottom: 0; z-index: 9999; }
#header.hv-header #brand a {
    display: inline-flex;
	justify-content : center;
	align-items : center;
    width: 148px;
    height: 22px;
    position: absolute;
    top : 50%;
    left : 50%;
    transform : translate(-50%, calc(-50% + 1px));
}
#header.hv-header #brand a img{left:0; height:auto;}
#header.hv-header #brand #banner2{max-width : 110px;}
.ico-24.ico-menu-white { background-image: url(/resources/images/common/ico-menu-white.png); }
.ico-24.ico-arr-down-white { background-size: 12px auto; background-image: url(/resources/images/common/ico-arr-down-white.png); }
.hv-header #btn-search-open { width: 48px; height: 48px; padding: 12px 0; right: 7px;}
.hv-header #search-modal { width: 48px; height: 48px; padding: 12px 0; right: 7px;}
.hv-header #global-search { top: 48px; }
.hv-header #btn-search-close { width: 48px; background-color: #000; height: 48px; top: -48px; padding: 10px; right:10px; }
.hv-header #btn-search-close .ico-close { background-image: url(/resources/images/common/ico-close-primary_blk.png); }
#mainTopMenu{overflow: hidden; padding : 0; max-width:1160px; position: relative; z-index: 9998;}
#mainTopMenu .gnb-top-main {
    height: 48px; padding: 0px 55px 0 45px;
    background-color: #000;border-bottom: 0;border-top: 1px solid #6B6B6B; text-align: center;
    display: flex; align-items: center; justify-content: center; column-gap: 27px;
}
#mainTopMenu .gnb-top-main li{
    padding: 0 15px;
    position: relative;
}
#mainTopMenu .gnb-top-main li.on:after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background-color: #ed174d; }
#mainTopMenu .gnb-top-main li a 
{font-weight: 500;font-size: 14px;line-height: 48px;color: #FFFFFF;padding: 0; display: inline-block; letter-spacing : -0.6px;
    white-space: nowrap;
}
#mainTopMenu .gnb-top-main li.on a { color: #ed174d; font-weight: 700;  }
#mainTopMenu .gnb-top-main li .out-link { color: #fff; position: relative; padding-right: 17px; }
#mainTopMenu .gnb-top-main li .out-link::before {content: "";display: block;position: absolute;top: 17px;right: 5px;width: 10px;height: 10px;background-image: url(/resources/images/common/ico-outlink.png);background-size: 10px 11px;background-position: center center;}
#mainSubMenu .gnb-top-menu { position: relative; z-index: 100; background-color: #fff; border-bottom:1px solid #f0f1f3; margin-right:0; padding:0 20px; text-align: left;}
#mainSubMenu.fixed {position:sticky; top:0; z-index: 300;}
#mainSubMenu .gnb-top-menu li{font-weight: 500; }
#mainSubMenu .gnb-top-menu li:last-child {margin-right:0;}
#mainSubMenu .gnb-top-menu li a {font-size:14px ;line-height:48px;padding: 0 12px;}

.page-shop-main.hv {position : sticky; top : 0; z-index : 1000; z-index: 9998;}

#leftmenu { display: none; position: fixed; top: 0; left: -375px; bottom: 0; min-width: 320px; width: 375px; max-width: 100%; text-align: left; background-color: #fff; z-index: 100001; overflow-y: scroll; letter-spacing : -0.03em;}
#btn-leftmenu-open {position: absolute;left: 6px;top: 0;width: 48px;height: 48px;padding: 15px 0 0;}
#leftmenu #btn-leftmenu-close { position: absolute; right: 0; top: 0; width: 72px; height: 48px; padding: 10px 0; }
#leftmenu #btn-leftmenu-close .ico-24.ico-close {background-size: 12px auto; background-image: url(/resources/images/common/ico-close.png);}
#leftmenu .member-menu { display: flex; align-items: center; height: 48px; padding: 0 24px;}
#leftmenu .member-menu li:nth-child(1){margin-right:25px !important;}
#leftmenu .member-menu li:not(:last-child){margin-right:38px;}
#leftmenu .member-menu li a { font-weight: 700; font-size: 12px; line-height: 24px; padding: 0; color:#000; font-size: 14px; }
#leftmenu .member-menu li strong{font-weight: 700;}
#leftmenu .member-menu li a:before { content: none; }
#leftmenu .member-menu .login,
#leftmenu .member-menu .log-out{position:relative; padding: 0 12px 0 26px;  color:#000;}
#leftmenu .member-menu .log-out{padding-right: 0;}
#leftmenu .member-menu .log-out strong{margin-right: 4px; display : inline;}
#leftmenu .member-menu .login:before, #leftmenu .member-menu .log-out:before {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
    width: 16px;
    height: 16px;
    background-image: url(/resources/images/common/ico-menu-login.png);
    background-size: 100%;
    background-color: #fff;
}
#leftmenu .member-menu .login:after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
    width: 7px;
    height: 12px;
    background-image: url(/resources/images/common/ico_arrow-right-red.png);
    background-size: 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
}
#leftmenu .member-menu li a strong{font-weight: 700; font-size: 14px; line-height: 24px;}
#leftmenu .member-type { /* border-bottom: 7px solid #e9e9e9; */ padding: 0 24px; }
#leftmenu .member-type li:not(:last-child){margin-right:40px;}
#leftmenu .member-type li a{padding: 0}
#leftmenu .member-type li a:before{display: none;}

#leftmenu .lnb-area{display : block; position : static;}
#leftmenu .lnb { border-bottom: 7px solid #E9E9E9; position : static; width : 100%; max-width : none; height : auto; margin-left : 0;}
#leftmenu .lnb > li { border-top: 7px solid #E9E9E9;}
#leftmenu .lnb > li .lnb_wrap{display : flex; align-items : stretch; justify-content : space-between;}
#leftmenu .lnb li:first-child .menu-list ul li:nth-child(11){border-top : 1px solid #E9E9E9; margin-top : 15px;}
#leftmenu .lnb li .btn-list { font-weight: 700; font-size: 14px; line-height: 24px; padding: 12px 30px 11px; display: inline-block; width: 100%; flex : 0 0 60%;}
#leftmenu .lnb li .dropdown_area {flex : 0 0 40%; display : inline-flex; align-items : center; justify-content : flex-end; padding : 12px 30px 11px 0; border-bottom: 1px solid #e9e9e9; }
#leftmenu .lnb li .dropdown_area::after{content : ""; background : url(/resources/images/common/ico-arr-down-sm.png) no-repeat center center / contain; display : inline-block; width : 100%; max-width : 12px; height : 8px;}
#leftmenu .lnb li.on .btn-list { color: #ed174d; border-bottom: 1px solid #e9e9e9; }
#leftmenu .lnb li.on .dropdown_area::after{content: ""; background : url(/resources/images/common/ico-arr-up-sm.png) no-repeat center center / contain;}
#leftmenu .lnb li .menu-list { display: none; padding: 15px 40px; }

/*#leftmenu .lnb li.on .menu-list{display: block;}*/
/*#leftmenu .lnb li .menu-list ul li:first-child{height: 31px;}*/
#leftmenu .lnb li .menu-list ul li .sub-title-wrap{display: flex; justify-content: space-between; align-items: end; height: 41px;}
#leftmenu .lnb li .menu-list ul li .sub-title-wrap .dropdown-wrap{flex: 0 0 40%; display: inline-flex; align-items: center; justify-content: flex-end; padding: 12px 30px 11px 0; display: none;}
#leftmenu .lnb li .menu-list ul li .sub-title-wrap .dropdown-wrap::after{ content: ""; background: url(/resources/images/common/ico-arr-up-sm.png) no-repeat center center / contain; display: inline-block; width: 100%; max-width: 12px; height: 8px;}
#leftmenu .lnb li .menu-list ul li .sub-title-wrap:not(.active) .dropdown-wrap::after{ content: ""; transform: rotate(180deg);}
#leftmenu .lnb li .menu-list ul li a{ font-weight: 500; font-size: 14px; line-height: 26px; display: inline-block; }
#leftmenu .lnb li .menu-list ul li .sub-list { padding:7px 10px 0 10px;  display: none;}

#leftmenu .lnb li .menu-list ul li a{ font-weight: 500; font-size: 14px; line-height: 26px; display: inline-block; }
#leftmenu .lnb li .menu-list ul li .sub-list { padding:7px 10px 7px 10px; }
#leftmenu .lnb li .menu-list ul li .sub-list li a{ font-weight: 300; font-size: 14px; line-height: 26px; display: inline-block; }
/* #leftmenu .lnb li .menu-list ul li .sub-list li:last-child{margin-bottom: 15px;} */
#leftmenu .lnb li .menu-list ul li:not(:first-child) > a{margin-top: 15px;}
#leftmenu .lnb li .menu-list ul li:not(:first-child) .sub-list a{margin-top: 0;}
#leftmenu .lnb li .menu-list ul li .sub-list li .d4-list { padding:0 10px; }
#leftmenu .lnb li .menu-list ul li .sub-list li .d4-list li { color: #767676; }
#leftmenu .lnb .btn-wrap{margin: 20px 0; display: flex; align-items: center;}
#leftmenu .lnb .btn-wrap .btn {padding: 0 21px; width: 153px; height: 35px; line-height: 35px; position: relative; background: #FFFFFF; border: 1px solid #ED174D; border-radius: 50px; font-weight: 500; font-size: 12px; color: #ED174D; }
#leftmenu .lnb .btn-wrap .btn:after {content: ""; display: block; position: absolute; top: 14px; right: 12px; width: 5px; height: 8px; background-image: url(/resources/images/common/ico_arrow-right-red-sm.png); background-size: 100%; background-repeat: no-repeat; }

#leftmenu .hello-service { padding: 24px 30px 20px; border-bottom: 7px solid #e9e9e9; }
#leftmenu .hello-service h4 { font-weight: 500; font-size: 14px; line-height : 1.1;}
#leftmenu .hello-service .banner-box { display: flex; align-items: center; justify-content: center; margin: 16px 0 20px; padding: 0 6px; }
#leftmenu .hello-service .banner-box .item { position: relative; }
#leftmenu .hello-service .banner-box .item:not(:last-child) { margin-right: 12px; }
#leftmenu .hello-service .banner-box .item a { display: inline-block; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); transition: box-shadow .3s ease-in-out 0s; border-radius: 160px; width: 94px; height: 94px; }
#leftmenu .hello-service .banner-box .item a span { position: absolute; top: 20px; left: 50%; transform: translate(-50%, -50%); font-weight: 500; font-size: 10px; white-space: nowrap;}
#leftmenu .hello-service .service-list { display: flex; flex-wrap: wrap; padding: 0 0 0 8px; line-height : 21px;}
#leftmenu .hello-service .service-list li { font-weight: 400; font-size: 14px; position: relative; display: inline-block; white-space : nowrap;}

.hv-footer .address { font-style: normal; font-weight: 400; font-size: 12px; line-height: 26px; color: #A9A9A9; }
#leftmenu .hello-service .service-list li.row1 { padding: 0 24px 0 0; width : 94px;}
#leftmenu .hello-service .service-list li.row1:after, #leftmenu .hello-service .service-list li.row2:after { content: ""; display: block; position: absolute; top: 5px; right: 0; width: 1px; height: 12px; background-color: #767676; }
#leftmenu .hello-service .service-list li.row2 { padding: 0 16px; min-width: 98px; text-align: center; }
#leftmenu .hello-service .service-list li.row3 { padding-left: 20px; }
/* #leftmenu .hello-service .service-list li:last-child::after{display : none;} */
.hv-footer .colpyright { margin: 30px 0 44px;}
.hv-footer strong {display : inline; font-size : inherit; font-weight : inherit; line-height : inherit; letter-spacing : inherit; color : inherit; font-family : inherit;}
/*.hv-footer .mark a { margin-left: 20px; }*/
.hv-footer .mark a img{max-width: 67px;}
.hv-footer .btn-bizinfo { display: inline-block; width: 90px; height: 19px; margin: -2px 0 0 5px; padding: 0 10px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 2px; font-size: 10px; line-height: 17px; }
.hv-footer #footer .ci-logo { margin: 12px 0 0 0; }
.hv-footer #footer .address { margin-top: 30px; }
.hv-footer #footer .address p a{ border-bottom: 1px solid #a9a9a9}
.hv-footer #footer { background-color: #000; }
.hv-footer #footer .inner { padding: 24px 20px 30px; text-align: left; }
.hv-footer #footerSitemap { background-color: #000; }
.hv-footer #footerSitemap a.d1 strong { font-weight: 500; font-size: 16px; line-height: 24px; }
.hv-footer #footerSitemap a.d2 strong, .hv-footer #footerSitemap a.d3 span { font-style: normal; font-weight: 700; font-size: 12px; }
.hv-footer #footerSitemap a.d3 {font-weight : 400; font-size : 12px;}
.hv-footer #footerSitemap a.d3 span { font-weight: 400; }

/* sticky counsel */
#sticky-counsel.hv-main { background: #F5F5F5; box-shadow: 0px -4px 8px rgba(0, 0, 0, 0.1); border-style : none;}
#sticky-counsel.hv-main .btn-hello { width: 55px; height: 55px; line-height: 55px; text-align: center; z-index: 10; background: #ED174D; box-shadow: 0px 4px 12px rgb(0 0 0 / 25%); position: absolute; left: 50%; top: -10px; margin-left: -30px; border-radius: 30px; }
#sticky-counsel.hv-main .btn-hello a { color: #fff; display: inline-block; width: 100%; }
#sticky-counsel.hv-main .btn-wrap { display: flex; align-items : stretch; height : 100%; background: #f5f5f5;}
#sticky-counsel.hv-main .btn-wrap a{display: inline-block; }
#sticky-counsel.hv-main .btn-wrap .comment, #sticky-counsel.hv-main .btn-wrap .call { text-align: center; width: 50%; display : inline-flex; align-items : center; justify-content : center;}
#sticky-counsel.hv-main .btn-wrap .comment a { font-weight: 500; font-size: 14px; height: 24px; line-height: 24px; background: url(/resources/images/common/comment.png) no-repeat 0 50%; padding-left: 29px; background-size: 18px 20px; }
#sticky-counsel.hv-main .btn-wrap .call a { font-weight: 500; font-size: 14px; height: 24px; line-height: 24px; background: url(/resources/images/common/chat.png) no-repeat 0 50%; padding-left: 29px; background-size: 21px }
#sticky-counsel.hv-main .btn-wrap .call-layer { box-shadow: 0px -8px 12px rgba(0, 0, 0, 0.25); border-radius: 50px 50px 0px 0px; }
#sticky-counsel.hv-main .btn-wrap .call-layer button { top: -25px; right: 35px; background-image: url(/resources/images/common/ico-close-thin-white.png); background-size: 14px 14px; }
#sticky-counsel.hv-main .btn-wrap .call-layer .btn-box { }
#sticky-counsel.hv-main .btn-wrap .call-layer .btn-box dl { position: relative; display: block; width: 50%; float: left; padding: 30px 0; text-align: center; }
#sticky-counsel.hv-main .btn-wrap .call-layer .btn-box dl dt { font-size: 16px; line-height: 24px; margin-bottom: 9px; }
#sticky-counsel.hv-main .btn-wrap .call-layer .btn-box dl dd {margin-top: 6px; }
#sticky-counsel.hv-main .btn-wrap .call-layer .btn-box dl dd a { width: 120px; height: 30px; display: inline-block; color: #ed174d; background: #FFFFFF; border: 1px solid #ED174D; border-radius: 4px; font-weight: 400; font-size: 12px; line-height: 30px; }
.gnb-bottom-menu { display: none; position: fixed; right: 0; bottom: 55px; left: 0; font-size: 16px; z-index: 1000; background-color: #A9A9A9; }
.gnb-bottom-menu ul {
    height: 55px; padding: 0 30px;
    display: flex; align-items: center; justify-content: space-between;
}
.gnb-bottom-menu ul li { font-weight: 500; font-size: 14px; line-height: 24px; }
.gnb-bottom-menu ul li a { color: #fff; position: relative; text-align: center; }
.gnb-bottom-menu ul li.on a:after { content: ""; display: block; position: absolute; top:-10px; left: 50%; margin-left: -3px; width: 6px; height: 6px; background: #ED174D; border-radius: 3px; }
.gnb-bottom-menu ul li .out-link { padding-right: 17px; }
.gnb-bottom-menu ul li .out-link::before { content: ""; display: block; position: absolute; top: 4px; right: 5px; width: 10px; height: 10px; background-image: url(/resources/images/common/ico-outlink-white.png); background-size: 10px 10px; background-position: center center; }
.sticky-space #btn-totop.open { bottom: 120px; }

@media all and (max-width:360px){
#leftmenu .hello-service .service-list li.row1 { padding: 0 18px 0 0; }
#leftmenu .hello-service .service-list li.row2 { padding: 0px 11px; min-width: 90px; }
#leftmenu .hello-service .service-list li.row3 { padding-left: 18px; }
}


/* 스티키 영역 */
#sticky-counsel {position:fixed; right:0; bottom:0; left:0; height:55px; font-size:16px; line-height:55px; z-index:1000;}
#sticky-counsel .left {float:left; width:50%; color:#fff; text-align:center; background:#ed174d;}
#sticky-counsel .right {float:right;width:50%; /*width:calc(100% - 66.66666%);*/ text-align:center; background:#e0e0e0;}
#sticky-counsel .right.chat dl {border-right:1px solid #fff;}
#sticky-counsel .right.call dl:before {content:''; display:inline-block; width:23px; height:23px; margin:-4px 2px 0 0; vertical-align:middle; background:url(/resources/images/common/ico-phone-call2.png) no-repeat; background-size:24px auto;}
#sticky-counsel .right.chat dl:before {content:''; display:inline-block; width:23px; height:23px; margin:-1px 2px 0 0; vertical-align:middle; background:url(/resources/images/common/ico-phone-chat.png) no-repeat; background-size:23px auto;}
#sticky-counsel .right dt {display:inline-block; font-weight:400;}
#sticky-counsel .right dd {display:inline-block; color:#ed174d;}
#sticky-counsel .left a,
#sticky-counsel .right a { display: block; }
.btn-join-counsel {display:block;}
.call-layer {position:absolute; bottom:54px; left:0; display:none; width:100%; background:#fff;}
.call-layer:after {content:''; display:block; clear:left;}
.call-layer > a {position:relative; display:block; width:34%; float:left; margin:0 8%; padding:26px 0 26px; text-align:center;}
.call-layer > a.first:after {content:''; position:absolute; top:25px; right:-23.5%; display:block; width:1px; height:88px; background:#e0e0e0;}
.call-layer dt, .call-layer dd {height:auto; line-height:1;}
.call-layer dt {margin-bottom:7px; font-size:21px; font-weight:500;}
.call-layer dd {font-size:13px;}
.call-layer dd > span {display:block; line-height:1.3;}
.call-layer dd.tel {margin-top:5px;}
.call-layer dd.tel span {display:inline-block; border-bottom:2px solid #ed174d; color:#ed174d; font-size:16px; font-weight:500;}
.call-layer button {position:absolute; top:10px; right:10px; display:block; width:15px; height:15px; border:0; background:url('http://m.lghellovision.net/front/mobile/images/common/ico-close-sm.png') no-repeat center center; text-indent:-99999px; z-index:9;}
.call-layer-dimmed {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:-1;}
.btn-menu-bot {display:block; width:105px; height:47px; margin:0 20px; padding:0 5px; border-bottom:1px solid rgba(255,255,255,0.2); color:#fff; font-weight:500; font-size:14px; line-height:45px; background:url(/resources/images/common/ico-arr-right-white.png) no-repeat 97px center; background-size:6.5px auto;}

/*기존 컨텐츠 리셋용*/
.product .tab-cont{overflow : unset;}



.sitemap_nav_mo .top_hd{/*position : sticky;*/ top : 0; display : flex; align-items : center; justify-content : space-between; background : #fff; z-index : 10; padding : 15px 0px 16px; box-sizing : border-box; height : 50px;}
.sitemap_nav_mo .top_hd .btn_back{display : inline-block; width : 50px; height : 50px; background : url(/resources/images/common/ico_menu.png) no-repeat 0 -250px / 50px auto;}
.sitemap_nav_mo .top_hd .hd_tit{font-size : 18px; font-weight : 700; line-height : 1.2em; color : #4a4c58;}
.sitemap_nav_mo .top_hd .hide_con{display : inline-block; width : 50px;}

.sitemap_nav_mo .sitemap_box{display : flex; align-items : stretch; justify-content : flex-start;}
.sitemap_nav_mo .sitemap_box:nth-child(2n){background-color : #f6f7f9;}
.sitemap_nav_mo .sitemap_box:nth-child(2n-1){background-color : #fff;}

.sitemap_nav_mo .box_tit{color : #222; font-size : 15px; font-weight : 700; line-height : 1.2em; letter-spacing : -1px;}
.sitemap_nav_mo .box_tit::after{content : ">"; margin-left : 12px;}

.sitemap_nav_mo .sitemap_box .sitemap_depth01{flex : 1 0 50%; padding : 30px 20px 30px 20px;}
.sitemap_nav_mo .sitemap_box .sitemap_depth01:first-child{padding-right : 0;}

.sitemap_nav_mo .depth01_tit{font-size : 12px; font-weight : 500; line-height : 1.2em; letter-spacing : -1px; color : rgb(34, 34, 34); margin-top : 15px;}

.sitemap_nav_mo .depth02_tit{margin-top : 15px; font-size : 12px; font-weight : 400; line-height : 1.2em; letter-spacing : -1px;}
.sitemap_nav_mo .depth02_tit::before{content : "-"; margin-right : 8px;}

.sitemap_nav_mo .prdt_depth{display : block;}
.sitemap_nav_mo .prdt_depth .box_tit{display : flex; padding : 30px 0 0 20px; background : #f6f7f9; z-index : 4;}
.sitemap_nav_mo .prdt_wrap{display : flex; align-items : stretch; justify-content : flex-start; flex-wrap : wrap;}
.sitemap_nav_mo .prdt_depth .depth01_tit{margin-top : 0;}
.sitemap_nav_mo .prdt_wrap .sitemap_depth01:nth-child(1),
.sitemap_nav_mo .prdt_wrap .sitemap_depth01:nth-child(2){padding-top : 22px;}

.sitemap_nav_mo .prdt_wrap .sitemap_depth01:nth-child(1n),
.sitemap_nav_mo .prdt_wrap .sitemap_depth01:nth-child(2n){background-color : #f6f7f9;}
.sitemap_nav_mo .prdt_wrap .sitemap_depth01:nth-child(4n-1),
.sitemap_nav_mo .prdt_wrap .sitemap_depth01:nth-child(4n){background-color : #fff;}

/* 2023 사이트맵 리뉴얼*/
#sitemap_new .sitemap-area{display : block; position : static;}
#sitemap_new .sitemap { border-bottom: 7px solid #E9E9E9; position : static; width : 100%; max-width : none; height : auto; margin-left : 0;}
#sitemap_new .sitemap > li { border-top: 7px solid #E9E9E9;}
#sitemap_new .sitemap > li .sitemap_wrap{display : flex; align-items : stretch; justify-content : space-between;}
#sitemap_new .sitemap li:first-child .menu-list ul li:nth-child(11){border-top : 1px solid #E9E9E9; margin-top : 15px;}
#sitemap_new .sitemap li .btn-list { font-weight: 700; font-size: 14px; line-height: 24px; padding: 12px 30px 11px; display: inline-block; width: 100%; flex : 0 0 60%;}
#sitemap_new .sitemap li .dropdown_area {flex : 0 0 40%; display : inline-flex; align-items : center; justify-content : flex-end; padding : 12px 30px 11px 0; border-bottom: 1px solid #e9e9e9; }
#sitemap_new .sitemap li .dropdown_area::after{content : ""; background : url(/resources/images/common/ico-arr-down-sm.png) no-repeat center center / contain; display : inline-block; width : 100%; max-width : 12px; height : 8px;}
#sitemap_new .sitemap li.on .btn-list { color: #ed174d; border-bottom: 1px solid #e9e9e9; }
#sitemap_new .sitemap li.on .dropdown_area::after{content: ""; background : url(/resources/images/common/ico-arr-up-sm.png) no-repeat center center / contain;}
#sitemap_new .sitemap li .menu-list { display: none; padding: 15px 40px; }

/*#sitemap_new .sitemap li.on .menu-list{display: block;}*/
#sitemap_new .sitemap li .menu-list ul li a{ font-weight: 500; font-size: 14px; line-height: 26px; display: inline-block; }
#sitemap_new .sitemap li .menu-list ul li .sub-list { padding:7px 10px 0 10px; }
#sitemap_new .sitemap li .menu-list ul li .sub-list li a{ font-weight: 300; font-size: 14px; line-height: 26px; display: inline-block; }
/* #sitemap_new .sitemap li .menu-list ul li .sub-list li:last-child{margin-bottom: 15px;} */
#sitemap_new .sitemap li .menu-list ul li:not(:first-child) > a{margin-top: 15px;}
#sitemap_new .sitemap li .menu-list ul li:not(:first-child) .sub-list a{margin-top: 0;}
#sitemap_new .sitemap li .menu-list ul li .sub-list li .d4-list { padding:0 10px; }
#sitemap_new .sitemap li .menu-list ul li .sub-list li .d4-list li { color: #767676; }
#sitemap_new .sitemap .btn-wrap{margin: 20px 0; display: flex; align-items: center;}
#sitemap_new .sitemap .btn-wrap .btn {padding: 0 21px; width: 153px; height: 35px; line-height: 35px; position: relative; background: #FFFFFF; border: 1px solid #ED174D; border-radius: 50px; font-weight: 500; font-size: 12px; color: #ED174D; }
#sitemap_new .sitemap .btn-wrap .btn:after {content: ""; display: block; position: absolute; top: 14px; right: 12px; width: 5px; height: 8px; background-image: url(/resources/images/common/ico_arrow-right-red-sm.png); background-size: 100%; background-repeat: no-repeat; }

/*웹 어워드 로고 추가*/
.hv-footer #footer .inner{position: relative;}
.hv-footer #footer .inner .award-logo-wrap{ margin-top: 20px; display: flex; align-items: center; gap: 10px;}
.hv-footer #footer .inner .award-logo-wrap .DA-img{width: 100px; height: 50px;}
.hv-footer #footer .inner .award-logo-wrap .DA-img img{width: 100%; height: 100%;}
.hv-footer .award-logo-wrap .WA-img{ width: 46px; height: 56px;}
.hv-footer .award-logo-wrap .WA-img img{width: 100%; height: 100%;}
.hv-footer .award-logo-wrap .WA-img24{width: 38px; height: 50px;}
.hv-footer .award-logo-wrap .WA-img24 img{width: 100%; height: 100%;}

/*햄버거 메뉴 수정*/
#leftmenu .hello-service .service-list li.row2{text-align: left;}

/* 사이트맵 수정 */
#footerSitemap .col-d1:nth-child(1) .col-1-2:nth-child(3){ clear: both; }


/* utm-ticker */
.utm-ticker-area{ width: 100%; position: absolute; top: 59px; z-index: 9999; display: none; }
.utm-ticker-wrap{ width: 335px; margin: 0 auto; }
.utm-ticker{ width: 70px; max-width: 335px; height: 70px; padding: 13px 13px 13px 28px; border-radius: 35px; background: linear-gradient(90deg, #E72972 0%, #ED174D 49.5%, #F53C2E 100%); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); display: flex; align-items: center; justify-content: space-between; overflow: hidden; transition: width .5s ease; }
.utm-ticker p{ width: 0; color: #fff; font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight: 400; font-size: 16px; line-height: 19px; letter-spacing: -0.08px; text-wrap: nowrap; opacity: 0; }
.utm-ticker p strong{ font-weight: bold; }
.utm-ticker img{ width: 53px; min-width: 53px; margin-left: 28px; opacity: 0; }

.utm-ticker.active{ width: 100%; }
.utm-ticker.active p{ width: auto; opacity: 1; transition: all .5s ease .9s; }
.utm-ticker.active img{ opacity: 1; transition: all .5s ease .4s; }