@charset "utf-8";

.div_movile .page_all { display: none; position: relative; width:32px; height: 14px; top:30px; left:10px; border-top: 2px solid #888; border-bottom: 2px solid #888; color:transparent; transform:scale(0.8);}
.div_movile .page_all:before { content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 2px; background: #888; margin-top: -1px;}
/*.div_movile p { display: none;}*/

/* 모바일메뉴 */


.dim { display: none;position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}

.enter {display:block; width:100%; height:10px; clear:both; }
.login_div {width:330px; height:auto; margin:0 auto; text-align:center; position:absolute;  left:50%; margin-left:-165px; top:50%; transform:translateY(-50%);}
.login_div > h1 {color:#fff; font-size:23px; letter-spacing:-1px;}
.login_form_box {width:330px;  float:left;  margin:0 auto;}
.login_form_box01 {width:330px;  float:left;  margin:0 auto;}
.login_form_box02 {width:330px;  float:left;  margin:0 auto;}
.login_form_input {float:left; display:block; height:40px; padding:0px 12px; margin-bottom:10px; font-size:14px; line-height:14px; color:#333; background-color:#fff; background-image:none; border:none; border-radius:3px; box-sizing:border-box;}
.login_form_btn {width:330px; height:40px; padding:0 12px; display:block; background:#1a1a1a; color:#fff; font-size:15px; font-weight:normal; text-align:center; border-radius:3px; border:none; margin:0 auto; margin-bottom:3px;}


/* 페이지 */

.div_con_left {float:left; width:100%; height:100vh;  background:#fff; padding:2%; }
.div_con_right {float:left; width:100%; height:100vh; background:#e0e0e0; position: absolute; left:-120%; top: 0; z-index: 101; transition: left 0.7s; padding: 15px 24px 15px 22px; width:calc(100% - 20px); height: 100%;  box-sizing: border-box;}

.optionNav ul li { flex:1;  font-size: 13px; font-weight: bold; text-align:center; cursor:pointer; box-sizing:border-box; float:left; text-align:center; padding:5px 10px; border-radius:7px;}
.div_con_left h1 {margin: 0px 0; position:absolute; left:50%; transform:translateX(-45%);}
.div_con_left h1:after {clear:both;content:"";display:block;}
.placeNav ul {margin: 2px 0;}
.cateNav {width:100%;}
.div_con_left .content_e h2 {font-size:13px; font-weight:bold; margin-top:0px;}
.searchbox {height: 30px; width:45%; border-bottom: 1px solid #333;  float:right;  line-height:30px; margin-top:-5px; margin-right:1.1%;}

/* 페이지-왼쪽- 리스트목록2 */
.div_con_left .goods_list_long  { position: relative; width: 100%; height:80vh; float:left; margin-top:7px; overflow-y:scroll;}
.div_con_left .goods_list_long ul {list-style:none;  }
.div_con_left .goods_list_long ul li { float: left; width: 100%; height:100px; margin:0 0.7% 10px 0;}

.div_con_left .goods_list_long ul li .box {position: relative; width:100%; height:100px; padding:0; text-align:left; box-sizing:border-box; border:1px solid #ddd;}
.div_con_left .goods_list_long ul li .pic {float: left; width:130px; height:100px; margin-right:10px; display:block; background:#000; }
.div_con_left .goods_list_long ul li .pic img {width:130px; height:100px; display:block; opacity:0.8;}

.div_con_left .goods_list_long ul li .box h4.stit {font-size:14px; font-weight:700; color:#333; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; padding:15px 30px 5px 0;}
.div_con_left .goods_list ul li .box h5.tit,
.div_con_left .goods_list_long ul li .box h5.tit  {font-size:13px; color:#888; font-weight:normal; margin:5px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.div_con_left .goods_list_long ul li .box .atit {width:100%; height:70px;}
.div_con_left .goods_list_long ul li .box .won { font-size:14px; color:#000; font-weight:800; float:left; 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;}

.div_con_left .goods_list_four  { position: relative; width: 100%; height:80vh; float:left; margin-top:5px;  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: 49%; height:230px; margin:0 0.5% 7px 0.5%;}

.div_con_left .goods_list  { position: relative; width: 100%; height:70vh; float:left; margin-top:7px;  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:160px; margin:0 0.7% 7px 0.7%;}

.div_con_left .goods_list ul li .box {position: relative;width:100%; height:160px; padding:0; text-align:left; box-sizing:border-box; }
.div_con_left .goods_list ul li .pic {position: relative;width:100%; height:100px; display:block; background:#000; }
.div_con_left .goods_list ul li .pic img {width:100%; height:100px; display:block; opacity:0.5;}

.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:100px; 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; }

/*고정시킬 하단메뉴_우측*/
.bottom_right {width:100%;height:80px;background:#e0e0e0; position:absolute; bottom:0; right:0px;}
/*고정시킬 하단메뉴_좌측*/
.bottom_left {width:99%;height:55px;background:#fff;position:fixed; bottom:0; left:0px; padding-right:6px;}

/*고정시키는 값 */
.fixed {bottom:0;}
/* 옵션메뉴 */

.optionNav ul li {font-size: 12px; font-weight: bold; text-align:center; cursor:pointer; box-sizing:border-box; float:left; text-align:center; padding:5px 7px; border-radius:7px;}
.btn_line {width:120px; height:33px; line-height:33px; text-align:center; border:1px solid #333;  box-sizing:border-box;  cursor: pointer;}
.btn_solid {width:120px; height:33px; line-height:33px; text-align:center; background: #333; color:#fff; box-sizing:border-box;  cursor: pointer;}

/* 선택된 도시들*/
.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: 11px;  }
.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:1px 7px; }


/* 모바일 견적서 */
.div_modal {width:100%; height:auto; margin:0 auto; background:#fff; padding:5px 3% 20px 3%; box-sizing:border-box; position:relative;}
.div_modal h1.es_tit1 {font-size:14px; font-weight:bold; width:100%; height:35px; line-height:35px; border-bottom:2px solid #000; margin-bottom:20px;}
.div_modal h1.es_tit1 > span {font-size:15px; margin-left:10px;}
.div_modal .icon_kakao {display:none;}
.div_modal .es_left {float:left; width:15%; 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:85%;  height:20px; line-height:20px; font-size:14px; color:#000; text-align:left;}
.grid_es_wrapper {display:grid; grid-template-columns:8% 1fr 1fr 2fr; grid-gap: 2px;}
.grid_es_wrapper .grid_es_box .es_con {font-size:13px; color:#555;}
.es_form {padding:0px 3px; margin-bottom:3px; font-size:13px; }
.grid_es_wrapper .grid_es_box p {text-align:left; font-size:13px;}
.es_airbox {display:grid; grid-template-columns:20% 80%; grid-gap: 2px;}
.es_airbox .airtit { font-size:15px; font-weight:bold; color:#7f452b;}
.txt_bold_won {margin-top:5px;font-size:14px; font-weight:500;}
.es_airbox ul li {width:100%; 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;}
.grid_tour_wrapper .grid_es_box h3 {font-size:14px; }
.div_cen2 {width:100%; height:auto;  text-align:center; padding:10px;}
.div_cen2 img {margin:20px 7px 7px 0;}
.linkline {text-decoration:underline; color:#17316d;}
.grid_hotel_wrapper .grid_es_box {position:relative; background-color: #fff; padding: 0; height:auto; cursor:pointer; color:#333; line-height:1.3em;}
.es_sum h1.sumtxt {font-size:28px;}


.dim { display: none;position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.div_con_right { float:left; width:100%;  height:100vh; background:#e0e0e0; box-sizing:border-box; padding:25px 3%; position:absolute; left:-100%; top:0; z-index:999; transition:left 0.7s; width:100%; box-siziing:border-box;  }
.div_con_right.on { left:0;}
.div_con_right .hotel_picture {height:270px;}
.div_con_right .hotel_picture .left {width:100%; height:270px;}

.div_con_right .con_detail { position: relative; width: 100%;  padding-right:0px; float:left; padding-bottom:50px; }
.view_picture  {height:270px;}
.div_con_right .hotel_picture .left img {height:270px;}
.div_con_right .hotel_picture .right {display:none;}
.div_con_right .title {margin: 20px 0 7px 0; text-align: left;}
.div_con_right .title h2 {font-size:18px; font-weight:bold; color:#000; margin-bottom:5px; display:block; margin-top:0;}
.div_con_right .city_picture {width:100%; height:380px; overflow:hidden;}
.div_con_right .city_picture .up {position:relative; float: left; width: 100%; height:280px; overflow: hidden;}
.div_con_right .city_picture .up img {width:100%; height:100%;}
.div_con_right.on .page_close {display: block; position: absolute; right: 15px; top: 20px; width: 22px; height: 22px;  color:transparent; z-index:9999;}
.div_con_right.on .page_close:before { content: ""; position: absolute; left:46%; top: 0; width: 1px; height: 100%; background: #555; transform: rotate(45deg);}
.div_con_right.on .page_close:after { content: ""; position: absolute; right:45%; top: 0; width: 1px; height: 100%; background: #555; transform: rotate(-45deg);}
.bottom_right .mg30t {margin-top:15px;}
.btn_line {width:90px; }
.btn_solid {width:90px;}
.btn_solid2 {width:60px; margin-right:20px; }
.select_form100 select {width: 55px; font-size:12px;}
.select_form200 select {width: 120px; font-size:12px;}
.calen_form input[type="text"] {width:90px;  font-size:13px;}
.bottom_right .mg10r {margin-right:3px;}
.div_con_right h4  {font-size:16px;}
.div_con_right p {font-size:13px;}
.option_won span {font-size:13px;}
#spot_tab_1 {margin-top:10px;}
#spot_tab_1 .nav_1 li {font-size:10px; letter-spacing:-1px;}
.view_picture {width:100%;}
.placeNav ul li {min-width:50px;}
.placeNav {width: 100%; float:left; text-align: center;  overflow-x:scroll;  overflow-y:none; margin-top:5px;}
.div_con_left h2 {margin-top:45px;}
.grid_wrapper { width:100%; margin:0 auto; display:grid; grid-gap: 2px; grid-template-columns: 1fr 1fr 1fr; }
.mobile_show { display:block; }