/*팝업*/
.main-popup {position: absolute; top: 160px; left: 100px; z-index: 99; width: 450px;}
.main-popup .popup-img {width: 100%;}
.main-popup .popup-img img {width: 100%;}
.main-popup  .popup-close {position: absolute; bottom: 5px; right: 10px;}
.main-popup .popup-close a {font-size: 16px; color: #fff;}
.main-popup .popup-today {background: #000; text-align: left; padding: 3px 20px 5px;}
.main-popup .popup-today input {margin: 0 5px 0 0;}
.main-popup .popup-today label {color: #fff; margin: 0;}
@media (max-width: 991px) { 
    .main-popup {position: absolute; top: 100px; left: 5%; width: 90%;}
} 



@media (min-width: 992px) {

	.m-only {display: none;}

	.header {margin-top: 50px;}

	.main-info {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 50px;
		background: #F1F8FF;
		z-index: 100;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	.main-info .info-txt {
		margin-top: 13px;
		display: inline-block;
		animation:text-scroll 35s linear infinite;
		-webkit-animation: text-scroll 35s linear infinite;
		-moz-animation: text-scroll 35s linear infinite;
		-ms-animation: text-scroll 35s linear infinite;
		-o-animation: text-scroll 35s linear infinite;
	}
	.main-info .info-txt a {
		display: inline-block;
		padding: 0 30px;
		color: #00215B;
		font-size: 16px;
		background-image: url(/pub/site/hallasan/images/2021/main/icon_txt_banner.svg);
		background-repeat: no-repeat;
		background-position: left center;
	}	
	.main-info .info-close {
		position: absolute;
		top: 13px;
		right: 0;
	}
	.main {
		background-image: url(/pub/site/hallasan/images/2021/main/bg_img03.svg);
		background-repeat: no-repeat;
		background-position: right -155px bottom;
		word-break: keep-all; 
	}
	.main h3 { letter-spacing: -1.4px; }
	.main-banner {
		position: relative;
		height: 310px;
		width: 100%;
		overflow: hidden;
	}
	.main-banner-list li {
		height: 310px; 
		width: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.main-banner-list li img {
		height: 100%;
		width: 100%;
	}
	.main-banner-list li a {
		display: block; 
		width: 100%; 
		height: 100%;
	}
	.main-banner-list li .container {z-index: 100;}
	.main-banner-list li .main-top-txt {
		margin-top: 60px;
		font-size: 16px;
		font-weight: bold;
		color: #fff;
		letter-spacing: 3.2px;
		line-height: 200%;
	}
	.main-banner-list li .main-top-txt span {
		font-weight: 100;
		font-size: 34px;
		letter-spacing: -1.7px;
	}
	.main-banner-list li .main-top-txt span strong {font-weight: 500;}
	.main-banner-list li .main-banner-bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(72, 76, 93, 0.25);
		z-index: 99;
	}
	
	.main-banner .main-top {
		position: absolute; 
		top: 55px; 
		left: 0; 
		width: 100%;
		z-index: 100;
	}
	.main-banner .main-banner-btn {
		position: absolute; 
		top: 170px; 
		left: 0; 
	}
	.main-banner .main-banner-btn .mb-pager {float: left;}
	.main-banner .main-banner-btn .mb-pager .bx-pager-item {
		float: left;
		margin-right: 5px;
	}
	.main-banner .main-banner-btn .mb-pager a {
		display: inline-block;
		width: 6px;
		height: 6px;
		font: 0/0 a;
		border-radius: 5px;
		border: 1px solid #fff;
	}
	.main-banner .main-banner-btn .mb-pager a.active {
		width: 14px;
		background-color: #fff;		
	}
	.main-banner .main-banner-btn .mb-btn-play {
		float: left;
		margin-left: 2px;
		padding-top: 6px;
	}
	.main-banner .bx-controls-direction {display: none;}

	.m-visithalla-link {display: none;}

	.main-bg {		
		position: relative;
		background-image: url(/pub/site/hallasan/images/2021/main/bg_img01.svg);
		background-repeat: no-repeat;
		background-position: left 90px top 150px;
	}
	.main-bg2 {		
		background-image: url(/pub/site/hallasan/images/2021/main/bg_img02.svg);
		background-repeat: no-repeat;
		background-position: left 135px top 535px;
	}
	.main-visit {
		position: relative;
		width: 100%;
		margin-top: 35px;
	}
	.main-visit .main-visit-title h3 {
		float: left;
		margin-bottom: 15px;
		font-size: 28px;
		font-weight: bold;
		color: #000;
	}
	.main-visit .main-visit-title .cctv-link {
		float: left;
		margin-left: 15px;
	}
	.main-visit .main-visit-title .cctv-link a {
		position: relative;
		display: inline-block;
		padding: 3px 15px 3px 45px;
		color: #fff;
		font-size: 15px;
		border-radius: 0 20px 20px 0;
		background-color: #00215B;
	}
	.main-visit .main-visit-title .cctv-link a i { margin-left: 5px; }
	.main-visit .main-visit-title .cctv-link a:before {
		content: '';
		position: absolute;
		top: -11px;
		left: -3px;
		width: 41px;
		height: 46px;
		background-image: url(/pub/site/hallasan/images/2021/main/img_cctv.svg);
		background-repeat: no-repeat;
		background-position: left center;
	}
	.main-visit .main-visit-title .text {
		clear: both;
		font-size: 15px;
		color: #707070;
	}
	.blue-txt {color: #2259B9;}
	.main-visit .main-visit-wrap {
		width: 100%;
		display: flex;
		margin-top: 20px;
	}
	.main-visit .main-visit-wrap a {
		display: block;
		width: calc( ( 100% - 24px ) / 7 );
		height: 240px;
		margin-left: 4px;
		padding-top: 25px;
		border: 1px solid #C6CBDC;
		border-radius: 10px;
		box-shadow: 0px 10px 15px #333E5329;
		background-color: #F8FCFF;
	}
	.main-visit .main-visit-wrap a:first-child { margin-left: 0; }
	.main-visit .main-visit-wrap a:hover {
		text-decoration: none;
		border: 1px solid #2259B9;
		box-shadow: 0px 10px 15px #333E5378;
		transition: 0.2s;
	}
	.main-visit .main-visit-wrap a:hover dt {color: #2259B9;}
	.main-visit .main-visit-list dt {
		padding-bottom: 7px;
		text-align: center;
		color: #000;
		font-size: 20px;
		/* font-family: 'S-CoreDream-6Bold'; */
	}
	.main-visit .main-visit-list .visit-time {
		margin-bottom: 15px;
		/* font-family: 'S-CoreDream-4Regular'; */
		font-size: 14px;
		color: #000;
		text-align: center;
		letter-spacing: -0.7px;
	}
	.main-visit .main-visit-list .situation {
		width: 65%;
		height: 50px;
		margin: 0 auto;
		padding-top: 15px;
		border-radius: 10px;
		text-align: center;
		color: #fff;
		font-size: 16px;
		/* font-family: 'S-CoreDream-6Bold'; */
		background-color: #2259B9;
	}
	.main-visit .main-visit-list .situation.part-ok,
	.main-visit .main-visit-list .situation.mountaintop {
		padding-top: 3px;
		background: #EE9450;
	}
	.main-visit .main-visit-list .situation.warning {
		padding-top: 3px;
		background: #EE5050;
	}
	.main-visit .main-visit-list .visit-road {
		display: block;
		width: 90%;
		margin: 0 auto;
		margin-top: 20px;
		/* font-family: 'S-CoreDream-4Regular'; */
		font-size: 12px;
		color: #000;
		text-align: center;
		letter-spacing: -0.7px;
		line-height: 27px;
	}
	.main-visit .main-visit-list .visit-road .road-label {
		display: inline-block;
		width: 100%;
		height: 22px;
		margin-bottom: 3px;
		vertical-align: middle;	
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		line-height: 21px;
		border-radius: 10px;
		border: 1px solid #D4DFF1;
		overflow: hidden;
	}
	.main-visit .main-visit-list .visit-road .arrow-txt {
		font-size: 6px;
	}
	.main-visit .main-visit-btns {
		position: absolute;
		top: 35px;
		right: 0;
	}
	.main-visit .main-visit-btns p { display: inline-block; }
	.main-visit .main-visit-btns a {
		display: inline-block;
		padding: 6px 30px 6px 15px;
		font-size: 15px;
		color: #707070;
		border-radius: 18px;
		border: 1px solid #D6D6D6;
		background-color: #fff;
		background-image: url(/pub/site/hallasan/images/2021/main/arrow-right-light.svg);
		background-repeat: no-repeat;
		background-position: right 13px center;
	}
	.main-visit .main-visit-btns a:hover {
		text-decoration: none;
		box-shadow: 0px 10px 15px #333E5378;
		transition: 0.2s;
	}
	.main-visit .main-visit-btns .main-weather { margin-right: 3px;	}
	.main-visit .main-visit-btns .main-weather a .hallasan-weather { 
		font-size: 15px; 
		color: #000;
	}
	.main-visit .main-visit-btns .main-weather a img { max-height: 22px; }
	.main-visit .main-visit-btns .map-down-btn a {
		color: #fff;
		border: 1px solid #2259B9;
		background-color: #2259B9;
		background-image: url(/pub/site/hallasan/images/2021/main/arrow-right-light-white.svg);
	}

	.main-hot {
		position: relative; 
		float: left; 
		width: 280px; 
		margin-top: 90px;
		margin-right: 20px;
	}
	.main-hot h3 {
		margin-bottom: 35px;
		font-size: 28px;
		color: #000;
		font-weight: bold;
	}
	.main-hot .main-hot-list {
		float: left; 
		width: 100%; 
		height: 280px;
		overflow: hidden;
	}
	.main-hot .main-hot-list li {
		background-size: 100% 100%; 
		height: 280px;
		border-radius: 30px;
		overflow: hidden;
	}
	.main-hot .main-hot-list a {
		display: block; 
		height: 100%; 
		width: 100%;
	}
	.main-hot .main-hot-btn {
		position: absolute; 
		top: 1px; 
		right: 25px; 
		font-size: 0; 
	}
	.main-hot .main-hot-btn .mh-pager,
	.main-hot .main-hot-btn .mh-btn-prev,
	.main-hot .main-hot-btn .mh-btn-play,
	.main-hot .main-hot-btn .mh-btn-next {
		display: inline-block; 
		vertical-align: top; 
		margin: 0 4px;
		color: #000; 
		font-size: 16px;
	}
	.main-hot .main-hot-btn .mh-pager { padding-top: 4px; }

	.main-gisdaejong {
		position: relative;
		float: left;
		width: 280px;
		height: 280px;
		margin-top: 155px;
		margin-right: 40px;
		border-radius: 30px;
		border: 1px solid #2259B9;
		background-color: #fff;
	}
	.main-gisdaejong a {
		display: block;
		width: 100%;
		height: 100%;
	}
	.main-gisdaejong a:hover {text-decoration: none;}
	.main-gisdaejong h3 {		
		padding: 30px 35px 40px;
		color: #000;
		font-size: 24px;
		font-weight: bold;
		line-height: 160%;
		background-image: url(/pub/site/hallasan/images/2021/main/arrow-right-light.svg);
		background-repeat: no-repeat;
		background-position: left 35px bottom;
		background-size: 16px;
	}
	.main-gisdaejong .gisdaejong-bg {
		display: block;
		width: 264px;
		height: 181px;
		position: absolute;
		right: -15px;
		bottom: -20px;
		background-image: url(/pub/site/hallasan/images/2021/main/gisdaejong.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	.main-board {
		position: relative;
		width: 43%;
		margin-left: 5%;
		float: left;
		margin-top: 90px;
	} 
	.main-board h3 {
		margin-bottom: 15px;
		font-size: 28px;
		color: #000;
		font-weight: 900;
	}
	.main-board h3 span {color: #2259B9;}
	.main-board ul li {
		float: left;
		width: 100%;
		padding: 25px 0 12px;
		border-bottom: 1px solid #D4DFF1 ;
	}
	.main-board ul li a {
		display: block;
		width: 80%;
		float: left;
		font-size: 16px;
		color: #000;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;  
	}
	.main-board ul li .date {
		float: right;
		text-align: right;
		width: 20%;
		color: #707070;
		font-size: 13px;
	}
	.main-board .more-btn {
		position: absolute;
		top: 0;
		left: 160px;
	}
	.main-boardbg {
		position: absolute;
		top: 405px;
		right: 0;
		width: 48%;
		height: 380px;
		border-radius: 50px 0 0 50px;
		background-color: #F1F8FF;
		z-index: -1;
	}

	.main-program {
		clear: both;
		position: relative;
		float: left;
		width: 50%;
		margin-top: 90px;
		margin-bottom: 30px;
	}
	.main-program h3 {
		margin-bottom: 30px;
		font-size: 28px;
		color: #000;
		font-weight: bold;
	}
	.main-program ul li {
		float: left;
		width: 46.6%;
		margin-right: 3.4%;
	}
	.main-program ul li .img {
		display: inline-block;
		width: 100%;
		height: 280px;
		margin-bottom: 15px;
		border-radius: 5px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.main-program ul li .txt {
		display: block;
		width: 100%;
		height: 57px;
		font-size: 20px;
		font-weight: bold;
		color: #000;
		letter-spacing: -1px;
		overflow: hidden;
		text-overflow:ellipsis;
		display:-webkit-box; 
		-webkit-line-clamp:2;
		-webkit-box-orient:vertical;
	}
	.main-program ul li .list-btn {
		display: inline-block;
		width: 90px;
		height: 27px;
		margin-top: 25px;
		padding: 3px 0 0 15px;
		border: 1px solid #D6D6D6;
		border-radius: 14px;
		font-size: 15px;
		color: #707070;
		background-image: url(/pub/site/hallasan/images/2021/main/arrow-right-light.svg);
		background-repeat: no-repeat;
		background-position: right 15px center ;
	}
	.main-program .more-btn {
		position: absolute;
		top: 0;
		left: 170px;
	}
	.main-media {
		position: relative;
		float: left;
		width: 50%;
		margin-top: 90px;
		margin-bottom: 30px;
	}
	.main-media h3 {
		margin-bottom: 30px;
		padding-left: 20px;
		font-size: 28px;
		color: #000;
		font-weight: bold;
	}
	.main-media .media-box {
		float: left;
		width: 46.6%;
		margin-left: 3.4%;
	}
	.main-media .media-box .img {
		display: inline-block;
		width: 100%;
		height: 280px;
		margin-bottom: 20px;
		border-radius: 5px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.main-media .media-box .img a {
		display: block;
		width: 100%;
		height: 100%;
	}
	.main-media .media-box h4 {
		width: 100%;
		font-size: 20px;
		font-weight: bold;
		color: #000;
	}
	.main-media .media-box h4 a {
		float: right;
		margin-top: -4px;
	}
	.main-media .media-box .txt {
		display: block;
		width: 100%;
		padding: 20px 0 15px;
		border-bottom: 1px solid #CBCBCB;
	}
	.main-media .media-box .txt a {
		display: block;
		width: 100%;
		font-size: 18px;
		color: #707070;
		letter-spacing: -0.9px;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis; 
	}
	.main-media .media-box .date {
		padding-top: 10px;
		font-size: 13px;
		color: #B5B5B5;
	}
	.main-media .more-btn {
		position: absolute;
		top: 0;
		left: 140px;
	}


}

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

	.main-visit .main-visit-wrap a { padding-top: 10px;	}
	.main-visit .main-visit-list dt { padding-bottom: 2px; }
	.main-visit .main-visit-list .visit-time {
		font-size: 13px;
		letter-spacing: -1px;
	}
	.main-visit .main-visit-list .visit-road { margin-top: 5px; }
	.main-visit .main-visit-list .visit-road .arrow-txt {display: none;}

	.main-hot {
		width: 225px;
		margin-right: 15px;
	}
	.main-hot .main-hot-list li {height: 225px;}
	.main-hot .main-hot-btn {right: -15px;}
	.main-gisdaejong {
		width: 225px;
		height: 225px;
		margin-right: 15px;
	}
	.main-gisdaejong h3 { padding: 20px 25px 30px; }
	.main-gisdaejong .gisdaejong-bg {
		width: 210px;
		height: 145px;
		background-size: 100%;
	}
	.main-board {
		width: 43%;
		margin-left: 4%;
	}
	.main-board h3 { margin-bottom: 10px; }
	.main-board ul li { padding: 17px 0 10px; }
	.main-boardbg { height: 350px; }
	.main-program ul li {
		width: 47%;
		margin-right: 3%;
	}
	.main-media .media-box {
		width: 47%;
		margin-left: 3%;
	}
	.main-program ul li .img {height: 225px;}
	.main-media .media-box .img {height: 225px;}

	

}

.back-bg {display: none;}

@media (max-width: 991px) {

	.header {margin-top: 35px;}

	.main-info {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 36px;
		background-color: #F1F8FF;
		z-index: 100;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	.main-info .info-txt {
		margin-top: 7px;
		display: inline-block;
		animation:text-scroll 35s linear infinite;
		-webkit-animation: text-scroll 35s linear infinite;
		-moz-animation: text-scroll 35s linear infinite;
		-ms-animation: text-scroll 35s linear infinite;
		-o-animation: text-scroll 35s linear infinite;
	}
	.main-info .info-txt a {
		display: inline-block;
		padding: 0 30px;
		color: #00215B;
		font-size: 14px;
		background-image: url(/pub/site/hallasan/images/2021/main/icon_txt_banner.svg);
		background-repeat: no-repeat;
		background-position: left center;
	}
	.main-info .info-close {
		position: absolute;
		top: 0;
		right: 0;
		width: 36px;
		height: 36px;
		padding-top: 6px;
		text-align: center;
		background-color: #F1F8FF;
	}
	.main {
		position: relative;
		word-break: keep-all; 
		margin-top: 95px;
	}
	.main h3 { letter-spacing: -1px; }
	.main-banner {
		position: relative;
		height: 180px;
		width: 100%;
		overflow: hidden;
	}
	.main-banner-list li {
		height: 180px; 
		width: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.main-banner-list li img {
		height: 100%;
		width: 100%;
	}
	.main-banner-list li a {
		display: block; 
		width: 100%; 
		height: 100%;
	}
	.main-banner-list li .container {
		position: relative;
		z-index: 100;
	}
	.main-banner-list li .main-top-txt {
		padding: 20px;
		font-size: 11px;
		font-weight: bold;
		color: #fff;
		letter-spacing: 2.2px;
		line-height: 200%;
	}
	.main-banner-list li .main-top-txt span {
		font-weight: 100;
		font-size: 20px;
		letter-spacing: -1px;
	}
	.main-banner-list li .main-top-txt span strong {font-weight: 500;}
	.main-banner-list li .main-banner-bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(72, 76, 93, 0.25);
		z-index: 99;
	}
	
	.main-banner .main-top {
		position: absolute; 
		top: 20px; 
		left: 20px; 
		width: 100%;
		z-index: 100;
	}
	.main-banner .main-banner-btn {
		position: absolute; 
		top: 100px; 
		left: 0; 
	}
	.main-banner .main-banner-btn .mb-pager {float: left;}
	.main-banner .main-banner-btn .mb-pager .bx-pager-item {
		float: left;
		margin-right: 5px;
	}
	.main-banner .main-banner-btn .mb-pager a {
		display: inline-block;
		width: 6px;
		height: 6px;
		font: 0/0 a;
		border-radius: 5px;
		border: 1px solid #fff;
	}
	.main-banner .main-banner-btn .mb-pager a.active {
		width: 14px;
		background-color: #fff;		
	}
	.main-banner .main-banner-btn .mb-btn-play {
		float: left;
		margin-left: 2px;
		padding-top: 6px;
	}
	.main-banner .bx-controls-direction {display: none;}

	.m-visithalla-link {
		position: absolute;
		top: 155px;
		left: 0;
		width: 100%;
		padding: 0 20px;
		text-align: center;
		z-index: 99;
	}
	.m-visithalla-link a {
		float: left;
		display: inline-block;
		width: 46%;
		margin: 0 2%;
		height: 45px;
		padding-top: 5px;
		line-height: 120%;
		text-align: center;
		color: #fff;
		font-size: 14px;
		border-radius: 25px;
		background-color: #EE5050;
		background-image:url(/pub/site/hallasan/images/2021/common/calendar-alt-light.svg); 
		background-repeat: no-repeat;
		background-position: 15px center;
	}

	.main-visit {
		position: relative;
		float: left;
		width: 100%;
		margin-top: 50px;
	}
	.main-visit .main-visit-title h3 {
		margin-bottom: 10px;
		text-align: center;
		font-size: 20px;
		font-weight: bold;
		color: #000;
	}
	.main-visit .main-visit-title .cctv-link {
		text-align: center;
		margin-bottom: 15px;
	}
	.main-visit .main-visit-title .cctv-link a {
		position: relative;
		display: inline-block;
		padding: 3px 15px 3px 45px;
		color: #fff;
		font-size: 14px;
		border-radius: 0 20px 20px 0;
		background-color: #00215B;
	}
	.main-visit .main-visit-title .cctv-link a i { margin-left: 5px; }
	.main-visit .main-visit-title .cctv-link a:before {
		content: '';
		position: absolute;
		top: -11px;
		left: -3px;
		width: 41px;
		height: 46px;
		background-image: url(/pub/site/hallasan/images/2021/main/img_cctv.svg);
		background-repeat: no-repeat;
		background-position: left center;
	}
	.main-visit .main-visit-title .text {
		text-align: center;
		font-size: 14px;
		color: #707070;
	}
	.blue-txt {color: #2259B9;}
	.m-visit-wrap {
		width: 100%;
		height: 290px;
		padding-left: 20px;
		overflow-x: scroll;
	}
	.main-visit .main-visit-wrap {
		width: 1200px;
		display: flex;
		margin-top: 20px;
	}
	.main-visit .main-visit-wrap a {
		display: block;
		width: calc( ( 100% - 24px ) / 7 );
		height: 240px;
		margin-left: 4px;
		padding-top: 25px;
		border: 1px solid #C6CBDC;
		border-radius: 10px;
		box-shadow: 0px 10px 15px #333E5329;
		background-color: #F8FCFF;
	}
	.main-visit .main-visit-wrap a:first-child { margin-left: 0; }
	.main-visit .main-visit-wrap a:hover {
		text-decoration: none;
		border: 1px solid #2259B9;
		box-shadow: 0px 10px 15px #333E5378;
		transition: 0.2s;
	}
	.main-visit .main-visit-wrap a:hover dt { color: #2259B9; }
	.main-visit .main-visit-list dt {
		padding-bottom: 7px;
		text-align: center;
		color: #000;
		font-size: 20px;
		/* font-family: 'S-CoreDream-6Bold'; */
	}
	.main-visit .main-visit-list .visit-time {
		margin-bottom: 15px;
		/* font-family: 'S-CoreDream-4Regular'; */
		font-size: 14px;
		color: #000;
		text-align: center;
		letter-spacing: -0.7px;
	}
	.main-visit .main-visit-list .situation {
		width: 65%;
		height: 50px;
		margin: 0 auto;
		padding-top: 15px;
		border-radius: 10px;
		text-align: center;
		color: #fff;
		font-size: 16px;
		/* font-family: 'S-CoreDream-6Bold'; */
		background-color: #2259B9;
	}
	.main-visit .main-visit-list .situation.part-ok,
	.main-visit .main-visit-list .situation.mountaintop {
		padding-top: 3px;
		background: #EE9450;
	}
	.main-visit .main-visit-list .situation.warning {
		padding-top: 3px;
		background: #EE5050;
	}
	.main-visit .main-visit-list .visit-road {
		display: block;
		width: 90%;
		margin: 0 auto;
		margin-top: 20px;
		/* font-family: 'S-CoreDream-4Regular'; */
		font-size: 12px;
		color: #000;
		text-align: center;
		letter-spacing: -0.7px;
		line-height: 27px;
	}
	.main-visit .main-visit-list .visit-road .road-label {
		display: inline-block;
		width: 100%;
		height: 22px;
		margin-bottom: 3px;
		vertical-align: middle;	
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		line-height: 20px;
		border-radius: 10px;
		border: 1px solid #D4DFF1;
		overflow: hidden;
	}
	.main-visit .main-visit-list .visit-road .arrow-txt {
		font-size: 6px;
	}
	.main-visit .main-visit-btns {
		position: relative;
		float: left;
		width: 100%;
		padding: 0 20px;
	}
	.main-visit .main-visit-btns p { 
		float: left;
		width: 46%;
		height: 45px;
		margin: 0 2%;
	}
	.main-visit .main-visit-btns a {
		display: inline-block;
		width: 100%;
		height: 100%;
		padding: 4px 30px 0 15px;
		font-size: 13px;
		color: #707070;
		border-radius: 24px;
		border: 1px solid #D6D6D6;
		background-color: #fff;
		background-image: url(/pub/site/hallasan/images/2021/main/arrow-right-light.svg);
		background-repeat: no-repeat;
		background-position: right 13px center;
	}
	.main-visit .main-visit-btns a:hover {
		text-decoration: none;
		box-shadow: 0px 10px 15px #333E5378;
		transition: 0.2s;
	}
	.main-visit .main-visit-btns .main-weather a { padding: 13px 30px 0 15px; }
	.main-visit .main-visit-btns .main-weather a .hallasan-weather { 
		display: block;
		color: #000;
	}	
	.main-visit .main-visit-btns .main-weather a img { max-height: 20px; }
	.main-visit .main-visit-btns .map-down-btn a {
		color: #fff;
		border: 1px solid #2259B9;
		background-color: #2259B9;
		background-image: url(/pub/site/hallasan/images/2021/main/arrow-right-light-white.svg);
	}

	.main-hot {
		position: relative; 
		float: left;
		width: 100%;
		margin-top: 40px;
		text-align: center;
	}
	.main-hot h3 { 
		margin-bottom: 15px;
		text-align: center;
		font-size: 20px;
		font-weight: bold;
		color: #000; 
	}
	.main-hot .bx-wrapper { margin: 0 auto; }
	.main-hot .main-hot-list {
		width: 100%; 
		height: 240px;
		overflow: hidden;
		text-align: center;
	}
	.main-hot .main-hot-list li {
		background-size: 100% 100%; 
		height: 240px;
		border-radius: 20px;
		overflow: hidden;
	}
	.main-hot .main-hot-list a {
		display: block; 
		height: 100%; 
		width: 100%;
		text-align: center;
	}
	.main-hot .main-hot-btn {
		position: absolute; 
		bottom: -50px; 
		width: 100%;
		text-align: center;
		font-size: 0; 
	}
	.main-hot .main-hot-btn .mh-pager,
	.main-hot .main-hot-btn .mh-btn-prev,
	.main-hot .main-hot-btn .mh-btn-play,
	.main-hot .main-hot-btn .mh-btn-next {
		display: inline-block; 
		vertical-align: top; 
		margin: 0 4px;
		color: #000; 
		font-size: 16px;
	}
	.main-hot .main-hot-btn .mh-pager { padding-top: 4px; }

	.main-gisdaejong {
		position: relative;
		float: left;
		width: 90%;
		height: 100px;
		margin: 80px 5% 0;
		border-radius: 20px;
		border: 1px solid #2259B9;
		background-color: #fff;
	}
	.main-gisdaejong a {
		display: block;
		width: 100%;
		height: 100%;
	}
	.main-gisdaejong a:hover {text-decoration: none;}
	.main-gisdaejong h3 {		
		padding: 15px 20px;
		color: #000;
		font-size: 18px;
		font-weight: bold;
		background-image: url(/pub/site/hallasan/images/2021/main/arrow-right-light.svg);
		background-repeat: no-repeat;
		background-position: left 210px center;
		background-size: 11px;
	}
	.main-gisdaejong h3 br { display: none; }
	.main-gisdaejong .gisdaejong-bg {
		display: inline-block;
		width: 100%;
		height: 100px;
		position: absolute;
		right: 0;
		bottom: -25px;
		background-image: url(/pub/site/hallasan/images/2021/main/m_gisdaejong.png);
		background-repeat: no-repeat;
		background-position: right center;
		background-size: auto 100%;
	}
	.main-board {
		float: left;
		position: relative;
		width: 100%;
		margin-top: 50px;
		padding: 0 20px 40px;
		background-color: #F1F8FF;
	} 
	.main-board h3 {
		margin-top: -10px;
		font-size: 20px;
		color: #000;
		font-weight: 900;
		text-align: center;
	}
	.main-board h3 span {color: #2259B9;}
	.main-board ul li {
		float: left;
		width: 100%;
		padding: 20px 0 10px;
		border-bottom: 1px solid #D4DFF1 ;
	}
	.main-board ul li a {
		display: block;
		width: 80%;
		float: left;
		font-size: 14px;
		color: #000;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;  
	}
	.main-board ul li .date {
		float: right;
		text-align: right;
		width: 20%;
		color: #707070;
		font-size: 12px;
	}
	.main-board .more-btn {
		position: absolute;
		top: -14px;
		right: 50%;
		margin-right: -90px;
	}

	.main-program {
		position: relative;
		float: left;
		width: 100%;
		margin-top: 30px;
	}
	.main-program h3 {
		margin-bottom: 20px;
		font-size: 20px;
		color: #000;
		text-align: center;
		font-weight: bold;
	}
	.main-program ul {
		float: left;
		width: 100%;
		padding: 0 1%;
	}
	.main-program ul li {
		float: left;
		width: 48%;
		margin: 0 1%;
		margin-bottom: 30px;
	}
	.main-program ul li a {
		display: block;
		width: 100%;
		height: 100%;
	}
	.main-program ul li .img {
		display: inline-block;
		width: 100%;
		padding-bottom: 100%;
		margin-bottom: 10px;
		border-radius: 5px;
		text-align: center;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.main-program ul li .txt {
		display: block;
		width: 100%;
		font-size: 16px;
		font-weight: bold;
		color: #000;
		letter-spacing: -1px;
		overflow: hidden;
		text-overflow:ellipsis;
		display:-webkit-box; 
		-webkit-line-clamp:2;
		-webkit-box-orient:vertical;
	}
	.main-program ul li .list-btn {
		display: inline-block;
		width: 90px;
		height: 27px;
		margin-top: 20px;
		padding: 3px 0 0 15px;
		border: 1px solid #D6D6D6;
		border-radius: 14px;
		font-size: 15px;
		color: #707070;
		background-image: url(/pub/site/hallasan/images/2021/main/arrow-right-light.svg);
		background-repeat: no-repeat;
		background-position: right 15px center ;
	}
	.main-program .more-btn {
		position: absolute;
		top: -4px;
		right: 50%;
		margin-right: -100px;
	}
	.main-media {
		position: relative;
		float: left;
		width: 100%;
		padding: 0 1%;
	}
	.main-media h3 {
		margin-bottom: 15px;
		font-size: 20px;
		color: #000;
		font-weight: bold;
		text-align: center;
	}
	.main-media .media-box {
		float: left;
		width: 48%;
		margin: 0 1%;
		margin-bottom: 30px;
	}
	.main-media .media-box .img {
		display: inline-block;
		width: 100%;
		padding-bottom: 100%;
		margin-bottom: 10px;
		border-radius: 5px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.main-media .media-box .img a {
		display: block;
		width: 100%;
		height: 100%;
	}
	.main-media .media-box h4 {
		width: 100%;
		font-size: 18px;
		font-weight: bold;
		color: #000;
	}
	.main-media .media-box h4 a {
		float: right;
		margin-top: -2px;
	}
	.main-media .media-box h4 a img {width: 25px;}
	.main-media .media-box .txt {
		display: block;
		width: 100%;
		padding: 10px 0;
		border-bottom: 1px solid #CBCBCB;
	}
	.main-media .media-box .txt a {
		display: block;
		width: 100%;
		font-size: 14px;
		color: #707070;
		letter-spacing: -0.9px;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis; 
	}
	.main-media .media-box .date {
		padding-top: 5px;
		font-size: 12px;
		color: #B5B5B5;
	}
	.main-media .more-btn {
		position: absolute;
		top: -4px;
		right: 50%;
		margin-right: -80px;
	}

	

}