@import url("reset.css");
@import url("swiper.css");
@import url("slick.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


:root {
  --width: 1440px;
  --padding:20px;
  --header_h: 100px;
  --m_header_h: 60px;
  --point-color-1: #0F365E;
  --font :  'Poppins', sans-serif
}

[data-delay] {position: relative; transition: all 1s ease; opacity:0;}
[data-direction="left"]{left:-40px;}
[data-direction="right"]{right:-40px;}
[data-direction="top"]{top:-40px;}
[data-direction="bottom"]{bottom:-40px;}
.section_on [data-delay]{opacity:1;}
.section_on [data-direction="left"]{left:0;}
.section_on [data-direction="right"]{right:0;}
.section_on [data-direction="top"]{top:0;}
.section_on [data-direction="bottom"]{bottom:0;}


/* header */
.header{position:fixed; left:0; top:0; z-index:30; width:100%; transition: all 0.3s ease-out;}
.header_inner{position:relative; margin:0 auto; max-width:1440px; padding:0 var(--padding); height:var(--header_h); display:flex; align-items: center; box-sizing:border-box; }
.header .logo a{width:207px; aspect-ratio: 207/57; background:url(../img/logo_w.svg) no-repeat center center; background-size:100%; text-indent:-9999px; display:block;}
.gnb_wrap{position:fixed; left:50%; top:40px; transform: translateX(-50%);}
.mb_language{display:none;}
.gnb:before{position:fixed; left:50%; top:60px; z-index:30; width: 100vw; height:320px; background-color:#fafafa; display:block; content:"";transform: translateX(-50%); visibility: hidden; opacity:0; transition: all 0.3s ease-out; box-shadow:2px 5px 7px rgba(0,0,0,0.1);}
.gnb>ul{display:Flex; align-items: center;}
.gnb>ul>li{padding:0 40px; position:relative; transition: all 0.3s ease-out;}
.gnb>ul>li:before{position:absolute; left:0; bottom:5px; width:0; height:2px; background-color:#0155AB; display:block; content:""; transition: all 0.3s ease-out; }
.gnb>ul>li:hover:before{width:100%;}
.gnb>ul>li>a{padding-bottom:40px;font-size:18px; color:#fff; display:block; transition: all 0.3s ease-out;}
.s_gnb{position:absolute; left:0; top:20px; z-index:32; padding-top:20px;  width:100%; padding-top:50px; visibility: hidden; opacity:0; }
.s_gnb ul li{padding:10px 0; text-align:center;}
.header .right_area{margin-left:auto; display:flex; align-items: center; gap:20px;}
.header .language{position:relative;  }
.header .language_list{position:absolute; left:50%; top:20px; padding-top:20px; width:100px;  transform: translateX(-50%); display:none;}
.header .language_list ul{padding:10px 20px; background-color:#fff; border-radius:10px; border:1px solid #ddd; box-shadow:0 2px 10px rgba(0,0,0,0.1);}
.header .language_list li{padding:5px 0; text-align:center; }
.header .btn_language_open{position:Relative; padding:0 30px; min-height:24px; line-height:24px; color:#fff; background:url(../img/icon_country.svg) no-repeat 0 center;}
.header .btn_language_open:before{position:absolute; right:0; top:50%; width:12px; height:12px; background:url(../img/family_arrow.svg) no-repeat right center; background-size:100%; display:block; content:""; transform: translateY(-50%);}
.header .menu_open{position:relative; width:36px; aspect-ratio: 1/1; display:block;}
.header .menu_open span{position:absolute; left:50%; top:50%; width:100%;  height:3px; background-color:#fff; display:block; transform:translate(-50%, -50%);  transition: all 0.6s ease-out;}
.header .menu_open span:before{margin-top:-8px; position:absolute; left:50%; top:50%; width:100%;  height:3px; background-color:#fff; display:block; transform:translate(-50%, -50%); content:""; transition: all 0.3s ease-out;}
.header .menu_open span:after{margin-top:8px; position:absolute; left:50%; top:50%; width:100%;  height:3px; background-color:#fff; display:block; transform:translate(-50%, -50%);content:"";  transition: all 0.3s ease-out; opacity:1;}

.header .mb_logo .language_list ul li a{color:#333;}

.gnb .btn_inquiry,
.mb_logo,
.total_menu{display:none;}

.scroll .header{background-color:#fff;}
.scroll .header_inner{height:70px;}
.scroll .header .logo a{background:url(../img/logo.svg) no-repeat center center; background-size:100%;}
.scroll .gnb>ul>li>a{color:#000;}
.scroll .header .btn_language_open{background:url(../img/icon_country_on.svg) no-repeat 0 center; color:#000;}
.scroll .menu_open span:before,
.scroll .menu_open span:after,
.scroll .menu_open span{background-color:#000;}
.scroll .gnb_wrap{top:20px;}
.scroll .gnb>ul>li>a{padding-bottom:30px;}
.scroll .gnb:before{top:50px;}

.sub_header{background-color:#fff; border-bottom:1px solid #dcdcdc;}
.sub_header .logo a{background:url(../img/logo.svg) no-repeat center center; background-size:100%;}
.sub_header .gnb>ul>li>a{color:#000;}
.sub_header .btn_language_open{background:url(../img/icon_country_on.svg) no-repeat 0 center; color:#000;}
.sub_header .gnb_wrap .btn_inquiry a{border:none; color:#fff;}
.sub_header .menu_open{/*background:url(../img/icon_menu_over.svg) no-repeat center center; background-size:100%;*/}

.sub_header .menu_open span:after,
.sub_header .menu_open span:before,
.sub_header .menu_open span{background-color:#000;}

@media screen and (min-width: 1025px) {
.s_gnb{transition: all 0.3s ease-out;}
.gnb:hover:before{visibility: visible; opacity:1;}
.gnb:hover .s_gnb{visibility: visible; opacity:1; }

.gnb_wrap.active .gnb:before,
.gnb_wrap.active .s_gnb{visibility: visible; opacity:1;}

.header.bg_on .menu_open span:after,
.header.bg_on .menu_open span:before,
.header.bg_on .menu_open span,

.header.over .menu_open span:after,
.header.over .menu_open span:before,
.header.over .menu_open span{background-color:#000;}

.header.bg_on{background-color:#fff;}
.header.over{background-color:#fff;}
.header.bg_on .logo a,
.header.over .logo a{background:url(../img/logo.svg) no-repeat center center; background-size:100%;}
.header.bg_on .gnb>ul>li:hover>a,
.header.over .gnb>ul>li:hover>a{color:var(--point-color-1);}
.header.bg_on .gnb>ul>li>a,
.header.over .gnb>ul>li>a{color:#333;}
.header.bg_on  .btn_language_open,
.header.over .btn_language_open{background:url(../img/icon_country_on.svg) no-repeat 0 center; color:#333;}

.header .menu_open.active span{margin:0;transform:translate(-50%, -50%) rotate(45deg); }
.header .menu_open.active span:before{margin:0; transform:translate(-50%, -50%) rotate(-90deg); }
.header .menu_open.active span:after{opacity:0;}

}

@media screen and (max-width: 1400px) {
.gnb>ul>li{padding:0 24px;}
.gnb:hover>ul>li{padding:0 30px;}

}
@media screen and (max-width: 1024px) {
.header .right_area .btn_inquiry{display:none;}
.mb_logo{padding:20px 70px 17px 20px; display:flex; box-sizing:border-box; align-items:center;}
.header .mb_logo .language{margin-left:auto; color:#fff; position:relative; z-index:10;}
.header .mb_logo .logo a{background:url(../img/logo_w.svg) no-repeat center center; display:inline-block; background-size:100%;}
.menu_open{margin-left:auto; width:40px; height:40px; background:url(../img/icon_menu.svg) no-repeat center center; background-size:100%; display:block;}
.sub_header .menu_open{background:url(../img/icon_menu_over.svg) no-repeat center center; background-size:100%;}
.mb_language{display:block; margin-bottom:20px; }
.mb_language ul{display:flex; background-color:var(--point-color-1); color:#fff;}
.mb_language ul li{position:relative; flex-grow:1; padding:0; }
.mb_language ul li:before{position:absolute; left:0; margin-top:-7px; top:50%; width:1px; height:14px; background:rgba(255,255,255,0.5); display:block; content:"";}
.mb_language ul li:first-child:before{display:none;} 
.mb_language ul li a{width:100%; padding:10px 0; display:block; text-align:center; box-sizing:border-box;}
.scroll .gnb_wrap{top:0;}
.gnb_wrap{position:fixed; right:0; top:0; z-index:30; padding:0; width:100vw; height:100vh; visibility: hidden; opacity:0; transition: all 0.3s ease-out;}
.gnb_wrap>div{position:fixed; right:-110%; top:0; width:100%; height:100vh; background-color:#0155AB; box-sizing:border-box; transition: all 0.3s ease-out 0.2s;}
.gnb:before{display:none;}
.gnb{height:calc(100% - 88px); overflow:hidden; }
.gnb>ul{display:block;}
.gnb>ul>li{padding:0; margin-bottom:10px; width:100%; box-sizing:border-box; text-align:center;}
.gnb:hover>ul>li{padding:0;}
.header .gnb>ul>li>a{position:relative; padding:10px 30px; box-sizing:border-box;  color:#fff; display:block; font-size:30px; text-align:left;}
.header .gnb>ul>li>a:hover{color:#fff;}
.gnb>ul>li>a.s_gnb_open{position:Relative; transition: all 0.3s ease-out; }
.gnb>ul>li>a.s_gnb_open:before{position:absolute; right:20px; top:50%; width:15px; height:6px;background:url(../img/gnb_arrow.svg) no-repeat center center; background-size:100%; display:block; content:""; transition: all 0.6s ease-out;  transform: translateY(-50%);}
.gnb>ul>li>a.s_gnb_open.on{font-weight:700;}
.gnb>ul>li>a.s_gnb_open.on:before{transform:translate(0, -50%)  rotate(180deg);}
.s_gnb{position:relative; left:auto; top:auto; margin:0;  width:100%; padding:20px 40px; background-color:transparent; display:block; visibility: visible; opacity:1; box-sizing:border-box; display:none; text-align:left; }
.s_gnb ul li{color:#fff; opacity:0.8; text-align:left; }
.s_gnb ul li a{font-size:24px;}
.btn_gnb_close{position:absolute; right:17px; top:25px; width:40px; height:40px; background:url(../img/icon_close_w.svg) no-repeat center center; background-size:100%;}
.gnb_wrap .btn_inquiry{margin-top:10px; width:100%; text-align:center;  display:block;}
.header .btn_inquiry a{padding:10px 25px; width:auto; height:auto; line-height:1.4; font-size:15px; background-color: #092941;}
.sub_header  .gnb_wrap.active .btn_language_open,
.header .gnb_wrap.active .btn_language_open{padding:0 30px; min-height:24px; line-height:24px; background:url(../img/icon_country.svg) no-repeat 0 center; color:#fff;}
.gnb>ul>li:before{display:none;}

.gnb_wrap.active{visibility: visible; opacity:1;}
.gnb_wrap.active>div{right:0;}
}

@media screen and (max-width: 768px) {
body, a, [type=text], [type=password], [type=file], [type=email], [type=number], [type=tel], [type=submit], select, h1, h2, h3, h4, h5, h6, pre, textarea, button{font-size:14px;}

.header_inner{height:var(--m_header_h);}
.header .logo a{width:70px; }
.gnb>ul>li>a{font-size:16px;}
.btn_gnb_close{width:30px; height:30px;}

.header .gnb>ul>li>a{font-size:4.17vw;}
.s_gnb ul li a{font-size:3.33vw;}
}

/* layout */
.swiper-button-prev:after,
.swiper-rtl .swiper-button-prev:after,
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after{display:none;}

/* main */
@keyframes arrow {
  0%   {bottom:32px;}
  50%   {bottom: 65px;}
  100% {bottom: 32px;}
}

@keyframes m_link_bar {
  0%   {width:0;}
  100%   {width:20px;}
}
@keyframes m_link_circle {
  0%   {transform: scale(0); opacity:0;}
  100%   {transform: scale(1.2); opacity:1;}
}


.main_bar{position:absolute; top:0; z-index:10;   width:1px; height:0; background:rgba(99,99,99); opacity:1; display:block; content:"";}
.main_bar_1{left:13.5%; transition: all 2s ease-out 0.2s;}
.main_bar_2{left:37.8%; transition: all 2s ease-out 0.5s;}
.main_bar_3{right:37.8%; transition: all 2s ease-out 0.8s;}
.main_bar_4{right:13.5%; transition: all 2s ease-out 1.1s;}

.start .main_visual .main_bar{height:100%; opacity:0.17;}
.main_visual{position:relative; overflow:hidden;}
.main_visual .main_bar{background:rgba(255,255,255);}
.main_visual:before{position:absolute; right:14.94%; bottom:32px; z-index:4; width:90px; height:90px; border:1px solid #fff; background:url(../img/scroll_arrow.svg) no-repeat center center; border-radius:50%; box-sizing:border-box; display:block; content:"";
animation: arrow 1.6s ease-in-out infinite;
}
.main_visual .list{height:1080px;}
.main_visual .list_1{background:url(../img/main_visual_1.png) no-repeat center center; background-size:cover;}
.main_visual .list_2{background:url(../img/main_visual_2.png) no-repeat center center; background-size:cover;}
.main_visual .list_3{background:url(../img/main_visual_3.png) no-repeat center center; background-size:cover;}
.main_vs_txt{position:absolute; left:50%; top:50%; z-index:3; max-width:var(--width); width:100%; padding:0 var(--padding); box-sizing:border-box;transform: translate(-50%, -50%); }
.main_vs_txt span{margin-bottom:10px; display:block; font-size:18px; color:#fff; font-family:var(--font); font-weight:400;}
.main_vs_txt strong{display:block; font-size:96px; color:#fff; font-family:var(--font); font-weight:500; line-height:1;}
.main_vs_txt p{margin-top:27px; font-size:24px; color:#fff; font-weight:600;}

.main_visual .control{display:flex; align-items: center;}
.main_visual .swiper-pagination{position:relative; left:auto; bottom:auto; text-align:left; display:inline-block; width:auto;}
.main_visual .swiper-pagination .swiper-pagination-bullet{margin-right:8px; width:80px; height:3px; background-color:#fff; opacity:0.3; border-radius:0; transition: all 0.3s ease-out;}
.main_visual .swiper-pagination .swiper-pagination-bullet-active{opacity:1;}
.main_visual .vs_play{width:12px; height:12px; background:url(../img/icon_play.svg) no-repeat center center; background-size:12px; display:none;}
.main_visual .vs_pause{width:12px; height:12px; background:url(../img/pause.svg) no-repeat center center; }
.start .main_vs_txt .txt>div,
.start .main_vs_txt .title span,
.start .main_vs_txt .en span{transform: translateY(0);}
.main_vs_link{position:absolute; left:0; bottom:0; z-index:3; width:37.9%; background-color:#fff;}
.main_vs_link a{margin-left:auto; display:flex; max-width:486px; width:100%; height:120px;align-items: center; justify-content: center;}
.main_vs_link span{display:block; color:#6C6C6C; letter-spacing:2px;}
.main_vs_link strong{position:relative; margin-top:5px; padding-right:40px; display:inline-block; font-weight:700; font-size:24px;}
.main_vs_link strong:before{position:absolute; left:calc(100% - 30px); top:50%; z-index:2; width:20px; height:1px; background-color:#000; display:block; content:""; 
animation: m_link_bar 2.6s ease-in-out infinite;
}
.main_vs_link strong:after{position:absolute; right:0; top:50%; z-index:1; margin-top:-8px; width:16px; height:16px; background-color:#57BFFF; border-radius:50%; display:block; content:""; 
animation: m_link_circle 2.6s ease-in-out infinite;
}

.main_container .more a{position:relative; padding:15px 70px 15px 26px; display:inline-block; border:1px solid #fff; border-radius:20em; font-size:18px; font-weight:300; color:#fff; }
.main_container .more a:before{position:absolute; right:30px; top:50%; width:24px; height:10px; background:url(../img/btn_arrow.svg) no-repeat center center; display:block; content:""; transform: translateY(-50%); transition: all 0.3s ease-out;}
.main_container .more a:hover:before{right:20px;}

.main_cont_2{position:relative; padding:260px 0 435px;background:url(../img/main_bg.png) no-repeat center bottom; background-size:cover; }
.main_cont_2 .main_bar{ background:#fff;}
.main_cont_1.active .main_bar{height: 100%; opacity: 0.17;}
.main_cont_2.active .main_bar{height: 100%; opacity: 0.17;}
.main_cont_2 .txt_area{margin:0 auto; max-width:var(--width); padding:var(--padding); box-sizing:border-box; width:100%;}
.main_cont_2 .txt_area h1{margin-bottom:40px; font-size:67px; color:#fff; font-family: 'Poppins', sans-serif; line-height:1.2; position:Relative; bottom:-40px; opacity:0; transition: all 0.6s ease-out 0.2s;}
.main_cont_2 .txt_area p{margin-bottom:40px; font-size:24px; line-height:1.66; color:#aaaaaa; position:Relative; bottom:-40px; opacity:0; transition: all 0.6s ease-out 0.4s;}
.main_cont_2 .txt_area .more a{position:relative; bottom:-40px; opacity:0; transition: all 0.6s ease-out 0.8s;}
.main_cont_2.active .txt_area h1,
.main_cont_2.active .txt_area p,
.main_cont_2.active .txt_area .more a{bottom:0; opacity:1;}

.main_rolling_img_wrap,
.main_rolling_txt_wrap{position:relative; }
.main_rolling_txt_wrap .main_bar{background-color:#636363;}
.main_rolling_txt_wrap.active .main_bar{height:100%; opacity:0.17;}
.main_rolling_img_wrap .main_bar{background-color:#fff;}
.main_rolling_img_wrap.active .main_bar{height:100%; opacity:0.15;}
.main_rolling_txt_wrap.active .main_bar_1{top:-120px; height:calc(100% + 120px);}

@media screen and (max-width: 1400px) {
.main_container .more a{padding:12px 50px 12px 20px; font-size:16px;}
.main_container .more a:before{right:22px; width:20px; height:8px; background-size:100%;}
.main_container .more a:hover:before{right:15px;}
}

@media screen and (max-width: 1024px) {
.main_visual .list{height:800px;}
.main_vs_txt strong{font-size:70px; word-break: keep-all;}
.main_vs_txt p{font-size:20px;}
}

@media screen and (max-width: 960px) {
.main_bar{display:none;}
.main_visual .list{padding-bottom:160%; height:auto; }
.main_vs_txt strong{font-size:50px;}
.main_vs_txt p{font-size:16px;}

.main_vs_link{width:60%;}
.main_vs_link a{height:65px;}
.main_vs_link span{font-size:11px;}
.main_vs_link strong{font-size:16px;}
.main_visual:before{width:12.4vw; height:12.5vw; background-size:10px;}
}

@media screen and (max-width: 768px) {
.main_cont_2 .txt_area p,
.main_rolling_img .txt_area p,
.main_rolling_img .txt_area .s_tit{font-size:3.33vw;}
.main_rolling_img .txt_area .tit{font-size:6vw;}
.main_container .more a{font-size:2.7778vw;}
.main_cont_2 .txt_area h1{font-size:6.94vw;}
}

.main_cont_1{position:relative; padding:240px 0 100px; overflow:hidden;}
.main_cont_1 .main_bar{background-color:#666;}
.main_cont_1 .cont{position:relative; margin:0 auto; max-width:1344px; padding:0 var(--padding); box-sizing:border-box;}
.main_cont_1 .title_area .s_title{margin-bottom:30px; font-size:24px; font-weight:500; color:var(--point-color-1); display:block; }
.main_cont_1 .title_area h1{font-size:60px; font-weight:700; line-height:1.3;}
.main_cont_1 .title_area p{margin-top:20px;font-size:18px; color:#5b5b5b; line-height:1.6;}
.main_cont_1 .list{position:relative; padding:76px 0; margin-top:124px; }
.main_cont_1 .list:before{position:absolute; left:50%; top:0; margin-left:45px; width:calc(100vw - 90px); height:100%; background-color:#F5F5F5; display:block; content:""; border-radius:20em 0 0 20em; transform:translateX(-50%);}
.main_cont_1 .list ul{position:relative; z-index:2; display:flex; align-items: center; gap:85px;}
.main_cont_1 .list ul li .tit{font-size:18px; color:var(--point-color-1); display:block; line-height:1.6;}
.main_cont_1 .list ul li .number{font-size:60px; font-weight:700; line-height:1.3;}
.main_cont_1 .list ul li .number sup{font-size:30px; line-height:1; font-weight:700;}
.main_cont_1 .list ul li .date{font-size:16px; color:#5b5b5b; }
.main_cont_1 .btn_list{position:absolute; right:40px; bottom:80px; width:235px;}
.main_cont_1 .btn_list li{position:relative; min-height:234px;}
.main_cont_1 .btn_list li a{position:relative; aspect-ratio: 1/1; display:flex; align-items: center; justify-content: center; font-size:30px; font-weight:600; color:#fff;}
.main_cont_1 .btn_list li a span{margin-top:12px;  text-align:center; display:block; font-size:16px; color:#fff; font-weight:600;  opacity:0.6;}
.main_cont_1 .btn_list li:before{position:absolute; left:50%; top:50%; width:100%; aspect-ratio: 1/1; display:block; content:''; border-radius:70px; transform:translate(-50% , -50%) rotate(45deg); content:"";}
.main_cont_1 .btn_list li:nth-child(1):before{background-color:var(--point-color-1);}
.main_cont_1 .btn_list li:nth-child(2):before{background-color:rgba(108,181,255,0.8); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); }
.main_cont_1 .btn_list li:nth-child(3):before{background-color:#fff;}
.main_cont_1 .btn_list li:nth-child(3) a span,
.main_cont_1 .btn_list li:nth-child(3) a{color:var(--point-color-1);}

@media screen and (max-width: 1530px) {
.main_cont_1 .list:before{left:50%; margin:0; width:100vw; border-radius:0;}
}
@media screen and (max-width: 1340px) {
.main_cont_3 .link_list ul li p{word-break: keep-all;}
.main_cont_3 .link_list ul li p br{display:none;}
}

@media screen and (max-width: 1024px) {
.main_cont_1 {position:relative; }
.main_cont_1 .btn_list{position:relative; right:auto; bottom:auto; padding-top:70px; width:100%;}
.main_cont_1 .btn_list ul{margin:0 auto; width:90%; display:flex; justify-content: center;}
.main_cont_1 .btn_list ul li{flex:1;}
.main_cont_1:before{position:absolute; left:0; bottom:0; width:100%; height:50%; display:block; background-color:#F5F5F5; content:"";}
}


.main_cont_3{padding-top:246px; background:url(../img/main_bg2.png) no-repeat center center; background-size:cover; text-align:center;}
.main_cont_3 .title_area{margin-bottom:90px; }
.main_cont_3 .title_area .en{margin-bottom:30px; display:block; font-size:24px; font-weight:600; color:#fff;}
.main_cont_3 .title_area h1{margin-bottom:20px; font-size:60px; line-height:1.3; font-weight:700; color:#fff;}
.main_cont_3 .title_area p{font-size:18px; color:#fff; line-height:1.66; }
.main_cont_3 .link_list ul{position:relative; display:flex; }
.main_cont_3 .link_list ul:before{position:absolute; left:0; top:0; width:0; height:1px; background-color:#fff; display:block; content:"";  opacity:0.5; transition: all 1s ease-out 1.2s;}
.main_cont_3 .link_list ul li{position:relative; padding:70px 10px; flex:1;  }
.main_cont_3 .link_list ul li:before{position:absolute; left:0; top:0; width:1px; height:0; background-color:#fff; display:block; content:"";  opacity:0.5; transition: all 1s ease-out 1.5s;}
.main_cont_3 .link_list ul li:first-child:before{display:none;}
.main_cont_3 .link_list ul li .title{margin-bottom:30px; font-size:34px; font-weight:600; color:#fff; line-height:1.2;}
.main_cont_3 .link_list ul li p{font-size:18px; color:#fff; line-height:1.66; }
.main_cont_3 .link_list ul li .btn_area{margin-top:30px; text-align:center; display:flex; align-items: center; justify-content: center;}
.main_cont_3 .link_list ul li .btn_area a{padding:10px 28px; display:flex; font-size:18px; line-height:2; color:#fff; border-radius:2em; gap:16px; border: 1px solid #fff;}
.main_cont_3 .link_list ul li .btn_area a:after{width:24px; aspect-ratio: 24/10; background:url(../img/btn_arrow.svg) no-repeat center center; display:block; content:""; }
.main_cont_3.section_on .link_list ul:before{width:100%;}
.main_cont_3.section_on .link_list ul li:before{height:100%;}

@media screen and (max-width: 960px) {
.main_vs_txt span{font-size:16px;}
.main_vs_txt strong{font-size:60px;}
.main_vs_txt p{font-size:14px;}
.main_cont_1{padding:110px 0;}
.main_cont_2 .txt_area h1{font-size:52px;}
.main_cont_2 .txt_area p{font-size:20px;}
.main_cont_1 .title_area .s_title{font-size:20px; }
.main_cont_3 .title_area h1,
.main_cont_1 .title_area h1{font-size:40px; word-break: keep-all;}
.main_cont_1 .title_area p{font-size:16px;}
.main_cont_1 .list ul li .number{font-size:40px;}
.main_cont_3 .link_list ul li .title{font-size:28px;}
.main_cont_3 .link_list ul li p{font-size:16px;}
.main_cont_3 .link_list ul li .btn_area a{padding:5px 14px; font-size:16px;}
}

@media screen and (max-width: 768px) {
.main_cont_3 .title_area h1 br,
.main_cont_1 .title_area h1 br{display:none;}
.main_vs_txt span{font-size:16px;}
.main_vs_txt strong{font-size:60px;}
.main_vs_txt p{font-size:14px;}
.main_cont_1 .list{margin-top:30px; padding:20px 0;}
.main_cont_1 .list ul{display:block; }
.main_cont_1 .list ul li{padding:20px 0; width:100%; text-align:center;}
.main_cont_1 .btn_list{padding-top:30px;}
.main_cont_1 .btn_list ul{width:100%;}
.main_cont_1 .btn_list li{min-height:auto;}
.main_cont_1 .btn_list li:before{border-radius:40px;}
.main_cont_1 .btn_list li a{font-size:24px;}
.main_cont_1 .btn_list li a span{margin-top:6px; font-size:13px;}
.main_cont_2{padding:120px 0;}
.main_cont_2 .txt_area h1{font-size:42px;}
.main_cont_2 .txt_area p{font-size:16px;}
.main_cont_3{padding-top:120px;}
.main_cont_3 .link_list ul{display:block;}
.main_cont_3 .link_list ul li:before{width:0; height:1px;}
.main_cont_3.section_on .link_list ul li:before{height:1px; width:100%;}
}

/* footer */
.footer{padding-top:85px; border-top:1px solid #eee;}
.footer_inner{position:relative; margin:0 auto; padding:0 var(--padding); max-width:var(--width); box-sizing:border-box;}
.footer .txt{margin:64px 0 20px; font-size:16px; color:#888; }
.footer .info ul{display:flex; gap:10px 40px; flex-wrap:wrap;}
.footer .info ul li{padding-left:27px; display:flex; gap:27px; font-size:16px; color:#000; }
.footer .info ul li a{font-size:1rem; color:#838B9B; font-weight:500;}
.footer .info ul li:last-child{padding-left:0;}
.footer .info ul li span{color:#888;}
.footer .info ul li.icon_1{background:url(../img/ic_tel.svg) no-repeat left center; }
.footer .info ul li.icon_2{background:url(../img/ic_mail.svg) no-repeat left center; }
.footer .info ul li.icon_3{background:url(../img/ic_location.svg) no-repeat left center; }
.footer .info ul li.icon_4{background:url(../img/ic_fax.svg) no-repeat left center; background-size:24px;}
.footer .info ul li.adm_menu{padding-left:0;}
.footer .info ul li.adm_menu a{font-size:1rem; font-weight:500; color:#838B9B;}
.footer_btm{margin-top:40px; padding:20px 50px; display:flex; background-color:var(--point-color-1); align-items: center;}
.footer_btm .copyright{font-size:14px; font-weight:500; color:#fff; line-height:2.8;}
.footer_menu{margin-left:auto; }
.footer_btm ul{display:flex; gap:20px;}
.footer_btm ul li{font-size:16px; font-weight:600; color:#BBD1FE; }
.footer_btm ul li strong{font-weight:inherit; color:#fff;}
.footer .family_site{position:absolute; right:var(--padding); top:-10px; width:235px;}
.footer .btn_family_site_open{padding-left:24px; width:100%; height:63px; line-height:63px; background:url(../img/family_arrow.svg) no-repeat right 30px center #F5F5F5; border-radius:2em; font-size:16px; text-align:left; }
.footer .family_site_list{position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fff; display:none; }
@media screen and (max-width: 960px) {
.footer .info ul{display:block; }
.footer .info ul li{margin-bottom:10px; }
.footer_btm{margin-top:20px; padding:10px 20px; }
}
@media screen and (max-width: 768px) {
.footer{padding-top:40px;}
}
@media screen and (max-width: 640px) {
.footer_logo img{width:100px;}
.footer .family_site{width: 180px; top:0;}
.footer .btn_family_site_open{padding-left:10px; height:50px; line-height:50px; font-size:14px;}
.footer_btm{display:block; }
.footer .info ul li{font-size:13px; gap:14px;}
}

/* title */
.titleType_1 h2{margin-bottom:22px; font-size:24px; font-weight:700; color:var(--point-color-1); text-align:center}
.titleType_1 p{margin-bottom: 74px; font-size:3.75rem; font-weight:700; text-align:center; }
@media screen and (max-width: 768px) {
.titleType_1 p{margin-bottom:40px; font-size:2rem; word-break: keep-all; }
.titleType_1 p br{display:none; }
}

/* txt */
.top_txt{margin-bottom:30px; font-size:52px; line-height:1.37; position:relative; bottom:-40px; opacity:0; transition: all 0.6s ease-out 0.8s;}
.start .top_txt{bottom:0; opacity:1;}
.top_txt .en{font-family: 'Poppins', sans-serif; font-weight:7000; display:block;}

/* layout */
.navi{margin:0 auto; padding:39px 0 48px;}
.navi ul{display:flex; align-items: center; justify-content: flex-end;}
.navi ul li{position:relative; padding:0 20px; color:#666666; font-weight:500;}
.navi ul li:before{position:absolute; left:0; top:50%; margin-top:-8px; width:1px; height:16px; background-color:#DBDBDB; display:block; content:"";}
.navi ul li:first-child:before{display:none;}
.navi ul li:last-child{text-decoration: underline; }
.s_navi_open{padding-right:28px; background:url(../img/navi_arrow.svg) no-repeat right center; }
.s_navi{position:absolute; left:0; top:50%; width:200px; background-color:#fff; border-radius:10px; border: 1px solid #ddd; transform: translateX(-50%); display:none;}

.sub_cont{margin:0 auto; max-width:var(--width); padding:var(--header_h) var(--padding) 140px; box-sizing:border-box;}
.sub_top_title{padding:90px 0;}
.sub_top_title h1{font-size:3.75rem; font-weight:700; line-height:1.1; position:relative; bottom:-40px; opacity:0; transition: all 0.6s ease-out 0.2s;}
.sub_top_title p{margin-top:24px; font-size:1.125rem; line-height:1.7;  position:relative; bottom:-40px; opacity:0; transition: all 0.6s ease-out 0.5s;}

.start .tabType_1,
.start .sub_top_title h1,
.start .sub_top_title p{bottom:0; opacity:1;}

.tabType_1{margin-bottom:98px; position:relative; bottom:-40px; opacity:0; transition: all 0.6s ease-out 0.8s;}
.tabType_1 ul{display:flex; background-color:#F5F5F5; border-radius:2em; overflow:hidden;}
.tabType_1 ul li{flex-grow:1; }
.tabType_1 ul li a{padding:20px 0; width:100%; box-sizing:border-box; font-size:1.125rem; line-height:1; display:block;  text-align:center; border-radius:2em;}
.tabType_1 ul li a#bo_cate_on,
.tabType_1 ul li.active a{background-color:var(--point-color-1); color:#fff; }
@media screen and (max-width: 768px) {
.tabType_1{margin-bottom:40px;}
.tabType_1 ul{flex-wrap:wrap; border-radius:20px;}
.tabType_1 ul li a{padding:10px; font-size:1rem;line-height:1.3; }
.sub_cont{padding:var(--m_header_h) var(--padding) 140px;}
.sub_top_title{padding:40px 0;}
.sub_top_title h1{font-size:3rem; }
.sub_top_title p{margin-top:12px;}
.sub_cont{padding-bottom:70px;}
}
/* intro */
.intro_cont .visual{position:relative; margin-bottom:60px; height:480px; background:url(../img/intro_visual.jpg) no-repeat center center; background-size:cover;  overflow:hidden;}
.intro_cont .visual:before{position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fff; display:block; content:""; transition: all 0.6s ease-out 1s;}
.intro_cont .section_on .visual:before{left:100%;}
.intro_cont .txt_2{font-size:3.125rem; font-weight:700; color:#222; line-height:1.4;}
.intro_cont_1{margin:57px 0 60px; display:flex; }
.intro_cont_1 .logo_area{padding-top: 40px; width:32%; text-align:center; }
.intro_cont_1 .logo_area img{width:232px;}
.intro_cont_1 .txt_area {width: 68%;  font-size:1.125rem; line-height:1.7; }
.intro_cont_1 .txt_area strong{font-size:1.5rem; font-weight:500; display:block; }
.intro_cont_1 .txt_area .name{margin-top:34px; display:flex; align-items: center; font-size:1rem;  gap:20px; }
.intro_cont_1 .txt_area .name strong{font-size:1.25rem; font-weight:700;}
.intro_cont_2 h3{margin-bottom:14px; font-size:1.5rem; }
.intro_cont_2 table{border-top:1px solid #A6A6A6;}
.intro_cont_2 th{width:15%; padding:10px; text-align:center; font-size:1.125rem; background-color:#F8F8F8; line-height: 1.7; border-bottom:1px solid #E4E4E4; font-weight:400; }
.intro_cont_2 td{width:35%; padding: 10px 10px 10px 45px; font-size:1.125rem; line-height:1.7; border-bottom: 1px solid #E4E4E4;}
.intro_cont_2 p{margin-bottom:20px; font-size:1.25rem; color:#656565; line-height:1.6;}
@media screen and (max-width: 960px) {
.intro_cont_1{display:block; }
.intro_cont_1 .logo_area{width:100%;}
.intro_cont_1 .txt_area{width:100%;}
}

@media screen and (max-width: 768px) {
.intro_cont .visual{height:auto; aspect-ratio: 1/0.6;}
.intro_cont .txt_2{font-size:2rem;}
.intro_cont_1 .logo_area{padding:0 0 40px;}
.intro_cont_1 .logo_area img{width:180px;}
.intro_cont_2 th{padding:10px 5px; width:20%; font-size:13px;}
.intro_cont_2 td{padding:10px 5px; width:30%; font-size:12px;}
.intro_cont_2 p br{display:none;}
}

/* history */
.history_cont .visual{position:relative; height:480px; background:url(../img/history_visual.png) no-repeat center center; background-size:cover;  overflow:hidden;}
.history_cont .visual:before{position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fff; display:block; content:""; transition: all 0.6s ease-out 1s;}
.history_cont .section_on .visual:before{left:100%;}
.history_list_cont{display:flex; }
.history_list_cont .left_area{width:50%; padding:70px 40px 0;  text-align:center; }
.history_list_cont .left_area ul{height:100%; display:flex; flex-direction: column; justify-content: space-between;}
.history_list_cont .left_area .year{margin-bottom:5px; font-size:3.75rem; font-weight:700; line-height:1.1;}
.history_list_cont .left_area span{margin-bottom:20px; display:block; font-size:1.125rem; font-weight:700; line-height:1.7;}
.history_list_cont .history_list{position:relative; padding:70px 0 0 90px; width:50%;}
.history_list_cont .history_list:before{position:absolute; left:0; top:0; width:1px; height:100%; background-color:#dedede; display:block; content:"";}
.history_list_cont .history_list .year{margin-bottom:8px; font-size:1.5rem; font-weight:700; line-height:1.3; }
.history_list_cont .history_list>ul>li{margin-bottom:70px; }
.history_list_cont .history_list>ul>li:last-child{margin-bottom:0;}
.history_list_cont .history_list ul li li{display:flex; gap:20px; font-size:1.125rem; color:#000; line-height:1.7;}
.history_list_cont .history_list ul li li strong{width:40px; font-size:1.125rem; font-weight:700; color:#929292;  flex-shrink:0;}
.history_list_cont .history_list .line{position:absolute; left:0; top:0; width:1px; height:20px; background-color:var(--point-color-1); display:block; content:""; transition: all 0.6s ease-out;}
.history_list_cont .history_list .line:before{position:absolute; left:50%; bottom:0; width:12px; aspect-ratio: 1/1; background-color:var(--point-color-1); display:block; content:""; border-radius:50%; transform:translate(-50%, 0);}

@media screen and (max-width: 768px) {
.history_cont .visual{height:auto; aspect-ratio: 1/0.6;}
.history_list_cont{display:block; }
.history_list_cont .left_area{display:none;}
.history_list_cont .history_list{width:100%; padding:50px 0 0 40px;}
}

/* management_cont */
.management_cont .list{margin-bottom:40px;}
.management_cont .list ul{display:flex; gap:30px; justify-content:center;}
.management_cont .list ul li{position:relative; flex:1; aspect-ratio: 312/350; display:flex; align-items: center; justify-content: center; text-align:center;}
.management_cont .list ul li:first-child:before{display:none;}
.management_cont .list ul li:before{position:absolute; left:-60px; top:50%; width:81px; aspect-ratio: 1/1; display:block; content:""; background:url(../img/management_bulit.svg) no-repeat center center; background-size:100%; transform:translateY(-50%);}
.management_cont .list ul li:nth-child(1){background:url(../img/management_bg1.png) no-repeat center center; background-size:cover;}
.management_cont .list ul li:nth-child(2){background:url(../img/management_bg2.png) no-repeat center center; background-size:cover;}
.management_cont .list ul li:nth-child(3){background:url(../img/management_bg3.png) no-repeat center center; background-size:cover; color: #fff;}
.management_cont .list ul li:nth-child(4){background:url(../img/management_bg4.png) no-repeat center center; background-size:cover; color:#fff;}
.management_cont .list ul li:nth-child(3) .num,
.management_cont .list ul li:nth-child(4) .num{border-color:#fff;}
.management_cont .list ul li .num{margin-bottom:30px; font-size:2rem; font-weight:700; display:inline-block; border-bottom:3px solid #000; line-height:1; }
.management_cont .list ul li h3{margin-bottom:25px; font-size:1.5rem; font-weight:500; }
.management_cont .list ul li p{text-align:center; font-size:1.125rem; }
.management_cont .txt_area{position:relative; margin-bottom:168px; padding-left:450px; }
.management_cont .txt_area:before{position:absolute; left:0; top: 20px; width:410px; height:1px; background-color:#000; display:block; content:"";}
.management_cont .txt_area strong{margin-bottom:22px; display:block; font-size:1.875rem; font-weight:500; }
.management_cont .txt_area p{font-size:1.125rem; font-weight:300; line-height:1.7;}
.management_cont .img_area{text-align:center;}
@media screen and (max-width: 1400px) {
.management_cont .list ul li .num{margin-bottom:10px;}
.management_cont .list ul li h3{margin-bottom:10px;}
}
@media screen and (max-width: 1200px) {
.management_cont .list ul{gap:5px;}
.management_cont .list ul li:before{left:-40px;}
.management_cont .list ul li p{margin:0 auto; width:80%;}
.management_cont .list ul li p br{display:none;}
}

@media screen and (max-width: 960px) {
.management_cont .list ul{flex-wrap:wrap;}
.management_cont .list ul li{width: calc((100% - 5px) / 2); flex:auto;}
.management_cont .list ul li:nth-child(3):before{display:none;}
.management_cont .txt_area{padding-left:200px; }
.management_cont .txt_area:before{width:160px;}
}
@media screen and (max-width: 640px) {
.management_cont .list ul{display:block;}
.management_cont .list ul li{margin:0 auto; width:100%; max-width:300px;}
.management_cont .list ul li:before{top:-50px; left:50%; transform:translateX(-50%);}
.management_cont .list ul li:nth-child(3):before{display:block;}
.management_cont .txt_area{padding-left:0; margin-bottom:70px;}
.management_cont .txt_area:before{display:none;}
}

/* certificate_cont */
.list_top_area{margin-bottom:20px; display:flex; flex-wrap:wrap; gap:20px;}
.certificate_cont .search_area{position:relative; margin-left:auto; max-width:475px; display:flex; width:100%; border: 1px solid #ddd; border-radius:2em; overflow:hidden;}
.certificate_cont .search_area select{padding-left:20px; width:25%; height:50px; line-height:48px; border:none;}
.certificate_cont .search_area .search{position:relative; width:75%; }
.certificate_cont .search_area .search input[type=text]{width:100%; height:50px; line-height:48px; box-sizing:border-box;  border:none;}
.certificate_cont .search_area .btn_search{position:absolute; right:0; top:0; width:50px; height:50px; background:url(../img/btn_search.svg) no-repeat center center; display:block; content:"";  text-indent:-9999px; }
.certificate_list>ul{display:flex; flex-wrap:wrap; gap:70px 106px; flex-wrap:wrap;}
.certificate_list>ul>li{position:relative; width:calc((100% - 424px) / 5); }
.certificate_list>ul>li .img_area a{position:relative; aspect-ratio: 197/278; display:block;  /*border: 1px solid #ddd;*/}
.certificate_list>ul>li .img_area img{width:100%; height:100%; border:1px solid #ddd;}
.certificate_list>ul>li .txt_area{padding-top:10px; font-size:1.125rem; text-align:center;}
.certificate_list>ul>li .gall_chk {position:absolute; left:10px; top:10px; z-index:3;}
@media screen and (max-width: 1400px) {
.certificate_list>ul{gap:50px;}
.certificate_list>ul>li{width:calc((100% - 200px) / 5); }
}
@media screen and (max-width: 1200px) {
.certificate_list>ul{gap:50px 20px;}
.certificate_list>ul>li{width:calc((100% - 80px) / 5); }
}
@media screen and (max-width: 960px) {
.certificate_list>ul{gap:30px 20px;}
.certificate_list>ul>li{width:calc((100% - 20px) / 2); }
}

/* partner_logo */
.partner_logo ul{display:flex; gap:76px 52px; flex-wrap: wrap;}
.partner_logo ul li{ width: calc((100% - 104px) / 3); }
.partner_logo ul li .img_area{padding: 10px; aspect-ratio: 432/140; display:Flex; align-items: center; justify-content: center; border: 1px solid #CACACA;}
.partner_logo ul li .img_area img{max-width:100%; max-height:100%; }
.partner_logo ul li .txt_area{padding-top:10px; font-size:1.125rem; text-align:center;}
@media screen and (max-width: 1200px) {
.partner_logo ul{gap:50px 20px;}
.partner_logo ul li{width: calc((100% - 40px) / 3); }
}
@media screen and (max-width: 768px) {
.partner_logo ul{gap:30px 10px;}
.partner_logo ul li{width: calc((100% - 10px) / 2); }
}

/* location_cont */
.location_cont .map_area{margin-bottom:27px;}
.location_cont .map_area iframe{width:100%; height:480px; display:block; }
.location_info h3{font-size:1.875rem; font-weight:700; line-height:2.3;}
.location_info .info_1{padding-bottom:30px; }
.location_info .info_1 ul{display:flex; flex-wrap:wrap; gap:46px;}
.location_info .info_1 ul li{display:flex; gap:20px; font-size:1.25rem; line-height:1.5; color:#666;}
.location_info .info_1 ul li strong{font-weight:500; color:#111;}
.location_info .info_2{padding-top:20px; border-top:1px solid #ddd;}
.location_info .info_2 li{display:flex; line-height:1.875; color:#666;}
.location_info .info_2 li span{width:100px; font-weight:inherit; display:flex;}
@media screen and (max-width: 960px) {
.location_info .info_1 ul{display:block; }
}
@media screen and (max-width: 768px) {
.location_cont .map_area iframe{height:300px;}
.location_info .info_1 ul li strong{flex-shrink: 0;}
.location_info .info_2 li span{width:70px;}
}

/* product_items_cont */
.product_items_cont .box{margin-bottom:80px;padding:40px 0 60px; border:1px solid #B5B5B5;}
.product_items_cont .box ul{margin-top:40px; display:flex; flex-wrap:wrap; gap:10px; justify-content: center;}
.product_items_cont .box ul li{padding:10px 38px; font-size:1.125rem; line-height:1.7; color:#fff; border-radius:2em;}
.product_items_cont .box ul li:nth-child(1){background-color:#0155AB;}
.product_items_cont .box ul li:nth-child(2){background-color:#2E4088;}
.product_items_cont .box ul li:nth-child(3){background-color:#54596E;}
.product_items_cont .title_area h3{margin-bottom:16px; font-size:2.5rem; font-weight:600;line-height:1.75; }
.product_items_cont .title_area p{font-size:1.125rem; line-height:1.7; color:#5e5e5e;}
.product_items_cont .title_area{margin-bottom:70px; text-align:center;}
.product_items_list{padding:80px; background-color:#F8F8F8; border-radius:40px;}
.product_items_list>ul{display:flex; gap:100px; flex-wrap:wrap;}
.product_items_list>ul>li{width: calc((100% - 100px) / 2);}
.product_items_list>ul>li .img_area{width:100%; aspect-ratio: 562/414; background-color:#fff; border-radius:11px; display:flex; align-items: center; justify-content: center;}
.product_items_list>ul>li .img_area img{max-width:100%; max-height:100%; }
.product_items_list>ul>li .txt_area{margin-top:20px; font-size:1.125rem; line-height:1.3; text-align:center; font-weight:500;}

.product_items_cont table{margin:clamp(50px, calc(100 / 1920 * 100vw), 100px) 0;}
.product_items_cont th{height:70px; text-align:center; background-color:#F4F4F4; border-bottom:1px solid #ddd; border-top:1px solid #000; font-size:1.125rem; font-weight:500;}
.product_items_cont td{height:57px; border-bottom:1px solid #ddd; font-size:1.125rem; text-align:center; }

.product_items_cont .photo_list ul{display:flex; flex-wrap:wrap; gap:32px 40px;}
.product_items_cont .photo_list ul li{width:calc((100% - 80px) / 3);}
.product_items_cont .photo_list ul li img{width:100%; display:block;}
.product_items_cont .photo_list ul li:nth-child(n + 4){width:calc((100% - 40px)/2);}

@media screen and (max-width: 1260px) {
.product_items_list{padding:40px;}
.product_items_list>ul{gap:20px;}
.product_items_list>ul>li{width: calc((100% - 20px) / 2);}
.product_items_cont .photo_list ul{gap:20px;}
}

@media screen and (max-width: 768px) {
.product_items_cont .photo_list ul{gap:10px; flex-direction: column;}
.product_items_cont .photo_list ul li{width:100%;}
.product_items_cont .photo_list ul li img{width:100%;}
.product_items_cont .photo_list ul li:nth-child(n + 4){width:100%;}

.product_items_cont th{height:50px; font-size:1rem;}
.product_items_cont td{padding:5px; height:40px; font-size:1rem;}
}
@media screen and (max-width: 640px) {
.product_items_cont .title_area{margin-bottom:30px;}
.product_items_list{padding:20px; border-radius:20px;}
.product_items_cont .box ul li{padding:5px 10px; font-size:1rem;}
.product_items_list>ul>li .txt_area{margin-top:10px; font-size:1rem;}
.product_items_list>ul>li{width: calc((100% - 20px) / 2);}
.product_items_cont .title_area h3{font-size:2rem;}
.product_items_cont .box{padding:20px 0;}
}

/* facility_status */
.facility_status .list_1{position:relative; margin-bottom:60px;  padding:50px 150px; border-radius:40px; border:1px solid var(--point-color-1); }
.facility_status .list_1 ul{display:flex; gap:0 80px; flex-wrap:wrap; }
.facility_status .list_1 ul li{position:relative; padding-left:20px; width: calc((100% - 160px) / 3); font-size:1.125rem; line-height:1.88;}
.facility_status .list_1 ul li:before{position:absolute; left:0; top:15px; width:3px; aspect-ratio: 1/1; background-color:#000; display:block; content:""; transform:translateY(-50%);}
.facility_status .list_1 .title{position:absolute; left:50%; top:-23px; width:294px; height:46px; line-height:46px; background-color:var(--point-color-1); color:#fff; border-radius:2em;  transform:translateX(-50%); text-align:center;}
.facility_status .list_2{margin-bottom:110px; padding:80px; background-color:#f8f8f8; border-radius:40px; }
.facility_status .list_2 ul{display:flex; gap:84px 50px; flex-wrap:wrap;}
.facility_status .list_2 ul li{width: calc((100% - 100px) / 3);}
.facility_status .list_2 ul li .txt_area{margin-top:25px; font-size:1.125rem; text-align:center;}
.facility_status .title_area h3{margin-bottom:16px; font-size:2.5rem; font-weight:600;line-height:1.75; }
.facility_status .title_area p{font-size:1.125rem; line-height:1.7; color:#5e5e5e;}
.facility_status .title_area{margin-bottom:70px; text-align:center;}
.facility_status .img_box{display:flex; gap:47px;}
.facility_status .img_box .left_area{width: 73.7%;}
.facility_status .img_box .right_area{width: 26.3%;}
.facility_status .img_box .right_area ul {height:100%; display:flex; flex-direction: column; justify-content: space-between;}
@media screen and (max-width: 1440px) {
.facility_status .list_1{padding:40px;}
.facility_status .list_2{padding:40px;}
.facility_status .list_1 ul{gap:20px;}
.facility_status .list_1 ul li{width: calc((100% - 40px) / 3);}
}
@media screen and (max-width: 1200px) {
.facility_status .list_2 ul{gap:40px 20px;}
.facility_status .list_2 ul li{width: calc((100% - 40px) / 3);}
}
@media screen and (max-width: 960px) {
.facility_status .list_1 ul li{width: calc((100% - 20px) / 2);}
.facility_status .img_box{gap:20px;}
}
@media screen and (max-width: 640px) {
.facility_status .list_1{padding:40px 20px; border-radius:20px;}
.facility_status .list_1 ul{display:block; }
.facility_status .list_1 ul li{width:100%;}
.facility_status .list_2{margin-bottom:50px; border-radius:20px; padding:20px;}
.facility_status .list_2 ul li{width: calc((100% - 20px) / 2);}
.facility_status .title_area h3{font-size:2rem;}
.facility_status .title_area{margin-bottom:30px;}
}

/*data */
.list_top_area{margin-bottom:20px; display:flex; flex-wrap:wrap; gap:20px;}
.list_top_area .search_area{position:relative; margin-left:auto; max-width:475px; display:flex; width:100%; border: 1px solid #ddd; border-radius:2em; overflow:hidden;}
.list_top_area .search_area select{padding-left:20px; width:25%; height:50px; line-height:48px; border:none;}
.list_top_area .search_area .search{position:relative; width:75%; }
.list_top_area .search_area .search input[type=text]{width:100%; height:50px; line-height:48px; box-sizing:border-box;  border:none;}
.list_top_area .search_area .btn_search{position:absolute; right:0; top:0; width:50px; height:50px; background:url(../img/btn_search.svg) no-repeat center center; display:block; content:"";  text-indent:-9999px; }
.data_list ul{display:flex; }
.data_list .num{width:10%;}
.data_list .title{width:61%;}
.data_list .file{width:7%;}
.data_list .date{width:12%;}
.data_list .hit{width:10%;}
.data_list .thead{background-color:#f4f4f4; border-top:1px solid #000; border-bottom:1px solid #ddd;}
.data_list .tbody ul{border-bottom: 1px solid #ddd;}
.data_list li{height:70px; display:flex; align-items: center; justify-content: center;  font-size:}
.data_list .tbody li.title{justify-content: flex-start;}
.data_list .tbody li.title a{color:#000; display:block; width:calc(100% - 80px);
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
}
.data_list .tbody li{color:#666;}
.data_list .icon_notice{padding:0 12px; height:35px; line-height:35px; text-align:center; display:inline-block; background:var(--point-color-1); color:#fff;  font-size:1.125rem; font-weight:300; border-radius:2em; }
@media screen and (max-width: 960px) {
.data_list .thead{display:none;}
.data_list .tbody{border-top:2px solid #000;}
.data_list .tbody ul{flex-wrap:wrap; padding:10px 0; }
.data_list .tbody li{height:auto; }
.data_list .tbody li.num{width:90px;}
.data_list .tbody li.title{width:calc(100% - 90px);}
.data_list .file{margin:10px 20px 0 0;  width:auto;}
.data_list .date{margin:10px 20px 0 0; width:auto;}
.data_list .hit{margin-top:10px; width:auto;}
}
.view_cont  .view_title_area{padding:30px 40px; border-bottom:1px solid #ddd; border-top:1px solid #111; }
.view_cont .view_title_area h2{font-size:2rem; font-weight:700;}
.view_cont .view_info{margin-top:20px;}
.view_cont .view_info ul{display:flex; gap:40px;}
.view_cont .view_info ul li{display:flex; gap:20px; font-size:1.125rem; color:#666;}
.view_cont .view_info ul li span{color:#111;}
.view_cont_area{padding:50px 40px; line-height:1.6; font-size:1.125rem; }
.view_cont .file_download_list{margin-bottom:40px; padding:30px 40px; background-color:#FAFAFA; border:1px solid #d4d4d4; }
.view_cont .file_download_list li{margin-bottom:20px; }
.view_cont .file_download_list li:last-child{margin-bottom:0;}
.view_cont .file_download_list li a{display:flex; gap:20px; font-size:1.125rem; }
.view_cont .file_download_list li a:before{width:20px; aspect-ratio: 1/1; background:url(../img/ic_download2.svg) no-repeat center center; background-size:100%; display:block; content:"";}
.view_cont .prev_next{border-top:1px solid #ddd;}
.view_cont .prev_next ul li{padding:25px 40px; display:Flex; align-items: center; gap:40px;  border-bottom:1px solid #ddd;l}
.view_cont .prev_next ul li span{padding-right:30px; display:block;  font-size:1.125rem; color:#666;}
.view_cont .prev_next ul li a{margin-left:auto;width: calc(100% - 120px); display:block; font-size:1.125rem; color:#000;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
}
.view_cont .prev_next ul li.prev span{background:url(../img/prev_arrow.svg) no-repeat right center;}
.view_cont .prev_next ul li.next span{background:url(../img/next_arrow.svg) no-repeat right center;}
.view_cont .btn_area{margin-top:40px; text-align:right;}
.view_cont .btn_area .btn_list_go{width:180px; height:60px; line-height:60px; text-align:center; border:1px solid #000; font-size:1.25rem; color:#111; display:inline-block; border-radius:2em; transition: all 0.3s ease-out;}
.view_cont .btn_area .btn_list_go:hover{background-color:var(--point-color-1); color:#fff; border-color:var(--point-color-1);}
@media screen and (max-width: 768px) {
.view_cont .view_title_area{padding:20px 0; }
.view_cont .view_title_area h2{font-size:1.5rem;}
.view_cont .view_info ul{gap:20px;}
.view_cont_area{padding:20px 0;}
.view_cont .file_download_list{padding:20px; margin-bottom:20px; }
.view_cont .prev_next ul li{padding:10px 0; gap:20px;}
.view_cont .prev_next ul li a{width: calc(100% - 80px);}
.view_cont .btn_area .btn_list_go{width:120px; height:46px; line-height:46px; font-size:1rem;}
}

/* inquiry */
.inquiry .top_txt{font-size:24px;}
.inquiry_visual{margin-bottom:30px; background:url(../img/consulting_bg.png) no-repeat center center; background-size:cover;}
.inquiry_visual>ul{display:flex; }
.inquiry_visual>ul>li{ width:33.2%; font-size:16px; font-weight:500; color:#fff; box-sizing:border-box;}
.inquiry_visual>ul>li:nth-child(1){padding:50px 50px 0;}
.inquiry_visual>ul>li .tit{margin-bottom:5px; font-size:16px; font-weight:600; color:#6BB0FF; font-family: 'Poppins', sans-serif; letter-spacing:2px; }
.inquiry_visual>ul>li .info{border-left: 1px solid rgba(255, 255, 255, 0.17); border-right: 1px solid rgba(255, 255, 255, 0.17)}
.inquiry_visual>ul>li .info li{padding:0 30px;display:Flex; align-items: center; height:78px; border-bottom:1px solid rgba(255,255,255,0.17)}
.inquiry_visual>ul>li .info li:last-child{border-bottom:none;}
.inquiry .info_txt{margin-bottom:10px; font-size:18px; color:#868686; font-weight:300; text-align:right;}
.inquiry_list{margin-bottom:50px; border-top:1px solid #000;}
.inquiry_list>ul{display:flex; flex-wrap:wrap;}
.inquiry_list>ul>li{display:flex; width:50%; align-items: center; flex-wrap: wrap; border-bottom:1px solid #F1EEEE;}
.inquiry_list>ul>li .tit{width:16%; font-size:18px;}
.inquiry_list>ul>li .tit strong{font-weight:400; color:#6BB0FF;}
.inquiry_list>ul>li .txt{padding:12px 20px; width:84%; box-sizing:border-box;}
.inquiry_list>ul>li .txt input[type=password],
.inquiry_list>ul>li .txt input[type=text]{width:100%; height:46px; line-height:46px; border:none; background-color:#f4f4f4;}
.inquiry_list>ul>li.w100p{width:100%;}
.inquiry_list>ul>li.w100p .tit{width:8%;}
.inquiry_list>ul>li.w100p .txt{width:92%;}
.inquiry_list>ul>li textarea{padding:10px; width:100%; height:300px; box-sizing:border-box; background-color: #f4f4f4; border:none;}
.terms_box{margin-bottom:30px;}
.terms_box textarea{padding:30px; box-sizing:border-box; width:100%; display:block; height:260px; box-sizing:border-box; line-height:1.8;}
.agree_txt{text-align:center; margin-bottom:40px;}
.custom_checkbox{position:Relative; padding-left:30px; display:inline-block; overflow: hidden;}
.custom_checkbox input[type=checkbox]{position:absolute; left:-20px; top:0;}
.custom_checkbox label{display:block; border-bottom:1px solid #000; min-height:24px;}
.custom_checkbox label:before{position:absolute; left:0; top:0; width:24px;height:24px; background:url(../img/checkbox_off.svg) no-repeat 0 0; cursor:pointer; display:block; content:"";}
.custom_checkbox input[type=checkbox]:checked+label:before{background: url(../img/checkbox_on.svg) no-repeat 0 0;}
.inquiry .btn_area{text-align:center;}
@media screen and (max-width: 960px) {
.inquiry .top_txt{font-size:20px;}
.inquiry_visual>ul>li{width:50%;}
.inquiry_visual>ul>li:nth-child(1){padding:10px 20px;}
.inquiry_list>ul{display:block;}
.inquiry_list>ul>li{width:100%;}
.inquiry_list>ul>li .tit{width:20%; font-size:14px;}
.inquiry_list>ul>li .txt{padding:12px; width:80%;}
.inquiry_list>ul>li.w100p .tit{width:20%;}
.inquiry_list>ul>li.w100p .txt{width:80%;}
}

.basic-btn01{width:180px; height:60px; line-height:60px; text-align:center; border:1px solid #000; font-size:1.25rem; color:#111; display:inline-block; border-radius:2em; transition: all 0.3s ease-out;}
.basic-btn01:hover{background-color:var(--point-color-1); color:#fff; border-color:var(--point-color-1);}
@media screen and (max-width: 768px) {
.basic-btn01{width:120px; height:46px; line-height:46px; font-size:1rem;}
}

/* shell_line */
.shell_line{max-width:1294px;}
.shell_line .titleType_1{margin-bottom:100px;}
.shell_line .titleType_1 p{font-size:2.5rem;}
.shell_line .list_1{position:relative; margin-bottom:120px;}
.shell_line .list_1:before{position:absolute; left:50%; top:50%; width:100%; aspect-ratio: 1224/341; display:block; background:url(../img/shell_line_1.svg) no-repeat center center; background-size:100%; content:"";  transform:translate(-50%, -50%);}
.shell_line .list_1 ul{display:flex; flex-wrap:wrap; flex-wrap:wrap; gap:40px;}
.shell_line .list_1 ul li{position:relative; }
.shell_line .list_1 ul li:nth-child(1){padding-left:5%;}
.shell_line .list_1 ul li .circle{position:relative; padding-top:40px;  width:212px; aspect-ratio: 1/1; display:block;  border: 1px solid #ddd; border-radius:50%;text-align:center; box-sizing:border-box; background-color:#fff; }
.shell_line .list_1 ul li .circle .number{position:absolute; left:50%; top:-20px; z-index:5; width:40px; height: 40px; line-height:34px; justify-content: center; align-items: center; border: 3px solid #D7D7D7; border-radius:50%; text-align:center; box-sizing:border-box;font-size:1rem; font-weight:700;  transform:translateX(-50%);  background-color:#fff;}
.shell_line .list_1 ul li .txt_area{margin-top:5px; font-size:1.125rem; font-weight:500;}
.shell_line .list_1 ul:nth-child(2){margin-top:90px; justify-content: flex-end;}
.shell_line .list_1 ul:nth-child(2) li:last-child .circle:before{position:absolute; z-index:2; left:50%; top:50%; width:100%; height:100%; border:10px solid #FFF0CE; border-radius:50%; display:block; content:""; transform: translate(-50%, -50%); box-sizing:border-box;}
.shell_line .list_1 ul:nth-child(2) li:last-child .circle{position:relative; z-index:1; background-color:#FFD472; border:none;}

.shell_line .list_2{position:relative; margin-bottom:120px;}
.shell_line .list_2:before{position:absolute; left:50%; top:50%; width:100%; aspect-ratio: 1224/673; display:block; background:url(../img/shell_line_2.svg) no-repeat center center; background-size:100%; content:"";  transform:translate(-50%, -50%);}
.shell_line .list_2 ul{display:flex; gap:40px; }
.shell_line .list_2 ul li{position:relative; }
.shell_line .list_2 ul:nth-child(1) li:nth-child(1){padding-left:5%;}
.shell_line .list_2 ul li .box{position:relative; padding:40px 24px 26px;  width:220px; border: 1px solid #ddd; border-radius:40px;text-align:center; box-sizing:border-box; background-color:#fff; }
.shell_line .list_2 ul li .box .number{position:absolute; left:50%; top:-20px; z-index:5; width:40px; height: 40px; line-height:34px; justify-content: center; align-items: center; border: 3px solid #D7D7D7; border-radius:50%; text-align:center; box-sizing:border-box;font-size:1rem; font-weight:700;  transform:translateX(-50%);  background-color:#fff;}
.shell_line .list_2 ul li .txt_area{margin-top:5px; font-size:1.125rem; font-weight:500;}
.shell_line .list_2 ul:nth-child(2){margin-top:130px; justify-content: flex-end;}
.shell_line .list_2 ul:nth-child(3){margin-top:145px; padding-left:12.4%;}
.shell_line .list_2 ul:nth-child(2) li:last-child .box:before{position:absolute; z-index:2; left:50%; top:50%; width:100%; height:100%; border:10px solid #FFF0CE; border-radius:40px; display:block; content:""; transform: translate(-50%, -50%); box-sizing:border-box;}
.shell_line .list_2 ul:nth-child(2) li:last-child .box{position:relative; z-index:1; background-color:#FFD472; border:none;}
.shell_line .list_2.row4:before{aspect-ratio: 1061/61; background:url(../img/shell_line_3.svg) no-repeat 0 center; }
.shell_line .list_2.row4 ul{justify-content: space-around;}

@media screen and (max-width: 1294px) {
.shell_line .list_1 ul{gap:20px;}
.shell_line .list_2 ul{gap:20px;}
.shell_line .list_2 ul:nth-child(3){margin-top:100px; padding: 0; justify-content: flex-end;}
}

@media screen and (max-width: 1024px) {
.shell_line .list_2:before,
.shell_line .list_1:before{display:none;}
.shell_line .list_2 ul:nth-child(1) li:nth-child(1),
.shell_line .list_1 ul li:nth-child(1){padding:0; }
.shell_line .list_1 ul:nth-child(2),
.shell_line .list_1 ul{justify-content: center;}
.shell_line .list_2 ul li{width: calc((100% - 60px) / 4); }
.shell_line .list_2 ul li .box{width: 100%;}
.shell_line .list_2 ul li .box{padding:40px 12px 20px; }
}
@media screen and (max-width: 768px) {
.shell_line .titleType_1{margin-bottom:50px;}
.shell_line .titleType_1 p{font-size:2rem;}
.shell_line .list_1 ul li{width: calc((100% - 40px) / 3);}
.shell_line .list_2 ul{flex-wrap:wrap;}
.shell_line .list_2 ul li{width: calc((100% - 20px) / 2);  border-radius:20px;}
.shell_line .list_2 ul:nth-child(2),
.shell_line .list_2 ul:nth-child(3){margin-top:40px;}
.shell_line .list_1 ul{display:flex; flex-wrap:wrap;}
.shell_line .list_1 ul li{width:100%; margin-top:40px;}
.shell_line .list_1 ul li .circle{margin:0 auto;}
.shell_line .list_1 ul:nth-child(2),
.shell_line .list_1 ul{margin-top:0;}
}

/* portfolio_list */
.portfolio_list{padding:80px; background-color:#F8F8F8; border-radius:40px; }
.portfolio_list>ul{display:flex; flex-wrap:wrap; gap:60px 40px; }
.portfolio_list>ul>li{position:relative; width:calc((100% - 120px) / 4);  cursor:pointer;}
.portfolio_list>ul>li .chk_box{position:absolute; left:10px; top:10px; z-index:5; }
.portfolio_list>ul>li .btn_modify{position:absolute;  right:10px; top:10px; z-index:2; padding:2px 20px; display:inline-block; background-color:var(--point-color-1); border-radius:3px; font-size:1rem; color:#fff; }
.portfolio_list>ul>li .img_area{width:100%; aspect-ratio: 1/1; background-color:#fff; border-radius:11px; display:flex; align-items: center; justify-content: center; }
.portfolio_list>ul>li .img_area img{max-width:100%; max-height:100%;}
.portfolio_list>ul>li .name{margin-top:20px; text-align:center; font-size:1.125rem; font-weight:500;}

.portfolio_popup{position:fixed; left:0; top:0; width:100%; height:100vh; z-index:100;background:rgba(0,0,0,0.4); display:block; display:none;}
.portfolio_popup .inner{position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); padding:30px 30px 100px; max-width:700px; width:90%;  background-color:#fff; }
.portfolio_popup .name{margin-bottom:80px; font-size:1.25rem; text-align:center; padding:0 30px; }
.portfolio_rolling{position:static; margin:0 auto; max-width:368px; }
.portfolio_popup .img_area{width:100%; aspect-ratio: 1/1; background-color:#fff; display:flex; align-items: center; justify-content: center; }
.portfolio_popup .img_area img{max-width:100%; max-height:100%;}
.portfolio_popup_close{position:absolute; right:20px; top:20px; width:40px; aspect-ratio: 1/1; background:url(../img/popup_close.svg) no-repeat center center; background-size:100%; cursor:pointer; }
.portfolio_rolling .list{display:none;}
.portfolio_rolling .list:first-child{display:block;}
.portfolio_rolling .slick-arrow{position:absolute; top:50%; z-index:3; transform:translateY(-50%); width:26px; aspect-ratio: 26/57; cursor:pointer; text-indent:-9999px; display:block;}
.portfolio_rolling .slick-prev{left:30px; background:url(../img/popup_prev.svg) no-repeat 0 center; background-size:100%;}
.portfolio_rolling .slick-next{right:30px; background:url(../img/popup_next.svg) no-repeat 0 center; background-size:100%;}
@media screen and (max-width: 1240px) {
.portfolio_list{padding:40px;}
.portfolio_list>ul{gap:30px 20px;}
.portfolio_list>ul>li{width:calc((100% - 60px) / 4);}
}
@media screen and (max-width: 768px) {
.portfolio_list{padding:20px; border-radius:20px;}
.portfolio_list>ul>li{width:calc((100% - 20px) / 2);}
.portfolio_list>ul>li .name{margin-top:10px; font-size:1rem;}
.portfolio_popup .inner{padding:20px 20px 50px;}
.portfolio_popup .name{margin-bottom:20px;}
.portfolio_popup_close{width:30px; background-size:100%;}
}