@charset "utf-8";

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


/****************************
	PC웹 : default
****************************/
/*
* {box-sizing:border-box; margin:0; padding:0;}
html {-webkit-text-size-adjust:none;}
body {color:#000; font-weight:300; font-size:16px; line-height:1.4444444444; letter-spacing:-0.03em; 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; overflow-y:scroll;}
a, select, button, pre, input, textarea {font-family:inherit;}
textarea {overflow-y:auto;}
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;}
em, cite, address, optgroup {
    font-style: normal;
}
*/

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

.tts {position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}
.code {border:1px solid rgba(255,0,0,0.2); padding:2px 3px 1px; border-radius:2px; color:#000; font-size:14px; font-family:'Courier New', 'Roboto', 'Noto Sans CJK KR', 'Noto Sans KR', 'Malgun Gothic', sans-serif, Arial, Dotum, Gulim, Verdana, Tahoma; letter-spacing:-0.03em; vertical-align:middle; background-color:antiquewhite;}
textarea.code {padding:10px 15px;}
.code strong {font-weight:bold;}
.code-block {display:block; padding:10px 20px; border-color:#ddd; background-color:#f8f8f8;}
.clearfix {position:relative;}
.clearfix:after {display:block; clear:both; content:'';}
.float-left {float:left !important;}
.float-right {float:right !important;}
.float-none {float:none !important;}
.both {position:relative; display:table; width:100%;}
.both:after {display:block; clear:both; content:'';}
.both .left, .both .right {display:table-cell; vertical-align:middle;}
.both .left>*, .both .right>* {display:inline-block; vertical-align:middle;}
.both .left form {white-space:nowrap;}
.both .right {text-align:right;}
.both .title1, .both .title2 {margin:0;}
.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;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}
.mt120 {margin-top:120px !important;}
.mt150 {margin-top:150px !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;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}
.mb150 {margin-bottom:150px !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;}
.ml90 {margin-left:90px !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:0px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}
.pt70 {padding-top:70px !important;}
.pt80 {padding-top:80px !important;}
.pt90 {padding-top:90px !important;}
.pt100 {padding-top:100px !important;}
.pb0 {padding-bottom:0 !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pb70 {padding-bottom:70px !important;}
.pb80 {padding-bottom:80px !important;}
.pb90 {padding-bottom:90px !important;}
.pb100 {padding-bottom:100px !important;}

/* loading indicator */

/* 아이콘 */
.ico {display:inline-block; width:20px; height:20px; text-indent:100%; white-space:nowrap; vertical-align:middle; background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden;}

/* 글꼴, 색상 */
.color-gray {color:#767676;}
.color-white {color:#fff;}

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

.fix-width {width:1160px; margin:auto;}
main{padding-top : 90px;}

.line-clamp-2{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	word-wrap: break-word;
}

/* 통합검색 */
.btn-layer-close {background-image:url(/resources/images/common/ico-close-primary_blk.png);}
#btn-search-open, #btn-sitemap-open, .btn-layer-close {position:absolute; left:50%; top:74px; width:24px; height:30px; background-size:auto;}
#btn-search-open {margin-left:518px; background-image:url(/resources/images/layout/ico-search.png);}
#btn-search-close {margin-left:518px; top:-56px;}
#btn-sitemap-open {margin-left:556px; background-image:url(/resources/images/layout/ico-menu.png);}
#global-search {display:none; position:absolute; left:0; right:0; top:130px; background-color:#6b6b6b; /*background:url(/resources/images/common/bg-wide-gradation.png) no-repeat center center;*/ overflow:visible !important; z-index:1600;}
#global-search>form {display:none; height:145px; margin-top:45px;  /* padding: 45px 0; */ overflow:hidden;}
#global-search:before, #global-search:after {display:block; content:''; position:absolute; top:0; bottom:0; width:calc(50% - 800px);}
#global-search:before {left:0; background-color:#6b6b6b;}
#global-search:after {right:0; background-color:#6b6b6b;}
#global-search fieldset {position:relative; width:520px; margin:auto;}
#global-search .i-keyword {width:100%; height:42px; padding:0 60px 0 10px; border:0; border-bottom:2px solid #fff; color:#fff; font-size:17px; line-height:40px; background-color:transparent; outline : none;}
#global-search .i-keyword::-webkit-input-placeholder {color:rgba(255,255,255,0.4);} /* Webkit */
#global-search .i-keyword:-moz-placeholder {color:rgba(255,255,255,0.4);} /* Firefox 4-18 */
#global-search .i-keyword::-moz-placeholder {color:rgba(255,255,255,0.4); opacity:1;} /* Firefox 19+ */
#global-search .i-keyword:-ms-input-placeholder {color:rgba(255,255,255,0.4);} /* IE10+ */
#global-search .btn-global-search {position:absolute; right:0; top:0; width:40px; height:40px; background:url(/resources/images/layout/ico-search-white.png) no-repeat center center / auto; border-style : none; cursor : pointer;}
#global-search.is-keyword-row-2 > form { height: auto; min-height: 270px;}
.recommend-keyword {margin-top:15px;}
.recommend-keyword span { color: #fff; }
.recommend-keyword dt,
.recommend-keyword dd {display: block; margin: 5px 0 0 0; padding: 0; color:#fff; vertical-align:middle;}
.recommend-keyword dd a {margin-left:10px;}
.recommend-keyword dt { position: relative; float: left; clear: left; width: 16.54%; }
.recommend-keyword dd { float: right; width: 82.4%; text-align: left; }
.recommend-keyword dt:before { display:inline-block; position: absolute; margin-top: 5px; top: 0; right: 0; content:''; width:1px; height:15px; background-color:rgba(255,255,255,0.5); vertical-align: top; }

/* 사이트맵 */
#sitemap {display:none; position:absolute; left:0; right:0; top:130px; border-bottom:1px solid #e8e8e8; text-align:left; background-color:#fff; z-index:1500;}
#btn-sitemap-close {display:none; margin-left:556px; top:-56px;}
#sitemap.opened #btn-sitemap-close {display:block;}
#sitemap a:focus, #sitemap a:hover {color:#ed174d !important;}
#sitemap ul ul a:focus, #sitemap ul ul a:hover {border-bottom:1px solid #ed174d !important;}
#sitemap>ul {display:none; padding-right:20px; overflow:hidden;}
#sitemap>ul>li {position:relative; padding:30px 0; border-top:1px solid #e8e8e8; overflow:hidden;}
#sitemap>ul>li.on {height:auto;}
#sitemap>ul>li:first-child {border-top:0;}
#sitemap>ul>li>a {display:block; float:left; height:30px; font-weight:500; font-size:20px; line-height:36px;}
#sitemap>ul>li>ul {float:right; width:80%; line-height:24px; overflow:hidden;}
#sitemap>ul>li>ul>li {float:left; width:25%; margin-bottom:30px; padding:3px 10px 0 0;}
#sitemap>ul>li>ul>li:nth-child(4n+1) {clear:both;}
#sitemap>ul>li>ul>li>a {font-weight:500;}
#sitemap>ul>li>ul>li>ul {color:#767676; font-size:14px; margin-top:3px;}
#sitemap>ul>li>ul>li>ul>li {padding:3px 0;}
#sitemap .btn-open, #sitemap .btn-close {position:absolute; right:0; top:0; padding:0 26px; height:96px; line-height:96px; text-align:right; background-color:#fff;}
#sitemap>ul>li>.btn-open .ico {width:21px; height:21px; background-image:url(/resources/images/common/ico-plus-thin.png);}
#sitemap>ul>li>.btn-close {display:none;}
#sitemap>ul>li.on>.btn-close {display:block;}
#sitemap>ul>li.on>.btn-close .ico {background-image:url(/resources/images/common/ico-minus-thin.png); background-size:auto; background-position:center 20%;}


/****************************
	본문 레이아웃
****************************/

#footer {position:relative; padding-bottom:60px; background-color:#1d1f20; font-weight: 400;}
#btn-totop {display:none; position:fixed; left:50%; margin-left:670px; bottom:110px; width:50px; height:50px; padding-top:8px; color:#000; font-size:11px; font-weight:bold; border:1px solid rgb(229, 229, 229); border-radius:25px; text-align:center; line-height:40px; background:#fff url(/resources/images/common/ico-arr-up2.png) no-repeat center 13px; box-shadow:3.214px 3.83px 13px 0px rgba(0, 0, 0, 0.04); z-index:600; background-size : 7px 4px;}
.modal-opened #btn-totop {margin-left:593px;}
#footer .fix-width:after {display:block; clear:both; content:'';}
.policy-area {position:relative; height:70px; border-bottom:1px solid rgba(255,255,255,0.1);}
.policy-menu {float:left; color:#919191;}
.policy-menu li {display:inline-block; margin-right:30px; font-size:13px; line-height:70px;}
.policy-menu li {margin-right:12px; font-size:13px;color:#fff;}

.address-area {position:relative; clear:both; padding:30px 0 0 184px;}
.address-area address {font-style:normal;}
.ci-logo {position:absolute; left:0; top:16px;}
.ci-logo a {display:block; vertical-align:top;}
.coptright {margin-top:50px; color:#919191; font-size:12px; letter-spacing:0;}

/****************************
	팝업 및 서브 공통
****************************/

/* 채팅상담 보강 */
.is-open-chat .btn-diy-chat  {background-image:url(/resources/images/common/section_chat_btn.png); }
#layerOpenChat { position: fixed; right: 0; top: 329px; margin: 22px 54px 0 0; }
#layerOpenChat { visibility: hidden; z-index: -1; opacity: 0; transform: translate(5%, 0) scale(0.95); }
#layerOpenChat.is-sticky { transform: translate(0, 5%) scale(0.95); }
#layerOpenChat { transition:
	visibility 0s linear 200ms,
	z-index 0s linear 200ms,
	opacity 200ms cubic-bezier(0.5, 1, 0.89, 1) 0s,
	transform 200ms cubic-bezier(0.5, 1, 0.89, 1) 0s;
}
.is-open-chat #layerOpenChat,
.is-open-chat-sticky #layerOpenChat { z-index: 1001; visibility: visible; opacity: 1; transform: translate(0, 0) scale(1); }
.is-open-chat #layerOpenChat,
.is-open-chat-sticky #layerOpenChat {
	transition:
	visibility 0s linear 0s,
	z-index 0s linear 0s,
	opacity 200ms cubic-bezier(0.5, 1, 0.89, 1) 0s,
	transform 200ms cubic-bezier(0.5, 1, 0.89, 1) 0s;
}
#layerOpenChat .wrap { width: 367px; height: 343px; overflow: hidden; background: url('/resources/images/common/section_chat_bg.png') center top no-repeat; }
#layerOpenChat .list { margin: 20px 48px 30px 41px; }
#layerOpenChat .item { position: relative; box-sizing: content-box; height: 99px; }
#layerOpenChat .item:before { content: ''; display: block; position: absolute; left: 2px; right: 2px; top: 0; height: 1px; background-color: #d2d2d2; }
#layerOpenChat .item:first-child:before { display: none; }
#layerOpenChat .item { font-weight: 400; font-size: 18px; line-height: 1.25; letter-spacing: -0.03em; }
#layerOpenChat .item .name { font-weight: 400; display: block; margin-bottom: 1px; color: #767676; cursor: default; }
#layerOpenChat .item.nth-child-1 .name,
#layerOpenChat .item.nth-child-1 .btn { color: #ed174d; }
#layerOpenChat .col-name { width: 43%; padding-top: 15px; cursor: default; }
#layerOpenChat .col-action { width: 57%; padding-top: 20px; }
#layerOpenChat .col-action .btn { display: block; width: auto; font-weight: 500; font-size: 18px; letter-spacing: -0.03em; color: #000; border: solid 1px #d2d2d2; }
#layerOpenChat .col-action .btn:hover { border-color: #ed174d; }
#layerOpenChat .col-action .btn { box-sizing: border-box; height: 58px; line-height: 58px; background: #f9f9f9 url('/resources/images/common/section_chat_arrow.png') center right no-repeat; }
#layerOpenChat .col-action .btn span { display: block; padding-right: 3px; }
#layerOpenChat .item.nth-child-1 .btn,
#layerOpenChat .item.nth-child-1 .btn:hover { color: #ed174d; background-image: url('/resources/images/common/section_chat_arrow_on.png'); }

#layerOpenChat.is-sticky,
.is-open-chat-sticky #layerOpenChat { top: auto; right: auto; left: 50%; bottom: 0; margin: 0 0 70px 240px; }
#layerOpenChat.is-sticky .wrap { background: #fff; border: solid 1px #b9b9b9; border-radius: 4px; overflow: hidden; box-shadow: 2px 5px 10px rgb(0 0 0 / 26%); }
#layerOpenChat.is-sticky .wrap { width: 367px; height: 343px; }
#layerOpenChat.is-sticky .list { margin: 20px 48px 30px 41px; }
#layerOpenChat.is-sticky .wrap { position: relative; width: 340px; height: 323px; overflow: visible; }
#layerOpenChat.is-sticky .list { margin: 9px 32px 21px 30px; }
#layerOpenChat.is-sticky .wrap::after {
  display: block;
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  margin: 0 192px -14px 0;
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  border-top: 18px solid #fff;
}

.lnb-area>.fix-width:before { display: none; }

#footerSitemap { font-size: 12px; color: #bbb; line-height: 1.1; text-align: center; border-bottom: solid 1px #4a4a4c; background: #1e1f21; }
#footerSitemap em { font-style: normal; }
#footerSitemap strong { font-weight: normal; }
#footerSitemap strong.eng { font-family: 'Roboto'; font-weight: 700; }
#footerSitemap a { display: block; margin-right: 21px; padding: 4px 0; color: #bbb; }
#footerSitemap .upper { height: 0; overflow: hidden; transition: height .3s ease-in-out 0s; max-width : 1440px;}
#footerSitemap .upper .innerwrap { border-top: solid 1px #343537; }
#footerSitemap .upper .wrapper { text-align: left; padding: 20px 0 30px; }
#footerSitemap .downer { border-top: solid 1px #4a4a4c; max-width : 100%; padding : 0;}
#footerSitemap .downer a { margin: 0; padding: 27px 0; font-size: 13px; color: #a9a9a9; transition: background-color 150ms ease-in-out 0s; }
#footerSitemap .downer a:hover { background-color: #333; } /* 1d1f20;  */
#footerSitemap .downer a span { display: inline-block; position: relative; padding-right: 20px; min-height: 15px; line-height: 15px; }
#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: 12px; height: 2px; margin-top: 5px; }
#footerSitemap .downer a span::after { width: 2px; height: 12px; margin-right: 5px; 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 { padding: 13px 0; margin-right: 21px; font-size: 16px; color: #fff; }
#footerSitemap a.d1 strong { font-weight: bold; }
#footerSitemap a.d2 { padding: 5px 0; font-size: 12px; color: #fff; }
#footerSitemap a.d2 strong, #footerSitemap a.d3 span { display: inline-block; position: relative; padding-right: 17px; font-weight: bold; }
#footerSitemap a.d3 span { padding-right: 15px; font-weight: 300; }
#footerSitemap a.d2 strong::before, #footerSitemap a.d3 span::before { display: block; position: absolute; margin-top: -8px; 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 a[target="_blank"] strong::before, #footerSitemap a[target="_blank"] span::before { content: ''; }*/
#footerSitemap li.d2 { padding: 0 0 15px 0; }
#footerSitemap li.d2:last-of-type { padding-bottom: 0; }
#footerSitemap .col-d1 { float: left; width: 16.2%; position: relative; min-height: 414px; }
#footerSitemap .col-d1.is-2x { width: 23.6%; }
#footerSitemap .col-d1.is-2x:last-of-type { width: 27.7%; }
#footerSitemap .col-d1::before { content: ''; display: block; position: absolute; margin: 10px 20px 0 0; top: 0; right: 0; bottom: 0; width: 1px; background-color: #4a4a4c; }
#footerSitemap .col-d1:last-of-type::before { display: none; }
#footerSitemap .col-d1.is-2x a.d1 { width: 50%; }
#footerSitemap .col-d1.is-2x ul.d2 { float: left; width: 50%; }
#footerSitemap .col-d1.is-3x ul.d2 { float: left; width: 33%; } /*임의*/
#footerSitemap .col-d1 {  opacity: 0;  transform: translate(0, -20px); transition:  opacity .3s cubic-bezier(0.45, 0, 0.55, 1) 0s, transform .3s cubic-bezier(0.45, 0, 0.55, 1) 0s;  }
#footerSitemap.anim .col-d1 { opacity: 1; transform: translate(0, 0); }
#footerSitemap.anim .col-d1:nth-child(1) { transition-delay: 50ms; }
#footerSitemap.anim .col-d1:nth-child(2) { transition-delay: 100ms; }
#footerSitemap.anim .col-d1:nth-child(3) { transition-delay: 150ms; }
#footerSitemap.anim .col-d1:nth-child(4) { transition-delay: 200ms; }
#footerSitemap.anim .col-d1:nth-child(5) { transition-delay: 250ms; }


/* 2022-12-17 new gnb */
.hv-inner { position: relative; width: 1440px; margin: 0 auto; }
.hv-header {position: relative;background: #000;letter-spacing: -0.6px;height: 60px; z-index: 9999;}
.hv-header *{box-sizing : border-box;}
.hv-header .sub-gnb .logo img{max-width : 157px;}
.hv-header .hv-inner>img { position: relative; left: -239px; z-index: 10; }
.hv-header__loginLayer ul li img + a i{font-style : normal;}
.hv-header .hv-inner {display: flex;align-items: center;justify-content: space-between; height: 60px;}
.hv-header .hv-inner.has-sub {padding: 15px 0;}
.hv-header .hv-inner .logo-wrap { margin-right: 153px; }
.hv-header .hv-inner .hv-gnb { }
.hv-header .hv-inner .hv-gnb ul li { display: inline-block; text-align: center; }
.hv-header .hv-inner .hv-gnb ul li a {display: inline-block;  font-style: normal; font-weight: 400; font-size: 20px; height: 60px; line-height: 60px; color: #fff;padding: 1px 28.5px 0 29px; }
.hv-header .hv-inner .hv-gnb ul li.active{background-color:#ED174D;}
.hv-header .hv-inner .hv-gnb ul li a.out-link { color: #fff; position: relative; padding-right: 13px;}
.hv-header .hv-inner .hv-gnb ul li a.out-link:after{ content:""; display: block; width: 10px; height: 11px; position:absolute; top:24px; right: 0; background-image: url(/resources/images/common/ico-menu-arrow.png); background-size: 100%; background-repeat : no-repeat;}
.hv-header .hv-inner .hv-launcher {margin-left: auto;height: 60px;}
.hv-header .hv-inner .hv-launcher > ul{ width: 364px; text-align: right; display : flex; align-items : center; justify-content : flex-end;}
.hv-header .hv-inner .hv-launcher > ul > li {display: inline-block;padding: 0 21.5px 0;position: relative;}
.hv-header .hv-inner .hv-launcher > ul > li:first-child{padding-left: 0}
.hv-header .hv-inner .hv-launcher > ul > li:last-child{padding-right: 0}
.hv-header .hv-inner .hv-launcher > ul > li.hv-search{width : 27px; height : 27px; box-sizing : content-box;}
.hv-header .hv-inner .hv-launcher > ul > li.hv-sitemap{padding: 0;margin-left: 1.5px;}
.hv-header .hv-inner .hv-launcher > ul > li a {display: inline-block; height: 60px;  font-style: normal; font-weight: 400; font-size: 14px; line-height: 60px;color: #fff;}
.hv-header .hv-inner .hv-launcher > ul > li a .plus{font-style : normal;}
.hv-header .hv-inner .hv-launcher > ul > li a.link{padding-bottom: 2px;}
.hv-header .hv-inner .hv-launcher > ul > li a.active{color: #ed174d; position:relative;}
.hv-header .hv-inner .hv-launcher > ul > li a.active:after{content: ""; position:absolute; left: 0; top: 42px; width: 100%; height: 1px; background-color: #ed174d;}
/*.hv-header .hv-inner .hv-launcher > ul > li a:hover:after{content: ""; display: block; position: absolute; bottom: 0; width:100%; height: 1px; background-color: #ed174d;}*/
.hv-header .hv-inner .hv-launcher > ul > li .myhello-btn{ position: relative;}
.hv-header .hv-inner .hv-launcher > ul > li .myhello-btn img{ position: absolute; top:28px;  width: 10px; height: 5px; margin-left: 5px; transform: scale(1); transition: .3s;}
.hv-header .hv-inner .hv-launcher > ul > li .myhello-btn.active img{
	transform: scaleY(-1);
	/* top: 28px; transition: .3s; */
}
.hv-header .hv-inner .hv-launcher > ul > li .myhello-btn.on img{}
.hv-header .hv-inner .hv-launcher > ul > li .myhello-btn.has-gnb{color: #ed174d;}
.hv-header .hv-inner .hv-launcher > ul > li .myhello-btn.has-gnb:after{content: ""; position:absolute; left: 0; top: 42px; width: 100%; height: 1px; background-color: #ed174d;}

.hv-header__loginLayer { position: absolute; top: 60px; right:0; overflow: hidden; display: none; width: 260px; height: auto; background: #FFFFFF; box-shadow: 0px 8px 16px rgba(74, 76, 88, 0.15); border-radius: 0px 0px 24px 24px; }
.hv-header__loginLayer.active { position: absolute; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 1; display: block; z-index: 1700; }
.hv-header__loginLayer ul li{font-style: normal; font-weight: 300; font-size: 14px; line-height: 26px; display:flex; align-items: center; padding: 22px;}
.hv-header__loginLayer ul li:not(:last-child){ border-bottom:1px solid #E9E9E9;}
.hv-header__loginLayer ul li.log-in,
.hv-header__loginLayer ul li.log-out{height: 108px;}
.hv-header__loginLayer ul li.log-in p,
.hv-header__loginLayer ul li.log-out p{font-size: 16px;}
.hv-header__loginLayer ul li a{ color: #000;}
.hv-header__loginLayer ul li .login-btn{width: 80px; height: 40px; margin-left: 20px; background: #FFFFFF; border: 1px solid #4A4C58; border-radius: 12px; text-align: center; line-height: 40px; font-weight: 500; }
.hv-header__loginLayer ul li .login-btn:hover{ color: #ed174d; border-color:#ed174d; }
.hv-header__loginLayer ul li .name{font-weight: 700; font-size: 20px; line-height: 30px; color: #ED174D;}
.hv-header__loginLayer ul li .name em{font-weight: 300; color: #000; font-style: normal;}
.hv-header__loginLayer ul li img + a{ margin-left: 20px;}


.hv-header #sitemap,
.hv-header #global-search{top: 60px;}
.hv-header #global-search.withGnb,
.hv-header #sitemap.withGnb{top:151px;}
.hv-header #btn-search-open {width: 27px; height: 27px; background-image: url(/resources/images/common/ico-search.png); top: 0; left: auto; margin: 0; position: relative;}
.hv-header #btn-sitemap-open {width: 27px; height: 18px; background:0 none;  padding: 0; margin: 0; top: 0px; left: auto; position: relative;}
.hv-header #btn-sitemap-open.active:after{display:none;}
.hv-header #btn-sitemap-open span {display: block; width: 27px; height: 3px;  position: relative; background: #fff; z-index: 1;}
.hv-header #btn-sitemap-open span:not(:last-child){margin-bottom: 4px;}
.hv-header #btn-sitemap-open span:first-child {transform-origin: 0% 0%;}
.hv-header #btn-sitemap-open span:nth-last-child(2) {transform-origin: 0% 100%;}
.hv-header #btn-sitemap-close{margin-left: 692px; top: -44px;}
.hv-header #global-search.withGnb #btn-search-close,
.hv-header #sitemap.withGnb #btn-sitemap-close{top: -134px;}
.hv-header #btn-search-close {margin-left: 642px; top: -44px; }
.hv-header #btn-sitemap-close {width:30px; background-color: #000; background-image: url(/resources/images/common/ico-close-primary_blk.png); }

.hv-header #sitemap>ul>li{padding: 30px 0 0 0}
.hv-header #sitemap>ul>li:last-child{padding: 30px 0}
.hv-header #sitemap .tit{font-weight: 500; font-size: 20px; line-height: 30px; display: block; float: left; width: 232px}
.hv-header #sitemap>ul{ padding-right: 0;}
.hv-header #sitemap>ul>li>ul {float:right; width:928px; line-height:24px; overflow:hidden; padding-left: 7px;}
.hv-header #sitemap>ul>li>ul>li {float:left; width:228px; margin-bottom:30px; padding:0;}
.hv-header #sitemap>ul>li>ul>li>ul{ margin-top: 5px; }
.hv-header #sitemap>ul>li>ul>li>ul>li{ padding: 0}
.hv-header #sitemap .sub-tit{font-weight: 500; font-size: 17px; line-height: 24px;}
.hv-header #sitemap .sub-list a{font-weight: 300; font-size: 14px; line-height: 24px;color: #000}

/*
.hv-header #sitemap .sub-list a.out-link{position: relative; padding-right: 15px;}
.hv-header #sitemap .sub-list a.out-link::before {content: ""; display: block; position: absolute; margin-top: -8px; top: 50%; right: 0; width: 18px; height: 18px; margin-top: -9px; background-image: url(/resources/images/common/ico_sitemap_link_02.png); background-size: 18px 18px; background-position: center center;}
*/
.hv-header #sitemap .col6 li{width:auto; margin-right:70px; padding:5px 0 0 0; clear: none;}
.hv-header #sitemap .sub-list .d4 a{color:#767676; font-size: 12px;}

.hv-header .sub-gnb{background: #FFFFFF; border-bottom: 1px solid #E9E9E9; display: none; transition: all 0.6s ease; position: absolute; top: 60px; left: 50%; transform: translateX(-50%); width: 100%; z-index: 1400;}
.hv-header .sub-gnb.active,.hv-header .sub-gnb.fix{display: block;}

.hv-header .sub-gnb .menu{display: flex; align-items: center; width: 1440px; margin: 0 auto;}
.hv-header .sub-gnb .menu h4{width: 378px; padding-left:50px; display : inline-flex; align-items : center; justify-content : flex-start;}
.hv-header .sub-gnb .menu h4 + div{ display: flex; align-items: center;}
.hv-header .sub-gnb .menu h4 + div > h5{font-weight: 500; font-size: 20px; line-height: 26px;text-align:left; width: 140px;}
.hv-header .sub-gnb .menu h5 span{position:relative; padding:0 20px 0 0; display: inline-block;}
.hv-header .sub-gnb .menu h5 span:after{content: ""; display: block; position: absolute; top: 6.5px; right: 0; width: 8px; height: 12px; background-image: url(/resources/images/common/ico-arr-right3.png); background-size: 100%;}
.hv-header .sub-gnb .menu .list {display: flex; align-items: center; }
.hv-header .sub-gnb .menu > ul:nth-of-type(1) {flex: 1;}
.hv-header .sub-gnb .menu .list >li+li{ margin-top: 0;}
.hv-header .sub-gnb .menu ul li.d2{font-weight: 500; font-size: 17px; line-height: 26px; position: relative; padding: 32px 0;}
.hv-header .sub-gnb .menu ul li.d2:not(:last-child){margin-right:50px;}
.hv-header .sub-gnb .menu .list + .list li.d2:not(:last-child){ margin-right: 24px;}
.hv-header .sub-gnb .menu ul li.active > a{color: #ed174d; }
.hv-header .sub-gnb .menu ul li a span{
	white-space: nowrap;
}

.hv-header .sub-gnb.myhello_gnb {width : 260px; box-shadow: 0px 8px 16px rgba(74, 76, 88, 0.15); border-radius: 0px 0px 24px 24px; left : auto; right : 0%; transform : translate(0); z-index : 1401;}
.hv-header .sub-gnb.myhello_gnb .menu{width : 100%;}
.hv-header .sub-gnb.myhello_gnb .menu .list{width : 260px; flex-direction : column; flex : 1; text-align : left;}
.hv-header .sub-gnb.myhello_gnb .menu .login_cont{height : 110px; padding : 26px 31px 30px 24px; display : flex; align-items : center; justify-content : space-between;border-bottom : 1px solid #E9E9E9;}
.hv-header .sub-gnb.myhello_gnb .menu .login_cont > h5{ font-size: 16px; font-weight : 300; line-height : 26px; letter-spacing : -0.6px; }
.hv-header .sub-gnb.myhello_gnb .menu .login_cont > h5 strong{font-weight : 700; font-size : 20px; line-height : 30px;}
.hv-header .sub-gnb.myhello_gnb .menu .login_cont > h5 span{color : #ED174D; padding : 0;}
.hv-header .sub-gnb.myhello_gnb .menu .login_cont > h5 span::after{display : none;}
.hv-header .sub-gnb.myhello_gnb .menu .login_cont > a{font-size : 15px; font-weight : 500; line-height : 23.17px; letter-spacing : -0.51px; display : inline-flex; align-items : center; justify-content : center; height : 40px; width : 80px; border : 1px solid #4A4C58; border-radius : 12px;}
.hv-header .sub-gnb.myhello_gnb .menu .list .d2.ico_d2{padding : 22px; margin : 0; width : 100%; flex : 1; display : flex; align-items : center; justify-content : flex-start; gap : 20px; border-bottom : 1px solid #E9E9E9; font-size : 14px; font-weight : 300; line-height : 24px; letter-spacing : -0.6px;}
.hv-header .sub-gnb.myhello_gnb .menu .list .d2.ico_d2:last-child{ border-bottom : none;}
.hv-header .sub-gnb.myhello_gnb .menu .list .d2.ico_d2::before{display : inline-block; width : 36px; height : 36px;}
.hv-header .sub-gnb.myhello_gnb .menu .list .d2.ico_d2:first-child::before{content : url(/resources/images/common/ico_logInfo.svg);}
.hv-header .sub-gnb.myhello_gnb .menu .list .d2.ico_d2:nth-child(2)::before{content : url(/resources/images/common/ico_payment.svg);}
.hv-header .sub-gnb.myhello_gnb .menu .list .d2.ico_d2.user_info::before{content : url(/resources/images/common/ico_userinfo.svg);}
.hv-header .sub-gnb.myhello_gnb .menu .list .d2.ico_d2.user_info::before{content : url(/resources/images/common/ico_userinfo.svg);}
.hv-header .sub-gnb.myhello_gnb .menu .list .d2.ico_d2.search_info::before{content : url(/resources/images/common/ico_searchInfo.svg);}

.hv-header .sub-gnb .menu ul li .d3-list{ display:none; padding:20px 24px; box-shadow: 0px 8px 16px rgb(74 76 88 / 15%); word-break: keep-all; position: absolute; top: 91px;left: 50%; width: 160px; transform: translateX(-50%); background-color: #fff; z-index: 100;}
.hv-header .sub-gnb .menu ul li .d3-list .d3{font-weight: 400; font-size: 14px; line-height: 25px; color: #000;}
.hv-header .sub-gnb .menu ul li .d3-list li.active > a{color: #ed174d;}
.hv-header .sub-gnb .menu ul li .d4-list{margin: 5px 0;}
.hv-header .sub-gnb .menu ul li .d4-list .d4{margin-top: 4px; font-weight: 400; font-size: 12px; line-height: 19px; color: #767676;}
.hv-header .sub-gnb .menu ul li .d4-list .d4 a:hover{color: #ed174d;}

.hv-header .sub-gnb .menu ul li .d3-list.grid_list{width : 737px; grid-template-columns: 130px 145px 137px 157px 120px; justify-items : start; gap : 7px 0; transform : translateX(0); left : 0;}
.hv-header #sitemap>ul>li>ul.flex_list{display : flex; align-items : center; justify-content : flex-start; gap : 0 70px;}
.hv-header #sitemap>ul>li>ul.flex_list>li{padding : 0; white-space : nowrap; float :none; width : auto;}
.hv-header #sitemap>ul>li>ul>li.f_right{float : right; transform : translateX(-9px);}

/* footer */

.hv-footer {letter-spacing: -0.6px;}
.hv-footer .policy-area{ display: flex; align-items: center; justify-content: space-between; max-width: 1440px; margin: 0 auto; border-bottom: 0;  }
.hv-footer .policy-area .policy-menu li{ font-size:12px; line-height: 26px; color : #a9a9a9;}
.hv-footer .policy-area .policy-menu li:first-child{ font-weight : 700; color : #fff;}
.hv-footer .address-area {padding:0 0 0 138px;}
.hv-footer .ci-logo{top: 0}
.hv-footer .ci-logo img{max-width : 120px;}
.hv-footer .address-area p { font-style: normal; font-weight: 400; font-size: 12px; line-height: 26px; color: #A9A9A9; }
.hv-footer .address-area p span{display:inline-block; position: relative;padding-right: 10px; margin-right:10px }
.hv-footer .address-area p span:not(:last-child):after{content:""; display: block; position: absolute; top: 9px; right:0; width: 1px; height: 10px; background-color: #a9a9a9;}
.hv-footer .address-area p span.last-line{margin-right:0}
.hv-footer .address-area p span.last-line:after{display: none;}
/* .hv-footer .policy-area .mark a{margin-left: 20px;} */
.hv-footer #footer{padding-bottom: 60px; background-color: #000;}
.hv-footer #footerSitemap{background-color: #000;}
.hv-footer #footerSitemap a.d1 strong { font-style: normal; font-weight: 500; font-size: 16px;}
.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 span{font-weight: 400; }
.hv-footer #footerSitemap a.d3[target=_blank]{position: relative;}
.hv-footer #footerSitemap a.d3[target=_blank]:after{}
.hv-footer #footerSitemap .fix-width{width: 1440px; margin: 0 auto}
.hv-footer #footerSitemap .col-d1 { width: 210px; height: 450px; padding-left: 20px;}
.hv-footer #footerSitemap .col-d1.is-2x{width: 408px;}
.hv-footer #footerSitemap .col-d1.is-3x{width: 530px;}
.hv-footer #footerSitemap .upper .wrapper{padding: 54px 0;}
.hv-footer #footerSitemap.anim .col-d1:nth-child(1) {padding-left: 0; }
.hv-footer #footerSitemap li.d2{padding: 0 0 18px 0;}
.hv-footer #footerSitemap a.d1 {padding: 0 0 20px 0;}
.hv-footer #footerSitemap a.d2{padding: 0 0 5px 0;}
.hv-footer #footerSitemap .col-d1::before{margin:0;}
.hv-footer #footerSitemap .out-link{content: '';}

/* sticky counsel */
#sticky-counsel.hv-main { box-sizing: content-box; padding: 9px 0; border: 0; background-color: rgba(0, 0, 0, 0.8); text-align: center; max-width: 1160px; margin: 0 auto; }
#sticky-counsel.hv-main { box-shadow: 0px 16px 32px rgba(74, 76, 88, 0.15); border-radius: 12px 12px 0px 0px; }
#sticky-counsel.hv-main::after { display: table; clear: both; overflow: hidden; }
#sticky-counsel.hv-main .wrap { text-align: left; margin: 0 auto; width: 1080px; height: 42px; color: #fff; line-height: 1; }
#sticky-counsel.hv-main .wrap .flex { display: flex; align-items: center; }
#sticky-counsel.hv-main .subjects { width: 40%; margin-right: 35px; }
#sticky-counsel.hv-main .fields { position: relative; width: 408px; margin-right: 35px; }
#sticky-counsel.hv-main .links { width: auto; text-align: center; position: relative; }
#sticky-counsel.hv-main .inline { box-sizing: content-box; display: inline-block; vertical-align: middle; padding: 0; height: 42px; line-height: 42px; font-size: 14px; border: 0; }
#sticky-counsel.hv-main .subject { margin-right: 20px; font-weight: 300; font-size: 20px; }
#sticky-counsel.hv-main .subject em { font-weight: 700; }
#sticky-counsel.hv-main .tel { font-style: normal; font-weight: 700; font-size: 32px; }
#sticky-counsel.hv-main .field-contact { width: 100%; text-indent: 32px; border-radius: 8px; font-size: 16px; font-weight: 500; }
#sticky-counsel.hv-main .field-contact { box-sizing: content-box; height: 40px; }
#sticky-counsel.hv-main .field-contact::placeholder { margin-top: -1px; font-size: 14px; color: #000; line-height: 40px; letter-spacing: 0; color: #808080; }
#sticky-counsel.hv-main .btn-contact { position: absolute; top: 0; right: 0; width: 120px; background-color: #ed174d; font-size: 16px; font-weight: 700; color: #fff; }
#sticky-counsel.hv-main .btn-contact{ text-align: center; height: 40px; line-height: 40px; transition: all .1s ease-in-out 0s; border-radius: 0 8px 8px 0; }
#sticky-counsel.hv-main .btn-contact:hover{background-color: #a50034; border-color: #a50034;}
#sticky-counsel.hv-main .link-chat {background-color: #898989; width: 138px;  height: 40px; line-height: 40px; position: relative; border-radius: 28px; overflow: hidden; text-align: center;}
#sticky-counsel.hv-main .link-chat:before { content: ""; display: block; position: absolute; top: 8px; left: 15px; width: 25px; height:25px; background: url('/resources/images/common/ico_sticky_chat.png') 0 0 no-repeat; background-size: 100%;}
#sticky-counsel.hv-main .link-chat:hover {}
#sticky-counsel.hv-main .links .icon { position: absolute; top: -3px; left: 0; width: 44px; height: 40px;  }
#sticky-counsel.hv-main .link-chat strong {font-size: 16px; padding-left: 20px; }
#btn-totop { margin-left: 670px; }
#sticky-counsel.hv-main .layerChat { display: none; position: absolute; width: 138px; height: 206px;  margin: 0; left: 0; top: -166px;}
#sticky-counsel.hv-main .layerChat .inner{padding: 10px 14px; background: #898989; border-radius: 26px;}
#sticky-counsel.hv-main .layerChat .chat-box .col{ padding: 10px 0}
#sticky-counsel.hv-main .layerChat .chat-box .col .link:hover{ border-bottom: 0; }
#sticky-counsel.hv-main .layerChat .chat-box .col:first-child{border-bottom: 1px solid #d9d9d9;}
#sticky-counsel.hv-main .layerChat .chat-box .col .link strong{font-weight: 500; font-size: 14px; line-height:20px; background-image: url(/resources/images/common/ico-arr-right-white.png); background-repeat: no-repeat; background-position: 100% 50%; padding-right: 10px;}
#sticky-counsel.hv-main .layerChat .chat-box .col .link:hover strong{background-image: url(/resources/images/common/ico-arr-right-green.png); background-size: 6px 9px; color:#bfe10e;}
#sticky-counsel.hv-main .layerChat .chat-box .col span{font-family: 'Roboto'; font-style: normal; display: inline-block; font-weight: 300; font-size: 17px; line-height: 22px; margin-top: 6px;}
#sticky-counsel.hv-main .layerChat .chat-text {height: 29px; line-height: 36px; position: relative; padding-top:0px }
#sticky-counsel.hv-main .layerChat .chat-text strong {font-size: 16px; padding-left: 20px;}
#sticky-counsel.hv-main .layerChat .chat-text:before { content: ""; display: block; position: absolute; top: 7px; left: 1px; width: 25px; height:25px; background: url('/resources/images/common/ico_sticky_chat.png') 0 0 no-repeat; background-size: 100%;}

.banner_footer{width : 100%; max-width : 1160px; position : fixed; bottom : 0; left : 50%; transform : translateX(-50%); background-color : rgba(0, 0, 0, 0.8); border-radius : 12px 12px 0 0; color : #fff; z-index : 1001; box-shadow : 0px 16px 32px rgba(74, 76, 88, 0.15);}
	.banner_footer .inner_wrap{display : flex;align-items : center;justify-content : flex-start;height : 60px;padding: 0px 40px 0;}
	.banner_footer .txt_title{font-size : 20px;font-weight : 300;line-height : 150%;letter-spacing : -0.03em;white-space : nowrap;transform: translateY(2px);margin-left: 70px;}
	.banner_footer .txt_title .txt_high{font-weight : 700;}

	.banner_footer .num_input_wrap{margin: 0 50px 0 9px;display : flex;align-items : center;justify-content : flex-start;gap: 64px;min-width: 624px;white-space : nowrap;}
	.banner_footer .num_input_wrap .cs_num{font-size : 32px;font-weight : 700;line-height : 42px;letter-spacing: -0.015em;font-style : normal;padding-top : 2px;transform: translateY(2px);}
	.banner_footer .num_input_wrap .input_wrap{display : flex; align-items : center; justify-content : flex-start; flex : auto;}
	.banner_footer .num_input_wrap .input_click{appearance : none; background-color : #fff; border-radius : 8px 0 0 8px; height : 36px; padding : 12px 0 10px 18px; outline : none; flex : 0 0 288px; border : none; font-size : 16px; font-weight : 300; letter-spacing : -0.03em;}
	.banner_footer .num_input_wrap .input_click::placeholder{font-size : 14px; font-weight : 300; line-height : 24px; letter-spacing : -0.6px; color : #888;}
	.banner_footer .num_input_wrap .popup_call_btn{width : 120px; height: 36px; display : inline-flex; align-items : center; justify-content : center; background : #ed174d; font-size : 16px; font-weight : 700; line-height : 26px; letter-spacing : -0.03em; border-radius : 0 6px 6px 0; color : #fff; flex : 0 0 120px; border : none; outline : none; padding-top : 2px;}

	.banner_footer .hover_pop{width : 138px; height : 36px; overflow : hidden; border-radius : 28px; position : relative; background : #888; display : flex; flex-direction : column; justify-content : flex-end;     transform: translate(0, -1px);}
	.banner_footer .hover_pop:hover{overflow : visible;}
	.banner_footer .hover_pop .top_wrap{width : 100%; position : absolute; top : 0; left : 0; transform : translateY(-100%); padding : 22px 14px 13px 14px;border-radius : 28px 28px 0 0; background : #888;}
	.banner_footer .hover_pop::after{position : absolute; content : ""; top : -8px; width : 100%; height : 30px; left : 0; background : inherit; z-index : -1;}
	.banner_footer .hover_pop .txt_top{font-size : 14px; font-weight : 400; line-height : 20px; letter-spacing : -0.03em; color : #fff;}
	.banner_footer .hover_pop .txt_arrow{display : flex; align-items : center; justify-content : center; margin-bottom : 6px;}
	.banner_footer .hover_pop .txt_arrow::after{content : url(/resources/images/common/arrow_white_right.svg); width : 5px; height : 8px; margin-left : 5px; display : inline-flex; align-items : center; justify-content : center; transform : translateY(-0.5px);}
	.banner_footer .inner_top .txt_arrow::after{margin-left : 5px;}
	.banner_footer .hover_pop .txt_num{display : block; font-size : 17px; font-weight : 300; line-height : 22px; text-align : center; letter-spacing: -0.01em;}

	.banner_footer .hover_pop .inner_top{display : block; padding-bottom : 10px; border-bottom : 1px solid #D9D9D9; margin-bottom : 10px; text-align : center;}
	.banner_footer .hover_pop a:hover > *:not(:last-child){color: #BFE10E;}
	.banner_footer .hover_pop a:hover .txt_arrow::after{content : url(/resources/images/common/ico-arr-right-green.png);}
	.banner_footer .inner_top .txt_top:first-child{margin-bottom : 5px;}

	.banner_footer .hover_pop .bot_wrap{height : 36px; display : flex; align-items : center; justify-content : flex-start; gap : 0 9.5px; cursor : pointer; padding-left : 15px; font-weight : 500;}
	.banner_footer .hover_pop .txt_bot{transform : translateY(2px);}

/* 2023 사이트맵 리뉴얼*/
@media (min-width:1160px) {
	.sitemap_nav .sub_wayUp{width : 100%; max-width : 1440px; margin : 20px auto 10px; display : flex; align-items : center; justify-content : flex-end;}
	.sitemap_nav .sub_wayUp > a{color : rgb(113, 113, 113); font-size : 12px; font-weight : 300; font-family : 'Gulim';}
	.sitemap_nav .sub_wayUp > a:not(:last-child){margin-right : 10px;}
	.sitemap_nav .sub_wayUp > a:not(:last-child)::after{content : ">"; font-size : inherit; font-weight : inherit; color : inherit; margin-left : 10px;}
	.sitemap_nav .sub_wayUp .home::before{content : url(/resources/images/common/location_icon.png); width : 10px; height : 12px;}

	.sitemap_nav .inner_wrap{width : 100%; max-width : 1142px; min-height : 730px; margin : 0 auto; padding-bottom : 130px;}
	.sitemap_nav .page_title{font-size : 38px; margin-top : 40px; color : #000; line-height : 1.2em; font-weight : 700;}
	.sitemap_nav .sitemap_wrap{display : flex; align-items : stretch; justify-content : flex-start; flex-wrap : wrap;}

	.sitemap_nav .sitemap_depth01{flex : 0 0 25%; margin-top : 50px;}
	.sitemap_nav .sitemap_depth01:not(:last-child){border-right : 1px solid #e8e8e8;}
	.sitemap_nav .depth01_tit{font-size : 20px; color : #222; font-weight : 700; line-height : 1.2em; letter-spacing : -1px;}
	.sitemap_nav .depth01_tit::after{content : ">"; margin-left : 8px;}
	.sitemap_nav .depth02_tit{font-size : 16px; font-weight : 500; line-height : 1.2em; letter-spacing : -1px; color : rgb(34, 34, 34);}
	.sitemap_nav .depth03_tit{font-size : 16px; font-weight : 400; line-height : 1.2em; letter-spacing : -1px; color : rgb(34, 34, 34);}
	.sitemap_nav .depth03_tit::before{content : "-"; margin-right : 6px;}

	.sitemap_nav .sitemap_depth01{margin-top : 50px; padding : 0 30px 0; min-height : 280px;}
	.sitemap_nav .depth02_tit{margin-top : 25px;}
	.sitemap_nav .sitemap_depth03 li{margin-top : 15px;}

	.sitemap_nav .prdt_depth{flex : 1 0 100%;}
	.sitemap_nav .prdt_depth:not(:last-child){border-style : none;}
	.sitemap_nav .inner_depth{display : flex; align-items : stretch; justify-content : flex-start;}
	.sitemap_nav .prdt_depth.sitemap_depth01{padding : 0;}
	.sitemap_nav .prdt_depth .sitemap_depth02{flex : 0 0 25%; margin-top : 50px; padding : 0 30px 0;}
	.sitemap_nav .prdt_depth .sitemap_depth02:first-child{padding : 0 30px 0 0;}
	.sitemap_nav .inner_depth:nth-child(2) .sitemap_depth02{margin-top : 25px;}
	.sitemap_nav .prdt_depth .depth02_tit{margin-top : 0;}
	.sitemap_nav .prdt_depth .sitemap_depth02:not(:last-child){border-right : 1px solid #e8e8e8;}

	.sitemap_nav .pl0{padding-left:0!important;}

	.sitemap_do>ul>li{
	    position: relative;
		padding-top: 30px;
	    border-top: 1px solid #e8e8e8;
	    overflow: hidden;}
	.sitemap_do>ul>li::after{content : ""; display : block; clear : both;}
	.sitemap_do>ul>li:last-child{padding: 30px 0}
	.sitemap_do .tit{font-weight: 500; font-size: 20px; line-height: 30px; display: block; float: left; width: 232px}
	.sitemap_do>ul{ padding-right: 0;}
	.sitemap_do>ul>li>ul {float:right; width:928px; line-height:24px; overflow:hidden; padding-left: 7px;}
	.sitemap_do>ul>li>ul>li {float:left; width:228px; margin-bottom:30px; padding:0;}
	.sitemap_do>ul>li>ul>li>ul{ margin-top: 5px; }
	.sitemap_do>ul>li>ul>li>ul>li{ padding: 0}
	.sitemap_do .sub-tit{font-weight: 500; font-size: 17px; line-height: 24px;}
	.sitemap_do .sub-list a{font-weight: 300; font-size: 14px; line-height: 24px;color: #000}

	.sitemap_do .col6 li{width:auto; margin-right:70px; padding:5px 0 0 0; clear: none;}
	.sitemap_do .sub-list .d4 a{color:#767676; font-size: 12px;}

	.sitemap_do>ul>li>ul.flex_list{display : flex; align-items : center; justify-content : flex-start; gap : 0 70px;}
	.sitemap_do>ul>li>ul.flex_list>li{padding : 0; white-space : nowrap; float :none; width : auto;}
	.sitemap_do>ul>li>ul>li.f_right{float : right; transform : translateX(-9px);}

	/* 230428 추가 */

	.sitemap_do .menu-list > li > ul > li:nth-child(4n+1) {
	    clear: both;
	}
	.sitemap_do .sitemap_title {
		margin: 30px 0 22px;
		font-size: 38px;
		font-weight: bold;
		color: #000;
	   	letter-spacing: -1px;
	}

}

.main-top-cate{	height: 42px; box-sizing : border-box;}
.main-top-cate nav{	max-width: 1160px;	margin: 0 auto;	width: 100%;	justify-content: end;	font-size: 13px;	font-weight: 500; gap : 0 10px;}
.main-top-cate nav div{	padding : 0; line-height : normal; display : inline-flex; align-items : center; justify-content : flex-end; font-size : 14px; color : #000; font-weight : 300;}
.main-top-cate nav div:not(:last-child)::after{	content : url(/resources/images/common/ico-arr-right-xs2-gray.png); width : 6px; height : 9px; position : static; margin-left : 14px; background : none; transform : translateY(-2.5px);}
.main-top-cate nav div:last-child{font-weight : 500; cursor : auto;}

/*웹 어워드 로고 추가*/
.hv-footer{position: relative;}
.hv-footer .award-logo-wrap{position: absolute; left: calc(50% + 58px); bottom: 83px; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: flex-end; gap: 15px; width: 1160px;}
.hv-footer .award-logo-wrap .DA-img{width: 100px; height: 50px;}
.hv-footer .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%;}


@media screen and (min-width: 1160px) {
	/*최근검색어 영역 수정*/
    .hv-header #searchform .recommend-keyword ul > li > a > p{max-width: 230px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 300; letter-spacing: -0.3px;}

	/*하단 footer 변경*/
	#footerSitemap.anim .col-d1:nth-child(4) .category:nth-of-type(2){margin-top: 18px;}
	#footerSitemap.anim .col-d1:nth-child(5) .category:nth-of-type(2){margin-top: 18px;}
}

/* utm-ticker */
.utm-ticker-area{ width: 100%; position: absolute; top: 70px; z-index: 9999; display: none; }
.utm-ticker-wrap{ width: 1440px;  margin: 0 auto; }
.utm-ticker{ width: 70px; height: 70px; margin-left: 617px; padding: 13px 18px 13px 27px; 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 p br{ display: none; }
.utm-ticker img{ width: 53px; min-width: 53px; margin-left: 27px; opacity: 0; }

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


/* gnb bubble - pc */
@media screen and (min-width: 1160px) {
	.hv-header .sub-gnb .menu ul li.event{
		position: relative;
	}

	.gnb-bubble{
    height: 24px;
		padding: 0 20px;
    border-radius: 9999px;
    background: linear-gradient(360deg, #323232 61.79%, #989898 123.76%);
    box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.2);
    white-space: nowrap;
		display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10001;
		user-select: none;
	}
	.gnb-bubble::after {
    content: "";
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-bottom-color: #6f6f6f;
    position: absolute;
    left: 50%;
    bottom: 100%;
    transform: translateX(-50%);
  }
  .gnb-bubble .bubble-text{
    font-family: "Roboto", "Noto Sans KR", sans-serif;
    font-size: 12px;
    color: #fff; 
    font-weight: bold;
  }
	.gnb-bubble .bubble-text span{
    color: #00FFE1;
  }
}

.pc-sticky-dimmed{ z-index: 10000 !important; }