@charset "utf-8";

@media (max-width: 1600px){

	/* 메인 */
	.main_visual_wp .slick-nav {display:none;}
}

@media (max-width: 1440px){

	/* 기본 */
	.inner{width:100%;padding-right:1.25rem;padding-left:1.25rem; margin:0 auto; box-sizing:border-box}	
	#header.fixed{top:0}
	#gnb .dep2Wrap .dep2tit{padding-left:20px;}
	#gnb .gnb_r {right: 1.25rem;}
	#footer .inner .foot_top{padding-left:20px;}
	.loca_nav{right:24px;bottom:24px;}

	.foot_top {padding-right:1.25rem;padding-left:1.25rem;}

	.logo_area h1 {left:1.25rem;}
	#gnb .r_unit {right:1.25rem;}

	/* 센터소개*/
	.vision_wrap .box_02 .in_con span::before {height:9px;top: -6px;}
	.vision_wrap .box_02 .in_con span::after {height:9px;bottom: -6px;}
}

@media (max-width: 1280px){
	body,html{font-size:15px;
	  -webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라 신버전 */
	  -ms-text-size-adjust : none;  /* IE */
	  -moz-text-size-adjust : none;  /* 파이어폭스 */
	  -o-text-size-adjust : none;  /* 오페라 구버전 */
	}

	/* 기본 */
	.logo_area h1 {height:60px;top:10px;}
	.logo_area h1 a {height:60px}
	.logo_area h1 img {height:100%;}
	#gnb,.tnb,.gnb_r{display:none;}	
	#header #mMenu{display:block;}
	#header {height: 80px;}

	/*서브 */
	#sub{padding-top:80px;}
	#sub #snb .snb_lev1 > a > p{margin-right:8px;min-width:auto;}
	.sec_leftbox .tit_box{width:140px;}
	.sec_leftbox .con_box{width:calc(100% - 140px);}

}

@media (max-width: 1200px){

	/*후원안내*/
	.sub_donation .con_sec1 .sec_col_l::after {top:auto;bottom:-86px;right:-40px;width:150px;height:110px;background-size:cover;}

}

@media (max-width: 1024px){

	/* 메인 */
	.main_v_sd, .main_v_sd .item {height: 680px;}
	.main_sec .flex_col2{width: 100%;}
	.main_sec .flex_col1{width: 100%;}

	.main_visual_wp .slick-nav-center {bottom:80px;}

	.biz_sd .item .in_wp {flex-wrap:wrap;}
	.biz_sd .txt_box {width:100%;padding-right:0;padding-bottom:24px;}
	.biz_sd .img_box {width:100%;}
	.biz_sd .img_box .l_box {width:calc(100% - 466px);}
	.biz_sd .img_box img{width: 100%;height: 100%;object-fit: cover;}
	.main_sec3 .slick-nav-count .slick-nav {top:auto;bottom:-50px;}

	/* board */
	.bogal_list > ul{margin:0 -8px;}
	.bogal_list > ul > li{width:calc((100% - 64px) /3);margin:8px;}

	.site_map {padding:0 40px;}
	.site_map > li{width:calc((100% - 60px) / 3);margin:10px;}

	/*인사말*/
	.intro .con_sec1 .dp_flex {flex-wrap:wrap;} 
	.intro .con_sec1 .img_box {width:100%;}
	.intro .con_sec1 .con_box {width:100%;margin:24px 0 0;padding: 48px 24px;}
	.intro .con_sec1 .con_box::before {left:0;}


}

@media (max-width: 960px){

	/* 메인 */
	.sec_01 .box_l {width:100%;}
	.sec_01 .box_r {width:100%;padding:80px 0 0 0;}
	.sec_02 .dp_flex {flex-wrap:wrap;}
	.sec_02 .con_box.dp_flex > div {width:100%;}
	.sec_02 .news_tab_box {margin-bottom:40px;}
	.sec_05 .con_box {overflow-x:scroll;}
	.sec_05 .related_site {width:150%;}


}

@media (max-width: 820px){

	/* 기본 */
	.h1{font-size:2.5rem;line-height:3.25rem;} /* 40px */
	.h2{font-size:2.25rem;line-height:2.925rem;}/* 36px */
	.h3{font-size:2rem;line-height:2.6rem;}/* 32px */	
	.h4{font-size:1.75rem;line-height:2.475rem;}/* 28px */
	.h5{font-size:1.5rem;line-height:2.4rem;}/* 24px */
	.h6{font-size:1.375rem;line-height:2.2rem;}/* 22px */

	.stit_1{font-size:1.25rem;line-height:1.75rem;}/* 20px */
	.stit_2{font-size:1.125rem;line-height:1.8rem;}/* 18px */
	.stit_3{font-size:1.063rem;line-height:1.688rem;}/* 17px */

	.body_1{font-size:1rem;line-height:1.5rem;}/* 16px */
	.body_2{font-size:0.938rem;line-height:1.38rem;}/* 15px */
	.body_3{font-size:0.875rem;line-height:1.313rem;}/* 14px */

	.caption{font-size:0.813rem;line-height:1.313rem;}/* 13px */

	/* 타이틀 */
	.subtit_1{padding-top:12px;margin-bottom:20px;font-size:1.75rem;line-height:2.3rem;}
	.subtit_2{margin:12px 0;font-size:1.5rem;font-weight:700;}
	.subtit_2-1{margin-bottom:20px;padding-left:28px;font-size:1.5rem;}
	.subtit_2-1:before{top:4px;background-size:18px}

	.subtit_3{margin:12px 0;font-size:1.125rem;line-height:1.75rem;}
	.subtit_3-1{margin-bottom:16px;padding-left:20px;font-size:1.125rem;}
	.subtit_3-1:before{top:2px;}

	.btn{padding:9px 14px;font-size:1rem;}
	.btn > *{font-weight:700;}
	.btn_ss{padding:2px 4px;font-size:.75rem ;border-radius:3px;}
	.btn_s{padding:5px 12px;font-size:.875rem ;border-radius:4px;}
	.btn_m{padding:7px 20px;font-size:1.125rem;border-radius:6px;}
	.btn_l{padding:9px 30px;font-size:1.25rem;border-radius:7px;}

	.ul_list{font-size:1.063rem;line-height:1.75rem}

	.sec_col{margin:-8px -8px 0;}
	.sec_col > *{margin:8px;}
	.sec_col.col_2 > *{width:calc((100% - 32px) / 2);}
	.sec_col.col_3 > *{width:calc((100% - 48px) / 3);}
	.sec_col.col_4 > *{width:calc((100% - 64px) / 4);}
	.sec_col.col_5 > *{width:calc((100% - 80px) / 5);}
	.sec_col.col_6 > *{width:calc((100% - 96px) / 6);}
	
	.sec_col_s{display:flex;flex-wrap: wrap;margin:-4px -4px 0;}
	.sec_col_s > *{margin:4px;width:100%;}
	.sec_col_s.col_2 > *{width:calc((100% - 16px) / 2);}
	.sec_col_s.col_3 > *{width:calc((100% - 24px) / 3);}
	.sec_col_s.col_4 > *{width:calc((100% - 32px) / 4);}
	.sec_col_s.col_5 > *{width:calc((100% - 40px) / 5);}
	.sec_col_s.col_6 > *{width:calc((100% - 48px) / 6);}

	/* 메인 */
	.main_quick_link .quick_wp {border-radius:0;background:transparent;height:auto;box-shadow:none;overflow:unset;}
	.main_quick_link .quick_link {width:100%;border-radius:16px;background:#fff;margin-bottom:16px;box-shadow: 0px 4px 8px 8px rgba(0, 0, 0, 0.04);}
	.main_quick_link .quick_link li a {padding:24px 16px;}
	.main_quick_link .quick_link li a:before {margin:0 auto;}
	.main_quick_link .main_cs {width:100%;border-radius:16px;box-shadow: 0px 4px 8px 8px rgba(0, 0, 0, 0.04);}

	.main_board_wp {flex-wrap:wrap;}
	.main_board_wp > div {width:100%;}

	.main_board_wp .main_gal {margin-top:32px;}
	.main_board_wp .gal_list li .date {padding:0 24px 24px 24px;}
	.main_board_wp .gal_list li .img_box img {width:100%;}
	
	/* 서브기본 */
	.tb_wrap {width: 100%;overflow-x:scroll;margin-bottom:30px}  
	.tb_wrap .basic_tb {width:770px;}
	.tb_wrap .notice{display:block;padding:10px;background:#fff8f7;color:#f44336;border-radius:4px;margin-bottom:4px;} 
	.basic_tb thead th,.basic_tb tbody td, .basic_tb tbody th{padding:10px;}
	.manager_wrap .inner .fl{float:none;}
	.manager_wrap .inner .fr{margin-top:12px;padding-top:12px;float:none;border-top:1px solid rgba(0,0,0,.1);}
	.manager_wrap ul li{margin:4px 0;}

	.sec_divide .left_wp {width:100%;margin-bottom:28px;}
	.sec_divide .right_wp {width:100%;}

	/* board */
	.bogal_list > ul{margin:0 -8px;}
	.bogal_list > ul > li{width:calc((100% - 32px) /2);margin:8px;}
	.board_view .sd_wp{padding:30px 0 10px;background:#fafafa;}
	.board_view .view_sd {width:90%;}

	.bo_write table colgroup col {width:100%;}
	.bo_write table tr {display: flex;flex-wrap: wrap;text-align: left;align-items: center;border-bottom:1px solid #ddd;border: 1px solid #ddd;margin-bottom:4px;}
   	.bo_write table th {display: block;border: 0;padding: 10px 4px;text-align: left;width: 100%;border-bottom: 1px solid #ddd;text-align:center;}
	.bo_write table td {display: block;border: 0;padding: 16px 10px;text-align: left;width: 100%;}

	/* 회원가입 */
	.register .clause_agree {width: 90%;}

	/* 사업소개 */
	.biz_overseas .cont_box {flex-wrap:wrap;}
	.biz_overseas .cont_box > div {width:100%;}
	.biz_overseas .cont_box .txt_box {padding:32px 32px 0 64px;}

	/*오시는길*/
	.sub_location .map_box .loac_info {width: 280px;}
	.sub_location .map_box .map_a {width:calc(100% - 280px);}

	/*사이트맵*/
	.sitemap_list > li {width:calc((100% - 48px) / 2);margin-bottom:0;}
}	

@media (max-width: 760px){
	/* 기본 */
	#footer .foot_top .inner {flex-wrap:wrap;}
	.foot_top .foot_l {width:100%;margin-bottom:20px;}

	/* 메인 */
	
	/* 서브 */
	.snb_dep3{overflow-x:auto;white-space:nowrap;display:block;}
	.snb_dep3 li{display:inline-block;}

	/* 공간 리스트 */
	.bogal_list .sp_list > li {flex-wrap: wrap;}
	.bogal_list > ul > li a {width: 100%;}
	.bogal_list .sp_list > li .img_box {width: 100%;}
	.bogal_list .sp_list > li .img_box  img {width: 100%;height: auto;object-fit: cover;}
	.bogal_list .sp_list > li .text_box {width: 100%;margin-left: 0;}
	.bogal_list .sp_list.col2 > li {width:100%;}
	
	/*후원안내*/
	.sub_donation .con_sec1 {padding:48px 32px;}
	.sub_donation .con_sec1 ul {flex-wrap:wrap;margin:0 -8px;}
	.sub_donation .con_sec1 ul li {width:calc(100% - 16px);margin:8px;}
	.sub_donation .con_sec1 .sec_col_l::after {bottom:-75px;}

}


@media (max-width: 680px){

	/* 메인 */
	.biz_sd .img_box {height:auto;}
	.biz_sd .img_box .l_box {width:calc(50% - 16px);}
	.biz_sd .img_box .r_box {width:50%;}
	.biz_sd .img_box .r_box .in_t_box {height:calc(50% - 16px);overflow:hidden;}
	.biz_sd .img_box .r_box .in_b_box {height:50%;overflow:hidden;}

	/* 서브기본 */	
	.tb_wrap .basic_tb {width:680px;}
	.tb_wrap .notice{display:block;padding:10px;background:#fff8f7;color:#f44336;border-radius:4px;margin-bottom:4px;} 
	.basic_tb thead th,.basic_tb tbody td, .basic_tb tbody th{padding:8px;}

	.manager_wrap .inner{padding:16px;}

	/* 서브 */
	.side_sd_wp .side_sd a{margin:0 4px;}

	.sec_leftbox,.traffic .t_line_box ul {flex-wrap:wrap;}
	.sec_leftbox .tit_box,
	.sec_leftbox .con_box{width:100%;padding-left:0;}
	.sec_leftbox .tit_box .heading_3{margin-bottom:32px;}

	/* 게시판 */
	.bogal_list_wrap .btn_box{margin-top:20px;}
	.board_search{padding:20px;}
	.board_search .total{width:100%;height:20px;line-height:20px;display:block;margin-bottom:16px;}
	.board_search .search_input_wrap input,.board_search #searchQuery[type="text"]{width:100%;}
	.board_search select{width:100%;padding:0 10px; padding-right:20px;min-width:auto;margin-bottom:4px;}
	.board_search .search_input_wrap {display:block;width:100%;}
	.board_search .btn_search{width:40px;height:40px;top:0px;}
	.board_search .search_form{float:left;width:100%;}

	.bo_table tbody td, .bo_table tbody th{padding:12px 12px}
	.bo_table tbody td.date{word-break: break-all;}
	.ask_map_info .dp_flex,.tour_call .sec02 .con_box,.bo_view_wp .bo_view_top .in_box{flex-wrap:wrap;}
	.ask_map_info .dp_flex > *{width:100%;}

	.bogal_list > ul > li,.bo_view_wp .bo_view_top .in_box > *{width:100%;}
	
	.bogal_st2.bogal_list > ul > li .img_box{height:auto;}
	
	.bo_view_wp .bo_view_top{padding:24px;}
	.bo_view_wp .bo_view_top .in_box > *{margin:16px 0;}
	.bo_view_wp .view_sd .item, .one_pg .img_box .item{height:240px;}

	.bo_table{border-top:none;}
	.bo_table thead th{display:none;}
	.bo_table tbody tr{display:flex;flex-wrap:wrap;border:1px solid #ddd;border-radius:14px;text-align:left;padding:12px;margin-bottom:12px;align-items:center;}
	.bo_table tbody td{display:block;border:0;width:auto;padding:6px 4px;}
	.bo_table tbody td.cate,
	.bo_table tbody td.subject{width:100%;}
	.bo_table tbody td.subject{font-size:1rem;font-weight:700;}
	.bo_table .notice_tr{background:rgb(255, 253, 253);border:1px solid #e9554c;}
	.cate span{padding:6px 8px;font-size:.875rem;min-width:auto;}

	.info_box .bo_w_table colgroup col {width:100%;}
	.info_box .bo_w_table tr {display: flex;flex-wrap: wrap;text-align: left;align-items: center;border-bottom:1px solid #ddd;border: 1px solid #ddd;margin-bottom:4px;}
    .info_box .bo_w_table th {display: block;border: 0;padding: 10px 4px;text-align: left;width: 100%;border-bottom: 1px solid #ddd;text-align:center;}
	.info_box .bo_w_table td {display: block;border: 0;padding: 16px 10px;text-align: left;width: 100%;}

	.view_con .sd_wrap {padding: 32px 8px;}
	.bo_view_wp .view_sd .item, .view_sd .item a, .one_pg .img_box .item a {height: 240px;}
	.board_view_body {padding:20px 0;}
	.view_con .sd_wrap .view_sd {width:100%;}

	/*인사말*/
	.signify_list.sec_col_l.col_3 li {width:100%;}
 
	/*사업소개*/
	.biz_overseas .ico_list.sec_col_l.col_3 li {width:100%;}
	.sub_biz .ico_list li {width:calc(50% - 32px);}

	/*오시는길*/
	.sub_location .map_box {flex-wrap:wrap;}
	.sub_location .map_box .loac_info {width: 100%;order:2;padding:32px 24px;}
	.sub_location .map_box .map_a {width:100%;order:1;}

	/* 비밀번호확인 */
	.ck_mypg {width: 90%;}


	/*사이트맵*/
	.site_map > li {width: calc((100% - 40px) / 2);margin: 10px;}
}

@media (max-width: 560px){

	/*기본*/
	.heading_1{font-size:2.5rem;line-height:3.25rem;} /* 40px */
	.heading_2{font-size:2.25rem;line-height:2.925rem;}/* 36px */
	.heading_3{font-size:2rem;line-height:2.6rem;}/* 32px */
	.heading_4{font-size:1.75rem;line-height:2.275rem;}/* 28px */
	.heading_5{font-size:1.5rem;line-height:1.95rem;}/* 24px */

	.heading_6{font-size:1.25rem;line-height:1.75rem;}/* 20px */
	.subtitle_1{font-size:1.125rem;line-height:1.688rem;}/* 18px */
	.subtitle_2{font-size:1rem;line-height:1.5rem;}/* 18px */

	/* 메인 */
	.main_sec {padding: 60px 0;}

	.main_v_sd, .main_v_sd .item {height: 580px;}

	.main_v_sd .item .visual_text .h1 {font-size: 2rem;line-height: 1.5;}
	.stit_2 {font-size: 1rem;line-height: 1.5;}

	.aside_banner .main_sec_tit {position:relative;}
	.aside_banner .aside_sd_wp .slick-controls {top:-30px;}
	.aside_banner .aside_sd_wp {padding-left:0;margin-left:-16px;}

	.foot_bottom .inner {flex-wrap:wrap;}
	.foot_bottom .inner > * {width:100%;padding:30px 0;}
	.foot_bottom .r_box {text-align:left;border-top:1px solid #5d5d5d;}

	/*서브*/
	#snb > .inner  {padding-left: 0;padding-right: 0;}
	#snb .snb > ul > li:not(:first-child) {min-width: 150px;}
	#snb .snb_lev1 > a {padding: 0px 5px;}
	#snb .snb_unit a {margin-right: 20px;}

	/*후원안내*/
	.sub_donation .con_sec1 .sec_col_l::after {display:none;}


	/*비밀번호찾기*/
	.mbskin_box .login_form {width: 90%;}

}


@media (max-width: 480px){

	.board_view .sd_wp .view_sd .item{height:240px;}
	.bogal_list > ul > li .img_box .in_box{height:230px;}

	/*비밀번호찾기*/
	.mbskin_box .login_form {padding: 40px 20px 40px;}

	/*사이트맵*/
	.sitemap_list > li {width:calc(100% - 24px);}
	
}

@media (max-width: 475px){

	/* 메인 */
	.sec_01::after {display:none;}
	.sec_02 .news_tabs {padding-left: 90px;}
	.pg_tabs::before {width:360px;}
	.pg_tabs > li > a.tab_link {padding: 15px 19px;font-size: 1.2rem;}
	.pg_tabs .more {top:75px;right:32px;}
	.pg_tabs .pg_sd {padding: 0 40px;}
	

	
	#sub #snb .snb_unit a{display:none;}
	#sub #snb .snb_lev1 > a{padding:0 16px 0 8px;}
	#snb .snb .home p {padding:0;}
	#snb .snb .home a {padding:0 7px;}
	#snb .snb > ul > li:not(:first-child) {min-width: 120px;}

}

@media (max-width: 425px){
	/* 메인 */
	.main_quick_link .quick_link {flex-wrap:wrap;}
	.main_quick_link .quick_link li {width:50%;}
	.main_quick_link .quick_link li:nth-child(1), .main_quick_link .quick_link li:nth-child(2) {border-bottom:1px solid #ddd;}
	.main_quick_link .quick_link li:nth-child(2) {border-right:none;}

	.main_board_wp .board_list {flex-wrap:wrap;height:auto;}
	.main_board_wp .board_list li {width:100%;}
	.main_board_wp .board_list li + li {border-left:none;border-top:1px solid #ddd;}
	.main_board_wp .board_list li .date {margin-top:5px;}

	.main_board_wp .gal_list {flex-wrap:wrap;height:auto;}
	.main_board_wp .gal_list li {width:calc(100% - 4px);}
	.main_board_wp .gal_list li + li {margin-top:12px;}
	.main_board_wp .gal_list li .date {margin-top:5px;}
	
	.aside_banner .aside_sd_wp {margin-left:-8px;margin-right:-8px;}
	.aside_banner .aside_sd .item {padding:16px 8px;}

	/* 비밀번호확인 */
	.ck_mypg {padding: 40px 20px;}
	.ck_mypg .in_box li {flex-wrap: wrap;}
	.ck_mypg .in_box li > div:first-child {width: 100%;margin-bottom: 10px;}
	.ck_mypg .in_box li > div:last-child {width: 100%;}

	/*사이트맵*/
	.site_map > li {width: 100%;margin: 0;}

	/*사업소개*/
	.sub_biz .ico_list {margin:0 -8px;}
	.sub_biz .ico_list li {width:calc(100% - 16px);margin:8px;}

}

@media (max-width: 375px){
	/* 메인 */
	.main_search .search_form input[type="text"] {min-width: 270px;}
	.main_quick li {margin-right: 2px;}
	.sec_05 .related_site {width: 250%;}
	
	/* 센터소개*/
	.vision_wrap .box_04 .in_con {flex-wrap: wrap;}
	.vision_wrap .box_04 .in_con li {width: 100%;padding: 10px;border-bottom: 1px dashed #ddd;}
	.vision_wrap .box_04 .in_con li::after {display: none;}
	.vision_wrap .box_04 .in_con li:last-child {border-bottom: none;}

	/* 마이페이지 */
	.my_info_wrap .user_info {padding: 5px;}

	/* 마이페이지 - 회원등급 팝업 */
	#lvPop {width: 98%;}

}

@media (max-width: 320px){	

	#snb .snb_unit {display:none;}

	.foot_top .ftop_l {flex-wrap:wrap;}
}