@charset "UTF-8";

@media (max-width: 1440px){
	/* 기본 */
	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}	
	#gnb,.gnb_r_wp,.s-nav-t  {display:none;}
	#header #mMenu{display:block;z-index:92;}
	#header .logo_box{left:20px;}	
	.loca_nav{right:24px;bottom:24px;}
	#footer > .inner{padding-right:1.25rem;padding-left:1.25rem;}

	/* 메인 */
	.main_vsual {width:100%;overflow:hidden;}
	.main_vsual .item .sd_l{left:20px;}
	.main_sec03{padding-left:20px;padding-right:20px;}
	.main_sec03 .inner:before{width:100%;left:0px;}

	/* 서브 */
	#snb{display:none;}
	.sbu_cont_wp{width:100%;padding-right:1.25rem;padding-left:1.25rem;}

}

@media (max-width: 1024px){
	/* 기본 */
	#footer .inner .f_top{flex-wrap:wrap;}
	#footer .f_top .relate_f_wp{margin-top:32px;width:100%;}
	#footer .f_top .relate_site{margin:-8px;}
	#footer .f_top .relate_site > li{width:calc((100% - 32px) / 2);}

	/* 메인 */
	.main_sec03 .inner .inbox{padding:20px 0;}
	.main_sec03 .sec_top ul{flex-wrap:wrap;margin:0 -8px;}

	.main_sec03 .sec_top .sec_l{position:relative;width:calc((100% - 48px) / 3);margin:8px;}
	.main_sec03 .sec_top .sec_l a,.main_sec03 .sec_top .sec_r a{padding:24px;border-radius:16px}

	.main_sec03 .sec_top .sec_r .heading_5 {width:100%;}
	.main_sec03 .sec_top .sec_r{flex-wrap:wrap;margin-top:16px;padding-top:16px;width:100%;margin:8px 0;}
	.main_sec03 .sec_top .sec_r{padding-left:0;height:auto !important;margin-top:8px;flex-direction:inherit;}
	.main_sec03 .sec_top .sec_r a{margin:4px;}
}

@media (max-width: 990px){
	
	/* 기본 */
	#footer .f_link_wp{background:none;padding:0 0 16px;border-bottom:1px dashed rgba(255,255,255,.1);}
	#footer .f_link li:first-child a{padding-left:8px}
	#footer .f_link li a{margin:2px;padding:12px 16px;border:1px solid rgba(255,255,255,.1);border-radius:16px;font-size:.875rem;font-weight:500;}
	#footer .f_link li:not(:last-child) a:before{display:none;}

	/* 메인 */
	.main_vsual,.main_vsual .item{height:680px;}
	.main_vsual .item > .inner{padding-left:380px;}
	.main_vsual .item .sd_l{width:340px;padding-top:160px;}
	.main_vsual .item .sd_l .deco_text p:before{display:none;}
	.main_vsual .item .sd_r .map_img{transform:scale(.7);margin:0 -30%;}
	.main_sec02 .inner > .dp_flex{flex-wrap:wrap;}
	.main_sec02 .inner > .dp_flex > *{width:100%;}
	.main_sec02 .banner{margin-top:16px;}
	.main_sec:not(:first-child){padding-top: 40px;}
	.main_sec03{margin:40px 0;}
	.main_sec03 .sec_top .sec_l .tit{margin-top:.5rem;}
	.main_sec03 .sec_top .sec_l .desc{margin-bottom:2rem;width:100%;}

	
	/* 서브기본 */
	.table_wp {width: 100%;overflow-x:scroll;margin-bottom:30px}  
	.table_wp .basic_tb {width:770px;}
	.table_wp .notice{display:block;padding:10px;background:#fff8f7;color:#f44336;border-radius:4px;margin-bottom:4px;} 

	/* 서브 */
	.subtab_dep3 > ul li{width:auto;min-width:120px;}
	.subtab_dep3 ul,
	.depth4_tabN:not(.snb_010301) ul{overflow-x:auto;white-space:nowrap;display:block;}
	.subtab_dep3 li,
	.depth4_tabN:not(.snb_010301)  li{display:inline-block;}


}


@media (max-width: 680px){
	/* 기본 */
	#footer .f_top .relate_site > li{width:100%;margin:4px 0;}

	/* 메인 */	 

	.main_sec02 .main_qlink{flex-wrap:wrap;padding:0;border:none;}
	.main_sec02 .main_qlink li{width:calc((100% - 32px) / 2);margin:8px;}
	.main_sec02 .main_qlink li a{background:#f2f6fa;}
	.main_sec03 .sec_top .sec_l{width:100%;}

	/* 서브 */
	.sbu_cont_wp .sub_top h2{padding-right:40px;}
	.sbu_cont_wp .sub_top .page_print{top:0;margin-top:0;}
	.sbu_cont_wp .sub_top{margin-bottom:40px;}
	.subtab_dep3 > ul,.depth4_tabN ul{margin-bottom:24px}
	.snb_010301 {overflow-x:auto;display:block;}
	.snb_010301 li{min-width:80px;}
	.snb_010301 li a{padding:8px;}

	.sec_col{flex-wrap:wrap;}
	.sec_col.sec_col_mo{margin:0}
	.sec_col.sec_col_mo > *{width:100%;margin:8px 0;}
	.step_list.sec_col_mo li:not(:last-child){margin-bottom:32px}
	.step_list > li:not(:last-child):before{right:50%;margin-right:-12px;margin-top:0;top:unset;bottom:-28px;transform: rotate(90deg);}
	.ico_list2 li:not(:first-child){margin-top:32px}
	.ico_list2 li:not(:first-child):before{left:50%;margin-left:-12px;margin-top:0;top:unset;top:-32px;transform: rotate(90deg);}

	.sec_leftbox{display:block;}
	.sec_leftbox .tit_box{width:100%;padding:0 0 16px;}
	.sec_leftbox .con_box{width:100%;padding-left:0;}

	.info_box{padding:16px}
	.info_box .txt_box{padding:8px 0 0 16px}

	.ul_list_half li{width:100%;margin:8px 0;padding-right:0px;}
	
	.latest_update .t_box,.latest_update .b_box ul{flex-wrap:wrap;}
	.latest_update .t_box ul{display:flex;width:100%;margin-top:8px;}
	.latest_update .t_box li:not(:first-child){border-left:1px dashed #ddd;padding-left:8px}	
	.latest_update .t_box li .tit{display:block;margin-bottom:2px;}
	.latest_update li .ico,.latest_update li .tit:before{display:none;}
	.latest_update li .tit{padding:0 4px 0 0;margin-right:4px}

	.ico_block{display:block;padding:32px !important;}
	.ico_block .text_box{margin-left:0 !important;margin-top:16px;}
	.ico_block .btn{width:100%}
	.ico_block .btn + .btn{margin:2px 0;}

	.org_wp{position:relative;padding:24px;padding-left:48px;}
	.org_wp:before{content:'';position:absolute;top:58px;left:24px;height:calc(100% - 116px);width:1px;background:#ddd;}
	.org_wp > ul{flex-wrap:wrap;justify-content: left;}	
	.org_wp > ul > li{width:calc(100% / 1);max-width:240px;margin:.5rem 0}
	.org_wp a{position:relative;}
	.org_wp a:before{width:24px;height:1px;top:50%;left:-26px;}
	.org_wp .org_1 a:before{top:50%;}
	.org_wp .org_2 ul li{margin-top:.5rem;margin-left:32px;}
	.org_wp .org_2 > li:after{display:none;}
	.org_wp .org_2 ul li a:before{width:16px;left:-18px;}
	.org_wp .org_2 ul li a:after{content:'';position:absolute;top:-8px;left:-18px;height:32px;width:1px;background:#ddd;}

}


@media (max-width: 580px){
	/* 메인 */
	.main_vsual .item > .inner{padding-left:0;display:flex;flex-wrap:wrap;}
	.main_vsual .item .sd_l{position:relative;width:100%;padding-top:120px;}
	.main_vsual .item .sd_l .deco_text{margin-bottom:16px;padding-bottom:16px;}
	.main_vsual .item .sd_l .deco_text *{font-size:2rem;line-height:2.5rem;}
	.main_vsual .item .sd_l .subtitle_1{font-size:1rem;padding-right:32px;}
	.main_vsual .item .sd_r .map_img{transform: scale(.56);margin: -200px -30%;}
	.main_sec02 .banner{background-position: center bottom}
	.main_sec02 .banner a{padding-left:1.5rem;padding-bottom:10rem;text-align:center;}
	
}



@media (max-width: 375px){

}