@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/jejumyeongjo.css); 

@import "normalize.css"; /* reset */
@import "slick.css"; /* slick swiper */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700&display=swap');
/* 
   WEB FONT (CDN server)
   Nanum Barun Gothic, Nanum Myeongjo
*/
@font-face { font-family: 'MapoGoldenPier'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoGoldenPierA.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GyeonggiTitleM'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiTitleM.woff') format('woff'); font-weight: normal; font-style: normal; }
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url(https://cdn.jsdelivr.net/font-nanum/1.0/nanummyeongjo/nanummyeongjo.css);
@import url(//cdn.rawgit.com/puts-blog/NanumSquare/master/NanumSquare.css);
@font-face {
	font-family:'Levenim';
	font-weight:normal;
	src:url('../font/Levenim_Bold.eot');
	src:url('../font/Levenim_Bold.eot?#iefix') format('embedded-opentype'),
		url('../font/Levenim_Bold.woff') format('woff');
}
@font-face { font-family: 'YiSunShinDotumM'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/YiSunShinDotumM.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'BBTreeGB'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_nine_@1.1/BBTreeGB.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Cafe24Simplehae'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Simplehae.woff') format('woff'); font-weight: normal; font-style: normal; }
@import url(//fonts.googleapis.com/earlyaccess/jejumyeongjo.css);

.jejumyeongjo * { 
 font-family: 'Jeju Myeongjo', serif;
}

/* default */
html {height:100%; }
body {position:relative; }
div,header,section,article,aside,nav,ul,ol,li,p,a { box-sizing:border-box; }
a { text-decoration:none; }
ul,
h1, h2, h3, h4, h5, h6,
address, p { margin:0; padding:0; font-weight:normal; font-size:inherit; }
li { list-style-type:none; }
dl, dt, dd { margin:0; }
figure { margin:0; padding:0; }
caption { display:none; }
button { border:0; outline:0; background-color:transparent; }
em, address, i { font-style:normal; }

/* layout */
body { background:#f3f3f3;}
.freeze { overflow:hidden; }
.bg-mask { display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1100; background:rgba(0,0,0,0.6); }
.bg-mask.on { display:block; }
.mobile-only { display:none; }
.myVideo {width: 1920px;}

.btn-scroll { position:absolute; bottom:30px; left:50%; z-index:1500; width:55px; height:58px; margin-left:-38px; background:url('/web/img/common/btn_scroll.png') 0 0 no-repeat; background-size:100%;  }
.btn-scroll.white { background-image:url('/web/img/common/btn_scroll_white.png'); }
.btn-top { display:none; position:fixed; bottom:20px; right:10px; z-index:3000; width:61px; height:56px; background:url('/web/img/common/btn_top.png') 0 0 no-repeat;  }
.btn-tel { position:absolute; left:10px; top:20px; z-index:200; width:55px; height:15px; font-size:0; background:url('../img/common/ico_tel.jpg') 0 0 no-repeat; background-size:100%; }
.btn-reserve { position:absolute; right:515px; top:0px; z-index:200; width:48px; height:15px; font-size:0; background:url('../img/common/ico_reserve.jpg') 0 0 no-repeat; background-size:100%; }

.header { position:relative; z-index:3000; overflow:hidden; margin:0px 0 0 78px; }
.header h1 { float:left; position:relative; z-index:100; left:43.5%; }
.header h1 a img{ width: 80%; /*margin:-6%; margin-bottom: 13%;*/ }
.header .gnb { float:left; margin:25px 0 0 13.5%; }

.header .gnb > ul {  }
.header .gnb > ul > li { display:inline-block; }
.header .gnb > ul > li:nth-child(3){margin-right:180px;}
.header .gnb > ul > li > a { position:relative; display:block; padding:0 60px 0 0; text-align:center; font-size:17px; color:#232323; font-family: 'Jeju Myeongjo', serif;}
.header .gnb > ul > li > a::after {content:""; position:absolute; width:0; height:1px; background:#000; left:0; bottom:0; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease;}
.header .gnb > ul > li > a:hover::after, .subNav li.this a::after { width:75%; }


.header .gnb .gnb-sub.pro { left:395px; }
.header .gnb .gnb-sub.room { left:555px; }
.header .gnb .gnb-sub.wide { left:525px; }


.header .gnb .gnb-sub { display:none; position:absolute; top:45px; z-index:1000; width:100%; font-family:'Jeju Myeongjo', serif;}
.header .gnb .gnb-sub.current { display:block; }
.header .gnb .gnb-sub li { display:inline-block; margin:10px 4px;text-align: center;
    line-height: 12px;}
.header .gnb .gnb-sub li a { font-size:15px; color:#79797a;  }
.gnb .gnb-sub li a:hover, .gnb .gnb-sub li a:focus, .gnb .gnb-sub li a:active, .gnb .gnb-sub li a.on, .gnb .gnb-sub li a.current { color:#000; font-weight:bold; }
 .s_menu_pc {float:right;margin-right:95px;padding-top:7px;}
 .s_menu_pc li {float:left; padding:16px;}
.s_menu_pc li a {font-size:15px;color:#959595; padding:15px; font-family:'Jeju Myeongjo', serif;}
.s_menu_pc li a:hover {color:#000; font-weight:bold; transition: 0.5s ease;  -webkit-transition: 0.5s ease;}



.foot-link { clear:both; padding:55px; text-align:center; color:#4c4c4c;/* background:url('../img/common/bg_foot.jpg'); 0 0 no-repeat; */background-size:100%; }
.foot-link h1 { position:relative; padding-bottom:15px; font-family:'Jeju Myeongjo', serif; font-size:17px; }
.foot-link h1:after { content:''; position:absolute; bottom:0; left:50%; height:1px; width:90px; margin-left:-45px; background:#4c4c4c; }
.foot-link p { margin:22px 0 46px 0; font-size:14px; }
.foot-link dl {  }
.foot-link dt { font-weight:bold; font-size:11px; }
.foot-link dd { margin-top:10px; }
.foot-link dd a { display:inline-block; margin:0 7px; }
.footer {padding:30px 0 50px 0;text-align:center; background:#b8a690;}
.footer strong { font-size:12px; font-weight:400; color:#fff; }
.footer a.foot-tel { display:block; margin-bottom:20px; font-size:18px; color:#fff; }
.footer p { margin-top:5px; font-size:13px; color:#fff; }
.footer p span { display:inline-block; margin:0 7px; }
.footer p a { color: #fff; }
.footer li a { font-weight:bold; font-size:13px; color:#fff; border-bottom:1px solid #fff; }
.foot-link a { display:inline-block; width:238px; height:40px; line-height:40px; font-size:12px; letter-spacing:2px; color:#222; border:1px solid #222; font-family:'Jeju Myeongjo', serif;}
.foot-link a:hover { background:#b9a78f; color:#fff; transition: 0.5s ease;  -webkit-transition: 0.5s ease; border:1px solid #b9a78f;}




.footer p b:before {content: "";display: inline-block;background-image: url("http://hi-web.co.kr/web/img/hi_web_b.png");vertical-align: middle;width: 20px;height: 20px;background-size: cover;background-position: center;margin: 0 0 1px 4px;}


/*.content { margin:-80px auto 0 auto; }*/
.content1 { margin:0px auto 0 auto; }
.content2 { margin:100px auto 0 auto; }

/* Common object */
.table-wrap { position:relative; overflow:hidden; }
.data-list { width:100%; border-top:2px solid #6e6e6f; border-bottom:2px solid #6e6e6f; color:#555; text-align:center; margin-top:30px; font-size:13px;}
.data-list thead th { padding:10px; font-weight:normal;  background:#f1f1f1; }
.data-list tbody th { background:#f1f1f1; }
.data-list tbody td { padding:10px; border-top:1px solid #e7e7e7; font-family:'WONDotum';}

.swipe-guide { display:none; position:absolute; top:50%; left:50%; width:100px; height:100px; margin:-50px 0 0 -50px; color:#222; text-align:center; font-size:6em; border-radius:50%; }
.swipe-guide i { vertical-align:middle; }

.slide-btn button { display:inline-block; position:absolute; top:50%; z-index:1000; width:50px; height:50px; overflow:hidden; margin-top:-38px; background-repeat:no-repeat; background-position:0 0; background-size:100%; }
.slide-btn .btn-prev { left:22px; background-image:url('../img/common/btn_prev.png'); }
.slide-btn .btn-next { right:22px; background-image:url('../img/common/btn_next.png'); }


@media all and (max-width:1366px){
.slide-btn .btn-prev { left:17px; background-image:url('/web/img/common/btn_prev.png'); }
.slide-btn .btn-next { right:17px; background-image:url('/web/img/common/btn_next.png'); }
}

.link-reserve { display:inline-block; width:248px; height:44px; margin-top:20px; font-size:0; background:url('../img/content/btn_reserve_off.jpg') 0 0 no-repeat; }
.link-reserve:hover, .link-reserve:focus, .link-reserve:active { background-image:url('../img/content/btn_reserve_on.jpg'); }

.star-list {  }
.star-list li { position:relative; margin-top:3px; padding-left:10px; font-size:14px; color:#333;  }
.star-list li:before { content:'*'; position:absolute; left:0; top:0; color:inherit; }
.star-list li.point { color:#ee0038; }

.info{width:1440px; margin:auto;}
.data-list { position:relative; overflow:hidden;  }
.data-list { width:100%; border-top:2px solid #6e6e6f; border-bottom:2px solid #6e6e6f; color:#555; text-align:center; }
.data-list { width:100%; border-top:2px solid #828681; border-bottom:1px solid #828681; color:#333; text-align:center; }
.data-list thead th {padding:10px;font-weight:normal;background:#f1f1f1;}
.data-list tbody th { background:#f1f1f1; }
.data-list tbody td { padding:13px; border-top:1px solid #e7e7e7; font-family:'WONDotum';}


.normal-list {  }
.normal-list li { margin-top:5px; font-size:14px; color:#333; }

.txt-bold li { font-weight:bold; color:#222; }

.box-tit { position:relative; height:300px; text-align:center; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.box-tit h1 { position:absolute; top:100px; left:0; right:0; color:#fff; }
.box-tit h1 strong { position:relative; display:block; padding-bottom:20px; line-height:1.2; font-family:'Levenim'; font-size:59px; }
.box-tit h1 strong:after { content:''; position:absolute; left:50%; bottom:0; width:90px; height:1px; margin-left:-45px; background:#fff;; }
.box-tit h1 p { margin-top:20px; font-family:'Nanum Myeongjo'; font-size:15px; }


/* main */
.main-con1 { max-width:1762px; }
.main-top { position:relative; overflow:hidden; height:855px !important;}
.main-top .main-slider { float:left; width:100%; overflow:hidden; }
.main-top .main-slider .slide { height:855px !important; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.main-top .main-slider .slide-copy { margin-top:20px; font-size:12px; color:#848382; }
.main-top .main-top-img { float:left; width:925px; overflow:hidden;  }
.main-top .main-top-img img { max-width:100%; }
.main-top .main-top-01 { float:left; margin-top:100px; text-align:center;  margin-left: 13%; }
.main-top .main-top-02 { float:right; text-align:right;}

.main-scroll { position:relative; width:1530px; margin:100px auto 0 auto; }
.main-scroll .scroll-obj { opacity:0; }
.main-scroll .scroll-obj.active { opacity:1; -webkit-animation:active-y 1.5s 1; -ms-animation:active-y 1.5s 1; animation:active-y 1.5s 1; }
.main-scroll .scroll-obj img { max-width:100%; }


.main_roompre_wrap { width:1375px; margin:0 auto; overflow:hidden; text-align:center; }
.main_roompre_wrap {  text-align: center; line-height:1.2; color:#000; }
.main_roompre_wrap strong { display:block; font-size:20px; font-family: 'Jeju Myeongjo', serif; color:#212121; }
.main_roompre_wrap p { margin-top:25px; line-height:1.7; font-size:14px; }
.main_roompre_wrap a { display:inline-block; width:238px; height:40px; line-height:40px; font-size:15px; letter-spacing:2px; color:#222; border:1px solid #222; float:none; margin:2% auto 0; font-family:'Jeju Myeongjo', serif; font-weight:600;}
.main_roompre_wrap a:hover { background:#222; color:#fff; transition: 0.5s ease;  -webkit-transition: 0.5s ease;}



.main-inside {margin:55px 0 0 0;text-align:center;}
.inside-wrap { position:relative; overflow:hidden; margin-top:17px; }
.inside-wrap ul {padding-top:3px;margin: 0 auto;width: 700px;border-top:1.5px solid #342913;border-bottom:1.5px solid #342913;}
.inside-wrap li { position:relative; display:inline-block; margin-left:23px; width: 65px; height: 65px; text-align: center; }
.inside-wrap li:before { content:''; position:absolute; left:0; top:5px; width:1px; height:11px; background:#fff; }
.inside-wrap li:first-child { margin:0; padding:0; }
.inside-wrap li:first-child:before { display:none; }
.inside-wrap a { font-size:15px; color:#666; text-align: center; line-height: 60px; }
.insie-wrap a:hover, .inside-wrap a:focus, .inside-wrap a:active, .inside-wrap a.on { font-weight:bolder; border-bottom:1px solid #342913; }
.box-inside {width: 1400px; display:none; position:relative; margin:11px auto 0 auto; }
.box-inside.show {display:block;width: 1760px;}

.slick-items div {outline: none;}
.slick-items { width: 85%;  margin: 0 auto;}
.slick-prev:before, .slick-next:before {  font-family: 'slick'; font-size: 35px !important; line-height: 1; opacity: .75;  color: black  !important; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }
.slick-prev {left: -10px  !important;} .slick-next {right: 10px  !important;}
 .slick-dots {display: none !important; }
 
 .main_sppre_wrap { width:1375px; margin:0 auto; overflow:hidden; text-align:center; }
.main_sppre_wrap {  text-align: center; line-height:1.2; color:#000; }
.main_sppre_wrap strong { display:block; font-size:20px; font-family: 'Jeju Myeongjo', serif; color:#212121; }
.main_sppre_wrap p { margin-top:75px; line-height:1.7; font-size:14px; }



.type-list {clear:both;position:relative;max-width:1400px;overflow:hidden;margin:0 auto;padding-top:2%;}
.type-list .type-tit { position:inherit; bottom:40px; padding-left:50px; overflow:visible; text-align:center;}
.type-list h1 { line-height:1; font-size:50px;  }
.type-list h1 span { display:block; color:#487679; font-weight:600; font-family: 'Catamaran', sans-serif;}
.type-list p { margin-top:5px; letter-spacing:-1px; font-size:14px; color:#5c5b58; }
.type-list .link { margin-top:20px; }
.type-list .link li { display:inline-block; margin-right:10px;  }
.type-list .link a { font-size:20px; color:white; border-bottom:2px solid #white; }
.type-list.pension .img { float:right; overflow:hidden; }
.type-list.pension .img div { float:right; margin:6px;}
.type-list.pension .img div a {position:relative;display:block;margin-bottom:2%;}
.type-list.pension .img div .p-d0 {margin-bottom:2%; position:relative;display:block;}
.type-list.pension .img div a:after { display:none; content:''; position:absolute; left:0; top:0; width:25px; height:25px; }
.type-list.pension .img div a img { width:100%; transition:0.7s; }
.type-list.pension .img div a:hover img, .type-list.pension .img div a.act img { opacity:0.5;}
.type-list.pension .img div a:hover:after, .type-list.pension .img div a.act:after { display:block; }
.type-list.pension .img .mainsp { position:absolute; display:block; width:150px; height:55px; border:1px solid #fff; left:95%; top:90%; padding:10px 0; margin:-30px 0 0 -155px;text-align:center; color:#fff; background:rgba(76,76,76,0.65); font-size:0.9em; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index:2;}
.type-list.pension .img .mainsp span { display:block; font-size:1em; line-height:1.2em; text-transform:uppercase;}
.type-list.pension .img .mainsp small {font-size:12px; font-family:'Ubuntu', sans-serif; }

.main-top h1 {position:absolute;left:0;right:0;top:75%;text-align:center;color:#fff; opacity:0.9;}
.main-top h1 strong { position:relative; display:block; padding-bottom:10px; line-height:1.2;font-family:'Montserrat', 'Nanum Gothic',  sans-serif; font-size:40px; }
.main-top h1 strong:after { content:''; position:absolute; bottom:0; left:50%; width:70px; height:1px; margin-left:-45px;  background:#fff; }
.main-top h1 p { margin-top:12px; line-height:1.7; font-family:'Montserrat', 'Nanum Gothic',  sans-serif; font-size:13px; font-weight:bold;}



/*about*/
.about_img_box{overflow:hidden;}
.about_img_box .img{width:70%; height:525px; float:left; margin-bottom:100px}
.about_img_box .img_full{width:100%; height:600px;}
.about_img_box .txt{width:30%; height:600px; float:left; position:relative}
.about_img_box .txt .t01{font-size:50px; color:#ddd; line-height:49px; position:absolute; margin-left:-70px; top:180px; font-weight:normal;}
.about_img_box .txt .t02{font-size:12px; margin-left:-50px; top:330px; position:absolute; opacity:0.4}
.about_img_box .txt2{width:30%; height:600px; float:left; position:relative}
.about_img_box .txt2 .t00 {position:absolute;  width:60px;height:2px;background:#7c7c7c; top:360px; text-align:right; margin-right:35px; right:0;}
.about_img_box .txt2 .t01{font-size:30px;  color:#7c7c7c; line-height:49px; position:absolute; margin-right:35px; right:0; top:385px; text-align:right; font-weight:normal; font-family:'Montserrat', sans-serif;}
.about_img_box .txt2 .t02{font-size:14px; margin-right:35px; top:450px; position:absolute; opacity:0.4; right:0; text-align:right; font-family:'Montserrat', 'Nanum Gothic',  sans-serif;}


.about_img_box .title {text-align:left; margin:3% 0 0 73%; position:relative;  color:#333;}
.about_img_box .title .t00{display:inline-block; width:1px; height:50px; background:#6a747d; }
.about_img_box .title .t01{font-size:38px; color:#767676; font-family:'Montserrat', sans-serif; letter-spacing:-0.02em; margin:3% 0 3% 0;}
.about_img_box .title .t02{font-size:14px; color:#676767; font-family:'Montserrat', 'Nanum Gothic',  sans-serif;}

.about_snd { position:relative; width:100%; display:table; margin-bottom:5%;}
.about_snd_01 { display:table-cell; width:53%; padding:0 4.5% 0 0; text-align:right; vertical-align:bottom;}
.about_snd_01_text {font-size:1.05em; line-height:1.5em; margin:2% 0 4%; font-family: 'Barlow', sans-serif;}
.about_snd_02 { display:table-cell; width:50%;  vertical-align:bottom;}
.img_100 {width:100%; height:auto !important; vertical-align:top;}

.reserve-btn {display:inline-block;padding: 15px 40px;border:1px solid black;transition:300ms;font-size: 15px; margin-top:5%; color:#000;}
.reserve-btn:hover {  color:white;  background-color:#b8a690; border:1px solid #b8a690; }



/* Room */
.room-info-wrap { position:relative; max-width:1650px; overflow:hidden; margin:130px auto 0 auto; }
.room-info-wrap .room-img { float:left; }
.room-info-wrap .room-img img { max-width:100%; }
.room-info-wrap .room-info { float:right; width:40%;}
.room-info-wrap .room-info h1 { margin-top:40px; font-family:'Montserrat', sans-serif; font-size:33px; color:#000; border-bottom:2px solid #666564; width:200px;}
.room-info-wrap .room-info h2 { margin-top:15px; font-size:14px; color:#000; }
.room-info-wrap .room-info p { font-size:14px; color:#666; }
.room-info-wrap .room-info ul { margin-top:20px; }
.room-info-wrap .room-info h1 + ul { margin:15px 0 0 0; line-height:1.6;}
.room-info-wrap .room-info li { font-size:14px; color:#666; font-family:'Montserrat', 'Nanum Gothic',  sans-serif;}
.room-info-wrap .room-info li strong { color:#000; }
.room-info-wrap .room-info a { display:block; width:220px; height:54px; margin-top:30px; line-height:54px; text-align:center; box-sizing:border-box; letter-spacing:4px; color:#000; border:1px solid #d7d7d7; }
.room-info-wrap .room-info a:hover { color:#fff; background:#666; }


.room_view { position:relative; z-index:1; max-width:1700px; margin:0 auto; min-height:1300px; overflow:hidden; margin-top:70px; }
.room-view img { max-width:100%; width:100%;}


/* Special */

.special-view { position:relative; width:1640px; margin:2% auto; }
.special-view .scroll-obj { opacity:0; }
.special-view .scroll-obj.active { opacity:1; -webkit-animation:active-y 1.5s 1; -ms-animation:active-y 1.5s 1; animation:active-y 1s 1; }
.special-view .scroll-obj img { max-width:100%; }

.special-view { position:relative; max-width:1550px; margin:0 auto; padding:0 10px; margin-top:8%; }
.special-view .txt { position:relative; z-index:100; }
.special-view .txt h1 { transition:0.7s; }
.special-view .txt h1 span {  font-size:15px; color:#929292; font-family:'Jeju Myeongjo', serif;}
.special-view .txt h1 strong { display:block; font-weight:100; font-size:50px; color:#818181; font-family:'Montserrat', sans-serif;}
.special-view .txt h2 { position:relative; margin-top:10px; padding-left:170px; font-size:18px; color:#818181; font-family:'Jeju Myeongjo', serif;}
.special-view .txt h2:before { content:''; position:absolute; left:5px; top:50%; width:147px; height:1px; background:#c8c8c8; }
.special-view .txt p { margin:40px 75px 20px 0; font-size:15px; color:#5f5f5f; font-family:'Montserrat', 'Nanum Gothic',  sans-serif;}
figure{margin:0; padding:0;}
.special-info .img{margin-top: -25%;display: block;float: right;}
.img-box_snd{margin-top:11.5%;}

.text-center{text-align:center;}
.text-center .tit:after { content:''; position:absolute; left:50%; bottom:30.5%; width:60px; height:1px; margin-left:-30px; background:#a0a0a0; }
.text-center .tit{margin-top:6%;font-size: 25px; color:#867862; font-family:'Jeju Myeongjo', serif;}
.text-center .txt{color: #959595;font-size:13px;margin: 15px auto 30px; font-weight: 500; font-family:'Montserrat', 'Nanum Gothic',  sans-serif;}

.loader{width:100%;height:100%;background-repeat: no-repeat;background-position: center center;background-size:cover;transform-origin: 50% 50%;}
.sps_wrap {position: relative;width: 100%;max-width: 1720px;margin: auto;text-align: center;}
.sps_wrap a {display: inline-block;width: 23%;margin: 0 0.5% 2%;vertical-align: top;overflow: hidden;}
.sps_wrap a .m_sp_info {position: relative;height: 300px;overflow: hidden;}
.sps_wrap a .m_sp_info .loader {position: relative;transition: transform 0.3s;}
.sps_wrap a:hover .m_sp_info .loader {transform: scale(1.1);}
.sps_wrap a .m_sp_info .loader::after {content: '';position: absolute;top: 0; right: 0; bottom: 0; left: 0;margin: auto;transition: background 0.3s; background: rgba(225,225,225,0); }
.sps_wrap a:hover .m_sp_info .loader::after { background: rgba(0,0,0,0.5);}
.boxBtn{display:inline-block;min-width:142px;	height:45px;	line-height:43px;font-size:12px;	color:#a0a0a0;	text-align:center;	border:1px solid #a0a0a0;transition:background-color 0.3s, color 0.3s;}
.sps_wrap a .content {width: 100%;padding-top: 30px;line-height: 20px;color: #999;font-size: 14px;}
.sps_wrap a .content h5 {margin-bottom: 15px; font-size: 30px;line-height: 34px;letter-spacing: -0.05em;color: #444;}
.sps_wrap a .sloganWrap{position:absolute;z-index:5;bottom:40%;width:100%;transition:transform 0.3s; background:rgba(0,0,0,0.4); padding:10px;}
.sps_wrap a h5{font-size:20px;line-height:20px;color:#fff;}
.sps_wrap a h6{font-size:13px; margin:10px; color:#fff;}


/* Tour */
.supmap { position:relative; margin:3.5em 0; font-size:1.1em; font-weight:400; text-align:center; color:#6f6f6f; }
.supmap .title01 {display:block; font-size:2.2em; line-height:1.2em; letter-spacing:-0.02em; margin-bottom:0.5em; } 
.supmap .title02 { display:block; font-family:'Jeju Myeongjo', serif; font-size:1em; line-height:1.3em; font-weight:600; margin-bottom:1em;}
.supmap .title03 { display:block;  font-size:10px; line-height:1.2em; color:#a7a7a7; font-weight:100; letter-spacing:0.05em; opacity:0.6; filter: alpha(opacity=60;);}
.title_line:after { content:''; position:absolute; left:50%; top:140%; width:60px; height:1px; margin-left:-30px; background:#a0a0a0; }
 


.box-tit.bg-tour { background-image:url('/web/img/rev/tour_main.jpg'); }
.tour-info { width:996px; margin:60px auto 0 auto; }
.tour-info .txt-top { text-align:center; font-family:'Levenim'; font-size:12px; color:#9e9d9c; }
.tour-info h1 { max-width:620px; margin:10px auto 40px auto; padding-bottom:15px; text-align:center; font-family: 'BBTreeGB'; font-size:25px; color:#434450; border-bottom:1px solid #8a8988; }
.tour-info .txt-sub { text-align:center; font-size:14px; color:#8a8988;  }

.tour-list-wrap { max-width:1480px; margin:40px auto 0; padding:0 10px; }
.tour-list { overflow:hidden; }
.tour-list li { clear:both; min-height:400px; overflow:hidden; margin-bottom:20px; margin-top: 3%; }
.tour-list li .tour-slide { float:right; width:50%; }
.tour-list li .tour-slide .slide { height:400px; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.tour-list li .tour-txt { float:left; width:50%; padding:40px; color:#646464; border: 2px solid #999; height: 400px; }
.tour-list li .tour-txt h1 { margin-bottom:20px; }
.tour-list li .tour-txt h1 span { font-size:15px; }
.tour-list li .tour-txt h1 strong { display:block; font-size:25px; font-weight:normal; color:#434450; font-family:'Jeju Myeongjo', serif; margin-top:15px;}
.tour-list li .tour-txt p { font-size:14px; font-family:'Montserrat', 'Nanum Gothic',  sans-serif;}
.tour-list li .tour-txt .distance span { display:inline-block; margin-top:20px; border-bottom:1px solid #646464; }
/*.tour-list li .tour-txt .location span { display:inline-block; margin-top:5px; padding-left:25px; border-bottom:1px solid #646464; background:url('../img/common/ico_location.jpg') 0 center no-repeat; }*/
.tour-list li .tour-txt a { display:inline-block; margin-top:20px; }
.tour-list li:nth-child(even) .tour-slide { float:left; width:50%; }
.tour-list li:nth-child(even) .tour-txt { float:right; width:50%; border: 2px solid #999; height: 400px; }


.pc-price { display:block; }
.m-price { display:none;}


/* Reservation */
.box-tit.bg-map { background-image:url('/web/img/rev/map_main.jpg'); }
.box-tit.bg-rev { background-image:url('/web/img/rev/rev_main.jpg'); }
.box-tit.bg-com { background-image:url('/web/img/rev/com_main.jpg'); }

.roomfree{width:70%; margin:auto;}
span00{color:#b30000;}
.rev01{padding-top:100px;}
.user-info { clear:both; max-width:1400px;margin:50px auto 0 auto;padding:0 10px; }
.user-info p { font-size:14px; line-height:1.7; color:#7c7c7c;}
.user-info h2 { margin-top:20px; font-size:13px; }
.user-info img { max-width:100%; position:absolute; top:0; }
.basic-info { position:relative; padding-left:585px; }
.basic-info img { left:0; }
.caution-info { position:relative; margin:130px 0;}
.caution-info img { right:0; top:26%;}
.refund-info { position:relative;}
.titleWrap{margin:0 auto 50px auto;max-width:1400px;width:100%;padding:30px 0 15px 0;text-align:center;border-bottom:1px solid #bbbbbb;}
.titleWrap h1 strong { line-height:1; font-family:'Montserrat', sans-serif; font-size:37px; font-weight:600; color:#676767; }
.titleWrap h1 span { display:block; font-size:18px; color:#585756; }

.dash-list li { position:relative; padding-left:10px; line-height:1.8; font-size:14px;}
.dash-list li:before { content:'-'; position:absolute; left:0; top:0;  }
.dash-list li strong { font-weight:600; color:#a62222; }

.dot-list li { position:relative; margin-top:6px; padding-left:7px; }
.dot-list li:before { content:''; position:absolute; left:0; top:50%; width:2px; height:2px; background:#788b9c; }
.dot-list li strong { color:#ffb400; }


/* Animation */
@keyframes up-down {
	0% { bottom:50px; }
	50% { bottom:10px; }
	100% { bottom:50px; }
}

@keyframes table-guide {
	0% { opacity:0; }
	50% { opacity:1; }
	100% { opacity:0; }
}

@keyframes active-y {
	0% { transform:translateY(100px); opacity:0; }
	100% { transform:translateY(0); opacity:1; }
}

@keyframes slide-effect {
	0% { transform:scale(1); }
	100% { transform:scale(1.1); }
}

/* media query */
@media all and (max-width: 1763px) {
	.room-top { max-width:none; padding:0 10px; }
	.room-info { width:600px; padding:50px 0 0 20px; }
	.room
	.room-slider { width:700px; }
}
@media all and (max-width: 1680px) {
	.header{margin:0px 0 0 70px;}
	.room-top { max-width:none; padding:0 10px; }
	.room-info { width:600px; padding:50px 0 0 20px; }
	.room
	.room-slider { width:700px; }
    .main-top .main-slider {
    float: left;
        width: 100%;
/*    margin-left: 1.6%;*/
    }
    .main-scroll {
    position: relative;
    width: 1390px;
        margin: 100px auto 0 auto;}
		
	.header .gnb{margin:23px 0 0 7.5%;} 
	.header .gnb .gnb-sub.pro{left:263px;}
	.header .gnb .gnb-sub.room{left:424px;}
	.header .gnb .gnb-sub.wide{left:395px;} .s_menu_pc{padding-top:6px;}
	
	.main-scroll .box-03{width:43%;}
	.box-01 img{width:58%;}
	.box-02 img{width:90%;}
	
	.main-top .main-slider .slide{height:755px !important;} .main-top{height:755px !important;}
	.box-inside.show{width:1580px;}
	
	.slide-btn .btn-next{right:10px;} .slide-btn .btn-prev{left:10px;}
	.text-center .tit:after{ display:none;}
}

@media all and (max-width: 1649px) {
    .main-top .main-slider {
/*        margin-left: 2%;*/
    float: left;
    width: 100%;
        overflow: hidden;}
	.room-list-wrap { width:auto; padding:0 140px; }
	.room-list-wrap h1, .room-list-wrap a { margin:0 0 18px 8px; }
	.room-list-wrap h1 strong { padding-top:10px; }
	.room-list-wrap a.last { margin-left:25.5%; }
	.room-list-wrap a{width:310px;}

	.special-view .special-01{padding-top:10px;}
	.special-view { width:1400px; padding:0 10px; }
    .special-view .special-02 {margin: 95px 0 15px 45px !important;}
	.special-view .special-03 { float:left; margin:170px 0 50px 110px;}
	.special-view .special-05 img { width:45%; }
	.special-view .special-06 img { width:auto; padding:0 10px; }

.about03img{width:46.7%;} .about02img{ width:46.7%;} .img_wap{width:95.5%;}
.spPre01{width:1375px;}
.sp_main_info .sp_no2 .img_wrap .txt_wrap{width:46%;}
}

@media all and (max-width: 1440px) {
.header {margin: 0px 0 0 0px;}	
.header h1{left:44%;}
.header .gnb > ul > li:nth-child(3){margin-right:140px;}
.header .gnb{margin:28px 0 0 6%;} 
.btn-scroll{bottom:0px;}

.header .gnb .gnb-sub.pro{left:230px;}
.header .gnb .gnb-sub.room{left:395px;}
.header .gnb .gnb-sub.wide{left:365px;}
	
.main2_wrap{max-width:1340px;}

.main-scroll { width: 1122px;}
.box-02 img{width:80%;}
.box-01 img{width:94%;}


.img_wap{width:100%;}

    	.main-scroll .box-01 { width:60%; }
    .main-scroll .box-04 {
        margin: -20px 0 0 100px;}
	.main-con { margin:auto; width:1370px; }
	.main-top .main-slider { width:100%; }
	.main-top .main-slider .slide { height:655px !important; } .main-top{ height:655px !important; }
	.main-top .main-slider .slide-copy { margin-top:10px; }
	.main-top .main-top-img { width:50%; margin-left:8%; }
	.main-top .main-top-img img { width:80%; }
    .main-top .main-top-01 {    margin-left: -9.2%;}
    .main-top .main-top-02 {margin-top: -70%}
	
	.inside-wrap ul{width:55%;}
	.room-list-wrap a{width:222px;}
	
	.main2_bottom .leftTop .main_ab_img{width:32.80%;}

    .rev {margin: 0 auto; width: 72%;}
    .btn-reserve {
    position: absolute;
    right: 305px;
    top: 0px;
        z-index: 200;}
.foot-link p {
    font-size: 14px;
}

.box-inside.show{width:1430px;}
.type-list.pension .img div{width:48%;} .type-list{max-width:1200px;}
.room-info-wrap .room-img{width:58%;} .room-info{padding:0 0 0 20px;}
.room-info-wrap .room-info h1{margin-top:15px; font-size:22px;}
.img-box_snd{margin-top:18.5%;}

.info{width:1330px;}
}

@media all and (max-width: 1366px) {
	.header .gnb{margin:-40px 0 0 6%;} .header h1 a img{width:70%;} .header h1{left:47%;}
	.header .gnb .gnb-sub{top:36px;}
	.header .gnb .gnb-sub.room{left:380px;}
	.header .gnb .gnb-sub.wide{left:333px;}
	.s_menu_pc{padding-top:0px; margin-right:67px;}
	.main_sppre_wrap{ width: auto;}
	.main-con{width:1340px;} .special-view{width:1240px;}
	
	.box-inside.show{width:1310px;}
	.main_roompre_wrap{width:auto;}
	
	.main-top .main-slider .slide { height:625px !important; } .main-top{ height:625px !important; }
}

@media all and (max-width: 1280px) {
	.main-scroll .box-03 h1{font-size:40px;}
	
	.btn_link{margin-top:355px;}
	
	.main-top .main-slider { width:100%; }
	.main-top .main-slider .slide { height:600px; }
	.main-top .main-top-img { width:60%; margin-left:5%; }
	.main-top .main-top-01 { margin-top:150px; }
	.room-list-wrap h1 p { font-size:12px; }
	.room-list-wrap a{width:235px;}
	.room-info { width:600px; padding:0 0 0 20px; }
	.room-slider { width:600px; }

	.room-preview-tit { top:50px; }
    .room_view .img div.img03 { width:700px; }
}

@media all and (max-width: 1200px) {
	
	.inside-wrap { height:auto; padding:20px; }
	.inside-wrap ul { padding-top:0; }.inside-wrap ul{border-bottom:2px solid #a6a6a6; margin:auto; width:100%;}
	.inside-wrap ul li { margin-left:10px; padding-left:10px; }
	.inside-wrap ul li a { font-size:12px; }
	.box-inside { width:auto !important; height:auto !important; }
	.box-inside .img-m { display:block; margin:0 auto; }
}

@media all and (max-width: 1025px) {
    .header .gnb { float:left; margin:1px 0 0 3px; }

.header .gnb > ul {  }
.header .gnb > ul > li { display:inline-block; }
.header .gnb > ul > li > a { position:relative; display:block; padding:0 30px 0 0; text-align:center; font-size:16px; color:#434450;  font-weight:900;}
/*.header .gnb > ul > li > a:hover, .header .gnb > ul > li > a:focus, .header .gnb > ul > li > a.on, .header .gnb > ul > li > a.current { font-size: 1.1rem; font-weight: bold;}*/
.header .gnb .gnb-sub { display:none; position:absolute; top:40px; z-index:1000; width:100%;  }
.header .gnb .gnb-sub.current { display:block; }
.header .gnb .gnb-sub.pro { left:460px; }
.header .gnb .gnb-sub.room { left:430px; }
.header .gnb .gnb-sub.wide { left:540px; }
.header .gnb .gnb-sub.tour { left:735px; }
.header .gnb .gnb-sub.locat { left:818px; }
.header .gnb .gnb-sub.rev { left:895px; }
.header .gnb .gnb-sub.commu { left:935px; }
.header .gnb .gnb-sub li { display:inline-block; margin-right:15px; }
.header .gnb .gnb-sub li a { font-size:13px; color:#79797a; font-weight:bold; }
.gnb .gnb-sub li a:hover, .gnb .gnb-sub li a:focus, .gnb .gnb-sub li a:active, .gnb .gnb-sub li a.on, .gnb .gnb-sub li a.current { color:#000; font-weight:bold; }

	.main-top .main-slider { width:100%; }
	.main-top .main-slider .slide { height:500px; }
	.main-top .main-top-img { width:68%; margin-left:2%; }
	.main-top .main-top-img img { width:65%; }
	.main-top .main-top-01 { width:50%; }
	.main-top .main-top-02 { width:50%; }

	.main-scroll .box-01 { width:60%; }
	.main-scroll .box-02 { top:50px; right:10px; width:30%; text-align:right; }
	.main-scroll .box-03 { margin-top:60px; padding-left:80px; }
	.main-scroll .box-03 h1 { font-size:32px; }
	.main-scroll .box-04 { margin:-20px 0 0 70px; }

	.special-list li { margin:0 10px 10px 0; }

	.room-list-wrap h1, .room-list-wrap a { height:235px; }
	.room-list-wrap h1 strong { font-size:18px; }
	.room-list-wrap h1 p { font-size:10px; }

	.room-info { width:500px; padding:0 0 0 20px; }
	.room-slider { width:450px; }

	.room-preview-tit { top:50px; }
	.room-preview h1 { font-size:40px; }
	.room-preview h1 + p { font-size:13px; }
    	.room_view { min-height:900px; }
	.room_view div.img01 { right:50px; width:300px; }
	.room_view div.img02 { top:200px; width:700px; }
	.room_view div.img03 { top:100px; width:500px; }
	.room_view div.img04 { width:400px; }
}

@media all and (max-width: 800px) {
	.video {width:100% !important;}
	
	.supmap .title02{font-size:0.8em;}
	
	.header .gnb > ul > li:nth-child(3){margin-right:0px;}
	.header .gnb{margin:36px 0 0 7%;} .header .gnb .gnb-sub.wide{left:0px;} 
	
	.obj-01 img{display:none;}
	.box-inside span { position:absolute; display:none; }
	.s_menu_pc li { display:none;}
	
    .slick-track img {width: 100% !important;}
     .wrapper2 { padding-top:90px; }
    .rev {
    margin: 0 auto;
        width: 100%;}
    .main-inside {
    margin: 50px 0 50px 0;
    text-align: center;
}
.roomPre_main{ font-size:0.3em; left:35px;}
.roomPre_main01{letter-spacing:6px; padding-left:10px;}
.roomPre{display:none;}
.roomPre02 a{font-size:0.5em;}
.roomPre02 a span{display:none;}

.spPre01{width:100%; margin:0 auto 40%;}

.sp_txt .wrapper{padding:0 4px;}
.special-view { max-width:100%; /*margin-top:42%;*/}
.sp_txt .col.tit{font-size:29px;}
.sp_txt{margin-top:0px;}
.sp_txt .col{width:100%;} .sp_txt .col.txt_wrap{padding-top:40px;}
.sp_txt .col.txt_wrap .txt{font-size:17px; font-weight:bold;}
.sp_txt .col.txt_wrap .subtxt{font-size:11px;}

    .btn-reserve {
    position: absolute;
    right: 60px;
    top: 20px;
	width:60px;
    z-index: 200;
}
    .btn-tel { display:none !important;}
    
  
    .slide {height: 300px !important;}
    .btn-scroll   { display:none;}
	.wrapper { padding-top:90px; }	
	.mobile-only { display:block; }
	.btn-top { width:41px; height:36px; }
	.header { position:fixed !important; top:0 !important; left:0 !important; right:0 !important; overflow:visible; margin:0; padding:0 !important; background:#fff !important; height: }
	.header h1 { float:none; padding:0px 0;  text-align:center; left:0;}
	.header h1 img { width:16% !important; margin: 5px auto 0  !important;; }
	.header .gnb { float:none; margin:0; text-align:center; font-weight: bold; margin-top: 0%}
	.header .gnb > ul > li > a { padding:3px 1px 2px 0px; font-size:15px;   font-weight:bold;}
      /*  .header .gnb > ul > li > a:hover, .header .gnb > ul > li > a:focus, .header .gnb > ul > li > a.on, .header .gnb > ul > li > a.current { font-size: 0.5rem; font-weight: normal;}*/
	.header .gnb > ul > li { padding:0px 2px 5px 0; }
	.s_menu_pc{margin-right:0px;}
	.header .gnb .gnb-sub { top:auto !important; /*bottom:-24px !important;*/ left:0 !important; right:0; padding:0; background:#fff; text-align:center; }

	.tr_btn{width:249px !important; height:41px !important; font-size:20px !important; margin-top:-20px  !important;}
		
	.header .gnb .gnb-sub li { margin:0 0px; padding:15px 3px; text-align:center; font-size:8px;  }
	.foot-link h1 { font-size:13px; }
	.foot-link p { font-size:12px; }
   	.btn-top { width:41px; height:36px; }
	.footer{ padding:12px 0 12px 0;}
	.footer p{ font-size:11px;}
	.footer p span { display:block; line-height:1.8; }
	.content { margin:0; }
	.table-wrap { width:auto; overflow:auto; position:absolute; }
	.table-wrap iframe {  }
	.con-tit h1 { font-size:25px; }

	.slide-btn button { width:40px; height:40px; }

	.box-tit { height:220px; }
	.box-tit h1 { top:80px; }
	.box-tit h1 strong { padding-bottom:10px; font-size:30px; }
	.box-tit h1 strong:after { width:50px; margin-left:-25px; }
	.box-tit h1 p { margin-top:10px; font-size:12px; }

	.main-con { width:auto !important; }
	.main-top { padding:0; }
	.main-top .main-slider { float:none; width:auto; }
	.main-top .main-slider .slide { min-height:0px; }
	.main-top .main-slider .slide-copy { font-size:11px; }
	.main-top .main-top-img { float:none; width:100%; margin-top:10px; margin-left:0; }
	.main-top .main-top-img img { width:auto; }
	.main-top .main-top-01 { margin-top:20px; }
	.main-top .main-top-02 { width:45%; }
	

	.main-scroll { margin-top:60px; padding:0; max-width:100%;}
	.main-scroll .box-01 { width:auto; }
	.main-scroll .box-01 img{margin-bottom:0px !important;}
	.main-scroll .box-02 { position:static; width:auto; margin:20px 0; padding:0 10px; text-align:center; }
	.box-02 img{width:100%;}
	.main-scroll .box-03 { margin:23px auto; width:100%; padding-left:0;}
	.main-scroll .box-03 h1 { font-size:20px; text-align:center;}
	.main-scroll .box-03 p { font-size:12px; margin:3% auto; text-align:center;}
	.main-scroll .box-04 { margin:0; }
	
	
	.tour-info { width:auto; }
	.tour-list-wrap { max-width:none; width:auto; margin:18px auto 0px auto;}
	.tour-list li { min-height:100px; border-width:1px; }
	.tour-list li .tour-slide { float:none !important; width:auto !important; }
	.tour-list li .tour-slide .slide { height:300px; }
	.tour-list li .tour-txt { float:none !important; width:auto !important; padding:20px 10px; }
	.tour-list li .tour-txt h1 { margin-bottom:15px; }
	.tour-list li .tour-txt h1 span { font-size:11px; }
	.tour-list li .tour-txt h1 strong { font-size:17px; }
	.tour-list li .tour-txt p { font-size:12px; }
	.tour-list li .tour-txt a { margin-top:15px; }
	
	.pc-price { display:none; }
	.m-price { display:block; }
	
	.main-top .main-slider .slide { height:400px !important; } .main-top{ height:400px !important; }
	.room-info-wrap .room-img{width:100%;} .room-info-wrap .room-info{width:105%;}
	.special-view .txt h1 strong{font-size:25px;}
	.special-view .txt p{margin:40px 0 20px 0; font-size:12px;}
	.special-info .img{margin-top:4%;} .img-box_snd{margin-top:79%;}
	.sps_wrap a{width:48%;} .sps_wrap a .m_sp_info{height:220px;}
	
	.root_daum_roughmap{width:auto !important;}
	
	.roomfree{width:90%;}
	.basic-info{padding-left:0px;}
	.dash-list{padding-top:77%;} .dash-list li{font-size:12px;}
	.user-info{margin:40% auto 0 auto;} 
	.caution-info{margin:0px 0;} .caution-info img{top:18%;}
	.data-list th{padding:8px;}
	.accordian table th, .accordian table td{font-size:11px; font-weight:400;}
  
	.last-dash{padding-top:0% !important;} .special-view .scroll-obj img{left:0; right:0; margin:auto;}
	
	.about_img_box .img{ width:100%; height:280px; margin-bottom:5px;}
	.about_img_box .title{margin:0% 0% 7% 4%;}
	.about_dog_01_text{font-size:0.7em;}
	.about_img_box .txt2 .t00{margin-right:-70px; top:80px;}
	.about_img_box .txt2 .t01{margin-right:-70px; top:80px; font-size:23px;} .about_img_box .txt2{width:70%; height:190px;} .about_img_box .txt2 .t02{margin-right:-70px; top:130px;}
	
	.slick-items{width:100%;} .slick-prev, .slick-next{display:none !important;}
	
	.type-list{padding-top:4%;}
	.type-list.pension .img div{width:380px;margin-right:2px;margin-left:2px;}
	.type-list{max-width:1000px;}
	.type-list.pension .img div a span{font-size:10px !important; bottom:-2px;}
	.type-list.pension .img .mainsp{width:134px; height:40px; padding:3px 0;}
	
	

	
}

@media all and (max-width: 550px) {
    .slide-btn{display: none;}
/*	.header .gnb .gnb-sub.wide { bottom:-55px !important; }*/
    .room_view { min-height:auto; margin-top:100px; }
	.room_view div { width:auto !important; position:static !important; text-align:center; }
	.room_view div img { display:block; margin:10px auto; }
	.room_view div h1 { margin:20px 0; padding-left:0; }
	.room_view div h1 strong { font-size:30px; }
	.room_view div h1 p { font-size:12px; }
	.room_view div h1 img { max-width:50%; }
    	.room_view div.img01,
	.room_view div.img02 { display:none; }
	.main-top h1 { display:none;}
	
	.info{width:390px;}
	.revpc{display:none;} .data-list tbody td{padding:3px;}
	
	.header h1 img { width:20% !important; margin: 5px auto 0  !important;; }
	.header .gnb > ul > li > a { padding:3px 1px 2px 0px; font-size:12px;   font-weight:bold;}
	.main-top .main-slider .slide { height:300px !important; } .main-top{ height:300px !important; }
	.dash-list{padding-top:105%;} 
	.special-view{margin-top:14%;} .user-info{margin:10% auto 0 auto;}
	.type-list.pension .img div{width:265px;margin-right:2px;margin-left:2px;}
	.table-wrap{position:relative;}
}

@media all and (max-width: 450px) {	
.header h1 img { width:25% !important; margin: 5px auto 0  !important;; }
.type-list.pension .img div{width:202px;margin-right:2px;margin-left:2px;}
}

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

	.header .gnb > ul > li > a{font-size:11px;}

	.main-scroll .box-03 p { font-size:11px; }
	
	.inside-wrap ul{width:100%;}
	.inside-wrap{padding:2px;}
	.type-list.pension .img div{ width:174px;}
}

@media all and (max-width: 321px) {	
	.header .gnb > ul > li { padding-right:3px; }
	.header .gnb > ul > li > a { font-family: 'NanumSquare', sans-serif; font-weight:bold; font-size:11px;}
	.con-tit + p { font-size:11px; }

	.main-scroll .box-03 p br { display:none; }

	.main-inside { margin:80px 0; }
	.inside-wrap ul li { margin-left:5px; padding-left:5px; }
	.inside-wrap ul li a { font-size:11px; }
}