@charset "UTF-8";
@media (max-width: 1480px){
	.main_vsual_wp .slick-nav a.slick-prev, 
	.main_vsual_wp .slick-nav a.slick-next {display:none;}
}

@media (max-width: 1400px){
	/* 기본 */
	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;  /* 오페라 구버전 */
	}		
	.inner{width:100%;padding-right:1.25rem;padding-left:1.25rem; margin:0 auto; box-sizing:border-box}	
	.loca_nav{right:16px;bottom:16px;}
	#footer .inner{padding-right:1.25rem !important;padding-left:1.25rem !important;}
	#gnb .inner > ul{width:calc(100% - 88px);}
	#gnb .inner > ul > li{left:0;}
	#gnb .inner > ul > li:nth-child(2){left: calc(16.6% - 0px);}
	#gnb .inner > ul > li:nth-child(3){left:calc(33.2% - 0px);}
	#gnb .inner > ul > li:nth-child(4){left:calc(49.8% - 0px);}
	#gnb .inner > ul > li:nth-child(5){left:calc(66.4% - 0px);}
	#gnb .inner > ul > li:nth-child(6){left:calc(83% - 0px);}
	#header.fixed #gnb .sitem_map, 
	#header.on #gnb .sitem_map, #gnb .sitem_map,
	#subvisual .print{right:20px;}
	#all_nav .inner{width:100%}
	#all_nav .close_all_nav{right:40px}

	/* 메인 */
	.main_v_sd,
	.main_v_sd .item{height:760px;}
	.main_v_sd .item.item1 .float_img{left:-10%;}
	.main_vsual_wp .slick-nav a.slick-stop, .slick-nav a.slick-play {right:20px}
	.main_v_sd .slick-slide.slick-active .item .img_bg .bg{background-position:25% center !important;}

}

@media (max-width: 1280px){
	/* 기본 */
	#header,.hd_top{height:80px;}
	.logo_area img{height:40px}
	#header #mMenu{display:block;}
	#gnb,.tnb{display:none;}	
	#sub_area{word-break:break-all;}
	.sub_wraper{padding-top:80px}
	
	/* 메인 */	
	.main_v_sd .item.item1 .float_img{width:600px}

	.ico_info + *,.ico_info2 + *{width:calc(100% - 32px)}
}

@media (max-width: 1180px){
	/* 기본 */


	/* 메인 */	
	.main_v_sd,
	.main_v_sd .item{height:680px;}
	.main_links{top:60px;}
	.main_sec1 .main_major{width:100%;margin-bottom:40px}
	.main_sec1 .main_major_item > li a.btn_link{padding:32px 16px;}
	.main_sec1 .main_major_item > li .tit{font-size:1.65rem}
	.main_sec1 .mainbtn_link{width:100%;display:flex;margin:-8px}
	.main_sec1 .mainbtn_link a{width: calc((100% - 32px) / 2);margin:8px}

	/* 서브 */
	.sec_leftbox .titbox{width:100%;margin-bottom:24px;}
	.sec_leftbox .conbox{width:100%;padding-left:0;}	
}

@media (max-width: 1024px){
	
	/* 기본 */
	#header,.hd_top{height:72px;}	
	.logo_area h1{padding-top:16px;}
	.sub_wraper{padding-top:72px}

	/* 서브 - 진흥원 소개 */
	.history_wp > .r_box{width:100%;padding-left:0;margin-top:32px}
}

/* iPad air세로형~ 대응 */
@media (max-width: 820px){
	/* 기본 */
	select,input{font-size:.875rem;margin-top:2px;margin-bottom:2px;}
	select{min-width:42px;padding:8px 18px 8px 8px;background-position:right 10px center}	
	#footer .foot_bottom .foot_b_l,
	#footer > .inner{flex-wrap:wrap}
	#footer .foot_bottom .foot_b_l .txt_box{margin:16px 0 24px;margin-left:0;}

	/* 메인 */
	.main_sec1 .mainbtn_link{padding-top:0;width:100%;display:flex;flex-wrap:wrap;margin:0 -8px;}
	.main_sec1 .mainbtn_link a{position:relative;display:flex;align-items:center;flex-wrap:wrap;height:auto;width:calc((100% - 32px) / 2);margin:0 8px;padding:16px;text-align:left;background-position:30px center !important;}
	.main_sec1 .mainbtn_link a > .ico{width:100px;margin:0;}
	.main_sec1 .mainbtn_link a > .text_box{width:calc(100% - 100px);}
	.main_sec1 .mainbtn_link a .txt{font-size:1.25rem}
	
	/* 서브 */
	#subvisual .print{display:none}

	.basic_tb thead th,.basic_tb tbody td,.basic_tb tbody th,
	.custom_tb thead th,.custom_tb tbody td, .custom_tb tbody th{padding:12px 10px;}
	.sitemap_list > li{width:calc((100% - 80px) / 2);}
	
	/* 서브 - 주요사업 */
	.business_info .sec1 .img img{width:100%}
	.business_info .sec1 .text{width:100%;padding-left:0;margin-top:32px}
	.business_info.busi_04 .sec2 .in_box:nth-child(2) .sec_col > *,
	.business_info.busi_04 .sec2 .in_box:nth-child(7) .sec_col > *{width:calc((100% - 48px) / 2);}

	/* 서브 - 진흥원소개 */
	.greeting .b_box {height:240px}
	.greeting .greeting_sign{flex-wrap:wrap;}
	.mvsion_wp .mv_step3 li{width:calc((100% - 48px) / 3);}
}

@media (max-width: 768px){
	/* 기본 */
	#footer .foot_top .foot_r{display:none;}
	#footer .foot_top .foot_l .bg_box{width:100%;margin-top:20px}
	#footer .foot_bottom .inner > *{width:100%}
	#footer .foot_bottom .inner .accessibility_mark > a{margin-top:24px;text-align:left !important;}

	/* 메인 */
	.main_sec1 .main_major_item{height:auto;}
	.main_sec1 .main_major_item > li{width:100%;height:72px}
	.main_sec1 .main_major_item > li:not(.active) a.btn_link{padding:16px 32px;display:flex;align-items:center;}
	.main_sec1 .main_major_item > li:not(.active) .tit{writing-mode: unset;}
	.main_sec1 .main_major_item > li .tit{width:100%;text-align:left;}
	.main_sec1 .main_major_item .ico_open{left:calc(100% - 62px);bottom:50%;margin-bottom:-20px;margin-left:0;}
	.main_sec1 .main_major_item > li.active{width:100%;height:320px;}
	.main_sec1 .main_major_item > li + li{margin-top:8px}

	/* 서브기본 */
	.table_wp {width: 100%;overflow-x:scroll;margin-bottom:30px;font-size:1rem;}  
	.table_wp .notice{display:block;padding:10px;background:#fcedf4;color:#D10028;border-radius:4px;margin-bottom:4px;} 
	.table_wp table {width:820px;}
	.table_wp table td,	.table_wp table th{word-break:break-all}

	.snb_wp .text_size{display:none;}
	.snb_wp > .inner{display:block;width:100%;padding:0}	
	#snb .snb_list > li:not(:first-child){width:calc((100% - 58px) / 2);min-width:unset;}

	/* 서브 - 주요사업 */
	.business_info .sec1{padding:24px}

	/* 서브 - 진흥원소개 */
	.charter_con{padding:100px 40px}
	.org_wp{padding:80px 20px}

}

@media (max-width: 720px){
	
	/* 기본 */
	#footer .ft > *{width:100%}
	#footer .ft .ft_r{margin-top:8px}

	.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:7px;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:6px;}

	.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);}

	.ico_box.ico_120 > .ico{width:70px;height:70px}
	.ico_box.ico_120 > .ico img{width:28px}
	.ico_box.ico_120 > .ico + *{width:100%;margin-top:16px;padding-left:0}

	/* 메인 */
	.main_links .main_noti_wp{width:100%}
	.main_links .tablink{padding:12px 14px}
	.main_sec1 .main_major_item > li.active a.btn_link{padding:40px 32px 32px;}
	.main_sec1 .main_major_item > li.active .more{left:32px;}
	.main_sec1 .mainbtn_link a{width:100%;padding:24px;}
	.main_sec1 .mainbtn_link a + a{margin-top:16px}

	/* 서브기본 */
	.basic_pg_tab,
	.snb_dep4_wp ul{overflow-x: auto;}
	.snb_dep4_wp ul li{min-width:80px;}
	.basic_pg_tab li{min-width:60px;}
	.table_wp table {width:740px;}
	.basic_tb thead th,.basic_tb tbody td,.basic_tb tbody th,
	.custom_tb thead th,.custom_tb tbody td, .custom_tb tbody th{padding:8px 6px;font-size:1rem;}
	.empty_html{padding:60px 16px;}
	.empty_html > .pa50{padding:0px !important}

	#content_wrap{padding-top: 60px;padding-bottom: 80px;}
	.sub_tit_wp{flex-wrap:wrap;}	
	.sitemap_list > li{width:100% !important}

	/* 서브 - 주요사업 */
	.icon_list > li .tit,
	.icon_list > li .con{width:100%;padding:16px}
	.business_detail .img_list li{width:100%}
	.busi_vision {flex-direction: column;}
	.busi_vision li{width:100%}
	.busi_vision li + li{margin-top:40px;margin-left:0}
	.busi_vision li + li:before{left:50%;margin-left:-5px;top:-26px;margin-top:0}
	.busi_vision:before{top:0;left:50%;width:1px;height:100%;border:0;border-left:1px dashed #868C98;}
	.business_info.busi_04 .sec2 .in_box:nth-child(4) .sec_col > *, 
	.business_info.busi_04 .sec3  .sec_col > *,
	.business_info:not(.busi_04)  .sec_col > *,
	.floor_info_wp  .sec_col.col_4 > *{width:calc((100% - 48px) / 2);}

	/* 서브 - 진흥원 소개 */
	.greeting .con_box .sec_col_l > *{width:100% !important}
	.greeting .b_box{height:auto}
	.greeting .b_box .img{position: relative;top: unset;right: unset;max-width: unset;margin-top:-186px;}
	.greeting .greeting_sign{justify-content: center;}

	.gidp_info .sec_col > *,
	.ci_info_wp .sec_col > *,
	.ci_color .l_box,
	.ci_color .r_box,	
	.org_wp .org_a, .org_wp .org_b > div,
	.org_wp .org_b > div > a,
	.org_wp .org_c li{width:100%}
	.history_wp > .r_box .year{width:72px}
	.history_wp > .r_box .text{padding-left:8px}	
	
	.mvsion_wp .mv_step3 li{width:100%}
	.mvsion_wp .mv_step2 > ul > li{width: 100%;padding:40px 28px;background: #fff;position: relative;}
	.mvsion_wp .mv_step2 > ul > li:last-child{border-bottom:1px solid #D10028;}
	.mvsion_wp .mv_step3{margin-top:90px}
	.mvsion_wp .mv_step3 li{width:100%}

	.ci_color .r_box{margin-top:8px;padding-left:0}

	.floor_info_wp .pg_tab,.sub_fac0604 .sec_fac .pg_tab{padding:12px 14px}
	.floor_info_wp .pg_tab li a,.sub_fac0604 .sec_fac .pg_tab li a{padding:6px 10px}
	.floor_info_wp .pg_tabcon{padding:32px 16px}

	.org_wp .abs{position:relative;width:100%;right:unset;}
	.org_wp{padding:48px 12px}
	.org_wp .org_a{padding:0px}
	.org_wp .org_b > div{padding:0 8px}
	.org_wp .b_r:after{right:0;border-width: 1px 1px 1px 0;}
	.org_wp .org_b > div:before{height:210px}
	.org_wp .org_c{margin-top:20px;}
	.org_wp .org_c a{padding:8px 2px}
	.org_wp .org_a:before,
	.org_c:before,.org_c a:before{display:none;}
	.org_wp .org_c li {margin:4px 0;background:#fff;}

	.sub_fac0604 .sec1 .r_box{width:100%;margin-top:16px;padding-left:0}
	.sub_fac0604 .sec_fac .pg_tabcon > .dp_flex > *{width:100%}
	.sub_fac0604 .sec_fac .pg_tabcon .l_box{padding-right:0;margin-bottom:16px}
	.sub_fac0604 .sec_fac .pg_tabcon > .dp_flex{padding:40px 20px}
	.imdong_mivi{padding:20px}
	.location .desc_list li,
	.imdong_mivi .sec_col_s > *{width:100% !important}
	.imdong_mivi .mivi3-1 > li:not(:last-child):before{right:50%;bottom:-20px;margin-right:-80px}

	.location .desc_list li{padding:12px;}
	.location .desc_list li + li{border-top:1px dashed #ddd}
	
}

@media (max-width: 490px){

	/* 메인 */
	.main_v_sd, .main_v_sd .item{height:620px}
	.main_sec1 .main_major_item > li.active{height:auto;}
	.main_sec1 .main_major_item > li.active a.btn_link{padding:32px 28px;}
	.main_sec1 .main_major_item > li.active .desc{padding-bottom:60px}
	.main_sec1 .main_major_item > li.active .more{left:28px}

	/* 서브기본 */
	.box_line,
	[class*='box_gray']{padding:20px !important}
	.note_info{padding:16px 20px}
	.table_wp table {width:520px;}

	/* 서브 - 진흥원 소개 */
	.greeting .top_box{padding:40px 32px}
	.greeting .top_box .tit_box{padding-bottom:40px}
	.greeting .top_box .tit_box .h2{font-size:2rem}
	.greeting .con_box{padding-top:40px}
	.greeting .b_box{padding:24px}
	.greeting .greeting_sign > *{width:100%;text-align:center;}

	.mvsion_wp .mv_step1{transform:scale(.8)}
	.mvsion_wp .mv_step2{padding-top:20px;}

}

@media (max-width: 420px){
	/* 기본 */
	.inner{padding-right:1rem;padding-left:1rem; margin:0 auto;}	
	#mGnb .mgnb_top .t_box .ico img{width:50px}
	#snb .snb_list > li:not(:first-child) > a{padding:0 8px}

	/* 메인 */
	.main_links .tab_cont > ul{padding:2rem 1rem}
	.main_sec1 .main_major_item > li:not(.active) .tit span{display:inline-block}

	/* 서브 - 주요사업 */
	.business_info.busi_04 .sec2 .in_box:nth-child(2) .sec_col > *, 
	.business_info.busi_04 .sec2 .in_box:nth-child(7) .sec_col > *{width:100%}
}

@media (max-width:380px){	


	/* 메인 */
	.main_links .tablink{font-size:1.25rem}
	.main_sec1 .main_major_item > li.active .active_tit{font-size:2.125rem}
	.main_links .inner li a .ico{width:100px;height:100px;margin:0 auto 8px;}
	.main_links li:nth-child(1) a .ico{background-position: 16px 19px;}
	.main_links li:nth-child(2) a .ico{background-position: -208px 19px;}
	.main_links li:nth-child(3) a .ico{background-position: -321px 19px;}
	.main_links li:nth-child(4) a .ico{background-position: -95px 19px;}

}
@media (max-width:320px){	
	#wrapper{min-width:320px;overflow-y:auto}
}