@charset "UTF-8";
@import url("contents_repond.css");
/*-------------------------------------------------
title       : 서브 반응형
Author      : ㅈㅁㅈ
Create date : 2021-06-07
-------------------------------------------------*/
@media (max-width: 1400px) { #snb.fixed { left: auto; right: 3rem; margin-left: 0; transform: translate(0); } }

@media (max-width: 1280px) { #visual { height: 32rem; }
  /*#visual::before { display: none; left: 50%; width: 100vw; transform: translateX(-50%); margin: 0;} */
  	#visual::before {
		display: none;
	}
  #visual .title { padding-top: 13rem; }
  #snb { display: none; }
  #main { padding-bottom: 3rem; }
  #contents { float: none; width: 100%;padding-top: 6.5rem; }
  .contents_util .path { top: 24rem; }
  .contents_util .btn.print { display: none; } 
}

@media (max-width: 1024px) { .sitemap dt { width: 17rem; }
  .sitemap dd { width: calc(100% - 17rem); }
  .sitemap .depth2 > li > a { padding: 0 1.5rem; }
  .sitemap .depth3 { padding-right: 0; } 
  .box-link {flex-direction:column;}}

@media (max-width: 768px) { .sitemap .depth2 > li { width: 50%; }
  .sitemap .depth2 > li:nth-child(3n+1) { clear: none; }
  .sitemap .depth2 > li:nth-child(2n+1) { clear: both; } }

@media (max-width: 580px) { .contents_util .btn { display: none; }
  #contents_title { font-size: 3rem; }
  #depth4_menu_div ul, #depth4_menu_div.type1 ul { display: block; margin-bottom: 3rem; padding-bottom: 1px; }
  #depth4_menu_div ul > li, #depth4_menu_div.type1 ul > li { visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; display: block; float: none; width: 100%; height: 0; border: 0 none; background-color: #fff; }
  #depth4_menu_div ul > li::after, #depth4_menu_div.type1 ul > li::after { display: none !important; }
  #depth4_menu_div ul > li.active, #depth4_menu_div.type1 ul > li.active { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; height: 6rem; border-color: #0C387E; background-color: #0C387E; }
  #depth4_menu_div ul > li.active a, #depth4_menu_div.type1 ul > li.active a { position: relative; color: #fff !important; }
  #depth4_menu_div ul > li.active a::after, #depth4_menu_div.type1 ul > li.active a::after { position: absolute; top: auto; left: auto; right: auto; font-family: "xeicon"; position: absolute; top: 50%; left: auto; transform: translateY(-50%); right: 2rem; content: ''; transition: all 0.2s; }
  #depth4_menu_div ul a, #depth4_menu_div.type1 ul a { padding: 0; line-height: 6rem; }
  #depth4_menu_div ul a::before, #depth4_menu_div.type1 ul a::before { display: none; }
  #depth4_menu_div ul a:hover, #depth4_menu_div ul a:focus, #depth4_menu_div.type1 ul a:hover, #depth4_menu_div.type1 ul a:focus { color: #0C387E; }
  #depth4_menu_div ul.active li, #depth4_menu_div.type1 ul.active li { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; width: 100%; height: 6rem; margin-bottom: -1px; border: 1px solid #ddd !important; transition: all 0.2s; }
  #depth4_menu_div ul.active li.active a::after, #depth4_menu_div.type1 ul.active li.active a::after { opacity: 0; }
  #depth4_menu_div .disable li:first-child { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; width: 100%; height: 6rem; margin-bottom: -1px; border: 1px solid #ddd !important; transition: all 0.2s; }
  #depth5_menu_ul { margin-top: -3rem; }
  #depth4_menu_div.type1_custom ul {padding-left:0;}
  #depth4_menu_div.type1_custom ul li:nth-of-type(1) {position:relative; left:auto; top: auto; height:0; width:100%;}
  #depth4_menu_div.type1_custom ul.active li:nth-of-type(1) {height:6rem;}
  #depth4_menu_div.type1_custom ul li:nth-of-type(1).active {height:6rem;}
  .layerpopup .item { padding: 3rem; }
  .layerpopup .close { right: 2rem; }
  .layerpopup > .group > h2 { padding: 2rem 6rem 2rem 2rem; }
  .layerpopup > .group.alert { padding: 3rem 2rem; }
  .layerpopup > .group.alert .img { display: block; width: 100%; text-align: center; }
  .layerpopup > .group.alert .img img { width: 8rem; }
  .layerpopup > .group.alert .desc { display: block; padding: 1rem 0 0; text-align: center; }
  .layerpopup > .group.alert .title { margin-bottom: 0; }
  .layerpopup > .group.alert .btn1.type2.txt_center { display: block; width: 13rem; margin: 2rem auto 0; }
  .layerpopup > .group.type1 .form_captcha .form { padding: 0; }
  .layerpopup > .group.type1 .form_captcha .form span { display: block; overflow: hidden; position: static; width: 100%; margin-top: 1rem; }
  .layerpopup > .group.type1 .form_captcha .form .btn1.type1 { float: left; width: calc(50% - 0.5rem); margin: 0 !important; }
  .layerpopup > .group.type1 .form_captcha .form .btn1.type1 + .btn1.type1 { float: right; }
  .layerpopup > .group.type1 .check li { display: block; }
  .layerpopup > .group.type1 .check li::before { display: none !important; }
  .layerpopup > .group.type1 .close { top: -6rem; right: 0; }
  .sitemap dt, .sitemap dd { width: 100%; }
  .sitemap .depth2 { margin-bottom: -1rem; }
  .sitemap .depth2 > li { float: none; width: 100%; margin-bottom: 1rem; } }

  @media (max-width:487px) {
  .box-link-item-info img {max-width:16rem; max-height:5.5rem} 
  .box-link-item-title {word-break:keep-all}
  .box-link-item-title br {display:none}}
  
  
  @media (max-width:430px) {
  .box-link-item-info img {max-width:16rem; max-height:5.5rem} 
  .box-link-item-info {flex-direction:column; align-items:flex-start;} 
  .box-link-item-info a {margin-left:0; margin-top:3rem;}}