@charset 'utf-8';

/* 롤링 */
#warp{position:relative;}
#banner_slide{width:100%;position:relative;}
#banner_slide ul {width:100%; height:500px;  overflow:hidden;}
#banner_slide ul li{float:left; width:100%;}
#banner_slide ul li img{width:100%;height:500px;}
#banner_slide .caption{position:absolute;bottom:105px; left:0; text-align:center; width:100%; color:#fff;}
.opacity_wrap{width:100%; height:100%; position:absolute; top:0px; left:0;  z-index:98; background-color:#000; filter:alpha(opacity=10); opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;}
#banner_slide .opacity_wrap{display:none;}

/*검색*/
#search_widget{position:absolute; top:157px; left:50%; margin-left:-300px; width:580px;  z-index:9;}
.area_search{padding:13px 15px; *background: #262626; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9f262626, endColorstr=#9f262626)";  background: rgba(255,255,255,.4); *filter:alpha(opacity=0.4); }
/*.area_search{padding:13px 15px; display:inline-block; margin-left:300px; *background: #e5351e; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fe5351e, endColorstr=#7fe5351e)"; background: rgba(229, 53, 30, 0.7); }*/
.area_search input{height:36px;padding-left:10px; color:#000; font-size:14px; vertical-align:bottom;}
.area_search fieldset{padding-top:10px; text-align:left;}
.area_search fieldset input{ height:21px; width:128px; color:#000; background:#fff url('../../../images/calendar.gif') no-repeat 110px; padding:5px 0 5px 10px; font-size:14px;vertical-align:bottom; }
.area_search fieldset p{margin-left:110px; padding-top:10px;}
.area_search fieldset a{color:#fff; font-size:14px; font-weight:bold;}
.area_search .search_box input{width:410px; height:26px; padding:5px 0 5px 5px;  line-height:22px; /* color:#aaa; font-weight:normal;*/}
.area_search .btn_sch{width:259px; padding:8px 0 8px 0; background-color:#e5351e; color:#ffffff; display:inline-block; font-size:14px;text-align:center; cursor:pointer;}
.area_search .btn_map_sch{position:absolute;top:0; right:145px;width:125px; height:50px; color:#fff; font-weight:bold;background: url("../../../images/bg.png") no-repeat -5px -458px #65a76a;}
.area_search .btn_city_sch{width:125px; /*padding:9px 0 6px 0; height:21px;*/ line-height:18px; color:#fff; font-weight:bold; border:1px solid #fff; display:inline-block; text-align:center; font-size:14px; cursor:pointer;}
.textSearch{background-color:#fff; display:none; text-align:left;  }
.textSearch p{padding:8px 0 8px 10px; cursor:pointer; width:364px; font-weight:bold;}
.textSearch p:hover, .textSearch p:focus{background-color:#d3e5d4;}
.textSearch span.country_name{font-weight:normal;  }
.textSearch span.country{font-weight:bold; color:#65a76a;}
.tt-dropdown-menu{overflow-y:auto; width:364px; height:418px; border-right: 1px solid #d5d5d5;}
.tt-dataset-repos{ overflow:hidden; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5;background-color:#fff; }
.bx-viewport{z-index:9}
.ui-autocomplete {overflow-y:auto; max-height:418px; width:364px;background-color:#fff; border: 1px solid #d5d5d5; z-index:999 }
body .ui-widget{font-size:12px;font-family:"New Gulim"}
body .ui-menu .ui-menu-item{padding:1px 0}
body .ui-menu .ui-menu-item a{padding-left:71px; background:url("../../../images/bg_bul_gray01.gif") no-repeat 63px 53%;}
body .ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{background:#d3e5d4 url("../../../images/bg_bul_gray01.gif") no-repeat 63px 53%; }
body .ui-menu .ui-menu-item a.landmarkFirst:before{content:"landmark"; color:#000; margin-left:-68px; display:inline-block; width:67px; font-weight:bold; font-size:13px;}
body .ui-menu .ui-menu-item a.cityFirst:before{content:"city"; color:#000; margin-left:-68px; display:inline-block; width:67px;  font-weight:bold; font-size:13px;}
body .ui-menu .ui-menu-item a.areaFirst:before{content:"hotel"; color:#000; margin-left:-68px; display:inline-block; width:67px;  font-weight:bold; font-size:13px;  }
body .ui-menu .ui-menu-item a.areaFirst{margin-top:10px;border-top:1px solid #eee; }
body .ui-menu .ui-menu-item a.cityFirst.ui-state-focus,body .ui-menu .ui-menu-item a.cityFirst.ui-state-active{background-color:#d3e5d4}
body .ui-menu .ui-menu-item a.areaFirst.ui-state-focus,body .ui-menu .ui-menu-item a.areaFirst.ui-state-active{border-top:1px solid #eee; margin-top:10px;background-color:#d3e5d4}
body .ui-state-hover,body .ui-state-focus,body .ui-widget-content .ui-state-focus,body .ui-widget-header .ui-state-focus{background:none #d3e5d4; border:1px solid #d3e5d4;color:#000; margin:0}
body .ui-menu li .noData { padding:2px 0 2px 10px;line-height:1.5; display:block; }

/*메인 2016-03-07 추가*/
.main_text{width:760px;margin-left:-90px;margin-bottom:29px;}
.main_text p{font-size:28px;letter-spacing:-1px;color:#fff;text-align:center;line-height:45px;}
.main_text p span{font-size:40px;}
.main_app_down{width:100%;text-align:center;color:#fff;margin-top:24px;height:60px;}
.main_app_down ul{margin:0 auto;height:70px;display:inline-block;margin-top:15px;}
.main_app_down li{float:left;}
.main_app_down li:first-child{margin-right:11px;}
.main_app_down p{font-size:24px;letter-spacing:-1px;}
.ko_top1{background:url("../../../images/main_160307.jpg") 0px 0px repeat fixed; background-size:cover; -moz-background-size:cover; -o-background-size:cover; -webkit-background-size:cover; width:100%;height:500px;}

/*검색박스*/
.sch_bx {position:absolute; top:170px; left:15px; width:415px; background:#fff;font-family:"돋움"; border:1px solid #c5c5c5; border-top:0 none; letter-spacing:-1px;}
.sch_bx p {position:relative;}
.sch_down {background:#f5f5f5; color:#989898;  padding:10px 15px 8px 15px; }
.sch_up {background:#fff; color:#656565;  padding:10px 15px 8px 15px; border-top:1px solid #d5d5d5;}
.schblue {font-size:11px; color:#0098ca; font-weight:normal; padding-left:5px;}
#searchLayer {background:#fff; color:#656565;  padding:10px 15px 8px 15px; border:1px solid #d5d5d5; width:385px; position:absolute; z-index:999;margin-top:-10px;}
.noDataTop {background:#fff; color:#656565;  padding:10px 15px 8px 15px; border-top:1px solid #d5d5d5 }
body .ui-menu .ui-menu-item .sch_close {background:url("../../../images/bg_close.png") no-repeat 0 0; width:11px; height:11px; display:block; position:absolute; top:10px; right:15px; padding-left:0}
.sch_close {background:url("../../../images/bg_close.png") no-repeat 0 0; width:11px; height:11px; display:block; position:absolute; top:10px; right:15px; }
.sch_bx h2 {font-size:13px; padding:8px 15px 0 15px}
.sch_bx .blue {font-size:11px; color:#0098ca; font-weight:normal; padding-left:5px;}
.sch_bx ul {width:100%; padding:8px 15px 0 15px; font-size:12px }
.sch_bx ul:after {content:""; display:block; clear:both;}
.sch_bx li {float:left; padding:0 30px 10px 0;}

/*숙소*/
#contents ul{width:100%; }
#contents ul li{display:inline-block; width:485px; float:left; margin:0 13px 35px 0; position:relative;}
#contents ul li a img{width:100%; height:97px}
#contents ul li a.listLink img{width:100%; height:228px;}
#contents ul li .opacity_wrap{height:228px; display:block;filter:alpha(opacity=10); opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;}
#contents ul li p{position:absolute; top:21px; left:25px; font-size:15px; font-weight:bold; color:#fff; display:none;}
#contents ul li p.bg{background-position:-10px -532px; width:72px; height:50px; text-align:center;position:absolute;  top:20px;left:395px; font-size:25px; padding-top:18px;}
#contents ul:after{content:""; display:block; clear:both;}
#contents .promotion_icons li{display:inline; width:20px;}
#contents ul li dl{font-weight:bold; line-height:160%; background: #efefef; min-height:77px; padding-top:13px;}
#contents ul li dl dt{color:#000; font-size:15px; margin-left:40px; }
#contents ul li dl dd{color:#888; margin-left:40px;}
#contents ul li dl dd.event{color:#52a558; }
#contents ul li dl dd span{background-position:-281px -550px; width:56px; height:26px; display:inline-block; vertical-align:middle; margin-left:5px;}
#contents ul li span.arrow{position:absolute; bottom:33px ; right:36px ;background-position:-245px -550px; width:18px; height:30px; display:inline-block; vertical-align:middle; margin-left:5px;}

/*도시별 인기호텔*/
#area_popular h2{margin-bottom:14px; font-size:19px; *margin-top:35px; color:#222}
#area_popular ul li{float:left; width:120px; text-align:center; border:1px solid #ece6e6; vertical-align:middle; }
#area_popular ul li span{line-height:160%;}
#area_popular ul li span:first-child{display:inline-block;width:120px; color:#000; font-size:15px; font-weight:bold;}
#area_popular ul:after{content:""; display:block; clear:both;}
#area_popular a{width:120px;display:block; height:59px; padding-top:19px;}
#area_popular a.area_ov1:hover, #area_popular a.area_ov1:focus{background:url("../../../images/area_seoul.jpg") no-repeat; text-indent:-9999px;}
#area_popular a.area_ov2:hover, #area_popular a.area_ov2:focus{background:url("../../../images/area_jeju.jpg") no-repeat; text-indent:-9999px;}
#area_popular a.area_ov3:hover, #area_popular a.area_ov3:focus{background:url("../../../images/area_busan.jpg") no-repeat; text-indent:-9999px;}
#area_popular a.area_ov4:hover, #area_popular a.area_ov4:focus{background:url("../../../images/area_gang.jpg") no-repeat; text-indent:-9999px;}
#area_popular a.area_ov5:hover, #area_popular a.area_ov5:focus{background:url("../../../images/area_tokyo.gif") no-repeat; text-indent:-9999px;}
#area_popular a.area_ov6:hover, #area_popular a.area_ov6:focus{background:url("../../../images/area_sang.gif") no-repeat; text-indent:-9999px;}
#area_popular a.area_ov7:hover, #area_popular a.area_ov7:focus{background:url("../../../images/area_hongkong.jpg") no-repeat; text-indent:-9999px;}
#area_popular a.area_ov8:hover, #area_popular a.area_ov8:focus{background:url("../../../images/area_sing.jpg") no-repeat; text-indent:-9999px;}

/*많이 찾는 도시*/
#container .list_city_wrap h2{padding:25px 0 15px 0;  font-size:19px; *margin-top:35px; color:#222}
.list_city {width:100%}
.list_city:after{content:""; display:block; clear:both;}
.list_city img{width:310px; height:200px;}
.list_city .listLink, .list_city img{width:310px; height:200px;}
.list_city li{width:310px; margin:0 23px 25px 0; position:relative; float:left;}
.list_city .list_city_txt{position:absolute; bottom:0; left:0; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf262626, endColorstr=#bf262626)"; background: rgba(38, 38, 38, 0.8); height:50px;*background: #262626;  *filter:alpha(opacity=0.8);  }
.list_city .list_city_txt a{color:#65a76a; padding-top:15px; display:inline-block; width:310px;}
.list_city .list_city_txt a span:first-child{color:#fff; padding-left:15px; width:222px; display:inline-block; }

/*베스트 인기 휴양지*/
#container .list_best_wrap h2{padding:25px 0 15px 0;  font-size:19px; *margin-top:35px; color:#222}
.list_best {width:100%;}
.list_best:after{content:""; display:block; clear:both;}
.list_best img{width:220px; height:142px;}
.list_best li{width:220px; margin:0 30px 25px 0; position:relative; float:left}
.list_best .list_city_txt{position:absolute; bottom:0; left:0; min-height:30px; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf262626, endColorstr=#bf262626)"; background: rgba(38, 38, 38, 0.8); *background: #262626; *filter:alpha(opacity=0.8); }
.list_best .list_city_txt a{color:#65a76a; display:inline-block; width:200px; text-align:right; padding:7px 10px 0 10px}
.list_best .list_city_txt a span:first-child{color:#fff; width:128px; float:left; text-align:left; }