@charset "utf-8";

@media (max-width: 1600px){
	.main_swiper .swiper-slide .left .inner{padding-top: 100px;}
	.main_swiper .swiper-slide .left .swiper-btn-wrap{margin-bottom: 80px;}
}

@media (max-width : 1460px){
	.main_swiper .swiper-slide .left{width: 55%;}
	.main_swiper .swiper-slide .left .inner{width: 75%;}
	.main_swiper .swiper-slide .right{width: 45%;}
	.main_swiper .swiper-slide .right .inner img{padding: 30px;}

	.floating{bottom: 150px;right: 20px;}
	.floating a{margin-top: 10px;}
	.floating a img{width: 46px;}
}

@media (max-width : 1230px){
	.inner{max-width: 100%;padding-left: 15px;padding-right: 15px;}
	.main_swiper .swiper-slide .left .inner{padding-left: 0;padding-right: 0;}
	.main_swiper .swiper-slide .right .inner{padding-left: 0;padding-right: 0;}
	.main_swiper .swiper-slide .left .tit {font-size: 40px;margin-bottom: 10px;}
	.main_swiper .swiper-btn-wrap .swiper-prev-btn, .main_swiper .swiper-btn-wrap .swiper-next-btn{width: 40px;height: 40px;font-size: 24px;}
	.m_tit{margin-top: 100px;margin-bottom: 50px;}
	.m_tit:after{margin-top: 15px;}
	.box{padding: 40px 40px;}
	.m2swiper .swiper-pagination{margin-top: 50px;}
	.m3{padding-bottom: 100px;}
	.m3box{margin: 0 -15px;}
	.m3box > li{margin: 0 15px;}
	.m4{padding: 100px 0;}
	.m4box{margin: 0 -10px;}
	.m4box > li{width: calc(50% - 20px);margin: 0 10px;}

	#sub_div > .inner{padding-top: 100px;padding-bottom: 100px;}
	.sub_top > .tit{padding: 100px 0;font-size: 40px;}
	.sub .m_tit{font-size: 28px;}
	.s1{margin-top: -100px;}
	.s1 .m_tit{padding-top: 100px;}
	.s1_2 .s1_2_box{margin: 0 -15px;}
	.s1_2 .s1_2_box > li{padding: 0 15px;}
	#gall_ul{margin: 0 -15px;margin-top: -30px;}
	#gall_ul .gall_li{padding: 0 15px;margin-top: 30px;}
	.gall_view_top .gall_info{margin-left: 40px;}
	.gall_view_top .gall_info > .tit{font-size: 32px;padding: 35px 0;}
	.gall_info_box > li{font-size: 20px;}
	.gall_info_box .tit{font-size: 24px;min-width: 140px;}
	.gall_info_tab .tabOpen > p{font-size: 20px;}
	.gall_info_tab_cont .galltab{padding: 100px 0;}
	.gall_info_tab_cont .galltab p{font-size: 16px !important;}
	.gall_info_tab_cont .galltab span{font-size: 16px !important;}
	.s2_2_box, .s2_1_imgbox, .s2_3_box{margin: 0 -10px;}
	.s2_2_box > li, .s2_1_imgbox > li, .s2_3_box > li{margin: 0 10px;}
	.s2_2_box .tit{font-size: 20px;}
	.s2_1_txtbox{margin-top: 0;margin-bottom: 100px;}
	.s2_1_txtbox > li{margin-top: 30px;}
	.s2_2{padding: 100px 0;}
	.s2_3 .s2_1_txt{margin-top: 100px;}
	.tbl_head01 thead th{padding: 15px 5px;}
}

@media (max-width : 1200px){
	.s2_1_txt{flex-direction: column;margin-top: 30px;}
	.s2_1_txt .tit, .s2_3_txt .tit{width: 100%;font-size: 24px;}
	.s2_1_txtbox .tit{font-size: 20px;}
	.s2_1_txtbox .desc{word-break: keep-all;font-size: 16px;}
	.s2_1_txtbox .desc br{display: none;}
	.s2_2_box > li{padding: 0;}
	.s2_3 .s2_1_txtbox{margin: 30px 0 0;}
}

@media (max-width : 1100px){
	.s1_1_cont .txt_box{font-size: 16px;}
	.s1_1_cont .txt_box > b span{font-size: 20px;}
}

@media (max-width : 1080px){
	.main_swiper .swiper-slide .left .tit{font-size: 36px;}
	.main_swiper .swiper-slide .left .desc{font-size: 18px;line-height: 1.4;}
	.m_tit {margin-top: 70px;margin-bottom: 35px;font-size: 26px;}

	.m3{padding-bottom: 70px;}
	.box{padding: 40px 30px;}
	.box .tit{margin-bottom: 20px;font-size: 24px;}

	#sub_div > .inner{padding-top: 70px;padding-bottom: 70px;}
	.s1{margin-top: -70px;}
	.gall_list_top > li > a{font-size: 20px;padding: 12px 0;}
	.main_thum .swiper-slide{max-height: 421px;}
	#bo_cate{margin-bottom: 60px;}
	#bo_cate a{font-size: 16px;}
	#bo_gall .gall_text_href a{font-size: 16px;}
	.pg_wrap{margin: 70px 0 0;}
	.gall_view_top .gall_info > .tit{font-size: 28px;}
	.gall_info_box > li{font-size: 18px;}
	.gall_info_box .tit{font-size: 20px;min-width: 120px;}
	.gall_swiper_wrap .gall_swiper .swiper-wrapper{height: 353px;}
	.s2_2_box .tit{font-size: 18px;}
	.s2_1_txtbox{margin-bottom: 70px;}
	.s2_2{padding: 70px 0;}
	.s2_3 .s2_1_txt, .s2_3 .s2_3_txt{margin-top: 70px;}
	#bo_list .m_tit{margin-bottom: 70px;}
	#bo_sch{width: 100%;}
} 

@media (max-width : 986px){
	.depth1{display: none;}
	.header_bg{display: none;}
	.mo_menu_wrap{display: block;}
	.header > .inner{height: 70px;}

	.main{margin-top: 70px;}
	.main_swiper .swiper-slide .left .desc{word-break: keep-all;}
	.main_swiper .swiper-slide .left .desc br{display: none;}
	.main_swiper .swiper-slide .left .swiper-btn-wrap{margin-bottom: 50px;}
	.m3box .box, .s2_1_imgbox .box{transform: translateY(0);opacity: 1;}

	#sub_div{margin-top: 70px;}
	.sub_top > .tit {padding: 80px 0;font-size: 32px;}
	.s1{margin-top: -70px;}
	.s1 .m_tit {padding-top: 70px;font-size: 24px;}
	.s1_1_cont .txt_box{width: 638px;}
	.s1_1_cont .txt_box > b span{font-size: 18px;}
	.s1_2 .s1_2_box{margin-top: -30px;}
	.s1_2 .s1_2_box > li{margin-top: 30px;}
	.s2_1_imgbox .box{padding: 20px 30px;}
	.s2_1_imgbox .box .more_btn{padding: 7px 15px;}
	#gall_ul{margin: 0 -10px;margin-top: -20px;}
	#gall_ul .gall_li{padding: 0 10px;margin-top: 20px;}
	.gall_info_tab_cont .galltab{padding: 70px 0;}

	.ft_bt .rt img{width: 165px;height: 50px;}
	#login_wrap .login_left{width: 70%;}
}

@media (max-width : 940px){
	.gall_list_top{margin-bottom: 30px;}
	#bo_cate{margin-bottom: 50px;}
	#bo_cate li{width: 25%;}
	#bo_cate a{padding: 15px 0;}
	.gall_view_top{flex-direction: column;}
	.gall_view_top .gall_thum{width: 100%;justify-content: space-between;}
	.gall_swiper_wrap{width: 20%;}
	.gall_view_top .gall_info{width: 100%;padding-left: 10px;margin-left: 0;}
	.gall_view_top .gall_info > .tit{font-size: 24px;padding: 30px 0 15px;}
	.gall_view_bt{margin-top: 30px;}

	.ft_bt{padding-top: 20px;padding-bottom: 25px;}
	.ft_company > li{display: block;}
	.ft_company .w940 .d_ib:last-child .bar{display: none;}
}

@media (max-width : 897px){
	.main_swiper .swiper-slide .left .tit{font-size: 28px;}
	.main_swiper .swiper-slide .left .desc{font-size: 16px;}
	.main_swiper .swiper-btn-wrap .swiper-prev-btn, .main_swiper .swiper-btn-wrap .swiper-next-btn{width: 30px;height: 30px;font-size: 18px;}
	.m_tit, .sub .m_tit{font-size: 24px;}
	.box{padding: 30px 20px;}
	.box .tit{margin-bottom: 20px;font-size: 20px;}
	.m4{padding: 80px 0;}
	.bbs_box{padding: 25px;}
	.m4box_bt{padding-left: 25px;}

}

@media (max-width : 840px){
	.s1_3 .s1_3_cont{flex-direction: column;}
	.s1_3 .s1_3_cont .map{width: 100%;height: 300px;}
	.s1_3 .s1_3_cont .txt{width: 100%;padding: 30px;}
	.s1_3 .s1_3_cont .txt > li{margin-top: 10px;display: inline-flex;margin-right: 30px;}
	.s1_3 .s1_3_cont .txt > li:first-child{width: 100%;}
	.s1_3 .s1_3_cont .txt .tit{min-width: 60px;margin-right: 15px;white-space: nowrap;}
	.s2_3 .s2_1_txtbox .flex{margin: 0 -10px;}
	.s2_3 .s2_1_txtbox .flex > a{width: 50%;padding: 0 10px;}
	.s2_3 .s2_1_txtbox .flex > a img{width: 100%;}
	.s2_3 .s2_1_txtbox .thum + .thum{margin-left: 0;}

	.adm_gall2_list_top{font-size: 16px;width: 700px;}
	.adm_gall2_list_top p{word-break: keep-all;}
}

@media (max-width : 800px){
	.main_swiper .swiper-slide .left .inner{padding-top: 50px;}
	.main_swiper .swiper-slide .left .txt{position: relative;top: 0;transform: translateY(0);}
	.m3box{margin: 0 -7.5px;}
	.m3box > li{margin: 0 7.5px;}

	.sub_top > .tit{font-size: 28px;padding: 60px 0;}
	.s1_1_cont .txt_box{width: auto;max-width: 80%}
	.s1_1_cont .txt_box .desc{word-break: keep-all;}
	.s1_1_cont .txt_box .desc br{display: none;}
	.s1_1_cont .txt_box > b:after{width: 90px;}
	.gall_view_top .gall_info{}
	.s2_1_imgbox .box{padding: 15px 20px;}
	.s2_1_imgbox .box .tit{font-size: 18px;margin-bottom: 10px;}
	.s2_1_imgbox .box .more_btn{}
	.s2_2_box{flex-direction: column;margin: -30px 50px 0;}
	.s2_2_box > li, .s2_3_box > li{width: 100%;margin: 30px 0 0;}
	.s2_3_box{display: block;margin: 0 50px;}
	.s2_2_box .tit, .s2_3_box .desc{margin-top: 10px;}
}

@media (max-width : 786px){
	.box{padding: 20px;}
	.box .more_btn{padding: 8px 15px;}
	.m4{padding: 50px 0;}
	.m4box{flex-direction: column;margin: 0;}
	.m4box > li{width: 100%;margin: 0;}
	.m4box > li + li{margin-top: 15px;}
	.m2swiper .swiper-pagination{margin-top: 35px;}
	.bbs_box .box_tit .tit .thum{width: 32px;}
	.m4box_bt br{display: none;}
}

@media (max-width: 768px){
	.s1_1_cont .thum img{padding-right: 0;}
	.s1_1_cont .txt_box{position: relative;max-width: 95%;transform: translateY(-10%);box-shadow: 0px 10px 5px 0px rgb(0 0 0 / 8%);margin: 0 auto -5%;}

	.s1_2 .s1_2_box{margin: 0 -10px;margin-top: -20px;}
	.s1_2 .s1_2_box > li{padding: 0 10px;margin-top: 20px;}
	#gall_ul{margin: 0 -10px;margin-top: -20px;}
	#gall_ul .gall_li{width: 33.333%;padding: 0 10px;margin-top: 20px;}
	.gall_header > li > a{font-size: 16px;}
	.gall_info_box > li{font-size: 16px;}
	.gall_info_box .tit{font-size: 18px;min-width: 100px;margin-right: 20px;}
	.gall_info_tab .tabOpen > p{font-size: 18px;}
	.gall_view_top .gall_info > .tit,
	#bo_v_title .bo_v_tit{font-size: 20px;}
	.s2_3 .s2_1_txtbox .gradient_box .desc{font-size: 20px;word-break: keep-all;}
}

@media (max-width: 768px){
	.adm_gall2_list_top{width: auto;}
}

@media (max-width : 670px){
	.main_swiper .swiper-slide .left{width: 65%;}
	.main_swiper .swiper-slide .right{width: 35%;}
	.main_swiper .swiper-slide .left .tit{font-size: 24px;}
	.main_swiper .swiper-slide .right .inner img{padding: 15px;}
	.m_tit{font-size: 22px;margin-top: 50px;}
	.m3{padding-bottom: 50px;}
	.box{padding: 25px 15px;}
	.box .tit{font-size: 18px;}
	.box .more_btn{padding: 4px 10px;}
	.gall_info_tab_cont .galltab{padding: 50px 0;}
	.gall_view_top .gall_thum{flex-direction: column;}
	.main_thum{width: 100%;order: 1;}
	.gall_swiper_wrap{width: 100%;display: flex;order: 2;margin-top: 5px;}
	.gall_swiper_wrap .gall_swiper .swiper-wrapper{height: auto;max-height: 115px;}
	.gall_swiper_wrap .gall_swiper{width: 100%;margin: 0 4px;}
	.gall_swiper_wrap .gall_swiper .swiper-slide{height: auto !important;}
	.gall_swiper_wrap .gall-swiper-btn{display: flex;align-items: center;justify-content: center;}
	.gall_swiper_wrap .gall-swiper-btn .material-icons-outlined{transform: rotate(270deg);}

	#sub_div > .inner{padding-top: 50px;padding-bottom: 50px;}
	.s1_2 .s1_2_box{margin: 0 -5px;margin-top: -10px;}
	.s1_2 .s1_2_box > li{padding: 0 5px;margin-top: 10px;}
	.s2_1_txtbox{margin-bottom: 50px;}
	.s2_3 .s2_1_txtbox .flex{flex-direction: column;}
	.s2_3 .s2_1_txtbox .flex a{width: 100%;}
	.s2_3 .s2_1_txtbox .flex .thum + .thum{margin-top: 20px;}
	.s2_3 .s2_1_txtbox .gradient_box .desc{font-size: 18px;padding-left: 20px;padding-right: 20px;}
	.tbl_head01 thead th{font-size: 16px;padding: 10px 5px;}
	.tbl_head01 td{font-size: 15px;padding: 5px 10px;}
}

@media (max-width : 600px){
	.header > .inner{height: 50px;}
	.header h1 > a > img,
	.ft_bt .rt img{width: 120px;height: 36px;}
	.material-icons-outlined.menu_open,
	.material-icons-outlined.menu-close{font-size: 24px;}
	.mo_depth1 > li{display: block;margin-top: 15px;}
	.mo_depth1 > li > a{font-size: 20px;}
	.mo_depth1 .mo_depth2{margin-left: 30px;margin-top: 5px;}
	.mo_depth1 .mo_depth2 > li > a {font-size: 16px;}

	.main{margin-top: 50px;}
	.main_swiper .swiper-slide .left .tit{font-size: 20px;}
	.main_swiper .swiper-slide .left .inner{padding-top: 25px;}
	.main_swiper .swiper-slide .left .swiper-btn-wrap{margin-bottom: 20px;}
	.main_swiper .swiper-btn-wrap .swiper-prev-btn, .main_swiper .swiper-btn-wrap .swiper-next-btn{width: 20px;height: 20px;font-size: 16px;}
	.main_swiper .swiper-slide .right .inner img{padding: 10px;}
	.m_tit, .sub .m_tit, .bbs_box .box_tit .tit{font-size: 18px;}
	.box .tit{font-size: 16px;margin-bottom: 15px;}
	.m2swiper .swiper-pagination{margin-top: 20px;}
	.m4box2 .desc{font-size: 15px;}
	.m4box_bt{font-size: 16px;}
	
	#sub_div{margin-top: 50px;}
	.sub_top > .tit {font-size: 26px;padding: 50px 0;}
	.s1{margin-top: -50px;}
	.s1 .m_tit{font-size: 20px;padding-top: 50px;}
	.s2_1_imgbox .box{padding: 10px 15px;}
	.s2_1_imgbox .box .tit{font-size: 16px;margin-bottom: 5px;}
	.s2_1_imgbox .box .more_btn{font-size: 12px;padding: 5px 10px;}
	.s2_2{padding: 50px 0;}
	.s2_3 .s2_1_txt, .s2_3 .s2_3_txt{margin-top: 50px;}
	#bo_list .m_tit{margin-bottom: 50px;}
	.bo_tit i{display: none;}
	.gall_write .flex{flex-direction: column;}
	.gall_w_announce{margin-left: 0;margin-top: 10px;}
	#sub_div a.btn_write.user{width: 80px;}
	.tbl_head01 td{font-size: 14px;}
	.th_date, .bt_wr, .td_name, .td_datetime{display: none;}
	.board_bt{display: block;}
	.pg_wrap {margin: 30px 0 0;}
	.gall_view_top .gall_info > .tit,
	#bo_v_title .bo_v_tit{font-size: 16px;}
	#bo_v_con{font-size: 14px;}
	#bo_v_link h2, .bo_v_nb, #bo_v_link a{font-size: 13px;}
	.bo_v_nb li{padding: 10px;}
	
	#sub_div a.btn_b01, #sub_div .btn_b01,
	#sub_div a.btn_b02, #sub_div .btn_b02,
	#sub_div a.btn_b03, #sub_div .btn_b03,
	#sub_div a.btn_b04, #sub_div .btn_b04,
	#sub_div a.btn_admin, #sub_div .btn_admin{padding: 0 7px;height: 30px;font-size: 13px;}

	.ft_bt .tit{font-size: 14px;}
	.ft_bt .lf{font-size: 13px;}
	.ft_bt .desc{margin: 15px 0;}
	.ft_bt .bar{display: none;}
	.ft_bt .d_ib{display: block;}

	.floating{bottom: 15px;right: 10px;}
	.floating a img{width: 36px;}
}

@media (max-width : 540px){
	.m3box .box{padding: 20px 10px 15px;}
	.m3box .box .tit{margin-bottom: 15px;}
	.m3box .box .more_btn {padding: 8px 15px;}

	.s1_1_cont .txt_box{padding: 40px 30px;}
	.s1_2 .s1_2_box > li{width: 33.333%;}
	.gall_list_top{margin-bottom: 20px;}
	.gall_list_top > li > a{font-size: 18px;padding: 10px 0;}
	#bo_cate{margin-bottom: 30px;}
	#bo_cate li{width: 33.33%;}
	#bo_cate a{font-size: 15px;}
	#gall_ul{margin-top: -15px;}
	#gall_ul .gall_li{width: 50%;margin-top: 15px;}
	.pg_wrap{margin: 30px 0 0;}
	.s2_1_imgbox{margin: 0 -3px;}
	.s2_1_imgbox > li{margin: 0 3px;}
	.s2_2_box{margin: -30px 0 0;}
	.s2_3_box{margin: 0;}
	#bo_list .tbl_head01 thead th{font-size: 15px;}
	#bo_sch select{width: 90px;padding-left: 10px;}
	#bo_sch .sch_input{margin-right: 10px;width: calc(100% - 180px);padding: 0 5px;font-size: 15px;}
	#bo_sch .sch_btn{width: 80px;margin-left: 0;}
}

@media (max-width: 480px){
	.m3box{flex-direction: column;margin: -20px 60px 0;}
	.m3box > li{margin: 20px 0 0;}
	.gall_info_tab .tabOpen > p{font-size: 16px;}
	.gall_info_tab_cont .galltab p{font-size: 14px !important;}
	.gall_info_tab_cont .galltab span{font-size: 14px !important;}

	.s2_1_imgbox .box{border-radius: 0 25px 0 0;padding: 10px;}
	.s2_1_imgbox .box .tit{font-size: 14px;}
	.s2_1_imgbox .box .more_btn{padding: 3px 8px;}
	.adm_gall2_list_top{font-size: 14px;}

	#login_wrap .login_left{width: 100%;}

	.ft_bt > .inner{flex-direction: column;align-items: flex-start;}
	.ft_bt .rt{margin-top: 20px;width: 100%;text-align: right;}
}

@media (max-width: 450px){
	.main_swiper .swiper-slide .left .inner{padding-top: 20px;width: 85%;}
	.main_swiper .swiper-slide .left .tit{font-size: 16px;}
	.main_swiper .swiper-slide .left .desc{font-size: 13px;}
	.main_swiper .swiper-slide .left .swiper-btn-wrap{left: auto;right: 0;margin-bottom: 15px;}
	.main_swiper .swiper-btn-wrap .swiper-prev-btn{margin-right: 5px;}
	.box{padding: 25px 15px 20px;}
	.box .tit {margin-bottom: 10px;font-size: 16px;}

	.s1_1_cont .txt_box{padding: 30px;font-size: 14px;}
	.s1_1_cont .txt_box > b span{font-size: 16px;}
	.gall_list_top > li > a{font-size: 16px;}
	#bo_gall .gall_text_href a{font-size: 14px;}
	.tbl_head01 td{font-size: 14px;}
	.fz_small{font-size: 14px;word-break: keep-all;}
}

@media (max-width: 400px){
	#bo_cate li{width: 50%;}
}

@media (max-width: 380px){
	.m4box_bt{font-size: 15px;}
}