@charset "utf-8";



@media only screen and (max-width : 1400px)  {
	#header .header_wrap{padding: 0 2%;}
	.h_sns{right:2%;}
	#header .header_wrap .header_logo{left: 2%;}
	#lnb{width:70%;}
	#lnb .lnb_wrap .lnb_d1 li{padding:0 10px}
	#lnb .lnb_wrap .lnb_d1 > li{width:17%;}
/* main*/
    .m_visual{height:600px;}
	.m_visual .visual_box{width:98%; height:500px;}
	/* .m_visual .visual01,.m_visual .visual02{height:540px;} */
	.m_info .m_date,.m_calendar,.m_notice{padding:20px 20px;}
	.m_info .m_date ul li{margin-bottom:5px;}
    .m_info .m_date ul li b{display:block; margin-bottom:4px; margin-right:0;}


	.main{}
	.m_area_wrap{margin-top:40px; padding: 0 2%;}
	.m_join,.m_club{padding:0 10px;}
	.m_info{padding:85px 10px 30px;}
	.m_club .slick-next{display:none;}

	.m_guide_wrap .guide_link_list li a .img_wrap .img{height:360px;}
	.m_guide_wrap .guide_link_list li a.guide_box01 .img_wrap .img{background-size:auto 200px}
	.m_guide_wrap .guide_link_list li a.guide_box01:hover .img_wrap .img{background-size:auto 230px; }
	.m_guide_wrap .guide_link_list li a.guide_box02 .img_wrap .img{background-size:auto 200px}
	.m_guide_wrap .guide_link_list li a.guide_box02:hover .img_wrap .img{background-size:auto 230px; }
	.m_guide_wrap .guide_link_list li a.guide_box03 .img_wrap .img{background-size:auto 200px}
	.m_guide_wrap .guide_link_list li a.guide_box03:hover .img_wrap .img{background-size:auto 230px; }
	.m_guide_wrap .guide_link_list li a.guide_box04 .img_wrap .img{background-size:auto 200px}
	.m_guide_wrap .guide_link_list li a.guide_box04:hover .img_wrap .img{background-size:auto 230px; }
	.m_guide_wrap .guide_link_list li a .text_wrap .text_box{padding:50px 0 20px}

	.m_link_wrap .link_box_wrap .link_box{height:160px}
	.m_link_wrap .link_box_wrap .link_box .cell{padding-left:140px; }
	.m_link_wrap .link_box_wrap .link_box_org{background-position:10px 50%; background-size:auto 120px; }
	.m_link_wrap .link_box_wrap .link_box_org:hover{background-size:auto 140px}
	.m_link_wrap .link_box_wrap .link_box_blue{background-position:10px 50%; background-size:auto 120px; }
	.m_link_wrap .link_box_wrap .link_box_blue:hover{background-size:auto 140px}
	.m_link_wrap .link_box_wrap .link_box_gre{background-position:10px 50%; background-size:auto 120px; }
	.m_link_wrap .link_box_wrap .link_box_gre:hover{background-size:auto 140px}

	.m_calren_wrap .calren_box{padding:30px}
	.m_calren_wrap .calren_box .date_wrap li{min-width:28px}

	.guide_top h4{font-size:28px; margin:0 0 7px !important;}
	.guide_top h5{font-size:15px;}

    #sub_wrap{height:300px;}
	#sub_wrap .sub_tit_wrap{padding:88px 0 0px 40px;}
	#sub_wrap .blank{width:fit-content;}

	.footer_top_wrap{padding: 0 2%;}
	.footer_top_wrap .top_inner{width: 100%;}
	#footer .footer_wrap{padding: 40px 2%;}
}




@media only screen and (max-width : 1230px)  {
	.space .floor_forcus .slick-arrow{display:none !important;}
}




@media only screen and (max-width : 1200px)  {
    body{font-size:15px;}
	.btn_wrap a{width: 30% !important;}

	.m_visual{height:530px;}
    .m_visual .visual_box{height:400px;}
	.m_visual .visual01, .m_visual .visual02{height:400px;}
	.m_visual .link_box p{font-size:20px;}
	.m_visual .link_box p span{font-size:13px;}
	.m_join{margin:30px auto -60px;}
	.main h3{font-size:20px;}
	.m_join .join_box p{font-size:15px;}
	.m_join .join_box span{font-size:15px;}
    .m_info .m_date ul li{font-size:15px;}
	.m_info .m_date ul li:nth-child(3),.m_info .m_date ul li:nth-child(4){font-size:15px;}
	.m_info .info_link a{font-size:15px;}
	.btn_basic > span > i{font-size:15px;}
	.m_club_list .cate{font-size:17px;}
	.m_club_list .tit{font-size:20px; margin:6px 0 26px;}

	.welcome_wrap{padding: 0 2%;}

	.guide .tab_content{margin: 40px auto;}

	.club_process_list li .tit{font-size:20px;}
	.club_process_list li .date{margin:5px 0 8px;}

}




@media only screen and (max-width : 1150px)  {
	#header.lnb_mobile{width:100%; z-index:6000 !important;}
	#header .header_wrap{width:100%; padding:20px 0;}
	#header.lnb_mobile .header_wrap{}
	#header .header_wrap .header_logo{position:relative; margin-top:-7px;}
	#header .header_wrap .header_logo img{width:200px;}
	#header .gnb{width: 96%; margin: 10px auto;}
	#header .gnb li + li{margin-left: 10px;}
	#header .gnb li a{padding:3px 15px; line-height:20px; color:#fff; background: #1c5b91; border-radius:20px;}
	#header .gnb li:first-child a:after{display:none;}
	#header .gnb li:nth-child(3) a:after{top: 4px; right: -8px; height: 15px; background: #213756; }
	
	#header.lnb_mobile{}
	#lnb{top:15px; float:none; width:100%; clear:both; border:0 none; }
	#lnb .lnb_wrap .lnb_d1{}
	#lnb .lnb_wrap .lnb_d1 li{}
	#header.lnb_pc .btn_all_lnb{display:block; position:absolute; top:23px; right:2%; width:31px; height:28px; text-indent:-9999px; z-index:5000; transition:all 0.3s}
	#header.lnb_mobile .btn_all_lnb{display:block; position:absolute; top:22px; right:2%; width:31px; height:28px; text-indent:-9999px; z-index:5000; transition:all 0.3s}
	#header.lnb_pc .btn_all_lnb:hover .top{width: 100%;}
	#header.lnb_pc .btn_all_lnb:hover .midd{width: 80%;}
	#header.lnb_pc .btn_all_lnb:hover .bot{width: 100%;}
	#header .btn_all_lnb:hover span{background: #213756;}
	#header .btn_all_lnb span{display:block; position:absolute; top:12px; width:100%; height:3px; margin-top:-1px; background:#222; z-index:5000; transition:all 0.2s;}
	#header .btn_all_lnb span.top{top:0; left:0; width: 80%; transition:all 0.2s;}
	#header .btn_all_lnb span.midd{width: 100%; transition:all 0.2s;}
	#header .btn_all_lnb span.bot{top:24px; left:0; width: 80%; transition:all 0.2s;}

	#header.lnb_mobile .header_wrap .btn_all_lnb span{width: 100%; color:#fff}
	#header.lnb_mobile .header_wrap .btn_all_lnb span.midd{opacity:0;}
	#header.lnb_mobile .header_wrap .btn_all_lnb span.top{transform: rotate(45deg) translate(13px, 4px);}
	#header.lnb_mobile .header_wrap .btn_all_lnb span.bot{transform: rotate(-45deg) translate(13px, -4px);}

	#lnb .lnb_wrap{display:none; width:100%; padding-top:20px;height:100vh; background:#44b4ca;}
	#lnb .lnb_wrap .lnb_d1{flex-direction: column; flex-wrap: nowrap; justify-content: flex-end; align-content: flex-end;}
	#lnb .lnb_wrap .lnb_d1 > li{float:none; width:96%; margin:0 auto; padding:10px 0; border:0 none; text-align:left; border-bottom: 1px dashed #fff;}
	#lnb .lnb_wrap .lnb_d1 .lnb_d1_7{border-bottom: 0;}
	#lnb .lnb_wrap .lnb_d1 > li:last-of-type{border-bottom: 0;}
	#lnb .lnb_wrap .lnb_d1 > li > a{display:block; padding:0 5px; line-height:40px; color: #fff;}
	#lnb .lnb_wrap .lnb_d1 > li:hover > a{position:relative; padding:0 10px; color:#333;}
	#lnb .lnb_wrap .lnb_d1 > li > a:after{display:none;}
	#lnb .lnb_wrap .lnb_d1 > li.lnb_d1_on > a{color:#d3fff3; padding: 5px 10px 5px 0;}
	#lnb .lnb_wrap .lnb_d2{position:relative; top:0; left:0; transform:translate(0,0); width: 100%; padding:5px 0 10px; background: transparent; border:none;}
	#lnb .lnb_wrap .lnb_d2 li{padding:0;}
	#lnb .lnb_wrap .lnb_d2 li a{padding-left:30px; font-size:15px; line-height:30px; font-weight:100; color:#fff; text-align:left;}
	#lnb .bg_navi{width:0; height:0; background:0 none;}

	.h_sns{display:none;}
	.sns_hidden{display:inline-block !important; vertical-align:top;}
	.sns_hidden a{background:none !important; padding:0 !important;}
	
	#sub_wrap{ margin-top: 70px; background-size:cover;}
	#sub_wrap .snb .snb_wrap>ul>li{width:33%;}
	#sub_wrap .snb .menu_list{width:26.4%;}
	#body_wrap .body_title_wrap .body_title{padding: 40px 0 10px; font-size:28px;}

/* main*/
    .m_visual{margin-top:60px;}
	.main h2{font-size:26px;}
	.m_notice_wrap .m_board_list li .subject{font-size:16px;}

	.m_join .join_box{padding:20px 18px;}
	.m_info .m_date h3{margin-bottom:30px;}
	.m_info .m_date{width:100%;}
	.m_info .info_link{left:initial; right:24px; margin-left:0;}
	.m_info .m_calendar{width:100%; margin:3% 0;}
	.calendar{margin-top:60px;}
	.m_info .m_notice{width:100%;}
	.m_notice .m_board_list{padding:20px 0;}
	.m_notice .m_board_list li{margin-bottom:10px; padding-bottom:10px;}
	.m_club .club_int{width:100%; padding-top:22px; margin-bottom:33px;}
	.m_club .m_club_list{width:100%;}

	.m_link_wrap .link_box_wrap .link_box .tit{font-size:1.5em; line-height:1.1em}

	.m_calren_wrap .calren_box .date_wrap{max-width:550px; width:100%;}
	.m_calren_wrap .calren_box .date_wrap li{min-width:30px}
	.m_club .club_int p{margin:40px 0 30px;}

	.guide02 .business>li:nth-child(2) .txt_wrap{width:calc((100% / 3) - 5px);}
	.guide02 .business>li:nth-child(2) .txt_wrap .txt{height:120px;}

	.club_tab_list li{padding:0 12px}
	}




@media only screen and (max-width : 1080px)  {
	.space03 .flow_list{max-width:800px; padding: 0 2%;}
	.space03 .flow_list .slick-prev{left: -2%;}
	.space03 .flow_list .slick-next{right: -2%;}
}





@media only screen and (max-width : 1000px)  {
    .m_visual{height:auto; padding:40px 10px;}
    .m_visual .visual_wrap{width:100%;}
	.m_visual .visual_box{height:auto; box-shadow:none;}
	/* .m_visual .slick-slide{height:100%;} */
	.m_visual .m_link{width:100%; margin-top:10px;}
	.m_visual .link_box{padding:15px 0;}

	.m_guide_wrap .guide_link_list li{padding:0 5px}
	.m_guide_wrap .guide_link_list li a .img_wrap .img{height:330px;}
	.m_guide_wrap .guide_link_list li a.guide_box01 .img_wrap .img{background-size:auto 180px}
	.m_guide_wrap .guide_link_list li a.guide_box02 .img_wrap .img{background-size:auto 180px}
	.m_guide_wrap .guide_link_list li a.guide_box03 .img_wrap .img{background-size:auto 180px}
	.m_guide_wrap .guide_link_list li a.guide_box04 .img_wrap .img{background-size:auto 180px}
	.m_guide_wrap .guide_link_list li a .text_wrap .text_box{padding:50px 0 20px}

	.m_notice_wrap,
	.m_calren_wrap{margin:0 5px; }
	.m_calren_wrap .calren_box .cal_info_wrap > div{padding:5px}
	.m_calren_wrap .calren_box .cal_info_wrap > div .date{top:5px; left:5px}


	.m_link_wrap .link_box_wrap .link_box .cell{padding-left:110px; }
	.m_link_wrap .link_box_wrap .link_box_org{background-position:5px 50%; background-size:100px auto; }
	.m_link_wrap .link_box_wrap .link_box_blue{background-position:5px 50%; background-size:100px auto; }
	.m_link_wrap .link_box_wrap .link_box_gre{background-position:5px 50%; background-size:100px auto; }

/* content*/
	.welcome_wrap p.taj{font-size:14px;}
	.welcome_wrap p.taj > span{font-size:28px;}

	.guide_top{width:98%; height:270px; padding-top:10px}
	.guide_top .tit{margin-top:20px; font-size:1.3em}
	.guide_top .sub_tit{margin-top:8px; font-size:1.1em}
	.guide_top01{background-size:auto 250px; background-position:95% 0}
	.guide_top02{background-size:auto 250px; }
	.guide_top03{background-size:auto 250px; }
	.guide_top04{background-size:auto 250px; background-position:95% 0}
	.guide_top05{background-size:auto 250px; }

	.guide_top06{background-size:auto 250px; background-position:95% 0}
	.guide_top07{background-size:auto 250px; }
	.guide_top08{background-size:auto 250px; background-position:95% 0}
	.guide_top09{background-size:auto 250px; }
	.guide_top10{background-size:auto 250px; }

	.guide_top11{background-size:auto 250px; background-position:95% 0 }
	.guide_top12{background-size:auto 250px; }

	.guide02 .cont{width:70%;}

	.edu_list{flex-direction: row; flex-wrap: wrap;}
	.edu_list dl{flex:unset; width: 100%;}
	.edu_list dl + dl{margin: 60px 0 0 0;}
	.edu_list dl::after{top:-42px; left: 48%; transform:rotate(90deg);}
	.edu_list dl dt, 
	.edu_list dl dd{padding: 16px;}
	.edu_list dl dd{min-height:unset;}
	.edu_list dl dd br{display:none;}


	.result_list li{width:32.33%}
	.result_list li:nth-child(3n+1){clear:both}
	.result_list li:nth-child(4n+1){clear:none}

	.room_tab ul li a{font-size:21px;}

    h4{font-size:20px; margin:40px 0 20px;}
	.club_qu{font-size:18px;}
	.club_about_top .sub_tit{font-size:30px;}
	.club_tab_list li a{font-size:18px;}

    .festival{margin-top:30px;}
    .festival .cont{height:260px;}
	.festival .cont .circle{width:150px; height:150px;}
	.festival .cont .circle:nth-child(1){border:5px solid #d6f8ff; margin-left:-70px;}
	.festival .cont .circle:nth-child(2){border:5px solid #e2ffeb; margin-left:-138px; top:105px;}
	.festival .cont .circle:nth-child(3){border:5px solid #faedff; top:105px; margin-left:-8px;}
	.festival .cont .circle span{font-size:18px;}
	.festival p{font-size:18px;}
	.festival p b{font-size:20px;}
	.festival p span{font-size:23px;}
}



@media only screen and (max-width: 991px){
.m_visual .visual01, .m_visual .visual02{height:540px;}
    .m_visual .visual_wrap.slick-slider{/* height:500px; */}
}



@media only screen and (max-width:960px) {
	.guide_tab_list ul{flex-direction: row; flex-wrap: wrap;}
	.guide_tab_list ul li{flex:unset; width: 49%;}
	.guide_tab_list ul li a{font-size:15px;}

	.guide_info_list p.s_tit{font-size:21px;}
}






@media only screen and (max-width : 950px)  {
	body{font-size:15px;}
	
	.m_visual .visual_banner > div span{padding: 20px 100px 20px 20px;}
/* common*/
	.sub h5:before{top:3px; }
	.sub h6:before{top:8px}

	.bullet_dot > li:before{top:9px; }
	.bullet_che > li{background-position:0 7px;}
	.bullet_dot_gray > li:before{top:9px}
	.bullet_line > li{background-position:0 10px}
/* layout*/
	#footer .footer_wrap{}
	.footer_top_wrap .select_list_wrap .btn_select{width:200px;}
/* main*/
	.main{}

	.m_guide_wrap .guide_link_list li{width:50%}
	.m_guide_wrap .guide_link_list li a .img_wrap .img{height:280px}
	.m_guide_wrap .guide_link_list li a .text_wrap .text_box{padding:30px 0 15px}
	.m_guide_wrap .guide_link_list li a .text_wrap .text_box .tit{margin:10px 0}
	.m_guide_wrap .guide_link_list li a:hover .text_wrap .text_box .tit{margin:0 0 20px; }

	.m_notice_wrap{}
	.m_notice_wrap h2{float:none; width:100%; }
	.m_notice_wrap .m_board_list{float:none; width:100%;}
	.m_notice_wrap .m_board_list li .subject,
	.m_notice_wrap .m_board_list li .date{}
	
	.m_pro{justify-content: space-between; flex-direction: row; flex-wrap: wrap;}
	.pro_info{width: 100%; padding: 20px;}
	.pro_info > a{}
	.pro_info .info_con > a.clear a{right: 20px; bottom: 20px; padding: 3px 15px;}
	.m_pro > div + div{margin-left: 0;}
	.pro_banner_wrap{width: 100%; flex-direction: row; flex-wrap: nowrap;}
	.pro_banner_wrap > div{width: 50%; margin: 0 auto;}
	.pro_banner_wrap > div + div{margin-left: 1%;}
	.pro_banner01{margin-bottom: 0;}

	.m_club_list{padding: 15px 0 40px;}
	.m_club_list li a .text_wrap{margin-top:15px}
	.m_club_list li a .text_wrap .cate{margin:8px 0 15px; }

	.m_calren_wrap .calren_box{padding:30px 15px}
	.m_calren_wrap .calren_box .cal_info_wrap > div{float:none; width:100%}
	.m_calren_wrap .calren_box .cal_info_wrap > div .date{width:65px; height:65px}
	.m_calren_wrap .calren_box .cal_info_wrap > div .date_info{height:65px; padding-left:75px}
	.m_calren_wrap .calren_box .cal_info_wrap > div .date_info .tit{padding:10px 0 8px}

	.m_link_wrap .link_box_wrap{float:none; width:100%; padding:3px 0}
	.m_link_wrap .link_box_wrap .link_box{height:110px;}
	.m_link_wrap .link_box_wrap .link_box_org{background-position:25% 50%; background-size:auto 110px; }
	.m_link_wrap .link_box_wrap .link_box_org:hover{background-size:auto 125px}
	.m_link_wrap .link_box_wrap .link_box_blue{background-position:25% 50%; background-size:auto 110px; }
	.m_link_wrap .link_box_wrap .link_box_blue:hover{background-size:auto 125px}
	.m_link_wrap .link_box_wrap .link_box_gre{background-position:25% 50%; background-size:auto 110px; }
	.m_link_wrap .link_box_wrap .link_box_gre:hover{background-size:auto 125px}

	.m_link_wrap .link_box_wrap .link_box .cell{padding-left:42%; }
	.m_link_wrap .link_box_wrap .link_box .tit{margin:5px 0 10px; }
	.m_link_wrap .link_box_wrap .link_box .info{margin-top:0; }
	.m_link_wrap .link_box_wrap .link_box .tit span,
	.m_link_wrap .link_box_wrap .link_box .info span{display:inline-block; }

/* content*/
	.busi_cult_list li{width:49%; margin:0.5%}
	.busi_cult_list li:nth-child(3n+1){clear:none;}
	.busi_cult_list li:nth-child(2n+1){clear:both;}

	.club_box .info_wrap{padding-left:425px; }

  .citi_contest_wrap .citi_poster_wrap{float:none; max-width:400px; width:80%; margin:10px auto; }
  .busking_wrap .citi_poster_wrap{max-width:600px}
  .busking_about{padding:20px 15px 30px}

	.citi_contest_wrap .citi_info_wrap{float:none; width:100%}
	.citi_contest_wrap .citi_info_wrap .guide_info_list > li{padding:8px 0; }
	.citi_contest_wrap .citi_info_wrap .guide_info_list > li > .tit{top:6px}
	.citi_contest_wrap .citi_info_wrap .guide_info_list > li > .info{padding:0; padding-left:160px; }

	.info_gallery li{width:33.33%}
	}



@media only screen and (max-width : 900px)  {
/* content*/
	.cult_card_wrap{}
	.cult_card_wrap .img_wrap{float:none; width:100%; text-align:center}
	.cult_card_wrap .info_wrap{float:none; max-width:650px; width:100%; margin:0 auto; text-align:center}

	.card_issue_list > li{height:380px; padding:20px 15px}

    .bom_result_list li a .img{width:50%;}
    .bom_result_list li a .info_wrap{width:50%; }
    .bom_result_list li a .info_wrap{padding:10px}
    .bom_result_list li a .title{margin:5px 0 15px}

    .guide_on_lec_list li{width:48%}
    .guide_on_lec_list li:nth-child(3n+1){clear:none}
    .guide_on_lec_list li:nth-child(2n+1){clear:both}

	/* .guide_top h5{line-height:0;} */

	.media_wrap{height: auto !important; padding-bottom: 0 !important;}
	.media_wrap > div{position:relative; padding-bottom: 54%;}
	.media_wrap > div:nth-child(1){margin-bottom: 50px;}
	.media_wrap iframe{width: 100% !important;}


}

@media only screen and (max-width : 850px) {
	.btn_wrap a{font-size:0.9em;}
	
	.m_join .join_box{width:100%; box-shadow:none;}

	#footer .footer_wrap{padding: 20px 2%;}
	#footer .footer_wrap .footer_logo ,
	#footer .footer_wrap .footer_info{width: 100%;}
	#footer .footer_wrap .footer_info{margin-top: 20px; line-height: 0.95em;}
}





@media only screen and (max-width : 800px)  {
	/* .m_visual .visual_wrap,.visual_wrap .slick-slide{height:inherit;} */
	.m_visual .visual01,.m_visual .visual02{height:385px;}

	.m_notice_wrap{width: 100%; margin: 0 auto;}
	.info_banner{width: 100%; margin-top: 40px;}
	.info_banner > div{width: 50%;}
	.info_banner > div + div{margin-left: 2%;}
	
	#sub_wrap{height: 200px;}
	#sub_wrap .snb{background-size:auto 160px}
	#sub_wrap .sub_tit_wrap{padding:57px 0 0px 20px;}
	#sub_wrap .sub_title{font-size:24px; line-height:0;}
	@keyframes sub_bg{
		0%{background-position:99% 40%;}
		40%{background-position:99% 120%;}
		100%{background-position:99% -10px;}
	}

	#sub_wrap{background-position: 80% 50%;}
	#sub_wrap .blank{display:none;}
	#sub_wrap .snb .snb_wrap>ul{width:100%;}
	#sub_wrap .snb .snb_wrap>ul>li{width:calc(100% / 3);}
	#sub_wrap .snb .snb_wrap>ul>li>a{font-size:15px; padding:15px 20px;}
	#sub_wrap .snb .menu_list{width:calc(100% / 3);}
	#sub_wrap .snb .menu_list li a{font-size:15px;}

	
/* content*/
    #body_wrap .body_content{padding:30px 10px 50px;}


	.about_top .img_wrap{float:none; width:100%; padding:20px 0}
	.about_top .img_wrap img{height:220px; }
	.about_top .info_wrap{display:block; float:none; width:100%; margin-top:20px; }
	.about_top .info_wrap .cell{display:block; height:auto; }

	.about_vision_wrap .vision_left{float:none; width:100%}
	.about_vision_wrap .vision_right{float:none; max-width:520px; width:100%; margin:0 auto}
	.about_vision_wrap .vision_left h5{width:70px; height:70px; margin:10px auto; line-height:70px; }
	.about_vision_wrap .vision_left p{margin:15px 0 30px; }

	.about_promote_wrap .promo_box{float:none; width:100%; height:auto}

	.busi_about_list li{width:33.33%}
	.busi_about_list li:nth-child(3n+1){clear:both;}

	.map_info_wrap dt{width:35px; height:35px; }
	.map_info_wrap dt.add{background-size:auto 20px;}
	.map_info_wrap dt.tel{background-size:auto 20px;}
	.map_info_wrap dt.fax{background-size:auto 20px;}
	.map_info_wrap dt.mail{background-size:auto 20px;}
	.map_info_wrap dd{padding:7px 0; padding-left:50px; line-height:21px;}
	.map_info_wrap dd .tit{margin:0 5px 0 10px; line-height:21px}

	.contact_list li .name{width:20%}
	.contact_list li .name .name_inner{display:block; margin:0; margin-top:3px}
	.contact_list li .info{width:55%}
	.contact_list li .tel{width:25%}

	.club_about_top .sub_tit{margin:0;}

	.club_box .img_wrap{position:relative; width:100%}
	.club_box .info_wrap{margin-top:10px; padding:0}

	.club_process_list{text-align:center}
	.club_process_list li{display:inline-block; float:none; width:47%; margin-bottom:10px; padding:15px 5px}
	.club_process_list li:after{right:-5%}
	.club_process_list li:nth-child(even):after{display:none;}

	.club_tab_list{margin:0 auto 30px;}

	.club_step_wrap li .icon img{height:70px}

	.process_list{text-align:center}
	.process_list li{display:inline-block; float:none; width:31%; margin-bottom:10px; padding:0}

    .youtube_link_list li{width:50%}

	.card_issue_list li .tac{margin-top:15px; margin-left:10px; text-align:left}
	.card_issue_list > li{float:none; width:100%; height:auto; padding:0; border:0}
	.card_issue_list li .guide_info_list{margin-top:5px; }
	.card_issue_list li .guide_info_list > li > .info{padding:0; padding-left:160px; }

    .card_sns_list li{float:none; width:100%; padding:2px 10px}
    
    .exhi_info_list li .tit{width:100%; border-bottom:1px dotted #ddd}
    .exhi_info_list li .place{width:40%}
    .exhi_info_list li .date{width:60%;}
	
	.btn_wrap{display:flex; margin: 20px 0 40px !important;}
	.btn_wrap a{width: 48% !important;}
	.btn_wrap a:nth-child(1){float:left;}
	.btn_wrap a:nth-child(2){float:right;}

	.list1>li>span{font-size:18px;}

	.space_tab li a{font-size:18px;}

	.welcome_wrap{margin-top:0;}
}





@media only screen and (max-width : 780px) {
	.about02 .flow_list .slick-prev{left: -3%;}
	.about02 .flow_list .slick-next{right: -3%;}

	.regi_info{flex-direction: row; flex-wrap: wrap;}
	.regi_info > div{width: 100%; padding: 4% 1%;}
	.regi_info > div + div{margin: 8% 0 0 0;}
	.regi_info > div + div::after{top: -15%; left: 48%; transform: rotate(90deg);}
	.regi_info > div img{margin-bottom: 4%;}
	.regi_info > div dl dt{padding: 2% 1%;}
	.regi_info > div dl dd{padding: 2% 1% 0;}

	.guide .tab_content{margin: 20px auto;}
}



@media only screen and (max-width: 768px){
    /* .m_visual .visual01{height: 450px;} */
}



@media only screen and (max-width : 750px) {
	.main h2{font-size:23px;}

	.m_club_list li a .img_wrap{min-height:200px; max-height:200px;}

	.process_list{display:block;}
	.process_list > li{width: 48%;}
	.process_list > li:nth-child(even):after{display:none;}

	.welcome_wrap > div.clear .img_wrap ,
	.welcome_wrap p.taj{position:unset; width: 100%;}
	.welcome_wrap p.taj{margin: 0; width: 100%;}

	.guide02 .cont{width:100%; justify-content:center;}
	.guide02 .business>li:nth-child(2){margin:30px 0;}
	.guide02 .business>li:nth-child(2) .txt_wrap{margin-bottom:20px;}
	.guide02 .business>li .title{font-size:20px; border:8px solid #22b8ed; width:150px; height:150px;}
	.guide02 .business>li .title::after {display:block;}
}





@media only screen and (max-width : 650px)  {
	.sub h4{font-size:18px;}
	.sub h4:after{margin: 5px 2px 15px;}
	.sub h5{font-size:17px;}
	.guide_top h5{font-size:15px;}

	.pro_info{margin-bottom: 10px;}
	.pro_banner_wrap{flex-wrap: wrap; flex-direction: row; margin-top: 0;}
	.pro_banner_wrap > div{width: 100%; margin-bottom: 10px; background-position: 95% 50%;}
	.pro_banner_wrap > div:last-of-type{margin: 0;}
	.pro_banner01 ,
	.pro_banner02{background-size:70px;}
	.pro_banner_wrap > div a{padding: 30px 20px;}

	.info_banner > div dt{width: 90%; padding: 5px 2%; font-size:12px;}
/* content*/
	.guide_info_list p.s_tit{font-size:18px;}
	.guide_info_list .info_list .bullet_line > li{font-size:14px; background-position:0 13px;}

	.guide_top{height:auto; margin:0px 0 10px;}
	.guide_top .sub_tit span{display:inline;}
	.guide_top01{background-size:auto 150px; background-position:95% 10px}
	.guide_top02{background-size:auto 150px;}
	.guide_top03{background-size:auto 150px;}
	.guide_top04{background-size:auto 150px; background-position:95% 20px}
	.guide_top05{background-size:auto 150px; background-position:95% 0}

	.guide_top06{background-size:auto 150px;}
	.guide_top07{background-size:auto 150px; background-position:95% 0}
	.guide_top08{background-size:auto 150px;}
	.guide_top09{background-size:auto 150px; background-position:95% 0}
	.guide_top10{background-size:auto 150px; }

	.guide_top11{padding-top:30px; background-size:auto 150px; background-position:90% -10px}
	.guide_top12{padding-top:30px; background-size:auto 140px; background-position:99% 0% }
	
	.process_list li .tit{font-size: 0.9em;}

	.result_list li{width:49%}
	.result_list li:nth-child(2n+1){clear:both}
	.result_list li:nth-child(3n+1){clear:none}

	.result_view{display:block; }
	.result_view .result_left{display:block; float:none; max-width:350px; width:100%; margin:0 auto;  }
	.result_view .result_right{display:block; float:none; width:100%; margin-top:30px; padding-left:0}
    .result_view .result_right h4{margin-top:10px !important}
    
    .bom_result_list li{float:none; width:100%}
	
	.room_tab ul li a{font-size:18px;}

	.welcome_wrap p.taj > span{font-size:23px;}

	#footer .footer_wrap .footer_logo img{height: 24px;}
	}


@media only screen and (max-width : 600px)  {
	/* .m_visual .visual_wrap,.visual_wrap .slick-slide{height:330px;} */
	.m_visual .visual01,.m_visual .visual02{height:333px;}
	.m_info .info_link{width:100%; position:initial; margin-top:17px;}
	.m_calendar .year{position:initial; text-align:center; margin:20px 0 0px;}
	.calendar{margin-top:30px;}
	.calendar .event_list{display:block;}
	.event_info_list{padding:3% !important;}
	.m_info .m_date h3,.m_notice h3{margin-bottom:20px;}
	.m_club .club_int{text-align:center;}

	.club_process_list li .tit{font-size:17px;}
	.club_tab_list li{padding:0 2px;}
	.guide_info_list > li > .info .btn{display:block; margin-left:0; margin-bottom:5px;}

	.tab_menu_line ul{height:auto;}
	.space_tab li{width:calc(100% / 2);}
	
	.pro_info .info_con > a.view{display:none;}

	.floor_info li span.tit{font-size:15px;}

	#sub_wrap .snb{background-position:100% 0;background-size:auto 100px}
	@keyframes sub_bg{
		0%{background-position:100% 0;}
		40%{background-position:100% 20%;}
		100%{background-position:100% -5px;}
	}
/* main*/
	.m_guide_wrap .guide_link_list li a .text_wrap .text_box{width:95%}

	.m_link_wrap .link_box_wrap .link_box_org{background-position:15% 50%; background-size:100px auto; }
	.m_link_wrap .link_box_wrap .link_box_blue{background-position:15% 50%; background-size:100px auto; }
	.m_link_wrap .link_box_wrap .link_box_gre{background-position:15% 50%; background-size:100px auto; }
	.m_link_wrap .link_box_wrap .link_box .cell{padding-left:35%; }
/* content*/
	.busi_cult_list li{float:none; width:98%; margin:0 auto}
	.busi_cult_list li .info .cell{display:block; height:auto; }

	.cult_img_wrap{float:none; width:100%; padding:1px 0}

	.guide_top h4 span{display:block; }
	.guide_top01{background-position:99% 0}
	.guide_top02{background-position:95% 20px}
	.guide_top05{background-position:95% 20px}
	.guide_top06{background-position:99% 20px}
	.guide_top09{background-position:95% 20px}
	.guide_top11{background-position:99% -20px}
	.guide_top12{background-position:105% -30px}
	.guide_info{margin-top:30px;}
	.guide .tab_content.on{margin:40px 0 0;}
	.guide_top h4{font-size:20px;}

	.card_issue_list li .guide_info_list > li > .tit{width:100px;}
	.card_issue_list li .guide_info_list > li > .info{padding-left:110px;}

	#body_wrap .body_title_wrap .body_title{font-size:24px;}

	.list1>li>span{width:100%; margin-bottom:3px;}
	.list1>li>p{width:100%;}
	.list1>li .respon_table{width:100%;}

	.news_mane ul li a{line-height:21px;}

	}


@media only screen and (max-width: 580px){
    .m_visual .visual01{height: 320px;}
}



@media only screen and (max-width : 550px) {
	#header.lnb_pc .btn_all_lnb{width: 25px; height: 25px;}
	#header .btn_all_lnb span{height: 2px;}
	#header .btn_all_lnb span.top{top:2px;}
	#header .btn_all_lnb span.bot{top: 22px;}
	#header.lnb_mobile .header_wrap .btn_all_lnb span.top{transform: rotate(45deg) translate(11px, 5px);}
	#header.lnb_mobile .header_wrap .btn_all_lnb span.bot {transform: rotate(-45deg) translate(10px, -4px);}
	
	#sub_wrap .snb .snb_wrap li a{height: 100%;}

	.space_wrap ul li.floor_info a{width: 48%;}
	.space .tab_menu_line ul li a{font-size:12px;}

	.footer_top_wrap .terms_list{display:flex; float:none; width:100%;}
	.footer_top_wrap .terms_list li{flex:1; text-align:center;}
	.footer_top_wrap .select_list_wrap{float:none; width:100%; margin-top: 5px;}
	.footer_top_wrap .select_list_wrap .btn_select{width:100%;}
	
	.about02 .flow_list .slick-prev{left: 4%;}
	.about02 .flow_list .slick-next{right: 4%;}
/* content*/
	.guide_tab_list{background:#fff;}
	.guide_tab_list li{}
	.guide_tab_list li a{line-height:40px; transition:all 0s;}
	.guide_tab_list li a.on{line-height:32px}

	.guide_info_list > li{padding:2px 0 !important}
	.guide_info_list > li .tit{position:relative; top:0 !important}
	.guide_info_list > li .info{min-height:auto; margin:0 0 10px; padding-left:10px !important;}
	.guide_info_list > li > .info_process{padding:5px 0 0}
	.guide_info_list > li > .info_gallery{padding:0}
	.info_gallery li{width:50%}

	.guide_info_list > li > .info{text-align:left}
	.card_issue_list li .guide_info_list > li > .info{ padding-left:10px;}
	.guide_img{margin-top:15px;}
	.guide_img .img_wrap{width:100%;}
	.guide_img .img_wrap:nth-child(2){margin:5px 0;}

    .guide02 .business>li:nth-child(2) .txt_wrap{width:calc((100% / 2) - 5px);}
	.guide02 .business>li:nth-child(2) .txt_wrap:nth-child(2n){margin-right:0;}

	.contact_list li{padding:0 10px; }
	.contact_list li .name{width:100%; text-align:left}
	.contact_list li .name .affi{display:inline-block; margin-right:10px; }
	.contact_list li .name .name_inner{display:inline-block; margin:0}
	.contact_list li .info{width:100%; border-top:1px dotted #ddd}
	.contact_list li .tel{width:100%; text-align:right; }

	.space_wrap ul li.floor_info a > span.tit{padding: 10px 2%;}
	.space_wrap ul li.floor_info a > span.tit:after{top:14px;}

	}



@media only screen and (max-width : 500px)  {
    .m_visual{padding:20px 10px;}
    /* .m_visual .visual_wrap,.visual_wrap .slick-slide{height:255px;} */
	/* .m_visual .visual01, .m_visual .visual02{height:270px;} */

	.sub h4 .red{display:inline-block; width: 100%;}

/* content*/
	.map_info_wrap dl span{display:block; position:relative; margin-top:5px;}
	.map_info_wrap dd .tit{display:block; width:100px; margin-top:3px; margin-left:0; text-align:center}
	.map_info_wrap dt.mail{left:0}

	.club_supp_wrap li > span > span{display:block; }
	.club_search_wrap{text-align:center}

	.process_list li{display:inline-block; float:none; width:45%; margin-bottom:10px; }
	.process_list li:after{right:-7%}

	.about02 .tab_menu_line ul li a{font-size:12px;}

	.news_mane ul li a{font-size:16px;}
	}



@media only screen and (max-width: 480px){
    .m_visual .visual01{height: 260px;}
}



@media only screen and (max-width : 450px)  {
/* main*/
    .m_calendar p a{display:block;}
	.m_notice_wrap .m_board_list li .subject,
	.m_notice_wrap .m_board_list li .date{float:none; width:100%; }
	.m_info .m_date, .m_calendar, .m_notice{padding:20px 10px;}
	.m_join .join_box a{display:block; margin-top:25px; text-align:right;}
	.m_join .join_box span{position:initial; padding:15px 30px 10px;}

	.m_link_wrap .link_box_wrap .link_box_org{background-position:15% 50%; background-size:100px auto; }
	.m_link_wrap .link_box_wrap .link_box_blue{background-position:15% 50%; background-size:100px auto; }
	.m_link_wrap .link_box_wrap .link_box_gre{background-position:15% 50%; background-size:100px auto; }
	.m_link_wrap .link_box_wrap .link_box .cell{padding-left:45%; }
	.m_link_wrap .link_box_wrap .link_box .tit span,
	.m_link_wrap .link_box_wrap .link_box .info span{display:block; }
/* content*/
	.club_process_list li{display:inline-block; float:none; width:45%; margin-bottom:10px; }
	.club_process_list li:after{right:-7%}
	.club_about_top::before{width:13px;}
	.club_about_top::after{width:13px;}

    .youtube_link_list li{width:100%}

	.btn_wrap a{font-size:0.8em;}

	}


@media only screen and (max-width: 390px){
    .m_visual .visual01{height: 220px;}
}