@charset "utf-8";

/* -- 게시판 공통 -- */
	.container, #container { max-width: 1300px; width: 100%; margin: 0 auto; padding: 100px 0; }
    .board { position: relative; width: 100%; }

    .board .web_col{ display: table-column-group; }
    .board .mob_col{ display: none; }
    .board .web_td{ display: table-cell; }
    .board .mob_td{ display: none; }
    @media ( max-width: 991px) {
		.board table th, .board table td { padding: 15px 5px; }
	    .board .web_col{ display: none; }
	    .board .mob_col{ display: table-column-group; }
	    .board .web_td{ display: none; }
	    .board .mob_td{ display: table-cell; }
    }
    .btn_wrap .btn_write {
        display: inline-block;
	    height: 35px;
	    padding: 0;
	    vertical-align: middle;
	    text-align: center;
	    line-height: 35px;
	    border-radius: 5px;
	    transition: all 0.3s;
	    width: 80px;
	    text-align: center;
	    color: #3a3a3a;
	    font-size: 16px;
    }

/* 게시판 제목 말줄임 */
    .board .subject  { display: block; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .board .subject2 { display: block; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; height: 2.4em; overflow: hidden; }
    .board .subject3 { display: block; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; height: 3.6em; overflow: hidden; }

/* -- 비밀번호 팝업 -- */
	#board_pw .modal-body { padding: 2rem 1rem; }
    #board_pw .pw_title   { padding:0 0 1rem 0; text-align: center; }
    #board_pw td:nth-child(1) { width: 60%; padding: 0 5px; }
    #board_pw td:nth-child(2) { width: 20%; padding: 0 5px; }
    #board_pw td:nth-child(3) { width: 20%; padding: 0 5px; }
    #board_pw button      { display: block; width: 100%; height: 40px; line-height: 37px; text-align: center; border-radius: 5px; }
    #board_pw a      { display: block; width: 100%; height: 40px; line-height: 37px; text-align: center; border-radius: 5px; }
    #board_pw input       { border-radius: 5px; }

/* -- 글갯수 -- */
    .board .total{ padding: 0 2px 10px 0; text-align: left; line-height: 1em; }
    @media (max-width:991px) {
        .board .total{ text-align: right; }
    }

/* -- 개시물 없음 -- */
	.no_data{ padding: 10% 0; text-align: center; }
	.no_data i{ font-size: 3em; }
	.no_data p{ padding: 10px 0 0 0; }

/* -- 첨부파일 -- */
    .filebox{ overflow: hidden; }
    .filebox .upload-name { vertical-align: middle; }
    .filebox label{ padding: 0; }
    .filebox label i{ display: block; height: 40px; line-height: 38px; text-align: center; border-radius: 40px; cursor: pointer; }
    
/* -- 버튼 -- */
    .btn_wrap   { padding: 5% 0 0 0; overflow: hidden; }
    .btn_wrap a { display: inline-block; height: 40px; margin: 0 3px; padding: 0 50px; vertical-align: middle; text-align: center; line-height: 40px; border-radius: 50px; transition: all 0.3s ease 0.2s; }
    .btn_wrap a:hover { opacity: 0.9; }
    .btn_wrap input[type="submit"] { display: inline-block; vertical-align: middle; width: auto; padding: 0 50px; line-height: 40px; border-radius: 50px; }
    .btn_wrap input[type="submit"]:hover { opacity: 0.9; }
    .btn_wrap button { display: inline-block; height: 40px; margin: 0 3px; padding: 0 50px; vertical-align: middle; text-align: center; line-height: 40px; border: 0; border-radius: 50px; transition: all 0.3s ease 0.2s; }
    .btn_wrap button:hover { opacity: 0.9; }

 /* 버튼 색상 */
    .bt_main { color: #fff !important; background: #3a3a3a; border: 1px solid #3a3a3a; }
    .bt_gray { color: #fff !important; background: #919191; border: 1px solid #919191; }
    .bt_red {color: #ed1846;}
    .bt_line { border: 1px solid #ddd; }


/* -- 리스트 -- */
    .board .list { width: 100%; border-top: 2px solid #f1f1f1; }
    .board .list th, .board .list td { padding: 15px 10px; text-align: center; font-weight: 400; border-bottom: 1px solid #f1f1f1; }
    .board .list th { background: #fafafa; }
    .board .list .icon { display: inline-block; width: 30px; height: 30px; background: url(/asset/dogood/img/common/icon_notice.png) no-repeat center 0, #e15928; border-radius: 50px; overflow: hidden; }
    .board .list .end  { display: inline-block; padding: 3px 15px 3px 15px; color: #fff; border-radius: 3px; background: #e15928; }
    .board .list .ing  { display: inline-block; padding: 3px 15px 3px 15px; color: #fff; border-radius: 3px; background: #999; }

/* -- 보기 -- */
    .board .view { width: 100%; border-top: 2px solid #f1f1f1;}
	.board .view th { padding: 15px 10px; text-align: center; font-weight: 500; border-bottom: 1px solid #f1f1f1; background: #fafafa;}
	.default .board .view th {font-size: 25px}
    .board .view td { padding: 15px 10px; text-align: center; border-bottom: 1px solid #f1f1f1; }
	.board .view .date { font-size: 0.9em; color: rgba(108,102,97,0.5); }
    .board .view .file dl { overflow: hidden; }
    .board .view .file dt { float: left; font-weight: 400; line-height: 1.7em; }
    .board .view .file dd { float: left; padding: 0 20px; line-height: 1em; }
    .board .view .file dd a { line-height: 1.7em; color:#337ab7;}
	.board .view .con { text-align: left; min-height: 300px;}
	.default .board .view .con {display: inline-block;}
	.default .board .view .con {font-size: 20px}
	.board .view .con img { display: block; width: auto; max-width: 100%; margin: 0 auto; }
	.board .view .no-file {color: #aaaaaa;}
	.bview {text-align: center;}

/* -- qna 답변 -- */
	.board .answer span { display: block; font-size: 0.9em; color: rgba(108,102,97,0.5); }
	.board .answer th   { vertical-align: middle; }
	.board .answer td   { vertical-align: top; text-align: left; }

/* -- 페이징 -- */
    #page { padding: 5% 0 0 0; text-align: center; clear: both; }
    #page a{ display: inline-block; width: 40px; height: 40px; line-height: 40px; cursor: pointer; }
    #page a:hover { color: #e15928; }
    #page .on {border-radius: 50%; color: #fff; background: #3a3a3a; }
    #page .on:hover{ color: #fff; }
    #page .first, #page .prev, #page .next ,#page .last{ width: 20px; height: 40px; background: url('/asset/dogood/img/common/arrow.png') no-repeat; vertical-align: top; }
    #page .first{ background-position: -40px 8px; }
    #page .prev{ background-position: 0px 8px; margin: 0 2% 0 0; }
    #page .next{ background-position: -20px 8px; margin: 0 0 0 2%; }
    #page .last{ background-position: -60px 8px; }

/* -- 검색 -- */
    .board_search { width: 45%; margin: 0 auto; padding: 5% 0 0 0; text-align: center; }
    .board_search ul{ font-size: 0; }
    .board_search ul li{ display: inline-block; width: 20%; padding: 0 1px; font-size: 16px; vertical-align: middle; }
    .board_search ul li:nth-child(2){ width: 40%; }
    .board_search input, .board_search select{ border-radius: 5px; }
    @media (max-width:991px) {
        .board_search { width: 95%; margin: 0 auto; }
        .board_search ul li{ font-size: 14px; }
    }
    @media (max-width:767px) {
        .board_search ul li{ font-size: 12px; }
    }

    input {
	    display: block;
	    width: 100%;
	    height: 40px;
	    line-height: 41px;
	    padding: 0 10px;
	    vertical-align: middle;
	    color: inherit;
	    border: 1px solid #e5e5e5;
	    background: #fff;
	    transition: all 0.3s ease 0.2s;
    }
    
    select {
	    width: 100%;
	    padding: 0 10px;
	    height: 40px;
	    line-height: 37px;
	    border: 1px solid #e5e5e5;
	    background: url(/asset/dogood/img/common/select_bg.png) 100% -44px no-repeat, #fff;
	    border-radius: 0px;
	    -moz-appearance: none;
	    -ms-appearance: none;
	    appearance: none;
	    vertical-align: middle;
	    transition: all 0.3s ease 0s;
    }
    
    .icon_lock {
    	display: inline-block;
    	margin-right: 10px;
    	position: relative;
    	top: 2px;
    }
    .btn_wrap.blist ul li{
        text-align: right;
    }
    /* -- 게시판 작성 -- */
.default .write_content {
    border: 1px solid #b5b5b5;
    padding: 30px;
}

.default .write_content table {
    width: 100%;
}

.default .write_content table caption,
.default .write_content table tr,
.default .write_content table th {
    text-align: left;
}

.default .write_content table td {
    text-align: left;
}

.default .write_content table th,
.default .write_content table td {
    padding-top: 15px;
}

.default .write_content table input[type=text],
.default .write_content table input[type=password],
.default .write_content table select {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 41px;
    padding: 0 10px;
    vertical-align: middle;
    color: inherit;
    border: 1px solid #e5e5e5;
    background: #fff;
    transition: all 0.3s;
}

.default .write_content table textarea {
    display: block;
    width: 100%;
    height: 300px;
    line-height: 41px;
    padding: 0 10px;
    vertical-align: middle;
    color: inherit;
    border: 1px solid #e5e5e5;
    background: #fff;
    transition: all 0.3s;
}

.default .write_content table .pass_wrap,
.default .write_content table .pass_input {
    display: inline-block;
}

.default .write_content table .pass_input {
    width: 500px;
}
.default {
    max-width: 1200px;
    margin: 0 auto;
    padding: 100px 0;
}
/* -- 댓글 -- */
.board .comments-default {
    background-color: #f9f9f9;
    padding: 30px;
}

.board .comments-default .comments-wrap .comments-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #3a3a3a;
}

.board .comments-list-controller {
    margin-top: 5px;
}

.board .comments-list-controller button {
    padding: 3px 10px;
    font-size: 14px;
    background-color: transparent;
    border-radius: 5px;
    border: 1px solid #3a3a3a;
}

.board .comments-default .comments-wrap .comments-header .comments-count {
    float: left;
}

.board .comments-default .comments-wrap .comments-header .comments-sort {
    float: right;
}

.board .comments-default .comments-list .comments-list-username {
    font-weight: bold;
}

.board .comments-default .comments-list .comments-list-create {
    margin-left: 5px;
    font-size: 14px;
    font-weight: 400;
}

.board .comments-default .comments-list .comments-list-create,
.board .comments-default .comments-list .comments-list-username {
    display: inline-block;
}

.board .comments-default .comments-list .comments-list-content textarea {
    width: 100%;
    padding: 3px 5px;
}

.board .comments-default .comments-list .comments-list-content p {
	white-space: pre-line;
}

.board .comments-default .comments-list .comments-list-content .left,
.board .comments-default .comments-list .comments-list-content .right {
    display: inline-block;
}

.board .comments-default .comments-wrap .cmt_form {
    padding-top: 20px;
}

.board .comments-default .comments-wrap .cmt_form label {
    vertical-align: top;
    width: 60px;
    display: inline-block;
}

.board .comments-default .comments-wrap .cmt_form .row-1 {
    margin: 7px 0;
}

.board .comments-default .comments-wrap .cmt_form .row-1.txt-rt {
    text-align: right;
}

.board .comments-default .comments-wrap .cmt_form input {
    width: 200px;
    padding: 3px 5px;
    display: inline-block;
}

.board .comments-default .comments-wrap .cmt_form textarea {
    width: calc(100% - 65px);
    min-height: 150px;
    padding: 3px 5px;
    box-sizing: border-box;
}

.board .comments-default .comments-wrap .cmt_form #cmtSubmit {
    display: inline-block;
    width: 80px;
    height: 35px;
    line-height: 31px;
    padding: 0 10px;
    vertical-align: middle;
    transition: all 0.3s;
    margin-left: auto;
    text-align: center;
}

.board .comments-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0;
    background: none;
}

.board .comments-list>ul {
    padding: 20px 0;
    border-bottom: 1px solid #b3b3b3;
}

.board .comments-list ul .reComment {
    padding: 15px 0 0 40px;
    position: relative;
}

.board .comments-list ul .reComment::before {
    content: "↪";
    display: block;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}

.board .comments-list ul li:not(:fisrt-child) {
    padding: 15px 0 0;
}
/* -- 패스워드 -- */
#password {
    font-family: "Noto Sans KR", sans-serif;
    padding: 150px 0;
}
#password p{
	margin: 0 0 10px;
}

#password .inner_wrap>div {
    width: 600px;
    margin: 0 auto;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    padding: 20px;
    text-align: center;
}

#password .inner_wrap .warring_message {
    margin-bottom: 20px;
    font-size: 18px;
}

#password .inner_wrap>div input.password {
    display: inline-block;
    width: 59%;
    height: 40px;
    line-height: 41px;
    padding: 0 10px;
    vertical-align: middle;
    color: inherit;
    border: 1px solid #e5e5e5;
    background: #fff;
    box-sizing: border-box;
    position: relative;
    top: -2px;
}

#password .inner_wrap>div button.btn_submit {
    display: inline-block;
    width: 19%;
    height: 40px;
    line-height: 37px;
    text-align: center;
    border-radius: 5px;
    box-sizing: border-box;
}

#password .inner_wrap>div a.btn_cancel {
    display: inline-block;
    width: 19%;
    height: 40px;
    line-height: 37px;
    text-align: center;
    border-radius: 5px;
    box-sizing: border-box;
}
.sub7_2.cont1 input[type="text"] {
	display: block !important;
    width: 100% !important;
    height: 40px !important;
    line-height: 41px !important;
    padding: 0 10px !important;
    vertical-align: middle !important;
    color: inherit !important;
    border: 1px solid #e5e5e5 !important;
    background: #fff !important;
    transition: all 0.3s ease 0.2s !important; 	
}

.qna-write-wrapper {
	border: 1px solid #3a3a3a;
	padding: 50px !important;
	margin: 100px auto !important;
}

.qna-write-wrapper label {
	display: block;
	width: 100%;
}

.qna-write-wrapper input[type="checkbox"] {
	display: inline-block;
	width: auto;
}

.qna-write-wrapper textarea {
	width: 100%;
	min-height: 200px;
}

.qna-write-wrapper #submit_btn {
	background-color: #3a3a3a;
	color: #fff;
}

.qna-write-wrapper .sub_title {
	padding-bottom: 50px; 
}
.text-error { color: #ed1846; }