@import url(font.css);
@import url('https://webfontworld.github.io/SCoreDream/SCoreDream.css');
@import url('https://webfontworld.github.io/BinggraeSamanco/BinggraeSamanco.css');
@font-face {
    font-family: 'BinggraeSamanco';
    font-weight: 400;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/BinggraeSamanco/BinggraeSamancoRegular.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/BinggraeSamanco/BinggraeSamancoRegular.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/BinggraeSamanco/BinggraeSamancoRegular.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/BinggraeSamanco/BinggraeSamancoRegular.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/BinggraeSamanco/BinggraeSamancoRegular.ttf') format("truetype");

} 
@font-face {
    font-family: 'BinggraeSamanco';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/BinggraeSamanco/BinggraeSamancoBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/BinggraeSamanco/BinggraeSamancoBold.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/BinggraeSamanco/BinggraeSamancoBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/BinggraeSamanco/BinggraeSamancoBold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/BinggraeSamanco/BinggraeSamancoBold.ttf') format("truetype");
 
} 

/* 요소(element) 여백 초기화  */
html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
blockquote, p, address, pre, cite,
form, fieldset, input, textarea, select,
table, th, td {
 	margin:0;
	padding:0;
	}

/* 제목요소 */
h1, h2, h3, h4, h5, h6 {  
	font-weight:normal; 
	font-size:1em; 
	} 

/* 테두리 없애기 */
fieldset, img, abbr,acronym { border:0 none; } 

/* 목록 */
ol, ul { list-style:none; }

/* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */
table {
	border-collapse: separate;
	border-spacing:0;
	border:0 none;
	}
caption, th, td {
	font-weight: normal;
}
caption, legend {position:absolute;  width:0; height:0; overflow:hidden; font-size:0;line-height:0px; }
/* 텍스트 관련 요소 초기화 */
address, caption, strong, em, cite {	font-weight:normal;	font-style:normal;	}
ins { text-decoration:none; }
del { text-decoration:line-through; }

/* 인용문 */
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote,q { quotes:"" ""; }

/* 수평선*/
hr { display:none; }




body { font-family: 'Noto Sans KR' , 'Arial'; font-size:14px; line-height:1.4; letter-spacing:-1.5px;  min-width: 320px; overflow-x: hidden;}
h1,h2,h3,h4,h5,h6 {margin: 0; font-weight: bold;}
p, dl, ol, ul {margin: 0;}


.clear { clear:both;  }
.clearfix:after { clear:both; display: table;  content: " ";}
.ellipsis {     text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
img { max-width:100% !important;  }
.map img { max-width: initial !important;  }
.show { display:block !important;  }
.hide { display:none !important;  }
.text-color { color:#00805A !important;  }

i span { position:absolute; top:-4000px; left:-3000px; display:block;   font-size:0px; line-height:0px; }

a[target="_blank"]:not([title]), form[target="_blank"]:not([title]), form[target="_blank"][title=""] {

	display: none;
    border: 3px solid red;
}

a, a.active, a:hover{text-decoration: none;}

.col-82{color: #82CBF9 !important;}




@media (min-width: 992px) {


	.pc-true { display:block !important;  }
	.m-true { display:none !important;  }

	.header { height:81.5px; position:relative;  z-index:100; background: #fff;}
	.header .container { position:relative; height:81px;  }
	.header .container:before{content: ''; position: absolute; background: url(/pub/site/hallamuseum/images/main/top_bg.png) no-repeat right; height: 46.5px; width: 100%; bottom: -45.5px; right: calc(100% - 20%);}
	.header .container:after{content: ''; position: absolute; background: #fff; height: 45px; width: 100%; bottom: -45px; right: calc((100% - 20%) + 90px);}
	.header h1 { text-align:center;  padding-top:24px;  height:93px; width: 12.5%; float: left;}
	.header h1 a {display:inline-block;  position:relative; z-index:100;}
	.header h1 .logo { display:inline-block; margin-right:5px;  }
	.header h1 .logo img { display:inline-block;  margin-top:-5px; }
	.header .m-menu{padding-left: 15%;}

	.header .header-util{float: right; display: flex; align-items: center; padding-top: 20px;}
	.header .header-util .home-btn{display: none;}
	.header .header-util .login-util{display: flex; position: relative; padding: 6px 14.5px; border: 1px solid #DBDBDB; border-radius: 10px; margin-right: 24px;}
	.header .header-util .login-util > div{height: 16px;}
	.header .header-util .login-util > div + div:before{content: "|"; color: #DBDBDB; margin: 0 13px;} 
	.header .header-util .login-util a{font-size: 14px; letter-spacing: 0px;  color: #323333;}
	
	.dropdown{margin-right: 132px;}
	.dropdown > a{display: table-cell; vertical-align: middle; text-align: center; background: #F2F2F2; border-radius: 10px; color: #000; font-size: 14px; width: 92px; height: 28px; text-decoration: none;}
	.dropdown-menu{top: 80%; min-width: 92px; width: 92px; background: #F2F2F2; border:none; border-radius: 0 0 10px 10px; padding: 9px 11px 11px; margin: 0px; box-shadow: unset;}
	.dropdown-menu>li>a{padding: 5.5px 0; text-align: left;}
	.dropdown.open .dropdown-menu:before{content: ""; position: absolute; left: 10.5px; top: 6px; width: 71px; border: 1px solid #DBDBDB;}

	.reservation-wrap{position: absolute; top: 17px; right: 0px;}
	.reservation-wrap a{display: table-cell; vertical-align: middle; text-align: center; background: #1D3E87; border-radius: 10px; color: #fff; font-size: 16px; width: 111px; height: 35px; text-decoration: none;}
	.reservation-wrap a i{margin-right: 7px;}

	.gnb { padding-left:225px;  }
	.gnb:after { clear:both; display:table; content:''; }
	.gnb .menu { float:left; position:relative;   margin-left:65px;  }
	.gnb .menu01 {margin-left:0px !important; }
	.gnb .menu  h3 { }
	.gnb .menu  h3 a { font-size:22px; color:#333; display:inline-block; padding:25px 0 30px;height:81px;   letter-spacing:-1.5px; font-weight: 400;}
	.gnb .menu  h3 a.active, .gnb .menu  h3 a:hover { text-decoration:none; border-bottom:3px solid #1D3E87;  color: #1D3E87;}
	.gnb .menu  h3 a i { display:none !important;  }
	.gnb .menu > ul {display:none;  position:absolute; width:200px; z-index:100; background:#fff; top:81px; left:50%; margin-left:-100px; padding:20.5px 0 20.5px 18px;  border: 1px solid #DBDBDB; border-radius: 0px 0px 15px 15px;}
	.gnb .menu > ul li { margin-bottom:10px; }
	.gnb .menu > ul li ul{padding: 10px 0;}
	.gnb .menu > ul li ul li{position: relative; padding-left: 15px;}
	.gnb .menu > ul li ul li:before{content: ""; position: absolute; left: 3px; top: 50%; width: 5px; height: 0; border: 1px solid #666666;}
	.gnb .menu > ul li a { font-size:18px; color:#333333; }
	.gnb .menu > ul li ul li a{font-size: 16px; color: #666666;}
	.gnb .menu > ul li a.active, .gnb .menu > ul li a:hover { color:#1D3E87; text-decoration: underline;}
	.gnb .menu > ul li i{display: none;}
	/* .gnb .menu > ul li ul li a.active, .gnb .menu > ul li ul li a:hover{text-decoration: underline;} */
	.all-menu-open {position:absolute;top:95px; right:0px; display: none !important;}
	.all-menu-close { display:none;  position:absolute;top:27px; right:0px; z-index:100;  }

	
	.all-menu {  position:absolute; top:0px; left:0px; width:100%; z-index:99;   padding-top:95px; word-break:break-all;  padding-bottom:50px; background:url(../images/common/menu_bgimg.png) no-repeat left bottom; }
	.all-menu .menu { float:left;  width:12.5%; border-right:1px solid #eaeaea;  padding:0 10px; }
	.all-menu .menu01 {border-left:1px solid #eaeaea; }
	.all-menu .menu h3 {}
	.all-menu .menu h3 a { font-size:18px; color:#000; font-weight:bold;  letter-spacing:-1.5px; display:inline-block; height:50px; }
	.all-menu .menu  h3 a i { display:none !important;  }
	.all-menu .menu ul { display:block !important;   }
	.all-menu .menu ul li { margin-bottom:10px; }
	.all-menu .menu ul li a { font-size:16px; color:#000; }
	.all-menu .menu ul li a.active, .all-menu .menu ul li a:hover { color:#00805A; text-decoration:underline; font-weight:bold;  }
	.all-menu .menu ul li ul  {margin-bottom:20px; margin-top:10px;  }
	.all-menu .menu ul li ul li { padding-left:5px; position:relative;  margin-bottom:5px;  }
	.all-menu .menu ul li ul li:before {content:'·'; display:inline-block; font-size:14px; position:absolute; top:0px; left:0px; }
	.all-menu .menu ul li ul li a  { font-size:14px; color:#666; }
	
	.menu-bg { width:100%; position:absolute; top:0px; left:0px; width:100%; z-index:90; background:#fff; display:none; box-shadow: 5px 9px 10px rgba(0,0,0,0.3);  }



	.footer { position:relative; height: 169px; background: #333333; padding: 35px;}
	.footer .footer-util{text-align: center;}
	.footer .footer-util a{position: relative; font-size:18px; color: #fff; padding: 0 20px; font-weight: bold;}
	.footer .footer-util a:after{content: ''; position: absolute; top: calc((100% - 6px) / 2); right: -7px; width: 6px; height: 6px; background: #fff; border-radius: 50%;}
	.footer .footer-util a:last-child:after{display: none;}
	.footer .footer-contents { padding:35px 0 0; position:relative;  text-align: center;}
	.footer .footer-contents address {font-size:16px; color:#fff; }


  #backtotop {
      position: fixed;
      bottom: 0;
      right: 0;
      z-index: 9999;
      width: 60px;
      height: 60px;
      text-align: center;
      background: rgba(0,0,0,0.3);
      font-size: 40px;
      color: #fff;
      cursor: pointer;
      text-decoration: none;
      /*transition: opacity 0.2s ease-out;*/
      opacity: 0;
  }
  #backtotop.show {
    opacity: 1;
  }
  #backtotop:hover.show {
    background: rgba(0,0,0,0.6);
  }

.back {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    display: none;
    width: 100%;
    height: 100%;
    z-index: 10;
}


}/*(min-width: 992px)*/





@media (min-width: 1450px) {
	.container { width:1400px }
	.gnb .menu {   margin-left:100px;  }
}/*min-width: 1450px*/




@media (min-width: 992px) and (max-width: 1199px) {
	.gnb { padding-left:132px;  }
	.gnb .menu {  margin-left:65px;  }
	.all-menu .menu h3 a { font-size:16px; }
	.all-menu .menu ul li a { font-size:14px;  }
	.all-menu .menu ul li ul li a  { font-size:12px;  }

}/*(min-width: 992px) and (max-width: 1199px)*/





@media (max-width: 991px) {

	
	.pc-true { display:none !important;  }
	.m-true { display:block !important;  }

	.header { position:relative; height:52px;    padding:15px 15px 0 ; border-bottom:1px solid #D3E1EE;   background: #fff;}
	.header h1 {float:left; z-index:101;  position:relative;  }
	.header h1 a {display:inline-block;    }
	.header h1 .logo { display:inline-block; margin-right:5px;  }
	.header h1 .logo img { display:inline-block; width:100px;   margin-top:-5px; }
	.header h1 .text { display:inline-block; margin-top:10px;font-size:15px; color:#000; font-weight:bold;  }

	.all-menu-open {  position: absolute;    top: 14px;  text-align:center;    right: 15px; z-index:100;    }
	.all-menu-open a{font-size: 20px; color: #333333;}

	.m-menu {   z-index: 1000; /* overflow-y:auto; */    position: fixed;    top: 0px;  right: 0; width: 100%; margin-right:-100%;   height: 100%;    background:#fff;    letter-spacing: -1px;    text-align: left;   }


	.header .all-menu-close {    position: absolute;    top: 19px;    right:14px;  z-index:102; }
	.header .all-menu-close a{font-size: 20px; color: #333333; letter-spacing: 0;}


	.header .header-util{ display: flex; align-items: center; padding: 20px 16px 13px 16px; border-bottom: 1px solid #DBDBDB;}
	.header .header-util .home-btn{margin-right: 18px;}
	.header .header-util .home-btn a{color: #333333; font-size: 16px; letter-spacing: -0.64px;}
	.header .header-util .login-util{display: flex; position: relative; padding: 6px 14.5px; border: 1px solid #DBDBDB; border-radius: 10px; margin-right: 11px;}
	.header .header-util .login-util > div{height: 16px;}
	.header .header-util .login-util > div + div:before{content: "|"; color: #DBDBDB; margin: 0 12.5px;} 
	.header .header-util .login-util a{font-size: 14px; letter-spacing: 0px;  color: #323333;}
	
	.dropdown > a{display: table-cell; vertical-align: middle; text-align: center; background: #F2F2F2; border-radius: 10px; color: #000; font-size: 14px; width: 92px; height: 28px; text-decoration: none;}
	.dropdown-menu{top: 80%; min-width: 92px; width: 92px; background: #F2F2F2; border:none; border-radius: 0 0 10px 10px; padding: 9px 11px 11px; margin: 0px; box-shadow: unset;}
	.dropdown-menu>li>a{padding: 5.5px 0; text-align: left;}
	.dropdown.open .dropdown-menu:before{content: ""; position: absolute; left: 10.5px; top: 6px; width: 71px; border: 1px solid #DBDBDB;}

	.reservation-wrap a{position: absolute; top: 15px; right: 49px; display: table-cell; vertical-align: middle; text-align: center; line-height: 25px; background: #1D3E87; border-radius: 5px; color: #fff; font-size: 14px; width: 92px; height: 25px; text-decoration: none;}
	.reservation-wrap a i{margin-right: 7px;}


 

	.gnb  { padding:0px;  }
	.gnb .menu { border-bottom:1px solid #D8D8D8; background: #F2F2F2;display: flex;}
	.gnb .menu h3 { display: inline-block; width: 40%; float: left;}
	.gnb .menu h3 a {  padding:17px 20px 17px 26px;   position: relative;  font-weight:bold;   display:block;   font-size: 18px;    color: #000;     }
	.gnb .menu h3 a:hover { text-decoration:none;  }
	.gnb .menu .depth-menu li a{position: relative;}
	.gnb .menu h3 a.active .open-icon {display:none; }
	.gnb .menu h3 a.active .close-icon {display:block; }
	.gnb .menu > ul {  padding:7px 10px; background: #fff; width: 60%; display: inline-block;}
	.gnb .menu ul li {   }
	.gnb .menu ul li a { color:#000; width:100%; padding:7px 0 ; font-size:16px; display:block;  font-weight:normal;  }
	.gnb .menu ul li a.active { color:#1D3E87;   }
	.gnb .menu ul li a.active .open-icon {display:none; }
	.gnb .menu ul li a i {font-size:14px; color:#333333; position:absolute; right:15px; top:50%;  margin-top:-8px;}
	.gnb .menu ul li a i.close-icon {display:none; }
	.gnb .menu ul li a.active .close-icon {display:block; }
	.gnb .menu ul li .threedepth-menu {display: none; margin-bottom:8px; margin-top:0px; padding:0px;}
	.gnb .menu ul li .threedepth-menu li { padding-left:5px; position:relative;  }
	.gnb .menu ul li .threedepth-menu li:before {content:'-'; display:inline-block; font-size:14px; position:absolute; top:4px; left:0px; }
	.gnb .menu ul li .threedepth-menu li a  { font-size:14px; color:#666;  padding:4px; }
	.gnb .menu ul li .threedepth-menu li a:hover  , .gnb .menu ul li .threedepth-menu li a.active { color:#1D3E87; }




	.footer { position:relative; height: 209px; background: #333333; padding: 30px 8px; word-break: keep-all;}
	.footer .footer-util{text-align: center;}
	.footer .footer-util a{position: relative; font-size:16px; color: #fff; padding: 0 10px; font-weight: bold;}
	.footer .footer-util a:nth-child(1){padding-left: 0px;}
	.footer .footer-util a:last-child{padding-right: 0px;}
	.footer .footer-util a:after{content: ''; position: absolute; top: calc((100% - 6px) / 2); right: -6px; width: 6px; height: 6px; background: #fff; border-radius: 50%;}
	.footer .footer-util a:last-child:after{display: none;}
	.footer .footer-contents { padding-top: 10px; position:relative;  text-align: center;}
	.footer .footer-contents address {font-size:16px; color:#fff; }
	.footer .footer-contents address br{display: none;}
	.footer .footer-contents address span{display: block;}





  #backtotop {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9999;
    width: 1.81818182rem;
    height: 1.81818182rem;
    text-align: center;
    line-height: 1.81818182rem;
	padding-top:0px; 
    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.show {
    opacity: 1;
  }
  #backtotop:hover.show {
    background: rgba(0, 0, 0, 0.6);
  }



.back {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    display: none;
    width: 100%;
    height: 100%;
    z-index: 10;
}


}




@media (min-width: 1200px) {

}
@media (min-width: 992px) {

}
@media (min-width: 768px) {

}


