@charset "utf-8";

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


/* --------------------------------------------------------------------------
   검색
   -------------------------------------------------------------------------- */
.search-box{width:640px; height:35px; margin:0 auto;}
.search-box select, .search-box input, .search-box button{float:left; box-sizing:border-box; display:inline-block; height:45px; line-height:45px; font-size:16px;}
.search-box input[type="text"]{width:68%; margin:0 1%; border:1px solid #cfd1d4; text-align:left; padding:0 10px; background:url(/assets/img/board/search.png) no-repeat 98% center; background-size:20px;}
.search-box button{width:15%; background:#0091d5; color:#fff; font-weight:700; cursor:pointer;}
.search-box select{width:15%; border:1px solid #cfd1d4; cursor:pointer; padding:0 10px; background-color:#fff;}

/* --------------------------------------------------------------------------
   공지사항
   -------------------------------------------------------------------------- */
#board{margin-bottom:100px;}
/* 리스트 */
#board .board-notice-list{width:100%;}
#board .board-notice-list thead{background:#f8f8f8; border-top:2px solid #858585; border-bottom:1px solid #cfd1d4;}
#board .board-notice-list thead th{text-align:center; font-size:15px; font-weight:700; color:#222; padding:20px 0;}

#board .board-notice-list tbody td{background:#fff; border-bottom:1px solid #cfd1d4; text-align:center; padding:15px 0; font-size:15px; font-weight:300;}
#board .board-notice-list tbody td i.notice{display:inline-block; padding:10px 15px; background:#0091d5; color:#fff; border-radius:25px; font-size:13px; font-weight:700;}

#board .board-notice-list tbody td.subject{text-align:left; padding:0 25px;}
#board .board-notice-list tbody td.subject a{color:#222; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#board .board-notice-list tbody tr:hover td{background:#fcfcfc;}
#board .board-notice-list tbody tr.no-data td{color:#aaa; vertical-align:middle;}

/* 뷰 */
#board .board-notice-view{width:100%; }
#board .board-notice-view thead{background:#f8f8f8; border-top:2px solid #858585; border-bottom:1px solid #cfd1d4;}
#board .board-notice-view thead th{text-align:left; font-size:18px; font-weight:700; color:#222; padding:20px;}

#board .board-notice-view tbody td{background:#fff; border-bottom:1px solid #cfd1d4; text-align:center; padding:10px 0; font-size:14px; font-weight:300;}
#board .board-notice-view tbody td i.notice{display:inline-block; padding:5px; background:#172b4d; color:#fff; border-radius:2px; font-size:11px; font-weight:700;}
#board .board-notice-view tbody td.subject{padding-left:20px; text-align:left; line-height:24px; font-weight:700;}
#board .board-notice-view tbody td.con{padding:25px 15px; line-height:1.8em; text-align:left;}
#board .board-notice-view tbody td.con img{max-width:100%;}
#board .board-notice-view tbody td a{color:#999;}

/* 이전글, 다음글 */
.prev-next-list{width:100%;}
.prev-next-list ul{}
.prev-next-list ul li{}
.prev-next-list ul li span{display:inline-block; float:left; width:100px; padding:15px 0; background:#f2f2f2; font-weight:300; text-align:center; font-size:13px; border-bottom:1px solid #ddd; font-weight:700;}
.prev-next-list ul li a{display:inline-block; float:left; width:calc(100% - 100px); box-sizing:border-box; padding:15px 25px; color:#222; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px solid #eee;}
.prev-next-list ul li a:hover{text-decoration:underline;}

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

/* 리스트 */
#inquire .board-counsel-list{width:100%;}
#inquire .board-counsel-list thead{background:#f8f8f8; border-top:2px solid #858585; border-bottom:1px solid #cfd1d4;}
#inquire .board-counsel-list thead th{text-align:center; font-size:15px; font-weight:700; color:#222; padding:20px 0;}

#inquire .board-counsel-list tbody td{background:#fff; border-bottom:1px solid #cfd1d4; text-align:center; vertical-align:middle; padding:10px 0; font-size:15px; font-weight:300;}
#inquire .board-counsel-list tbody tr:hover td{background:#fcfcfc;}

#inquire .board-counsel-list tbody td.subject{text-align:left; padding:0 25px;}
#inquire .board-counsel-list tbody td.subject a{font-size:16px; line-height:23px; color:#222; padding-right:25px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#inquire .board-counsel-list tbody tr.no-data td{color:#aaa; vertical-align:middle;}


#inquire .board-counsel-list tbody td button.state{display:inline-block; padding:10px 20px; color:#fff; border:1px solid #b89564; color:#b89564; font-size:15px; font-weight:400;}
#inquire .board-counsel-list tbody td button.com{background:#b89564; color:#fff; }
#inquire .board-counsel-list tbody td button.ready{background:#fff; }
#inquire .board-counsel-list tbody td button.public{display:inline-block; padding:10px 20px; color:#fff; border:1px solid #999; color:#999; font-size:15px; font-weight:400;}

/* 뷰 */
#inquire .board-counsel-view{width:100%; }
#inquire .board-counsel-view thead{background:#f8f8f8; border-top:2px solid #858585; border-bottom:1px solid #cfd1d4;}
#inquire .board-counsel-view thead th{text-align:center; font-size:15px;font-weight:700; color:#222; padding:20px 0;}

#inquire .board-counsel-view tbody td{background:#fff; border-bottom:1px solid #cfd1d4; text-align:center; vertical-align:middle; padding:10px 0; font-size:15px; line-height:22px; font-weight:300;}
#inquire .board-counsel-view tbody tr:hover td{background:#fcfcfc;}

#inquire .board-counsel-view tbody td.subject{text-align:left; padding:0 25px;}
#inquire .board-counsel-view tbody td.subject a{color:#222; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


#inquire .board-counsel-view tbody td button.state{display:inline-block; padding:10px 20px; color:#fff; border:1px solid #b89564; color:#b89564; font-size:15px; font-weight:400;}
#inquire .board-counsel-view tbody td button.com{background:#b89564; color:#fff; }
#inquire .board-counsel-view tbody td button.ready{background:#fff; }
#inquire .board-counsel-view tbody td button.public{display:inline-block; padding:10px 20px; color:#fff; border:1px solid #999; color:#999; font-size:15px; font-weight:400;}


#inquire .board-counsel-content{padding:25px; font-size:15px; line-height:1.4em; border-bottom:1px solid #cfd1d4;}

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

/* 글쓰기 */
#inquire .board-cousel-form{width:100%;}
#inquire .board-cousel-form input[type="text"],
#inquire .board-cousel-form input[type="password"],
#inquire .board-cousel-form select{min-width:100px; height:35px; line-height:35px; box-sizing:border-box; border:1px solid #cacaca; padding:0 5px;}
#inquire .board-cousel-form select{background:url(/assets/img/common/theme/btn_down.png) no-repeat 90% center;}
#inquire .board-cousel-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;}
#inquire .board-cousel-form input[data-name="제목"]{width:100%;}
#inquire .board-cousel-form input[data-name="연락처"]{width:100px;}

#inquire .board-cousel-form tbody{border-top:2px solid #858585;}
#inquire .board-cousel-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;}
#inquire .board-cousel-form tbody td{padding:10px 20px; text-align:left; border-bottom:1px solid #cfd1d4;}
#inquire .board-cousel-form tbody td .addFile > input,
#inquire .board-cousel-form tbody td .addFile > label{display:none;}

#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{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; 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; width:15px; height:15px; left:4px; top:4px; background:#0091d5}

#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; 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; width:15px; height:15px; border-radius:15px; left:4px; top:4px; background:#0091d5}

/* 비밀번호 */
#inquire .check-password{width:620px; 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;}



/* --------------------------------------------------------------------------
   갤러리 (고객후기)
   -------------------------------------------------------------------------- */
#gallery{margin-bottom:100px;}

/* 리스트 */
#gallery ul{display:inline-block; width:100%;}
#gallery li.item{position:relative; float:left; width:calc(25% - 3px); margin-bottom:4px; cursor:pointer; margin-right:4px;}
#gallery li.item:nth-child(4n + 4){margin-right:0;}
#gallery li.item a::before{opacity:0; display:inline-block; width:100%; height:100%; background:rgba(0,0,0,0.6); left:0; top:0; z-index:1; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
#gallery li.item a::after{opacity:0; display:inline-block; content:'자세히보기'; padding:10px 25px; border:1px solid #fff; left:50%; top:50%; transform:translate(-50%, -50%); color:#fff; z-index:2; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

#gallery li.item a:hover::before,
#gallery li.item a:hover::after{opacity:1;}

#gallery li.item a{position:relative; display:inline-block; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center center;}
#gallery li.item .thumbnail{height:250px; background:#f3f3f3 url(/assets/img/common/theme/logo.png) no-repeat center center;}
#gallery li.item .info{position:relative; box-sizing:border-box; height:160px; padding:30px 15px;  background:#fff; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; box-sizing:border-box;}
#gallery li.item .info::before{position:absolute; display:inline-block; content:''; width:28px; height:4px; background:#0091d5; left:-1px; top:-2px;}
#gallery li.item .info em{display:block; font-size:1.4em; font-weight:700; color:#222; line-height:1.4em; font-family:'NanumSquare', sans-serif; margin-bottom:10px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
#gallery li.item .info span.date{display:block; font-size:0.85em; color:#8c8c8a;}
#gallery li.item .info span.con{display:block; margin:15px 0; font-size:1em; line-height:1.5em; color:#222; height:3em; max-height:3em; overflow:hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}

/* 글쓰기 */
#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;}

/* --------------------------------------------------------------------------
   FAQ - 자주하는질문 (리스트)
   -------------------------------------------------------------------------- */
#board .board-faq-list{width:100%; border-top:2px solid #858585; }

#board .board-faq-list tbody th{position:relative; text-align:left; font-size:15px; font-weight:700; color:#222; padding:20px 20px 20px 60px; border-bottom:1px solid #eee; cursor:pointer; background:url(/assets/img/common/theme/breadcrumb_down.png) no-repeat 97% center; background-size:15px;}
#board .board-faq-list tbody th.active{background:url(/assets/img/common/theme/breadcrumb_up.png) no-repeat 97% center; background-size:15px;}

#board .board-faq-list tbody td{position:relative; font-size:14px; line-height:20px; border-bottom:1px dashed #ccc; background:#fafafa; display:none;}
#board .board-faq-list tbody td{text-align:left; padding:15px 20px 15px 60px;}
#board .board-faq-list tbody td.no-data{color:#aaa; vertical-align:middle; padding:30px 0;}

#board .board-faq-list tbody th span.question{position:absolute; width:30px; line-height:30px; width:30px; border-radius:30px; text-align:center; font-size:20px; color:#fff; background:#132b88; left:20px; top:50%; transform:translate(0, -50%); font-weight:700;}
#board .board-faq-list tbody td span.answer{position:absolute; width:30px; line-height:30px; width:30px; border-radius:30px; text-align:center; font-size:20px; color:#fff; background:#0ba29a; left:20px; top:10px; font-weight:700;}

/* --------------------------------------------------------------------------
   공통
   -------------------------------------------------------------------------- */
select{background-image:url(/assets/img/common/theme/select_arrow.png) !important; background-repeat:no-repeat; background-position:90% center; background-size:15px !important; cursor:pointer;}






/**********************************************************************
* Descript : 커뮤니티 -> 이벤트 스타일
***********************************************************************/
#well-event{margin-bottom:50px;}
#well-event ul{width:100%; display:inline-block;}
#well-event ul li.item{float:left; width:calc(33.33333% - 20px); height:400px; margin-right:30px;}
#well-event ul li.item:nth-child(3n + 3){margin-right:0;}
#well-event ul li.item .thumbnail{height:250px; background:#fafafa url(/assets/img/common/theme/logo.png) no-repeat center center;}
#well-event ul li.item a{display:block; height:120px; box-sizing:border-box; font-size:16px; line-height:20px;  font-weight:100; color:#999; padding:15px 0; background:#fff;}
#well-event ul li.item a em{display:block; color:#111; font-size:20px; line-height:28px; font-weight:700; letter-spacing:-1px;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#well-event ul li.item a div{display:block; margin:5px 0 25px 0; line-height:24px; color:#111; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

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

#well-event-view{margin-bottom:50px;}
#well-event-view table{width:100%;}
#well-event-view th{padding:15px; font-size:24px; line-height:1.3em; text-align:left; background:#fafafa; border-top:2px solid #222; border-bottom:1px solid #ccc;}
#well-event-view th p{font-size:16px; font-weight:100; color:#999; margin-top:15px;}
#well-event-view td{padding:15px; border-bottom:1px solid #ddd; font-size:16px; line-height:1.5em; color:#111;}



#preview{margin-bottom:100px;}

/* 큰슬라이드 */
.preview-slider{}
.preview-slider li{position:relative;}
.preview-slider span{position:absolute; left:0; top:0; display:inline-block; box-sizing:border-box; padding:15px 35px; min-width:140px; background:rgba(255,255,255,0.7); font-size:17px; font-weight:700; color:#fff; border-top:4px solid #b89564; color:#222; z-index:1; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.preview-slider img{width:100%;}

/* 작은슬라이드 */
.preview-thumb{width:100%; overflow:hidden; margin:25px 0; padding-top:25px; border-top:1px dashed #ddd;}
.preview-thumb .slick-slide{margin:0 5px; outline: none !important; cursor:pointer;}
.preview-thumb .slick-list{margin:0 -4px;}
.preview-thumb .slick-current{position:relative;}
.preview-thumb .slick-current::before{display:inline-block; width:calc(100% - 10px); height:calc(100% - 10px); box-sizign:border-box; border:5px solid #b89564;}


.password-bx {text-align:center; border:1px solid #e3e3e3; max-width:400px; margin:0 auto; padding:1.5em; line-height:1.6;}
.password-bx h3 {padding:1rem 0; font-size:1.1rem;}
.password-bx input  {display:block; width:100%; margin:1rem 0; height:50px !important; max-height:3.5rem !important;border:1px solid #b89564;padding-left:10px}
.password-bx button  {height:50px;width:100px;cursor:pointer}
.pass-bx {text-align:center;}