@charset "utf-8";

.articleArea { width:100%;position:relative;padding:60px 0;background-color: transparent;}
.canvas-wave{position:absolute;left:0;bottom:-1px;width:100%;height:100px;z-index:90; }


/* 공통 버튼 */
.link {text-align: center; font-size: 0; }
.link a.btn {  
	color:#121212; 
	background:#fff; 
	border:#121212 2px solid;  
	display: inline-block; *display: inline; *zoom: 1; 
	width: auto; 
	line-height: 60px; 
	text-align: center; 
	font-size: 14px; 
	font-weight: normal; 
	letter-spacing: .05em; 
	position: relative; 
	padding: 0 50px; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px 
}
.link a.btnl {  color:#fff; background:rgba(11,57,162,1); border:rgba(11,57,162,1) 2px solid;  display: inline-block; *display: inline; *zoom: 1; width: 44%; line-height: 60px; text-align: center; font-size: 16px; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0 50px;-webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; }
.link a.btnr {  color:#121212; background:#fff; border:rgba(11,57,162,1) 2px solid;  display: inline-block; *display: inline; *zoom: 1; width: 44%; line-height: 60px; text-align: center; font-size: 16px; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0 50px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; }

.link a.btnl2 {  color:#fff; background:#2A292C; border:#2A292C 2px solid;  display: inline-block; *display: inline; *zoom: 1; width: auto; line-height: 60px; text-align: center; font-size: 14px; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0 50px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }
.link a.btnr2 {  color:#121212; background:#fff; border:#2A292C 2px solid;  display: inline-block; *display: inline; *zoom: 1; width: auto; line-height: 60px; text-align: center; font-size: 14px; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0 50px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }


.link a.btn-border { 
	color:#B19B70; 
	background:#fff; 
	border:#B19B70 2px solid; 
	display: inline-block; 
	*display: inline; *zoom: 1; 
	width: auto; 
	line-height: 60px; 
	text-align: center; 
	font-size: 14px; 
	font-weight: normal; 
	letter-spacing: .05em; 
	position: relative; 
	padding: 0 50px; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px 
}
.link a.btn:hover,
.link a.btnl:hover,
.link a.btnr:hover,
.link a.btnl2:hover,
.link a.btnr2:hover { color:#fff;background:#121212;border:#121212 2px solid; }
.link a.btnl:hover {color:#fff}
.link a.btn-border:hover { color:#121212; border:#121212 2px solid;}


.link a.btn:after,
.link a.btnl:after,
.link a.btnr:after,
.link a.btnl2:after,
.link a.btnr2:after,
.link a.btn-border:after { position: absolute; top: 0; right: 10px; bottom: 0; display: block; font-size: 16px; font-family: 'themify'; content: "\e649"; font-weight: normal; line-height: 60px;}

.link a.btnItem {
	color:#000000; 
	background:#fff; 
	border:#fff 2px solid;
	letter-spacing: .05em; 
	font-size:16px; 
	text-align:center; 
	position:relative;
	display: inline-block; *display: inline; *zoom: 1; width: auto; 
	padding:0 60px 0 40px;
	line-height: 60px; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;
}
.link a.btnItem:after { 
	position: absolute; 
	top: 0; right: 15px; bottom: 0; 
	font-size: 20px; 
	font-family: 'themify'; content: "\e61a"; 
	-webkit-font-smoothing: antialiased; text-indent: 0; -moz-osx-font-smoothing: grayscale; 
}
.link a.btnItem.last {
	margin:0 0 0 2%;
}
.link a.btnItem:hover {background:#ccc;border:#ccc 2px solid; }

#sealalaVisual {position: relative; overflow: hidden; height:100%;margin-bottom:40px;/*min-width:1220px;*/min-height:750px;max-height:750px !important;background:#fff;}
#sealalaVisual.fix {margin-top:80px}
#sealalaVisual .bx-viewport, .bx-wrapper{
    position:relative;
    width:100%;
    height:100% !important;
    top:0;
    left:0;
	background:#fff;
}
#sealalaVisual .sealalaVisualImage {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;

}
#sealalaVisual .sealalaVisualImage, .sealalaVisualImage li{
    height: 100% !important;
}
#sealalaVisual .sealalaVisualImage li{
    background-repeat: no-repeat;
    background-position: center center;
	background-size: cover;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
}
#sealalaVisual .bx-wrapper .bx-viewport{
    border: none !important;
}

#sealalaVisual .bx-wrapper .bx-controls {
	position:absolute;
    left:50%; bottom:20px;
    z-index: 110;
}


#sealalaVisual .bx-wrapper .bx-pager {position:relative;text-align:center;}
#sealalaVisual .bx-wrapper .bx-pager .bx-pager-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	margin:0px 1px 0;
}

#sealalaVisual .bx-wrapper .bx-pager.bx-default-pager a {
	width:50px;
	height:5px;
	margin:0;
	background:none;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	border:1px solid rgba(255, 255, 255, .7);
	border-radius:0;
}

#sealalaVisual .bx-wrapper .bx-pager.bx-default-pager a:hover,
#sealalaVisual .bx-wrapper .bx-pager.bx-default-pager a.active {
	background:none #fff;
}

#sealalaVisual .bx-wrapper .bx-controls-auto {position:absolute; z-index: 60; right:20px; width: 32px;bottom:15px;}
#sealalaVisual .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

#sealalaVisual .bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 16px;
	height: 14px;
	outline: 0;
	background: url(/imgs/main/btn_play.png) no-repeat;
}

#sealalaVisual .bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 16px;
	height: 14px;
	outline: 0;
	background: url(/imgs/main/btn_stop.png) no-repeat;
}

/* 섬네일 슬라이드 */
.pagerThumb {width:auto;height:50px !important;position:relative;margin:30px auto 0px !important;;background:none !important;}
.pagerThumb .bx-viewport {
    position:relative;
    width:100%;
    height:50px !important;
    margin:0 auto;
	background:none !important;
}
.pagerThumb .bx-thumb {clear:both; height:70px;}
.pagerThumb .bx-thumb a {position:relative; display:inline-block;width:100%; height:50px; border:3px solid rgba(0,0,0,.0); display:block; overflow:hidden;}
.pagerThumb .bx-thumb a {
	-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px 
    background-repeat: no-repeat;
    background-position: center center;
	background-size: cover;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
}
.pagerThumb .bx-thumb a:first-child {}
.pagerThumb .bx-thumb a img {width:100%;height:100%;}
.pagerThumb .bx-thumb a:after {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.0); display:block; content:"";overflow:hidden;}
.pagerThumb .bx-thumb a.active {border:3px solid rgba(255,255,255,1);}
.pagerThumb .bx-thumb a.active:after {background:none;}
.pagerThumb .bx-pager {display:none;}


#sealalaVisual .visualCover {
	position:absolute;
	left:0;right:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.3);
	z-index:70;
}
#sealalaVisual .visualCover {
	background:rgba(11,57,162,.4);
}

#sealalaVisual .visualTit {
	position:absolute;
	left:0;right:0;
	width:100%;
	height:100%;
	z-index:90;
}
#sealalaVisual .visualTit .sealalaVisualTitleBox {
	display:table;
	position:static;
	width:100%;
	height:100%;
	padding:20px 0 0;
}
#sealalaVisual .visualTit .sealalaVisualTitleBox .titleCell {
	position:relative;
	display:table-cell;
	text-align:center;
	vertical-align: middle;
	overflow:hidden;
}

#sealalaVisual .visualTit .sealalaVisualTitleBox .bottomCell {
	position:absolute;
	display:table;
	width:100%;
	left:0px;
	bottom:100px;
}

#sealalaVisual .visualTit .sealalaVisualTitleBox h1 {
	color:rgba(255,255,255,1);
	font-size:80px;
	font-family:"Roboto", serif;
	text-transform: uppercase;
	letter-spacing:-1px;
	font-weight:900;
	line-height:100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	position:relative;
	padding:20px 0 15px;
}
#sealalaVisual .visualTit .sealalaVisualTitleBox h2 {
	color:rgba(255,255,255,1);
	font-size:40px;
	font-family:"Playfair Display", serif;
	letter-spacing:0px;
	line-height:100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	position:relative;
	/*text-transform: uppercase;*/
}
#sealalaVisual .visualTit .sealalaVisualTitleBox h3 {
	color:rgba(255,255,255,1);
	font-size:28px;
	letter-spacing:0px;
	/*text-transform: uppercase;*/
	line-height:100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	position:relative;
}

#sealalaVisual .visualTit .sealalaVisualTitleBox .contactBox {
	letter-spacing:0px;
	border:3px solid rgba(255,255,255,1);
	color:rgba(255,255,255,1);
	width: 160px; 
	margin:0 auto;
	font-size:16px;
	padding:10px 30px 10px 10px; 
	display: block;	
	font-weight:normal;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	position:relative;
	-webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px 
}
#sealalaVisual .visualTit .sealalaVisualTitleBox .contactBox:after { 
	position: absolute; top: 6px; right: 15px; display: block; font-size: 20px; font-family: 'themify'; content: "\e663"; content: "\e65f";  font-weight: normal; 
}

#sealalaVisual .visualTit .sealalaVisualTitleBox .contactBox:hover {
	color:rgba(0,0,0,1);
	background:rgba(255,255,255,1);
}

#sealalaVisual .visualTit .sealalaVisualTitleBox .lineBox {
	display:inline-block; width:1px; height:50px; margin:10px auto 10px;
	overflow:hidden;
}
#sealalaVisual .visualTit .sealalaVisualTitleBox .line {
	display:block; width:1px; height:0px;
	background-color: rgba(255,255,255,1);
}

#sealalaArea {padding:50px 0 140px;/*background:rgba(11,57,162,1);*/}
#sealalaArea .container {position:relative;width:100%;}

/*#sealalaArea .contentL{display:table-cell;width:36%;position:relative;vertical-align:top;font-size:0;}
#sealalaArea .contentM{display:table-cell;width:4%;position:relative;vertical-align:top;}
#sealalaArea .contentR{display:table-cell;width:64%;position:relative;vertical-align:top;font-size:0;}*/
#sealalaArea .contentL{display:table-cell;float:left;width:36%;position:relative;vertical-align:top;}
#sealalaArea .contentR{display:table-cell;float:right;width:60%;position:relative;vertical-align:top;}

#sealalaArea .contentL h1 {
	font-size:70px;
	font-family:"Roboto", serif;
	line-height:100%;
	font-weight:900;
	position:relative;
	color:rgba(11,57,162,1);
	letter-spacing:-1px;
	text-transform:uppercase;
}
#sealalaArea .contentL h2 {
	font-size:40px;
	font-family:"Playfair Display", serif ;
	letter-spacing:0px;
	line-height:100%;
	position:relative;
	margin-bottom:10px;
	color:#3399ff;
}
#sealalaArea .contentL h3 {
	font-size:24px;
	line-height:140%;
	position:relative;
}

#sealalaArea .contentL p {
	line-height:140%;
	position:relative;
	color:#999;
	margin:20px 0;	
	font-size:16px;
}

#sealalaArea .contentR img {width: 100%;display:block !important;}

/*#sealalaArea .itemArea {position:absolute;bottom:0px;display:block;;width:32%;font-size:0;}
#sealalaArea .itemArea {position:absolute;top:100%;display:block;;width:100%;font-size:0;}*/
#sealalaArea .itemArea {position:relative;bottom:0px;display:block;;width:100%;font-size:0;margin:30px auto;text-align:left;}
#sealalaArea .itemArea li {
	display: inline-block; *display: inline; *zoom: 1; 
	width:31.33333%;
	position:relative;
	margin-right:2%;
	min-width:90px;
	max-width:140px;
}
#sealalaArea .itemArea li:last-child {
	margin-right:0;
}
#sealalaArea .itemArea li a{
	display:block;
	width:100%;
	height:120px;
	background:#69d3ff;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px ;
}

#sealalaArea .itemArea li a.on,
#sealalaArea .itemArea li a:hover {
	background:rgba(11,57,162,1);
}
#sealalaArea .itemArea li a .tit{
	color:#fff;
	position:absolute;
	bottom:10px;
	right:14px;
	font-weight:500;
	font-size:18px;
}



/*#sealalaArea .itemArea {width:100%;position:absolute;bottom:0px;}
#sealalaArea .itemArea li {
	display:block;
	width:100%;
	position:relative;
	margin-top:10px;
	
}
#sealalaArea .itemArea li .item-table{
	display:table;
	width:100%;
}
#sealalaArea .itemArea li .item-tableCell{
	display:table-cell;
	width:50%;
}

#sealalaArea .itemArea li .item-tableCell.tLeft {
	width:30%;
}
#sealalaArea .itemArea li .item-tableCell.tRight {
	width:70%;
	color:#333;
	font-size:18px;
	padding-left:20px;
}

#sealalaArea .itemArea li .item-tableCell .ico {
	vertical-align:middle;
	background:#69d3ff;
	background:rgba(11,57,162,1);
	padding:10px 10px 10px 15px;
	color:#fff;
	font-weight:500;
	font-size:18px;
}

#sealalaArea .itemArea li .item-tableCell .ico img {
	width:30px;
	height:30px;
	margin-right:10px;
}*/

.ico {
	position:absolute;
	top:16px;
	left:16px;
	width:50px;
	height:50px;
}

.ico img {
	width:100%;
}

.articleArea .slideBox {
	position:relative;
	overflow:hidden;
}

.articleArea .slideBox .bx-wrapper .bx-viewport{
    position:relative;
    width:100%;
    top:0;
    left:0;
}


.articleArea .slideBox .bx-controls-direction a {
	width: 50px;
    height: 50px;
    background: #fff;
    position: absolute;
    opacity: 1;
    border-radius: 0;
	/*margin-top:-22px;*/
	text-indent:-9999px;
}
.articleArea .slideBox a:after {
	content: '';
    position: absolute;
    border-top: 2px solid rgba(11,57,162,1);
    border-left: 2px solid rgba(11,57,162,1);
    width: 16px;
    height: 16px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 16px;
    left: 20px;
}
.articleArea .slideBox .bx-next:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    left: 13px;
}
.articleArea .slideBox .bx-controls-direction a:hover {
    background:rgba(11,57,162,1);
}
.articleArea .slideBox .bx-controls-direction a:hover:after {
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
}
/*.articleArea .slideBox .bx-prev {top:86px !important;left:10px;}
.articleArea .slideBox .bx-next {top:10px !important;left:10px;}
.articleArea .slideBox .bx-prev {top:50% !important;left:0px;margin-top:-33px;}
.articleArea .slideBox .bx-next {top:50% !important;right:0px;margin-top:-33px;}*/
.articleArea .slideBox .bx-prev {bottom:10px !important;right:70px;}
.articleArea .slideBox .bx-next {bottom:10px !important;right:10px;}

.articleArea .contentL .slideBox a:after {
    border-top: 2px solid rgba(100,60,42,1);
    border-left: 2px solid rgba(100,60,42,1);
}
.articleArea .contentL .slideBox .bx-controls-direction a:hover {
    background: #d6a28a;
}
.articleArea .contentL .slideBox .bx-prev {top:64px !important;left:auto;right:10px;}
.articleArea .contentL .slideBox .bx-next {top:10px !important;left:auto;right:10px;}

#hashPage {position:relative;width:100%;padding:0px 0 0px;z-index: 200;}
#hashPage ul {position:relative;margin: 0px 0 0px;}
#hashPage ul li { 
	float:left;
	width: 20%; 
	margin: 0px 0 0px;
	position:relative;
	display: inline-block; 
	text-align: center; 
	position: relative;
}
#hashPage.type2 ul li {width: 50%;}
#hashPage.type3 ul li {width: 33.333333%;}
#hashPage.type4 ul li {width: 25%;}
#hashPage.type5 ul li {width: 20%;}

#hashPage ul li a {
	display: block; 
	color: #222; 
	font-size: 18px; font-weight:300; letter-spacing: 0; 
	 position: relative; 
	background: #fff;
	border: #d9dde3 1px solid;
	border-right:none;
	padding:13px 0 15px;
	line-height:140%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
#hashPage ul li:last-child a {
	border: #d9dde3 1px solid;
}
#hashPage ul li.on a { 
	color: #fff; background: rgba(11,57,162,1);
	-moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
	border: rgba(11,57,162,1) 1px solid;border-right:none;
}
#hashPage ul li.on:last-child a { 
	border: rgba(11,57,162,1) 1px solid;	
}
#hashPage ul li a:hover { color: #fff; background: rgba(11,57,162,1);border: rgba(11,57,162,1) 1px solid;border-right:none;}
#hashPage ul li:last-child a:hover {border: rgba(11,57,162,1) 1px solid;}

#hashPage ul li .arrow {background:none;height:30px;}
#hashPage ul li.on .arrow {background:url('/imgs/common/tab_on.png') no-repeat 50% -2px;}

#mainHead {position: relative;  text-align: center; padding: 0px 0 40px;margin:0px auto 40px;}
#mainHead.center {text-align: center;}
#mainHead h1 {
	font-size: 60px; font-style: normal; font-weight:normal; letter-spacing: .0em; line-height:130%; 
	color:rgba(11,57,162,1);
	font-weight:500;
	text-transform: uppercase;
	position:relative; text-align:center;
}
#mainHead h1.line:before { content:''; position:absolute; top:50%; left:0; right:0; bottom:50%; height:1px; width:100%; background:rgba(11,57,162,1) }
#mainHead h1 .dot { position:relative; display:inline-block; padding:0 40px; background-color:#fff }
#mainHead h1 .dot:before { content:''; position:absolute; top:50%; left:0; height:9px; width:9px; margin-top:-4px; background:rgba(11,57,162,1); 
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% }
#mainHead h1 .dot:after { content:''; position:absolute; top:50%; right:0; height:9px; width:9px; margin-top:-4px; background:rgba(11,57,162,1); 
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% }

#mainHead h2 {
	font-size: 24px; font-style: normal; letter-spacing: 0; line-height: 1.5; 
	/*text-transform: uppercase;*/ 
	color:rgba(11,57,162,1);
	font-family:"Roboto", serif;
	font-weight:400;
}
#mainHead h3 {
	font-size: 24px; letter-spacing: 0; line-height: 1.5; 
	color:rgba(11,57,162,1);
	font-weight:400;
	margin-top:10px;
}
#mainHead .borderBottom { position: absolute; bottom: 0; left: 50%; width: 50px; height: 2px; margin-left: -25px; background: #333333;}


.subItemArea {position:relative;margin: 40px -2% 0px;font-size:0;}
.itemBox {
	/*float:left;*/
	display:inline-block;
	width: 46%; 
	margin: 0px 2% 60px;
	background:#fff;
	vertical-align:top;
	position:relative;
}
.subItemArea.type3 .itemBox {
	width:29.3333%;
}
.subItemArea.type4 .itemBox {
	width:21%;
}
.itemBox a {display:block;position:relative;}
.itemBox a:hover .more {color:#fff;background:#69d3ff;}
.itemBox .txtArea {display:block;padding: 20px 0;vertical-align:top;}
.itemBox .imgArea {display:block;padding: 0px;vertical-align:top;position:relative;}
.itemBox img {
	width:100%;box-shadow:none !important;
}
.itemBox .imgArea .more {
	width: 50px;
    height: 50px;
    background:rgba(11,57,162,1);
    position: absolute;
	text-indent:-9999px;
	top:0px;
	right:0px;
	z-index:2;
	webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; 
}
.itemBox .imgArea .more:before {
	content: '';
    position: absolute;
    background:#fff;
	height:30px;
    width: 1px;
    top: 10px;
    left: 25px;
}
.itemBox .imgArea .more:after {
	content: '';
    position: absolute;
    background:#fff;
	height:1px;
    width: 30px;
    top: 25px;
    left: 10px;
}

.itemBox h3 {
	font-size:22px;
	line-height:1;
	font-weight:normal;
	color:rgba(11,57,162,1);
}
.itemBox .txtArea h4 {
	font-size:18px;
	color:#666;
}
.itemBox .txtArea p {
	color:#333333;
	font-size:16px;
	line-height:140%;
	margin-top:10px;
}
.itemBox .link {margin-top:15px;text-align:left;}
.link .more {  
	color:#fff;background:rgba(11,57,162,1);
	display: inline-block; *display: inline; *zoom: 1; 
	width: auto; 
	line-height: 40px; 
	text-align: center; 
	font-size: 14px; 
	letter-spacing:0; 
	position: relative; 
	padding: 0 40px 0 20px; 
	-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;
	webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; 
}
.link .more:hover { background:#121212; }
.link .more:after { position: absolute; top: 0; right: 15px; bottom: 0; display: block; font-size: 14px; font-family: 'themify'; content: "\e61a";   font-weight: normal; line-height: 40px;}

.cautionArea {margin:60px auto 20px;}
.cautionArea.left {
	/*position:absolute;bottom:0px;display:block;;width:32%;font-size:0;margin:0px;*/
	position:relative;bottom:0px;display:block;;width:100%;font-size:0;margin:30px auto;text-align:left;
}
.cautionTit {text-align:center;position:relative;margin-bottom:-20px;}
.cautionTit .item {  
	color:rgba(11,57,162,1);
	background:#fff;
	display: inline-block; *display: inline; *zoom: 1; 
	width: auto; 
	line-height: 40px; 
	text-align: center; 
	font-size: 20px; 
	letter-spacing:0; 
	position: relative; 
	font-weight:normal;
	padding: 0 20px 0 20px; 
	border:3px solid rgba(11,57,162,1);
	-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;
}
.cautionArea ul {padding:30px;background:rgba(11,57,162,1);color:#fff;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.cautionArea ul>li { position:relative; padding-left:12px; font-size:16px;margin:5px 0;line-height:150%;}
.cautionArea ul>li:before { content:""; display:block; position:absolute; top:12px; left:0; width:4px; height:4px; background-color:#fff;}
.cautionArea ul>li span.yellow {color: #ff3333;font-weight:600;}

.tableArea {margin:30px auto;}
.tableTit {text-align:center;position:relative;margin-bottom:-20px;}
.tableTit .item {  
	color:rgba(11,57,162,1);
	background:#fff;
	display: inline-block; *display: inline; *zoom: 1; 
	width: auto; 
	line-height: 40px; 
	text-align: center; 
	font-size: 20px; 
	letter-spacing:0; 
	position: relative; 
	font-weight:normal;
	padding: 0 20px 0 20px; 
	border:3px solid rgba(11,57,162,1);
	-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;
}

.tableCont {padding:40px 20px 30px;background:rgba(11,57,162,1);color:#333;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;text-align:center;font-size:18px;}
.tableCont:after {content:'';clear:both;display:table;}
.tableCont table {width:100%;padding: 10px 5px;background:#fff;border-top: 1px solid #E2E7EB;}
.tableCont .itemSub {  
	color:rgba(11,57,162,1);
	display: block;
	text-align: center; 
	font-size: 20px; 
	line-height:140%;
	letter-spacing:-0.5px; 
	position: relative; 
	font-weight:normal;
	margin:0px auto 10px;
}
.tableArea.type2 .tableTit .item {  
	color:#fff;
	background:rgba(11,57,162,1);
}
.tableArea.type2 .tableCont {padding:40px 30px 30px;background:#fff;border:3px solid rgba(11,57,162,1);}

.tableCont table > thead > tr > th {
	font-weight: normal;
    white-space: nowrap;
    border-bottom: 1px solid #E2E7EB;
    border-left: 1px solid #E2E7EB;
    border-right: 1px solid #E2E7EB;
    text-align: left;
    background-color: #f9fbfb;
    font-size: 1.153rem;
    vertical-align: middle;
	color:#333;
	text-align:center;
	padding:5px 20px;
}
.tableCont table > thead > tr > th:first-child {
    border-left: 0;
}
.tableCont table > thead > tr > th:last-child {
    border-right: 0;
}

.tableArea.type2 .tableCont table > thead > tr > th {color:#fff;background:rgba(11,57,162,.4);}

.tableCont table > tbody > tr > th {
    border-bottom: 1px solid #E2E7EB;
    vertical-align: middle;
    border-right: 1px solid #E2E7EB;
    font-size: 18px;
	padding:10px 20px;
	text-align:center;
	font-weight:normal;
	line-height:150%;
}
.tableCont table > tbody > tr > td {
    color: #555555;
    border-bottom: 1px solid #E2E7EB;
    vertical-align: middle;
    border-right: 1px solid #E2E7EB;
    font-size: 16px;
	padding:10px 20px;
	text-align:center;
	line-height:150%;
}
.tableCont table > tbody > tr > td:last-child {
    border-right: 0;
}
.tableCont table > tbody > tr > td.td-color {
	color:#fff;background:rgba(11,57,162,.4);
}
.tableCont table > tbody > tr > td.td-color2 {
	color:#fff;background:rgba(11,57,162,.6);
}
.tableCont table > tbody > tr > td.td-color3 {
	color:#fff;background:rgba(11,57,162,.6);
	font-size: 1.153rem;
	padding:5px 20px;
}


#sealalaArea .desc {text-align:left;color:#333;padding:30px 20px 20px;}
#sealalaArea .desc>li { position:relative; padding-left:12px; font-size:16px;margin:5px 0;line-height:150%;}
#sealalaArea .desc>li:before { content:""; display:block; position:absolute; top:12px; left:0; width:4px; height:4px; background-color:#333;}

@media (max-width: 640px) {
	#sealalaArea .desc>li:before {top:10px;}
}

.alignL {text-align:left !important}
.alignC {text-align:center !important}
.alignR {text-align:right !important}

.tbWidth {width:48%}
.tbLeft {float:left}
.tbRight {float:right}

/* basic color */
#page.basic #sealalaVisual {min-height:500px;max-height:500px !important;}
#page.basic #sealalaVisual .visualCover {
	display:none;
}

#page.basic #sealalaVisual .visualTit .sealalaVisualTitleBox h1 {
	color:rgba(11,57,162,1);
	font-size:60px;
	text-transform:none !important;
	padding: 10px 0 10px;;
}
#page.basic #sealalaVisual .visualTit .sealalaVisualTitleBox h2 {
	color:rgba(11,57,162,1);
}
#page.basic #sealalaVisual .visualTit .sealalaVisualTitleBox h3 {
	color:rgba(11,57,162,1);
}


/* spa color */
.spaArea {padding:80px 0 170px;background:#dff2fb;/*background:#fff2e7;*/position:relative;}
.spaArea .contentL{float:right !important;}
.spaArea .contentR{float:left !important;}

#page.spa #sealalaArea .contentL h1,
#sealalaArea.spaArea .contentL h1 {
	color:rgba(100,60,42,1);
}
#page.spa #sealalaArea .contentL h2,
#sealalaArea.spaArea .contentL h2{
	color:#a2715a;
	text-indent:2px;
}

#page.spa #sealalaArea .itemArea li a, 
#sealalaArea.spaArea .itemArea li a {
	background:#d6a28a;
}

#page.spa #sealalaArea .itemArea li a.on,
#page.spa #sealalaArea .itemArea li a:hover,
#sealalaArea.spaArea .itemArea li a.on,
#sealalaArea.spaArea .itemArea li a:hover {
	background:rgba(100,60,42,1);
}

#page.spa #hashPage ul li.on a { 
	background: rgba(100,60,42,1);
	border: rgba(100,60,42,1) 1px solid;
}
#page.spa #hashPage ul li.on:last-child a { 
	border: rgba(100,60,42,1) 1px solid;	
}
#page.spa #hashPage ul li a:hover {background: rgba(100,60,42,1);border: rgba(100,60,42,1) 1px solid;}
#page.spa #hashPage ul li:last-child a:hover {border: rgba(100,60,42,1) 1px solid;}

#page.spa #hashPage ul li.on .arrow {background:url('/imgs/common/tab_on2.png') no-repeat 50% -2px;}

#page.spa #mainHead h1,
#sealalaArea.spaArea #mainHead h1 {
	color:rgba(100,60,42,1);
}
#page.spa #mainHead h1.line:before,
#sealalaArea.spaArea #mainHead h1.line:before {background:rgba(100,60,42,1) }
#page.spa #mainHead h1 .dot:before,
#sealalaArea.spaArea #mainHead h1 .dot:before {background:rgba(100,60,42,1);}
#page.spa #mainHead h1 .dot:after,
#sealalaArea.spaArea #mainHead h1 .dot:after {background:rgba(100,60,42,1);}

#page.spa #mainHead h2,
#sealalaArea.spaArea #mainHead h2 {
	color:rgba(100,60,42,1);
}

#page.spa #mainHead h3,
#sealalaArea.spaArea #mainHead h3 {
	color:rgba(100,60,42,1);
}

#page.spa #sealalaVisual .visualCover,
#sealalaArea.spaArea #sealalaVisual .visualCover {
	background:rgba(100,60,42,.4);
}

#page.spa .itemBox .imgArea .more,
#sealalaArea.spaArea .itemBox .imgArea .more {
    background:rgba(100,60,42,1);
}

#page.spa .itemBox h3,
#sealalaArea.spaArea .itemBox h3 {
	color:rgba(100,60,42,1);
}
#page.spa .link .more,
#sealalaArea.spaArea .link .more {  
	background:rgba(100,60,42,1);
}
#page.spa .itemBox a:hover .more,
#sealalaArea.spaArea .itemBox a:hover .more {background:#d6a28a;}

#page.spa .cautionTit .item,
#sealalaArea.spaArea .cautionTit .item {  
	color:rgba(100,60,42,1);
	border:2px solid rgba(100,60,42,1);
}
#page.spa .cautionArea ul,
#sealalaArea.spaArea .cautionArea ul {background:rgba(100,60,42,1);}

#page.spa .articleArea .slideBox a:after,
#sealalaArea.spaArea .slideBox a:after {
    border-top: 2px solid rgba(100,60,42,1);
    border-left: 2px solid rgba(100,60,42,1);
}
#page.spa .articleArea .slideBox .bx-controls-direction a:hover,
#sealalaArea.spaArea .slideBox .bx-controls-direction a:hover {
    background: rgba(100,60,42,1);
}
#page.spa .articleArea .slideBox .bx-controls-direction a:hover:after,
#sealalaArea.spaArea .slideBox .bx-controls-direction a:hover:after {
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
}

#sealalaArea.waterParkArea .slideBox .bx-prev {top:64px !important;left:10px;}
#sealalaArea.waterParkArea .slideBox .bx-next {top:10px !important;left:10px;}

#sealalaArea.spaArea .slideBox .bx-prev {top:64px !important;left:auto;right:10px;}
#sealalaArea.spaArea .slideBox .bx-next {top:10px !important;left:auto;right:10px;}

#page.spa .tableTit .item,
#sealalaArea.spaArea .tableTit .item {  
	color:rgba(100,60,42,1);
	background:#fff;
	border:3px solid rgba(100,60,42,1);
}
#page.spa .tableCont,
#sealalaArea.spaArea .tableCont {background:rgba(100,60,42,1);}
#page.spa .tableArea.type2 .tableTit .item,
#sealalaArea.spaArea .tableArea.type2 .tableTit .item {  
	color:#fff;
	background:rgba(100,60,42,1);
}
#page.spa .tableArea.type2 .tableCont,
#sealalaArea.spaArea .tableArea.type2 .tableCont {background:#fff;border:3px solid rgba(100,60,42,1);}
#page.spa .tableArea.type2 .tableCont table > thead > tr > th,
#sealalaArea.spaArea .tableArea.type2 .tableCont table > thead > tr > th {color:#fff;background:rgba(100,60,42,.4);}

/* end spa color */

#subHead {position: relative;  text-align: center;}
#subHead h1 {
	font-size: 54px; font-style: normal; letter-spacing: .0em; line-height: 1; 
	margin-bottom:40px; color:rgba(11,57,162,1);
	font-weight:900;
	font-family: "Roboto", sans-serif;
	text-transform: uppercase;
}
#subHead h2 {
	font-size: 24px; font-style: normal;  letter-spacing: 0; line-height: 2; text-transform: uppercase; 
	color:#555555; color:#3399ff;
}
#subHead .borderBottom { position: absolute; bottom: 0; left: 50%; width: 50px; height: 2px; margin-left: -25px; background: #666666;}

#facilityArea {padding:40px 0 80px;background: #dff2fb;}
#facilityArea.main {padding:40px 0 40px;background: #fff;}
.facilityArea {margin: 70px -1.5% 0px;font-size:0;text-align:center;}
.facilityBox {
	float:left;
	display:block;
	width:17%;
	margin: 0px 1.5% 40px;
	vertical-align:top;
	position:relative;
}
.facilityBox a {display:block;position:relative;}
.facilityBox a:hover .imgArea:after {border-width:8px;}
.facilityBox a:hover .link .more {color:#fff;background:rgba(11,57,162,1);}
.facilityBox .txtArea {display:block;margin-top:10px;padding:4%;vertical-align:top;}
.facilityBox img {
	width:100%;
	box-shadow:none !important;
	height:100%;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.facilityBox .imgArea {
	position:relative; overflow:hidden;
	background-size:cover;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 auto;
	border-radius: 100%;
	box-shadow: 3px 5px 10px rgba(0,0,0,0.2);
}
.facilityBox .imgArea:after {content:"";position:absolute; top:0px; left:0px; right:0px; bottom:0px; border:0px solid rgba(11,57,162,1); transition:border-width 0.3s;border-radius:100%; }

.facilityBox .txtArea .brandTitle {
	display:block;
	text-align:center;
	font-size:20px;
	font-weight:normal;
	letter-spacing:0px;
	color:#141414;
	color:#fff;
	width:100%;
	line-height:150%;
	padding:0px 0px 40px;
	border:0px solid rgba(255,255,255,.2);
}
.facilityBox .txtArea h3 {
	color:#333;
	font-weight:normal;
}
.facilityBox .txtArea h4 {
	font-size:16px;
	color:#666;
	line-height:130%;
	margin-top:15px;
}
.facilityBox .txtArea .brandDesc {
	display:block;
	font-size:14px;
	color:#888888;
	color:#fff;
	padding:0px 0px 5px 0;
	width:100%;
	/*overflow:hidden;
	white-space:nowrap;text-overflow:ellipsis;*/
	line-height:140%;
}

.facilityBox .link {margin-top:-20px;}
.facilityBox .link .more {  
	color:#fff;background:#121212;
}

/* use */
.useTime {position:relative;display:table;margin-bottom:50px;}
.useTime:after {content:'';clear:both;display:table;}
.useTime .time {position:relative;width:50%;display:table-cell;}
.useTime .time img {width: 100%;max-width:100%;}
.useTime .time:nth-child(1) { margin-right: 15px; background:rgba(11,57,162,1);}
.useTime .time:nth-child(2) { margin-left: 15px; background:rgba(100,60,42,1);}

.useTime .time .side_box {position:absolute; height:100%; padding:5% 20px; right:0; top:0; bottom:0; opacity:0.8; box-sizing:border-box; min-width:250px;}
.useTime .time .side_box.side_box1 {background:rgba(11,57,162,1);}
.useTime .time .side_box.side_box2 {background:rgba(100,60,42,1);}
.useTime .time .side_box .inner {display:table-cell; vertical-align:middle;}
.useTime .time .side_box .title {line-height:1.769rem; font-size:1.384rem; color:#fff; font-weight:400; margin-bottom:1.153rem;}
.useTime .time .side_box .cnt li {line-height:150%; font-size:1.2rem; color:#fff;}


@media (max-width: 1280px) {
	.useTime .time .side_box {
		position:relative; 
		height:100%; 
		padding:30px; 
		right:0 !important; top:0; bottom:0; 
		opacity:1; 
		min-width:250px;
	}
}
@media (max-width: 480px) {
	.useTime {display:block;}
	.useTime .time {width:100%;display:block;}
	.useTime .time:nth-child(1) { margin-right: 0px; margin-bottom:20px;}
	.useTime .time:nth-child(2) { margin-left: 0px;}
	/*.useTime .time .side_box .title {font-size:20px;}
	.useTime .time .side_box .cnt li {font-size:14px;}*/
}	


/* canvas */
.canvas-blue {padding:40px 0 80px;background: #dff2fb;}
.canvas-blue #mainHead h1 .dot {background-color:#dff2fb; }

.contBlank {text-align:center;padding:100px 0}

/*special Offer*/
#sOfferArea {margin:0 auto}
#sOfferArea .bar {padding:0px -1% 0px;background:rgba(11,57,162,1);height:2px;display:none;}
#sOfferArea .eventActive {
	display: block;
	position: absolute;
	right:5px; top: 0;
	width:80px; height:80px;
	z-index:2;
}
#sOfferArea .eventActive img {
	width:100%;
	max-width:100%;
}
#sOffer {
	margin:0px -1% 0px;
	font-size:0; 
	position:relative;
	/*overflow:hidden;*/
	list-style:none;
	vertical-align:top;
}
#sOffer:after {content: ".";height: 0;display: block;visibility: hidden;clear: both;}
#sOffer li {
	/*float:left;*/
	width:31.3333%; 
	margin: 0px 1% 30px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow:3px 3px 10px rgba(0,0,0,0.1);
	vertical-align:top;
	border:1px solid rgba(0,0,0,0.1);
	display:inline-block;
	overflow:hidden;
}
#sOffer.type1 li {width:98%;}
#sOffer.type2 li {width:48%;}
#sOffer.type3 li {width:31.333%;}
#sOffer.type4 li {width:23%;}
#sOffer.type5 li {width:18%;}

/* type1 */
#sOffer.type1 .thumb {width:380px;display:table-cell;}
#sOffer.type1 .cont {
	text-align:left;
	display:table-cell;padding:20px 100px 20px 30px;
}
#sOffer.type1 .cont .dateTxt {text-align:left;}

#sOffer li a {position:relative;display:block;}
#sOffer li a:hover {background:#f4f4f4;}
#sOffer .thumb .more {
	display: block;
	position: absolute;
	right:0; top: 0;
	width:36px; height:36px; background: url('/imgs/icon/btn_addMore.png') no-repeat;
}

#sOffer .thumb {vertical-align:top;width:100%;/*width:380px;display:table-cell;*/}
#sOffer .thumb img {width:100%;height:auto;max-height:auto;}
#sOffer .cont {
	text-align:left;
	text-align:center;position:relative;
	padding:20px;
	/*display:table-cell;padding:20px 100px 20px 30px;*/
}
#sOffer .cont .tit {
	overflow:hidden;
	font-size:22px;
	line-height:130%;
	font-weight:normal;
	color:#333;
	/*white-space:nowrap;text-overflow:ellipsis;*/
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
#sOffer .cont .tit a, #sOffer .cont .tit a:hover {color:333;text-decoration:none}
#sOffer .cont .txt {
	line-height:150%;;
	color:#787878;
	overflow:hidden;
	/*white-space:nowrap;text-overflow:ellipsis;*/
	display:inline-block;
	font-size:16px;margin:15px 0px;
	min-height:50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	
}

#sOffer .cont .dateTxt {/*text-align:left;*/text-align:center;}
#sOffer .cont .dateTxt:after {content:"";display:block;clear:both;}
#sOffer .cont .dateTxt .dateTit {display:inline-block;font-size:14px;color:#fff;background:#cccccc;padding:2px 10px 4px; margin-right:10px;letter-spacing:-1px;}
#sOffer .cont .dateTxt .period {display:inline-block;font-size:14px;color:#999999;}

#eventData {margin:0px auto 0;width:100%:}


#sOfferRead {margin: 20px auto 40px; padding-top:20px; position: relative; border-top:2px solid rgba(11,57,162,1);}
#sOfferRead .title {font-size:28px; color:#2d2d2d; margin-bottom:20px; text-align:center;line-height:140%;letter-spacing:-1px;padding:0px 100px 0px 100px;}
#sOfferRead .dateCount {border-bottom: 1px solid #dfdfdf;padding: 0 15px 15px;text-align:center; margin-bottom:20px;}
#sOfferRead .dateCount div {display:inline-block; color:#7d7d7d;}
#sOfferRead .dateCount div span {margin-right:10px;}
#sOfferRead .dateCount .dateTit {font-size:14px;color:#fff;background:#cccccc;padding:2px 10px 4px; margin-right:10px;letter-spacing:-1px;}
#sOfferRead .dateCount .period {font-size:14px;color:#444444;}
#sOfferRead .dateCount .date  {margin-right:10px; padding-right:15px;  background:url("/imgs/board/bull03.png") right 50% no-repeat; }

#sOfferRead .btnList  {text-align:center;}
#sOfferRead .btnList.border  {padding-bottom:30px; border-bottom:1px solid #dfdfdf;}
#sOfferRead .btnList a {display:inline-block; padding:11px 24px; border:1px solid #d5d5d5; font-size:16px; color:#000;}

#sOfferRead .contArea  {padding:20px 0 40px; margin-bottom:0px; }
#sOfferRead .contArea .inner {margin:0 auto;text-align:center;text-align:justify;/*border:1px solid #dfdfdf;border:1px solid #D9CDBA;*/}
#sOfferRead .contArea img  {max-width:100%;}

#sOfferRead .contArea .sOfferBox {border:1px solid #dfdfdf;}

#sOfferRead .titImg {text-align:center;position:relative;}
#sOfferRead .titImg img {width:100%;max-width:100%;}
#sOfferRead .titBox {padding:30px;}
#sOfferRead .tit {margin-bottom:15px;font-size:26px;line-height:140%;color:#666666;font-weight:normal;letter-spacing:-1px;}
#sOfferRead .tit span {display:block;padding:0 0 4px 0; font-size:14px;color:#7e7e7e; line-height:20px;letter-spacing:0px;}
#sOfferRead .summary {width:100%; margin:20px 0 25px;font-size:16px;line-height:140%;}
#sOfferRead .dateSet .time,
#sOfferRead .dateSet .tel {display:inline-block; font-size:14px;padding:0 30px 0px 25px; background:url(/imgs/event/ico_package.png) 0px -63px no-repeat;}
#sOfferRead .dateSet .time {background-position:0 3px;}
#sOfferRead .dateSet:after {content:"";display:block;clear:both;}

#sOfferRead .contBox {border-top:1px dotted #C7C7C7;padding:30px 30px 20px}
#sOfferRead .contBox dl	{padding:0 0 8px 0px;*zoom:1; }
#sOfferRead .contBox dl.benefit	{padding:0 0 24px 0px;*zoom:1;}
#sOfferRead .contBox dl:after	{content:"";display:block;clear:both;}
#sOfferRead .contBox dl dt	{display:inline-block;width:100px;height:25px;color:#fff;font-size:14px;background:#ACACAC;vertical-align:top;text-align:center;line-height:24px;}
#sOfferRead .contBox dl dt.black {background:#CC3300;}
#sOfferRead .contBox dl dd	{display:inline-block;padding:0px 0 0 10px;font-size:14px;line-height:24px;vertical-align:top;}
#sOfferRead .contBox dl.benefit dd	{font-size:16px;line-height:24px;}
#sOfferRead .contBox dl dd.white {color:#333333;}
#sOfferRead .contBox dl dd.bold {font-weight:normal}
#sOfferRead .contBox dl dd p {margin-left:17px;padding-bottom:5px;font-size:11px !important;color:#a5a5a5 !important;font-weight:normal;letter-spacing:0px}
#sOfferRead .contText {border-top:1px dotted #c7c7c7;padding:20px;}
#sOfferRead .contText img {width:100%;max-width:839px;}

#sOfferRead .video-outer,
#eventData,
#sOfferRead .contArea .inner {max-width:840px}

/* 게시판 */
#noticeWrapper {margin:0 auto;}
.newsList {width:100%;border-top:2px solid #000;}
.newsList caption {width:0;height:0;font-size:0;line-height:0;overflow:hidden;}
.newsList .col1 {width:6%;}
.newsList .col2 {width:72%;}
.newsList .col3 {width:11%;}
.newsList .col4 {width:11%;}
.newsList .col5 {width:11%;}

.newsList thead th {font-size:15px; color:#222222; border-bottom:1px solid #BCBCBD;  font-weight:normal; padding:12px 0; background:url('/imgs/board/bull08.png') no-repeat 100% center;}
.newsList thead th.last {background:none;}

.newsList tbody td { position:relative; font-size:14px; color:#7d7d7d; border-bottom:1px solid #e3e3e3; padding:12px 0; text-align:center;}
.pageInner { background:#fff;padding:0px 0 !important; text-align:center; font-size:inherit !important;}
.newsList tbody td a {font-size:16px; color:#4c4c4c; }
.newsList tbody td a:hover {border-bottom:1px solid #4b4b4b; color:#4b4b4b; font-weight:700px; }
.newsList tbody td.tLeft {text-align:left; padding-left:20px; }
.newsList tbody td.faq {padding:0px 0;}
.newsList tbody td.faq a:hover {border-bottom:none; }
.newsList tbody td img {vertical-align:middle;margin-bottom:3px}

.newsList .inner thead th {padding:0px;font-weight:bold;font-size:12px;border-bottom:none;text-align:center;background:#F5EDE4}
.newsList .inner tbody tr:hover{}
.newsList .inner tbody td {padding:0px;font-size:13px;border-bottom:none;line-height:20px;text-align:left;font-weight:normal;color:#67564B}
.newsList .inner tbody td.tLeft {text-align:left;font-size:16px;}
.newsList .inner tbody td img {display:inline;vertical-align:middle;}

.faqArea {}
.faqList {border-top:2px solid rgba(0,0,0,1);}
.faqList.noLine {border-top:none;}
.faqList:after{clear:both;content:"";display:block;font-size:0;height:0px;line-height:0;visibility:hidden}
.faqList>li {border-bottom:rgba(204,204,204,1) 1px solid;text-align:left;}
.faqList>li.on .faqBox {background:rgba(250,250,250,1);}
.faqList>li.on .faqBox .questionTxt {font-weight:600}
.faqList>li.on .faqBox .question {background:none}
.faqList>li.on .faqBox .questionTxt {
	color:rgba(0,0,0,1);	
}
.faqList>li.on .answerBox {
	display:block;
	background:rgba(255,255,255,1);
}
.body-bg .faqList>li.on .faqBox,
.body-bg .faqList>li.on .answerBox {
	background:#fff;
}

.faqList .faqBox {
	position:relative;
	display:table;
	padding:20px 0;
	width:100%;
}
.faqList .faqSet {
	position:relative;
	display:table-cell;
	width:80px;
	text-align:center;
	vertical-align:top;
}
.faqList .qa-icon {
	display:inline-block;
	font-size:24px;
	font-weight:600;
	width:50px;
	height:50px;
	line-height:52px;
	text-align:center;
	vertical-align:middle;
	background:rgba(11,57,162,1);
	
	color:#fff;
	font-family:"Raleway",serif;
	-webkit-border-radius: 40px; 
	   -moz-border-radius: 40px; 
		    border-radius: 40px;
}
.faqList .faqBox .questionTxt {
	display:table-cell;
	font-size:18px;
	text-align:left;
	padding:0px 15px;
	vertical-align:middle;
	font-weight:400;
	line-height:145%;
}
.faqList .answerBox {
	position:relative;
	display:table;
	padding:20px 0 30px;
	display:none;
}
.faqList .answerBox:after{clear:both;content:"";display:block;font-size:0;height:0px;line-height:0;visibility:hidden}
.faqList .answerBox .qa-icon {
	background:rgba(204,204,204,1);
}

/*.faqList .answerBox .answer {
	vertical-align:top;
}*/
.faqList .answerBox .answerTxt {
	display:table-cell;
	font-size:16px;
	line-height:160%;
	text-align:left;
	padding:0px 15px;
	vertical-align:top;
	color:rgba(51,51,51,1);
}
.faqList .answerBox .answerTxt a {
	/*text-decoration:underline;*/
	border-bottom:1px solid #505050;padding-bottom:3px;
}

.faqList a:hover .questionTxt {
	color:rgba(0,0,0,1);
}

.faqList .answerBox ul { margin: 10px 0 0; padding: 0; list-style: disc !important; padding-left: 1.5em; }
.faqList .answerBox ul> br {display:none;}
.faqList .answerBox ul li { font-size: 16px; list-style:circle outside none;letter-spacing: -0.5px; line-height: 1.5; margin-bottom:5px;}
.faqList .answerBox ul li.none {list-style:none;margin-left: -1.2em; }
.faqList .answerBox ul li.red {color:#CC0000;}

@media screen and (max-width: 1024px) {
	.faqList .faqBox {
		padding:15px 0;
	}
	.faqList .faqSet {
		width:60px;
	}
	.faqList .qa-icon {
		font-size:20px;
		width:40px;
		height:40px;
		line-height:42px;
	}
	.faqList .faqBox .questionTxt {
		font-size:18px;
		padding:0px 15px 0 10px;
	}
	.faqList .answerBox {
		padding:10px 0 20px;
	}
	.faqList .answerBox .answerTxt {
		font-size:16px;
		padding:0px 15px 0 10px;
	}
	.faqList a:hover .questionTxt {
		color:inherit;
	}
}
@media screen and (max-width: 640px) {
	.faqList {padding:0px 0 0;}
	
	.faqList .faqSet {
		width:50px;
	}
	.faqList .qa-icon {
		font-size:18px;
		width:30px;
		height:30px;
		line-height:32px;
	}
	.faqList .faqBox .questionTxt {
		font-size:16px;
		padding:0px 15px 0 5px;
	}
	
	.faqList .answerBox .answerTxt {
		font-size:15px;
		padding:0px 15px 0 5px;
	}
}


#noticeRead {margin: 0px auto 50px; padding:20px 0 40px; position: relative; border-top:2px solid #000000;border-bottom:1px solid #dfdfdf;}
.noticeReadPage #noticeRead {margin: 0px auto 20px; padding:20px 0 40px; position: relative; border-top:2px solid #000000;border-bottom:none;}
#noticeRead .title {font-size:27px; color:#2d2d2d; margin-bottom:20px; text-align:center;line-height:140%;padding:0 10px;}
#noticeRead .dateCount {border-bottom: 1px solid #dfdfdf;padding-bottom: 20px;}
#noticeRead .dateCount {text-align:center; margin-bottom:20px;}
#noticeRead .dateCount div {display:inline-block; color:#7d7d7d;}
#noticeRead .dateCount div span {margin-right:10px;}
#noticeRead .dateCount .date  {/*margin-right:10px; padding-right:15px;  background:url("/imgs/board/bull03.png") right 50% no-repeat; */}
#noticeRead .dateCount .count  {margin-left:10px; padding-left:15px;  background:url("/imgs/board/bull03.png") left 50% no-repeat; }
#noticeRead .dateCount .count.first {margin-left:0px; padding-left:10px; background:none; }

#noticeRead .contArea  {padding:0px 0 40px; /*margin-bottom:30px; border-bottom:1px solid #dfdfdf;*/}
#noticeRead .contArea .inner {margin:0 auto;line-height:180%;text-align:center;text-align:justify;}
#noticeRead .contArea img  {max-width:100%;}

.boardAttachFile {
	padding: 10px 10px 20px;
	vertical-align:middle;
	font-size:13px;
}

.boardAttachFile a {text-decoration:underline}

#noticeRead .btnList  {text-align:center;}
#noticeRead .btnList.border  {padding-bottom:30px; border-bottom:1px solid #dfdfdf;}
#noticeRead .btnList a {display:inline-block; padding:11px 24px; border:1px solid #d5d5d5; font-size:16px; color:#000;}

/* fix Width */
#noticeRead .video-outer,
#noticeRead .contArea .inner,
#noticeRead .hallVisual {max-width: 840px;margin: 40px auto 0;}
#noticeRead .contArea .inner {text-align:justify;}

#noticeBottom {margin: 0px auto 0px; position: relative; }
#noticeBottom .btnList  {text-align:center;}
#noticeBottom .btnList.border  {padding-bottom:30px; border-bottom:1px solid #dfdfdf;}
#noticeBottom .btnList a {display:inline-block; padding:11px 24px; background:#666666; border:1px solid #666666; font-size:16px; color:#fff;}


.bbsPage{ border-top: 1px solid #000; width:100%; margin-top:30px;}
.bbsPage table{width: 100%;}
.bbsPage td{color:#777777; text-align:left; padding:16px 0 16px 24px; border-bottom:1px solid #dfdfdf; font-weight:normal;}
.bbsPage td a{color:#333333;}
.bbsPage .viewArrow{ background:url("/imgs/board/arrow_top.png") right 50% no-repeat; padding-right:28px; color:#2d2d2d; }
.bbsPage .viewArrow2{background:url("/imgs/board/arrow_bottom.png") right 50% no-repeat; padding-right:28px;  color:#2d2d2d;}

/* 읽기 */
#noticeTitle {padding:0 0px}
#noticeTitle .mTitle {font-size:18px;color:#fff;font-weight:normal;line-height:30px;letter-spacing:-1px;padding-bottom:10px;}
#noticeTitle table {width:100%; border-collapse:collapse;border-top:2px solid #333333;}
#noticeTitle th, #noticeTitle td { padding:10px; border-bottom:1px solid #d4d4d4;}
#noticeTitle td {}
#noticeTitle th {background:#e4e4e4;text-align:center;}

.boardAttachFile {
	padding: 10px 20px;
	vertical-align:middle;
	font-size:13px;
}

#noticeView {padding:0 0px;border-bottom:1px solid #d4d4d4;}
#noticeView .noticeCont {padding:20px 0px 30px; text-align:justify;overflow:hidden;line-height:150%}
#noticeView .noticeCont img {max-width:100%;}
#noticeView .eventImg {padding:20px 0px 10px; text-align:center;overflow:hidden;}
#noticeView .eventImg img {max-width:100%;}

#readList {overflow:hidden; width:100%;border-bottom:2px solid #333333; }
#readList li {width:100%; list-style:none; border-bottom:1px solid #d4d4d4; }
#readList:after {clear:both;content:"";display:block;font-size:0;height:0px;line-height:0;visibility:hidden}
#readList a {position:relative;  width:100%; display:block; }
#readList div.prev {
	position:absolute;
	overflow:hidden;
	left:0px;
	width:70px;
	display:block;
	background:#e4e4e4 url(/imgs/icon/bul_prevArticle.png) no-repeat 10px 50%;
	padding:0px 0 0px 25px;
	height:40px;
	line-height:40px;
	font-size:12px;
}
#readList div.next {
	position:absolute;
	overflow:hidden;
	left:0px;
	width:70px;
	display:block;
	background:#e4e4e4 url(/imgs/icon/bul_nextArticle.png) no-repeat 10px 50%;
	padding:0px 0 0px 25px;
	line-height:40px;
	height:40px;
	font-size:12px;
}
#readList div.subject { 
	padding:0px 10px 0px 85px;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	line-height:40px;
	height:40px;
}
#readList div.subject img { vertical-align:middle;}

.noData {text-align:center;padding:40px 0;}

.eReservbox {width:100%;margin:0 auto;padding:10px 0px 30px; border:1px solid #dfdfdf; background:#f4f4f4}
.eReservbox > p{padding-bottom:10px;  text-align:center}
.eReservbox > p img{}
.eReservbox > div{margin:10px 0 0 0; padding:0 40px}
.eReservbox > a{display:block; width:190px; margin:30px auto 0; margin:20px auto 0\0/IE8;}

.eReservbox .link {text-align: center; padding:20px 0 0px; font-size: 0;}
.eReservbox a.btnReservation, .eReservbox a.confirm {
	color:#fff; background:#125aac; border:#125aac 2px solid;
	display: inline-block; *display: inline; *zoom: 1; 
	width: auto; 
	line-height: 50px; 
	text-align: center; font-size: 16px; letter-spacing: .0em; 
	position: relative; 
	padding: 0 40px 0 40px; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px
}
.eReservbox a.btnReservation:before { 
	display: inline-block; *display: inline; *zoom: 1; 
	font-size: 16px; 
	font-family: 'themify'; content: "\e61d"; 
	font-weight: normal; 
	margin-right:10px;
	
	/*-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; */
}
.eReservbox a.btnReservation:hover, .eReservbox a.confirm:hover {
	background-color:#666666;border: 2px solid #666666;
	
}

.eTitleBox {clear:both;margin:0 auto;width:100%;height:50px;background:#9C8679 url(/imgs/event/bg_title_01.gif) no-repeat left top;position:relative;text-align:center}
.eTitleBox p {padding:10px 0px 0px 0px;margin:0px}
.eTitleBox ul {position:absolute;right:0px;top:0px;padding:10px 50px 0px 0px;background:url(/imgs/event/bg_title_02.gif) no-repeat right top; height:50px}
.eTitleBox ul li {margin-left:4px;float:left}

.vTitleBox {clear:both;margin:0 auto;width:100%;height:50px;background:#9C8679 url(/imgs/event/bg_title_01.gif) no-repeat left top;position:relative;text-align:center;}
.vTitleBox p {padding:10px 0px 0px 0px;margin:0px}
.vTitleBox ul {position:absolute;right:0px;top:0px;padding:10px 50px 0px 0px;background:url(/imgs/event/bg_title_02.gif) no-repeat right top; height:50px}
.vTitleBox ul li {margin-left:4px;float:left}

/* form */
.form	{width:100%;font-size:13px}
.form caption	{width:0;height:0;font-size:0;line-height:0;overflow:hidden;}
.form thead th	{padding:6px 0 6px;font-weight:normal;background:url(/imgs/reservation/bot_line.gif) repeat-x left bottom;}
.form tbody th	{height:40px;font-weight:normal;font-size:14px;text-align:left;background:url(/imgs/reservation/bot_line.gif) repeat-x left bottom;}
.form tbody th label, .form th span	{padding-left:20px;}
.form tbody th span label {padding-left:0;}
.form tbody td	{
	padding:6px 0 10px 10px;
	background:url(/imgs/reservation/bot_line.gif) repeat-x left bottom;
	vertical-align:middle
}
.form tbody td .txt {padding:2px 5px 1px;}
.form tbody td label{display:inline-block; padding-right:10px; letter-spacing:0px;}

a.capbtn {display:inline-block; height:25px;padding:0px 6px;*padding:0px 6px; font-weight:bold; background:#666666;color:#fff;border: 1px solid #125aac; font-size:11px;text-align:center;line-height:22px;}
a.capbtn:hover {background-color:#125aac;border: 1px solid #125aac;}

/* jquery ui theme */
.ui-datepicker {font-size:14px}
.ui-datepicker select.ui-datepicker-year {
	padding:3px 0px;
	width:40%;
}
.ui-datepicker select.ui-datepicker-month {
	padding: 2px 0;
	margin-left:10px;
	width:40%;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 5px;
	width: 1.8em;
	height: 1.8em;
}


.tagNotice {
	display:inline-block;
	overflow:hidden;
	margin:0 0px;
	border:1px solid rgba(11,57,162,1);
	border-radius:3px;
	background:rgba(11,57,162,1);
	color:#fff;font-weight:normal;
	letter-spacing:-1px;
	white-space:nowrap;
	text-overflow:ellipsis;
	line-height:24px;
	text-align:center;
	font-size:14px;
	width:50px;
	vertical-align:top;
}
.tagReply {
	display:inline-block;
	overflow:hidden;
	height:22px;
	margin:0 0px;
	border-radius:3px;
	background:#333333;
	color:#f2f2f2 !important;
	font-weight:normal;
	letter-spacing:-1px;
	white-space:nowrap;
	text-overflow:ellipsis;
	line-height:22px;
	text-align:center;
	font-size:12px;
	width:40px;
	vertical-align:middle;
}

.tagAdmin {
	display:inline-block;
	overflow:hidden;
	height:22px;
	padding:0 5px;
	border-radius:3px;
	background:#333333;
	color:#f2f2f2 !important;
	font-weight:normal;
	letter-spacing:0px;
	white-space:nowrap;
	text-overflow:ellipsis;
	line-height:22px;
	text-align:center;
	font-size:11px;
	width:90px;
	vertical-align:middle;
}

.tagAdminRead {
	display:inline-block;
	overflow:hidden;
	height:22px;
	padding:0 5px;
	border-radius:3px;
	background:#333333;
	color:#f2f2f2 !important;
	font-weight:normal;
	letter-spacing:-1px;
	white-space:nowrap;
	text-overflow:ellipsis;
	line-height:22px;
	text-align:center;
	font-size:10px;
	width:80px;
	vertical-align:middle;
}

.tagWrite {
	display:inline-block;
	overflow:hidden;
	height:22px;
	margin:0 10px;
	border-radius:3px;
	background:#cccccc;
	color:#fff !important;
	font-weight:normal;
	letter-spacing:-1px;
	white-space:nowrap;
	text-overflow:ellipsis;
	line-height:22px;
	text-align:center;
	font-size:12px;
	width:40px;
	vertical-align:middle;
}

.newsRead {width:100%;table-layout:fixed;} /*border-top: 3px solid #706347;*/
.newsRead.thread {border-top: 1px solid #D9CCBB;}
.newsRead caption {width:0;height:0;font-size:0;line-height:0;overflow:hidden;}
.newsRead tbody th {height:26px;padding:5px 10px;font-weight:bold;font-size:1.0em;color:#67564B;border-bottom:1px solid #D9CCBB;text-align:center;background-color:#F3EEE7;}
.newsRead tbody td.title {font-size:1.2em}
.newsRead tbody td {height:26px;padding:0px 0px;font-size:12px;border-bottom:1px solid #D9CCBB;line-height:20px;font-weight:normal;background:#fff;}
.newsRead tbody td img {vertical-align:middle;}
.newsRead .fontB {font-weight:bold;}

.newsRead .imgOrg{padding-bottom:30px;text-align:center;}
.newsRead .cont{padding:30px 0px;font-size:14px;line-height:100%;background:#fff;}
.newsRead .cont p{font-size:14px;line-height:160%;background:#fff;}
.newsRead .contText{width:700px;margin:0 auto;padding-bottom:30px;}
.newsRead .eventData{width:700px;margin:0 auto;}
.newsRead .cont > div{line-height:20px;background:#fff;}
.newsRead tbody tr.prev th{border-bottom:1px solid #D9CCBB;background-color:#F3EEE7;}
.newsRead tbody tr.prev td{border-bottom:1px solid #D9CCBB;background-color:#fff;}
.newsRead tbody tr.next th{border-bottom:1px solid #D9CCBB;background-color:#F3EEE7;}
.newsRead tbody tr.next td{border-bottom:1px solid #D9CCBB;background-color:#fff;}
.newsRead a {color:#53463E;letter-spacing:0px;}
.newsRead a:hover, .newsRead a:focus {color:#3A312C;text-decoration:underline;}
.newsRead tbody .move a{padding:0 0 0 17px;}
.newsRead tbody tr.prev .move a{background:url(/imgs/whatsNew/bul_prevArticle.gif) no-repeat 0 50%;}
.newsRead tbody tr.next .move a{background:url(/imgs/whatsNew/bul_nextArticle.gif) no-repeat 0 50%;}
.newsRead tbody .tit-list{display:block;font-size:1.2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.newsRead tbody td.date{text-align:center}

.newsRead .btnArea	{padding-top:10px !important;}

#pItemSet .slide {
	/*float:left;
	border:1px solid #D7D7D7;*/
	position: relative;
	text-align:center;
	margin-bottom:20px;
}

#pItemSet .slide img {vertical-align:top;}

#pItemSet .desc {float:left;margin-left:20px;width:360px;margin-bottom:20px;}
#pItemSet .desc h2	{padding:0 0 15px 0;font-weight:normal;font-size:18px;line-height:22px;color:#3C221B;}
#pItemSet .desc dl	{padding-bottom:4px;*zoom:1;}
#pItemSet .desc dl:after {content:"";display:block;clear:both;}
#pItemSet .desc dl dt	{float:left;width:40px;color:#fff;font-size:12px;line-height:16px;background:#8C746E;text-align:center}
#pItemSet .desc dl dt.bl {background:#CC3300;}
#pItemSet .desc dl dd	{float:right;width:310px;padding:1px 0 0 0;font-size:12px;color:#696969;line-height:16px;word-spacing:-2px;}
#pItemSet .desc dl dd.bl {color:#333333;}
#pItemSet .desc dl dd.bold {font-weight:bold}
#pItemSet .desc dl dd p {margin-left:17px;font-size:11px !important;color:#696969 !important;font-weight:normal;letter-spacing:0px}
#pItemSet .desc dl dd.link {padding-top:15px;}


/* gallery */
#galleryArea {width:100%;padding:0 0 20px}
#gallerySubArea {width:100%;padding:0 0 20px}
.gallery {display:none;margin:0 -1.5% 0;}
.gallery:after {clear:both;content:"";display:block;font-size:0;height:0px;line-height:0;visibility:hidden}
.galleryNo {padding:100px 0;text-align:center;border:4px solid #dddddd;}
.gallery .galleryItem {
	width: 100%;
	overflow:hidden; 
	/*border:1px solid #cccccc;*/
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	/*margin-bottom:3%;
	*margin-bottom:3%;
	*margin-left:1.03%;
	*margin-right:1.03%;*/
	margin:0 1.5% 40px;
	
	background:#fff;	
	border:1px solid rgba(0,0,0,0.1);
	box-shadow: 3px 3px 10px rgba(0,0,0,0.1);
}

.gallery .gutter-sizer {width:2%;}
.gallery .galleryItem {width:30.3%;margin:0 1.5% 40px;}


.gallery .noRound {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
}

.gallery .galleryItem .videoBtn{
	position:absolute;
	left:0;
	top:0;
	/*margin-top:-30px;*/
	z-index:2;
	width:100%;
	height:100%;
	background:url("/imgs/icon/videoPlayBtn.png") center center no-repeat;
}
.gallery .galleryItem .imgbox {position:relative; z-index:1; font-size:0; line-height:0; text-align:center; }
.gallery .galleryItem .imgbox img {position:relative;width:100%;margin-bottom:0px;}

.gallery .galleryItem .galleryTxtbox {
	position:relative;
	z-index:2;
	width:100%;
	background:#fff url("/imgs/icon/zoom_icon.png") 96% 10px no-repeat;
	text-align:center;
	padding:10px;
}

.gallery .galleryItem .noIcon {
	background:none;
	padding:5px 10px 10px;
}

.gallery .galleryItem .galleryTxtbox .txt {position:relative;z-index:2;display:block;padding:15px 0 5px;font-weight:normal;line-height:120%;}
.gallery .galleryItem .galleryTxtbox .txt .kor {display:block;overflow:hidden;font-size:14px;color:#666666;letter-spacing:-1px;text-overflow:ellipsis;white-space:nowrap}
.gallery .galleryItem .galleryTxtbox .txt .eng {display:block;overflow:hidden;font-size:16px;color:#333333;letter-spacing:0px;text-overflow:ellipsis;white-space:nowrap}
.gallery .galleryItem .galleryTxtbox .txt .date {display:block;color:#bbbbbb;margin-top:5px;font-size:13px;}
.gallery .galleryItem .galleryTxtbox .txt .date i {
	margin-right:5px;
}
.gallery .galleryItem .overlay {
	position:absolute;
	z-index:3;
	top:0;left:0;
	width:100%;height:100%;
	display:none;
	cursor:pointer;
}
.gallery .galleryItem .overlay .backgd {
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
	background:#DDD3D2;
	display:none;
}
.gallery .galleryItem .overlay .info {position:absolute;z-index:3;width:90%;top:50%;text-align:center;font-size:20px;margin-left:5%;margin-top:40px;}
.gallery .galleryItem .overlay .icon {position:absolute;z-index:2;width:100%;height:100%;background:url('/imgs/icon/ico_view.png') center 50% no-repeat;}

.shadow{
	-moz-box-shadow: #d7d7d7 3px 3px 3px ;
	-webkit-box-shadow: #d7d7d7 3px 3px 3px ;
	box-shadow:#d7d7d7 3px 3px 3px ;
	
	behavior: url(/js/PIE.htc);
}
.shadow:after {content: ""; display: none; clear: both; visibility: hidden; line-height: 0; height: 0;}



.hallVisual {position:relative;margin:0 auto;}
.hallVisual.bbsGallery {padding:0px 0px}
.hallVisual .slides img {display:block; max-width:100%;left:inherit;margin:auto auto;}

.hallVisual.noBX {padding:0px 0}
.hallVisual.noBX .slides > li {display: block;background:none;margin-bottom:50px;} 
.hallVisual.noBX .slides img {display:block;min-width:inherit;max-width:100%;/*left:inherit;*/margin:auto auto;}
.hallVisual.noBX .bx-caption {
	background: #ffffff;
	color:#333333;
	display: block;
	position: relative;
	width: auto;
	padding: 2em 0 1em;
	text-align:justify;
	line-height:22px;
}


.hallVisual.noBx .slides img {max-height:none;}
.hallVisual .bx-viewport {z-index:1;border: none !important;background:rgba(0,0,0,0.2);}

.hallVisual .bx-wrapper .bx-pager {text-align:center;padding:10px 0;/*position:absolute; right:0px; top:-30px; z-index:10; padding:0; height:20px;*/}
.hallVisual .bx-wrapper .bx-pager .bx-pager-item,
.hallVisual .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	margin:0 0 0 5px;
}

.hallVisual .bx-wrapper .bx-pager.bx-default-pager a {
	background:url('/imgs/icon/rollingBtn.png') no-repeat -10px 0;
	width:10px; height:10px;
	display:inline-block;
	line-height:100px;
	overflow:hidden;
}

.hallVisual .bx-wrapper .bx-pager.bx-default-pager a:hover,
.hallVisual .bx-wrapper .bx-pager.bx-default-pager a.active {
	background-position:0 0px
}

/* bxslider */
.hallVisual .bx-wrapper .bx-controls-direction a {
	margin-top: -38px;
}

/* IE rgba() hack */

.hallVisual .bx-wrapper .bx-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.hallVisual .bx-wrapper .bx-caption {
	width: 100%; padding: 2%; 
	position: absolute; left: 0; bottom: 0; 
	background: rgba(0,0,0,.5); color: #fff; /*text-shadow: 0 -1px 0 rgba(0,0,0,.5); */
	font-size: 14px; line-height: 18px;
	text-align:left;
}

/* reservation */

.reserv {position:relative;padding-bottom:40px;}
.reserv .addr {text-align:center;margin-bottom:20px;}
.reserv .link {text-align: center; margin-top: 40px; font-size: 0; }
.reserv .link a.btn { width: 50%; line-height: 55px; text-align: center; font-size: 15px; font-weight: normal; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; }
.reserv .link a.btnl { width: 50%; line-height: 55px; text-align: center; font-size: 15px; font-weight: normal; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; }
.reserv .link a.btnr { width: 50%; line-height: 55px; text-align: center; font-size: 15px; font-weight: normal; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; }
.reserv .link a.btnl2 { width: 50%; line-height: 45px; text-align: center; font-size: 15px; font-weight: normal; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; }
.reserv .link a.btnr2 { width: 50%; line-height: 45px; text-align: center; font-size: 15px; font-weight: normal; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; }
.reserv .link a.btn-border { width: 50%; max-width: 284px; line-height: 55px; text-align: center; font-size: 15px; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; }

.reserv .link a.btn:after,
.reserv .link a.btnl:after,
.reserv .link a.btnr:after,
.reserv .link a.btn-border:after { font-family: 'themify'; content: "\e611"; font-size: 16px; font-weight: normal; line-height: 55px; }
.reserv .link a.btn:after,
.reserv .link a.btnl:after { right: auto; left: 10px; font-size: 16px; content: "\e693"; line-height: 55px; }
.reserv .link a.btnl2:after { font-family: 'themify'; content: "\e681"; font-size: 16px; font-weight: normal; line-height: 45px; }
.reserv .link a.btnr2:after { font-size: 16px; content: "\e6a7"; line-height: 45px; }

.reserv .tableBox {
	border:#e5e5e5 1px solid;
	display:table;
	width:100%;
	background:#fff;
	position:relative;
}

.reserv .tableCell {
	display:table-cell; width: 50%;
	vertical-align:top;
}
.reserv .tableCell.all {
	width: 100%;
}
.reserv .tableCell .inner {padding: 40px;}
.reserv .tableCell.right {background:#f7f7f7;}

.reserv .hName { position: relative; padding-bottom:30px;text-align:center;}
.reserv h2 {font-size:36px;letter-spacing:-1px;line-height:1.5em; word-break:keep-all;color:rgba(11,57,162,1);font-weight:normal;}
.reserv h2 span {border-bottom:2px solid rgba(11,57,162,1);}
.reserv h3 { font-size: 18px; letter-spacing: .0em; line-height:1 !important;margin-bottom:10px; color:rgba(11,57,162,1);margin-top:20px;}


.reserv .infoBox { margin-bottom: 0px; }
.reserv .infoBox.telEmail {display:inline-block; width:40%;}
.reserv .infoBox h4.category-en { font-size: 15px; font-weight: normal; letter-spacing: .05em; /*text-transform: uppercase;*/}
.reserv .infoBox h4.category-kr { font-size: 12px; font-weight: 300; letter-spacing: .05em; }
.reserv .infoBox p { letter-spacing: .1em; line-height:2;margin-top:0px !important;}
.reserv .infoBox p i { font-size: 12px; line-height: 2; font-weight: normal; padding-right: 8px; vertical-align: 0; }
.reserv .infoBox p {font-size:16px;letter-spacing:0px;line-height: 1.7; margin-top: 30px;}

/* ol */
.reserv .infoBox ol { margin: 0; padding: 0; list-style: decimal !important; padding-left: 1.2em; }
.reserv .infoBox ol li { font-weight: normal; list-style: decimal !important; letter-spacing: .1em; line-height: 2; }
/* ul.circle */
.reserv .infoBox ul.circle { margin: 5px 0 0; padding: 0; list-style: circle !important; padding-left: 1.5em; }
.reserv .infoBox ul.circle li { list-style: circle !important;  letter-spacing: .05em; line-height: 1.5; margin-bottom:5px;}
/* ul.disc */
.reserv .infoBox ul.disc { margin: 10px 0 0; padding: 0; list-style: disc !important; padding-left: 1.5em; }
.reserv .infoBox ul.disc li { font-weight: normal; list-style: disc !important; letter-spacing: .0.5em; line-height: 1.5; margin-bottom:5px;}
.reserv .infoBox ul.disc li.discMargin {margin-top:10px;}

.orgEvent {position: relative; margin-bottom:30px;text-align:center;}
.orgEvent .orgEventTit {text-align:center;display:inline-block;position:relative;}
.orgEvent .orgEventTit img {
	
	width:100%;
	max-width:100%;
}
.orgEvent .orgEventCont {
	background:#fff;
	color:#333;
	text-align:center;
	font-size:16px;
	margin: -30px auto 30px;
	padding:80px 30px 30px;
	border:3px solid #614836;
}
.orgEvent .orgEventCont:after {content:'';clear:both;display:table;}


/* legend */
.do_legend {display: block;width: 100%;font-size: 15px;font-weight: 400;color: #666;}
/* label */
.do_label {
	display: inline-block;padding-bottom: 4px;padding-right: 4px;position: relative;vertical-align: middle;
	font-size: 15px;
	font-weight: 400;
	color: #333;
}
.do_label_required:after {content: '*';display: inline-block;padding-left: 4px;vertical-align: middle;font-size: 15px;font-weight: 400;color: #ff0000;}
/* input */
.do_form_field {display: inline-block;width: 390px;height: 40px;padding: 8px 10px;vertical-align: middle;font-size: 15px;color: #777;background: #f8f8f8;border: 1px solid #ddd;border-radius: inherit;}
textarea.do_form_field {height: 200px;overflow: auto;resize: none;}
/* input block */
.do_form_block_field {display: block;}

/* input 설명글 */
.do_form_field_guide {padding-top: 8px;}
.do_form_field_guide *, .do_form_field_guide p {padding: 0;font-size: 13px;line-height: 1.87;font-style: normal;font-weight: 400;color: #666;}

/* 약관동의 */
.do_agree_rule {width: 100%;height: 160px;padding: 24px 24px;background: #f8f8f8;border: 1px solid #dedede;overflow: auto;}
.do_agree_rule p {padding-bottom: 0;}
.do_agree_check {padding: 12px 0 48px;text-align: right;}
.do_agree_check div[class^="icheckbox"] + span {padding-right: 0;padding-left: 8px;font-size: 13px;}

.reservForm {}
.rForm_body { overflow: hidden; }
.rForm_content { position: relative; }
.rForm_submit { position: relative; }
.rForm_header {margin-bottom: 9px;}
.rForm_title {font-size: 16px;font-weight:normal;letter-spacing: -0.025em;margin-bottom: 6px;}
.rForm_list { border-top: 4px solid #d3000c; }
.rForm_list:after {display: table; clear: both; content: ''; }
.rForm_listitem {position: relative;padding: 0px 0 30px;/*border-bottom: 1px solid #ddd;*/}
.rForm_listitem .radioLabel {margin-right:10px;}
.rForm_listitem .radioLabel:after {content:'';display:inline-block;}
.rForm_listitem .your-memo { height: 120px; }
.rForm_listitem .your-memo2 { height: 180px; }

.rForm_listitem_project .rForm_header { margin-bottom: 16px; }
.rForm_listitem_project{ padding-bottom: 0; }

.do_label_info {font-size: 16px;font-weight: normal;margin-bottom:5px;padding: 0;letter-spacing: -0.025em;}
.do_form_field_request { width: 100%; height: 40px; border-width: 1px; background: #fff; }
.do_form_field_date { width: 70%; height: 40px; border-width: 1px; background: #fff; text-align:center;}
.do_form_field_date2 { width: 100%; height: 40px; border-width: 1px; background: #fff; text-align:center;}
.do_form_field_tel { width: 30%; height: 40px; border-width: 1px; background: #fff;}
.do_form_field_cap { width: 50%; height: 40px; border-width: 1px; background: #fff;}
.do_form_field_caller { width: 100%; height: 40px; border-width: 1px; background: #fff;}
.do_form_field_telbar {position:relative;display:inline-block;width:5%; height: 100%; text-align:center;vertical-align:middle; margin:0 -4px;}
.do_form_field_datebar {position:relative;display:inline-block;width:3%; height: 100%; text-align:center;vertical-align:middle;}

.do_form_field_date.do_time { width: 30%; }
.do_form_field_timebar {position:relative;display:inline-block;width:4%; height: 100%; text-align:center;vertical-align:middle; margin:0 -6px;}
.do_form_field_telbar .bar {display:block;width:50%;height:1px;background-color:#ccc;position:absolute;top:50%;left:50%;margin-left:-25%;}

.do_form_field_select { 
	border-radius:0; 
	background:#fff url(/imgs/icon/angle-down.png) no-repeat right 50%;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none; 
	text-overflow: ''; 
	vertical-align: middle; 
	padding-left:15px;
}
.do_form_field_select::-ms-expand {
    display: none;
}
.ie8 .do_form_field_select { background:none; line-height:1; }

.do_form_list_info {margin: 4px -12.5px -7px;}
.do_form_listitem_info {float: left;width: 50%;padding:5px 12.5px 10px;}
.do_form_submit {float: left;width: 50%;padding:5px 0 0px;}
.do_form_control {text-align: center; padding-top:30px;}

.do_agree_check_request { padding: 13px 0 30px 0px; text-align: left; word-break: keep-all; letter-spacing:-1px; }
.do_agree_check_request_anchor { margin-right: 3px; padding-bottom: 0px; color: #222; /*border-bottom: 1px solid #d3000c;*/ }
.do_agree_check_request_anchor:hover { color: #d3000c; }
.do_agree_check_request .icheckbox_minimal { left: -23px; }

a.btnReservation, a.confirm {
	color:#fff; background:rgba(11,57,162,1); border:rgba(11,57,162,1) 2px solid;
	display: inline-block; *display: inline; *zoom: 1; 
	width: auto; 
	line-height: 60px; 
	text-align: center; font-size: 16px; letter-spacing: .0em; 
	position: relative; 
	padding: 0 50px 0 50px; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px
}
a.btnReservation:before { 
	display: inline-block; *display: inline; *zoom: 1; 
	font-size: 16px; 
	font-family: 'themify'; content: "\e61d"; 
	font-weight: normal; 
	margin-right:10px;
	/*-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; */
}
a.btnReservation:hover, a.confirm:hover {
	background-color:#333333;border: 2px solid #333333;
}

a.capbtn {
	display:inline-block; height:25px;
	padding:0px 6px;*padding:0px 6px;
	font-weight:normal; 
	background:rgba(11,57,162,1);
	color:#fff;
	border: 1px solid rgba(11,57,162,1);
	font-size:11px;text-align:center;line-height:23px;
}
a.capbtn:hover {background-color:#333333;border: 1px solid #333333;}

/* error */
.rForm_required_text { font-size: 14px; font-weight: normal; color: #d3000c; }


/* 달력 */
div.ui-datepicker {position:absolute; margin:5px 0 0 0px; padding:20px 20px 16px 20px; border:1px solid #e8e8e8; background:#fff; z-index:10 !important; display:none;}
div.ui-datepicker a {text-decoration:none; cursor:pointer; transition:color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.1s linear 0s !important;}
div.ui-datepicker .ui-widget-header .ui-icon {position:absolute; top:18px; width:27px; height:27px; padding:0 !important; text-indent:-9999px;}
div.ui-datepicker .ui-datepicker-prev .ui-icon {left:20px;background:url(/imgs/icon/btn_pre.gif) 0 0 no-repeat;}
div.ui-datepicker .ui-datepicker-next .ui-icon {right:20px; background:url(/imgs/icon/btn_next.gif) 0 0 no-repeat;}
div.ui-datepicker .ui-datepicker-title {margin-bottom:6px; padding-bottom:12px; font-size:15px; color:#996b56; text-align:center; border-bottom:1px solid #e8e8e8; display:block; font-weight:600;margin-top:-2px;}
div.ui-datepicker.st01 {margin:0;}
div.ui-datepicker.ui-datepicker-multi {clear:both; width:auto !important; height:auto; overflow:hidden;}
div.ui-datepicker.ui-datepicker-multi .ui-datepicker-group {float:left; width:200px; height:219px; margin:0 10px;}
div.ui-datepicker .ui-datepicker-row-break {clear:both;}
div.ui-datepicker select {
	padding: 1px 0.5em 2px;
   	font-size: 14px;
	line-height:1;
	margin:0 2px 0;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	background: #eee;
	font-weight: bold;
}

table.ui-datepicker-calendar {width:200px;}
table.ui-datepicker-calendar th, table.ui-datepicker-calendar td {width:26px; height:26px; padding:0; line-height:26px; font-size:12px; color:#696969; text-align:center;}
table.ui-datepicker-calendar th {font-family:"Noto Medium";}
table.ui-datepicker-calendar thead th:first-child {color:#996b56;}
table.ui-datepicker-calendar td a {height:100%; line-height:26px; display:block;}
table.ui-datepicker-calendar td:first-child a, table.ui-datepicker-calendar td.holiday a {color:#996b56;}
table.ui-datepicker-calendar td.ui-state-disabled {color:#ccc;}
table.ui-datepicker-calendar td.ui-state-highlight {background:#996b56;}
table.ui-datepicker-calendar td.start, table.ui-datepicker-calendar td.end, table.ui-datepicker-calendar td.ui-datepicker-current-day {background:#885d49;}
table.ui-datepicker-calendar td.start a, table.ui-datepicker-calendar td.end a, table.ui-datepicker-calendar td.ing a, table.ui-datepicker-calendar td.ui-datepicker-current-day a, table.ui-datepicker-calendar td.ui-state-highlight a {color:#fff;}
table.ui-datepicker-calendar span {padding:0 !important;}
table.ui-datepicker-calendar .ui-state-highlight::last-child {background:#996b56;}

/* 페이지네비 */
#pageNavi {text-align:center;padding:40px 0px 20px;}
#pageNavi b,
#pageNavi span,
#pageNavi a {
	*zoom: 1;margin: 0px 0px 0px 0px; 
	text-align: center; width: 38px; text-decoration: none; position: relative; 
	display:inline-block; 
	color:#666;  font-size:16px;
	border: #ccc 1px solid; 
	line-height:36px;
	vertical-align:middle;
}
#pageNavi a:hover { color: #333; background: #fff; border: rgba(11,57,162,1) 1px solid; }
#pageNavi span { color:#ccc;}
#pageNavi b { background:rgba(11,57,162,1); color:#fff; border: rgba(11,57,162,1) 1px solid;}
#pageBtn {text-align:center;padding:30px 0;background:#666666;}

.requestBtn {
	position:relavice;
	display:table;
	width:100%;
	left:0px;
	font-size:0;
}

.requestBtn .titleCell {
	position:relative;
	display:table-cell;
	text-align:center;
	vertical-align: middle;
	overflow:hidden;
}

.requestBtn .lineBox {
	display:inline-block; width:1px; height:80px; margin:10px auto 10px;
	overflow:hidden;
}
.requestBtn .line {
	display:block; width:1px; height:80px;
	background-color: rgba(0,0,0,.5);
}

.requestBtn .contactBox {
	letter-spacing:0px;
	border:3px solid rgba(0,0,0,1);
	color:rgba(0,0,0,1);
	width: 200px; 
	margin:0 auto;
	font-size:16px;
	padding:10px 10px 12px 30px; 
	display: block;	
	font-weight:normal;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	position:relative;
	-webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px 
}
.requestBtn .contactBox:after { 
	position: absolute; top: 8px; left: 20px; display: block; font-size: 20px; font-family: 'themify'; content: "\e62d"; font-weight: normal; 
}

.requestBtn .contactBox:hover {

	color:rgba(255,255,255,1);
	/*border:3px solid rgba(204,0,0,1);*/
	background:rgba(204,0,0,1);
	background:rgba(0,0,0,1);
}

.blogRead {
	background:#fff;
	position: relative;
    min-height: 500px;
}

.blogRead .blogRL {
	float:left;
	width:76%;
	width:100%;
}
.blogRead .blogRR {
	float:right;
	width:24%;
	width:0%;
}

.blogPost {
	width: 100%;
}

.blogPost-content {
	width: 100%;
    /*background-color: #f9f9f9;*/
    padding: 40px 40px 30px 40px;
	text-align:center;
}

.blogPost-content .post-category a {
	display:inline-block;
	border-radius: 26px;
    padding: 5px 16px 5px;
    font-size: 15px;
	letter-spacing:0px;
	background-color:#ed1f24;
	color: #fff;
	margin-bottom: 15px;
	width:auto;
}

.blogPost-content .post-category a:hover {
	background-color:rgba(0,0,0,1);
}

.blogPost-content .post-title {
	text-transform: uppercase;
   
    margin-top: 0;
    font-size: 40px;
    font-weight: bold;
	color: rgb(0,0,0);
    font-family:"Nanum Myeongjo","Playfair Display",serif;
    font-weight: 400;
    line-height: 120%;;
    letter-spacing: -1px;
	margin-bottom: 20px;
}

.blogPost-content .post-date {
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 20px;
	margin-bottom:20px;
}
.blogPost-content .post-date {font-size: 14px;}
.blogPost-content .post-date div {display:inline-block; color:#333;}
.blogPost-content .post-date div span {margin-right:10px;color:#7d7d7d;}
.blogPost-content .post-date .date  {margin-right:5px; padding-right:5px;  /*background:url("/imgs/board/bull03.png") right 50% no-repeat; */}

.blogPost-content .attachFile {
	padding: 10px 10px 20px;
	vertical-align:middle;
	font-size:13px;
}

.blogPost-content .attachFile a {text-decoration:underline}

.blogPost-content .contArea  {padding:10px 0 40px;color: rgb(70, 70, 70);}
.blogPost-content .contArea .inner {margin:0 auto;line-height:160%;text-align:center;text-align:justify;}
.blogPost-content .contArea img  {max-width:100%;}

.blogPost-bottom {padding: 40px 0 40px; position: relative; border-top: 1px solid #dfdfdf;}
.blogPost-bottom .btnList  {text-align:center;}
.blogPost-bottom .btnList a {display:inline-block; padding:10px 24px 12px; border:1px solid #333; font-size:16px; color:#000;background:#fff;}
.blogPost-bottom .btnList a:hover {border:1px solid #333; color:#fff;background:#333;}

/* fix Width */
.blogPost-content .video-outer,
.blogPost-content .contArea .inner,
.blogPost-content .postSildeArea {max-width:900px}

.postSildeArea {position:relative;margin:0 auto;padding:20px 0px}
.postSildeArea .slides img {display:block; max-width:100%;left:inherit;margin:auto auto;}

.postSildeArea.noBX {padding:0px 0}
.postSildeArea.noBX .slides > li {display: block;background:none;margin-bottom:40px;} 
.postSildeArea.noBX .slides img {display:block;min-width:inherit;max-width:100%;/*left:inherit;*/margin:auto auto;}
.postSildeArea.noBX .bx-caption {
	background: #ffffff;
	color:#333333;
	display: block;
	position: relative;
	width: auto;
	padding: 2em 0 1em;
	text-align:justify;
	line-height:22px;
}


.postSildeArea.noBx .slides img {max-height:none;}
.postSildeArea .bx-viewport {z-index:1;border: none !important;background:rgba(0,0,0,0.2);}

.postSildeArea .bx-wrapper .bx-pager {text-align:center;padding:10px 0;/*position:absolute; right:0px; top:-30px; z-index:10; padding:0; height:20px;*/}
.postSildeArea .bx-wrapper .bx-pager .bx-pager-item,
.postSildeArea .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	margin:0 0 0 5px;
}

.postSildeArea .bx-wrapper .bx-pager.bx-default-pager a {
	background:url('/imgs/icon/rollingBtn.png') no-repeat -10px 0;
	width:10px; height:10px;
	display:inline-block;
	line-height:100px;
	overflow:hidden;
	-webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none;
}

.postSildeArea .bx-wrapper .bx-pager.bx-default-pager a:hover,
.postSildeArea .bx-wrapper .bx-pager.bx-default-pager a.active {
	background-position:0 0px
}

/* bxslider */
.postSildeArea .bx-wrapper .bx-controls-direction a {
	margin-top: -38px;
}

/* IE rgba() hack */
.postSildeArea .bx-wrapper .bx-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.postSildeArea .bx-wrapper .bx-caption {
	width: 100%; padding: 2%; 
	position: absolute; left: 0; bottom: 0; 
	background: rgba(0,0,0,.5); color: #fff; /*text-shadow: 0 -1px 0 rgba(0,0,0,.5); */
	font-size: 14px; line-height: 18px;
	text-align:left;
}

/* bxslider */
/*.bx-wrapper img {
    margin: 0 auto;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -27px;
	outline: 0;
	width: 30px;
	height: 54px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-prev {
	left: 0px;
	background: url('/imgs/icon/bx_prev30.png') no-repeat;
}

.bx-wrapper .bx-next {
	right: 0px;
	background: url('/imgs/icon/bx_next30.png') no-repeat;
}*/

.video-outer {
	position:relative;
	margin:0px 0px 0px;
	font-size:0; 
	list-style:none;
	padding:0px 0px 20px;
	overflow:hidden;
	
}
.video-outer.bgGray {
	background:rgba(255,255,255,0.08);
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px; height: 0; overflow: hidden;
	margin:0px 0 30px;
}

.video-outer.ratio-1X1 {
	max-width:640px !important;
}
.video-outer.ratio-9X16 {
	max-width:360px !important;
}
.ratio-1X1 .video-container {
    padding-bottom: 100%;
}
.ratio-9X16 .video-container {
    padding-bottom: 177%;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.tagAdmin {
	display:inline-block;
	overflow:hidden;
	height:22px;
	padding:0 5px;
	border-radius:3px;
	background:#999999;
	color:#f2f2f2 !important;
	letter-spacing:0px;
	white-space:nowrap;
	text-overflow:ellipsis;
	line-height:20px;
	text-align:center;
	font-size:11px;
	width:100px;
	letter-spacing: 0px;
	vertical-align:middle;
}

.introArea .aboutL { float: left; width: 50%; }
.introArea .aboutL img {width: 100%;box-shadow: 1px 5px 20px rgba(0,0,0,0.5);}
.introArea .aboutR { float: right; width: 47%; text-align:center;}
.introArea .aboutR1 { float: right; width: 47%; margin:20px 0;text-align:center;}
.introArea .aboutR2 { float: right; width: 47%; margin:20px 0;text-align:center;}
.introArea .aboutLR { float: left; width: 100%;}
.introArea .mainTitle {margin:20px 0 0px;}
.introArea .mainTitle .logo{margin-bottom:40px}
.introArea .mainTitle h2 {font-size:32px;letter-spacing:-2px;line-height:1.5em; word-break:keep-all;font-family:"Nanum Myeongjo",serif;}
.introArea .mainTitle h2 span {border-bottom:1px solid #999;}
.introArea .mainTitle h1 {font-size:54px;font-family: "Playfair Display", serif;font-weight:700;line-height:130%;color:#3188d6;margin-bottom:20px;}
.introArea .mainTitle h3 {font-size:22px}
.introArea .aboutR p {font-size:16px;font-weight:130%;color:#666666;}
.introArea .subTitle {font-size:32px;letter-spacing:-1px;line-height:140%; word-break:keep-all;}

/* contact */
.contact {}
.contact .addr {text-align:center;margin-bottom:20px;}
.contact .link {text-align: center; margin-top: 40px; font-size: 0; }
.contact .link a.btn { width: 50%; line-height: 55px; text-align: center; font-size: 15px; font-weight: normal; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; }
.contact .link a.btnl { width: 50%; line-height: 55px; text-align: center; font-size: 15px; font-weight: normal; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; }
.contact .link a.btnr { width: 50%; line-height: 55px; text-align: center; font-size: 15px; font-weight: normal; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; }
.contact .link a.btnl2 { width: 50%; line-height: 45px; text-align: center; font-size: 15px; font-weight: normal; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; }
.contact .link a.btnr2 { width: 50%; line-height: 45px; text-align: center; font-size: 15px; font-weight: normal; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; }
.contact .link a.btn-border { width: 50%; max-width: 284px; line-height: 55px; text-align: center; font-size: 15px; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; }

.contact .link a.btn:after,
.contact .link a.btnl:after,
.contact .link a.btnr:after,
.contact .link a.btn-border:after { font-family: 'themify'; content: "\e611"; font-size: 16px; font-weight: normal; line-height: 55px; }
.contact .link a.btn:after,
.contact .link a.btnl:after { right: auto; left: 10px; font-size: 16px; content: "\e693"; line-height: 55px; }
.contact .link a.btnl2:after { font-family: 'themify'; content: "\e681"; font-size: 16px; font-weight: normal; line-height: 45px; }
.contact .link a.btnr2:after { font-size: 16px; content: "\e6a7"; line-height: 45px; }

.contact .locationBox {/*border:#c3b8b1 1px solid;*/margin-top: 40px; display:table;background:#fff;}
.contact .locationBox:after {content: "";height: 0;display: block;clear: both;}

.contact .contactL { float:none !important; display:table-cell; width: 50% !important;border-right:#e4e4e4 1px solid;}
.contact .contactL .inner { padding: 40px;}

.contact .contactR { float:none !important; display:table-cell; width: 50% !important; }
.contact .contactR .inner { padding: 40px;}


.contact .hName { position: relative; padding-bottom:10px;}
.contact h2 { font-size: 28px !important;font-weight: normal !important; letter-spacing: .0em; margin-top:0px;text-indent:-4px !important;color:#333 !important;margin-bottom:10px;}
.contact h2 { font-family: 'Nanum Myeongjo', serif !important;line-height:1 !important;}
.contact h3.en { font-size: 16px !important; font-weight: normal; letter-spacing: .0em; line-height:1 !important;margin-bottom:10px;}
.contact h3.kr { font-size: 25px !important; font-weight: normal; letter-spacing: .0em; }
.contact h3.mapkr { font-size: 25px; font-weight: normal; letter-spacing: -1.5px; line-height:1;}
.contact h3.map { font-size: 20px; font-weight: normal; letter-spacing: -1.5px; }

.contact .infoBox { margin-top: 30px; }
.contact .infoBox.telEmail {display:inline-block; width:40%;}
.contact .infoBox h4.category-en { font-size: 15px; font-weight: normal; letter-spacing: .05em; text-transform: uppercase;}
.contact .infoBox h4.category-kr { font-size: 12px; font-weight: 300; letter-spacing: .05em; }
.contact .infoBox p { letter-spacing: .1em; line-height:2;margin-top:0px !important;}
.contact .infoBox p i { font-size: 12px; line-height: 2; font-weight: normal; padding-right: 8px; vertical-align: 0; }
.contact .infoBox p {font-size:16px;letter-spacing:0px;line-height: 1.7; margin-top: 30px;}

/* ol */
.contact .infoBox ol { margin: 0; padding: 0; list-style: decimal !important; padding-left: 1.2em; }
.contact .infoBox ol li { font-weight: normal; list-style: decimal !important; letter-spacing: .1em; line-height: 2; }
/* ul.circle */
.contact .infoBox ul.circle { margin: 10px 0 0; padding: 0; list-style: circle !important; padding-left: 1.5em; }
.contact .infoBox ul.circle li { list-style: circle !important;  letter-spacing: .05em; line-height: 1.5; margin-bottom:10px;}
/* ul.disc */
.contact .infoBox ul.disc { margin: 10px 0 0; padding: 0; list-style: disc !important; padding-left: 1.5em; }
.contact .infoBox ul.disc li { font-weight: normal; list-style: disc !important; letter-spacing: .0.5em; line-height: 1.5; margin-bottom:5px;}
.contact .infoBox ul.disc li.discMargin {margin-top:10px;}

.contact .infoBox ul.subway { margin: 10px 0 0; padding: 0; list-style: disc !important; padding-left: 1.5em; }
.contact .infoBox ul.subway li { font-size: 18px; font-weight: normal; list-style:circle outside none;letter-spacing: -0.5px; line-height: 1.5; margin-bottom:5px;}

.contact .infoBox ul.subwayDesc { margin: 10px 0 0; padding: 0; list-style: disc !important; padding-left: 2em; }
.contact .infoBox ul.subwayDesc li { list-style:outside !important; letter-spacing: -0.5px; line-height: 1.5; margin-bottom:5px;margin-left: 1em;}

.contact .infoBox ul.bus {margin: 15px 0 0; padding: 0; list-style: none; }
/*.contact .infoBox ul.bus li {position:relative; font-weight: normal; letter-spacing: .0.5em; padding:0px 0 0 63px; margin-bottom:10px; min-height:20px;vertical-align:baseline;}
.contact .infoBox ul.bus li span {position:absolute;left:0;top:0px;display:block;width: 51px; height: 23px; border-width: 1px; border-style: solid; text-align: center; font-size: 12px; font-weight: bold; line-height: 20px; background:#fff;}
.contact .infoBox ul.bus li span.blue {border-color: #2962b0; color: #2962b0;}
.contact .infoBox ul.bus li span.yellow {border-color: #ff9c00; color: #ff9c00;}
.contact .infoBox ul.bus li span.green {border-color: #15660c; color: #15660c;}
.contact .infoBox ul.bus li span.gup {border-color: #f64941; color: #f64941;}
.contact .infoBox ul.bus li span.maeul {border-color: #5f9e32; color: #5f9e32;}
.contact .infoBox ul.bus li span.gic {border-color: #951b16; color: #951b16;}
.contact .infoBox ul.bus li span.air {border-color: #7293bc; color: #7293bc;}*/

.contact .infoBox ul.bus li {display:inline-block;position:relative; letter-spacing: .0.5em; padding:0px 20px 0 80px; margin-bottom:10px; min-height:20px;vertical-align:baseline;}
.contact .infoBox ul.bus li span {position:absolute;left:0;top:0px;display:block;width: 70px; height: 24px; text-align: center; font-weight: normal; line-height: 22px !important; color:#fff;}
.contact .infoBox ul.bus li span.blue {background: #395cb4;}
.contact .infoBox ul.bus li span.yellow {background: #ff9c00;}
.contact .infoBox ul.bus li span.green {background: #48922d;}
.contact .infoBox ul.bus li span.gup {background: #f64941;}
.contact .infoBox ul.bus li span.maeul {background: #5f9e32;}
.contact .infoBox ul.bus li span.gic {background: #951b16;}
.contact .infoBox ul.bus li span.air {background: #7293bc;}

.contact .infoBox .mapInner {margin-top:10px;background:#fff;border:1px solid #C5BCBA;}
.contact .infoBox .mapInner img {width:100%;}
/* a.naverMap */
.contact .infoBox a.naverMap { display: block; display: inline-block; *display: inline; *zoom: 1; margin-top:20px !important;
width: auto; color: #fff; background: rgba(11,57,162,1); line-height: 30px; text-align: center;  font-style: normal; letter-spacing: .05em; position: relative; padding: 5px 20px 5px 30px; margin-top: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
.contact .infoBox a.naverMap:before { position: absolute; top: 5px; left: 8px; bottom: 0; display: block; font-size: 16px; font-family: 'themify'; content: "\e693"; font-weight: normal; }
.contact .infoBox a.naverMap:hover { background: #222; }

.contact .caution { padding:10px 20px; background:#fff; border:2px solid #C5BCBA;}
.contact .caution h4.category-en { font-size: 16px; font-weight: normal; letter-spacing: 0em;}
.contact .caution ul.disc { margin: 5px 0 15px; padding: 0; list-style: disc !important; padding-left: 1.4em;}

.subwayProcess {line-height:130%;margin-top:50px;}
.subwayProcess ul {vertical-align:top;font-size:0;}
.subwayProcess ul li {display:inline-block;width:50%;background:none; margin:0 0 20px 0;vertical-align:top;}
.subwayProcess .img {width:130px;float:left;}
.subwayProcess .img img {width:100%;max-width:100%;}
.subwayProcess .ment {margin-left:145px;font-size:15px;}
.subwayProcess ul li:nth-child(2n+0) {padding-left: 20px; }

.subwayProcess p {color:rgba(11,57,162,1); font-size:18px;font-weight:500;}

#mapDiv {margin-top:0px;max-width:99.6%;min-width:99.6%;height:500px;border: #dddddd 1px solid; } 


@media (max-width: 1280px) {
	/*#sealalaVisual {background-attachment:initial !important;}*/
}

@media (max-width: 1024px) {
	#sealalaVisual {min-height:600px;max-height:600px !important;}	
	#sealalaVisual .visualTit .sealalaVisualTitleBox .bottomCell {display:none}

	#sealalaVisual .visualTit .sealalaVisualTitleBox h1 {
		font-size:50px !important;
	}
	#sealalaVisual .visualTit .sealalaVisualTitleBox h2 {
		font-size:30px !important;
	}
	#sealalaVisual .visualTit .sealalaVisualTitleBox h3 {
		font-size:18px !important;
	}
	
	
	
	#sealalaArea .contentL h1 {
		font-size:50px;
	}
	#sealalaArea .contentL h2 {
		font-size:30px;
	}
	#sealalaArea .contentL h3 {
		font-size:20px;
	}
	
	#sealalaArea .contentL p {
		line-height:140%;
		position:relative;
		color:#999;
		margin:20px 0;	
	}
	
	#sealalaArea .contentL h3 {
		margin-top:10px;
	}
	
	.articleArea .slideBox .bx-controls-direction a {
		width: 44px;
		height: 44px;
	}
	.articleArea .slideBox a:after {
		width: 10px;
		height: 10px;
		top: 17px;
		left: 19px;
	}
	.articleArea .slideBox .bx-next:after {
		left: 14px;
	}
	.articleArea .slideBox .bx-prev {bottom:10px !important;right:60px;}
	.articleArea .slideBox .bx-next {bottom:10px !important;right:10px;}
	
	#mainHead {margin:20px auto 10px !important;}
	#mainHead h1 {
		font-size: 50px !important;
	}
	#mainHead h2 {
		font-size: 20px !important;
	}
	#mainHead h3 {
		font-size: 16px !important;
	}
	#subHead h1 {
		font-size: 44px !important;
	}
	#subHead h2 {
		font-size: 20px !important;
	}
	#subHead h3 {
		font-size: 16px !important;
	}
	
	.reserv .tableBox {display:block !important;}
	.reserv .tableCell {display:block;width: 100% !important; }
	.reserv h2 { font-size:30px;}
	.reserv .tableCell .inner { padding: 30px 5% 30px; }
	
	#sOffer li {
		width:98%; 
	}
	#sOffer .thumb {width:380px;display:table-cell;}
	#sOffer .cont {
		text-align:left;
		display:table-cell;padding:20px 100px 20px 30px;
	}
	#sOffer .cont .dateTxt {text-align:left;}
	
	.introArea .mainTitle {margin:0px 0 0px;}
	.introArea .mainTitle .logo{margin-bottom:30px}
	.introArea .aboutR2 { float: left; width: 100%; margin:40px 0 0;}
	.introArea .mainTitle h1 {font-size:40px;}
	.introArea .mainTitle h2 {font-size:28px;}
	.introArea .subTitle {font-size:26px;}
	
	.itemBox {
		margin: 0px 2% 30px;
	}
	.itemBox h3 {
		font-size:18px;
	}
	.itemBox .txtArea h4 {
		font-size:16px;
	}
	.itemBox .txtArea p {
		font-size:14px;
	}
	
	.subwayProcess ul li {width:100%;}
	.subwayProcess .ment {font-size:14px;}
	.subwayProcess ul li:nth-child(2n+0) {padding-left: 0px; }
	
	
	.facilityArea {margin: 40px -1.5% 0px;text-align:left;}
	.facilityBox {
		float:none;
		display:inline-block;
		width:47%;
		background:#fff;
		position:relative;
		margin: 0px 1.5% 30px;	
		border:1px solid rgba(0,0,0,0.1);
		box-shadow: 3px 5px 10px rgba(0,0,0,0.1);
	}
	
	.facilityBox .imgArea {display:inline-block;background:none;width:44%;}
	.facilityBox .txtArea {display:inline-block;margin-top:0px;padding:4%;vertical-align:top;width:56%;}
	.facilityBox img {
		filter: alpha(opacity=1);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}
	.facilityBox a:hover .imgArea:after {border-width:0px;}
	.facilityBox .imgArea {
		border-radius: 0;
		box-shadow: none;
	}
	.facilityBox .imgArea:after {transition:border-width 0.3s;border-radius:0; }
	.facilityBox .txtArea .brandTitle {
		text-align:left;
		font-size:18px;
		padding:0px 0px 15px;
	}
	.facilityBox .txtArea h4 {
		font-size:14px;
		margin-top:10px;
	}
	.facilityBox .link {position:absolute;bottom:10px;right:10px;margin-top:0px;text-align:right;}
	.facilityBox .link .more {  
		line-height: 30px; 
		text-align: center; 
		font-size: 14px; 
		letter-spacing:0; 
		position: relative; 
		padding: 0 30px 0 15px; 
		-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;
	}
	.facilityBox .link .more:after {top: 0; right: 10px; line-height: 30px;}
	.mt60{margin-top:30px !important;}
}
@media (max-width: 940px) {
	
}
@media (max-width: 768px) {
	.canvas-wave{height:80px !important;}
	
	#sealalaVisual {margin-bottom:30px !important;}
	#sealalaVisual {min-height:500px;max-height:500px !important;}	
	
	#page.basic #sealalaVisual {min-height:400px;max-height:400px !important;}
	#sealalaVisual .visualTit .sealalaVisualTitleBox {
		padding:0px 0 20px !important;
	}
	
	#sealalaVisual.main {height:320px !important;}
	#sealalaVisual.main .visualTit .sealalaVisualTitleBox h1 {
		font-size:26px !important;
		line-height:1.4;
	}
	
	#sealalaVisual .link {margin:0px auto 20px;}
	#sealalaVisual .link a.more {
		font-size: 16px;font-weight:normal;padding:0 40px 4px 30px;line-height:30px;-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px ;
	}
	
	#sealalaArea .contentL{display:block;float:none;width:100%;margin-bottom:40px;text-align:center;}
	#sealalaArea .contentR{display:block;float:none;width:100%;}
	#sealalaArea .itemArea {text-align:center;}
	
	
	.articleArea.last {padding:20px 0 60px !important;}
	
	#sOffer .thumb {width:280px !important;}
	#sOffer .cont {padding:15px 100px 15px 20px !important;}
	#sOffer .cont .tit {
		font-size:20px !important;
	}
	#sOffer .cont .txt {
		font-size:14px !important;
		min-height:24px !important;
		-webkit-line-clamp: 1 !important;
	}
	
	#sOfferRead .title {font-size:22px;text-align:left;padding:0 90px 0 15px;}
	
	.gallery .galleryItem {width:47%;margin:0 1.5% 30px;}
	
	.cautionTit .item {  
		font-size: 16px; 
	}
	.cautionArea ul {padding:30px 20px 20px;}
	.cautionArea ul>li { position:relative; padding-left:12px; font-size:14px;}
	
	
	
	.tableArea {margin:0px auto 30px;}
	
	.introArea .mainTitle .logo img {width:220px}
	
	.introArea .subTitle {margin-top:0px;font-size:26px;}
	
	
	.itemBox h3 {
		font-size:16px;
	}
	
	.introArea .aboutL {float:left;width:100%;text-align:center;}
	.introArea .aboutL img {width:400px}
	.introArea .aboutR {float:left;width:100%;margin-top:60px;}
	.introArea .aboutR1 { float: left; width: 100%; margin:30px 0 0;}
	.introArea .aboutR2 { float: left; width: 100%; margin:30px 0 0;}
	
	.contact .addr .bar {display:none;}
	.contact .contactL { float:none !important; display:block; width: 100% !important;border-right:none;border-bottom:#e4e4e4 1px solid;}
	.contact .contactR { float:none !important; display:block; width: 100% !important; }
	
	.contact h2 { font-size:22px;}

	.contact .contactL .inner { padding: 30px 5.5% 30px; }
	.contact .contactR .inner { padding: 30px 5.5% 30px; }
	.contact .infoBox.telEmail {width:100%;}
	
	.mapDiv {height:320px !important;}
	.contact .infoBox ul.subway li { font-size: 16px;}
	
	
}

@media (max-width: 640px) {
	.canvas-wave{height:50px !important;}
	#sealalaVisual {margin-bottom:10px !important;}
	#sealalaVisual {min-height:320px;max-height:320px !important;}	
	.pagerThumb {display:none;}
	
	#sealalaArea .contentL{margin-bottom:0px;}
	#sealalaArea .contentL h1 {
		font-size:40px;
	}
	#sealalaArea .contentL h2 {
		font-size:26px;
	}
	#sealalaArea .contentL h3 {
		font-size:18px;
	}
	
	#page.basic #sealalaVisual {min-height:220px;max-height:220px !important;}
	
	#sealalaVisual .visualTit .sealalaVisualTitleBox h1 {
		font-size:32px !important;
		letter-spacing:-0.5px !important;
		padding: 5px 0 15px
	}
	#sealalaVisual .visualTit .sealalaVisualTitleBox h2 {
		font-size:20px !important;
	}
	#sealalaVisual .visualTit .sealalaVisualTitleBox h3 {
		font-size:16px !important;
	}
	
	.facilityBox {
		width:97%;
		background:#fff;
		margin: 0px 1.5% 20px;	
		
	}
	
	.tbWidth {width:100%}
	.tbLeft {float:none}
	.tbRight {float:none}
	
	#mainHead h1 .dot { padding:0 20px;}
	
	#mainHead h1 {
		font-size: 30px !important;
	}
	#mainHead h2 {
		font-size: 20px !important;
	}
	#mainHead h3 {
		font-size: 16px !important;
	}
	#subHead h1 {
		font-size: 30px !important;
	}
	#subHead h2 {
		font-size: 16px !important;
	}
	#subHead h3 {
		font-size: 16px !important;
	}
	#subHead h1 .dot {padding:0 20px !important;}
	
	p {font-size:15px !important}
	
	#hashPage ul li a {
		font-size: 16px; 
		padding:6px 0 8px;	
	}
	#hashPage ul li:first-child a {
		border-left:none !important;	
	}
	#hashPage ul li:last-child a { 
		border-right:none !important;	
	}
	
	#hashPage .tUser1 {width: 46% !important;}
	#hashPage .tUser2 {width: 27% !important;}
	
	#noticeRead .title {font-size:22px;}
	#noticeRead .dateCount .date  {display:block;margin-bottom:10px;}
	#noticeRead .dateCount .count  {font-size:14px;}
	#noticeRead .dateCount .count.first {padding-left:0px;}
	
	#sOffer li {margin:0px auto 30px !important;}
	#sOffer li {width:100% !important;float:none !important;}
	#sOffer .thumb {display:block !important;width:100% !important;}
	#sOffer .cont {display:block !important;width:100% !important;padding:15px !important;}
	#sOffer .cont .tit {
		font-size:18px !important;
	}
	#sOfferArea .eventActive {
		width:60px !important; height:60px !important;
	}
	#sOffer .cont .txt {
		min-height:auto !important;
		-webkit-line-clamp: 2 !important;
	}
	
	#sOfferRead {margin: 20px auto;}
	#sOfferRead .title {font-size:20px;padding:0 80px 0 15px;}
	#sOfferRead .dateCount {text-align:left;}
	#sOfferRead .dateCount div {font-size:14px;}
	#sOfferRead .dateCount .date  {background:none; }
	#sOfferRead .dateCount .count {text-align:right;display:block;margin-top:5px;}
	#sOfferRead .tit {font-size:22px;}
	#sOfferRead .summary {font-size:14px;}
	#sOfferRead .titBox {padding:20px;}
	
	.bbsPage .no1 {width:105px}
	.bbsPage td{padding:16px 10px 16px 10px;font-size:14px;}
	.bbsPage .viewArrow,
	.bbsPage .viewArrow2 {padding-right:15px;}
	
	.reserv h2 { font-size:22px;}
	.reserv h3 { font-size:16px}
	.reserv .infoBox ul.circle li { font-size:15px;}
	
	
	
	
	.tableArea .tableCont {padding:40px 10px 30px !important;/*border-left:none; border-right:none;-webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;*/}
	#sealalaArea .desc>li {font-size:14px;}
	
	.tableCont table > thead > tr > th {
	    font-size: 14px;
		padding:5px 10px;
	}
	.tableCont table > tbody > tr > th {
		font-size: 14px;
		padding:10px;
	}
	.tableCont table > tbody > tr > td {
		font-size: 14px;
		padding:10px;
	}
	.tableCont .desc>li { font-size:14px;}
	
	/* service */
    .do_form_field_request,
	.do_form_field_tel,
	.do_form_field_date,
	.do_form_field_date2,
	.do_form_field_caller {height:40px;}
	.do_form_submit,
	.do_form_field_cap,
    .do_form_listitem_info {width:100%;}
    .do_form_list_service{margin:-1%;}
    .do_form_listitem_service{width:31.333%;margin:1%;}
    .do_form_listitem_service:nth-child(3n+1){clear: both;}
	
	.tableCont.outer {
		padding:40px 20px 30px;
	}
	.tableTit .item {  
		font-size: 16px; 
	}
	
	.gallery .galleryItem {width:97%;margin:0 1.5% 20px;}
	
	.newsList .col1 {width:6%;}
	.newsList .col2 {width:72%;}
	.newsList .col3 {width:22%;}
	.newsList .col4 {width:0%;}
	
	/*.newsList thead {display:none}*/
	.newsList td { font-size:12px; line-height:1.4;}
	.pageInner { font-size:inherit !important;}
	.newsList td.tLeft {padding-left:10px !important; }
	.newsList th:nth-of-type(3) { background:none;}
	.newsList th:nth-of-type(4) { display:none;}
	.newsList td:nth-of-type(4) { display:none;}
	
	/*
	.newsList, .newsList thead, .newsList tbody, .newsList tr, .newsList th, .newsList td { display:block;}
	.newsList tr { position:relative; border-bottom:1px solid #e2e2e2;}
	.newsList td { padding:10px 0 8px 12px!important; border:none!important; text-align:left!important; font-size:12px!important; line-height:1.4;}
	.newsList td:nth-of-type(1) { display:inline-block;}
	.newsList td:nth-of-type(2) { display:inline-block; max-width:150px;}
	.newsList td:nth-of-type(3) { padding-top:0!important; padding-bottom:6px!important; font-size:13px!important;}
	.newsList td:nth-of-type(4) { padding-top:0!important; padding-bottom:10px!important;}
	.newsList td:nth-of-type(5) { position:absolute; top:0; right:0; padding-right:10px!important;}
	.newsList .td_left { padding-left:12px!important; padding-right:12px!important;}
	*/
	
	.introArea .aboutL img {width:100%;}
	.introArea .aboutR {margin-top:40px;}
	.introArea .mainTitle .logo img {width:180px}
	.introArea .mainTitle h1 {font-size:34px;}
	.introArea .mainTitle h2 {font-size:24px;}
	.introArea .subTitle {font-size:22px;}
	
	.itemBox {
		width: 96% !important; 
	}
	
	.contact .link {margin-top: 20px; }
	.contact .link a.btn,
	.contact .link a.btnl,
	.contact .link a.btnr {margin-top:10px;padding:0; width:100%;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.contact .infoBox ul.circle li { font-size:15px;}
	
	.articleArea .slideBox .bx-controls-direction a {
		width: 34px;
		height: 34px;
	}
	.articleArea .slideBox a:after {
		width: 10px;
		height: 10px;
		top: 12px;
		left: 14px;
	}
	.articleArea .slideBox .bx-next:after {
		left: 9px;
	}
	.articleArea .slideBox .bx-prev {bottom:10px !important;right:50px;}
	.articleArea .slideBox .bx-next {bottom:10px !important;right:10px;}
	
	#sealalaArea.waterParkArea .slideBox .bx-prev {top:49px !important;left:10px;}
	#sealalaArea.waterParkArea .slideBox .bx-next {top:10px !important;left:10px;}
	
	#sealalaArea.spaArea .slideBox .bx-prev {top:49px !important;left:auto;right:10px;}
	#sealalaArea.spaArea .slideBox .bx-next {top:10px !important;left:auto;right:10px;}
		
}
@media (max-width: 400px) {
	#hashPage ul li a {
		font-size: 14px; 
		padding:6px 0 7px;	
	}
	.introArea .mainTitle h1 {font-size:32px;}
	.introArea .mainTitle h2 {font-size:22px;}
	.introArea .subTitle {font-size:20px;}
}
@media (max-width: 320px) {
	.container, .articleContainer {
		padding:0 10px;
	}	
	.facilityBox {
		margin: 0px 1.5% 15px;	
	}
	.facilityBox .imgArea {display:inline-block;background:none;width:40%;}
	.facilityBox .txtArea {display:inline-block;margin-top:0px;padding:4%;vertical-align:top;width:60%;}
	.facilityBox .txtArea h4 {
		font-size:12px;
		margin-top:0px;
	}
	.ico {
		position:relative;
		top:16px;
		left:0px;
		margin:0 auto;
	}
}


/************   padding     *********************/

.pt100{padding-top:100px !important;}
.pt95{padding-top:95px !important;}
.pt90{padding-top:90px !important;}
.pt85{padding-top:85px !important;}
.pt80{padding-top:80px !important;}
.pt75{padding-top:75px !important;}
.pt70{padding-top:70px !important;}
.pt65{padding-top:65px !important;}
.pt60{padding-top:60px !important;}
.pt55{padding-top:55px !important;}
.pt50{padding-top:50px !important;}
.pt45{padding-top:45px !important;}
.pt40{padding-top:40px !important;}
.pt35{padding-top:35px !important;}
.pt30{padding-top:30px !important;}
.pt25{padding-top:25px !important;}
.pt20{padding-top:20px !important;}
.pt15{padding-top:15px !important;}
.pt10{padding-top:10px !important;}
.pt5{padding-top:5px !important;}
.pt0{padding-top:0px !important;}

.pr100{padding-right:100px !important;}
.pr95{padding-right:95px !important;}
.pr90{padding-right:90px !important;}
.pr85{padding-right:85px !important;}
.pr80{padding-right:80px !important;}
.pr75{padding-right:75px !important;}
.pr70{padding-right:70px !important;}
.pr65{padding-right:65px !important;}
.pr60{padding-right:60px !important;}
.pr55{padding-right:55px !important;}
.pr50{padding-right:50px !important;}
.pr45{padding-right:45px !important;}
.pr40{padding-right:40px !important;}
.pr35{padding-right:35px !important;}
.pr30{padding-right:30px !important;}
.pr25{padding-right:25px !important;}
.pr20{padding-right:20px !important;}
.pr15{padding-right:15px !important;}
.pr10{padding-right:10px !important;}
.pr5{padding-right:5px !important;}

.pb100{padding-bottom:100px !important;}
.pb95{padding-bottom:95px !important;}
.pb90{padding-bottom:90px !important;}
.pb85{padding-bottom:85px !important;}
.pb80{padding-bottom:80px !important;}
.pb75{padding-bottom:75px !important;}
.pb70{padding-bottom:70px !important;}
.pb65{padding-bottom:65px !important;}
.pb60{padding-bottom:60px !important;}
.pb55{padding-bottom:55px !important;}
.pb50{padding-bottom:50px !important;}
.pb45{padding-bottom:45px !important;}
.pb40{padding-bottom:40px !important;}
.pb35{padding-bottom:35px !important;}
.pb30{padding-bottom:30px !important;}
.pb25{padding-bottom:25px !important;}
.pb20{padding-bottom:20px !important;}
.pb15{padding-bottom:15px !important;}
.pb10{padding-bottom:10px !important;}
.pb5{padding-bottom:5px !important;}

.pl100{padding-left:100px !important;}
.pl95{padding-left:95px !important;}
.pl90{padding-left:90px !important;}
.pl85{padding-left:85px !important;}
.pl80{padding-left:80px !important;}
.pl75{padding-left:75px !important;}
.pl70{padding-left:70px !important;}
.pl65{padding-left:65px !important;}
.pl60{padding-left:60px !important;}
.pl55{padding-left:55px !important;}
.pl50{padding-left:50px !important;}
.pl45{padding-left:45px !important;}
.pl40{padding-left:40px !important;}
.pl35{padding-left:35px !important;}
.pl30{padding-left:30px !important;}
.pl25{padding-left:25px !important;}
.pl20{padding-left:20px !important;}
.pl15{padding-left:15px !important;}
.pl10{padding-left:10px !important;}
.pl5{padding-left:5px !important;}

/************** white space ***************/
.wp240 {display:block;width:100%;min-height:1px;height:240px;}
.wp230 {display:block;width:100%;min-height:1px;height:230px;}
.wp220 {display:block;width:100%;min-height:1px;height:220px;}
.wp210 {display:block;width:100%;min-height:1px;height:210px;}
.wp200 {display:block;width:100%;min-height:1px;height:200px;}
.wp190 {display:block;width:100%;min-height:1px;height:190px;}
.wp180 {display:block;width:100%;min-height:1px;height:180px;}
.wp170 {display:block;width:100%;min-height:1px;height:170px;}
.wp160 {display:block;width:100%;min-height:1px;height:160px;}
.wp150 {display:block;width:100%;min-height:1px;height:150px;}
.wp140 {display:block;width:100%;min-height:1px;height:140px;}
.wp130 {display:block;width:100%;min-height:1px;height:130px;}
.wp120 {display:block;width:100%;min-height:1px;height:120px;}
.wp110 {display:block;width:100%;min-height:1px;height:110px;}
.wp100 {display:block;width:100%;min-height:1px;height:100px;}
.wp95 {display:block;width:100%;min-height:1px;height:95px;}
.wp90 {display:block;width:100%;min-height:1px;height:90px;}
.wp85 {display:block;width:100%;min-height:1px;height:85px;}
.wp80 {display:block;width:100%;min-height:1px;height:80px;}
.wp75 {display:block;width:100%;min-height:1px;height:75px;}
.wp70 {display:block;width:100%;min-height:1px;height:70px;}
.wp65 {display:block;width:100%;min-height:1px;height:65px;}
.wp60 {display:block;width:100%;min-height:1px;height:60px;}
.wp55 {display:block;width:100%;min-height:1px;height:55px;}
.wp50 {display:block;width:100%;min-height:1px;height:50px;}
.wp45 {display:block;width:100%;min-height:1px;height:45px;}
.wp40 {display:block;width:100%;min-height:1px;height:40px;}
.wp35 {display:block;width:100%;min-height:1px;height:35px;}
.wp30 {display:block;width:100%;min-height:1px;height:30px;}
.wp25 {display:block;width:100%;min-height:1px;height:25px;}
.wp20 {display:block;width:100%;min-height:1px;height:20px;}
.wp15 {display:block;width:100%;min-height:1px;height:15px;}
.wp10 {display:block;width:100%;min-height:1px;height:10px;}
.wp5 {display:block;width:100%;min-height:1px;height:5px;}
.wp0 {display:block;width:100%;min-height:0px;height:0px;}

@media screen and (max-width: 1440px) {
	.l-wp150 {height:150px !important;}
	.l-wp140 {height:140px !important;}
	.l-wp130 {height:130px !important;}
	.l-wp120 {height:120px !important;}
	.l-wp110 {height:110px !important;}
	.l-wp100 {height:100px !important;}
	.l-wp95 {height:95px !important;}
	.l-wp90 {height:90px !important;}
	.l-wp85 {height:85px !important;}
	.l-wp80 {height:80px !important;}
	.l-wp75 {height:75px !important;}
	.l-wp70 {height:70px !important;}
	.l-wp65 {height:65px !important;}
	.l-wp60 {height:60px !important;}
	.l-wp55 {height:55px !important;}
	.l-wp50 {height:50px !important;}
	.l-wp45 {height:45px !important;}
	.l-wp40 {height:40px !important;}
	.l-wp35 {height:35px !important;}
	.l-wp30 {height:30px !important;}
	.l-wp25 {height:25px !important;}
	.l-wp20 {height:20px !important;}
	.l-wp15 {height:15px !important;}
	.l-wp10 {height:10px !important;}
	.l-wp5 {height:5px !important;}
	.l-wp0 {min-height:0px !important;height:0px !important;}
}


@media screen and (max-width: 1280px) {
	.p-wp150 {height:150px !important;}
	.p-wp140 {height:140px !important;}
	.p-wp130 {height:130px !important;}
	.p-wp120 {height:120px !important;}
	.p-wp110 {height:110px !important;}
	.p-wp100 {height:100px !important;}
	.p-wp95 {height:95px !important;}
	.p-wp90 {height:90px !important;}
	.p-wp85 {height:85px !important;}
	.p-wp80 {height:80px !important;}
	.p-wp75 {height:75px !important;}
	.p-wp70 {height:70px !important;}
	.p-wp65 {height:65px !important;}
	.p-wp60 {height:60px !important;}
	.p-wp55 {height:55px !important;}
	.p-wp50 {height:50px !important;}
	.p-wp45 {height:45px !important;}
	.p-wp40 {height:40px !important;}
	.p-wp35 {height:35px !important;}
	.p-wp30 {height:30px !important;}
	.p-wp25 {height:25px !important;}
	.p-wp20 {height:20px !important;}
	.p-wp15 {height:15px !important;}
	.p-wp10 {height:10px !important;}
	.p-wp5 {height:5px !important;}
	.p-wp0 {min-height:0px !important;height:0px !important;}
}

@media screen and (max-width: 1024px) {
	.s-wp150 {height:150px !important;}
	.s-wp140 {height:140px !important;}
	.s-wp130 {height:130px !important;}
	.s-wp120 {height:120px !important;}
	.s-wp110 {height:110px !important;}
	.s-wp100 {height:100px !important;}
	.s-wp95 {height:95px !important;}
	.s-wp90 {height:90px !important;}
	.s-wp85 {height:85px !important;}
	.s-wp80 {height:80px !important;}
	.s-wp75 {height:75px !important;}
	.s-wp70 {height:70px !important;}
	.s-wp65 {height:65px !important;}
	.s-wp60 {height:60px !important;}
	.s-wp55 {height:55px !important;}
	.s-wp50 {height:50px !important;}
	.s-wp45 {height:45px !important;}
	.s-wp40 {height:40px !important;}
	.s-wp35 {height:35px !important;}
	.s-wp30 {height:30px !important;}
	.s-wp25 {height:25px !important;}
	.s-wp20 {height:20px !important;}
	.s-wp15 {height:15px !important;}
	.s-wp10 {height:10px !important;}
	.s-wp5 {height:5px !important;}
	.s-wp0 {min-height:0px !important;height:0px !important;}
}

@media screen and (max-width: 768px) {
	.t-wp150 {height:150px !important;}
	.t-wp140 {height:140px !important;}
	.t-wp130 {height:130px !important;}
	.t-wp120 {height:120px !important;}
	.t-wp110 {height:110px !important;}
	.t-wp100 {height:100px !important;}
	.t-wp95 {height:95px !important;}
	.t-wp90 {height:90px !important;}
	.t-wp85 {height:85px !important;}
	.t-wp80 {height:80px !important;}
	.t-wp75 {height:75px !important;}
	.t-wp70 {height:70px !important;}
	.t-wp65 {height:65px !important;}
	.t-wp60 {height:60px !important;}
	.t-wp55 {height:55px !important;}
	.t-wp50 {height:50px !important;}
	.t-wp45 {height:45px !important;}
	.t-wp40 {height:40px !important;}
	.t-wp35 {height:35px !important;}
	.t-wp30 {height:30px !important;}
	.t-wp25 {height:25px !important;}
	.t-wp20 {height:20px !important;}
	.t-wp15 {height:15px !important;}
	.t-wp10 {height:10px !important;}
	.t-wp5 {height:5px !important;}
	.t-wp0 {min-height:0px !important;height:0px !important;}
}


@media screen and (max-width: 480px) {
	.m-wp150 {height:150px !important;}
	.m-wp140 {height:140px !important;}
	.m-wp130 {height:130px !important;}
	.m-wp120 {height:120px !important;}
	.m-wp110 {height:110px !important;}
	.m-wp100 {height:100px !important;}
	.m-wp100 {height:100px !important;}
	.m-wp95 {height:95px !important;}
	.m-wp90 {height:90px !important;}
	.m-wp85 {height:85px !important;}
	.m-wp80 {height:80px !important;}
	.m-wp75 {height:75px !important;}
	.m-wp70 {height:70px !important;}
	.m-wp65 {height:65px !important;}
	.m-wp60 {height:60px !important;}
	.m-wp55 {height:55px !important;}
	.m-wp50 {height:50px !important;}
	.m-wp45 {height:45px !important;}
	.m-wp40 {height:40px !important;}
	.m-wp35 {height:35px !important;}
	.m-wp30 {height:30px !important;}
	.m-wp25 {height:25px !important;}
	.m-wp20 {height:20px !important;}
	.m-wp15 {height:15px !important;}
	.m-wp10 {height:10px !important;}
	.m-wp5 {height:5px !important;}
	.m-wp0 {min-height:0px !important;height:0px !important;}
}

.tb_program {
	position:relative;
	display:block;
	overflow-x:auto;
}
.tb_program table {
	position:relative;
}

@media screen and (max-width: 640px) {
	
	.tb_program table > thead > tr > th {
		padding:5px 10px;
	    font-size: 12px;
		
	}
	.tb_program table > tbody > tr > th {
		padding:10px;
		font-size: 14px;
		white-space:nowrap;
	}
	.tb_program table > tbody > tr > td {
		padding:10px;
		font-size: 14px;
		white-space:nowrap;
	}
	.tableCont table > tbody > tr > td.td-color3 {
		font-size: 14px;
	}
}

.w-tit {
	position:relative;
	font-size:40px;
	font-weight:600;
	color:rgba(11,57,162,1);
	display: block;
}

.w-tit-ul {position:relative; display:inline-block;list-style: disc; padding-left: 0em;}
.w-tit-ul li {position:relative; font-size: 18px; font-weight: normal; list-style:circle outside none;letter-spacing: 0px; line-height: 150%; margin-bottom:8px;color:rgba(11,57,162,1); text-align:left;}

@media screen and (max-width: 640px) {
	
	.w-tit {
		font-size:30px;
	}
	
	.w-tit-ul li {font-size:16px;margin-bottom:5px;}

}

.section-base-head {
	position: relative;
	margin:0px auto 0px;
	font-size:16px;
	text-align:center;
}
.section-base-head span {
	position: relative;	
}


.section-base-head .section-base-top {
	position: relative;
	display:inline-block;
}
.section-base-head strong {
	font-weight:700;
}
.section-base-head .title-kor {
	color:rgba(11,57,162,1);
    font-size: 2.750em;
    line-height:130%;
    display: block;
    padding: 0px;
    letter-spacing: -1.5px;
    margin: 0;
	word-break: keep-all;
	white-space: nowrap;
    font-weight: 400;
}
.section-base-head .title-eng-big {
	color:rgba(11,57,162,1);
    font-size: 3.500em;
    line-height:1em;
    display: block;
    padding: 0px;
    letter-spacing: -0.5px;
    margin: 0;
	word-break: keep-all;
	white-space: nowrap;
    font-weight: 500;
	font-family:"Roboto", serif;
}
.section-base-head .title-eng {
	color:rgba(11,57,162,1);
	font-size: 1.500em;
    line-height:1em;
    display: block;
    padding: 0px;
    letter-spacing: 0px;
    margin: 0;
	word-break: keep-all;
	white-space: nowrap;
	font-weight: 400;
}
.section-base-head .title-desc {
	font-size:16px;
    color: rgba(136,136,136,1);
	line-height: 170%; 	
}

@media screen and (max-width: 1280px) {
	.section-base-head {
		font-size: 14px;
	}
}
@media screen and (max-width: 768px) {
	.section-base-head {
		font-size: 13px;
	}
	.section-base-head .title-desc {
		font-size:15px;
	}
}
@media screen and (max-width: 480px) {
	.section-base-head {
		font-size: 12px;
	}
}