@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;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.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.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.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}

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

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

/*::-moz-selection {
	background: #d74f2e;
	color: #fff;
}

*::selection {
	background: #d74f2e;
	color: #fff;
}*/

.header :is(a,button):focus-visible {outline:2px dashed #000000;}
.focus-style2:focus-visible{outline: dashed 2px #2189ff !important;transition-duration: unset;}

.container {max-width: 1500px;padding:0 30px;}
.m-only{display: none;}
.m-menu-box{display: none;}
.header-logo {margin: 10px 0;}
.header-logo a img.logo-mobile{display: none;}
.top-bar .top-bar-btn {display: flex;}
.top-bar .top-bar-btn .button {display: flex;align-items: center;justify-content: center;width:120px;height:50px;line-height: 50px;font-family: var(--basic-font);font-size:1rem;color:var(--white-color);font-weight: 500;border:1px solid var(--white-color);border-radius: 50px;}
.top-bar .top-bar-btn .button:hover{color: #000000;background: #ffd12b;border: #ffd12b;}
.top-bar .top-bar-btn .button_yellow {display: flex;align-items: center;justify-content: center;width:120px;height:50px;line-height: 50px;font-family: var(--basic-font);font-size:1rem;color:#000000;font-weight: 500;background: #ffd12b;border: #ffd12b;border-radius: 50px;}
.top-bar .top-bar-btn .button_yellow:hover{color: #ffffff;background: #333333;border: #333333;}

.top-bar .top-bar-btn .language-button {position: relative;height: 3.2rem;display: flex;align-items: center;width: 5.8rem;justify-content: center;margin-left: 10px;}
.top-bar .top-bar-btn .language-button .hide{position: absolute;left: -9999%;font-size: 0;line-height: 0;text-indent: -9999px;}
.top-bar .top-bar-btn .language-button .btn-hd{font-family:'Noto Sans KR', 'Nanum Gothic','나눔고딕', sans-serif; font-size:0.92rem; font-weight:500; color:var(--white-color);border:none;background-color: transparent;background-image: url(./images/icons/icon-language.svg);background-size: 1.285714285714286em 1.285714285714286em;background-position: left center;background-repeat: no-repeat;padding-left: 2em;transition-duration: 0.3s;transition-timing-function:ease-out;}

.top-bar .top-bar-btn .language-button ul {opacity: 0;pointer-events: none;position: absolute;left: 0;top: 100%;width: 100%;background: var(--white-color);box-shadow: 0px 3px 16px 2px rgba(0,0,0,0.1);-webkit-transition: opacity 0.3s ease;transition: opacity 0.3s ease;border-radius: 0.4em;    z-index: 1;}
.top-bar .top-bar-btn .language-button ul li {margin-left: 0;}
.top-bar .top-bar-btn .language-button ul li a {display: none;font-size: 0.8125rem;text-align: center;width: 100%;transition-property: background-color,color;}
.top-bar .top-bar-btn .language-button ul li:not(.active) a:hover{background-color: var(--primary-color-light);color:var(--white-color);}
.top-bar .top-bar-btn .language-button ul li.active a{color:#d74f2e}
.top-bar .top-bar-btn .language-button.open ul{opacity: 1;pointer-events: auto;overflow: hidden;}
.top-bar .top-bar-btn .language-button.open ul li a{display: block;}

.top-bar .top-bar-btn .sitemap-button {margin-left:0px;}
.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(--white-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){width: 20px;}
.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 {width: 50px;height: 50px;background-color: transparent;border:0;display: none;justify-content: center;align-items: center;}
.top-bar .top-bar-btn .menu-button .bar-group{width: 30px;height: 24px;display: flex;flex-direction:column;justify-content: space-around;align-items: flex-start;}
.top-bar .top-bar-btn .menu-button .bar-group .bar{width: 100%;height: 2px;background-color: var(--white-color);transition-duration: 0.3s;transition-timing-function:ease-out;transition-property: width,background-color;}
.top-bar .top-bar-btn .menu-button:hover .bar-group .bar {background-color: var(--text-color);}


.header.header-bg .top-bar .top-bar-btn .language-button .btn-hd,
.header.header-over .top-bar .top-bar-btn .language-button .btn-hd{color: var(--text-color);background-image: url(./images/icons/icon-language_hover.svg);}
.header.header-bg .top-bar .top-bar-btn .button,
.header.header-over .top-bar .top-bar-btn .button {color: var(--text-color);border: 1px solid var(--text-color);}
.header.header-bg .top-bar .top-bar-btn .sitemap-button .bar-group .bar,
.header.header-over .top-bar .top-bar-btn .sitemap-button .bar-group .bar{background-color: var(--text-color);}
.header.header-bg .top-bar .top-bar-btn .button:hover,
.header.header-over .top-bar .top-bar-btn .button:hover{background-color: var(--text-color);color:var(--white-color);border-color: var(--text-color) }
.header.header-bg .top-bar .top-bar-btn .sitemap-button:hover .bar-group .bar,
.header.header-over .top-bar .top-bar-btn .sitemap-button:hover .bar-group .bar{background-color: #d74f2e;}
.header.header-bg .top-bar .top-bar-btn .language-button .btn-hd:hover,
.header.header-over .top-bar .top-bar-btn .language-button .btn-hd:hover{color: #d74f2e;background-image: url(./images/icons/icon-language_fix_hover.svg);}
.header.header-bg .top-bar .top-bar-btn .menu-button .bar-group .bar,
.header.header-over .top-bar .top-bar-btn .menu-button .bar-group .bar{background-color: var(--text-color);}


/*사이트 맵 스타일*/
.site-map-box {
    --box-header:100px;
    --box-top-padding:24px;
    --box-left-padding:340px;
    --site-name-width:185px;
    --sub-menu-width:145px;
    --item-padding:55px;
    --max-width:1320px;
    --menu-max-width:1135px;
}
html{height: 100%;overflow: auto;}
.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{transform:translateY(-100%);width: 100%;height: 100%;padding-top: calc(var(--box-header) + var(--box-top-padding));padding-bottom: 30px;background-color: #fefcf7;overflow-y: hidden;overflow-x: hidden;}
.site-map-box .header {display: flex;justify-content: space-between;position: absolute;top:0;left: 0;z-index: 1000;opacity: 0;}
.site-map-box .header .top-bar .top-bar-btn .language-button .btn-hd {color: #000000;background-image: url(./images/icons/icon-language_hover.svg);}
.site-map-box .header{background-color: #fefcf7;}
.site-map-box .header .header-inner{width: 100%;}
.site-map-box .header .top-bar .top-bar-btn .sitemap-button .bar-group .bar {background-color: var(--text-color);}
.site-map-box .header .top-bar .top-bar-btn .button {color: var(--text-color);border: 1px solid var(--text-color);}
.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: 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(--max-width);margin: 0 auto;}
.site-map-box nav .depth1{display: flex;flex-direction: column;margin-left:auto;padding:40px 0 40px var(--item-padding);max-width: var(--menu-max-width);;}
.site-map-box nav .depth1 .item-box{display: flex}
.site-map-box nav .depth1 > .item-box{padding:40px 0;border-bottom: 1px solid #dadada;}
.site-map-box nav .depth1 > .item-box > a{width: var(--site-name-width);font-family: Pretendard, serif ;font-weight: 700;font-size: 22px;line-height: 1.25;height: 1.25em;flex: none;}
.site-map-box nav .depth2 {display: flex;    flex-wrap: wrap;column-gap: 40px;}
.site-map-box nav .depth2 > .item-box{display: inline}
.site-map-box nav .depth1 > .item-box:first-of-type .depth2{flex-direction: column;row-gap: 15px;}
.site-map-box nav .depth1 > .item-box:first-of-type .depth2 > .item-box{display: flex;}
.site-map-box nav .depth2 > .item-box > a{width: var(--sub-menu-width);font-family: Pretendard, serif ;font-weight: 600;font-size: 17px;letter-spacing: -0.025em;line-height: 1.76;height: 1.76em;}
.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: 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-link.svg");display: inline-block;width: 11px;height: 11px;margin-left: 7px;}
.site-map-box .link-box{display: flex;justify-content: flex-start;max-width: var(--menu-max-width);margin-left:auto;padding-left: var(--item-padding);column-gap: 40px;}
.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: 24px;height: 24px;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: 24px;height: 27px;margin-right: 11px;}
.site-map-box .site-map-footer{display: flex;justify-content: flex-end;column-gap: 34px;margin-top: 80px;}
.site-map-box .site-map-footer a{font-size: 16px;color:#999999;font-weight: 600;letter-spacing: -0.025em;}


@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 20px;}
    .site-map-box .link-box {padding: 0 20px;}

}

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

body.site-block .wrapper .content-item{display: none;}
body.sitemap-open{height: 100%;overflow: scroll;}
body.sitemap-open .site-map-box {pointer-events: auto;}
body.sitemap-open .site-map-box .site-map-content{transform:translateY(0%);transition-timing-function: cubic-bezier(0.79, 0.04, 0.54, 0.88);overflow-y: auto;transition-duration: 0.8s;transition-property: transform;}
body.sitemap-open .site-map-box .header{opacity: 1;transition-duration: 0.6s;transition-property: opacity;transition-delay: 0.3s;}
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;}
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: 1.2s;}
body.sitemap-open .site-map-box nav .depth1 > .item-box:nth-of-type(2) {transition-delay: 1.4s;}
body.sitemap-open .site-map-box nav .depth1 > .item-box:nth-of-type(3) {transition-delay: 1.6s;}
body.sitemap-open .site-map-box nav .depth1 > .item-box:nth-of-type(4) {transition-delay: 1.8s;}
body.sitemap-open .site-map-box nav .depth1 > .item-box:nth-of-type(5) {transition-delay: 2s;}
body.sitemap-open .site-map-box nav .depth1 > .item-box:nth-of-type(6) {transition-delay: 2.2s;}
body.sitemap-open .site-map-box nav .depth1 > .item-box:nth-of-type(7) {transition-delay: 2.4s;}
body.sitemap-open .site-map-box nav .depth1 > .item-box:nth-of-type(8) {transition-delay: 2.6s;}
body.sitemap-open .site-map-box :is(.link-box,.site-map-footer){transform:translateY(0%);opacity: 1;transition-duration: 0.6s;transition-property: transform,opacity;transition-delay: 2.6s;}

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

/*vr */

.vr-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: 1000;opacity: 0;pointer-events: none;}
.vr-layer .layer-content .close-button{position: absolute;top: -20px;right: -10px;display: block;background-image: url("/image/VR/vr-close-button.png");width: 60px;height: 60px;background-size: cover;border: 0;background-color: transparent;transform: translateY(-100%);font-size: 0;text-indent: -9999px;transition-duration: 0.3s;transition-property: background-image;}
.vr-layer .layer-content .close-button:hover{background-image: url("/image/VR/vr-close-button-over.png");}
.vr-layer .layer-content{position: relative;max-width: 1320px; width: calc(100% - 60px);max-height: 700px;height: calc(100% - 160px);background-color: #ffffff;display: flex;border: 10px solid #ffffff;}
.vr-layer .vr-content{width: 100%;height: 100%;}

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

/*두루보기 스타일*/
.preview-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;}
.preview-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;}
.preview-layer .layer-content{position: relative;max-width: 1248px;width: 100%;height: 800px;background-color: #ffffff;padding:70px;display: flex;justify-content: space-between;}
.preview-layer .layer-content .img-list{width: 600px;height: 630px;overflow: hidden;position: relative;}
.preview-layer .layer-content .img-list .item-box{width: 600px;height: 630px;}
.preview-layer .layer-content  .text-box{width: calc((100% - 660px));border-top:1px solid #262524;padding:50px 0 ;}
.preview-layer .layer-content  .text-box h2 {font-size: 30px;line-height: 1;font-weight: 700;color:#221e1f;}
.preview-layer .layer-content  .text-box p {font-size: 16px;line-height: 1.625;letter-spacing: -0.05em;color:#666666;margin-top: 30px;}
.preview-layer .layer-content  .text-box .button-box {margin-top: 70px;display: flex;column-gap: 10px;}
.preview-layer .layer-content  .text-box .button-box .button {width: 150px;height: 50px;border:2px solid #000000;background-color: #000000;display: flex;justify-content: flex-start;align-items: center;padding:0 28px;font-size: 16px;letter-spacing: -0.025em;line-height: 1;color:#ffffff;border-radius: 5px;position: relative;}
.preview-layer .layer-content  .text-box .button-box .button::after{content:'';display: block;background-image: url("/image/preview/icon-button-arrow.png");width: 6px;height: 9px;position: absolute;right: 28px;top:50%;transform: translate(0,-50%);transition: 0.3s transform;}
.preview-layer .layer-content  .text-box .button-box .button.vr-button{background-color: #ffffff;color:#000000;}
.preview-layer .layer-content  .text-box .button-box .button.vr-button::after{background-image: url("/image/preview/icon-button-arrow-b.png");}
.preview-layer .layer-content  .text-box .button-box .button:hover::after{transform: translate(10px,-50%)}
/*.preview-layer .preview-button-prev, .preview-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%); background-color: rgba(255, 255, 255, 0.2); border-radius: 50%;transition-duration: 0.3s;}*/
.preview-layer .preview-button-prev, .preview-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%); background-color: #000000; /*background-color: rgba(255, 255, 255, 0.3);*/ border-radius: 50%;transition-duration: 0.3s;}
.preview-layer .preview-button-prev:not(.swiper-button-disabled):hover, .preview-layer .preview-button-next:not(.swiper-button-disabled):hover{background-color:rgba(0, 0, 0, 0.9);}

.preview-layer .swiper-button-disabled{opacity: 0.3;}
.preview-layer .preview-button-next::after {content: '';background-image: url("/image/preview/icon-next.png");width: 10px;height: 17px;}
.preview-layer .preview-button-prev::after {content: '';background-image: url("/image/preview/icon-prev.png");width: 10px;height: 17px;}
.preview-layer .preview-button-prev{left: 10px;right: auto;}
.preview-layer .swiper-pagination{font-size:12px; font-weight:500;color: #000000;left: 0;bottom: 0;text-align: left;}

@media (max-width: 992px) {

    .preview-layer .layer-content {background-color: #ffffff;width: calc(100% - 10rem);height: auto;padding: 5rem;flex-direction: column;}
    .preview-layer .layer-content .img-list {width: 100%;height: auto;aspect-ratio: 34 / 35;}
    .preview-layer .layer-content .img-list .item-box{width: 100%;height: 100%;overflow: hidden;}
    .preview-layer .layer-content .img-list .item-box > img{width: 100%;height: 100%;display: block;object-fit: cover;}
    .preview-layer .layer-content .text-box {width: 100%;border-top: 1px solid #262524;padding: 5rem 0;}
    .preview-layer .layer-content .text-box h2 {font-size: 4rem;}
    .preview-layer .layer-content .text-box p {font-size:2.6rem;margin-top: 4rem;}
    .preview-layer .layer-content .text-box .button-box {margin-top: 6rem;display: flex;column-gap: 1rem;}
    .preview-layer .layer-content .text-box .button-box .button {width: 23rem;height: 6.5rem;padding: 0 3rem;font-size: 2.6rem;}
    .preview-layer .layer-content .text-box .button-box .button::after {background-size: cover;width: 1.2rem;height: 1.8rem;right: 3rem;}
    .preview-layer .preview-button-prev, .preview-layer .preview-button-next {width: 4rem;height: 4rem;right: 2rem;}
    .preview-layer .preview-button-next::after {background-size: cover;width: 2rem;height: 3.4rem;}
    .preview-layer .preview-button-prev::after {background-size: cover;width: 2rem;height: 3.4rem;}
    .preview-layer .layer-content .close-button {top: auto;bottom: -2rem;right: 50%;background-size: cover;width: 7rem;height: 7rem;transform: translate(50%,100% );}
}

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;}

.section2{padding-top: 60px;}
.section2 .container{display: flex;justify-content: space-between;}
.section2 .container .left-box{width: calc(100% - 544px);overflow: hidden}
.section2 .container .right-box{width: 520px;}

.section2 .banner-box{width:100%;height: 180px;background-repeat: no-repeat;background-position: right center;background-image: url("/image/main/img1.png?1");    background-size: auto 168px;padding:20px;}
.section2 .banner-box > a{display: block;width: 100%;height: 100%;}
.section2 .banner-box > a::after{content:'';background-image: url("/image/main/banner_arrow@2x.png");width:59px;height: 9px;display: block;background-size: 200%;background-position: 100%;transition-duration: 0.35s;transition-timing-function: ease;transition-property: background-position;margin-top: 15px;}
.section2 .banner-box h2{font-size: 28px;font-weight: 500;letter-spacing: 0.05em;color:#000000;position: relative;display: inline-block;}
.section2 .banner-box h2::after{content:'';width: 8px;height: 8px;display: block;background-color: #d74f2e;border-radius: 100%;position: absolute;right: 0;top:0;transform: translate(100%,-100%);animation: record 0.6s infinite alternate;}
.section2 .banner-box h2 em{color:#d74f2e;font-weight: 400;font-style: normal;}
.section2 .banner-box p{font-size: 15px;letter-spacing: -0.05em;color:#999999;margin-top: 10px;}
.section2 .banner-box span.link-box{display: block;margin-top: 30px;}
.section2 .banner-box span.link-box::after{content:'';background-image: url("/image/main/icon-link.svg");display: inline-block;width: 11px;height: 11px;margin-left: 9px;}
.section2 .banner-box:hover > a::after{background-position: 0;}

.section3{padding-top: 60px;}
.section3 .container{display: flex;justify-content: space-between;}
.section3 .container .left-box{width: calc(100% - 544px);overflow: hidden}
.section3 .container .right-box{width: 520px;display: flex;flex-direction: column;justify-content: space-between}
.section3 .sponsor-banner{width: 100%;height:230px;background-color: #ffd12b;border-radius: 15px;}
.section3 .sponsor-banner a{width: 100%;height: 100%;display: block;padding:40px;position: relative}
.section3 .sponsor-banner a h2{font-size: 18px;color:#000000;letter-spacing: -0.05em;font-weight: 700;display: flex;align-items: center;}
.section3 .sponsor-banner a h2:after{content:'';background-image: url("/image/main/icon-spon-arrow.svg");background-size: 100%;width: 9px;height: 11px;display: inline-block;margin-left: 12px;opacity: 0;transition:.3s;}
.section3 .sponsor-banner a p{font-size: 16px;color:#000000;letter-spacing: -0.025em;font-weight: 300;margin-top: 19px;}
.section3 .sponsor-banner a .big-text {position: absolute;bottom:40px;right: 40px;}
.section3 .sponsor-banner a .big-text span{font-size: 36px;color:#000000;font-weight: 500;display: inline-flex;flex-direction: column;align-items: flex-end;}
.section3 .sponsor-banner a .big-text span::after {content: "";width: 0;height: 2px;background-color: #000000;position: absolute;left: 0;bottom: 0;transition: all 0.3s;}
.section3 .sponsor-banner a .big-text span::before{content:'';background-image: url("/image/main/icon-sponsor@2x.png");background-size: 100%;width: 70px;height: 75px;display: block;}
.section3 .sponsor-banner a:hover h2:after{opacity: 1;}
.section3 .sponsor-banner a:hover .big-text span::after {width: 100%;}

.section4{margin-top: 90px;background-image: url("/image/main/section4-bg.png");}

.section5{padding:110px 0 160px;}
.section5 .container{max-width: 1800px}
.section5 .header-box{text-align: center;width: 100%;position: relative;}
.section5 .header-box .title-box{font-size: 42px;font-weight: 500;letter-spacing: -0.025em;color:#221e1f;position: relative;display: inline-block;padding-top: 20px;}
.section5 .header-box .title-box:before{content:'';display:block;width: 65px;height: 2px;background-color: #000000;left: 50%;top: 0;transform: translate(-50%,0);position: absolute;}
.section5 .header-box .vr-button{display: flex;justify-content: center;align-items: center;width: 150px;height: 50px;font-size: 18px;font-weight: 500;letter-spacing: -0.05em;color:#221e1f;border:1px solid #221e1f;border-radius: 50px;position: absolute;right: 0;bottom:0;transition-duration: 0.3s;transition-property: color,background-color;}
.section5 .header-box .vr-button:hover{color:#ffffff;background-color:#221e1f;}
.section5 .list-box{display: flex;justify-content: space-between;margin-top: 40px;}
.section5 .list-box .list-item{background-size: cover;width: calc((100% - 60px) /3);height: 340px;position: relative;;display: flex;align-items: flex-end;justify-content: center;padding-bottom: 77px;}
.section5 .list-box .list-item::before{content:'';display: block;width: 100%;height: 100%;background-color: #000000;position: absolute;top:0;left: 0;z-index: 1;opacity: 0;transition-duration: 0.6s;transition-property: opacity;}
.section5 .list-box .list-item .bg-box{position: absolute;width: 100%;height: 100%;top:0;left: 0;overflow: hidden;}
.section5 .list-box .list-item .bg-box > img{width: 100%;height: 100%;object-fit: cover;transition-duration: 0.6s;transition-property:transform;}
.section5 .list-box .list-item .text-box{position: relative;z-index: 2;}
.section5 .list-box .list-item .text-box h2{font-size: 32px;font-weight: 500;color:#ffffff;letter-spacing: -0.05em;transition-duration: 0.6s;transition-property: color;}
.section5 .list-box .list-item .text-box .more-button{width: 110px;height: 36px;display: flex;justify-content: center;align-items: center;font-size: 14px;color:#ffffff;border: 1px solid #ffffff;margin: 30px auto 0;}
.section5 .list-box .list-item:hover .text-box h2{color:#d74f2e;}
.section5 .list-box .list-item:hover .bg-box > img{transform: scale(1.1);}
.section5 .list-box .list-item:hover::before{opacity: 0.4;}

.section6{background-color: #f6f8fe;padding:150px 0;}
.section6 .container{display: flex;justify-content: space-between;}
.section6 .container .left-box{display: flex;width: 650px;justify-content: space-between;}
.section6 .container .left-box .slide-box{width: 280px;}
.section6 .container .right-box{width: 710px;}

.section7{padding:120px 0 90px 0; background-image: url("/image/main/section7-bg.jpg");background-position: center;}
/*.section7 .title-box::before{content:'';background-image: url("/image/main/logo@2x.png");background-size: cover;width: 63px;height: 82px;display: block;margin: 0 auto 10px;}*/
.section7 .title-box::before{content:'';background-image: url("/image/main/logo@2x.png");background-size: cover;width: 63px;height: 82px;display:none; margin: 0 auto 10px;}
.section7 .title-box h2{font-size: 44px;color:#221e1f;letter-spacing: -0.025em;text-align: center;font-weight: 400;}
.section7 .title-box p{font-size: 14px;color:#c1c1c1;text-align: center;margin-top: 13px;}
.section7 .list-box{display: flex;justify-content: space-between;margin-top: 40px;}
.section7 .list-box .list-item{background-size: cover;width: calc((100% - 80px) / 3);position: relative; box-shadow: 3px 4px 10px 0px rgba(0,0,0,0.06); border-radius:20px;}
.section7 .list-box .list-item .img-box{width: 100%;height: 240px;top:0;left: 0;overflow: hidden;position: relative; border-radius:20px 20px 0 0;}
.section7 .list-box .list-item.video .img-box::after{content:'';width: 80px;height:80px;display: block;background-color: rgba(255,255,255,.8);background-image: url("/image/main/icon-play.png");background-size: 200% 80px;background-repeat: no-repeat;background-position: 100%;border-radius: 100%;position: absolute;z-index: 2;left: 50%;top:50%;transform: translate(-50%, -50%);transition-duration: 0.3s;transition-property: background-color;}
.section7 .list-box .list-item .img-box::before{content:'';display: block;width: 100%;height: 100%;background-color: #ffffff;position: absolute;top:0;left: 0;z-index: 1;opacity: 0;transition-duration: 0.6s;transition-property: opacity;}
.section7 .list-box .list-item .img-box > img{width: 100%;height: 100%;object-fit: cover;transition-duration: 0.6s;transition-property: transform;}
.section7 .list-box .list-item .text-box{position: relative;z-index: 1;height: 130px;background-color:#ffffff; display: flex;flex-direction: column;align-items: center;justify-content: center; border-radius:0 0 20px 20px;}
.section7 .list-box .list-item .text-box h3{font-size: 24px;color:#000000;font-weight: 700;transition-duration: 0.6s;transition-property: color;}
.section7 .list-box .list-item .text-box p{font-size: 13px;color:#999999;font-weight: 400;letter-spacing: -0.075em;margin-top: 12px;}
.section7 .button-box{ display: flex;justify-content: center;margin-top: 60px;}
.section7 .button-box .button{width: 160px;height: 50px;display: flex;justify-content: center;align-items: center;border:1px solid #999999; border-radius: 50px;}
.section7 .button-box .button > span{font-size: 16px; color:#878787; letter-spacing: -0.025em;}
.section7 .button-box .button > span::after{content:'';background-image: url("/image/main/icon-link-w.png");background-size: cover;width: 15px;height: 15px;display: inline-block;margin-left: 10px;transform: translateY(2px);}
.section7 .button-box .button:hover{background-color: #000000; border:1px solid #000000;}
.section7 .button-box .button:hover > span{color:#ffffff;}
.section7 .list-box .list-item:hover .text-box h3{color:#000000;}
.section7 .list-box .list-item:hover .img-box > img{transform: scale(1.1);}
.section7 .list-box .list-item:hover .img-box::before{opacity: 0.6;}
.section7 .list-box .list-item.video:hover .img-box::after{background-position: 0%;background-color: #000000;}

.section8 {padding:110px 0 70px;}
.section8 .container .top-box{display: flex;column-gap: 30px;}
.section8  .letter-box{width: 280px;height: 430px;}
.section8  .letter-box .title-box{height: 30px;display: flex;align-items: center;}
.section8  .letter-box .title-box h2{font-size: 24px;font-weight: 700;color:#000000;display: flex;align-items: center}
.section8  .letter-box .title-box h2::after{content:'';background-image: url("/image/main/icon-title-arrow@2x.png");background-size: cover;background-repeat: no-repeat;width: 7px;height: 11px;margin-left: 11px;}
.section8  .letter-box .con{margin-top: 20px;display: block}
.section8  .letter-box .img-box{width: 100%;height: 360px;overflow: hidden;border:1px solid #221e1f;position: relative;}
.section8  .letter-box .img-box > img{width: 100%;height: 100%;display: block;object-fit: cover;object-position: top;transition-duration: 0.6s;transition-property:transform ;}
.section8  .letter-box .text-box{width: 100%;height:70px;background-color: #221e1f;padding:25px 20px ;}
.section8  .letter-box .text-box h2{font-size: 16px;color:#ffffff;letter-spacing: -0.05em;font-weight: 500;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.section8  .letter-box .text-box .info-box{font-size: 14px;color:#878787;letter-spacing: -0.025em;font-weight: 400;margin-top: 10px;}
.section8  .letter-box:hover .img-box > img{transform: scale(1.1);}
.section8  .letter-box.youtube{width: 360px;}
.section8  .letter-box.youtube .title-box h2{font-size: 18px;letter-spacing: -0.05em;}
.section8  .letter-box.youtube .title-box h2::before{content:'';background-image: url("/image/main/sns-youtube@2x.png");background-size: cover;background-repeat: no-repeat;width: 26px;height: 19px;margin-right: 6px;}
.section8  .letter-box.youtube .title-box h2::after{content:none;}
.section8  .letter-box.youtube .img-box{height: 250px;}
.section8  .letter-box.youtube .img-box::after{content:'';width: 47px;height:47px;display: block;background-color: rgba(255,255,255,.8);background-image: url("/image/main/icon-play.png");background-size: 200% 47px;background-repeat: no-repeat;background-position: 100%;border-radius: 100%;position: absolute;z-index: 2;right: 10px;top:10px;transition-duration: 0.3s;transition-property: background-color;}
.section8  .letter-box.youtube .text-box{height: 180px;padding:30px;}
.section8  .letter-box.youtube .text-box p{color:rgba(254,255,255,0.4);font-size: 14px;letter-spacing: -0.05em;line-height: 1.714em;margin-top: 20px;}
.section8  .letter-box.youtube .con:hover .img-box::after{background-position: 0%;background-color: #d74f2e;}


.section8 .sns-box{width: 430px;}
.section8 .sns-box .title-box{height: 30px;display: flex;align-items: center;}
.section8 .sns-box .title-box .tab-box{display: flex;column-gap: 40px;}
.section8 .sns-box .title-box .tab-box .tab-item{font-size: 15px;color:#a1a8af;letter-spacing: -0.05em;font-weight: 500;border:0;background-color: transparent;display: flex;;align-items: center;position: relative;}
.section8 .sns-box .title-box .tab-box .tab-item::before{content:'';display: inline-block;}
.section8 .sns-box .title-box .tab-box .tab-item:after{content:'';display: block;width:8px;height: 8px;border-radius: 100%;background-color:#d74f2e;position: absolute;left: 0;top:0;opacity: 0;transition-duration: 0.3s;transition-property: top,opacity;}
.section8 .sns-box .title-box .tab-box .tab-item.instagram::before{background-image: url("/image/main/sns-instagram@2x.png");width: 23px;height: 23px;background-size: 200% 23px;background-position-x: 0%;margin-right: 7px;}
.section8 .sns-box .title-box .tab-box .tab-item.instagram::after{left: 8px;}
.section8 .sns-box .title-box .tab-box .tab-item.facebook::before{background-image: url("/image/main/sns-faceback@2x.png");width: 12px;height: 23px;background-size: 200% 23px;background-position-x: 0%;margin-right: 7px;}
.section8 .sns-box .title-box .tab-box .tab-item.facebook::after{left: 2px;}
.section8 .sns-box .title-box .tab-box .tab-item.twitter::before{background-image: url("/image/main/sns-twitter@2x.png");width: 24px;height: 19px;background-size: 200% 19px;background-position-x: 0%;margin-right: 7px;}
.section8 .sns-box .title-box .tab-box .tab-item.twitter::after{left: 8px;}
.section8 .sns-box .content-box{margin-top: 20px;width: 100%;height: 430px;position: relative;}
.section8 .sns-box .content-box .content-item{opacity: 0;position: absolute;left: 0;top:0;pointer-events: none;}
.section8 .sns-box .content-box .list-box{display: flex;flex-wrap: wrap;gap: 5px;}
.section8 .sns-box .content-box .list-box .list-item{width:calc((100% - 10px) /3);}
.section8 .sns-box .content-box .list-box .list-item .img-box{width:100%;aspect-ratio: 1 / 1;overflow: hidden;}
.section8 .sns-box .content-box .list-box .list-item .img-box img{width:100%;height: 100%;object-fit: cover;display: block;}
.section8 .sns-box[data-select="instagram"] .tab-box .tab-item.instagram{color:#000000;}
.section8 .sns-box[data-select="instagram"] .tab-box .tab-item.instagram::before{background-position-x:100%;}
.section8 .sns-box[data-select="instagram"] .tab-box .tab-item.instagram::after{opacity: 1;top:-20px}
.section8 .sns-box[data-select="instagram"] .content-box .content-item.instagram{opacity: 1;pointer-events: auto;transition-duration: 1s;transition-property: opacity;}
.section8 .sns-box[data-select="facebook"] .tab-box .tab-item.facebook{color:#000000;}
.section8 .sns-box[data-select="facebook"] .tab-box .tab-item.facebook::before{background-position-x:100%;}
.section8 .sns-box[data-select="facebook"] .tab-box .tab-item.facebook::after{opacity: 1;top:-20px}
.section8 .sns-box[data-select="facebook"] .content-box .content-item.facebook{opacity: 1;pointer-events: auto;transition-duration: 1s;transition-property: opacity;}
.section8 .sns-box[data-select="twitter"] .tab-box .tab-item.twitter{color:#000000;}
.section8 .sns-box[data-select="twitter"] .tab-box .tab-item.twitter::before{background-position-x:100%;}
.section8 .sns-box[data-select="twitter"] .tab-box .tab-item.twitter::after{opacity: 1;top:-20px}
.section8 .sns-box[data-select="twitter"] .content-box .content-item.twitter{opacity: 1;pointer-events: auto;transition-duration: 1s;transition-property: opacity;}

.section8 .flow-banner {width: 100%;display: flex;overflow: hidden;margin-top: 57px;}
.section8 .flow-banner .brand-list{ display: flex;width: auto;align-items: flex-start;flex-wrap: nowrap;}
.section8 .flow-banner .brand-list .list-item{border:1px solid #dddddd;margin-right: 10px;}
.section8 .flow-banner:hover .flow-motion{animation-play-state: paused;}

.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: 161px;height: 9px;font-size: 0;text-indent: -99999px;background-image: url("/image/common/design-sign.png");background-repeat: no-repeat;background-size: contain;}

.footer {background-color: #000000;}
.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: 14px;letter-spacing: 0.025em;line-height: 1.428;color:#a5a5a5;margin-right: 10px;}
.footer .footer-top{display: flex;justify-content: space-between}
.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: 15px;background-color: #474747;margin: 0 15px;display: inline-block;}
.footer .footer-top .footer-link-list .footer-link-item a{color:#ffffff;font-size: 16px;letter-spacing: -0.05em;}
.footer .footer-top .footer-link-list .footer-link-item a:hover{color:#666666;}
.footer .footer-top .footer-sns-list{display: flex;column-gap: 10px;}
.footer .footer-top .footer-sns-list .footer-sns-item{}
.footer .footer-top .footer-sns-list .footer-sns-item a {width: 44px;height: 44px;background-color: #424242;border-radius: 100%;position: relative;display: flex;justify-content: center;align-items: center;font-size: 0;text-indent: -9999px;}
.footer .footer-top .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-top .footer-sns-list .footer-sns-item.facebook a:before{background-image: url("/image/common/icon-footter-sns-facebook.png");width: 11px;height: 21px;}
.footer .footer-top .footer-sns-list .footer-sns-item.twitter a:before{background-image: url("/image/common/icon-footter-sns-twitter.png");width: 20px;height: 17px;}
.footer .footer-top .footer-sns-list .footer-sns-item.instagram a:before{background-image: url("/image/common/icon-footter-sns-instagram.png");width: 21px;height: 21px;}
.footer .footer-top .footer-sns-list .footer-sns-item.youtube a:before{background-image: url("/image/common/icon-footter-sns-youtube.png");width: 24px;height: 18px;}
.footer .footer-top .footer-sns-list .footer-sns-item.blog a:before{background-image: url("/image/common/icon-footter-sns-bolg.png");width: 24px;height: 23px;}
.footer .footer-top .footer-sns-list .footer-sns-item a:hover{background-color: #ffffff;}
.footer .footer-bottom{display: flex;justify-content: space-between;border-top: 1px solid rgba(165,165,165,.2);padding-top:40px;margin-top: 29px;}
.footer .footer-bottom .left-box{display: flex;}
.footer .footer-bottom .footer-logo {margin-right: 50px;}
.footer .footer-bottom .img-responsive {max-width: 100%;height: 58px;}
.footer .footer-info-content address {margin-bottom: 6px;}
.footer .footer-info-content .copyright-box{font-size: 13px; color:#999999; line-height: 1.428;letter-spacing: -0.05em;}
.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 .ebcontents-family-site{margin-top: 25px;}
.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%;}

/* 하단 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:#666666 !important; border:1px solid #333333; 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:#ffffff; border:1px solid #ffffff; color:#000 !important; text-decoration:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }

.header.sub-header {background-color: var(--white-color);box-shadow:0 0 1px rgba(0,0,0,.3)}
.header.sub-header .header-logo a img.logo-wht {opacity:0;}
.header.sub-header .header-logo a img.logo-drk {opacity:1;}
.header.sub-header .top-bar .top-bar-btn .language-button .btn-hd{color: var(--text-color);background-image: url(./images/icons/icon-language_hover.svg);}
.header.sub-header .top-bar .top-bar-btn .button{color: var(--text-color);border: 1px solid var(--text-color);}
.header.sub-header .top-bar .top-bar-btn .sitemap-button .bar-group .bar{background-color: var(--text-color);}
.header.sub-header .top-bar .top-bar-btn .button:hover{background-color: var(--text-color);color:var(--white-color);border-color: var(--text-color) }
.header.sub-header .top-bar .top-bar-btn .sitemap-button:hover .bar-group .bar{background-color: #d74f2e;}
.header.sub-header .top-bar .top-bar-btn .language-button .btn-hd:hover{color: #d74f2e;background-image: url(./images/icons/icon-language_fix_hover.svg);}
.header.sub-header.top-bar .top-bar-btn .menu-button .bar-group .bar,
.header.sub-header .top-bar .top-bar-btn .menu-button .bar-group .bar{background-color: var(--text-color);}

.page-title-caption h2 {position: relative;margin-bottom: 20px;font-size: 46px;font-weight: 700;color: var(--white-color);text-align: center;}
.page-title-caption .breadcrumb{display: flex;    justify-content: center;}
.page-title-caption .breadcrumb li{color:#ffffff;letter-spacing: -0.05em;font-size: 14px;display: flex;align-items: center;}
.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;}
.header:after {top: 100px;}
.header-logo {margin: 20px 0;    z-index: 3;}
.gnb-wrap .gnb .gnb-nav > li {transition-duration:0.6s;}
.gnb-wrap .gnb .gnb-nav > li > a {line-height: 100px;padding: 0 45px;}
.gnb-wrap .gnb .gnb-nav > li > ul {width:100%;text-align: left; padding-left:20px; padding-right:20px;}

/*추가*/
header.header-over::before{opacity: 1;}
header.header-over{    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);}
header.header .gnb-wrap .gnb .gnb-nav > li:hover > ul {background: linear-gradient(180deg, rgba(247, 248, 249, 1) 0%, rgba(255, 255, 255, 1) 100%);}

.header.header-over .gnb-wrap .gnb .gnb-nav > li{max-width:340px;}
.gnb-wrap .gnb .gnb-nav > li > a {font-size: 18px;font-weight: 700;}
.gnb-wrap .gnb .gnb-nav > li > a:before {height: 3px;}
.gnb-wrap .gnb .gnb-nav > li > ul > li > a:hover, .gnb-wrap .gnb .gnb-nav > li > ul > li.active > a {color: #000000;}
.gnb-wrap .gnb .gnb-nav > li {position: relative;padding: 0;}
.gnb-wrap .gnb .gnb-nav > li > a > span{position: relative;}
.gnb-wrap .gnb .gnb-nav > li > a > span::before{content:'';width: 6px;height: 6px;background-color: var(--primary-color-dark);border-radius: 50%;display: block;position: absolute;top:-8px; right:-12px;transform: scale(0);transition: transform .3s;}
.gnb-wrap .gnb .gnb-nav > li > a:after{content:none;}
.gnb-wrap .gnb .gnb-nav > li.active > a > span{color: var(--primary-color-dark);}
.gnb-wrap .gnb .gnb-nav > li.active > a > span::after{content:'';width: 100%;height:4px;background-color: var(--primary-color-dark);display: block; position: absolute;bottom:-15px;left: 0;border-radius: 3px; display:none;}
.gnb-wrap .gnb .gnb-nav > li:hover > a:before{width: 100%;}
.gnb-wrap .gnb .gnb-nav > li:hover > a > span::before{transform: scale(1);}

.header.sub-header .gnb-wrap .gnb .gnb-nav > li > a {color: var(--white-color);}
.header.sub-header .gnb-wrap .gnb .gnb-nav > li > a > span::before {background-color: var(--primary-color-dark);transform: scale(0);}
.header.sub-header .gnb-wrap .gnb .gnb-nav > li.active > a > span::after {background-color: var(--primary-color-dark);}
.header.sub-header .gnb-wrap .gnb .gnb-nav > li.active > a > span::before {transform: scale(1);}
.gnb-wrap .gnb .gnb-nav > li > ul {width:100%;text-align: left; padding-left:20px; padding-right:20px;}
/*추가*/

.footer {padding: 80px 0 90px;}
.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);}


/*페이징 커스텀*/
.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;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#888888;font-size:16px;text-decoration:none}
.pg_start {text-indent:-999px;overflow:hidden;background:url('./images/icons/icon-page-start.png') no-repeat 50% 50% ;padding:0;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('./images/icons/icon-page-prev.png') no-repeat 50% 50% ;padding:0;}
.pg_end {text-indent:-999px;overflow:hidden;background:url('./images/icons/icon-page-end.png') no-repeat 50% 50% ;padding:0;}
.pg_next {text-indent:-999px;overflow:hidden;background:url('./images/icons/icon-page-next.png') no-repeat 50% 50% ;padding: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%;}
.pg_current {color:#000000;position: relative;}
.pg_current::after{content:'';display: block;width: 11px;height: 2px;background-color: #000000;position: absolute;bottom:12px;left:50%;transform: translateX(-50%);}



@media (max-width: 1700px) {
    .header {padding: 0 30px;}
    .gnb-wrap .gnb .gnb-nav > li > a {padding: 0 60px 0 10px;}
}

@media (max-width: 1500px) {
    .header .top-bar .top-bar-btn .button {display: none;}
    .header .top-bar .top-bar-btn .button_yellow {display: flex; width:120px;height:50px;line-height: 50px; font-size:1rem; border-radius: 50px;}
    .header .top-bar .top-bar-btn .language-button {width: 4rem;}
    .gnb-wrap .gnb .gnb-nav > li > a {padding: 0 30px;}
    .gnb-wrap .gnb .gnb-nav > li > ul > li > a {font-size: 14px;}
}

@media (max-width: 1480px) {
    .section6 .container .left-box {width: 580px;}
    .section6 .container .right-box {width: calc(100% - 600px);}
    .gnb-wrap .gnb .gnb-nav > li > a {font-size: 16px;}
    .gnb-wrap .gnb .gnb-nav > li > ul > li > a {font-size: 13px;}
}

@media (max-width: 1280px) {
    .header-logo {margin: 30px 0;z-index: 3;}
    .header-logo a img {height: 40px;}
    .gnb-wrap .gnb .gnb-nav > li > a {padding: 0 20px;}
    .gnb-wrap .gnb .gnb-nav > li > ul > li > a {font-size: 12px;}

    /*.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: 15px;}
}

@media (max-width: 1100px) {
    .header .top-bar .top-bar-btn .sitemap-button{display: none;}
}

@media (max-width: 992px) {
    html{font-size: 1.063829787234043vw;}
    .m-only{display: block;}
    .mobile-hidden {display: none;}
    .container {padding: 0 3rem}
    .header-logo a img{display: none;}
    .header-logo a img.logo-mobile{display: block;height: 37px;}
    .header {padding: 0 10px;    height: 70px;}
    .header .header-inner {height: 100%;align-items: center;}
    .header-logo{margin: 0;}
    .header .top-bar .top-bar-btn .language-button {width: 6rem;height: auto;padding:10px 0;display: flex;}

    .go-top {width:60px;height:60px;right: 3rem;bottom: 7rem;background-size: 4rem 4.6em;z-index: 10;}
    
    .header .top-bar .top-bar-btn .button_yellow {display: flex; width:60px; height:30px;line-height: 30px; font-size:10px; border-radius: 30px;}
    
    .top-bar .top-bar-btn .language-button .btn-hd:hover {color: var(--white-color);background-image: url(./images/icons/icon-language.svg);}
    .top-bar .top-bar-btn .menu-button:hover .bar-group .bar {background-color: var(--white-color);}
    .header.header-bg .top-bar .top-bar-btn .language-button .btn-hd:hover, .header.header-over .top-bar .top-bar-btn .language-button .btn-hd:hover {color: #d74f2e;background-image: url(./images/icons/icon-language_hover.svg);}

    /*메뉴 스타일*/
    .gnb-wrap {display: none;}

    .m-menu-box {display: flex;position: fixed;left: 0;top:0;width: 100%;height: 100vh;background-color: #ffffff;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.svg");display: inline-block;width: 11px;height: 11px;margin-left: 7px;}
    .m-menu-box .menu-list{background-color: #ffffff;width: 100%;height: calc(100% - 60px);position: absolute;right: 0;transform: translateX(100%);transition: 0.3s;overflow-y: auto;padding-bottom: 30px;}
    .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: 12px;}
    .m-menu-box .depth01>li>a {font-size: 22px;font-weight:600;display: block;}
    .m-menu-box .depth01>li:hover>a {color: #d74f2e;}
    .m-menu-box .depth02 {padding: 20px 0;display: none;}
    .m-menu-box .depth02>li {margin-bottom: 20px;}
    .m-menu-box .depth02>li>a {font-size: 18px;    font-weight: 500;    opacity: 60%;position: relative;display: block;}
    .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{opacity: 100%;}
    .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;    opacity: 60%;display: block;}
    .m-menu-box .depth03>li:hover>a,.m-menu-box .depth03>li:hover>a{opacity: 100%;}
    .m-menu-box .button-box{display: flex;column-gap: 10px;padding:0 32px;margin-top: 50px;}
    .m-menu-box .button-box > a{width: 166px;height: 53px;border:1px solid #000000;border-radius: 50px;display: flex;justify-content: center;align-items: center;font-size: 18px;color:#000000;letter-spacing: -0.025em;font-weight: 500;}
    .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: 50px;}
    .m-menu-box .link-box a{font-size: 20px;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-sitemap-001.png");display: inline-block;width: 24px;height: 24px;margin-right: 11px;}
    .m-menu-box .link-box a:nth-of-type(2)::before{content:'';background-image: url("/css/images/icons/icon-sitemap-002.png");display: inline-block;width: 24px;height: 27px;margin-right: 11px;}
    .m-menu-box .link-box a:nth-of-type(3)::before{content:'';background-image: url("/css/images/icons/icon-sitemap-003.png");display: inline-block;width: 25px;height: 25px;margin-right: 11px;}


    .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;width: 34px;height: 23px;margin-left: 23px;}
    .top-bar .top-bar-btn .menu-button .bar-group {width: 100%;height: 100%;}
    .top-bar .top-bar-btn .menu-button .bar-group .bar {height: 3px;transition: .3s transform;transform-origin: 9px;}
    .top-bar .top-bar-list {margin-top: 0;}

    body.menuOpen .header{position: fixed;}

    body.menuOpen .header-logo a img.logo-wht {opacity:0;}
    body.menuOpen .header-logo a img.logo-drk {opacity:1;}
    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: var(--primary-color);}
    body.menuOpen .top-bar .top-bar-btn .language-button .btn-hd {color: var(--text-color);background-image: url(./images/icons/icon-language_hover.svg);}
    body.menuOpen .top-bar .top-bar-btn .menu-button .bar-group .bar:last-of-type {transform: rotate(-45deg);}
    body.menuOpen .top-bar .top-bar-btn .menu-button .bar-group .bar:first-of-type {transform: rotate(45deg);}


    .footer {padding: 8rem 0 29rem;}
    .footer .footer-top {flex-direction: column;}
    .footer .footer-top .footer-link-list .footer-link-item:nth-of-type(2)::before {content: none;}
    .footer .footer-top .footer-link-list .footer-link-item a {font-size: 3.2rem;}

    .footer .footer-top .footer-sns-list {display: flex;column-gap: 1rem;position: absolute;bottom: 10rem;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: 2.2rem;height: 4.2rem;}
    .footer .footer-top .footer-sns-list .footer-sns-item.twitter a:before{width: 4rem;height: 3.4rem;}
    .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;border-top: 1px solid #a5a5a5;padding-top: 7rem;margin-top: 5rem;}
    .footer .footer-bottom {flex-direction: column;}
    .footer .footer-bottom .left-box {display: flex;flex-direction: column;;}
    .footer .footer-bottom .img-responsive {max-width: 100%;height: 10rem;}
    .footer .footer-info-content .footer-info-box{display: none;}
    .footer .footer-bottom .right-box .design-sign{display: none;}
    .footer .footer-info-content {margin-top: 5rem;}
    .footer .footer-info-content address {margin-bottom: 0;}
    .footer .footer-info-content address span {font-size: 3rem; margin-right:10px;}
    .footer .footer-info-content .design-sign {margin-top: 3rem;}
    .design-sign {display: block;width: 32.2rem;height: 1.8rem;}
    .footer .ebcontents-family-site {margin-top: 8rem;}
    .footer .family-site {width: 100%;}
    .footer .family-site dt a {padding: 3rem 6rem;font-weight: 300;font-size: 4.8rem;}
    .footer .family-site dt i {padding-top: 2rem;}
    .footer .family-site ul li a {font-size: 4.8rem;padding: 3rem}


    .section2 {padding-top: 6rem;}
    .section2 .container {display: flex;justify-content: space-between;flex-direction: column;}
    .section2 .container .left-box {width: 100%;}
    .section2 .container .right-box {width: 100%;}
    .section2 .banner-box {width: 100%;height: 44rem;padding: 9rem 6rem;background-color: #f2f3f8;border-radius: 3rem;background-image: url(/image/main/img1_m.png);background-size: auto 22rem;background-position: calc(100% - 3.5rem) calc(100% - 5rem);margin-top: 12rem;}
    .section2 .banner-box h2 {font-size: 5.2rem;}
    .section2 .banner-box h2::after {width: 1.4rem;height: 1.4rem;}
    .section2 .banner-box p {font-size: 2.8rem;margin-top: 2rem;}
    .section2 .banner-box span.link-box {margin-top: 7rem;font-size: 2.6rem;}
    .section2 .banner-box > a::after {width: 10.9rem;height: 1.6rem;margin-top: 3.5rem;}

    .section3 {padding-top: 16rem;}
    .section3 .container {flex-direction: column;}
    .section3 .container .left-box {width: 100%;}
    .section3 .container .right-box {width: 100%;}
    .section3 .sponsor-banner {height: 39rem;border-radius: 3rem;margin-top: 3rem;}
    .section3 .sponsor-banner a {padding: 6.5rem;}
    .section3 .sponsor-banner a h2 {font-size: 3rem;}
    .section3 .sponsor-banner a p {font-size: 2.7rem;margin-top: 3.2rem}
    .section3 .sponsor-banner a h2:after {width: 1.5rem;height: 1.9rem;margin-left: 2rem;opacity: 1;}
    .section3 .sponsor-banner a .big-text {bottom: 6.5rem;right: 6.5rem;}
    .section3 .sponsor-banner a .big-text span {font-size: 6.1rem;}
    .section3 .sponsor-banner a .big-text span::before {width: 11.9rem;height: 12.8rem;}
    .section3 .sponsor-banner a .big-text span::after {content: none;}

    .section5 {padding: 14rem 0 26rem;position: relative;}
    .section5 .header-box {position: static;}
    .section5 .header-box .title-box {font-size: 5.7rem;padding-top: 4rem;}
    .section5 .header-box .vr-button {width: 24rem;height: 7rem;font-size: 2.4rem;position: absolute;bottom:11rem;left: 50%;transform: translateX(-50%);}
    .section5 .list-box {margin-top: 8rem;}
    .section5 .list-box .list-item .text-box h2 {font-size: 4.8rem;}
    .section5 .list-box .list-item .text-box .more-button {width: 14rem;height: 4.5rem;font-size: 1.7rem;margin: 4.7rem auto 0;}
    .section5 .list-box .list-item {height: auto;aspect-ratio: 74 / 43;padding-bottom: 10rem;}

    .section6 {padding: 11rem 0 14rem;}
    .section6 .container {flex-direction: column;padding: 0;}
    .section6 .container .left-box {width: 100%;order:2;    margin-top: 14rem;background-color: #ffffff;padding: 14rem 3rem 0;}
    .section6 .container .right-box {width: 100%;order:1;padding: 0 3rem;}
    .section6 .container .left-box .slide-box {width: calc((100% - 2.4rem) /2);}

    .section7 .title-box::before {width:10rem;height: 13rem;margin: 0 auto 1rem;}
    .section7 .title-box h2 {font-size: 7rem;}
    .section7 .title-box p {font-size: 2.2rem;margin-top: 2.6rem}
    .section7 .list-box .list-item .img-box {width: 100%;height: auto;aspect-ratio:608 / 385;}
    .section7 .list-box .list-item .text-box {height: 20.8rem;}
    .section7 .list-box .list-item .text-box h3 {font-size: 3.6rem;}
    .section7 .list-box .list-item .text-box p {font-size: 2rem;margin-top: 2.5rem;}


    .section8 {padding: 12rem 0 10rem;}
    .section8 .container {padding: 0;}
    .section8 .container .top-box {flex-wrap: wrap;column-gap: 2.4rem;}
    .section8 .letter-box {width: calc((100% - 2.4rem) / 2);height: auto;}
    .section8 .letter-box .title-box h2 {font-size: 3.8rem;}
    .section8 .letter-box .img-box {height: auto;aspect-ratio: 107 / 139;;}
    .section8 .letter-box .con {margin-top: 4rem;}
    .section8 .letter-box .text-box {height: 10.7rem;padding: 4rem 3rem;}
    .section8 .letter-box .text-box h2 {font-size: 2.4rem;}
    .section8 .letter-box.news {padding-left: 3rem;padding-bottom: 10rem;}
    .section8 .letter-box.newsletter  {padding-right: 3rem;padding-bottom: 10rem;}
    .section8 .letter-box.youtube {width: 100%;background-color: #f6f8fe;padding: 10rem 13rem;}
    .section8 .letter-box.youtube .title-box h2 {font-size: 3.3rem;}
    .section8 .letter-box.youtube .title-box h2::before {width: 5.1rem;height: 3.7rem;margin-right: 0.9rem;}
    .section8 .letter-box.youtube .img-box {height: auto;aspect-ratio: 169 / 118;}
    .section8 .letter-box.youtube .text-box h2 {font-size: 3.3rem;}
    .section8 .letter-box.youtube .text-box {height: 33.8rem;padding: 6rem;}
    .section8 .letter-box.youtube .text-box p {font-size: 2.6rem;margin-top: 5rem;}
    .section8 .sns-box {width: 100%;padding:16rem 3rem 0rem;}
    .section8 .sns-box .content-box {margin-top: 5rem;height: 100rem;position: relative;padding-bottom: 7.5rem;border-bottom: 3px solid #000000;box-sizing: content-box;}
    .section8 .sns-box .title-box .tab-box .tab-item {font-size: 2.9rem}
    .section8 .flow-banner {width: 100%;display: flex;overflow: hidden;margin-top: 0;padding: 5.7rem 0;}


    /*서브 페이지 헤더*/
    /*.page-title-caption{bottom: calc((100% - 14rem) /2);transform: translateY(50%);}*/
    .page-title-caption{bottom:90px; transform:translateY(50%); margin-bottom:30px;}
    .page-title-image {height:320px;}
    .page-title-caption h2 {margin-bottom:16px; font-size:28px;}
    .page-title-caption .breadcrumb li {font-size:14px;}



    /*페이징 커스텀*/
    .pg_wrap {margin-top: 50px;}
    .pg_page, .pg_current {height:8rem;min-width:8rem;font-size:3.2rem;}
    .pg_page {color:#888888;font-size:3.2rem;text-decoration:none}
    .pg_start {text-indent:-999px;overflow:hidden;background:url('./images/icons/icon-page-start.png') no-repeat 50% 50% ;background-size:8rem 8rem;padding:0;}
    .pg_prev {text-indent:-999px;overflow:hidden;background:url('./images/icons/icon-page-prev.png') no-repeat 50% 50% ;background-size:8rem 8rem;padding:0;}
    .pg_end {text-indent:-999px;overflow:hidden;background:url('./images/icons/icon-page-end.png') no-repeat 50% 50% ;background-size:8rem 8rem;padding:0;}
    .pg_next {text-indent:-999px;overflow:hidden;background:url('./images/icons/icon-page-next.png') no-repeat 50% 50% ;background-size:8rem 8rem;padding:0;}
    .pg_current::after{bottom:0;left:50%;transform: translateX(-50%);}




}

.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;}