@charset "utf-8";
@import url(//fonts.googleapis.com/css?family=Yeseva+One); /* font-family: "Yeseva One";*/

/* 메인 :: 비주얼 */
#mainVisual{position:relative; width:100%; height:960px; overflow:hidden;  margin:0; padding:0; z-index:1}
#mainVisual .visual-item{position:relative; width:100%; overflow:hidden; background-size:cover; vertical-align: middle; }
#mainVisual .visual-item {
	width:100%; 
	min-height:960px; 
	vertical-align: middle;
	-ms-transform: scale(1,1); /* IE 9 */
    -o-transform: scale(1,1); /* IE 9 */
    -moz-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
     transform: scale(1,1);
	-webkit-transition:transform 5000ms  ease-in-out ; /* Safari */
	-moz-transition:transform 5000ms ease-in-out ; /* Safari */
	-o-transition:transform 5000ms ease-in-out ; /* Safari */
	-ms-transition:transform 5000ms ease-in-out ; /* Safari */
    transition:transform 5000ms ease-in-out ;
}

#mainVisual .visual-item:focus{outline:none;}
#mainVisual .visual-txt{position:absolute; top:40%; left:0; width:100%}
#mainVisual .visual-inner-txt{color:#fff; margin:0 auto; padding:0; width:100%; max-width:1200px; text-align:center}
#mainVisual .visual-inner-txt h2, #mainVisual .visual-inner-txt h3, #mainVisual .visual-inner-txt .txt,#mainVisual .visual-inner-txt span,#mainVisual .visual-inner-txt  p, #mainVisual .visual-inner-txt a{
	display:block;
	opacity:0;filter:Alpha(opacity=0);
	-moz-transform:translateY(80%);  
	-ms-transform:translateY(80%);  
	transform:translateY(80%);  
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	transition:all 0.5s;
}
#mainVisual .visual-inner-txt h2{font-size:58px; font-weight:200; margin:0; padding:0; line-height:100%; text-transform:uppercase; transition-delay:0.2s;}
#mainVisual .visual-inner-txt h2 > strong{font-weight:600; display:inline-block}
#mainVisual .visual-inner-txt h3{padding:15px 0 40px 0; font-size:45px; font-weight:600; transition-delay:0.4s; line-height:48px; letter-spacing:-3px;}
/*#mainVisual .visual-inner-txt h3 span{ color:#80ce0f;display:inline-block}*/
#mainVisual .visual-inner-txt p{padding-top:15px; line-height:24px;  transition-delay:0.6s}
#mainVisual .visual-inner-txt a{width:150px; height:150px; overflow:hidden; font-size:17px; line-height:150px; padding:0; -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%; border:3px solid #fff; display:inline-block; transition-delay:0.8s}
#mainVisual .visual-inner-txt a:hover{ background-color:#da2128; border:3px solid #da2128}
#mainVisual .visual-txt a{color:#fff;  
	opacity:0;filter:Alpha(opacity=0);
	transition:all 0.5s 0.5s;
}
#mainVisual .visual-inner-txt h3 span{background-color:#0571b5; opacity:0.8; }
#mainVisual .visual-inner-txt h3 em{ font-size:35px; padding:10px}

/* active */
#mainVisual .visual-item.active > img{
	-ms-transform: scale(1,1); /* IE 9 */
    -o-transform: scale(1,1); /* IE 9 */
    -moz-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
    transform: scale(1,1);
}
#mainVisual .active .visual-inner-txt h2,
#mainVisual .active .visual-inner-txt h3,
#mainVisual .active .visual-inner-txt strong,
#mainVisual .active .visual-inner-txt span,
#mainVisual .active .visual-inner-txt  p,
#mainVisual .visual-inner-txt a{
	-moz-transform:translateY(0);  
	-ms-transform:translateY(0);  
	transform:translateY(0);  
}
#mainVisual .active .visual-inner-txt h2,
#mainVisual .active .visual-inner-txt h3,
#mainVisual .active .visual-inner-txt strong,
#mainVisual .active .visual-txt a{
	opacity:1.0;filter:Alpha(opacity=100);
}
#mainVisual .active .visual-inner-txt span{
	opacity:0.73;filter:Alpha(opacity=73); 
}
#mainVisual .active .visual-inner-txt  p{
	opacity:0.54;filter:Alpha(opacity=54);
}


#mainVisual .slick-arrow{
	position:absolute; top:45%; *left:0%; margin:0; background:none; border:0; cursor:pointer; z-index:99; font-size:0; 
	-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;transition:all 300ms
}
#mainVisual .slick-arrow.slick-prev{background:url(../images/main/mv-prev2.png) no-repeat; width:50px; height:50px; left:5%; opacity:0.9;filter:Alpha(opacity=90); z-index:99999; background-size:100% 100%; -moz-background-size:100% 100%; -webkit-background-size:100% 100%;}
#mainVisual .slick-arrow.slick-next{background:url(../images/main/mv-next2.png) no-repeat; width:50px; height:50px; right:5%; opacity:0.9;filter:Alpha(opacity=90); z-index:99999; background-size:100% 100%; -moz-background-size:100% 100%; -webkit-background-size:100% 100%;}
#mainVisual .slick-arrow.slick-prev:hover{opacity:1;filter:Alpha(opacity=100); margin-left:0px;}
#mainVisual .slick-arrow.slick-next:hover{opacity:1;filter:Alpha(opacity=100); margin-right:0px;}
#mainVisual .scroll-icon{position:absolute; bottom:32px; left:50%; width:72px; margin-left:-36px; text-align:center;}
#mainVisual .scroll-icon span{display:block; color:#fff; font-weight:300; font-size:10px; opacity:0.75;filter:Alpha(opacity=75); margin-bottom:15px;}

@media all and (max-width:1099px){
#mainVisual{height:618px;}
#mainVisual .visual-item {min-height:618px;}
#mainVisual .visual-txt{bottom:37%;}
#mainVisual .visual-inner-txt h2{font-size:50px; font-weight:200; margin:0; padding:0; line-height:100%; text-transform:uppercase; transition-delay:0.2s;}
#mainVisual .visual-inner-txt h3{padding:15px 0 30px 0; font-size:33px; font-weight:200; transition-delay:0.4s; line-height:38px}
#mainVisual .visual-inner-txt h3 em{ font-size:27px; padding:10px}
#mainVisual .visual-inner-txt a{width:130px; height:130px; overflow:hidden; font-size:17px; line-height:120px; }
#mainVisual .scroll-icon{*display:none;}

}
@media all and (max-width:867px){
#mainVisual{height:488px;}
#mainVisual .visual-item{min-height:488px;}
#mainVisual .visual-txt{*bottom:40%;}
#mainVisual .visual-inner-txt h2{font-size:48px; font-weight:200; margin:0; padding:0; line-height:100%; text-transform:uppercase; transition-delay:0.2s;}
#mainVisual .visual-inner-txt h3{padding:15px 0 25px 0; font-size:30px; font-weight:200; transition-delay:0.4s; line-height:38px}
#mainVisual .visual-inner-txt h3 em{ font-size:20px; padding:10px}
#mainVisual .visual-inner-txt a{width:130px; height:130px; overflow:hidden; font-size:17px; line-height:120px; }
#mainVisual .slick-arrow.slick-prev{left:3%;}
#mainVisual .slick-arrow.slick-next{right:3%;}


}
@media all and (max-width:767px){
#mainVisual{height:431px;}
#mainVisual .visual-item {min-height:431px;}

#mainVisual .visual-txt{bottom:25%;}
#mainVisual .visual-inner-txt h2{font-size:43px; font-weight:200; margin:0; padding:0; line-height:100%; text-transform:uppercase; transition-delay:0.2s;}
#mainVisual .visual-inner-txt h3{padding:15px 7% 25px 7%; font-size:26px; font-weight:200; transition-delay:0.4s; line-height:38px}
#mainVisual .visual-inner-txt h3 em{ font-size:18px; padding:7px}
#mainVisual .visual-inner-txt a{width:180px; height:50px; overflow:hidden; font-size:16px; line-height:42px; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
#mainVisual .slick-arrow.slick-prev{left:3%;}
#mainVisual .slick-arrow.slick-next{right:3%;}


}
@media all and (max-width:540px){
#mainVisual{height:350px; overflow:hidden}
#mainVisual .visual-item {min-height:350px; background-size:cover; background-position:center center; vertical-align: middle;}
#mainVisual .visual-txt{bottom:0%;}
#mainVisual .visual-inner-txt h2{font-size:28px; font-weight:200; margin:0; padding:0; line-height:100%; text-transform:uppercase; transition-delay:0.2s;}
#mainVisual .visual-inner-txt h3{padding:10px 10% 10px 10%; font-size:19px; font-weight:600; letter-spacing:0; transition-delay:0.4s; line-height:20px}
#mainVisual .visual-inner-txt a{width:160px; height:40px; overflow:hidden; font-size:14px; line-height:32px; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
#mainVisual .visual-inner-txt h3 em{ font-size:15px; padding:5px}
#mainVisual .slick-arrow{
	position:absolute; top:50%; *left:0%; margin:0; background:none; border:0; cursor:pointer; z-index:99; font-size:0; 
	-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;transition:all 300ms
}

#mainVisual .slick-arrow.slick-prev{width:30px; height:30px; left:2%;}
#mainVisual .slick-arrow.slick-next{width:30px; height:30px; right:2%;}
}

/* 메인타이틀 */
.slide-tit { position:absolute; top:40%;  width:100%; /*left:50%; transform:translateX(-50%);*/ text-align:center; margin:0 auto; z-index:1500; color:#fff;  font-family:'Noto Sans KR', sans-serif;}
.slide-tit h1 {position:relative; overflow:visible; }
.slide-tit h1.only {}
.slide-tit h1.only em { font-size: 20px; height:25px; margin-bottom:0px; display:block; letter-spacing:0;  font-style: normal; font-variant: normal; font-weight: 400; font-family: "Yeseva One"; }
/*.slide-tit h1.only:before { content:''; position:absolute; top:-52px; left:-72px; z-index:1900; display:block; width:147px; height:76px; background:url('/img/common/txt_mint.png') 0 0 no-repeat; background-size:100%; }
*/
.slide-tit h1.only p{font-size: 63px; line-height: 75px; letter-spacing: -0.1em; margin-bottom:1%;   *font-family: 'LotteMartDreamNS'; *font-family: 'Iropke Batang' !important; font-weight:600}
.slide-tit h1.only p span{background:#fce807; color:#161f61;  padding:0 0.5%;margin-right:0.6%; text-shadow: 0px 0px 0px rgba(0,0,0,0.5);}

.slick-active .slide-tit { animation:active-y 2s 1; }


@media all and (max-width: 1440px) {
    .slide-tit {top:40%;}
	.slide-tit h1.only p{font-size: 55px; line-height: 65px;}
}

@media all and (max-width: 1366px) {
   .slide-tit h1.only p{font-size: 40px; line-height: 65px;}
}

@media all and (max-width: 1280px) {
}

@media all and (max-width: 1024px) {
     .slide-tit h1.only p{ font-size: 30px; line-height: 40px;}
     .slide-tit h1.only p span{font-size: 30px; line-height: 40px;}
}

@media all and (max-width: 800px) {
}

@media all and (max-width: 540px) {
	.slide-tit {width:100%; text-align:center; top:35%; left:50%; transform:translateX(-50%);}
	.slide-tit h1.only p{ font-size: 22px; line-height: 35px;}
    .slide-tit h1.only p span{font-size: 22px; line-height: 35px;}
}


/* 서브페이지 비쥬얼 텍스트*/
.carousel-tit {position: absolute; *bottom: 0px; left: 50%; z-index: 15;width: 80%; padding-left: 0; margin-left: -40%; margin-top:20%;  text-align: center; }
.carousel-tit  h2{font-size:50px; color:#fff; line-height:1.3; font-weight:normal; letter-spacing:-2px; font-family: 'Nanum Myeongjo'; text-shadow: rgba(0,0,0,0.5) 2px 2px 2px;}
.carousel-tit  h2 span{font-size:50px; color:#fff; font-weight:600; letter-spacing:-2px;  font-family: 'Nanum Myeongjo';  text-shadow: rgba(0,0,0,0.5) 2px 2px 2px;}
.carousel-tit  p {font-size:20px; color:#fff;padding-top:10px;padding-left:0;font-weight:500; letter-spacing:-1px; opacity:0.9}

@media all and (max-width: 1024px) {
.carousel-tit {margin-top:25%;}
.carousel-tit  h2{font-size:40px;}
.carousel-tit  h2 span{font-size:40px;}
.carousel-tit  p {font-size:20px;}
}

@media all and (max-width: 540px) {
.carousel-tit {margin-top:45%;}
.carousel-tit  h2{font-size:10px;}
.carousel-tit  h2 span{font-size:25px;}
.carousel-tit  p {font-size:12px;}
}




/*메인-섹션1*/
.mSection1{overflow:hidden;position:relative; width:100%; background: #fffcf8 url(/images/main/mSection1_bg.jpg) center top no-repeat;}
.mSection1_box{overflow:hidden;position:relative; width:1600px; margin:80px auto 60px;}
.mSection1 .img_w{float:left; width:65%;}
.mSection1 .img_w img{max-width:1008px; width:100%}
.mSection1 .txt{float:right; width:33%; text-align:left; line-height:1.5}
.mSection1 .txt .t01{font-size:48px; color:#27292a; line-height:1.2; letter-spacing:-1px; padding-left:5%; padding-top:10%; font-family: "Yeseva One";}
.mSection1 .txt .t01 span{font-size:35px; color:#27292a; font-weight:100}
.mSection1 .txt .t02{font-size:25px; color:#1f1f1f;  padding-left:5%; padding-top:25px;}
.mSection1 .txt .t02 span{font-size:15px;padding-top:8px; padding-left:2px;}
.mSection1 .txt .t03{font-size:17px; color:#555;  padding-left:5%; padding-top:35px;}

@media all and (max-width: 1600px) {
.mSection1_box{overflow:hidden;position:relative; width:94%;  margin:60px auto;}
.mSection1 .img_w{float:left; width:65%; margin-left:0%; }
.mSection1 .txt{float:right; width:30%;}
.mSection1 .txt .t01{font-size:45px; padding-left:0; padding-top:20px;}
.mSection1 .txt .t02{font-size:25px; padding-left:0; padding-top:20px;}
.mSection1 .txt .t02 span{font-size:14px; padding-top:8px; }
.mSection1 .txt .t03{font-size:16px; color:#555; padding-left:0%;  padding-top:30px;}
}

@media all and (max-width: 1280px) {
.mSection1_box{overflow:hidden;position:relative;  margin:40px auto 50px;}
.mSection1 .img_w{float:left; width:60%; margin-left:0%; }
.mSection1 .txt{float:right; width:35%;}
.mSection1 .txt .t01{font-size:35px; padding-left:0%; padding-top:15px;}
.mSection1 .txt .t02{font-size:20px; padding-left:0%; padding-top:15px;}
.mSection1 .txt .t02 span{font-size:13px; padding-top:6px; padding-left:2px;}
.mSection1 .txt .t03{font-size:14px; color:#555;  padding-left:0%; padding-top:20px;}
}

@media all and (max-width: 1024px) {
.mSection1_box{overflow:hidden;position:relative;  margin:30px auto 40px;}
.mSection1 .img_w{float:left; width:60%; margin-left:0%; }
.mSection1 .txt{float:right; width:35%; line-height:1.4;}
.mSection1 .txt .t01{font-size:30px; padding-left:0%; padding-top:12px;}
.mSection1 .txt .t02{font-size:16px; padding-left:0%; padding-top:12px;}
.mSection1 .txt .t02 span{font-size:13px; padding-top:0px; padding-left:2px;}
.mSection1 .txt .t03{font-size:13px; color:#555;  padding-left:0%; padding-top:15px;}
}

@media all and (max-width: 768px) {
.mSection1{overflow:hidden;position:relative; width:100%; background: #fffcf8 url(/images/main/mSection1_bg.jpg-) center top no-repeat;}
.mSection1_box{margin:20px auto 20px; }
.mSection1 .img_w{display:none;  height:0px;}
.mSection1 .txt{float:none; width:90%; margin:0 auto;}
.mSection1 .txt .t03{display:none}
.mSection1 .txt .t01 span{font-size:25px;}
}


.mSection3{overflow:hidden;position:relative; width:100%; background:#fff; padding:3% 0 1%; z-index:1}
.mSection3_box{overflow:hidden;position:relative; width:100%; height:650px;  background:url(/images/main/mSection3_bg.jpg) center center no-repeat;  background-size:cover;}

.mSection3 h1 {top:0; width:100%; margin-bottom:40px; text-align:center}
.mSection3 h1 span{font-size: 55px; color:#222; margin: -5px 0 0px; font-family: "Yeseva One";  letter-spacing:-1px; font-style: normal; font-variant: normal; font-weight: 500;}
.mSection3 h1 p {font-size: 18px; color:#626161; margin-top:10px; font-weight: 100;  letter-spacing:0; line-height: 1.5; } 

.mSection3_box ul {display:none; }
.mSection3_box ul em {display:none;}
.mSection3_box ul span{display:none;}

@media all and (max-width: 1600px) {
.mSection3_box{overflow:hidden;position:relative; width:100%; height:600px; }
}

@media all and (max-width: 1280px) {
.mSection3 h1 {top:0; width:100%; margin-bottom:30px; text-align:center}
.mSection3 h1 span{font-size: 40px;}
.mSection3 h1 p {font-size: 16px;} 
.mSection3_box{height:500px;}
}

@media all and (max-width: 768px) {
.mSection3_box{ width:100%; height:auto; padding:0;}
.mSection3_box ul {display:block; position:relative; width:60%; margin: 20% auto; padding:6% 3%; background-color: rgba(10, 21, 45, 0.5); text-align:center}
.mSection3_box ul em {display:block; font-size: 15px; margin-bottom:10px; color:#fff; opacity:0.7}
.mSection3_box ul span{display:block;font-size: 25px; color:#fff; letter-spacing:-1px; font-weight:600}
.mSection3_box ul p{display:none;}
.mSection3 h1 {display:none; }
}


.pool_slider { position:relative; width:90%; padding:0px 10px;   z-index:5; margin:-150px auto 0;}
.pool_slider .img_list_wrap{ position:relative; padding:0px 0 30px; }
.pool_slider .img_list_wrap { float:right; width:55%; max-width:933px; overflow:hidden; }
.pool_slider .img_list_wrap img{border:15px solid #fff}
.pool_slider .txt {position:relative; float:left; width:45%; padding:13% 2% 0 0; text-align:right;}
.pool_slider .txt strong { font-size:45px;  line-height:40px; color:#888; line-height:1.2; letter-spacing:-1px; font-family: 'Nanum Myeongjo', sans-serif;}
.pool_slider .txt em {font-size:25px; color:#222; margin:10px 0 20px; letter-spacing:-1px;  font-weight:600; display:block; padding-left:2px;  }
.pool_slider .txt  dl dt{color:#666;  font-size:18px !important; font-weight:400;  letter-spacing:-1px; line-height:1.8; margin-top:0px;}


@media all and (max-width: 1600px) {
.pool_slider .img_list_wrap {width:60%; }
.pool_slider .txt {width:40%; padding:12% 2% 0 0; }
}

@media all and (max-width: 1440px) {
.pool_slider {margin:-120px auto 0; }
.pool_slider .img_list_wrap {width:60%;}
.pool_slider .txt {width:40%;  padding:160px 40px 40px 5%;}
}

@media all and (max-width: 1280px) {
.pool_slider .txt strong { font-size:35px; }
.pool_slider .txt em {font-size:20px; }
.pool_slider .txt  dl dt{font-size:16px !important; line-height:1.6; }
.pool_slider .img_list_wrap img{border:10px solid #fff}
}

@media all and (max-width: 1024px) {
.pool_slider { position:relative; width:96%; margin:-100px auto 0;}
.pool_slider .img_list_wrap {width:60%;}
.pool_slider .txt {width:40%;  padding:120px 20px 40px 0;}
}

@media all and (max-width: 768px) {
.pool_slider { position:relative; width:100%; padding:0; margin:0px auto 0;}
.pool_slider .img_list_wrap { float:none; width:100%; margin:0px auto 0; padding:0px; }
.pool_slider .img_list_wrap .img_list {width:100% !important; padding:0px !important;}
.pool_slider .img_list_wrap img{border:0}
.pool_slider .txt {float:none; width:100%; padding:5% 5% 5% 5%; background:#2a7ad1; text-align:left}
.pool_slider .txt strong { font-size:20px; color:#fff}
.pool_slider .txt em {font-size:25px; color:#fff; margin:5px 0 10px; }
.pool_slider .txt  dl dt{font-size:18px !important; line-height:1.6; color:#fff; opacity:0.8}
}




/*메인-섹션4*/
.mSection4 {width:100%; margin:0px auto 0px; padding: 0 0 5% 0;  background: #fffcf8 url(/images/main/mSection4_bg.jpg-) center bottom no-repeat; background-size:contain}
.mSection4{overflow:hidden;position:relative; width:100%; margin:0px auto 0px;  text-align:center}
.mSection4 h1 {padding-top:50px; width:100%; margin-bottom:50px;}
.mSection4 h1 span{font-size: 55px; color:#222; margin: -5px 0 0px; font-family: "Yeseva One";  letter-spacing:-1px; font-style: normal; font-variant: normal; font-weight: 500;}
.mSection4 h1 p {font-size: 18px; color:#626161; margin-top:10px; font-weight: 100;  letter-spacing:0; line-height: 1.5; } 

.mSection4 ul {overflow: hidden; width:100%; display:inline-block; margin: 0px auto 0; }
.mSection4 ul li em{font-size: 15px; color:#fff; margin: 0px 0 0px;   letter-spacing:0; font-style: normal; font-variant: normal; font-weight: 100;}
.mSection4 ul li  p{ font-size: 35px; color:#fff; font-family: "Yeseva One"; margin-bottom:0px; display:block;  letter-spacing:-1px; font-weight: 400; }
.mSection4 ul li  span{ font-size: 20px; color:#fff; margin-top:5px; display:block;  letter-spacing:-2px; font-weight: 400; }

.mSection4 .Box1 {width:80%; margin:0 auto; display:inline-block;}
.mSection4 .Box1 li {float: left; width: 50%; width: 48%; margin:0 0.7% 20px; overflow:hidden; position:relative;}
.mSection4 .Box1 li  img{width:100%; vertical-align:bottom !important}

.mSection4 .Box2 {width:70%; margin:0 auto; vertical-align:top}
.mSection4 .Box2 li {float: left; width: 31.3333%; margin:0 0.7% 0px;overflow:hidden; position:relative;}

.imgtop{width:100%; vertical-align:top}
.imgbottom{width:100%; vertical-align:bottom}
.imgbottom2{width:100%; vertical-align:bottom; margin-bottom:3%}

.mSection4 ul a .baseTxt{position:absolute;left:30px;right:30px;bottom:30px;text-align:left;}
.mSection4 ul a .baseTxt2{position:absolute;left:30px;right:30px;top:30px;text-align:left;}

.foot_txt{padding:5% 0 5%; text-align:center}
.foot_txt p {line-height:1.5; font-size:34px; font-weight:600; letter-spacing:-2px; color:#fff;  text-align:center; font-family:'Nanum Myeongjo', sans-serif;}


@media all and (max-width: 1600px) {
     .mSection4 .Box1 {width:85%; margin:0 auto; display:inline-block;}
	 .mSection4 .Box2 {width:75%; margin:0 auto; vertical-align:top}
	  .foot_txt p {font-size:30px; font-weight:400; letter-spacing:-2px; }
}

@media all and (max-width: 768px) {
   .mSection4 .Box1 {width:90%;}
   .mSection4 .Box2 {width:80%; margin:0 auto 6%;}
   .mSection4{overflow:hidden;position:relative; width:100%; margin:0px auto 0px;  padding: 0 0 0 0;  text-align:center}
   .mSection4 h1 {padding-top:20px; width:100%; margin-bottom:20px;}
   .mSection4 h1 span{font-size: 35px;}
   .mSection4 h1 p {font-size: 15px;} 
   .mSection4 ul li em{font-size: 12px;}
   .mSection4 ul li  p{ font-size: 25px; }
   .mSection4 ul li  span{ font-size: 14px; margin:1% 0; }
   .mSection4 ul li a .baseTxt{position:absolute;left:5%;right:0px;bottom:5%;text-align:left;}
   .mSection4 ul li a .baseTxt2{position:absolute;left:5%;right:0px;top:5%;text-align:left; width:100%}
   .mSection4 .Box1 li {float: left; width: 50%; width: 48%; margin:0 0.7% 10px; overflow:hidden; position:relative;}
   .foot_txt p {font-size:20px; font-weight:400; letter-spacing:-2px; }
}

@media all and (max-width: 768px) {
   .mSection4{overflow:hidden;position : inherit; width:100%; margin:0px auto 0px;  text-align:center}
   .mSection4 h1 {top:0; width:100%; margin-bottom:20px;}
   .mSection4 h1 span{font-size: 30px;}
   .mSection4 h1 p {font-size: 15px; padding:0 10%} 
   .mSection4 ul li em{display:none}
   .mSection4 ul li  p{ font-size: 16px; }
   .mSection4 ul li  span{ font-size: 18px; color:#000; }
   .mSection4 .Box1 {width:80%; margin:0 auto; display:inline-block;}
   .mSection4 .Box2 {width:96%; margin:0 auto 6%; display:inline-block;}
   .mSection4 ul li a .baseTxt{position : inherit;left:5%;right:0px;bottom:5%;text-align:center;}
   .mSection4 ul li a .baseTxt2{position : inherit;left:5%;right:0px;top:5%; bottom:5%; text-align:center;}
   .mSection4 .Box1 li {float: left; width: 100%; margin:0 0.7% 5px; overflow:hidden; position:none;}
   .mSection4 .Box2 li {float: left; width: 48%; margin:0 0.7% 10px;overflow:hidden; position:relative;}
   .mSection4 .Box2 li:nth-child(2){display:none}
   .imgbottom2{width:100%; vertical-align:bottom; margin-bottom:2%}
  .foot_txt p {font-size:18px;}
  .foot_txt{padding:20% 0 15%; text-align:center}
}


/*메인-섹션5*/
.mSection5 {width:100%; margin:0px auto 0px; padding:0}
@media all and (max-width: 768px) {
    .mSection5{}
}

/*
.foot-img{overflow:hidden;position:relative; width:100%; height:953px;  text-align:center; padding:0 0 0 0; background:url(/img/images/main/mSection4_bg.jpg) fixed center no-repeat; background-size:cover;}
.foot-img h1 {width:100%;  display: table;}
.foot-img p {padding-top:20%;  line-height:1.2; font-size:36px; color:#fff;  text-align:center}

@media all and (max-width: 1366px) {
    .foot-img{ height:653px;}
	.foot-img p {padding-top:20%; font-size:30px;}
}

@media all and (max-width: 1024px) {
    .foot-img{ height:553px;}
	.foot-img p {padding-top:20%; font-size:25px;}
}

@media all and (max-width: 540px) {
    .foot-img{ height:300px;}
	.foot-img p {padding-top:20%; font-size:20px;}
}
*/



































































































/*메인 객실*/
#mainroom_box {width:100%;margin:60px 0 80px 0; overflow:hidden}
.room-conts {width:50%; margin:0 auto; text-align:center;}
.room-conts h2 {position:relative; font-size:40px; color:#222; text-transform:uppercase; font-family: 'Anton', sans-serif;}
.room-conts h2:after{position:relative;display:block; content:'';width:35px;height:3px; margin:20px 0;left:50%;margin-left:-15px;background:#222;}
.room-conts p.name {font-size:25px; color:# 04b99; dtext-transform:uppercase; font-weight:500; margin-bottom:4px;}
.room-conts p {font-size:16px; color:#4a4949;}

#dong_list{width:1010px; margin:30px auto 0;  font-family: 'Nanum Gothic', sans-serif;}
#dong_list li{position:relative;float:left; width:305px; margin:20px 15px 20px 15px; text-align:center;  overflow:hidden; background:#bda87f; *opacity: .8;-webkit-transition-duration: .3s;transition-duration: .3s;}
#dong_list li:hover{opacity: 1; background:#04263c;}
#dong_list dl{ text-align:center; letter-spacing:-0.5px}
#dong_list li img{width:307px}
#dong_list .d01{color:#000; padding:20px 0; font-size:16px;  background:#fff}
#dong_list .d02{color:#fff; padding:8px 0;font-size:18px; font-weight:600}
#dong_list .d02 span{color:#fff; font-size:14px; font-weight:400; padding-left:5px}

@media screen and (max-width: 1024px) {
#dong_list{width:96%;}
#dong_list li{position:relative;float:left; width:30%; margin:0 1% 0px 1%; text-align:center;  overflow:hidden;}
}

@media screen and (max-width: 626px) {
#mainroom_box {width:100%; margin:0 auto; padding:20px 0 10px 0;}
.room-conts h2 {position:relative; font-size:22px; color:#222; text-transform:uppercase; font-family: 'Anton', sans-serif;}
.room-conts h2:after{position:relative;display:block; content:'';width:20px;height:3px; margin:10px 0;left:50%;margin-left:-15px;background:#222;}
.room-conts p.name {font-size:18px; color:# 04b99; dtext-transform:uppercase; font-weight:500; margin-bottom:4px;}
.room-conts p {font-size:14px; color:#4a4949;}
#dong_list{width:100%; margin:10px auto 0;  font-family: 'Nanum Gothic', sans-serif;}
#dong_list li{ width:80%; height:auto; margin:10px 10%; text-align:center; overflow:hidden; opacity:1;}
#dong_list li img{width:100%}
#dong_list .d01{color:#000; padding:10px 0; font-size:16px;  background:#fff}
#dong_list .d02{color:#fff; padding:6px 0;font-size:18px; font-weight:600}
#dong_list .d02 span{color:#fff; font-size:14px; font-weight:400; padding-left:5px}
}

/*메인 스페셜*/
#MainSpecial {width:100%;margin:60px 0 80px 0; height:680px; background:url(../images/main/main_spbg.jpg) center top no-repeat; overflow:hidden}
#MainSpecial .box{width:1050px; margin:160px auto 0;}
#MainSpecial .title_box {float:left;width:366px;}
#MainSpecial .title_box .tit_box{width:366px;height:364px;background-color:#f7c636; padding-right:30px; }
#MainSpecial .title_box .tit_box .title{padding:40px 25px 0 0px; background:url(../images/main/sp_txt.png) right 55px no-repeat; }
#MainSpecial .title_box .tit_box .title h2{font-size:60px;line-height:60px;color:#fff;font-weight:400;letter-spacing:-2px; text-align:right; * font-family: 'Libre Baskerville', serif; font-family: 'PT Serif', serif;}
#MainSpecial .title_box .tit_box .title h2 span{padding-left:40px;font-weight:200;}
#MainSpecial .title_box .tit_box .title .con{right:45px;top:90px;font-size:17px;line-height:20px;color:#fff;text-align:right;opacity:0.8;}
#MainSpecial .title_box .tit_box .cont{padding:35px 25px 0px 0;font-size:15px;line-height:22px;color:#fff;letter-spacing:-1px; text-align:right;}
#MainSpecial .contents_box{float:right; width:630px}
#MainSpecial .rand_box{width:100%;}
#MainSpecial .rand_box .thumb_area{width:100%;padding:0;text-align:center;}
#MainSpecial .rand_box .thumb_area ul{width:100%; overflow:hidden}
#MainSpecial .rand_box .thumb_area li{float:left;width:163px;height:162px; margin:0px 15px 40px 15px; vertical-align:middle;padding:50px 0 0 4px; border:3px solid #fff; list-style:none}
#MainSpecial .rand_box .thumb_area li a{font-size:21px;line-height:1.3;color:#fff;text-align:center;letter-spacing:-1px;vertical-align:middle;   font-weight: 700; font-family:'NanumSquare';}
#MainSpecial .rand_box .thumb_area li:hover{border:7px solid #f7c636;}
#MainSpecial .rand_box .thumb_area .n01{margin-left:50px; border:4px solid #f7c636;}
#MainSpecial .rand_box .thumb_area .n02{}
#MainSpecial .rand_box .thumb_area .n03{}
#MainSpecial .rand_box .thumb_area .n04{margin-left:50px}
#MainSpecial .rand_box .thumb_area .n05{}
#MainSpecial .rand_box .thumb_area .n06{}

@media only screen and (max-width:1000px){
#MainSpecial {width:100%;margin:30px 0 40px 0; height:auto; background:url(../images/main/main_spbg.jpg) center top no-repeat; overflow:hidden}
#MainSpecial .box{width:100%; margin:30px auto 0px;text-align:center}
#MainSpecial .title_box {float:none;width:100%;}
#MainSpecial .title_box .tit_box{background:none; width:100%; text-align:center; height:auto}
#MainSpecial .title_box .tit_box .title{padding:20px 0px 0 0; width:100%; background:none; text-align:center; }
#MainSpecial .title_box .tit_box .title h2{padding-left:5%; font-size:45px;line-height:46px;color:#fff;font-weight:400;letter-spacing:-1px; text-align:center; font-family: 'PT Serif', serif;}
#MainSpecial .title_box .tit_box .title h2 br{display:none;}
#MainSpecial .title_box .tit_box .cont{padding:15px 0px 20px 5%;font-size:15px;line-height:22px;color:#fff;letter-spacing:-1px; text-align:center; opacity:0.7}
#MainSpecial .contents_box{width:100%; margin:10px auto 0;}
#MainSpecial .rand_box{width:100%;}
#MainSpecial .rand_box .thumb_area{width:100%;padding:0;text-align:center;}
#MainSpecial .rand_box .thumb_area li{float:none; width:80%; height:auto;  vertical-align:middle;padding:10px 0 ; border:2px solid #aab1ab; list-style:none}
#MainSpecial .rand_box .thumb_area li a{font-size:21px;line-height:1.3;color:#fff;text-align:center;letter-spacing:-1px;vertical-align:middle;   font-weight: 700; font-family:'NanumSquare';}
#MainSpecial .rand_box .thumb_area li a br{display:none;}
#MainSpecial .rand_box .thumb_area li:hover{border:7px solid #f7c636;}
#MainSpecial .rand_box .thumb_area .n01{margin:10px auto 0;}
#MainSpecial .rand_box .thumb_area .n02{margin:10px auto 0;}
#MainSpecial .rand_box .thumb_area .n03{margin:10px auto 0;}
#MainSpecial .rand_box .thumb_area .n04{margin:10px auto 0;}
#MainSpecial .rand_box .thumb_area .n05{margin:10px auto 0;}
#MainSpecial .rand_box .thumb_area .n06{margin:10px auto 40px;}
}



/*메인 관광*/
#MainTour {width:100%;margin:60px 0 80px 0; overflow:hidden}
.Tour-conts {width:50%; margin:0 auto; text-align:center;}
.Tour-conts h2 {position:relative; font-size:40px; color:#222; margin:0px 0 6px; text-transform:uppercase; font-family: 'Anton', sans-serif;}
/*.Tour-conts h2:after{position:relative;display:block; content:'';width:35px;height:3px; margin:20px 0;left:50%;margin-left:-15px;background:#222;}*/
.Tour-conts p {font-size:16px; color:#4a4949;}
#Tour_list{width:1010px; margin:30px auto 0;  font-family: 'Nanum Gothic', sans-serif;}
#Tour_list li{position:relative;float:left; width:19.9%; margin:20px 2.5%; text-align:center;  overflow:hidden; opacity: 1;}
#Tour_list li:hover{opacity: .8;}


@media screen and (max-width: 899px) {
#Tour_list{width:100%; margin:30px auto 0;  font-family: 'Nanum Gothic', sans-serif;}
#Tour_list li{position:relative;float:left; width:19.9%; margin:20px 2.5%; text-align:center;  overflow:hidden; opacity: 1;}
#Tour_list li:hover{opacity: .8;}
}



@media screen and (max-width: 626px) {
#MainTour {width:100%;margin:0px 0 40px 0; overflow:hidden}
.Tour-conts h2 {position:relative; font-size:22px; color:#222; text-transform:uppercase; font-family: 'Anton', sans-serif;}
.Tour-conts p {font-size:14px; color:#4a4949;}
#Tour_list{width:80%; margin:10px auto 0;  font-family: 'Nanum Gothic', sans-serif;}
#Tour_list li{float:left; width:40%; height:auto; margin:10px 5%; text-align:center; overflow:hidden; opacity:1;}
#Tour_list li img{width:100%}
}





/*객실 start*/
#mainsp_box {width:100%; padding:4% 0 4% 0; background:#e4e7ea; overflow:hidden}
.sp-conts {width:50%; margin:0 auto; text-align:center;}
.sp-conts .title-img {}
.sp-conts .title-large  {color:#000; font-weight:600; font-family: 'Nanum Myeongjo', sans-serif; font-size:26px; width:25%; margin:0 auto; padding:5px; border-top:1px solid #bbb; border-bottom:1px solid #bbb;}
.sp-conts .title-small {font-size:15px;   font-family: 'Nanum Gothic', sans-serif;  font-weight:300; letter-spacing:0px;color:#606060;line-height:1.2;}

#link_list{width:1100px; margin: 0px auto;}
#link_list li{position:relative;float:left; width:25%; padding:20px 1% 0px 1%; text-align:center; overflow:hidden; opacity:1;}
#link_list dl{ text-align:center; letter-spacing:-0.5px; margin-top:0px}
#link_list li img{width:100%; *max-width:215px}
#link_list .r01{color:#000; padding:10px 0 8px 0; font-size:16px; font-weight:600; border-bottom:1px solid #ccc}
#link_list .r01 span{color:#eaab12;  font-size:13px; margin-right:4px; display:none}
#link_list .r02{color:#555; padding:8px 0 0px 0;font-size:14px; font-weight:600}
@media screen and (max-width: 1200px) {
#link_list{width:96%;}
}
@media screen and (max-width: 768px) {
   #link_list li{position:relative;float:left; width:33.3333%; padding:10px 1% 10px 1%; text-align:center; overflow:hidden; opacity:1;}
   #link_list{width:96%; margin:0px auto 0;}
   #link_list .r01{color:#000; padding:5px 0 0px 0; font-size:15px; font-weight:600; border-bottom:0px solid #ccc}
   #link_list .r01 span{ font-size:14px;}
   #link_list .r02{display:none; color:#555; padding:8px 0 0px 0;font-size:13px; font-weight:600}
   #link_list .r01 span{ display:none}
   .sp-conts .title-large  {font-size:18px; width:40%;}
   .sp-conts .title-small {font-size:13px;}
}