@font-face{font-family:'KP CheonRiMa';src:url(../fonts/sbchollima.ttf) format('truetype');}
* { margin:0px; padding:0px; }
body{font-family: KP CheonRiMa,WKLGothic,Gulim,Dotum !important;}
img:hover {opacity: 1 !important; cursor: pointer !important;}
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track {background: #f1f1f1; }
::-webkit-scrollbar-thumb {background: #ccc; border-radius: 5px;}
::-webkit-scrollbar-thumb:hover {background: #bbb;cursor:pointer !important;}
.preloader {visibility: visible;position: fixed; width: 100% !important; height: 100% !important; background-color: #fff; top: 0px;right: 0px;bottom: 0px;left: 0px;z-index: 9998;vertical-align: middle; text-align: center; height: 100%; display: flex; display: -webkit-box; display: -ms-flexbox; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center;  margin: auto auto 0; align-items: center;}
.preloader .loader {color: #ffffff;display: flex; justify-content: center; text-align: center; align-items: center;z-index: 9999;width: 198px; height: 198px;background: url(../images/fancybox_loading.gif) no-repeat; }
/************  SF01 header *********************/	
div.TopMarkDate {padding:40px 0px 0px 0px;font:12px KP CheonRiMa,WKLGothic,Gulim,Dotum;float:left;color:#4276A7;}
div.TopSpan {padding:5px 0px 0px 0px;font:16px Arial Black;color:#637E98;float:right;}
div.TopLang {padding:10px 0px 20px 0px;font:12px KP CheonRiMa,WKLGothic,Gulim,Dotum;float:right;}
div.TopLang a {margin:0px 15px 0px 15px;font:12px KP CheonRiMa,WKLGothic,Gulim,Dotum; color:#4276A7; }
div.TopLang a:hover { TEXT-DECORATION: underline; color:#DF420B;}
div.TopLang a:active{}
.revo_Title nobr b {font-size:18px;}
.revo_Title i{color: #bc0305 !important;}
.revotit {font-family:KP CheonRiMa,WKLGothic,Gulim,Dotum; font-size: 2rem !important; color: white; letter-spacing: 4px; padding: 5px 3px 3px 3px; background-color: #bc0305; text-align: center;}
.revotit nobr b{font-size: 23px;}
#PathBar nobr b{font-size: 21px;}
#revoDIV {margin-top: 15px !important;}
.news_Title nobr b {font-size:22px;}
.revo_banner nobr b {font-size:18px;}
.news_revo_Head nobr b {font-size:18px;}
#mainDIV {position: relative;}
i{color: grey;}
.btn-default {font:11px KP CheonRiMa,WKLGothic,Gulim,Dotum; padding: 3px 6px !important;}
.form-control {font:12px KP CheonRiMa,WKLGothic,Gulim,Dotum; height: 26px !important; padding: 4px 6px !important;font-size: 12px !important;}
#newsDIV .media {font-family:KP CheonRiMa,WKLGothic,Gulim,Dotum; padding: 0px 5px 5px 15px; margin-left: 10px; margin-top:7px !important; border-bottom: 1px dotted #ccc;background: url(../images/arrow_right_hover.png) left 1em no-repeat; color: #45519e;}
#newsDIV .media-heading {margin-bottom: 0px !important;}
#newsDIV .media-heading a {font-size:14px; LINE-HEIGHT: 150%;text-align:justify;}
#newsDIV .media-heading a:hover {TEXT-DECORATION: underline;}
#newsDIV .media-heading a:active{}
.nav>li>a{position: relative; display: block;padding: 15px 14px !important;}
.maxArticleNumber {font:14px KP CheonRiMa,WKLGothic,Gulim,Dotum; color: #bc0305; padding-top: 5px;}
.maxArticleTitle {font-family:KP CheonRiMa,WKLGothic,Gulim,Dotum; padding: 3px 10px 5px 5px; margin-left: 10px; border-bottom: 1px dotted #ccc; color: #45519e;}
.maxArticleTitle a {TEXT-DECORATION: none; font-size:16px; LINE-HEIGHT: 150%;text-align:justify; color: #45519e;}
.maxArticleTitle a:hover {TEXT-DECORATION: none !important;}
.maxArticleTitle a:active{}
.maxArticleDT {font-family:KP CheonRiMa,WKLGothic,Gulim,Dotum; font-size:16px;text-align:justify; text-align: right;}
.media-heading i{color: grey;}
.centerTodayContainer {
	float:left;
	width:100%;height:338px;position:relative;overflow:auto;
	scrollbar-base-color:#F1F1F1;scrollbar-darkshadow-color:#F1F1F1;scrollbar-highlight-color:#F7F6F6;
	scrollbar-shadow-color:#BCB8B8;scrollbar-face-color:#F1F1F1;scrollbar-3dlight-color:#F1F1F1;
	scrollbar-base-color:#F1F1F1;scrollbar-arrow-color:#598056;
}
.leftFirstListTitle a{padding-top:8;padding-bottom:8;color:#FEEAA3;text-align:justify;line-height:150%;font:12px KP CheonRiMa,WKLGothic,Gulim,Dotum;}
.leftFirstListTitle a:hover {TEXT-DECORATION: underline;color:white;}
.leftFirstListTitle a:active{}
/************  footer *********************/	
div.scroll-to-top {opacity: .8; font-size: 3em; position: fixed; bottom: 20px; right: 30px; cursor: pointer; background-color: #fff; border-radius: 50%; display: none; width: .85em; height: .87em; z-index: 1;}
div.scroll-to-top a i{color: #055398;}
div.scroll-to-top a{TEXT-DECORATION: none}
div.scroll-to-top a i:hover {color:#bc0305;TEXT-DECORATION: none}
div.scroll-to-top a i:active{}
div#moveNews {padding-top: 15px;}
div#moveNews i{color: #055398; font-size: 1.5em; cursor: pointer;}
div.FooterContainer {clear:both;}
div.FooterMenu {float:left; }
div.FooterMenu p { font:12px KP CheonRiMa,WKLGothic,Gulim,Dotum; margin:15px 0px 5px 0px; text-align:left; line-height:20px; }
div.FooterMenu p a { padding:0px 15px 0px 15px; }
div.FooterTitle { float:left; height:50px; padding:15px 0px 0px 0px; font:16px arial; color:#fff; line-height:20px; }
div.FooterMark { opacity: 0.3; float:right; padding-top: 7px;}
/************  SF01 Article header *********************/	
div.ArticleHeaderContainer { margin-top:3px; width:100%; height:48px; background:url(../images/page_article_top_bg.PNG) repeat-x;}
div.ArticleMenuContainer { width:120px; height:46px; float:left;}
div.ArticleMenuDate { margin-left:10px; width:auto; height:auto; color:#23668A; float:left; font-family:Arial, Helvetica, sans-serif, "Times New Roman", Times, serif; font-size:12px;}
div.ArticleMark 	{ width:120px; height:31px; }
div.ArticleRightContainer { width:120px; height:46px; float:right;}
div.ArticleRightMark { margin-top:14px; width:auto; height:20px;float:right;}
/************  SF01 Article footer *********************/	
div.ArticleFooterContainer { width:100%; height:38px; background:url(../images/page_article_footer_bg.PNG) repeat-x; margin-top: 15px; margin-bottom: 15px;}
div.ArticleFooterCopy { width:100%; height:auto; margin-top:15px; font-size:12px; color:#666666; font-family:verdana,arial,sans-serif; float:left;text-align:center;}
/* Page Navigator */
ul.pager li.pager-current a{ color:#fea52f; }
ul.pager li.pager-first{ background:url( 'images/pager-first.gif' ) center center no-repeat; }
ul.pager li.pager-first a{ color:#FFFFFF; }
ul.pager li.pager-previous{ background:url( 'images/pager-prev.gif' ) center center no-repeat; }
ul.pager li.pager-previous a{ color:#FFFFFF; }
ul.pager li.pager-next{ background:url( 'images/pager-next.gif' ) center center no-repeat; }
ul.pager li.pager-next a{ color:#FFFFFF; }
ul.pager li.pager-last{ background:url( 'images/pager-last.gif' ) center center no-repeat; }
ul.pager li.pager-last a{ color:#FFFFFF; }

/* Top Page*/
div.TopClassBG {height:35px;padding-bottom:10px;background-image: url(../images/news_bg.PNG);}
div.TopClassTitleBG {float:left; padding-top: 7px; text-align:left;width:400px;height:35px;background: url(../images/news_mark.PNG) left no-repeat;}
span.TopClassTitle {padding-left:20px; font-size: 18px; font-family: KP CheonRiMa,WKLGothic,Gulim,Dotum; }
div.TopClassLink {float:right; padding-top:9px;width:100px;cursor: pointer; text-align: right; padding-right: 10px;}
div.TopClassLink a:hover { TEXT-DECORATION: none; color:#af0202;}
div.TopClassLink a:active{}
div.rightTopLink a:hover { TEXT-DECORATION: none; color:#af0202;}
div.rightTopLink a:active{}
div.rightTopTitle {font: 18px KP CheonRiMa,WKLGothic,Gulim,Dotum; height:35px; width:330px;color: #fff;padding:8px 0px 0px 10px;background-image: url(../images/max_news_bg.PNG);border-radius: 4px;border-top-left-radius: 4px 4px;border-top-right-radius: 4px 4px;border-bottom-right-radius: 4px 4px;border-bottom-left-radius: 4px 4px;}
div.rightTopSubTitle {width:270px;border-bottom:1pt dotted #333;padding-bottom:10px;margin-left:30px;margin-right:30px;}
div.rightTopSubTitle p{padding-top:10px;padding-right:20px;color: #455192;font: 14px KP CheonRiMa,WKLGothic,Gulim,Dotum; height:40px;color: #455192;}
div.rightTopLink a {color: #fff; float:right; width:50px;cursor: pointer; font-size:14px !important; padding-top:2px;}
#maxNewsList div{margin-left: 10px;margin-right: 10px;}
#maxNewsList ul li div{margin-left: 30px;margin-right: 80px;}
#maxNewsList ul li a{font-size: 14px; background: transparent !important; line-height: 150%; color: #004098 !important; }
#maxNewsList ul li {padding-top: 10px; padding-bottom: 10px; border-bottom: 1pt dotted #ccc; white-space: normal;width: auto;}
#maxNewsList ul li span.row_number{float: left; width: 30px; color: #af0202; font-size: 16px !important; text-align: center;}
#maxNewsList ul li span.ui-li-count{float: right; position: relative; width: 80px; color: grey; text-align: right; font-size: 13px; padding-right: 10px; top:-20px;}
.featureTitle {font-size:16px; font-family:KP CheonRiMa,WKLGothic,Gulim,Dotum;  text-align:center; color:#45519e;}
#FeatureTitleDIV {margin-top:5px; border-right-width: 1px; border-left-width: 1px;}
.featureTitle div nobr b{font-size:18px !important;}
#FeatureList .media {font-family:KP CheonRiMa,WKLGothic,Gulim,Dotum; padding: 0px 5px 5px 15px; margin-top:7px !important; border-bottom: 1px dotted #ccc;}
#FeatureList .media-heading {margin-bottom: 0px !important;}
#FeatureList .media-heading a {font-size:14px; LINE-HEIGHT: 150%;text-align:justify;}
#FeatureList .media-heading a:hover {TEXT-DECORATION: underline;}
#FeatureList .media-heading a:active{}
#FeatureList .media-body{padding-right: 5px !important;}
.featureBaner img {opacity: 1 !important;}
#mainNewsDIV .col-sm-7 {padding-right: 15px;}
#mainNewsListDIV, #NewsListDIV, #ThemeListDIV{margin-left: 10px;margin-right: 5px;}
#mainNewsListDIV ul li, #NewsListDIV ul li, #ThemeListDIV ul li{padding-top: 5px; padding-bottom: 5px; border-bottom: 1pt dotted #ccc; white-space: normal;width: auto; text-align: left;}
#mainNewsListDIV ul li div{margin-left:30px;}
#NewsListDIV ul li div{margin-left:30px;}
#NewsListDIV ul li, #ThemeListDIV ul li {padding-bottom: 20px;}
#NewsListDIV ul li span.news_date{margin-top: 0px !important;}
#NewsListDIV .row, #ThemeListDIV .row{padding-top: 7px; padding-bottom: 7px;}
#NewsListDIV .col-sm-11{text-align: left;}
#RevoListDIV .row a {font-size: 16px;}
#RevoListDIV .row a nobr b{font-size: 18px;}
#RevoListDIV .row{padding-top: 7px; padding-bottom: 7px; border-bottom: 1pt dotted #ccc; white-space: normal;width: auto; text-align: left;}
#RevoListDIV .news_date{float: right !important; text-align: right; padding-left: 0px !important; width: 120px !important;}
#ThemeListDIV .row{padding-top: 7px; padding-bottom: 7px;}
#ThemeListDIV ul li div{margin-left:30px; margin-right: 90px;}
#mainNewsListDIV ul li a, #NewsListDIV  ul li a, #ThemeListDIV  ul li a{font-size: 14px; background: transparent !important; line-height: 150%;}
#mainNewsListDIV ul li span.row_number, #NewsListDIV  ul li span.row_number, #ThemeListDIV  ul li span.row_number{float: left; width: 30px; font-size: 13px;}
#mainNewsListDIV ul li span.news_date, #NewsListDIV  ul li span.news_date, #ThemeListDIV  ul li span.news_date{float: right; width: 120px; color: grey; text-align: right; font-size: 13px; right: 5px; padding-top: 3px;}

/************  SF01 PDF  *********************/
span.PDFHead { text-align:center; font:14px KP CheonRiMa,WKLGothic,Gulim,Dotum; color:#2F4D6B;  }
span.PDFFooter { width:500px; text-align:center; font:12px KP CheonRiMa,WKLGothic,Gulim,Dotum; color:#666666;line-height:20px; }
span.PDFName { font:12px KP CheonRiMa,WKLGothic,Gulim,Dotum; color:#2F4D6B; }
span.PDFSize { font:12px KP CheonRiMa,WKLGothic,Gulim,Dotum; color:#2F4D6B; }
a.PDFView {color:#2F4D6B;TEXT-DECORATION: none; font-family:KP CheonRiMa,WKLGothic,Gulim,Dotum; font-size:12px; }
a.PDFView:hover {color:red;TEXT-DECORATION: underline}
a.PDFView:active {color:red;}
a.PDFDown {color:#2F4D6B;TEXT-DECORATION: none; font-family:KP CheonRiMa,WKLGothic,Gulim,Dotum; font-size:12px; }
a.PDFDown:hover {color:#2F4D6B;TEXT-DECORATION: underline}
a.PDFDown:active{}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {padding: 3px !important; border:0; vertical-align: middle !important;}
#myNavbar>ul>li>a {font-size: 1.2em; text-align: center; font-family:KP CheonRiMa,WKLGothic,Gulim,Dotum;}
.navbar-default{background-color:#055398 !important; border-color:#055398 !important; border-radius: 3px;}
.nav{padding-left: 0px !important;}
.navbar-nav{width: 100%;}
ul.navbar-nav div{display: flex; justify-content: center; text-align: center; align-items: center; float: left; cursor: pointer;}
ul.navbar-nav div:hover{background-color: #e7e7e7; color: #555 !important;}
.navbar-nav>.active, ul.navbar-nav div a:hover{color: #555 !important; background-color: #e7e7e7;}
.navbar-nav>.active>a{color: #555 !important; background-color: #e7e7e7;}
#myNavbar>ul>div>a {font-size: 1.2em; text-align: center; font-family:KP CheonRiMa,WKLGothic,Gulim,Dotum; color: #fff;padding-top: 12px !important;padding-bottom: 12px !important; width: 100%;}
.navbar {text-align:center !important;position: relative;min-height: 0px !important;margin-bottom: 0px !important;border: 1pt solid transparent;}
.revo_Title ul li {padding: 7px 10px 7px 20px; margin-left: 10px; border-bottom: 1px dotted #ccc;background: url(../images/revo_right_hover.png) left 1em no-repeat;}
.revo_Title a {TEXT-DECORATION: none !important; font-family:KP CheonRiMa,WKLGothic,Gulim,Dotum; font-size:16px; line-height: 22px;text-align:justify; color: #bc0305 !important;}
.revo_Title a:hover {TEXT-DECORATION: none !important; color:#055398 !important;}
.revo_Title a:active{}
.revo_list_Title {font-family:KP CheonRiMa,WKLGothic,Gulim,Dotum; font-size:16px;padding-left:10px;text-align:left;border-bottom:1px dotted #C7C8C6;color: #bc0305;}
.theme_list_Title {font-family:KP CheonRiMa,WKLGothic,Gulim,Dotum; font-size:14px;padding-left:10px;text-align:left;border-bottom:1px dotted #C7C8C6;color: #242f81;}
.revo_date {font-family:KP CheonRiMa,WKLGothic,Gulim,Dotum; font-size:13px; LINE-HEIGHT: 150%;text-align:justify; color: #bc0305;text-align: right;}
.revo_date i{font-size: 1.1em !important;}
.news_date i{font-size: 1.1em !important;}
#revoDIV .col-sm-7 {padding-left: 5px !important; padding-bottom: 10px !important;}
#revoDIV .col-sm-7 .revoPhotoBG{width: 100%;}
#revoDIV .col-sm-7 .revoPhotoBG img{cursor: none !important;}
.revo_banner {font-family:KP CheonRiMa,WKLGothic,Gulim,Dotum; font-size:16px; padding:5px; background-color: #bc0305; text-align: center !important;}
.revo_banner a{text-decoration:none !important; color: #fff !important;}
.revo_banner a:hover {color: #fff !important; text-decoration:none !important;}
.revo_banner a:active{}
.page_link a{TEXT-DECORATION: none;}
.page_link a:hover {TEXT-DECORATION: none !important;}
.page_link a:active{}
#specialNews{padding-bottom: 15px;}
#specialNewsList{box-shadow: 0px 0px 4px 0px rgba(196, 196, 196, 1);
    border-bottom: 1px solid #D8D8D8; border-left: 1px solid #D8D8D8;border-right: 1px solid #D8D8D8; padding: 10px;}
#specialNewsList .media-left img{width: 100px;}
#specialNewsList .media-heading{text-align: left;}
#specialNewsList .media-heading a {font-size: 14px;LINE-HEIGHT: 150%;text-align: justify;color: #45519e; }
#specialNewsDIV{margin-top:20px;border: 3pt solid #014a8b;}
#specialNewsDIV .specialBorder{margin: 2px; border:1pt solid #014a8b; padding: 10px; background-color: #e3e1ff;}
#PhotoView {padding-top: 10px;}
#PhotoView a{font-family:KP CheonRiMa,WKLGothic,Gulim,Dotum; font-size:16px; color: #bc0305;TEXT-DECORATION: none;}
#PhotoView a:hover {cursor:pointer; color:#005BAC; TEXT-DECORATION: underline !important;}
#PhotoView a:active{}
.news_date {float:right !important; width:120px; font-family:KP CheonRiMa,WKLGothic,Gulim,Dotum; font-size:13px;text-align: right;vertical-align: center; color: grey;}
.news_date i{font-size: 1em;}
.col-sm-3 {padding-right: 1px !important;padding-left: 1px !important;}
.thumbnail{border:0px !important;padding:2px !important; margin-bottom: 0px !important; background: transparent !important; margin-right: 3px;margin-bottom:0px !important;}
.thumbnail .ui-desc img{cursor: pointer !important;}
.ui-desc{ position: relative;}
.artDate{color: #e68b15; font-size: 13px; position: absolute; bottom: 2px; right: 5px;z-index: 1;}
.artDate:hover{text-decoration: none; color:white;}
.controlDiv{position: absolute; bottom: 0px; width: 100%;}
.photoCnt1{background-color: #000; font-size: 16px; opacity: .8; bottom: 2px; right: 44%; color: #ffa025; text-align: center; text-indent: 0 !important; padding: 2px 10px 2px 10px; border-radius: 2px;}
.photoCnt{position: absolute; background-color: #000; opacity: .8; bottom: 2px; right: 44%; color: #ffa025; text-align: center; text-indent: 0 !important; padding: 2px 10px 2px 10px; border-radius: 2px;}
.ui-new-img{position: absolute; }
img.fancybox-image:hover{opacity:1 !important;}
#peopleDIV .col-sm-6 .thumbnail span img {width:24px;height:11px;border:0px !important;}
#peopleListDIV{padding-left: 10px;}
#peopleListDIV  ul li{background: url(../images/icon-arrow-01.png) left 1em no-repeat; padding-top: 8px; padding-bottom: 8px; border-bottom: 1pt dotted #ccc; white-space: normal;width: auto; text-align: left;}
#peopleListDIV  ul li div{margin-left:15px;margin-right:95px;}
#peopleListDIV  ul li a{font-size: 14px; background: transparent !important; line-height: 150%;}
#peopleListDIV ul li span.news_date{float: right; width: 120px; color: grey; text-align: right; font-size: 13px;position: absolute; right: 5px; margin-top: -18px;}
#themePhotoDIV {margin-left: 0px !important;}
#themePhotoDIV .thumbnail {float:left; border-radius: 0px;}
#themePhotoDIV .thumbnail .photoLabel {position: relative; top: -26px;left: 0px;visibility: hidden;z-index: 1;}
#themePhotoDIV .thumbnail .photoLabelDesc {width:100%; white-space:nowrap; height:25px;background:url(../images/black-50.png); opacity: .8;}
#themePhotoDIV .thumbnail .photoLabelDesc h1 {font-size: 1em;font-family:KP CheonRiMa,WKLGothic,Gulim,Dotum;
	color: white;padding-left:5px;padding-top: 5px;margin:0px; background:url(../images/dt-border.png) no-repeat;
}
.caption {padding:5px !important;}
.caption .span-title {font-size: 14px; text-align: center;color: #000;margin-bottom:0px; text-indent: 0px !important;}
.caption .span-subtitle {font-size: 13px;text-align: center;color: grey; text-indent: 0px !important;}
.pagination{margin: 10px 0px !important;}
.pagination > li:first-child > a, .pagination > li:first-child > span {  margin-left: 0;border-top-left-radius: 0px !important;border-bottom-left-radius: 0px !important;}
.pagination > li {display: inline;font:14px KP CheonRiMa,WKLGothic,Gulim,Dotum;}
ul {list-style: none;}
#advanceDIV {padding-top:5px;}
#advanceDIV .col-sm-6 .thumbnail{float: left;margin-bottom: 0px; margin-bottom: 5px !important;}
#advanceDIV .row {margin-left: 0px !important;margin-right: 0px !important;}
#advanceDIV .col-sm-5 {padding-right: 0px !important;}
#advanceDIV .col-sm-6 {padding-right:3px !important;}
#advanceDIV .col-sm-7 {padding-left:20px;}
#advanceDIV .col-sm-7 .row {border-bottom: 1px dashed #e2e2e2;padding:5px 0px;}
#advanceDIV .span-title {font-size:14px;color: #000;text-align:left;margin-bottom:0px;}
.span-title img{width: 24px !important;height: 11px !important;border: 0px !important;}
#advanceDIV .span-subtitle {font-size:13px;color: grey;text-align:left;padding-left:10px;}
#advanceDIV .span-date{text-align: right; color: grey; font-size: 13px; margin-right: 25px;}
#beautyDIV span img {width:24px;height:11px;border:0px !important;}
#beautyDIV .media {font-family:KP CheonRiMa,WKLGothic,Gulim,Dotum; padding: 0px 5px 5px 5px; margin-top:7px !important; border-bottom: 1px dotted #ccc; list-style: none;}
#beautyDIV .media-heading {margin-bottom: 0px !important; text-align: left;}
#beautyDIV .media-heading a {font-size:14px; LINE-HEIGHT: 150%;text-align:justify;}
#beautyDIV .media-heading a:hover {TEXT-DECORATION: underline;}
#beautyDIV .media-heading a:active{}
#resortDIV .media {font-family:KP CheonRiMa,WKLGothic,Gulim,Dotum; padding: 0px 5px 5px 5px; margin-top:7px !important; border-bottom: 1px dotted #ccc; list-style: none;}
#resortDIV .media-heading {margin-bottom: 0px !important; text-align: left;}
#resortDIV .media-heading a {font-size:14px; LINE-HEIGHT: 150%;text-align:justify;}
#resortDIV .media-heading a:hover {TEXT-DECORATION: underline;}
#resortDIV .media-heading a:active{}
#resortDIV span img {width:24px;height:11px;border:0px !important;}
#customDIV {margin-bottom: 20px;-webkit-box-shadow: 0px 1px 4px 1px rgba(196, 196, 196, 1);	box-shadow: 0px 1px 4px 1px rgba(196, 196, 196, 1);
	border-bottom: 1px solid #D8D8D8; border-left: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8; -webkit-border-radius: 3px; 	border-radius: 3px;	padding-bottom: 10px; padding-left: 1px;
	padding-right: 1px;	padding-top: 1px; background-color: #FFFFFF;}
#customDIV .row {margin-left:5px !important;padding-bottom: 5px; padding-top: 5px;}
#customDIV .thumbnail{padding:0px;margin-bottom: 0px;}
#customDIV .col-sm-6 {padding-right:5px !important; padding-left: 2px;}
.row {margin-right: 0px !important;margin-left: 0px !important;}
.container { padding-right: 0px !important;padding-left:0px !important;}
#resortDIV {padding-top: 5px;}
#videoDIV, #customTDIV {padding-top:5px;}
#videoDIV .thumbnail, #customTDIV .thumbnail{float:left;}
#videoDIV p, #customTDIV p{text-indent: 0px !important;}
#videoDIV .caption .span-title, #customTDIV .caption .span-title {font-size: 14px;text-align: center; text-indent: 0px !important;}
#videoDIV .caption .span-subtitle, #customTDIV .caption .span-subtitle{font-size: 12px;text-align: center;color: #004098;}
#peopleDIV span.gallery_cal,#videoDIV span.gallery_cal,#customTDIV span.gallery_cal{color: grey; float: right; font-size: 14px;}
#TopvideoDIV .VideoTimeBG{right:0px !important;}
.VideoTimeBG{position: absolute; bottom:2px;right: 0px;height: 26px !important; width:75px; background: url(../images/video_player_time_bg.png) no-repeat; padding-left:15px;font-size:13px;padding-top:4px; color: #d2d2d2; opacity: .8;}
.photoCntBG{position: relative;height: 26px; top:-10px; width:58; background: url(../images/photo_cnt_bg.png); }
.photoCntText{padding-left:5px;font-size:14px;padding-top:3px; color: #d2d2d2;}
div.special_Title a{font: 2.2rem KP CheonRiMa,WKLGothic,Gulim,Dotum;color: #000080; line-height: 150%;}
div.special_Title a:hover{text-decoration: none; color: #bc0305;}
div.special_Title a:active{}
.RevoHeadP {padding:5px; font-size: 2rem; font-family: KP CheonRiMa,WKLGothic,Gulim,Dotum; color: #ff0000 !important;text-align: left;}
.RevoTitleP {font-size: 2.2rem; font-family:KP CheonRiMa,WKLGothic,Gulim,Dotum;color: #ff0000 !important;}
.HeadP {font-size: 1.8rem; font-family: KP CheonRiMa,WKLGothic,Gulim,Dotum;color: #0000ff;text-align: left;}
.TitleP {font-size: 2rem; font-family:KP CheonRiMa,WKLGothic,Gulim,Dotum;color: #0000ff !important;  text-align: center;}
.SubTitleP, .SSubTitleP {font-size: 1.8rem; font-family: KP CheonRiMa,WKLGothic,Gulim,Dotum;color: #0000ff;text-align: center;}
.TextP {text-align: justify; font-size: 1.8rem; font-family: KP CheonRiMa,WKLGothic,Gulim,Dotum;text-indent: 10pt;}
.MarkP {text-align: justify; color: #ff0000; font-size: 1.8rem; font-family: KP CheonRiMa,WKLGothic,Gulim,Dotum;text-indent: 10pt;}
.WriterP {text-align: right; font-size: 1.8rem; font-family: KP CheonRiMa,WKLGothic,Gulim,Dotum;text-indent: 10pt;}
.RevoTitleP nobr b, .TitleP nobr b{font-size: 2.4rem;}
.SubTitleP nobr b, .SSubTitleP nobr b {font-size: 2.2rem;}
.TextP nobr b, .MarkP nobr b, .WriterP nobr b {font-size: 2.2rem;}
div.mark_news_head{float: right; width:456px;}
.revo_img img {border: 1pt solid #bc0305 !important;}
p {line-height:150%; margin-bottom: 2px !important; margin-top: 2px !important;font-size: 1.4rem; font-family: KP CheonRiMa,WKLGothic,Gulim,Dotum;}
.date_news_list {padding-top: 10px;}
.date_news_list .row {padding:5px; border-bottom: 1px dotted #ccc;font-size: 14px; font-family: KP CheonRiMa,WKLGothic,Gulim,Dotum;}
.date_news_list .row .col-sm-3 p{text-indent: 0px !important;}
.date_news_list .row .col-sm-7 .media-body{padding-right: 40px;}
.date_news_list .row .col-sm-1{width: 40px; text-align: left !important;}
.date_news_list .row .news_date {text-align: right !important; width: 120px;}
.news_list_Head{color:grey;}
.news_list_subtitle{color:grey; font-size: 1.4rem !important;}
.news_list_subtitle nobr b{font-size: 1.6rem !important;}
#PathBar {margin-top: 10px; font-size: 16px; font-family: KP CheonRiMa,WKLGothic,Gulim,Dotum;width: 100%;border-bottom: 5px solid #005BAC;margin-bottom: 5;color: #005BAC; text-align: left; padding-left: 10px;}
#PathBar a {color: #005BAC;padding-left: 5px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;text-decoration: none !important;}
#PathBar a:hover {color: #bc0305 !important; text-decoration: none !important;}
#PathBar a:active{}
span.gallery_cal{margin-left: 10px; float: right; font-size: 14px; color: grey;}
span.gallery_cal i{font-size: 1em;}
.modal-content {width: 750px; height: 560px;}
#videoModal .modal-content {width: 720px;height:415px;}
.subBaner {border-top: 5px solid #005BAC;}
.subPhotoHead{background: url(../images/center_img_05.PNG) no-repeat; padding:5px 0px 0px 50px; font-size: 16px; font-family: KP CheonRiMa,WKLGothic,Gulim,Dotum;color: #005BAC; height: 40px; float: left; width: 150px;}
.subVideoHead{background: url(../images/center_img_06.PNG) no-repeat;padding:5px 0px 0px 50px; font-size: 16px; font-family: KP CheonRiMa,WKLGothic,Gulim,Dotum;color: #005BAC; float: left; width: 150px;}
#CenterView {width: 100%;display: block;margin-bottom: 5px;margin-top: 5px;}
#NewsList ul li div{margin-right: 100px; margin-left: 40px;}
#NewsList ul li {padding: 7px 10px 7px 10px;margin-left: 10px;border-bottom: 1px dotted #ccc;}
#NewsList ul li a {font-size: 1em;line-height: 1.2em;}
#NewsList ul li a:hover {color: #005BAC;text-decoration: none;}
#NewsList ul li a:active{}
#NewsList ul li .row_num{font-size: 14px;float: left;position: relative;}
#NewsList ul li .news_date{color: grey; font-size: 14px;float: right;padding-left: 5px;position: relative; top: -20;}
#srch_list {font: 13px KP CheonRiMa,WKLGothic,Gulim,Dotum;width: 100%;float: right; line-height: 150%;}
#srch_list ul li {padding: 7px 0px 20px 7px;border-bottom: 1px dotted #ccc;}
#srch_list ul li div {margin-left: 40px;}
#srch_list ul li a {font-size: 16px;line-height: 1.2em;}
#srch_list ul li a:hover {color: #005BAC;text-decoration: none;}
#srch_list ul li a:active{}
#srch_list i{font-size: 1em;}
#srch_list ul li .row_num{font-size: 16px;float: left;position: relative;}
#srch_list ul li .news_date{color: grey; font-size: 14px; padding-top: 3px;}
#customPanel .col-sm-6 .row {padding-bottom: 10px;}
#customPanel .thumbnail {padding: 0px;}
#customPanel .articleDIV {text-align: left !important;font-size: 13px;padding-left: 10px;}
#customPanel .articleDIV .row {padding-left: 5px;border-bottom: 1px dotted #ccc;margin-bottom: 5px;}
#customPanel .articleDIV .col-sm-1 {margin-left:10px;width: 25px;border-bottom: 0px !important;}
#customPanel .articleDIV img {padding-left: 5px;}
#customPanel .articleDIV .span-date {float: right;font-size: 12px;color: #7C8488;padding-top: 5px;}
#customPanel ul {text-align: center !important;}
#news_contents {margin-top: 10px;}
#news_contents #PathBar{margin-top: 0px !important;}
span a {margin-left: 10px;float: right;}
.News_Detail i{color: #055398;}
span i {font-size: 1em !important;}
.fancybox-skin{padding-bottom: 25px !important;}
.fancybox-skin a i{font-size: 1.5em !important; color: #055398;}
.fancybox-title span a:hover{text-decoration: none !important;}
.fancybox-title span a:active{}
a:hover{text-decoration: none !important;}
p.span-title:hover{ color: #23527c !important; cursor: pointer;}
.selected_news{color:#337AB7 !important;}
.s-group {font-size: 0.8em;color: #333;margin-left: 10px;margin-right: 10px;
padding: 7px;background: red;}
.NewsDetail {text-align: right;}
.s-g-4 {font-size: 0.9em;background-color: #AA9759; text-align:center !important;}
.NewsDetail span.NewsIcon {display: none;}
.NewsDetail span.NewsDate, .NewsSide {padding-right: 20px; font-size: 13px !important;text-shadow: 0 1px 0 rgba(255, 255, 255, .8);}
.NewsDetail span.NewsDate {background: #cfcfcf; text-align: center; padding: 5px;}
#RecentList ul li a {font-size: 0.9em;}
#RecentList ul li a i {font-size: 1em;color: #005bac;}
.news-view-guide {margin-top: 30px;background: #005bac;color: #FFF;padding: 10px;border-radius: 20px;}
.news-view-guide a {color: #FFF;text-shadow: none;}
.news-view-guide a:hover {text-shadow: 0 1px 0 #005bac;}
.news-view-news-list ul li {border-bottom: 1px dotted #73600b;display:inline-block;width:100%;}
.news-view-news-list-1 ul li a{width:100%;float:left;}
.f-l {float: left;}
span a {margin-left: 10px;float: right;}
.news-view-guide {color: white;}
label, p {color: black;}
.f-r {float: right;}
i {font-size: 0.9em;}
#photoDIV .new_news_img, #TopphotoDIV .new_news_img {background: url(../images/new_mark_ko.png) no-repeat; position: absolute; top: 0px;left: 0px; height: 42px;width: 42px; z-index: 1;}
#videoDIV .new_news_img, #TopvideoDIV .new_news_img {background: url(../images/new_mark_ko.png) no-repeat; position: absolute; top: 0px;left: 0px; height: 42px;width: 42px; z-index: 1;}
.fancybox-title {text-align: center !important;}
.mediaDesc{font-size: 15px; text-indent: 0px;}
.mediaWriter {font-size:14px; text-indent: 0px;font-family: KP CheonRiMa,WKLGothic,Gulim,Dotum; text-align:right;}
.mediaTitle {font-size:16px; text-indent: 0px;font-family: KP CheonRiMa,WKLGothic,Gulim,Dotum;}
.mediaSubTitle{font-size: 14px; text-indent: 0px;}
#btnText, #btnPhoto, #btnGallery, #btnVideo{top: 40%;} 
#btnText i, #btnVideo i, #btnPhoto i, #btnGallery i{font-size: 2.6rem; color: #fff;}
#btnText i {margin-left: -1px;}
#btnPhoto i, #btnVideo i, #btnGallery i {margin-left: -3px;}
.article-controls i{color: #fff !important;}
#ContDIV{width: 75% !important;}
@media all and (min-width: 360px){
	.revo_TitleDiv table>tbody>tr>td.revotit{width: 100% !important;}
	.date_news_list .media-left .ui-desc {width: 142px; height: 87px; border: 1pt solid #ddd; background-color: #fdfdfd;}
	#revoDIV .col-sm-7{padding-right: 5px !important;}
	#revoDIV .col-sm-7 .revo_banner{padding-right: 5px;}
	#mainNewsDIV .col-sm-8{padding-right: 0px !important;}
	#customDIV{padding-right: 0px;}
	#customDIV div.rightTopTitle{width:100% !important;}
	#customDIV{margin-top: 20px;}
	#topMarkDIV {float: left; margin-top: 2px; width: 146px !important;}	
	#topMarkDIV img{width: 140px !important;}
	div.TopMarkDate{float:left; width:150px; text-align: center;}
	#topLangDIV{float:right; height:85px;}
	#topLangDIV input{width:140px;}
	div.FooterTitle{padding: 5px !important; height:auto !important; width:100% !important;}
	div.FooterMark{padding-top: 0px !important;}
	div.FooterMark img{width:180px;}
	#revoDIV .col-sm-7 {padding-top: 20px !important;}
	#mainNewsDIV .col-sm-7{padding-right: 0px !important;}
}
@media all and (min-width: 480px){
	.revo_TitleDiv table>tbody>tr>td.revotit{width: 100% !important;}
	div.TopMarkDate{width:250px;}	
	#mainNewsDIV .col-sm-8{padding-right: 0px !important;}
	#customDIV{padding-right: 0px;}
	#customDIV div.rightTopTitle{width:100% !important;}
	#customDIV{margin-top: 20px;}
	#topMarkDIV {float: left; margin-top: 2px; width: 166px !important;}	
	#topMarkDIV img{width: 160px !important;}
	#topLangDIV{float:right; height:85px;}
	#topLangDIV input{width:140px;}
	div.FooterTitle{padding: 5px !important; height:auto !important; width:100% !important;}
	div.FooterMark{padding-top: 0px !important;}
	div.FooterMark img{width:180px;}
	#revoDIV .col-sm-7 {padding-top: 20px !important;}
}
@media all and (min-width: 600px){
	.revo_TitleDiv table>tbody>tr>td.tb_left{width: 12.5%;}
	.revo_TitleDiv table>tbody>tr>td.revotit{width: 75% !important;}
	div.TopMarkDate{float:left; width:300px; text-align: center;padding:40px 0px 0px 0px !important;}
	#revoDIV .col-sm-7 {padding-top: 20px !important;}
	#topMarkDIV {float: left; margin-top: 2px; width: 186px !important;}	
	#topMarkDIV img{width: 180px !important;}
}
.media-right{padding-left: 0px !important;}
.media-body, .media-left, .media-right{vertical-align:middle !important;}
.revo_TitleDiv{position: absolute; width: 100%;}	
@media all and (min-width: 768px){
	.container{width: 100% !important;}
	.revo_TitleDiv table>tbody>tr>td.tb_left{width: 17.5%;}
	.revo_TitleDiv table>tbody>tr>td.revotit{width: 65% !important;}
	.FeatureTitle nobr b {font-size: 18px !important;}
	#revoDIV .col-sm-7 {padding-top: 25px !important;}
	#revoDIV .col-sm-5 {padding-top: 20px !important;}
	#peopleDIV {padding-top: 5px;}	
	#peopleDIV .thumbnail {width:100%;} 
	#customDIV .thumbnail {width:100%;} 
	#mainNewsDIV .col-sm-8{padding-right: 15px !important;}
	#topLangDIV{float:right; height:85px;}
	#topLangDIV input{width:140px;}
	div.FooterTitle { float:left; height:50px !important; padding:15px 0px 0px 0px !important; width:70% !important; text-align: left;}
	div.FooterMark{padding-top: 7px !important;}
	div.FooterMark img{width:auto;}
	#customDIV{margin-top: 0px !important;}
	#mainNewsDIV .col-sm-7 {padding-right: 15px !important;}
}
@media screen and (min-width: 1024px){
	.container{width: 1000px !important;}
	#revoDIV .col-sm-7 {padding-top: 30px !important;}
	#revoDIV .col-sm-5 {padding-top: 25px !important;}
	.revo_TitleDiv table>tbody>tr>td.tb_left{width: 25%;}
	.revo_TitleDiv table>tbody>tr>td.revotit{width: 50% !important;}
	span.TopClassTitle {font-size:1.8rem !important;}
	#TopvideoDIV .thumbnail, #TopphotoDIV .thumbnail, #videoDIV .thumbnail, #photoDIV .thumbnail, #customTDIV .thumbnail{margin-bottom: 8px !important; padding-top: 5px !important;}
	#topLangDIV{float:right; height:85px;}
	#topLangDIV input{width:200px;}
	#themePhotoDIV .thumbnail{ height: 156px; margin-right: 5;}
	#TopvideoDIV .thumbnail .ui-desc, #videoDIV .thumbnail .ui-desc, #TopphotoDIV .thumbnail .ui-desc, #photoDIV .thumbnail .ui-desc, #customTDIV .thumbnail .ui-desc, #peopleDIV .col-sm-6 .ui-desc, #advanceDIV .col-sm-6 .ui-desc, #themeDIV .thumbnail .ui-desc, #themePhotoDIV .thumbnail .ui-desc {width:470px; height: 148px; overflow:hidden;text-align:center;display:table-cell;vertical-align:middle; border: 1pt solid #ddd; background-color: #fdfdfd; text-align: center; cursor: pointer;}
	#customDIV .thumbnail .ui-desc{width: 244px; height: 96px; overflow:hidden;text-align:center;display:table-cell;vertical-align:middle; border: 1pt solid #ddd; background-color: #fdfdfd; text-align: center;}	
	#customDIV{margin-top: 0px !important;}
	#beautyDIV .media-left .ui-desc, #resortDIV .media-left .ui-desc, .date_news_list .media-left .ui-desc, #themeDIV .media-right .ui-desc, #FeatureList .media-right .ui-desc, #mainNewsDIV .media-left .ui-desc, .date_news_list .media-left .ui-desc, #specialNewsDIV .media-left .ui-desc, #advanceDIV .col-sm-7 .col-sm-4 .ui-desc {width: 162px; height: 98px; border: 1pt solid #ddd; background-color: #fdfdfd;}
	#themePhotoDIV .ui-image{overflow:hidden;text-align:center;display:table-cell;vertical-align:middle; border: 1pt solid #ddd; background-color: #fdfdfd; text-align: center;}
	#advanceDIV .col-sm-7 .col-sm-8 a {vertical-align: middle;}
	#mainNewsDIV .col-sm-7 {padding-right: 15px !important;}
	p{font-size: 1.6rem;}
	.HeadP, .SubTitleP{font-size: 1.8rem;}
	.TitleP{font-size: 2rem;}
	.RevoTitleP nobr b, .TitleP nobr b{font-size: 2.2rem;}
	.HeadP nobr b, .SubTitleP nobr b, .SSubTitleP nobr b {font-size: 2rem;}
	.TextP nobr b, .MarkP nobr b, .WriterP nobr b{font-size: 2rem;}
	a, h4, #PathBar, .col-sm-7 .media-body{font-size: 1.6rem !important;}
	.news_list_subtitle{color:grey; font-size: 1.4rem !important;}
	.news_list_subtitle nobr b{font-size: 1.6rem !important;}
	.TopLang a{font-size: 1.4rem !important;}
	span, .revo_date, .news_date, .gallery_cal, .span-date, .artDate{font-size: 1.4rem !important;}
	div.scroll-to-top a i{font-size: 3.5rem !important;}
	a.goTop1 i{font-size: 3rem !important;}	
	#btnPhoto i, #btnVideo i {margin-left: -4px;}
	.featureTitle nobr b{font-size: 18px !important;}
}
@media screen and (min-width: 1380px){
	.container{width: 1000px !important;}
	#ContDIV{width: 1000px !important;}
	.revo_TitleDiv table>tbody>tr>td.tb_left{width: 25%;}
	.revo_TitleDiv table>tbody>tr>td.revotit{width: 50% !important;}
	div.TopClassTitleBG{padding-top: 7px;}
	span.TopClassTitle {font-size:1.8rem !important; }
	.featureTitle{font-size:1.8rem !important;}
	.featureTitle nobr b{font-size:2rem !important;}
	#themePhotoDIV .thumbnail{ height: 164px;}
	#TopvideoDIV .thumbnail .ui-desc, #videoDIV .thumbnail .ui-desc, #TopphotoDIV .thumbnail .ui-desc, #photoDIV .thumbnail .ui-desc, #customTDIV .thumbnail .ui-desc, #peopleDIV .col-sm-6 .ui-desc, #themePhotoDIV .thumbnail .ui-desc {width:470px; height: 157px;}
	#advanceDIV .col-sm-6 .ui-desc{width: 470px; height: 131px;}	
	#customDIV .thumbnail .ui-desc{width: 244px; height: 100px;}	
	#beautyDIV .media-left .ui-desc, #resortDIV .media-left .ui-desc, .date_news_list .media-left .ui-desc, #themeDIV .media-right .ui-desc, #FeatureList .media-right .ui-desc, #mainNewsDIV .media-left .ui-desc, .date_news_list .media-left .ui-desc, #specialNewsDIV .media-left .ui-desc, #advanceDIV .col-sm-7 .col-sm-4 .ui-desc {width: 176px; height: 105px;}
	.TopMarkDate{width: 370px !important;}
	.pagination li a{font-size: 1.4rem !important;}
	p.span-title{font-size: 1.6rem !important;}	
	p.span-subtitle{font-size: 1.4rem !important;}	
	p.span-title nobr b{font-size: 1.8rem !important;}
	p.span-subtitle nobr b{font-size: 1.6rem !important;}		
	a, h4, #PathBar, .col-sm-7 .media-body{font-size: 1.6rem !important;}
	.news_list_subtitle{color:grey; font-size: 1.6rem !important;}
	.news_list_subtitle nobr b{font-size: 1.8rem !important;}
	p{font-size: 1.8rem;}
	.HeadP, .SubTitleP{font-size: 1.8rem;}
	.TitleP{font-size: 2rem;}
	.RevoTitleP nobr b, .TitleP nobr b{font-size: 2.2rem;}
	.HeadP nobr b, .SubTitleP nobr b, .SSubTitleP nobr b {font-size: 2rem;}
	.TextP nobr b, .MarkP nobr b, .WriterP nobr b{font-size: 2rem;}
	a nobr b, h4 nobr b{font-size: 1.8rem !important;}
	.revotit{font-size: 2rem !important;}
	.revotit nobr b{font-size: 2.4rem !important;}
	.date_news_list .row p{font-size: 1.4rem !important;}
	.TopLang a{font-size: 1.4rem !important;}
	span, .revo_date, .news_date, .gallery_cal, .span-date, .artDate{font-size: 1.4rem !important;}
	div.scroll-to-top a i{font-size: 3.5rem !important;}
	a.goTop1 i{font-size: 3rem !important;}	
	#btnPhoto i, #btnVideo i {margin-left: -4px;}
}

@media screen and (min-width: 1600px){
	.container{width: 1196px !important;}
	#ContDIV{width: 1164px !important;}
	#revoDIV .col-sm-7 {padding-top: 40px !important;}
	#revoDIV .col-sm-5 {padding-top: 35px !important;}
	div.TopClassTitleBG{padding-top: 4px;}
	.revo_TitleDiv table>tbody>tr>td.tb_left{width: 30%;}
	.revo_TitleDiv table>tbody>tr>td.revotit{width: 40% !important;}
	span.TopClassTitle {font-size:2rem !important; }
	.featureTitle{font-size:2rem !important;}
	.featureTitle nobr b{font-size:2.2rem !important;}
	#themePhotoDIV .thumbnail{ height: 183px;}
	#TopvideoDIV .thumbnail .ui-desc, #videoDIV .thumbnail .ui-desc, #TopphotoDIV .thumbnail .ui-desc, #photoDIV .thumbnail .ui-desc, #customTDIV .thumbnail .ui-desc, #peopleDIV .col-sm-6 .ui-desc, #themePhotoDIV .thumbnail .ui-desc {width:470px; height: 175px;}
	#advanceDIV .col-sm-6 .ui-desc{width: 470px; height: 175px;}	
	#customDIV .thumbnail .ui-desc{width: 244px; height: 113px;}	
	#beautyDIV .media-left .ui-desc, #resortDIV .media-left .ui-desc, .date_news_list .media-left .ui-desc, #themeDIV .media-right .ui-desc, #FeatureList .media-right .ui-desc, #mainNewsDIV .media-left .ui-desc, .date_news_list .media-left .ui-desc, #specialNewsDIV .media-left .ui-desc, #advanceDIV .col-sm-7 .col-sm-4 .ui-desc {width: 176px; height: 105px;}
	#peopleListDIV ul li div {margin-right: 115px;}
	.pagination li a{font-size: 1.4rem !important;}
	p.span-title{font-size: 1.8rem !important;}	
	p.span-subtitle{font-size: 1.6rem !important;}	
	p.span-title nobr b{font-size: 2rem !important;}
	p.span-subtitle nobr b{font-size: 1.8rem !important;}		
	a, h4, #PathBar, .col-sm-7 .media-body{font-size: 1.8rem !important;}
	a nobr b, h4 nobr b, #PathBar nobr b{font-size: 2rem !important;}
	.news_list_subtitle{color:grey; font-size: 1.6rem !important;}
	.news_list_subtitle nobr b{font-size: 1.8rem !important;}
	p{font-size: 1.8rem;}
	.HeadP, .SubTitleP{font-size: 2rem;}
	.TitleP{font-size: 2.2rem;}
	.RevoTitleP nobr b, .TitleP nobr b{font-size: 2.4rem;}
	.HeadP nobr b, .SubTitleP nobr b, .SSubTitleP nobr b {font-size: 2rem;}
	.TextP, .MarkP, .WriterP{font-size: 1.8rem;}
	.TextP nobr b, .MarkP nobr b, .WriterP nobr b{font-size: 2rem;}
	.revotit{font-size: 2rem !important;}
	.revotit nobr b{font-size: 2.4rem !important;}
	.date_news_list .row p{font-size: 1.6rem !important;}
	.TopLang a{font-size: 1.6rem !important;}
	span, .revo_date, .news_date, .gallery_cal, .span-date, .artDate{font-size: 1.6rem !important;}
	div.scroll-to-top a i{font-size: 4rem !important;}
	a.goTop1 i{font-size: 3rem !important;}	
	#btnPhoto i, #btnVideo i {margin-left: -4px;}
}
@media screen and (min-width: 1900px){
	.container{width: 1436px !important;}
	#ContDIV{width: 1400px !important;}
	#revoDIV .col-sm-7 {padding-top: 40px !important;}
	#revoDIV .col-sm-5 {padding-top: 35px !important;}
	div.TopClassTitleBG{padding-top: 4px;}
	.revo_TitleDiv table>tbody>tr>td.tb_left{width: 30%;}
	.revo_TitleDiv table>tbody>tr>td.revotit{width: 40% !important;}
	span.TopClassTitle {font-size:2.2rem !important; }
	.featureTitle{font-size:2.2rem !important;}
	.featureTitle nobr b{font-size:2.4rem !important;}
	#themePhotoDIV .thumbnail{ height: 226px;}
	#TopvideoDIV .thumbnail .ui-desc, #videoDIV .thumbnail .ui-desc, #TopphotoDIV .thumbnail .ui-desc, #photoDIV .thumbnail .ui-desc, #customTDIV .thumbnail .ui-desc, #peopleDIV .col-sm-6 .ui-desc, #themePhotoDIV .thumbnail .ui-desc {width:470px; height: 218px;}
	#advanceDIV .col-sm-6 .ui-desc{width: 470px; height: 175px;}	
	#customDIV .thumbnail .ui-desc{width: 244px; height: 138px;}	
	#travelDIV .thumbnail .ui-desc{width: 230px; height: 175px;}	
	#beautyDIV .media-left .ui-desc, #resortDIV .media-left .ui-desc, .date_news_list .media-left .ui-desc, #themeDIV .media-right .ui-desc, #FeatureList .media-right .ui-desc, #mainNewsDIV .media-left .ui-desc, .date_news_list .media-left .ui-desc, #specialNewsDIV .media-left .ui-desc, #advanceDIV .col-sm-7 .col-sm-4 .ui-desc {width: 220px; height: 132px;}
	.pagination li a{font-size: 1.4rem !important;}
	p.span-title{font-size: 1.8rem !important;}	
	p.span-subtitle{font-size: 1.6rem !important;}	
	p.span-title nobr b{font-size: 2rem !important;}
	p.span-subtitle nobr b{font-size: 1.8rem !important;}		
	a, h4, #PathBar, .col-sm-7 .media-body{font-size: 2rem !important;}	
	a nobr b, h4 nobr b, #PathBar nobr b{font-size: 2.2rem !important;}
	.date_news_list .row p{font-size: 1.8rem !important;}
	.revo_banner nobr b {font-size:2.2rem !important;}
	.news_list_subtitle{color:grey; font-size: 1.8rem !important;}
	.news_list_subtitle nobr b{font-size: 2rem !important;}
	p{font-size: 2rem;}
	.HeadP, .SubTitleP{font-size: 2.2rem;}
	.TitleP{font-size: 2.4rem;}
	.RevoTitleP nobr b, .TitleP nobr b{font-size: 2.6rem;}
	.HeadP nobr b, .SubTitleP nobr b, .SSubTitleP nobr b {font-size: 2.2rem;}
	.TextP, .MarkP, .WriterP{font-size: 2rem;}
	.TextP nobr b, .MarkP nobr b, .WriterP nobr b{font-size: 2.2rem;}
	.revotit{font-size: 2.2rem !important;}
	.revotit nobr b{font-size: 2.6rem !important;}
	.date_news_list .row .col-sm-3 p{font-size: 1.8rem !important;}
	.TopLang a{font-size: 1.6rem !important;}
	span, .revo_date, .news_date, .gallery_cal, .span-date, .artDate{font-size: 1.6rem !important;}
	div.scroll-to-top a i{font-size: 4.5rem !important;}
	a.goTop1 i{font-size: 3.5rem !important;}	
	#btnPhoto i, #btnVideo i {margin-left: -4px;}
	#article-homepage, #article-date{font-size: 1.6rem !important;}
	#mainNewsListDIV ul li i, #NewsListDIV ul li i, #ThemeListDIV ul li i, .media-body i{font-size: 2rem !important;}
	div.TopClassLink {padding-top:5px !important;}
}
@media screen and (min-width: 2048px){
	.container{width: 1532px !important;}
	#ContDIV{width: 1500px !important;}
	.revo_Title a{line-height: 30px;}
	div.TopClassTitleBG{padding-top: 2px;}
	span.TopClassTitle {font-size:2.4rem !important; }
	div.TopClassLink{padding-top: 2px;}
	.featureTitle{font-size:2.4rem !important;}
	.featureTitle nobr b{font-size:2.6rem !important;}
	#themePhotoDIV .thumbnail{ height: 237px;}
	#TopvideoDIV .thumbnail .ui-desc, #videoDIV .thumbnail .ui-desc, #TopphotoDIV .thumbnail .ui-desc, #photoDIV .thumbnail .ui-desc, #customTDIV .thumbnail .ui-desc, #peopleDIV .col-sm-6 .ui-desc, #advanceDIV .col-sm-6 .ui-desc, #themeDIV .thumbnail .ui-desc, #themePhotoDIV .thumbnail .ui-desc {width:470px; height: 227px;}
	#customDIV .thumbnail .ui-desc{width: 304px; height: 144px;}
	#travelDIV .thumbnail .ui-desc{width: 230px; height: 150px;}
	#beautyDIV .media-left .ui-desc, #resortDIV .media-left .ui-desc, .date_news_list .media-left .ui-desc, #themeDIV .media-right .ui-desc, #FeatureList .media-right .ui-desc, #mainNewsDIV .media-left .ui-desc, .date_news_list .media-left .ui-desc, #specialNewsDIV .media-left .ui-desc, #advanceDIV .col-sm-7 .col-sm-4 .ui-desc {width: 271px; height: 165px;}
	.TopMarkDate{width: 400px;}
	p.span-title{font-size: 2.2rem !important;}	
	p.span-subtitle{font-size: 2rem !important; line-height: 22px;}	
	p.span-title nobr b{font-size: 2.4rem !important;}
	p.span-subtitle nobr b{font-size: 2.2rem !important;}
	a, h4, #PathBar, .col-sm-7 .media-body{font-size: 2.2rem !important;}
	a nobr b, h4 nobr b, #PathBar nobr b{font-size: 2.4rem !important;}
	.date_news_list .row p{font-size: 2rem !important;}
	p{font-size: 2.4rem;}
	.HeadP, .SubTitleP{font-size: 2.4rem;}
	.TitleP{font-size: 2.6rem;}
	.TextP, .MarkP, .WriterP{font-size: 2.2rem;}
	.RevoTitleP nobr b, .TitleP nobr b{font-size: 2.8rem;}
	.HeadP nobr b, .SubTitleP nobr b, .SSubTitleP nobr b {font-size: 2.6rem;}
	.TextP nobr b, .MarkP nobr b, .WriterP nobr b{font-size: 2.4rem;}
	.revotit{font-size: 2.2rem !important;}
	.revotit nobr b{font-size: 2.6rem !important;}
	.date_news_list .row .col-sm-3 p{font-size: 2.3rem !important;}
	.TopLang a{font-size: 2rem !important;}
	#NewsListDIV ul li ,#ThemeListDIV ul li {padding-bottom: 30px;}
	span, .revo_date, .news_date, .gallery_cal, .span-date, .artDate {font-size: 2rem !important;}
	div.scroll-to-top a i{font-size: 4rem !important;}
	a.goTop1 i{font-size: 3.5rem;}	
	#article-homepage, #article-date{font-size: 1.8rem !important;}
	#ThemeListDIV i{font-size: 2rem !important;}
}
@media screen and (min-width: 2480px){
	.container{width: 1732px !important;}
	#ContDIV{width: 1700px !important;}
	#topMarkDIV{width: 300px !important;}
	#topMarkDIV img {width: 240px !important;}
	div.TopLang {padding: 10px 0px 40px 0px;}
	#myNavbar>ul>div>a{font-size: 2.4rem !important;}
	.rightTopTitle div{width: 180px !important;}
	.rightTopTitle{font-size: 2.2rem !important; padding-top: 5px !important;}
	.rightTopLink{float: right;}
	div.rightTopLink a {width: 75px; padding-top: 2px !important;font-size: 2rem !important;}
	.featureTitle{font-size:2.6rem !important;}
	.featureTitle nobr b{font-size:2.8rem !important;}
	#themePhotoDIV .thumbnail{ height: 266px;}
	#TopvideoDIV .thumbnail .ui-desc, #videoDIV .thumbnail .ui-desc, #TopphotoDIV .thumbnail .ui-desc, #photoDIV .thumbnail .ui-desc, #customTDIV .thumbnail .ui-desc, #peopleDIV .col-sm-6 .ui-desc, #advanceDIV .col-sm-6 .ui-desc, #themeDIV .thumbnail .ui-desc, #themePhotoDIV .thumbnail .ui-desc {width:470px; height: 258px;}
	#customDIV .thumbnail .ui-desc{width: 304px; height: 166px;}
	#travelDIV .thumbnail .ui-desc{width: 230px; height: 150px;}
	#beautyDIV .media-left .ui-desc, #resortDIV .media-left .ui-desc, .date_news_list .media-left .ui-desc, #themeDIV .media-right .ui-desc, #FeatureList .media-right .ui-desc, #mainNewsDIV .media-left .ui-desc, .date_news_list .media-left .ui-desc, #specialNewsDIV .media-left .ui-desc, #advanceDIV .col-sm-7 .col-sm-4 .ui-desc {width: 271px; height: 165px;}
	p{font-size: 2.4rem;}
	.HeadP, .SubTitleP{font-size: 2.4rem;}
	.TitleP{font-size: 2.6rem;}
	.TextP, .MarkP, .WriterP{font-size: 2.4rem;}
	.RevoTitleP nobr b, .TitleP nobr b{font-size: 2.8rem;}
	.HeadP nobr b, .SubTitleP nobr b, .SSubTitleP nobr b {font-size: 2.8rem;}
	.TextP nobr b, .MarkP nobr b, .WriterP nobr b{font-size: 2.6rem;}
	a, h4, #PathBar, .col-sm-7 .media-body{font-size: 2.4rem !important;}
	a nobr b, h4 nobr b, #PathBar nobr b{font-size: 2.6rem !important;}
	.date_news_list .row p{font-size: 2.2rem !important;}
	.pagination li a {font-size: 1.8rem !important;}
	div.scroll-to-top a i{font-size: 5rem !important;}
	a.goTop1 i{font-size: 4.5rem;}	
	div.scroll-to-top1{bottom: 80px !important;}	
	.control-button{min-width: 34px !important; min-height: 34px !important;}
	#btnPrev i, #btnNext i {font-size: 30px !important; }
	#article-homepage, #article-date{font-size: 2rem !important;}
}
.video-container {height: 100%; display: flex; justify-content: center; flex-direction: column; text-align: center;}
.video-container .video video {max-height: 100%; border:1pt solid #ddd;}
.photo-container {height: 100%; display: flex; justify-content: center; flex-direction: column; text-align: center;}
.article-modal-header { justify-content: space-between; padding-bottom: 4px; border-bottom: 1px solid #e8e8e8;}
.article-content {height: 100%; overflow-y: auto; padding-right: 5px; color: #222; font-size: 18px;}
.article-controls {position: fixed !important; justify-content: space-between; bottom: 0; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #e8e8e8; color: #08c; font-size: 20px; -webkit-user-select: none; -ms-user-select: none; user-select: none; background: #fff;}
hr{margin-top: 5 !important; margin-bottom: 15 !important;}
.control-button {min-width: 27px; min-height: 27px; border-radius: 50%; border: 1px; padding: 0px; background-color: #08c; border-color: #08c; text-align: center; color: #fff; outline: 0; position: relative; display: inline-block; white-space: nowrap; background-image: none; cursor: pointer; user-select: none;}
#btnNext i{font-size: 17px; margin-left: 2px; color: #fff;}
#btnPrev i{font-size: 17px; margin-right: 2px; color: #fff;}
.article-title{width: 100%;}
#article-date{float: right; width: 40%; font-size: 14px; font-family: KP CheonRiMa,WKLGothic,Gulim,Dotum; text-align: right; padding-top: 8px; padding-right: 15px;}
#article-homepage{float: left; padding-left: 15px; font-size: 14px; font-family: KP CheonRiMa,WKLGothic,Gulim,Dotum; padding-top: 8px;}
#countSpan{font-size: 1.8rem; color: black !important;}
.photo-container {height: 100%; display: flex; justify-content: center; flex-direction: column; text-align: center;}
.photo-carousel {position: relative; height: 100%; overflow-y: hidden;}
.photo-carousel .carousel-content {position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.photo-carousel .carousel-content div {height: 90%; display: block;}
.photo-carousel .carousel-content .slide {position: relative; display: flex !important; padding: 1.5vw 8.2vw 1vw 8.2vw; align-items: center; flex-direction: column; -webkit-user-select: none; -ms-user-select: none; user-select: none;width: 100%; display: inline-block;}
.photo-carousel .carousel-content div .slide img {margin: auto; max-height: 100%; max-width: 100%; object-fit: contain; cursor: none !important;}
.photo-carousel .carousel-content .slide .slide-no {position: absolute;height: auto;right: 20px;bottom: 5px;font-size: 16px;color: #08c;}
.photo-carousel .carousel-nav {cursor: pointer; -ms-user-select: none; user-select: none; -webkit-user-select: none; justify-content: center;}
.photo-carousel .carousel-nav .prev{position: absolute; top: 50%; margin-top: -2.8vw; width: 14.2vw; font-size: 2.8vw; line-height: 5.6vw; text-align: center;}
.photo-carousel .carousel-nav .next{position: absolute; top: 50%; margin-top: -2.8vw; width: 14.2vw; font-size: 2.8vw; line-height: 5.6vw; text-align: center;right: 0;}
#btnText, #btnVideo, #btnPhoto, #btnGallery{position: fixed; border-radius: 50%; right: 20px; width: 45px; height: 45px; opacity: 0.8; -webkit-box-shadow: 1px 1px 4px 1px rgb(101, 99, 99);	box-shadow: 1px 1px 4px 1px rgb(101, 99, 99);}
video{border:1pt solid #ddd;}
div.scroll-to-top1 a i {color: #ae0101;}
div.scroll-to-top1 {opacity: .6;font-size: 2.2em;position: fixed;bottom: 60px;right: 30px;cursor: pointer;background-color: #fff;border-radius: 50%;display: none;width: .85em;height: .87em;z-index: 8000;}