@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://use.typekit.net/uct6ewd.css");

/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* 테마초기화 */
.entry-content .wp-audio-shortcode, .entry-content .wp-embedded-audio, .entry-content .wp-embedded-video, .entry-content .wp-video, .entry-content p {
    margin-bottom: initial;
}
.entry-content ul, .entry-content ol {
    padding: initial;
    margin: initial;
    padding-left: initial;
}
.ast-single-post .entry-content a, .ast-comment-content a:not(.ast-comment-edit-reply-wrap a) {
    text-decoration: none;
}



@font-face {
	font-family: "amboy-black", sans-serif;
	font-weight: 400;
	font-style: normal;
}


@font-face {
    font-family: 'Pretendard';
    src: url('fonts/Pretendard-Light.ttf') format('truetype'),
        url('fonts/Pretendard-Light.woff') format('woff'),
        url('fonts/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}


@font-face {
    font-family: 'Pretendard';
    src: url('fonts/Pretendard-Regular.ttf') format('truetype'),
        url('fonts/Pretendard-Regular.woff') format('woff'),
        url('fonts/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('fonts/Pretendard-Medium.ttf') format('truetype'),
        url('fonts/Pretendard-Medium.woff') format('woff'),
        url('fonts/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('fonts/Pretendard-SemiBold.ttf') format('truetype'),
        url('fonts/Pretendard-SemiBold.woff') format('woff'),
        url('fonts/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}


@font-face {
    font-family: 'Pretendard';
    src: url('fonts/Pretendard-Bold.ttf') format('truetype'),
        url('fonts/Pretendard-Bold.woff') format('woff'),
        url('fonts/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}


@font-face {
    font-family: 'Pretendard';
    src: url('fonts/Pretendard-ExtraBold.woff') format('woff'),
		url('fonts/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('fonts/Pretendard-Black.woff') format('woff'),
		url('fonts/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}




@font-face {
    font-family: 'Paperlogy-1Thin';
    src: url('fonts/Paperlogy-1Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}


@font-face {
    font-family: 'Paperlogy';
    src: url('fonts/Paperlogy-2ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Paperlogy';
    src: url('fonts/Paperlogy-3Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}


@font-face {
    font-family: 'Paperlogy';
    src: url('fonts/Paperlogy-4Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Paperlogy';
    src: url('fonts/Paperlogy-5Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Paperlogy';
    src: url('fonts/Paperlogy-6SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}


@font-face {
    font-family: 'Paperlogy';
    src: url('fonts/Paperlogy-7Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}


@font-face {
    font-family: 'Paperlogy';
    src: url('fonts/Paperlogy-8ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Paperlogy';
    src: url('fonts/Paperlogy-9Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}





@font-face {
    font-family: 'Baskerville';
    src: url('fonts/LibreBaskervilleRegular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}


@font-face {
    font-family: 'Baskerville';
    src: url('fonts/LibreBaskervilleBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'URWBaskerville';
    src: url('fonts/URW-BaskervilleR.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
	unicode-range:U+0041-005A,U+0061-007A,U+0030-0039;
}

@font-face {
    font-family: 'URWBaskerville';
    src: url('fonts/URW-BaskervilleM.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
	unicode-range:U+0041-005A,U+0061-007A,U+0030-0039;
}

@font-face {
    font-family: 'URWBaskerville';
    src: url('fonts/URW-BaskervilleB.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
	unicode-range:U+0041-005A,U+0061-007A,U+0030-0039;
}

/* 기본세팅 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'Pretendard','Pretendard', dotum, sans-serif; overflow-x:hidden;}
html, body {overflow-x:hidden;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Pretendard','Pretendard', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul {margin:0;padding:0;list-style:none}
ol,li,dl,dt,dd {margin:0;padding:0} 
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:'Pretendard', dotum, sans-serif;font-size:1em}
button {cursor:pointer}
textarea, select {font-family:'Pretendard', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

.hide{display:none !important;}
.show{display: block !important;}
.img__descrip{display: none !important;}
.h100{height:100%;}

.t__left{text-align:left;}
.t__cen{text-align:center;}
.t__right{text-align:right;}
 
.visible1440{display:none;}
.visible1280{display:none;}
.visible1024{display:none;}
.visible768{display:none;}
.visible570{display:none;}
.visible480{display:none;}
.visible320{display:none;}

@media screen and (max-width:1440px){
   .hidden1440{display:none;}
   .visible1440{display:block;}
}
@media screen and (max-width:1280px){
   .hidden1280{display:none;}
   .visible1280{display:block;}
}
@media screen and (max-width:1024px){
   .hidden1024{display:none;}
   .visible1024{display:block;}
}
@media screen and (max-width:768px){
   .hidden768{display:none;}
   .visible768{display:block;}
}
@media screen and (max-width:570px){
   .hidden570{display:none;}
   .visible570{display:block;}
}
@media screen and (max-width:480px){
   .hidden480{display:none;}
   .visible480{display:block;}
}
@media screen and (max-width:320px){
   .hidden320{display:none;}
   .visible320{display:block;}
}

.inner__box{position:relative; width:100%; margin: 0 auto;}
.inner__full{position:relative; width:100%; margin: 0 auto;}

.inner__cen768{position:relative; width:90%; max-width:768px; margin: 0 auto;}
.inner__cen860{position:relative; width:90%; max-width:860px; margin: 0 auto;}
.inner__cen888{position:relative; width:90%; max-width:888px; margin: 0 auto;}
.inner__cen980{position:relative; width:90%; max-width:980px; margin: 0 auto;}
.inner__cen1190{position:relative; width:90%; max-width:1190px; margin: 0 auto;}
.inner__cen1240{position:relative; width:90%; max-width:1240px; margin: 0 auto;}
.inner__cen1365{position:relative; width:90%; max-width:1365px; margin: 0 auto;}
.inner__cen1440{position:relative; width:90%; max-width:1440px; margin: 0 auto;}
.inner__cen1640{position:relative; width:90%; max-width:1640px; margin: 0 auto;}
.inner__cen1760{position:relative; width:90%; max-width:1760px; margin: 0 auto;}
.inner__cen1800{position:relative; width:90%; max-width:1800px; margin: 0 auto;}
.inner__cen1840{position:relative; width:100%; max-width:1840px; margin: 0 auto;}
.inner__cen1920{position:relative; width:90%; max-width:1920px; margin: 0 auto;}

.inner__wcen768{position:relative; width:100%; max-width:768px; margin: 0 auto;}
.inner__wcen980{position:relative; width:100%; max-width:980px; margin: 0 auto;}
.inner__wcen1200{position:relative; width:100%; max-width:1200px; margin: 0 auto;}
.inner__wcen1400{position:relative; width:100%; max-width:1400px; margin: 0 auto;}
.inner__wcen1700{position:relative; width:100%; max-width:1700px; margin: 0 auto;}
.inner__wcen1800{position:relative; width:100%; max-width:1800px; margin: 0 auto;}
.inner__wcen1850{position:relative; width:100%; max-width:1850px; margin: 0 auto;}
.inner__wcen1920{position:relative; width:100%; max-width:1920px; margin: 0 auto;}



/* 헤더 */
#header{position:fixed; top:0; left:0; width:100%; height:82px; z-index:999; 
	/*transition: all ease .2s; -webkit-transition: all ease .2s; -o-transition: all ease .2s; -moz-transition: all ease .2s; -ms-transition: all ease .2s;*/
}
#header .logo__wr a{display:block; line-height: 75px;}
#header .inner__cen1840{ display:flex; justify-content: space-between; height:100%; align-items:center;}
#header .header__right__wr{position:absolute;right:0; top:50%; transform:translateY(-50%); display:flex;height:35px; gap:4px; position:relative; }
#header .lang__box{transition:all .3s; width:50px;  display: inline-block; text-align: center;}
#header .lang__box .text{color:#fff; font-size:14px;}
#header .lang__box .text a{color:#fff;}
#header .lang__box .text.lang__text{line-height: 31px; cursor:pointer; display:flex; align-items:center; justify-content: center; height:100%;}
#header .lang__box.active{}
#header .lang__box .arrow__icon{transition:all .2s;}
#header .lang__box.active .arrow__icon{transform: rotate(180deg);}

#header .lang__box .lang__list__wr{display:none; border:1px solid #fff; padding:5px 0; border-radius:4px;}



/* 서브페이지 header */
#header.header__sub .logo__wr a img{filter: brightness(0) invert(0);}
#header.header__sub .lang__box .text.lang__text > img{filter: brightness(0) invert(0);}
#header.header__sub .lang__box .text a{color:#1A1311;}
#header.header__sub .lang__box .arrow__icon{filter: brightness(0) invert(0);}
#header.header__sub .ham__btn img{filter: brightness(0) invert(0);}
#header.header__sub .lang__box .lang__list__wr{bordeR:1px solid #1A1311;}


/* header 서브메뉴 */
#header .hd__sub__menu__wr{position:absolute; left:0; top:75px; width:100%;height:63px; background-color: #F7FCFF; opacity:0; z-index:-1; transition: all ease .2s; -webkit-transition: all ease .2s;-o-transition: all ease .2s;-moz-transition: all ease .2s;-ms-transition: all ease .2s; visibility: hidden;}
#header .hd__sub__menu__box{display:flex; justify-content: center; width: 100%; gap:60px; align-items: center;}
#header .hd__sub__menu__box li > a{font-size:18px; color:#1A1311; font-weight: 400; text-transform: uppercase;}
#header .ham__btn img{margin-top: 2px;}
#header .ham__btn .ham__close{display:none;}
#header .ham__btn.sub__open .ham__close{display:block;}
#header .ham__btn.sub__open .ham__menu{display:none;}
#header.bg__style{background:#fff;}
#header.bg__style .logo__wr a img{filter: brightness(0) invert(0);}
#header.bg__style .hd__sub__menu__wr{ opacity:1; visibility:visible;}


#header.header__sub__posi{position:relative;}

@media screen and (max-width:1440px){
}/* 1440px */

@media screen and (max-width:1280px){
}/* 1280px */

@media screen and (max-width:1024px){
#header{height:70px;}
#header .logo__wr a{line-height: 70px;}
#header .hd__sub__menu__wr{top:70px}

#header .logo__wr a > img{width:190px;}
#header .ham__btn img{margin-top: 0;}
#header .hd__sub__menu__box{gap:40px;}
#header .hd__sub__menu__box li > a{font-size:14px;}
#header .hd__sub__menu__wr{height:60px;}

}/* 1024px */

@media screen and (max-width:820px){
}/* 820px */

@media screen and (max-width:768px){
#header .header__right__wr{gap:0;}
#header .hd__sub__menu__box li > a{font-size:20px; display:block; margin-bottom: 32px;}
#header .hd__sub__menu__box li:last-child a{margin-bottom: 0;}
#header .hd__sub__menu__wr{height:100vh;}
#header .hd__sub__menu__box{display:block; text-align: center; position: absolute; top: 40%;left: 50%;transform: translate(-50%,-50%); }

}/* 768px */

@media screen and (max-width:600px){
}/* 600px */

@media screen and (max-width:570px){
#header{height:60px;}
#header .logo__wr a{line-height: 60px;}
#header .hd__sub__menu__wr{top:60px}
#header .logo__wr a > img{width:166px;}
}/* 570px */

@media screen and (max-width:480px){
}/* 480px */

@media screen and (max-width:375px){
}/* 375px */



/* 풀페이지 css */
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span{height: 12px;width: 12px; margin: -6px 0 0 -6px; border-radius: 100%;}
#fp-nav.fp-right{left:initial; right:20px;}
.fp-warning, .fp-watermark{display:none;}
#fp-nav.hidden{display: none !important;}
#fp-nav ul li a{position:relative;}


/* 풀페이지 css End*/

.section{position:relative; height:100vh !important;}

.section > div{display: flex;align-items: center;flex-direction: column;align-items: center;justify-content: center;}
/*#main__about__wr > div{display:initial;}*/

.h100{height:100%;}

.main__title__wr{margin-bottom: 80px;}
.main__title__wr .tit{color:#fff; font-size:16px; font-weight:600; letter-spacing:-0.2px; height:38px; line-height: 39px; padding:0 16px; border-radius:19px; display:inline-block; text-transform: uppercase; background:#0050B6; text-align: center; margin-bottom: 40px;}
.main__title__wr .title{color:#1A1311; font-size:42px; font-weight: 500; letter-spacing:-1px; line-height: 1.42; word-break:keep-all;}
.main__title__wr .text{color:#fff; font-size:24px; font-weight:400; letter-spacing:-1px;}


#main__visual__wr{height:100vh;}
#main__visual__wr .img__wr > img{height:100%; object-fit:cover;}
#main__visual__wr .main__title__wr{margin-bottom: 0;position:absolute; width:90%; max-width:1350px; margin:0 auto; top:50%; left:50%; transform:translate(-50%,-50%); text-align: center;}
#main__visual__wr .main__title__wr .title{color:#fff; font-size:60px; font-weight: 500; margin-bottom: 20px; letter-spacing:-0.5px;}

#main__visual__wr .scroll__wr{ position:absolute; bottom:40px; left:50%; transform:translate(-50%,0); }
#main__visual__wr .scroll__wr .text{font-size:16px; color:#fff; font-weight: 400; margin-bottom: 10px;}
#main__visual__wr .scroll__wr .arrow__icon{max-width:16px; position:absolute; left:50%; transform:translateX(-50%); bottom:10px;}
#main__visual__wr .scroll__wr .tx__wr{position:relative; width: 90px; height: 90px;display: flex; align-items: center;justify-content: center;}
#main__visual__wr .scroll__wr .tx__wr:after{width:90px; height:90px; border-radius:50%; border:1px dashed #fff; content:''; display:block; position:absolute;top:50%; left:50%; transform:translate(-50%,-50%); animation-name: rotatebox;animation-duration: 20s;animation-timing-function: linear;animation-iteration-count: infinite; }
#main__visual__wr .scroll__wr .arrow__icon.top__arrow__icon{bottom:15px;}
#main__visual__wr .scroll__wr .arrow__icon.top__arrow__icon{animation: scroll__motion 2s ease-out 0s infinite;}
#main__visual__wr .scroll__wr .arrow__icon.bottom__arrow__icon{animation: scroll__motion 2s ease-out 1s infinite;opacity: 0;}

@keyframes scroll__motion{
  25%{
    opacity: 1;
  }
  50%{
    opacity: 1;
  }
  100%{
    opacity: 0;
  }
}

@keyframes rotatebox{
  0%{
    transform: translate(-50%,-50%) rotate(0);
  }
  100%{
    transform: translate(-50%,-50%) rotate(360deg);
  }
}


#main__about__wr .about__slide00{position:relative;}
#main__about__wr .main__title__wr{position:absolute; width:90%; max-width:1350px; margin:0 auto; top:50%; left:50%; transform:translate(-50%,-50%); margin-bottom: 0;}
#main__about__wr .main__title__wr .tit{margin:0;}
#main__about__wr .main__title__wr .title{margin:0; color:#fff;}
#main__about__wr .main__title__wr .title span{clip-path: inset(0 50%); transition: clip-path 0.6s ease-out; font-weight:700;}
#main__about__wr .main__title__wr .title.show span{clip-path: inset(0 0);}
#main__about__wr .main__title__wr .text{margin:60px 0 40px;}
#main__about__wr .main__about__sw{height:100%;}
#main__about__wr .main__about__sw .swiper-slide{height:100%;}
#main__about__wr .main__about__sw .swiper-slide .img__wr{height:100%;}
#main__about__wr .main__about__sw .swiper-slide .img__wr > img{height:100%; object-fit:cover;}
#main__about__wr .main__about__sw .swiper-slide .img__box{max-width:1365px; margin:0 auto;}

#main__about__wr .img__wr{height:100%;}
#main__about__wr .img__wr > img{height:100%; object-fit:cover;}
#main__about__wr .img__box{max-width:1365px; margin:0 auto;}

#main__about__wr .typing__container__wr {width:auto; word-break:keep-all; margin:0 12px; display:inline-flex; align-items:center;}
#main__about__wr .typing__container__wr .typing__tx{font-weight: 700;}


#main__about__wr .about__slide02 .typing__container__wr{width:auto;}





@media screen and (max-width:1440px){
.main__title__wr{margin-bottom: 60px;}
.main__title__wr .tit{margin-bottom: 30px;}
}/* 1440px */

@media screen and (max-width:1280px){
#main__about__wr .main__title__wr .title{font-size:32px;}
}/* 1280px */

@media screen and (max-width:1024px){
.main__title__wr{margin-bottom: 40px;}
.main__title__wr .title{font-size:35px;}
.main__title__wr .text{font-size:20px;}
.main__title__wr .tit{font-size:14px;}

#main__visual__wr .main__title__wr .title{font-size:45px;}
#main__about__wr .main__title__wr .text{margin:40px 0 30px;}
#main__about__wr .main__title__wr .title{font-size:26px;}


}/* 1024px */

@media screen and (max-width:820px){
}/* 820px */

@media screen and (max-width:768px){
.main__title__wr{margin-bottom: 20px;}
.main__title__wr .title{font-size:30px; letter-spacing: 0;}
.main__title__wr .text{font-size:18px; letter-spacing: 0;}
.main__title__wr .tit{margin-bottom: 20px; letter-spacing: 0;}


#main__visual__wr .main__title__wr .title{font-size:36px; line-height: 1.16; letter-spacing: 0;}
#main__visual__wr .scroll__wr .tx__wr:after{width:70px; height:70px;}
#main__visual__wr .scroll__wr .text{font-size:14px;}
#main__visual__wr .scroll__wr .arrow__icon{bottom:15px;}
#main__visual__wr .scroll__wr .arrow__icon.top__arrow__icon{bottom:20px;}
#main__about__wr .main__title__wr .text{margin:40px 0 20px;}
#main__about__wr .main__title__wr .title{font-size:20px; display:block;}
#main__about__wr .typing__container__wr{margin:0 5px;}
.typing__cursor{height:25px;}

}/* 768px */

@media screen and (max-width:600px){
}/* 600px */

@media screen and (max-width:570px){
.main__title__wr .tit{font-size:12px; padding:0 12px; height:29px; line-height: 30px; margin-bottom: 8px;}
.main__title__wr .title{font-size:24px;}
}/* 570px */

@media screen and (max-width:480px){


#main__visual__wr{height:750px;}
#main__about__wr .main__title__wr .title{font-size:18px;}
#main__visual__wr .scroll__wr .text{font-size:12px;}
#main__visual__wr .scroll__wr .tx__wr:after{width:60px; height:60px;}
#main__visual__wr .scroll__wr .arrow__icon{bottom:20px;}
#main__visual__wr .scroll__wr .arrow__icon.top__arrow__icon{bottom:25px;}

}/* 480px */

@media screen and (max-width:375px){

}/* 375px */



#main__history__wr .main__history__box{width:100%;}
#main__history__wr .main__history__sw .swiper-slide{position:relative; width:20%;text-align: center; height:200px;}
#main__history__wr .main__history__sw .swiper-slide .years{font-size:24px; height:41px; line-height: 40px;}
#main__history__wr .main__history__sw .swiper-slide .point{display:inline-block; width:12px; height:12px; border-radius:50%; background:#18A0FB; margin:20px 0; z-index:10; position:relative;}
#main__history__wr .main__history__sw .swiper-slide .point.bg__style{background:#A1ACBD;}
#main__history__wr .main__history__sw .swiper-slide .text{font-size:18px; color:#1A1311; letter-spacing:-1px; line-height: 1.3; word-break:keep-all;}
#main__history__wr .main__history__sw .swiper-slide .text.tx_mb{margin-bottom: 12px;}
#main__history__wr .main__history__sw .swiper-slide:after{display:block; width:100%; height:1px; content:''; position:absolute; top:34%; left:0; transform:translateY(-50%); background:#ddd;}
#main__history__wr .main__history__sw .swiper-wrapper{transition-timing-function: linear;}
#main__history__wr .main__history__sw .swiper-slide .years .num__style{font-size:28px; font-family: 'URWBaskerville'; font-weight: 700;}




@media screen and (max-width:1440px){
#main__history__wr .main__history__sw .swiper-slide .text{font-size:16px;}
}/* 1440px */

@media screen and (max-width:1280px){
}/* 1280px */

@media screen and (max-width:1024px){
#main__history__wr .main__history__sw .swiper-slide{width:calc(35% - 5px);}
#main__history__wr .main__history__sw .swiper-slide .years{font-size:24px;}
#main__history__wr .main__history__sw .swiper-slide .years .num__style{font-size:26px;}
#main__history__wr .main__history__sw .swiper-slide .text.tx_mb{margin-bottom: 8px;}

}/* 1024px */

@media screen and (max-width:820px){
}/* 820px */

@media screen and (max-width:768px){
#main__history__wr .main__history__sw .swiper-slide:after{top:37%;}
#main__history__wr .main__history__sw .swiper-slide{height:180px;}
#main__history__wr .main__history__sw .swiper-slide .text{font-size:14px; letter-spacing:-0.5px;}

}/* 768px */

@media screen and (max-width:600px){
}/* 600px */

@media screen and (max-width:570px){
/*#main__history__wr .main__history__sw .swiper-slide{width:calc(46% - 5px);}*/
}/* 570px */

@media screen and (max-width:480px){

#main__history__wr .main__history__sw .swiper-slide:after{top:26.5%;}
#main__history__wr .main__history__sw .swiper-slide{height:180px;}
#main__history__wr .main__history__sw .swiper-slide .text{font-size:12px;}
#main__history__wr .main__history__sw .swiper-slide .years{font-size:16px; height:27px;}
#main__history__wr .main__history__sw .swiper-slide .years .num__style{font-size:18px;}

#main__history__wr .main__history__sw .swiper-slide .point{margin:16px 0; width:8px; height:8px;}
}/* 480px */

@media screen and (max-width:375px){
}/* 375px */



#main__business__wr{background:#F7FCFF;}
#main__business__box{position:relative;}
#main__business__box .swiper-slide{width:calc(33.33% - 11px); margin-right: 16px;}
#main__business__box .swiper-slide:last-child{margin-right: 0;}
#main__business__box .swiper-slide .img__wr{border-radius:20px; overflow:hidden; position:relative;}
#main__business__box .swiper-slide .num{display:none; color:#fff; position:absolute; top:32px; left:32px; font-size:28px; font-weight: 600; letter-spacing:-0.5px;}
#main__business__box .swiper-slide .text__wr{color:#fff; position:absolute; top:32px; left:32px;}
#main__business__box .swiper-slide .text__wr .tit{font-size:32px; font-weight: 700; margin-bottom: 32px; letter-spacing:-1px; color:#fff;}
#main__business__box .swiper-slide .text__wr .tx{padding-right: 10px;font-size:20px; font-weight: 400; letter-spacing:-1px; color:#fff; word-break:keep-all; line-height: 1.4;}
#main__business__box .swiper-slide .text__wr .tx01{font-weight: 600; margin-bottom: 16px;}

#main__business__box .swiper-slide .img__wr:after{content:''; display:block; position:absolute; top:0; left:0; background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0.6)); width:100%; height:100%; transition: all .2s;}

#main__business__box .swiper-button-lock{display:block;}
#main__business__box .main__business__next__btn{position:absolute; right:-90px; top:50%; transform:translateY(-50%); z-index:10; cursor: pointer;}
#main__business__box .main__business__prev__btn{position:absolute; left:-90px; top:50%; transform:translateY(-50%); z-index:10; cursor: pointer;}
#main__business__box .main__business__next__btn > img, #main__business__box .main__business__prev__btn > img{filter: grayscale(3); opacity: 0.5; transition:all .3s;}
#main__business__box .swiper-scrollbar{display:none;}
@media (pointer: fine) {
#main__business__box .main__business__next__btn:hover > img{filter:initial; opacity:1;}
#main__business__box .main__business__prev__btn:hover > img{filter:initial; opacity:1;}
#main__business__box .swiper-slide:hover .img__wr:after{background: linear-gradient(180deg, rgba(0,0,0,0.2), rgba(0,0,0,0.8));}
}
@media screen and (max-width:1440px){
}/* 1440px */

@media screen and (max-width:1280px){
#main__business__box .swiper-slide .text__wr .tit{font-size:24px;}
#main__business__box .swiper-slide .text__wr .tx{font-size:16px;}
#main__business__box .swiper-slide .text__wr{bottom:25px; left:25px;}
#main__business__box .swiper-slide .num{left:25px; top:25px; font-size:22px;}
}/* 1280px */

@media screen and (max-width:1024px){
#main__business__box .swiper-slide .text__wr{bottom:20px; left:20px;}
#main__business__box .swiper-slide .num{left:20px; top:20px; font-size:18px;}
#main__business__box .swiper-slide .text__wr .tit{font-size:20px; margin-bottom: 20px;}
#main__business__box .swiper-slide .text__wr .tx{font-size:14px; margin-bottom: 8px;}
#main__business__box .swiper-slide{width:calc(50% - 12px); margin-right: 12px;}
#main__business__box .swiper-scrollbar{display:block; position:initial; margin-top: 30px; background:#A1ACBD;}
#main__business__box .swiper-scrollbar .swiper-scrollbar-drag{background:#002E77;}



}/* 1024px */

@media screen and (max-width:820px){
}/* 820px */

@media screen and (max-width:768px){
#main__business__box .swiper-slide .text__wr .tit{letter-spacing:-0.5px;}
#main__business__box .swiper-slide .text__wr .tx{letter-spacing:-0.5px;}
}/* 768px */

@media screen and (max-width:600px){
}/* 600px */

@media screen and (max-width:570px){
#main__business__box .swiper-slide{width:100%; margin-right: 8px;}
#main__business__box .swiper-scrollbar{margin-top: 20px;}
}/* 570px */

@media screen and (max-width:480px){

}/* 480px */

@media screen and (max-width:375px){
}/* 375px */




#main__esg__box{height:620px; width:100%;}
#main__esg__box .img__list__box{display:flex; overflow: hidden; position: sticky;top: 0; height:100%;}
#main__esg__box .img__list__box .img__list{overflow:hidden; z-index:99; width: 20%; height: 100%;transition: all 1.5s cubic-bezier(0,1,.34,.99); position:relative;}
#main__esg__box .img__list__box .img__list:after{content:''; display:block; position:absolute; top:0; left:0; background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0.6)); width:100%; height:100%;}
#main__esg__box .img__list__box .img__list .img__wr{width:100%; height:100%;}
#main__esg__box .img__list__box .img__list .img__wr > img{height:100%; object-fit:cover;}
#main__esg__box .img__list__box .img__list .tit__wr{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:all .2s; z-index:10; width:100%; text-align: center;}
#main__esg__box .img__list__box .img__list .tit{word-break:keep-all; color:#fff; font-size:32px; letter-spacing:-1px; font-weight: 700; display:inline-block;}
#main__esg__box .img__list__box .img__list.inactive .tit__wr .tit{color:rgba(255,255,255,0.8);}
#main__esg__box .img__list__box .img__list .text__box{width:945px; position:absolute; top:40px; left:60px; display:none; transition:all .2s ease-out; z-index:10; transition-delay:0.2s;}
#main__esg__box .img__list__box .img__list .text__box .text{color:#fff; font-size:20px; letter-spacing:-1px; font-weight: 500; line-height: 1.5; margin:20px 0 60px;}
#main__esg__box .img__list__box .img__list .text__box .text__box__list__wr{}
#main__esg__box .img__list__box .img__list .text__box .text__box__list__wr .swiper-slide{width:calc(25% - 8px); max-width:230px; border-radius:15px; overflow:hidden; background:rgba(0,0,0,0.13); height:298px; backdrop-filter: blur(13px); margin-right: 10px;}
#main__esg__box .img__list__box .img__list .text__box .text__box__list__wr .swiper-slide:last-child{margin-right: 0;}
#main__esg__box .img__list__box .img__list .text__box .text__box__list__wr .swiper-slide .tx__wr{padding:20px;}
#main__esg__box .img__list__box .img__list .text__box .text__box__list__wr .swiper-slide .tx__wr .text01{word-break:keep-all; color:#fff; font-size:20px; font-weight: 600; letter-spacing:-1px; margin-bottom: 12px; line-height: 1.3;}
#main__esg__box .img__list__box .img__list .text__box .text__box__list__wr .swiper-slide .tx__wr .text02{word-break:keep-all;  color:#fff; font-size:16px; font-weight: 400; letter-spacing:-1px; line-height: 1.37;}
#main__esg__box .img__list__box .img__list .esg__icon__img{position:absolute; right:20px; bottom:20px;}
#main__esg__box .img__list__box .img__list.active{width:100%; max-width:1106px;}
#main__esg__box .img__list__box .img__list.active .tit__wr{display:none;}
#main__esg__box .img__list__box .img__list.active .text__box{display:block;}

#main__esg__box .swiper.main__esg__list03__sw .swiper-scrollbar{display:block;}
#main__esg__box .swiper .swiper-scrollbar{display:block; width:100%; position:initial; margin-top: 40px; background:rgba(255,255,255,0.3);}
#main__esg__box .img__list__box .img__list .mo__plus__icon{display:none; position:absolute; right:20px; top:50%; transform:translateY(-50%); z-index:10;}
#main__esg__box .swiper .swiper-scrollbar .swiper-scrollbar-drag{background:#fff;}

@media screen and (max-width:1900px){


#main__esg__box{height:500px;}
#main__esg__box .img__list__box .img__list .text__box .text{font-size:16px; padding-right: 10px; margin:15px 0 40px;}
#main__esg__box .img__list__box .img__list .text__box .text br{display:none;}
#main__esg__box .img__list__box .img__list .esg__icon__img{width:40px; bottom:10px; right:10px;}
#main__esg__box .img__list__box .img__list .text__box{width:auto; left:40px;}
#main__esg__box .img__list__box .img__list .text__box .text__box__list__wr{width:100%;}
#main__esg__box .img__list__box .img__list .text__box .text__box__list__wr .swiper-slide{width:calc(60% - 8px); height:250px;}
#main__esg__box .img__list__box .img__list .text__box .text__box__list__wr .swiper-slide .tx__wr{padding:20px 10px;}
#main__esg__box .img__list__box .img__list .text__box .text__box__list__wr .swiper-slide .tx__wr .text01{font-size:16px;}
#main__esg__box .swiper{width:80%; margin:0; overflow:visible;}
#main__esg__box .swiper .swiper-scrollbar{display:block;}

#main__esg__box .img__list__box .img__list .tit{font-size:22px;}
#main__esg__box .img__list__box .img__list .text__box .text__box__list__wr .swiper-slide .tx__wr .text02{font-size:14px;}

}/* 1900px */


@media screen and (max-width:1280px){

}/* 1280px */

@media screen and (max-width:1024px){


}/* 1024px */

@media screen and (max-width:820px){
}/* 820px */

@media screen and (max-width:768px){
#main__esg__box .img__list__box{display:block; position:initial; width:100%;}
#main__esg__box{height:initial !important; width:100%;}
#main__esg__box .img__list__box .img__list .mo__plus__icon{display:block;}
#main__esg__box .img__list__box .img__list .img__wr{display:none;}
#main__esg__box .img__list__box .img__list .text__box{width:90%; margin:0 auto;}
#main__esg__box .img__list__box .img__list.mo__active{height:auto;}
#main__esg__box .img__list__box .img__list.mo__active .text__box{display:block;}
#main__esg__box .img__list__box .img__list.mo__active .tit__wr .tit{display:none;}
#main__esg__box .img__list__box .img__list.mo__active .mo__plus__icon{display:none;}
#main__esg__box .img__list__box .img__list{width:100%; max-width:100%;  padding:10px 0; height:48px; transition: height 0.3s ease-in-out;}
#main__esg__box .img__list__box .img__list .tit{letter-spacing:-0.5px;}
#main__esg__box .img__list__box .img__list .text__box{position:relative; top:0; left:0; transform:initial;}
#main__esg__box .img__list__box .img__list .text__box .text{letter-spacing:-0.5px;}
#main__esg__box .swiper{width:100%;}
#main__esg__box .img__list__box .img__list .text__box .text__box__list__wr .swiper-slide{height:125px;}
#main__esg__box .img__list__box .img__list .text__box .text__box__list__wr .swiper-slide .tx__wr .text01{letter-spacing:-0.5px;}
#main__esg__box .img__list__box .img__list .text__box .text__box__list__wr .swiper-slide .tx__wr .text02{padding-right: 60px; font-size:12px; letter-spacing:-0.5px;}
	
#main__esg__box .img__list__box .img__list01{background:url(http://sidmedicos2025.mycafe24.com/wp-content/uploads/2025/02/main_esg_img01.jpg) no-repeat; background-size:cover;}
#main__esg__box .img__list__box .img__list02{background:url(http://sidmedicos2025.mycafe24.com/wp-content/uploads/2025/02/main_esg_img02_250324.jpg) no-repeat; background-size:cover;}
#main__esg__box .img__list__box .img__list03{background:url(http://sidmedicos2025.mycafe24.com/wp-content/uploads/2025/02/main_esg_img03.jpg) no-repeat; background-size:cover;}
#main__esg__box .img__list__box .img__list04{background:url(http://sidmedicos2025.mycafe24.com/wp-content/uploads/2025/02/main_esg_img04.jpg) no-repeat; background-size:cover;}
#main__esg__box .img__list__box .img__list05{background:url(http://sidmedicos2025.mycafe24.com/wp-content/uploads/2025/02/main_esg_img05_250324.jpg) no-repeat; background-size:cover;}







}/* 768px */

@media screen and (max-width:600px){
}/* 600px */

@media screen and (max-width:570px){
#main__esg__box .img__list__box .img__list .text__box .text__box__list__wr .swiper-slide{width:100%; max-width:100%;}
#main__esg__box .img__list__box .img__list .esg__icon__img{width:42px; bottom:20px; right:20px;}
#main__esg__box .img__list__box .img__list .tit{font-size:16px;}
#main__esg__box .img__list__box .img__list .text__box .text{margin:12px 0; font-size:14px;}
#main__esg__box .swiper .swiper-scrollbar{margin-top: 20px;}
#main__esg__box .img__list__box .img__list .tit__wr{text-align: left; width:90%;}


}/* 570px */

@media screen and (max-width:480px){
}/* 480px */

@media screen and (max-width:375px){
}/* 375px */




#main__news__wr .inner__cen1365{width:80%;}
#main__news__box{width:100%;}
#main__news__box .news__box__box__wr{display:flex; justify-content: space-between; width:100%;}
#main__news__box .left__wr{width:536px;}
#main__news__box .right__wr{width:calc(100% - 552px);}
#main__news__box .main__news__sw{height:500px;}
#main__news__box .main__news__sw .swiper-slide a{border:1px solid #ddd; border-radius:10px; overflow:hidden; height:100%; transition:all .2s;position:relative; display:block;}
#main__news__box .main__news__sw .swiper-slide a:after{border:2px solid #18A0FB; content:''; border-radius:10px; display:block; opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; transition: all.2s;}
#main__news__box .main__news__sw .swiper-slide a .img__wr{height:187px;}
#main__news__box .main__news__sw .swiper-slide a .img__wr > img{height:100%; object-fit:cover;}
#main__news__box .main__news__sw .swiper-slide a .text__wr{padding:40px 40px 46px 40px; position:relative;}
#main__news__box .main__news__sw .swiper-slide a .text__wr .cate{font-family: 'Pretendard', dotum, sans-serif; color:#fff; text-align: center; height:30px; line-height: 30px; padding:0 10px; display:inline-block; background:#002E77; border-radius:17px; font-size:14px; font-weight: 400; margin-bottom: 24px; letter-spacing:-1px;}
#main__news__box .main__news__sw .swiper-slide a .text__wr .subject{font-family: 'Pretendard', dotum, sans-serif; color:#1A1311; font-size:20px; font-weight: 600; letter-spacing:-1px; line-height: 1.4; word-break:keep-all; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#main__news__box .main__news__sw .swiper-slide a .text__wr .text{font-family: 'Pretendard', dotum, sans-serif; color:#1A1311; font-size:16px; font-weight: 400; letter-spacing:-1px; line-height: 1.5; overflow: hidden;
text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin:12px 0 24px; height:50px;}
#main__news__box .main__news__sw .swiper-slide a .text__wr .day{font-size:16px; color:#999; letter-spacing:-0.5px; font-family: 'Pretendard', dotum, sans-serif;} 
#main__news__box .main__news__sw .swiper-pagination{bottom:20px;}
#main__news__box .main__news__sw .swiper-pagination .swiper-pagination-bullet{background:#1A1311;}
#main__news__wr .news__cate__ul{display:flex; justify-content: center; gap:24px;}
#main__news__wr .news__cate__ul .news__cate__li a{font-size:24px; color:#999;}
#main__news__wr .news__cate__ul .news__cate__li.on a{color:#18A0FB; font-weight: 700; display:inline-flex; align-items:center; gap:10px;}
#main__news__wr .news__cate__ul .news__cate__li a .chk__icon{display:none;}
#main__news__wr .news__cate__ul .news__cate__li.on a .chk__icon{display:block;}

#main__news__box .right__wr > div{display:none;}
#main__news__box .right__wr > div.on{display:block;}

#main__news__wr .pic_lt_news .main__new__list{display:flex; flex-wrap:wrap; gap:16px;}
#main__news__wr .pic_lt_news .main__new__list .list__box{width:calc(33.33% - 11px); height:156px; border:1px solid #ddd; border-radius:10px; position:relative;}
#main__news__wr .pic_lt_news .main__new__list .list__box a{display:block; width:100%; height:100%; padding:14px; position:relative;}
#main__news__wr .pic_lt_news .main__new__list .list__box .news_title{font-weight: 600; font-size:16px; word-break:keep-all; line-height: 1.37; overflow: hidden; font-family: 'Pretendard', dotum, sans-serif;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
#main__news__wr .pic_lt_news .main__new__list .list__box .news_info{padding: 60px 0 0; font-size: 16px; color: #999;}
#main__news__wr .pic_lt_news .main__new__list .list__box .news_info .news_info_date{color: #888; font-family: 'Pretendard', dotum, sans-serif;}
#main__news__wr .pic_lt_news .main__new__list .list__box a:after{z-index:-1; border:2px solid #18A0FB; content:''; border-radius:10px; display:block; opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; transition: all.2s;}
#main__news__wr .pic_lt_news .main__new__list .list__box a .hover__icon{opacity:0; position:absolute; bottom:14px; right:14px; transition:all .2s ease-out;}
#main__news__box .more__btn__wr{text-align: center; width:100%; margin-top: 40px;}
#main__news__box .more__btn__wr a{border:2px solid #18A0FB; display:inline-block; width:42px; height:42px; border-radius:50%; position:relative; }
#main__news__box .more__btn__wr a img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:10;}
#main__news__box .more__btn__wr a .hover__icon{opacity:0;}

@media (pointer: fine) {
#main__news__box .main__news__sw .swiper-slide a:hover:after{opacity:1;}
#main__news__wr .pic_lt_news .main__new__list .list__box a:hover:after{opacity:1;}
#main__news__wr .pic_lt_news .main__new__list .list__box a:hover .hover__icon{opacity:1;}

#main__news__box .more__btn__wr a:hover{background:#18A0FB; transform:rotate(90deg); transition:all .2s ease-out;}
#main__news__box .more__btn__wr a:hover .moer__icon{opacity:0;}
#main__news__box .more__btn__wr a:hover .hover__icon{opacity:1;}
}

@media screen and (max-width:1440px){

}/* 1440px */

@media screen and (max-width:1280px){
#main__news__wr .pic_lt_news .main__new__list{gap:10px;}
#main__news__wr .pic_lt_news .main__new__list .list__box{width:calc(33.33% - 7px); height:160px;}
#main__news__box .left__wr{width:450px;}
#main__news__box .right__wr{width:calc(100% - 460px);}
#main__news__wr .news__cate__ul .news__cate__li a{font-size:20px;}
}/* 1280px */

@media screen and (max-width:1024px){
#main__news__wr .inner__cen1365{width:90%;}
#main__news__box .news__box__box__wr{flex-direction: column; gap:40px;}
#main__news__box .left__wr{width:100%;}
#main__news__box .right__wr{width:100%;}
#main__news__box .main__news__sw{height:initial;}
#main__news__box .main__news__sw .swiper-wrapper{}
#main__news__box .main__news__sw .swiper-slide a{display:flex;}
#main__news__box .main__news__sw .swiper-slide a .text__wr{padding:12px 16px 16px 16px; width: calc(100% - 260px);}
#main__news__box .main__news__sw .swiper-slide a .text__wr .subject{font-size:18px; -webkit-line-clamp: 1;}
#main__news__wr .pic_lt_news .main__new__list .list__box{height:initial; width:100%;}
#main__news__box .main__news__sw .swiper-slide a .text__wr .cate{background:#fff; color:#002E77; height:initial; line-height: initial; margin-bottom: 12px; padding:0;}
#main__news__box .main__news__sw .swiper-slide a .text__wr .day{position:absolute; right:16px; top:12px;}
#main__news__box .main__news__sw .swiper-pagination{bottom:-25px;}
#main__news__box .main__news__sw .swiper-slide a .text__wr .text{margin-bottom:0;font-size:14px; height:42px;}
#main__news__wr .pic_lt_news .main__new__list .list__box{border:0; border-radius:0; border-bottom:1px solid #ddd; height:50px;}
#main__news__wr .pic_lt_news .main__new__list .list__box a{display:flex; align-items:center; justify-content: space-between;}
#main__news__wr .pic_lt_news .main__new__list .list__box .news_title{max-width:250px; font-size:14px;}
#main__news__wr .pic_lt_news .main__new__list .list__box .news_info{padding:0;}
#main__news__box .main__news__sw .swiper-slide a .img__wr{height:150px; width:260px;}
#main__news__wr .pic_lt_news .main__new__list{gap:0; height:300px; overflow:hidden; flex-direction: column;}

}/* 1024px */

@media screen and (max-width:820px){
}/* 820px */

@media screen and (max-width:768px){
#main__news__box .news__box__box__wr{gap:20px;}
#main__news__box .more__btn__wr a{width:35px; height:35px;}
#main__news__box .more__btn__wr a img{width:16px;}
}/* 768px */

@media screen and (max-width:600px){
}/* 600px */

@media screen and (max-width:570px){
#main__news__wr .pic_lt_news .main__new__list{height:200px;}
#main__news__wr .pic_lt_news .main__new__list .list__box{height:40px;}
#main__news__wr .pic_lt_news .main__new__list .list__box .news_info{font-size:12px;}
}/* 570px */

@media screen and (max-width:480px){
#main__news__box .main__news__sw .swiper-slide a .img__wr{height:105px; width:150px;}
#main__news__box .main__news__sw .swiper-slide a .text__wr .text{margin:4px 0 0; font-size:12px; height:18px; -webkit-line-clamp: 1;}
#main__news__box .main__news__sw .swiper-slide a .text__wr{width: calc(100% - 150px);}
#main__news__box .main__news__sw .swiper-slide a .text__wr .cate{font-size:12px;}
#main__news__box .main__news__sw .swiper-slide a .text__wr .subject{font-size:14px;}
#main__news__box .main__news__sw .swiper-slide a .text__wr .day{font-size:12px;}
}/* 480px */

@media screen and (max-width:375px){
}/* 375px */



.fp-watermark{display: none !important;}
#footer{height:initial !important; background:#3D4756; padding:30px 0 40px; font-family: 'Pretendard', dotum, sans-serif;}
#footer .inner__cen1365{display:flex; flex-direction:initial; justify-content: space-between; align-items: end;}
#footer .ft__left__box .ft__logo__wr{margin-bottom:5px; display:inline-block;}
#footer .ft__left__box .ft__logo__wr img{width:140px;}
#footer .ft__left__box .ft__text__wr .tx01{font-size:14px; color:#fff; letter-spacing:-1px;}
#footer .ft__left__box .ft__text__wr .tx02{font-size:18px; font-weight: 600; color:#fff; letter-spacing:-0.5px; margin-left: 8px; display:inline-block;}
#footer .ft__left__box .ft__text__wr .line{display:inline-block; background-color:#999; width:1px; height:8px; margin:0 6px;}
#footer .ft__right__box .copy__right{color:rgba(255,255,255,0.6); font-size:14px; letter-spacing:-1px;}

@media (pointer: fine) {
}
@media screen and (max-width:1440px){
}/* 1440px */

@media screen and (max-width:1280px){
}/* 1280px */

@media screen and (max-width:1024px){
#footer .ft__left__box .ft__text__wr .line{display:none;}
#footer .inner__cen1365{display:block; }
#footer .ft__right__box{margin-top: 20px;}

}/* 1024px */

@media screen and (max-width:820px){
}/* 820px */

@media screen and (max-width:768px){
#footer .ft__left__box .ft__text__wr .tx01{font-size:12px; line-height: 1.5; letter-spacing:-0.5px;}
#footer .ft__left__box .ft__text__wr .tx02{font-size:14px; margin-left: 4px;}
#footer .ft__right__box .copy__right{font-size:12px;}

}/* 768px */

@media screen and (max-width:600px){
}/* 600px */

@media screen and (max-width:570px){
#footer .ft__left__box .ft__logo__wr img{width:110px;}
}/* 570px */

@media screen and (max-width:480px){
}/* 480px */

@media screen and (max-width:375px){
}/* 375px */



#fp-nav{display:none !important;}
.main__fixed__nav__wr{position:fixed; right:40px; top:15%; height:20vh; cursor: pointer; transform:translateY(-50%); z-index:99999; display: flex; align-items: center; width:100px;}
.main__fixed__box{position:relative; width:100%;}
.main__fixed__box .nav__wr{display:flex; justify-content: end;}
.main__fixed__box .nav__wr li{width:100%;}
.main__fixed__box .nav__wr li a{width:150px; font-weight: 600; font-size:12px; color:rgba(26,19,17,0.6); position:absolute; top:-30px; right:0; opacity:0; visibility: hidden; text-align: right; letter-spacing: -0.5px; transition:all .3s;}
.main__fixed__box .nav__wr li a.last__text{top:initial; bottom:-30px; opacity:1; visibility: visible; color:#002E77;}
.main__fixed__box .nav__wr li a.on{opacity:1; visibility: visible; color:#002E77;}
.main__fixed__box .nav__wr li a .num{font-size:16px; font-weight: 600; margin-left:10px;}
.main__fixed__box .nav__wr li.progress__line__wr{width:2px; height:100px; background:rgba(0,0,0,0.13); border-radius:20px; opacity:1; position:relative; margin-right: 6px; margin-left: auto;}
.main__fixed__box .nav__wr li.progress__line__wr .progress__line{background:#002E77; width:2px; height:10%; position:absolute; left:0; top:0; border-radius:20px;}

.main__fixed__nav__wr.open .nav__wr li a{transition:all .3s; opacity:1; visibility: visible;}
.main__fixed__nav__wr.open .nav__wr li:last-child a{margin-bottom: 0;}
.main__fixed__nav__wr.open .nav__wr li a.last__text{opacity:0; visibility: hidden; display:none;}
.main__fixed__nav__wr.open .nav__wr li.progress__line__wr{opacity:0; visibility: hidden;}

.main__fixed__box .nav__wr li:last-child{width:initial;}

.main__fixed__nav__wr.open .nav__wr li a.list02{top:0px;}
.main__fixed__nav__wr.open .nav__wr li a.list03{top:30px;}
.main__fixed__nav__wr.open .nav__wr li a.list04{top:60px;}
.main__fixed__nav__wr.open .nav__wr li a.list05{top:90px;}
.main__fixed__nav__wr.open .nav__wr li a.list06{top:120px;}


@media screen and (max-width:1440px){
}/* 1440px */

@media screen and (max-width:1280px){
}/* 1280px */

@media screen and (max-width:1024px){
.main__fixed__nav__wr{display:none;}

}/* 1024px */

@media screen and (max-width:820px){
}/* 820px */

@media screen and (max-width:768px){
}/* 768px */

@media screen and (max-width:600px){
}/* 600px */

@media screen and (max-width:570px){
}/* 570px */

@media screen and (max-width:480px){
}/* 480px */

@media screen and (max-width:375px){
}/* 375px */