/*@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
@font-face {
     font-family: 'S-CoreDream-4Regular';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-6Bold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
} */

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

body {font-family: 'Nanum Gothic', sans-serif; min-width: 320px; word-break: keep-all; letter-spacing: -0.8px; overflow-x: hidden; color: #000;}
h1,h2,h3,h4,h5,h6 {margin: 0; font-weight: bold;}
p, dl, ol, ul {margin: 0;}
i span{  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
a {color: #000;}
caption, legend {position:absolute; visibility:hidden; width:0; height:0; overflow:hidden; font-size:0;line-height:0px; }

.hiddenX { display:none; }

@media (min-width: 992px) {
	.container {position: relative;}

	.header {
	  z-index: 99; 
	  position: relative; 
	  height: 115px; 
	  word-break: keep-all; 
	  background-color: #fff;
	}
	.header h1 {
	  position: absolute; 
	  top: 55px; 
	  left: 50%; 
	  margin-left: -600px; 
	  font-size: 0; 
	  z-index: 100;
	}
	.header h1 a {
	  display: inline-block; 
	  width:291px; 
	  height:52px; 
	  background:url(/pub/site/hallasan/images/2021/common/logo.png) no-repeat center; 
	  background-size:100%; 
	}
	.header-menu-view {display: none;}


	.top-bar {
	  z-index: 101; 
	  position: relative; 
	  height: 45px; 
	  border-bottom: 1px solid #E3E3E3; 
	  background-color: #fff; 
	  color: #707070;
	}
	.site-util {
	  float: left;
	  padding-top: 12px;
	}
	.site-util li {	display: inline-block; }
	.site-util > li + li:before {
	  content: "|"; 
	  padding: 0 10px; 
	  color: #DFDFDF;
	}
	.site-util > li a {
		font-size: 15px;
		color: #707070;
	}
	.top-util {
	  float: right;
	  padding-top: 12px;
	}
	.top-util li {	display: inline-block; }
	.top-util > li + li:before {
	  content: "|"; 
	  padding: 0 10px; 
	  color: #DFDFDF;
	}
	.top-util > li a {
		font-size: 15px;
		color: #707070;
	}
	.top-util .dropdown-menu {
	  right: 0; 
	  left: inherit; 
	  min-width: 100px;
	}
	.top-util .visithalla-link:before {display: none;}
	.top-util .visithalla-link a {
		margin-left: 10px;
		padding: 8px 20px 8px 40px;
		color: #fff;
		font-size: 15px;
		border-radius: 22px;
		background-color: #EE5050;
		background-image:url(/pub/site/hallasan/images/2021/common/calendar-alt-light.svg); 
		background-repeat: no-repeat;
		background-position: 20px center;
	}

	.m_toplink { display: none; }

	.gnb {
		position: absolute; 
		top: 68px; 
		left: 50%; 
		margin-left: -600px; 
		width: 1200px; 
		z-index: 99; 
		padding-left: 320px;
	}
	.gnb .gnb-menus {
		float: left;
		width: 13%;
	}
	.gnb .gnb-menus i, .all-menu .gnb-menus i.icon-right-open {display: none;}
	.gnb .gnb-menus h3 {text-align: center;}
	.gnb .gnb-menus h3 a {
		display: inline-block; 
		font-size: 18px; 
		font-weight: 500;
		color: #000; 
		padding-bottom: 28px;
	}
	.gnb .gnb-menus h3 a:hover, .gnb .gnb-menus h3 a.active {
		border-bottom: 5px solid #2259B9; 
		text-decoration: none; 
		padding-bottom: 23px;
	}
	.gnb .gnb-menus div {display: none;}

	.all-menu {
		position: absolute; 
		top: 68px; 
		left: 0; 
		right: 0; 
		float: left; 
		width: 100%; 
		padding-bottom: 20px; 
		background: #fff; 
		box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.2);
	}
	.all-menu a { color: #000; }
	.all-menu .all-menus {
		width: 1200px; 
		margin:0 auto; 
		padding-left: 320px;
	}
	.all-menu .gnb-menus {
		float: left;
		width: 13%;
	}
	.all-menu .gnb-menus h3 {text-align: center;}
	.all-menu .gnb-menus h3 a {
		display: inline-block; 
		font-size: 18px; 
		font-weight: 500;
		color: #000; 
		padding-bottom: 28px;
	}
	.all-menu .gnb-menus h3 a:hover, .all-menu .gnb-menus h3 a.active {
		border-bottom: 5px solid #2259B9; 
		padding-bottom: 23px; 
		text-decoration: none; 
	}
	.all-menu .gnb-menus .gnb-submenu {padding-right: 0px;}
	.all-menu .gnb-menus ul {
		font-size: 16px; 
		padding-top: 10px;
	}
	.all-menu .gnb-menus ul>li {
		padding: 8px 0; 
		position: relative;
		text-align: center;
	}
	.all-menu .gnb-menus ul>li>a>i {
		display: none;
		font-size: 14px; 
		position: absolute; 
		top: 9px; 
		right: 5px;
	}
	.all-menu .gnb-menus ul>li>a:hover {
		color: #2259B9;
		text-decoration: none;
	}
	.all-menu .gnb-menus ul>li>ul {
		display: none; 
		padding-top: 10px; 
		margin-left:0;
	}
	.all-menu .gnb-menus ul>li>ul>li {
		padding: 2px 0; 
		font-size: 14px;
	}
	.all-menu .gnb-menus ul>li>ul>li>a {
		color: #555; 
		font-weight: normal;
	}
	.all-menu .gnb-menus ul>li>ul>li>a:before {content: '- ';}
	.all-menu div.gnb-menus6 {margin-right: 0;}

	.submenu-line {position: absolute; top: 115px; left: 0; width: 100%; height: 1px; background: #E3E3E3; z-index: 100;}

	.sns-groups {
		position: absolute;
		top: 65px;
		right: 50%;
		margin-right: -600px;
		z-index: 100;

	}
	.sns-groups a { margin-left: 7px; }



	.footer {
	  clear: both; 
	  background: #F6F6F6; 
	  position: relative; 
	  z-index: 100; 
	 }
	.footer-util {
		width: 100%; 
		min-height: 64px;
		padding: 20px 0;
		background-color: #3D5070;
	}
	.footer-util p span {
		position: relative;
		padding: 0 10px 0 10px;
		font-size: 16px;
		color: #DDE4EF;
		letter-spacing: -0.8px;
	}
	.footer-util p span:before {
		content: ""; 
		position: absolute;
		top: 11px;
		left: 0;
		border-radius: 50%;
		width: 4px;
		height: 4px;
		background-color: #8D9CB5;
	}
	.footer address {
		color: #707070; 
		padding: 35px 0;
		margin-bottom: 0;
	}
	.footer-sns {
		position: absolute;
		top: 50px;
		right: 180px;
	}
	.footer-sns a { margin-left: 7px; }
	.footer .policy-btn {
		position: absolute;
		top: 30px;
		right: 0;
	}
	.footer .policy-btn a {
		display: block;
		width: 120px;
		padding-bottom: 5px;
		color: #707070;
		font-weight: bold;
		font-size: 14px;
		text-align: center;
		border-bottom: 1px solid #CBCBCB;
	}
	.footer .right-list {
		position: absolute; 
		top: 70px; 
		right: 0;
	}
	.footer dl {
		position: relative; 
		display: inline-block; 
		width: 120px; 
		height: 32px; 
		border-bottom: 1px solid #CBCBCB;
	 }
	.footer dl dt a {
		display: block; 
		padding-left: 10px;
		line-height: 32px; 
		color: #707070; 	
		font-weight: normal; 	
	}
	.footer dl dt a i {
		position: absolute; 
		top: 12px; 
		right: 10px;
		font-size: 16px;
	}
	.footer dl dd { 
		position:absolute; 
		display: none; 
		width:100%; 
		max-height:500px; 
		overflow-y:auto; 
		bottom:32px; 
		left:0; 
		padding:2px 0; 
		border:1px solid #CCC; 
		background:#FFF;
	}
	.footer dl dd a { 
		display:block; 
		padding:5px; 
		color: #555; 
	}

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

	#backtotop {
		position: fixed;
		bottom: 20px;
		right: 20px;
		z-index: 9999;
		width: 40px;
		height: 40px;
		padding-top: 18px;
		color: #fff;
		text-align: center;
		font-size: 12px;
		cursor: pointer;
		text-decoration: none;
		/*transition: opacity 0.2s ease-out;*/
		border-radius: 5px;
		box-shadow: 3px 5px 10px #373E5329;
		background-color: #2259B9;
		background-image: url(/pub/site/hallasan/images/2021/sub/angle_up.svg);
		background-repeat: no-repeat;
		background-position: center top 8px;
		opacity: 0;
	}
	#backtotop a {color: #fff;}
	#backtotop.show {
		opacity: 1;
	}


}




@media (min-width: 992px) and (max-width: 1199px) {

	.top-bar dl dd a {padding: 0 10px;}
	.header h1 {margin-left: -480px;}

	.gnb {width: 960px; margin-left: -480px; padding-left: 300px;}
	.gnb .gnb-menus {width: 13%;}
	.gnb .gnb-menus h3 a {font-size: 18px;}
	.all-menu {padding-left: 130px;}
	.all-menu .all-menus {width: 960px; padding-left: 230px;}
	.all-menu .gnb-menus {width: 12%;}
	.all-menu .gnb-menus h3 a {font-size: 18px;}

	.sns-groups {margin-right: -480px;}


}




@media (max-width: 991px) {

	.pc-only {display: none;}

	.header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 60px;
		box-shadow: 0px 3px 6px #00000029;
		background-color: #fff;
		z-index: 101;
	}
	.header .container { position: relative; }
	.header a { color: #333; }
	.header h1 {
		padding-top: 10px;
		padding-left: 20px;
		font-size: 0;
	}
	.header h1 a {
		display: inline-block;
		width: 200px;
		height: 40px;
		background:url(/pub/site/hallasan/images/2021/common/logo.png) no-repeat center; 
		background-size:100%; 
	}
	.header-menu-view {
		z-index: 10;
		position: absolute;
		top: 18px;
		right: 20px;
	}
	.m-menu {
		display: none;
		z-index: 101;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		margin-left: -100%;
		height: 100%;
		background-color: #F1F8FF;
		letter-spacing: -1px;
	}
	.m-menu-close {
		position: absolute;
		top: 0;
		right: 0;
	}
	.m-menu-close a {
		display: block;
		width: 60px;
		height: 60px;
		line-height: 60px;
		font-size: 26px;
		color: #00215B;
		text-align: center;
	}
	.top-bar {
		height: 60px;
		margin-top: 60px;
		line-height: 60px;
		padding: 0 20px;
		background: #fff;
		border-bottom: 1px solid #E3E3E3;
	}
	.site-util {display: none;}
	.top-util {
		font-size: 0;
	}
	.top-util > li {
		display: inline-block;
	}
	.top-util > li > a {
		color: #707070;
		font-size: 13px;
	}
	.top-util > li + li:before {
		content: "|";
		padding: 0 10px;
		color: #DFDFDF;
	}
	.top-util .dropdown-menu {
		min-width: 100px;
		top: 50px;
		left: 10px;
	}
	.top-util .visithalla-link {display: none;}  
	.gnb-menus h3 a {
		position: relative;
		display: block;
		width: 35%;
		padding: 15px 0 20px 20px;
		font-size: 16px;
		color: #000;
		z-index: 100;
	}
	.gnb-menus h3 a i {
		position: absolute;
		top: 21px;
		right: 10px;
	}
	.gnb-menus h3 a.active:after {
		content:'';
		position: absolute;
		bottom: 0;
		right: -10px;
		width: calc( 100% - 10px );
		height: 5px;
		background-color: #2259B9;
	}
	.gnb-menus h3 a:hover {text-decoration: none;}
	.gnb-submenu {
		display: none;
		position: absolute;
		top: 120px;
		right: 0;
		width: 65%;
		height: calc(100% - 50px);
		overflow-y: auto;
		padding: 0 20px 0 30px;
		background-color: #fff;
		z-index: 99;
	}
	.gnb-submenu.active {
		display: block;
	}
	.gnb-submenu :hover { text-decoration: none; }
	.gnb-submenu > ul { padding-top: 10px;  }
	.gnb-submenu > ul > li > a {
		position: relative;
		display: block;
		padding: 10px 5px;
		font-size: 15px;
		color: #000;
		border-bottom: 1px solid #E3E3E3;
	}
	.gnb-submenu > ul > li > a.active {
		color: #2259B9;
		border-bottom: 1px solid #2259B9;
	}
	.gnb-submenu > ul > li > a.active > i {
		display: block;
	}
	.gnb-submenu > ul > li > a.arrow-icon:after {
		position: absolute; 
		top: 10px; 
		right: 2px; 
		font-size: 16px;
		color: #707070;
		content:'\f107'; 
		font-family: "Font Awesome 5 Pro"; 
		font-weight: 400; 
	}
	.gnb-submenu > ul > li > a.active.arrow-icon:after {
		color: #2259B9;
		content:'\f106'; 
	}
	.gnb-submenu > ul > li > ul {
		display: none;
		padding: 10px;
		border-bottom: 1px solid #ddd;
	}
	.gnb-submenu > ul > li > ul.active {
		display: block;
	}
	.gnb-submenu > ul > li > ul > li { position: relative; }
	.gnb-submenu > ul > li > ul > li:before {
		content: '';
		position: absolute;
		top: 10px;
		left: 0;
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background-color: #D4E9FF;
	}
	.gnb-submenu > ul > li > ul > li > a {
		position: relative;
		display: block;
		font-size: 15px;
		padding: 3px 0 3px 20px;
	}
	.gnb-submenu > ul > li > ul > li > a.link i {
		top: 8px;
		font-size: 12px;
	}
	.gnb-submenu > ul > li > ul > li > a.active {
		color: #282375;
		text-decoration: underline;
	}
	.gnb-submenu > ul > li > ul > li > a > i {
		color: #282375;
	}
	.sns-groups {
		position: absolute;
		top: 15px;
		left: 3%;
		z-index: 100;
	}
	.sns-groups a { margin: 0 3px; }



	.footer {
	  clear: both; 
	  background: #F6F6F6; 
	  position: relative; 
	  z-index: 100; 
	 }
	.footer-util {
		width: 100%; 
		padding: 15px 40px;
		background-color: #3D5070;
	}
	.footer-util p span {
		position: relative;
		display: block;
		width: 100%;
		padding: 8px 12px;
		font-size: 13px;
		color: #DDE4EF;
	}
	.footer-util p span strong { float: right; }
	.footer-util p span:before {
		content: ""; 
		position: absolute;
		top: 15px;
		left: 0;
		border-radius: 50%;
		width: 4px;
		height: 4px;
		background-color: #8D9CB5;
	}
	.footer address {
		color: #707070; 
		font-size: 12px;
		padding: 25px 30px 120px;
		text-align: center;
		margin-bottom: 0;
	}
	.footer-sns {
		position: absolute;
		bottom: 70px;
		left: 0;
		width: 100%;
		text-align: center;
		z-index: 100;
	}
	.footer-sns a { margin: 0 3px; }
	.footer .policy-btn {
		position: absolute;
		bottom: 25px;
		left: 40px;
	}
	.footer .policy-btn a {
		display: block;
		width: 120px;
		padding-bottom: 5px;
		color: #707070;
		font-weight: bold;
		font-size: 14px;
		text-align: center;
		border-bottom: 1px solid #CBCBCB;
	}
	.footer .right-list {
		position: absolute; 
		bottom: 25px; 
		right: 40px;
	}
	.footer dl {
		position: relative; 
		display: inline-block; 
		width: 120px; 
		height: 32px; 
		border-bottom: 1px solid #CBCBCB;
	 }
	.footer dl dt a {
		display: block; 
		padding-left: 10px;
		line-height: 32px; 
		color: #707070; 	
		font-weight: normal; 	
	}
	.footer dl dt a i {
		position: absolute; 
		top: 12px; 
		right: 10px;
		font-size: 16px;
	}
	.footer dl dd { 
		position:absolute; 
		display: none; 
		width:100%; 
		max-height:500px; 
		overflow-y:auto; 
		bottom:32px; 
		left:0; 
		padding:2px 0; 
		border:1px solid #CCC; 
		background:#FFF;
	}
	.footer dl dd a { 
		display:block; 
		padding:5px; 
		color: #555; 
	}



	.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: 20px;
		right: 20px;
		z-index: 9999;
		width: 40px;
		height: 40px;
		padding-top: 18px;
		color: #fff;
		text-align: center;
		font-size: 12px;
		cursor: pointer;
		text-decoration: none;
		/*transition: opacity 0.2s ease-out;*/
		border-radius: 5px;
		box-shadow: 3px 5px 10px #373E5329;
		background-color: #2259B9;
		background-image: url(/pub/site/hallasan/images/2021/sub/angle_up.svg);
		background-repeat: no-repeat;
		background-position: center top 8px;
		opacity: 0;
	}
	#backtotop a {color: #fff;}
	#backtotop.show {
		opacity: 1;
	}

  
}