@import url("reset.css");
@import url("slick.css");
@import url("swiper.css");

:root{
    --width:1240px;
    --padding:0 20px;
    --point-color-1:#5089E0;
    --background:linear-gradient(100deg, rgba(107, 200, 234, 1) 0%, rgba(80, 137, 224, 1) 67%, rgba(98, 115, 231, 1) 100%);
}
@media screen and (max-width: 960px) {
:root{
    --padding:0 4.8%;
}
}

/* header */
.header{position:fixed; left:0; top:0; z-index:10; width:100%; transition: all 0.3s ease-out; background-color:#fff; box-shadow:4px 5px 10px rgba(0,0,0,0.1);}
.header_inner{position:relative; margin:0 auto; padding:0 4%; display:flex; height:100px; align-items: center; justify-content: space-between;}
.header .logo img{max-width:107px;}
.gnb_wrap{text-align:center;}
.gnb{display:inline-block;}
.gnb>ul{display:flex; justify-content: center;}
.gnb>ul>li{padding:0 40px;}
.gnb>ul>li>a{position:relative; z-index: 10; font-size:1.0625rem; font-weight:500;  transition: all 0.3s ease-out;}
.total_menu_wrap{position:fixed; left:0; top:50px; width: 100%; padding-top:50px; visibility: hidden; opacity:0; transition: all 0.3s ease-out; }
.total_menu{background-color:#FBFBFB; border-top:1px solid #ddd;}
.total_menu>ul{margin:0 auto; padding:var(--padding); max-width:var(--width); display:flex; text-align: left; }
.total_menu>ul{position:relative; }
.total_menu>ul:before{position:absolute; right:0; top:0; width:1px; height:100%; background-color:#E9E9E9; display:block; content:"";}
.total_menu>ul>li{position:relative; padding:35px 25px; width:14.28%; box-sizing:border-box; transition: all 0.3s ease-out; }
.total_menu>ul>li:before{position:absolute; left:0; top:0; width:1px; height:100%; background-color:#E9E9E9; display:block; content:"";}
.total_menu>ul>li>a{display:inline-block; font-size:1rem; font-weight:700; color:var(--point-color-1);}
.total_menu .s_menu{margin-top:20px; }
.total_menu .s_menu ul li{margin-bottom:15px;}
.total_menu .s_menu ul li a{display:block; font-size:0.9375rem; color:#292929; }
.header .right_area{display:flex; align-items: center;}
.header .util ul{display:flex; align-items: center;}
.header .util ul li{margin-left:20px; }
.header .util ul li:first-child{margin-left:0;}
.header .util ul li a{font-weight:500; line-height:22px;}
.header .icon_login{padding-left:25px; display:inline-block; background:url(../img/icon_login.svg) no-repeat 0 center; }
.header .icon_join{padding-left:30px; display:inline-block; background:url(../img/icon_join.svg) no-repeat 0 center; }
.menu_open{position:relative; z-index:2; margin-left:50px; width:25px; height:25px; background:url(../img/menu_open.svg) no-repeat center center; }
.menu_open.on{background:url(../img/menu_close.svg) no-repeat center center;}

.total_menu_wrap .mb_menu{display:none;}
.total_menu_wrap.active{opacity:1; visibility: visible;}

.sub_header{background-color:#fff;}
.sub_header .logo a{background:url(../img/logo_over.svg) no-repeat center center; background-size:100%;}
.sub_header .gnb>ul>li>a{color:#000;}
.sub_header .gnb>ul>li>a:hover{color:var(--point-color-1); font-weight:700;}

.top_sns_area{margin:0 auto; padding:0 20px; max-width:var(--width);}
.top_sns_area ul{padding:20px 0 0; display:flex; justify-content: flex-end;}
.top_sns_area ul li{margin-left:5px;}

@media screen and (min-width: 1051px) {
.total_menu>ul>li:hover{background-color:#fff;}
.header.over{background-color:#fff;}
.header.over .gnb>ul>li>a{color:#000;}
.header.over .gnb>ul>li>a:hover{color:var(--point-color-1); font-weight:700;}
.header.over .total_menu_wrap{visibility: visible; opacity:1;}

}

@media screen and (max-width: 1340px) {
.header_inner{padding:0 3%;}
.gnb>ul>li{padding:0 25px;}
.menu_open{margin-left:20px;}

}
@media screen and (max-width: 1050px) {
.gnb{display:none;}
.header_inner{height:100px;}
.menu_open.on{background:url(../img/menu_open.svg)no-repeat center center;}
.total_menu_wrap{position:fixed; left:0; top:0; z-index:30; padding-top:0; width:100%; height:100%;  visibility: hidden; opacity:0; background:rgba(0,0,0,0.5);}
.total_menu_wrap.active{visibility: visible; opacity:1;}
.total_menu_inner{background:var(--background);}
.total_menu_wrap .mb_menu{position:relative; z-index:32; display:flex; padding:0 3%; height:100px;  align-items: center;}
.total_menu_wrap .mb_menu .util{display:flex; }
.total_menu_wrap .mb_menu .util a{font-size:1rem; color:#fff; font-weight:500;}
.total_menu_wrap .mb_menu .util .icon_login{background:url(../img/icon_login_w.svg) no-repeat 0 center;}
.total_menu_wrap .mb_menu .util .icon_join{background:url(../img/icon_join_w.svg) no-repeat 0 center;}
.total_menu_close{margin-left:auto; width:25px; height:25px; background:url(../img/menu_close_W.svg) no-repeat center center; }
.total_menu{position:relative; z-index:32; padding:0 3% 50px; background:transparent; border-top:none;}
.total_menu>ul{padding:0; display:block; border-top:1px solid rgba(255,255,255,0.2);}
.total_menu>ul>li:last-child,
.total_menu>ul>li{width:100%; padding:0; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.total_menu>ul:before,
.total_menu>ul>li:before{display:none;}
.total_menu>ul>li>a{position:relative; padding:15px 5.8%;  display:block; font-size:1.125rem; font-weight:700; box-sizing:border-box; color:#fff;}
.total_menu>ul>li>a:before{position:absolute; right:5.8%; width:25px; height:25px; background:url(../img/gnb_arrow.svg) no-repeat center center; display:block; content:""; transition: all 0.3s ease-out;}
.total_menu>ul>li.on>a{background-color:#4166D6;}
.total_menu>ul>li.on>a:before{background:url(../img/gnb_arrow_on.svg) no-repeat center center;}
.total_menu .s_menu{margin-top:0; display:none; border-top:none;}
.total_menu .s_menu ul li{padding: 12px 7%; margin-bottom:0; }
.total_menu .s_menu ul li a{position:relative; display:block; text-align:left; font-size:1rem; color:#fff; font-weight:500;}
.util{display:none;}
}
@media screen and (max-width: 768px) {
.header{border-bottom: none;}
.total_menu_wrap .mb_menu,
.header_inner{height:55px;}
.header .logo img{width:60px;}
.header .logo{width:55px;}
.total_menu_close{width:24px; height:24px;}
.header{background-color:#fff;}
}

/* layout */
.container{padding-top:100px;}
.main_cont{margin:0 auto; padding:var(--padding); max-width:var(--width); box-sizing:border-box;}

@media screen and (max-width: 768px) {
.container {padding-top:55px;}
}

/* main */
.main_visual{position:relative; display:flex;}
.main_vs_txt_area{width:37.5%; background: rgb(107, 200, 234); background: linear-gradient(100deg, rgba(107, 200, 234, 1) 0%, rgba(80, 137, 224, 1) 67%, rgba(98, 115, 231, 1) 100%); display:flex; align-items: center; justify-content: center;}
.main_vs_txt_area .main_vs_txt>span{display:block; font-size:1.375rem; font-weight:500; color:#fff;}
.main_vs_txt_area .main_vs_txt>strong{display:block; color:#fff; font-family: "Montserrat", sans-serif;  font-weight:700; font-size:5rem;}
.main_visual .right_area{position:relative; width:62.5%;}
.main_visual .vs_top_txt{position:absolute; right:0; top:0; z-index:3; font-size:12.5rem; color:#fff; opacity:0.2; line-height:1; font-family: "Montserrat", sans-serif;  font-weight:700;}
.main_visual_list{position:Relative; }
.main_visual_list .list a:before{position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; background:rgba(0,0,0,0.4); display:block; content:"";}
.main_visual_list .list{position:relative; aspect-ratio: 1/0.51;  display:block; vertical-align: top;}
.main_visual_list .list a{display:block; width:100%; height:100%;}
.main_visual_list img{position:relative; width:100%; height:100%; display:block; object-fit: cover;}
.main_visual .control{margin-top:100px; display:flex; align-items: center; }
.main_visual .control .number{margin:0 10px; display:inline-block; color:#fff;}
.main_visual .control .number strong{font-weight:700;}
.main_visual .control .vs_stop{width:12px; height:12px; background:url(../img/vs_stop.svg) no-repeat center center;}
.main_visual .control .vs_paging{width:100px; display:block; height:3px;}
.main_visual .control .vs_paging ul{display:flex; align-items: center;}
.main_visual .control .vs_paging ul li{flex-grow:1;}
.main_visual .control .vs_paging ul li button{width:100%; height:3px; background-color:#fff; opacity:0.3; text-indent: -9999px;;}
.main_visual .control .vs_paging ul li.slick-active button{opacity:1;}
.main_visual .control.pc{display:flex;}
.main_visual .control.mb{display:none;}

.main_container h1{position:relative; font-size:2.5rem; font-weight:700;  transition: all 0.6s ease-out;}
.main_container h1 strong{color:var(--point-color-1); font-size:inherit;}
.main_news{position:relative; padding:140px 0; overflow:hidden; background-color:#F8F8F8; overflow:hidden;}
.main_news:before{position:absolute; left:0; top:0; z-index:2; width:40%; height:100%; display:block; background-color: #F8F8F8; content:""; }
.main_news .main_cont{position:relative; display:flex; }
.main_news .title_area{position: relative; padding-right:20px; width:41.8%;  box-sizing:border-box; background-color:#F8F8F8; z-index:2; left:-50px; opacity:0; transition: all 0.6s ease-out;}
.main_news .title_area .more{margin-top:80px;}
.main_news .title_area .more a{width:138px; height:45px; line-height:45px; padding:0 30px; box-sizing:border-box; background:url(../img/icon_plus.svg) no-repeat right 30px center #fff; border-radius:24px; font-size:1rem; font-weight:700; border:1px solid var(--point-color-1); display:inline-block; }
.main_news_wrap{position:relative; z-index:1; width: 58.2%; left:-50px; opacity:0; transition: all 0.3s ease-out 0.4s;}
.main_news .main_news_list{position:relative; padding:40px 230px 0 0; margin-left:-40px; box-sizing:border-box; }
.main_news .main_news_list .slick-dots{position:absolute; left:0; top:0; width:100%; display:flex; }
.main_news .main_news_list .slick-dots li{flex-grow:1;}
.main_news .main_news_list .slick-dots li button{width:100%; height:3px; background-color:#E0E0E0;  text-indent: -9999px; transition: all 0.3s ease-out;}
.main_news .main_news_list .slick-dots li.slick-active button{background-color:var(--point-color-1);}
.main_news .main_news_list .slick-list{overflow:inherit;}
.main_news .main_news_list .slick-slide>div{padding-left:40px; }
.main_news .main_news_list .list{padding:40px; border:1px solid var(--point-color-1); background-color:#fff; box-sizing:border-box;}
.main_news .main_news_list a{margin-bottom:30px; font-size:1.375rem; font-weight:700; display:block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main_news .main_news_list .date{font-size:1.125rem; color:#959595;}
.main_news.active .title_area,
.main_news.active .main_news_wrap{left:0; opacity:1;}

.main_calendar{position:relative; padding:100px 0 140px; }
.main_calendar h1{position:relative; bottom:-40px; opacity:0;}
.main_calendar table{table-layout: fixed; position:relative; bottom:-40px; opacity:0; transition: all 0.6s ease-out 0.8s;}
.main_calendar h1{margin-bottom:60px; padding-top:50px; background:url(../img/icon_calendar.svg) no-repeat center 0; text-align:center;}
.main_calendar thead th{height:50px; border:1px solid #E0E0E0;  border-top:2px solid var(--point-color-1); font-size:1.125rem; font-weight:300;}
.main_calendar tbody td{padding:5px; height:150px; box-sizing:border-box; text-align:left; vertical-align: top; border: 1px solid #e0e0e0;}
.main_calendar tbody td .day{width:38px; height:38px; line-height:38px; text-align:center; font-size:1rem; font-weight:300; color:#959595; display:inline-block; border-radius:50%;}
.main_calendar tbody td.next_month,
.main_calendar tbody td.prev_month{background-color:#F8F8F8;}
.main_calendar tbody td:first-child.next_month .day,
.main_calendar tbody td:first-child.prev_month .day,
.main_calendar tbody td:last-child.next_month .day,
.main_calendar tbody td:last-child.prev_month .day,
.main_calendar tbody td.next_month .day,
.main_calendar tbody td.prev_month .day{color:#CFCFCF;}
.main_calendar tbody td.today .day{background-color:var(--point-color-1); color:#fff;}
.main_calendar tbody td:first-child .day{color:#FF4E9B;}
.main_calendar tbody td:last-child .day{color:#5089E0;}
.main_calendar tbody td ul{padding:0 5px;}
.main_calendar tbody td ul li{padding-top:5px; }
.main_calendar .year{margin-bottom:30px; display:flex; align-items: center; justify-content: center; position:relative; bottom:-40px; opacity:0; transition: all 0.6s ease-out 0.4s;}
.main_calendar .year span{margin:0 14px; display:inline-block; font-size:1.25rem; font-weight:500; }
.main_calendar .year .month_prev{width:36px;height:36px; background:url(../img/calendar_prev.svg) no-repeat center center; text-indent: -9999px;}
.main_calendar .year .month_next{width:36px;height:36px; background:url(../img/calendar_next.svg) no-repeat center center; text-indent: -9999px; }
.main_calendar.active h1,
.main_calendar.active .year,
.main_calendar.active table{bottom:0; opacity:1;}
.main_calendar .calendar_popup{position:absolute; left:50%; top:0; max-width:858px; width:100%; background-color:#fff; border:1px solid var(--point-color-1); display:none;}
.main_calendar .calendar_popup .title_area{padding:25px 6%; border-bottom:1px solid #EAEAEA;}
.main_calendar .calendar_popup .title_area h1{margin-bottom:0;font-size:1.25rem; padding-top:0; background:none; text-align: left;}
.main_calendar .calendar_popup .txt_area{padding:40px 6%; font-size:1.0625rem; line-height:1.47;}
.main_calendar_cont{position:relative;}
.calendar_popup_close{position:absolute; right:4.5%; top:25px; width:25px; height:25px; background:url(../img/btn_close.svg) no-repeat center center;  background-size:100%;}

.main_video{background-color:#F6F9FE; padding:100px 0 140px;}
.main_video .main_cont{position:relative; }
.main_video h1{margin-bottom:40px; padding-top:50px; background:url(../img/icon_play.svg) no-repeat center 0; text-align:center; position:relative; bottom:-40px; opacity:0; transition: all 0.6s ease-out;}
.main_video ul{display:flex; align-items: center;}
.main_video ul li{position:relative; width:48.4%; bottom:-40px; opacity:0; transition: all 0.6s ease-out;}
.main_video ul li:nth-child(1){transition-delay: 0.6s;}
.main_video ul li:nth-child(2n){margin-left:auto; transition-delay: 0.8s;}
.main_video ul li .img_area a{position:relative; padding-bottom:77%; display:block; }
.main_video ul li .img_area img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover;}
.main_video ul li .txt_area{position:absolute; left:0; bottom:0; width:100%; height:60px; display:flex; align-items: center; padding:0 10px; box-sizing:border-box; background-color:#242E3D; justify-content: center;}
.main_video ul li .txt_area a{display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; color:#fff; text-align:center;}
.main_video .more{position:absolute; right:20px; top:53px; opacity:0; transition: all 0.6s ease-out 1s; }
.main_video .more a{width:138px; height:45px; line-height:45px; padding:0 30px; box-sizing:border-box; background:url(../img/icon_plus.svg) no-repeat right 30px center #fff; border-radius:24px; font-size:1rem; font-weight:700; border:1px solid var(--point-color-1); display:inline-block;  text-align:left;}
.main_video.active h1,
.main_video.active ul li{bottom:0; opacity:1;}
.main_video.active .more{opacity:1;}

@media screen and (max-width: 1200px) {
.main_vs_txt_area{position:absolute; left:0; top:20%; z-index:3; padding:0 10%; width:100%; background:none; box-sizing:border-box; justify-content: flex-start;}
.main_visual .right_area{width:100%;}
.main_visual .control{position:absolute; margin-top:0; left:50%; bottom:5%; z-index:3; max-width:260px; width:100%; transform: translateX(-50%);}
.main_visual .control.pc{display:none;}
.main_visual .control.mb{display:flex; justify-content: center;}
}

@media screen and (max-width: 960px) {
.main_visual_list .list{aspect-ratio:1/1.2;}
.main_news{padding:70px 0;}
.main_news:before{display:none;}
.main_news .main_cont{display:block;}
.main_news .title_area{padding-right:0; display:block; width:100%; }
.main_news_wrap{display:block; width:100%; }
.main_news .main_news_list .slick-dots{display:none !important;}
.main_news .title_area .more{position:absolute; right:0; top:0; margin:0;}

.main_calendar{padding:70px 0;}
.main_video{padding:70px 0;}
.main_news .main_news_list .slick-slide>div{padding-left:15px;}
.main_news .main_news_list{margin-left:-15px;}
.main_news .main_news_list .list{padding:20px;}
.main_video ul li .txt_area{height:36px;}
.main_visual .vs_top_txt{font-size:3.84rem;}

.main_calendar .calendar_popup .title_area{padding:15px calc(5% + 15px) 15px 5%;}
.calendar_popup_close{width:15px; height:15px; top:15px;}
.main_calendar .calendar_popup .txt_area{padding:15px 5%;}
}

@media screen and (max-width: 768px) {
.main_vs_txt_area .main_vs_txt>span{font-size:1rem;}
.main_vs_txt_area .main_vs_txt>strong{font-size:4.615rem;}
.main_video ul{display:block; }
.main_video ul li{margin-bottom:20px; width:100%;}
.main_video .more{position:relative; left:auto; top:auto; text-align:center; right:auto; }
.main_news .main_news_list{padding-right:10%;}
.main_container h1{margin-bottom: 25px; font-size:1.84rem;}
.main_video .more a,
.main_news .title_area .more a{padding:0 20px; width:88px; height:30px; line-height:28px; background:url(../img/icon_plus.svg) no-repeat right 15px center #fff; background-size:9px;}
.main_calendar .year{justify-content: space-between;}
.main_calendar .year .month_prev{text-indent: 0; padding-left:32px; background-size:26px; width:auto; background-position:left center; font-size:1.153rem; color:#959595;}
.main_calendar .year .month_next{text-indent: 0; padding-right:32px; background-size:26px; width:auto; background-position: right center; font-size: 1.153rem; color:#959595;}
.main_calendar thead th{height:30px;}
.main_calendar tbody td{padding:0; height:75px; width:14.28%;}
.main_calendar tbody td .day{width:100%; height:30px; line-height:30px; background-color:#F8F8F8; font-size:0.923rem; color:#959595; border-radius:0;}
.main_calendar tbody td ul{padding:5px; width: 100%; display:block; box-sizing:border-box;}
.main_calendar tbody td ul li{padding-top:2px; display:block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; font-size: 0.923rem;}
}

/* footer */
.footer{padding:60px 0; background-color:#292A2C;}
.footer_inner{margin:0 auto; max-width:var(--width); padding:var(--padding); box-sizing:border-box; display:flex;}
.footer_logo{margin-right:50px;}
.footer_logo img{max-width:140px;}
.footer_cont .name{font-size:1.125rem; font-weight:700; color:#fff;}
.footer_cont .info{padding: 20px 0 15px;}
.footer_cont ul{display:flex; }
.footer_cont ul li{margin-left:20px; font-size:0.9375rem; color:#fff; font-weight:300;}
.footer_cont ul li:first-child{margin-left:0;}
.footer_cont .copyright{font-size:0.9375rem; color:#fff; font-weight:300;}
.footer_menu{margin-left:auto;}
.footer_menu ul{display:flex; }
.footer_menu ul li{position:relative; padding:0 20px; color:#fff;}
.footer_menu ul li:last-child{padding-right:0;}
.footer_menu ul li:before{position:absolute; left:0; top:50%; margin-top:-7px; width:1px; height:14px; background-color:#959595; display:block; content:"";}
.footer_menu ul li:first-child:before{display:none;}
@media screen and (max-width: 960px) {
.footer{padding:30px 0;}
.footer_inner{position:relative; display:block;}
.footer_logo{text-align:center; margin:0 0 60px;}
.footer_menu{position:absolute; left:0; top:110px; padding:var(--padding);}
.footer_cont .info{padding:0 0 15px;}
.footer_cont .info ul:first-child{display:block;}
.footer_cont .info ul:first-child li{margin:0;}
.footer_menu ul li:first-child{padding-left:0;}
.footer_menu ul li:last-child{padding-right:20px;}
.footer_logo img{max-width:120px;}
}

/* sub_layout */
.gray_bg{background-color:#F8F8F8;}
.sub_cont{margin:0 auto; padding:var(--padding); max-width:var(--width); box-sizing:border-box;}
.sub_top_area{padding:30px 0 40px;}
.navi{margin-bottom:45px;}
.navi ul{display:flex; align-items: center;}
.navi ul li{position:relative; padding:0 10px; font-size:0.9375rem; color:#959595; }
.navi ul li:before{position:absolute; left:0; top:50%; margin-top:-6px; width:1px; height:12px; display:block; background-color:#959595; content:"";}
.navi ul li:first-child:before{display:none;}
.navi ul li:first-child{padding-left:0;}
.navi ul li .icon_home{padding-left:30px; background:url(../img/icon_home.svg) no-repeat 0 center; }
.sub_top_title{margin-bottom:50px; }
.sub_top_title h1{font-size:3.125rem; font-weight:700; text-align:center; line-height:1;}
.mb_tnb{display:none;}
.tnb ul{display:flex; flex-wrap:wrap; justify-content: center;}
.tnb ul li a{position:Relative; padding:0 25px 12px;; display:block; }
.tnb ul li.on a:before{position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:var(--point-color-1); display:block; content:"";}
.tnb ul li.on a{color:var(--point-color-1); font-weight:700;}
.sub_visual{position:relative; z-index:1; height:260px;}
.sub_visual:before{position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;  background:rgba(0,0,0,0.35); display:block; content:"";}
.sub_visual_1{background:url(../img/sub_visual_1.png) no-repeat center center; background-size:cover;}
.sub_visual_2{background:url(../img/sub_visual_2.png) no-repeat center center; background-size:cover;}
.sub_vs_txt{position:absolute; left:50%; top:0; z-index:3; max-width:var(--width); padding:var(--padding); width:100%; text-align:right; font-size:5rem; font-weight:700; color:#fff; opacity:0.2; box-sizing:border-box; line-height:1; transform:translateX(-50%); font-family: "Montserrat", sans-serif; font-weight:700;}
.sub_container{padding:120px 0;}
.pc_only{display:block;}
.mb_only{display:none}
@media screen and (max-width: 960px) {
.tnb{display:none;}
.mb_tnb{display:block; background-color:#F8F8F8; border-radius:2em;}
.mb_tnb>ul{display:flex; }
.mb_tnb>ul>li{position:relative; width:50%;}
.mb_tnb>ul>li:before{position:absolute; left:0; top:50%; margin-top:-10px; width:1px; height:20px; background-color:#D4D4D4; display:block; content:"";}
.mb_tnb>ul>li:first-child:before{display:none;}
.mb_tnb>ul>li button{width:100%; }
.mb_tnb>ul>li .s_tnb_open{position:relative; padding:0 30px 0 5.6%; height:50px; display:flex; align-items: center; font-size:1rem; font-weight:500;}
.mb_tnb>ul>li .s_tnb_open:before{position:absolute; right:15px; top:50%; width:14px; height:14px; background:url(../img/tnb_arrow.svg) no-repeat center center; display:block; content:"";  transform:translateY(-50%) rotate(0deg); transition: all 0.3s ease-out;}
.mb_tnb>ul>li.active .s_tnb{visibility: visible; opacity:1;}
.mb_tnb>ul>li.active .s_tnb_open:before{transform: translateY(-50%) rotate(180deg);}
.s_tnb{position:absolute; left:0; top:50px; z-index:3; width:100%; background-color:#fff; border:1px solid #ddd; border-radius:2em; padding:10px 0; box-sizing:border-box; visibility: hidden; opacity:0; transition: all 0.3s ease-out;}
.s_tnb li{padding:5px 5.6%; }
.sub_top_title{margin-bottom:25px;}
.sub_top_title h1{font-size:2.153rem;}
.navi{display:none;}
.sub_top_area{padding:65px 0 30px;}
.sub_visual{height:180px;}
.sub_vs_txt{font-size:3.84rem;}
.sub_container{padding:60px 0;}
.pc_only{display:none;}
.mb_only{display:block; text-align:center;}
}

/* rule_ */
.rule_list ul{display:flex;flex-wrap:wrap;}
.rule_list ul li{width:23.25%; margin:0 2.3% 30px 0; background-color:#fff;  box-sizing:border-box; transition: all 0.3s ease-out;}
.rule_list ul li:nth-child(4n){margin-right:0;}
.rule_list ul li a{padding:50px 30px; width:100%; height:266px; box-sizing:border-box; display:flex; flex-direction: column; justify-content: space-between; transition: all 0.3s ease-out; border:1px solid #E0E0E0; border-top:1px solid #292929; box-shadow:3px 3px 6px rgba(0,0,0,0.06);}
.rule_list ul li .title{font-size:1.5rem; font-weight:700; word-break: keep-all;}
.rule_list ul li .btn_download{margin:0 auto; max-width:138px; height:42px; width:100%; line-height:40px; border:1px solid var(--point-color-1); border-radius:2em; display:flex; align-items: center; box-sizing:border-box; justify-content: center; font-size:1.125rem; font-weight:500; transition: all 0.3s ease-out;}
.rule_list ul li .btn_download:before{margin-right:10px; width:16px; height:16px; background:url(../img/icon_download.svg) no-repeat center center; display:block; content:""; transition: all 0.3s ease-out;}
.rule_list ul li a:hover{border-color:var(--point-color-1); color:var(--point-color-1);}
.rule_list ul li a:hover .btn_download{background-color:var(--point-color-1); color:#fff;}
.rule_list ul li a:hover .btn_download:before{background:url(../img/icon_download_w.svg) no-repeat center center;}
@media screen and (max-width: 1200px) {
.rule_list ul li .title br{display:none;}
.rule_list ul li a{padding:20px; height:200px;}
}
@media screen and (max-width: 1024px) {
.rule_list ul li{width:32%; margin:0 2% 12px 0;}
.rule_list ul li:nth-child(4n){margin-right:2%;}
.rule_list ul li:nth-child(3n){margin-right:0;}
}
@media screen and (max-width: 640px) {
.rule_list ul{display:block;}
.rule_list ul li{width:100%;}
.rule_list ul li a{height:auto;}
.rule_list ul li .btn_download{margin:0 0 0 auto; width:102px; height:40px; line-height:38px; font-size:1.07rem;}
.rule_list ul li .title{font-size:1.307rem;}
.rule_list ul li .title br{display:block;}
}

/* location */
.location .map_area iframe{width:100%; height:698px; display:block; }
.location .info{height:110px; background-color:#242E3D; display:flex; align-items: center; justify-content: center;}
.location .info strong{font-size:1.25rem; font-weight:700; color:#fff;}
.location .info p{margin-left:35px; padding-left:30px; line-height:25px; background:url(../img/icon_location.svg) no-repeat 0 0; font-size:1.125rem; color:#fff; }
@media screen and (max-width: 960px) {
.location .map_area iframe{height:350px;}
.location .info{display:block; height:auto; padding:20px; text-align:center;}
.location .info strong{display:block; }
.location .info p{margin-left:auto; display:inline-block;}
}

/* organization */
.organization p{margin-bottom:50px; font-size:1.875rem; text-align:center;}
.organization p strong{font-weight:700; color:var(--point-color-1);}

.family_site{padding:30px 0;}
.family_site .slick-slide{text-align:center;}
.family_site .slick-slide>div{padding:0 5px;}
.family_site .slick-slide img{margin:0 auto; }
.family_site_rolling{position:relative; padding:0 20px;}
.family_site_rolling .slick-arrow{position:absolute; top:50%; z-index:5; width:12px; height:22px; display:block; text-indent:-9999px;  transform:translateY(-50%);}
.family_site_rolling .slick-prev{left:0;  background:url(../img/site_arrow_l_12px.svg) no-repeat center center;}
.family_site_rolling .slick-next{right:0;  background:url(../img/site_arrow_r_12px.svg) no-repeat center center;}

@media screen and (max-width: 640px) {
.family_site{padding:22px 0;}
}

/* executive_list */
.executive_list h2{position:relative; margin-bottom:30px; padding:0 0 18px 30px; border-bottom:1px solid var(--point-color-1); font-size:1.875rem; font-weight:700; }
.executive_list h2:before{position:absolute; left:10px; top:10px; width:6px; height:22px; background-color:var(--point-color-1); display: block; content:""; border-radius:2em;}  
.executive_list .ceo{margin-bottom:70px; display:flex; }
.executive_list .ceo .img_area{width:250px;}
.executive_list .ceo .txt_area{margin-left:auto; padding-top:25px; width:calc(100% - 310px);}
.executive_list .ceo .txt_area .name{margin-bottom:20px; font-size:1.625rem; font-weight:700;}
.executive_list .history li{margin-bottom:9px; display:flex; font-size:1.25rem; color:#292929; align-items: center;}
.executive_list .history li:last-child{margin-bottom:0;}
.executive_list .history li strong{position:relative; font-weight:400; color:var(--point-color-1); flex-shrink: 0;}
.executive_list .history li strong:after{margin:0 20px; width:1px; height:14px; background-color:#C8C8C8; display:inline-block; content:"";}
.executive_list .director{margin-bottom:70px;}
.executive_list .director ul{display:flex; justify-content: space-between; gap:20px;}
.executive_list .director ul li{width:calc((100% - 100px)/6); }
.executive_list .director ul li .img_area{aspect-ratio: 200/264; }
.executive_list .director ul li .img_area img{width:100%; height:100%; object-fit:cover; border-radius:14px;}
.executive_list .director .name{margin-top:20px; font-size:1.5rem; text-align:center; display:block; font-weight:500;}
.executive_list .secretary_wrap{width:37.5%;}
.executive_list .secretary{display:inline-block;}
.executive_list .secretary .name{margin-top:20px; font-size:1.5rem; text-align:center; display:block; font-weight:500;}
.executive_list .auditor_wrap{margin-left:auto; width:58.4%;}
.executive_list .auditor{display:flex; }
.executive_list .auditor .img_area{width:200px; }
.executive_list .auditor .txt_area{margin-left:auto; width:calc(100% - 260px);}
.executive_list .auditor .txt_area .name{margin-bottom:20px; font-size:1.625rem; font-weight:700;}
.executive_list .auditor .txt_area .name strong{font-weight:500; color:var(--point-color-1);}
@media screen and (max-width: 960px) {
.executive_list .secretary_wrap{margin-bottom:70px; width:100%;}
.executive_list .auditor_wrap{width:100%;}
}
@media screen and (max-width: 768px) {
.executive_list .img_area img{width:100%;}
.executive_list .secretary,
.executive_list .auditor .img_area,
.executive_list .ceo .img_area{width:48.4%;}
.executive_list .auditor .txt_area,
.executive_list .ceo .txt_area{margin-left:auto; width:48.4%;}
.executive_list .history li{display:block; font-size:0.923rem;}
.executive_list .history li strong:after{display:none;}
.executive_list .history li strong{display:block;}
.executive_list .ceo .txt_area .name{margin-bottom:8px;}
.executive_list .director ul{flex-wrap:wrap; gap:0;}
.executive_list .director ul li{width:48.4%;}
.executive_list .director ul li:nth-child(2n){margin-left:auto;}
.executive_list .secretary .name,
.executive_list .director .name{margin:14px 0 18px; font-size:1.153rem;}
.executive_list .ceo,
.executive_list .director,
.executive_list .secretary_wrap{margin-bottom:40px;}
}