@media (max-width: 360px) {
  html {
    font-size: 22px;
  }
}
@media (min-width: 361px) and (max-width: 480px) {
  html {
    font-size: 25px;
  }
}
@media (min-width: 481px) {
  html {
    font-size: 28px;
  }
}
@media (max-width: 1271px) {
	body{padding-top:2.85714286rem;}
	.portal_logo_mobile{height:2.85714286rem; line-height:2.85714286rem; vertical-align: middle;position:absolute; top:0; left:0; text-align: center;width:100%; background: #ecf3f5;}
	.portal_logo_mobile a{text-align: left;display: inline-block; line-height: 1.4;vertical-align: middle;}
	.portal_logo_mobile a {font-weight:bold;  color:#6a7578; letter-spacing:-1.6px;   font-size:0.8rem; font-weight:800;}
	.portal_logo_mobile a:hover { text-decoration:none;  }
	/* .portal_logo_mobile a span { letter-spacing:3px; font-size:0.45714286rem;   font-weight:bold;  line-height: 1; padding-bottom: 5px;} */
	.portal_logo_mobile a strong{  font-weight:800;  }

	.header {height: 3rem;word-break: keep-all; border-bottom:1px solid #6a7578; }
	.header .container {
		z-index:105;
		position:relative;
	}
	.header h1 { margin-left: 15px; padding-top: 0.7rem}
	.header h1 a {font-weight:bold;  color:#6a7578; letter-spacing:3px;}
	.header h1 a:hover { text-decoration:none;  }
	.header h1 a span { letter-spacing:3px; font-size:0.45714286rem;   font-weight:bold;  line-height: 1; padding-bottom: 5px;}
	.header h1 a strong{ letter-spacing:-1.6px;   font-size:0.8rem; font-weight:800;  }

	.header_btn{position:absolute; top:0; right:0;}
	.header_btn .all-menu-open{float:left; padding-top: 0.9rem; padding-left:0.8rem; padding-right: 0.8rem;}
	.header_btn .all-menu-open img{width: 1.14285714rem; height: 1.14285714rem;}
	.header_btn .search-btn img{width: 1.14285714rem; height: 1.14285714rem;}
	.header_btn .search-btn{display: none;float:left; padding-top: 0.9rem;}
	.header_btn .quick_link_btn{float:left;}
	.header_btn .quick_link_btn a{font-size: 0.57142857rem; text-align: center;display:block; padding-top: 0.7rem;width: 3rem; height: 3rem;  color:#fff; background: #6a7578;}
	.header .search-btn a.search-close  { display:none; }

	.top-search-wrap {display:none; padding:30px 0;  z-index: 1;width:100%; position:absolute; top:3rem; left:0px; width:100%; background:url(/pub/site/common/images/menu_bg.png) repeat-x left top; }
	.top-search-wrap form { width:80%; margin:0 auto; background:#ebebeb; padding-left: 15px; border-radius:20px; height:40px;   }
	.top-search-wrap form input[type="text"] { float:left; font-size:16px; background:#ebebeb; height:38px;margin-top:1px  color:#222; border:0px; padding:4px 1.14285714rem 0px 10px; width:80%;   }
	.top-search-wrap form button { float:right;background:none; border:0px; height:auto; padding-top:5px; padding-right: 10px;}
	.top-search-wrap form button i { font-size:1rem; color:#000;  }

  .m-menu {
    display: none;
    z-index: 101;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
	width:80%;
    background: rgba(106, 117, 120, 0.9);
    letter-spacing: -1px;
    overflow-y: auto;
	padding-left: 1rem;
  }
  .all-menu-close {
    position: absolute;
    top: -3rem;
    right: 1rem;
  }
  .all-menu-close a {
    display: block;
    width: 1rem;
    height: 1rem;
    text-align: center;
  }
  .all-menu-close a i::before {
    line-height: 2.27272727rem;
    font-size: 0.9rem;
    color: #fff;
    /* font-weight: bold; */
  }
  .menu-list{display: none;}
  .gnb {padding-top: 4rem;margin-bottom: 1.5rem;}
  .gnb .menu {padding-bottom: 0.85714286rem; margin-bottom: 0.85714286rem;border-bottom: 1px solid #909ca0;}
  .menu h3  {width:45%;  float:left;}
  .menu h3 a {
    position: relative;
    display: block;
    font-size: 0.9rem;
    /* margin-left: 0.65714286rem; */
	font-weight: 400;
    color: #fff;

  }
.depth-menu{width:55%;float:left;}
.depth-menu li{padding-bottom: 5px;}
.depth-menu a{color:#fff;font-size: 0.6rem;}

  .back {
    display: none;
    z-index: 10;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
  }


 #backtotop {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9999;
    width: 1.81818182rem;
    height: 1.81818182rem;
    text-align: center;
    line-height: 1.81818182rem;
    background: rgba(0, 0, 0, 0.3);
    font-size: 1.18181818rem;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    /*transition: opacity 0.2s ease-out;*/
    opacity: 0;
  }
   #backtotop a {  color: #fff;}
  #backtotop.show {
    opacity: 1;
  }
  #backtotop:hover.show {
    background: rgba(0, 0, 0, 0.6);
  }
  .quick_link_wrap{
	  display: none;
	  z-index: 105;
	  position: fixed;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  height: 100%;
	  width:70%;
	  padding-left: 40px;;
	  letter-spacing: -1px;
	  overflow-y: auto;
  }
  .quick_link_wrap .title{height: 3rem; width:100%; background: rgba(106, 117, 120, 0.9); color:#fff;text-align: left;font-size: 0.8rem;padding-top: 0.85rem;padding-left: 0.85714286rem;}
  .quick_link_wrap .quick_link{padding: 2rem 0;background: #fff; min-height: calc( 100% - 3rem );}
  .quick_link_wrap .quick_link_item {padding-top: 0.5rem;padding-bottom: 0.5rem; text-align: left;padding-left: 0.85714286rem;position:relative;}
  .quick_link_wrap .quick_link_item a{font-size: 0.8rem; color:#6a7578;font-weight: 400;}
  .quick_link_wrap .quick_link_item a.active{color:#313536;}
  .quick_close_btn{position:absolute; top:0.85rem; right:0.7rem;}
  .quick_close_btn img{width: 1.14285714rem; height: 1.14285714rem;}

  .quick_link_wrap .closed:before{content: '휴관'; display: block; position: absolute; top:0;text-align:center; left:-40px; width:40px; height: auto;line-height: 1rem; line-height: 1rem; vertical-align: middle; background: #A2B3B5;  margin-top:0.5rem; color:#fff; border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem;}

  .footer {  width:100%;  border-top:1px solid #aebcc0; padding-top:0.85714286rem; padding-bottom:0.85714286rem; }
  .footer .container {position:relative; }

  .footer .footer-util {margin-bottom:20px; text-align: center; }
  .footer .footer-util li { float:left; width:33.3333%;  padding:0 5px 0 6px; background:url(/pub/site/common/images/footer_line.png) no-repeat left 5px; }
  .footer .footer-util li:first-child {padding-left:0px; background:none; }
  .footer .footer-util li:nth-child(4n) {background: none;padding-left: 0;}
  .footer .footer-util li:nth-child(3n) {padding-right: 0;}
  .footer .footer-util li a { color:#555; font-size:0.57142857rem;  text-align: center;}
	.footer .mark {  text-align:center;  z-index:100; background:none; margin-top:10px;   }

  .footer address { color:#777;  font-size:0.57142857rem; line-height:1.6;  text-align: center; padding:0 15px;}




}