@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;500;600;700;800&display=swap');

@font-face {
  font-family:'Nanum Gothic';
  font-style:normal;
  font-weight:400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}

@font-face {
  font-family:'Nanum Gothic';
  font-style:normal;
  font-weight:500;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}

@font-face {
  font-family:'Nanum Gothic';
  font-style:normal;
  font-weight:600;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}

/*-------------------------------------------------------*/
/* 커스텀
/*-------------------------------------------------------*/

/* body { font-family:'Nanum Gothic','나눔고딕','dotum','돋음','굴림'; }*/

.header :is(a,button):focus-visible {outline:2px dashed #000000;}
.focus-style2:focus-visible{outline: dashed 2px #2189ff !important;transition-duration: unset;    display: block;}
.focus-style3:focus-visible{outline: none;position: relative;}
.focus-style3:focus-visible:before{content:'';width: 100%;height: 100%;border:2px solid #000000;position: absolute;top:0;left: 0;display: block;}
#mainContent.main-basic-body{padding-top: 105px;}
.container {max-width: 1340px;padding:0 30px;}
.m-only{display: none;}
.m-menu-box{display: none;}
.header::before{content:'';display: block;width: 100%;height: 1px;background-color: #eeeeee;position: absolute;top:104px;left: 0;opacity:0;}
.header-logo {margin: 0px 0;}
.header-logo {padding-left: 15px;}
.header-logo a img.logo-mobile{display: none;}
.header .header-logo a img.logo-wht {display: none}
.header .header-logo a img.logo-drk {display: block}

.dropdown-menu {position:static;}
.gnb-wrap .gnb .gnb-nav {margin-top:15px;}
.gnb-wrap .gnb .gnb-nav > li > a {line-height:80px; padding:0 30px 10px; min-width:150px;text-align: center; max-width:240px;}
.gnb-wrap .gnb .gnb-nav > li > ul {width: 100%;text-align: left;transform: none;opacity: 1;visibility:visible;}

.top-bar {padding-right: 15px;}
.top-bar .top-bar-btn {display: flex;}
.top-bar .top-bar-btn .button{display: flex;align-items: center;justify-content: center;width:50px;height:50px;line-height: 50px;font-family: var(--basic-font);font-size:1rem;color:var(--white-color);font-weight: 500;border-radius: 50px;}

.top-bar .top-bar-btn .sitemap-button {width: 50px;height: 50px;background-color: transparent;border:0;    display: flex;justify-content: center;align-items: center;overflow: hidden;}
.top-bar .top-bar-btn .sitemap-button .bar-group{width: 30px;height: 24px;display: flex;flex-direction:column;justify-content: space-between;align-items: flex-start;}
.top-bar .top-bar-btn .sitemap-button .bar-group .bar{width: 100%;height: 2px;background-color: var(--text-color);transition-duration: 0.3s;transition-timing-function:ease-out;transition-property: width,background-color,transform;}
.top-bar .top-bar-btn .sitemap-button .bar-group .bar:nth-of-type(1){transform-origin: left top}
.top-bar .top-bar-btn .sitemap-button .bar-group .bar:nth-of-type(2){}
.top-bar .top-bar-btn .sitemap-button .bar-group .bar:nth-of-type(3){transform-origin: left bottom}
.top-bar .top-bar-btn .sitemap-button:hover .bar-group .bar:nth-of-type(2){width: 30px;}
.top-bar .top-bar-btn .sitemap-button:hover .bar-group .bar {background-color: var(--text-color);}
.top-bar .top-bar-btn .language-button .btn-hd:hover{color: var(--text-color);background-image: url(./images/icons/icon-language_hover.svg);}


.top-bar .top-bar-btn .menu-button {display:none;width: 50px;height: 50px;background-color: transparent;border:0;justify-content: center;align-items: center;overflow: hidden;}
.top-bar .top-bar-btn .menu-button .bar-group{width: 30px;height: 24px;display: flex;flex-direction:column;justify-content: space-between;align-items: flex-start;}
.top-bar .top-bar-btn .menu-button .bar-group .bar{width: 100%;height: 2px;background-color: var(--text-color);transition-duration: 0.3s;transition-timing-function:ease-out;transition-property: width,background-color,transform;}
.top-bar .top-bar-btn .menu-button .bar-group .bar:nth-of-type(1){transform-origin: left top}
.top-bar .top-bar-btn .menu-button .bar-group .bar:nth-of-type(2){}
.top-bar .top-bar-btn .menu-button .bar-group .bar:nth-of-type(3){transform-origin: left bottom}

.top-bar .top-bar-list .top-bar-btn .search-button{width: 55px;height: 55px;background-image: url("/css/images/icons/icon-search.png");background-size: 21px 21px;background-repeat: no-repeat;background-position: center;}
.top-bar .top-bar-list .top-bar-btn .search-button.open{background-image: url("/css/images/icons/icon-search-close.png");background-color:#000000;}

.gnb-bg{display: none !important;}

/*사이트 맵 스타일*/
.site-map-box {
    --box-header:110px;
    /*--box-top-padding:50px;*/
    --box-top-padding:20px;
    --box-left-padding:340px;
    --site-name-width:185px;
    --sub-menu-width:145px;
    --item-padding:50px;
    --max-width:1260px;
    --menu-max-width:1080px;
}

.site-map-box{pointer-events: none;z-index: 1001;position: fixed;left: 0;top:0;width: 100%;height: 100%;}
.site-map-box .site-map-content{width: 100%;height: 100%;padding-top: calc(var(--box-header) + var(--box-top-padding));padding-bottom: 80px;overflow-y: hidden;overflow-x: hidden;opacity: 0;transition-property: opacity;transition-duration: 0.4s;}
.site-map-box .site-map-content::-webkit-scrollbar {width: 10px;}
.site-map-box .site-map-content::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,0.4);border-radius: 10px;background-clip: padding-box;border: 2px solid transparent;}
.site-map-box .site-map-content::-webkit-scrollbar-track {background-color: transparent;border-radius: 10px;}
.site-map-box .header {display: flex;justify-content: flex-end;position: absolute;top:0;left: 0;z-index: 1000;opacity: 0;border-top:0;padding:0 10px;height: var(--box-header);}
.site-map-box .header .sitemap-button {width: 100px;height: 100px;background-color: #111111;display: flex;justify-content: center;align-items: center;position: relative;}
.site-map-box .header .sitemap-button .bar-group{transition-duration: 0.3s;}
.site-map-box .header .sitemap-button .bar{background-color: #ffffff;width: 50px;height: 3px;display: block;position: absolute;left: 50%;top:50%;}
.site-map-box .header .sitemap-button .bar:nth-of-type(1){transform: translate(-50%,-50%) rotate(45deg)}
.site-map-box .header .sitemap-button .bar:nth-of-type(2){transform: translate(-50%,-50%) rotate(-45deg)}
.site-map-box .header .sitemap-button:hover .bar-group{transform: rotate(180deg);}
.site-map-box .title-box{width: 100%;max-width: calc(var(--max-width) + (100% - var(--max-width)) / 2);margin-left: auto;}
.site-map-box .title-box h2{font-family: 'BookkMyungjo','Pretendard', serif ;font-weight: 700;font-size: 48px;letter-spacing: -0.05em;line-height: 1.25;}
.site-map-box .title-box :is(.title,.site-name){overflow: hidden;}
.site-map-box .title-box .title > h2{transform: translateY(100%);opacity: 0;}
.site-map-box .site-name{display: flex;align-items: center;}
.site-map-box .site-name > h2{width: var(--site-name-width);flex: none;transform: translateY(100%);opacity: 0;}
.site-map-box .site-name::after{content:'';width: 0;height:4px;display: block;background-color: #000000;}
.site-map-box nav h2{width: 100%;display: flex;}
.site-map-box nav .site-map-inner{max-width: var(--menu-max-width);margin: 0 auto;}
.site-map-box nav .depth1{display: flex;flex-direction: column;margin: 0 auto;}
.site-map-box nav .depth1 .item-box{display: flex}
.site-map-box nav .depth1 > .item-box{padding:36px 0;border-bottom: 1px solid rgba(255,255,255,0.2); display: flex;align-items: center;position: relative;}
/*.site-map-box nav .depth1 > .item-box{padding:40px 0;border-bottom: 1px solid rgba(218,218,218,0.4); display: flex;align-items: center;position: relative;}*/
.site-map-box nav .depth1 > .item-box::after{content:'';width: 0;background-color: rgba(255, 255, 255, 0.8);height: 1px;display: block;position: absolute;left: 0;bottom: 0;transition-duration: 0.6s;}
.site-map-box nav .depth1 > .item-box:hover::after{width: 100%;}
.site-map-box nav .depth1 > .item-box > a{width: var(--site-name-width);font-family: 'BookkMyungjo','Pretendard', serif ;font-weight: 700;font-size: 22px;line-height: 1.25;height: 1.25em;flex: none;color:#ffffff;}
.site-map-box nav .depth2 {display: flex;    flex-wrap: wrap;column-gap: 40px;    row-gap: 10px;}
.site-map-box nav .depth2 > .item-box{display: inline}
.site-map-box nav .depth2 > .item-box > a{width: var(--sub-menu-width);font-family: 'BookkMyungjo','Pretendard', serif ;font-weight: 500;font-size: 17px;letter-spacing: -0.025em;line-height: 1.76;height: 1.76em;color:#ffffff;opacity: 0.65;}
.site-map-box nav .depth2 > .item-box > a:hover{opacity: 1;}
.site-map-box nav .depth3 {display: flex;flex-wrap: wrap;width: calc(100% - var(--sub-menu-width))}
.site-map-box nav .depth3 > .item-box {display: inline;}
.site-map-box nav .depth3 > .item-box::after{content:'';display: inline-block;width: 1px;height: 12px;margin: 0 12px;background-color: #dadada;}
.site-map-box nav .depth3 > .item-box:last-of-type::after{content:none;}
.site-map-box nav .depth3 > .item-box > a{font-family: 'BookkMyungjo','Pretendard', serif ;font-weight: 500;font-size: 15px;line-height: 1.73;color:#474747;}
.site-map-box nav a.link:after{content:'';background-image: url("/image/main/icon-sitemap-link@2x.png");background-size: cover;display: inline-block;width: 13px;height: 13px;margin-left: 7px;}
.site-map-box .link-box{display: flex;justify-content: flex-start;max-width: var(--menu-max-width);margin-left:auto;column-gap: 40px;margin-top:20px;}
.site-map-box .link-box a{font-size: 20px;color:#000000;font-weight: 500;display: inline-flex;align-items: center;}
.site-map-box .link-box a:nth-of-type(1)::before{content:'';background-image: url("/css/images/icons/icon-sitemap-001.png");display: inline-block;width: 32px;height: 35px;margin-right: 11px;}
.site-map-box .link-box a:nth-of-type(2)::before{content:'';background-image: url("/css/images/icons/icon-sitemap-002.png");display: inline-block;width: 45px;height: 31px;margin-right: 11px;}
.site-map-box .link-box a:nth-of-type(3)::before{content:'';background-image: url("/css/images/icons/icon-sitemap-003.png");display: inline-block;width: 34px;height: 32px;margin-right: 11px;}
/*.site-map-box .site-map-footer{display:flex; justify-content: flex-end;column-gap:34px; margin-top:60px;}*/
.site-map-box .site-map-footer{display:flex; justify-content: flex-end;column-gap:34px; margin-top:10px;}
.site-map-box .site-map-footer a{font-size:16px; font-weight:600; letter-spacing:-0.025em; color:#ffffff; opacity:0.45;}
.site-map-box .site-map-footer a:hover{opacity: 1;}

/*검색창*/
.search-bg {z-index:5;opacity:0;visibility:hidden;position: fixed;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);transition:.3s;}
.search-bg.on {opacity:1;visibility:visible;}
.search-layer{border-top:1px solid #e2e5eb; width: 100%;background-color: #ffffff;padding: 80px 0 200px;display: none;z-index: 1;position: fixed;top: 100px;}
.search-layer .search-inner{width: 100%;max-width: 860px;margin: 0 auto;padding:0 30px;}
.search-layer .search-inner .input{max-width: 580px;margin: 0 auto;}
.search-layer .search-inner .input > input{height: 70px;border:3px solid #000000;border-radius: 15px;font-size: 28px;padding: 6px 18px;font-family: 'BookkMyungjo','Pretendard', serif ;font-weight: 700;}
.search-layer .search-inner .input > input:focus{border-width: 3px !important; }
.search-layer .search-inner .input .submit-button{position: absolute;;right: 0;top:0;border:0;background-color: transparent;width: 70px;height: 100%;display: flex;justify-content: center;align-items: center;}
.search-layer .search-inner .input .submit-button > img{width: 34px;height: 34px;}
.search-layer .keyword-title {font-size: 18px;font-weight: 700;letter-spacing: -0.05em;width: 120px;flex: none;line-height:40px;} /* 추천검색타이틀 영역 너비 */
.search-layer .keyword-box {display: flex;margin-top: 35px;justify-content: center;}
.search-layer .keyword-box .keyword-list{display: flex;flex-wrap:wrap;gap: 10px; width:360px;} /* 키워드 영역 너비 */
.search-layer .keyword-box .keyword-list .keyword-item{border:1px solid #000000;border-radius: 25px;padding: 0 22px;height: 40px;display: flex;align-items: center;font-size: 16px;cursor: pointer;}
.search-layer .keyword-box .keyword-list .keyword-item::before{content:'#'}

/*header::before{content:'';width: 100%;background-color:#ffffff;display: block;position: absolute;top: 0;left: 0;z-index: 1;;pointer-events: none;height: 0;overflow: hidden;transition-duration: 0.3s;}
header.header-over{border-bottom: 1px solid #eee;}*/
header.header-over::before{opacity: 1;}
header.header-over{    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);}
/*header.header-over::before{pointer-events: none;height: 539px;}*/
header.header .gnb-wrap .gnb .gnb-nav > li:hover > ul {background: linear-gradient(180deg, rgba(248, 249, 250, 1) 0%, rgba(255, 255, 255, 1) 100%);}
header.header.header-fix{box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);}

@media (max-width: 1500px) {
    .site-map-box .title-box{ max-width: calc(var(--menu-max-width) + ((100% - var(--max-width)) / 2));}
    .site-map-box nav .depth1 {padding: 40px 30px 40px 0;}
    .site-map-box .link-box {padding: 0;}
    .site-map-box .site-map-footer{padding: 0 20px;}
}

@media (max-width: 1360px) {

    .site-map-box .title-box{max-width: var(--menu-max-width);padding-left: 20px;}
    .site-map-box nav .depth1 {padding: 40px 60px;}
    .site-map-box .link-box {padding: 0 60px;}
    .site-map-box .site-map-footer{padding: 0 20px;}

}

/*리스트 모션 초기화*/
.site-map-box nav .depth1 > .item-box{transform:translateY(-20%);opacity: 0;}
.site-map-box :is(.link-box,.site-map-footer){transform:translateY(-20%);opacity: 0;}

body.site-block .wrapper .content-item{display: none;}
body.sitemap-open::-webkit-scrollbar{display:none;}
body.sitemap-open .site-map-box {pointer-events: auto;}
body.sitemap-open .site-map-box .site-map-content{opacity:1;transition-timing-function: cubic-bezier(0.79, 0.04, 0.54, 0.88);overflow-y: auto;transition-duration: 0.8s;background-color: #231815;}
body.sitemap-open .site-map-box .header{opacity: 1;transition-duration: 0.6s;transition-property: opacity;transition-delay: 0.3s;background-color: transparent;}
body.sitemap-open .site-map-box .title-box .title > h2{transform:translateY(0%);opacity: 1;transition-duration: 0.6s;transition-delay: 0.8s;}
body.sitemap-open .site-map-box .site-name > h2{transform:translateY(0%);opacity: 1;transition-duration: 0.6s;transition-delay: 1s;}
body.sitemap-open .site-map-box .site-name::after {width: calc(100% - var(--site-name-width));transition-duration: 0.6s;transition-property: width;transition-delay: 1.4s;}
body.sitemap-open .top-bar .top-bar-btn .sitemap-button .bar-group .bar:nth-of-type(2){transform: translateX(200%);}
body.sitemap-open .top-bar .top-bar-btn .sitemap-button .bar-group .bar:nth-of-type(1){transform: rotate(45deg);width: 33px;}
body.sitemap-open .top-bar .top-bar-btn .sitemap-button .bar-group .bar:nth-of-type(3){transform: rotate(-45deg);width: 33px;}
/*전체 메뉴 오픈 속도 입니다
표시 속도 transition-duration: 0.6s
표시 딜레이 transition-delay: .8s;
*/
body.sitemap-open .site-map-box nav .depth1 > .item-box {transform:translateY(0%);opacity: 1;transition-duration: 0.6s;transition-property: transform,opacity;}
body.sitemap-open .site-map-box nav .depth1 > .item-box:nth-of-type(1) {transition-delay: .8s;}
body.sitemap-open .site-map-box nav .depth1 > .item-box:nth-of-type(2) {transition-delay: 0.9s;}
body.sitemap-open .site-map-box nav .depth1 > .item-box:nth-of-type(3) {transition-delay: 1.0s;}
body.sitemap-open .site-map-box nav .depth1 > .item-box:nth-of-type(4) {transition-delay: 1.1s;}
body.sitemap-open .site-map-box nav .depth1 > .item-box:nth-of-type(5) {transition-delay: 1.2s;}
body.sitemap-open .site-map-box nav .depth1 > .item-box:nth-of-type(6) {transition-delay: 1.3s;}
body.sitemap-open .site-map-box nav .depth1 > .item-box:nth-of-type(7) {transition-delay: 1.4s;}
body.sitemap-open .site-map-box nav .depth1 > .item-box:nth-of-type(8) {transition-delay: 1.5s;}
body.sitemap-open .site-map-box :is(.link-box,.site-map-footer){transform:translateY(0%);opacity: 1;transition-duration: 0.4s;transition-property: transform,opacity;transition-delay: 1.6s;}

@media (max-width: 640px) {
    .site-map-box{display: none;}
    body.site-block .wrapper{display: block;}
}

body.previewOpen .preview-layer{opacity: 1;pointer-events: auto;transition: .6s opacity;}

/*이미지 뷰어*/
.imageview-layer{display: flex;justify-content: center;align-items: center;background-color: rgba(0,0,0,.8);width: 100%;height: 100%;position: fixed;top:0;left: 0;z-index: 999;opacity: 0;pointer-events: none;}
.imageview-layer .layer-content .close-button{position: absolute;top:0;right: -30px;display: block;background-image: url("/image/preview/icon-close.png");width: 36px;height: 36px;border:0;background-color: transparent;transform: translateX(100%);font-size: 0;text-indent: -9999px;}
.imageview-layer .layer-content{position: relative;max-width: 1248px;width: 100%;background-color: #ffffff;padding:40px;display: flex;justify-content: space-between;}

.imageview-layer .layer-content .img-list{width: 100%;overflow: hidden;position: relative;}
.imageview-layer .layer-content .img-list .list-box{padding-bottom: 40px;}
.imageview-layer .layer-content .img-list .item-box{width: 100%;max-height: 700px;}
.imageview-layer .layer-content .img-list .item-box .img-box {width:100%;height: 100%;    overflow: hidden;}
.imageview-layer .layer-content .img-list .item-box .img-box img {width: 100%;}
.imageview-layer .layer-content .img-list .item-box .caption-box{position: absolute;left:0;bottom:0;transform: translateY(100%);    line-height: 3em;font-weight: 200;font-size: 12px;color:#8b6d49;}
.imageview-layer .preview-button-prev, .imageview-layer .preview-button-next {position: absolute;top: 50%;width: 40px;height: 40px;z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;left: auto;right: 10px;transform: translateY(-50%);}
.imageview-layer .swiper-button-disabled{opacity: 0.5;}
.imageview-layer .preview-button-next::after {content: '';background-image: url("/image/preview/icon-next.png");width: 10px;height: 17px;}
.imageview-layer .preview-button-prev::after {content: '';background-image: url("/image/preview/icon-prev.png");width: 10px;height: 17px;}
.imageview-layer .preview-button-prev{left: 10px;right: auto;}
.imageview-layer .swiper-pagination{font-size:12px; font-weight:500;color: #000000;left: 0;bottom: 13px;text-align: right;}

@media (max-width: 992px) {

    .imageview-layer .layer-content {background-color: #ffffff;width: calc(100% - 10rem);height: auto;padding: 4rem;flex-direction: column;}
    .imageview-layer .layer-content .img-list {width: 100%;height: auto;}
    .imageview-layer .layer-content .img-list .item-box{width: 100%;height: 100%;}
    .imageview-layer .layer-content .img-list .item-box .caption-box{font-size: 2.4rem;}
    .imageview-layer .preview-button-prev, .imageview-layer .preview-button-next {width: 4rem;height: 4rem;right: 2rem;}
    .imageview-layer .preview-button-next::after {background-size: cover;width: 2rem;height: 3.4rem;}
    .imageview-layer .preview-button-prev::after {background-size: cover;width: 2rem;height: 3.4rem;}
    .imageview-layer .layer-content .close-button {top: auto;bottom: -2rem;right: 50%;background-size: cover;width: 7rem;height: 7rem;transform: translate(50%,100% );}
}

body.imageviewOpen .imageview-layer{opacity: 1;pointer-events: auto;transition: .6s opacity;}

.section-5 .sns-box .title-box{font-size: 30px;font-weight: 700;letter-spacing: -0.025em;color:#222222;}
.section-5 .sns-box .content-box{margin-top: 40px;height: 410px;}
.section-5 .flow-banner {width: 100%;display: flex;overflow: hidden; border-top:0px solid #dddddd;border-bottom:0px solid #dddddd;padding:20px 0;margin-top: 40px;}
.section-5 .flow-banner .container{position: relative;}
.section-5 .flow-banner .swiper-box{overflow: hidden;}
.section-5 .flow-banner .brand-list{}
.section-5 .flow-banner .brand-list .list-item{border:1px solid #dddddd;display: flex;justify-content: center;align-items: center;height: 74px;}
.section-5 .flow-banner .brand-list .list-item > img{width: 100%;height: auto;}
.section-5 .flow-banner .button{border:0;background-color: transparent;width: 30px;height: 30px;position:absolute;font-size: 0;text-indent: -99999px;top:50%;transition-duration: 0.3s;}
.section-5 .flow-banner .button.flow-prev{background-image: url("/image/main/icon-flow-prev.png");background-size:cover;left: 0;transform: translate(-50%,-50%);}
.section-5 .flow-banner .button.flow-prev:hover{background-image: url("/image/main/icon-flow-prev-hover.png");}
.section-5 .flow-banner .button.flow-next{background-image: url("/image/main/icon-flow-next.png");background-size:cover;right: 0;transform: translate(50%,-50%);}
.section-5 .flow-banner .button.flow-next:hover{background-image: url("/image/main/icon-flow-next-hover.png");}

.flow-motion.motion-left.original {animation: rollingleft1 100s linear infinite;}
.flow-motion.motion-left.clone {animation: rollingleft2 100s linear infinite;}
.flow-motion.motion-right.original {animation: rollingright1 100s linear infinite;}
.flow-motion.motion-right.clone {animation: rollingright2 100s linear infinite;}

.design-sign{display: block;width: 162px; height:12px;font-size: 0;text-indent: -99999px;background-image: url("/image/common/design-sign.png");background-repeat: no-repeat;background-size: cover;margin-top: 20px; margin-left:px;}
.design-sign:hover{background-image: url("/image/common/design-sign-hover.png");}

.design-sign2 {width:162px; margin-top:0px; padding-left:6px;}

.footer {background-color: #f5f7fa;}
.footer a:focus-visible,.footer button:focus-visible {outline: 3px solid #3074f0;border-radius: 4px;}
.footer .footer-info-content address {margin-bottom: 1rem;font-style: normal;line-height: inherit;}
.footer .footer-info-content address span{font-size: 15px;letter-spacing: 0.025em;line-height: 1.428;color:#000000;margin-right: 10px;white-space: nowrap;}
.footer .footer-top {border-bottom: 1px solid rgba(165, 165, 165, .2); border-top:1px solid #e4e4e4;}
.footer .footer-top .container{display: flex;justify-content: space-between;align-items:center;height: 58px;}
.footer .footer-top .left-box{display: flex;align-items: center;}
.footer .footer-top .footer-link-list{display: flex;}
.footer .footer-top .footer-link-list .footer-link-item{}
.footer .footer-top .footer-link-list .footer-link-item:nth-of-type( n +2):before{content: '';width: 1px;height: 10px;background-color: #b8b8b8;margin: 0 12px;display: inline-block;}
.footer .footer-top .footer-link-list .footer-link-item a{color:#444444;font-size: 16px;letter-spacing: -0.025em;font-weight: 500;}
.footer .footer-top .footer-link-list .footer-link-item a:hover{color:#d70c19;}
.footer .footer-sns-list{display: flex;column-gap: 10px;}
.footer .footer-sns-list .footer-sns-item{}
.footer .footer-sns-list .footer-sns-item a {width: 36px;height: 36px;background-color: #ededed;border-radius: 100%;position: relative;display: flex;justify-content: center;align-items: center;font-size: 0;text-indent: -9999px;border:1px solid #ebebec;}
.footer .footer-sns-list .footer-sns-item a::before{content:'';display:block;background-repeat: no-repeat;background-position: center;background-size: cover;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}
.footer .footer-sns-list .footer-sns-item.facebook a:before{background-image: url("/image/common/icon-footter-sns-facebook.png");width: 8px; height: 16px;}
.footer .footer-sns-list .footer-sns-item.blog a:before{background-image: url("/image/common/icon-footter-sns-blog.png");width: 20px; height:19px;}
.footer .footer-sns-list .footer-sns-item.youtube a:before{background-image: url("/image/common/icon-footter-sns-youtube.png");width: 18px;height: 13px;}
.footer .footer-sns-list .footer-sns-item.kakao a:before{background-image: url("/image/common/icon-footter-sns-kakao.png");width: 21px;height: 20px;}
.footer .footer-sns-list .footer-sns-item.instagram a:before{background-image: url("/image/common/icon-footter-sns-instagram.png");width: 18px;height: 17px;}
.footer .footer-mobile{display: none;}

.footer .footer-top .footer-sns-list .footer-sns-item a:hover{background-color: #ffffff;}
.footer .footer-bottom{display: flex;justify-content: space-between;padding-top:40px;}
.footer .footer-bottom .left-box{display: flex;}
.footer .footer-bottom .footer-logo {margin-right: 50px;}
.footer .footer-bottom .img-responsive {max-width: 100%;height: 26px;}
.footer .footer-info-content address {margin-bottom: 6px;}
.footer .footer-info-content .copyright-box{font-size: 15px; color:rgba(0,0,0,0.7); line-height:1; }
.footer .footer-info-content .footer-info-box{font-size:14px; color:#747474; line-height: 1.428;letter-spacing: -0.05em; margin-top: 15px; font-weight:500;}
.footer .footer-info-content .design-sign{margin-top: 30px;}
.footer .footer-info-content .design-sign2 {margin-top:0px;}
.go-top{display: flex;width: 60px;height: 60px;background-color: #000000;border-radius: 100%;position: fixed;right: 30px;bottom:70px;background-size: 20px 23px;transition-duration: 0.6s;transition-property: background-color,opacity;opacity: 0;border:0;}
.go-top::before{content:'';width:20px;height:23px;display:block;background-image: url("../image/common/icon-top.png");background-size:100% 200%;background-position: 0 0;background-repeat: no-repeat;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);
    transition-duration: 0.6s;transition-property: background-position;
}
.go-top.white{background-color: #ffffff;}
.go-top.white::before{background-position: 0 100%;}

.footer .right-box .footer_banner_box {width:210px; margin-top:-10px; padding-left:0px; margin-bottom:10px; }
.footer .right-box .footer_main_banner {width:210px; padding-left:0px;}
.footer .right-box .footer_main_banner img {width:100%; max-width:210px;}

/* 하단 button */
.footer_direct_btn { display:inline-block; font-family:'Nanum Gothic','나눔고딕','dotum','굴림'; font-weight:normal !important; font-size:12px !important; letter-spacing:-0.05em; padding:2px 7px 2px 7px; color:#878787 !important; border:1px solid #c2c2c2; background:transparent; transition: all 0.3s ease-in-out; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.footer_direct_btn:hover, .footer_direct_btn:focus { background:#d70c19; border:1px solid #d70c19; color:#ffffff !important; text-decoration:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.footer_direct_btn_area { vertical-align:top; text-align:left; }

.page-title-caption h2 {position:relative; margin-bottom: 20px; font-size: 46px; font-weight:700; font-family:'BookkMyungjo','Noto Sans KR','Nanum Gothic','나눔고딕'; color: var(--white-color);text-align: center;}
.page-title-caption .breadcrumb{display: flex;    justify-content: center; opacity:0.6;}
.page-title-caption .breadcrumb li{color:rgba(255,255,255,1.00);letter-spacing: -0.05em; font-size: 14px;display: flex;align-items: center; font-weight:400; font-family:'BookkMyungjo','Noto Sans KR','Nanum Gothic','나눔고딕';}
.page-title-caption .breadcrumb li:nth-of-type(n +2)::before{content:'';display: inline-block;background-image: url("/image/common/icon-breadcrumb-arrow@2x.png");background-repeat: no-repeat;background-size: cover;width: 5px;height: 8px;margin: 0 10px;}
.page-title-caption .breadcrumb li:first-of-type > a{font-size: 0;text-indent: -9999px;background-image: url("/image/common/icon-home@2x.png");background-repeat: no-repeat;background-size: cover;width: 14px;height: 15px;display: inline-block;}

@keyframes rollingleft1 { 0% { transform: translateX(0); } 50% { transform: translateX(-100%); } 50.01% { transform: translateX(100%); } 100% { transform: translateX(0); } }
@keyframes rollingleft2 { 0% { transform: translateX(0); } 100% { transform: translateX(-200%); } }
@keyframes rollingright1 { 0% { transform: translateX(0); } 50% { transform: translateX(100%); } 50.01% { transform: translateX(-100%); } 100% { transform: translateX(0); } }
@keyframes rollingright2 { 0% { transform: translateX(-200%); } 100% { transform: translateX(0%); } }
@keyframes record  { 0% {opacity: 1} 100%{opacity: 0} }

.header {padding: 0/* 3.75rem*/;position: fixed;top:0;left: 0;overflow: hidden;}
.header.noFixed{position: absolute;}
.header:after {top: 80px;}
.header-logo {margin: 15px 0;    z-index: 3;}

.footer {padding: 0 0 100px;}
.footer-top {padding-bottom: 0;}
.family-site {width: 200px;}

.header.sub-header:after {opacity:1;}
.header.sub-header .gnb-wrap .gnb .gnb-nav > li > a {color:var(--text-color);}

.top-bar .top-bar-list li a.consulting-button {width: 110px;height: 46px;display: flex;justify-content: center;align-items: center; font-family:'Noto Sans KR','Nanum Gothic','dotum'; font-size: 18px;font-weight: 600; border:1px solid #000000; color:#000000; border-radius: 30px; margin-right: 5px; margin-top:4px; padding:5px 10px 7px 12px;}
.top-bar .top-bar-list li a.consulting-button:hover {border:1px solid #d70c19; color:#ffffff; background:#d70c19; border-radius: 30px; margin-right: 5px; margin-top:4px;}

@media (max-width:960px) {
    .top-bar {padding-right: 0;}
    .top-bar .top-bar-list li a.consulting-button{display: none;}
}
@media (max-width:640px) {
    .top-bar .top-bar-btn .sitemap-button {display: none;}
    .top-bar .top-bar-btn .menu-button {display: flex;}
}

/*페이징 커스텀*/
.pg_wrap {display: flex;justify-content: center;margin-top: 20px;}
.pg {text-align:center}
.pg_page, .pg_current {display:inline-flex;justify-content:center;align-items:center;vertical-align:middle;height:50px;min-width:50px;font-size:16px;border-radius: 50%;border:1px solid transparent;position: relative;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#888888;font-size:16px;text-decoration:none;    border: 1px solid #eee;    margin: 5px;}
.pg_start {text-indent:-999px;overflow:hidden;background:url('./images/icons/icon-page-start.png') no-repeat 50% 50% ;padding:0;border: 0;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('./images/icons/icon-page-prev.png') no-repeat 50% 50% ;padding:0;border: 0;}
.pg_end {text-indent:-999px;overflow:hidden;background:url('./images/icons/icon-page-end.png') no-repeat 50% 50% ;padding:0;border: 0;}
.pg_next {text-indent:-999px;overflow:hidden;background:url('./images/icons/icon-page-next.png') no-repeat 50% 50% ;padding:0;border: 0;}
.pg_start:hover {background:url('./images/icons/icon-page-start_hover.png') no-repeat 50% 50%;}
.pg_prev:hover {background:url('./images/icons/icon-page-prev_hover.png') no-repeat 50% 50%;}
.pg_end:hover {background:url('./images/icons/icon-page-end_hover.png') no-repeat 50% 50%;}
.pg_next:hover {background:url('./images/icons/icon-page-next_hover.png') no-repeat 50% 50%;}
a.pg_page:hover {color:#d70c19;position: relative;border:1px solid #d70c19;box-shadow: 0 8px 9px rgba(1, 65, 149, 0.11);}
.pg_current {color:#ffffff;background-color: #d70c19;border-radius: 50%;}
a.pg_page:is(.pg_prev,.pg_start,.pg_next,.pg_end):after{content:'';display: block;width: 11px;height: 2px;background-color: #000000;position: absolute;bottom:12px;left:50%;transform: translateX(-50%);opacity: 0;transition: 0.3s;}
a.pg_page:is(.pg_prev,.pg_start,.pg_next,.pg_end):hover{border:0;box-shadow: none;}
a.pg_page:is(.pg_prev,.pg_start,.pg_next,.pg_end):hover::after{opacity: 1;}

.board_bottom_gab {padding-bottom:100px; height:20px;}

/*퀵메뉴*/
.quick-menu{position: absolute;top: 290px;right: calc(((100% - 1600px) / 2));z-index: 1;transform: translateX(100%);}
.quick-menu .quick-content{display: flex;flex-direction: column;align-items: center;row-gap: 20px;width: 113px;background-color: #ffffff;box-shadow: 0 0 10px 1px rgba(71,71,71,0.2);border-radius: 30px;padding:20px 17px;}
.quick-menu .quick-item{}
.quick-menu .quick-item.mobile-item{display: none;}
.quick-menu .quick-item .icon-box{background-size: cover;width: 79px;height: 79px;background-repeat: no-repeat;transition-duration: 0.3s;}
.quick-menu .quick-item:nth-of-type(1) .icon-box{background-image: url("/image/common/icon-quick001.png");}
.quick-menu .quick-item:nth-of-type(2) .icon-box{background-image: url("/image/common/icon-quick002.png");}
.quick-menu .quick-item:nth-of-type(3) .icon-box{background-image: url("/image/common/icon-quick003.png");}
.quick-menu .quick-item h2{font-family:'Noto Sans KR','Nanum Gothic';font-weight:700;font-size: 16px;letter-spacing: 0.025em;color:#000000;text-align: center;margin-top: 10px;transition-duration: 0.3s;}
.quick-menu .quick-top {width:100%;}
.quick-menu .quick-top .top-button {width:100%;border:0;background-color: transparent;border-top:1px solid #e0e0e0;padding:18px 0 7px;}
.quick-menu .quick-top .top-button h2{font-family:'Noto Sans KR','Nanum Gothic';font-weight:800;font-size: 18px;letter-spacing: 0.025em;color:#000000;text-align: center;margin-top: 7px;transition-duration: 0.3s;}
.quick-menu .quick-top .top-button .icon-box{background-image: url("/image/common/icon-quick-top.png");background-size: cover;width: 21px;height: 23px;background-repeat: no-repeat;transition-duration: 0.3s;margin: 0 auto;}



@media (min-width: 1880px) {
    .quick-menu .quick-item:hover h2{color:#019995;}
    .quick-menu .quick-item:nth-of-type(1):hover .icon-box{background-image: url("/image/common/icon-quick001-hover.png");}
    .quick-menu .quick-item:nth-of-type(2):hover .icon-box{background-image: url("/image/common/icon-quick002-hover.png");}
    .quick-menu .quick-item:nth-of-type(3):hover .icon-box{background-image: url("/image/common/icon-quick003-hover.png");}
    .quick-menu .quick-top:hover .top-button .icon-box{background-image: url("/image/common/icon-quick-top-hover.png");}
    .quick-menu .quick-top:hover .top-button h2{color:#d70c19;}
}



@media (max-width: 1880px) {
    .quick-menu{display: none;}
}

@media (max-width: 1280px) {
    .header .header-inner {padding: 0 10px;}
    .header-logo {margin: 30px 0;z-index: 3;}
    .header-logo a img {height: 40px;}

    .gnb-wrap .gnb .gnb-nav > li > a {padding: 0 24px;font-size: 16px;        min-width: auto;}
    .gnb-wrap .gnb .gnb-nav > li > ul > li > a {font-size: 14px;}

    .site-map-box {--box-top-padding:0px;}
    .site-map-box .header .sitemap-button {width: 70px;height: 70px;}
    .site-map-box .header .sitemap-button .bar {width: 36px;}

    /*.header .top-bar .top-bar-btn .language-button {display: none;}*/
    .section2 .container {flex-direction: column;}
    .section2 .container .left-box {width: 100%;}
    .section2 .container .right-box {width: 100%;}
    .section8 .container .top-box {flex-wrap: wrap;}
    .section8 .letter-box {width: calc((100% - 60px) / 3);height: auto;}
    .section8 .letter-box.youtube {width: calc((100% - 60px) / 3);}
    .section8 .sns-box {width: 430px;margin: 0 auto;padding: 100px 0 0;}
    .footer .footer-info-content address {margin-bottom: 25px;text-align: center;}
    .footer .footer-info-content address span{font-size: 12px; letter-spacing:normal; line-height: 1.1; margin-right: 10px;white-space: nowrap;}
    .footer .footer-pc{display: none;}
    .footer .footer-mobile{display: flex;}
    .footer .footer-top {flex-direction: column;}
    .footer .footer-top .left-box {margin: 0 auto;}
    .footer .footer-top .footer-link-list .footer-link-item:nth-of-type(3)::before {content: none;}
    .footer .footer-bottom{flex-direction: column;}
    .footer .footer-bottom .left-box {display: flex;flex-direction: column;}
    .footer .footer-info-content{margin-top: 60px;}
    .footer .footer-bottom .footer-logo {margin-right: 0;display: flex;flex-direction: column;align-items: center;}
    .footer .footer-bottom .footer-logo .footer-sns-list{margin-top: 30px;}
    .footer .footer-info-content .copyright-box {text-align: center;display: block;}
}

@media (max-width: 992px) {
    .navbar-expand-lg .offcanvas {position: inherit;bottom: 0;z-index: 1000;flex-grow: 1;visibility: visible !important;background-color: transparent;border-right: 0;border-left: 0;transition: none;transform: none;}
}

@media (max-width: 970px) {
    .site-map-box {
        --site-name-width:120px;
        --box-header: 70px;
    }
    .header::before {content: none;}
    .header-logo {padding-left: 30px;}
    .top-bar {padding-right: 30px;}
    .header .header-inner {flex-wrap: wrap;padding:0;}
    .header .header-inner .gnb-wrap {order: 3;width: 100%;border-top:1px solid #e2e5eb;height: 80px;padding: 0 20px;}
    .gnb-wrap .gnb .gnb-nav > li > a {line-height: 80px;padding: 0 24px;}
    .gnb-wrap .gnb .gnb-nav > li > ul {top: 80px;}
    /*header.header-over::before {height: 552px;}*/

    .site-map-box nav .depth1 {padding: 30px 40px;}
    .site-map-box .link-box {padding: 0 40px;}
    .site-map-box nav .depth1 > .item-box > a {font-size: 18px;}
    .site-map-box nav .depth2 > .item-box > a {font-size: 14px;}
    .site-map-box .link-box {margin-top: 20px;}
    .site-map-box .link-box a {font-size: 16px;}
    .site-map-box .site-map-footer a {font-size: 14px;}

    .search-layer {border-top:1px solid #e2e5eb;padding: 60px 0 220px;top:180px;}
    .search-layer .search-inner .input > input {height: 60px;font-size: 24px;padding: 6px 18px;}
    .search-layer .search-inner .input .submit-button > img {width: 24px;height: 24px;}
    .search-layer .keyword-title {font-size: 16px; width: 120px;line-height: 30px;}
    .search-layer .keyword-box .keyword-list .keyword-item {padding: 0 15px;height: 30px;font-size: 14px;}

}

@media (max-width: 960px) {
    #mainContent {padding-top: 0;}
    .container {padding: 0 20px;}
    .section-5 .sns-box .content-box {margin-top: 40px;height: auto;text-align: center;}
    .mobile-hidden {display: none;}
}


@media (max-width: 820px) {
    .gnb-wrap .gnb .gnb-nav > li > a {padding: 0 24px;font-size: 16px;}
    .gnb-wrap .gnb .gnb-nav > li > ul > li > a {font-size: 14px;}
}


@media (max-width: 640px) {
    /*html{font-size: 1.063829787234043vw;}*/

    #mainContent.main-basic-body{padding-top: 70px;}
    /* .wrapper {padding-bottom: 90px;} 모바일 하단 퀵메뉴 사용시 공간 */
    .wrapper {padding-bottom:0px;} /* 모바일 하단 퀵메뉴 미사용시 기본공간 */
    .m-only{display: block;}
    /*.container {padding: 0 3rem}*/
    .container {padding: 0 10px;}
    .header-logo a img.logo-mobile{display: block;height: 37px;}
    .header {padding: 0 10px;height: 70px;overflow: visible;}
    .header .header-inner {height: 100%;align-items: center;flex-wrap: wrap;}
    .header-logo{margin: 0;padding-left:0;}
    .header .top-bar .top-bar-btn .language-button {width: 6rem;height: auto;padding:10px 0;display: flex;}
    .top-bar .top-bar-list .top-bar-btn .search-button {width: 40px;height: 40px;background-size: 20px 20px;}
    .top-bar .top-bar-list .top-bar-btn .search-button.open{background-image: url("/css/images/icons/icon-search-close.png");}
    .top-bar {padding-right: 0;}
    .top-bar .top-bar-btn .sitemap-button{display: none;}
    .go-top {width:44px; height:44px; }
    .go-top {right:10px; background-size: 3rem 3.6rem; z-index: 10;}
    .go-top {bottom:10px;} /* 모바일 하단 퀵메뉴 미사용시 기본공간 */
    /* .go-top {bottom:100px;} 모바일 하단 퀵메뉴 사용시 공간 */
    .gnb-wrap {order: 3;}

    .search-layer {padding: 40px 0 40px;z-index: 1;border-radius: 15px;box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);top:90px;left: 10px;width: calc(100% - 20px);}
    .search-layer .search-inner {padding: 0 20px;}
    .search-layer .search-inner .input > input {height: 50px;font-size: 18px;padding: 6px 18px;}
    .search-layer .search-inner .input .submit-button > img {width: 20px;height: 20px;}
    .search-layer .keyword-box .keyword-list {gap: 6px;}
    .search-layer .keyword-title {font-size: 14px; width:80px;line-height: 30px;} /* 추천검색타이틀 영역 너비 */
    .search-layer .keyword-box .keyword-list .keyword-item {padding: 0 8px;height: 30px;font-size: 12px;}
    
    
    /*메뉴 스타일*/
    .gnb-wrap {display: none;}

    .m-menu-box {display: flex;position: fixed;left: 0;top:0;width: 100%;height: 100vh;background-color: #231815;pointer-events: none;opacity: 0;transition: 0.3s;padding-top: 60px;}
    .m-menu-box a.link:after{content:'';background-image: url("/image/main/icon-link.png");background-size:cover;display: inline-block;width: 13px;height: 13px;margin-left: 7px;}
    .m-menu-box .menu-list{background-color: #231815;width: 100%;height: calc(100% - 60px);position: absolute;right: 0;transform: translateX(100%);transition: 0.3s;overflow-y: auto;padding:30px 0 60px;}
    .m-menu-box .depth01 {padding:0 20px;}
    .m-menu-box .depth01::-webkit-scrollbar {width: 10px;}
    .m-menu-box .depth01::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,0.5);border-radius: 10px;background-clip: padding-box;border: 2px solid transparent;}
    .m-menu-box .depth01::-webkit-scrollbar-track {background-color: rgba(0,0,0,0.1);border-radius: 10px;}

    .m-menu-box .depth01>li {width: 100%;padding: 5px 0;}
    .m-menu-box .depth01>li>a {font-size:22px; display:block; color:#ffffff; font-weight:700; font-family:'BookkMyungjo','Noto Sans KR','Nanum Gothic','나눔고딕';}
    .m-menu-box .depth01>li:hover>a {color: #000000;}
    .m-menu-box .depth02 {padding: 20px 30px;display: none;background-color: #ffffff;border-radius: 20px;margin-top: 10px;}
    .m-menu-box .depth01>li.active .depth02{display: block;}
    .m-menu-box .depth01>li.active>a{color:#000000;}
    .m-menu-box .depth02>li {padding:3px 0;}
    .m-menu-box .depth02>li>a {font-size:16px; position:relative; display:block; color:#999999; font-weight:700; font-family:'BookkMyungjo','Noto Sans KR','Nanum Gothic','나눔고딕';}
    .m-menu-box .depth02>li.active>a {color:#008445;}
    .m-menu-box .depth02>li.more>a::after {position: absolute;top: 50%;right: 0;content: '';transform: translateY(-50%) rotate(180deg);width: 12px;height: 7px;clear: both;transition: 0.3s;background-size: cover;background-image: url('/image/common/ico-more_mobile-arrow.svg');}
    .m-menu-box .depth02>li.more.active>a::after {transform: translateY(-50%) rotate(0deg);}
    .m-menu-box .depth02>li:hover>a{color:#008445;}
    .m-menu-box .depth03{display: none;}
    .m-menu-box .depth03>li {position: relative;padding: 8px 26px;}
    .m-menu-box .depth03>li>a::before {content: '';width: 3px;height: 3px;border-radius: 50%;clear: both;position: absolute;background-color: #000000;top: 46%;left: 12px;transform: translate(-50%, 0);}
    .m-menu-box .depth03>li>a {font-size: 16px;    font-weight: 500;display: block;color:#999999;}
    .m-menu-box .depth03>li:hover>a,.m-menu-box .depth03>li:hover>a{color:#008445;}
    .m-menu-box .button-box{display: flex;column-gap: 10px;padding:0 20px;margin-top: 20px;}
    .m-menu-box .button-box > a{height: 40px;border:1px solid #000000;border-radius: 50px;display: flex;justify-content: center;align-items: center;font-size: 16px;color:#ffffff;letter-spacing: -0.025em;font-weight: 500;background-color: #633590;padding:0 30px;}
    .m-menu-box .button-box > a.black-color{background-color: #000000;color:#ffffff;}
    .m-menu-box .link-box{display: flex;flex-direction:column;padding:0 20px;row-gap: 20px;margin-top: 30px;}
    .m-menu-box .link-box a{font-size: 16px;color:#000000;font-weight: 500;display: inline-flex;align-items: center;padding:0 12px;}
    .m-menu-box .link-box a:nth-of-type(1)::before{content:'';background-image: url("/css/images/icons/icon-menu-001.png");display: inline-block;width: 36px;height: 32px;margin-right: 11px;}
    .m-menu-box .link-box a:nth-of-type(2)::before{content:'';background-image: url("/css/images/icons/icon-menu-002.png");display: inline-block;width: 36px;height: 23px;margin-right: 11px;}
    .m-menu-box .link-box a:nth-of-type(3)::before{content:'';background-image: url("/css/images/icons/icon-menu-003.png");display: inline-block;width: 25px;height: 25px;margin-right: 11px;}
    .m-menu-box .menu-footer-box{display: flex;justify-content: space-between;padding:0 30px;margin-top: 50px;}
    .m-menu-box .menu-footer-box .login-button{color:#ffffff;font-size: 13px;border:1px solid #ffffff;border-radius: 5px;padding:3px 5px;}
    .m-menu-box .menu-footer-box .link-list{display: flex;align-items: center;}
    .m-menu-box .menu-footer-box .link-item a{color:#ffffff;font-size: 16px;display: inline-flex;align-items: center; font-weight:700; font-family:'BookkMyungjo','Noto Sans KR','Nanum Gothic','나눔고딕';}
    .m-menu-box .menu-footer-box .link-item:nth-of-type( n + 2)::before{content:'';margin: 0 10px;width: 1px;height: 13px;background-color: #ffffff;display: inline-block;}

    .top-bar .top-bar-btn {align-items: center;}
    .top-bar .top-bar-btn .language-button ul {border-radius: 1em;width: 70px;transform: translateX(-50%);left: 50%;}
    .top-bar .top-bar-btn .language-button .btn-hd {text-indent: -9999px;width: 23px;height: 23px;background-size: contain;}
    .top-bar .top-bar-btn .language-button ul li a {font-size: 15px;height: 2em;    line-height: 2em;}
    .top-bar .top-bar-btn .menu-button{display: flex;}
    .top-bar .top-bar-list {margin-top: 0;}

    body.menuOpen .header{position: fixed;}
    body.menuOpen .header-logo a img.logo-wht {display: block}
    body.menuOpen .header-logo a img.logo-drk {display: none}
    body.menuOpen .m-menu-box{opacity: 1;pointer-events: auto;}
    body.menuOpen .m-menu-box .menu-list{transform: translateX(0);}
    body.menuOpen .top-bar .top-bar-btn .menu-button .bar-group .bar {background-color: #ffffff;}
    body.menuOpen .top-bar .top-bar-btn .menu-button .bar-group .bar:nth-of-type(2){transform: translateX(200%);}
    body.menuOpen .top-bar .top-bar-btn .menu-button .bar-group .bar:nth-of-type(1){transform: rotate(45deg);width: 33px;}
    body.menuOpen .top-bar .top-bar-btn .menu-button .bar-group .bar:nth-of-type(3){transform: rotate(-45deg);width: 33px;}
    body.menuOpen .top-bar .top-bar-list .top-bar-btn .search-button {background-image: url(/css/images/icons/icon-search_w.png);}
    body.menuOpen .top-bar .top-bar-list .top-bar-btn .search-button.open{background-image: url("/css/images/icons/icon-search-close.png");}
    
    
    /*모바일 투터*/
    .footer {padding: 0 0 60px 0;}
    
    .footer .footer-top .footer-link-list .footer-link-item:nth-of-type(n +2):before {margin: 0 10px;}
    .footer .footer-top .footer-link-list .footer-link-item:nth-of-type( n +2):before{content: '';width: 1px;height: 10px;background-color: #b8b8b8;margin: 0 12px;display: inline-block;}
    .footer .footer-top .footer-link-list .footer-link-item a {font-size: 16px;}

    .footer .footer-top .footer-sns-list {display: flex;column-gap: 1rem;position: absolute;bottom:8rem;left: 0;width: 100%;justify-content: center;}
    .footer .footer-top .footer-sns-list .footer-sns-item a {width: 10rem;height: 10rem;}

    .footer .footer-top .footer-sns-list .footer-sns-item.facebook a:before{width: 8px; height: 16px;}
    .footer .footer-top .footer-sns-list .footer-sns-item.twitter a:before{width: 20px; height: 19px;}
    .footer .footer-top .footer-sns-list .footer-sns-item.instagram a:before{width: 4.2rem;height: 4.2rem;}
    .footer .footer-top .footer-sns-list .footer-sns-item.youtube a:before{width: 4.8rem;height: 3.6rem;}
    .footer .footer-top .footer-sns-list .footer-sns-item.blog a:before{width: 4.8rem;height: 4.6rem;}

    .footer .footer-bottom {display: flex;justify-content: space-between; padding-top: 20px;}
    .footer .footer-bottom {flex-direction: column;}
    
    .footer .footer-bottom .img-responsive {max-width:185px; height:20px;}
    .footer .footer-info-content .footer-info-box{display: none;}
    .footer .footer-bottom .right-box .design-sign{margin:30px auto 20px auto;}
    .footer .footer-info-content .design-sign {margin-top:2rem;}
    .design-sign {display:block; max-width:162px; height:10px;}
    
    .footer .footer-bottom .right-box .design-sign2 {margin:20px auto 20px auto;}
    .footer .footer-info-content .design-sign2 {margin-top:2rem;}
    .design-sign2 {display:none; max-width:162px; height:10px;}
    
    .footer .right-box .footer_banner_box {width:100%; margin-top:20px; padding-left:0px; margin-bottom:10px; text-align:center;}
    .footer .right-box .footer_main_banner {width:210px; padding-left:0px;}
    .footer .right-box .footer_main_banner img {width:100%; max-width:140px;}
    
    /*관련사이트-테라웹-20240723*/
    .footer .family-site {width:100%; margin-top:30px; padding:0 40px; }
    .family-site dt {z-index:2 !important;}
    .footer .family-site dt a {padding:0.8rem 1.2rem; font-weight: 300; font-size:1.2rem;}
    .footer .family-site dt i {padding-top: 0.6rem;}
    .family-site dd {position:absolute; bottom:99%; width:100%; padding:0 5.14rem 0 0; z-index:2;overflow:hidden;}
    .footer .family-site ul li a {font-size:0.8rem; padding:0.64rem; letter-spacing:-0.05em; }
    
    .footer .footer-info-content {margin-top:10px;}
    .footer .footer-info-content address {margin-bottom:10px;text-align: center; line-height:1.3;}
    .footer .footer-info-content address span{font-size:12px; letter-spacing:normal; margin-right:6px;white-space: nowrap;}
    .footer .footer-info-content .copyright-box{font-size:15px; color:rgba(0,0,0,0.7); line-height:1;}
    
    .footer_direct_btn_area { vertical-align:top; text-align:center; }
    /*모바일 투터*/

    /*서브 페이지 헤더*/
    
    .page-title-caption {bottom: calc((100% - 5.0rem) /2);transform: translateY(50%);}
    .page-title-image {height:300px;}
    .page-title-caption h2 {margin-bottom:14px; font-size:28px;}
    .page-title-caption .breadcrumb li {font-size:13px;}
    
    
    
    /*페이징 커스텀*/
    .pg_wrap {margin-top:30px;}
    .pg_page {margin:2px;}
    .pg_page, .pg_current { height:26px; min-width:26px; font-size:13px;}
    
    .pg_page {color:#888888;font-size:13px;;text-decoration:none}
    .pg_start {text-indent:-999px;overflow:hidden;background:url('./images/icons/icon-page-start.png') no-repeat 50% 50% ;background-size:50px 50px;padding:0;}
    .pg_prev {text-indent:-999px;overflow:hidden;background:url('./images/icons/icon-page-prev.png') no-repeat 50% 50% ;background-size:50px 50px;padding:0;}
    .pg_end {text-indent:-999px;overflow:hidden;background:url('./images/icons/icon-page-end.png') no-repeat 50% 50% ;background-size:50px 50px;padding:0;}
    .pg_next {text-indent:-999px;overflow:hidden;background:url('./images/icons/icon-page-next.png') no-repeat 50% 50% ;background-size:50px 50px;padding:0;}
    .pg_current::after{bottom:0;left:50%;transform: translateX(-50%);}
    a.pg_page:is(.pg_prev,.pg_start,.pg_next,.pg_end):after {bottom:2px;}
    a.pg_page:hover {box-shadow:0 0 0}
    
    .board_bottom_gab {padding-bottom:0px; height:2px;}
    
    .section-5 .container {padding:0 30px;}
    .section-5 .sns-box .title-box{text-align: center; margin-top:60px; font-size: 36px;}
    .section-5 .flow-banner .button.flow-prev{left: 15px;}
    .section-5 .flow-banner .button.flow-next{right: 15px;}
    .section-5 .flow-banner .brand-list .list-item{padding:10px 15px;}
    .section-5 .flow-banner .brand-list .list-item img{max-width: 100%;height: auto;}

    
    .wrap .content-box > .title-box h2 {font-size:1.4rem;}
    .wrap .terra-content-box > .terra-title-box h2 {font-size: 24px;}
    .board_gab { padding:0px 0px 24px 0px !important; }


    /*퀵메뉴 모바일*/
    .quick-menu{width:100%;position: fixed;top: auto !important;right: auto;z-index: 2;transform: translateX(0);bottom:0;left: 0;display: block;}
    .quick-menu{display:none;} /*미사용시*/
    .quick-menu .quick-content{display: flex;width:100%;flex-direction: row;align-items: center;row-gap: 0;background-color: #d70c19;box-shadow: none;border-radius: 0;padding:0;}
    .quick-menu .quick-item{width: 25%;height: 90px;position: relative;padding:15px 0;}
    .quick-menu .quick-item:nth-of-type(n + 2)::before{content:'';display: block;position: absolute;width: 1px;height: calc(100% - 40px);left: 0;top:50%;background-color: rgba(255,255,255,0.2);transform: translateY(-50%);}
    .quick-menu .quick-item > a {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
    .quick-menu .quick-item.mobile-item{display: flex;}
    .quick-menu .quick-item .icon-box{background-size: cover;background-repeat: no-repeat;background-position: center;}
    .quick-menu .quick-item:nth-of-type(1) .icon-box{background-image: url("/image/common/icon-m-quick001.png");background-size: 34px auto;height: 60px;width: 100%;}
    .quick-menu .quick-item:nth-of-type(2) .icon-box{background-image: url("/image/common/icon-m-quick002.png");background-size: 47px auto;height: 60px;width: 100%;}
    .quick-menu .quick-item:nth-of-type(3) .icon-box{background-image: url("/image/common/icon-m-quick003.png");background-size: 37px auto;height: 60px;width: 100%;}
    .quick-menu .quick-item:nth-of-type(4) .icon-box{background-image: url("/image/common/icon-m-quick004.png");background-size: 41px auto;height: 60px;width: 100%;}
    .quick-menu .quick-item h2{font-weight: 600;font-size: 14px; color:#ffffff; margin-top:7px;}
    .quick-menu .quick-top {display: none;}
    /*퀵메뉴 모바일*/


}
@media (max-width: 375px) {
    .flexBox.auto_360 .flexItem:nth-of-type(2) {width: calc(100% + 40px);transform: translateX(-20px);}
    .footer .footer-top .footer-link-list .footer-link-item a {font-size: 13px;}

}

.header.sub-header .top-bar .top-bar-list li img.icon-drk {opacity:1;}
.header.sub-header .top-bar .top-bar-list li img.icon-wht {opacity:0;}