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

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

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

/* 페이지타이틀(공통영역/컬러변경영역)*/
.pagetit{ height:71px;background-color:#db0000 }
.pagetit_con{margin:0 auto; width:980px; 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}

.text-primary {
  color: #db0000 !important;
}

/* 기존상단 */
.topArea{ height:275px; background:url(http://img.nstyletour.com/img/nstyle/2015_nstyle/all/topbg.jpg) no-repeat center; background-color:#f3f3f3; border-bottom:4px solid #ff5614; padding-top:75px }
.topArea .SelecBox{ position:relative; margin:auto; width:820px; height:200px; background-color: #000000;border-bottom-left-radius:10px; border-bottom-right-radius:10px;border-top-left-radius:10px;border-top-right-radius :10px;background-color:rgba(0,0,0, 0.7)}
.topArea .SelecBox .tit span{}
.topArea .SelecBox .tit a{ position:absolute; top:30px; left:150px; font-size:40px; font-weight:bold; color:#FFFFFF; letter-spacing:-2px;}
.topArea .SelecBox .tit a:hover{color:#ff5614; text-decoration:none }
.topArea .SelecBox .tit  .imgbtn{ display:inline; padding-left:15px; }
.topArea .SelecBox .tit  .mB5{ margin-bottom:5px}
.topArea .SelecBox  a:hover{text-decoration:none }
.topArea .SelecBox .AreaSelect1 .sel-btn{ width:274px ; height:45px; background-color:#FFFFFF;border-bottom-left-radius:10px; border-bottom-right-radius:10px;border-top-left-radius:10px;border-top-right-radius :10px; border:3px solid #ff5614;position:absolute; top:90px; left:70px;background-color:rgba(255,255,255, 0.9); font-size:24px; text-align:center; font-weight:bold; letter-spacing:-2px; padding-top:19px;z-index:9;font-family:Nanum Gothic}
.topArea .SelecBox .AreaSelect1 ul.sel{display:none;width:274px ; min-height:45px; background-color:#FFFFFF;border-bottom-left-radius:10px; border-bottom-right-radius:10px;border-top-left-radius:10px;border-top-right-radius :10px; border:3px solid #ff5614;position:absolute; top:90px; left:70px;padding-top:19px; z-index:10}
.topArea .SelecBox .AreaSelect1 ul.on{display:block !important;}
.topArea .SelecBox .AreaSelect1 ul.sel li{ font-size:16px; text-align:center; font-weight:bold; letter-spacing:-1px;height:35px;}
.topArea .SelecBox .AreaSelect1 ul.sel a:hover{ color:#ff5614;}
.topArea .SelecBox .AreaSelect1 ul.sel li.on{ font-size:24px; text-align:center; font-weight:bold; letter-spacing:-2px;height:55px;}
.topArea .SelecBox .AreaSelect2 .sel-btn{ width:274px ; height:45px; background-color:#FFFFFF;border-bottom-left-radius:10px; border-bottom-right-radius:10px;border-top-left-radius:10px;border-top-right-radius :10px; border:3px solid #ff5614;position:absolute;top:90px; left:360px;background-color:rgba(255,255,255, 0.9); font-size:24px; text-align:center; font-weight:bold; letter-spacing:-2px; padding-top:19px;z-index:9;font-family:Nanum Gothic}
.topArea .SelecBox .AreaSelect2 ul.sel{display:none;width:274px ; min-height:45px; background-color:#FFFFFF;border-bottom-left-radius:10px; border-bottom-right-radius:10px;border-top-left-radius:10px;border-top-right-radius :10px; border:3px solid #ff5614;position:absolute;top:90px;left:360px;padding-top:19px; z-index:10}
.topArea .SelecBox .AreaSelect2 ul.on{display:block !important;}
.topArea .SelecBox .AreaSelect2 ul.sel li{ font-size:16px; text-align:center; font-weight:bold; letter-spacing:-1px;height:35px;}
.topArea .SelecBox .AreaSelect2 ul.sel a:hover{ color:#ff5614;}
.topArea .SelecBox .AreaSelect2 ul.sel li.on{ font-size:24px; text-align:center; font-weight:bold; letter-spacing:-2px;height:55px;}
.topArea .SelecBox .gobtn{ position:absolute; top:90px; right:82px}

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



/* 2016상단 */
.ntopArea{ height:545px; border-bottom:4px solid #ff5614; overflow:hidden;background-color:#db0000;}

.ntopArea .topbg{height:545px; background:url(http://img.nstyletour.com/img/nstyle/2015_nstyle/index/index_topbg.jpg) no-repeat center; overflow:hidden;}

.ntopArea .toptxt{ margin:0 auto; width:980px; position:relative;}
.ntopArea .tittag{ font-size:16px; font-weight:bold; display: block; color:#ffffff;position:absolute; top:330px;text-shadow:2px 2px 2px #000000;-moz-text-shadow:1px 1px 1px #000000;-webkit-text-shadow:1px 1px 1px #727272;}
.ntopArea .titsmall{ font-size:30px; font-weight:bold; display: block; color:#ffffff;position:absolute; top:355px;text-shadow:2px 2px 2px #000000;-moz-text-shadow:1px 1px 1px #000000;-webkit-text-shadow:1px 1px 1px #727272;}
.ntopArea .titbig{ font-size:20px; display:block;font-weight:nomal; padding-top:3px;color:#ffffff; position:absolute; top:420px;text-shadow:2px 2px 2px  #000000;-moz-text-shadow:2px 1px 1px #000000;-webkit-text-shadow:1px 1px 1px #000000; }

.ntopArea .titsmall a{ color:#ffffff !important; }
.ntopArea .titbig a{ color:#ffffff !important; text-decoration:none; }
.ntopArea .head-banner{ width:980px; overflow:hidden;}

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

.ntopArea .line{ background-color:#f4f5f0; border-top:3px solid #d9dad0;}


/* 상품 */
.mT20{ margin-top:20px}


/*메인하단배너*/
.BNArea{width:980px; margin-top:30px;position:relative;}
.BNArea  .rolling {position:absolute; bottom:20px;width:980px; text-align:center;overflow:hidden;  }




/*추천여행 리스트*/
.index_recommendArea{clear:both;width:105%;padding-top:50px; position:relative;}
.index_recommendArea .tit{ font-size:30px; font-family:Nanum Gothic;}
.index_recommend_list{ margin-top:10px; width:105%; clear:both;position:relative;padding-top:0px ; letter-spacing:-1px;}
.index_recommend_list .Rbtn{ position:absolute; right:100px; bottom:8px; font-size:12px; font-weight:bold;}
.index_recommend_list ul li { margin:5px 20px 15px 0; float:left;}

.index2_recommendArea{clear:both;width:105%; position:relative;}
.index2_recommendArea .tit{ font-size:24px; font-family:Nanum Gothic; line-height:20px}
.index2_recommend_list{ margin-top:10px; width:105%; clear:both;position:relative;padding-top:0px ;}
.index2_recommend_list .Rbtn{ position:absolute; right:100px; bottom:8px; font-size:12px; font-weight:bold;}
.index2_recommend_list ul li { margin:5px 20px 15px 0; float:left;}



/* 메인 */
.indexArea{ width:105%; margin-top:50px; }
.indexArea .tit{ font-size:24px; font-family:Nanum Gothic;}
.indexArea ul.indexGoods li{ position:relative;float:left; margin:5px 16px 11px 0px;}
.indexArea ul.indexGoods li .bd{position:absolute; width:223px; height:158px;}
.indexArea ul.indexGoods li .bd:hover{position:absolute; width:227px; height:152px; border:3px solid #ff5614;}
.indexArea ul.indexGoods li span{ display:block; position:absolute; bottom:0px; width:233px; height:15px; background-color:rgba(0,0,0, 0.6);}
.indexArea ul.indexGoods li span{ color:#fff; padding:17px 0px; text-align:center; font-size:14px; font-weight:bold; letter-spacing:-1px}


/*블로그이미지*/
.blogArea{ clear:both;width:105%; padding-top:50px ; position:relative;}
.blogArea .tit{ font-size:24px; font-family:Nanum Gothic; letter-spacing:-1px;}
.blogArea ul.blogGoods {width:105%;}
.blogArea .Rbtn{ position:absolute; right:56px; bottom:8px; font-size:12px; font-weight:bold;float:right;}
.blogArea ul.blogGoods li {position:relative;float:left; width:233px; margin:10px 15px 0 0; padding-bottom:20px;}
.blogArea ul.blogGoods li:hover {text-decoration:underline;}
.blogArea ul.blogGoods .photo{display:block;overflow:hidden; height:166px;}
.blogArea ul.blogGoods .photo img{width:233px; height:100%;}
.blogArea ul.blogGoods .data{width:233px;display:block; overflow:hidden; height:40px; font-size:12px; color:#333;font-weight:nomal; margin:10px 0px 10px 0px; line-height:1.4;}