@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_left h2 {font-size:14px; font-weight:bold; margin-top:50px; margin-bottom:10px;}

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



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

/*고정시키는 값 */
.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;}



/* 모바일 견적서 */
.div_modal {width:100%; height:auto; margin:0 auto; background:#fff; padding:40px 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:13% 87%; grid-gap: 2px; line-height:1.9em;}
.es_airbox .airtit { font-size:15px; font-weight:bold; color:#7f452b;}
.txt_bold_won {margin-top:2px;}
.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;}

.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;}

.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:5px 3% 25px 3%; position:absolute; left:-100%; top:0; z-index:999; transition:left 0.7s; width:100%; box-sizing:border-box;}
.div_con_right.on { left:0;}
.div_con_right .hotel_picture {height:400px;}
.div_con_right .hotel_picture .left {width:100%;}

.div_con_right .con_detail { position: relative; width: 100%; height:95vh; padding-right:5px; float:left; padding-bottom:200px; }
.view_picture  {height:400px;}
.div_con_right .hotel_picture .left img {height:100%;}
.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:0;}

.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;}

.calen_form input[type="text"] {width:130px; }

.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_cen2 {width:100%; height:auto;  text-align:center; padding:10px;}
.div_cen2 img {margin:20px 7px 7px 0;}
.btn_line {width:90px; font-size:12px;}
.btn_solid {width:90px; font-size:12px;}
.btn_solid2 {width:80px; margin-right:20px; font-size:12px;}
.select_form100 select {width: 55px; font-size:12px;}
.select_form200 select {width: 130px; 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 h4 {font-size:11px; letter-spacing:-1px;}
.mobile_show { display:block; }