@charset "utf-8";

/* SKIP */
#skip a{position:absolute; left:-9999px;}
/* ROOT */
#root{position:relative; width:100%;}

.flex_wrap{display:flex; flex-wrap:wrap;}
.layout{max-width:1400px; width:100%; margin:0 auto;}
/* header layout -------------------------------------------------------------------------------------------------------------------------------------*/
#header{position:fixed; top:0; left:0; width:100%; height:auto; background:#fff; z-index:500; box-shadow:0 3px 3px rgb(0 0 0 / 10%);}
#header .header_wrap{position:relative; max-width:1400px; width:100%; min-width:320px; margin:0 auto; }
#header .header_wrap .header_logo{position:absolute; top:50%; left:0; margin-top:-22px;  z-index:100}
#header .header_wrap .header_logo a{display:block; }

#header .gnb{text-align:right; margin: 10px 0;}
#header .gnb li{display:inline-block;}
#header .gnb li a{display:block; position:relative; padding:0 10px; font-size:0.8em; line-height:30px; color:#222; text-transform:uppercase;}
#header .gnb li:first-child a:after{display:block; position:absolute; top:10px; right:-3px; width:1px; height:10px;background:#dad4cb; content:""}
/* navi */
#lnb{position:relative; float:right; width:80%; height:auto; min-width:320px; }
#header .btn_all_lnb{display:none; width:35px;}
#header .btn_all_lnb img{width:100%}


#lnb .lnb_wrap{max-width:1000px; width:100%; min-width:320px; margin:0 auto; text-align:center; }
#lnb .lnb_wrap .lnb_d1{position:relative; display:flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start;}
#lnb .lnb_wrap .lnb_d1 > li{position:relative; display:inline-block; width: 18%; padding:0 10px;}
#lnb .lnb_wrap .lnb_d1 li a{display:block; font-size:18px; line-height:50px; color:#222; letter-spacing:-0.01em; transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; 
font-family: 'Pretendard-Medium';}
#lnb .lnb_wrap .lnb_d1 > li > a:after{display:block; position:absolute; bottom:0; left:50%; width:0; height:4px; background:#43b4c9; content:"";
	transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; }
#lnb .lnb_wrap .lnb_d1 > li:hover > a{color:#43b4c9; }
#lnb .lnb_wrap .lnb_d1 > li:hover > a:after{width:140%;}
#lnb .lnb_wrap .lnb_d1_on > li:hover > a{color:#43b4c9;}
#lnb .lnb_wrap .lnb_d1 .lnb_d1_7{padding-right: 0;}

#lnb .lnb_wrap .lnb_d2{display:none; width: 140%; position:absolute; left: 50%; top:50px; transform:translate(-50%,0); padding:0; z-index:99999; background: #fff; border:1px solid #dfdfdf;}
#lnb .lnb_wrap .lnb_d2 li{padding:0;}
#lnb .lnb_wrap .lnb_d2 li a{width:100%; padding:5px 2%; font-size:17px; line-height:45px; color:#292929; text-align:center; }
#lnb .lnb_wrap .lnb_d2 li a:hover{color:#43b4c9;}
/* #lnb .lnb_wrap .lnb_d2_6{right: 0;}
#lnb .lnb_wrap .lnb_d2_7{right:0} */

#lnb .lnb_wrap .lnb_d3{display:none;}

#lnb .navi_none{display:none !important;}
.bg_navi{display:none; position:absolute; top:120px; width:100%; height:45px; border-top:1px solid #f26c5d; background:#fff; z-index:9999;}

.h_sns{position:absolute; top:61%; right:0;}
.sns_hidden{display:none !important;}

/* body */
#container{position:relative;}


/* sub layout -------------------------------------------------------------------------------------------------------------------------------------*/
/* sub navi*/
/*#sub_wrap{width:100%; height:400px; margin-top: 100px; position:relative;}*/
/*#sub_wrap .snb{position:relative; width:80%; min-width:320px; background-size:auto 200px;*/
/*	animation-name:sub_bg; animation-duration:3s; animation-timing-function:ease-in-out; animation-fill-mode:forwards; z-index:400;*/
/*	position:absolute; bottom:0;}*/

#sub_wrap.club_visual{background:url('/img/2023/sub/sub_visual02.jpg') no-repeat; background-size: cover;}
#sub_wrap.edu_visual{background:url('/img/2023/sub/sub_visual02.jpg') no-repeat; background-size: cover;}
#sub_wrap.space_visual{background:url('/img/2023/sub/sub_visual02.jpg') no-repeat; background-size: cover;}
#sub_wrap.notice_visual{background:url('/img/2023/sub/sub_visual02.jpg') no-repeat; background-size: cover;}
#sub_wrap.guide_visual{background:url('/img/2023/sub/sub_visual02.jpg') no-repeat; background-size: cover;}
#sub_wrap.about_visual{background:url('/img/2023/sub/sub_visual02.jpg') no-repeat; background-size: cover;}
#sub_wrap.mypage_visual{background:url('/img/2023/sub/sub_visual02.jpg') no-repeat; background-size: cover;}
#sub_wrap.member_visual{background:url('/img/2023/sub/sub_visual02.jpg') no-repeat; background-size: cover;}

/*#sub_wrap.club_visual::after{display:block; position:absolute; top:0; left: 0; width: 100%; height: 100%; content:''; background: url('/img/2023/sub/sub_visual01.jpg')no-repeat 50% 50%;*/
/*					-webkit-animation: kenburns-right 3s ease-out both; animation: kenburns-right 3s ease-out both; z-index:-1;}*/
/**/
/*@-webkit-keyframes kenburns-right {*/
/*  0% {*/
/*    -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0);*/
/*    -webkit-transform-origin: 86% 46%; transform-origin: 86% 46%;*/
/*  }*/
/*  100% {*/
/*    -webkit-transform: scale(1.1) translateX(10px); transform: scale(1.05) translateX(10px);*/
/*    -webkit-transform-origin: right; transform-origin: right;*/
/*  }*/
/*}*/
/*@keyframes kenburns-right {*/
/*  0% {*/
/*    -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0);*/
/*    -webkit-transform-origin: 86% 46%; transform-origin: 86% 46%;*/
/*  }*/
/*  100% {*/
/*    -webkit-transform: scale(1.1) translateX(10px); transform: scale(1.05) translateX(10px);*/
/*    -webkit-transform-origin: right; transform-origin: right;}*/
/*}*/


/*#sub_wrap .sub_tit_wrap{padding:200px 0 0 0; max-width:1400px; margin:0 auto;}*/
/*#sub_wrap .sub_title{font-size:48px; line-height:1em; font-weight:700; color:#2a3d4b; color: #fff; font-family: 'MICEGothic Bold';}*/
/*#sub_wrap .sub_tit_wrap p{color:#fff; margin-top:30px; font-family: 'OTWelcomeRA'; letter-spacing:1px;}*/
/*#sub_wrap .sub_tit_wrap{text-shadow:2px 2px 8px #1a73a9;}*/



#sub_wrap{width:100%; height:400px; margin-top: 100px; position:relative; background:url('/img/2023/sub/sub_visual01.jpg') no-repeat;}
#sub_wrap .sub_tit_wrap{padding:165px 0 0 0; max-width:1400px; margin:0 auto;}
#sub_wrap .sub_title{font-size:48px; line-height:1em; font-weight:700; color:#2a3d4b; color: #fff; font-family: 'MICEGothic Bold';}
#sub_wrap .sub_tit_wrap p{color:#fff; margin-top:30px; font-family: 'OTWelcomeRA'; letter-spacing:1px;}
#sub_wrap .sub_tit_wrap{text-shadow:2px 2px 8px #333;}

#sub_wrap .snb{position: absolute; bottom:0; width:100%;border-bottom:1px solid #e8e8e8; }
#sub_wrap .snb_wrap{background:#fff; max-width: 1600px; position:relative; display:flex; }
#sub_wrap .blank{width: 20%;background:#fff;}
#sub_wrap .blank .home{background:#7de9f5; width:60px; height:100%; float:right;}
#sub_wrap .snb .snb_wrap>ul{display: flex; flex-wrap:wrap; width:80%;}
#sub_wrap .snb .snb_wrap>ul>li{width:25%; border-right: 1px solid #e8e8e8;}
#sub_wrap .snb .snb_wrap>ul>li>a{font-size: 18px;  width:100%; position:relative; display:block; padding:20px 20px; background:url(/img/2023/common/sub_arrow.png) no-repeat 92% center #fff;
display:flex; align-items:center;}
#sub_wrap .snb .menu_list{display: none; position:absolute; background:#fff; z-index:999; width:20%; border:1px solid #eee;}
#sub_wrap .snb .menu_list li{transition:0.1s;}
#sub_wrap .snb .menu_list li a{font-size: 18px; padding:15px 20px; display:block;}
#sub_wrap .snb .menu_list li:hover{background:#44b4ca; }
#sub_wrap .snb .menu_list li:hover a{color:#fff;}

/* body*/
#body_wrap{max-width:1250px; width:100%; min-width:320px; height:auto; min-height:550px; margin:0 auto;}
#body_wrap .body_title_wrap{position:relative; width:100%;}
#body_wrap .body_title_wrap .body_title{padding:60px 0 10px; font-size:45px; line-height:1.4em; text-align:center;  font-family: 'MICEGothic Bold';}
#body_wrap .body_title_wrap .location{font-size:0.85em; color:#888; line-height:20px; text-align:center; display:none;}
#body_wrap .body_title_wrap .location .home{display:inline-block; width:12px; height:20px; background:url(/img/common/loca_home.png) no-repeat 0 5px; background-size:12px auto; text-indent:-9999px; vertical-align:top }
#body_wrap .body_title_wrap .location span{display:inline-block; width:auto; padding-left:17px; background:url(/img/common/loca_arr.png) no-repeat 8px 7px; background-size:auto 8px; font-weight:300; vertical-align:top}

#body_wrap .body_content{width:100%; padding:60px 10px 50px;}

#top_arr{display:none; position:fixed; bottom:30px; right:30px; width:50px; height:50px; background:rgba(0,0,0,0.6) url(/img/common/top_arr.png) no-repeat 50% 30%; background-size:14px auto; z-index:99999;}
#top_arr span{display:inline-block; width: 100%; margin-top: 26px; font-weight: 700; text-align: center; color: #fff; font-size: 12px;}

/* footer layout -------------------------------------------------------------------------------------------------------------------------------------*/
#footer{width:100%; background:#353333;}

.footer_top_wrap{border-bottom:1px solid #6a6a6a;}
.footer_top_wrap .top_inner{max-width:1400px; width:96%; min-width:320px; margin:0 auto; padding:10px 0; }
.footer_top_wrap .terms_list{display:inline-block; vertical-align:middle; padding-top:10px;}
.footer_top_wrap .terms_list li{display:inline-block; }
.footer_top_wrap .terms_list li a{display:block; font-size:0.933em; line-height:35px; color:#eee; }
.footer_top_wrap .terms_list li:first-child a{position:relative; margin-right:30px; }
.footer_top_wrap .terms_list li:first-child a:after{display:block; position:absolute; top:11px; right:-20px; width:1px; height:14px; background:#837d75; content:"" }

.footer_top_wrap .select_list_wrap{float:right; position:relative; border:1px solid #837d75;}
.footer_top_wrap .select_list_wrap .btn_select{width:250px; padding:0 5px; background:url(/img/2020/common/select_arr.png) no-repeat 95% 50%; background-size:auto 7px; border:0 none; font-size:0.933em;
												line-height:34px; color:#fbf3e7; text-align:left; text-transform:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0;
												background-color:#685050;}
.footer_top_wrap .select_list_wrap .select_list{position:absolute; bottom:37px; left:0; width:100%; background:#f1f1f1; z-index:999999;}
.footer_top_wrap .select_list_wrap .select_list a{display:block; width:100%; padding:3px 8px; border-bottom:1px solid #eee; font-size:0.933em; line-height:32px;}


#footer .footer_wrap{max-width:1400px; width:100%; min-width:320px; margin:0 auto; padding:40px 0; text-align:center;}
#footer .footer_logo{display:inline-block; vertical-align:middle; margin-right:40px;}
#footer .footer_wrap .footer_info{width: 70%; float:left; font-size:14px; line-height:1.2em; color:#ada59b; text-align:left;}
#footer .footer_wrap .footer_info li{width: 100%; display:inline-block;}
#footer .footer_wrap .footer_info li + li{margin-top: 10px;}
#footer .footer_wrap .footer_info li .tit{margin-right:5px; color:#fff;}
#footer .footer_wrap .footer_info li .info{color:#c5c5c5;}
#footer .footer_wrap .copy{margin-top: 10px;}
#footer .footer_wrap .madeby{position:absolute; top:0; left:-99999px;}