f@charset "utf-8";
/* CSS Document */

/* GN Hover Color */
.gn_menu li a:hover {color:#db0000 !important; text-decoration:none}

/* 메인 백그라운드 컬러 */
.pagebgclolr{ background-color:#db0000 }

/* 페이지타이틀(공통영역/컬러변경영역)*/
.pagetit{ height:71px;background-color:#db0000 }
.pagetit_con{margin:0 auto; width:1110px; color:#FFFFFF;}
.pagetit_con .tit{ float:left; }
.pagetit_con .entit{ font-size:28px; font-weight:bold;font-family:tahoma; font-weight:bold; margin:21px 0 0 0;display: block; float:left}
.pagetit_con .krtit{ font-size:20px; letter-spacing:-0.025em; margin:27px 0 0 10px; display:block; float:left;}
.pagetit_con .slogan{margin-top:26px; font-size:18px; float:right;}
.pagetit_con .slogan img{ opacity:0.8; margin-top:-3px}
.pagetit_con .site_menu{ margin-top:30px; font-size:18px; float:right;}
.pagetit_con .site_menu li{ float:left; margin-left:27px; font-size:14px; color:#ffffff; font-weight:bold;}
.pagetit_con .site_menu li a{font-size:14px; letter-spacing:-0.025em; color:#ffffff !important}
.pagetit_con .site_menu li a:hover {font-size:14px; letter-spacing:-0.025em; color:#fae100 !important; text-decoration:none}

/* 나라별타이틀컬러
.volim{} */

/* 서브메인배너 */
.topbnArea{ height:474px; background:url(http://img.nstyletour.com/img/nstyle/2015_nstyle/volim/topbg.jpg) no-repeat center; background-color:#f3f3f3; border-bottom:4px solid #db0000;}
.topbnArea .head-banner{ position:relative;margin:0 auto; width:980px; overflow:hidden;}
.topbnArea .head-banner .rolling {position:absolute; bottom:20px;width:980px; text-align:center;}


.centerArea{margin:0 auto; width:980px; overflow:hidden}

/* 메인 */
.specialConceptArea{width:105%; margin-top:40px; }
.specialConceptArea .tit{ font-size:30px; font-family:tahoma; margin-bottom:10px}
.specialConceptArea ul.specialConceptGoods li{  position:relative;float:left; margin:5px 18px 11px 0px;}
.specialConceptArea ul.specialConceptGoods li .bd{position:absolute; width:264px; height:177px;}
.specialConceptArea ul.specialConceptGoods li .bd:hover{position:absolute; width:264px; height:178px; border:3px solid #5c7299;}
.specialConceptArea ul.specialConceptGoods li .bg{ display:block; position:absolute; bottom:0px; width:264px; height:50px; background-color:rgba(0,0,0, 0.6);color:#ffffff; padding:5px 0px; text-align:center; font-size:14px; font-weight:bold; letter-spacing:0px; line-height:18px}
.specialConceptArea ul.specialConceptGoods  li .entxt { display:block;font-size:16px; font-weight:900; }
.specialConceptArea ul.specialConceptGoods  li .krtxt{ display:block;font-size:14px;line-height:26px; font-weight:900  }


.whereArea{ width:105%; margin-top:35px;}
.whereArea .tit{ font-size:30px; font-family:tahoma; font-weight:bold; margin-bottom:10px}
.whereArea ul.whereGoods li{ position:relative;float:left; margin:5px 15px 10px 0px;}
.whereArea ul.whereGoods li .bd{position:absolute; width:210px; height:142px;}
.whereArea ul.whereGoods li .bd:hover{position:absolute; width:204px; height:136px; border:3px solid #5c7299;}
.whereArea ul.whereGoods li .bg{ display:block; position:absolute; bottom:0px; width:160px; height:50px; background-color:rgba(65,170,240, 0.8); padding:7px 25px 0px 25px; color:#FFFFFF ; text-align:center}
.whereArea ul.whereGoods  li .entxt { display:block;font-size:16px; font-weight:900; }
.whereArea ul.whereGoods  li .long {font-size:14px ; letter-spacing:-0.5px;font-weight:900;}
.whereArea ul.whereGoods  li .krtxt{ display:block;font-size:14px;line-height:26px; font-weight:900  }

.HotelCategory{ width:105%; margin-top:35px;}
.HotelCategory .tit{ font-size:30px; font-family:tahoma; margin-bottom:10px}
.HotelCategory ul.whereGoods li{ position:relative;float:left; margin:5px 15px 10px 0px;}
.HotelCategory ul.whereGoods li .bd{position:absolute; width:210px; height:142px;}
.HotelCategory ul.whereGoods li .bd:hover{position:absolute; width:210px; height:142px; border:3px solid #5c7299;}
.HotelCategory ul.whereGoods li .bg{ display:block; position:absolute; bottom:0px; width:210px; height:44px; background-color:rgba(65,170,240, 0.8); padding:4px 0px; color:#FFFFFF ; text-align:center}
.HotelCategory ul.whereGoods  li .entxt { display:block;font-size:16px; font-weight:900; }
.HotelCategory ul.whereGoods  li .long {font-size:14px ; letter-spacing:-0.5px;font-weight:900;}
.HotelCategory ul.whereGoods  li .krtxt{ display:block;font-size:14px;line-height:26px; font-weight:900  }


/* 메인 탑단*/
.topvisual {height:350px;border-bottom:4px solid #db0000; background-color:#db0000;}
.topvisual .toptxt{ margin:0 auto; width:980px; position:relative}
.topvisual .titsmall{ font-size:24px; font-weight:bold;font-family:tahoma; font-weight:bold;display: block; color:#ffffff;position:absolute; top:190px;text-shadow:2px 3px 2px #000000;-moz-text-shadow:1px 1px 1px #727272;-webkit-text-shadow:1px 1px 1px #727272;}
.topvisual .titbig{ font-size:40px; display:block;font-weight:bold; padding-top:3px;color:#ffffff; position:absolute; top:230px;text-shadow:2px 3px 2px  #000000;-moz-text-shadow:2px 1px 1px #727272;-webkit-text-shadow:2px 1px 1px #727272; }
/* Topbg이미지*/
.topvisual .topbg{height:350px; background:url(http://img.nstyletour.com/img/nstyle/2015_nstyle/all/topbg.jpg) no-repeat center;  }
.topvisual .topbg_cover{height:350px; background-color:rgba(200,200,200, 0.3); }
.topvisual .topbg_cover{height:350px; background-color:rgba(0,0,0, 0.1); }

/* 서브 스페셜컨셉 */
.hotelListArea{ clear:both;width:105%;margin-top:35px;}
.hotelListArea .tit{ font-size:30px; font-family:tahoma; margin-bottom:10px}
.hotelListArea ul.hotelGoods li{ float:left; margin:5px 16px 12px 0px; position:relative; }
.hotelListArea ul.hotelGoods li .bd{position:absolute; width:482px; height:327px;}
.hotelListArea ul.hotelGoods li .bd:hover{position:absolute; width:482px; height:327px; border:3px solid #5c7299;}
.hotelListArea ul.hotelGoods li .bg{ display:block; position:absolute; bottom:0px; width:482px; height:100px;color:#fff;letter-spacing:0px;background-color:rgba(0,0,0, 0.6); padding:15px 25px 0px 25px  }
.hotelListArea ul.hotelGoods li .entxt { font-size:24px;width:402px; font-weight:900; letter-spacing:-1px }
.hotelListArea ul.hotelGoods li .krtxt1{ display:block;font-size:14px;line-height:26px; font-weight:900  }
.hotelListArea ul.hotelGoods li .krtxt2{ display:block;font-size:14px;  line-height:65px; margin-top:-22px }


/* 호텔view */
.hoteltit{ clear:both;margin-top:45px; padding:20px 25px 20px 25px; border:1px solid #cccccc; background-color:#f9f9f9}
.hoteltit .entit{ font-size:24px; font-weight:900; letter-spacing:-1px; color:#333333}
.hoteltit .krtit{ font-size:16px; letter-spacing:-1px; margin:15px 0px 10px 0px;color:#323232}
.hoteltit .hoteltxt{ font-size:13px;font-weight: bold;  letter-spacing:-1px;color:#666666; line-height:170%;}
.hoteltit span.tit{ display:block; float:left; margin-right:55px;font-weight:900;}
.hoteltit span.grade{display:block;color:#666666; font-size:14px;font-weight: bold; }

.hotelpic{ width:980px; height:500px; margin:50px 0px 0px 0px; position:relative}
.hotelpic .btnprev{ position:absolute; top:45%; left:30px}
.hotelpic .btnnext{ position:absolute; top:45%; right:30px}

.hotelpic .prev .on{ position:absolute; left:40px; top:50%;}
.hotelpic .prev .over{ position:absolute; left:40px; top:50%; display:none}
.hotelpic .prev a:hover .on{display:none }
.hotelpic .prev a:hover .over{display:block }
.hotelpic .next .on{position:absolute; right:40px; top:50%}
.hotelpic .next .over{position:absolute; right:40px; top:50%;display:none}
.hotelpic .next a:hover .on{display:none }
.hotelpic .next a:hover .over{display:block }


/* 관련상품 */
.etcGoods{ margin:0 auto; width:980px;position:relative}
.etcGoods .tit{ font-size:18px; font-weight:bold}
.etcGoods ul.Goods {width:102%;}
.etcGoods .Rbtn{ position:absolute; right:0; bottom:8px; font-size:12px;font-weight:900}
.etcGoods ul.Goods {clear:both;width:105%;padding-top:0px ; position:relative}
.etcGoods ul.Goods li {position:relative;float:left; width:314px; margin:10px 18px 0px 0; padding-bottom:20px; background:#f4f5f0;}
.etcGoods ul.Goods li:hover {background:#f4f5f0; text-decoration:underline;box-shadow: 2px 3px 3px #c1c3c8; -moz-box-shadow:2px 3px 3px #c1c3c8; -webkit-box-shadow:2px 3px 3px #c1c3c8}
.etcGoods ul.Goods .photo {display:block;overflow:hidden; height:212px;}
.etcGoods ul.Goods .photo img {width:314px; height:100%; }
.etcGoods ul.Goods .data {display:block; overflow:hidden; height:41px; font-size:14px; color:#333;font-weight:bold; margin:20px 13px 27px 13px; line-height:1.4;}
.etcGoods ul.Goods .won {display:block; margin:0 18px 10px 0 ; color:#6cb829; font-family:tahoma; font-size:16px; font-weight:bold; float:right}


.hotelList{ margin:0 auto; width:1110px; margin:50px 0 0 0;position:relative; font-size:13px;}
.hotelList .hotelmenu{ width:241px; margin:0 20px 0 0; }
.hotelList .hotelmenu ul.menubox { width:300px; background-color:#f8f8f8; float:left; border:1px solid #bbbbbb;padding:20px 0 10px 20px}
.hotelList .hotelmenu ul.menubox li{ font-weight:900; margin-bottom:20px}
.hotelList .hotelmenu ul.menubox li a{  color:#333333}
.hotelList .hotelmenu ul.menubox li a:hover{color:#ff3d00; text-decoration:none}
.hotelList .hotelmenu h3{ margin-bottom:8px; font-size:14px; font-weight:900;}
.hotelList .hotelview{ width:750px; float:right;}


/* 버튼 */

.btn_more {
	text-decoration:none;text-indent:0px;line-height:40px;text-align:center;vertical-align:middle;display:inline-block;font-size:18px;font-weight:bold;color:#ffffff;
	width:200px;
	height:52px;
	padding:5px;
	background-color:#b9b9b9;
	border-color:#a9a9a9;
	border-width:1px;
	border-style:solid;
}


.btn_more:hover {
	text-decoration:none;
	text-indent:0px;
	line-height:40px;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
	width:200px;
	height:52px;
	padding:5px;
	background-color:#db0000;
	border-color:#a9a9a9;
	border-width:1px;
	border-style:solid;
}


/* 기존 all hotel tab 추가*/
.allhotels_info_txt{font-size:11px; font-family:Nanum Gothic,dotum, verdana, gulim, tahoma;color:#525252; font-weight:bold; line-height:140%; text-align:left;}
.allhotels_info_txt A:link {color:#525252;text-decoration:none;}
.allhotels_info_txt A:visited {color:#525252;text-decoration:none;}
.allhotels_info_txt A:active {color:#525252;text-decoration:none; }
.allhotels_info_txt A:hover {color:#525252;text-decoration:none; }

.allhotels_infon_txt{font-size:11px; font-family:Nanum Gothic,dotum, verdana, gulim, tahoma;color:#a2a2a2; font-weight:bold; line-height:180%; text-align:left;}
.allhotels_infon_txt A:link {color:#a2a2a2;text-decoration:none;}
.allhotels_infon_txt A:visited {color:#a2a2a2;text-decoration:none;}
.allhotels_infon_txt A:active {color:#a2a2a2;text-decoration:none; }
.allhotels_infon_txt A:hover {color:#ff7575;text-decoration:none; }

.allhotels_txt{font-size:11px; font-family:Nanum Gothic,dotum, verdana, gulim, tahoma;color:#a2a2a2; font-weight:bold; line-height:140%; text-align:left;}
.allhotels_txt A:link {color:#a2a2a2;text-decoration:none;}
.allhotels_txt A:visited {color:#a2a2a2;text-decoration:none;}
.allhotels_txt A:active {color:#ff7575;text-decoration:none; }
.allhotels_txt A:hover {color:#ff7575;text-decoration:none; }

.allhotels_over_txt{font-size:11px; font-family:Nanum Gothic,dotum, verdana, gulim, tahoma;color:#ff7575; font-weight:bold; line-height:140%; text-align:left;}
.allhotels_over_txt A:link {color:#ff7575;text-decoration:none;}
.allhotels_over_txt A:visited {color:#ff7575;text-decoration:none;}
.allhotels_over_txt A:active {color:#ff7575;text-decoration:none; }
.allhotels_over_txt A:hover {color:#ff7575;text-decoration:none; }


/* 탭정보 */
.tab1Area{ clear:both;padding-top:45px ; position:relative; width:720px;}
.tab1Area div.tab1tabs{ height:55px; margin:-15px 0 10px 0;}
.tab1Area div span.tab{ width:160px; height:46px; background-color:#747579; text-align:center; padding-top:15px; margin-right:1px; display:block; float:left;}
.tab1Area div span.tab:hover{ width:160px; height:46px; background-color:#db0000; text-align:center; padding-top:15px; margin-right:1px; display:block; float:left;}
.tab1Area div span.tab a{ color:#ffffff; font-size:14px; font-weight:bold;}
.tab1Area div span.tab a:hover{ text-decoration:none}
.tab1Area div span.on{ width:160px; height:46px; background-color:#db0000; text-align:center; padding-top:15px; margin-right:1px; display:block; float:left;}
.tab1Area div span.on a{ color:#ffffff; font-size:14px; font-weight:bold;}
.tab1Area div span.on a:hover{ text-decoration:none;}

/* 전용호텔view */

.onlyhoteltit{ clear:both;margin-top:10px;  border:1px solid #cccccc; background-color:#ffffff; padding:15px 10px 15px 10px; text-align:left;}
.onlyhoteltit .entit{ font-size:14px; font-weight:600; color:#555555; margin:5px 10px 0px 10px;}
.onlyhoteltit .krtit{ font-size:20px; margin-right:auto;letter-spacing:-1px; margin:0px 10px 0px 10px;color:#333333;font-weight:900;}

.onlyhotelt_boxtit{ clear:both;margin-top:10px;  border:1px solid #cccccc; background-color:#f5f5f5; padding:15px 10px 15px 10px; text-align:left;}
.onlyhotelt_boxtit .hoteltxt{ font-size:14px; margin-right:auto;letter-spacing:-1px; margin:0px 10px 10px 10px;color:#db0000;font-weight:600;}
.onlyhotelt_boxtit .shoteltxt{ font-size:13px; margin-right:auto;letter-spacing:-1px; margin:0px 10px 0px 10px;color:#696969; line-height:170%;}

/* 호텔 사진 큰 사이즈 */
.hotelimgview {position:relative; display:block; border:15px solid #111111; background-color:#ffffff; margin:auto; width:750px; padding:0px; text-align:center; overflow:hidden}
.hotelimgview .prev{cursor:pointer;}
.hotelimgview .prev .on{ position:absolute; left:20px; top:45%;}
.hotelimgview .prev .over{ position:absolute; left:20px; top:45%; display:none}
.hotelimgview .prev:hover .on{display:none }
.hotelimgview .prev:hover .over{display:block }
.hotelimgview .next{cursor:pointer;}
.hotelimgview .next .on{position:absolute; right:20px; top:45%;}
.hotelimgview .next .over{position:absolute; right:20px; top:45%;display:none}
.hotelimgview .next:hover .on{display:none }
.hotelimgview .next:hover .over{display:block }