@charset "utf-8";
/* Source: cm_bbs_common.css */

/* *******************************************************
 * filename : board.css
 * description : paging, 버튼, 게시판 뷰, 쓰기 등 게시판에 관련된 통합 CSS
 * date : 2020-02-21
******************************************************** */

/* ******************   게시판 :: 공통  ********************** */
/* 공통 :: 버튼  */
.cm-btn-controls{overflow:hidden; text-align:center; padding-top:30px;}
.cm-btn-controls.cm-btn-align-left{text-align:left;}
.cm-btn-controls.cm-btn-align-right{text-align:right;}
.cm-btn-controls .left-btn-controls{float:left; }
.cm-btn-controls .right-btn-controls{float:right;}
.cm-btn-controls button,.cm-btn-controls a{display:inline-block; width:150px; height:42px; border:0; color:#fff; background-color:#000; font-size:17px; margin:0 2px 5px 2px;  cursor:pointer; vertical-align:top; text-align:center; font-weight:400; -webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px; }
.cm-btn-controls a{line-height:42px;}
.cm-btn-controls.cm-btn-long-controls button,.cm-btn-controls.cm-btn-long-controls a{width:100%; height:50px; margin:0px; margin-bottom:5px;}
.cm-btn-controls.cm-btn-long-controls a{box-sizing:border-box; line-height:50px;}
.cm-btn-controls .btn-style01{background-color:#e95513;}
.cm-btn-controls .btn-style02{background-color:#8c8c8c;}
.cm-btn-controls .btn-style03{box-sizing:border-box; background:#fff; border:1px solid #888; color:#222;}

/* 공통 :: PAGING */
.paging{width:100%; text-align:center; margin:30px 0;}
.paging a{
display:inline-block; vertical-align:middle; width:30px; height:30px; border:1px solid #ddd; text-align:center; font-size:12px; line-height:30px; color:#868686; letter-spacing:-0.25px; background-color:#fff; 
}
.paging a.cur{border:1px solid #4b4b4b; background-color:#4b4b4b; color:#fff;}
.paging a.paging-arrow{line-height:28px;}
.paging i{vertical-align:middle; color:inherit}

/* 공통 :: SEARCH BOX */
.board-search-box{text-align:center; background-color:#f9f9f9; padding:30px 0; border:1px solid #ddd; }
.board-search-box .board-search-inner{position:relative; max-width:500px; margin:0px auto; padding-right:40px; box-sizing:border-box;}
.board-search-box .search-subject-select,
.board-search-box .search-word{float:left; width:40px; height:40px; border:1px solid #ccc; background-color:#fff; padding:0 10px; font-size:14px; color:#333; letter-spacing:-0.3px;}
.board-search-box .search-subject-select{width:120px;}
.board-search-box .search-word{width:calc(100% - 120px); border-left:0; border-right:0;}
.board-search-box .search-subject-select:focus,
.board-search-box .search-word:focus{color:#333;}
.board-search-box .search-word::placeholder{color:#333;}
.board-search-box .bbs-search-btn{position:absolute; top:0px; right:0px; margin:0px; border:0; width:40px; height:40px; font-size:15px; letter-spacing:-0.5px; background:#333; color:#fff; cursor:pointer; vertical-align:top; }
.board-search-box .bbs-search-btn i{line-height:40px; font-size:20px;}
/* 상단 SEARCH BOX */
.bbs-top-list-box .board-search-box{float:right; text-align:right; width:420px; border:0; padding:0; background-color:transparent; }
.bbs-top-list-box .board-search-inner{margin:0; max-width:none;}
/* // */

/* 공통 :: TOTAL NUMBER 및 카테고리 검색 */
.bbs-top-list-box{margin-bottom:30px}
.total-list-con{float:left; line-height:40px; color:#333; font-size:14px; letter-spacing:-0.25px;}
.total-list-con b{color:#eb8500}
.top-search-box{float:right; margin-bottom:20px;}
.top-search-box select{width:200px; height:34px; border:1px solid #ccc; vertical-align:top; }
/* 갯수 Sort */
.top-view-select-box{margin-left: 15px; float: left; margin-bottom:20px;}
.top-view-select-box select{width:120px; height:34px; border:1px solid #ccc; vertical-align:top;}

/* 공통 :: NO LIST */
.bbs-no-list{padding:100px 0; text-align:center; color:#777; font-size:15px; border-top:1px solid #333; border-bottom:1px solid #ddd; }
.bbs-list-tbl + .bbs-no-list{margin-top:-1px;}

/* 공통 :: 체크박스 */
.custom-check-item-box{margin:0 -5px}
.custom-check-item-box .custom-check-item{margin:2px 5px}
.custom-check-item{display:inline-block; vertical-align:middle;}
.custom-check-item input[type="checkbox"]{display:none; display/*\**/: inline-block\9;} /* ie7, ie8 display:inline-block */
.custom-check-item label .check-icon{position:relative; top:1px;display:inline-block; width:16px; height:16px; border:1px solid #ddd; vertical-align:middle; display/*\**/: none\9;}
.custom-check-item label .check-icon i{position:absolute; top:0px; left:0px; display:none; font-size:16px;}
.custom-check-item label strong{display:inline-block; vertical-align:middle; font-weight:400; margin-left:8px; font-size:15px; color:#333;}
.custom-check-item input[type="checkbox"]:checked + label .check-icon {border-color:#000}
.custom-check-item input[type="checkbox"]:checked + label .check-icon i{display:block; color:#000}

/* 공통 :: 라디오 */
.custom-radio-item-box{margin:0 -5px}
.custom-radio-item-box .custom-radio-item{margin:2px 5px}
.custom-radio-item{display:inline-block; vertical-align:middle;}
.custom-radio-item input[type="radio"]{display:none; display/*\**/: inline-block\9;} /* ie7, ie8 display:inline-block */
.custom-radio-item label{display:inline-block; position:relative; padding-left:22px; color:#333; font-size:14.5px; letter-spacing:-0.3px; line-height:15px; }
.custom-radio-item label::before{content:""; position:absolute; top:2px; left:0px; width:14px; height:14px; border:1px solid #cfcfcf; background-color:#fff; -webkit-border-radius:16px;-moz-border-radius:16px;-o-border-radius:16px;border-radius:16px;}
.custom-radio-item label::after{display:none; content:""; position:absolute; top:6px; left:4px; width:8px; height:8px; background:#000; -webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;border-radius:8px;}
.custom-radio-item label strong{display:inline-block; vertical-align:middle; font-weight:400; font-size:15px; color:#333;}
.custom-radio-item input[type="radio"]:checked + label::before{border-color:#000}
.custom-radio-item input[type="radio"]:checked + label::after{display:block; }

@media all and (max-width:800px) {
	/* 공통 :: 버튼  */
	.cm-btn-controls button,.cm-btn-controls a{
		min-width:110px; width:auto; 
		padding:0 10px; height:36px; font-size:14px; -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 box-sizing: border-box; }
	.cm-btn-controls a{line-height:36px;}
	/* 공통 :: SEARCH BOX */
	.board-search-box{padding:0; border:0}
	.board-search-box .board-search-inner{max-width:none; }
	/* 상단 SEARCH BOX */
	.bbs-top-list-box .board-search-box{width:calc(100% - 100px); max-width:420px;}
	/* 공통 :: NO LIST */
	.bbs-no-list{padding:60px 0; font-size:14px; font-weight:500;}
	/* 공통 :: TOTAL NUMBER 및 카테고리 검색 */
	.top-search-box select{width:150px}
	/* ~개씩 보기 */
	.top-view-select-box{margin-left: 15px;}
	.top-view-select-box select{width:100px;}
	/* 공통 :: 체크박스, 라디오*/	
	.custom-check-item label strong,
	.custom-radio-item label strong{font-size:13px; }
}

@media all and (max-width:480px) {
	/* 공통 :: 버튼  */
	.cm-btn-controls button,.cm-btn-controls a{min-width:80px; height:32px; font-size:13px;}
	.cm-btn-controls a{line-height:32px;}
	/* ~개씩 보기 */
	.top-view-select-box{margin-left: 10px;}
	.top-view-select-box select{width:80px;}
	/* 공통 :: SEARCH BOX */
	.board-search-box .search-subject-select,
	.board-search-box .search-word{font-size:13px;}
	.board-search-box .search-subject-select{width:70px}
	.board-search-box .search-word{width:calc(100% - 70px);}
	
	/* 상단 SEARCH BOX */
	.bbs-top-list-box{margin-bottom:20px}
	.bbs-top-list-box .board-search-box{clear:both; float:none; width:auto; }
}
@media all and (max-width:359px) {
	/* ~개씩 보기 */
	.top-view-select-box select{width:55px;}
}

/* ******************   게시판 :: 뷰페이지  ********************** */
/* 게시판 :: 뷰 :: 상단 타이틀 정보 */
.bbs-view-top{padding:20px; border-top:1px solid #333; border-bottom:1px solid #eee;}
.bbs-view-top .event-date{overflow:hidden; color:#888; padding-bottom:10px;}
.bbs-view-top .event-date dt,.bbs-view-top .event-date dd{display:inline-block; letter-spacing:-0.5px;}
.bbs-view-top .event-date dt{margin-right:10px; color:#333;}
.bbs-view-top .event-date dt i{font-size:16px; margin:-1px 3px 0 0; vertical-align:middle;}
.bbs-view-top .reply-state{float:none; text-align:left; margin-bottom:10px;}
.bbs-view-top .reply-state span{display:inline-block; padding:0 10px; height:24px; line-height:24px; background-color:#888; border-radius:5px; font-size:11px; color:#fff; text-align:center;}
.bbs-view-top .reply-state.reply-state-finish span{background-color:#5997bb}
.bbs-view-top .bbs-category{display:block; font-size:13px; margin-bottom:10px;}
.bbs-view-top .bbs-tit{color:#282828; font-size:22px; letter-spacing:-0.6px; font-weight:500; line-height:32px; word-break:keep-all;}
.bbs-view-top .bbs-write-info{margin-top:20px;}
.bbs-view-top .bbs-write-info dt,.bbs-view-top .bbs-write-info dd{display:inline-block; color:#777; font-size:14px; vertical-align:middle; font-weight:500}
.bbs-view-top .bbs-write-info dd{margin:0 20px 0 5px; color:#888; font-weight:400}
.bbs-view-content{padding:30px 20px; border-bottom:1px solid #eee; }

/* 게시판 :: 뷰 :: 공유아이콘 */
.bbs-view-share-con{overflow:hidden; padding:10px 20px; border-bottom:1px solid #eee;}
.bbs-view-share-con ul{float:right;}
.bbs-view-share-con ul li{float:left;margin-left:5px;  -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.bbs-view-share-con ul li:first-child{margin-left:0;}
.bbs-view-share-con ul li a, .bbs-view-share-con ul li button{display:block;  width:34px; height:34px; text-align:center; line-height:34px;}
.bbs-view-share-con ul li img{width:30px;}
.bbs-view-share-con ul li i{font-size:20px; line-height:34px; color:#fff;}
.bbs-view-share-controls .bbs-button-controls{float:left;}
.bbs-view-share-controls .bbs-hit-good-num-con{float:right;}

/* 게시판 :: 뷰 :: 첨부파일 */
.bbs-view-file-info-box{line-height:20px; border-bottom:1px solid #eee; background-color:#f9f9f9; padding:10px 20px; margin-bottom:10px;}
.bbs-view-share-con + .bbs-view-file-info-box{border-top:0;}
.bbs-view-file-info-box .bbs-file-list{overflow:hidden; padding-top:5px; font-size:13px;}
.bbs-view-file-info-box .bbs-file-list:first-child{padding-top:0;}
.bbs-view-file-info-box .bbs-file-list dt{float:left; width:100px; font-weight:600; color:#333;}
.bbs-view-file-info-box .bbs-file-list dd{float:left; width:70%; width:calc(100% - 100px ); }
.bbs-view-file-info-box .bbs-file-list dd a:hover{text-decoration:underline;}
.bbs-view-file-info-box .bbs-file-list dd i{vertical-align:middle; font-size:15px;}

/* 게시판 :: 뷰 :: 이전글,다음글 */
.bbs-view-prev-next-list{margin-top:30px;}
.bbs-view-prev-next-list li{border-bottom:1px solid #eee;}
.bbs-view-prev-next-list li:first-child{border-top:1px solid #eee;}
.bbs-prev-next-tbl{width:100%; table-layout:fixed;}
.bbs-prev-next-tbl th,
.bbs-prev-next-tbl td{height:58px; color:#333; font-size:16px; letter-spacing:-0.5px; line-height:1.2; }
.bbs-prev-next-tbl th{text-align:left;}
.bbs-prev-next-tbl .bbs-prev-next-tit{position:relative; display:block; padding-left:25px; font-weight:400; }
.bbs-prev-next-tbl .bbs-prev-next-tit:after{position:absolute; top:0px; bottom:0px; width:1px; right:0px; background-color:#eee; content:"";}
.bbs-prev-next-tbl .bbs-prev-next-tit i{position:absolute; right:15px; font-size:20px;}
.bbs-prev-next-tbl td{padding-left:20px}
.bbs-prev-next-tbl td a{display:block; color:inherit;}
.bbs-prev-next-tbl td a .bbs-tit{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bbs-prev-next-tbl td a:hover .bbs-tit{text-decoration:underline}

/* 게시판 :: 뷰 :: 관리자코멘트 */
.manage-comment-con{border:1px solid #d7d7d7; margin:10px 0;}
.manage-comment-con h1{padding:15px 20px; border-bottom:1px solid #d7d7d7; background-color:#f9f9f9; color:#333; font-weight:600; font-size:15px;}
.manage-comment-con h1 span{color:#888; font-size:11px; margin-left:5px; font-weight:400;}
.manage-comment-txt{padding:18px 20px; font-weight:400; line-height:1.5em;}

/* 게시판 :: 뷰 :: 댓글 */
.bbs-comment-con{margin-top:10%;}
.bbs-comment-con .bbs-cm-head{font-size:18px; color:#2f2f2f; letter-spacing:-0.25px;padding-bottom:15px; font-weight:600;}
.cm-write-con{border:1px solid #d7d7d7; border-top:1px solid #000; margin-bottom:20px; }
.cm-write-top{position:relative; overflow:hidden; padding:10px 20px; background-color:#f4f4f4; border-bottom:1px solid #e5e5e5;}
.cm-writer-info{line-height:26px; /*padding-left:30px; background:url("https://hivoice.jp/css/common/images/board/cm_writer_icon.png") no-repeat*/}
.cm-write-top .cm-writer{font-weight:600; font-size:15px; color:#333; margin-right:10px;  vertical-align:middle;}
.cm-write-top .cm-write-sub-txt{color:#9d9d9d; font-size:12px; font-weight:400; vertical-align:middle;}
.cm-write-bottom{padding:10px; overflow:hidden;}
.cm-write-bottom .cm-textarea{float:left; height:85px; width:85%; padding:10px 0; border:1px solid #e5e5e5; resize:none; box-sizing:border-box;}
.cm-write-bottom .cm-regi-btn{float:left; height:85px;  width:15%; border:0; padding:0; color:#fff; font-size:15px; background-color:#333; vertical-align:middle;}
.cm-list-con{border:1px solid #d7d7d7}
.cm-list-con li{border-top:1px solid #d7d7d7;}
.cm-list-con li:first-child{border-top:0;}
.cm-item .cm-write-top{background-color:#fcfcfc}
.cm-control-btns{position:absolute; top:50%; right:10px; margin-top:-11px;}
.cm-control-btns a{display:inline-block; width:50px; height:22px; line-height:22px; color:#fff; background-color:#999; text-align:center; font-weight:400; font-size:12px;
	-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;
}
.cm-item .cm-content{padding:10px; font-weight:400; line-height:1.3em; color:#555;}
.reply-cm-write-con{padding-left:15px;}
.reply-cm-write-con .cm-write-top{ padding:10px; border-top:1px solid #e5e5e5; }

@media all and (max-width:800px){
	/* 게시판 :: 뷰 */
	.bbs-view-top{padding:15px;}
	.bbs-view-top .bbs-tit{font-size:18px; line-height:26px;}
	.bbs-view-top .bbs-view-info{float:none; overflow:hidden;}
	.bbs-view-top .bbs-write-info{margin-top:10px;}
	.bbs-view-top .bbs-write-info dt,
	.bbs-view-top .bbs-write-info dd{font-size:12px;}
	.bbs-view-top .bbs-write-info dd{margin:0 7px 0 0}
	.bbs-view-content{padding:15px}

	/* 게시판 :: 뷰 :: 공유아이콘 */
	.bbs-view-share-con{padding:10px 15px}

	/* 게시판 :: 뷰 :: 첨부파일 */
	.bbs-view-file-info-box{padding:10px 15px;}
	.bbs-view-file-info-box .bbs-file-list{font-size:12px;}

	/* 게시판 :: 뷰 :: 이전글,다음글 */
	.bbs-prev-next-tbl colgroup{display:none;}
	.bbs-prev-next-tbl th{width:80px;}
	.bbs-prev-next-tbl th,
	.bbs-prev-next-tbl td{height:34px; font-size:13px; padding-left:10px}
	.bbs-prev-next-tbl .bbs-prev-next-tit{padding-left:10px;}

	/* 게시판 :: 뷰 :: 관리자코멘트 */
	.manage-comment-con h1{padding:10px 3%; font-size:13px;}
	.manage-comment-txt{font-size:12px;}

	/* 게시판 :: 뷰 :: 댓글 */
	.cm-write-top{padding:10px 15px;}
	.cm-writer-info{min-height:20px; line-height:20px;}
	.cm-write-top .cm-writer{font-size:14px;}
	.cm-write-top .cm-write-sub-txt{font-size:11px; display:block; line-height:16px;}
	.cm-write-bottom .cm-textarea{width:75%;  height:80px; font-size:12px;}
	.cm-write-bottom .cm-regi-btn{width:25%;  height:80px; font-size:12px;}
	.cm-control-btns a{font-size:11px;}
	.cm-item .cm-content{font-size:12px;}
	.reply-cm-write-con .cm-write-top{padding:10px 15px;}
}

/* ******************   게시판 :: 쓰기, 문의폼(기본1)  ********************** */
/* 게시판 :: 쓰기, 문의폼 :: 개인정보취급방침 */
.bbs-inquiry-agree-con{margin-bottom:50px;}
.bbs-write-tbl-box + .bbs-inquiry-agree-con{margin-top:50px;}
.bbs-inquiry-agree-con .agree-tit{color:#222; font-size:20px; letter-spacing:-0.5px; font-weight:500; padding-bottom:15px;}
.inquiry-agreement-con{height:220px; overflow-y:auto; overflow-x:hidden; padding:20px; background-color:#f6f6f6; box-sizing:border-box;}
.bbs-inquiry-agree-con .agree-txt{margin-top:10px; font-size:15px; letter-spacing:-0.3px; color:#333;}
.bbs-inquiry-agree-con .agree-txt:first-child{margin-top:0}
.bbs-inquiry-agree-con .agree-txt input{display:none;}
.bbs-inquiry-agree-con .agree-txt label{position:relative; padding-left:26px; }
.bbs-inquiry-agree-con .agree-txt label i{position:absolute; top:2px; left:0px; font-size:20px; color:#ddd;}
.bbs-inquiry-agree-con .agree-txt input:checked + label i{color:#000;}
.inquiry-essential-txt{text-align:right; color:#373737; font-size:13px; letter-spacing:-0.3px; padding-bottom:15px;}
.essential-icon{color:#cf0505;}

/* 게시판 :: 쓰기, 문의폼 :: 작성영역 */
.bbs-write-tbl{width:100%; border-top:1px solid #333;}
.bbs-write-tbl th,.bbs-write-tbl td{padding:8px 10px; letter-spacing:-0.5px; border-bottom:1px solid #ddd;}
.bbs-write-tbl th{color:#464646; font-size:14px; font-weight:500; text-align:left;}
.bbs-write-tbl .write-input,
.bbs-write-tbl .write-select,
.bbs-write-tbl .write-textarea{
    height:38px; border:0px; width:50%; background-color:#fff; border:1px solid #d2d2d2; font-size:14px; vertical-align:middle;
}
.bbs-write-tbl .write-input:focus{border-color:#333;}
.bbs-write-tbl .write-input,
.bbs-write-tbl .write-select{text-indent:10px; max-width:480px; }
.bbs-write-tbl .write-textarea{width:100%; height:200px; resize:none;}
.bbs-write-tbl td input[type="file"]{height:auto; padding:10px 0;text-indent:0; border:0;}
.bbs-write-tbl td .write-sub-txt{color:#888; margin-left:10px; font-size:11px; color:#aaa; font-family:"돋움",dotum,sans-serif; letter-spacing:-0.5px;}
.bbs-write-tbl td .write-sub-txt2{display:block; color:#888; margin-top:5px; font-size:11px; color:#aaa; font-family:"돋움",dotum,sans-serif; letter-spacing:-0.5px;}
.bbs-write-tbl .hypen{display:inline-block; vertical-align:middle;width:12px; margin:0 5px; text-align:center;}

/* 게시판 :: 쓰기,문의폼 :: 우편번호 검색 등의 버튼 */
.bbs-write-tbl .with-sub-btn-input{float:left; width:calc(100% - 116px) !important;}
.bbs-write-tbl .bbs-write-sub-btn{float:left; width:110px; padding:0 10px; height:38px; margin-left:5px; border:1px solid #645c54; vertical-align:middle; text-align:center; color:#645c54; font-size:13px; letter-spacing:-0.5px; font-weight:400; }
.bbs-write-tbl .bbs-write-sub-btn:hover{background-color:#645c54; color:#fff;}
.bbs-write-tbl .bbs-write-sub-btn + .write-input{clear:both;}


/* 게시판 :: 쓰기, 문의폼 :: 기타 */
.bbs-write-tbl .input-check{padding:10px 0;}
.bbs-write-tbl .input-check span{margin-right:30px;}
.bbs-write-tbl .input-check span label{vertical-align:middle; font-size:14px;}
.phone-fieldset .write-select,
.email-fieldset .write-input{max-width:150px}
.address-fieldset .write-input{display:block; margin-bottom:6px; max-width:800px; }
.address-fieldset .write-input:first-child{display:inline-block; max-width:400px}
.address-fieldset .write-input:last-child{margin-bottom:0;}

@media all and (max-width:800px){
	/* 게시판 :: 쓰기, 문의폼 :: 개인정보취급방침 */
	.bbs-inquiry-agree-con{margin-bottom:25px;}
	.bbs-inquiry-agree-con .agree-tit{font-size:16px;}
	.inquiry-agreement-con{height:150px; padding:15px}
	.bbs-inquiry-agree-con .agree-txt{font-size:13px;}
	.bbs-inquiry-agree-con .agree-txt label i{top:1px;}

	/* 게시판 :: 쓰기, 문의폼 :: 작성영역 */
	.bbs-write-tbl tr,.bbs-write-tbl th,.bbs-write-tbl td{display:block; padding:0; width:100% !important; border-bottom:0; text-indent:0;}
	.bbs-write-tbl th{font-size:13px; padding-top:10px; font-weight:600;}
	.bbs-write-tbl td{padding:10px 0; border-bottom:1px solid #ddd; }
	.bbs-write-tbl td .write-input,
	.bbs-write-tbl td .write-select,
	.bbs-write-tbl td .write-textarea{width:100% ; border:0; background-color:#f0f0f0; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
	.bbs-write-tbl td .write-textarea{height:80px;}
	.bbs-write-tbl td .write-sub-txt, .bbs-write-tbl td .write-sub-txt2{display:block; margin-left:0; margin-top:5px; text-align:right; font-size:12px; }

	/* 게시판 :: 쓰기, 문의폼 :: 기타 */
	.bbs-write-tbl .input-check{padding:5px 0;}
	.bbs-write-tbl .input-check span{margin-right:15px;}
	.phone-fieldset .write-input,
    .phone-fieldset .write-select{width:calc(33.33% - 18px) !important;}
	.email-fieldset .write-input{width:calc(50% - 14px) !important;}
	.email-fieldset .write-select{width:100% !important; margin-top:5px; max-width:none;}
	.bbs-write-tbl .address-btn{min-width:auto; font-size:12px; margin-left:5px; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
}

/* ****************** 게시판 :: 비밀번호입력 ********************** */
.bbs-password-input-con{width:100%; padding:50px 0; text-align:center; border-top:1px solid #333; border-bottom:1px solid #ddd; margin-bottom:50px;}
.password-input-tit{color:#444; font-size:15px; font-weight:400; margin-bottom:30px; }
.password-input-tit b{font-weight:600;}
.password-input-tit br{display:none;}
.bbs-password-input-box{padding:50px 0; border:1px solid #eee; background-color:#fafafa;}
.bbs-password-input-box i{vertical-align:middle; color:#888 }
.bbs-password-input-box label{margin:0 10px 0 5px; font-size:15px; font-weight:600; color:#333; vertical-align:middle;}
.bbs-password-input-box #pwdInput{height:30px; width:30%; max-width:200px; border:1px solid #ddd; text-indent:10px;}

@media all and (max-width:800px){
	/* 게시판 :: 비밀번호입력 */
	.password-input-tit{line-height:24px; font-size:13px;}
	.password-input-tit br{display:block; }
	.bbs-password-input-box label{font-size:13px;}
	.bbs-password-input-box i{font-size:18px}
	.bbs-password-input-box #pwdInput{width:90%; margin-top:10px;}
}

/* ******************   게시판 :: 통합검색 ********************** */
/* 검색 :: 검색결과 상단 */
.search-result-top-container{margin-bottom:50px; }
.search-result-top-container .result-bold-txt{color:#09b4de; }
.search-result-top-con{border: 1px solid #ddd; background-color:#fff; padding:50px 20px; text-align:center; font-size:18px; font-weight:400; line-height:20px; word-break:keep-all; }
.search-result-top-con .result-top-tit{font-size:30px; letter-spacing: -0.75px; color:#000; font-weight: 300; margin-bottom:25px;}
.search-result-top-con .result-txt b{color:#000;}
.search-result-top-con .no-result-txt p{padding-bottom:20px; line-height:22px;}
.search-result-top-con .no-result-txt ul{max-width:400px; margin:0px auto; text-align:left; }
.search-result-top-con .no-result-txt ul.en-no-result-txt{max-width:500px;  }
.search-result-top-con .no-result-txt ul li{font-size:13px; letter-spacing:-0.5px; font-weight:300;}
 
/* 검색 :: 검색결과 분류 */
.search-result-classify-con{border:1px solid #ddd; margin-top:-1px}
.search-result-classify-item {float:left; width:50%; text-align:center;}
.search-result-classify-item .search-result-classify-inner {padding:30px 0; background-color:#F4F4F4;}
.search-result-classify-item:first-child .search-result-classify-inner {border-right: 1px solid #d8d8d8; }
.search-result-classify-item .search-result-classify-inner .result-list-tit {font-size:18px; letter-spacing: -0.75px; color:#000;}
.search-result-classify-item .search-result-classify-inner .result-list-tit i {margin:-2px 6px 0 0;  vertical-align:middle;}
.search-result-classify-item .search-result-classify-inner .result-info {font-size:22px; line-height: 28px; letter-spacing: -0.75px; color:#000; margin-top: 20px;}
 
/* 검색 :: 검색결과 하단 */
.total-search-result-con{margin-bottom:50px;}
.totabl-search-list-tit-box{border-bottom:1px solid #000; padding-bottom:20px; margin-bottom:30px;}
.total-search-board-result-con .totabl-search-list-tit-box{margin-bottom:0}
.totabl-search-list-tit-box .total-search-list-tit {float:left; color:#333; font-weight:300; font-size:25px; letter-spacing:-1px;}
.totabl-search-list-tit-box .total-search-more-btn{float:right; color:#000; line-height:25px}
.total-search-result-bbs-list li{position:relative; border-bottom:1px solid #ddd;}
.total-search-result-bbs-list li a{display:block; padding:15px; }
.total-search-result-bbs-list li a .result-cate{display:inline-block; margin-bottom:15px; color:#fff; background-color:#888; padding:3px 7px 4px; font-size:13px;  }
.total-search-result-bbs-list li a .result-tit{display:block; font-size:18px; color:#09b4de; padding-bottom:10px; font-weight:500;}
.total-search-result-bbs-list li a .result-txt{
    overflow:hidden; height:44px; font-size:14px; line-height:1.6em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
.total-search-result-bbs-list li. a:hover .result-tit,.total-search-result-bbs-list li a:hover .result-txt{text-decoration:underline;}
.total-search-result-bbs-list li.thumb-item a{overflow:hidden;}
.total-search-result-bbs-list li.thumb-item a .result-thumb{display:block; float:left; width:150px; margin-right:15px; border:1px solid #ddd;}
.total-search-result-bbs-list li.thumb-item a .result-thumb img{width:100%;}
 
/* 검색 :: 검색결과 상세페이지  */
.search-result-detail-container .search-result-classify-item{float:none; width:auto; }
.search-result-detail-container .search-result-classify-item:first-child .search-result-classify-inner {border-right: 0}
.search-result-detail-container .total-search-result-bbs-list{border-top:1px solid #000;}
 
/* -------- 통합검색 -------- */
@media all and (max-width:800px){
    /* 검색 :: 검색결과 상단 */
    .search-result-top-con .result-top-tit{font-size:25px;}
    .search-result-top-con{font-size:15px;}
    .search-result-top-con .no-result-txt p{padding-bottom:0}
    .search-result-top-con .no-result-txt ul{display:none;}
    /* 검색 :: 검색결과 분류 */
    .search-result-classify-con{}
    .search-result-classify-item:first-child .search-result-classify-inner {}
    .search-result-classify-item .search-result-classify-inner .result-list-tit {font-size:15px;}
    .search-result-classify-item .search-result-classify-inner .result-info{font-size:18px;}
    /* 검색 :: 검색결과 하단 */
    .total-search-result-bbs-list li a{padding:15px 0;}
    .total-search-result-bbs-list li a .result-tit{font-size:15px;}
    /* 검색 :: 검색결과 상세페이지  */
    .search-result-detail-container .search-result-classify-item:first-child .search-result-classify-inner {border-bottom:0; }
}
@media all and (max-width:480px){
    /* 검색 :: 검색결과 상단 */
    .search-result-top-con{padding:25px 15px; }
    /* 검색 :: 검색결과 하단 */
    .totabl-search-list-tit-box{padding-bottom:10px; margin-bottom:15px;}
    .totabl-search-list-tit-box .total-search-list-tit{font-size:20px}
    .total-search-result-bbs-list li.thumb-item a .result-thumb{float:none; width:100%; max-width:200px; margin-right:0; margin-bottom:15px;}
}

/* Source: cm_board.css */

/* *******************************************************
 * filename : board_list.css
 * description : 일반 게시판 관련 CSS
 * date : 2019-10-08
******************************************************** */

/* ******************   게시판 :: 기본리스트 01 ********************** */
/* 게시판 :: 기본리스트 :: 레이아웃 */
.bbs-list-tbl{display:table; width:100%; table-layout:fixed;}
.bbs-list-head{display:table-header-group; }
.bbs-list-head span{display:table-cell; text-align:center; background:#fff; color:#343434; font-weight:500; font-size:15px; letter-spacing:-0.5px; padding:20px 0; border-top:1px solid #333;  border-bottom:1px solid #ddd;}
.bbs-list-row{display:table-row; width:100%;}
.bbs-list-row .column{display:table-cell; vertical-align:middle; padding:16px 0; color:#555; font-size:15px; letter-spacing:-0.5px; text-align:center; border-bottom:1px solid #ddd;}
.bbs-list-row:hover{background-color:#f6f6f6}
/* 게시판 :: 기본리스트 ::  항목 */
.bbs-list-row.notice-row .notice-tit{display:inline-block; height:20px; line-height:20px; padding:0px 10px; background-color:#333; color:#fff; font-size:11px; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.bbs-list-row.notice-row .column,.bbs-list-row.notice-row .bbs-subject-con .bbs-subject-txt{font-weight:500 !important;}
.bbs-list-row .bbs-title{text-align:left;}
.bbs-list-row .bbs-title a{display:block; position:relative; padding:0 60px 0 0; }	/* ★ 댓글이 있을때 padding-right:100px ★  */
.bbs-list-row .bbs-title a:hover{color:#000; }
.bbs-subject-con{display:inline-block; position:relative; max-width:100%;}
.bbs-subject-con .bbs-subject-txt{display: inline-block; padding-right: 5px; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; font-weight:400; line-height:18px; vertical-align:middle; }
.bbs-subject-con .bbs-subject-txt .category{font-weight:600; color:#000; margin-right:5px;}
.bbs-subject-con .bbs-subject-icons{ position: absolute; left:100%; top: 50%; width: 60px; height:18px; margin-top:-8px; text-align:left; display: inline-block; } /* ★ 댓글이 있을때 width:100px ★ */
.bbs-subject-con .bbs-subject-icons img{vertical-align:middle; margin:-2px 2px 0 2px;}
.bbs-subject-con .bbs-icons{display:inline-block; color:#999; vertical-align:middle;  }
.new-icon{display:inline-block; height:15px; width:15px; line-height:15px; margin-left:2px; text-align:center; background-color:#eb8500; vertical-align:middle; color:#fff; font-size:10px; font-weight:400; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;  font-family:"나눔고딕", NanumGothic, "Nanum Gothic",Arial, sans-serif;}
.bbs-subject-con .material-icons{vertical-align:middle; height:18px; font-size:17px;}
.bbs-subject-con .comment-num{display:inline-block; height:14px; margin:2px 0 0 2px; color:#aaa; line-height:16px; font-size:12px; font-weight:400; letter-spacing:-0.5px;vertical-align:middle; font-family:"돋움",dotum,"나눔고딕", NanumGothic, "Nanum Gothic",Arial, sans-serif; }
.bbs-subject-con .comment-num i{height:16px; font-size:14px; color:#aaa;}
.bbs-subject-con .bbs-subject-icons .cm-num{color:#aaa; font-size:12px; font-weight:400; font-family:"돋움",dotum,"나눔고딕", NanumGothic, "Nanum Gothic",Arial, sans-serif;}
.bbs-subject-con .reply-icon{
	display:inline-block; padding:2px 8px 2px 3px; margin:0 3px 0 0; vertical-align:middle; line-height:12px; color:#fff; background-color:#333; font-size:10px; font-weight:400; letter-spacing:-0.5px;
	font-family:"돋움",dotum,"나눔고딕", NanumGothic, "Nanum Gothic",Arial, sans-serif;
	-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px;
}
.bbs-list-row .reply-state span{display:inline-block; padding:0 10px; height:24px; line-height:24px; background-color:#888; border-radius:5px; font-size:11px; color:#fff; text-align:center;}
.bbs-list-row .reply-state.reply-state-finish span{background-color:#5997bb}
.bbs-list-row .bbs-comment-data{display:none;}

@media all and (max-width:800px){
	/* 게시판 :: 기본리스트 :: 레이아웃 */
	.bbs-list-tbl{border-top:1px solid #d7d7d7;}
	.bbs-list-tbl,.bbs-list-row,.bbs-list-row .column{display:block;}
	.bbs-list-head{display:none; position:absolute; top:-1000em; left:-1000em;}
	.bbs-list-row{position:relative; width:96%; padding:15px 2%; border-bottom:1px solid #ddd; overflow:hidden;}
	.bbs-list-row .column{clear:both; border-bottom:0; text-align:left; padding:3px 0; font-size:12px;}
	/* 게시판 :: 기본리스트 :: 항목 */
	.bbs-relative-row{padding-top:40px}
	.bbs-list-row .column.bbs-no-data{display:none;}
	.bbs-list-row .column.bbs-block{clear:both; width:100%;}
	.bbs-list-row .column.bbs-inline{display:inline-block; width:auto; margin-right:4%;}
	.bbs-list-row .column.bbs-absolute{position:absolute; top:10px; left:2%;}
	.bbs-list-row .column:not(.bbs-title):not(.bbs-no-data):before{padding-right:5px; color:#aaa; content: attr(data-label);}
	.bbs-list-row .column[data-label="no"]:before{padding-right:0; display:none;}
	.bbs-subject-con .bbs-subject-txt{font-size:14px; font-weight:500;  }
	.bbs-list-row .reply-state{height:24px; line-height:24px; font-size:12px; text-align:center;}
	.bbs-subject-con .comment-num{display:none}
	.bbs-list-row .bbs-comment-data{display:inline-block;}
}

/* ******************   리스트형 게시판 :: 리스트 02  ********************** */
.bbs-list-style02 .bbs-item{margin-bottom:3px; }
.bbs-list-style02 .bbs-item > a{
	display:block; position:relative; padding:30px; height:72px; border:1px solid #dedede; background-color:#fff;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s
}
.bbs-list-style02 .bbs-item .bbs-list-date{position:absolute; top:30px; left:30px; width:70px; text-align:center; color:#ddd;letter-spacing:-0.5px; }
.bbs-list-style02 .bbs-item .bbs-list-date strong{display:block; font-size:50px; margin-bottom:5px;}
.bbs-list-style02 .bbs-item .bbs-list-date span{font-size:15px;}
.bbs-list-style02 .bbs-item .bbs-list-info-con{margin:0 125px;}
.bbs-list-style02 .bbs-item .bbs-subject-box{display:block; position:relative; padding:0 30px 0 0; margin:5px 0 15px; } 
.bbs-list-style02 .bbs-item .bbs-subject-txt-box{display:inline-block; position:relative; max-width:100%; }
.bbs-list-style02 .bbs-item .bbs-subject-txt{display: inline-block; padding-right: 5px; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; font-size:18px; font-weight:400; line-height:18px; vertical-align:middle; color:#222; letter-spacing:-0.75px; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.bbs-list-style02 .bbs-item .bbs-list-info-con .notice-tit{display:inline-block; vertical-align:middle; border:1px solid #34bdd7; height:25px; line-height:25px; border:1px solid #34bdd7; padding:0 15px; font-size:14px; letter-spacing:-0.5px; color:#34bdd7; margin-right:10px;}
.bbs-list-style02 .bbs-item .bbs-subject-txt .category{font-weight:500; color:#34bdd7; margin-right:5px; }
.bbs-list-style02 .bbs-item .bbs-subject-icons{ position: absolute; left:100%; top: 50%; width: 60px; height:18px; margin-top:-9px; text-align:left; display: inline-block; }
.bbs-list-style02 .bbs-item .bbs-subject-icons img{vertical-align:middle; margin:-2px 2px 0 2px;}
.bbs-list-style02 .bbs-item .bbs-list-info-con .bbs-list-sub-txt{color:#777; font-size:15px; letter-spacing:-0.5px; line-height:1.5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bbs-list-style02 .bbs-item .bbs-list-info-con .bbs-list-date-m{display:none;}
.bbs-list-style02 .bbs-item .bbs-right-info-con{position:absolute; top:30px; right:30px; text-align:right;}
.bbs-list-style02 .bbs-item .bbs-right-info-con dl{margin-bottom:15px;}
.bbs-list-style02 .bbs-item .bbs-right-info-con dl dt,.bbs-list-style02 .bbs-item .bbs-right-info-con dl dd{display:inline-block; color:#a1a1a1; font-size:13px; letter-spacing:-0.4px;}
.bbs-list-style02 .bbs-item .bbs-right-info-con dl dt i{vertical-align:middle;}
.bbs-list-style02 .bbs-item .bbs-right-info-con .bbs-more-btn{
	display:block; width:78px; height:30px; line-height:30px; text-align:center; border:1px solid #e4e4e4; color:#777;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s
}
.bbs-list-style02 .bbs-item .bbs-right-info-con .bbs-more-btn em{font-weight:400;}
.bbs-list-style02 .bbs-item .bbs-right-info-con .bbs-more-btn i{display:none;}
.bbs-list-style02 .bbs-item a:hover{ border-color:#34bdd7}
.bbs-list-style02 .bbs-item a:hover .bbs-subject-txt{color:#34bdd7}
.bbs-list-style02 .bbs-item a:hover .bbs-right-info-con .bbs-more-btn{border-color:#34bdd7; background-color:#34bdd7; color:#fff}

@media all and (max-width:800px){
	/* 리스트형 게시판 :: 리스트 02 */
	.bbs-list-style02 .bbs-item > a{height:auto; min-height:54px; padding:15px;}
	.bbs-list-style02 .bbs-item .bbs-list-date{top:15px; left:15px; width:50px;}
	.bbs-list-style02 .bbs-item .bbs-list-date strong{font-size:30px;}
	.bbs-list-style02 .bbs-item .bbs-list-info-con{margin:0 92px 0 70px ;}
	.bbs-list-style02 .bbs-item .bbs-subject-box{margin-bottom:5px}
	.bbs-list-style02 .bbs-item .bbs-subject-txt{font-size:15px;}
	.bbs-list-style02 .bbs-item .bbs-list-info-con .notice-tit{height:20px; font-size:13px; line-height:20px; padding:0 10px;}
	.bbs-list-style02 .bbs-item .bbs-list-info-con .bbs-list-sub-txt{font-size:13px; }
	.bbs-list-style02 .bbs-item .bbs-right-info-con{top:50%; right:15px; margin-top:-16px}
	.bbs-list-style02 .bbs-item .bbs-right-info-con dl{display:none;}
}
@media all and (max-width:480px){
	/* 리스트형 게시판 :: 리스트 02 */
	.bbs-list-style02 .bbs-item .bbs-list-date{overflow:hidden; display:none; }
	.bbs-list-style02 .bbs-item .bbs-list-info-con{margin:0; margin-right:40px;}
	.bbs-list-style02 .bbs-item .bbs-list-info-con .bbs-list-tit .category{display:block; font-size:13px; margin-bottom:10px;}
	.bbs-list-style02 .bbs-item .bbs-list-info-con .bbs-list-date-m{display:block; color:#888; font-size:12px; margin-top:10px;}
	.bbs-list-style02 .bbs-item .bbs-right-info-con .bbs-more-btn{width:30px; height:30px; line-height:30px; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
	.bbs-list-style02 .bbs-item .bbs-right-info-con .bbs-more-btn em{display:none;}
	.bbs-list-style02 .bbs-item .bbs-right-info-con .bbs-more-btn i{display:block; line-height:30px; }
}

/* ******************   리스트형 게시판 :: 리스트 03  ********************** */
.bbs-list-style03{}
.bbs-list-style03 .bbs-list-item{
	position:relative; display:table; width:100%; border:1px solid #ddd; /* margin-top:-1px; */ margin-top:5px; background-color:#fff;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s; 
}
.bbs-list-style03 .bbs-list-item:before{
	position:absolute; top:-1px; left:-1px; bottom:-1px; right:-1px; border:1px solid transparent; content:"";
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s; 
}
.bbs-list-style03 .bbs-list-item,
.bbs-list-style03 .bbs-list-item:before{-webkit-border-radius:7px;-moz-border-radius:7px;-o-border-radius:7px;border-radius:7px;}
.bbs-list-style03 .bbs-list-item:first-child{margin-top:0}
.bbs-list-style03 .bbs-list-item:hover{z-index:1;}
.bbs-list-style03 .bbs-list-item:hover:before{border-color:#f58020}
.bbs-list-style03 .bbs-list-item a{display:table; width:100%; table-layout:fixed }
.bbs-list-row-item{position:relative; display:table-row; }
.bbs-list-row-item .column{display:table-cell; vertical-align:middle; padding:16px 0; color:#848484; font-size:14px; letter-spacing:-0.5px; text-align:center; }
.bbs-list-row-item .column1 {width:80px; }
.bbs-list-row-item .column2 {text-align:left; color:#222; font-size:14px;}
.bbs-list-row-item .column3 {width:110px; }
.bbs-list-row-item .column4 {width:100px; }
.bbs-list-row-item .column5 {width:100px;  }
.bbs-list-row-item .column i{margin-right:5px; font-size:20px;}
/* 제목부분 */
.bbs-list-row-item .bbs-title{text-align:left;}
.bbs-list-row-item .notice-tit{display:inline-block; height:20px; line-height:20px; padding:0px 10px; background-color:#333; color:#fff; font-size:11px; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.bbs-list-row-item .bbs-subject-box{display:block; position:relative; padding:0 30px 0 0; } 
.bbs-list-row-item .bbs-subject-txt-box{display:inline-block; position:relative; max-width:100%; }
.bbs-list-row-item .bbs-subject-txt{display: inline-block; padding-right: 5px; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; font-size:15px; font-weight:400; line-height:18px; vertical-align:middle; }
.bbs-list-row-item .bbs-subject-txt .category{font-weight:500; color:#f58020; margin-right:5px; }
.bbs-list-row-item .bbs-subject-icons{ position: absolute; left:100%; top: 50%; width: 60px; height:18px; margin-top:-9px; text-align:left; display: inline-block; }
.bbs-list-row-item .bbs-subject-icons img{vertical-align:middle; margin:-2px 2px 0 2px;}
 /* 공지글 */
.bbs-list-row-item.notice-row .notice-tit{display:inline-block; padding:3px 10px; background-color:#333; color:#fff; font-size:11px; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.bbs-list-row-item.notice-row .column2{font-weight:600 !important;}

@media all and (max-width:800px){
	/* 리스트형 게시판 :: 리스트 03 */
	.bbs-list-tbl{border-top:1px solid #d7d7d7;}
	.bbs-list-style03 .bbs-list-item,
	.bbs-list-style03 .bbs-list-item a,
	.bbs-list-row-item,
	.bbs-list-row-item .column{display:block;}
	.bbs-list-style03 .bbs-list-item a{width:auto; padding:12px 15px;}
	.bbs-list-row-item .column{clear:both; border-bottom:0; text-align:left; padding:3px 0; font-size:12px;}
	.bbs-list-row-item .column.bbs-no-data{display:none;}
	.bbs-list-row-item .column.bbs-block{clear:both; width:100%;}
	.bbs-list-row-item .column.bbs-inline{display:inline-block; width:auto; margin-right:4%;}
}

/* ******************   리스트형 게시판 :: 리스트 04  ********************** */
.bbs-list-style04{margin:0 -0.5%}
.bbs-list-style04 .bbs-list-item{float:left; width:32.33%; margin:0 0.5% 1% 0.5%}
.bbs-list-style04 .bbs-list-item a{display:block; position:relative; border:1px solid #ddd;}
.bbs-list-style04 .bbs-list-item a:after{position:absolute; display:inline-block; content:""; top:0px; left:0px; right:0px; bottom:0px; border:2px solid #000; opacity:0;filter:Alpha(opacity=0); -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.bbs-list-style04 .bbs-list-item a .bbs-list-style04-info{padding:65px 8% 45px}
.bbs-list-style04 .bbs-list-item a .bbs-category{position:absolute; top:25px; left:8%; min-width:60px; padding:0 5px; height:27px; line-height:27px; color:#fff; background-color:#f58020; text-align:center; letter-spacing:-0.25px;}
.bbs-list-style04 .bbs-list-item a .notice-category{background-color:#333;}
.bbs-list-style04 .bbs-list-item a .bbs-tit{overflow:hidden; height:3em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin:0 0 45px; font-weight:500; line-height:1.5; font-size:22px; letter-spacing:-0.5px; color:#111; word-break:keep-all;}
.bbs-list-style04 .bbs-list-item a .bbs-date{font-weight:300; font-size:15px; color:#aaa; letter-spacing:-0.75px;}
.bbs-list-style04 .bbs-list-item a .bbs-date i{position:relative; top:-1px; font-size:20px; vertical-align:middle; padding-right:5px}
.bbs-list-style04 .bbs-list-item a:after,
.bbs-list-style04 .bbs-list-item a .bbs-tit,
.bbs-list-style04 .bbs-list-item a .bbs-date{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.bbs-list-style04 .bbs-list-item a:hover{}
.bbs-list-style04 .bbs-list-item a:hover .bbs-tit{color:#3a4050; }
.bbs-list-style04 .bbs-list-item a:hover:after{opacity:1.0;filter:Alpha(opacity=0);}
.bbs-list-style04 .bbs-list-item a:hover .bbs-date{color:#3a4050}
@media all and (max-width:800px){
	.bbs-list-style04 .bbs-list-item{width:49%}
	.bbs-list-style04 .bbs-list-item a .bbs-list-style04-info{padding:40px 10px 30px ;}
	.bbs-list-style04 .bbs-list-item a .bbs-category{top:10px; left:10px; font-size:11px; height:20px; line-height:20px; min-width:50px;}
	.bbs-list-style04 .bbs-list-item a .bbs-tit{font-size:16px; margin-bottom:20px}
	.bbs-list-style04 .bbs-list-item a .bbs-date{font-size:13px;}
	.bbs-list-style04 .bbs-list-item a .bbs-date i{font-size:16px;}
}
@media all and (max-width:480px){
	.bbs-list-style04{margin:0; }
	.bbs-list-style04 .bbs-list-item{float:none; width:auto; margin:0 0 10px 0;}
	.bbs-list-style04 .bbs-list-item a .bbs-list-style04-info{padding:30px 10px ;}
	.bbs-list-style04 .bbs-list-item a .bbs-category{position:static; display:inline-block; margin-bottom:15px;}
}
/* Source: cm_gallery.css */

/* *******************************************************
 * filename : gallery.css
 * description : 갤러리형 게시판 관련 CSS
 * date : 2019-09-30
******************************************************** */

/* ******************   갤러리 게시판 :: 갤러리 기본형 G01 ********************** */
.bbs-basic-gallery-con{overflow:hidden; margin: 0px -0.5%; }
.bbs-basic-gallery-con li{float:left; width:24%; margin:0 0.5%  1% 0.5%; }
.bbs-basic-gallery-con li a{display:block; position:relative; border:1px solid #ddd; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.bbs-basic-gallery-con li a .gallery-thum-box{position: relative; padding-top: 70%; overflow: hidden; border-bottom:1px solid #ddd;}	/* padding-top 으로 이미지의 비율 조정 */
.bbs-basic-gallery-con li a .gallery-thum {position: absolute; top: 0; left: 0; right: 0; bottom: 0; display:block; overflow:hidden;}
.bbs-basic-gallery-con li a .gallery-thum img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.bbs-basic-gallery-con li a .category{position:absolute; top:0px; left:0px; min-width:30px; padding:0 10px; height:28px; line-height:28px; background-color:#f58020; color:#fff; z-index:1;}
.bbs-basic-gallery-con li a .gallery-txt-con{padding:15px;}
.bbs-basic-gallery-con li a .gallery-txt-con .gal-tit{
	display:block; 
	width:100%; 
	color:#1a1a1a; 
	font-size:18px; 
	font-weight:500; 
	letter-spacing:-0.5px; 
	line-height:1.4; 
	margin-bottom:10px;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis; 
}
.bbs-basic-gallery-con li a .gallery-txt-con .gal-txt{
	height:3em; 
	overflow:hidden; 
	margin-bottom:25px;
	color:#333; 
	font-weight:300;
	font-size:14px; 
	letter-spacing:-0.5px; 
	line-height:1.5em; 
	word-break:keep-all;
	display:block;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.bbs-basic-gallery-con li a .gallery-txt-con .gal-day{color:#aaa; font-size:13px; font-weight:300;}
.bbs-basic-gallery-con li a .gallery-txt-con .gal-day i{font-size:22px; vertical-align:middle; margin-top:-3px;}
.bbs-basic-gallery-con li a:hover{border-color:#000}
.bbs-basic-gallery-con li a:hover .gallery-thum img {
	-webkit-transform: scale(1.1) rotate(0.002deg); 
	-moz-transform: scale(1.1) rotate(0.002deg);
	-ms-transform: scale(1.1) rotate(0.002deg);
	-o-transform: scale(1.1) rotate(0.002deg); 
	transform: scale(1.1) rotate(0.002deg);
}
@media all and (max-width:800px){
	.bbs-basic-gallery-con li{width:32.33%;}	  
	.bbs-basic-gallery-con li a .gallery-txt-con{padding:15px 10px;}
	.bbs-basic-gallery-con li a .gallery-txt-con .gal-tit{font-size:15px; }
	.bbs-basic-gallery-con li a .gallery-txt-con .gal-txt{font-size:12px;}
	.bbs-basic-gallery-con li a .gallery-txt-con .gal-day{font-size:11px;}
	.bbs-basic-gallery-con li a .gallery-txt-con .gal-day i{font-size:18px;}
}
@media all and (max-width:480px){
	.bbs-basic-gallery-con li{width:49%;}	  
	.bbs-basic-gallery-con li a .gallery-txt-con .gal-tit{font-size:14px;}
}
/* ******************   갤러리 게시판 :: 갤러리 기본형 G02 ********************** */
.bbs-basic-gallery-con02 .gallery-list{overflow:hidden; margin:0 -0.5%;}
.bbs-basic-gallery-con02 .gallery-list .gal-list-item{float:left; width:24%; margin:0 0.5% 5% 0.5%;}
.bbs-basic-gallery-con02 .gallery-list .gal-list-item a{display:block; position:relative; padding-top:120%; height:0; }
.bbs-basic-gallery-con02 .gallery-list .gal-list-item a .category{position:absolute; top:0px; left:0px; min-width:30px; padding:0 10px; height:28px; line-height:28px; background-color:#f58020; color:#fff; z-index:1;}
.bbs-basic-gallery-con02 .gallery-list .gal-list-item .gal-thum{overflow:hidden; display:block; position:absolute; top:0px; left:0px; width:100%; height:100%;}
.bbs-basic-gallery-con02 .gallery-list .gal-list-item .gal-thum img{width:100%; height:100%; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.bbs-basic-gallery-con02 .gallery-list .gal-list-item .gal-tit{
	display:block; 
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis; 
	color:#222; 
	font-size:16px; 
	font-weight:500; 
	margin:15px 0;
}
.bbs-basic-gallery-con02 .gallery-list .gal-list-item .gal-info{height:24px;}
.bbs-basic-gallery-con02 .gallery-list .gal-list-item .gal-info i{font-size:18px; vertical-align:middle; margin-top:-2px; color:inherit}
.bbs-basic-gallery-con02 .gallery-list .gal-list-item .gal-info .gal-writer{float:left; font-weight:400 }
.bbs-basic-gallery-con02 .gallery-list .gal-list-item .gal-info .gal-date{float:right; font-weight:400; color:#888;}
@media all and (min-width:801px){
	/* over style */
	.bbs-basic-gallery-con02 .gallery-list .gal-list-item .over-thum{
		position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.7);
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transition: all 0.35s;
		transition: all 0.35s;
	}
	.bbs-basic-gallery-con02 .gallery-list .gal-list-item .over-thum::before,
	.bbs-basic-gallery-con02 .gallery-list .gal-list-item .over-thum::after {
		position: absolute;
		top: 10px;
		right: 10px;
		bottom: 10px;
		left: 10px;
		content: '';
		opacity: 0;
		-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
		transition: opacity 0.5s, transform 0.5s;
	}
	.bbs-basic-gallery-con02 .gallery-list .gal-list-item .over-thum::before {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		-webkit-transform: scale(0,1);
		transform: scale(0,1);
	}
	.bbs-basic-gallery-con02 .gallery-list .gal-list-item .over-thum::after {
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
		-webkit-transform: scale(1,0);
		transform: scale(1,0);
	}
	.bbs-basic-gallery-con02 .gallery-list .gal-list-item .over-thum span{
		display:block; position:absolute; 
		top:50%; left:50%; width:55px; height:32px; line-height:32px; 
		margin:-16px 0 0 -27px; text-align:center; 
		color:#fff; font-size:14px; font-weight:600;
		-webkit-transform: translateY(30px);
		transform: translateY(30px);
		-webkit-transition: all 0.35s;
		transition: all 0.35s;
		border-top:1px solid rgba(255,255,255,0.7);
		border-bottom:1px solid rgba(255,255,255,0.7);
	}
	.bbs-basic-gallery-con02 .gallery-list .gal-list-item a:hover .over-thum{opacity:1.0;filter:Alpha(opacity=100);}
	.bbs-basic-gallery-con02 .gallery-list .gal-list-item a:hover .over-thum::before,
	.bbs-basic-gallery-con02 .gallery-list .gal-list-item a:hover .over-thum::after {
		opacity: 0.5;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	.bbs-basic-gallery-con02 .gallery-list .gal-list-item a:hover .over-thum span{
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	.bbs-basic-gallery-con02 .gallery-list .gal-list-item a:hover .gal-thum img{
		-webkit-transform: scale(1.1) rotate(0.002deg); 
		-moz-transform: scale(1.1) rotate(0.002deg);
		-ms-transform: scale(1.1) rotate(0.002deg);
		-o-transform: scale(1.1) rotate(0.002deg); 
		transform: scale(1.1) rotate(0.002deg);
	}
}

@media all and (max-width:800px){
	.bbs-basic-gallery-con02 .gallery-list .gal-list-item{width:32.33%}
	.bbs-basic-gallery-con02 .gallery-list .gal-list-item .gal-tit{margin:10px 0; font-size:15px;}
	.bbs-basic-gallery-con02 .gallery-list .gal-list-item .gal-info{height:auto;}
	.bbs-basic-gallery-con02 .gallery-list .gal-list-item .gal-info .gal-writer,
	.bbs-basic-gallery-con02 .gallery-list .gal-list-item .gal-info .gal-date{
		float:none; 
		display:block;
		line-height:20px;
		font-size:11px;
	}
	.bbs-basic-gallery-con02 .gallery-list .gal-list-item .gal-info .gal-writer,
	.bbs-basic-gallery-con02 .gallery-list .gal-list-item .over-thum{display:none;}
}
@media all and (max-width:480px){
	.bbs-basic-gallery-con02 .gallery-list{margin:0 -1%;}
	.bbs-basic-gallery-con02 .gallery-list .gal-list-item{width:48%; margin:0 1% 10% 1% ;}
}

/* ******************  갤러리 게시판 :: 갤러리 기본형 G03  ********************** */
.bbs-basic-gallery-con03{position:relative; padding-bottom:60px;}
.bbs-basic-gallery-con03 ul{overflow:hidden; margin: 0 -1%;}
.bbs-basic-gallery-con03 ul li{float:left; width:23%; margin:0 1%; margin-bottom:2%;}
.bbs-basic-gallery-con03 ul li a{position:relative; display:block; border:1px solid #ccc; background-color:#fff; letter-spacing:-0.75px; line-height:22px;}
.bbs-basic-gallery-con03 ul li a .category{position:absolute; top:0px; left:0px; min-width:30px; padding:0 10px; height:28px; line-height:28px; background-color:#f58020; color:#fff; z-index:1;}
.bbs-basic-gallery-con03 ul li a .press-thum{position:relative; padding-top:66%; overflow:hidden; border-bottom:1px solid #ccc; }
.bbs-basic-gallery-con03 ul li a .press-thum span{position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.bbs-basic-gallery-con03 ul li a .press-thum .press-img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; vertical-align:top;}
.bbs-basic-gallery-con03 ul li a .press-thum .no-image{background-color:#f2f2f2; text-align:center;}	
.bbs-basic-gallery-con03 ul li a .press-thum .no-image strong{display:block; position:absolute; top:50%; left:0px; width:100%; text-align:center; font-size:16px; font-weight:400; margin-top:-25px;}
.bbs-basic-gallery-con03 ul li a strong,.bbs-basic-gallery-con03 ul li a span{display:block;}
.bbs-basic-gallery-con03 ul li .press-info-con{padding:5% 5% 50px 5%;}
.bbs-basic-gallery-con03 ul li a .press-tit{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 0 13px 0; color:#4c4c4c; font-size:18px; font-weight:400; 
	-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s
}
.bbs-basic-gallery-con03 ul li a .press-detail-info {height:66px;}
.bbs-basic-gallery-con03 ul li a .press-detail-info dl{overflow:hidden;}
.bbs-basic-gallery-con03 ul li a .press-detail-info dt,.bbs-basic-gallery-con03 ul li a .press-detail-info dd{float:left; width:30%;}
.bbs-basic-gallery-con03 ul li a .press-detail-info dd{width:70%;}
.bbs-basic-gallery-con03 ul li a .more-btn{position:absolute; bottom:10px; left:4%; }
.bbs-basic-gallery-con03 ul li a .more-btn i{color:#888;	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.bbs-basic-gallery-con03 ul li a:hover{border-color:#666; background-color:#666}
.bbs-basic-gallery-con03 ul li a:hover .press-thum{border-bottom-color:#666}
.bbs-basic-gallery-con03 ul li a:hover .press-tit{color:#fff;}
.bbs-basic-gallery-con03 ul li a:hover .press-detail-info{color:#fff; opacity:0.45;filter:Alpha(opacity=45);}
.bbs-basic-gallery-con03 ul li a:hover .more-btn i{color:#fff; transform:rotate(90deg);  -moz-transform:rotate(90deg);  }

@media all and (max-width:1220px){
    .bbs-basic-gallery-con03 ul li{width:31.33%;}
}
@media all and (max-width:800px){
    .bbs-basic-gallery-con03 ul li{width:48%;}
	.bbs-basic-gallery-con03 ul li .press-info-con{padding-bottom:35px;}
	.bbs-basic-gallery-con03 ul li a .more-btn{bottom:0;}
	.bbs-basic-gallery-con03 ul li a .press-tit{font-size:16px; padding-bottom:10px;}
}

@media all and (max-width:640px){
	.bbs-basic-gallery-con03 ul li .press-info-con{padding-bottom:4%;}
	.bbs-basic-gallery-con03 ul li a .press-detail-info{height:auto; line-height:18px;}
	.bbs-basic-gallery-con03 ul li a .press-detail-info dl{margin-bottom:5px;}
	.bbs-basic-gallery-con03 ul li a .press-detail-info dt,.bbs-basic-gallery-con03 ul li a .press-detail-info dd{font-size:11px; float:none; width:100%;}
	.bbs-basic-gallery-con03 ul li a .press-detail-info dt{ color:#888; word-break:keep-all;}
	.bbs-basic-gallery-con03 ul li a .press-detail-info dt:after{display:none;}
	.bbs-basic-gallery-con03 ul li a .press-detail-info dd{width:auto; padding-left:6px;}
	.bbs-basic-gallery-con03 ul li a .more-btn{left:auto; bottom:8px; right:5px;}
	.bbs-basic-gallery-con03 ul li a .more-btn i{font-size:20px;}
	.bbs-basic-gallery-con03 ul li a:hover .press-detail-info dt{color:#fff; opacity:0.4;filter:Alpha(opacity=40);}
}

/* ******************   갤러리 게시판 :: 갤러리 이벤트형 G04 (썸네일형) ********************** */
.bbs-basic-gallery-con04 .bbs-thum-list{border-top:1px solid #000;}
.bbs-basic-gallery-con04 .bbs-thum-list li{border-bottom:1px solid #ddd;}
.bbs-basic-gallery-con04 .bbs-thum-list li a{position:relative; display:block; padding:25px; overflow:hidden; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s; }
/* 리스트 :: 썸네일 */
.bbs-basic-gallery-con04 .bbs-thum-list li a .bbs-thumb-img{width:31%; display:inline-block; vertical-align:top;}
.bbs-basic-gallery-con04 .bbs-thum-list li a .bbs-thumb-img span{display:block; position:relative; border:1px solid #d2d2d2; height:0; padding-top:63%;}
.bbs-basic-gallery-con04 .bbs-thum-list li a .bbs-thumb-img img{position:absolute; top:0px; left:0px; width:100%; height:100%; }
/* 리스트 :: 오른쪽정보 */
.bbs-thumb-info-con{overflow:hidden; display:inline-block; vertical-align:top; padding-left:3%; width:65%; height:100%; }
.bbs-thumb-info-con .category{display:inline-block; min-width:60px; padding:0 10px; height:28px; line-height:28px; color:#fff; background-color:#000; text-align:center; font-size:13px; font-weight:500; margin-bottom:15px;}
.bbs-thumb-info-con h3{
	line-height:30px; color:#333; font-size:20px; letter-spacing:-0.5px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;
}
.bbs-thumb-info-con .bbs-detail-txt{
	overflow:hidden; height:48px; margin:20px 0 30px; letter-spacing:-0.5px;line-height:26px; font-size:15px; color:#626262; 
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
.bbs-thumb-info-con .bbs-thumb-writer-info{overflow:hidden; position:absolute; bottom:25px; right:25px;}
.bbs-thumb-info-con .bbs-thumb-writer-info dl{float:left; margin-left:10px;}
.bbs-thumb-info-con .bbs-thumb-writer-info dl:first-child{margin-left:0;}
.bbs-thumb-info-con .bbs-thumb-writer-info dt, .bbs-thumb-info-con .bbs-thumb-writer-info dd{display:inline-block; vertical-align:middle;}
.bbs-thumb-info-con .bbs-thumb-writer-info dt{margin-right:5px;}
.bbs-thumb-info-con .bbs-thumb-writer-info i{color:#a5a5a5; font-size:20px; vertical-align:middle; }
.bbs-thumb-info-con .bbs-thumb-writer-info dd{color:#888; font-size:13px; font-weight:400;}
.bbs-basic-gallery-con04 .bbs-thum-list li a:hover{background-color:#f1f1f1}
.bbs-basic-gallery-con04 .bbs-thum-list li a:hover h3{color:#159ea7} 

@media all and (max-width:1220px){
    .bbs-basic-gallery-con04 .bbs-thum-list li a{padding:20px 10px;}
	.bbs-thumb-info-con h3{font-size:18px;}
	.bbs-thumb-info-con .bbs-detail-txt{margin:10px 0 20px;}
	.bbs-thumb-info-con .bbs-thumb-writer-info{position:static;}
}
@media all and (max-width:800px){
    .bbs-basic-gallery-con04 .bbs-thum-list li a{padding:15px 10px;}
	.bbs-thumb-info-con .bbs-category{width:60px; height:18px; line-height:16px; font-size:12px;}
	.bbs-thumb-info-con h3{font-size:16px; line-height:20px;}
	.bbs-thumb-info-con .bbs-detail-txt{height:42px; font-size:13px; line-height:20px; margin-bottom:10px;}
	.bbs-thumb-info-con .bbs-thumb-writer-info dd{font-size:11px;}
}
@media all and (max-width:480px){
	.bbs-basic-gallery-con04 .bbs-thum-list li a{position:relative;}
    .bbs-basic-gallery-con04 .bbs-thum-list li a .bbs-thumb-img,.bbs-thumb-info-con{display:block; width:100%; padding:0;}
	.bbs-basic-gallery-con04 .bbs-thum-list li a .bbs-thumb-img{margin-bottom:10px;}
}

/* ******************   갤러리 게시판 :: 갤러리  G05   ********************** */
.bbs-basic-gallery-con05 .gallery-list{margin: 0px -1%; *zoom:1;}
.bbs-basic-gallery-con05 .gallery-list:after{clear:both; display:block; content:"";}
.bbs-basic-gallery-con05 .gallery-list li{float:left; width:23%;  margin:0 1%  3% 1%;}
.bbs-basic-gallery-con05 .gallery-list li a{
	display:block; position:relative; width:100%; 
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	transition:all 0.2s;
}
.bbs-basic-gallery-con05 .gallery-list li a .category{position:absolute; top:0px; left:0px; min-width:30px; padding:0 10px; height:28px; line-height:28px; background-color:#f58020; color:#fff; z-index:1;}
.bbs-basic-gallery-con05 .gallery-list li .list-photo-con{overflow:hidden;  position:relative; display:block; width:100%; height:0; padding-top:66%;  }
.bbs-basic-gallery-con05 .gallery-list li .list-photo-con img{position:absolute; top:0px; left:0px; width:100%; height:100%; -webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;transition:all 300ms; }
.bbs-basic-gallery-con05 .gallery-list li .list-info-con{
	width:94%; padding:20px 3%; letter-spacing:-0.5px;
	-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;transition:all 300ms; 
}
.bbs-basic-gallery-con05 .gallery-list li .list-info-con .list-tit{
	display:block; color:#333; font-size:17px; font-weight:600; padding-bottom:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	-moz-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s;
}
.bbs-basic-gallery-con05 .gallery-list li .list-info-con p{overflow:hidden; height:60px; color:#777; font-size:13.5px; font-weight:400; line-height:20px; margin-bottom:25px;}
.bbs-basic-gallery-con05 .gallery-list li .list-info-con .list-day{color:#aaa; font-size:13px; }
.bbs-basic-gallery-con05 .gallery-list li .list-info-con .list-day i{vertical-align:middle; font-size:18px;}
.bbs-basic-gallery-con05 .gallery-list li a:hover .list-info-con {	margin-left:1%; }
.bbs-basic-gallery-con05 .gallery-list li a:hover{
	box-shadow:10px 10px 10px rgba(0, 0, 0, .15);
}
.bbs-basic-gallery-con05 .gallery-list li a:hover .list-photo-con img{
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
}
.bbs-basic-gallery-con05 .gallery-list li a:hover .list-tit{color:#0cb8b2}

@media all and (max-width:1220px){
	/* 게시판 :: 갤러리 응용형 GC01 */
	.bbs-basic-gallery-con05 .gallery-list li{width:31.33%;}
	.bbs-basic-gallery-con05 .gallery-list li .list-info-con .list-tit{font-size:15px; line-height:20px;}
	.bbs-basic-gallery-con05 .gallery-list li .list-info-con p{height:42px; font-size:13px; margin-bottom:15px;}
	.bbs-basic-gallery-con05 .gallery-list li .list-info-con .list-day{font-size:11.5px;}
}
@media all and (max-width:800px){
	/* 게시판 :: 갤러리 응용형 GC01 */
	.bbs-basic-gallery-con05 .gallery-list li{width:48%;}
	.bbs-basic-gallery-con05 .gallery-list li a .gallery-txt-con .gal-tit{font-size:14px;}
	.bbs-basic-gallery-con05 .gallery-list li .list-info-con p{font-size:12px;}
}

/* ******************   갤러리 게시판 :: 갤러리 G06  ********************** */
.bbs-basic-gallery-con06{margin: 0 -0.5%; *zoom:1;}
.bbs-basic-gallery-con06:after{clear:both; display:block; content:"";}
.bbs-basic-gallery-con06 .gallery-item{float:left; position:relative; width:24%; margin:0 0.5%; margin-bottom:1%;}
.bbs-basic-gallery-con06 .gallery-item .gallery-thumb{overflow:hidden; position:relative; display:block; width:100%; height:0; padding-top:67%;}
.bbs-basic-gallery-con06 .gallery-item .gallery-thumb img{position:absolute; top:0px; left:0px;width:100%; height:100%; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.bbs-basic-gallery-con06 .gallery-item .category{position:absolute; top:0px; left:0px; min-width:30px; padding:0 10px; height:28px; line-height:28px; background-color:#f58020; color:#fff; z-index:1;}
.bbs-basic-gallery-con06 .gallery-item .cover-info{
    position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#ce1919; background:rgba(0,0,0,0.7);
    opacity:0;filter:Alpha(opacity=0);
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
.bbs-basic-gallery-con06 .gallery-item .cover-info .cover-info-txt{color:#fff; position:absolute; top:50%; width:100%; margin-top:-23px; text-align:center; font-size:16px; letter-spacing:-0.45px;}
.bbs-basic-gallery-con06 .gallery-item .cover-info .cover-info-txt .title-info{display:block; width:80%; margin:0px auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-bottom:14px; font-weight:400; }
.bbs-basic-gallery-con06 .gallery-item .cover-info .cover-info-txt .date-info{font-size:13px;}
.bbs-basic-gallery-con06 .gallery-item a:hover  img{transform:scale(1.1)}
.bbs-basic-gallery-con06 .gallery-item a:hover .cover-info{opacity:1.0;filter:Alpha(opacity=100);}
 
@media all and (max-width:800px){
    .bbs-basic-gallery-con06 .gallery-item{width:32.33%;}
    .bbs-basic-gallery-con06 .gallery-item .cover-info .cover-info-txt{font-size:14px; margin-top:-18px}
}
@media all and (max-width:640px){
    .bbs-basic-gallery-con06 .gallery-item{width:49%;}
}

/* ******************   갤러리 게시판 :: 갤러리 G07  ********************** */
.bbs-basic-gallery-con07 > ul {overflow:hidden; margin:0 -1%;}
.bbs-basic-gallery-con07 > ul li {float:left; width:18%; margin:0 1% 2% 1%; }
.bbs-basic-gallery-con07 > ul li a{display:block; position:relative;}
.bbs-basic-gallery-con07 .gallery-img-thumb {position:relative; overflow:hidden; height:0; padding-top:130%; border:1px solid #D8D8D7}
.bbs-basic-gallery-con07 .category{position:absolute; top:0px; left:0px; min-width:30px; padding:0 10px; height:28px; line-height:28px; background-color:#f58020; color:#fff; z-index:1;}
.bbs-basic-gallery-con07 > ul li img {position:absolute; top:0px; left:0px; width:100%; height:100%;}
.bbs-basic-gallery-con07 > ul li .gallery-tit {display:block; height:48px; font-size:18px; line-height: 48px; letter-spacing: -1px; color:#000000; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bbs-basic-gallery-con07 > ul li .img-over-thum {
    position:absolute; opacity:0;filter:Alpha(opacity=0); width:100%; height:100%; left:0; top:0; background-color:rgba(0, 0, 0, 0.5);  
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; 
}
.bbs-basic-gallery-con07 > ul li .img-over-thum span {
    position:absolute; left:15%; bottom:-45px; width:70%; height:45px; font-size:16px; line-height: 45px; letter-spacing: -1px; color:#fff; 
    background-color:rgba(0, 0, 0, 0.3); border:1px solid rgba(255, 255, 255, 0.3); border-bottom: 0; text-align:center; 
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; 
}
.bbs-basic-gallery-con07 > ul li .img-over-thum span i {vertical-align: middle; color:#fff; display:inline-block; margin-left: 8px;}
@media all and (min-width:801px){
	.bbs-basic-gallery-con07 > ul li:hover .img-over-thum {opacity:1;filter:Alpha(opacity=100);-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
	.bbs-basic-gallery-con07 > ul li:hover .img-over-thum span {bottom:0;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
}
@media all and (max-width:1024px){
	.bbs-basic-gallery-con07 > ul li .gallery-tit{font-size:15px;}
	.bbs-basic-gallery-con07 > ul li .img-over-thum span{font-size:13px;}
	.bbs-basic-gallery-con07 > ul li .img-over-thum span i{font-size:20px; margin-left:5px; position:relative; top:-2px;}
 }
@media all and (max-width:800px){
	.bbs-basic-gallery-con07{max-width:480px; margin:0px auto;}
    .bbs-basic-gallery-con07 > ul li{width:48%;}
    .bbs-basic-gallery-con07 > ul li .gallery-tit{height:30px; line-height:30px; font-size:15px; padding-top:10px;} 
    .bbs-basic-gallery-con07 > ul li .img-over-thum span{bottom:-30px; height:30px; line-height:30px; font-size:13px;}
    .bbs-basic-gallery-con07 > ul li .img-over-thum span i{font-size:18px; margin-left:3px;}
}



/* ******************   갤러리형 게시판 :: 갤러리  G08   ********************** */
.bbs-basic-gallery-con08 {
    display: block;
    text-align: center;
    margin:0 -1%;
}
.bbs-basic-gallery-con08 li {
    width:23%;
    float:left;
    margin:1%;
    overflow:hidden;
}
.circle-thumb, .circle-item {
    overflow:hidden;
    display:block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative;
    background-color:#767676;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.circle-thumb{
    position:relative;
    display:block;
    height:0;
    padding-top:100%;
}
.circle-thumb img{
    position:absolute;
    top:0px;
    left:0px;
    height:100%;
    opacity:0.8;filter:Alpha(opacity=80);
}
.circle-thumb img, .circle-info, .circle-info .circle-cate, .circle-info p, .circle-info .on-txt, .circle-info .more-btn{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.circle-info{position:absolute; top:0px; left:0px; width:100%; height:100%; text-align:center; background-color:rgba(0,0,0,0.1)}
.circle-info .circle-cate{display:block; position:relative; z-index:10; padding:67px 0 57px; color:#fff; font-size:16px; font-weight:600; text-shadow:1px 1px 1px rgba(0, 0, 0, .3);}
.circle-info .off-txt{width:90%; height:90px; overflow:hidden; margin:0px auto;  color:#fff; letter-spacing:-0.3px; font-size:22px; letter-spacing:-0.3px; line-height:30px; word-break:keep-all; text-shadow:1px 1px 1px rgba(0, 0, 0, .3); white-space:nowrap; text-overflow:ellipsis;}
.circle-info .on-txt{position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:9;  background:#fff;  color:#939393; font-size:17px; line-height:26px; letter-spacing:-0.3px; word-break:keep-all; box-sizing:border-box; padding-top:41%; opacity:0;filter:Alpha(opacity=0); transform:scale(0); border-radius: 50%;}
.circle-info .on-txt p{width:80%; margin:0px auto; height:80px; overflow:hidden;}
.circle-info .more-btn{position:absolute; bottom:20px; left:50%; width:32px; height:32px; z-index:10; color:#fff; text-align:center; line-height:30px; margin-left:-16px; background-color:#4c4b4b; opacity:0;filter:Alpha(opacity=0);-webkit-border-radius:32px;-moz-border-radius:32px;-o-border-radius:32px;border-radius:32px;}
.circle-info .more-btn i{vertical-align:middle; font-size:22px;}
/* over 스타일 */
.bbs-basic-gallery-con08 li .circle-item:hover {box-shadow:6px 6px 8px rgba(213, 213, 213, 0.49)}
.bbs-basic-gallery-con08 li .circle-item:hover .circle-thumb img{left:-50px;}
.bbs-basic-gallery-con08 li .circle-item:hover .circle-info{background-color:#fff;}
.bbs-basic-gallery-con08 li .circle-item:hover .circle-info .circle-cate{color:#c00c3f; text-shadow:none;}
.bbs-basic-gallery-con08 li .circle-item:hover .circle-info .off-txt{opacity:0;filter:Alpha(opacity=0);  transform:scale(0);}
.bbs-basic-gallery-con08 li .circle-item:hover .circle-info .on-txt{opacity:1.0;filter:Alpha(opacity=100);  transform:scale(1.0);}
.bbs-basic-gallery-con08 li .circle-item:hover .circle-info .more-btn{bottom:40px; opacity:1.0;filter:Alpha(opacity=100);}
 
@media (max-width:1220px) {
    .circle-info .circle-cate{padding:20% 0}
    .circle-info .off-txt{height:72px; font-size:18px; line-height:24px;}
}
 
@media (max-width:800px) {
    .bbs-basic-gallery-con08 li{width:48%; margin-top:10px;}
    .circle-info .off-txt{height:76px; font-size:18px; line-height:26px;}
}
@media (max-width:640px) {
    .circle-info .circle-cate{font-size:12px;}
    .circle-info .off-txt{height:48px; font-size:15px; line-height:16px;}
    .circle-info .on-txt{display:none;}
    .circle-info .more-btn{bottom:10px;}
    .bbs-basic-gallery-con08 li .circle-item:hover .circle-info .more-btn{bottom:20px;}
}

/* ******************   갤러리형 게시판 :: 갤러리  G09  ********************** */
.bbs-basic-gallery-con09 ul{overflow:hidden; margin:0 -1%;}
.bbs-basic-gallery-con09 ul li{float:left; width:48%; margin:0 1% 2% 1%;}
.bbs-basic-gallery-con09 ul li a{
    position:relative; overflow:hidden; display:block; padding:25px; border:1px solid #ccc;
    -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;
}
.bbs-basic-gallery-con09 ul li strong,.bbs-basic-gallery-con09 ul li span{display:block;}
.bbs-basic-gallery-con09 ul li .bbs-title{color:#000; font-size:20px; letter-spacing:-0.5px; line-height:1.2; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bbs-basic-gallery-con09 ul li .bbs-sub-txt{overflow:hidden; height:72px; line-height:24px; color:#202020; font-size:14px; margin:20px 0;}
.bbs-basic-gallery-con09 ul li .bbs-date{padding-bottom:20px; color:#aaa; font-size:13px;}
.bbs-basic-gallery-con09 ul li .more-btn{
    width:86px; height:30px; line-height:30px; color:#fff; text-align:center; background-color:#555; 
    -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;
}
.bbs-basic-gallery-con09 ul li a:hover{border:1px solid #06b4e0}
.bbs-basic-gallery-con09 ul li a:hover .more-btn{background-color:#06b4e0;}
/* 이미지 있을때 */
.bbs-basic-gallery-con09 .bbs-left-photo-con{float:left; position:relative; width:180px; height:0; padding-top:180px; }
.bbs-basic-gallery-con09 .bbs-left-photo-con img{position:absolute; top:0px; left:0px; width:100%; height:100%; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s; }
.bbs-basic-gallery-con09 .category{position:absolute; top:0px; left:0px; min-width:30px; padding:0 10px; height:28px; line-height:28px; background-color:#f58020; color:#fff; z-index:1;}
.bbs-basic-gallery-con09 .bbs-right-info-con{float:right; width:calc( 100% - 200px ); }
.bbs-basic-gallery-con09 ul li .bbs-right-info-con .bbs-sub-txt{height:44px; word-break:keep-all}
.bbs-basic-gallery-con09 ul li .bbs-right-info-con .bbs-date{padding-bottom:15px;}
 @media all and (max-width:1220px){
    .bbs-basic-gallery-con09 ul li a{padding:15px;}
    /* 이미지 있을때 */
    .bbs-basic-gallery-con09 .bbs-left-photo-con{width:130px; padding-top:130px;}
    .bbs-basic-gallery-con09 .bbs-right-info-con{width:calc( 100% - 145px ); }
 }
@media all and (max-width:800px){
    .bbs-basic-gallery-con09 ul li{float:none; width:100%; margin:0; margin-bottom:3%; }
    .bbs-basic-gallery-con09 ul li .bbs-title{font-size:15px;}
    .bbs-basic-gallery-con09 ul li .bbs-sub-txt{font-size:13px; line-height:22px; height:60px;}
}
@media all and (max-width:480px){
    /* 이미지 있을때 */
    .bbs-basic-gallery-con09 .bbs-left-photo-con{width:100px; padding-top:100px;}
    .bbs-basic-gallery-con09 .bbs-right-info-con{width:calc( 100% - 115px ); }
}


/* ******************   갤러리형 게시판 :: 갤러리  G10  ********************** */
.bbs-basic-gallery-con10 > ul{margin:0 -1%; word-break:keep-all;}
.bbs-basic-gallery-con10 .gallery-over-list-item {float:left; width:23%; margin:0 1% 5%;}
.bbs-basic-gallery-con10 .gallery-over-list-item a {display:block; }
.bbs-basic-gallery-con10 .gallery-img-box {position:relative; text-align:center; border:1px solid #ddd;}
.bbs-basic-gallery-con10 .gallery-img-box .img-wrap {display:block; height:0; padding-top:64%; }
.bbs-basic-gallery-con10 .gallery-img-box .img-wrap img{position:absolute; top:0px; right:0px; bottom:0px; left:0px; width:100%; height:100%;}
.bbs-basic-gallery-con10 .gallery-img-box .category {position:absolute; left:0; top:0; display:inline-block; min-width:50px; padding:0 5px; height:30px; line-height: 30px; font-size:13px; letter-spacing: -0.5px; color:#fff; background-color:#AD343F;}
.bbs-basic-gallery-con10 .gallery-img-box .broad-bg {position:absolute; width:100%; height:100%; left:0; top:0; overflow:hidden;}
.bbs-basic-gallery-con10 .gallery-img-box .broad-bg span{position:relative; display:block; width:0; height:0; left:50%; top:50%; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;  border-radius:100%;}
.bbs-basic-gallery-con10 .gallery-img-box .gallery-btn {position:absolute; width:45px; height:45px; right:15px; bottom:-22.5px; border-radius:100%; color:#fff;  overflow:hidden; background-color:#d0121b; background-color:rgba(208, 18, 27, 0.81); line-height: 45px; box-shadow:5px 5px 15px rgba(0, 0, 0, 0.2); -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.bbs-basic-gallery-con10 .gallery-img-box .gallery-btn  i{vertical-align:middle; line-height:45px; transition:all 0.5s}
.bbs-basic-gallery-con10 .gallery-info {padding: 30px 0; }
.bbs-basic-gallery-con10 .gallery-info .gallery-info-tit {font-size:18px; letter-spacing: -0.5px; color:#000; font-weight: 400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:20px;}
.bbs-basic-gallery-con10 .gallery-info p {
	overflow:hidden;
	height:2.8em; 
	font-size:15px; 
	line-height: 1.4;
	letter-spacing: -0.25px; 
	font-weight:300;
	color:#666; 
	margin-bottom:20px; 
	display:block;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.bbs-basic-gallery-con10 .gallery-info .gallery-date {font-size:13px; letter-spacing: -0.5px; color:#aaa; }
 @media all and ( min-width: 801px ){
    .bbs-basic-gallery-con10 .gallery-over-list-item a:hover .gallery-btn {background-color:transparent; right:50%; margin-right: -22.5px; box-shadow:none; bottom:50%; margin-bottom: -22.5px;}
    .bbs-basic-gallery-con10 .gallery-over-list-item a:hover .broad-bg span {background-color:#d0121b; width:400px; height:400px; left:50%; top:50%; transform:translate(-50%, -50%); opacity:0.4;filter:Alpha(opacity=40); transition-delay:0.2s;}
	.bbs-basic-gallery-con10 .gallery-over-list-item a:hover .gallery-img-box .gallery-btn  i{transform:rotate(360deg)}
}
@media all and ( max-width: 800px ){
    .bbs-basic-gallery-con10 .gallery-over-list-item{width:31.33%; margin-bottom:3%}
	.bbs-basic-gallery-con10 .gallery-info p{display:none; font-size:13px;}
	.bbs-basic-gallery-con10 .gallery-img-box .gallery-btn{right:5px; box-shadow:4px 4px 6px rgba(0, 0, 0, 0.2)}
}
@media all and ( max-width: 480px ){
    .bbs-basic-gallery-con10 .gallery-over-list-item{width:48%; }
    .bbs-basic-gallery-con10 .gallery-img-box .category{font-size:11px;}
    .bbs-basic-gallery-con10 .gallery-img-box .gallery-btn{right:5px; bottom:-15px;width:30px; height:30px; line-height:30px;}
    .bbs-basic-gallery-con10 .gallery-img-box .gallery-btn i{font-size:18px; line-height:30px;}
	.bbs-basic-gallery-con10 .gallery-info{padding:20px 0;}
    .bbs-basic-gallery-con10 .gallery-info .gallery-info-tit{font-size:15px; margin-bottom:10px;}
    .bbs-basic-gallery-con10 .gallery-info p{font-size:12px; margin-bottom:10px}
	.bbs-basic-gallery-con10 .gallery-info .gallery-date{font-size:11px;}
}

 /* ******************   갤러리 게시판 :: 갤러리 G11 ********************** */
/* 갤러리 기본형 G11 :: 상단 헤드라인 */
.gallery-con11-headline .headline-wrapper{position: relative; display: block; padding-left: 400px; }
.gallery-con11-headline .headline-img-con{position: relative; width: 100%; padding-top:53%; display:block;}
.gallery-con11-headline .headline-img-con span{ overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:#000;}
.gallery-con11-headline .headline-img-con span img{
	position: absolute; 
	top: 0; left: 0; right:0; bottom:0; 
	max-width: 100%; max-height: 100%; 
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s; 
	margin:auto;
}
.gallery-con11-headline a:hover .headline-img-con img {
	-webkit-transform: scale(1.1) rotate(0.02deg); 
	-moz-transform: scale(1.1) rotate(0.02deg); 
	-ms-transform: scale(1.1) rotate(0.02deg); 
	-o-transform: scale(1.1) rotate(0.02deg); 
	transform: scale(1.1) rotate(0.02deg);
}
.gallery-con11-headline .headline-info-con{
	position: absolute; 
	top: 0; left: 0; width: 400px; height: 100%; 
	border: 1px solid #eee; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	word-break: keep-all; 
}
.gallery-con11-headline .headline-info-con .headline-info-inner{
	display:table;
	width:100%;
	height:100%; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
.gallery-con11-headline .headline-info-con .headeline-txt-box{
	display:table-cell;
	vertical-align:middle;
	padding:0 40px;
}
.gallery-con11-headline .headline-info-con .gal-category,
.gallery-con11-headline .headline-info-con .gal-title,
.gallery-con11-headline .headline-info-con .gal-sub-txt{ overflow: hidden; }
.gallery-con11-headline .headline-info-con .gal-category{display: inline-block; font-size: 13px; font-weight: 700; color: #f58020; white-space:nowrap; text-overflow:ellipsis; margin-bottom:15px;}
.gallery-con11-headline .headline-info-con .gal-title{height:3em; font-weight: 500; color: #222; font-size: 26px; letter-spacing:-0.75px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.gallery-con11-headline .headline-info-con .gal-sub-txt{height:6.4em; margin-top: 15px; font-size: 13.5px; line-height: 1.6; color: #aaa; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.gallery-con11-headline .headline-info-con .gal-more-txt{display:block; margin-top: 60px; font-size: 12px; font-weight: 300; color: #aaa; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.gallery-con11-headline .headline-info-con .gal-more-txt i{display: inline-block; vertical-align: middle; position:relative; top:-1px; font-size: 24px; margin-right: 7px;}
.gallery-con11-headline .headline-info-con .gal-more-txt em{line-height:24px;}
.gallery-con11-headline .headline-info-con a:hover .gal-sub-txt{text-decoration:underline}
.gallery-con11-headline .headline-info-con a:hover .gal-more-txt{color:#000}
/* 갤러리 기본형 G11 :: 하단 리스트 */
.gallery-con11-list-con{overflow:hidden; margin-top: 30px;}
.gallery-con11-list-con ul{margin: 0 -1%;}
.gallery-con11-list-con li{float:left; width:31.33%; margin:0 1% 2%;}
.gallery-con11-list-con li a{display:block; position:relative; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.gallery-con11-list-con li a .gallery-thum-box{position: relative; padding-top: 65%; overflow: hidden;}	/* padding-top 으로 이미지의 비율 조정 */
.gallery-con11-list-con li a .gallery-thum {position: absolute; top: 0; left: 0; right: 0; bottom: 0; display:block; overflow:hidden;}
.gallery-con11-list-con li a .gallery-thum img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.gallery-con11-list-con li a .gallery-info-box{border: 1px solid #eee; padding: 20px 25px; word-break: keep-all; }
.gallery-con11-list-con li a .gallery-info-box .gal-category{display:block; color:#f58020; font-size:12px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gallery-con11-list-con li a .gallery-info-box .gal-title{height:3em; font-size:20px; line-height:1.5; margin:10px 0 25px; color:#222; font-weight: 500; letter-spacing:-0.75px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.gallery-con11-list-con li a .gallery-info-box .gal-day{display: block; color:#aaa; font-size:13px; font-weight:400; }
.gallery-con11-list-con li a:hover .gallery-thum img {
	-webkit-transform: scale(1.1) rotate(0.02deg); 
	-moz-transform: scale(1.1) rotate(0.02deg); 
	-ms-transform: scale(1.1) rotate(0.02deg); 
	-o-transform: scale(1.1) rotate(0.02deg); 
	transform: scale(1.1) rotate(0.02deg);
}

@media all and (max-width:1366px){
	/* 갤러리 기본형 G11 :: 상단 헤드라인 */
	.gallery-con11-headline .headline-info-con .gal-title{font-size:20px}
	.gallery-con11-headline .headline-info-con .gal-sub-txt{display:none}
	.gallery-con11-headline .headline-info-con .gal-more-txt{margin-top:20px;}
}
@media all and (max-width:800px){
	/* 갤러리 기본형 G11 :: 상단 헤드라인 */
	.gallery-con11-headline .headline-wrapper{padding-left:0}
	.gallery-con11-headline .headline-info-con{position:static; padding:15px; width:auto; }
	.gallery-con11-headline .headline-info-con .headline-info-inner{display:block; }
	.gallery-con11-headline .headline-info-con .headeline-txt-box{display:block; padding:0;}
	.gallery-con11-headline .headline-info-con .gal-title{font-size:18px; line-height:30px; height:60px}
	.gallery-con11-headline .headline-info-con .gal-more-txt{margin-top:20px}

	/* 갤러리 기본형 G11 :: 하단 리스트 */
	.gallery-con11-list-con li{width:48%}
	.gallery-con11-list-con li a .gallery-info-box{padding:15px 10px;}
	.gallery-con11-list-con li a .gallery-info-box .gal-category{font-size:10px;}
	.gallery-con11-list-con li a .gallery-info-box .gal-title{font-size:15px; line-height:22px; margin:10px 0; height: 44px; }
	.gallery-con11-list-con li a .gallery-info-box .gal-day{font-size:10px;}
}

 /* ******************   갤러리 게시판 :: 갤러리 G12 ********************** */
.bbs-basic-gallery-con12-list-con{margin:0 -1%;}
.bbs-basic-gallery-con12-list-con li{float:left; position:relative; width:31.33%; margin:0 1% 2%;}
.bbs-basic-gallery-con12-list-con li a{position:relative; display:block; border:1px solid #dfdfdf}
.bbs-basic-gallery-con12-list-con li a:before{
	position:absolute; 
	content:""; 
	width:100%; height:100%; 
	background:#222; 
	opacity:0; 
	left:0; top:0; 
	z-index:1; 
	opacity:0;
	-webkit-transition:all 0.3s; 
	transition:all 0.3s;
}
.bbs-basic-gallery-con12-list-con li .gallery-thumb-box{overflow:hidden; position:relative; display:block; padding-top:71.5%}
.bbs-basic-gallery-con12-list-con li .gallery-thumb-box img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; transition: all 0.5s}
.bbs-basic-gallery-con12-list-con li .gallery-more-btn{
	position:absolute; left:50%; top:50%; 
	width:50px; 
	height:50px; 
	color:#222;
	opacity:0;
	text-align:center;
	border-radius:50%;;
	-webkit-transform:translate(-50%, -50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translate(-50%, -50%);
	background:#fff;
	background:rgba(255,255,255,0.7);
	-webkit-transition:all 0.3s; 
	transition:all 0.3s; 
	z-index:10
}
.bbs-basic-gallery-con12-list-con li .gallery-more-btn i{font-size:24px; line-height:50px; transition:all 0.3s}
.bbs-basic-gallery-con12-list-con li .gallery-info-box{position:relative; padding:20px 15px; text-align:center; z-index:2;}
.bbs-basic-gallery-con12-list-con li .gallery-info-box .gal-tit,
.bbs-basic-gallery-con12-list-con li .gallery-info-box .gal-txt,
.bbs-basic-gallery-con12-list-con li .gallery-info-box .gal-day{transition:all 0.5s}
.bbs-basic-gallery-con12-list-con li .gallery-info-box .gal-tit{
	display:block; 
	width:100%; 
	color:#1a1a1a; 
	font-size:18px; 
	font-weight:500; 
	letter-spacing:-0.5px; 
	line-height:1.4; 
	margin-bottom:10px;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis; 
}
.bbs-basic-gallery-con12-list-con li .gallery-info-box .gal-txt{
	height:3em; 
	overflow:hidden; 
	margin-bottom:15px;
	color:#333; 
	font-weight:300;
	font-size:14px; 
	letter-spacing:-0.5px; 
	line-height:1.5em; 
	word-break:keep-all;
	display:block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.bbs-basic-gallery-con12-list-con li .gallery-info-box .gal-day{color:#aaa; font-size:13px; font-weight:300;}
.bbs-basic-gallery-con12-list-con li .gallery-info-box .gal-day i{font-size:16px; vertical-align:middle; margin-top:-3px;}
@media all and (min-width:801px){
	.bbs-basic-gallery-con12-list-con li a:hover:before{opacity:0.75}
	.bbs-basic-gallery-con12-list-con li a:hover .gallery-thumb-box img {
		-webkit-transform: scale(1.1) rotate(0.002deg); 
		-moz-transform: scale(1.1) rotate(0.002deg);
		-ms-transform: scale(1.1) rotate(0.002deg);
		-o-transform: scale(1.1) rotate(0.002deg); 
		transform: scale(1.1) rotate(0.002deg);
	}
	.bbs-basic-gallery-con12-list-con li a:hover .gallery-more-btn{opacity:1.0;}
	.bbs-basic-gallery-con12-list-con li a:hover .gallery-more-btn i{transform:rotate(180deg)}
	.bbs-basic-gallery-con12-list-con li a:hover .gallery-info-box .gal-tit,
	.bbs-basic-gallery-con12-list-con li a:hover .gallery-info-box .gal-txt,
	.bbs-basic-gallery-con12-list-con li a:hover .gallery-info-box .gal-day{color:#fff}
}
@media all and (max-width:800px){
	.bbs-basic-gallery-con12-list-con li {width:48%}
}
@media all and (max-width:480px){
	.bbs-basic-gallery-con12-list-con li .gallery-info-box{padding:15px 10px;}
	.bbs-basic-gallery-con12-list-con li .gallery-info-box .gal-tit{font-size:15px;}
	.bbs-basic-gallery-con12-list-con li .gallery-info-box .gal-txt{font-size:12px;}
	.bbs-basic-gallery-con12-list-con li .gallery-info-box .gal-day{font-size:11px}
}
/* Source: cm_faq.css */

/* *******************************************************
 * filename : faq.css
 * description : FAQ형 게시판 관련 CSS
 * date : 2019-09-30
******************************************************** */

/* ******************   갤러리 게시판 :: FAQ 기본형 01 ********************** */
.faq-list-con{border-top:1px solid #000; margin-bottom:30px; }
.faq-list-con .faq-item{border-bottom:1px solid #d7d7d7;}
.faq-list-con .faq-item dt{position:relative; padding:15px 30px 15px 55px; cursor:pointer; }
.faq-list-con .faq-item dt .faq-title{display:block; color:#343434; font-size:16px; font-weight:400; letter-spacing:-0.5px; line-height:24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:top;}
.faq-list-con .faq-item dt .arrow{position:absolute; top:16px; right:15px; width:13px; height:9px; }
.faq-list-con .faq-item dt i{color:#666; font-size:26px;}
.faq-list-con .faq-item.open dt .arrow i{margin-top:-2px; transform:rotate(-180deg);}
.faq-list-con .faq-item.open dt .faq-title{white-space:normal; text-overflow:unset;}
.faq-list-con .faq-item dd{display:none; position:relative; border-top:1px solid #d7d7d7; padding:18px 30px 15px 55px; background:#f0f0f0; }
.faq-list-con .faq-item dd .answer-txt-con{line-height:24px; font-size:14px; color:#333; }
.faq-list-con .faq-item dt .question-icon,
.faq-list-con .faq-item dd .answer-icon{
    position:absolute; top:11px; left:10px; 
	width:30px; height:30px; line-height:30px; 
	text-align:center; 
	color:#fff; 
	font-size:13px; 
	font-weight:400;
	border:1px solid #222;
    -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;
}
.faq-list-con .faq-item dt .question-icon{background-color:#222}
.faq-list-con .faq-item dd .answer-icon{background-color:transparent; color:#222; }

/* FAQ :: 카테고리 */
.faq-list-con.faq-category-list-con dl dt .faq-category{display:inline-block; width:110px; color:#aaa; margin-right:5px; font-size:13px; line-height:24px; vertical-align:top; }
.faq-list-con.faq-category-list-con dl dt .faq-title{display:inline-block; width:calc(95% - 120px);}

@media all and ( max-width:800px ){
	/*  FAQ 게시판 */
	.faq-list-con .faq-item dt{padding-left:45px;}
	.faq-list-con .faq-item dt .faq-title{font-size:14px; line-height:18px; }
	.faq-list-con .faq-item dt .arrow{top:12px;}
	.faq-list-con .faq-item dd{padding:15px;}
	.faq-list-con .faq-item dt .question-icon,.faq-list-con .faq-item dd .answer-icon{top:14px; left:15px; width:20px; height:20px; line-height:20px; font-size:11px;}
	.faq-list-con .faq-item dd .answer-icon{display:block; position:static; margin-bottom:10px;}
	/* FAQ :: 카테고리 */
	.faq-list-con.faq-category-list-con dl dt{padding-top:40px;}
	.faq-list-con.faq-category-list-con dl dt .faq-category{position:absolute; top:13px; left:45px; right:30px; width:auto; margin-right:0; line-height:22px; }
	.faq-list-con.faq-category-list-con dl dt .faq-title{display:block; width:100%; }
	.faq-list-con.faq-category-list-con dl dt .arrow{top:23px;}
}

/* ******************   갤러리 게시판 :: FAQ 기본형 02 ********************** */
.faq-list-con2 .faq-item{overflow:hidden; margin-bottom:10px;}
.faq-list-con2 .faq-item dt,
.faq-list-con2 .faq-item dd{
	padding:20px 60px; 
}
.faq-list-con2 .faq-item dt{position:relative; cursor:pointer; border-radius:10px; background-color:#f2f4f4; }
.faq-list-con2 .faq-item dt .faq-title{display:block; color:#56626a; font-size:18px; font-weight:400; letter-spacing:-0.5px; line-height:24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:top;}
.faq-list-con2 .faq-item dt .arrow{position:absolute; top:18px; right:35px; width:13px; height:9px; }
.faq-list-con2 .faq-item dt i{color:#666; font-size:26px;}
.faq-list-con2 .faq-item dd{display:none; position:relative; background:#fff; border:1px solid #31b6ba; border-top:0; border-radius:0 0 10px 10px}
.faq-list-con2 .faq-item dd .answer-txt-con{line-height:1.875; font-size:16px; color:#777; letter-spacing:-0.75px;}
.faq-list-con2 .faq-item dt .question-icon,
.faq-list-con2 .faq-item dd .answer-icon{
    position:absolute; 
	top:16px; left:20px; 
	width:30px; height:30px; line-height:30px; 
	text-align:center; 
	color:#fff; 
	font-size:18px; 
	font-weight:600;
    -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;
}
.faq-list-con2 .faq-item dt .question-icon{color:#31b6ba}
.faq-list-con2 .faq-item dd .answer-icon{color:#31b6ba;}

/* FAQ2 :: 카테고리 */
.faq-list-con2.faq-category-list-con dl dt .faq-category{display:inline-block; width:110px; color:#aaa; margin-right:5px; font-size:13px; line-height:24px; vertical-align:top; }
.faq-list-con2.faq-category-list-con dl dt .faq-title{display:inline-block; width:calc(95% - 120px);}

/* FAQ2 :: Open */
.faq-list-con2 .faq-item.open dt{
	border-radius:10px 10px 0 0; 
	background-color:#31b6ba;
}
.faq-list-con2 .faq-item.open dt .faq-title{white-space:normal; text-overflow:unset; color:#fff;}
.faq-list-con2 .faq-item.open dt .arrow i{margin-top:-2px; transform:rotate(-180deg); color:#fff;}
.faq-list-con2 .faq-item.open dt .question-icon{color:#fff;}
.faq-list-con2 .faq-item.open dt .faq-category{color:#fff;}

@media all and ( max-width:800px ){
	/*  FAQ2 게시판 */
	.faq-list-con2 .faq-item{margin-bottom:5px}
	.faq-list-con2 .faq-item dt{padding-left:45px; border-radius:5px;}
	.faq-list-con2 .faq-item dt .faq-title{font-size:14px; line-height:18px; }
	.faq-list-con2 .faq-item dt .arrow{top:15px;}
	.faq-list-con2 .faq-item dd{padding:15px;}
	.faq-list-con2 .faq-item dt .question-icon,
	.faq-list-con2 .faq-item dd .answer-icon{top:15px; left:15px; width:20px; height:20px; line-height:20px; font-size:11px;}
	.faq-list-con2 .faq-item dd .answer-icon{display:block; position:static; margin-bottom:10px;}
	/* FAQ2 :: Open */
	.faq-list-con2 .faq-item.open dt{border-radius:5px 5px 0 0; }
	/* FAQ2 :: 카테고리 */
	.faq-list-con2.faq-category-list-con dl dt{padding-top:40px;}
	.faq-list-con2.faq-category-list-con dl dt .faq-category{position:absolute; top:13px; left:45px; right:30px; width:auto; margin-right:0; line-height:22px; }
	.faq-list-con2.faq-category-list-con dl dt .faq-title{display:block; width:100%; }
	.faq-list-con2.faq-category-list-con dl dt .arrow{top:23px;}
}
/* Source: cm_online.css */

/* *******************************************************
 * filename : online.css
 * description : Online 문의형 게시판 관련 CSS
 * date : 2019-10-07
******************************************************** */

/* ******************  온라인 문의 :: 공통 ********************** */
/* -------- 온라인 문의 :: 공통 :: DatePicker -------- */
/* 달력 :: 날짜선택영역*/
.day-form-con{display:inline-block; margin-left:10px; padding:5px 0; vertical-align:middle;}
.day-form-con:first-child{margin-left:0;}
.date-select-con{position:relative; }
.date-select-con i{position:absolute; top:-1px; left:3px;}
.date-select-con .date-select-input{width:130px; height:30px; border:1px solid #d2d2d2; text-indent:34px; cursor:pointer;}
.day-form-con .hypen{margin:0 3px;}
/* 달력 ::  DATEPICKER CUSTOM */
/* datepicker box  */
#ui-datepicker-div{width:300px}
.ui-datepicker{background-color:#fff}
/* datepicker header  */
.ui-datepicker-header{position:relative;height:47px; line-height:47px; color:#fff; background-color:#434343; text-align:center;}
.ui-datepicker-prev,.ui-datepicker-next{position:absolute; top:0px; cursor:pointer; color:#fff !important;}
.ui-datepicker-prev{left:3%; }
.ui-datepicker-next{right:3%; }
.ui-datepicker-title{color:#fff; font-size:20px; font-weight:600; letter-spacing:-0.3px;}
/* datepicker calendar */
.ui-datepicker-calendar{border:1px solid #ddd; width:100%; box-sizing:border-box; }
/* datepicker calnedar :: 요일 */
.ui-datepicker-calendar thead th{width:14.25%; height:35px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; font-size:14px; font-weight:600;}
.ui-datepicker-calendar thead th:first-child{width:14.5%}
.ui-datepicker-calendar thead .ui-datepicker-week-end{color:#0000ff}
.ui-datepicker-calendar thead .ui-datepicker-week-end:first-child{color:#ff0000}
/* datepicker calnedar :: 날짜 */
.ui-datepicker-calendar td{height:36px;  border-bottom:1px solid #ddd; border-left:1px solid #ddd; text-align:right; vertical-align:top; font-size:14px;}
.ui-datepicker-calendar tr td:first-child{border-left:0;}
.ui-datepicker-calendar td.ui-datepicker-unselectable{color:#ccc}   /* 비활성화 */
.ui-datepicker-calendar td .ui-state-default{display:block; width:100%; height:100%; padding:10px; box-sizing:border-box; color:inherit;}
.ui-datepicker-calendar td.ui-datepicker-today, .ui-datepicker-calendar td .ui-state-hover{background:#eee;}        /* 마우스오버 */
.ui-datepicker-calendar td .ui-state-active{background-color:#3666aa; color:#fff;}  /*active */

/* -------- 온라인 문의 :: 공통 :: 첨부파일 custom  -------- */
.file-custom-box input[type="file"] { 
    position: absolute; 
    width: 1px; 
    height: 1px; 
    padding: 0; 
    margin: -1px; 
    overflow: hidden; 
    clip:rect(0,0,0,0); 
    border: 0; 
} 
.file-custom-box label { 
    float:right;
    width:108px;
    height:46px;
    color: #999; 
    font-size: 13.5px;
    letter-spacing:-0.5px;
    line-height: 46px; 
    text-align:center;
    cursor: pointer; 
    border: 1px solid #e5e5e5; 
    vertical-align:middle;
    margin-left:-4px;
    background-color:#f3f3f3;
} 
/* named upload */
.file-custom-box .upload-name { 
    float:left; 
    width:calc(100% - 120px);
    height:44px;
    font-size: 13.5px; 
    vertical-align:middle;
    background-color: #fff; 
    border: 1px solid #e5e5e5; 
    -webkit-appearance: none;
    text-indent:10px;
    /* 네이티브 외형 감추기 */
    -moz-appearance: none; 
    appearance: none; 
}
 
.file-catuion-txt{color:#999; font-size:12px; font-weight:300; letter-spacing:-0.3px; line-height:20px; margin-top:10px; word-break:keep-all;}

@media all and (max-width:800px){
    /* 문의하기 06 :: 첨부파일 */
    .file-custom-box{position:relative; padding-right:80px}
    .file-custom-box label{position:absolute; top:0px; right:0px; width: 70px; height:34px; line-height:34px;}
    .file-custom-box .upload-name{width:100%; height:32px;}
}




/* ******************  온라인 문의 :: 문의하기 02 ********************** */
/* 문의하기02 :: 상단 아이콘 및 텍스트영역 */
.inquiry-style02-list-top {display:table; width:100%; margin-bottom: 55px; }
.inquiry-style02-list-top > div {display:table-cell; vertical-align: middle;}
.inquiry-style02-list-top-inner {width:26%; text-align:center;}
.inquiry-style02-list-top-inner dl {display:table; width:100%;}
.inquiry-style02-list-top-inner dt {display:table-cell; vertical-align: middle; width:38%;}
.inquiry-style02-list-top-inner dt img {max-width:100%; margin:0 auto;}
.inquiry-style02-list-top-inner dd {display:table-cell; vertical-align: middle; text-align:left;}
.inquiry-style02-list-top-inner dd h4 {font-size:18px; line-height: 40px; letter-spacing: -0.5px; color:#333333; font-weight: 400;}
.inquiry-style02-list-top-inner dd p {font-size:13.5px; line-height: 20px; letter-spacing: -0.75px; color:#888888}
.inquiry-style02-list-top-inner dd p span {display:block;}
/* 문의하기02 :: 하단신청폼 */
.inquiry-style02-request dl {display:table; width:100%; margin-bottom: 10px; border:1px solid #ddd; background-color:#F7F7F7;}
.inquiry-style02-request dt {display:table-cell; position:relative; width:110px; vertical-align: top; height:48px; padding-left: 2%; font-size:15px; line-height: 48px; letter-spacing: -0.5px; color:#555555;}
.inquiry-style02-request dt::after {content:""; position:absolute; height:12px; width:2px; background-color:#DDDDDD; right:0; top:20px;}
.inquiry-style02-request dd {display:table-cell; vertical-align: top; padding:0 2%;}
.inquiry-style02-request dd input {height:48px; border:0; font-size:15px; letter-spacing: -0.5px; color:#555; font-weight: 300; background-color:#F7F7F7; width:100%;}
.inquiry-style02-request .file dd {vertical-align: middle;}
.inquiry-style02-request .file dd input {height:30px; }
.inquiry-style02-request dd textarea {border:0; width:100%; padding-top: 15px; background-color:#F7F7F7; font-size:15px; letter-spacing: -0.5px; color:#555; font-weight: 300; resize:none;}
.inquiry-style02-request select {border:0; height:48px; }
.inquiry-style02-request p {height:48px; line-height: 48px; font-size:15px; letter-spacing: -0.5px; color:#555;}
.inquiry-style02-request dl.on {border:1px solid #A0CB49; background-color:#fff;}
.inquiry-style02-request dl.on input , .inquiry-style02-request dl.on textarea, .inquiry-style02-request dl.on select {background-color:#fff}

@media all and (max-width:800px){
	/* 문의하기02 :: 상단 아이콘 및 텍스트영역 */
	.inquiry-style02-list-top {margin-bottom: 30px;}
	.inquiry-style02-list-top > .inquiry-style02-dot {display:none;}
	.inquiry-style02-list-top-inner {width:33.33%; text-align:center;}
	.inquiry-style02-list-top-inner dt {width:auto; display:block; margin-bottom:5px;}
	.inquiry-style02-list-top-inner dt img{width:35px;}
	.inquiry-style02-list-top-inner dd {width:auto; display:block; overflow:hidden;}
	.inquiry-style02-list-top-inner dd h4 {font-size:14px; line-height: 20px; word-break:keep-all; display:block; width:auto; text-align:center;}
	.inquiry-style02-list-top-inner dd p {display:none}
	.inquiry-style02-list-top-inner dd p span {display:inline;}
	/* 문의하기03 :: 하단신청폼 */
	.inquiry-style02-request dt {height:40px; width:85px; line-height: 42px; font-size:13px}
	.inquiry-style02-request dt::after {top:16px; right:10px;}
	.inquiry-style02-request dd input {height:40px; font-size:13px;}
	.inquiry-style02-request dd textarea {font-size:13px; padding-top: 13px;}
	.inquiry-style02-request p{height:auto; font-size:12px; line-height:20px; padding-bottom:10px; word-break:keep-all;}
}

/* ******************  온라인 문의 :: 문의하기 03 ********************** */
/* 문의하기 03 :: 상단 */
.inquiry-style03-tit {text-align:center; padding-top: 55px; padding-bottom: 40px;}
.inquiry-style03-tit h3 {font-size:34px; line-height: 45px; letter-spacing: -0.75px; color:#333; font-weight: 500; }
.inquiry-style03-tit p {font-size:13px; line-height: 35px; letter-spacing: 5px; color:#aaa}
/* 문의하기 03 :: 작성폼 */
.inquiry-style03-write-box{margin-bottom:50px;}
.inquiry-style03-write-box dl {display:table; width:100%; margin-bottom: 10px; border:1px solid #ddd; background-color:#F7F7F7;}
.inquiry-style03-write-box dt {display:table-cell; position:relative; width:120px; vertical-align: top; height:48px; padding-left: 15px; font-size:15px; line-height: 48px; letter-spacing: -0.5px; color:#555555;}
.inquiry-style03-write-box dt::after {content:""; position:absolute; height:12px; width:2px; background-color:#ddd; right:0; top:20px;}
.inquiry-style03-write-box dd {display:table-cell; vertical-align: top; padding:0 2%;}
.inquiry-style03-write-box dd input,
.inquiry-style03-write-box dd select,
.inquiry-style03-write-box dd textarea{
	height:48px; border:0; width:50%; font-size:15px; letter-spacing: -0.5px; color:#555; font-weight: 300; background-color:#F7F7F7; 
}
.inquiry-style03-write-box dd textarea {width:100%; height:120px; padding: 15px 0px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; resize:none;  }
.inquiry-style03-write-box .file dd {vertical-align: middle;}
.inquiry-style03-write-box .file dd input {height:30px; }
.inquiry-style03-write-box p {height:48px; line-height: 48px; font-size:15px; letter-spacing: -0.5px; color:#555;}
.inquiry-style03-write-box dl.on {border:1px solid #A0CB49; background-color:#fff;}
.inquiry-style03-write-box dl.on input , .inquiry-style03-write-box dl.on textarea, .inquiry-style03-write-box dl.on select {background-color:#fff}
/* 문의하기 03 :: 작성폼 기타 */
.inquiry-style03-write-box .address-fieldset .write-input{margin-top:6px;}
.inquiry-style03-write-box .address-fieldset .write-input:first-child{margin-top:0;}
.inquiry-style03-write-box .address-fieldset .write-input:nth-of-type(2){border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.inquiry-style03-write-box .address-btn{display:inline-block; min-width:114px; padding:0 10px; height:38px; border:1px solid #464646; vertical-align:middle; text-align:center; color:#464646; font-size:14px; font-weight:400; margin-left:10px;}
.inquiry-style03-write-box .address-btn:hover{background-color:#464646; color:#fff;}
@media all and (max-width:800px){
	/* 문의하기 03 :: 상단 */
	.inquiry-style03-tit {padding-top: 20px; padding-bottom: 15px;}
	.inquiry-style03-tit h3 {font-size:25px; line-height: 32px;}
	.inquiry-style03-tit p {font-size:11px; line-height: 22px;}
	/* 문의하기 03 :: 작성폼 */
	.inquiry-style03-write-box dt {width:80px; height:40px; line-height: 40px; font-size:13px}
	.inquiry-style03-write-box dt::after {top:16px;}
	.inquiry-style03-write-box dd input,
	.inquiry-style03-write-box dd select,
	.inquiry-style03-write-box dd textarea {height:40px;  font-size:13px; font-size:13px;}
	.inquiry-style03-write-box dd textarea{height:100px; padding:12px 0;}
	.inquiry-style03-write-box .file dd input {margin:5px 0;}
	.inquiry-style03-write-box p{height:auto; font-size:12px; line-height:20px; padding-bottom:10px; word-break:keep-all;}
	.inquiry-style03-write-box .address-btn{min-width:60px; height:28px; font-size:12px;}
}

/* ******************  온라인 문의 :: 문의하기 04 ********************** */
/* 문의하기 04 :: 레이아웃 */
.inquiry-style04-box{position:relative; border:1px solid #ddd; padding:30px; margin-bottom:30px;}
.inquiry-style04-box:before{position:absolute; top:-1px; left:50%; width:100px; height:1px; margin-left:-50px; background-color:#c4201f; content:"";}
.inquiry-style04-box .inquiry-tit{font-size:20px; letter-spacing:-0.3px; color:#222; font-size:20px; font-weight:400; text-align:center; margin-bottom:25px;}
/* 문의하기 04 :: Custom Radio */
.inquiry-style04-custom-radio{margin:0 -6px}
.inquiry-style04-custom-radio .radio-item{display:inline-block; vertical-align:middle; margin:3px 6px;}
.inquiry-style04-custom-radio .radio-item input[type="radio"]{display:none;}
.inquiry-style04-custom-radio .radio-item label{display:inline-block; position:relative; padding-left:25px; color:#333; font-size:14.5px; letter-spacing:-0.3px; line-height:20px; }
.inquiry-style04-custom-radio .radio-item label::before{content:""; position:absolute; top:0px; left:0px; width:16px; height:16px; border:2px solid #e6e6e6; background-color:#fff; -webkit-border-radius:16px;-moz-border-radius:16px;-o-border-radius:16px;border-radius:16px;}
.inquiry-style04-custom-radio .radio-item label i{position:absolute; top:0px; left:0px; line-height:20px; text-align:center; display:none; color:#fff; font-size:20px}
.inquiry-style04-custom-radio .radio-item input[type="radio"]:checked + label::before{border-color:#222; background-color:#222;}
.inquiry-style04-custom-radio .radio-item input[type="radio"]:checked + label::after{display:block;}
.inquiry-style04-custom-radio .radio-item input[type="radio"]:checked + label i{display:block;}
/* 문의하기 04 :: 작성폼 (기본온라인문의폼css + 변형) */
.inquiry-style04-tbl{border-top:0}
.inquiry-style04-tbl th,
.inquiry-style04-tbl td{border-bottom:0}
.inquiry-style04-tbl .write-input,
.inquiry-style04-tbl .write-select,
.inquiry-style04-tbl .write-textarea{
    height:46px;
}
.inquiry-style04-tbl .write-select{height:50px;}
.inquiry-style04-tbl .write-textarea{width:100%; height:200px; padding:10px; resize:none; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.inquiry-style04-tbl td .red{color:#cf0505;}
.inquiry-style04-box .bbs-write-catuion-txt{font-size:15px; letter-spacing:-0.5px;padding-top:10px; color:#222; font-weight:400; line-height:1.5; padding-left:200px; margin-left:10px;}

@media all and (min-width:801px){
	.inquiry-style04-custom-radio-big{margin:0 -10px}
	.inquiry-style04-custom-radio-big .radio-item{margin:0 10px;}
	.inquiry-style04-custom-radio-big .radio-item label{padding-left:35px; line-height:28px;}
	.inquiry-style04-custom-radio-big .radio-item label::before{width:26px; height:26px;}
	.inquiry-style04-custom-radio-big .radio-item label i{line-height:30px; left:3px; font-size:24px;}
}
@media all and (max-width:800px){
	/* 문의하기 04 :: 레이아웃 */
	.inquiry-style04-box{padding:20px 15px; margin-bottom:20px;}
	.inquiry-style04-box:before{width:60px; margin-left:-30px;}
	.inquiry-style04-box .inquiry-tit{font-size:17px; margin-bottom:15px; font-weight:500;}
	/* 문의하기 04 :: 작성폼 (기본온라인문의폼css + 변형) */
	.inquiry-style04-tbl td{padding:10px 0; border-bottom:1px solid #ddd; }
	.inquiry-style04-box .bbs-write-catuion-txt{padding-left:0; margin-left:0; font-size:13px;  word-break:keep-all;}
}


/* ******************  온라인 문의 :: 문의하기 05 ********************** */
.inquiry-style05 .inquiry-style05-tit h3 {font-size: 25px;font-weight: 300;color:#3a3a3a;margin-bottom: 40px;text-align: center;line-height: 1.5; word-break:keep-all}
.inquiry-style05 .inquiry-style05-tit h3:before {content: "";display: block;width: 1px;height: 30px;background-color: #7d7d7d;margin: 0 auto 15px;}
.inquiry-style05 .inquiry-style05-tit h3 strong {font-weight: 500;}
.inquiry-style05 .essential{color: #c23a3a;margin-right: 5px;}
/* 문의하기 05 :: 왼쪽영역 */
.inquiry-style05-left-box {float: left;width:49%;}
.inquiry-style05-left-box .cs-tel-box {background: #f9eded;border: 1px solid #eed4d4;padding:20px 30px;overflow: hidden;}
.inquiry-style05-left-box .cs-tel-box .team {padding-left:110px;position: relative;box-sizing: border-box;}
.inquiry-style05-left-box .cs-tel-box .team dl dt {position: absolute;font-size:15px ;color: #2a2a2a;left:0;}
.inquiry-style05-left-box .cs-tel-box .team dl dd {font-size:15px;color: #6e6e6e;margin: 10px 0;}
.inquiry-style05-left-box .private-box {border: 1px solid #d9d9d9; margin-top: 10px;}
.inquiry-style05-left-box .private-box .private-box-txt {height:211px; padding:30px; box-sizing: border-box; overflow-y: scroll;line-height: 1.5;}
.inquiry-style05-left-box .private-box .private-agree-txt {line-height: 50px;background-color: #f7f7f7;color: #727272;padding-left: 20px;border-top: 1px solid #d9d9d9;}
/* 문의하기 05 :: 오른쪽영역 */
.inquiry-style05-right-box {float: right;width:49%;color: #868686;}
.inquiry-style05-right-box .input-write-box {border: 1px solid #d9d9d9;margin-top: 10px;padding-left: 50px;position: relative;    }
.inquiry-style05-right-box .input-write-box:first-child{margin-top:0;}
.inquiry-style05-right-box .input-write-box .write-input {width:80%;height:48px;line-height: 48px;border: none;padding-left: 10px;}
.inquiry-style05-right-box .input-write-box textarea {width:90%;border: none;padding-left: 10px;padding-top: 20px;height: 191px;resize: none;}
.inquiry-style05-right-box .input-write-box .icon {line-height: 56px;position: absolute; left:15px; top:-2px;}
.inquiry-style05-right-box .input-write-box .icon i{font-size:20px; line-height:50px; position:relative; top:2px;}
@media all and (max-width:800px){
	.inquiry-style05 .inquiry-style05-tit h3{font-size:18px; }
	.inquiry-style05 .inquiry-style05-tit h3 strong{display:block;}
	/* 문의하기 05 :: 왼쪽영역 */
	.inquiry-style05-left-box {float: none;width:auto; margin-bottom:30px;}
	.inquiry-style05-left-box .cs-tel-box{padding:15px;}
	.inquiry-style05-left-box .private-box .private-box-txt{padding:15px; height:100px;}
	/* 문의하기 05 :: 오른쪽영역 */
	.inquiry-style05-right-box {float: none;width:auto}
}



/* ******************  온라인 문의 :: 문의하기 06 ********************** */
/* 문의하기 06 :: 견적신청폼 */
.inquiry-style06-wrapper{max-width:485px; padding:50px; border:1px solid #ddd; margin:0px auto; letter-spacing:-0.5px;}
.inquiry-style06-form .estimate-item{margin-top:30px;}
.inquiry-style06-form .estimate-item:first-child{margin-top:0}
.inquiry-style06-form .estimate-item.mt10{margin-top:7px;}
.inquiry-style06-form .estimate-item .estimate-item-tit{color:#444; font-size:15px; font-weight:300; margin-bottom:10px;}
.inquiry-style06-form .estimate-item-clearfix .estimate-item-tit{float:left; width:90px;  line-height:44px; margin-bottom:0}
.inquiry-style06-form .estimate-item-clearfix .estimate-input-box{float:left; width:calc(100% - 90px);}
.inquiry-style06-form .estimate-input,
.inquiry-style06-form .estimate-select,
.inquiry-style06-form .estimate-textarea{
	width:100%; 
	height:42px; 
	border-radius:3px; 
	text-indent:15px; 
	color:#888; 
	font-size:14px; 
	font-weight:300; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box;  
	 border:1px solid #ddd
 }
.inquiry-style06-form .estimate-item .estimate-textarea{height:150px; padding:15px; text-indent:0; resize:none;}
.inquiry-style06-form .estimate-input:focus,
.inquiry-style06-form .estimate-select:focus,
.inquiry-style06-form .estimate-textarea:focus{outline:none; border-color:#0085c4; background-color:#fcfcfc; color:#222;}

/* 문의하기 06 :: 상세 항목 */
.tel-box .estimate-select{float:left; width:30%;}
.tel-box .estimate-input{float:left; width:calc(35% - 15px);}
.tel-box .hypen{float:left; width:15px; text-align:center; font-size:15px; line-height:40px;}
.address-box .address-search-btn{display:inline-block;  vertical-align:middle; text-align:center; width:116px; height:42px; line-height:42px; color:#fff; font-size:14px; background-color:#222; border-radius:3px;}
.address-box .address-search-result{float:right; width:calc(100% - 124px); vertical-align:middle;}
.date-box{position:relative;}
.date-box .estimate-input{padding-left:30px;}
.date-box i{position:absolute; top:6px; left:10px; color:#222; font-size:28px; }
.area-cal-box .area-cal-item{
	float:left; 
	position:relative;
	width:calc(50% - 25px); 
}
.area-cal-box .estimate-input{padding-right:40px}
.area-cal-box .area-cal-item .area-cal-txt{position:absolute; top:0px; right:10px; color:#666; font-size:14px; font-weight:300; line-height:40px;}
.area-cal-box .hypen{float:left; width:50px; text-align:center;}
.area-cal-box .hypen i{transform:rotate(90deg); color:#222; position:relative; top:5px; font-size:30px;}

 /* 문의하기 06 :: 커스텀 radio */
.inquiry-style06-custom-radio .radio-item{display:inline-block; vertical-align:middle; margin-left:20px;}
.inquiry-style06-custom-radio .radio-item:first-child{margin-left:0;}
.inquiry-style06-custom-radio .radio-item input[type="radio"]{display:none;}
.inquiry-style06-custom-radio .radio-item label{display:inline-block; position:relative; padding-left:30px; color:#444; font-size:18px;font-weight:300; line-height:25px; vertical-align:middle; }
.inquiry-style06-custom-radio .radio-item label::before{content:""; position:absolute; top:1px; left:0px; width:23px; height:23px; border:1px solid #cfcfcf; background-color:#fff; -webkit-border-radius:25px;-moz-border-radius:25px;-o-border-radius:25px;border-radius:25px;}
.inquiry-style06-custom-radio .radio-item label::after{display:none; content:""; position:absolute; top:7px; left:6px; width:13px; height:13px; background:#0085c4; -webkit-border-radius:13px;-moz-border-radius:13px;-o-border-radius:13px;border-radius:13px;}
.inquiry-style06-custom-radio .radio-item input[type="radio"]:checked + label{color:#0085c4; font-weight:400;}
.inquiry-style06-custom-radio .radio-item input[type="radio"]:checked + label::before{border-color:#0085c4}
.inquiry-style06-custom-radio .radio-item input[type="radio"]:checked + label::after{display:block;}

/* 문의하기 06 :: 커스텀 radio 2 */
.inquiry-style06-custom-radio2 .checkbox-item{display:inline-block; vertical-align:middle; }
.inquiry-style06-custom-radio2 .checkbox-item input[type="checkbox"]{display:none;}
.inquiry-style06-custom-radio2 .checkbox-item label{display:inline-block; position:relative; color:#666; font-size:15px; font-weight:300; }
.inquiry-style06-custom-radio2 .checkbox-item label i{font-size:24px; color:inherit; vertical-align:middle; margin-top:-3px; margin-right:5px;}    
.inquiry-style06-custom-radio2 .checkbox-item label a{color:#0085c4; font-weight:500;}
.inquiry-style06-custom-radio2 .checkbox-item input[type="checkbox"]:checked + label{}
.inquiry-style06-custom-radio2 .checkbox-item input[type="checkbox"]:checked + label i{color:#0085c4}

 /* 문의하기 06 :: 동의하기 및 신청버튼*/
.estimate-agree-box{margin:25px 0;}
.estimate-submit-btn{display:block; height:55px; width:100%; background-color:#0085c4; color:#fff; font-size:16px; font-weight:300; border-radius:3px;}

 @media all and (max-width:800px){
	/* 문의하기 06 :: 견적신청 폼 */
	.inquiry-style06-wrapper{padding:15px;}
	.inquiry-style06-form .estimate-item{margin-top:15px;}
	.inquiry-style06-form .estimate-item-clearfix .estimate-item-tit,
	.inquiry-style06-form .estimate-item-clearfix .estimate-input-box{float:none; width:auto;}
    /* 문의하기 06 :: 첨부파일 */
    .file-custom-box{position:relative; padding-right:80px}
    .file-custom-box label{position:absolute; top:0px; right:0px; width: 70px; height:34px; line-height:34px;}
    .file-custom-box .upload-name{width:100%; height:32px;}
	 /* 문의하기 06 :: 동의하기 및 신청버튼*/
	.estimate-agree-box{margin:15px 0;}
	/* RADIO CUSTOM 01 */
	.inquiry-style06-custom-radio .radio-item label{font-size:15px;}
	/*  RADIO CUSTOM 02 */
	.inquiry-style06-custom-radio2 .radio-item label{font-size:13px; padding:6px 8px;}
}


/* ******************  온라인 문의 :: 문의하기 07 ********************** */
/* 문의하기 01 :: 개인정보취급방침 */
.inquiry-style07-agree-con{margin-top:50px;}
.inquiry-style07-agree-con .agree-tit{color:#000; font-size:24px; letter-spacing:-0.75px; font-weight:600; padding-bottom:15px;}
.inquiry-style07-agree-box{border:1px solid #cecece; height:130px; overflow-y:auto; overflow-x:hidden; padding:20px; background-color:#fff;}
.inquiry-style07-agree-con .agree-txt{font-size:15px; line-height:20px; padding:13px 25px; letter-spacing:-0.65px; color:#414141; background-color:#f1f1f1; border:1px solid #cecece; border-top:0;}
.inquiry-style07-agree-con .agree-txt span{color:#b9272d; font-weight:500;}
.inquiry-style07-essential-txt{text-align:right; color:#373737; font-size:13px; letter-spacing:-0.3px; padding-bottom:15px;}
.inquiry-style07-essential-icon{color:#cf0505; font-size:15px;}
/* 문의하기 01 :: 쓰기, 문의폼 :: 작성영역 */
.inquiry-tbl-style07{width:100%;}
.inquiry-tbl-style07 .write-input,
.inquiry-tbl-style07 .write-select,
.inquiry-tbl-style07 .write-textarea{
	height:50px; border:0px; width:50%; background-color:#fff; border:1px solid #d2d2d2; font-size:14px; vertical-align:middle;
}
.inquiry-tbl-style07 .write-input:focus{border-color:#333;}
.inquiry-tbl-style07 .write-input{text-indent:30px;}
.inquiry-tbl-style07 .write-select{height:54px;}
.inquiry-tbl-style07 .write-textarea{width:100%; height:144px; resize:none; padding:20px 25px; }
.inquiry-tbl-style07-container{width:100%;}
.inquiry-tbl-style07-con{width:100%; padding:20px 0;}
.inquiry-tbl-style07-con dt{font-size:20px; color:#696969; font-weight:500; letter-spacing:-0.65px; padding-bottom:10px;}
.inquiry-tbl-style07-2col{display:table; width:100%;}
.inquiry-tbl-style07-2col > .inquiry-tbl-style07-con{display:table-cell; vertical-align:top; width:50%; padding-left:3%;}
.inquiry-tbl-style07-2col > .inquiry-tbl-style07-con:first-child{padding-left:0; padding-right:3%;}
.inquiry-tbl-style07-2col > .inquiry-tbl-style07-con .write-input{width:100%;}

/* 문의하기 01 :: Custom checkbox  */
.inquiry-style04-custom-checkbox{margin:0 -15px;}
.inquiry-style04-custom-checkbox .checkbox-item{display:inline-block; vertical-align:middle; margin:3px 15px;}
.inquiry-style04-custom-checkbox .checkbox-item input[type="radio"]{display:none;}
.inquiry-style04-custom-checkbox .checkbox-item label{display:inline-block; position:relative; vertical-align:middle; color:#949494; font-size:15px; line-height:27px; letter-spacing:-0.65px;}
.inquiry-style04-custom-checkbox .checkbox-item label i{font-size:24px; margin-right:5px; position:relative; top:-1px;}
.inquiry-style04-custom-checkbox .checkbox-item input[type="radio"]:checked + label{color:#f36f21; }

@media all and (max-width:800px){
	/* 문의하기 01 :: 개인정보취급방침 */
	.inquiry-style07-agree-con{margin-bottom:25px;}
	.inquiry-style07-agree-con .agree-tit{font-size:16px;}
	.inquiry-style07-agree-box{height:100px; padding:10px;}
	.inquiry-style07-agree-con .agree-txt{padding:10px; font-size:12px;}
	/* 문의하기 01 :: 쓰기, 문의폼 :: 작성영역 */
	.inquiry-tbl-style07-con{padding:10px 0;}
	.inquiry-tbl-style07-2col > .inquiry-tbl-style07-con, 
	.inquiry-tbl-style07-2col > .inquiry-tbl-style07-con:first-child{display:block; width:auto; padding-left:0; padding-right:0;}
	.inquiry-tbl-style07-con dt{font-size:16px;}
	.inquiry-tbl-style07 .write-input,
	.inquiry-tbl-style07 .write-select,
	.inquiry-tbl-style07 .write-textarea{
		height:40px; 
	}
	.inquiry-tbl-style07 .write-input{text-indent:10px;}
	.inquiry-tbl-style07 .write-input::placeholder ,
	.inquiry-tbl-style07 .write-select::placeholder ,
	.inquiry-tbl-style07 .write-textarea::placeholder {font-size:12px;}
	.inquiry-tbl-style07 .write-textarea{height:120px; padding:10px; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box;  }
}

/* ******************  온라인 문의 :: 문의하기 08 ********************** */
.inquiry-style08{padding:50px 15px; background:#333 url("https://hivoice.jp/images/content/main_inquiry_bg.jpg") no-repeat 50% 50%; background-size:cover;}
.inquiry-style08 .inquiry-style08-tit{color:#fff; margin-bottom:30px; font-size:32px; font-weight:500; letter-spacing:-1px;}
/* 온라인문의 08 :: 내용 */
.inquiry-style08 .inquiry-form{width:46.5%; }
.inquiry-style08 .inquiry-form.cm-fr{width:50%;}
.inquiry-style08 .inquiry-form ul li{position:relative; height:62px; padding-left:100px; border-bottom:1px solid #867a77; border-bottom-color:rgba(255,255,255,0.2); }
.inquiry-style08 .inquiry-form ul li:first-child{margin-top:0;}
.inquiry-style08 .inquiry-form .inquiry-data-tit{position:absolute; top:0px; left:0px; width:100px; font-size:16px; font-weight:400; line-height:62px; letter-spacing:-0.5px; color:#fff; opacity:0.5;filter:Alpha(opacity=50);}
.inquiry-style08 .inquiry-form .inquiry-textarea-con .inquiry-data-tit{display:block; position:static; width:auto; line-height:normal; margin-bottom:15px}
.inquiry-style08 .inquiry-form ul li input[type="text"]{height:60px; width:100%;  background:none; border:0; color:#fff; font-size:15px;}
.inquiry-style08 .inquiry-form textarea{width:100%; height:210px ; border:1px solid #867a77; border-color:rgba(255,255,255,0.2); color:#fff; font-size:15px; background-color:rgba(255,255,255,0.2); resize:none; box-sizing:border-box; padding:20px;}
/* 온라인문의 08 :: 하단 */
.inquiry-style08 .inquiry-form-bottom-box{clear:both; padding-top:30px; text-align:center;}
.inquiry-style08 .agree-check-box{margin-bottom:30px;}
.inquiry-style08 .agree-check-box label{display:inline-block; vertical-align:middle; color:#fff; font-size:15px; letter-spacing:-0.5px; font-weight:400; margin-right:2px;}
.inquiry-style08 .agree-check-box label a{color:inherit; display:inline-block; border-bottom:1px solid #fff;}
.inquiry-style08 .agree-check-box label i{display:inline-block; vertical-align:middle; width:18px; height:18px; font-size:18px; position:relative; top:-1px; border:1px solid #fff; line-height:18px; opacity:0.2;filter:Alpha(opacity=20); margin-right:5px;}
.inquiry-style08 .agree-check-box input{display:none}
.inquiry-style08 .agree-check-box input:checked + label i{opacity:1.0;filter:Alpha(opacity=100);}
.inquiry-style08 .inquiry-form ul li .inquiry-agree-btn{position:absolute; top:0px; right:0px; width:160px; height:44px; line-height:44px; padding:0 12px 0 20px; background-color:#f0612a; color:#fff;}
.inquiry-style08 .inquiry-form ul li .inquiry-agree-btn em{float:left; font-size:13px; font-weight:500;}
.inquiry-style08 .inquiry-form ul li .inquiry-agree-btn i{float:right; line-height:44px; opacity:0.75;filter:Alpha(opacity=75);}
.inquiry-style08 .inquiry-submit-btn{display:inline-block; background-color:#fff; width:250px; height:50px; color:#f0612a; line-height:50px; font-size:18px; -webkit-transition:background-color 0.5s, color 0.5s;-moz-transition:background-color 0.5s, color 0.5s;-o-transition:background-color 0.5s, color 0.5s;-ms-transition:background-color 0.5s, color 0.5s;transition:background-color 0.5s, color 0.5s; }
.inquiry-style08 .inquiry-submit-btn:hover{background-color:#f0612a; color:#fff;}

@media all and ( max-width: 800px ){
	.inquiry-style08 .inquiry-style08-tit{font-size:20px; margin-bottom:20px;}
	.inquiry-style08 .inquiry-form,
	.inquiry-style08 .inquiry-form.cm-fr{float:none; width:auto;}
	.inquiry-style08 .inquiry-form.cm-fr{margin-top:10px;}
	/* 온라인문의 08 :: 내용 */
	.inquiry-style08 .inquiry-form ul li{height:50px; padding-left:70px; }
	.inquiry-style08 .inquiry-form .inquiry-data-tit{width:70px; font-size:13px; line-height:50px;}
	.inquiry-style08 .inquiry-form ul li input[type="text"]{height:48px; font-size:12px;}
	.inquiry-style08 .inquiry-form textarea{height:120px;}
	/* 온라인문의 08 :: 하단 */
	.inquiry-style08 .agree-check-box label{font-size:12px;}
	.inquiry-style08 .inquiry-submit-btn{width:100%; max-width:480px; font-size:15px;}
}
/* Source: cm_history.css */

/* *******************************************************
 * filename : history.css
 * description : 연혁 관련 CSS
 * date : 2020-03-06
******************************************************** */

/*  ****************** 회사소개 :: BEST 연혁 01 ********************** */
/* History :: Layout */
.company-history {position:relative;}
.company-history-wrapper {position:relative; padding-bottom:50px; *zoom:1;}
.company-history-wrapper:after{clear:both; display:block; content:"";}
.company-history-wrapper:before{position:absolute; top:3px; height:100%; width:1px; left:50%; background-color:#ddd; content:""; z-index:1;}
.company-history-wrapper:first-child {padding-top:60px;}
.company-history-wrapper:last-child:before{display:none;}
.company-history-info-box {position:relative; width:50%; }
.company-history-info-box::before{ position:absolute; top:-10px; width:29px; height:29px;  background-color:#fbded1;  border: 5px solid #fdeee7; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content:"";  opacity:0.8;filter:Alpha(opacity=80); z-index:0;}
.company-history-info-box::after{ position:absolute; top:3px; width:13px; height:13px; background-color:#fff; border: 3px solid #e95513; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content:"";  z-index:2; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
/* History :: 정보 */
.company-history-info .history-item{position:relative; font-size:15px; line-height: 1.6; letter-spacing: -0.5px; font-weight:300; color:#444; margin-bottom:10px; word-break:keep-all}
.company-history-info .history-month{position:absolute; top:0px; color:#222; font-weight:600; }
.company-history-info .history-txt{position:relative; display:inline-block;}
.company-history-info .history-txt:before{content:"-"; position:absolute; top:0px;}
.company-history-year {position:absolute; top:-5px; text-align:center; font-size:30px; letter-spacing: -0.5px; color:#e95513; font-weight: 600; }
.company-history-year::before{position:absolute; width:50px; top:50%; border-top:1px dotted #555; content:""; margin-top:-1px;}
/* History :: 이미지 */
.company-history-img-box{width:50%; margin-top:50px;}
.company-history-img-box span{display:inline-block;  border:1px solid #ddd;}
.company-history-img-box span img{max-width:100%;}
@media all and (min-width:801px){
	/* History :: 왼쪽 */
	.history-left .company-history-info-box{float:left;}
	.history-left .company-history-info-box::before,
	.history-left .company-history-info-box::after {left:100%; transform:translatex(-50%)}
	.history-left .company-history-info {text-align:right; padding-right: 40px;}
	.history-left .company-history-info .history-item{padding-right: 30px; }
	.history-left .company-history-info .history-month{right:0;}
	.history-left .company-history-info .history-txt{padding-right:15px; }
	.history-left .company-history-info .history-txt::before{right:0;}
	.history-left .company-history-year {left:100%; padding-left:60px;}
	.history-left .company-history-year:before{left:0}
	.history-left .company-history-img-box{float:right;}
	.history-left .company-history-img-box span{margin-left:60px}
	/* History :: 오른쪽 */
	.history-right .company-history-info-box{float:right; }
	.history-right .company-history-info-box::before,
	.history-right .company-history-info-box::after {right:100%; transform:translatex(50%)}
	.history-right .company-history-info {padding-left: 40px;}
	.history-right .company-history-info .history-item{padding-left: 22px;}
	.history-right .company-history-info .history-month{left:0;}
	.history-right .company-history-info .history-txt{padding-left:15px; }
	.history-right .company-history-info .history-txt::before{left:0;}
	.history-right .company-history-list-wrap .company-history-year {right:100%; padding-right:60px;}
	.history-right .company-history-list-wrap .company-history-year:before{right:0}
	.history-right .company-history-img-box{float:left; text-align:right;}
	.history-right .company-history-img-box span{margin-right:60px}
}
@media all and (max-width:800px){
	/* History :: Layout */
	.company-history-wrapper:before{left:10px;}
	.company-history-info-box{width:auto; padding-left:120px}
	.company-history-info-box::before{top:-4px; left:-2px; width:20px; height:20px; border-width:3px;}
	.company-history-info-box::after{top:4px;left:6px; width:10px; height:10px; border-width:2px; }
	/* History :: 정보 */
	.company-history-info .history-item{font-size:13px; padding-left:25px;}
	.company-history-info .history-month{left:0;}
	.company-history-info .history-txt:before{display:none;}
	.company-history-year{top:0px;font-size:18px; padding-left:30px; left:10px;}
	.company-history-year::before{width:20px; left:0; }
	/* History :: 이미지 */
	.company-history-img-box{width:auto; margin-top:20px}
	.company-history-img-box span{margin-left:120px;}
}

/*  ****************** 회사소개 :: BEST 연혁 02 ********************** */
.history-list-box-style02 .history-year-box{position:relative; padding-left:250px}
.history-list-box-style02 .history-year-box h4{position:absolute; left:0; top:0;  color:#222; font-size:30px; font-weight:600; letter-spacing:-1.5px; }
.history-list-box-style02 .history-year-box h4:after{position:absolute; top:15px; left:110px; content:""; width:56px; height:3px; background-color:#ffa200; }
.history-list-box-style02 .history-year-box .history-year-item {position:relative; padding-bottom:30px}
.history-list-box-style02 .history-year-box .history-year-item:last-child{padding-bottom:0}
.history-list-box-style02 .history-year-box .history-year-item:before{position:absolute; top:15px; left:120px; width:1px; bottom:-23px; background-color:#ddd; content:"";}
.history-list-box-style02 .history-year-box:last-child .history-year-item:last-child:before{display:none;}
.history-list-box-style02 .history-year-box .history-year-item .history-year{position:absolute; top:0; left:0px; width:120px;}
.history-list-box-style02 .history-year-box .history-year-item .history-year:after{position:absolute; display:block; content:""; top:50%; right:-4px; width:7px; height:7px; margin-top:-3px; background-color:#ffa200; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.history-list-box-style02 .history-year-box .history-year-item .history-year strong{color:#1e1e1e; font-weight:600; font-size:23px;font-style:italic}
.history-list-box-style02 .history-year-box .history-year-item .history-info-con{padding-left:140px; }
.history-list-box-style02 .history-year-box .history-year-item:last-child .history-info-con{  padding-bottom:50px;}
.history-list-box-style02 .history-year-box:last-child .history-year-item:last-child .history-info-con{  padding-bottom:0px;}
.history-list-box-style02 .history-year-box .history-year-item .history-info-con p{position:relative; margin-bottom:10px; padding-left:30px; color:#5b5b5b; font-size:15px; font-weight:300; letter-spacing:-0.5px; line-height:1.4; word-break:keep-all}
.history-list-box-style02 .history-year-box .history-year-item .history-info-con p:first-child{margin-top:7px}
.history-list-box-style02 .history-year-box .history-year-item .history-info-con p .history-month{position:absolute; top:0px; left:0px;color:#333; font-weight:600; }
.history-list-box-style02 .history-year-box .history-year-item .history-info-con p span{}
 
@media all and ( max-width:1024px ){
    /* -------- 회사소개 :: BEST 연혁 02 -------- */
    .history-list-box-style02 .history-year-box{ padding-left:200px}
}
@media all and ( max-width:800px ){
    /* -------- 회사소개 :: BEST 연혁  02-------- */
    .history-list-box-style02 .history-year-box{padding-left:0}
    .history-list-box-style02 .history-year-box h4{position:relative; left:auto; top:auto; margin-bottom:25px; font-size:26px;}
    .history-list-box-style02 .history-year-box h4:after{top:100%; left:0; margin-top:5px;}
    .history-list-box-style02 .history-year-box .history-year-item:first-child:before{bottom:-16px;}
	.history-list-box-style02 .history-year-box .history-year-item:last-child:before{bottom:0px;}
    .history-list-box-style02 .history-year-box .history-year-item .history-info-con p{font-size:14px}
}
@media all and ( max-width:480px ){
    /* -------- 회사소개 :: BEST 연혁  02 -------- */
    .history-list-box-style02 .history-year-box{margin-bottom:50px}
    .history-list-box-style02 .history-year-box h4{font-size:20px;}
    .history-list-box-style02 .history-year-box h4:after{width:45px; height:2px}
    .history-list-box-style02 .history-year-box .history-year-item .history-year{width:60px;}
    .history-list-box-style02 .history-year-box .history-year-item .history-year strong{font-size:17px}
    .history-list-box-style02 .history-year-box .history-year-item:before{left:60px}
    .history-list-box-style02 .history-year-box .history-year-item .history-info-con{padding-left:90px; }
    .history-list-box-style02 .history-year-box .history-year-item:last-child .history-info-con{padding-bottom:0}
    .history-list-box-style02 .history-year-box .history-year-item .history-info-con p{font-size:13px}
}


/*  ****************** 회사소개 :: BEST 연혁 03 ********************** */
.history-list-wrapper-style03 .history-list-con{position:relative; margin-top:55px;}
.history-list-wrapper-style03 .history-list-con:fisrt-child{margin-top:0}
/* 연혁 :: 내용 */
.history-list-wrapper-style03 .history-list-inner{float:left; width:50%; word-break:keep-all;}
.history-list-wrapper-style03 .history-year-item{overflow:hidden; margin-top:50px;}
.history-list-wrapper-style03 .history-year-item:first-child{margin-top:0px;}
.history-list-wrapper-style03 .history-year-item .history-years{float:left; width:145px; color:#000; font-size:30px; font-weight:500;}
.history-list-wrapper-style03 .history-year-item .history-detail-con{float:left; width:calc(100% - 145px); padding-top:10px; font-size:16px; letter-spacing:-0.5px; line-height:1.3; color:#272727;}
.history-list-wrapper-style03 .history-year-item .history-detail-item {overflow:hidden; margin-top:20px;}
.history-list-wrapper-style03 .history-year-item .history-detail-item:first-child{margin-top:0}
.history-list-wrapper-style03 .history-year-item .history-detail-item dt{float:left; width:70px; font-weight:700;}
.history-list-wrapper-style03 .history-year-item .history-detail-item dd{float:left; width:calc(100% - 70px); }
.history-list-wrapper-style03 .history-year-item .history-detail-item .history-txt{position:relative; padding-left:38px; font-weight:300; margin-top:15px; }
.history-list-wrapper-style03 .history-year-item .history-detail-item .history-txt:first-child{margin-top:0}
.history-list-wrapper-style03 .history-year-item .history-detail-item .history-txt:before{position:absolute; top:0px; left:0px; content:"-";}
/* 연혁 :: 이미지 */
.history-img-inner{position:absolute; top:0px; right:0px; height:100%; width:50%;}
.history-img-inner .img-wrapper{
	position:absolute; top:50%; left:0; right:0; text-align:right;
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.history-img-inner .img-box{display:inline-block; position:relative;  }
.history-img-inner .img-box img{max-width:100%;}

@media all and ( min-width: 1361px ){
	/* right */
	.history-list-wrapper-style03 .right-con .history-list-inner{float:right; }
	.history-list-wrapper-style03 .right-con .history-img-inner{right:auto; left:0;}
	.history-list-wrapper-style03 .right-con .history-img-inner .img-wrapper{text-align:left;}
}
@media all and ( max-width: 1360px ){
	/* 연혁 :: 이미지 */
	.history-list-wrapper-style03 .history-list-inner{width:60%}
	.history-list-wrapper-style03 .history-img-inner{width:35%; margin-left:5%;}
}
@media all and ( max-width: 1024px ){
	/* 연혁 :: 내용 */
	.history-list-wrapper-style03 .history-list-inner{float:none; width:auto; margin:0;}
	/* 연혁 :: 이미지 */
	.history-list-wrapper-style03 .history-img-inner{position:static; width:auto; text-align:left; margin-top:30px; margin-left:145px}
	.history-list-wrapper-style03 .history-img-inner .img-wrapper{
		position:static; 
		text-align:left;
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@media all and ( max-width: 800px ){
	/* 연혁 :: 내용 */
	.history-list-wrapper-style03 .history-year-item .history-years{float:none; width:auto; font-size:20px;}
	.history-list-wrapper-style03 .history-year-item .history-detail-con{float:none; width:auto; padding-top:15px; font-size:13px; line-height:1.5}
	.history-list-wrapper-style03 .history-year-item .history-detail-item dt{width:50px; }
	.history-list-wrapper-style03 .history-year-item .history-detail-item dd{width:calc(100% - 50px); }
	.history-list-wrapper-style03 .history-year-item .history-detail-item .history-txt{padding-left:20px; margin-top:5px;}
	/* 연혁 :: 이미지 */
	.history-list-wrapper-style03 .history-img-inner{margin-left:0;}
	.history-list-wrapper-style03 .history-img-inner .img-wrapper{text-align:center;}
}
/* Source: cm_member.css */

/* *******************************************************
 * filename : member.css
 * description : 로그인,회원가입,회원정보 수정등 회원메뉴에 관련된  CSS
 * date : 2020-02-21
******************************************************** */

/* ******************   공통  ********************** */
.member-wrapper{max-width:1300px; margin:0px auto;}

/* 공통 :: 상단 진행과정 바 */
.join-process-bar-con > ol{overflow:hidden;  margin:50px auto; text-align:center;}
.join-process-bar-con > ol > li{display:inline-block; padding-left:80px; overflow:hidden; text-align:center; letter-spacing: -0.5px; background:url("https://hivoice.jp/images/board/process_arrow.png") no-repeat 0 50%}
.join-process-bar-con > ol > li:first-child{background:none;}
.join-process-bar-con > ol > li .process-icon{float:left; width:48px; height:48px; color:#fff; background-color:#ccc; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.join-process-bar-con > ol > li.current .process-icon{background-color:#424446}
.join-process-bar-con > ol > li .process-icon i{font-size:24px; line-height:48px; }
.join-process-bar-con > ol > li dl{float:left; width:120px; padding-left:15px; text-align:left; padding-top:5px;}
.join-process-bar-con > ol > li dl dt{height:20px; font-size:13px; color:#888;}
.join-process-bar-con > ol > li dl dd{height:28px; font-size:17px; color:#333;}


/* 공통 :: 회원폼 레이아웃 */
.member-con-inner{padding:60px 0;border:1px solid #ddd; }
.member-search-con-inner{padding:75px 0; border:1px solid #ddd; border-top:0;}
.member-form-con{width:96%; max-width:480px; margin:0px auto;}	/* 가로값 설정 */
.member-form-con-txt{padding-bottom:40px; text-align:center; letter-spacing:-1px;}
.member-form-con-txt strong{display:block; font-size:24px; color:#333; font-weight:500;}
.member-form-con-txt b{font-weight:600; color:#000;}
.member-form-con-txt p{color:#666; font-size:14px; line-height:22px; font-weight:300; }
.member-form-con-txt p:before{display:block; content:""; width:30px; height:2px; background-color:#ccc; margin:20px auto;}
.form-tit{display:block; color:#464646; font-size:20px; letter-spacing:-0.3px; font-weight:500; margin-bottom:15px;}
.form-list li{overflow:hidden; margin-top:-1px;}
.form-list li:first-child{margin-top:0;}
.form-list li label{line-height: 30px; color:#222; font-size:13px; letter-spacing:-0.5px;}
.form-input-box{float:left; width:80%;}
.form-input{
    position:relative; width:100%; box-sizing:border-box; background:none; border:0px;  color:#707070; background-color:#fff; font-size:14px; border:1px solid #ddd; letter-spacing:-0.3px; font-weight:400; height:50px; text-indent:10px; color:#aaa;
    -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s
}
.form-select{
   width:30%; background:none; border:0px;  color:#707070; font-size:15px; border:1px solid #ddd; letter-spacing:-0.3px; font-weight:400; height:50px; color:#aaa;
    -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s
}
.form-input:focus,.form-select:focus{color:#333; border-color:#000; z-index:1;}

/* 공통 :: 회원관련 ::  탭 */
.member-tab-list-con ul{overflow:hidden; }
.member-tab-list-con ul li{float:left; width:50%; position:relative; }
.member-tab-list-con ul li:first-child{margin-left:0;}
.member-tab-list-con ul li a{display:block; height:60px; line-height:60px; text-align:center; border:1px solid #ddd; border-bottom:1px solid #3a4050; color:#686767;  font-size:18px; letter-spacing:-0.5px; }
.member-tab-list-con ul li.selected{z-index:1;}
.member-tab-list-con ul li.selected a{height:61px; border-color:#3a4050; color:#3a4050; border-bottom:0; font-weight:500}
.member-tab-list-con + .member-con-inner{border-top:0}

/* 공통 :: 회원가입 필수입력 */
.essential-txt{position:absolute; top:-30px; right:0px; color:#464646; font-size:13px; letter-spacing:-0.3px;}
.essential-icon{color:#cf0505; margin:0 3px 0 0; vertical-align:middle;}

/* ******************   LOGIN  ********************** */
/* LOGIN :: 아이콘로그인 */
.form-list-icon{text-align:left; margin-bottom:20px;}
.form-list-icon > li{border:1px solid #ddd; background-color:#fff; padding:0px 10px; margin-top:10px;}
.form-list-icon > li:first-child{margin-top:0;}
.form-list-icon > li .login-input{height:54px; width:80%; width:calc(100% - 50px);  background:none; border:0; color:#aaa; font-size:14px;}
.form-list-icon > li .login-input:focus{color:#333;}
.form-list-icon > li i{vertical-align:middle; color:#888; width:35px;}
/*  LOGIN :: 아이디저장 및 하단영역 */
.id-save-btn{text-align:right; color:#333;font-size:15px; letter-spacing:-0.3px;  margin-top:30px; }
.id-save-btn input[type="checkbox"]{vertical-align:middle;}
.form-box-list{height:50px; line-height:50px; text-align:center; border:1px solid #ddd; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px; border-radius:3px;}
.form-box-list a{color:#464646; font-size:15px; letter-spacing:-0.3px;}
.form-box-list a:first-child{margin-left:-10px;}
.form-box-list a:before{display:inline-block; content:""; background-color:#ddd; width:1px; height:15px; vertical-align:middle; margin:-2px 20px 0 20px;}
.form-box-list a:first-child:before{display:none;}
.form-box-list a:hover{color:#000}

/* ******************   LOGIN ::  SNS 로그인  ********************** */
/* LOGIN :: SNS LOGIN (Short Ver) */
.member-form-short-sns-con{margin-top:30px; border-top:1px solid #ddd; padding-top:30px;}
.member-form-short-sns-con .short-sns-tit{float:left; color:#333; font-size:18px; letter-spacing:-0.75px; font-weight:400; line-height:45px;}
.short-sns-list-con{float:right;}
.short-sns-list-con li{float:left; margin-left:10px}
.short-sns-list-con li button{display:block; width:45px; height:45px; color:#fff; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.short-sns-list-con li button i{font-size:22px;}
/* LOGIN :: SNS LOGIN (Long Ver) */
.member-con-inner-sns{position:relative; overflow:hidden;}
.member-con-inner-sns:before{position:absolute; top:30px; bottom:30px; left:50%; width:1px; background-color:#eee; content:"";}
.member-con-inner-sns .member-con-inner{padding:60px 30px;}
.member-con-inner-sns .member-form-con{float:left; width:50%; max-width:none; -webkit-box-sizing: border-box; padding-left:30px;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.member-con-inner-sns .member-form-con:first-child{padding-left:0; padding-right:30px;}
.member-con-inner-sns .member-form-sub-txt{font-size:13px; line-height:20px; color:#333;}
.member-con-inner-sns .member-form-con .sns-login-list li{overflow:hidden; position:relative; padding-top:10px; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.member-con-inner-sns .member-form-con .sns-login-list li:first-child{padding-top:0;}
.member-con-inner-sns .member-form-con .sns-login-list li a,
.member-con-inner-sns .member-form-con .sns-login-list li button{display:block; width:100%; height:50px; background-color:#888; color:#fff; font-size:16px; text-align:left; text-indent:70px; }
.member-con-inner-sns .member-form-con .sns-login-list .sns-icon{position:absolute; width:50px; height:50px; border-right:1px solid rgba(255,255,255,0.5); text-align:center; line-height:50px;}
.member-con-inner-sns .member-form-con .sns-login-list .sns-icon i{color:#fff; font-size:20px; line-height:50px}

/* ******************   LOGIN ::  SHOP 로그인  ********************** */
/* LOGIN :: SHOP LOGIN ( 가로Ver ) */
.member-con-inner-shop{overflow:hidden;padding:75px 40px; border:1px solid #ddd;}
.member-con-inner-shop .member-form-con{display:inline-block; vertical-align:middle; width:44%; padding-left:20px;}	/* 오른쪽영역 */
.member-con-inner-shop .member-form-con:first-child{width:51.5%; border-right:1px solid #ddd; padding-right:20px; padding-left:0;}	/* 왼쪽영역 */ 
.member-con-inner-shop .member-form-con .cm-btn-controls{padding-top:10px;}
.member-con-inner-shop .member-form-nonmember{overflow:hidden; border-top:1px solid #ddd; padding-top:25px; margin-top:25px;}
.member-con-inner-shop .member-form-nonmember-con{position:relative; float:left; width:50%; padding:15px; box-sizing:border-box; }
.member-con-inner-shop .member-form-nonmember-con:first-child{padding-left:0;}
.member-con-inner-shop .member-form-nonmember-con:last-child{padding-right:0;}
.member-con-inner-shop .member-form-nonmember-con:last-child:before{display:inline-block; content:""; width:1px; height:100%; position:absolute;  top:0px; left:-1px; background-color:#ddd;}
.member-con-inner-shop .member-form-sub-txt{font-size:13px; line-height:20px; color:#333; word-break:keep-all;}

/* LOGIN :: SHOP LOGIN 2 ( 세로 Ver ) */
.nonmember-service-con{overflow:hidden;border-top:1px solid #ddd; padding:15px 0; }
.nonmember-service-con:first-child{margin-top:30px;}
.nonmember-service-con > p{float:left; width:200px; font-size:15px; line-height:20px; color:#444; font-weight:300; letter-spacing:-0.3px; word-break:keep-all;}
.nonmember-service-buttons{float:right;  width:calc(100% - 220px); text-align:right;}
.nonmember-service-buttons a{display:inline-block; width:45%; margin-left:10px; height:40px; line-height:40px; text-align:center; border:1px solid #333; color:#fff; background-color:#333; font-size:14px; letter-spacing:-0.3px;}
.nonmember-service-buttons .non-member-btn{background-color:#fff; color:#333;}
.nonmember-service-buttons a.nonmember-buy-btn{width:94%; margin-left:0;}

/* ******************  아이디, 비번 찾기  ********************** */
/* -------- 아이디 찾기 -------- */
/* 아이디 찾기 :: 결과 */
.id-check-inner .customer-id{color:#969696; font-size:18px; padding:50px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; line-height:30px; text-align:center; font-weight:300; letter-spacing:-1px;}
.id-check-inner .customer-id strong{color:#343434; font-weight:500;}

/* ******************  JOIN  ********************** */
/* -------- JOIN 01 -------- */
.join-step-con{padding-bottom:50px;}
.join-step-con .join-tit{color:#222; font-size:20px; letter-spacing:-0.75px; font-weight:500; padding-bottom:15px;}
.join-agreement-con{
	border:1px solid #ddd; height:200px; overflow-x:hidden; overflow-y:auto; padding:20px; background-color:#fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; 
}
.agree-txt{padding-top:15px; font-size:15px; letter-spacing:-0.3px; color:#333;}
 
/* -------- JOIN 02 / MODIFY -------- */
.join-form-con{position:relative; border-top:1px solid #464646;}
/* JOIN :: 기본 */
.join-form-tbl{width:100%;}
.join-form-tbl th,.join-form-tbl td{padding:10px 15px; border-bottom:1px solid #ddd;}
.join-form-tbl th{text-align:left; color:#333; font-weight:400; font-size:15px; letter-spacing:-0.5px;line-height:20px; word-break:keep-all;}
.join-form-tbl .input-basic,
.join-form-tbl .select-basic{
	height:38px; border:0px; width:50%; max-width:300px; background-color:#fff; border:1px solid #d2d2d2; font-size:14px; vertical-align:middle;
}
.join-form-tbl .input-basic{text-indent:10px;}
.join-form-tbl .width100{max-width:none;}
.join-form-tbl .input-basic:focus{border-color:#333;}
.join-form-tbl .select-basic{height:38px;}
.join-form-tbl .join-sub-btn{display:inline-block; min-width:114px; padding:0 10px; height:38px; border:1px solid #464646; vertical-align:middle; text-align:center; color:#464646; font-size:14px; font-weight:400; margin-left:10px;}
.join-form-tbl .join-sub-btn:hover{background-color:#464646; color:#fff;}
.join-form-tbl .join-sub-txt{display:inline-block; margin-left:10px; color:#828282; font-weight:400; font-size:11px; letter-spacing:-0.5px;}
.join-form-tbl .join-sub-txt2{display:block; margin-top:10px; color:#828282; font-weight:400; font-size:11px; letter-spacing:-0.5px;}
.join-form-tbl .font-ok{color:#0095ff; font-weight:400;}
.join-form-tbl .font-caution{color:#ff3800; font-weight:400;}
.join-form-tbl .hypen{display:inline-block; vertical-align:middle;width:12px; margin:0 5px; text-align:center;}
/* JOIN :: 추가스타일 */
.join-form-tbl fieldset{padding:8px 0;}
.join-form-tbl .email-input, .join-form-tbl .birth-input, .join-form-tbl .address-input, .join-form-tbl .tel-input{padding:0;} 
.join-form-tbl label,.join-form-tbl input[type="checkbox"],.join-form-tbl input[type="radio"]{vertical-align:bottom;}
.join-form-tbl .read-only-data{padding:10px 0; font-size:15px; color:#333;}
.join-form-tbl .id-input{padding:0;}
.birth-input .select-basic, .tel-input .input-basic, .tel-input .select-basic{max-width:100px}
.birth-input br{display:none;}
.email-input .input-basic, 
.email-input .select-basic{width:30%; max-width:150px; margin-bottom:3px;}
.address-input .input-basic{margin-top:6px;}
.address-input .input-basic:first-child{margin-top:0;}

/* -------- JOIN FINISH  -------- */
/* JOIN FINISH :: 01 */
.join-finish-con{width:90%; margin:0px auto; max-width:570px; }
.join-finish-icon{display:block; width:120px; height:120px; text-align:center; background-color:#ccc; color:#fff; margin:30px auto; -webkit-border-radius:100em;-moz-border-radius:100em;-o-border-radius:100em;border-radius:100em;}
.join-finish-icon i{margin-top:24px; font-size:70px;}
.join-finish-txt{text-align:center; line-height:1.6em; font-size:18px; color:#333;}
.join-finish-txt strong{font-weight:600;}
/* JOIN FINISH :: 02 */
.join-finish-tit-con{height:80px; border-bottom:1px solid #ddd;  text-align:center;  letter-spacing:-0.3px; margin-bottom:40px;}
.join-finish-tit{font-weight:400; color:#5e5e5e; font-size:24px; }
.join-finish-tit strong{color:#333; font-weight:600;}
.join-finish-sub-tit{padding-top:10px; color:#9b9b9b; font-size:18px; font-weight:400; line-height:24px;}
.join-finish-sub-tit b{color:#000; font-weight:500; }
.join-finish-member-info{overflow:hidden; padding:0 2% 20px 2%;}
.join-finish-member-info .member-info-left-icon{float:left; width:30%; max-width:178px;}
.join-finish-member-info .member-info-left-icon i{display:block; width:120px; height:120px; line-height:110px; font-size:70px; vertical-align:top; text-align:center; background-color:#8c98aa; color:#fff; }
.member-info-right-con{float:left; width:70%; padding-top:8px;}
.member-info-right-con dl{overflow:hidden;}
.member-info-right-con dl dt, .member-info-right-con dl dd{float:left; letter-spacing:-0.3px; padding:10px 0;}
.member-info-right-con dl dt{width:30%; color:#686767; font-size:15px; }
.member-info-right-con dl dt i{font-size:16px; color:#ccc; margin-right:3px; }
.member-info-right-con dl dd{width:70%; color:#838383; font-size:14px;}
.member-info-right-con dl .member-divine{display:inline-block; vertical-align:middle; color:#fff; padding:5px 10px; font-size:13px; background-color:#6b6b6b; margin-left:5px; margin-top:-3px;}


/* ******************   공통  ********************** */
@media all and (max-width:1220px){
	/* 공통 :: 상단 진행과정 바 */
	.join-process-bar-con > ol > li dl{width:100px; padding-left:10px;}
	.join-process-bar-con > ol > li dl dt{font-size:12px;}
	.join-process-bar-con > ol > li dl dd{font-size:13px;}
}
@media all and (max-width:800px){
	/* 공통 :: 상단 진행과정 바 */
	.join-process-bar-con > ol > li{display:block; float:left; width:33.33%; padding-left:0; background-size:8px auto}
	.join-process-bar-con > ol > li .process-icon{float:none; display:block; width:40px; height:40px; line-height:40px; margin:0px auto;}
	.join-process-bar-con > ol > li .process-icon i{font-size:18px; line-height:40px;}
	.join-process-bar-con > ol > li dl{float:none; width:auto; padding-left:0; padding-top:10px; text-align:center;}
	.join-process-bar-con > ol > li dl dt, .join-process-bar-con > ol > li dl dd{height:auto;}
	.join-process-bar-con > ol > li dl dd{padding-top:3px;}

	/* 공통 :: 회원폼레이아웃 */
	.member-con-inner{padding:30px 0;}
	.member-form-con{padding:30px 0;}
	.member-form-con:last-child{padding-top:0}
	.member-form-con-txt{padding-bottom:30px; }
	.member-form-con-txt strong{font-size:20px; font-weight:bold; word-break:keep-all; line-height:24px;}
	.member-form-con-txt p{width:80%; margin:0px auto; font-size:11px; line-height:16px; word-break:keep-all;}
	.member-form-con-txt p:before{width:20px; height:1px; margin:15px auto}
	.form-tit{text-align:center; margin-bottom:25px;}
	.form-input{font-size:13px; height:40px;}

	/* 공통 :: 회원관련 ::  탭 */
	.member-tab-list-con ul li a{height:40px; line-height:40px; font-size:14px;}
	.member-tab-list-con ul li.selected a{height:41px;}
}

@media all and (max-width:480px){
	/* 공통 :: 회원폼레이아웃 */
	.member-form-con{width:auto; padding:20px;}

}

/* ******************   LOGIN  ********************** */
@media all and (max-width:800px){
	/* LOGIN :: 아이콘로그인 */
	.form-list-icon{margin-bottom:15px;}
	.form-list-icon > li{margin-top:5px;}
	.form-list-icon > li .login-input{height:40px; width:calc(100% - 30px); font-size:13px;}
	.form-list-icon > li i{width:25px; font-size:20px;}
	/*  LOGIN :: 아이디저장 및 하단영역 */
	.id-save-btn{font-size:12px; margin-top:0px;}
	.id-save-btn input[type="checkbox"]{width:20px; height:20px;}
	.id-save-btn + .cm-btn-controls{padding-top:15px;}
	.form-box-list{height:44px; line-height:44px; }
	.form-box-list a{font-size:13px;}
	.form-box-list a:before{margin:-2px 10px 0 10px;}
}

/* ******************   LOGIN ::  SNS  ********************** */
@media all and (max-width:1220px){
	.member-con-inner-shop, .member-con-inner-sns{padding:25px}
	/* LOGIN :: SNS LOGIN */
	.member-con-inner-sns .member-form-con{padding-left:15px;}
	.member-con-inner-sns .member-form-con:first-child{padding-right:15px;}
}
@media all and (max-width:800px){
	.member-con-inner-sns .member-con-inner{padding:35px 20px}
	.member-con-inner-sns:before{display:none;}
	.member-con-inner-shop, .member-con-inner-sns{padding:40px 0px;}
	/* LOGIN :: SNS LOGIN (Short Ver) */
	.member-form-short-sns-con{margin-top:25px; padding-top:0px; border-top:0}
	.member-form-short-sns-con .short-sns-tit{float:none; font-size:18px; line-height:24px; margin-bottom:15px; text-align:center;}
	.short-sns-list-con{float:none; text-align:center;}
	.short-sns-list-con li{float:none; display:inline-block; margin-left:5px}
	.short-sns-list-con li button{width:38px; height:38px;}
	/* LOGIN :: SNS LOGIN (Long Ver) */
	.member-con-inner-sns .member-form-con, .member-con-inner-sns .member-form-con:first-child{
		display:block; float:none; width:100%; padding:0; max-width:480px; margin:0px auto;
	}
	.member-con-inner-sns .member-form-con:first-child{border-right:0; padding-bottom:50px;}
	.member-con-inner-sns .member-form-con .sns-login-list li{padding-top:5px;}
	.member-con-inner-sns .member-form-con .sns-login-list li a,
	.member-con-inner-sns .member-form-con .sns-login-list li button{height:40px; text-indent:50px; font-size:14px;}
	.member-con-inner-sns .member-form-con .sns-login-list .sns-icon{width:40px; height:40px; line-height:40px;}
	.member-con-inner-sns .member-form-con .sns-login-list .sns-icon i{line-height:40px;}
}

/* ******************   LOGIN ::  SHOP 로그인  ********************** */
@media all and (max-width:1220px){
	/* LOGIN :: SHOP LOGIN ( 가로Ver ) */
	.member-con-inner-shop .member-form-con, 
	.member-con-inner-shop .member-form-con:first-child{display:block; width:auto; padding:20px; }
	.member-con-inner-shop .member-form-con:first-child{border-right:0; padding-bottom:30px;}
}
@media all and (max-width:800px){
	/* LOGIN :: SHOP LOGIN ( 가로Ver ) */
	.nonmember-form-con{text-align:center;}
	.nonmember-form-con .form-tit{margin-bottom:15px;}
	.nonmember-form-con .cm-btn-controls button, 
	.nonmember-form-con .cm-btn-controls a{min-width:none; width:100%; margin:0;}
	.member-con-inner-shop .member-form-nonmember{border-top:0; margin-top:20px; padding-top:0;}
	.member-con-inner-shop .member-form-nonmember-con{float:none; width:100%; padding:20px 0; border-top:1px solid #ddd;}
	.member-con-inner-shop .member-form-nonmember-con:last-child:before{display:none;}

	/* LOGIN :: SHOP LOGIN 2 ( 세로Ver ) */
	.nonmember-service-con{text-align:center;}
	.nonmember-service-con:first-child{margin-top:0}
	.nonmember-service-con > p,
	.nonmember-service-buttons{float:none; width:auto;}
	.nonmember-service-con > p{margin-bottom:10px; font-size:13px; }
	.nonmember-service-con > p br{display:none;}
	.nonmember-service-buttons{margin:0 -1%;}
	.nonmember-service-buttons a{float:left; width:48%; margin:0 1%; box-sizing:border-box; font-size:13px;}
	.nonmember-service-buttons a.nonmember-buy-btn{float:none; display:block; width:auto; margin:0 1%;}
}
/* ******************  아이디, 비번 찾기  ********************** */
@media all and (max-width:800px){
	/* 아이디 찾기 :: 결과 */
	.id-check-inner .customer-id{font-size:15px; padding:30px 0; line-height:24px;}
}

 /* ******************  JOIN 02 / MODIFY  ********************** */
@media all and (max-width:800px){
	/* JOIN 01 */
	.join-step-con{padding-bottom:30px;}
	.join-step-con .join-tit{font-size:16px; padding-bottom:10px;}
	.join-agreement-con{height:150px; padding:15px}
	/* JOIN 02 */
	.essential-txt{font-size:11px; top:-20px; font-weight:300;}
	.join-form-tbl th,.join-form-tbl td{padding:5px; padding-right:0}
	.join-form-tbl th{width:30%; font-size:13px; }
	.join-form-tbl td{width:70%;}
	.join-form-tbl .input-basic,
	.join-form-tbl .select-basic{width:100%; height:34px; font-size:13px; text-indent:4px; max-width:none; }
	.join-form-tbl .select-basic{height:34px;}
	.join-form-tbl .join-sub-btn{min-width:auto; width:80px; height:34px; margin-left:5px; font-size:12px; padding:0; box-sizing:border-box;}
	.join-form-tbl .join-sub-txt, .join-form-tbl .join-sub-txt2{display:block; margin-left:0; margin-top:5px; word-break:keep-all; line-height:15px; }
	
	/* JOIN 02::기타 */
	.id-input .input-basic,
	.address-input .input-basic:first-of-type{float:left; width:calc(100% - 85px) !important;}
	.birth-input .select-basic{width:calc(33.33% - 30px) !important;}
	.birth-input .select-basic:first-child{width:calc(33.33% - 4px) !important;}
	.tel-input .input-basic,
    .tel-input .select-basic{width:calc(33.33% - 15px) !important;}
	.email-input .input-basic{width:calc(50% - 11px) !important;}
	.email-input .select-basic{width:100% !important; margin-top:5px;}
	.address-input .input-basic{margin-top:3px;}
	.join-form-tbl .hypen{margin:0 2px;}
}
@media all and (max-width:359px){
	.join-form-tbl .join-sub-btn{font-size:11px;}
}


 /* ******************  JOIN FINISH ********************** */
@media all and (max-width:800px){
	/* JOIN FINISH :: 01 */
	.join-finish-icon{width:80px; height:80px; }
	.join-finish-icon i{font-size:45px; line-height:30px}
	.join-finish-txt{font-size:14px; line-height:1.3em; word-break:keep-all;}
	/* JOIN FINISH :: 02 */
	.join-finish-tit-con{height:auto; margin-bottom:20px; padding-bottom:20px; }
	.join-finish-tit{font-size:18px; line-height:20px;  word-break:keep-all;}
	.join-finish-sub-tit{font-size:12px; word-break:keep-all;}
	.join-finish-member-info{padding:15px;}
	.join-finish-member-info .member-info-left-icon{display:none;}
	.member-info-right-con dl {margin-bottom:15px;}
	.member-info-right-con dl dt, .member-info-right-con dl dd{float:none; width:auto; padding:0; }
	.member-info-right-con dl dt{font-size:13px; padding-bottom:7px; }
	.member-info-right-con dl dt i{margin-top:-2px; vertical-align:middle;}
	.member-info-right-con dl dd{font-size:15px; color:#222; line-height:1.5; font-weight:500; padding-left:22px;}
}