@charset "utf-8";

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



/* --------------------------------------------------------------------------
   검색
   -------------------------------------------------------------------------- */
.search-box{width:95%; 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:58%; 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:#ff3e62; color:#fff; font-weight:700; cursor:pointer;}
.search-box select{width:25%; border:1px solid #cfd1d4; cursor:pointer; padding:0 10px; background-color:#fff;}

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

#board-notice .item .thumbnail{width:100%; height:200px; margin-bottom:10px; 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; padding-left:140px;}
#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:#ff3e62;}
#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:15px; line-height:24px; font-weight:700; color:#111;}

#board-notice .item p.con{font-size:13px; color:#555; height:calc(1em * 7.5); margin-bottom:15px;}
#board-notice .item span.date{font-size:12px; color:#aaa;}

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




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

#board-blog .item .thumbnail{width:100%; height:200px; margin-bottom:10px; background:#eee url(/assets/img/common/theme/logo.png) no-repeat center center; background-size:150px;}

#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:#ff3e62;}
#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:15px; font-weight:700; color:#111;}

#board-blog .item p.con{font-size:13px; color:#555; height:calc(1em * 3); margin-bottom:15px;}
#board-blog .item span.date{font-size:12px; 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-notice-list{width:100%;}
.board-notice-list ul.full{border-top:2px solid #858585;}
.board-notice-list ul li{}
.board-notice-list ul li a{display:block; padding:15px; border-bottom:1px solid #cfd1d4; color:#222; }
.board-notice-list ul li a:hover{text-decoration:none;}
.board-notice-list ul li a b{position:relative; display:block;  padding:5px 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.board-notice-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-notice-list ul li a i.name{font-size:12px; color:#aaa;}
.board-notice-list ul li a i.date{font-size:12px; color:#aaa;}
.board-notice-list ul li a span.line{display:inline-block; font-size:11px; color:#ccc; padding:0 10px;}



/* 뷰 */
.board-notice-view{width:100%; }
.board-notice-view ul.full{border-top:2px solid #858585;}
.board-notice-view ul li{}
.board-notice-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-notice-view ul li p.info{position:relative;  padding:15px; border-bottom:1px solid #cfd1d4;}
.board-notice-view ul li p.info i.notice{left:0; top:0; display:inline-block; padding:5px 10px; background:#2ab3bc; color:#fff; font-size:11px; font-weight:700;}
.board-notice-view ul li p.info i.name{font-size:12px; color:#777;}
.board-notice-view ul li p.info i.date{font-size:12px; color:#777;}
.board-notice-view ul li p.info i.hit{font-size:12px; color:#777;}
.board-notice-view ul li p.info span.line{display:inline-block; font-size:11px; color:#ccc; padding:0 10px;}
.board-notice-view ul li.con{padding:15px; border-bottom:1px solid #cfd1d4; font-size:1em; line-height:1.5em;}
.board-notice-view ul li iframe{width:100% !important;}


.prev-next-list{width:100%;}
.prev-next-list ul{}
.prev-next-list ul li{background:#fff;  border-bottom:1px solid #cfd1d4; text-align:left; padding:20px 0; font-size:13px; line-height:13px;}
.prev-next-list ul li span{display:inline-block; float:left; width:70px; font-weight:700; text-align:center;}
.prev-next-list ul li a{display:inline-block; width:calc(100% - 100px); box-sizing:border-box; color:#222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/* --------------------------------------------------------------------------
   온라인 상담
   -------------------------------------------------------------------------- */
.inquire{margin:50px 0 100px 0;}

/* 리스트 */
.board-counsel-list{width:100%; border-top:2px solid #858585;}
.board-counsel-list ul li{position:relative;}
.board-counsel-list ul li.empty{text-align:center; padding:50px 0;}
.board-counsel-list ul li a{display:block; padding:15px; border-bottom:1px solid #cfd1d4; color:#222; }
.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 i.state{display:inline-block; padding:10px 20px; color:#fff; border-radius:25px; font-size:13px; font-weight:400;}
.board-counsel-list ul li div.answer i.com{background:#ff3e62; }
.board-counsel-list ul li div.answer i.ready{background:#cbcbcb; }


/* 뷰 */
.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.answer{position:absolute; display:inline-block; top:50%; right:10px; transform:translate(0, -50%);}
.board-counsel-view ul li p.info i.state{display:inline-block; padding:10px 20px; color:#fff; border-radius:25px; font-size:13px; font-weight:400;}
.board-counsel-view ul li p.info i.com{background:#ff3e62; }
.board-counsel-view ul li p.info i.ready{background:#cbcbcb; }

.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:#ff3e62; 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 25px 0 5px;}
.board-cousel-form select{min-width:0px;background:url(/assets/img/common/theme/btn_down.png) no-repeat 90% center;}
.board-cousel-form textarea{width:100%; max-width:457px; min-width:100%; height:150px; bbox-sizing:border-box; padding:5px; border:1px solid #cacaca; color:#222; font-size:12px; line-height:20px;}
.board-cousel-form input[element-name="제목"]{width:100%;}
.board-cousel-form input[element-name="연락처"]{width:25%;}
.board-cousel-form input[id*="i_phone"] {width:25%; display:inline-block; vertical-align:middle; float:none !important;}

div.jfilestyle label {width:auto !important; position:absolute; top:0; right:0; bottom:0; paddinG:0 20px;}
div.jfilestyle input[type="text"] {width:100% !important;}

.board-cousel-form input[data-name="제휴기업명"],
.board-cousel-form input[data-name="이름"],
.board-cousel-form input[data-name="제목"]{width:100%;}

.board-cousel-form select[data-name="진료과목"]{width:100%;}

.board-cousel-form input[data-name="연락처"],
.board-cousel-form select[data-name="연락처"]{float:left; width:calc(33.333333333% - 20px);}
.board-cousel-form span{display:inline-block; float:left; width:30px; text-align:center; line-height:35px;}

.board-cousel-form input[data-name="이메일"]{float:left; width:calc(33.333333333% - 10px);}
.board-cousel-form select[data-name="이메일"]{float:left; width:calc(33.333333333% - 20px); margin-left:10px;}

.board-cousel-form tbody{}
.board-cousel-form tbody th{width:65px; padding:10px; text-align:left; vertical-align:middle; 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{margin-top:50px;}
#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:#ff3e62}

#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:#ff3e62}

/* 비밀번호 */
#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;}



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

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

@media(max-width:640px){
	#gallery li.item{float:none; width:100%; margin-right:0;}
}


/* 글쓰기 */
#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:457px; 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{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; line-height:20px; font-weight:700; color:#222; padding:20px 50px 20px 60px; border-bottom:1px solid #eee; cursor:pointer; background:url(/assets/img/common/theme/breadcrumb_down.png) no-repeat 97% 27px; background-size:15px;}
#board .board-faq-list tbody th.active{background:url(/assets/img/common/theme/breadcrumb_up.png) no-repeat 97% 27px; 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 30px 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 : 병원소개 -> 층별안내
***********************************************************************/
.floor-slider{margin-bottom:40px;}
.floor-slider .inner {padding:0;}

.floor-slider .floor-info{width:100%; height:60px; display: none;}
.floor-slider .floor-info li{position:relative; float:left; width:25%;}
.floor-slider .floor-info li.active a{background: linear-gradient( 125deg, #ff6979, #ff3e62); 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:15px; 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-info li:nth-child(1)::after{display:inline-block; content:'진료의 시작, \A 친절하고 정확하게 상담해 드리겠습니다.'; white-space:pre;}
.floor-slider .floor-info li:nth-child(2)::after{display:inline-block; content:'편안한 진료를 약속 드립니다.'; white-space:pre;}
.floor-slider .floor-info li:nth-child(3)::after{display:inline-block; content:'안전을 최우선으로 합니다.'; white-space:pre;}
.floor-slider .floor-info li:nth-child(4)::after{display:inline-block; content:'빠른 회복을 위해 최선을 다하겠습니다.'; white-space:pre;}
*/


.floor-slider .floor-pic{position:relative; display:block; width:100%; overflow:hidden;}
.floor-slider .floor-pic img{width:100%; height:auto;}
.floor-slider .floor-pic span{position:absolute; box-sizing:border-box; width:100%; left:0; bottom:0; height:50px; line-height:50px; 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:17px; font-weight:700; margin-right:20px; color: #fff;}
.floor-slider-controll{position:absolute; right:0; bottom:0; z-index:3;}
.floor-slider-controll button{position:relative; display:inline-block; float:left; width:50px; height:50px; line-height:50px; 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-controll button svg path {color: #fff;}

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









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















#media{display:inline-block; width:100%;}
#media .inner {}

/* 리스트 */
#media .item{position:relative; float:left; width:calc(50% - 5px); cursor:pointer; margin-right:10px;}
#media .item:nth-child(2n + 2){margin-right:0;}
#media .item:nth-child(n + 2){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:150px;  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; line-height:24px; 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:25px 0; text-align:center;}
.media-large iframe{width:100%; height:240px; background:#f3f3f3 url(/assets/img/common/theme/logo.png) no-repeat center center; background-size:150px;}
.media-large em{display:block; font-size:17px; line-height:1.2; color:#111; font-weight:700; margin-top:20px;}










/**********************************************************************
* Descript : 커뮤니티 -> 이벤트 스타일
***********************************************************************/
.lineup-event{width:100%; display:inline-block; text-align:center; margin:50px 0 0 0;}
.lineup-event .item{box-sizing:border-box; float:left; width:calc(50% - 5px); margin-right:10px; margin-bottom:25px;}
.lineup-event .item:nth-child(2n + 2){margin-right:0;}
.lineup-event .item div.lineup-event-info{position:relative; height:150px; box-sizing:border-box; padding:25px; 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; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.lineup-event .item div.lineup-event-info a[data-name="자세히보기"]{display:inline-block; width:110px; height:37px; line-height:37px; border-radius:37px; background:#ff3e62; color:#fff; font-weigth: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;}

@media(max-width:580px){
	.lineup-event .item{float:none; width:100%; max-width:400px; margin:0 auto 25px auto;}
	.lineup-event .item:nth-child(2n + 2){margin-right:auto;}
}
/**********************************************************************/

.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:#ff3e62; 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;}




/* 리스트 */
#realstory > .inner {}
#realstory .item{position:relative; float:left; width:calc(50% - 5px); margin-bottom:20px; cursor:pointer; margin-right:10px;}
#realstory .item:nth-child(2n + 2){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:240px; 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;}




select{background-repeat:no-repeat; background-position:90% center !important; background-size:10px !important; background-image:url(/assets/img/common/theme/m_breadcrumb_down.png) !important;}

.partner_img {margin-top:30px;}
.partner_img .inner .p_bg {padding:30px 10px 250px; background:url(/assets/img/mobile/sub/theme/partner_bg.jpg) no-repeat center bottom #f6f6f6; background-size:100%; text-align:center;}
.partner_img .inner .p_bg h4 {font-size:28px; line-height:1.4em; margin-bottom:50px; position:relative;}
.partner_img .inner .p_bg h4::before {display:block; width:80px; height:1px; background:#111; left:50%; bottom:-20px; transform:translate(-50%, -0); -webkit-transform:translate(-50%, 0);}
.partner_img .inner .p_bg h4 em {font-weight:700;}
.partner_img .inner .p_bg p {font-size:15px; line-height:1.4em;}