.mobile{display: block !important;}
.pc{display: none;}


body{padding-top: 70px;}

header {padding: 0 10px; position: fixed; width: 100%; top: 0; left: 0; z-index: 9999;}
header h1 {width: 35%; transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0);}
header .hd_bg.active{display: none;}

header section{height: 70px; transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0);}
header #tnb{height: 70px; transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0);}
header #tnb li a span{transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0);}
header .m_menu{ transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0);}


header.sc_active section{height: 50px;}
header.sc_active #tnb{height: 50px;}
header.sc_active .m_menu{top: 6px;}
header.sc_active h1 {width: 25%;}

header.sc_active #tnb li a span {width: 30px;height: 30px; font-size: 20px; line-height: 30px;}


header h1 a img {max-width: 130px;}



nav {width: 50%;position: fixed;right: 0;top: 70px;background: #fff; height: 100vh; z-index: 99; border-left: 1px solid #ccc; border-top: 1px solid #e1e1e1;
  transform-origin: 0% 0%;
  transform: translate(100%, 0);
  transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}
nav > ul{flex-direction: column; height: 90%; overflow-y: auto; overflow-x: hidden; padding-bottom: 30px;}
nav > ul > li{text-align: left; }
nav > ul > li > a{line-height: normal; display: block; padding: 20px; font-size: 13px; color: #000;}
nav > ul > li > ul {position: relative;top: auto;margin-left: 30px;margin-top: -10px;padding-top: 0; display: block !important;}
nav > ul > li > ul a{color: #555; font-size: 12px;}
nav > ul > li:after{display: none;}


header.sc_active nav{top: 50px;}


#tnb {
	width: auto; margin-left: 0; display: no1e; position: absolute; right:10px; top:0; height: 70px; background: #fff; z-index: 999; 
	transform: translate(0, 0%); transition: all 0.8s cubic-bezier(0.77,0.2,0.05,1.0); opacity: 1;
}

#tnb > ul {width: 70%;height: 100%;padding: 0 0px;margin-left: 0px;justify-content: flex-end; gap:0}
#tnb li{margin: 0 2px;width: auto;}
#tnb li a {font-size: 10px;}
#tnb li a span {width: 40px;height: 40px;background: #eee;padding: 0;display: grid;line-height: 40px;border-radius: 100%;font-size: 22px;}
#tnb li u{display: none;}
#tnb .my a {background: none;padding: 0;line-height: normal;}
#tnb .my u{display: none; color: #000;  margin-top: 3px;}
#tnb li.my a span{background:#ffb400 ;}


.bo_sch {
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
	margin: 0;
}
header.sc_active #tnb{right: 10px;}
header.m_active #tnb{transform: translate(0%, 0%); opacity: 1;}

#main_banner .main_ban03{text-align: center;}
#main_banner .main_ban03 .txt{}

#main_banner .swiper-slide h2{font-size: 20px;}
#main_banner .swiper-slide p{font-size: 12px; padding: 0 60px; word-break: keep-all; }
#main_banner .swiper-slide .wrap{height: 300px;}
#main_banner .swiper-slide .txt {text-align: center;}

#main_banner .main_ban01{background-size: cover;}
#main_banner .main_ban02{background-size: cover;}
#main_banner .main_ban03{background-size: cover;}

#latest-box{}
#latest-box.flex {flex-direction: column;}
#latest-box #latest_schedule{width: 100%;}
#latest-box #latest_board{width: 100%; margin-top: 50px; }

#latest_schedule .bd_tab_m{padding: 10px;}
#latest_schedule .bd_tab_m .swiper-slide{font-size: 13px;}
#latest_schedule .bd_tab_m .swiper-slide.swiper-slide-thumb-active{font-size: 13px;}

#latest_board .bd_tab_m{padding: 15px 0;}
#latest_board .bd_tab_m .swiper-slide{padding: 0 10px; font-size: 13px;}
section.latest_basic .bd_con .txt h3 {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width:70%}



section#latestGallery{}
section#latestGallery .bd_con > ul{flex-wrap: wrap; gap:0}
section#latestGallery .bd_con > ul > li {width: 50%; padding: 10px 5px 20px;}
section#latestGallery .bd_con .thum img{min-width:auto;}
section#latestGallery .bd_con .thum {min-height: 120px; max-height: none;}


#infograph{margin:  70px 20px 30px;}
#infograph .flex{flex-wrap: wrap; gap:0; justify-content: space-around; }
#infograph article{margin-bottom: 20px; flex-direction: column; text-align: center;} 

footer {padding: 20px 20px;}
footer .flex{display: block;}
footer .wrap > div{padding: 0;}
footer p{font-size: 12px;}
footer .ft_logo{width: 100%;}
footer .ft_share{width: 100%; margin-top: 20px;}
footer .logo img {
    max-width: 130px;
    opacity: 1;
}
.bo_notice .notice_icon {
    font-size: 10px;
}


.m_menu{width: 40px; height: 40px; border: 0px solid #ccc; display: grid; align-items: center; justify-content: center; align-content: center; z-index: 999; position: fixed; top: 15px; right: 10px;}
.m_menu a{width: 40px; height: 40px; border: 0px solid #ccc; display: grid; align-items: center; justify-content: center; align-content: center;}
.m_menu span{width: 26px; height: 2px; background: #000; display: block; margin: 3px 0; transform-origin:4px 0px; 
transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),  background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;}

header.m_active nav{transform: translate(0%, 0); }
header.m_active .m_menu span{}
header.m_active .m_menu span:nth-child(1){transform:rotate(45deg) translate(3px, -1px)}
header.m_active .m_menu span:nth-child(2){opacity: 0;}
header.m_active .m_menu span:nth-child(3){transform: rotate(-45deg) translate(2px, 0px);}


#contents {padding: 20px 15px; margin-top: 0;}


#sub_banner h2{font-size: 30px; margin-bottom: 10px;}
#sub_banner p{font-size: 13px; padding-top: 3vh;}
#sub_banner i {width: 200px; padding-bottom: 35px;}

#sub_banner .navi {width: calc(100% - 30px);line-height: 35px;left: 50%;transform: translate(-50%, -0%);}
#sub_banner .navi ul li a{font-size: 12px; padding: 0 5px;}


#sub_page .doc h3{font-size: 17px;}
#sub_page .doc.at01 h3:after{margin: 20px auto 0;}

.sticky-wrap .sc-sticky-left{width: 30%;}
.sticky-wrap .about_aslp{width: 70%; padding: 0 0 0 10px; font-size: 13px;}

.sticky-wrap .sc-sticky-left .sticky{padding:1rem 0 ;}
.sticky-wrap .sc-sticky-left p{padding: 10px; font-size: 11px;}
.sticky-wrap .sc-sticky-left .sec-gubun{padding: 10px;}
.sticky-wrap .about_aslp > ul > li#item1 > div > div{padding: 0 0; margin-bottom: 20px;}

.sticky-wrap .sc-sticky-left .sec-gubun b{font-size: 14px; font-weight: 800;}
.sticky-wrap .sc-sticky-left .sec-gubun u{font-size: 10px; font-weight: 700;}
.sticky-wrap .sc-sticky-left .sec-gubun h4{font-size: 14px; font-weight: 800;}

.sticky-wrap .about_aslp > ul > li div h4{font-size: 14px;}
.sticky-wrap .about_aslp > ul > li div p{font-size: 12px;}


.sticky-wrap .sc-sticky-left > span{width: 5px;}
.sticky-wrap .sc-sticky-left:after{width: 5px;}

.about_aslp .list-style li{line-height: 140%;}


.sticky-wrap .about_aslp > ul > li {margin-bottom: 50px;padding-bottom: 50px;}
.sticky-wrap .about_aslp > ul > li div i{line-height: 25px;font-size: 13px;padding: 0 15px;}

#sub_page .doc p {font-size: 12px;word-break: keep-all;}


#sub_page .country-box2{flex-wrap: wrap;}
#sub_page .country-box2>div{width: 100%;}



#fregister h2{padding: 10px; font-size: 1em;}
#fregister textarea{font-size: 12px; height: 150px; padding: 10px;}
#fregister fieldset.eden_filed{padding: 10px 5px;}
#fregister .eden_filed input[type="checkbox"] + label{font-size: 12px;}

#fregisterform section.gubun{padding: 0; margin: 0 0 30px;}



.eden_regi_form > ul > li{margin: 0; padding: 0;}

.eden_regi_form > ul > li .col-2 {flex-wrap: wrap;}
.eden_regi_form > ul > li .col-2 > li{width: 100% !important; }

.eden_regi_form > ul > li.radio .flex {gap: 10px;}
.eden_regi_form > ul > li.radio .flex span {display: block;width: 100%;}

.eden_regi_form > ul li{margin: 40px 20px 40px;}
.eden_regi_form > ul li > ul li{margin: 0; margin-bottom: 20px;}

.eden_regi_form > ul > li > label{font-size: 13px;}
.eden_regi_form > ul > li > ul > li > label{font-size: 13px;}

.radio input[type="radio"]+label{padding-left: 20px;}
.radio input[type="radio"]+label:before{width: 17px; height: 17px; display: grid; align-items: center; justify-content: center;}
.checkbox input[type=checkbox]+label{padding-left: 25px;}
.checkbox input[type=checkbox]+ label:before{width: 18px; height: 18px; display: grid; align-items: center; justify-content: center;}
.checkbox input[type=checkbox]{margin-top: 0;}


.mbskin{}


.grhapic ul{flex-wrap: wrap;}
.grhapic ul li{width: 100%; margin-bottom: 10px;}

.at07 ul {flex-wrap: wrap;}
.at07 ul li{width: 100%; margin-bottom: 10px; min-height: auto;}

.at09 ul li {width: 100%;}
.at09 ul li label {width: 15%;}



#sub_page .doc p br{display: none; }

#aslp .at03 {
    flex-direction: column;
}



#aslp .at03 > div:first-child {
    text-align: left;
    width: 100%;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 20px;
}

#aslp .at03 > div {
    padding: 0 20px;
    width: 100%;
    border-left:0px solid #e1e1e1;
}

#sub_page .doc.at04 {margin-top: 100px;}


#aslp .at03 > div > ul > li{}
#aslp .at03 > div > ul > li{gap:10px}
#aslp .at03 > div ul li > div:first-child{width: 20%;}
#aslp .at03 > div ul li > div:last-child{width: 80%;}
#aslp .at03 > div ul li h5{font-size: 15px;}


#aslp .at04 table th, #aslp .at04 table td {font-size: 12px; padding: 10px 5px; word-break: break-all;}


#aslp .at05 > div{flex-wrap: wrap;}
#aslp .at05 > div ul {
    width: 100%;
}
#aslp .at05 > div ul:last-child {
    width: 100%;
}
#aslp .at05 > div {
    padding: 0 20px;
}

.venue .at05 > div > ul > li {
    gap: 10px;
	padding: 20px 0;
}

#aslp .at05 {
    padding: 20px 0;
}
.venue .at05 i {
    width: 55px;
    height: 55px;
    padding: 15px;
}

#aslp .at05 > div ul li h4 {
    font-size: 15px;
}



.app #sub_page .doc .b_font{font-size: 15px; margin-bottom: 10px;}


.app #sub_page .country-box > div > p{justify-content: flex-start;}
.app #sub_page .country-box > div > p.country-01 {
    padding: 30px 20px 15px;
}

.app #sub_page .country-box p > span {
    line-height: 10px;
    font-size: 13px;
}

.app .country-box {
    margin: 30px 0 20px;
}



.tbl_wrap table .chk_box{display: none;}
.tbl_wrap table .td_num2{display: no1ne;}
.tbl_wrap table .td_subject{}
.tbl_wrap table .td_name{display: none;}
.tbl_wrap table .td_num{display: none;}
.tbl_wrap table .td_datetime{font-size: 12px;}

#contents header{position: unset; padding: 0;}

#bo_v_title{padding: 10px;}
#bo_v_title .bo_v_tit{font-size: 1.3em; text-align: left;}
#bo_v #bo_v_info .profile_info .profile_info_ct{font-size: 11px;}

.bo_v_com {
    margin: 0px 0;
}



#bo_v #bo_v_con {
    padding: 10px;
    font-size: 13px;
}


.bo_v_nb li {
    border-top: 1px solid #f1f1f1;
    font-size: 11px;
}
.bo_v_nb a{
    display: inline-block;
    width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	vertical-align: middle;
}


.icon_btn {
	max-width:100px
    width: auto;
    margin: 0 auto;
    line-height: 35px;
    padding: 0 10px;
    background: #2679a1;
    color: #fff;
	font-size: 12px;
}
.icon_btn span {
    font-size: 20px;
}



.gall_row .col-gn-4 {
    width: 50%;
}

#bo_gall .gall_text_href {
    margin: 10px 5px 5px;
}

#bo_gall .bo_tit{
	font-size: 1em;
	line-height: normal;
}

#bo_gall .gall_info{font-size: 10px; margin: 0 5px;}


#eden_view .view-hd h2{
padding: 10px;
font-size: 1.3em;
text-align: left;
font-weight: 700;
}

#eden_view .view-hd {
    margin-bottom: 0;
	border-bottom: 1px solid #e1e1e1;
}

#eden_view .bo_v_com {
    margin: 0px 0;
    float: none;
    display: flex;
    justify-content: flex-end;
    background: #fff;
    padding: 0;
    border-bottom: 1px solid #e1e1e1;
	display: none;
}

#eden_view .view-cont > ul > li table td {
    padding: 10px 5px;
    
}

#eden_view .view-cont > ul > li table th, #eden_view .view-cont > ul > li table td{font-size: 12px; word-break: break-all;}


#eden_view .view-cont > ul > li table {
    width: -webkit-fill-available;
}


#eden_view .view-cont > ul > li {
    max-width: 480px;
    overflow-y: auto;
}

#eden_view .bo_v_nb li {
    width: 50%;
}

#eden_view .bo_v_nb li.btn_next{    justify-content: flex-end;}




#mypage > .flex {
    column-gap: 0;
	flex-direction: column;
}



#mypage .my_nav {
	width: 100%;
	margin-top: 0px;
	position: fixed;
	background: #fff;
	z-index: 9;
	border: 1px solid #000;
	left: 0;
	bottom: auto;
	padding: 0 10px;
	top: calc(100% - 50px);
	height: 100%;
	transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}
#mypage .my_nav.active{ top: 50%; padding: 10px;}
#mypage .my_nav.active .m_my_menu > a > span{transform:rotate(180deg)}

#mypage .my_nav ul > a{font-size: 13px;}
#mypage .my_nav article > div{display: flex; width: 100%;}

#mypage .contents {
    width: 100%;
}

#mypage .contents section .ptitle h3{font-size: 20px;}
#mypage .step{display: none;}

#mypage .contents section .title-info h4 {
    font-size: 15px;
}

#mypage .survey .swrap {
    padding: 10px;
}

#mypage .survey .qa ul {
    padding: 10px;
	align-items: flex-start;
    flex-direction: column;
}
#mypage .survey .qa ul li {
    margin-right: 0;
    margin-bottom: 10px;
}




.checkbox input[type="checkbox"] {
    display: none;
}

.radio input[type="radio"] {
    display: none;
}

.asSwiper .swiper-slide {
    width: 40% !important;
}





#mypage .my_nav article > a {
    font-size: 17px;
    padding: 10px;
    border-bottom: 2px solid #0052a4;
}



#mypage .my_nav article.active ul {
    padding: 10px;
}

#mypage .my_nav article .material-symbols-outlined {
    margin: 10px 10px;
}

#mypage .my_nav article ul {
    padding: 0 10px;
	width: 100%;
}
#mypage .my_nav ul li a {
    font-size: 12px;
    padding: 5px;
}
#mypage .my_nav ul > p {
    font-size: 13px;
    margin-bottom: 10px;
}



#mypage .my_nav article {
    margin-bottom: 10px;
}

.m_my_menu{
    overflow-y: auto;
    max-height: 50%;
}
.m_my_menu > a{position: absolute; left:50%; top:-25px; transform:translateX(-50%); display: grid; align-items: center; justify-content: center;width: 30px; height: 25px; border: 1px solid #000;  border-bottom: 0; background: #fff; text-align: center;}


#years {
    top: -33px;
	right:20px
}
#years > ul li a {
    padding: 0px 5px;
}

#tnb li:first-child {
    min-width: unset;
}


.hd_sch_wr{width: 300px;}
.hd_sch_wr input[type="text"]{width: 100%;}
.hd_sch_wr form{display: flex;}


#sch_res_detail select{width: 100%;}
#sch_res_detail .sch_wr {display: flex;margin-top: 5px;}
#sch_res_detail .frm_input{width: 100%;}
#sch_res_detail .btn_submit{font-size: 11px;}




#sch_res_ov h2 {
    font-size: 1em;
	float:none;
	margin-bottom: 5px;
}

#sch_res_ov {
    height: auto;
    line-height: normal;
    padding: 5px 10px;
	text-align: left;
	
}

#sch_res_ov ul {
    display: inline-block;
    float: none;
    line-height: normal;
    font-size: 0.8em;
    color: #555;
    margin-top: 0;
}

.sch_res_list .search_board_result {
    padding: 10px;
    margin: 0px 0;
}

.sch_res_list h2 {
    margin: 0 0 0px;
    font-size: 15px;
    padding-top: 0px;
}


.sch_res_list li {
    margin: 10px 0px;
    padding: 10px;
}



.sch_res_title {
    display: inline-block;
    margin: 0 0 5px;
    font-size: 14px;
}


.sch_res_list p {
    padding-bottom: 10px;
    color: #666;
    line-height: 1.5em;
    font-size: 12px;
}





.sch_res_list .sch_info {
    padding: 5px 0 0;
    color: #777;
    border-top: 1px solid #e1e1e1;
}

.sch_res_list p {
    padding-bottom: 15px;
    color: #666;
    line-height: 1.5em;
    font-size: 12px;
}


.sv_wrap {
    font-size: 10px;
}
.sch_res_list .sch_datetime {
    margin-left: 5px;
    font-size: 10px;
}

.profile_img img {
	display: none;
}



#hd_pop .hd_pops_con{width: 100% !important; min-width:300px; height: auto !important; min-height:100px;}


.hd_pops_footer .hd_pops_reject {
    font-size: 11px;
}


.hd_pops{left:50% !important;  transform:translateX(-50%);}

.agenda_2024 tr th:nth-child(1), .agenda_2024 tr th:nth-child(2){width: auto;}
.agenda_2024 tr td:nth-child(1), .agenda_2024 tr td:nth-child(2){width: auto;}