@charset "utf-8";

/*본문*/
body {font-size:13px; font-family:'Nanum Gothic',malgun Gothic,dotum; color:#666; letter-spacing:-0.3px;}
body a {color:#666;}
body.main #dBody {background-color:#f8f7f7; background-color:#fff;}
body.sub {background-color:#f8f7f7}
body.sub.d3 {background:#fff;}
a:hover {text-decoration:none;}

.cate-tit {font-size:0; line-height:0; visibility:hidden;}
.default-section {margin:0 auto; width:980px;}
.default-section .h3-tit, .best-seller .h3-tit, .best-goods .h3-tit {margin:60px 0 0 5px; height:30px; font-size:0; line-height:0; text-align:left; font-family:'Nanum Gothic',malgun Gothic,dotum; background:url("../images/sp_sub_tit01.png") no-repeat 0 0; }
.offer-block .h3-tit {background-position:0 -119px;}
.best-seller .h3-tit {margin-top:0; background-position:0 -79px;}
.travel-theme .h3-tit {background-position:0 -40px;}
.best-goods .h3-tit {background-position:0 0;}

.default-section:after {content:""; display:block; clear:both;}

/*input 공통*/
button, input,select {font-family:'Nanum Gothic', malgun Gothic, dotum;}
.sel {border:1px solid #e4e4e4; height:43px; padding:10px 9px; color:#333;}
.sel.min {height:33px; padding:6px 5px; line-height:27px;}
.input-text {height:28px; padding:6px 0 6px 5px; vertical-align:top; border:1px solid #e4e4e4; font-size:13px; font-weight:600;font-family:'Nanum Gothic',malgun Gothic,dotum;}
.input-text.min {height:21px;}
.input-date {padding-right:5px; padding-left:15px; cursor:pointer; text-align:left; border:1px solid #e4e4e4;  font-weight:bold;font-family:Nanum Gothic; color:#333; font-size:13px; background:#fff url("http://openimage.interpark.com/tourpark/tour_ui/common/icon/icon_calendar1.png") no-repeat 95% 6px;}
.ui-chk {position:relative;}
.ui-chk input {position:absolute; top:-3px; left:-3px; width:15px; height:15px; opacity:0;}
.ui-chk label {display:inline-block; min-height:15px; cursor:pointer; vertical-align:top; }
.ui-chk label:before {display:inline-block; content:""; width:15px; height:15px; margin-right:6px; vertical-align:-3px; background:url("http://openimage.interpark.com/tourpark/tour_ui/free/bg_checkbox.png") no-repeat left top;}
.ui-chk input:checked +label:before {background-position:left -15px;}
.ui-chk .compare2 {margin-left:-3px; color:#e25147; }/*상품비교하기*/
.ui-chk .compare2:hover {text-decoration:underline }
.ui-chk .compare2:before {display:none;}

.ui-rdo {position:relative;}
.ui-rdo input {position:absolute; top:-3px; left:-3px; width:15px; height:15px; opacity:0;}
.ui-rdo label {display:inline-block; min-height:15px; cursor:pointer; vertical-align:top; }
.ui-rdo label:before {display:inline-block; content:""; width:18px; height:18px; margin-right:6px; vertical-align:-3px; background:url("http://openimage.interpark.com/tourpark/tour_ui/common/icon/radio_off.png") no-repeat left 1px;}
.ui-rdo input:checked +label:before { background:url("http://openimage.interpark.com/tourpark/tour_ui/common/icon/radio_on.png") no-repeat left top;}

/*location*/
.mall-module {z-index:90;}
.ui-gate-section {width:980px; margin:0 auto;}
.ui-gate-section1 {position:relative; width:980px; margin:-41px auto 0; padding-bottom:41px; font-family:'Nanum Gothic',malgun Gothic,dotum;}
.ui-gate-section1 .ui-location {margin-top:7px;font-family:dotum;}
.ui-gate-section1 .ui-location select {width:auto; font-size:11px;}
.ui-gate-section1 .ui-location1 {position:absolute; top:0; left:195px; overflow:hidden; margin:0; padding:0; }
.ui-gate-section1 .ui-location1 .home {float:left; display:inline-block; margin:0; padding:0; padding:12px 0 12px 14px; padding:0;}
.ui-gate-section1 .ui-location1 .home img {display:inline-block; margin:11px 10px 0 10px; vertical-align:top;}
.ui-gate-section1 .ui-location1 span {float:left; display:inline-block; position:relative; padding:0 63px 0 0; height:40px; line-height:40px; font-size:14px; color:#555; vertical-align:top; background:url("http://openimage.interpark.com/tourpark/tour_ui/common/common/icon_1.png") no-repeat 116px 0;}
.ui-gate-section1 .one-stop {position:absolute; top:12px; right:210px;}
.ui-gate-section1 .depth {position:absolute; top:0; left:335px; width:163px; min-width:163px; height:40px; padding:0 50px 0 15px; line-height:40px; z-index:80; background:url("http://openimage.interpark.com/tourpark/tour_ui/common/common/bg_arrow.png") no-repeat 100% 50%; }
.ui-gate-section1 .depth.add1 {left:565px; border-right:1px solid #e4e4e4; background:none;}
.ui-gate-section1 .depth-1 {overflow:hidden; display:block; color:#e25147; font-weight:bold; font-size:14px; font-weight:900; white-space:nowrap; text-overflow:ellipsis;}
.ui-gate-section1 .depth-1:after {content:''; display:inline-block; position:absolute; right:25px; top:18px; border:5px solid transparent; border-top-color:#e25147;}
.ui-gate-section1 .depth-1:hover {text-decoration:none;}
.ui-gate-section1 .sub-depth {display:block; /*display:none;*/ overflow:hidden; width:176px; margin:0 0 0 -58px; margin:0 0 0 -38px; padding:20px 37px 20px 37px;font-size:14px; border:1px solid #cacaca; border-top:1px solid #e4e4e4; background:#fff;}
.ui-gate-section1 .sub-depth.add1 {width:406px; margin:0 0 0 -38px;}
.ui-gate-section1 .sub-depth .sub-depth-1 {float:left; width:162px; padding:0 0 0 25px;}
.ui-gate-section1 .sub-depth .sub-depth-1 .tit {color:#e25147;}
.ui-gate-section1 .sub-depth .sub-depth-1:first-child {width:189px; padding:0;background:url('http://openimage.interpark.com/tourpark/tour_ui/common/common/bg_sub_line.gif') repeat-y 100% 100%;}
.ui-gate-section1 .sub-depth.on {display:block; position:relative;}
.ui-gate-section1 .sub-depth a {display:block; height:auto; font-weight:bold; line-height:27px; vertical-align:text-top;}
.ui-gate-section1 .sub-depth a:hover {color:#e25147;}
.ui-gate-section1 .txt-banner {position:absolute; top:11px; right:0; margin-top:0;}

/* sub-gnb */
.gate-cover.on {background:#ff5941;}
.gate-cover.on .ui-gate-section {border-color:#ff5941;background:#ff5941;}
.gate-cover.on .sprite-hd {background:url('http://openimage.interpark.com/tourpark/tour_ui/common/common/gn_menu.png') no-repeat 0 0;}
.gate-cover.on .sprite-hd.category_view01_off {background-position:0 0;}
.gate-cover.on .sprite-hd.category_view01_on {background-position:0 -40px;}
.gate-cover.on .sprite-hd.category_view02_off {background-position:-98px 0;}
.gate-cover.on .sprite-hd.category_view02_on {background-position:-98px -40px;}
.gate-cover.on .first-child {background:none;}
.gate-cover.on .mall-module {background:#ff5941;}
.gate-cover.on .ui-gate-section1 .ui-location1 .home {background: url('http://openimage.interpark.com/tourpark/tour_ui/common/common/gn_home_on.png') no-repeat 10px 50%;}
.gate-cover.on .ui-gate-section1 .ui-location1 .home img {display:none;}
.gate-cover.on .ui-gate-section1 .ui-location1 span {background:url('http://openimage.interpark.com/tourpark/tour_ui/common/common/bg_arrow_on.png') no-repeat 100% 0;}
.gate-cover.on .ui-gate-section1 .ui-location1 span a {color:#fff;padding-left: 40px;}
/* .gate-cover.on .ui-gate-section1 .depth {background:url('http://openimage.interpark.com/tourpark/tour_ui/common/common/bg_arrow_on.png') no-repeat 100% 0; } */
.gate-cover.on .ui-gate-section1 .depth-1 {color:#fff;}
.gate-cover.on .ui-gate-section1 .depth-1:after {border-top-color:#fff;}
.gate-cover.on .ui-gate-section1 .sub-depth {border:1px solid #ff5941;}

.gate-cover.on .ui-gate-section1 .sub-depth.add1 {margin-left:-54px;}
.gate-cover.on {position:fixed; top:0; left:0; width:100%; z-index:200;}
.gate-cover.on .ui-gate-section > h2 {display:none;}
.gate-cover.on .mall-module {left:0;}
.gate-cover.on .ui-gate-section1 .ui-location1 {left:96px;}
.gate-cover.on .sprite-hd {background-position:-98px -40px !important;}
.gate-cover.on .ui-gate-section1 .depth {left:252px;}
.gate-cover.on .ui-gate-section1 .depth.add1 {left:482px;}
.gate-cover.on .mall-module .mall-list {margin:0; padding:1px 27px 0 10px;  width:auto; height:39px; background:#e2361d;}
.gate-cover.on .mall-module .mall-list img {margin:0; padding:3px 0 0 0;}

/**메인**/
/*상단 슬라이드배너*/
.head-banner {overflow:hidden; position:relative; height:450px !important;  background:#fff;}
.head-banner .swiper-wrapper {height:450px; background:#000;}
.head-banner .swiper-slide { width:980px !important; height:450px; filter: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5;}
.head-banner .swiper-slide-active {filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; box-shadow: 0 0 50px black; z-index:1;}
.head-banner .swiper-slide a img {width:980px; height:450px;}
.head-banner .swiper-pagination-topbanner {position:absolute;background: url("http://openimage.interpark.com/tourpark/tour_ui/free/bg_hover.png") repeat left top; top: 390px; left:50%;margin-left: -429px; z-index:1;padding: 10px 10px 5px 36px;border-radius: 50px;}
.head-banner .swiper-pagination-switch,
.head-banner .swiper-pagination-bullet {display:inline-block; vertical-align:top; width:11px; height:11px; margin-right:5px; font-size:0; line-height:0;filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; background:url("../images/btn-roll.png") no-repeat left -12px;}
.head-banner .swiper-pagination-switch.swiper-visible-switch.swiper-active-switch,
.head-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {background-position:left top;}

.head-banner .rolling {position:absolute; top:400px; left:50%; margin-left:-410px; z-index:2;}
.head-banner .rolling a {display:inline-block; vertical-align:top; width:11px; height:11px; margin-right:5px; font-size:0; line-height:0; background:url("../images/btn-roll.png") no-repeat left -12px;}
.head-banner .rolling a.stop {background-position:-12px top;}
.head-banner .rolling a.play {background-position:-12px -12px;}

.head-banner .ctrl-btn {position:absolute; top:220px; left:50%; margin-left:-490px; display:block; width:980px;}
.head-banner .ctrl-btn a {display:block; position:absolute; top:50%; margin-top:-33px; width:65px; height:65px; font-size:0; line-height:0; background:#000 url("../images/btn_ctrl.png") no-repeat left top;  z-index:1;}
.head-banner .ctrl-btn a:hover {background-color:#000;}
.head-banner .ctrl-btn .prev {left:-66px; margin-left:0;}
.head-banner .ctrl-btn .next {right:-65px; margin-right:0; background-position:right top;}
.head-banner .ctrl-btn .prev:before, .head-banner .ctrl-btn .next:before {display:none;}
.head-banner.sub {margin-bottom:40px;}

/* 상단 상품 역역 */
.goods-list1 {position:absolute; left:50%; margin-left:250px; width:240px; height:451px; background:#fff;}
.goods-list1 span {display:block; margin:0 auto; text-align:center; font-family:'Nanum Gothic', malgun Gothic, dotum; }
.goods-list1.type1 .photo {overflow:hidden; width:220px; height:225px;}
.goods-list1.type1 .photo img {width:220px; height:225px;}
.goods-list1.type1 .flag {position:absolute; top:193px; left:50px; margin-left:31px; font-size:0; line-height:0; width:62px; height:62px; background:#e52206 url("http://openimage.interpark.com/tourpark/tour_ui/package/flag_special.png") no-repeat center center;}
.goods-list1.type1 .tit {overflow:hidden; padding:55px 25px 0; height:50px; font-size:20px; font-weight:bold; color:#333; line-height:26px;}
.goods-list1.type1 .data {overflow:hidden; padding:20px 25px 0; height:36px; font-size:16px; color:#555;}
.goods-list1.type1 .view {display:inline-block; position:absolute; left:50%; margin-left:-43px; padding-top:24px; width:86px; font-size:13px; color:#ed1c24; font-weight:bold; letter-spacing:-0.7px; text-align:center; text-decoration:underline;}
.goods-list1.type1 .view a {color:#ed1c24}
.goods-list1.type1 .view:before {content:''; display:inline-block; position:absolute; top:27px; right:0; border:5px solid transparent; border-left-color:#e52206;} 
.goods-list1.type1 .view:after {content:''; display:inline-block; position:absolute; top:27px; right:0; margin-right:2px; border:5px solid transparent; border-left-color:#fff; }

.goods-list1.type2 li {margin:0 20px 15px 20px; padding-bottom:10px; border-bottom:1px dotted #cacaca}
.goods-list1.type2 .photo {overflow:hidden; width:195px; height:110px;}
.goods-list1.type2 .photo img {width:195px; height:110px;}
.goods-list1.type2 .tit {overflow:hidden; padding-top:14px; height:56px; font-size:18px; font-weight:bold; color:#333; line-height:26px;}
.goods-list1.type2 .data {overflow:hidden; padding:9px 0 0; height:18px; /* white-space:nowrap; text-overflow:ellipsis; */ font-size:14px; color:#555;}


/* 탭 */
.ui-tab {padding-top:60px; text-align:center;}
.ui-tab li {display:inline-block; margin:0 0 20px 9px;}
.ui-tab li:first-child {margin-right:0;}
.ui-tab li button {display:block; padding:0 20px; min-width:180px; font-size:17px; color:#343434; line-height:40px; border-radius:30px; border:1px solid #c2c2c2; background:#fff;}
.ui-tab li.on button, .ui-tab li button:hover {color:#fff; border:1px solid #e7310e; background:#F36347;}

/*상품리스트*/
.ui-goods-list {overflow:hidden; margin-top:40px; margin-top:10px;}
.ui-goods-list li {float:left; position:relative; background:#fff;}
.main .ui-goods-list li {border:1px solid #ededed; color:#ececec;}
.sub .ui-goods-list li {border:1px solid #e1e1e1;}
.ui-goods-list .point1 {background-color:#ff431b;}

.ui-goods-list .cover {display:block; overflow:hidden; padding-bottom:30px;}
.ui-goods-list span {display:block; padding:0 30px;}
.ui-goods-list .flag {display:table; position:Absolute; width:45px; padding:0 0; font-size:13px; z-index:1;}
.ui-goods-list .flag em {display:table-cell; height:45px; vertical-align:middle; text-align:center; color:#fff;}
.ui-goods-list .tit {/* overflow:hidden; */ margin-top:8px; margin-top:6px; height:42px; font-size:18px; line-height:1.2; font-weight:bold; color:#222;}
.ui-goods-list .tit { font-size:16px; height:40px;line-height:22px; /* overflow:hidden; white-space:nowrap; text-overflow:ellipsis; */}

.ui-goods-list .tit:hover {text-decoration:underline;}
.ui-goods-list .data {overflow:hidden; height:15px; color:#333; white-space:nowrap; text-overflow:ellipsis;}
.ui-goods-list .data1 {margin-top:8px;}
.ui-goods-list .con-spot {overflow:hidden; height:51px; padding:0; margin-top:18px; margin-top:15px;}
.ui-goods-list .con {line-height:17px; font-size:12px;}
.ui-goods-list a:hover .con,
.ui-goods-list a:hover .ipoint {color:#666;}
.ui-goods-list .photo {overflow:hidden; margin-left:-30px; margin-right:-30px; margin-bottom:28px}
.ui-goods-list .photo img {width:100%; height:100%; background-color:#e9e9e9;}
.ui-goods-list .won {margin-top:8px; font-size:16px; color:#f66044; font-weight:bold;}
.ui-goods-list .won em {font-size:18px;  font-weight:bold;}
.ui-goods-list .ipoint {margin-top:5px; font-size:12px; white-space:nowrap;}
.ui-goods-list .ipoint em {font-size:12px;}
.ui-goods-list .ipoint img {margin-top:1px; vertical-align:top;}
.ui-goods-list .spot {overflow:hidden; margin-top:10px;}
.ui-goods-list .spot .won {float:left; padding-right:0; margin-right:0;}
.ui-goods-list .spot .ipoint {float:right; position:relative; top:4px;}
.ui-goods-list .spot .won, 
.ui-goods-list .spot .ipoint {margin-top:0; padding:0;}
.ui-goods-list .date-area {padding:16px 0 15px 30px; border-top:1px solid #ededed; background:#f7f7f7;}
.ui-goods-list .date-area a {position:relative; padding:0 7px 0 3px; font-size:11px;}
.ui-goods-list .date-area a:after {content:""; position:absolute; top:3px; right:0; background:#cfcfcf; width:1px; height:7px;}
.ui-goods-list .date-area a:last-child:after {display:none;}
.ui-goods-list .date-area .day-tit {margin-right:10px; color:#666;}

/* min */
.ui-goods-list.min .cover {padding-bottom:18px;}
.ui-goods-list.min span {padding:0 20px;}
.ui-goods-list.min .flag {padding:0;}
.ui-goods-list.min .con-spot {padding:0;}
.ui-goods-list.min .photo,
.ui-goods-list.type4 .photo {margin-left:-20px; margin-right:-20px;} 
.ui-goods-list.min .date-area {padding-left:20px;}
.ui-goods-list.min .date-area .day-tit,
.ui-goods-list.type4 .date-area .day-tit {margin-right:0;}
/* 2단 */
.ui-goods-list.type2 {margin-left:-18px;}
.ui-goods-list.type2 li {width:479px; margin-left:18px;}
/* 3단 */
.ui-goods-list.type3 {margin-left:-14px;}
.ui-goods-list.type3 li {width:315px; margin-left:14px;}
.ui-goods-list.type3 .photo {height:188px;}
.ui-goods-list.type3 .flag {top:161px; left:20px;}
/* 4단 */
.ui-goods-list.type4 {margin-left:-10px;}
.ui-goods-list.type4 li {margin-left:10px; width:234px; width:235px;}
.ui-goods-list.type4 span {padding:0 20px;}
.ui-goods-list.type4 .con, 
.ui-goods-list.type4 .flag {padding:0;}
.ui-goods-list.type4 .cover {padding-bottom:18px;}
.ui-goods-list.type4 .con-spot {margin-top:13px; height:32px;}
.ui-goods-list.type4 .won {font-size:16px;}
.ui-goods-list.type4 .won em {font-size:16px;}
.ui-goods-list.type4 .photo {margin-bottom:18px; height:149px;}
.ui-goods-list.type4 .spot {margin-top:13px;}
.ui-goods-list.type4 .ipoint {margin-top:-3px;}
.ui-goods-list.type4 .ipoint img {margin-top:1px;}
.ui-goods-list.type4 .flag {top:112px; left:20px;}
.ui-goods-list.type4 .date-area {padding:10px 5px 10px 20px;}

.more-spot {position:relative; margin-top:27px; border-top:1px dotted #d1d1d1;}
.more-spot a {display:block; position:absolute; right:0; margin-top:-10px; padding:0 16px 0 12px; color:#ff4420; font-weight:bold; background:#fff url("http://openimage.interpark.com/tourpark/tour_ui/package/icon_arrow01.png") no-repeat right 2px;}
.more-spot .spot {font-weight:normal; color:#4c4c4c; text-decoration:underline;}

/*good choice 추천여행지*/
.good-choice {margin-top:-15px; padding:50px 0; font-family:'Nanum Gothic', malgun Gothic, dotum; background:#fff url("http://openimage.interpark.com/tourpark/tour_ui/package/main_bg1.gif") no-repeat 0 bottom;}
.good-choice .tit {margin-bottom:20px;}
.good-choice .loc-list {overflow:hidden; position:relative; border:1px solid #ff795f;}
.good-choice .loc-list li .tab {display:table; overflow:hidden; position:relative; margin:-1px 0; width:102px; height:97px; font-size:16px; color:#fff; text-align:center; border:1px solid #fff; border-right:0; border-left:0; background:#EB6A51; background:#F66044; z-index:1;}
.good-choice .loc-list li.on .tab {height:97px; color:#ff5a09; border:1px solid #ff795f; border-right:0; border-left:0; background:#fff;}
.good-choice .loc-list .tab em {display:table-cell; padding:0 8px; vertical-align:middle;font-weight:700; color: #fff;}
.good-choice .loc-list .tab:hover em {color:#fff;}
.good-choice .loc-list .on .tab:hover em,
.good-choice .loc-list .on .tab em {color:#f66044;}
.good-choice .loc-list .cont {display:none; overflow:hidden; position:absolute; top:0; left:102px; width:876px; height:489px; background:#fff;}
.good-choice .loc-list li.on .cont {display:block;}
.good-choice .loc-list li:last-child.on .tab {height:97px;}
.good-choice .loc-list .main-spot {overflow:hidden; float:left; width:394px; height:100%; margin:0; text-align:center;}
.good-choice .loc-list .main-spot img{display:inline-block; height:100%;}
.good-choice .loc-list .spot {overflow:hidden;position:relative; display:block; float:left; width:240px; height:244px; margin-left:1px; margin-bottom:1px;}
.good-choice .loc-list .spot img {margin-left:-10%; height:100%; width:264px; height:244px;}
.good-choice .loc-list .spot:hover .data-cover,
.good-choice .loc-list .spot:focus .data-cover{bottom:0;}
.good-choice .loc-list .spot .data-cover {position:absolute; bottom:-26px; left:0; display:block; width:210px; margin:0; padding:8px 15px 9px; line-height:1.5;color:#fff; background:url("http://openimage.interpark.com/tourpark/tour_ui/free/bg_hover.png") repeat left top; }
.good-choice .loc-list .spot .tit {display:block; overflow:hidden; margin-bottom:0; white-space:nowrap; text-overflow:ellipsis; font-size:18px; /* font-weight:900; */}
.good-choice .loc-list .spot .price {display:block; position:relative; color:#ffff00; font-weight:bold; font-size:15px;}
.good-choice .loc-list .spot .ipoint {position:absolute; right:0; top:0; color:#fff; font-size:13px; font-weight:normal;}
.good-choice .loc-list .spot .ipoint:before {content:""; display:inline-block; width:14px; height:14px; margin-right:2px; vertical-align:middle; background:url("http://openimage.interpark.com/tourpark/tour_ui/common/icon/icon_ipoint3.png") no-repeat left top;}
.good-choice .loc-list .spot .data {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:5px;}

/**3Depth 리스트**/
/*추천상품*/
.recom-section {overflow:hidden; margin:0 0 0; padding:20px 0;background:#ffe9da; font-family:'Nanum Gothic', malgun Gothic, dotum;}
.recom-section .goods-list {overflow:hidden;}
.recom-section li {overflow:hidden; float:left; width:50%; background:#fff;}
.recom-section li .cover {position:relative; overflow:hidden; display:block;border-right:1px solid #e6e6e6;}
.recom-section li .photo {overflow:hidden;display:block; height:317px; margin-bottom:20px;}
.recom-section li .photo img {margin-right:1px;width:490px; height:100%;}
.recom-section li .data {display:block; overflow:hidden; width:66%; white-space:nowrap; text-overflow:ellipsis;  margin:0 0 10px 19px; font-size:12px; color:#333333;}
.recom-section li .tit {display:block; width:66%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0 0 20px 20px; font-size:16px; color:#222;}
.recom-section li .ipoint {position:absolute; bottom:47px; right:20px; font-size:12px; font-weight:bold;}
.recom-section li .won {position:absolute; bottom:20px; right:20px; font-size:16px; font-weight:900; color:#ff5a09;}
.recom-section li .won em {font-weight:900; font-size:18px;}
  /*3단*/
.recom-section .goods-list.type1 li {width:25%;}
.recom-section .goods-list.type1 li.on {width:50%;}
.recom-section .goods-list.type1 li .tit {width:90%;}
.recom-section .goods-list.type1 li .won,
.recom-section .goods-list.type1 li .ipoint {display:none;}
.recom-section .goods-list.type1 li.on .tit {width:68%}
.recom-section .goods-list.type1 li.on .won,
.recom-section .goods-list.type1 li.on .ipoint {display:block;}
  /*4단*/
.recom-section .goods-list.type2 li {width:16.666666%;}
.recom-section .goods-list.type2 li.on {width:50%;}
.recom-section .goods-list.type2 li .tit {width:80%;}
.recom-section .goods-list.type2 li .won,
.recom-section .goods-list.type2 li .ipoint {display:none;}
.recom-section .goods-list.type2 li.on .tit {width:66%}
.recom-section .goods-list.type2 li.on .won,
.recom-section .goods-list.type2 li.on .ipoint {display:block;}

.recom-section .goods-list.type2 div .won,
.recom-section .goods-list.type2 div .ipoint {display:none;}
.recom-section .goods-list.type2 div.on .tit {width:68%}
.recom-section .goods-list.type2 div.on .won,
.recom-section .goods-list.type2 div.on .ipoint {display:block;}

/* 검색결과 리스트 */
/*sort 영역*/
.sort-cover {margin-top:50px; position:relative; z-index:1;}
.sort-cover .tit {padding:0 0 12px 30px; border-bottom:2px solid #e4e4e4; font-size:20px; font-weight:bold; color:#333333;background:url("http://openimage.interpark.com/tourpark/tour_ui/free/icon_sub2_total.png") no-repeat left -24px;}
.sort-block {margin:30px 0 0; padding-bottom:20px;}
.sort-block button,.sort-block a {padding:0 15px;}
.sort-block a:after {display:none;}

/*결과없음*/
.goods-none {display:table; width:100%; min-height:278px; margin-top:7px;border:1px solid #e4e4e4; text-align:center;}
.goods-none .ment {position:relative; display:table-cell; padding-top:30px; color:#333; font-size:16px; vertical-align:middle; font-weight:bold;}
.goods-none .ment:before {position:absolute; top:70px; left:50%; display:block; content:""; margin-left:-17px; width:35px; height:35px; background:url("http://openimage.interpark.com/tourpark/tour_ui/free/icon_sub2_total.png") no-repeat left -65px;}
.goods-none .ment strong {display:block; margin-bottom:13px; font-size:22px;}

/*리스트*/
/*공통*/
.sch-result {overflow:visible; margin-bottom:30px;}
.sch-result .sort-block { border-bottom:2px solid #000;}
.sch-result .no-result {display:table-cell; vertical-align:middle; width:980px; height:280px; margin-bottom:70px; font-size:14px; border:1px solid #e4e4e4; border-top:0; text-align:center;}
.sch-result .no-result strong {display:inline-block; line-height:1.5;}
.sch-result .no-result strong:before {display:inline-block; margin-bottom:25px; content:""; width:32px; height:35px; background:url(http://openimage.interpark.com/tourpark/tour_ui/free/icon_sub2_total.png) no-repeat -1px -65px;}
.sch-result .no-result em {display:block; font-size:20px; font-weight:bold;}
.sch-result .flag {float:left; display:table; width:35px; padding:0 5px; color:#fff; font-size:13px; text-align:center; z-index:1;}
.sch-result .flag em {display:table-cell; height:45px; vertical-align:middle;}
.sch-result .won {font-size:16px; font-weight:bold;}
.sch-result .won em {font-weight:900; font-size:18px; }
.sch-result .ipoint {font-weight:bold; color:#606060; vertical-align:2px;}
.sch-result .photo {display:block; overflow:hidden; position:relative; left:-1px; top:-1px; }
.sch-result .photo img {width:100%; height:100%;}
/*1단*/
.sch-result .goods-list.type1 {margin-top:-1px}
.sch-result .type1 .cover {position:relative; margin-bottom:30px; border:1px solid #e4e4e4; background:#fff;}
.sch-result .type1 .cover:hover:first-child {margin-top: -2px; border-top: 2px solid #e25147;}
.sch-result .type1 .cover:hover {border-color:#e25147;z-index:1;}
.sch-result .type1 .cover a {display:block; overflow:hidden; width:690px; padding:30px 30px 20px; border-right:1px solid #e4e4e4;}
.sch-result .type1 .photo {position:static; float:left; width:270px; height:169px; margin-right:30px;}
.sch-result .type1 .data1 {position:absolute; top:30px; left:30px; width:270px;}
.sch-result .type1 .data2 {display:inline-block; overflow:hidden; width:250px; white-space:nowrap; text-overflow:ellipsis; color:#333;}
.sch-result .type1 .data3 {position:absolute; top:30px; right:260px; font-weight:bold;}
.sch-result .type1 .data4 {position:absolute; top:30px; left:870px; font-weight:bold;}
.sch-result .type1 .data4 input {vertical-align:-2px;}
.sch-result .type1 .tit {display:block; margin:3px 0 25px 0; color:#222; font-weight:bold; font-size:16px;}
.sch-result .type1 .spot {position:absolute; bottom:90px; right:30px; text-align:right; }
.sch-result .type1 .won {display:block; margin-bottom:10px; font-size:22px;}
.sch-result .type1 .won em {font-size:28px; vertical-align:-2px; }
.sch-result .type1 .btn3 {position:absolute; bottom:20px; right:30px; padding-left:55px; padding-right:30px; color:#fff; font-weight:bold;}
.sch-result .type1 .btn3:before {position:absolute; top:18px; left:30px; display:block; width:17px; height:17px; content:""; background:url("http://openimage.interpark.com/tourpark/tour_ui/free/icon_sub1_total.png") no-repeat left -89px;}
.sch-result .type1 .detail .doc {float:left; width:100%; margin-top:20px; padding:15px 0 0; border-top:1px dashed #e4e4e4;}
.sch-result .type1 .detail .doc .tit1 {float:left; margin-right:31px; font-size:14px; color:#333;}
.sch-result .type1 .detail .doc.first-child {width:390px; border:0; margin:0; padding:0;}
.sch-result .type1 .detail .doc.first-child .tit1 {display:none;}
.sch-result .type1 .detail .con-list.add1 li {overflow:hidden; float:none; width:100%; height:16px; white-space:nowrap; text-overflow:ellipsis; margin:0 0 10px 0; padding-left:25px; color:#333; background:url("http://openimage.interpark.com/tourpark/tour_ui/free/icon_sub1_total.png") no-repeat left top;}
.sch-result .type1 .detail .con-list.add1 li.date {background-position:left -130px;}
.sch-result .type1 .detail .con-list.add1 li.air {background-position:left -151px;}
.sch-result .type1 .detail .con-list.add1 li.loc {background-position:left -172px;}
.sch-result .type1 .detail .con-list.add2 {float:left; width:600px; font-size:12px;}
.sch-result .type1 .detail .con-list.add2 li {position:relative; overflow:hidden;float:left; width:260px; padding-left:10px; color:#555; font-size:12px; margin:2px 30px 4px 0; font-weight:bold; white-space:nowrap; text-overflow:ellipsis;}
.sch-result .type1 .detail .con-list.add2 li:before {position:absolute; content:""; top:5px; left:0; width:2px; height:2px; background:#555555;}
/*2단*/
.sch-result .goods-list.type2 {overflow:hidden; margin-bottom:40px; margin-right:-18px;}
.sch-result .type2 .cover {position:relative; float:left; margin:30px 18px 0 0; width:481px; font-size:12px; font-weight:bold;}
.sch-result .type2 .cover a {clear:both; display:block; padding-bottom:20px; border:1px solid #e4e4e4}
.sch-result .type2 .photo {width:481px; height:301px; margin-bottom:23px;}
.sch-result .type2 .photo img {width:100%;}
.sch-result .type2 .data1 {position:absolute; top:27px; left:0; width:100%;}
.sch-result .type2 .data2 {display:block; color:#333;margin-left:20px;}
.sch-result .type2 .data3 {float:left; height:27px;}
.sch-result .type2 .data4 {float:right; height:27px;}
.sch-result .type2 .data4 input {vertical-align:-2px;}
.sch-result .type2 .tit {display:block; width:260px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:8px 0 13px 20px; color:#222; font-size:16px;}
.sch-result .type2 .won { margin-left:20px;}
.sch-result .type2 .ipoint {margin-left:5px;}
.sch-result .type2 button.btn2,
.sch-result .type2 button.btn1 {position:absolute; bottom:20px; right:20px;}
.sch-result .type2 .cover a:hover .detail,
.sch-result .type2 .cover a:focus .detail{display:block;}
.sch-result .type2 .detail {display:none; position:absolute; top:27px; left:0; width:441px; height:283px; padding:18px 20px 0; background:url("http://openimage.interpark.com/tourpark/tour_ui/free/bg_hover.png") repeat left top; color:#fff;}
.sch-result .type2 .detail .doc {overflow:hidden;padding:20px 0 10px; border-top:1px dotted #8c9191;}
.sch-result .type2 .detail .doc.first-child {border-top:0;}
.sch-result .type2 .detail .tit1 {float:left; height:20px; margin:0 20px 0 15px; padding:2px 0 0 32px; font-size:16px; background:url("http://openimage.interpark.com/tourpark/tour_ui/free/icon_sub1_total.png") no-repeat left top;}
.sch-result .type2 .detail .con-list {float:left; width:312px; font-size:13px; font-weight:normal;}
.sch-result .type2 .detail .con-list.add1 li {overflow:hidden; height:16px; margin:5px 0 13px; padding-left:25px; white-space:nowrap; text-overflow:ellipsis; background:url("http://openimage.interpark.com/tourpark/tour_ui/free/icon_sub1_total.png") no-repeat left top;}
.sch-result .type2 .detail .con-list.add1 li.date {background-position:left -69px;}
.sch-result .type2 .detail .con-list.add1 li.air {background-position:left -89px;}
.sch-result .type2 .detail .con-list.add1 li.loc {background-position:left -109px;}
.sch-result .type2 .detail .con-list.add2 li {position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:10px; margin:7px 0 13px;}
.sch-result .type2 .detail .con-list.add2 li:before {position:absolute; content:""; top:5px; left:0; width:2px; height:2px; background:#fff;}
/*3단*/
.sch-result .goods-list.type3 {overflow:hidden; margin-bottom:40px; margin-right:-19px;}
.sch-result .type3 .cover {position:relative; float:left; margin:20px 19px 0 0; width:314px; font-size:12px; font-weight:bold;}
.sch-result .type3 .cover a {clear:both; display:block; padding-bottom:80px; border:1px solid #e4e4e4}
.sch-result .type3 .cover .photo {width:314px; height:197px; margin-bottom:20px;}
.sch-result .type3 .cover .data1 {position:absolute; top:27px; left:0; width:100%;}
.sch-result .type3 .cover .data2 {display:block; color:#333;margin-left:20px;}
.sch-result .type3 .cover .data3 {float:left; height:27px;}
.sch-result .type3 .cover .data4 {float:right; height:27px;}
.sch-result .type3 .cover .data4 input {vertical-align:-2px;}
.sch-result .type3 .cover .tit {overflow:hidden; display:block; margin:8px 20px 13px 20px; color:#222; font-size:16px; white-space:nowrap; text-overflow:ellipsis;}
.sch-result .type3 .cover .spot {position:absolute; bottom:20px; left:0;}
.sch-result .type3 .cover .won {display:block; margin-left:20px;}
.sch-result .type3 .cover .ipoint {display:block; margin:5px 0 0 20px;}
.sch-result .type3 .cover button {position:absolute; width:135px; padding-left:0; padding-right:0; bottom:20px; right:20px; }
.sch-result .type3 .detail .doc.first-child {margin:0 20px; border-top:0; border-bottom:1px dashed #ddd;}
.sch-result .type3 .detail .doc.first-child .tit1 {display:none;}
.sch-result .type3 .detail .doc.last-child {display:none; position:absolute; top:27px; left:0; width:264px; height:147px; padding:25px; background:url("http://openimage.interpark.com/tourpark/tour_ui/free/bg_hover.png") repeat left top; color:#fff;}
.sch-result .type3 .cover a:hover .doc.last-child,
.sch-result .type3 .cover a:focus .doc.last-child{display:block;}
.sch-result .type3 .detail .tit1 {display:block; height:20px;  padding:2px 0 0 32px; font-size:16px; background:url("http://openimage.interpark.com/tourpark/tour_ui/free/icon_sub1_total.png") no-repeat left top;}
.sch-result .type3 .detail .con-list {margin-top:16px; font-size:13px; padding-bottom:8px; font-weight:normal;}
.sch-result .type3 .detail .con-list.add1 li {height:16px; margin:5px 0 8px; padding-left:25px; background:url("http://openimage.interpark.com/tourpark/tour_ui/free/icon_sub1_total.png") no-repeat left top;}
.sch-result .type3 .detail .con-list.add1 li.date {background-position:left -130px;}
.sch-result .type3 .detail .con-list.add1 li.air {background-position:left -151px;}
.sch-result .type3 .detail .con-list.add1 li.loc {display:none;}
.sch-result .type3 .detail .con-list.add2 {margin-top:18px;}
.sch-result .type3 .detail .con-list.add2 li {position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:10px; margin:13px 0 0;}
.sch-result .type3 .detail .con-list.add2 li:before {position:absolute; content:""; top:5px; left:0; width:2px; height:2px; background:#fff;}
/*4단*/
.sch-result .goods-list.type4 {overflow:hidden; margin-bottom:40px; margin-right:-20px;}
.sch-result .type4 .cover {position:relative; float:left; margin:30px 20px 0 0; width:230px; font-size:12px; font-weight:bold;}
.sch-result .type4 .cover a {clear:both; display:block; padding-bottom:70px; border:1px solid #e4e4e4; text-align:center;}
.sch-result .type4 .cover .photo {width:230px; height:144px; margin-bottom:20px;}
.sch-result .type4 .cover .data1 {position:absolute; top:27px; left:0; width:100%;}
.sch-result .type4 .cover .data2 {overflow:hidden; display:block; height:14px; color:#555; margin:0 20px; font-weight:normal;white-space:nowrap; text-overflow:ellipsis;}
.sch-result .type4 .cover .data3 {float:left; height:27px;}
.sch-result .type4 .cover .data4 {float:right; height:27px;}
.sch-result .type4 .cover .data4 input {vertical-align:-2px;}
.sch-result .type4 .cover .tit {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;display:block; margin:5px 20px 13px; color:#222; font-size:16px;}
.sch-result .type4 .cover .won {display:block;}
.sch-result .type4 .cover .ipoint {display:block; margin:5px 0 0 0;}
.sch-result .type4 .cover button {position:absolute; bottom:20px; left:50%; margin-left:-67px; width:135px;}
.sch-result .type4 .detail {display:none;}

/*인터파크투어 전문몰*/
.special-mall {position:relative; overflow:hidden; min-width:980px; padding:40px 0; font-family:'Nanum Gothic', malgun Gothic, dotum; background-color:#ededed;}
.special-mall .default-section {position:relative;}
.special-mall .special-full {position:relative;min-width:980px;height:182px;}
.special-mall .special-full:after {content:'';display:block;clear:both;}
.special-mall .special-block {position:absolute;top:0;left:50%;overflow:hidden;width:2000px;height:100%;margin:0 0 0 -1000px;/*overflow:hidden; position:relative; width:980px; height:180px; margin:0 auto; background-color:rgba(255,255,255,0.5); z-index:10;*/}
.special-mall .special-block:before {content:'';position:absolute;top:0;left:-505px;width:50%;height:100%;background-color:rgba(255,255,255,0.5); z-index:2;}
.special-mall .special-block:after {content:'';position:absolute;top:0;right:-513px;width:50%;height:100%;background-color:rgba(255,255,255,0.5); z-index:1;}
.special-mall .special-cover {position:absolute;top:0;left:50%;margin:0 0 0 -490px;width:980px;height:182px; z-index:1;}
.special-mall .special-cover.range3 {margin:0 0 0 -994px;}
.special-mall h3 {margin-bottom:20px;}
.special-mall ul {width:200000px;}
.special-mall li {float:left; margin-right:12px; width:237px; height:180px; border:1px solid #ddd;}
.special-mall li a {display:block; width:235px; height:178px; border:1px solid #fff;}
.special-mall li a:hover,
.special-mall li a:focus{border-color:#ffb220;}
.special-mall li img {width:100%; height:100%;}
.special-mall .info-page {position:absolute; top:-52px; left:50%; margin-left:433px;}
.special-mall .info-page .btn-stop {display:inline-block;}
.special-mall div a {display:block; width:235px; height:178px; border:1px solid #fff;}
.special-mall div a:hover,
.special-mall div a:focus{border-color:#ff795f;}
.special-mall .ctrl-btn .prev, .special-mall .ctrl-btn .next {position:absolute; top:75px; width:35px; height:35px; background:rgba(0,0,0,0.8); z-index:10}
.special-mall .ctrl-btn .prev {left:50%; margin-left:-526px;}
.special-mall .ctrl-btn .next {right:50%; margin-right:-534px;}
.special-mall .control-area {z-index:10;position:relative;top:-20px;width:980px;margin:0 auto; text-align:right;}

/* 해외여행 습관 */
.chnage-travel {padding-top:64px; background:#f8f7f7;}
.chnage-travel .tit {padding-bottom:10px;}
.chnage-section {overflow:hidden; position:relative; margin-left:-10px;}
.chnage-section div {float:left; margin-left:10px; margin-bottom:10px;}
.chnage-section .goods-block {overflow:hidden; position:relative; padding:0; width:482px; height:243px; border:1px solid #e4e4e4; background:#fff;}
.chnage-section .goods-block span {display:block; margin-left:265px; margin-right:25px;}
.chnage-section .goods-block .flag {display:table; position:absolute; top:32px; left:30px; margin:0; padding:0; width:45px; font-size:13px; z-index:1;}
.chnage-section .goods-block .point1 {background:#ff431b;}
.chnage-section .goods-block .flag em {display:table-cell; height:45px; vertical-align:middle; text-align:center; color:#fff;}
.chnage-section .goods-block .cover {position:absolute; top:0; left:0; margin:0;}
.chnage-section .goods-block .cover img {width:251px; height:243px;}
.chnage-section .goods-block .photo {position:absolute; top:0; left:0; margin:0;}
.chnage-section .goods-block .photo img {width:250px; height:243px;}
.chnage-section .goods-block .data1, .chnage-section .goods-block .data2, .chnage-section .goods-block .data3 {overflow:hidden; width:200px;}
.chnage-section .goods-block .data1 {margin-top:28px; font-size:15px; line-height:22px; color:#555; white-space:nowrap; text-overflow:ellipsis;}
.chnage-section .goods-block .data2 {margin-bottom:10px; max-height:46px; font-size:18px; line-height:22px; color:#1c1c1c; font-weight:bold;}
.chnage-section .goods-block .data3 {margin-top:0; max-height:40px; font-size:13px; line-height:19px; color:#555;}
.chnage-section .goods-block .spot span {margin-left:0;}
.chnage-section .goods-block .won {margin-top:24px; margin-bottom:10px; font-size:16px; color:#f66044; font-weight:900;}
.chnage-section .goods-block .won em {font-size:18px; font-weight:900;}
.chnage-section .add5 {width:483px;}
.chnage-section .add5 .point1 {background:#00c853;}
.chnage-section .add6 {position:absolute; bottom:0; left:0;}
.chnage-section .add7 {float:right;}

.chnage-section .ui-rolling {margin:0; position:absolute; top:10px;}
.chnage-section .ui-rolling span {margin-right:10px; text-align:right;}
.chnage-section .ui-rolling .stop, .chnage-section .ui-rolling .play {display:none;} 
.chnage-section .ui-rolling .stop.on, .chnage-section .ui-rolling .play.on {display:inline-block;} 

/* 이달의 우수가이드 */
.best-guide {position:relative; padding-top:60px;}
.best-guide .tit {margin-bottom:10px;}
.best-guide .guide-data {position:absolute; left:0;}
.guide-zone {margin-left:655px;}
.guide-zone .user-list {overflow:hidden; margin-right:-7px;}
.guide-zone .user-list .info {float:left; position:relative; margin-right:7px; margin-bottom:7px; padding:15px 24px 15px; width:275px; border:1px solid #e7e7e7; background:#fff;}
.guide-zone .user-list .label {position:absolute; left:0; top:0;}
.guide-zone .user-list .label:after {content:''; display:inline-block; border:25px solid transparent; border-left-color:#e05248; border-top-color:#e05248;}
.guide-zone .user-list .label strong {position:absolute; left:5px; top:6px; color:#fff;}
.guide-zone .user-list .photo {float:left; display:block; margin-right:22px; overflow:hidden; width:53px; height:53px; border-radius:100px; border:1px solid #dadada;}
.guide-zone .user-list .photo img {width:100%;}
.guide-zone .user-list .tit {display:inline-block; margin-bottom:10px; width:164px; width:198px; min-height:39px; font-size:16px; color:#555; font-weight:bold; line-height:1.5; border-bottom:1px dotted #5aa5da;}
.guide-zone .user-list .tit .sub {display:block; padding-bottom:4px; font-size:12px; color:#87898b; font-weight:normal;}
.guide-zone .user-list .area {display:table-row; width:100%; clear:both; margin-bottom:8px;}
.guide-zone .user-list .area strong {display:table-cell; width:77px; line-height:1.8; font-weight:900;}
.guide-zone .user-list .area span {line-height:1.3;}
.guide-zone .user-list .guideline {position:absolute; left:0; bottom:0; width:100%; padding:8px 0; background:#ececec;}
.guide-zone .user-list .guideline a,
.guide-zone .user-list .guideline strong {padding-left:25px; font-size:13px; font-weight:bold;}
.guide-zone .user-list .guideline .btn-go {display:inline-block; width:28px; margin-left:6px; padding-bottom:3px; text-align:center; font-size:11px; color:#fff; vertical-align:top; border-radius:10px; background:#989898;}

/* 패키지 우수 상품평 */
.best-review {position:relative; padding:40px 0; font-family:'Nanum Gothic', malgun Gothic, dotum;}
.best-review .tit {margin-bottom:20px;}
.best-review .best-list {overflow:hidden; margin-right:-10px;}
.best-review li {float:left; position:relative; margin-right:10px; padding:35px 0 0 35px; width:448px; height:135px; line-height:1.5; border:1px solid #ececec; background:#fff;}
.best-review li .data1 {position:absolute; top:0; left:0;}
.best-review li .photo {position:absolute; top:0; right:0; width:237px; height:170px;}
.best-review li .tit {display:block; overflow:hidden; margin-bottom:10px; width:190px; height:40px; font-size:14px; color:#222; font-weight:bold;}
.best-review li .con {display:block; overflow:hidden; width:190px; height:60px; font-size:13px;}
.best-review li .con:hover {text-decoration:underline;}
.best-review .emph {display:inline-block; position:absolute; top:50px; right:0; font-size:12px; font-weight:bold; color:#333;}
.best-review .emph:before {content:''; position:absolute; top:4px; left:0; margin-left:-8px; border:3px solid transparent; border-left-color:#666;}
.best-review .emph:after {content:''; position:absolute; top:4px; left:-1px; margin-left:-8px; border:3px solid transparent; border-left-color:#ededed;}

/*2Depth*/
/*서브 메뉴*/
.default-section.cate-menu {width:981px;}
.cate-menu {display:table; position:relative; margin-top:104px; font-size:14px; font-family:'Nanum Gothic', malgun Gothic, dotum;}
.cate-menu .tit {position:absolute; top:-37px; left:0; margin:0; padding:0; height:auto; font-size:20px; color:#333; text-align:left; font-weight:bold; vertical-align:middle; background:none;}
.cate-menu .point1 {color:#f66044;}
.cate-menu ul {display:table-cell; width:981px; text-align:left; border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4; background:url("http://openimage.interpark.com/tourpark/tour_ui/common/common/bg_cate.gif") repeat left top}
.cate-menu li {float:left; width:163px; width:196px; height:46px;}
.cate-menu li span {position:relative; display:table; width:162px; width:195px; height:46px;}
.cate-menu li a {display:table-cell; padding:0 15px; font-weight:700; color:#333333; vertical-align:middle;}
.cate-menu li.on a,
.cate-menu li:hover a {color:#fff;}
.cate-menu li.on span,
.cate-menu li:hover span {position:relative; top:-1px; left:-1px; width:162px; width:195px; height:46px; font-weight:900; color:#fff; border:1px solid #e7310e; background:#F36347;}

/* HTML 영역 */
.edit-module {margin-top:60px;}

/*배너영역*/
.sub-banner {overflow:hidden; margin-top:20px;}
.sub-banner .add1 {float:left;}
.sub-banner .add2 {float:right;}
.sub-banner a {display:block; float:left;}
.sub-banner img {width:485px; height:149px;}

/*travel theme*/
.travel-theme {margin:60px auto 40px;}
.travel-theme .h3-tit {margin:0 auto 10px; width:980px;}
.travel-theme .theme-tit {display:table; overflow:hidden; float:left; width:244px; margin-right:1px;}
.travel-theme .theme-tit strong {position:relative; display:table-cell; width:184px; height:84px; padding:80px 30px; vertical-align:middle; background:#457de4; color:#fff; font-size:20px; text-align:center;}
.travel-theme .theme-tit strong:before {position:absolute; top:0; right:0;display:block;content:""; border:244px solid transparent; border-right:244px solid #fff;}
.travel-theme .theme-tit strong:after {position:absolute; top:1px; right:0;display:block;content:""; border:244px solid transparent; border-right:244px solid #457de4;}
.travel-theme .theme-tit em {position:relative; display:inline-block; padding:15px 0; z-index:1; font-weight:bold; background:#457de4;}
.travel-theme .theme-tit.add1 strong {background:#f37a45;}
.travel-theme .theme-tit.add1 strong:after {border-right:244px solid #f37a45;}
.travel-theme .theme-tit.add1 em {background:#f37a45;}

.travel-theme .spot-list {position:relative; overflow:hidden; float:left; width:735px; height:244px;}
.travel-theme .spot-list li {position:relative; overflow:hidden; float:left; width:244px; height:244px; margin-left:1px;}
.travel-theme .spot-list li a {display:block; height:100%;}
.travel-theme .spot-list li .photo img {height:100%;}
.travel-theme .spot-list li .data {position:absolute; top:0; left:0; width:226px; height:57px; padding-top:187px; padding-left:18px; color:#fff; background:url("http://openimage.interpark.com/tourpark/tour_ui/free/bg_hover2.png") repeat-x left bottom;}
.travel-theme .spot-list li .data em {display:block; margin-top:5px; font-size:16px; font-weight:bold;}
.travel-theme .spot-list li a:hover .hover,
.travel-theme .spot-list li a:focus .hover{display:block;}
.travel-theme .spot-list li a:hover .data,
.travel-theme .spot-list li a:focus .data{display:none;}
.travel-theme .spot-list .cover{overflow:hidden; display:block; width:244px; height:244px;}
.travel-theme .spot-list .photo img {height:100%; margin-left: -25%;}
.travel-theme .spot-list .data {position:absolute; top:0; left:0; width:226px; height:57px; padding-top:187px; padding-left:18px; color:#fff; background:url("http://openimage.interpark.com/tourpark/tour_ui/free/bg_hover2.png") repeat-x left bottom;}
.travel-theme .spot-list .data em {display:block; margin-top:5px; font-size:16px; font-weight:bold;}
.travel-theme .spot-list a.cover:hover .hover,
.travel-theme .spot-list a.cover:focus .hover{display:block;}
.travel-theme .spot-list a.cover:hover .data,
.travel-theme .spot-list a.cover:focus .data{display:none;}

.travel-theme .spot-list .hover {display:none; position:absolute; top:0; left:0; width:170px; height:184px; padding:30px 37px; line-height:1.5; color:#fff; background:url("http://openimage.interpark.com/tourpark/tour_ui/free/bg_hover.png") repeat left top;}
.travel-theme .spot-list .hover:after,
.travel-theme .spot-list .hover:after{position:absolute; bottom:30px; left:30px; content:"더보기+"; text-decoration:underline;}
.travel-theme .spot-list .hover .tit {overflow:hidden;  display:block; max-height:45px; margin-bottom:20px; font-weight:bold; font-size:16px; }
.travel-theme .spot-list .hover .con {overflow:hidden;  display:block; height:94px; }
.travel-theme .ctrl-btn button {position:absolute; top:105px; width:35px; height:35px; z-index:1; font-size:0; line-height:0; background:#000 url("http://openimage.interpark.com/tourpark/tour_ui/free/btn_ctrl2.png") no-repeat left top;}
.travel-theme .ctrl-btn .prev {left:0;}
.travel-theme .ctrl-btn .next {right:1px; background-position:right top;}
.travel-theme .goods-list {clear:both; overflow:hidden; border:1px solid #ececec; border-top:0; background:#fff;}
.travel-theme .goods-list li {float:left; width:449px; padding:30px 20px;}
.travel-theme .goods-list .photo {float:left; margin-right:30px;}
.travel-theme .goods-list .photo img {width:215px; height:127px;}
.travel-theme .goods-list .data {display:block; margin-top:5px; color:#333;}
.travel-theme .goods-list .tit {display:block; overflow:hidden;  height:46px; margin:5px 0; color:#222; font-weight:bold;font-size:20px; line-height:1.2;}
.travel-theme .goods-list .won {display:block; margin-bottom:10px; font-size:16px; color:#ff5a09; font-weight:900;}
.travel-theme .goods-list .won em {font-size:18px; font-weight:900;}

/*traveler's story*/
.travel-story {margin-top:40px; margin-bottom:40px; padding:43px 0 45px; background:url("http://openimage.interpark.com/tourpark/tour_ui/free/bg_travelstory.jpg") repeat 50% 20%;}
.travel-story .default-section {overflow:visible; position:relative;}
.travel-story h3 {font-size:16px; color:#245a78; line-height:1.3; text-align:center;}
.travel-story h3 strong {display:block; font-size:50px; font-weight:900;}
.travel-story .swiper-container-travellerstory {overflow:hidden; position: relative; width:912px; height: 140px; left: 50%; margin:15px 0 0 -454px;}
.travel-story .swiper-slide {display:inline-block; text-align:left; background:url("http://openimage.interpark.com/tourpark/tour_ui/free/bg_balloon.png") no-repeat left top;}
.travel-story .swiper-slide .cover {display:block; width:163px; height:98px; padding:20px 30px 0 29px;}
.travel-story .swiper-slide .tit {overflow:hidden; height:37px; margin-bottom:15px; line-height:1.5; display:block; color:#333;}
.travel-story .ctrl-btn button {width:35px; height:35px; font-size:0; z-index:1; line-height:0; background:url("http://openimage.interpark.com/tourpark/tour_ui/free/btn_ctrl2.png") no-repeat left top;}
.travel-story .ctrl-btn .prev {position:absolute; top:136px; left:-13px;}
.travel-story .ctrl-btn .next {position:absolute; top:136px; right:-13px; background-position:right top;}

/*슬라이드배너*/
.pop-goods {position:absolute; top:353px; left:50%; margin-left:215px; padding:5px; width:264px; z-index:1; background:#fff; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.pop-goods .flag {display:table; position:Absolute; top:0; left:0; width:45px; color:#fff; font-size:13px; z-index:1;}
.pop-goods .flag.add1 {background:#ff901c;}
.pop-goods .flag em {display:table-cell; height:45px; padding:0 10px; vertical-align:middle;}
.pop-goods .cover {position:relative; overflow:hidden;  display:block; padding:178px 0 15px; text-align:center; }
.pop-goods .cover .photo {overflow:hidden; position:absolute; top:0; left:0; height:158px;}
.pop-goods .cover .photo img { width:100%;}
.pop-goods .cover .data {color:#333;}
.pop-goods .cover .tit {display:block; overflow:hidden; height:45px; margin:5px 10px 0 10px; font-size:18px; font-weight:bold; color:#222;}
.pop-goods .cover .con {display:block; overflow:hidden; height:35px; margin:5px 0 15px; line-height:1.5; font-size:12px; color:#666666;}
.pop-goods .cover .won {font-size:16px; color:#ff5a09; font-weight:900;}
.pop-goods .cover .won .or-price {text-decoration:line-through; color:#666; font-weight:bold;}
.pop-goods .cover .won em {font-size:18px; font-weight:900;}
.pop-goods .cover .ipoint {display:inline-block;margin-left:10px; vertical-align:1px; }
.pop-goods .date-area {padding:15px 0 15px 5px; border-top:1px solid #e6e6e6; color:#333;}
.pop-goods .date-area a {position:relative; padding:0 7px 0 3px; font-size:11px;}
.pop-goods .date-area a:after {content:""; position:absolute; top:3px; right:0; background:#cfcfcf; width:1px; height:7px;}
.pop-goods .date-area a:last-child:after {display:none;}
.pop-goods .date-area .day-tit {margin-right:10px;}
.pop-goods .btn-area {overflow:hidden; background:#eeeeee;}
.pop-goods .btn-area label {display:block; float:left; margin-top:5px; font-size:12px;}
.pop-goods .btn-area label input {vertical-align:-2px;}
.pop-goods .btn-area .close {display:block; float:right; width:30px; height:30px; font-size:0; line-height:0; background:#666666;}
.pop-goods .btn-area .close:after {font-size:26px;content:"×"; color:#fff; font-weight:bold; line-height:30px;}

.ctrl-btn {margin:20px 0 30px; text-align:center;}
.ctrl-btn .prev,
.ctrl-btn .next {display:inline-block; width:31px; height:30px; font-size:0; line-height:0; border-radius:0; background:#b7b7b7;}
.ctrl-btn .prev {margin-right:15px;}
.ctrl-btn .next {margin-left:15px;}
.ctrl-btn .prev:before {content:"<"; font-size:17px; line-height:31px; font-weight:bold; color:#fff;}
.ctrl-btn .next:before {content:">"; font-size:17px; line-height:31px; font-weight:bold; color:#fff;}
.ctrl-btn span {font-size:20px; vertical-align:5px;}
.ctrl-btn span em {font-weight:bold;}

.top-offer-mini {margin-top:40px; margin-bottom:40px;}
.top-offer-mini h3 {margin-bottom:20px;}
.top-offer-mini .ui-goods-list .flag {top:112px; left:10px; padding:0 !important;}

/* 하단 bg */
.foot-section {background-color:#f8f7f7;}

/*고객센터*/
.custom-module {float:left; position:relative; margin-right:10px; width:730px; font-family:'Nanum Gothic', malgun Gothic, dotum; border:1px solid #ececec; background:#fff;}
.custom-module .tit {overflow:hidden; margin-bottom:15px; height:42px; font-size:18px; color:#222; font-weight:900;}
.custom-module .general-num {float:left;padding:25px 30px 0 30px;width:186px;}
.custom-module .general-num .call {display:block; margin-bottom:15px; font-size:27px; font-weight:900; letter-spacing:-0.5px; line-height:1; color:#333;}
.custom-module .general-num .txt {line-height:1.5;}
.custom-module .online {position:absolute; bottom:0; left:0; padding:15px 0 15px 30px; width:217px; font-size:15px; font-weight:bold; color:#fff; background:#e25047;}
.custom-module .online:after {content:">"; position:absolute; top:16px; right:10px; font-size:11px; color:#fff; font-family:dotum; font-weight:bold;}
.custom-module .division-num {position: relative; float:left; padding:30px 0 15px 0; width:475px; height:180px; border-left:1px solid #ececec;}
.custom-module .division-num li {float:left;position:relative; margin: 0px 0 15px 35px; padding-right:85px; font-size:13px;}
.custom-module .division-num li strong {display:inline-block; width:100px;}
.custom-module .division-num li span {position:absolute;right: -10px; width:85px;}
.custom-module .division-num li.add1 {margin-top:-14px;}
.custom-module.add1 {margin:0 0 0 10px; width:483px; height:176px;}
.custom-module.add1 .general-num {width:219px;}
.custom-module.add1 .btn-area {margin-top:60px;}
.custom-module.add1 .btn2 {position:relative; margin-bottom:5px; padding-left:20px; width:113px; font-size:14px; color:#fff; text-align:left;}
.custom-module.add1 .btn2:after {content:">"; position:absolute; top:14px; left:152px; font-size:12px; font-family:dotum;}

/*자주묻는질문*/
.faq-module {float:left; position:relative; padding:25px 25px 0 25px; width:186px; height:200px; font-family:'Nanum Gothic', malgun Gothic, dotum; border:1px solid #ececec; background:#fff;}
.faq-module h3 {margin-bottom:24px; font-size:18px; color:#222; font-weight:700;}
.faq-module li {overflow:hidden; position:relative; margin-bottom:10px; width:100%; height:17px; white-space:nowrap; text-overflow:ellipsis;}
.faq-module li:before {content:"Q"; display:block; position:absolute; top:0; left:0; width:16px; height:15px; padding-top:2px; border-radius:2px; font-size:11px; color:#fff; text-align:center; background:#e25047;}
.faq-module li a {padding-left:20px;}
.faq-module .more {position:absolute; top:27px; right:30px; color:#333333;}

/*확인해요! 여행전 필수정보*/
.chk-info {overflow:hidden; margin-top:10px; border:1px solid #ececec; background:#fff;}
.chk-info .tit,
.chk-info li a {background:url("http://openimage.interpark.com/tourpark/tour_ui/package/bg_chkinfo.gif") no-repeat left top;}
.chk-info h3 {float:left; margin:28px 40px 0 43px; width:165px; height:36px; font-size:0; line-height:0;}
.chk-info .chk-list {overflow:hidden; padding:20px 0;}
.chk-info li {float:left; padding:0 49px; border-left:1px dotted #ddd;}
.chk-info li:first-child {border-left:0;}
.chk-info li a {display:block; width:75px; height:51px; font-size:0; line-height:0;}
.chk-info .spot1 a{background-position:-251px top;}
.chk-info .spot2 a{background-position:-321px top;}
.chk-info .spot3 a{background-position:-402px top;}
.chk-info .spot4 a {margin-left:5px; width:105px; background-position:-484px top;}
.chk-info.add1 {float:left; width:483px; height:176px; margin-top:0;}
.chk-info.add1 .tit {width:236px; height:36px; margin-left:30px; float:none; background-position:left -47px;}
.chk-info.add1 .chk-list {padding:30px 0;} 
.chk-info.add1 li {padding:0 18px;}

/*인터파크만의 혜택*/
.benefit-module {margin:40px auto 0; padding-bottom:70px;}

/* 인기상품 */
.best-seller {padding-top:60px;}
.best-seller .ui-goods-list .point1 {background-color:#00c853;}

/*스와이핑 상품리스트*/
.ui-swiper-cover {overflow:hidden; margin:0 auto; width:1000px;}
.ui-swiper-cover .ui-goods-list {margin-left:0;} 
.ui-swiper-cover .ui-goods-list li {margin-left:0; border:0; background:none;}
.sub .ui-swiper-cover .ui-goods-list li {margin-left:0; border:0}

.ui-swiper-cover .ui-goods-list.type4 .flag {left:28px}
.ui-swiper-cover .ui-goods-list.type4 .date-area {position:relative; top:-1px; border:1px solid #ddd; background-color:#e6e6e6;}
.ui-swiper-cover .ui-goods-list.type4 .slide .date-area a {border:0; background-color:#e6e6e6;}

.ui-swiper-cover .ctrl-cover {text-align:center;}
.ui-swiper-cover .ctrl-btn {display:inline-block; position:relative; margin:20px 0 30px; text-align:center;}
.ui-swiper-cover .ctrl-btn .prev,
.ui-swiper-cover .ctrl-btn .next {content:"<"; display:inline-block; width:31px; height:30px; font-size:0; line-height:0; border-radius:0; background:#b7b7b7;}
.ui-swiper-cover .ctrl-btn .prev {margin-right:15px;}
.ui-swiper-cover .ctrl-btn .next {margin-left:15px;}
.ui-swiper-cover .ctrl-btn .prev:before {content:"<"; font-size:17px; line-height:31px; font-weight:bold; color:#fff;}
.ui-swiper-cover .ctrl-btn .next:before {content:">"; font-size:17px; line-height:31px; font-weight:bold; color:#fff;}
.ui-swiper-cover .ctrl-btn span {font-size:20px; vertical-align:5px;}
.ui-swiper-cover .ctrl-btn .next {margin-left:30px;}
.ui-swiper-cover .ctrl-btn .play, 
.ui-swiper-cover .ctrl-btn .stop {display:none; position:absolute; top:6px; right:40px; width:18px; height:18px; font-size:0; line-height:0; vertical-align:top;}
.ui-swiper-cover .ctrl-btn .play.on, 
.ui-swiper-cover .ctrl-btn .stop.on {display:inline-block;}
.ui-swiper-cover .ctrl-btn .stop:before {content:''; display:inline-block; width:3px; height:12px; background-color:#7f7f7f;}
.ui-swiper-cover .ctrl-btn .stop:after {content:''; display:inline-block; margin-left:2px; width:3px; height:12px; background-color:#7f7f7f;}
.ui-swiper-cover .ctrl-btn .play:before {content:''; margin-left:4px; border:7px solid transparent; border-left-color:#777;}

.ui-swiper-cover .slide {border-left:8px solid #f8f7f7; border-right:8px solid #f8f7f7;}
.ui-swiper-cover .slide a {border:1px solid #ddd; background:#fff;}
.ui-swiper-cover .swiper-pagination-topoffers,.swiper-pagination-bestsellersgoods {display:inline-block; text-align:center; vertical-align:-4px;}
.ui-swiper-cover .swiper-pagination-switch,
.ui-swiper-cover .swiper-pagination-bullet {display:inline-block; width:10px; height:10px; margin:0 3px; border-radius:10px; font-size:0 !important; line-height:0; background:#7f7f7f;}
.ui-swiper-cover .swiper-pagination-switch.swiper-visible-switch.swiper-active-switch,
.ui-swiper-cover .swiper-pagination-bullet-active {width:20px; background-color:#f66044;}

.chnage-section .swiper-pagination-cyt-bestgoods,.swiper-pagination-cyt-newgoods {position:absolute; top:10px; left:-35px; text-align:right;}
.chnage-section span.swiper-pagination-switch,
.chnage-section .swiper-pagination-bullet {display:inline-block; margin:0; padding:0; vertical-align:top; width:11px; height:11px; margin-right:5px; font-size:0; line-height:0;filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; background:url("http://openimage.interpark.com/tourpark/tour_ui/package/btn-roll.png") no-repeat left -12px;}
.chnage-section .swiper-pagination-switch.swiper-visible-switch.swiper-active-switch,
.chnage-section .swiper-pagination-bullet.swiper-pagination-bullet-active {background-position:left top;}
.chnage-section .rolling {position:absolute; top:10px; left:10%; margin-left:0px; z-index:2;}
.chnage-section .rolling a {display:inline-block; position:absolute; left:140px; margin:0; padding:0; vertical-align:top; width:11px; height:11px; margin-right:5px; font-size:0; line-height:0; background:url("http://openimage.interpark.com/tourpark/tour_ui/package/btn-roll.png") no-repeat left -12px;}
.chnage-section .rolling a.stop {background-position:-12px top;}
.chnage-section .rolling a.play {background-position:-12px -12px;}