@charset "utf-8";

/* 로그 표시 */
log {z-index:9999; width:100% !important; margin:0 3px !important; display:inline-block; background-color:#fff !important;}


/* ************* 공용 ************** */
input[type="text"],
input[type="password"],
input[type="number"],
select, button,
textarea {
	z-index:0; position:relative; border:1px solid #e5e5e5; border-radius:10px;	
	height:50px; padding:6px 12px;
	font-size:15px; line-height:1; color:#666; font-weight:normal;
	background-color:#fff; background-image:none;
	width:100%;
	-webkit-appearance: none; /*모바일에서 입체효과 없애기*/
	-moz-appearance: none;
	appearance: none;
	-webkit-box-shadow:0 0 0 1000px transparent inset;
}
input::-webkit-input-placeholder {color:#999 !important;} /*크롬,사파리*/
input::-moz-placeholder {color:#999 !important;} /*파폭*/
input::-ms-input-placeholder {color:#999 !important;} /*ie*/
input:focus,select:focus,textarea:focus {z-index:1; outline:none !important; border:1px solid #ccc; background-color:#fff;}

select {
	cursor:pointer; color:#666;
	background-image:url(../images/arrow_down.png) !important;
	background-color:#fff !important;
	background-repeat:no-repeat !important;
	background-position:100% center !important;
	-webkit-appearance: none; /*모바일에서 입체효과 없애기*/
	-moz-appearance: none;
	appearance: none;
}
select::-ms-expand {display:none;} /*ie 없애기*/

form[class^="form-"] textarea {width:100% !important; height:120px !important; resize:none;}

input:read-only {background-color:#f7f7f7 !important; cursor:default; color:#888;}
input:-moz-read-only {background-color:#eee !important;}
input:read-only:focus {border:1px solid #ccc !important;}
input:-moz-read-only:focus {border:1px solid #ccc !important;}

textarea {font-size:16px; line-height:1.8; max-width:100%; min-width:100%;}
textarea:disabled {background:#f9f9f9 !important;}
button {cursor:pointer;}
select.m_2 {max-width:100px; margin:3px 5px; line-height:140%;}

@media screen and (max-width:991px){
	select.m_2 {height:40px;}
}

/* 체크박스 */
.checkWrap>* {display:inline-block; vertical-align:middle; font-weight:normal;}
.checkWrap input {display:none;}
.checkWrap label {height:22px; padding-left:27px; padding-top:4px; background:url(../images/icon_checkOff.svg) no-repeat 0 50%; background-size:22px; cursor:pointer; font-size:14px; line-height:1;}
.checkWrap input:checked+label {background:url(../images/icon_checkOn.svg) no-repeat 0 50%; background-size:22px;  color:#f47eb5;}

/* 아이디 중복체크 검색*/
.iconSearchWrap input:focus {z-index:0 !important;}



/* 첨부파일 - 드래그앤드롭 */
[class*="board_"] .fileWrapV2 {font-size:14px; border:1px solid #e5e5e5; border-radius:10px; margin-bottom:20px;}
.mypage .board_paper .write .fileWrapV2 {margin-top:0 !important; font-size:14px; border:1px solid #e5e5e5; border-top:0; border-radius:0 0 10px 10px;}
[class*="board_"] .fileWrapV2 .head {padding:20px;}
[class*="board_"] .fileWrapV2 .head>* {vertical-align:middle;}
[class*="board_"] .fileWrapV2 .open {display:inline-block; padding:12px 20px; font-size:14px; font-weight:400; line-height:1; border-radius:100px; background:#abb1bc; color:#fff;}
[class*="board_"] .fileWrapV2 .open:hover {background:#848b99;}
[class*="board_"] .fileWrapV2 .open:before {content:"파일첨부 열기";}
[class*="board_"] .fileWrapV2.on .open:before {content:"파일첨부 닫기";}
[class*="board_"] .fileWrapV2 .open+span {font-size:14px; padding-left:10px;}
[class*="board_"] .fileWrapV2 .dropWrap {display:none; border-top:1px solid #e5e5e5; border-radius:0 0 10px 10px; overflow:hidden;font-size:14px;}
[class*="board_"] .fileWrapV2.on .dropWrap {display:block;}
[class*="board_"] .fileWrapV2 .dropWrap header {padding:20px; border-bottom:1px solid #e5e5e5; background:#f7f7f7;}
[class*="board_"] .fileWrapV2 .dropWrap header>* {vertical-align:middle;}
[class*="board_"] .fileWrapV2 .dropWrap header .fileBtn {display:inline-block; padding:10px 20px; margin-right:10px; font-weight:400; line-height:1; border-radius:100px; color:#848b99; border:1px solid #e5e5e5; background:#fff;}
[class*="board_"] .fileWrapV2 .dropWrap header .fileBtn:hover {border-color:#848b99;}
[class*="board_"] .fileWrapV2 .dropWrap #dropzone {min-height:50px; max-height:260px; overflow-y:auto;}
[class*="board_"] .fileWrapV2 .dropWrap #dropzone li {position:relative; padding:12px 20px 12px 60px; line-height:1;}
[class*="board_"] .fileWrapV2 .dropWrap #dropzone li:hover {background:#f7f7f7;}
[class*="board_"] .fileWrapV2 .dropWrap #dropzone li+li {border-top:1px solid #e5e5e5;}
[class*="board_"] .fileWrapV2 .dropWrap #dropzone .del {position:absolute; left:20px; top:4px; display:block; width:30px; height:30px; background:url(../images/common/icon_del.svg) no-repeat center; background-size:50%; opacity:.2;}
[class*="board_"] .fileWrapV2 .dropWrap #dropzone li:hover .del {opacity:1;}

/* 첨부된파일 - 드래그앤드롭 */
[class*="board_"] .fileWrapV2 .dropWrap #uploadedzone {min-height:50px; overflow-y:auto;}
[class*="board_"] .fileWrapV2 .dropWrap #uploadedzone li {position:relative; padding:12px 20px 12px 60px; line-height:1; }
[class*="board_"] .fileWrapV2 .dropWrap #uploadedzone li:hover {background:#f7f7f7;}
[class*="board_"] .fileWrapV2 .dropWrap #uploadedzone li+li {border-top:1px solid #e5e5e5;}
[class*="board_"] .fileWrapV2 .dropWrap #uploadedzone li:first-child {padding-left:22px; background:#f7f7f7;}
[class*="board_"] .fileWrapV2 .dropWrap #uploadedzone li:last-child {padding-left:22px; border-bottom:1px solid #e5e5e5; background:#f7f7f7;}
[class*="board_"] .fileWrapV2 .dropWrap #uploadedzone .del {position:absolute; left:20px; top:4px; display:block; width:30px; height:30px; background:url(../images/common/icon_del.svg) no-repeat center; background-size:50%; opacity:.2;}
[class*="board_"] .fileWrapV2 .dropWrap #uploadedzone li:hover .del {opacity:1;}
[class*="board_"] .fileWrapV2 .dropWrap #uploadedzone li span {color:#FF3636; display:none;}
[class*="board_"] .fileWrapV2 .dropWrap #uploadedzone li span.on {display:inline-block;}