@charset "utf-8"; /*���� ���ȭ��*/ .login_bg {width:100%; height:100vh; background-image: url(/images/login_bg.jpg); background-repeat: no-repeat; background-position:center center; background-size:cover;} .login_div {width:630px; height:450px; margin:0 auto; text-align:center; position:absolute; top:50%; transform:translateY(-50%); left:50%; margin-left:-315px;} .login_div > h1 {color:#fff; font-size:34px; letter-spacing:-1px; margin:0;} .login_form_box {width:630px; float:left; } .login_form_box01 {width:310px; float:left; } .login_form_box02 {width:310px; float:right; } .login_form_input {float:left; display:block; height:40px; padding:0px 12px; margin-bottom:10px; font-size:14px; line-height:40px; color:#333; background-color:#fff; background-image:none; border:none; border-radius:3px; box-sizing:border-box;} .login_form_btn {width:150px; height:40px; box-sizing:border-box; padding:0 12px; display:inline-block; background:#1a1a1a; color:#fff; font-size:14px; font-weight:normal; text-align:center; border-radius:3px; border:none; margin:0 auto; } .login_form_btn:hover {transition-duration:0.5s; background-color:#A59976; color:#fff; } input[type="date"]::before {content:attr(placeholder); width:100%} input[type="date"]:focus::before, input[type="date"]:valid::before {display:none;} /* ��Ʈ�� */ .login_form_box01.cal input[type="text"] {height: 40px; background: url(/images/cal.png) no-repeat right 10px center; background-color:#fff; color: #555;font-size: 1em; letter-spacing: -0.5px; vertical-align: middle; padding:7px 12px; box-sizing:border-box; line-height:40px;} .login_form_box02.cal input[type="text"] {height: 40px; background: url(/images/cal.png) no-repeat right 10px center; background-color:#fff; color: #555;font-size: 1em; letter-spacing: -0.5px; vertical-align: middle; padding:7px 12px; box-sizing:border-box; line-height:40px;} .calen_wrap {position: relative;} .login_form_box01.sel select {background: url(/images/ico_dropdown.png) no-repeat right 12px center; background-color:#fff; font-size: 1em; color: #555; appearance:none; -webkit-appearance:none; } .login_form_box.sel select {background: url(/images/ico_dropdown.png) no-repeat right 12px center; background-color:#fff; font-size: 1em; color: #555; appearance:none; -webkit-appearance:none; } /* ������ */ .div_con {width:100%; min-height:100vh; position:relative; margin:0; padding:0; overflow:hidden;} .div_con_left {float:left; width:50%; min-height:100vh; background:#fff; box-sizing:border-box; padding:7px 38px 20px 3%; position:relative; } .div_con_right {float:left; width:50%; min-height:100vh; background:#e0e0e0; box-sizing:border-box; padding:23px 3% 20px 46px; position:relative; /* transition:0.8s; animation:show 0.5s forwards; */} /* @keyframes show { from {opacity:0; transform:translateX(300px);} to {opacity:1; transform:translateX(0);} } */ .div_con_left h1 {margin-bottom:7px; margin-top:0;} .div_con_left h2 {font-size:17px; font-weight:bold; margin:0;} .div_movile .page_close, .div_movile .page_all, .div_movile .left > div > div { display: none;} .div_cen {width:100%; height:auto; margin:0 auto; text-align:center; padding:50px 20px;} /* �������� */ .map_container {position:relative; width:1100px; height:600px; margin:0 auto; margin-top:3%; background-image:url(/images/world_map.jpg); background-repeat: no-repeat;} .map_btn {font-size:13px; color:#fff; font-weight:bold; background:#333; padding:3px 10px; border-radius:4px; cursor:pointer; transition:0.2s;} .map_btn a, .map_btn:hover a{color:#fff;} .map_btn:hover {background:#000; transform:scale(1.2);color:#fff;} .map01 {position:absolute; left:90px; top:100px;} .map02 {position:absolute; left:210px; top:205px;} .map03 {position:absolute; left:247px; top:322px;} .map04 {position:absolute; left:357px; top:279px;} .map05 {position:absolute; left:411px; top:183px;} .map06 {position:absolute; left:612px; top:289px;} .map07 {position:absolute; left:912px; top:238px;} .map_img01 {width:200px; height:200px; border-radius:10px; position:absolute; left:145px; top:0px;} /* ���� */ .map_img02 {width:200px; height:200px; border-radius:10px; position:absolute; left:200px; top:0px;} /* �ߵ� */ .map_img03 {width:200px; height:200px; border-radius:10px; position:absolute; left:150px; top:90px;} /* �ε��� */ .map_img04 {width:200px; height:200px; border-radius:10px; position:absolute; left:240px; top:60px;} /* �ƽþ� */ .map_img05 {width:200px; height:200px; border-radius:10px; position:absolute; left:470px; top:30px;} /* ���� */ .map_img06 {width:200px; height:200px; border-radius:10px; position:absolute; left:450px; top:80px;} /* ������� */ .map_img07 {width:200px; height:200px; border-radius:10px; position:absolute; left:830px; top:25px;} /* ����/�߳��� */ /* ��ܸ޴� */ #spot_tab_1 {width: 100%; margin: 0 auto; text-align: center; } #spot_tab_1 .nav_1 {display: flex; margin:15px 0; padding: 0;} #spot_tab_1 .nav_1 li { flex:1; height: 48px; border-bottom: 1px solid #777; box-sizing:border-box; font-size: 13px; letter-spacing:-0.7px; font-weight: bold; line-height:48px; text-align:center; cursor:pointer; margin:0;} #spot_tab_1 .nav_1 a {color: #999; display:block;} #spot_tab_1 .nav_1 .active {border:1px solid #555; border-bottom:1px solid #fff;} #spot_tab_1 .nav_1 .active a {color: #000;} #spot_tab_1 .nav_1 li:hover a{color:#000;} /* 선택된 도시들*/ .city_optionNav{width: 100%; float:left; text-align: center; } .city_optionNav ul { margin:0 auto; display:inline-block; margin-top:0px; margin-bottom:0px;} .city_optionNav ul li {font-weight: bold; text-align:center; cursor:pointer; box-sizing:border-box; float:left; text-align:center; margin:0 3px; border:1px solid #777; border-radius:7px; font-size: 13px; } .city_optionNav ul li:hover {color: #fff; background:#333;} .city_optionNav ul li:hover a{color: #fff;} .city_optionNav ul li a {display:block; ; padding:3px 15px; } /* ���������޴� */ .placeNav {width: 100%; float:left; text-align: center; /* overflow-x:scroll; overflow-y:none; */ margin-bottom:13px; clear:both;} .placeNav ul {display: flex; margin:17px 0 2px 0; padding: 0; } .placeNav ul li { flex:1; height: 30px; border-bottom: 1px solid #999; box-sizing:border-box; min-width:30px; font-size: 15px; font-weight: 700; line-height:30px; text-align:left; cursor:pointer; margin:0; } .placeNav a {color: #aaa; display:block;} .placeNav ul .active { border-bottom:2px solid #000;} .placeNav .active a {color: #000;} .placeNav li:hover a { color: #000;} /* �ɼǸ޴� */ .optionNav{width: 100%; float:left; text-align: center; } .optionNav ul { margin:0 auto; display:inline-block; margin-bottom:8px;} .optionNav ul li { font-size: 14px; font-weight: bold; text-align:center; cursor:pointer; box-sizing:border-box; float:left; text-align:center; padding:5px 20px; border-radius:7px;} .optionNav ul li a:hover {color: #333; } .optionNav ul li a {} .optionNav a {color: #aaa; } .optionNav .active, .optionNav .active a:hover, .optionNav .active a { background:#000; color: #fff;} /* �з��޴� */ .cateNav {width: 70%; float:left; } .cateNav ul { margin-bottom:10px;} .cateNav ul li {font-size: 13px; font-weight: normal; text-align:left; cursor:pointer; box-sizing:border-box; float:left; padding:5px 20px 5px 2px;} .cateNav ul li a:hover {color: #000; font-weight: bold;} .cateNav a {color: #999; } .cateNav .active, .cateNav .active a:hover, .cateNav .active a { color: #000; font-weight: bold;} /* �˻� */ .searchbox {height: 30px; width:25%; border-bottom: 1px solid #333; float:right; line-height:30px; margin-top:-5px; margin-right:1.1%;} .searchbox > select {display: block; border: none; height: 29px; float: left; border-right: 2px solid #d1d1d1; padding-left: 10px; padding-right: 20px; margin-top: 5px; margin-right: 10px;} .searchbox > input[type=text] {display: block; border: none; height: 24px; float: left; width:90%; margin-top: 5px; padding-left: 0px; padding-right: 10px; outline: none; font-size: 15px; } .searchbox > button {display: block; border: none; background:#fff; float: right; color: #333; font-size: 16px; height: 29px; transform:translateX(-50%);} /* .map_btn {float:right; width:85px; height:25px; line-height:25px; text-align:center; border:1px solid #ccc; font-size:13px; cursor:pointer;} .map_btn:hover {transition-duration:0.7s; background-color:#333; color:#fff; } .map_btn:hover a {color:#fff;} .city_btn {float:left; width:80%; height:25px; line-height:25px; text-align:center; border:1px solid #fff; font-size:13px; cursor:pointer;} .city_btn li {float:left; padding-right:25px;} */ /* 상품리스트 */ .div_con_left .goods_list { position: relative; width: 100%; height:72vh; float:left; margin-top:7px; padding-bottom:50px; overflow-y:scroll;} .div_con_left .goods_list ul {list-style:none; } .div_con_left .goods_list ul li {position: relative; float: left; width: 31.9%; height:230px; margin:0 0.7% 7px 0.7%; cursor:pointer;} .div_con_left .goods_list ul li .box {position: relative;width:100%; height:225px; padding:0; text-align:left; box-sizing:border-box;} .div_con_left .goods_list ul li .pic {position: relative;width:100%; height:150px; display:block; background:#000; } .div_con_left .goods_list ul li .pic img {width:100%; height:150px; display:block; opacity:0.8;} .div_con_left .goods_list ul li .box h4.stit {font-size:14px; font-weight:700; color:#333; margin:7px 5px 3px 5px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; } .div_con_left .goods_list ul li .box h5.tit {font-size:13px; color:#888; font-weight:normal; margin:5px;} .div_con_left .goods_list ul li .box p { color:#000; font-size:15px; margin:5px 0 3px 8px; font-weight:bold;} .div_con_left .goods_list ul li .box span {font-size:13px; color:#333} .div_con_left .goods_list ul li:hover .box { border:1px solid #000; } .div_con_left .goods_list ul li:hover .pic img {width:100%; height:150px; display:block; opacity:1;} .div_con_left .goods_list ul li.active .pic img { opacity:1;} .div_con_left .goods_list ul li.active .box { border:1px solid #000; } .div_con_left .goods_list_four { position: relative; width: 100%; height:72vh; float:left; margin-top:7px; padding-bottom:90px; overflow-y:scroll;} .div_con_left .goods_list_four ul {list-style:none; } .div_con_left .goods_list_four ul li {position: relative; float: left; width: 24%; height:230px; margin:0 0.5% 7px 0.5%; cursor:pointer;} .div_con_left .goods_list_four ul li .box {position: relative;width:100%; height:228px; padding:0; text-align:left; box-sizing:border-box; } .div_con_left .goods_list_four ul li .pic {position: relative;width:100%; height:150px; display:block; background:#000; } .div_con_left .goods_list_four ul li .pic img {width:100%; height:150px; display:block; opacity:0.8;} .div_con_left .goods_list_four ul li .box h4.stit {font-size:16px; letter-spacing:-0.2px; font-weight:700; color:#333; margin:7px 5px 3px 5px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; } .div_con_left .goods_list_four ul li .box h5.tit {font-size:15px; font-weight:bold; margin:0px 0 0px 5px; color:#ffba00;} .div_con_left .goods_list_four ul li .box p { color:#000; font-size:15px; margin:2px 0 4px 8px; font-weight:bold;} .div_con_left .goods_list_four ul li .box span {font-size:13px; color:#333} .div_con_left .goods_list_four ul li:hover .box { border:1px solid #000; } .div_con_left .goods_list_four ul li:hover .pic img {width:100%; height:150px; display:block; opacity:1;} .div_con_left .goods_list_four ul li.active .pic img { opacity:1;} .div_con_left .goods_list_four ul li.active .box { border:1px solid #000; } .div_con_left .goods_list_long { position: relative; width: 100%; height:68vh; float:left; margin-top:7px; padding-bottom:50px; overflow-y:scroll;} .div_con_left .goods_list_long ul {list-style:none; } .div_con_left .goods_list_long ul li { float: left; width: 99%; height:140px; margin:0 0.7% 10px 0;cursor:pointer;} .div_con_left .goods_list_long ul li .box {position: relative; width:100%; height:140px; padding:0; text-align:left; box-sizing:border-box; border:1px solid #ddd; } .div_con_left .goods_list_long ul li .pic {position: relative; float: left; width:220px; height:140px; margin-right:20px; display:block; background:#000; } .div_con_left .goods_list_long ul li .pic img {width:220px; height:140px; display:block; opacity:0.9;} .div_con_left .goods_list_long ul li .box h4.stit {font-size:16px; font-weight:700; color:#333; padding:25px 20px 5px 0px; margin-top:0;} .div_con_left .goods_list_long ul li .box h5.tit {font-size:13px; color:#888; font-weight:normal; margin:5px;} .div_con_left .goods_list_long ul li .box .atit {width:100%; height:100px;} .div_con_left .goods_list_long ul li .box .won { font-size:16px; color:000; font-weight:800; float:right; margin-right:30px;} .div_con_left .goods_list_long ul li .box .won span {color:#aaa; margin-right:10px;} .div_con_left .goods_list_long ul li .box span {font-size:13px; color:#333} .div_con_left .goods_list_long ul li:hover .box { border:1px solid #000; } .div_con_left .goods_list_long ul li:hover .pic img {display:block; opacity:1; width:220px; height:140px;} .div_con_left .goods_list_long ul li.active .box { border:1px solid #000; } .div_con_left .goods_list_long ul li.active .pic img {display:block; opacity:1;} .goodsBox_label {width:auto; height:auto; position:absolute; top:0; left:0; font-size:12px; text-align:center; padding:10px; vertical-align:middle; line-height:1.3em; z-index:90;color:#fff; font-weight:bold;} .label_1 { background:#e85e34; } .label_2 { background:#00a2ee; } .label_3 { background:#876f01; } .label_4 { background:#00aba5; } .label_5 { background:#0044ab; } .grid_wrapper { width:100%; margin:0 auto; display:grid; grid-gap: 2px; grid-template-columns: 1fr 1fr 1fr 1fr; } .grid_box {position:relative; background-color: #000; color: #fff; padding: 0; min-height:170px; cursor:pointer;} .grid_box img {width:100%; min-height:170px; height:100%; display:block; opacity:0.7; } .grid_box:hover img {display:block; opacity:1;} .grid_box .active { opacity:1;} .content_e {position: absolute; top: 40%; left:50%; transform:translateX(-50%); text-align: center; padding: 0px; color: #fff; } .content_e p { font-size: 12px; font-weight: 700; color: #fff; margin:0; } .content_e h2 { font-size: 15px; font-weight: 700; color: #fff; margin:0; background:rgba(0, 0, 0, 0.1); border-radius:4px; margin-top:12px;} .select_wrap2 select {width: 65px; height: 35px; box-sizing:border-box; line-height:35px; background: url(/images/ico_dropdown.png) no-repeat right 5px center; background-color:#fff; font-size: 1em; color: #555; padding:0 10px; border: 1px solid #555; border-radius: 0; appearance:none; -webkit-appearance:none; } .country_box {background:#2597de; color:#fff; } .country_box h3 {font-size:18px; padding-top:40px;} /* 상세페이지 */ .div_con_right .con_detail { position: relative; width: 100%; height:85vh; float:left; padding-bottom:100px; overflow-y:scroll; } .div_con_right .hotel_picture {width:100%; height:337px; overflow:hidden;} .div_con_right .hotel_picture .left {float: left; width: 68%; overflow: hidden;} .div_con_right .hotel_picture .left img {width:100%; height:337px;} .div_con_right .hotel_picture .right {float: left; height:337px; width: 29%; margin-left:12px;} .div_con_right .hotel_picture .right > div {margin-bottom:12px;} .div_con_right .hotel_picture .right div {height:163px; width:100%; overflow:hidden;} .div_con_right .hotel_picture .right div img {width:100%; height:100%;} .view_picture {width:99%; height:410px; margin-top:15px;} .view_picture img {width:100%; height:100%;} .div_con_right .icons { width: 80%; display: inline-block; text-align: left; margin:15px 0 0 0; box-sizing:border-box;} .div_con_right .icons div {float:left; margin-right: 20px; font-size:20px;} .div_con_right .icons div span {font-size:13px; vertical-align:middle;} .price_inpage {width: 20%; float:right; font-size:22px; font-weight:700; text-align:right; margin:7px 0 0 0; letter-spacing:-0.5px;} .normal_txt {font-size:15px; font-weight:normal; color:#000; margin-left:2px;} .div_con_right .map {margin-top:10px;} .div_con_right .hotel_type {padding:3px 10px; background:#A59976; color:#fff; font-size:12px; border-radius:3px;} .div_con_right .hotel_type2 {padding:3px 10px; background:#bbb; color:#fff; font-size:12px; border-radius:3px;} .div_con_right .title {margin: 0 0 5px 0; text-align: left;} .div_con_right .title h2 {font-size:22px; font-weight:bold; margin-bottom:3px; margin-top:0;} .div_con_right h3 {font-size:22px; font-weight:800; margin:22px 0 7px 0;} .div_con_right h4 {font-size:19px; font-weight:bold; margin:30px 0 5px 0; color:#000;} .div_con_right p {color:#444; line-height:1.5em; font-size:15px; margin-bottom:0em;} .div_con_right .con_wrap {width:100%; overflow-x:hidden; overflow-y:scroll;} .div_con_right .city_picture {width:100%; height:457px; overflow:hidden;} .div_con_right .city_picture .up {position:relative; float: left; width: 100%; height:355px; overflow: hidden;} .div_con_right .city_picture .up img {width:100%; height:100%;} .content_tit {position: absolute; bottom: -17px; right:7%; padding: 0px;} .content_tit h2 { font-size:80px; font-weight:900; color: #fff; margin:0; } .div_con_right .city_picture .down {display:flex; float: left; width:100%; height: 100px; overflow:hidden; cursor:pointer;} .div_con_right .city_picture .down > div {flex:1; float:left; height:100px; margin-right:1%; margin-top:7px;} .div_con_right .city_picture .down > div:nth-child(4) {margin-right:0;} .div_con_right .city_picture .down > div img {height:100px; width:100%;} .dot_line {width:99%; margin:5px 0; border:1px dotted #ccc;} /* 사진 이미지슬라이트 */ .like-slide .slick-prev{position:Absolute ;left:0px; top:50%;margin-top:-24px;width:40px; height:60px; background:url(/images/slide-prev.png) no-repeat center center; z-index:99;} .like-slide .slick-next{position:Absolute ;right:0px; top:50%;margin-top:-24px;width:40px; height:60px; background:url(/images/slide-next.png) no-repeat center center; z-index:99;} .like-slide .slick-prev:hover {background:url(/images/slide-prev_on.png) no-repeat center center; z-index:99;} .like-slide .slick-next:hover {background:url(/images/slide-next_on.png) no-repeat center center; z-index:99;} /*ȣ�ڼ�����*/ fieldset {float:left; width: 57%; height:40px; margin:0; padding:0 10px 0 20px ; vertical-align: middle; border:none; margin-top:28px;} fieldset dl {position: relative; float:left; display: flex; margin:0 0px; letter-spacing: -1px;} fieldset dt {margin: 13px 5px 0 3px; font-size: 13px; color:#333;} fieldset input[type="text"] {height: 40px; width:120px; background: url(/images/cal.png) no-repeat right 5px center; color: #555;font-size: 1em; letter-spacing: -0.5px; vertical-align: middle; padding:7px 5px; box-sizing:border-box; line-height:40px;} fieldset .calen_wrap {position: relative;} fieldset .calen_wrap input {border: 1px solid #555; background-color:#fff; } fieldset .select_wrap select {width: 55px; height: 40px; box-sizing:border-box; line-height:40px; background: url(/images/ico_dropdown.png) no-repeat right 5px center; background-color:#fff; font-size: 1em; color: #555; padding:0 6px; border: 1px solid #555; border-radius: 0; appearance:none; -webkit-appearance:none; } .select_form100 select {width: 100px; height: 35px; box-sizing:border-box; line-height:35px; background: url(/images/ico_dropdown.png) no-repeat right 5px center; background-color:#fff; font-size: 1em; color: #555; padding:0 6px; border: 1px solid #555; border-radius: 0; appearance:none; -webkit-appearance:none; } .select_form200 select {width: 200px; height: 35px; box-sizing:border-box; line-height:35px; background: url(/images/ico_dropdown.png) no-repeat right 5px center; background-color:#fff; font-size: 1em; color: #555; padding:0 6px; border: 1px solid #555; border-radius: 0; appearance:none; -webkit-appearance:none; } .select_form300 select {width: 300px; height: 35px; box-sizing:border-box; line-height:35px; background: url(/images/ico_dropdown.png) no-repeat right 5px center; background-color:#fff; font-size: 1em; color: #555; padding:0 6px; border: 1px solid #555; border-radius: 0; appearance:none; -webkit-appearance:none; } .calen_form input[type="text"] {height: 35px; width:120px; background: url(/images/cal.png) no-repeat right 5px center; color: #555;font-size: 1em; letter-spacing: -0.5px; vertical-align: middle; padding:7px 5px; box-sizing:border-box; line-height:35px;} .calen_form {position: relative;background-color:#fff; } .calen_form input {border: 1px solid #555; background-color:#fff; } .lineBox {padding:3px 10px; border:1px solid #555;} /*��ư */ .btn_line {width:150px; height:35px; line-height:35px; text-align:center; border:1px solid #333; background:#fff; box-sizing:border-box; cursor: pointer;} .btn_line:hover {transition-duration:0.5s; background-color:#A59976; color:#fff; border:1px solid #A59976; box-sizing:border-box; } .btn_line:hover a, .btn_solid:hover a, .btn_solid2:hover a{ color:#fff;} .btn_solid {width:150px; height:35px; line-height:35px; text-align:center; background: #333; color:#fff; box-sizing:border-box; cursor: pointer;} .btn_solid:hover {transition-duration:0.5s; background-color:#A59976; color:#fff; } .btn_solid2 {width:150px; height:35px; line-height:35px; text-align:center; background: #333; margin-right:57px; margin-left:10px; color:#fff; box-sizing:border-box; cursor: pointer;} .btn_solid2:hover {transition-duration:0.5s; background-color:#A59976; color:#fff; } .btn_basic {width:150px; height:35px; line-height:35px; text-align:center; background: #333; margin:10px 0 30px; color:#fff; box-sizing:border-box; cursor: pointer;} .btn_basic:hover {transition-duration:0.5s; background-color:#A59976; color:#fff; } .fixed {position:fixed;bottom:0;} /*오른쪽 하단고정바*/ .bottom_right {width:50%;height:64px;background:#e0e0e0; bottom:0; right:0px; padding-top:5px;} /*왼쪽 하단고정바*/ .bottom_left {width:48.8%;height:64px;background:#fff;position:fixed; bottom:0; left:0px; padding-top:5px; padding-right:20px;} /* 견적서 */ .div_800 {width:800px; height:auto; margin:0 auto;} .div_modal {width:100%; height:auto; margin:0 auto; background:#fff; padding:0px 25px 25px 25px; box-sizing:border-box; position:relative; } .div_modal h1.es_tit1 {font-size:17px; font-weight:bold; width:100%; height:40px; line-height:40px; border-bottom:2px solid #000; margin-bottom:20px; margin-top:0;} .div_modal p {margin-bottom: 0rem;} .div_modal h1.es_tit1 > span {color:#7f452b; font-size:18px; font-weight:normal; margin-left:30px; margin-top:0;} .div_modal .es_left {float:left; width:12%; height:20px; line-height:20px; font-size:15px; font-weight:bold; color:#7f452b; box-sizing:border-box; padding:0 0 10px 0; } .div_modal .es_right {float:left; width:88%; height:20px; line-height:20px; font-size:14px; color:#000; text-align:left;} .div_modal .es_right ul {float:left; width:100%; margin-top:12px;} .div_modal .es_right ul li {display:block; width:100%; height:35px; line-height:35px; font-size:14px; background:#e6e6e6; margin-bottom:5px; box-sizing:border-box; padding:3px 15px 3px 12px;} .div_modal .es_right ul li span {float:right; color:#777;} .div_modal .es_box {width:100%; height:auto; clear:both;} .div_modal .es_box:after {clear:both;content:"";display:block;} .div_modal .es_tit2 {background:#8a8f95; width:100%; height:40px; line-height:40px; color:#fff; font-size:15px; font-weight:bold; clear:both; box-sizing:border-box; padding:0 0 10px 20px; margin:30px 0 15px 0;} .div_modal .icon_kakao {position:absolute; top:45px; right:50px; cursor:pointer;} .es_form_input {float:right; width:70px; height:30px; line-height:30px; background:#e6e6e6; border:none; box-sizing:border-box; color:#777; background: url(/images/ico_dropdown_s.png) no-repeat right 12px center; appearance:none; -webkit-appearance:none; padding-left:15px;} .grid_es_wrapper {display:grid; grid-template-columns:10% 1fr 1fr 2fr; grid-gap: 8px;} .grid_es_wrapper .grid_es_box {position:relative; background-color: #fff; padding: 0; min-height:80px; cursor:pointer; color:#333;} .grid_hotel_wrapper {display:grid; grid-template-columns:35% 2fr; grid-gap: 8px; margin-top:10px; padding-bottom:10px;} .grid_hotel_wrapper .grid_es_box.h_name {grid-column: 1 / 3; grid-row: 1;} .grid_hotel_wrapper .grid_es_box {position:relative; background-color: #fff; padding: 0; height:auto; cursor:pointer; color:#333; line-height:1.6em;} .grid_hotel_wrapper h2 {font-size:16px; font-weight:bold; margin-bottom:0px; margin-top:5px;} .grid_hotel_wrapper .grid_es_box .pic img {width:95%; min-height:90px; max-height:170px;} .grid_hotel_wrapper .grid_es_box .txt_bold {font-weight:bold;} .txt_bold_won {font-weight:bold; font-size:16px; margin-top:7px;} .grid_hotel_wrapper {border-bottom:1px solid #ccc;} .grid_hotel_wrapper:last-child {border-bottom:none;} .grid_tour_wrapper {display:grid; grid-template-columns:25% 1fr; grid-gap: 13px; background:#ededed; box-sizing:border-box; padding:15px; margin-bottom:7px;} .grid_tour_wrapper .grid_es_box {position:relative; min-height:70px; color: #fff; padding: 0; height:auto; cursor:pointer; color:#333;} .grid_tour_wrapper .grid_es_box img { min-height:70px; width:100%;} .grid_tour_wrapper .grid_es_box h3 {font-size:15px; font-weight:700; margin:0;} .grid_tour_wrapper .grid_es_box .txt_bold {font-weight:bold; margin-top:20px;} .es_form {float:left; display:block; height:35px; width:100%; padding:0px 10px; margin-bottom:5px; font-size:14px; line-height:35px; color:#333; background-color:#fff; background-image:none; border:1px solid #ccc; box-sizing:border-box;} .es_form .es_text_input {width:100%; height:30px; padding:0; border:none; font-size:14px;} .es_form .es_text_input.spot {background: url(/images/ico_spot.png) no-repeat right 0px center;} .es_form .es_text_input.cal {background: url(/images/cal.png) no-repeat right 0px center;} .grid_es_wrapper .grid_es_box p {font-size:15px; font-weight:bold; color:#7f452b; text-align:center;} .es_sum {width:100%; height:130px; background:#585d63; text-align:center; padding-top:30px; box-sizing:border-box; margin:20px 0 0px;} .es_sum p {font-size:15px; color:#fff; margin-bottom:5px;} .es_sum h1.sumtxt {font-size:30px; font-weight:500; color:#cead5c; margin:0;} .es_sum span {font-size:15px; color:#ccc;} .boxline {border:1px solid #777; padding:1px 5px; } .box_txt {border:1px solid #777; padding:1px 5px; margin-left:10px;} .es_airbox {display:grid; grid-template-columns:10% 90%; grid-gap: 7px; line-height:1.5em;} .es_airbox .airtit { font-size:15px; font-weight:bold; color:#7f452b;} .es_airbox ul li {width:99%; height:35px; line-height:35px; background:#e6e6e6; margin-bottom:4px; padding-left:13px; box-sizing:border-box;} .es_airbox ul li span {float:right; margin-right:15px;} input{outline-width:0; } select{outline-width:0; cursor:pointer;} .dot_line {width:100%; height:1px; border:1px dotted #eee; margin-bottom:10px;} /* 스크롤바 =========================================================================================================================*/ ::-webkit-scrollbar { width: 2px; } /* ��ũ�� �� */ ::-webkit-scrollbar-track { background:rgba(255, 255, 255, 0) } /* ��ũ�� �� ���� ��� */ ::-webkit-scrollbar-thumb { background:rgba(255, 255, 255, 0) } /* ������ ��ũ�� �� */ ::-webkit-scrollbar-thumb:hover { background: #aaa; } /* ������ ��ũ�� �� ���� ���콺�� �÷��� �� �� */ ::-webkit-scrollbar-thumb:active { background: #aaa; } /* ������ ��ũ�� �ٸ� Ŭ���� �� */ ::-webkit-scrollbar-button { display: none; } /* ��ũ�� �� �� �ϴ� ��ư */ /* ��������� =========================================================================================================================*/ @media screen and (min-width:1280px) { .div_con_right .city_picture {width:100%; height:635px; overflow:hidden;} .div_con_right .city_picture .up {float: left; width: 100%; height:510px; overflow: hidden;} .div_con_right .city_picture .up img {width:100%; height:100%;} .div_con_right .city_picture .down {display:flex; float: left; width:100%; height: 120px; overflow:hidden;} .div_con_right .city_picture .down > div {flex:1; float:left; height:120px; margin-right:1%; margin-top:7px;} .div_con_right .city_picture .down > div:nth-child(4) {margin-right:0;} .div_con_right .city_picture .down > div img {height:120px; width:100%;} .grid_box, .grid_box img {min-height:170px;} } @media screen and (min-width:1400px) { fieldset {float:left; width: 59%; height:40px; margin:0; padding:0 10px 0 40px ; vertical-align: middle; border:none; margin-top:28px;} fieldset dl {position: relative; float:left; display: flex; margin:0 0px; letter-spacing: -1px;} fieldset dt {margin: 13px 5px 0 3px; font-size: 13px; color:#333;} fieldset input[type="text"] {height: 40px; width:135px; background: url(/images/cal.png) no-repeat right 5px center; color: #555;font-size: 1em; letter-spacing: -0.5px; vertical-align: middle; padding:7px 5px 7px 10px; box-sizing:border-box; line-height:40px;} fieldset .calen_wrap {position: relative;} fieldset .calen_wrap input {border: 1px solid #555; background-color:#fff; } fieldset .select_wrap select {width: 65px; height: 40px; box-sizing:border-box; line-height:40px; background: url(/images/ico_dropdown.png) no-repeat right 5px center; background-color:#fff; font-size: 1em; color: #555; padding:0 10px; border: 1px solid #555; border-radius: 0; appearance:none; -webkit-appearance:none; } } /* �߰����̵� =========================================================================================================================*/ @media screen and (min-width:1800px) { .div_con_left .goods_list ul li {position: relative; float: left; width: 32.5%; height:280px; margin:5px 0.4%;} .div_con_left .goods_list ul li .box {width:100%; height:275px; padding:0; text-align:left; box-sizing:border-box; } .div_con_left .goods_list ul li .pic {width:100%; height:200px; display:block; background:#000; } .div_con_left .goods_list ul li .pic img {width:100%; height:200px; display:block; } .div_con_left .goods_list ul li .box h4.stit {font-size:15px; font-weight:700; color:#333; margin:8px 5px 6px 5px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; } .div_con_left .goods_list ul li .box h5.tit {font-size:13px; color:#888; font-weight:normal; margin:5px;} .div_con_left .goods_list ul li .box p { color:#000; font-size:16px; margin:5px 0 3px 8px; font-weight:bold;} .div_con_left .goods_list ul li .box span {font-size:13px; color:#333} .div_con_left .goods_list ul li:hover .box { border:1px solid #000; } .div_con_left .goods_list ul li:hover .pic img {width:100%; height:200px; display:block; opacity:1;} .div_con_left .goods_list {height:77vh;} .div_con_left .goods_list_long {height:77vh;} .div_con_left .goods_list_four {height:77vh;} .div_con_left .goods_list_four { position: relative; width: 100%; height:72vh; float:left; margin-top:7px; padding-bottom:90px; overflow-y:scroll;} .div_con_left .goods_list_four ul {list-style:none; } .div_con_left .goods_list_four ul li {position: relative; float: left; width: 24%; height:230px; margin:0 0.5% 7px 0.5%; cursor:pointer;} .div_con_left .goods_list_four ul li .box {position: relative;width:100%; height:228px; padding:0; text-align:left; box-sizing:border-box; } .div_con_left .goods_list_four ul li .pic {position: relative;width:100%; height:150px; display:block; background:#000; } .div_con_left .goods_list_four ul li .pic img {width:100%; height:150px; display:block; opacity:0.8;} .div_con_left .goods_list_four ul li .box h4.stit {font-size:16px; letter-spacing:-0.2px; font-weight:700; color:#333; margin:7px 5px 3px 5px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; } .div_con_left .goods_list_four ul li .box h5.tit {font-size:15px; font-weight:bold; margin:0px 0 0px 5px; color:#ffba00;} .div_con_left .goods_list_four ul li .box p { color:#000; font-size:15px; margin:2px 0 4px 8px; font-weight:bold;} .div_con_left .goods_list_four ul li .box span {font-size:13px; color:#333} .div_con_left .goods_list_four ul li:hover .box { border:1px solid #000; } .div_con_left .goods_list_four ul li:hover .pic img {width:100%; height:150px; display:block; opacity:1;} .div_con_left .goods_list_four ul li.active .pic img { opacity:1;} .div_con_left .goods_list_four ul li.active .box { border:1px solid #000; } .div_con_left .goods_list_long { position: relative; width: 100%; height:68vh; float:left; margin-top:7px; padding-bottom:50px; overflow-y:scroll;} .div_con_left .goods_list_long ul {list-style:none; } .div_con_left .goods_list_long ul li { float: left; width: 99%; height:140px; margin:0 0.7% 10px 0;cursor:pointer;} .div_con_left .goods_list_long ul li .box {position: relative; width:100%; height:140px; padding:0; text-align:left; box-sizing:border-box; border:1px solid #ddd; } .div_con_left .goods_list_long ul li .pic {position: relative; float: left; width:220px; height:140px; margin-right:20px; display:block; background:#000; } .div_con_left .goods_list_long ul li .pic img {width:220px; height:140px; display:block; opacity:0.9;} .div_con_left .goods_list_long ul li .box h4.stit {font-size:16px; font-weight:700; color:#333; padding:25px 20px 5px 0px; margin-top:0;} .div_con_left .goods_list_long ul li .box h5.tit {font-size:13px; color:#888; font-weight:normal; margin:5px;} .div_con_left .goods_list_long ul li .box .atit {width:100%; height:100px;} .div_con_left .goods_list_long ul li .box .won { font-size:16px; color:000; font-weight:800; float:right; margin-right:30px;} .div_con_left .goods_list_long ul li .box .won span {color:#aaa; margin-right:10px;} .div_con_left .goods_list_long ul li .box span {font-size:13px; color:#333} .div_con_left .goods_list_long ul li:hover .box { border:1px solid #000; } .div_con_left .goods_list_long ul li:hover .pic img {display:block; opacity:1; width:220px; height:140px;} .div_con_left .goods_list_long ul li.active .box { border:1px solid #000; } .div_con_left .goods_list_long ul li.active .pic img {display:block; opacity:1;} .div_con_right .con_detail {height:88vh; } .div_con_right .city_picture {width:100%; height:690px; overflow:hidden;} .div_con_right .city_picture .up {float: left; width: 100%; height:550px; overflow: hidden;} .div_con_right .city_picture .up img {width:100%; height:100%;} .div_con_right .city_picture .down {display:flex; float: left; width:100%; height: 140px; overflow:hidden;} .div_con_right .city_picture .down > div {flex:1; float:left; height:140px; margin-right:1%; margin-top:7px;} .div_con_right .city_picture .down > div img {height:140px; width:100%;} .div_con_right .hotel_picture {width:100%; height:390px; overflow:hidden;} .div_con_right .hotel_picture .left {float: left; width: 65%; overflow: hidden;} .div_con_right .hotel_picture .left img {width:100%; height:390px;} .div_con_right .hotel_picture .right {float: left; height:390px; width: 33%; margin-left:12px; overflow: hidden;} .div_con_right .hotel_picture .right > div {margin-bottom:10px;} .div_con_right .hotel_picture .right div {height:200px; width:100%; overflow:hidden;} .div_con_right .hotel_picture .right div img {max-height:100%; height:200px;width:100%;} .view_picture {width:100%; height:560px; margin-top:20px;} /*ȣ�ڼ�����*/ fieldset {float:left; width: 70%; height:40px; margin:0; padding:0 18px 0 45px; vertical-align: middle; border:none; margin-top:25px;} fieldset dl {position: relative; float:left; display: flex; } fieldset dt {margin: 13px 5px 0 3px; font-size: 13px; color:#333;} fieldset input[type="text"] {height: 40px; width:200px; background: url(/images/cal.png) no-repeat right 5px center; color: #555; font-size: 1em; letter-spacing: 0px; vertical-align: middle; padding:7px 15px; box-sizing:border-box; line-height:40px;} fieldset .calen_wrap {position: relative;} fieldset .calen_wrap input {border: 1px solid #555; background-color:#fff; } fieldset .select_wrap select {width: 100px; height: 40px; box-sizing:border-box; line-height:40px; background: url(/images/ico_dropdown.png) no-repeat right 5px center; background-color:#fff; font-size: 1em; color: #555; padding:0 15px; border: 1px solid #555; border-radius: 0; appearance:none; -webkit-appearance:none; } .btn_solid2 {width:150px; height:35px; line-height:35px; text-align:center; background: #333; margin-right:73px; margin-left:10px; color:#fff; box-sizing:border-box; cursor: pointer;} .select_form200 select {width: 400px; } } /* ū���̵� =========================================================================================================================*/ @media screen and (min-width:2100px) { .div_con_left .goods_list {height:80vh;} .div_con_left .goods_list_four {height:80vh;} .div_con_left .goods_list_long {height:80vh;} .div_con_right .con_detail {height:87vh; } .div_con_left .goods_list ul li {position: relative; float: left; width: 31%; height:300px; margin:6px 1%;} .div_con_left .goods_list ul li .box {width:100%; height:295px; padding:0; text-align:left; box-sizing:border-box; } .div_con_left .goods_list ul li .pic {width:100%; height:210px; display:block; background:#000; } .div_con_left .goods_list ul li .pic img {width:100%; height:210px; display:block; } .div_con_left .goods_list ul li .box h4.stit {font-size:16px; font-weight:700; color:#333; margin:8px 5px 6px 5px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} .div_con_left .goods_list ul li .box h5.tit {font-size:14px; color:#888; font-weight:normal; margin:5px;} .div_con_left .goods_list ul li .box p { color:#000; font-size:16px; margin:5px 0 3px 8px; font-weight:bold;} .div_con_left .goods_list ul li .box span {font-size:13px; color:#333} .div_con_left .goods_list ul li:hover .box { border:1px solid #000; } .div_con_left .goods_list ul li:hover .pic img {width:100%; height:210px; display:block; opacity:1;} .div_con_right {float:left; width:50%; box-sizing:border-box; padding:35px 3% 30px 50px; position:relative;} .div_con_right .hotel_picture {width:100%; height:450px; overflow:hidden;} .div_con_right .hotel_picture .left {float: left; width: 65%; overflow: hidden;} .div_con_right .hotel_picture .left img {width:100%; height:450px;} .div_con_right .hotel_picture .right {float: left; height:450px; width: 33%; margin-left:12px; overflow: hidden;} .div_con_right .hotel_picture .right > div {margin-bottom:10px;} .div_con_right .hotel_picture .right div {height:225px; width:100%; overflow:hidden;} .div_con_right .hotel_picture .right div img {max-height:100%; height:225px;width:100%;} /* ����������- ��ڽ� */ .div_con_left .goods_list_long ul li { float: left; width: 99%; height:160px; margin:0 0.7% 10px 0;} .div_con_left .goods_list_long ul li .box {position: relative; width:100%; height:160px; padding:0; text-align:left; box-sizing:border-box; border:1px solid #ddd;} .div_con_left .goods_list_long ul li .pic {position: relative; float: left; width:270px; height:160px; margin-right:20px; display:block; background:#000; } .div_con_left .goods_list_long ul li .pic img {width:270px; height:160px; display:block; } .div_con_left .goods_list_long ul li .box h4.stit {font-size:16px; font-weight:700; color:#333; padding:25px 20px 5px 0px; margin-top:0;} .div_con_left .goods_list_long ul li .box h5.tit {font-size:13px; color:#888; font-weight:normal; margin:5px;} .div_con_left .goods_list_long ul li .box .atit {width:100%; height:100px;} .div_con_left .goods_list_long ul li .box .won { font-size:16px; color:000; font-weight:800; float:right; margin-right:30px;} .div_con_left .goods_list_long ul li .box .won span {color:#aaa; margin-right:10px;} .div_con_left .goods_list_long ul li .box span {font-size:13px; color:#333} .div_con_left .goods_list_long ul li:hover .box { border:1px solid #000; } .div_con_left .goods_list_long ul li:hover .pic img {display:block; opacity:1;width:270px; height:160px;} .div_con_left .goods_list_long ul li.active .box { border:1px solid #000; } .div_con_left .goods_list_long ul li.active .pic img {display:block; opacity:1;} /*������Ű�� �� */ .grid_box, .grid_box img {min-height:190px;} .div_con_right .city_picture {width:100%; height:790px; overflow:hidden;} .div_con_right .city_picture .up {float: left; width: 100%; height:620px; overflow: hidden;} .div_con_right .city_picture .up img {width:100%; height:100%;} .div_con_right .city_picture .down {display:flex; float: left; width:100%; height: 170px; overflow:hidden;} .div_con_right .city_picture .down > div {flex:1; float:left; height:170px; margin-right:0.8%; margin-top:7px;} .div_con_right .city_picture .down > div:nth-child(4) {margin-right:0;} .div_con_right .city_picture .down > div img {height:170px; width:100%;} .view_picture {width:100%; height:700px; margin-top:20px;} .div_con_left .goods_list_four ul li {position: relative; float: left; width: 24%; height:260px; margin:0 0.5% 7px 0.5%; cursor:pointer;} .div_con_left .goods_list_four ul li .box {position: relative;width:100%; height:258px; padding:0; text-align:left; box-sizing:border-box; } .div_con_left .goods_list_four ul li .pic {position: relative;width:100%; height:180px; display:block; background:#000; } .div_con_left .goods_list_four ul li .pic img {width:100%; height:180px; display:block; opacity:0.8;} .div_con_left .goods_list_four ul li .box h4.stit {font-size:16px; letter-spacing:-0.2px; font-weight:700; color:#333; margin:7px 5px 3px 5px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; } .div_con_left .goods_list_four ul li .box h5.tit {font-size:15px; font-weight:bold; margin:0px 0 0px 5px;} .div_con_left .goods_list_four ul li .box p { color:#000; font-size:15px; margin:2px 0 4px 8px; font-weight:bold;} .div_con_left .goods_list_four ul li .box span {font-size:13px; color:#333} .div_con_left .goods_list_four ul li:hover .box { border:1px solid #000; } .div_con_left .goods_list_four ul li:hover .pic img {width:100%; height:180px; display:block; opacity:1;} .div_con_left .goods_list_four ul li.active .pic img { opacity:1;} .div_con_left .goods_list_four ul li.active .box { border:1px solid #000; } }