/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ 반응형 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ */
@media (max-width:1400px){
	.logo_top {width:320px;background-size: contain;background-position: 0 27px;}
	.nav {margin-top:20px;}
    .nav li a {padding:17px 0 25px 0;font:500 1.2rem 'EM';}
    #quickLink {display:none}	
}
@media (max-width:1280px){
    .logo_top {width:280px;}
    .nav li {padding:0 0 0 30px}
    .nav li a:after {bottom:-16px;}
    .nav li .subMenu {top:80px;}
    .nav li .subMenu .title {min-width:300px;}
    .nav li .subMenu ul {max-width:calc(100% - 380px);} 
    .nav li .subMenu ul li a {padding:5px 10px 2px 10px;font-size:1rem;}
}
@media (max-width:1180px){
	.box100 {padding:0 30px;}
    .logo_top {width:250px;background-position: 0 30px;}
    .nav {margin-top:20px;}
	.nav li {padding:0 0 0 20px}
    .nav li a {padding:17px 0 25px 0;font:500 1.1rem 'EM';}
	.nav li a:after {bottom:-17px;}

	.subContainer .tabMenu li {padding: 20px 10px 15px 10px;font-size:18px;line-height:24px;} 
	.subContainer .proContents1:nth-child(4):after,.subContainer .proContents1:nth-child(5):after {bottom:-34%; } 
}
@media (max-width:1023px){
    #header {z-index:99999;}
    .nav {z-index:99999;position:absolute;right:0;top:80px;float: unset;display:none; flex-wrap:wrap; justify-content:left; align-items:top;width:280px;height:calc(100vh - 70px);margin-top:0px;padding-bottom:100px;background:#fff;border-top: 1px solid #ddd;overflow-y:auto;overflow-x:hidden;box-shadow:-3px 2px 3px rgba(0,0,0,.2);}
    .nav li {display:inline-block;width:100%;padding:0px;border-bottom: 1px solid #ddd;background:#f3f3f3;}
    .nav li a {display:block;padding:15px 0 10px 0;font:500 1.2rem 'EM';text-indent:15px;}
    .nav li:hover a:after,.nav li.on a:after {width:0;}
    .nav li .subMenu {display:block;position:relative;left:0;top:0px;/* width:unset; */height:auto;border-top:none;background:#fff;opacity:.9;box-shadow:0;}
    .nav li .subMenu .title {display:none;}
    .nav li .subMenu ul {float: left;width:100%;max-width:100%;display:block;height:auto;padding:0;} 
    .nav li .subMenu ul li {margin:0;padding:0;}
    .nav li .subMenu ul li a {display:block;padding:5px 0px;margin:0px;background:#fff;border:0px solid #ddd3ea;font-size:1rem;text-indent:30px;white-space:unset;}
    .nav li .subMenu ul li a:hover {background: var(--mainC1);color:#fff;}
    .nav li:hover li a:after {width:0;}
    button.menu {display:block;}

	.subContainer .tabMenu {padding: 0;}
	.subContainer .tabMenu li {width:calc(100% / 3);border-top:1px solid #ddd;} 

	.h2TitleSub {font-size: 28px;margin: 70px 0 40px;}
	.h3TitleSub {font-size: 20px;}

	.subContainer .subCon .conBox {width:100%; } 
	.subContainer .subCon .conBox p {font-size: 17px; } 
	.subContainer .subCon .textContainer {padding:10px;} 
	.subContainer .subCon .textContainer>p {font-size:17px; padding:10px; padding-left: 28px;} 
	.subContainer .subCon .textContainer>p:after {top:10px; left: 5px;font-size: 15px;} 
	.subContainer .proContents1 {font-size: 15px;} 
	.subContainer .proContents1_1 {width:45%;} 
	.subContainer .proContents1_1:nth-child(2n) { width:45%; font-size: 16px; margin-right:0; } 
	.subContainer .prbCss2 .proContents1_1 {width: 47%; } 
	.subContainer .proContents1:nth-child(4):after,.subContainer .proContents1:nth-child(5):after {bottom:-28%; } 
	.prbCss1 .proContents1.noBox.noafter {display:none;}
	.subContainer .searchBoxSub {padding:15px 30px;}

	.subContainer .mapContainer {width:100%;height:300px;} 
	.subContainer .infoContainer {width:100%;margin-top:15px;} 
	.tbStyle5 { height:auto; } 
	.subContainer .proContents {width: 21%; height:80px; font-size: 1rem;} 

}
@media (max-width:756px){
    #header {height:70px;}
    #footer {padding:20px;}
	.box100 {padding:0 20px 0 20px;}
    .logo_top {height:70px;background-position: 0 20px;}

    .nav {top:70px;height:calc(100vh - 70px);}
    button.menu {top:18px;right:15px;}
  
	.subContainer .contents {padding:25px 0px 50px; } 

	.subContainer .subTitle { height: 100px; } 
	.subContainer .subTitle:after { height: 100px;} 
	.subContainer .sub2:after { height: 100px;} 
	.subContainer .sub3:after { height: 100px;} 

	.subContainer .subTitle h2 {font-size:28px;} 
	.subContainer .tabMenu li {width:calc(100% / 2);padding: 15px 10px 15px 10px;font-size:16px;line-height:22px;} 
	.h2TitleSub {font-size:27px;margin: 50px 0 25px;}
	.subContainer .subCon .conBox p {font-size: 16px; } 
	.subContainer .subCon .textContainer>p {font-size:16px; padding:10px; padding-left: 28px;} 
	.subContainer .subCon .textContainer>p:after {left: 5px;font-size: 14px;} 
	.textContainer p.wp50 {width:100% !important;}
	.subContainer .proContents1 {padding:5px;font-size: 12px;} 
	.subContainer .proContents1_1 {font-size: 15px;} 
	.subContainer .subCon .textContainer>p a { width:100%;} 
	.subContainer .subCon .textContainer>p a:after { display:none; } 
	.subContainer .subCon .cbContainer { width: 100%; } 
	.subContainer .proContents1:nth-child(4):after,.subContainer .proContents1:nth-child(5):after {bottom:-20%; } 
	.subContainer .searchBoxSub {padding:15px 20px;}
	.subContainer .searchBoxSub ul.searchUl li {width:100%;font-size:.9rem;}
	.subContainer .searchBoxSub ul.searchUl li label:not(.date) {font-size:.95rem;}
	.subContainer .searchBoxSub input {border: 1px solid #ddd;height: 32px;font-size:.9rem;}
	.subContainer .searchBoxSub select {border: 1px solid #ddd;height: 32px;font-size:.9rem;}
	.subContainer .proContents {font-size: .9rem;} 
	.subContainer .proContents p span {font-size: .7em;} 

	#toast-container { font-size:.85rem;text-align: center;} 
	#toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div {width: auto !important;white-space:nowrap;}
	.infoBox p {font-size:.85rem};

	.h2TitleSub {font-size: 26px;}
	.h3TitleSub {font-size:1.1rem;}
	.h3TitleSub:before {top:10px;height:14px;}
	.h3Summary {font-size: 15px;color: #999;}
	.numberBox span {font-size:1rem;}

	.btnSt1 {padding: 7px 15px;border-radius: 5px;margin-right: 5px;font-size:.85rem;}

	.mScrollX {width:100%;overflow-x:auto;overflow-y:hidden;}
	.mScrollX  table th,.mScrollX  table td {font-size:.9rem !important;white-space:nowrap;}

    #footer .caution {font-size:.75rem;line-height:1.2;}
    #footer .copy {width:100%;padding:55px 0 0 0;text-align: center;font-size:.7rem;line-height:1.2;background:url(../../img/main/logo_foot.png)no-repeat center 25px;background-size:60%;}
}

@media (max-width:400px){
	.subContainer .tabMenu li {width:calc(100% / 2);line-height:20px;} 
	.subContainer .proContents {font-size: .8rem;} 
	.subContainer .proContents p span {font-size: .6em;} 

}