@charset "utf-8"; 
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
/*
 * --------------------------------------------------------------------------
 * descript : 게시판 테마
 * --------------------------------------------------------------------------
 * version	: 2.0.0
 * author	: Yoodaekyung
 * update	: 2018.08.17
 * email	: eorud0818@naver.com
 * --------------------------------------------------------------------------
 */

 
/* --------------------------------------------------------------------------
   검색
   -------------------------------------------------------------------------- */
.search-box-wrap{ padding-bottom: 60px}
.search-box{float: right; position: relative; width:300px;}
.search-box select, 
.search-box input, 
.search-box button{ box-sizing:border-box; display:inline-block; height:60px; line-height:60px;}
.search-box input[type="text"]{width:100%; border-bottom:1px solid #ddd; padding:0 90px 0 10px;}
.search-box button{position: absolute; top: -5px; right: 0; width:54px; height: 54px; background-image: url(/assets/img/web/board/search.png); background-repeat: no-repeat; background-position: center; background-color: #222; border-radius: 50%; cursor:pointer; text-indent: -9999px}
.search-box select{width:15%; border:1px solid #cfd1d4; cursor:pointer; padding:0 10px; background-color:#fff;}




/* --------------------------------------------------------------------------
   공지사항
   -------------------------------------------------------------------------- */
/* 리스트 */
.notice .sub_visual{background-image: url(/assets/img/web/board/notice_bg.png);}
#notice .inner{border-top: 1px solid #222}
#notice .item{padding: 30px; border-bottom: 1px solid #ddd;}
#notice .item a{position: relative; display: block; color: #222}
#notice .item .num{position: absolute; top: 0;left: 0;}
#notice .item .sbj{padding: 0 120px 0 80px}
#notice .item .date{position: absolute; top: 0; right: 0; display: block;}


/* 뷰 */
#board .sbj_box{padding-bottom: 30px; border-bottom: 1px solid #222}
#board .sbj_box .sbj{font-size: 32px;}
#board .sbj_box .date{padding-top: 10px}
#board .con_box{padding: 30px 20px;}
#board .con_box > div{min-height: 200px;}
#board .con_box img{height: inherit !important}
#board .con_box iframe,#board .con_box embed{  
	display: block;      
  width: 100%;           
  max-width: 640px;      
  aspect-ratio: 16/9;    
  height: auto;         
}

/* 이전글, 다음글 */
#board .prev-next-list{width:100%;border-top: 1px solid #222}
#board .prev-next-list ul li{position: relative; padding: 30px 25px; border-bottom: 1px solid #ddd;}
#board .prev-next-list ul li span{position: absolute; top: 20px; font-size: 26px; }
#board .prev-next-list ul li div{padding-left: 150px}
#board .prev-next-list ul li div a{display:inline-block; color:#222; font-size:1.05em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#board .brick .btn{color: #fff; background-color: #222}





/* --------------------------------------------------------------------------
   온라인 상담
   -------------------------------------------------------------------------- */
#inquire{}
#inquire .inner {padding:0;}

/* 리스트 */
.inquire .sub_visual{background-image: url(/assets/img/web/board/inquiry_bg.png);}
#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; 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{color:#222; 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 i.state{display:inline-block; padding:10px 20px; color:#fff; font-size:0.9em; font-weight:400;}
#inquire .board-counsel-list tbody td i.com{background:#1d2541; }
#inquire .board-counsel-list tbody td i.ready{background:#6c848f }


/* 뷰 */
#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; padding:10px 0; font-size:15px; 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 i.state{display:inline-block; padding:10px 20px; color:#fff; border-radius:25px; font-size:13px; font-weight:400;}
#inquire .board-counsel-view tbody td i.com{background:#1d2541; }
#inquire .board-counsel-view tbody td i.ready{background:#cbcbcb; }


#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; border-radius:30px; text-align:center; color:#fff; background:#0ba29a; 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; box-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:100%;}
#inquire .board-cousel-form input[data-name="연락처"]{width:100px;}

#inquire .board-cousel-form select[data-name="문의분류"]{width:100%;}

#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; 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 .face_info p{padding: 25px 0 20px}
#inquire .form-file{padding-top: 10px}


/* 체크박스 및 라디오버튼 */
#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:#79858b}

#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:#1d2541}

/* 비밀번호 */
#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-sizing:border-box; padding:7px; background:#fff;}




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

/* 리스트 */
#gallery ul{display:inline-block; width:100%;}
#gallery li.item{position:relative; float:left; width:calc(25% - 15px); margin-bottom:20px; cursor:pointer; margin-right:20px;}
#gallery li.item:nth-child(4n + 4){margin-right:0;}
#gallery li.item{}
#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:#1d2541; 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; box-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;}




/* 리스트 */
#realstory > .inner {padding:0;}
#realstory .item{position:relative; float:left; width:calc(25% - 15px); margin-bottom:20px; cursor:pointer; margin-right:20px;}
#realstory .item:nth-child(4n + 4){margin-right:0;}
#realstory .item{}
#realstory .item a{position:relative; display:inline-block; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center center;}
#realstory .item .thumbnail{position:relative; height:340px; background:#f3f3f3 url(/assets/img/common/theme/logo.png) no-repeat center center;}
#realstory .item .thumbnail::before{opacity:0; display:inline-block; width:100%; height:100%; left:0; top:0; background:rgba(0, 0, 0, 0.5); -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;}
#realstory .item .thumbnail::after{opacity:0; display:inline-block; padding:10px 20px; content:'자세히보기 +'; border:1px solid #fff; color:#fff; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -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;}
#realstory .item .thumbnail:hover::before,
#realstory .item .thumbnail:hover::after{opacity:1;}

#realstory .item .info{position:relative; box-sizing:border-box; padding:15px 0;  background:#fff;  box-sizing:border-box;}

#realstory .item .info em{display:block; font-size:19px; font-weight:700; color:#222; line-height:19px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}


#realstory .no-data{margin-top:50px; text-align:center; font-size:15px; color:#aaa; padding:100px 0; border-top:2px solid #ddd; border-bottom:1px solid #ddd;}


#board-pagenation .inner {padding-top:0;}




#before-and-after{}
#before-and-after ul{border-top:2px solid #222;}
#before-and-after ul li{position:relative; padding:25px 0; border-bottom:1px solid #ddd;}
#before-and-after ul li .before-and-after{position:relative; width:596px;}
#before-and-after ul li .before-and-after img{width:596px; height:280px;}
#before-and-after ul li a{position:absolute; display:inline-block; left:650px; top:50%; transform:translate(0, -50%);}
#before-and-after ul li a span{display:block;}
#before-and-after ul li a span:first-child{font-size:40px; font-weight:500; color:#222; line-height:1em; margin-bottom:20px;}
#before-and-after ul li a span:last-child{font-size:20px; font-weight:300; color:#aaa; line-height:1em;}

#before-and-after ul li .before-and-after::before{position:absolute; display:inline-block; z-index:99; content:'Before'; width:90px; height:50px; border-radius:3px; line-height:50px; text-align:center; color:#fff; background:rgba(0,0,0,0.3); left:20px; top:20px;}
#before-and-after ul li .before-and-after::after{position:absolute; display:inline-block; z-index:99; content:'After'; width:90px; height:50px; border-radius:3px; line-height:50px; text-align:center; color:#fff; background:rgba(0,0,0,0.3); right:20px; top:20px;}

#media{display:inline-block; width:100%; margin:50px 0;}
#media .inner {padding:0;}




/* 리스트 */
#media .item{position:relative; float:left; width:calc(25% - 15px); cursor:pointer; margin-right:20px;}
#media .item:nth-child(4n + 4){margin-right:0;}
#media .item:nth-child(n + 4){margin-bottom:50px; }
#media .item{}
#media .item a{position:relative; display:inline-block; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center center;}
#media .item .thumbnail{height:190px;  background:#f3f3f3 url(/assets/img/common/theme/logo.png) no-repeat center center; background-size:150px; margin-bottom:10px;}

#media .item .info{position:relative; box-sizing:border-box; background:#fff;}
#media .item .info em{display:block; font-size:17px; font-weight:700; color:#111; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

#media .no-data{margin-top:50px; text-align:center; font-size:15px; color:#aaa; padding:100px 0; border-top:2px solid #ddd; border-bottom:1px solid #ddd;}


.media-large{width:100%; background:#f8f8f8; margin-top:50px; padding:50px 0; text-align:center;}
.media-large .inner {padding:0;}
.media-large iframe{width:720px; height:405px; background:#f3f3f3 url(/assets/img/common/theme/logo.png) no-repeat center center; background-size:150px;}
.media-large em{display:block; font-size:24px; line-height:1.2; color:#111; font-weight:700; margin-top:20px;}




#board-notice{margin-bottom:50px;}
#board-notice .inner {padding:0;}
#board-notice .item:first-child{border-top:2px solid #ddd;}
#board-notice .item{width:100%; box-sizing:border-box; padding:35px 0; border-bottom:1px solid #ddd;}
#board-notice .item a{display:block; position:relative; box-sizing:border-box; width:100%;}

#board-notice .item .thumbnail{position:absolute; right:0; top:0; width:295px; height:200px; background:#eee url(/assets/img/common/theme/logo.png) no-repeat center center; background-size:150px;}

#board-notice .item .tit{position:relative; height:25px; display:inline-block; width:100%; margin-bottom:20px; box-sizing:border-box;}
#board-notice .item .tit span[data-name="라인업 공지사항"]{position:absolute; left:0; top:0; width:120px; height:25px; line-height:24px; text-align:center; color:#fff; font-size:15px; background:#1d2541;}
#board-notice .item .tit span[data-name="라인업 뉴스"]{position:absolute; left:0; top:0; width:120px; height:25px; line-height:24px; text-align:center; color:#fff; font-size:15px; background:#434753;}
#board-notice .item .tit em{display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:24px; font-weight:700; color:#111;}

#board-notice .item p.con{font-size:15px; color:#555;}
#board-notice .item span.date{ font-size:15px; color:#aaa;}

.no-data,
#board-notice .no-data{margin-top:50px; text-align:center; font-size:15px; color:#aaa; padding:100px 0; border-top:2px solid #ddd; border-bottom:1px solid #ddd;}
.event-bx.no-data {border-top:0;}


.event .sub_visual{background-image: url(/assets/img/web/board/event_bg.png);}{}
#board-blog .item{width:100%; box-sizing:border-box; padding:35px 20px; border-bottom:1px solid #ddd;}
#board-blog .item:first-child{border-top:1px solid #222;}
#board-blog .item a{position: relative; display:block;height: 150px; color: #222; box-sizing:border-box;}
#board-blog .item .num{position: absolute; top: 0;left: 0; height: 100%; display: flex; flex-direction: column; justify-content: center;}
#board-blog .item .txt_box{position: relative; height: 100%; padding-left: 80px; display: flex; flex-direction: column; justify-content: center;}
#board-blog .item .thumbnail{position: absolute; width:180px; height:180px; background:#eee url(/assets/img/common/theme/logo.png) no-repeat center center; background-size:100%;}
#board-blog .item .sbj{ padding-left: 240px; }
#board-blog .item .sbj em{display: block;font-size: 1.3em;}
#board-blog .item .sbj p{padding-top: 10px}

#board-blog .item .tit{position:relative; height:25px; display:inline-block; width:100%; margin-bottom:20px; box-sizing:border-box;}
#board-blog .item .tit span[data-name="라인업 공지사항"]{position:absolute; left:0; top:0; width:120px; height:25px; line-height:24px; text-align:center; color:#fff; font-size:15px; background:#1d2541;}
#board-blog .item .tit span[data-name="라인업 뉴스"]{position:absolute; left:0; top:0; width:120px; height:25px; line-height:24px; text-align:center; color:#fff; font-size:15px; background:#434753;}
#board-blog .item .tit em{display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:24px; font-weight:700; color:#111;}

#board-blog .item p.con{font-size:15px; color:#555; height:calc(1em * 7.5);}
#board-blog .item span.date{position:absolute; left:330px; bottom:0; font-size:15px; color:#aaa;}

#board-blog .no-data{margin-top:50px; text-align:center; font-size:15px; color:#aaa; padding:100px 0; border-top:2px solid #ddd; border-bottom:1px solid #ddd;}


/* --------------------------------------------------------------------------
   슬라이드 보드
   -------------------------------------------------------------------------- */
/** 비포애프터 **/
.board_tab ul{padding-bottom: 45px;}
.board_tab li{float: left; width: 15.6%; margin-left: 15px}
.board_tab li:first-child{margin-left: 0}
.board_tab li a{display: block; padding: 30px 10px; text-align: center; color: #333; background-color: #f3f3f3}
.board_tab li.active a{color: #fff; background-color: #6c848f;}

.before .sub_visual{background-image: url(/assets/img/web/board/before_bg.png);}
.before .mySwiper2 .swiper-slide p{background-color: #e9eef0;}

.before .login{position: absolute; background-color: rgba(108,132,143,.98); width: 50%; height: 84.5%; z-index: 10}
.before .login .center{padding-top: 160px}
.before .login .simbol{padding-bottom: 30px}
.before .login p{color: #fff}
.before .login .btn{padding-top: 100px}
.before .login .btn a{display: inline-block;width: 260px; padding: 20px 0; color: #fff; background-color: #49626d}


#slide_board .big_slide{padding: 45px 90px; border-top: 1px solid #222; border-bottom: 1px solid #ddd}
#slide_board .mySwiper{padding-top: 50px}
#slide_board .mySwiper .swiper-slide{cursor: pointer; border-bottom: 1px solid #ddd}
#slide_board .mySwiper .swiper-slide p{padding: 15px 0; height: 80px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden}
#slide_board .swiper-slide p{text-align: center;}
#slide_board .mySwiper2 .swiper-slide p{margin-top: 8px; padding: 25px 10px; font-size: 24px;}
#slide_board .swiper-slide{background-color: #fff}
#slide_board .swiper-button-prev:after, 
#slide_board .swiper-rtl .swiper-button-next:after {
    width: 28px; height: 51px;
    background-image: url(/assets/img/web/sub/sub02/slide_arrow_left.png);
}
#slide_board .swiper-button-next:after, 
#slide_board .swiper-rtl .swiper-button-prev:after {
    width: 28px; height: 51px;
    background-image: url(/assets/img/web/sub/sub02/slide_arrow_right.png);
}



/** 라베미디어 **/
.labe_media .sub_visual{background-image: url(/assets/img/web/board/media_bg.png);}
.labe_media .video_box{position: relative; width: 100%; padding-bottom: 56.25%; cursor: pointer}
.labe_media .video_box iframe{display: block; position: absolute; width: 100%; height: 100%;}
.labe_media .swiper p{text-align: left !important;}

.double-thumb-list li{
	display: block;
	position: relative;
	padding: 30px 20px;
}
.double-thumb-list li:before {content:"";  display:block; position:absolute; bottom:0; left:0; right:0; height:1px; background:#cfd1d4;}
.double-thumb-list li:first-child	{ border-top: 2px solid #373737; }

.double-thumb-list li a	{
	display: block;
	position: relative;
	min-height: 250px;
	padding-left: 925px;
}
.double-thumb-list li span	{
	display: block;
	position: relative;
	height: 100px;
	padding-top: 50px;
	color: #333;
}
.double-thumb-list li span strong	{
	display: block;
	font-size: 26px;
	color: #000;
	padding-bottom: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.double-thumb-list li span sup	{
	display: block;
	font-size: 16px;
	color: #383838;
	line-height: 25px;
	height: 50px;
	overflow: hidden;
}

.double-thumb-list li .btn-more {position:absolute; color:#000; font-size:18px; right:0; bottom:0; padding:0; width:178px; height:60px; line-height:60px; border:1px solid #cbcbcb; text-align:center;}
.double-thumb-list li:hover .btn-more {color:#fff; background:#3c5aa0; border-color:#3c5aa0;}

.before-after-thumb-box	{display: block; position:absolute; top:0; left:0; bottom:0; width:860px; overflow:hidden;}
.before-after-thumb-box:before {content:""; display:block; position:absolute; width:64px; height:64px; top:50%; left:50%; margin-top:-32px; margin-left:-32px; background:url('/assets/img/web/board/theme/ico_beforeafter_thumb.png') no-repeat 50% 50%; background-size:contain; z-index:1;}


.before-after-thumb-box i	{
	display: block;
	position: relative;
	width: 420px;
	float: left;
	z-index:0;
	background:no-repeat 50% 50%;
	background-size:cover !important;
	overflow: hidden;
}
.before-after-thumb-box i:after {content:""; display:block; position:relative; padding-top:55.555%; background:url('/assets/img/common/txt_before_after_logo.png') no-repeat 50% 50%; z-index:1;}
.no_member .before-after-thumb-box i + i:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:url('/assets/img/common/txt_before_after_thumb.png') no-repeat 50% 50% rgba(4,43,109,.6); z-index:2;}
.before-after-thumb-box i + i {margin-left:18px; float:right;}

.con .before-after-thumb-box {position:relative; max-width:920px; top:auto; left:auto; bottom:auto; width:auto; margin:0 auto 30px; }
.con .before-after-thumb-box i {width:49%;}




/* --------------------------------------------------------------------------
   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;}




/**********************************************************************
* Descript : 병원소개 -> 층별안내
***********************************************************************/
.floor-slider{margin-bottom:100px;}
.floor-slider .inner {padding:0;}

.floor-slider .floor-info{width:100%; height:60px;}
.floor-slider .floor-info li{position:relative; float:left; width:25%;}
.floor-slider .floor-info li.active a{background: linear-gradient( 125deg, #ff6979, #1d2541); font-weight:700; color:#fff;}

.floor-slider .floor-info li a{display:block; text-align:center; height:60px; line-height:60px; box-sizing:border-box; font-size:18px; background:#efefef; color:#555; cursor:pointer; border-right:1px solid #fff; border-bottom:1px solid #fff; border-top:0;}
.floor-slider .floor-info li a:hover{text-decoration:none;}
.floor-slider .floor-info li:first-child a{border-left:0;}
.floor-slider .floor-info li:last-child a{border-right:0;}

.floor-slider .floor-pic{position:relative; display:block; width:100%; height:650px; overflow:hidden;}
.floor-slider .floor-pic img{width:100%; height:650px;}
.floor-slider .floor-pic span{position:absolute; box-sizing:border-box; width:100%; left:0; bottom:0; height:80px; line-height:80px; background:rgba(0,0,0,0.5); padding:0 25px; font-size:18px;color:#fff; z-index:1;}
.floor-slider .floor-pic span em {font-size:22px; font-weight:700; margin-right:20px;}
.floor-slider-controll{position:absolute; right:0; bottom:0; z-index:3;}
.floor-slider-controll button{position:relative; display:inline-block; float:left; width:79px; height:79px; line-height:79px; text-align:center; color:#Fff;  font-size:2em; cursor:pointer;}
.floor-slider-controll button::before{display:inline-block; width:1px; height:100%; background:rgba(255,255,255,0.3); left:0; top:0;}


.floor-slider .floor-pic li.no-data{width:100%; height:650px; text-align:center; background:#ddd url(/assets/img/common/theme/logo.png) no-repeat center center;}




/**********************************************************************
* Descript : 커뮤니티 -> 이벤트 스타일
***********************************************************************/
.lineup-event{width:100%; display:inline-block; text-align:center; margin:50px 0 0 0;}
.lineup-event .inner {padding:0;}
.lineup-event .item{height:480px; padding-top:280px; box-sizing:border-box; float:left; width:calc(25% - 15px); margin-right:20px; margin-bottom:25px; background-size:350px !important;}
.lineup-event .item:nth-child(4n+4){margin-right:0;}
.lineup-event .item div.lineup-event-info{position:relative; height:200px; box-sizing:border-box; padding:30px 0 40px 0; background:#fff; border:1px solid #eee; border-top:0;}
.lineup-event .item div.lineup-event-info p.cap{font-size:15px; line-height:25px; color:#222; margin:5px 0;}
.lineup-event .item div.lineup-event-info p.cap img{margin-right:5px;}
.lineup-event .item div.lineup-event-info h6.tit{font-size:20px; line-height:30px; color:#222; font-weight:700;}
.lineup-event .item div.lineup-event-info a[data-name="자세히보기"]{display:inline-block; width:110px; height:37px; line-height:37px; border-radius:37px; background:#1d2541; color:#fff; font-weight:700;}
.lineup-event .item div.lineup-event-info a[data-name="종료"]{display:inline-block; width:110px; height:37px; line-height:37px; border-radius:37px; background:#bbb; color:#fff; font-weight:700;}
/**********************************************************************/





.lineup-event-view{margin:50px 0;}
.lineup-event-view table{width:100%;}
.lineup-event-view th{padding:25px 0; text-align:center; background:#fafafa; border-top:2px solid #222; border-bottom:1px solid #ccc; font-weight:700;}
.lineup-event-view td{padding:15px; border-bottom:1px solid #ddd;}
.lineup-event-view td.con{padding:35px 15px; font-size:1em; line-height:1.6em; color:#222;}
.lineup-event-view td.con img{max-width:100%;}
.lineup-event-view td h6.tit{font-size:20px; line-height:30px; color:#222; font-weight:700;}
.lineup-event-view td p.cap{font-size:15px; line-height:25px; color:#222; margin:5px 0;}
.lineup-event-view td p.cap img{margin-right:5px;}
.lineup-event-view td em[data-sec="진행중"]{display:inline-block; width:100px; font-size:15px; font-weight:700; color:#fff; left:0; top:0; background:#1d2541; padding:10px;}
.lineup-event-view td em[data-sec="종료"]{display:inline-block; width:100px; font-size:15px; font-weight:700; color:#fff; left:0; top:0; background:#ddd; padding:10px;}


.partner{width:100%; height:500px; margin:50px 0; letter-spacing:-1.5px;}
.partner .inner{background:url(/assets/img/web/sub/theme/partner_bg.jpg) no-repeat -50px center;}

.partner .txt-group{position:absolute; right:100px; top:130px; color:#111;}
.partner .txt-group .txt01{position:relative; font-size:40px; font-weight:100; margin-bottom:80px;}
.partner .txt-group .txt01 em{font-weight:700;}
.partner .txt-group .txt01::before{display:inline-block; width:100px; height:10px; background:url(/assets/img/web/sub/theme/pattern01.png) repeat left top; left:0; top:70px; }

.partner .txt-group .txt02{font-size:21px; line-height:32px; font-weight:100;}

.board-notice-thumb{display:inline-block; width:100%; margin:50px 0;}
.board-notice-thumb .inner {padding:0;}
.board-notice-thumb .thumbnail{float:left; width:calc(25% - 6px); height:200px; margin-right:8px; margin-bottom:8px; background:#eee url(/assets/img/common/theme/logo.png) no-repeat center center; background-size:150px;}
.board-notice-thumb .thumbnail:nth-child(4n + 4){margin-right:0;}

.before-after-con{border:5px solid red;}





/** 둘러보기 **/
.gallery-viewer {position:relative; max-width:1400px; margin:0 auto;}
.gallery-viewer .swiper-button-prev:after, 
.gallery-viewer .swiper-rtl .swiper-button-next:after {
    background-image: none;
}
.gallery-viewer .swiper-button-next:after, 
.gallery-viewer .swiper-rtl .swiper-button-prev:after {
    background-image: none;
}

.gallery-top,
.gallery-thumbs {max-width:1200px; margin:0 auto;}
.gallery-top .swiper-slide{position:relative; background:no-repeat 50% 50%; background-size:cover;}
.gallery-top .swiper-slide:before {content:""; display:block; position:relative; padding-top:49.6124%;}
.gallery-top .swiper-slide span {display:block; position:absolute; right:0; bottom:0; min-width:180px; box-sizing:border-box; padding:20px 20px; text-align:center; color:#fff; background:rgba(0,0,0,.8); font-size:20px;}
.gallery-top .swiper-button-next,
.gallery-top .swiper-button-prev {display:none !important;}

.gallery-thumbs {padding:15px 50px 0 0px !important;}
/*.gallery-thumbs .swiper-wrapper{overflow: hidden}*/
.gallery-thumbs .swiper-wrapper .swiper-slide{cursor: pointer}
.gallery-thumbs .swiper-slide .img_box{position:relative; background:no-repeat 50% 50%; background-size:cover;padding-bottom: 70%;}
.gallery-thumbs .swiper-slide:before {content:""; display:block; position:relative; /*padding-top:66.34%;*/}
.gallery-thumbs .swiper-slide:after {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0;}
.gallery-thumbs .swiper-slide p{padding-top: 10px}

.gallery-thumbs .swiper-slide span {display:none;}
.gallery-thumbs-border{width:100%;position: absolute;height:100%;border:3px solid #000;display:none;}
.swiper-slide-thumb-active .gallery-thumbs-border{display:block;}


.gallery-viewer .swiper-button-next,
.gallery-viewer .swiper-button-prev {display:block; position:absolute; width:80px; height:80px; top:50%; margin-top:-40px; -webkit-transition:.3s all; transition:.3s all;}
.gallery-viewer .swiper-button-next {/*background:url(/assets/img/web/sub/sub01/guide_arrow_right.png) !important;*/ right:20px;}
.gallery-viewer .swiper-button-next:hover {right:40px;}
.gallery-viewer .swiper-button-prev {/*background:url(/assets/img/web/sub/sub01/guide_arrow_left.png) !important;*/ left:20px;}
.gallery-viewer .swiper-button-prev:hover {left:40px;}


/* 학회소식 */
.news .sub_visual {
    background-image: url(/assets/img/web/board/news_bg.png);
}
#big_gall .gall{float: left; width: 33.33%;padding: 20px;}
#big_gall .gall:hover .img_box img {transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transition: all .5s ease-in-out;}
#big_gall .gall .img_box{position: relative; height: 0;padding-bottom: 66%;overflow: hidden;}
#big_gall .gall .img_box img{position: absolute; height: 100%; max-width: inherit;}
#big_gall .gall .txt_box{padding: 30px 20px;border: 1px solid #ddd;border-top: 0;}
#big_gall .gall .txt_box a{display: block;}
#big_gall .gall .txt_box .tlt{font-size: 1.1em;color: #000;overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box; color: #666}
#big_gall .gall .txt_box .year{font-family: 'Montserrat', sans-serif; font-size:30px;  font-weight: bold; color: #222}