@charset "utf-8";

/*
 * --------------------------------------------------------------------------
 * descript : 게시판 테마
 * --------------------------------------------------------------------------
 * version	: 2.0.0
 * author	: Yoodaekyung
 * update	: 2018.08.17
 * email	: eorud0818@naver.com
 * --------------------------------------------------------------------------
 */

 #board-pagenation {margin:2.5rem auto !important;}

.btn-group-center {text-align:right; padding:2.5rem 0 5rem;}

/* --------------------------------------------------------------------------
   검색
   -------------------------------------------------------------------------- */
.search-box{width:358px; height:40px; float:right; margin-bottom:18px;}
.search-box select, .search-box input, .search-box button{float:left; box-sizing:border-box; display:inline-block; height:40px; line-height:40px; font-size:16px;}
.search-box input[type="text"]{width:58%; margin:0 1%; border:1px solid #cfd1d4; text-align:left; padding:0 10px;}
.search-box select{width:25%; border:1px solid #cfd1d4; cursor:pointer; padding:0 10px; background:url(/assets/img/common/theme/btn_down.png) no-repeat 90% center; background-size:15px;}
.search-box button{width:15%; background:#ee3139 url('/assets/img/html/board/ico_board_search.png') no-repeat 50% 50%; overflow:hidden; text-indent:-999px; color:#fff; font-weight:700; cursor:pointer; text-align:left;}



/**********************************************************************
* Descript : 공지사항 게시판 리스트 스타일
***********************************************************************/
.board-notice-list {width:100%; clear:both;}
.board-notice-list ul{}
.board-notice-list li {position:relative; border-bottom:1px solid #d7d7d7;}
.board-notice-list .list {border-top:2px solid #ee3139;}
.board-notice-list .list a {display:block; position:relative; padding:1.75rem 7.6rem 1.75rem 7.7rem; overflow:hidden; color:#333333;}
.board-notice-list .list a[data-scret="secret"]:before {content:"비공개"; display:block; position:absolute; top:1.75rem; left:3.9rem; width:3rem; height:1.5rem; line-height:1.5rem; text-align:center; color:#fff; background:#c22a34; font-size:.8rem;}
.board-notice-list .list i {position:absolute; top:50%; width:3.9rem; text-align:center; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-size:.9rem;}
.board-notice-list .list a span {display:block;}
.board-notice-list .list .state i {display:block; position:absolute; left:auto; right:1.25rem; width:5rem; height:5rem; line-height:5rem; text-align:center; border-radius:100%; background:#000; text-align:center; font-size:.95rem; color:#fff; font-weight:600;}
.board-notice-list .list .state i[data-state="장착완료"] {background:#646464;}
.board-notice-list .list .state i[data-state="예약대기중"] {background:#ff8745;}
.board-notice-list .list .state i[data-state="예약완료"] {background:#1783ce;}
.board-notice-list .list .title {font-size:1.1rem; margin-bottom:.6rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board-notice-list .list .title strong {font-weight:800;}
.board-notice-list .list .area {font-size:1rem;}
.board-notice-list .list .date {font-size:.9rem; margin-top:1rem;}


/**********************************************************************/



/**********************************************************************
* Descript : 공지사항 게시판 리스트 스타일
***********************************************************************/
.board-notice-view{width:100%;}
.board-notice-view ul{}
.board-notice-view ul li{display:inline-block; width:100%; line-height:2rem; padding:1rem 0; border-bottom:1px solid #e0e0e0;}
.board-notice-view ul li:first-child{border-top:2px solid #222;}
.board-notice-view ul li.attachment{}
.board-notice-view ul li.attachment span{font-size:12px;}
.board-notice-view ul li.con{font-size:1em; line-height:1.8em; padding:25px 0;}
.board-notice-view ul li.con img{max-width:100%; height:auto !important;}
.board-notice-view ul li i.num, .board-notice-view ul li a.subject, .board-notice-view ul li span.date, .board-notice-view ul li i.hit{display:inline-block; text-align:center; float:left;}
.board-notice-view ul li i.num{width:15%;}
.board-notice-view ul li span.notice{background:#fa6d0f; color:#fff; text-align:center; border-radius:20px; font-size:12px; font-weight:700;}
.board-notice-view ul li p.subject{width:100%; text-align:left; box-sizing:border-box; font-weight:700; line-height:1.6em; font-size:1.2em;}
.board-notice-view ul li a.notice{color:#222; font-weight:700;}
.board-notice-view ul li span.date{position:relative; padding:0 15px 0 0;}
.board-notice-view ul li span.date::before{position:absolute; display:inline-block; content:''; width:4px; height:15px; border-radius:4px; background:#e0e0e0; top:11px; right:0;}
.board-notice-view ul li span.hit{ padding:0 15px;}




/**********************************************************************/



/**********************************************************************
* Descript : 게시판 뷰 이전 및 다음글 리스트 스타일
***********************************************************************/
.prev-next-list{}
.prev-next-list li{width:100%; height:45px; line-height:45px; border-bottom:1px solid #eee;}
.prev-next-list li > b, .prev-next-list li a{display:inline-block; float:left; box-sizing:border-box; padding:0 10px; font-size:1em;}
.prev-next-list li > b{width:15%; background:#fafafa; font-weight:700;}
.prev-next-list li a{width:85%; color:#111; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


@media (max-width:640px){
	.prev-next-list li > b{width:25%;}
	.prev-next-list li a{width:75%;}
}

/**********************************************************************/




/* --------------------------------------------------------------------------
   갤러리 (고객후기)
   -------------------------------------------------------------------------- */
#gallery{}
#gallery .list {overflow:hidden;}
#gallery .list li {display:block; position:relative; box-sizing:border-box; padding:.75rem; width:50%; float:left;}


/* 글쓰기 */
#gallery .board-gallery-form{width:100%;}
#gallery .board-gallery-form input[type="text"],
#gallery .board-gallery-form input[type="password"],
#gallery .board-gallery-form select{min-width:100px; height:35px; line-height:35px; box-sizing:border-box; border:1px solid #cacaca; padding:0 5px;}
#gallery .board-gallery-form select{background:url(/assets/img/common/theme/btn_down.png) no-repeat 90% center;}
#gallery .board-gallery-form textarea{width:100%; max-width:100%; min-width:100%; height:150px; bbox-sizing:border-box; padding:5px; border:1px solid #cacaca; color:#222; font-size:12px; line-height:20px;}
#gallery .board-gallery-form input[data-name="제목"]{width:100%;}
#gallery .board-gallery-form input[data-name="연락처"]{width:100px;}

#gallery .board-gallery-form tbody{border-top:2px solid #858585;}
#gallery .board-gallery-form tbody th{width:200px; text-align:center; font-size:15px; font-weight:700; color:#222; padding:20px 0; background:#f3f3f3; border-bottom:1px solid #cfd1d4;}
#gallery .board-gallery-form tbody td{padding:10px 20px; text-align:left; border-bottom:1px solid #cfd1d4;}
#gallery .board-gallery-form tbody td .addFile > input,
#gallery .board-gallery-form tbody td .addFile > label{display:none;}




/* --------------------------------------------------------------------------
   온라인 상담
   -------------------------------------------------------------------------- */
.inquire{margin:0 0 100px 0;}

/* 리스트 */
.board-counsel-list{width:100%; border-top:2px solid #222;}
.board-counsel-list ul li{position:relative;}
.board-counsel-list ul li.empty{text-align:center; padding:50px 0; border-bottom:1px solid #eee;}
.board-counsel-list ul li a{display:block; padding:15px; border-bottom:1px solid #cfd1d4; color:#222; font-size:15px;}
.board-counsel-list ul li a:hover{text-decoration:none;}
.board-counsel-list ul li a b{position:relative; display:block;  padding:5px 100px 5px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.board-counsel-list ul li a b i.notice{left:0; top:0; display:inline-block; padding:5px 10px; background:#2ab3bc; color:#fff; font-size:11px; font-weight:700;}
.board-counsel-list ul li a i.name{font-size:12px; color:#aaa;}
.board-counsel-list ul li a i.date{font-size:12px; color:#aaa;}
.board-counsel-list ul li a span.line{display:inline-block; font-size:10px; color:#ccc; padding:0 10px; vertical-align:2px;}
.board-counsel-list ul li div.answer{ position:absolute; top:50%; right:10px; transform:translate(0, -50%);}
.board-counsel-list ul li div.answer span.state{display:inline-block; padding:10px 20px; color:#fff; border-radius:25px; font-size:13px; font-weight:400; background:#cbcbcb;}
.board-counsel-list ul li div.answer span.state[data-name="상담완료"]{background:#d70a3a; }

/* 뷰 */
.board-counsel-view{width:100%; border-top:2px solid #858585;}
.board-counsel-view ul li{position:relative;}

.board-counsel-view ul li div.title{padding:15px; border-bottom:1px solid #cfd1d4; color:#222; background:#eee; font-size:1em; line-height:1.5em; font-weight:700;}
.board-counsel-view ul li p.info{position:relative;  padding:20px 15px; border-bottom:1px solid #cfd1d4;}

.board-counsel-view ul li p.info span.state{position:absolute; display:inline-block; top:50%; right:10px; transform:translate(0, -50%); padding:10px 20px; color:#fff; border-radius:25px; font-size:13px; font-weight:400; background:#cbcbcb;}
.board-counsel-view ul li p.info span.state[data-name="상담완료"]{background:#d70a3a; }

.board-counsel-view ul li p.info i.notice{left:0; top:0; display:inline-block; padding:5px 10px; background:#005d99; color:#fff; font-size:11px; font-weight:700;}
.board-counsel-view ul li p.info i.name{font-size:12px; color:#777;}
.board-counsel-view ul li p.info i.date{font-size:12px; color:#777;}
.board-counsel-view ul li p.info i.hit{font-size:12px; color:#777;}
.board-counsel-view ul li p.info span.line{display:inline-block; font-size:10px; color:#ccc; padding:0 10px; vertical-align:2px;}


.board-counsel-view ul li.con{padding:15px; border-bottom:1px solid #cfd1d4; font-size:1em; line-height:1.5em;}



.board-counsel-content{padding:15px; font-size:1em; line-height:1.5em; border-bottom:1px solid #eee;}

.board-counsel-reply{padding:25px; background:#f4f4f4; border-top:1px solid #cfd1d4; border-bottom:1px solid #cfd1d4;}
.board-counsel-reply .reply-title{position:relative; display:inline-block; width:100%; height:30px; line-height:30px;  padding-left:100px; box-sizing:border-box; font-weight:700; margin-bottom:25px;}
.board-counsel-reply .reply-title i{position:absolute; left:0; top:0; display:inline-block; width:80px; height:30px; line-height:30px; text-align:center; color:#fff; background:#d59930; font-size:13px;}
.board-counsel-reply .reply-txt{font-size:13px; line-height:20px;}

/* 글쓰기 */
.board-cousel-form{width:100%; border-top:2px solid #858585; border-collapse: separate;}
.board-cousel-form input[type="text"],
.board-cousel-form input[type="password"],
.board-cousel-form select{height:35px; line-height:35px; box-sizing:border-box; border:1px solid #cacaca; padding:0 5px;}

.board-cousel-form input[type="password"]{font-family:'돋움', sans-serif;}

.board-cousel-form select{min-width:80px; background:#fff url(/assets/img/web/main/theme/arrow_down_off.png) no-repeat 95% center;}
.board-cousel-form textarea{width:100%; max-width:1060px; min-width:0; height:10rem; bbox-sizing:border-box; padding:.5rem; border:1px solid #cacaca; color:#222; font-size:1rem; line-height:1.5;}
.board-cousel-form input[data-name="제목"]{width:100%;}
.board-cousel-form input[data-name="연락처"]{width:29%;}

.board-cousel-form tbody{}
.board-cousel-form tbody th{width:50px; padding:10px 20px; text-align:left; background:#f8f8f8; border-bottom:1px solid #cfd1d4; font-size:13px; font-weight:700;}
.board-cousel-form tbody td{padding:10px; text-align:left; border-bottom:1px solid #cfd1d4;}
.board-cousel-form tbody td .addFile > label,
.board-cousel-form tbody td .addFile > input{display:none;}

.private-agree textarea{width:100%; max-width:100%; min-width:100%; height:150px; background:#f4f4f4; box-sizing:border-box; padding:25px; color:#222; font-size:12px; line-height:20px; margin:15px 0;}

#inquire .private-agree{}
#inquire .private-agree textarea{width:100%; max-width:100%; min-width:100%; height:200px; background:#fafafa; box-sizing:border-box; padding:25px; color:#222; font-size:13px; line-height:23px; margin:15px 0;}
#inquire .private-agree .scroll-box {text-align:left; height:10rem; background:#fafafa; box-sizing:border-box; overflow:auto; padding:1rem; color:#222; font-size:1rem; line-height:1.8; margin:1rem 0;}

/* 체크박스 및 라디오버튼 */
#inquire .private-agree{text-align:right;}
#inquire .private-agree input[type="checkbox"]{display:none;}
#inquire .private-agree input[type="checkbox"] + label{font-size:14px; position:relative; padding-left:30px; cursor:pointer; height:23px; line-height:23px;}
#inquire .private-agree input[type="checkbox"] + label::before{content:""; display:inline-block; position:absolute; left:0; top:0; border:1px solid #ddd; width:23px; height:23px; box-sizing: border-box;}
#inquire .private-agree input[type="checkbox"]:checked + label::after{content:""; display:inline-block; position:absolute; width:15px; height:15px; left:4px; top:4px; background:#d70a3a}

#inquire .private-agree input[type="radio"]{display:none;}
#inquire .private-agree input[type="radio"] + label{font-size:14px; position:relative; padding-left:30px; cursor:pointer; height:23px; line-height:23px;}
#inquire .private-agree input[type="radio"] + label::before{content:""; display:inline-block; position:absolute; left:0; top:0; border:1px solid #ddd; width:23px; height:23px; border-radius:23px; box-sizing: border-box;}
#inquire .private-agree input[type="radio"]:checked + label::after{content:""; display:inline-block; position:absolute; width:15px; height:15px; border-radius:15px; left:4px; top:4px; background:#d70a3a}

/* 비밀번호 */
#inquire .check-password{width:90%; max-width:640px; background:#eee; margin:50px auto; border:1px solid #333; text-align:center;}
#inquire .check-password h3{background:#333; color:#fff; padding:20px; font-size:15px; font-weight:700;}
#inquire .check-password p{font-size:13px; color:#777; padding:25px 0 10px 0; line-height:20px;}
#inquire .check-password input[type="password"]{width:50%; border:1px solid #ccc; box-size:border-box; padding:7px; background:#fff;}
#inquire .check-password input[type="password"]{font-family:'돋움', sans-serif;}

.jfilestyle-theme-default{margin-bottom:5px;}
















#review{padding:150px 0; background:#f5f5f5; background-size:cover; background-attachment:fixed; text-align:center;}
#review h6{margin-bottom:15px; font-size:46px; font-weight:700; letter-spacing:-2.5px; color:#111;}
#review h6 em{font-weight:700; color:#d70a3a;}
#review h6 + p{margin-bottom:50px; font-size:22px; color:#111;}
#review h6 + p em{font-weight:700; color:#d70a3a;}

#review .review{display:inline-block; width:100%;}
#review .review .list{position:relative; float:left; width:calc(33.3333333333% - 10px); margin-right:15px; margin-bottom:15px;}
#review .review .list:nth-child(3n + 3){margin-right:0;}
#review .review .list img{height:290px;}

#review .review .list ul{height:130px; padding:50px 25px 25px 25px; background:#fff; box-sizing:border-box; text-align:left;}
#review .review .list ul li{position:relative;}
#review .review .list ul li:first-child::before{display:inline-block; width:50px; height:20px; line-height:20px; border-radius:20px; background:#aaa; text-align:center; font-size:13px; letter-spacing:1px; color:#fff; font-weight:700; left:0; top:-25px;}
#review .review .list ul li[data-type="렌트"]::before{content:'렌트'; background:#d70a3a;}
#review .review .list ul li[data-type="리스"]::before{content:'리스'; background:#7c7c7c;}
#review .review .list ul li a{ display:block; margin-bottom:15px; font-size:21px; line-height:26px; font-weight:700; color:#111; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


#review .review .list ul li.date{font-size:15px; color:#aaa;}


.pop-password {display:none; position:fixed; top:50%; left:50%; width:30.5rem; height:19rem; padding-top:8.6rem; margin-left:-15.25rem; margin-top:-9.5rem; background:url('/assets/img/html/board/ico_pop_passwrod.png') 50% 2.8rem no-repeat #fff; background-size:5.5rem; border:1px solid #000; box-sizing:border-box; text-align:center; z-index:999;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15);
}
.pop-password .pop-close {display:block; position:absolute; top:1.5rem; right:1.5rem; width:1.8rem; height:1.8rem; background:url('/assets/img/html/sub/btn_pop_close.png') no-repeat 50% 50%; background-size:contain; text-align:left; overflow:hidden; text-indent:-999px;}
.pop-password p {font-size:1.25rem; color:#000; line-height:1.8;}
.pop-password p strong {font-weight:800;}
.pop-password p span {display:block; color:#898989; font-size:.95rem;}
.pop-password .input-box {display:block; position:relative; max-width:21rem; margin:1rem auto; box-sizing:border-box; padding-right:6.25rem; border:none;}
.pop-password .input-box input,
.pop-password .input-box button {height:3.5rem; box-sizing:border-box;}
.pop-password .input-box button {position:absolute; width:5.9rem; top:0; right:0; text-align:center; color:#fff; background:#c22a34; font-size:1rem; cursor:pointer;}
.pop-password .input-box input {width:100%; border:1px solid #d7d7d7; padding:0 1rem; font-size:1rem;}

.reserv-form-box {position:relative; margin:2.5rem 0; overflow:hidden;}
.reserv-form-box h4 {text-align:center; padding:3rem 0 2rem; font-size:1.5rem; font-weight:800; clear:both;}

.reserv-form-box .input-box {position:relative; box-sizing:border-box; padding:1rem 0; margin-left:7.5rem; clear:both; min-height:3.5rem;}
.reserv-form-box .input-box + .input-box {margin-top:1rem;}
.reserv-form-box .input-box p {line-height:1.5rem; padding:0 1.3rem;}
.reserv-form-box .input-box:before {content:""; display:block; position:absolute; top:0; left:0; bottom:0; right:0; border:1px solid #dcdcdc; z-index:-1;}
.reserv-form-box .help {clear:both; padding:.5rem 1rem .7rem; color:#ff2f2f;}
.reserv-form-box .help:before {content:"※"; margin-right:.5rem;}
.reserv-form-box dl.input-box {padding-left:7.5rem; margin-left:0;}
.reserv-form-box dl.input-box dt {position:absolute; top:0; left:0; width:7.5rem; text-align:center; line-height:3.5rem; color:#333333; font-size:1rem; font-weight:800;}
.reserv-form-box dl.input-box dt:after {content:""; display:block; position:absolute; width:.2rem; top:1rem; bottom:1rem; right:-.2rem; background:#f1f1f1;}
.reserv-form-box dl.input-box dd {margin-left:1.3rem; line-height:1.4rem; font-size:1rem;}
.reserv-form-box dl.input-box dd p {padding:0; line-height:1.5rem;}
.reserv-form-box dl.input-box.textarea dt {bottom:0;}
.reserv-form-box dl.input-box.textarea dt {text-indent:-.2rem;}
.reserv-form-box dl.input-box.textarea dt:before {content:""; display:inline-block; height:100%; vertical-align:middle; width:0px;}
.reserv-form-box dl.input-box.textarea p {padding:0; line-height:1.8;}

.reserv-form-box input[type="radio"] + label,
.reserv-form-box input[type="checkbox"] + label {display:inline-block; position:relative; padding:0 1.65rem;}
.reserv-form-box input[type="radio"] + label:before,
.reserv-form-box input[type="checkbox"] + label:before {content:""; display:block; position:absolute; width:1.25rem; height:1.25rem; left:0; top:50%; margin-top:-.625rem; border-radius:100%; border:.25rem solid #eeeeee; background:#eeeeee; box-sizing:border-box; transition:.3s all; -webkit-transition:.3s all;}
.reserv-form-box input[type="radio"]:checked + label:before,
.reserv-form-box input[type="checkbox"]:checked + label:before {background:#ee2931;}
.reserv-form-box input[type="radio"]:focus + label,
.reserv-form-box input[type="checkbox"]:focus + label {color:#ee2931;}

.reserv-form-box select,
.reserv-form-box input[type="text"],
.reserv-form-box input[type="password"] {padding:0 1rem; border:none; width:100%; height:1.5rem; font-size:1rem;}
.reserv-form-box dd input[type="text"],
.reserv-form-box dd input[type="password"] {padding-left:0;}
.reserv-form-box .input-box.hp select,
.reserv-form-box .input-box.hp input[type="text"],
.reserv-form-box .input-box.hp input[type="number"],
.reserv-form-box .input-box.hp input[type="password"] {width:29%;}
.reserv-form-box .input-box.hp em {display:inline-block; width:2%; vertical-align:middle;}
.reserv-form-box .input-box.txt dd {position:relative; padding-right:2.75rem;}
.reserv-form-box .input-box.txt dd em {display:block; position:absolute; top:50%; right:0; line-height:1.5rem; width:2.75rem; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.reserv-form-box .input-box textarea {display:block; width:100% !important; min-height:150px;}

.reserv-form-box input[type="text"].date {padding-right:3rem; background:url('/assets/img/html/board/ico_input_date.png') no-repeat 100% 50%; background-size:auto 90%;}