@import url(https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800);
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
@import url(https://fonts.googleapis.com/css?family=Lora:400,700,700i);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700);


.main_special {text-align:center; overflow:hidden; margin:120px auto 0px auto; background-color:#efefef}
.main_special .special_box {position:relative; clear:both; max-width:95%;
	overflow: hidden;
	box-sizing: border-box;
	margin-right: auto;
	margin-bottom: 175px;
	margin-left: auto;
	padding:0px;}
.main_special .special_box ul {margin:0px auto;}
.main_special .special_box li {position:relative; float:left; width:20%; box-sizing:border-box; padding:0px 20px 0 20px; }
.main_special .special_box img {width:100%; float:left;}
.main_special .special_box .tx { z-index:2; position:absolute;  width:100%; left:0%; top:40%; text-align:center; margin:0px; padding:0px; text-shadow:0 0 5px rgba(0,0,0,0.7);letter-spacing: -0.3px; }
.main_special .special_box .tx strong { font-weight:100; color:#fff; display:block; font-size:25px;}
.main_special .special_box .tx em { font-weight:100; color:#fff; font-size:19px;}
.main_special .special_box li:hover img {transform: scale(1.2);}
.main_special .special_box li:hover a:before {background:rgba(0,0,0,0.7);}
.main_special .special_box a {display:block; position:relative; overflow:hidden;}
.main_special .special_box a:before {content:""; background:rgba(0,0,0,0.2); position:absolute; width:100%; height:100%; z-index:2}


@media all and (max-width:1920px)
{
.main_special .special_box {position:relative; clear:both; max-width:100%;	margin-right: 40px;	margin-left: 40px;
}
.main_special .special_box li {float:left;color:#fff; width:20%; position:relative; padding:0px 10px 0 10px;}
.main_special .special_box img {width:100%;}
.main_special .special_box .tx strong {font-size:23px;}
.main_special .special_box .tx em {font-size:17px;}
}
@media all and (max-width:1280px)
{
.main_special .special_box {position:relative; clear:both; max-width:100%;	margin-right: 20px;	margin-left: 20px;}
.main_special .special_box li {float:left;color:#fff; width:20%; position:relative; padding:0px 5px 0 5px; }
.main_special .special_box img {width:100%;}
.main_special .special_box .tx strong {font-size:20px;}
.main_special .special_box .tx em {font-size:16px;}
}






.main_room { overflow:hidden; margin:0px auto 0px auto; width:100%; text-align:center;background-image:url(../img/room_bg.jpg); background-position:top center; background-repeat:repeat-x; background-size:100%; }
.main_room .room_box {position:relative; clear:both; max-width:95%;
	overflow: hidden;
	box-sizing: border-box;
	margin-top: 200px;
	margin-bottom: 200px;
	margin-right: auto;
	margin-left: auto;
	padding:0px;}
.main_room .room_box ul {}
.main_room .room_box li {position:relative; float:left; width:24.7%; box-sizing:border-box; padding:10px;  }
.main_room .room_box dt{font-size:17px; font-weight:400; color:#000; margin:20px auto 10px auto; }
.main_room .room_box dd {font-size:13px; color:#525252; border-bottom: 1px solid #eaeaea;border-top: 1px solid #eaeaea; padding:10px;}
.main_room .room_box img {width:100%;float:left;}
.main_room .room_box li:hover img {transform: scale(1.2);}
.main_room .room_box li:hover a:before {background:rgba(0,0,0,0.7);}
.main_room .room_box a {display:block; position:relative; overflow:hidden;}
.main_room .room_box a:before {content:""; background:rgba(0,0,0,0); position:absolute; width:100%; height:100%; z-index:2}
.main_room .room_box .tx { z-index:2; font-size:30px; font-weight:100; color:#fff; position:absolute;  width:100%; left:0%; top:45%; text-align:center; margin:0px; padding:0px; text-shadow:0 0 5px rgba(0,0,0,0.7);letter-spacing: -0.3px; }

@media all and (max-width:1300px)
{
.main_room .room_box dt {font-size: 1em;}
.main_room .room_box dd {font-size: 0.9em;}
}
@media all and (max-width:1024px)
{
.main_room .room_box dt {font-size: 0.9m;}
.main_room .room_box dd {font-size: 0.8em;}
}







/* ---이미지 스케일----*/

span,a,img,dl,dt,dd,li,ul,button,strong {transition: width 0.4s; -webkit-transition: width 0.4s; transition-property: all;}
:before {transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all;}
:after {transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all;}