@charset "euc-kr"; @import url('//fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap'); *{font-family:'Noto Sans KR','Nanum Myeongjo','Malgun Gothic','Arial',sans-serif; margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; word-break: keep-all; overflow-wrap: break-word; } body{position:relative; width:100%; background-color: #ffffff; letter-spacing: -0.5px; overflow: auto;} body, input, button, td, select, textarea{ line-height:1.4; color:#222;} button { cursor:pointer } img, fieldset{border:0px none; margin:0px; max-width:100%; } legend, hr{overflow:hidden; position:absolute; top:0px; left:0px;} legend, hr, caption{visibility:hidden; font-size:0px; line-height:0px; height:0px;} blockquote {background: #f0f4f8; padding: 10px 16px; border: 1px solid #b6cddd; margin-bottom: 10px; } em,var,i,address{font-style:normal;} .img_none { width: 100%; height: 100%; background:#dcefff url('/images/common/logo_ov.svg') no-repeat center / 60%; opacity: 0.4;} .wrap{position:relative; width:100%;} ul, ol, dl, dt, dd{margin:0px; padding:0px; list-style:none;} textarea{border: solid 1px #e6e6e6;} input,select{border: solid 1px #e6e6e6; padding-left: 7px; height: 30px; max-width: 100%;} input::placeholder {color: #bbb;} input[type="checkbox"] { vertical-align: middle; margin-left: 5px;} input[name="phone_no1"],input[name="phone_no2"],input[name="phone_no3"] { vertical-align: middle; margin-right: 5px; width:80px; max-width:30%; } input.form-control { vertical-align: middle; margin-right: 2%; width:48%; } select[name="tourist_adt"],select[name="tourist_chd"],select[name="tourist_inf"] { vertical-align: middle; margin-right: 2%; width:10%; } em{font-style:normal;} a{ cursor:pointer; color:#636363;} a:link{text-decoration:none;} a:visited{text-decoration:none;} a:hover{text-decoration:none;} a:active{text-decoration:none;} h1,h2,h3,h4 { letter-spacing: -1.5px; line-height: 1.2;} h1 { font-size: 3.5rem; font-size:clamp(2.3rem, 9vw, 3.5rem); font-weight: 700; } h2 { font-size: 2.8rem; font-size:clamp(1.9rem, 4.3vw, 2.6rem); font-weight: 600; } h3 { font-size: 2rem; font-size:clamp(1.6rem, 7.5vw, 2.2rem); font-weight: 500; } h4 { font-size: 1.75rem; font-size:clamp(1.3rem, 6.5vw, 1.75rem); font-weight: 500; } h5 { font-size: 1.45rem; font-size:clamp(1.15rem, 4vw, 1.45rem); font-weight: 500; } h6 { font-size: 1.15rem; font-size:clamp(1.05rem, 3.8vw, 1.15rem); font-weight: 500; } /* Button */ .btn_Area { margin-top:20px;} .btn_Area > input { display:inline-block; } #Btn_Area button { display:inline-block; max-width: 48.3%; margin-left:2%; } #Btn_Area button:first-child { margin-left:0; } button {text-align: center; display: inline-block; font-size:clamp(0.9rem, 3.8vw, 1.15rem); font-weight: 400; color: #555; line-height: 1.4; padding:16px 10px; border:1px solid #bbb; width: 100%; position: relative; transition:.3s; background: #ddd;} button.btn_opcy { background: none; color: #fff; border: 1px solid rgba(255,255,255,0.2); margin-top: 20px} button:hover {background: #114586; border:1px solid #114586; color:#fff;} button.small {background: rgba(0,0,0,0.3); color: #fff; border: 0; width: auto; padding: 5px 10px; line-height: 20px; font-size: 13px; letter-spacing: -1px;} .btn{border-radius:0;} .btn_border_blue{border:1px solid #1c7bc0;color:#1c7bc0;} .btn_orange{border:1px solid #dd4301;background-color:#ff6215 !important;color:#fff !important;} .btn_lightblue{border:1px solid #169ade;background-color:#3ab3f2 !important;color:#fff !important;} .btn_blue{border:1px solid #1c7bc0;background-color:#1c7bc0 !important;color:#fff !important;} .btn_deepblue{border:1px solid #18449b;background-color:#18449b !important;color:#fff !important;} .btn_lightgray{border:1px solid #bdbfc9;background-color:#f4f4f4;} .btn_gray{border:1px solid #bbb;background-color:#ddd;} .btn_darkgray{border:1px solid #666 !important;background-color:#666 !important;color:#fff !important;} button.btn_ok,button.btn_ok:hover { border:1px solid #dd4301; background:#ff6215 !important; color:#fff !important; opacity:0.9; } button.btn_ok:hover{ opacity:1; } button.btn_cancel:hover{ border:1px solid #bbb; background:#c9c9c9; color:#555} #Btn_Area { margin-top:20px;} #Btn_Area a { width:48.5%; display:inline-block; margin-right:1%;} #Btn_Area a:last-child { margin-right:0; } #Btn_Area a:hover button { color:#fff; background: #114586;} /* collapse */ .btn-collapse{position:relative} .btn-collapse:after{content:'';display:block;position:absolute;top:50%;right:20px;width:11px;height:6px;margin-top:-3px;background:url(../img/icon_arr_btm.png);transform:rotate(-180deg)} .btn-collapse.collapsed:after{transform:rotate(0deg)} /* Slide */ .slide-next,.slide-prev{position:absolute;top:50%;z-index:100;width:18px;height:32px;margin-top:-16px;font-size:0;} .slide-next{right:0;background:url(../img/icon_slide_right.png) no-repeat;} .slide-prev{left:0;background:url(../img/icon_slide_left.png) no-repeat;} .bx-wrapper .bx-controls-direction a { z-index: 99;} /* popup */ .pop_bg { position:fixed; display:none; left:0; right:0; top:0; bottom:0; z-index:15; background:rgba(0,0,0,0.7); } .layer_box { display:none; position:fixed; left:0; right:0; top:0; bottom:0; margin:auto auto; background:#fff; z-index:20; width:100%; max-width:980px; height:100%; max-height:609px; padding:40px 20px; } .layer_box > h3 { margin-bottom:10px; color:#111; font-weight: 500 !important;} .layer_box .div_outline { display:block; border:1px solid #ddd; width:100%; height:450px; padding:10px; font-size: 15px; line-height: 1.7; overflow: auto;} .layer_box .btn_close { position:fixed; z-index: 1; width:60px; height:56px; margin-left: -60px; top:0; background:url(/images/common/btn_close.jpg) no-repeat center center; overflow:hidden; font-size:0;line-height:0; } .layer_box.layer_sitemap {position:fixed; max-width:100%; max-height:100%; background:rgba(0,0,0,0.8); padding-top: 7vw; z-index: 50;} .layer_box.layer_sitemap h2 { color: #fff; text-align: center; margin-bottom: 10vh;} .layer_box.season { max-width: 1100px; max-height: none; padding: 0; overflow: auto; top:0;} .layer_box.season::-webkit-scrollbar { width: 1px; background-color: #ccc; } .layer_box.season img { width:100%; } .layer_box .sitemap {border:0;height:auto;width:16.6%;margin:0; margin-bottom: 33px; float: left;} .layer_box .sitemap:last-child {border-right:0;} .layer_box .sitemap dt {padding:0;font-size:30px; font-size:3.2vh; font-weight:700; line-height: 1;color:#fff;text-align:center; border-bottom:0; margin-bottom:2.5vh; transition:0.4s;} .layer_box .sitemap dt span{position: relative;} .layer_box .sitemap dd .Sub{width: 100%;} .layer_box .sitemap dd .Sub > ul {height:250px !important;} .layer_box .sitemap:nth-child(4) dd .Sub > ul,.layer_box .sitemap:nth-child(5) dd .Sub > ul{height:150px;} .layer_box .sitemap dd .Sub > ul > li {padding:0;font-size:16px;line-height:36px;font-weight:350;color:#fff;text-align:center;border-bottom:0;transition:0.4s;} .layer_box .sitemap dd .Sub > ul > li > ul li {padding:0;font-size:16px;line-height:36px;font-weight:350;color:rgba(255,255,255,0.8);text-align:center;border-bottom:0;transition:0.4s} .layer_box .sitemap dd .Sub > ul > li > ul li:hover {color: #fff;} .layer_box .sitemap dt span{position: relative; color: #fff;} .layer_box .sitemap dt.on span:before, .layer_box .sitemap:hover dt span:before{width: 100%; opacity: 1;} .layer_box .sitemap:hover dd .Sub > ul > li {color:#fff;} .layer_box .sitemap dd .Sub > ul > li:hover{color:#014099;} .layer_box .sitemap dd .Sub li {color: #fff; text-align: center; font-size: 18px; font-size:2.2vh; transition:.3s; padding: 5px 0; padding: 0.5vh 0;} .layer_box .sitemap dt span:before { position: absolute; content: ''; width: 0%; height: 14px; background: #01a0c7; left: 0; bottom: 0; z-index: -1; opacity: 0; transition: .3s;} .layer_box .sitemap dd .Sub li:hover {color: #01a0c7;} .layer_pop,#slide_pop { position: absolute; z-index: 2; overflow: hidden; background:rgba(0,0,0,.4); top: 100px; border: 5px solid #fff; } .layer_pop img,#slide_pop img { width:100%; height:calc(100% - 30px); } .layer_pop img{ width:100%; height:100%; line-height: 0;} .popclose { position: absolute; bottom: 0; width: 100%; background:#000; color:#fff; font-size:12px; line-height: 30px; padding-left:7px; } .popclose input,.popclose font { vertical-align: middle; margin-right:5px; font-family: 'Dotum';} .popclose .close_x { position: relative; width: 13px; height: 13px; cursor: pointer; border:1px solid #fff; padding: 4px; vertical-align: middle; display: inline-block;} .popclose .close_x:before,.popclose .close_x:after { content: ''; position: absolute; top:5px; left: 1px; width: 9px; height: 1px; background: #fff; transform: rotate(-45deg);} .popclose .close_x:after { transform: rotate(45deg); } .popclose .close_x input { display: none; } .pop_bottom {height:1px; background-color:#f5f5f5;} .pop_td { color:#555555; font-weight:600; padding-top:3px; text-align:center;} .bar_price {color:#333333; font-weight:bold;} #slide_pop .slick-dots { bottom:30px; text-align: center;} #slide_pop .slick-dots li { display:inline-block; width: auto; height: auto; margin-right:15px; } #slide_pop .slick-dots li button { width: 6px; height: 6px; font-size: 0px; border-radius:50%; border: 0; padding:0; background:#222; } #slide_pop .slick-dots li.slick-active button { scale: 2.5; border:1px solid #fff;} /*** Header ***/ #header{position:relative; width:100%; min-width:1200px; overflow:hidden;} .header {position: fixed; top: 0px; left: 0; width: 100%; transition:.3s; z-index: 10; height: 100px; margin-right: 17px; transition:.3s; background:#fff; border-bottom: 0; box-shadow: 0px 5px 10px 0px rgb(23 58 90 / 10%);} .header .hd_logo{float: left; width: 18%; height: 100%; padding-left: 3%; } .fp-viewing-0 .header { border-bottom: 1px solid rgba(255,255,255,0.2); box-shadow:none;} .header nav { float: left; width: 67%; margin-left:2%; display: flex; align-items:center;} .header nav .Main {position: relative; width: 20%; font-size: 1.4rem; font-size: clamp(1.05rem, 1.05vw, 1.2rem); color: #333; font-weight: 400; text-align: center; transition:.3s; } .header nav .Main>span { display: block; width:100%; line-height: 90px; padding-top: 8px; cursor: pointer;} .header nav .Main:first-child .Sub { border-left: 1px solid #ddd; } .header nav .Sub{ position: absolute; display: none; width: 100%; top: 100px; left: 0%; z-index: 1; border-right: 1px solid #ddd; height: 290px; padding-top: 25px; transition: background 0.2s ease; } .header nav .Sub > li {text-align: center; font-size: 0.9rem; font-size: max(min(0.9rem), 14px); color: #666; font-weight: 400; padding:12px 0; transition:.3s; line-height: 1; cursor: pointer;} .header nav .Sub > li:hover {color: #005aa9;} .header nav .Sub:before {content: ''; display: block; position: absolute; left: 50%; top:0; width: 0%; height: 2px; background:#002f5b; transition:.3s; transform:translate(-50%,0);} .Sub_bg{position: fixed; top: 100px; left: 0; width: 100%; height: 290px; z-index: 1; overflow: hidden; display: none; background: #fff; border-top:1px solid #ddd; border-bottom: 1px solid #ddd;} .header:hover {background: #fff !important;} .header:hover nav .Main {color: #333 !important; } .header nav .Main:hover {color: #005aa9 !important;} .header nav .Main:hover .Sub {background: #f4f8fc; } .header nav .Main:hover .Sub:before {width:100%; } .fp-viewing-0 .header {background: transparent;} .fp-viewing-0 .header nav .Main {color: #fff;} .fp-viewing-0 .header:hover nav .Main {color: #333;} .fp-viewing-0 .header .hd_logo > a { display: block; background: url(/images/common/logo.svg) no-repeat center / contain;} .fp-viewing-0 .header:hover .hd_logo > a {background: url(/images/common/logo_ov.svg) no-repeat center / contain;} .header .hd_logo > a { display: block; width: 100%; min-width: 150px; max-width: 230px; height: 100%; background: url(/images/common/logo_ov.svg) no-repeat center / contain; transition:.3s; } .fp-viewing-0 .header a.btn_join {background: url(/images/common/mypage.png) no-repeat center / contain; } .fp-viewing-0 .header:hover a.btn_join {background: url(/images/common/mypage_ov.png) no-repeat center / contain; } .header a.btn_join {background: url(/images/common/mypage_ov.png) no-repeat center / contain; } .fp-viewing-0 .header a.btn_login {background: url(/html/main/login_400.svg) no-repeat center / contain; } .fp-viewing-0 .header:hover a.btn_login {background: url(/html/main/login_400_ov.svg) no-repeat center / contain; } .header a.btn_login { display: block; background: url(/html/main/login_400_ov.svg) no-repeat center / contain; } .fp-viewing-0 .header a.btn_logout {background: url(/html/main/logout_400.svg) no-repeat center / contain; } .fp-viewing-0 .header:hover a.btn_logout {background: url(/html/main/logout_400_ov.svg) no-repeat center / contain; } .header a.btn_logout { background: url(/html/main/logout_400_ov.svg) no-repeat center / contain; } .fp-viewing-0 .header .btn_sitemap:after {background: url(/images/common/hd_site_map.png) no-repeat center ; } .fp-viewing-0 .header:hover .btn_sitemap:after {background: url(/images/common/hd_site_map_ov.png) no-repeat center;} .header .btn_sitemap:after {position: absolute; content: ''; width: 23px; height: 100%; background: url(/images/common/hd_site_map_ov.png) no-repeat center; transition:.3s; } .hd_sitemap {float: right; height: 100%; padding-top: 7px; margin-right: 3%; display: flex;} .hd_sitemap > a { position: relative; width: 23px; margin:0 10px;} /* 컨텐츠 영역 */ .hr{width:100%; height:1px; background:#d1d3d4; margin-top:40px;} #middle_main{clear:both; padding:0; width:100%; min-width:1200px;} h1.Main_Title { text-align:center; padding-bottom: clamp(2rem, 9vw, 4.5rem); line-height: 1.2; color: #333;} h1.Main_Title span { color:#0094d9; } h1.Main_Title.white_yellow { color: white; } h1.Main_Title.white_yellow span{ color:#fff100;} h3.Main_Title { position: relative; width: 100%; max-width: 1420px; padding-left: 20px; margin: 2vw auto 1vw; font-weight: 600; font-size: clamp(1.6rem, 5vw, 2.2rem); text-align:left; line-height: 1.2; color: #333; } h3.Main_Title:before { position: absolute; content:''; width:9px; height:7.5vw; max-height:39px; top: 3px; margin-left: -20px; background:#da1878; border-radius: 20px; } #call_service{overflow:hidden; padding-bottom:40px; border-top:1px solid #d1d3d4;} #call_service .serviceBox2{width:1000px; margin-top:20px; overflow:hidden;} #call_service .serviceBox2 .call_time{float:left; padding-right:20px; border-right:1px solid #ddd; overflow:hidden; box-sizing:border-box;} #call_service .serviceBox2 .call_time .call{margin-top:20px;} #call_service .serviceBox2 .branchBox{overflow:hidden;} #call_service .serviceBox2 .branchBox dl{overflow:hidden; margin-left:20px;} #call_service .serviceBox2 .branchBox dl dt{float:left; font-size:12px; font-weight:bold; color:#566071; margin-top:3px; margin-left:10px;} #call_service .serviceBox2 .branchBox dl dt:nth-child(1){margin-left:0px;} #call_service .serviceBox2 .branchBox dl dd{float:left; font-size:12px; font-weight:200; color:#566071; margin-top:3px; margin-left:5px;} /* Footer */ #footer {width:100%; } #footer .bottommenu {width:100%; position: relative; background:#6d6e71; padding:12px 0; } #footer .bottommenu ul { max-width: 1420px; margin: 0 auto; } #footer .bottommenu ul li { display: inline-block; } #footer .bottommenu ul li a{ padding:0 1.5vw 0 1vw; border-right:1px solid #aaa; color:#fff; font-size:14px; } #footer .bottommenu ul li:first-child a{ padding-left:0; } #footer .bottommenu ul li:last-child a{border-right:0px; padding-right:0; } #footer #address {background:#898989; padding-top:30px; padding-bottom:5vh;} #footer .logo_bottom { margin-right:20px;} #footer .logo_bottom img{ width:250px;} #footer #address img {float:left;} #footer #address .copy{ position:relative; margin-left:25%; font-size:13px; color:#fff; } #footer #address .copy span { display: inline-block; border-right:1px solid #bbb; padding: 0 10px; margin-bottom: 12px; line-height: 1;} #footer #address .copy p { padding: 0 10px; margin-bottom: 12px; line-height: 1;} #footer #address .copy .award{position:absolute; bottom:5px; right:0px; z-index:10;} #footer #address .copy .award li{float:left;} #footer #gotomobile{width:30%; text-align:center; margin:0px auto; margin-top:3%; margin-bottom:3%; padding:2%; background:#e1e1e1; color:#252525; font-size:20px; font-weight:bold;} #foot_fixed_apply{position:fixed; bottom:0px; left:0px; width:100%; height:0px; z-index:99998; background:url('/images/common/foot_apply_btn.png') top center no-repeat; cursor:pointer;} #foot_fixed_top{position:fixed; top:90%; right:30px; z-index:99999;} /* 스타 허니문 */ .star_review1{background:#20a6c1; margin-top:50px;} .star_review4{background:#598b17; margin-top:10px;} .star_review2{background:#d88c31; margin-top:10px;} .star_review3{background:#20a6c1; margin-top:10px; margin-bottom:30px;} /* 스타 허니문 끝 */ /* 스냅화보 페이지 */ #snap{overflow:hidden; position:relative;} #snap .top_bg{background:url(/images/snap/snap_top_bg.jpg) top center no-repeat; height:305px;} #snap .menu{background:#1a7c7c; height:153px; width:100%;} #snap .menu .menu-device {padding-top:25px; overflow:hidden; position:relative;} #snap .menu .menu-device .arrow-left { background: url(/images/snap/menu_arr_left.png) no-repeat left top; position: absolute; left:0px; top:30px; width:22px; height:87px; } #snap .menu .menu-device .arrow-right { background: url(/images/snap/menu_arr_right.png) no-repeat left bottom; position: absolute; right:0px; top:30px; width:22px; height:87px; } #snap .menu .menu-device .swiper-container{width:945px; margin:0px auto;} #snap .menu .menu-device .swiper-container .swiper-wrapper{height:150px !important;} #snap .menu .menu-device .swiper-slide{width:945px !important; height:87px !important;} #snap .menu .menu-device .swiper-slide div{float:left; margin:0px 24px; width:87px;} #snap .menu .menu-device .swiper-slide div p{margin-top:10px; font-size:14px; font-weight:bold; color:#fff; text-align:center;} #snap .grayBox{background:#e2e2e2;} #snap .snapCon{width:1065px; margin:0px auto; padding:70px 0; position:relative;} #snap .snapCon .movie{position:absolute; top:377px; right:1px; z-index:2;} /** modal window styles **/ #lean_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; background:#000; display: none; } /* 스냅화보 페이지 끝 */ /* 서브페이지 */ #middle_contents{position:relative; width:1110px; margin:0px auto; overflow:hidden;} .middle_contents_1100{position:relative; width:1100px; margin:0px auto; overflow:hidden;} #middle_contents_1200{position:relative; width:1200px; margin:0px auto; overflow:hidden;} #middle_contents_greeting{position:relative; width:1000px; margin:0px auto; overflow:hidden;} .middle_contents_greeting{position:relative; width:1000px; margin:0px auto; overflow:hidden;} /* 현재위치표시 */ #sub_status_list_t{font-size:35px; font-weight:600; text-align:center; color:#666; margin-top:60px; line-height:50px; border-bottom:1px solid #ddd; padding-bottom:10px; font-family:'NotoSansKR-Medium', sans-serif !important; overflow:hidden;} #sub_status_list_t .present{color:#0F71BA; font-weight:600; font-family:'NotoSansKR-Medium', sans-serif !important;} #sub_status_t{font-size:35px; text-align:center; color:#666; margin-top:60px; line-height:50px; padding-bottom:10px; font-family:'NotoSansKR-Medium', sans-serif !important; overflow:hidden;} #sub_status_t .present{color:#0F71BA; font-family:'NotoSansKR-Medium', sans-serif !important;} #sub_status_t p{font-size:28px; font-weight:900; text-align:center; color:#707070; margin-top:5px; font-family:'Noto Sans KR', sans-serif !important;} /* 허니문 상품 리스트 */ @media all and (min-width:1300px) { /**해상도 1300 이상부터 **/ #sub_list{width:1280px; overflow:hidden; margin:0px auto; margin-top:50px;} #sub_list ul li{float:left; width:310px; position:relative; margin-left:13px;} } @media all and (max-width:1300px) { /**해상도 1300 이하부터 **/ #sub_list{width:1200px; overflow:hidden; margin:0px auto; margin-top:50px;} #sub_list ul li{float:left; width:295px; position:relative; margin-left:6px;} } #sub_list ul{margin-top:40px; overflow:hidden;} #sub_list ul:first-child{margin-top:10px;} #sub_list ul li p{text-align:center; font-size:16px; font-weight:600; line-height:24px; color:#363636; margin-top:10px; margin-top:10px\9;} #sub_list ul li:first-child{margin-left:0px;} #sub_list ul li .img{width:100%; background:#000;} @media all and (min-width:1300px) { /**해상도 1300 이상부터 **/ #sub_list ul li .img{height:232px;} } @media all and (max-width:1300px) { /**해상도 1300 이하부터 **/ #sub_list ul li .img{height:216px;} } #sub_list ul li .img img{width:100%; height:100%; position:relative;} #sub_list ul li .img:hover img{opacity:0.2;} #sub_list ul li .img > div{width:100%; position:absolute; top:0px; left:0px; display:none; line-height:18px;} #sub_list ul li .img > div > a{width:50%; float:left; text-align:center; font-weight:bold; font-size:15px; border-right:1px solid #363636; border-bottom:1px solid #363636; box-sizing:border-box; overflow:hidden;} #sub_list ul li .img > div > a.eu_list{width:33%;} @media all and (min-width:1300px) { /**해상도 1300 이상부터 **/ #sub_list ul li .img > div > a{height:116px;} #sub_list ul li .img > div > a.eu_list{height:232px;} #sub_list ul li .img > div > a div{margin-top:15%; font-size:14px;} #sub_list ul li .img > div > a.eu_list div{margin-top:85px;} } @media all and (max-width:1300px) { /**해상도 1300 이하부터 **/ #sub_list ul li .img > div > a{height:108px;} #sub_list ul li .img > div > a.eu_list{height:216px;} #sub_list ul li .img > div > a div{margin-top:15%; font-size:14px;} #sub_list ul li .img > div > a.eu_list div{margin-top:6vw;} } #sub_list ul li .img > div > a div.good{background:url("/images/common/sub_list_icon_good.png") center top no-repeat; padding-top:40px; color:#ffffff;} #sub_list ul li .img > div > a div.resort{background:url("/images/common/sub_list_icon_resort.png") center top no-repeat; padding-top:40px; color:#ffffff;} #sub_list ul li .img > div > a div.hmtour{background:url("/images/common/sub_list_icon_hmtour.png") center top no-repeat; padding-top:40px; color:#ffffff;} #sub_list ul li .img > div > a div.qa{background:url("/images/common/sub_list_icon_qa.png") center top no-repeat; padding-top:40px; color:#ffffff;} #sub_list ul li .img > div > a:hover{background:#0094d9;} #sub_list ul li .img > div > a.borderR_none{border-right:0px;} #sub_list ul li .img > div > a.borderB_none{border-bottom:0px;} #sub_list ul li a.item_name{font-size:14px; font-weight:bold; color:#666;} #sub_list ul li.airtel_item {width:950px; margin:0 0 20px 28px; position:relative;} #sub_list ul li.airtel_item .img {float:left; padding:5px 5px 10px 5px; border:2px solid #eee; text-align:center; margin-right:30px;} #sub_list ul li.airtel_item .img:hover {border: 2px solid #FF4555;} #sub_list ul li.airtel_item img.item {width:309px; height:232px; margin-bottom:15px;} #sub_list ul li a.airtel_item_name {font-size:14px; font-weight:bold; color:#666;} #sub_list ul li.airtel_item .airtel_info {position:relative; margin-top:20px; float:left;} #sub_list ul li.airtel_item .airtel_info p.region {font-size:12px; font-weight:bold; color:#3d78a6; height:14px; vertical-align:middle;} #sub_list ul li.airtel_item .airtel_info p.region img {vertical-align:middle;} #sub_list ul li.airtel_item .airtel_info p.name {font-size:14px; font-weight:bold; margin-top:10px; line-height:150%;} #sub_list ul li.airtel_item .airtel_info p.name .price {color:#ea2143;} #sub_list ul li.airtel_item .airtel_info .btn {position:absolute; right:0; top:40px;} #sub_list ul li.airtel_item .airtel_option {float:left; margin-top:20px; padding:20px; width:550px; background-color:#f7f7f7; background-image: url(/images/sub/airtel_option.gif); background-repeat: no-repeat; background-position: 20px 30px; min-height: 120px; } #sub_list ul li.airtel_item .airtel_option ul.list {margin:0 0 0 120px;} #sub_list ul li.airtel_item .airtel_option ul.list li {background: url(/images/sub/airtel_option_dot.gif) 1px no-repeat; padding-left:7px;} /* 두바이 리스트 */ /** 상품 **/ #dubai_sub_list{width:1280px; overflow:hidden; margin:0px auto; margin-top:10px;} #dubai_sub_list ul{margin-top:40px; overflow:hidden;} #dubai_sub_list ul:first-child{margin-top:10px;} #dubai_sub_list ul li{width:310px; margin-left:13px; float:left; position:relative; cursor:pointer;} #dubai_sub_list ul li .txt_box{height:150px; border:1px solid #d7d7d7; box-sizing:border-box;} #dubai_sub_list ul li .txt_box .pro_name{width:90%; height:75px; font-size:16px; font-weight:500; line-height:24px; color:#363636; margin:15px 0 0 15px;} #dubai_sub_list ul li .txt_box .pro_price{width:90%; font-size:24px; font-weight:600; line-height:24px; color:#ed1c24; margin:20px 0 0 15px;} #dubai_sub_list ul li .txt_box .pro_price span{font-size:16px; font-weight:500;} #dubai_sub_list ul li .txt_box .sightsee_name{width:90%; height:30px; font-size:16px; font-weight:600; line-height:24px; color:#363636; margin:15px 0 0 15px; overflow:hidden;} #dubai_sub_list ul li .txt_box .sightsee_info{width:90%; font-size:14px; font-weight:500; line-height:24px; margin-left:15px;} #dubai_sub_list ul li:first-child{margin-left:0px;} #dubai_sub_list ul li .img{width:100%; height:232px; background:#000;} #dubai_sub_list ul li .img img{width:100%; height:100%; position:relative;} #dubai_sub_list ul li .img:hover img{opacity:0.8;} /** 상품 끝 **/ /** 투어 **/ .breadth_list_box{margin:0px auto; overflow:hidden;} .breadth_list_box .list_box{width:100%; height:272px; border:1px solid #d7d7d7; box-sizing:border-box; overflow:hidden; margin-top:20px;} .breadth_list_box .list_box:hover{border:1px solid #415270;} .breadth_list_box .list_box li{margin:20px 30px 20px 20px;} .breadth_list_box .list_box li .img{width:310px; height:232px; float:left; position:relative; overflow:hidden; cursor:pointer;} .breadth_list_box .list_box li .img > img{width:310px; height:232px; transition:all 1s ease-in-out;} .breadth_list_box .list_box:hover li .img > img{transform:scale(1.1);} .breadth_list_box .list_box li .img .flat{width:50px; height:50px; position:absolute; top:0px; right:0px;} .breadth_list_box .list_box li .text_box{width:470px; height:232px; margin-left:30px; float:left; position:relative; border-right:1px solid #d7d7d7;} .breadth_list_box .list_box:hover li .text_box{border-right:1px solid #415270;} .breadth_list_box .list_box li .text_box .summary_txt{font-size:14px; color:#636363; margin-top:20px;} .breadth_list_box .list_box li .text_box .title a{font-size:18px; color:#363636; margin-top:5px; display:block;} .breadth_list_box .list_box:hover li .text_box .title a{color:#ed1c24;} .breadth_list_box .list_box li .text_box .txt{font-size:14px; color:#898989; margin-top:10px;} .breadth_list_box .list_box li .text_box .add_summary{position:absolute; bottom:0px; left:0px; width:500px; height:50px;} .breadth_list_box .list_box li .text_box .add_summary p{height:17px; font-size:12px; color:#363636; padding-left:25px; padding-top:1px;} .breadth_list_box .list_box li .text_box .add_summary p.rating{background:url('http://freepalm.co.kr/images/board/list_rating_dot.jpg') no-repeat left top;} .breadth_list_box .list_box li .text_box .add_summary p.local{background:url('http://freepalm.co.kr/images/board/list_local_dot.jpg') no-repeat left top; margin-top:10px;} .breadth_list_box .list_box li .text_box .add_summary p.local .mapBtn{width:55px; height:20px; margin-left:5px; background:#636363 !important; font-size:11px; color:#fff !important; line-height:18px; text-align:center; display:inline-block; cursor:pointer;} .breadth_list_box .list_box li .text_box .add_summary p.local .mapBtn:hover{width:55px; height:20px; margin-left:5px; background:#415270 !important; font-size:11px; color:#fff; line-height:18px; text-align:center; display:inline-block; cursor:pointer;} .breadth_list_box .list_box li .text_box .add_summary p.date{background:url('http://freepalm.co.kr/images/board/list_date_dot.jpg') no-repeat left top;} .breadth_list_box .list_box li .text_box .add_summary p.site{background:url('http://freepalm.co.kr/images/board/list_site_dot.jpg') no-repeat left top; margin-top:10px;} .breadth_list_box .list_box li .text_box .add_summary p span{color:#898989; margin-left:5px;} .breadth_list_box .list_box li .price_box{width:240px; height:232px; float:right; position:relative;} .breadth_list_box .list_box li .price_box .price{font-size:32px; color:#ed1c24; font-weight:550; float:right; margin-top:130px;} .breadth_list_box .list_box li .price_box .price span{font-size:22px; margin-right:5px;} .breadth_list_box .list_box li .price_box .detail_btn{margin-top:20px; float:right; cursor:pointer;} /** 투어 끝 **/ /* 두바이 리스트 끝 */ /* 서브 레프트 */ #sub_left{margin:0px auto; margin-top:50px; width:1110px; height:110px; overflow:hidden;} #sub_left ul.menu{text-align:center; display:table; margin-left:auto; margin-right:auto;} #sub_left ul.menu li{float:left; border:1px solid #dddddd; box-sizing:border-box; margin-left:5px; width:150px; height:60px; position:relative; background:#fff;} #sub_left ul.menu li:fisst-child{margin-left:0px;} #sub_left ul.menu li .benefit_menu_box{position:absolute; top:70px; left:0px; display:visible;} #sub_left ul.menu li .benefit_menu_box > .benefit_menu_bgtop{background:url('/images/common/benefit_menu_bgtop.jpg') left top no-repeat; width:13px; height:7px; position:absolute; top:-2px; left:70px; z-index:10;} #sub_left ul.menu li .benefit_menu_box > .benefit_menu_bgtop_on{background:url('/images/honeymoon/benefit_menu_bgtop_on.jpg') left top no-repeat; width:13px; height:7px; position:absolute; top:-2px; left:70px; z-index:10;} #sub_left ul.menu li .benefit_menu_box > .benefit_menu{height:35px; padding:0px 0px; margin-top:4px; border-radius:10px; overflow:hidden; background:#707070;} #sub_left ul.menu li .benefit_menu_box > .benefit_menu > div{float:left; padding:0px 10px; height:35px; line-height:35px; border-right:1px solid #929292; box-sizing:border-box;} #sub_left ul.menu li .benefit_menu_box > .benefit_menu > div:last-child{border-right:none;} #sub_left ul.menu li .benefit_menu_box > .benefit_menu > div a{font-size:14px; display:block; color:#fff;} #sub_left ul.menu li .benefit_menu_box > .benefit_menu > div a:hover{color:#fff568; font-weight:bold;} #sub_left ul.menu li .benefit_menu_box > .benefit_menu > div a.on{color:#fff568; font-weight:bold;} #sub_left ul.menu li .benefit_menu_box > .benefit_menu_on{height:35px; padding:0px 0px; margin-top:4px; border-radius:10px; overflow:hidden; background:#0c81c2;} #sub_left ul.menu li .benefit_menu_box > .benefit_menu_on > div{float:left; padding:0px 10px; height:35px; line-height:35px; border-right:1px solid #42abe6; box-sizing:border-box;} #sub_left ul.menu li .benefit_menu_box > .benefit_menu_on > div:last-child{border-right:none;} #sub_left ul.menu li .benefit_menu_box > .benefit_menu_on > div a{font-size:14px; display:block; color:#ffffff;} #sub_left ul.menu li .benefit_menu_box > .benefit_menu_on > div a:hover{color:#fff568; font-weight:bold;} #sub_left ul.menu li .benefit_menu_box > .benefit_menu_on > div a.on{color:#fff568; font-weight:bold;} #sub_left ul.menu li > a{font-size:16px; color:#666; font-weight:600; line-height:60px; display:block; text-align:center;} #sub_left ul.menu li > a.totalList{background:url('/images/common/submenu_total_list_dot.gif') 20px 21px no-repeat; padding-left:25px;} #sub_left ul.menu li > a:hover.totalList{background:url(/images/common/submenu_total_list_dot_on.gif) 25px 22px no-repeat #2182ca; color:#fff; border-bottom:0px;} #sub_left ul.menu li > a:hover{color:#fff; background:#2182ca; border-bottom:0px; display:block;} #sub_left ul.menu li > a.on{color:#fff; background:#2182ca; border-bottom:0px; display:block;} #sub_left ul.menu li .tourEu_sub{} #sub_left ul.menu li .tourEu_sub p a{font-size:12px; font-weight:normal; line-height:25px; height:25px;} #sub_left ul.menu li .tourEu_sub p a:hover{text-decoration:underline; background:none; color:#2182ca;} #left_banner{margin-top:20px; width:148px; height:650px;} #left_banner div{height:20px; color:#fff; font-size:12px; font-weight:bold; text-align:center; line-height:23px;} #left_banner div.seoul{background:#ec747e; padding:5px 0; font-size:14px;} #left_banner div.country{background:#898989;} #left_banner > ul{overflow:hidden; display:block; border:1px solid #dddddd;} #left_banner > ul#seoul{overflow:hidden;} #left_banner > ul#seoul > li{padding:12px 7px; border-bottom:1px solid #dddddd;} #left_banner > ul#country{overflow:hidden; display:block; border:1px solid #dddddd;} #left_banner > ul#country > li{background:url(/images/sub_rew/left_call_dot.gif) 135px 9px no-repeat; padding:5px; border-bottom:1px solid #dddddd; color:#666; font-size:13px; letter-spacing:0.5px;} #left_banner > ul#country > li span{color:#666; font-size:13px; font-weight:bold;} /* 서브 오른쪽 컨텐츠 영역 */ #sub_right {width:100%; min-height:100%; height:100%; display:table;} #sub_contents{margin-top:40px; width:100%; padding-bottom:50px; border-top:1px solid #ddd;} #sub_contents.no_border{border-top:none; margin-top:0px;} #sub_contents a.btn_event{display: block; height:18px; padding:4px 10px 2px 10px; text-align:center; border:1px solid #e93d4b; background:#f07781; color:#fff; font-weight:bold; float:left; } #sub_btn {position:relative; float:right;} #sub_btn a{margin:0px 2px; float:left;} #sub_btn a img{float:left;} #sub_btn a p{float:left; color:#fff; font-size:12px; padding:0px 5px 0 2px; height:25px; line-height:25px;} #sub_btn a p.print{background:#0c81c2;} #sub_btn a p.qna{background:#e93d4b;} #sub_btn a p.email{background:#3b9eb3;} #sub_btn a p.mobile{background:#64a552;} /* 리조트(카다로그) */ .photo {margin-top: 0;} .photo img {margin-bottom: 10px;} .stitle {margin-bottom: 10px;} .desc {margin-bottom: 10px;} #resort_roomtype {margin-top: 20px;} #resort_roomtype .roomtype_desc {margin: 10px 0 10px 30px;} #resort_roomtype .roomtype {margin-top: 10px;} #resort_facilities {margin-top: 20px;} #resort_facilities .facility_desc {margin: 10px 0 10px 30px;} #resort_facilities .facilities {margin-top: 10px;} /* 요금 및 일정보기 */ /* 항공사선택 */ #sub_air {background:url(/images/sub/sub_icon_air.gif) no-repeat 10px 8px #51504B; padding:8px; margin-bottom:20px; overflow:hidden;} #sub_air ul {margin: 2px 0 0 20px;} #sub_air ul li {display: inline; float: left; padding: 0 10px 0 10px;} #sub_air ul li.line {border-right: 1px solid #918F85;} #sub_air ul li a {color: #fff; font-size: 11px;} #sub_air ul li a:hover {color: #FF9;} #sub_air_point{overflow:hidden;} #sub_air_point dt{background:#959595; color:#ffffff; font-size:13px; font-weight:bold; text-align:center; padding:5px 0; margin-top:5px;} #sub_air_point dd{background:#f2f2f2; color:#363636; font-size:12px; padding:5px 10px;} /* 요금테이블 */ #price_table {clear:both; margin-top:20px; overflow:hidden;} #price_table .honeymoon_info{background:url(/images/sub/sub_icon_time.gif) left 2px no-repeat; padding-left:20px; margin-top:30px; overflow:hidden;} #price_table .honeymoon_info img {vertical-align: top; margin-top: 1px;} #price_table .honeymoon_info span {font-weight: bold; display: inline-block;} #price_table .honeymoon_info .info_air{margin-right:5px; float:left; font-size:14px;} #price_table .honeymoon_info .info_title{float:left; color:#E93D4B; font-size:14px;} #price_table .honeymoon_info .info_departure{float:right;} #price_table .price_table{border-left:0; border-right:0; margin-top:10px;} #price_table .price_table thead{overflow:hidden;} #price_table .price_table thead th{background:#4185c8; color:#fff; border-right:1px solid #7bcff5; padding:10px 0; font-size:15px; text-align:center; box-sizing:border-box;} #price_table .price_table thead th:last-child{border-right:none;} #price_table .price_table tbody{overflow:hidden;} #price_table .price_table tbody td{border-bottom:1px solid #ddd; border-right: 1px solid #ddd; padding:15px 0; font-size:14px; text-align:center; font-weight:100; box-sizing:border-box;} #price_table .price_table tbody td.first_nth{border-left:1px solid #ddd;} #price_table .price_table tbody td img {vertical-align: middle;} #price_table .price_table tbody td.price1 {font-weight: bold;} #price_table .price_table tbody td.price2 {color: #E93D4B; font-weight: bold;} #price_table .price_table tbody td.price3 {color: #0A93CC; font-weight: bold;} #price_table .price_table tbody td a.btn_estimate{background:#636363; border-radius:2px; padding:5px 5px; color:#ffffff; font-size:12px;} #price_table .price_table tbody td a.btn_schedule{background:#3b9eb3; border-radius:2px; padding:5px 5px; color:#ffffff; font-size:12px;} /* 일정표 */ /* 일정표 인포 */ #schedule_info2 {border:2px solid #D8E6F1; box-sizing:border-box;} #schedule_info2 .status {background:#D8E6F1; padding:8px 0 0 20px; overflow:hidden;} #schedule_info2 .status .present {color:#0F71BA; float:left; font-weight:bold; font-size:16px;} #schedule_info2 .status .btn {float:right; margin-right:10px; margin-bottom:5px;} #schedule_info2 .schedule_info {background:#fff; width:98%; margin:0px auto; margin-top:15px; font-size:12px; border-bottom:2px dotted #ddd; padding-bottom:30px;} #schedule_info2 .schedule_info span.notice {font-size:11px; margin-top:5px; display:block;} #schedule_info2 .schedule_info span.info_title {color:#E93D4B; font-weight:bold; display:block; float:left; font-size:14px;} #schedule_info2 .schedule_info img {vertical-align:middle;} #schedule_info2 .schedule_info .info_air {display:inline-block; float:right; font-size:11px; color:#3D78A6;} #schedule_info2 .schedule_info ul{display:inline; vertical-align:middle;} #schedule_info2 .schedule_info ul li{font-weight:bold; display:inline; float:left; vertical-align:middle;} #schedule_info2 .schedule_info ul li.air{background:url('http://www.palmtour.co.kr/images/sub/schedule_info2_icon1.gif') left 1px no-repeat; padding-left:20px;} #schedule_info2 .schedule_info ul li.time{background:url('http://www.palmtour.co.kr/images/sub/schedule_info2_icon2.gif') left 1px no-repeat; padding-left:20px; margin-left:10px;} #schedule_info2 .schedule_info dt img, #schedule_info2 .schedule_info dd img {vertical-align:middle;} #schedule_info2 .schedule_info .schedule_price {width:100%; margin-top:10px; border:1px solid #ddd; box-sizing:border-box;} #schedule_info2 .schedule_info .schedule_price th{background:#76a4c9; color:#fff; font-weight:bold; font-size:14px; padding:10px 0; border-right:1px solid #ddd; text-align:center; box-sizing:border-box;} #schedule_info2 .schedule_info .schedule_price td{color:#666; font-weight:bold; font-size:13px; padding:10px 0; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box;} #schedule_info2 .schedule_info .schedule_price td.sale {color:#e93d4b;} #schedule_info{background:#D8E6F1; padding:10px; font-size:14px; overflow:hidden;} #schedule_info .present {color:#0F71BA; font-weight:bold;} #schedule_info .schedule_info {background:#fff; padding:10px;} #schedule_info .schedule_info span.info_title {color:#E93D4B; font-weight:bold; display:inline-block; float:left; margin-top:10px;} #schedule_info .schedule_info img {vertical-align:middle;} #schedule_info .schedule_info dl.info_air {display:inline-block; float:right; font-size:11px; color:#3D78A6; margin-top:10px;} #schedule_info .schedule_info dt {float:left; clear:left; margin-right:10px;} #schedule_info .schedule_info dd {font-weight:bold; width:230px;} /* 일정표 박스 */ #schedule_box {margin-top:20px; width:98%; margin:0px auto;} #schedule_box table {width:90%; margin-top:5px; margin:0px; padding:0px;} #schedule_box table th, #schedule_box table td{ padding:8px;} #schedule_box table td p{line-height:20px;} /* 포함불포함사항 */ .schedule_option{width:98%; margin:0px auto; margin-top:30px; padding-bottom:20px; border-bottom:2px dashed #ddd;} .schedule_option h3{background:url(/images/sub/schedule_subtitle_option.jpg) left top no-repeat #64c5bf; height:45px; padding-left:50px; color:#fff; font-weight:700; font-size:19px; line-height:45px;} .schedule_option .option_table{border:1px solid #ddd; width:100%; margin-top:5px;} .schedule_option .option_table th{background:#f0f0f0; border-bottom:1px solid #ddd; font-size:16px; font-weight:bold; text-align:center;} .schedule_option .option_table td{background:#fff; border-bottom:1px solid #ddd; font-size:14px; margin-top:10px;} .schedule_option .option_table td span{display:block; width:48%; float:left;} .schedule_option .option_table td span p{line-height:25px; margin:10px;} .schedule_option .option_table td span.option2 {margin-left:8px; border-left:1px dashed #ddd;} /* 여행일정표 */ .schedule_timetable {width:98%; margin:0px auto; margin-top:20px; padding-bottom:20px; border-bottom:2px dashed #ddd;} .schedule_timetable h3{background:url(/images/sub/schedule_subtitle_timetable.jpg) left top no-repeat #EC747E; height:45px; padding-left:50px; color:#fff; font-weight:700; font-size:19px; line-height:45px;} .schedule_timetable .option_timetable {border:1px solid #ddd; width:100%; margin-top:5px;} .schedule_timetable .option_timetable tr th {background:#F0F0F0; border-bottom:1px solid #ddd; text-align:center;} .schedule_timetable .option_timetable tr td {padding:10px; border-bottom:1px solid #ddd; font-size:14px;} .schedule_timetable .option_timetable tr td p{line-height:25px;} .schedule_timetable .option_timetable tr td .timetable_contents{width:90%;} .schedule_timetable .option_timetable tr td .timetable_photo{width:100%; margin-top:10px; overflow:hidden;} .schedule_timetable .option_timetable tr td .timetable_photo li {display:inline; float:left; margin-right:5px; margin-bottom:5px;} .schedule_timetable .option_timetable tr td .timetable_meals{width:98%; padding:10px 10px; margin-top:15px; background:#ebebeb; overflow:hidden;} .schedule_timetable .option_timetable tr td .timetable_meals dt, .schedule_timetable .option_timetable tr td .timetable_meals dd {float:left; font-size:12px;} .schedule_timetable .option_timetable tr td .timetable_meals dt {font-weight:bold; margin-left:15px;} .schedule_timetable .option_timetable tr td .timetable_meals dd {padding-left:5px;} /* 유의사항 */ .schedule_caution{width:98%; margin:0px auto; margin-top:20px; padding-bottom:20px; border-bottom:2px dashed #ddd;} .schedule_caution h3{background:url(/images/sub/schedule_subtitle_caution.jpg) left top no-repeat #F2B035; height:45px; padding-left:50px; color:#fff; font-weight:700; font-size:19px; line-height:45px;} .schedule_caution .caution_table {border:1px solid #ddd; border-right:1px solid #ddd; width:100%; box-sizing:border-box; margin-top:5px;} .schedule_caution .caution_table p{width:100%; margin:10px 0 0 10px; line-height:25px; font-size:14px;} .schedule_caution .caution_table .caution_notice {margin-top:10px; background:#f0f0f0; padding:10px; font-size:12px;} /* 사은품 */ .schedule_gift {width:98%; margin:0px auto; margin-top:20px; padding-bottom:20px; border-bottom:2px dashed #ddd;} .schedule_gift h3{background:url(/images/sub/schedule_subtitle_gift.jpg) left top no-repeat #52b9e4; height:45px; padding-left:50px; color:#fff; font-weight:700; font-size:19px; line-height:45px;} .schedule_gift .gift_table{border:1px solid #ddd; width:100%; box-sizing:border-box; margin-top:5px;} /* 고객센터 */ #schedule_box .schedule_cscenter{margin-top:20px;} #schedule_box .schedule_cscenter img{vertical-align:middle;} /* 투어 매거진 */ #palmtour_magazine{margin:10px 0 10px 0; width:1000px; text-align:center;} #palmtour_magazine .page{width:1000px; margin:0 auto;} #palmtour_magazine .page span a{display:inline; color:#F25A67; text-decoration:none; font-family:Verdana, Geneva, sans-serif;} #palmtour_magazine .page .pre{float:left; font-size:25px;} #palmtour_magazine .page .next{float:right; font-size:25px;} #palmtour_magazine .page .first{float:right; font-size:18px; font-weight:bold; margin-top:5px;} #palmtour_magazine input.btn_close{vertical-align:middle; border:0; padding:0; margin:2px; width:70px; height:26px; background: url(/images/board/board_btn.png) no-repeat -100px -300px; cursor:pointer; line-height:999px;} /* 투어내 회사소개 */ #middle_contents_greeting .companyInfo{width:100%; margin:20px auto; overflow:hidden;} #middle_contents_greeting .companyInfo h4{text-align:center; margin-top:40px;} #middle_contents_greeting .companyInfo .emblem{width:960px; height:195px; margin:0px auto; margin-top:20px; background:url('http://company.palmtour.co.kr/images/company/company/company_info_emblem_line.jpg') repeat-x center 55px; overflow:hidden;} #middle_contents_greeting .companyInfo .emblem li{width:192px; float:left; text-align:center; overflow:hidden;} #middle_contents_greeting .companyInfo .emblem_20200208{width:960px; height:150px; margin:0px auto; margin-top:20px; background:url('http://company.palmtour.co.kr/images/company/company/company_info_emblem_line.jpg') repeat-x center 55px; overflow:hidden;} #middle_contents_greeting .companyInfo .emblem_20200208 li{width:160px; float:left; text-align:center; overflow:hidden;} .award_20200208{width:100%; height:950px; margin-top:60px; background:url('http://company.palmtour.co.kr/images/company/company/company_info_award.jpg') no-repeat top center; overflow:hidden; position:relative;} .award_20200208 .btnBox{position:absolute; border:1px solid red; background:#ffffff; opacity:0;} .videoInfo{width:960px; margin:0px auto; overflow:hidden; margin-top:40px;} .videoInfo h4{text-align:center; margin-top:40px;} .videoInfo > div{border-bottom:1px dotted #d7d7d7; padding-bottom:0px; margin-top:30px; position:relative;} .videoInfo > div.bor_b_0{border-bottom:none;} .videoInfo > .greeting_video_f > div{float:left;} .videoInfo > div .btnBox{position:absolute; border:1px solid red; background:#ffffff; opacity:0;} .videoInfo > div .btnBox2{position:absolute; border:0px solid red;} .companyInfo2{width:1000px; overflow:hidden;} .companyInfo2 div{float:left; width:166px; text-align:center;} /* 투어내 회사소개 끝 */ /** modal window styles **/ #middle_contents_greeting .close{position:absolute; top:-60px; right:-50px;} #middle_contents_greeting .close img{width:50%;} #middle_contents_greeting #lean_overlay{position:fixed; z-index:100; top:0px; left:0px; height:100%; width:100%; background:#000; display:none;} /************* 본사 및 지사안내 시작 *************/ div.branch_tab{width:960px; margin:0px auto; padding:0px;} div.branch_tab ul{width:100%; height:80px; border:1px solid #a1a1a1; border-left:none; position:relative; float:right; box-sizing:border-box;} div.branch_tab ul li{width:8.8%; height:40px; float:left;} div.branch_tab ul li a{display:block; text-align:center; color:#5c5c5c; font-size:19px; line-height:38px; font-weight:bold; font-family:"Nanum Myeongjo", serif !important;} div.branch_tab ul li a.selected{display:block; background:#525252; color:#ffffff;} div.branch_tab ul li a:hover{text-decoration:none; background:#525252; color:#ffffff;} div.branch_tab ul li:first-child{width:20%; height:80px; background:green;} div.branch_tab ul li:first-child a{display:block; height:80px; line-height:78px; background:#0072bc; font-size:22px; color:#ffffff;} div.branch_panel{clear:both; display:block;} div.branch_tab_v2{width:960px; margin:0px auto; padding:0px;} div.branch_tab_v2 ul{width:100%; height:80px; border:1px solid #a1a1a1; border-left:none; position:relative; float:right; box-sizing:border-box;} div.branch_tab_v2 ul li{width:10%; height:40px; float:left; text-align:center; color:#5c5c5c; font-size:19px; line-height:38px; font-weight:bold; font-family:"Nanum Myeongjo", serif !important; cursor:pointer;} div.branch_tab_v2 ul li.selected{display:block; background:#525252; color:#ffffff;} div.branch_tab_v2 ul li:hover{text-decoration:none; background:#525252; color:#ffffff;} div.branch_tab_v2 ul li:first-child{width:20%; height:80px; line-height:78px; background:#0072bc; font-size:22px; color:#ffffff;} div.branch_panel{clear:both; display:block;} .branchInfo{display:none;} #branch{width:960px; margin:0px auto; position:relative; overflow:hidden;} #branch .seoulGuide{background:url('http://company.palmtour.co.kr/images/company/branch/seoul_guide_bg.jpg') right bottom no-repeat; height:312px; margin-top:40px; text-align:left;} #branch .guide{margin-top:20px; margin-left:20px; overflow:hidden; position:relative;} #branch .guide .left{float:left; height:285px; overflow:hidden;} #branch .guide .left dl{overflow:hidden; width:400px; margin-top:20px;} #branch .guide .left dl dt{width:90px;font-size:15px; font-weight:bold; color:#0072bc; float:left; text-align:left;} #branch .guide .left dl dd{width:300px;font-size:15px; float:left; text-align:left;} #branch .guide .left dl dd strong{margin-top:15px; display:block;} #branch .guide .left dl dd p{font-size:13px; margin-top:10px;} #branch .guide .right{position:absolute; right:50px; top:0px;} #branch .direction{clear:both; overflow:hidden;} #branch .direction #testMap{margin-top:20px;} #branch .direction #map_view{visibility:visible !important; display:block !important; overflow:auto;} #branch .direction dl{clear:both; font-size:14px;} #branch .direction dl dt{float:left; width:100px; font-weight:bold; margin-top:10px;} #branch .direction dl dd{float:left; margin-top:10px;} #branch .comImgBox{width:960px; margin-top:20px; border:1px solid #a1a1a1; box-sizing:border-box;} #branch .comImgBox .comImg{width:920px; margin:0px auto; text-align:left;} #branch .comImgBox .comImg p{font-size:14px; margin-top:40px;} #branch .comImgBox .comImg p strong{font-weight:bold; color:#0072bc;} #branch .comImgBox .comImg img{padding-bottom:20px;} /************* 본사 및 지사안내 끝 *************/ /* 투어내 회사소개 */ /* 두바이 */ .dubai_visual{width:100%; height:1597px; background:url('/event/images/dubai/dubai_visual.jpg') no-repeat center top; overflow:hidden; position:relative;} .dubai_nav{width:100%; height:120px; overflow:hidden; position:relative;} .dubai_nav .nav_bak{width:100%; height:120px; background:#000; opacity:0.8; position:absolute; bottom:0px; left:0px; z-index:5;} .dubai_nav .nav{width:1200px; height:100px; margin-left:-600px; position:absolute; bottom:10px; left:50%; z-index:10;} .dubai_nav .nav li{width:298px; height:100px; float:left; margin-left:2px; position:relative; cursor:pointer;} .dubai_nav .nav li:first-child{margin-left:0px;} .dubai_nav .nav li img{width:100%; height:100%; position:absolute; top:0px; left:0px; display:block;} .dubai_wrapper{width:100%; overflow:hidden;} .dubai_wrapper .pro_bg{width:100%; height:915px; background:url('/event/images/dubai/dubai_con_pro_bg.jpg') no-repeat center top; overflow:hidden;} .dubai_wrapper .tour_bg{width:100%; background:url('/event/images/dubai/dubai_con_tour_bg.jpg') no-repeat center top; overflow:hidden;} .dubai_wrapper .hotel_bg{width:100%; background:url('/event/images/dubai/dubai_con_hotel_bg.jpg') no-repeat center top; overflow:hidden;} .dubai_wrapper h2{text-align:center; margin-top:80px;} .dubai_wrapper .con_btn_box{width:1372px; overflow:hidden; margin:0px auto; margin-top:40px; padding-bottom:70px;} .dubai_wrapper .con_btn_box li{width:340px; height:551px; float:left; margin-left:4px; position:relative; cursor:pointer;} .dubai_wrapper .con_btn_box li:first-child{margin-left:0px;} .dubai_wrapper .con_btn_box li > img{width:100%; height:100%; position:absolute; top:0px; left:0px; display:block;} /* 두바이 끝 */ /* 아부다비 */ .abudhabi_visual{width:100%; height:1523px; background:url('/event/images/abudhabi/abudhabi_visual.jpg') no-repeat center top; overflow:hidden; position:relative;} .abudhabi_nav{width:100%; height:120px; overflow:hidden; position:relative;} .abudhabi_nav .nav_bak{width:100%; height:120px; background:#000; opacity:0.8; position:absolute; bottom:0px; left:0px; z-index:5;} .abudhabi_nav .nav{width:1200px; height:100px; margin-left:-600px; position:absolute; bottom:10px; left:50%; z-index:10;} .abudhabi_nav .nav li{width:298px; height:100px; float:left; margin-left:2px; position:relative; cursor:pointer;} .abudhabi_nav .nav li:first-child{margin-left:0px;} .abudhabi_nav .nav li img{width:100%; height:100%; position:absolute; top:0px; left:0px; display:block;} .abudhabi_wrapper{width:100%; overflow:hidden;} .abudhabi_wrapper .pro_bg{width:100%; height:915px; background:url('/event/images/abudhabi/abudhabi_con_pro_bg.jpg') no-repeat center top; overflow:hidden;} .abudhabi_wrapper .tour_bg{width:100%; background:url('/event/images/abudhabi/abudhabi_con_tour_bg.jpg') no-repeat center top; overflow:hidden;} .abudhabi_wrapper .hotel_bg{width:100%; background:url('/event/images/abudhabi/abudhabi_con_hotel_bg.jpg') no-repeat center top; overflow:hidden;} .abudhabi_wrapper h2{text-align:center; margin-top:60px;} .abudhabi_wrapper .con_btn_box{width:1372px; overflow:hidden; margin:0px auto; margin-top:40px; padding-bottom:70px;} .abudhabi_wrapper .con_btn_box li{width:340px; height:531px; float:left; margin-left:4px; position:relative; cursor:pointer;} .abudhabi_wrapper .con_btn_box li:first-child{margin-left:0px;} .abudhabi_wrapper .con_btn_box li img{width:100%; height:100%; position:absolute; top:0px; left:0px; display:block;} /* 아부다비 끝 */ /* 라스베가스 */ .lasvegas_visual{width:100%; height:1523px; background:url('/event/images/lasvegas/lasvegas_visual.jpg') no-repeat center top; overflow:hidden; position:relative;} .lasvegas_nav{width:100%; height:120px; overflow:hidden; position:relative;} .lasvegas_nav .nav_bak{width:100%; height:120px; background:#000; opacity:0.8; position:absolute; bottom:0px; left:0px; z-index:5;} .lasvegas_nav .nav{width:1200px; height:100px; margin-left:-600px; position:absolute; bottom:10px; left:50%; z-index:10;} .lasvegas_nav .nav li{width:298px; height:100px; float:left; margin-left:2px; position:relative; cursor:pointer;} .lasvegas_nav .nav li:first-child{margin-left:0px;} .lasvegas_nav .nav li img{width:100%; height:100%; position:absolute; top:0px; left:0px; display:block;} .lasvegas_wrapper{width:100%; overflow:hidden;} .lasvegas_wrapper .pro_bg{width:100%; height:915px; background:url('/event/images/lasvegas/lasvegas_con_pro_bg.jpg') no-repeat center top; overflow:hidden;} .lasvegas_wrapper .tour_bg{width:100%; background:url('/event/images/lasvegas/lasvegas_con_tour_bg.jpg') no-repeat center top; overflow:hidden;} .lasvegas_wrapper .hotel_bg{width:100%; background:url('/event/images/lasvegas/lasvegas_con_hotel_bg.jpg') no-repeat center top; overflow:hidden;} .lasvegas_wrapper h2{text-align:center; margin-top:60px;} .lasvegas_wrapper .con_btn_box{width:1372px; overflow:hidden; margin:0px auto; margin-top:40px; padding-bottom:70px;} .lasvegas_wrapper .con_btn_box li{width:340px; height:531px; float:left; margin-left:4px; position:relative; cursor:pointer;} .lasvegas_wrapper .con_btn_box li:first-child{margin-left:0px;} .lasvegas_wrapper .con_btn_box li img{width:100%; height:100%; position:absolute; top:0px; left:0px; display:block;} /* 라스베가스 끝 */ /* 검색결과 */ #sub_contents .search .search_info { background: #ebf4f6 url(/images/common/search_icon.png) no-repeat 10px 7px; padding: 5px 5px 5px 30px; color: #136CAE; font-size: 11px; font-weight: bold; position: relative; } #sub_contents .search .search_info span.num { color: #E22530; font-size: 12px; } #sub_contents .search .search_info a.more { color: #666; display: inline-block; position: absolute; top: 5px; right: 10px; } #sub_contents .search ul.search_honeymoon { margin: 15px 0 15px 12px; } #sub_contents .search ul.search_honeymoon li { float: left; display: inline; padding: 9px; border: 1px solid #eee; margin: 0 11px 11px 0; text-align: center; } #sub_contents .search ul li img { width: 238px; height: 180px; margin-bottom: 9px; } #sub_list ul li a.item_name { font-size: 14px; font-weight: bold; color: #666; } #sub_contents .search ul.search_board li { margin: 0; border-bottom: 1px solid #ddd; padding: 15px; } #sub_contents .search ul.search_board li a { line-height: 180%; } #sub_contents .search ul.search_board li a.title { font-size: 14px; font-weight: bold; } #sub_contents .search ul.search_board li span.comment { font-size: 11px; color: #41A9D8; font-weight: bold; } #sub_contents .search ul.search_board li span.writer { font-size: 11px; color: #999; font-weight: bold; } /* 찾아오시는 길 */ #testMap, #testMap2 { margin: 0 auto; border: 1px solid #ddd; width: 760px; height: 400px; margin-top: 10px; } #palmtour_map { border: 2px solid #ddd; } #palmtour_map .map_box { width:778px; margin:0px auto; margin-top:40px; padding: 20px; line-height: 180%; font-weight: bold; } #palmtour_map .map_box img { vertical-align: middle; } #palmtour_map .map_box .company span.title { font-size: 14px; font-weight: bold; color: #136CAE; } #palmtour_map .map_box .company span.way { color: #888; font-size: 11px; } .bestResort{overflow:hidden;} .bestResort .resortPicBox{margin-top:15px;} .bestResort .resortPicBox li{width:190px; float:left; margin-left:20px; text-align:center;} .bestResort .resortPicBox li:first-child{margin-left:0px;} .bestResort .resortPicBox li .bestImg{width:190px; height:140px; border:1px solid #d7d7d7;} .bestResort .resortPicBox li p{font-weight:bold; margin-top:5px;} .bestResort .resortPicBox li:hover p{color:#ff3048;} /* 찾아오시는 길 지사 추가 */ #sub_contents .map_tab { text-align: center; width: 730px; margin: 0 auto; position: relative; } #sub_contents .map_tab ul { margin: 0 auto; } #sub_contents .map_tab ul li { display: inline; float: left; margin: 0 1px 0 1px; padding: 0; } #sub_contents .map_tab ul li img { margin: 0 1px 0 1px; padding:0; vertical-align:top; } #sub_contents .map_tab ul li img.tab_on { top: 10px; z-index: 10; position: absolute; } #palmtour_map .map_box .company dl.dl_address { float: left; } #palmtour_map .map_box .company dl.dl_address dt { float: left; width: 81px; clear: both; } #palmtour_map .map_box .company dl.dl_address dd { float: left; width: 590px; } #palmtour_map .map_box .company span.title { font-size: 14px; font-weight: bold; color: #136CAE; } #palmtour_map .map_box .company span.way { color: #888; font-size: 11px; } /* 보증보험 */ #board .insu span.title { font-size: 14px; font-weight: bold; color: #136CAE; display: block; padding-bottom: 10px; } #board .insu { margin-left: 30px; } #board .insu ul { } #board .insu ul li img { width: 250px; } #board .insu ul li { display: inline; margin-right: 0px; margin-bottom: 10px; float: left; } #board td a.btn_insurance { margin: 0 auto; border: 0; padding: 0; width: 60px; height: 23px; display: block; background: url(/images/board/board_btn.png) no-repeat 0 -170px; cursor: pointer; text-indent: -9999px; } /********************* 리조트정보 *********************/ .recommend_resort_visual{width:100%; height:475px; background:url("/images/resort_info/rew/visual.jpg") top center no-repeat; position:relative;} /* 리조트정보 탭버튼 */ .landTab{margin-top:50px; width:960px; height:100px; position:absolute; top:250px; left:0px; z-index:10; background:#ffffff; padding:20px 20px; border-radius:20px;} .landTab > li{float:left; width:78px; height:92px; margin:0 16px; text-align:center; cursor:pointer; background:url(/images/resort_info/resor_info_land_tab_off.png) top center no-repeat;} .landTab > li:first-child{margin-left:0px;} .landTab > li:last-child{margin-right:0px;} .landTab > li:hover{color:#ffffff; background:url(/images/resort_info/resor_info_land_tab_on.png) top center no-repeat;} .landTab > li.on{color:#ffffff; background:url(/images/resort_info/resor_info_land_tab_on.png) top center no-repeat;} .landTab > li img{overflow:hidden; text-align:center; margin:0px auto; margin-top:20px; } .landTab > li p{margin-top:5px; overflow:hidden; font-weight:bold; font-size:13px;} .landTab > li ul{height:35px; border:1px solid #ebebeb; border-bottom:2px solid #b4b4b4; position:absolute; z-index:99; top:110px; display:none;} .landTab > li ul li{float:left; padding:0px 8px; line-height:35px; font-size:12px; font-weight:bold; color:#707070;} .landTab > li ul li:first-child{padding-left:15px;} .landTab > li ul li:last-child{padding-right:15px;} .landTab > li ul li:hover{color:#0054a6;} .land_title_Box{overflow:hidden; position:relative; width:1000px; height:100px;} .land_title_Box .landTitleLine{width:100%; height:1px; background:#707070; position:absolute; z-index:5; top:25px;} .land_title_Box .landTitle{padding:0 20px; position:absolute; z-index:10; top:0px;} .land_title_Box .landTitle > p{font-size:30px; font-weight:500; color:#636363; margin-top:20px;} /** 동영상/정보 탑 **/ .area_top{margin-top:40px; overflow:hidden;} .area_top .area_top_img{float:left; position:relative;} .area_top .area_top_img .playBtn{width:51px; height:51px; position:absolute; top:40%; left:40%; z-index:10; background:url('/images/resort_info/rew/area_top_img_arr.png') top center no-repeat; } .area_top .area_top_img .area_top_img_name{width:100%; background:#ffffff; position:absolute; font-size:14px; font-weight:600; color:#464646; text-align:center; padding:5px 0; bottom:0px; left:0px; opacity:0.9;} .area_top .area_top_txt{float:right; width:608px; height:270px; position:relative;} .area_top .area_top_txt .fault{background:#636363; font-size:15px; color:#ffffff; padding:3px 10px; line-height:160%; overflow:hidden;} .area_top .area_top_txt p{font-size:15px; color:#636363; margin-top:10px; line-height:160%;} .area_top .area_top_txt .snsBox{position:absolute; bottom:0px; left:0px;} /** 동영상/정보 탑끝 **/ /** 동영상/정보 뷰페이지 부분 **/ .viewBor{overflow:hidden; border-bottom:1px solid #dddddd; padding-bottom:20px;} .viewBor h1{font-size:32px; color:#444444; line-height:32px; text-align:center; margin-top:30px; letter-spacing:-1px; font-weight:600; font-family:"nanumgothic", serif !important;} .viewBor .infoBox{float:left; display:block;} .viewBor .infoBox li{font-weight:bold; color:#a1a1a1; float:left; margin-top:3px;} .viewBor .infoBox li span{font-weight:bold; color:#676767;} .viewBor .snsBox{float:right; display:block; margin-right:15px;} .viewBor .snsBox li{float:left; margin-left:10px;} .viewBor .snsBox li a, #board .viewBor .snsBox li div{float:left;} .viewBor .snsBox li div{line-height:28px; margin-left:3px;} .viewBor .snsBox li img{vertical-align:middle;} /** 동영상/정보 뷰페이지 부분끝 **/ /** 동영상/정보 영상부분 **/ .area_info{border-top:2px solid #cccccc; margin-top:40px; padding-top:40px;} .area_info h4{font-size:26px; font-weight:600; color:#464646;} .area_info h4 span{color:#0054a6;} .area_info .videoBox{overflow:hidden;} .area_info .videoBox .conBox{margin-top:30px; overflow:hidden;} .area_info .videoBox .conBox h5{font-size:16px; font-weight:600; color:#636363;} .area_info .videoBox .conBox h5 span{font-size:12px;} .area_info .videoBox .conBox ul{margin-top:5px;} .area_info .videoBox .conBox ul li{float:left; margin-left:12px; margin-top:15px; width:240px; height:200px;} .area_info .videoBox .conBox ul li .img{width:240px; height:170px; background:yellow; position:relative;} .area_info .videoBox .conBox ul li .playBtn{width:51px; height:51px; position:absolute; top:40%; left:40%; z-index:10; background:url('/images/resort_info/rew/area_top_img_arr.png') top center no-repeat; } .area_info .videoBox .conBox ul li p{text-align:center; font-size:14px; font-weight:600; color:#636363; margin-top:10px;} .area_info .videoBox .conBox ul li:first-child{margin-left:0px;} /** 동영상/정보 영상부분 끝 **/ /********************* 리조트정보 *********************/ /********************* 리조트정보_v2 *********************/ .recommend_resort_visual_v2{width:100%; height:475px; background:url("/images/resort_info_v2/visual.jpg") repeat-x top center; position:relative;} /********************* 리조트정보_v3 *********************/ .recommend_resort_visual_v3{width:100%; height:353px; background:url("/images/resort_info_v2/visual2.jpg") repeat-x top center; position:relative;} /* 리조트정보 탭버튼 */ .recommend_resort_visual_v2 .landTab_v2{width:1100px; height:100px; margin:0px auto; margin-top:50px; position:absolute; top:250px; left:0px; z-index:10; background:#ffffff; border-radius:20px;} .recommend_resort_visual_v2 .landTab_v2 > li{width:137px; height:150px; float:left; text-align:center; cursor:pointer;} .recommend_resort_visual_v2 .landTab_v2 > li img{overflow:hidden; margin:0px auto; margin-top:20px; opacity:0.6;} .recommend_resort_visual_v2 .landTab_v2 > li:hover img{opacity:1;} .recommend_resort_visual_v2 .landTab_v2 > li.on img{opacity:1;} .recommend_resort_visual_v2 .landTab_v2 > li p{margin-top:7px; overflow:hidden; color:#3e3a39; font-size:15px; font-family:'NotoSansKR-Medium' !important;} .recommend_resort_visual_v2 .landTab_v2 > li:hover p{color:#1e47a0; font-family:'NotoSansKR-Medium' !important;} .recommend_resort_visual_v2 .landTab_v2 > li.on p{color:#1e47a0; font-family:'NotoSansKR-Medium' !important;} .recommend_resort_visual_v2 .landTab_v2 > li .sub_box{height:42px; position:absolute; z-index:99; top:100px; display:none;} .recommend_resort_visual_v2 .landTab_v2 > li .sub_box .arrow{width:11px; height:8px; background:url('/images/resort_info_v2/landTab_sub_arr.png') no-repeat left top;} .recommend_resort_visual_v2 .landTab_v2 > li .sub_box ul{height:35px; border:1px solid #b4b4b4; border-bottom:2px solid #b4b4b4;} .recommend_resort_visual_v2 .landTab_v2 > li .sub_box ul li{float:left; padding:0px 8px; line-height:35px;} .recommend_resort_visual_v2 .landTab_v2 > li .sub_box ul li a{font-size:13px; color:#707070; display:block; font-family:'NotoSansKR-Medium' !important;} .recommend_resort_visual_v2 .landTab_v2 > li .sub_box ul li:first-child{padding-left:15px;} .recommend_resort_visual_v2 .landTab_v2 > li .sub_box ul li:last-child{padding-right:15px;} .recommend_resort_visual_v2 .landTab_v2 > li .sub_box ul li a:hover{color:#1e47a0; font-family:'NotoSansKR-Bold' !important;} .land_title_Box_v2{overflow:hidden; position:relative; width:1110px; height:100px;} .land_title_Box_v2 .landTitleLine{width:100%; height:1px; background:#707070; position:absolute; z-index:5; top:22px;} .land_title_Box_v2 .landTitle_v2{padding-left:15px; position:absolute; text-align:center; z-index:10; top:0px; color:#464646; font-size:48px; font-family:'NotoSansKR-Medium'; line-height:40px; background:#fff; text-transform:uppercase; letter-spacing:10px;} .land_title_Box_v2 .landTitle_v2 > p{font-size:24px; color:#464646; margin-top:10px; font-family:'NotoSansKR-Regular'; text-align:center; letter-spacing:0px;} /* 리조트정보 탭버튼 new */ .recommend_resort_list_box{width:1098px; margin:0px auto; position:relative;} .recommend_resort_list_box .landTab_v3{width:100%; height:44px; margin:0px auto; margin-top:50px; border:1px solid #acacac; box-sizing:border-box;} .recommend_resort_list_box .landTab_v3 > li{width:137px; height:42px; float:left; cursor:pointer; border-left:1px solid #acacac; padding-top:1%; text-align:center; box-sizing:border-box; position:relative;} .recommend_resort_list_box .landTab_v3 > li a{color:000; cursor:pointer; text-align:center; cursor:pointer; box-sizing:border-box; position:relative; font-size:16px; font-family:'NotoSansKR-DemiLight' !important;} .recommend_resort_list_box .landTab_v3 > li:first-child{border-left:none;} .recommend_resort_list_box .landTab_v3 > li:hover{background:#0f67a9;} .recommend_resort_list_box .landTab_v3 > li:hover a{color:#fff; font-family:'NotoSansKR-Medium' !important;} .recommend_resort_list_box .landTab_v3 > li .sub_box{height:42px; position:absolute; z-index:99; top:42px; display:none; } .recommend_resort_list_box .landTab_v3 > li .sub_box .arrow{width:11px; height:8px; background:url('/images/resort_info_v2/landTab_sub_arr.png') no-repeat left top;} .recommend_resort_list_box .landTab_v3 > li .sub_box ul{ height:35px; border:1px solid #b4b4b4; border-bottom:2px solid #b4b4b4; overflow:hidden;} .recommend_resort_list_box .landTab_v3 > li .sub_box ul li{float:left; padding:0px 8px; line-height:35px;} .recommend_resort_list_box .landTab_v3 > li .sub_box ul li a{font-size:13px; color:#747474; display:block; font-family:'NotoSansKR-Medium' !important;} .recommend_resort_list_box .landTab_v3 > li .sub_box ul li:first-child{padding-left:15px;} .recommend_resort_list_box .landTab_v3 > li .sub_box ul li:last-child{padding-right:15px;} .recommend_resort_list_box .landTab_v3 > li .sub_box ul li a:hover{float:left; color:#1e47a0; font-family:'NotoSansKR-Bold' !important;} .land_title_Box_v2{overflow:hidden; position:relative; width:1110px; height:100px;} .land_title_Box_v2 .landTitleLine{width:100%; height:1px; background:#707070; position:absolute; z-index:5; top:22px;} .land_title_Box_v2 .landTitle_v2{padding-left:15px; position:absolute; text-align:center; z-index:10; top:0px; color:#464646; font-size:48px; font-family:'NotoSansKR-Medium'; line-height:40px; background:#fff; text-transform:uppercase; letter-spacing:10px;} .land_title_Box_v2 .landTitle_v2 > p{font-size:24px; color:#464646; margin-top:10px; font-family:'NotoSansKR-Regular'; text-align:center; letter-spacing:0px;} /** 동영상/정보 탑 **/ .area_top{margin-top:40px; overflow:hidden;} .area_top .area_top_img{float:left; position:relative;} .area_top .area_top_img .playBtn{width:51px; height:51px; position:absolute; top:40%; left:40%; z-index:10; background:url('/images/resort_info/rew/area_top_img_arr.png') top center no-repeat; } .area_top .area_top_img .area_top_img_name{width:100%; background:#ffffff; position:absolute; font-size:14px; font-weight:600; color:#464646; text-align:center; padding:5px 0; bottom:0px; left:0px; opacity:0.9;} .area_top .area_top_txt{float:right; width:608px; height:270px; position:relative;} .area_top .area_top_txt .fault{background:#636363; font-size:15px; color:#ffffff; padding:3px 10px; line-height:160%; overflow:hidden;} .area_top .area_top_txt p{font-size:15px; color:#636363; margin-top:10px; line-height:160%;} .area_top .area_top_txt .snsBox{position:absolute; bottom:0px; left:0px;} /** 동영상/정보 탑끝 **/ /** 동영상/정보 뷰페이지 부분 **/ .viewBor{overflow:hidden; border-bottom:1px solid #dddddd; padding-bottom:20px;} .viewBor h1{font-size:32px; color:#444444; line-height:32px; text-align:center; margin-top:30px; letter-spacing:-1px; font-weight:600; font-family:"nanumgothic", serif !important;} .viewBor .infoBox{float:left; display:block;} .viewBor .infoBox li{font-weight:bold; color:#a1a1a1; float:left; margin-top:3px;} .viewBor .infoBox li span{font-weight:bold; color:#676767;} .viewBor .snsBox{float:right; display:block; margin-right:15px;} .viewBor .snsBox li{float:left; margin-left:10px;} .viewBor .snsBox li a, #board .viewBor .snsBox li div{float:left;} .viewBor .snsBox li div{line-height:28px; margin-left:3px;} .viewBor .snsBox li img{vertical-align:middle;} /** 동영상/정보 뷰페이지 부분끝 **/ /** 동영상/정보 영상부분 **/ .area_info_v2{margin-top:40px;} .area_info_v2 h4{height:45px; font-size:30px; font-family:'NotoSansKR-Medium'; color:#464646; text-align:center;} .area_info_v2 h4 .top_line{width:60px; height:1px; background:#2f2725; margin:0px auto; text-align:center; margin-bottom:15px;} .area_info_v2 h4 span{color:#636363; font-family:'NotoSansKR-Light';} .area_info_v2 .videoBox{overflow:hidden;} .area_info_v2 .videoBox .conBox{overflow:hidden;} .area_info_v2 .videoBox .conBox h5{font-size:18px; color:#464646; background:url('/images/resort_info_v2/video_title_icon.jpg') no-repeat left 5px; padding-left:30px; line-height:34px;} .area_info_v2 .videoBox .conBox h5 p{color:#636363; display:inline-block; font-family:'NotoSansKR-Medium';} .area_info_v2 .videoBox .conBox h5 p span{font-size:14px; color:#636363; font-family:'NotoSansKR-Medium';} .area_info_v2 .videoBox .conBox ul{margin-top:0px;} .area_info_v2 .videoBox .conBox ul li{float:left; margin-left:13px; margin-top:25px; width:267px; height:215px; overflow:hidden;} .area_info_v2 .videoBox .conBox ul li:nth-child(-n+4){margin-top:5px;} .area_info_v2 .videoBox .conBox ul li:nth-child(4n+1){margin-left:0px;} .area_info_v2 .videoBox .conBox ul li .img{width:267px; height:180px; overflow:hidden; position:relative; background:#000;} .area_info_v2 .videoBox .conBox ul li .img img{width:100%; height:100%; transition:opacity .5s ease-in-out; -webkit-transition:opacity .5s ease-in-out; -moz-transition:opacity .5s ease-in-out;} .area_info_v2 .videoBox .conBox ul li:hover .img img{opacity:0.6;} .area_info_v2 .videoBox .conBox ul li .playBtn{width:40px; height:40px; position:absolute; top:40%; left:50%; margin-left:-20px; z-index:10; opacity:0; transition:opacity .5s ease-in-out; -webkit-transition:opacity .5s ease-in-out; -moz-transition:opacity .5s ease-in-out; background:url('/images/resort_info/rew/area_top_img_arr.png') top center no-repeat; background-size:40px auto; } .area_info_v2 .videoBox .conBox ul li:hover .playBtn{opacity:1;} .area_info_v2 .videoBox .conBox ul li p{text-align:center; font-size:15px; color:#636363; margin-top:10px; font-family:'NotoSansKR-Medium';} /** 동영상/정보 영상부분 끝 **/ /********************* 리조트정보_v2 *********************/ #board_v2 .board_v2_wrab{width:1100px; height:220px; margin:0px auto; border:1px solid #d7d7d7; overflow:hidden; border-top:none;} #board_v2 .board_v2_wrab:nth-child(1){border-top:1px solid #d7d7d7;} #board_v2 .board_v2_wrab .board_v2_img{float:left; width:260px; height:180px; display:block; background:#fff; position:relative; top:20px; left:20px; overflow:hidden;} #board_v2 .board_v2_wrab .board_v2_desc{float:left; width:720px; overflow:hidden; margin-left:60px; margin-top:25px;} #board_v2 .board_v2_wrab .board_v2_desc dl{width:720px;} #board_v2 .board_v2_wrab .board_v2_desc dl dt{font-size:16px; color:#136cae; line-height:30px; font-family:'NotoSansKR-bold' !important;} #board_v2 .board_v2_wrab .board_v2_desc dl dd{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; font-size:14px; color:#464646; margin-top:5px; line-height:23px; font-family:'NotoSansKR-Light' !important; } #board_v2 .board_v2_wrab .board_v2_desc ul{width:462px; box-sizing:border-box; overflow:hidden; border:1px solid #d7d7d7;} #board_v2 .board_v2_wrab .board_v2_desc ul li{float:left; width:92px; height:24px; background:#fff; border-left:1px solid #d7d7d7; box-sizing:border-box; text-align:center;} #board_v2 .board_v2_wrab .board_v2_desc ul li:first-child{border-left:0px;} #board_v2 .board_v2_wrab .board_v2_desc ul li:hover{background:#666; color:#fff; cursor:pointer;} #board_v2 .board_v2_wrab .board_v2_desc ul li.selected{background:#666; color:#fff; cursor:pointer;} #board_v2 .board_v2_wrab .board_v2_desc ul li a{font-size:14px; font-weight:600; color:#136cae; line-height:30px; cursor:pointer;} #board_v2 .board_v2_wrab .board_v2_desc ul li a:hover{background:#0f71ba; color:#fff; cursor:pointer;} #board_v2 .board_v2_wrab .likeNum_v2{width:25px; height:22px; border:1px solid #d7d7d7; border-left:0px; padding:0px 10px 1px 10px;} #board dl{border-bottom:1px dashed #e1e1e1; overflow:hidden; padding-bottom:20px; padding-top:20px; width:100%;} #board dl .leftCon{float:left;} #board dl .leftCon a{display:table-cell; vertical-align:middle;} #board dl .leftCon a img{margin:0 auto; display:block;} #board dl .rightTxt{float:left; text-align:left; margin-left:30px; width:75%;} #board dl .rightTxt a:hover{text-decoration:underline; color:#464646} #board dl .rightTxt dt a{font-size:16px; font-weight:600; color:#136cae; line-height:30px;} #board dl .rightTxt dt a:hover{font-size:16px; text-decoration:underline; color:#136cae;} #board dl .rightTxt dd{font-size:14px; color:#464646; margin-top:0px; line-height:23px;} #board dl .rightTxt dd span{float:left; margin:1px; font-size:11px; color:#a1a1a1; font-weight:600;} #board .resort_b1231tn{background:#0f71ba; font-size:12px; font-weight:bold; color:#ebebeb; padding:2px 10px 0px 10px; margin-right:3px;} #board .resort_b1231tn:hover{background:#0f71ba; font-size:12px; font-weight:bold; color:#fff200; padding:2px 10px 0px 10px; margin-right:3px;} #board dl .rightTxt dd .likeNum{border:1px solid #707070; border-left:0px; padding:0px 10px 1px 10px;} #board dl .rightTxt dd .hitNum{background:#898989; font-size:12px; font-weight:600; color:#ebebeb; padding:0px 10px 3px 10px; margin-left:5px; border-radius:15px;} #board .viewBor{overflow:hidden; padding-bottom:20px; position:relative;} #board .viewBor h1{font-size:32px; color:#444444; line-height:32px; text-align:center; margin-top:30px; letter-spacing:-1px; font-weight:600; font-family:"nanumgothic", serif !important;} #board .viewBor .infoBox{float:left; display:block;} #board .viewBor .infoBox li{font-weight:bold; color:#a1a1a1; float:left; margin-top:3px;} #board .viewBor .infoBox li span{font-weight:bold; color:#676767;} #board .viewBor .snsBox{float:right; overflow:hidden; margin-right:15px; margin-top:20px; position:absolute; top:0px; left:0px; z-index:10;} #board .viewBor .snsBox li{float:left; margin-left:10px;} #board .viewBor .snsBox li a, #board .viewBor .snsBox li div{float:left;} #board .viewBor .snsBox li div{line-height:28px; margin-left:3px;} #board .viewBor .snsBox li img{vertical-align:middle;} #board .viewBor .recommend_resort_view p{font-size:15px; line-height:25px;} #board .viewBor .recommend_resort_view p img{margin:0px auto; display:block;} #board .viewBor .recommend_resort_view img{margin:0px auto; display:block;} .event_view{width:100%; min-width:1200px; overflow:hidden;} .event_view div > img{margin:0px auto; text-align:center; display:block;} /* 탭버튼 */ .benefitTab{margin-top:40px; background:#ebebeb; width:100%; height:40px; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;} .benefitTab > a{width:20%; float:left; border-right:1px solid #d7d7d7; text-align:center; font-weight:bold; font-size:14px; line-height:40px; box-sizing:border-box; padding:0px 10px;} .benefitTab > a li:hover{color:#0054a6;} .benefitTab > a li.on{color:#0054a6;} .benefitTab > a:last-child{border-right:0px;} /* 탭버튼2 */ .benefitTab2{margin-top:20px; background:#ebebeb; width:100%; height:40px; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;} .benefitTab2 > a{float:left; width:8.98%; border-right:1px solid #d7d7d7; text-align:center; font-weight:bold; font-size:13px; line-height:40px;} .benefitTab2 > a li:hover{background:#0054a6; color:#ffffff;} .benefitTab2 > a li.on{background:#0054a6; color:#ffffff;} .benefitTab2 > a:last-child{border-right:0px;} /* 리조트 팝업영상 */ .benefitTab_popup_video{margin-top:40px; background:#ebebeb; width:100%; height:40px; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;} .benefitTab_popup_video > a{float:left; border-right:1px solid #d7d7d7; text-align:center; font-weight:bold; font-size:14px; line-height:40px; box-sizing:border-box; padding:0px 10px;} .benefitTab_popup_video > a li:hover{color:#0054a6;} .benefitTab_popup_video > a li.on{color:#0054a6;} .benefitTab_popup_video > a:last-child{border-right:0px;} /* 갤러리형 게시판 */ #board .gallery{overflow:hidden;} #board .gallery > ul{border-bottom:1px dotted #e1e1e1; padding-bottom:20px; margin-top:20px; overflow:hidden;} #board .gallery > ul > li{float:left; width:260px; margin-left:20px;} #board .gallery > ul > li:first-child{margin-left:0px;} #board .gallery > ul > li .img{width:260px; height:180px; background:yellow;} #board .gallery > ul > li .title a{height:40px; font-size:16px; font-weight:bold; color:#0f71ba; margin-top:10px; text-align:left; display:block;} #board .gallery > ul > li p a{font-size:13px; font-weight:normal; color:#464646; margin-top:10px; display:block;} /* 갤러리형2 게시판 */ #board .gallery2{overflow:hidden;} #board .gallery2 > ul{border-bottom:1px dotted #e1e1e1; padding-bottom:20px; margin-top:20px; overflow:hidden;} #board .gallery2 > ul > li{float:left; width:355px; margin-left:20px; position:relative;} #board .gallery2 > ul > li:first-child{margin-left:0px;} #board .gallery2 > ul > li .img{width:100%; height:200px; background:#0f71ba; overflow:hidden;} #board .gallery2 > ul > li .img img{transition:all 0.8s ease;} #board .gallery2 > ul > li .title a{width:350px; font-size:16px; font-weight:bold; color:#0f71ba; margin-top:10px; text-align:left; display:block;} #board .gallery2 > ul > li p a{width:350px; font-size:13px; font-weight:normal; color:#464646; margin-top:10px; display:block;} #board .gallery2 > ul > li:hover .img img{ -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } #board .gallery2 > ul > li:hover p a{color:#0f71ba;} /* 이벤트 페이지 게시판_백업_20181015 */ #board .gallery_event_bak{overflow:hidden;} #board .gallery_event_bak > ul{border-bottom:1px dotted #e1e1e1; padding-bottom:20px; margin-top:20px; overflow:hidden;} #board .gallery_event_bak > ul li{width:323px; float:left; margin-left:70px; position:relative;} #board .gallery_event_bak > ul li:first-child{margin-left:0px;} #board .gallery_event_bak > ul li .img{width:323px; height:400px; background:#0f71ba; overflow:hidden;} #board .gallery_event_bak > ul li .title{width:323px; font-size:16px; font-weight:bold; color:#0f71ba; margin-top:10px; text-align:left; display:block;} #board .gallery_event_bak > ul li p.contents{width:323px; font-size:16px; font-weight:normal; color:#636363; margin-top:10px; display:block;} #board .gallery_event_bak > ul li p.date{width:323px; font-size:14px; font-weight:normal; color:#959595; margin-top:10px; display:block;} /* 이벤트 페이지 게시판 */ .event_tab{width:300px; margin:0px auto; text-align:center; margin-top:50px; overflow:hidden;} .event_tab li{width:150px; float:left; text-align:center; box-sizing:border-box;} .event_tab li:first-child{border-right:1px solid #454545;} #board .gallery_event{width:1110px; border:1px solid #e1e1e1; border-bottom:none; box-sizing:border-box; overflow:hidden; margin-top:60px;} #board .gallery_event h2{margin-top:20px; text-align:center; padding-bottom:15px; border-bottom:1px solid #e1e1e1;} #board .gallery_event > ul{overflow:hidden;} #board .gallery_event > ul li{width:277px; height:460px; float:left; padding-bottom:20px; position:relative; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; box-sizing:border-box; cursor:pointer;} #board .gallery_event > ul li:nth-child(4n){border-right:none;} #board .gallery_event > ul li.no_ban{cursor:default;} #board .gallery_event > ul li .img{width:256px; height:300px; overflow:hidden; margin:0px auto; margin-top:10px; display:block;} #board .gallery_event > ul li .title{width:250px; font-size:16px; font-weight:600; color:#555555; margin-top:15px; margin-left:20px; text-align:left; display:block; } #board .gallery_event > ul li:hover .title{color:#0094d9;} #board .gallery_event > ul li p.contents{width:250px; height:40px; font-size:13px; font-weight:normal; color:#7d7d7d; margin-top:20px; margin-left:20px; display:block;} #board .gallery_event > ul li p.date{width:250px; font-size:12px; font-weight:normal; color:#a1a1a1; margin-top:10px; margin-left:20px; display:block;} /* 게시판 쓰기 */ #bo_w #wr_email, #bo_w #wr_homepage, #bo_w #wr_subject {width:100%} #char_count_desc {display:block;margin:0 0 5px;padding:0} #char_count_wrap {margin:5px 0 0;text-align:right} #char_count {font-weight:bold} #wr_email, #wr_homepage, #wr_subject, .wr_link {width:100%} #bo_v_table {padding:0 10px;color:#999;font-weight:bold} #bo_v_title {padding:0 10px 5px;font-size:1.2em; font-size: max(min(1.2rem), 14px);color:#000;} #bo_v_info { border-bottom:1px solid #ddd; overflow:hidden; } #bo_v_info h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #bo_v_info ul { display:block; list-style:none; margin:0; padding:0; overflow:hidden; } #bo_v_info li { display:block; list-style:none; float:left; margin:0 20px 0 0; padding:0; overflow:hidden; } #bo_v_info li:last-child { float:right; margin:0; } #bo_v_file h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #bo_v_file ul {margin:0;padding:0;list-style:none} #bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#f7f7f7} #bo_v_file a {display:inline-block;padding:5px 0;color:#000;text-decoration:none} #bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none} .bo_v_file_cnt {display:inline-block;margin:0 10px} #bo_v_link {} #bo_v_link h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #bo_v_link ul {margin:0;padding:0;list-style:none} #bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f7f7f7} #bo_v_link a {display:inline-block;padding:5px 0;color:#000;text-decoration:none} #bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none} .bo_v_link_cnt {display:inline-block;margin:0 10px} #bo_v_atc { min-height:200px; padding:0 10px; border-bottom:1px solid #ddd; overflow:hidden; } #bo_v_atc_title {margin:0;padding:0;height:0;overflow:hidden} #bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1} #bo_v_img:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_img img {margin-bottom:15px;max-width:100%;height:auto} #bo_v_con * { word-break:break-all; } #bo_v_con {margin-bottom:20px;width:100%; line-height:1.7em; } #bo_v_con a {color:#000;text-decoration:underline} #bo_v_con img {max-width:100%;height:auto} #bo_v_act {position:relative;margin-bottom:20px;text-align:center} #bo_v_act a {margin-right:5px;vertical-align:middle} #bo_v_act strong {color:#ff3061} #bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;right:10%;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center} #bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1} #bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_sns li {float:left;margin:0 5px 0 0} /* 글읽기 */ #bo_v_table { display:none; } .respon_v * { word-break:break-all; } .respon_v { display:block; } .respon_v > header { display:block; margin:0; padding:15px 1.8vw; background:#f1f1f1; border:1px solid #ddd; border-left:0; border-right:0; overflow:hidden; } .respon_v > header > h1 { padding:0 !important; font-size:1.2em; font-weight:600; } .respon_v #bo_v_info { padding:10px 1.8vw; } .respon_v #bo_v_file { padding:10px; } .respon_v #bo_v_atc { padding: 15px 1.8vw !important;} .respon_v #bo_v_act { display:none; } .bd_sec{margin-bottom: 150px !important; } /* 박람회방문 후기 */ #fair_real_review_bg{background:url('/images/fair_real_review/wrap_bg.jpg') center top no-repeat; width:100%; height:2607px; overflow:hidden; position:relative;} #fair_real_review_bg h2{text-align:center; margin:0px auto; margin-top:90px;} #fair_real_review_bg .graphic_camera{background:url('/images/fair_real_review/graphic_camera.png') center top no-repeat; position:absolute; left:0px; top:715px; width:233px; height:336px; z-index:999; } #fair_real_review_bg .graphic_pencil{background:url('/images/fair_real_review/graphic_pencil.png') center top no-repeat; position:absolute; right:0px; top:1590px; width:233px; height:518px; z-index:999; } #fair_real_review_bg #fair_real_review_contents{background:url('/images/fair_real_review/contents_bg.png') center top no-repeat; margin:0px auto; margin-top:145px; width:95%; height:1889px; overflow:hidden; } #fair_real_review_bg #fair_real_review_contents h3{text-align:center; margin:0px auto; margin-top:85px;} #fair_real_review_bg #fair_real_review_contents .smile_box{float:left; width:343px; height:595px; margin-top:53px; overflow:hidden; background:url('/images/fair_real_review/con_smile_box.png') center top no-repeat; } #fair_real_review_bg #fair_real_review_contents .best_box{float:left; width:742px; height:648px; overflow:hidden; background:url('/images/fair_real_review/con_best_box.png') center top no-repeat; } #fair_real_review_bg #fair_real_review_contents .smile_box img{margin:0px auto; margin-top:70px; display:block;} #fair_real_review_bg #fair_real_review_contents .best_box > div{margin-top:127px; margin-left:20px; overflow:hidden;} #fair_real_review_bg #fair_real_review_contents .best_box > div img{float:left;} #fair_real_review_bg #fair_real_review_contents .fair_real_review_list{margin-top:20px; padding-bottom:20px; border-bottom:1px solid #d7d7d7; overflow:hidden;} #fair_real_review_bg #fair_real_review_contents .fair_real_review_list:nth-child(1){margin-top:35px;} #fair_real_review_bg #fair_real_review_contents .fair_real_review_list .thum{float:left; position:relative; width:256px; height:157px; cursor:pointer;} #fair_real_review_bg #fair_real_review_contents .fair_real_review_list .thum img{width:250px; height:150px; margin:3px 0 0 3px;} #fair_real_review_bg #fair_real_review_contents .fair_real_review_list .thum .border_bg{background:url('/images/fair_real_review/list_border.png') top left no-repeat; position:absolute; width:256px; height:157px; z-index:2; } #fair_real_review_bg #fair_real_review_contents .fair_real_review_list .list_box{float:left; width:730px; margin-left:14px; margin-top:5px;} #fair_real_review_bg #fair_real_review_contents .fair_real_review_list .list_box dt{font-size:22px; font-weight:bold; cursor:pointer;} #fair_real_review_bg #fair_real_review_contents .fair_real_review_list .list_box dd{font-size:17px; color:#636363; margin-top:20px; cursor:pointer;} #fair_real_review_bg #fair_real_review_contents .fair_real_review_list .list_box .day{font-size:14px; color:#a8a8a8; margin-top:30px;} /* CEO 메시지 */ #sub_contents .ceo { width: 820px; height: 393px; margin-bottom: 15px; position: relative; } #sub_contents .ceo span { position: absolute; left: 0; top: 0; z-index: 10px; } /* 회사개요 */ #sub_contents .info { width: 800px; margin: 0 auto; border: 2px solid #dddddd; background: url(/images/sub/company_info_bg.jpg) no-repeat right bottom; } #sub_contents .info .title { float: left; } #sub_contents .info dl.dl_info { float: left; margin: 5px 0 20px 0; } #sub_contents .info dl.dl_info dt { font-size: 11px; font-weight: bold; color: #136CAE; width: 80px; text-align: right; padding: 3px 10px 0 0; float: left; clear: both; } #sub_contents .info dl.dl_info dd { width: 300px; float: left; line-height: 24px; } #sub_contents .info dl.dl_info dd span.branch_name { color: #1194CE; font-weight: bold; font-size: 12px; } #sub_contents .info dl.dl_info dd a { color: #1194CE; font-weight: bold; font-size: 12px; text-decoration: underline; } /* 회사연혁 */ #sub_contents .history { padding: 0px 10px 30px 10px; background: url(/images/sub/company_history_bgphoto.png) no-repeat right 100px; } #sub_contents .history_contents { background: url(/images/sub/company_history_bg1.gif) repeat-y -10px; } #sub_contents .history_contents { margin: 20px 0 0 30px; } #sub_contents .history_contents img.year { float: left; } #sub_contents .history_contents dl { float: left; margin-left: 43px; margin-bottom: 20px; } #sub_contents .history_contents dl dd { line-height: 200%; } #sub_contents .history_contents dl dd span.ml29 { margin-left: 29px; } #sub_contents .history_contents dl dd span.highlight { color: #1194CE; font-weight: bold; } /* 경쟁력 Why */ #sub_contents .why { width: 800px; margin: 0 auto; background: url(/images/sub/company_why_diagram.jpg) no-repeat center top; height: 560px; text-indent: -9999px; } /* 지점소개 */ #sub_contents .branch { margin-top: 20px; } #sub_contents .branch span.stitle { font-size: 14px; font-weight: bold; color: #1194CE; } /* 전국 지사 안내 */ #sub_contents .info_branch { width: 800px; padding-top:20px; margin: 20px auto; border: 2px solid #dddddd; } #sub_contents .info_branch .title { float: left; } #sub_contents .info_branch dl.dl_info_branch { float: left; margin: 5px 0 20px 0; } #sub_contents .info_branch dl.dl_info_branch dt { font-size: 12px; font-weight: bold; color: #136CAE; width: 80px; text-align: right; padding: 3px 10px 0 0; float: left; clear: both; } #sub_contents .info_branch dl.dl_info_branch dd { width: 300px; float: left; line-height: 24px; font-size: 14px; } #sub_contents .info_branch dl.dl_info_branch dd span.tel { color: #e93a48; font-weight: bold; } #sub_contents .info_branch dl.dl_info_branch dd span.address { font-size: 12px; } #sub_contents .info_branch dl.dl_info_branch dd a { color: #1194CE; font-weight: bold; font-size: 12px; text-decoration: underline; } #sub_contents .info_branch .event_banner { text-align: center; padding: 20px 0 0 0; } #sub_contents .info_branch .map_box { width: 730px; margin: 0 auto; padding: 20px; line-height: 180%; font-weight: bold; } #sub_contents .info_branch .map_box img { vertical-align: middle; } #sub_contents .info_branch .map_box .company dl.dl_address { float: left; } #sub_contents .info_branch .map_box .company dl.dl_address dt { float: left; width: 81px; clear: both; } #sub_contents .info_branch .map_box .company dl.dl_address dd { float: left; width: 500px; } #sub_contents .info_branch .map_box .company span.title { font-size: 14px; font-weight: bold; color: #136CAE; } #sub_contents .info_branch .map_box .company span.way { color: #888; font-size: 11px; } #sub_contents .info_branch .photo_box { width: 730px; margin: 10px auto; position: relative; height: 330px; } #sub_contents .info_branch .photo_box .greeting { position: absolute; left: 0; top: 0; height: 330px; width: 380px; } #sub_contents .info_branch .photo_box .greeting p { z-index: -1; visibility: hidden; position: absolute; left: 0; top: 0; } #sub_contents .info_branch .photo_box .photo { position: absolute; right: 0; text-align: right; } #sub_contents .info_branch .photo_box .photo ul li { float: right; margin-left: 3px; margin-top: 5px; } /* 여행진행사항 로그인 */ #board .request_reservation_login{background:url(/images/sub/tour_info_reservation_bg.jpg) no-repeat; height:390px; position:relative;} #board .request_reservation_login .request_form{position:absolute; width:500px; margin:150px 0 0 200px;} #board .request_reservation_login .request_form th{text-align:left; padding:5px; width:100px; font-size:11px;} #board .request_reservation_login .request_form td{padding:5px;} /* 여행진행사항 로그인_테스트 */ #board .request_reservation_login_test{width:585px; margin:0px auto; position:relative;} #board .request_reservation_login_test h2{margin-top:5px; padding-bottom:10px; border-bottom:3px solid #58595b;} #board .request_reservation_login_test .h2_img{position:absolute; top:35px; right:-85px;} #board .request_reservation_login_test .request_form{margin-top:1px; padding-top:40px; border-top:1px solid #838383;} #board .request_reservation_login_test .request_form td input[type=text]{border:1px solid #c2c2c2; width:98%; height:33px; font-size:14px; font-weight:bold; color:#898989; padding-left:5px;} #board .request_reservation_login_test .request_form td input[type=password]{border:1px solid #c2c2c2; width:98%; height:33px; font-size:14px; font-weight:bold; color:#898989; padding-left:5px;} /* 여행진행사항 리스트 */ #sub_contents .request_reservation{background: url(/images/sub/tour_info_reservation_bg.jpg) no-repeat; width:1000px; height:210px; margin:0px auto; position:relative;} #sub_contents .request_reservation ul.request_list{position:absolute; width:960px; top:88px; left:20px;} #sub_contents .request_reservation ul.request_list li{float:left; text-align:center;} #sub_contents .request_reservation ul.request_list li a{display:block; text-align:center;} /* 여행진행사항 예약정보 테이블 */ #reservation_detail {text-align: center;} #reservation_detail ul {margin: 0;} #reservation_detail li {margin-bottom: 20px; text-align: center;} #reservation_detail .table_reservation{width:1110px; text-align:left; border:1px solid #ddd; box-sizing:border-box;} #reservation_detail .li_reservation { width:980px; margin-left: 10px; text-align: left; padding: 10px; border: 1px solid #ddd; } /*#reservation_detail .table_reservation input { border: 0; padding: 0; margin: 2px; width: 70px; height: 26px; background: url(/images/board/board_btn.png) no-repeat 0 -1000px; cursor: pointer; text-indent:-9999px; }*/ #reservation_detail .table_reservation input.btn_write { background-position: -100px 0; } #reservation_detail .table_reservation input.btn_contract { background-position: -290px 0; width: 90px; } #reservation_detail .table_reservation input.btn_process { background-position: -290px -30px; width: 130px; } #reservation_detail .table_reservation input.btn_walkerhill { background-position: -290px -60px; width: 90px; } #reservation_detail .table_reservation input.btn_walkerhillsale { background-position: -290px -90px; width: 90px; } #reservation_detail .table_reservation input.btn_passport_issue { background-position: -290px -90px; width: 90px; } #reservation_detail .table_reservation input.btn_application { background-position: -290px -90px; width: 90px; } #reservation_detail .table_reservation input.btn_gift { background-position: -290px -120px; width: 110px; } #reservation_detail .table_reservation input.btn_zip { background-position: -290px -150px; height: 18px; } #reservation_detail .table_reservation input.btn_bagApply { background-position: -290px -170px; width: 150px; } #reservation_detail .table_reservation input.btn_cash { background-position: -290px -200px; width: 90px; } #reservation_detail .table_reservation input.btn_membership { background-position: -290px -230px; width: 130px; } #reservation_detail .table_reservation input.btn_reserve { background-position: -290px -260px; width: 60px; height: 23px; } #reservation_detail .table_reservation .td_stitle { background: #728bac; padding: 10px 20px 10px 20px; } #reservation_detail .table_reservation .td_estainfo { background: #75bbca; padding: 5px 10px 5px 10px; } #reservation_detail .table_reservation .td_contents { padding: 15px; } #reservation_detail .table_reservation .td_contents .table_contents th { border-bottom: 1px solid #ddd; text-align: left; width: 120px; color: #8495ab; padding: 7px; font-size: 11px; } #reservation_detail .table_reservation .td_contents .table_contents th img, #reservation_detail .table_reservation .td_contents .table_contents td img { vertical-align: middle; } #reservation_detail .table_reservation .td_contents .table_contents td { border-bottom: 1px solid #ddd; color: #666; } #reservation_detail .table_reservation .td_contents .table_contents2 th { text-align: left; width: 120px; color: #8495ab; padding: 7px; font-size: 11px; } #reservation_detail .table_reservation .td_contents .table_contents th img, #reservation_detail .table_reservation .td_contents .table_contents2 td img { vertical-align: middle; } #reservation_detail .table_reservation .td_contents .table_contents2 td { color: #666; } #reservation_detail .table_reservation .td_contents .table_contents td .black { color: #000; } #reservation_detail .table_reservation .td_contents .table_contents td .blackbold { color: #000; font-weight: bold; } #reservation_detail .table_reservation .td_contents .table_contents td .whitebold { color: #FFF; font-weight: bold; } #reservation_detail .table_reservation .td_contents .table_contents2 td .blackbold { color: #000; font-weight: bold; } #reservation_detail .table_reservation .td_contents .table_contents2 td .whitebold { color: #FFF; font-weight: bold; } #reservation_detail .table_reservation .td_contents .table_contents .reservation_notice { color: #e54b61; font-size: 11px; } #reservation_detail .table_reservation .td_contents .table_contents2 .reservation_notice { color: #e54b61; font-size: 11px; } #reservation_detail .table_reservation .td_contents .table_contents .td_detail {padding:7px; width:945px;} #reservation_detail .table_reservation .td_contents .table_contents .td_detail .choice_carrier{width:65%; overflow:hidden; float:left;} #reservation_detail .table_reservation .td_contents .table_contents .td_detail .choice_carrier h5{font-size:16px; font-weight:600; margin-top:20px; text-align:center;} #reservation_detail .table_reservation .td_contents .table_contents .td_detail .choice_carrier p{width:150px !important; overflow:hidden; float:left; text-align:center;} #reservation_detail .table_reservation .td_contents .table_contents2 .td_detail { padding: 7px; } #reservation_detail .table_reservation .td_contents .table_contents2 .td_detail2 { padding: 7px 7px 30px 7px; } #reservation_detail .table_reservation .td_contents .table_contents .td_btn { padding: 7px; text-align: right; } #reservation_detail .table_reservation .td_contents .table_contents th img { vertical-align: middle; } #reservation_detail .table_reservation .td_contents .table_contents td span { vertical-align: middle; } #reservation_detail .table_reservation .td_contents .table_contents .td_detail .skyblue { color: #8495ab; font-weight: bold; } #reservation_detail .li_reservation .table_contents th { text-align: left; width: 120px; color: #8495ab; padding: 7px; font-size: 11px; } #reservation_detail .li_reservation .table_contents .td_detail .skyblue { color: #8495ab; font-weight: bold; } #reservation_detail .table_reservation .td_contents .table_contents .td_detail .11 { font-size: 11px; } #reservation_detail .table_reservation .td_contents .table_contents .td_detail img { vertical-align: middle; } #reservation_detail .table_reservation .td_contents input { vertical-align: middle; } #reservation_detail .table_reservation .td_contents .tour_info_agree { padding: 10px; height: 200px; overflow: auto; } #reservation_detail .tour_info_agree_checkbox { text-align: left; margin-top: 10px; padding-left: 20px; font-weight: bold; } #reservation_detail .tour_info_agree_checkbox input { vertical-align: middle; } #reservation_address{float:left; width:34%; height:365px; margin-left:5px; padding-left:5px; border-left:1px solid #ebebeb; box-sizing:border-box;} #reservation_address h5{font-size:16px; font-weight:600; margin-top:20px; text-align:center;} #reservation_address input{height:30px; vertical-align:middle;} #reservation_address img { vertical-align: middle; } #reservation_address p { padding: 2px; } #reservation_receipt { margin-top: 10px; } #reservation_receipt p { padding: 2px; } /* 약관/개인정보취급방침 */ #condition { border: 1px solid #ddd; padding: 20px; position: relative; } #condition .tab { background: #64C5BF; margin-bottom: 20px; } #condition .tab a { display: block; float: left; width: 150px; height: 22px; text-align: center; vertical-align: middle; color: #fff; font-weight: bold; padding-top: 5px; border-right: 1px solid #fff; } #condition .tab a.on { background: #11A4B0; } #condition .tab a.off { background: #64C5BF; } #condition h3 { font-weight: bold; } #condition dt { font-weight: bold; font-size: 14px; color: #1194CE; margin-top: 20px; } #condition dd { line-height: 22px; margin-top: 5px; } #condition dt.specific_title { color: #F25A67; } #condition dd.specific_condition { background: #f1f1f1; padding: 15px; } #condition dd.greyBox{background:#ebebeb; border:1px solid #e1e1e1; padding:5px; margin-bottom:10px;} #condition h4{font-weight:bold; margin-top:5px;} /* 매거진 */ #palmtour_magazine { margin: 0px auto; width: 1200px; height: 1638px; text-align: center; background: url(/images/sub/magazine_bg_background.jpg) no-repeat center top; position: relative; } #palmtour_magazine .magazine_top { height: 45px; width: 1000px; margin: 0 auto; padding: 0; position: relative; } #palmtour_magazine .magazine_top h1 { position: absolute; left: 0; top: 15px; } #palmtour_magazine .magazine_top ul { position: absolute; right: 0; top: 0; } #palmtour_magazine .magazine_top ul li { display: inline; float: left; } #palmtour_magazine .magazine_object { position: absolute; width: 1200px; height: 1540px; left: 0; top: 45; z-index: 1; background: url(/images/sub/magazine_bg_object.png) no-repeat; } #palmtour_magazine .magazine_btn { position: absolute; width: 85px; left: 1111px; top: 120px; z-index: 2; text-align: left; } #palmtour_magazine .magazine_contents { width: 1000px; margin: 0 auto; padding-top: 65px; } /* 보도자료 */ #board .recent_article { padding: 10px 10px 20px 10px; border-bottom: 1px solid #ddd; } #board .recent_article h3 { margin-bottom: 10px; font-size: 16px; font-weight: bold; color: #333; } #board .recent_article .recent_article_photo1 { float: left; margin-right: 20px; } #board .recent_article .recent_article_contents { line-height: 150%; padding-top: 10px; float: left; width: 455px; } #board .recent_article .recent_article_contents a { text-decoration: none; } #board .recent_article .recent_article_contents a:hover { color: #0f71ba; text-decoration: underline; } #board .recent_article .recent_article_contents span.more { font-size: 11px; font-weight: bold; color: #e93d4b; } #board .recent_article .recent_article_contents span.date { font-weight: bold; color: #888; display: block; margin-top: 10px; } #board .article_list { padding: 20px 10px; border-bottom: 1px solid #ddd; } #board .article_list .article_list_photo { float: left; margin-right: 20px; } #board .article_list .article_list_contents { line-height: 180%; float: left; width: 625px; } #board .article_list .article_list_contents a { text-decoration: none; } #board .article_list .article_list_contents a:hover { color: #0f71ba; text-decoration: underline; } #board .article_list .article_list_contents span.title { color: #0f71ba; font-weight: bold; font-size: 14px; } #board .article_list .article_list_contents span.date { color: #888; font-weight: bold; } #board .article_view_contents{width:1000px; margin:10px auto; border-bottom:1px solid #ddd; font-size:15px;} #board .article_view_contents h3{font-size:32px; font-weight:normal; color:#333; text-align:center; font-family:'Nanum Gothic'; overflow:hidden; line-height:34px;} #board .article_view_contents .photo{text-align:center; margin:15px 0px;} #board .article_view_contents .article_hr{width:100%; margin:10px 0; font-weight:bold; font-size:11px; color:#c2c2c2; overflow:hidden; text-align:right;} #board .article_view_contents .contents {line-height:160%; margin:15px 0;} /* 개인정보취급방침 추가 */ #sub_contents .privacy_check { margin: 20px 10px; } #sub_contents .privacy_check span.title { font-weight: bold; } #sub_contents .privacy_check .txt { border: 1px solid #ddd; background: #fff; padding: 15px; height: 100px; overflow: auto; margin: 5px 0 5px 0; } #sub_contents .privacy_check input { vertical-align: middle; } #board .privacy_check { margin: 20px 10px; } #board .privacy_check span.title { font-weight: bold; } #board .privacy_check .txt { border: 1px solid #ddd; background: #fff; padding: 15px; height: 100px; overflow: auto; margin: 5px 0 5px 0; } #board .privacy_check input { vertical-align: middle; } /* 항공사 스케줄 테이블 */ #sub_contents .schedule_air_table{margin-top:30px;} #sub_contents .schedule_air_table h3{color:#898989; text-align:center; font-size:24px; font-weight:600; margin:0px auto; margin-top:50px;} #sub_contents .schedule_air_table table {background:#ddd; border:1px solid #ddd;} #sub_contents .schedule_air_table td {background:#fff; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:14px;} #sub_contents .schedule_air_table td:last-child{border-right:none;} #sub_contents .schedule_air_table td.bornone{border-bottom:none;} #sub_contents .schedule_air_table td.bordouble{border-bottom:3px double #ddd;} #sub_contents .schedule_air_table td, #sub_contents .schedule_air_table th {padding:7px; text-align:center;} #sub_contents .schedule_air_table th.air_title {text-align:center; font-size:15px; background:#4185c8; color:#fff;} #sub_contents .schedule_air_table th{background:#c5d2de; color:#516B84; font-size:15px; border-right:1px solid #ebebeb;} #sub_contents .schedule_air_table th:last-child{border-right:none;} #sub_contents .schedule_air_map {margin-top:10px;} @media (max-width:1280px){ .header nav {display: none;} } @media (max-width:1024px){/********** iPad Pro **********/ .layer_box .btn_close { width:35px; height:35px; right:0; } .layer_email .textarea .title { font-size: 2.2vh;} .layer_box textarea,.layer_email .textarea { font-size: 1.8vh; } .layer_pop { top:80px; } /* header */ .header,.layer_box.layer_sitemap {position: absolute;} .header{height: 80px;} .header .hd_sub .hd_logo > a, .subb.sc .hd_sub .hd_logo > a {height: 80px; width: 150px;} } @media (max-width:912px){/********** Surface Pro 7 **********/ .layer_box .sitemap {width: 50%; } .layer_box.layer_sitemap .btn_close {width: 50px; height: 50px;} .layer_box.layer_sitemap .btn_close:after{background-size: 50px; width: 50px; height: 50px;} #footer .logo_bottom { display:none; } #footer .bottommenu { text-align: center;} #footer #address .copy { margin-left:0; text-align: center;} #footer br { display:none; } } @media (max-width:540px){/********** Mobile **********/ .header .hd_logo { width:50%; } .layer_pop{ width:90% !important; height:auto !important; left: 5% !important;} .layer_pop img{ width:100% !important; height:auto !important; } .layer_box .btn_close span { height: 28px; width: 28px; } .layer_box .btn_close span:before,.layer_box .btn_close span:after { top: 13px; width:28px; } #footer .bottommenu ul li:nth-child(1),#footer .bottommenu ul li:nth-child(2),#footer .bottommenu ul li:nth-last-child(2) {display:none; } #footer .bottommenu ul li a { font-size: 12px;} #footer #address .copy { text-align: left;} #footer #address .copy span {display:block ; border-right:0;} #footer #address .copy p:nth-last-of-type(2) { font-size:12px;} }