@charset "utf-8"; 
/**********************************************************************
* Descript : 게시판 스타일 정의
-----------------------------------------------------------------------
* 최초작성일 : 2018.04.04
* 최초작성자 : 더웹 유대경
***********************************************************************/


/**********************************************************************
* Descript : NEWS 게시판 스타일
***********************************************************************/
.board-tit{text-align:center; padding:100px 0 50px 0;}

.board-notice-list{width:100%;}
.board-notice-list thead{background:#f8f8f8; border-top:2px solid #858585; border-bottom:1px solid #cfd1d4;}
.board-notice-list thead th{text-align:center; font-size:14px; font-weight:700; color:#222; padding:15px 0;}

.board-notice-list tbody td{background:#fff; border-bottom:1px solid #cfd1d4; text-align:center; padding:15px 0; font-size:13px;}
.board-notice-list tbody td i.notice{display:inline-block; padding:10px; background:#2ab3bc; color:#fff; border-radius:25px; font-size:11px; font-weight:700;}
.board-notice-list tbody td.subject{text-align:left;}
.board-notice-list tbody td.subject a{color:#222;}
.board-notice-list tbody td.date{font-size:12px;}
.board-notice-list tbody td.hit{font-size:12px;}



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

.board-notice-view tbody td{background:#fff;  border-bottom:1px solid #cfd1d4; text-align:center; padding:15px; font-size:13px; line-height:23px;}
.board-notice-view tbody td i.notice{display:inline-block; padding:5px; background:#ec1b39; color:#fff; border-radius:2px; font-size:11px; font-weight:700;}
.board-notice-view tbody td.subject{text-align:left;}
.board-notice-view tbody td.subject a{color:#222;}
.board-notice-view tbody td.date{font-size:12px;}
.board-notice-view tbody td.con{padding:25px 15px; font-size:13px; line-height:21px; text-align:left;}
.board-notice-view tbody td.con img{max-width:100%;}
.board-notice-view tbody td a{color:#999;}

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


/**********************************************************************
* Descript : 페이징 스타일
***********************************************************************/
#board-pagenation{width:100%;}
#board-pagenation{width:100%; max-width:1200px; margin:30px auto; text-align:center;}
#board-pagenation a{position:relative; display:inline-block; width:25px; height:35px; line-height:35px; font-size:1em; color:#333; margin:0 2px; box-sizing:border-box;}
#board-pagenation a:hover{text-decoration:underline;}
#board-pagenation a.on{color:#56c3ca; font-weight:700;}
/**********************************************************************/



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


/**********************************************************************
* Descript : 버튼 스타일
***********************************************************************/
.btn-group {display:inline-block; width:100%; height:36px; margin:25px 0; text-align:right;}
.btn-group-center {display:inline-block; width:100%; height:36px; margin:25px 0; text-align:center;}
	button.btn, a.btn{display:inline-block; width:120px; height:36px; line-height:36px; vertical-align:middle; font-size:13px; font-weighT:700; box-sizing:border-box; text-align:center;}
	button.btn:hover, a.btn:hover{text-decoration:none;}
	.btn-list{background:#545869; color:#fff !important;}
	.btn-submit{background:#fa6d0f; color:#fff !important;}
	.btn-my-list{background:#333; color:#fff;}
	.btn-del{background:#f4f4f4; border:1px solid #ccc; color:#222;}
	.btn-update{background:#0ca9b3; color:#fff;}
	.btn-view-list{background:#858585; color:#fff;}
	.btn-cancel{background:#cbcbcb; color:#fff;}

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




/**********************************************************************
* Descript : 온라인상담 게시판 스타일
***********************************************************************/
.board-tit{text-align:center; padding:100px 0 50px 0;}

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

.board-counsel-list tbody td{background:#fff; border-bottom:1px solid #cfd1d4; text-align:center; padding:15px 0; font-size:13px;}
.board-counsel-list tbody td i.notice{display:inline-block; padding:10px; background:#2ab3bc; color:#fff; border-radius:25px; font-size:11px; font-weight:700;}
.board-counsel-list tbody td.subject{text-align:left;}
.board-counsel-list tbody td.subject a{color:#222;}
.board-counsel-list tbody td.date{font-size:12px;}
.board-counsel-list tbody td.hit{font-size:12px;}
.board-counsel-list tbody td i.state{display:inline-block; padding:10px 20px; color:#fff; border-radius:25px; font-size:12px; font-weight:700;}
.board-counsel-list tbody td i.com{background:#2ab3bc; }
.board-counsel-list tbody td i.ready{background:#cbcbcb; }
.board-counsel-list tbody td a{color:#222;}


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

.board-counsel-view tbody td{background:#fff;  border-bottom:1px solid #cfd1d4; text-align:center; padding:15px; font-size:13px; line-height:23px;}
.board-counsel-view tbody td i.notice{display:inline-block; padding:5px; background:#ec1b39; color:#fff; border-radius:2px; font-size:11px; font-weight:700;}
.board-counsel-view tbody td.subject{text-align:left;}
.board-counsel-view tbody td.subject a{color:#222;}
.board-counsel-view tbody td.date{font-size:12px;}
.board-counsel-view tbody td.con{padding:25px 15px; font-size:13px; line-height:21px; text-align:left;}
.board-counsel-view tbody td.con img{max-width:100%;}
.board-counsel-view tbody td i.state{display:inline-block; padding:10px 20px; color:#fff; border-radius:25px; font-size:12px; font-weight:700;}
.board-counsel-view tbody td i.com{background:#2ab3bc; }
.board-counsel-view tbody td i.ready{background:#cbcbcb; }
.board-counsel-view tbody td a{color:#999;}

.board-counsel-content{padding:25px;}

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



/**********************************************************************
* Descript : 온라인상담 글쓰기 폼 스타일
***********************************************************************/
.board-cousel-form{width:100%;}
.board-cousel-form input[type="text"],
.board-cousel-form input[type="password"],
.board-cousel-form select{min-width:100px; height:35px; line-height:35px; box-sizing:border-box; border:1px solid #cacaca; padding:0 5px;}
.board-cousel-form select{background:url(../img/common/arrow.png) no-repeat 90% center;}
.board-cousel-form textarea{width:100%; max-width:100%; min-width:100%; height:150px; bbox-sizing:border-box; padding:25px; border:1px solid #cacaca; color:#222; font-size:12px; line-height:20px;}
.board-cousel-form input[element-name="제목"]{width:100%;}

.board-cousel-form tbody{border-top:2px solid #858585;}
.board-cousel-form tbody th{width:125px; padding:10px 20px; text-align:left; background:#f8f8f8; border-bottom:1px solid #cfd1d4; font-size:13px; font-weight:700;}
.board-cousel-form tbody td{padding:10px 20px; text-align:left; border-bottom:1px solid #cfd1d4;}

.private-agree{}
.private-agree textarea{width:100%; max-width:100%; min-width:100%; height:150px; background:#f4f4f4; box-sizing:border-box; padding:25px; color:#222; font-size:12px; line-height:20px; margin:15px 0;}
/**********************************************************************/


/**********************************************************************
* Descript : 체크박스 및 라디오버튼 스타일
***********************************************************************/
.private-agree{text-align:right;}
.private-agree input[type="radio"],
.private-agree input[type="checkbox"]{display:none;}

.private-agree input[type="radio"] + label,
.private-agree input[type="checkbox"] + label{font-size:14px; position:relative; cursor:pointer;}

.private-agree input[type="radio"] + label::before,
.private-agree input[type="checkbox"] + label::before{position:absolute; content:""; display:inline-block; left:-25px; top:-3px; border:1px solid #ddd; width:23px; height:23px; margin-right:10px; box-sizing: border-box; cursor:pointer; vertical-align:middle;}

.private-agree input[type="radio"]:checked + label:after,
.private-agree input[type="checkbox"]:checked + label::after{position:absolute; content:""; display:inline-block; width:15px; height:15px; left:-21px; top:1px; background:#0ca9b3}
/**********************************************************************/


/**********************************************************************
* Descript : 온라인상담하기 비밀번호 입력폼 스타일
***********************************************************************/
.check-password{width:620px; background:#eee; margin:50px auto; border:1px solid #333; text-align:center;}
.check-password h3{background:#333; color:#fff; padding:20px; font-size:15px; font-weight:700;}
.check-password p{font-size:13px; color:#777; padding:25px 0 10px 0; line-height:20px;}
.check-password input[type="password"]{width:50%; border:1px solid #ccc; box-size:border-box; padding:7px; background:#fff;}
/**********************************************************************/





/**********************************************************************
* Descript : 게시판 검색 스타일
***********************************************************************/
.board-search{width:100%; height:45px; text-align:right;}
.board-search .full{display:inline-block;}
.board-search select, .board-search input[type="text"], .board-search button[type="submit"]{float:left; display:inline-block; text-align:left; height:45px; line-height:45px; padding:0 20px;}
.board-search select{background:#f0f0f0 url(../img/common/select_bg.png) no-repeat right center; min-width:125px;}
.board-search input[type="text"]{background:#f0f0f0; margin-left:5px;}
.board-search button[type="submit"]{background:#545869; color:#fff;}
@media (max-width:480px){
	.board-search select{min-width:100px;}
	.board-search input[type="text"]{width:125px;}
}
/**********************************************************************/



/**********************************************************************
* Descript : 공지사항 게시판 리스트 스타일
***********************************************************************/
.board-notice-list{width:100%;}
.board-notice-list ul{border-top:2px solid #222; margin:0 0 25px 0;}
.board-notice-list ul li{width:100%; height:35px; line-height:35px; padding:10px 0; border-bottom:1px solid #e0e0e0;}
.board-notice-list ul li.no-data{text-align:center; color:#aaa; font-size:15px; padding:50px 0;}
.board-notice-list ul li i.num, .board-notice-list ul li a.subject, .board-notice-list ul li span.date, .board-notice-list ul li i.hit{display:inline-block; float:left; text-align:center;}
.board-notice-list ul li i.num{width:10%;}
.board-notice-list ul li i.notice{background:#fa6d0f; color:#fff; text-align:center; border-radius:20px; font-size:12px; font-weight:700;}
.board-notice-list ul li a.subject{width:70%; text-align:left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:0 2.5%; box-sizing:border-box;}
.board-notice-list ul li a.notice{color:#222; font-weight:700;}
.board-notice-list ul li span.date{position:relative; width:13%;}
.board-notice-list ul li span.date::before{position:absolute; display:inline-block; content:''; width:4px; height:20px; border-radius:4px; background:#e0e0e0; top:10px; right:0;}
.board-notice-list ul li i.hit{width:7%;}
@media (max-width:800px){
	.board-notice-list ul li i.num{width:20%;}
	.board-notice-list ul li a.subject{width:80%;}
	.board-notice-list ul li span.date{display:none;}
	.board-notice-list ul li i.hit{display:none;}
}
/**********************************************************************/



/**********************************************************************
* Descript : 공지사항 게시판 리스트 스타일
***********************************************************************/
.board-notice-view{width:100%;}
.board-notice-view ul{border-top:2px solid #222;}
.board-notice-view ul li{display:inline-block; width:100%; line-height:35px; padding:10px 0; border-bottom:1px solid #e0e0e0;}
.board-notice-view ul li.attachment{}
.board-notice-view ul li.attachment span{font-size:12px;}
.board-notice-view ul li.con{font-size:1em; line-height:1.8em; padding:25px 0;}
.board-notice-view ul li.con img{max-width:100%;}
.board-notice-view ul li i.num, .board-notice-view ul li a.subject, .board-notice-view ul li span.date, .board-notice-view ul li i.hit{display:inline-block; text-align:center; float:left;}
.board-notice-view ul li i.num{width:15%;}
.board-notice-view ul li i.notice{background:#fa6d0f; color:#fff; text-align:center; border-radius:20px; font-size:12px; font-weight:700;}
.board-notice-view ul li p.subject{width:100%; text-align:left; box-sizing:border-box; font-weight:700; line-height:1.6em; font-size:1.2em;}
.board-notice-view ul li a.notice{color:#222; font-weight:700;}
.board-notice-view ul li span.date{position:relative; padding:0 15px 0 0;}
.board-notice-view ul li span.date::before{position:absolute; display:inline-block; content:''; width:4px; height:15px; border-radius:4px; background:#e0e0e0; top:11px; right:0;}
.board-notice-view ul li i.hit{ padding:0 15px;}
/**********************************************************************/



/**********************************************************************
* Descript : 게시판 뷰 이전 및 다음글 리스트 스타일
***********************************************************************/
.prev-next-list{}
.prev-next-list li{width:100%; height:45px; line-height:45px; border-bottom:1px solid #eee;}
.prev-next-list li b, .prev-next-list li a{display:inline-block; float:left; box-sizing:border-box; padding:0 10px; font-size:1em;}
.prev-next-list li b{width:20%; background:#fafafa; font-weight:700;}
.prev-next-list li a{width:80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/**********************************************************************/



/**********************************************************************
* Descript : 게시판 페이징 스타일
***********************************************************************/
.board-pagination{width:100%; text-align:center;}
.board-pagination a, .board-pagination button{display:inline-block; width:27px; height:27px; line-height:27px; text-align:center; color:#939393; cursor:pointer; font-size:13px;}
.board-pagination a.active, .board-pagination button.active{background:#545869; border-radius:27px; color:#fff; font-weight:700;}
/**********************************************************************/




.login-contents{width:100%; padding:0;}
.login-contents h4{text-align:center; font-size:2em; font-weight:700; background:#fff; padding:1.4em 0;}
.login-contents .login-account{border:1px solid #eee; border-top:2px solid #222; box-sizing:border-box; padding:50px 100px 25px 100px; background:#f8f8f8;}
.login-contents .login-account li{padding:5px 0;}
.login-contents .login-account label[for="m_id"], .login-contents .login-account label[for="m_pass"]{width:20%; float:left; height:45px; line-height:45px; font-weight:700;}
.login-contents .login-account input[type="text"], .login-contents .login-account input[type="password"]{width:80%; height:45px; line-height:45px; background:#fff; border:1px solid #ddd; padding:0 15px; box-sizing:border-box;}
.login-contents .login-account .save-account{text-align:right;}

.login-contents .login-btn{border:1px solid #eee; border-top:0; box-sizing:border-box; padding:50px 100px; background:#f8f8f8;}
.login-contents .login-btn button{display:block; width:100%; height:70px; line-height:70px; text-align:center; font-size:1.2em; font-weight:700; color:#fff; background:#545869}
.login-contents .login-btn .login-btn-info{text-align:right; margin-top:15px;}
.login-contents .login-btn .login-btn-info a{position:relative; display:inline-block; margin-left:25px; font-weight:700; color:#222;}
.login-contents .login-btn .login-btn-info a::before{position:absolute; display:inline-block; content:''; width:5px; height:5px; border-radius:5px; background:#222; left:-10px; top:5px;}
@media (max-width:1400px){
	.login-contents{width:100%; max-width:100%;}
}

@media (max-width:640px){
	.login-contents{width:100%; max-width:100%;}
	.login-contents .login-account{ padding:50px 20px 25px 20px;}
	.login-contents .login-btn{padding:50px 20px;}
}



/**********************************************************************
* Descript : 회원가입 -> 약관동의 스타일
***********************************************************************/
.agrement{}
ul.join-tab{width:100%; height:60px;}
ul.join-tab li{float:left; height:60px; width:33.333333333%; line-height:60px; text-align:center;}
ul.join-tab li button{display:block; width:100%; height:100%; background:#e5e5e5; color:#616161; border-right:1px solid #fff; font-size:1.2em; box-sizing:border-box;}
ul.join-tab li.active button{background:#f8f8f8; color:#1085f2; border-top:2px solid #1085f2; font-weight:700;}
.agrement ul.agrement-info{padding:50px; background:#f8f8f8;}
.agrement ul.agrement-info li{position:relative;}
.agrement ul.agrement-info li:first-child{margin-bottom:50px;}
.agrement ul.agrement-info li b{display:block: line-height:20px; height:20px; font-size:1.1em; font-weight:700; color:#222;}
.agrement ul.agrement-info li p{position:absolute; top:0; right:0; font-weight:700;}
.agrement ul.agrement-info li textarea{display:block; width:100%; height:150px; background:#fff; border:1px solid #ddd; box-sizing:border-box; padding:10px; overflow-y:auto; margin-top:15px; color:#999; font-size:0.9em; line-height:1.5em;}
@media (max-width:480px){
	.agrement ul.agrement-info{padding:50px 10px; background:#f8f8f8;}
}
/**********************************************************************/



/**********************************************************************
* Descript : 회원가입 -> 가입양식작성 스타일
***********************************************************************/
.join-form{}
.join-form ul.join-insert{padding:50px; background:#f8f8f8;}
.join-form ul.join-insert li{position:relative; padding:20px 0; border-bottom:1px solid #ddd;}
.join-form ul.join-insert li input[type="text"], .join-form ul.join-insert li input[type="password"], .join-form ul.join-insert li select{height:45px; line-height:45px; background:#fff; border:1px solid #ddd; padding:0 15px; box-sizing:border-box;}
.join-form ul.join-insert li.join-insert-info{border-bottom:2px solid #222;}
.join-form ul.join-insert li.join-insert-info h6.tit{font-size:1.2em; font-weight:700; margin-bottom:10px;}
.join-form ul.join-insert li.join-insert-info p.check{font-size:12px; color:#1085f2; padding:10px 0 0 0;}
.join-form ul.join-insert li p.check{font-size:12px; color:#1085f2; padding:10px 0 0 120px;}
.join-form ul.join-insert li div.check{display:inline-block;}
.join-form ul.join-insert li > label{display:inline-block; width:120px; color:#222; font-weight:700; padding:0 15px;}
.join-form ul.join-insert li select{width:100px; border:1px solid #cfd1d4; cursor:pointer; padding:0 10px; background:#fff url(../img/common/arrow.png) no-repeat 98% center;}
.join-form ul.join-insert li button{height:45px; line-height:45px; background:#545869; color:#fff; padding:0 15px; font-weight:700;}
.join-form ul.join-insert li input.phone, .join-form ul.join-insert li input.email{width:100px;}
@media (max-width:640px){
	.join-form ul.join-insert{padding:50px 10px;}
	.join-form ul.join-insert li > label{display:block; width:100%; color:#222; font-weight:700; padding:0 0 10px 0;}
	.join-form ul.join-insert li p.check{padding:10px 0 0 0; line-height:1.6em;}
	.join-form ul.join-insert li input[type="text"], .join-form ul.join-insert li input[type="password"]{width:100%;}
	.join-form ul.join-insert li select.email{width:125px;}
	.join-form ul.join-insert li select.birth{width:65px;}
	.join-form ul.join-insert li input.user{width:150px;}
	.join-form ul.join-insert li input.phone, .join-form ul.join-insert li input.email{width:70px;}
}
/**********************************************************************/


/**********************************************************************
* Descript : 회원탈퇴
***********************************************************************/
.member-leave{}
.member-leave textarea{width:100%; max-width:100%; min-width:100%; height:200px; background:#fff; border:1px solid #eee; box-sizing:border-box; padding:5px;}
.member-leave .radio-group{position:relative; height:23px; line-height:23px; margin-bottom:7px;}
.member-leave .radio-group input[type="radio"]{display:none;}
.member-leave .radio-group input[type="radio"] + label{font-size:14px; padding-left:30px; cursor:pointer; height:inherit; line-height:inherit;}
.member-leave .radio-group input[type="radio"] + label::before{display:inline-block; left:0; top:50%; transform:translate(0, -50%); border:1px solid #ddd; width:23px; height:23px; box-sizing: border-box;}
.member-leave .radio-group input[type="radio"] + label::after{display:inline-block; width:15px; height:15px; left:4px; top:50%; transform:translate(0, -50%); background:#ddd}
.member-leave .radio-group input[type="radio"]:checked + label::after{background:#0ba29a}

.leave-box .txt-box {padding:20px; background:#fafafa; text-align:center; line-height:1.5; word-break:keep-all; font-size:15px; letter-spacing:-0.02em;}
.leave-form {padding:20px 40px;}
.leave-form li {margin:15px 0; font-size:16px;}
.leave-form textarea {margin-top:10px; resize:none; display:block; width:100%; height:150px; border:1px solid #dadada; background:#fafafa;}


/**********************************************************************
* Descript : 회원가입 -> 회원가입 완료 스타일
***********************************************************************/
.join-finish{background:#fff; border:1px solid #ddd; padding:50px 0; text-align:center;}
.join-finish h6.tit{font-size:2em; font-weight:700;}
.join-finish p.cap{font-size:1em; font-weight:700; margin:50px 0; line-height:1.6em;}
.join-finish p.cap b{color:#1085f2;}
/**********************************************************************/




/**********************************************************************
* Descript : 아이디 찾기 스타일
***********************************************************************/
.find-account{width:100%; padding:0; text-align:center;}
.find-account ul{display:inline-block; width:80%; text-align:left;}
.find-account h4{text-align:center; font-size:2em; font-weight:700; background:#fff; padding:1.4em 0;}
.find-account .find-id{border:1px solid #eee; border-top:2px solid #222; background:#f8f8f8; padding:25px 0;}
.find-account .find-id li{width:100%; display:inline-block; margin:5px 0;}

.find-account .find-id label, .find-account .find-id input, .find-account .find-id select, .find-account .find-id i{float:left; display:inline-block; height:45px; line-height:45px;}
.find-account .find-id input[type="text"], .find-account .find-id input[type="password"]{width:25%; background:#fff; border:1px solid #ddd; padding:0 15px; box-sizing:border-box;}
.find-account .find-id input[name="m_name"], .find-account .find-id input[name="m_pass"]{width:80%;}

.find-account .find-id label{width:20%; font-weight:700;}
.find-account .find-id select{width:20%; border:1px solid #cfd1d4; cursor:pointer; padding:0 10px; background:#fff url(../img/common/arrow.png) no-repeat 98% center;  box-sizing:border-box;}
.find-account .find-id input.user{width:80%;}
.find-account .find-id select.email{width:24%; margin-left:1%;}
.find-account .find-id i{width:5%; text-align:center;}
.find-account .find-id button[type="submit"]{display:block; width:100%; height:70px; line-height:70px; text-align:center; font-size:1.2em; font-weight:700; color:#fff; background:#545869}

@media (max-width:640px){
	.find-account ul{width:90%;}
	.find-account .find-id input[type="text"], .find-account .find-id input[type="password"]{width:30%;}
	.find-account .find-id input[name="m_name"]{width:100%;}
	.find-account .find-id label{width:100%; height:25px; line-height:25px;}
	.find-account .find-id select{width:30%;}
	.find-account .find-id input.user{width:100%;}
	.find-account .find-id select.email{width:34%; margin-left:1%;}
	.find-account .find-id i{width:5%;}
}
/**********************************************************************/










/**********************************************************************
* Descript : 체크박스 및 라디오버튼 스타일
***********************************************************************/
input[type="radio"],
input[type="checkbox"]{display:none;}

input[type="radio"] + label,
input[type="checkbox"] + label{font-size:0.9em; position:relative; cursor:pointer;}

input[type="radio"] + label::before,
input[type="checkbox"] + label::before{position:absolute; content:""; display:inline-block; left:-25px; top:-5px; border:1px solid #ddd; width:20px; height:20px; background:#fff; border-radius:23px; box-sizing: border-box; cursor:pointer; vertical-align:middle;}

input[type="radio"]:checked + label:after,
input[type="checkbox"]:checked + label::after{position:absolute; content:""; display:inline-block; width:20px; height:20px; left:-25px; top:-5px; background:url(../img/common/check_bg.png) no-repeat center center}
/**********************************************************************/



/**********************************************************************
* Descript : 개인정보 입력 체크박스 및 라디오버튼 스타일
***********************************************************************/
.join-form input[type="radio"],
.join-form input[type="checkbox"]{display:none;}

.join-form input[type="radio"] + label,
.join-form input[type="checkbox"] + label{font-size:0.9em; position:relative; cursor:pointer; display:inline-block; width:60px; text-align:left; padding-left:25px; margin-right:10px;}

.join-form input[type="radio"] + label::before,
.join-form input[type="checkbox"] + label::before{position:absolute; content:""; display:inline-block; left:0; top:-4px; border:1px solid #ddd; width:20px; height:20px; background:#fff; border-radius:23px; box-sizing: border-box; cursor:pointer; vertical-align:middle;}

.join-form input[type="radio"]:checked + label:after,
.join-form input[type="checkbox"]:checked + label::after{position:absolute; content:""; display:inline-block; width:10px; height:10px; left:5px; top:1px; border-radius:10px; background:#1085f2;}
/**********************************************************************/




/**********************************************************************
* Descript : 게시판 분류
***********************************************************************/
.board-kinds{display:inline-block; width:100%; margin:20px 0 5px 0;}
.board-kinds li{float:left; width:12.5%; box-sizing:border-box;}
.board-kinds li a{display:block; text-align:center; font-size:15px; height:45px; line-height:45px; background:#f3f3f3; color:#555; border-right:1px solid #fff;}
.board-kinds li:last-child a{border-right:0;}
.board-kinds li.active a{background:#fa6d0f; color:#fff; font-weight:700;}

@media (max-width:1000px){
	.board-kinds li{width:25%; margin-bottom:1px;}
}

@media (max-width:1000px){
	.board-kinds li a{font-size:12px;}
}
/**********************************************************************/