@font-face {
	font-family: 'flexslider-icon';
	src: url('/fonts/flexslider-icon.html');
	src: url('/fonts/flexslider-icon.woff?#iefix') format('embedded-opentype'), url('/fonts/flexslider-icon.woff') format('woff'), url('/fonts/flexslider-icon.svg') format('truetype'), url('/fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}
#main{
	width: 100%;
	background: #ededed;
}
#wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}


/* visual 영역 */
#mainarea {
	clear:both;
	position:relative;
	width: 100%;
	height:800px;
}

#mainarea .visualarea{
	position:absolute;
	width: 100%;
	height:800px;
	background-color: #fff;
}

#MainVisualImg{
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height:600px;
}

#MainVisualImg .bg{
	position: relative;
	top: 0px;
	left: 0px;
	width:1300px;
	height:600px;
	margin: 0 auto;

}

#MainVisual01{
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height:800px;
	background: url("../images/main/visual01.jpg") no-repeat top center;
}




#MainVisual02{
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height:800px;
	background: url("../images/main/visual04.jpg") no-repeat top center;
	background-position-y:100%;
	display:none;
}



#MainVisual02 .bg .clickbtn{
	position: absolute;
	top:440px;
	left:880px;
	width:330px;
	height:60px;
}

#MainVisual03{
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height:800px;
	background: url("../images/main/visual03.png") no-repeat top center;
	background-position-y:100%;
	display:none;
}

#MainVisual04{
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height:800px;
	display:none;
}

#MainVisual04 .bg{
	position: relative;
	width:1200px;
	height:800px;
	margin:0 auto;
}

#MainVisual04 .bg .clickbtn{
	position: absolute;
	top:420px;
	left:950px;
	width:280px;
	height:60px;
}

#MainVisual05{
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height:800px;
	display:none;
}

#MainVisual05 .bg{
	position: relative;
	width:1200px;
	height:800px;
	margin:0 auto;
}

#MainVisual05 .bg .clickbtn{
	position: absolute;
	top:480px;
	left:50px;
	width:280px;
	height:60px;
}

#MainVisual06{
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height:800px;
	background: url("../images/main/visual06.html") no-repeat top center;
	display:none;
}

#MainVisual06 .bg{
	position: relative;
	width:1200px;
	height:800px;
	background: url("../images/main/visual06.html") no-repeat top center;
	margin:0 auto;
}

#MainVisual07{
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height:800px;
	background: url("../images/main/visual07.html") no-repeat top center;
	display:none;
}

#MainVisual07 .bg{
	position: relative;
	width:1200px;
	height:800px;
	background: url("../images/main/visual07.html") no-repeat top center;
	margin:0 auto;
}

#MainVisual08{
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height:800px;
	background: url("../images/main/visual08.html") no-repeat top center;
	display:none;
}

#MainVisual08 .bg{
	position: relative;
	width:1200px;
	height:800px;
	background: url("../images/main/visual08.html") no-repeat top center;
	margin:0 auto;
}


.MainVisualButtonbg{
	z-index:98;
	position: relative;
	width: 1200px;
	top: 750px;
	margin:0 auto;
}

.MainVisualButtonbg .leftbt{position:absolute;left:96px;cursor:pointer;}
.MainVisualButtonbg .rightbt{position:absolute;right:98px;cursor:pointer;}

#MainVisualButton{
	z-index:900;
	position: relative;
	width: 200px;
	margin:0 auto;
	left:40px;
}

#MainVisualButton div.btn{
	float: left;
	position:relative;
	height: 20px;
	width: 20px;
	cursor: pointer;
	background: #001e3a;
	margin-left:10px;
	margin-right:10px;
	text-align:center;
	border-radius:10px;
}

#MainVisualButton .title{
	position:relative;
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
	padding-top:28px;
}
#MainVisualButton .contents{
	position:relative;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
}


/* 아이콘메뉴 영역 */
.miconarea{
	position:relative;
	height:160px;
	width:100%;
	background:#232323;
}

.miconarea .miconareabg{
	position:relative;
	width:1200px;
	margin:0 auto;
	text-align:center;
}

.miconarea .miconareabg div{
	float:left;
	padding-left:25px;
}


/*메인컨텐츠영역*/
.rstoryarea{
	clear:both;
	width:100%;
	height:600px;
	margin-top:50px;
}

.rstoryareabg{
	position:relative;
	width:1200px;
	height:600px;
	margin:0 auto;
}

.rstoryareabg p{
	position:absolute;
}

.rstoryareabg p.rb01{
	left: 0px;
	top: 0px;
}

.rstoryareabg p.rb02{
	left: 150px;
	top: 0px;
}

.rstoryareabg p.rb03{
	left: 300px;
	top: 0px;
}

.rstoryareabg p.rb04{
	left: 601px;
	top: 0px;
}

.rstoryareabg p.rb05{
	left: 800px;
	top: 0px;
}

.rstoryareabg p.rb06{
	left: 1000px;
	top: 0px;
}

.rstoryareabg p.rb07{
	left: 0px;
	top: 200px;
}

.rstoryareabg p.rb08{
	left: 601px;
	top: 200px;
}

.rstoryareabg p.rb09{
	left: 800px;
	top: 200px;
}

.rstoryareabg p.rb10{
	left: 0px;
	top: 400px;
}

.rstoryareabg p.rb11{
	left: 150px;
	top: 400px;
}

.rstoryareabg p.rb12{
	left: 601px;
	top: 400px;
}

.rstoryareabg p.rb13{
	left: 800px;
	top: 400px;
}

.rstoryareabg p.rb14{
	left: 1000px;
	top: 400px;
}

.rstoryarea2{
	clear:both;
	width:100%;
	height:600px;
	margin-top:50px;
}

.rstoryarea2bg{
	width:1200px;
	height:600px;
	margin:0 auto;
}


.bannerarea{
	clear:both;
	width:100%;
	margin-top:50px;
	text-align:center;
}


.specialarea{
	clear:both;
	width:100%;
	height:451px;
	margin-top:50px;
	background-color:#e5e6e8;
}

.specialareabg{
	position:relative;
	width:1200px;
	height:451px;
	margin:0 auto;
}

.specialareabg p{
	float:left;
}

.conarea01{
	clear:both;
	width:100%;
	margin:50px 0;
}

.conarea01bg{
	width:1200px;
	height:300px;
	margin:0 auto;
}

.conarea01bg p{
	float:left;
}

.conarea01bg .con01after{
	float:left;
	position:relative;
	height:300px;
	width:600px;
	background: url("../images/main/after_bg.jpg") no-repeat top center;
}

.conarea01bg .con01after .title{
	position:absolute;
	top:90px;
	left:60px;
}

.conarea01bg .con01after .list{
	position:absolute;
	top:90px;
	left:250px;
}


.conarea02{
	clear:both;
	width:100%;
	height:300px;
	margin-top:50px;
}

.conarea02bg{
	width:1200px;
	height:300px;
	margin:0 auto;
}

.conarea021{
	clear:both;
	width:100%;
	margin-bottom:50px;
}

.conarea021bg{
	width:1200px;
	margin:0 auto;
}


.conarea02bg p{
	float:left;
}


.conarea03{
	clear:both;
	width:100%;
	height:300px;
	margin-top:50px;
	margin-bottom:20px;
}

.conarea03bg{
	width:1200px;
	height:300px;
	margin:0 auto;
}

.conarea03bg .con03counsel{
	float:left;
	position:relative;
	height:284px;
	width:382px;
	background: url("../images/main/counsel_bg.png") no-repeat top center;

}

.conarea03bg .con03counsel .title{
	position:absolute;
}

.conarea03bg .con03counsel .title div{
	float:left;
	height:52px;
	width:191px;
	cursor: pointer;
}

.conarea03bg .con03counsel .list{
	position:absolute;
	top:90px;
	left:55px;
	line-height:30px;
}

.conarea03bg .con03counsel .list a{
	color:#353535;
	line-height:30px;
}


.conarea03bg .con03notice{
	float:left;
	position:relative;
	height:284px;
	width:382px;
	background: url("../images/main/notice_bg.png") no-repeat top center;
	display:none;
}

.conarea03bg .con03notice .title{
	position:absolute;
}

.conarea03bg .con03notice .title div{
	float:left;
	height:52px;
	width:200px;
	cursor: pointer;
}

.conarea03bg .con03notice .list{
	position:absolute;
	top:90px;
	left:55px;
}

.conarea03bg .con03notice .list a{
	color:#353535;
	line-height:30px;
}

.conarea03bg .con03after{
	float: left;
    position: relative;
    height: 284px;
    width: 382px;
	background: url("../images/main/review_bg.png") no-repeat top center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-top:0;
	margin:0 27px;
}

.conarea03bg .con03after .list {
    position: absolute;
    top: 90px;
    left: 55px;
    line-height: 30px;
}

.conarea03bg .con03kakao{
	float:left;
	width:382px;
	height:284px;
	background: url("../images/main/kakao_btn.png") no-repeat top center;
}



.scroll-img {
  width: 1200px;
  height: 451px;
  overflow: hidden;
  font-size: 0;
}
.scroll-img ul {
  width: 1200px;
  height: 451px;
  margin: 0;
}
.scroll-img ul li {
  display: inline-block;
  margin: 0 0 0 0;
}

#specialslide{
	position:relative;
	width:1200px;
	margin:0 auto;
}

#specialslide.scroll-img ul {
  width: 1600px;
}
#specialslide-btn {
  width: 680px;
  padding-top: 10px;
}

#specialslide-backward{
	position:absolute;
	left:0;
	top:204px;
	cursor:pointer;
}

#specialslide-forward{
	position:absolute;
	right:0;
	top:204px;
	cursor:pointer;
}

.specialarea .mask_left{
	position:absolute;
	left:0;
	top:0px;
	height:451px;
	width:400px;
	background-color:#000;
	opacity:0.5;
}

.specialarea .mask_right{
	position:absolute;
	top:0;
	right:0px;
	height:451px;
	width:400px;
	background-color:#000;
	opacity:0.5;
}









#blogbody1, #blogbody2, #blogbody3, #blogbody4{
	clear:both;
	border-left:1px solid #c6c6c6;
	border-right:1px solid #c6c6c6;
	border-bottom:1px solid #c6c6c6;
	width:478px;
	height:310px;
	overflow: hidden;
}



/*************************************
 * generic styling for ALS elements
 ************************************/
.img_div{
	width:1065px;
	margin: 0px auto;
}

.als-viewport {
	position: relative;
	overflow: hidden;
	margin: 0px auto;
}

.als-wrapper {
	position: relative;
	width:780px;
	list-style: none;
}

.als-item {
	position: relative;
/*	display: block;  */


/*	float: left; */
}

.als-prev, .als-next {
	position: absolute;
	cursor: pointer;
	clear: both;
}

/*************************************
 * specific styling for #demo4
 ************************************/

#img_div {
	/*margin: 40px auto;*/
	position: relative;
	width: 1065px;
	z-index: 0;
}


#img_div .als-item {
	float:left;
	margin: 0px 30px 0px 30px;
	padding: 0px 0px 0px 0px;
	min-height: 100px;
	min-width: 100px;
	text-align: center;
}

#img_div .als-item img {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
}



#img_div .als-prev {
	top: 20px;
	left:20px;
}

#img_div .als-next {
	top: 20px;
	right: 20px;
}

.notice_bg {
	width: 1200px;
	margin: 0 auto;
	background: url(../img/notice_index.png) no-repeat center bottom;
	background-size: contain;
	height:650px;
	position: relative;
}

.notice_bg .bx-wrapper {
	background: none;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-250px;
	width: 500px;
	border: none;
	box-shadow: none;
}
.notice_thumb > a{width:80%;height:280px;margin:0 auto;border:1px solid #ccc;display: flex;justify-content: center;align-items: center;}
.notice_bg .bx-controls a.bx-prev {
	right: 55%;
	left: auto;
	background: url(../img/notice_prev.png) no-repeat center;
	background-size: 100%;
}
.notice_bg .bx-controls a.bx-next {
	left: 55%;
	right:auto;
	background: url(../img/notice_next.png) no-repeat center;
	background-size: 100%;
}
.notice_bg .bx-wrapper .bx-controls-direction a{
	bottom:-30px;
	top:auto;
	height:30px;
	width:50px;

}

.main_hot {
	width: 1200px;
	margin: 0 auto 50px;
}

.hot_ul {
	width: 100%;
}

.hot_ul:after {
	display: block;
	content: "";
	visibility: hidden;
	clear: both;
}
.main_real_new{
	height:562px;
	background: url(../img/best_real_bg.png) no-repeat center;
	margin:50px 0;
	position:relative;
}
.main_real_new_btn{width:1200px;margin:0 auto;padding-top:230px;}

.main_infomation_ul{width:1200px;margin:50px auto;}
.main_infomation_ul li{float:left;}
.main_infomation_ul li:nth-child(1){width:380px;}
.main_infomation_ul li:nth-child(1) a:nth-child(2) img{margin-top:33px;}
.main_infomation_ul li:nth-child(2){width:380px;padding:0 20px;}
.main_infomation_ul li:nth-child(3){width:380px;}
.main_infomation_ul li:nth-child(3) img:nth-child(1){margin-top:0}
.main_infomation_ul li:nth-child(3) img{margin-top:33px;}
.main_infomation_ul:after {
	display: block;
	content: "";
	visibility: hidden;
	clear: both;
}

.hot_item_ul li:nth-child(1){width:381px;padding:0;}
.hot_item_ul li:nth-child(2){width:789px;padding-left:30px;padding-top:0;}
.hot_item_ul li:nth-child(3){width:380px;padding-left:30px;}
.hot_item_ul li:nth-child(4){width:380px;padding-left:29px;}
.hot_item_ul li{
	float:left;
	padding-top:31px;
}

.hot_item_ul:after {
	display: block;
	content: "";
	visibility: hidden;
	clear: both;
}
.hot_ul li {
	width: 25%;
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.hot_ul li:hover {
	border: 4px solid #4e76f8;
	transition: all .1s ease .05s;
}

.hot_ul li a {
	display: block;
	width: 100%;
	height: 100%;
}
.main_real{width:1200px;margin:0 auto 50px;}
.main_real .real_box a{display:block;width:49%;}
.main_real .real_box .real_link{float:left;}
.main_real .real_box .after_link{float:right;}
.main_real .real_box:after{display:block;content:"";visibility: hidden;clear: both;}
.info_box{width:1200px;margin:0 auto 50px;}
.info_box:after{display:block;content:"";visibility: hidden;clear: both;}
.info_box > div{width:49%;float:right;}
.info_box > div.main_pic{float:left;}
.info_box .bx-wrapper{border:none;}
.main_pic .bx-wrapper .bx-controls-direction a{display:block;}
.main_pic .bx-wrapper .bx-controls-direction a:before {
	font-family: "flexslider-icon";
	font-size:50px;
	display: inline-block;
	content: '\f001';
	color: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	position:absolute;top:0;left:0;
	width:100%;
	height:100%;
	text-indent: 0;
}
.main_pic .bx-wrapper .bx-controls-direction .bx-prev:before{
	font-family: "flexslider-icon";
	content: '\f001';

}

.main_pic .bx-wrapper .bx-controls-direction .bx-next:before{
	content: '\f002';

}
.interior_title{text-align:center;position:absolute;bottom:0;padding:30px 0;width:100%; }
.interior_title:after{display:block;content:"";border-radius: 100px 100px 0 0;width:100%;height:100%;position:absolute;bottom:0;background:linear-gradient( to bottom, #fff, #000 );opacity: 0.1}
.sub_slider{position:relative;}

.img_cafe:after{display:block;content:"";visibility:hidden;clear: both;}
.img_cafe a{display:block;float:left;}

.main_notice_left {
	padding:30px;
	margin-right:2%;
	width: 48%;
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-shadow: 3px 3px 6px 6px #eee;

}

.main_notice_right {
	padding:30px 20px 20px;
	margin-right:2%;
	width: 48%;
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-shadow: 3px 3px 6px 6px #eee;

}

.main_notice_right .bx-wrapper {
	margin: 0;
	box-shadow:none;
	border: none;
}

.main_notice_pic {
	width: 1200px;
	margin: 0 auto;
}

.main_notice_pic:after {
	display: block;
	content: "";
	visibility: hidden;
	clear: both;
}
.swipe_wrap li img{border-radius: 10px;}

.main_notice_right .bx-wrapper .bx-controls-direction a{
	position: absolute;
	top:auto;
	bottom: 10px;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}
.main_notice_right .bx-wrapper .bx-prev {
	left:auto;
	right: 45px;
}