@charset "utf-8";
/* *******************************************************
 * filename : board.css
 * description : 모바일 게시판 css
 * date : 2017-06-12
******************************************************** */

/* ******************  게시판 기본 ********************** */
#bbsContent{width:94%; padding:30px 3%; }
/* 공통 */
.bbs-category{display:block; padding-bottom:8px; color:#888; font-weight:600}
.reply-state{float:right; width:25%; text-align:right; }
.reply-state span{display:inline-block; padding:0 10px; height:24px; line-height:24px; background-color:#333; border-radius:5px; font-size:11px; color:#fff; text-align:center;}
.reply-state.reply-state-finish span{background-color:#5997bb}

/* 공통 :: 가로값지정 */
.width10{width:10% !important;}
.width20{width:20% !important;}
.width30{width:30% !important;}
.width40{width:40% !important;}
.width50{width:50% !important;}
.width60{width:60% !important;}
.width70{width:70% !important;}
.width80{width:80% !important;}
.width90{width:90% !important;}
.width100{width:100% !important;}

/* 공통 :: 리스트 */
.no-bbs-list{padding:100px 0; text-align:center; border-top:1px solid #333; border-bottom:1px solid #ddd; margin-bottom:30px;}

/* 공통 :: 버튼 */
.bbs-btn-controls{margin-bottom:20px;}
.bbs-btn-controls.btn-center{text-align:center;}
.bbs-btn-controls.btn-right{text-align:right;}
.bbs-btn-controls a,.bbs-btn-controls button{display:inline-block; width:30%; height:34px; line-height:34px; max-width:100px; color:#fff; background-color:#333; border-radius:3px; font-size:14px; font-weight:600; text-align:center;}
.bbs-btn-controls .btn-style1{background-color:#333;}
.bbs-btn-controls .btn-style2{background-color:#888;}

/* 공통 :: 검색박스 */
#bbsSearchBox{padding:20px 2%; text-align:center; background-color:#fff; border:1px solid #ccc; margin-bottom:20px; }
#bbsSearchBox select,
#bbsSearchBox .bbs-search-input,
#bbsSearchBox .bbs-search-btn{
	-webkit-appearance: none;
   -moz-appearance: none;
   -ms-appearance: none;
	appearance: none;	/* iphone 스타일없애기*/
	font-size:13px;
	background-color:#fff;
	border-radius:5px; 
	height:30px; 
	border:1px solid #ddd; 
	color:#aaa; 
	text-indent:5px;
}
#bbsSearchBox select{width:20%; }
#bbsSearchBox .bbs-search-input{width:60%;}
#bbsSearchBox .bbs-search-input:focus{color:#333;}
#bbsSearchBox .bbs-search-btn{border:0; width:15%; height:28px;  background-color:#555; color:#fff; text-indent:0;}

/* 공통 :: Paging */
.paging{width:100%; text-align:center; padding:20px 0 30px;}
.paging-style01 a{display:inline-block; vertical-align:middle; width:30px; height:30px; border:1px solid #ddd; text-align:center; font-size:13px; line-height:30px; color:#868686; letter-spacing:-0.25px; background-color:#fff; margin-left:-2px;}
.paging-style01 a.cur{border:1px solid #4b4b4b; background-color:#4b4b4b; color:#fff;}
.paging-style01 a img{height:12px;}

/* 공통 :: 아이콘 */
.bbs-list-icons{display:inline-block; font-style:normal; width:15px; height:15px; line-height:16px !important; margin-left:5px; margin-top:2px; text-align:center; background-color:#eb8500; vertical-align:top; color:#fff; font-size:10px !important; font-weight:600; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}

/* ******************  모바일 기본 게시판 :: 리스트  ********************** */
.bbs-basic-list{border-top:1px solid #333; background-color:#fff; margin-bottom:20px;}
.bbs-basic-list li{border-bottom:1px solid #ddd;}
.bbs-basic-list li a{overflow:hidden; display:block; padding:12px 2%;}
.bbs-basic-list li a .notice-icon{display:inline-block; width:60px; height:16px; text-align:center;line-height:16px; background-color:#333; margin-bottom:10px; color:#fff; font-size:10px; border-radius:10px;}
.bbs-subject-con-box{position:relative; padding:0 80px 0 0; overflow:hidden; margin-bottom:8px;}
.bbs-subject-con-box .bbs-subject-con{display:inline-block; position:relative; max-width:100%;}
.bbs-subject-con-box .bbs-subject-con .bbs-subject-txt{overflow: hidden; width:100%; display: inline-block;  text-overflow: ellipsis; white-space: nowrap; color:#555; font-size:14px; font-weight:500; line-height:18px; }
.bbs-subject-con-box .bbs-subject-con .bbs-subject-icons{ position: absolute; left:100%; top: 50%; width: 80px; margin-top:-8px; text-align:left; display: inline-block;}
.bbs-subject-con-box .bbs-subject-con .bbs-subject-icons img{vertical-align:middle; margin:0px 2px;}
.bbs-subject-con-box .bbs-subject-con .bbs-subject-icons .cm-num{color:#aaa; line-height:16px; font-size:11px; font-weight:400; vertical-align:top; font-family:"돋움",dotum,"나눔고딕", NanumGothic, "Nanum Gothic",Arial, sans-serif;}
.bbs-basic-list li a .bbs-write-info{float:left; width:75%; overflow:hidden;}
.bbs-basic-list li a .bbs-write-info dt,.bbs-basic-list li a .bbs-write-info dd{float:left;; font-size:13px; color:#888; vertical-align:middle; line-height:24px;}
.bbs-basic-list li a .bbs-write-info dd:first-of-type{border-left:0;}
.bbs-basic-list li a .bbs-write-info dd:before{float:left; display:block; content:"|"; margin:0 5px; color:#aaa;}
.bbs-basic-list li a .bbs-write-info dd:first-of-type:before{display:none;}

/* ******************  모바일 기본 게시판 :: 갤러리  ********************** */
.bbs-gallery-item-con{overflow:hidden; margin-bottom:20px;}
.bbs-gallery-item-con .bbs-gallery-item{position:relative; float:left; width:48%; margin-left:4%; margin-bottom:4%; background-color:#fff; border:1px solid #ccc; box-sizing:border-box; padding:15px 0;}
.bbs-gallery-item-con .bbs-gallery-item:nth-child(odd){margin-left:0;}
.bbs-gallery-item-con .bbs-gallery-item a{display:block; }
.bbs-gallery-item-con .bbs-gallery-item a .bbs-gallery-logo{position:absolute; top:10px; right:10px;}
.bbs-gallery-item-con .bbs-gallery-item a .bbs-gallery-logo img{width:26px; height:26px;}
.bbs-gallery-item-con .bbs-gallery-item .bbs-gallery-thum{position:relative; padding-top:85%;}
.bbs-gallery-item-con .bbs-gallery-item .bbs-gallery-thum span{position:absolute; top:0px; left:0px; bottom:0px; right:0px;}
.bbs-gallery-item-con .bbs-gallery-item .bbs-gallery-thum span img{width:100%; height:100%;}
.bbs-gallery-item-con .bbs-gallery-item .bbs-gallery-tit{display:block; height:40px; padding:0 4%; overflow:hidden;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:20px; color:#333; font-size:13px;}

/* ******************  모바일 기본 게시판 :: 글쓰기 + 문의폼  ********************** */
.bbs-write-con{border-top:1px solid #333; }
.bbs-write-con ul{margin-bottom:20px;}
.bbs-write-item{padding:10px 2%; border-bottom:1px solid #ddd; background-color:#fff;}
.bbs-write-item dt{color:#222; padding-bottom:10px; font-size:14px; font-weight:500;}
.bbs-write-input,
.bbs-write-textarea,
.bbs-write-select{
	width:100%; 
	background-color:#f0f0f0; 
	border-radius:5px;
	border:0;
	padding:10px 0;
}
.bbs-write-input{ padding:10px 0; text-indent:10px; }
 input[type="file"].bbs-write-input{text-indent:0}
.bbs-write-item input[type="checkbox"]{width:20px; height:20px;}
.bbs-write-textarea{height:100px;}
.bbs-write-item .write-txt{padding-top:5px; color:888; font-size:12px; letter-spacing:-0.5px; text-align:right;}
.bbs-write-item fieldset{overflow:hidden;}
.bbs-write-item fieldset span{float:left;; width:33%; height:26px; font-size:12px;}

/* ******************  모바일 기본 게시판 :: 뷰페이지  ********************** */

.bbs-view-info{overflow:hidden; border-top:1px solid #000; border-bottom:1px solid #ccc; padding:15px 2%; background-color:#fff;}
/* 뷰페이지 :: 상단 타이틀 정보 */
.bbs-view-info .bbs-view-logo{display:block; padding-bottom:10px;}
.bbs-view-info .bbs-view-logo img{width:26px;}
.bbs-view-info .prd-more-page-btn {float:right; border:1px solid #aaa;border-radius:5px;padding:5px 10px;background-color:#fff; margin-top:5px;}

.bbs-view-info .event-date{overflow:hidden; color:#888; padding-bottom:10px;}
.bbs-view-info .event-date dt,.bbs-view-info .event-date dd{float:left; letter-spacing:-0.5px;}
.bbs-view-info .event-date dt i{font-size:16px; margin:-1px 5px 0 0;}
.bbs-view-info .reply-state{float:none; text-align:left; margin-bottom:5px;}
.bbs-view-info .bbs-category{font-size:13px;}
.bbs-view-info .bbs-view-tit{clear:both; color:#333; font-size:18px; font-weight:600; line-height:20px; letter-spacing:-0.3px; }
.bbs-view-info .bbs-write-info{padding-top:12px; text-align:right; line-height:15px;}
.bbs-view-info .bbs-write-info dt,.bbs-view-info .bbs-write-info dd{display:inline-block; font-size:12px; color:#888; margin-left:-4px;}
.bbs-view-info .bbs-write-info dd:before{display:inline-block; content:"|"; color:#aaa; margin:0 5px}
.bbs-view-info .bbs-write-info dd:first-of-type:before{display:none;}
.bbs-view-info .bbs-view-file{padding-top:10px;}
.bbs-view-info .bbs-view-file dl{overflow:hidden;}
.bbs-view-info .bbs-view-file dl dt,.bbs-view-info .bbs-view-file dl dd{float:left; color:#333; font-size:11px; line-height:16px;}
.bbs-view-info .bbs-view-file dl dt{width:20px;}
.bbs-view-info .bbs-view-file dl dt i{font-size:14px;}
.bbs-view-info .bbs-view-file dl dd{width:calc( 100% - 20px );}
.bbs-view-info .bbs-view-file dl dd a{color:#888;}
/* 뷰페이지 :: 컨텐츠 */
.bbs-view-content{padding:15px 0; margin-bottom:20px; border-bottom:1px solid #ddd; }
.bbs-view-content img,
.bbs-view-content table{max-width:100%;}
/* 뷰페이지 :: 관리자 코멘트 */
.bbs-view-comment-con{border:1px solid #ccc; padding:0 2%; background-color:#fff; margin-bottom:20px; }
.bbs-view-comment-inner{padding:15px 0; border-bottom:1px solid  #ccc;}
.bbs-view-comment-inner:last-child{border-bottom:0;}
.bbs-view-comment-con .bbs-comment-tit{display:block; padding-bottom:15px; border-bottom:1px dotted #ddd; color:#333; font-size:14px;}
.bbs-view-comment-con .bbs-comment-tit img{margin-right:5px;}
.bbs-view-comment-con .bbs-comment-tit span{color:#aaa; font-size:11px; font-weight: 400;}
.bbs-view-comment-con p{padding-top:10px; line-height:16px; font-size:13px;}


/* ******************  모바일 기본 게시판 :: 문의폼 상단 ********************** */
.bbs-agreement-wrapper{margin-bottom:50px;}
.bbs-agreement-con{padding-bottom:15px;}
.bbs-agreement-con .agree-box{background-color:#fff; -webkit-border-radius:px;-moz-border-radius:px;-o-border-radius:px;border-radius:5px; border:1px solid #ccc; }
.bbs-agreement-con .agree-box .agree-inner{width:100%; height:120px; box-sizing:border-box; padding:10px; overflow-y:scroll;}
.bbs-agreement-con .agree-top{height:35px; line-height:35px;}
.bbs-agreement-con .tit,.bbs-agreement-con .agree-check-txt{font-size:15px; color:#333}
.bbs-agreement-con .agree-check-txt{position:relative; display:block;}
.bbs-agreement-con .agree-check-txt label{vertical-align:middle; }
.bbs-agreement-con .agree-check-txt i{vertical-align:middle; line-height:30px; font-size:20px;}
.bbs-agreement-con .agree-check-txt input[type="checkbox"]{display:none;}
.bbs-agreement-con .agree-check-txt input[type="checkbox"]:checked + label{color:#1eca00}
.bbs-agreement-con .agree-box.select{border:1px solid #1eca00}
.bbs-agreement-con .agree-box.select .tit,.bbs-agreement-con .agree-box.select .agree-check-txt{color:#1eca00}


/* ******************  모바일 기본 게시판 :: 비밀번호 입력  ********************** */
.bbs-password-input-con{width:100%; padding:30px 0; text-align:center; border-top:1px solid #333; border-bottom:1px solid #ddd; margin-bottom:50px; background-color:#fff;}
.password-input-tit{color:#444; font-size:15px; font-weight:400; line-height:20px; letter-spacing:-0.5px;}
.password-input-tit b{font-weight:600;}
.bbs-password-input-box{padding:20px 0;  border:1px solid #eee; background-color:#fafafa; margin:20px 5%;}
.bbs-password-input-box label{margin:0 10px 0 5px; font-size:13px; font-weight:600; color:#333; vertical-align:middle;}
.bbs-password-input-box #pwdInput{height:30px; width:40%; max-width:250px; border:1px solid #ddd; text-indent:10px;}

/* 모바일 기본 게시판 :: 문의폼 */
.bbs-inquiry-con{}
.privacy-agree-con{border:1px solid #ddd; margin-bottom:50px;}
.privacy-agree-con .agreement-con{overflow-y:auto; height:100px; padding:4%; background-color:#fff;}
.agree-check{padding:10px 4%; background-color:#f4f4f4; border-top:1px solid #ddd;}
.agree-check label{margin-left:5px; font-size:12px;}
.essential-txt{font-size:12px; color:#888; padding-bottom:15px; text-align:right;}
.essential-txt .essential-icon{margin-right:5px; color:#ed4924; font-weight:600;}
.bbs-inquiry-con .bbs-inquiry-list{margin-bottom:20px;}
.bbs-inquiry-item{margin-bottom:15px;}
.bbs-inquiry-item dt{color:#555; padding-bottom:5px; font-size:14px;}
.bbs-inquiry-item dt .essential-icon{margin-left:5px; color:#ed4924; font-weight:600;}
.bbs-inquiry-item input[type="checkbox"]{width:20px; height:20px;}
.bbs-inquiry-item .write-txt{padding-top:5px; color:888; font-size:11px; letter-spacing:-0.5px; text-align:right;}
.inquiry-sub-btn{display:inline-block; padding:0 2%; height:34px; line-height:34px; background:#666; color:#fff; margin:0 10px; vertical-align:middle; border-radius:5px; font-size:11px;}

/* 모바일 기본 게시판 :: FAQ */
#faqListCon{border-top:1px solid #000; margin-bottom:30px; }
#faqListCon dl{border-bottom:1px solid #d7d7d7}
#faqListCon dl dt{position:relative; }
#faqListCon dl dt strong{display:block; cursor:pointer; padding:15px 4%; color:#343434; font-size:15px; font-weight:400; letter-spacing:-0.5px; line-height:24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#faqListCon dl dt .question-icon{font-size:20px; font-weight:600; color:#147ab4; margin-right:10px;}
#faqListCon dl dt .arrow{position:absolute; top:25px; right:3%}
#faqListCon dl dt .arrow img{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
#faqListCon dl.open dt .arrow img{transform:rotate(-180deg);}
#faqListCon dl.open dt strong{white-space:normal; text-overflow:unset;}
#faqListCon dl dd{display:none; border-top:1px solid #d7d7d7; padding:20px 4%; background:#fafafa; }
#faqListCon dl dd .ask-icon{display:block; font-size:20px; font-weight:600; color:#cb0910; margin-bottom:10px;}

/* ******************  모바일 전용 레이어팝업 ********************** */
.mobile-fixed-pop-wrapper{overflow-y:auto; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:999999; opacity:1.0;filter:Alpha(opacity=100);}
.mobile-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center; background:rgba(0,0,0,0.75); }
.mobile-fixed-pop-inner-box{ position:relative; display:table-cell; vertical-align:middle; top:0px;}
.mobile-fixed-img-con{display:inline-block; min-width:250px; max-width:92%; margin:4% auto; }
.mobile-popup-img{display:block;}
.mobile-popup-img img{max-width:100%; max-height:100%;}
.mobile-popup-btn-controls{overflow:hidden; text-align:center; background-color:#f2f2f2; border-top:1px solid #f2f2f2;}
.mobile-popup-btn-controls button{float:left; border:0; padding:0; margin:0px; background:none; width:50%; height:50px; background-color:#fff; font-size:14px; color:#333; cursor:pointer;}
.mobile-popup-btn-controls .today-close-btn{background-color:#eee;}