@charset "utf-8";
/* NEWBREED 황수연 */

/*--------- 공통 ---------*/

ul{
	list-style:none;
}
img{
	border:none;
}

/*게시판버튼*/
.board_button {overflow:hidden; margin-top:10px; text-align:center;}
.board_button.mt{margin-top:30px;}
.board_button .left {float:left;}
.board_button .right {float:right;}
.btn_board {display:inline-block; padding:0 10px; height:26px; border:1px solid #dad9de; background:#fff; font:bold 11px/28px dotum,sans-serif; color:#7e7e7e; border-radius:1px; cursor:pointer;}
input.btn_board {height:28px;}
.btn_board:hover {background:#f8f9f8;}
.btn_board.on {color:#cb0100;}
.btn_board.gray {background:#f0f0f2}

/*테이블_리스트*/
.basic_board {width:100%; border-top:1px solid #eeeeee; border-bottom:1px solid #e9e9e9; color:#424242; table-layout:fixed;}
.basic_board th, .basic_board td {padding:10px 0;}
.basic_board th {text-align:center; background:#fdfdfd; color:#424242; color:#666666; font-weight:normal;}
.basic_board th a{color:#424242;}
.basic_board td {text-align:center;border-top:1px solid #eeeeee; color:#333;font-size:16px;height:65px;}
.basic_board td:last-child{ color:#7c7c7c;font-size:16px;}
.basic_board td.num span {font:inherit; font-weight:bold;}
.basic_board tr.hover_list:hover {background:#f9f9f9;}
.basic_board tr.notice ,.basic_board tr.on {background:#f9f9f9;}
.basic_board tr.on td {position:relative;}
.basic_board tr.on td span {position:absolute; top:0; right:15px; line-height:35px; color:#ff3061;}
.basic_board td.subject {text-align:left;}
.basic_board td a {color:#333;font-size:16px;}
.basic_board td a b{color:#333;font-size:16px;}
.basic_board td .category {font:bold 12px dotum; margin-right:2px; padding-right:7px;	background: url("./images/vline.gif") no-repeat right 45%; color: #878787;}

/*테이블_뷰*/
.basic_board th.view_subject ,.basic_board td.view_info {overflow:hidden; padding:10px;}
.basic_board th.view_subject img {vertical-align:middle;}
.basic_board th.view_subject .left ,.basic_board td.view_info .left {float:left;}
.basic_board th.view_subject .right ,.basic_board td.view_info .right {float:right;}
.basic_board th.view_subject .left  {font-size:16px; font-weight:bold; color:#000}
.basic_board td.view_info>div {color:#888888; font-size:16px;}
.basic_board td.view_info>div b {color:#565656}
.basic_board td.adddata {padding:0px;}
.basic_board td.adddata table {border-bottom:0 none;}
.basic_board td.adddata table th {padding:10px; text-align:left; background:#fcfcfc; }
.basic_board td.adddata table th ,.basic_board td.adddata table td {border-bottom:1px solid #f4f4f4;}
.basic_board td.adddata table td {padding:10px; text-align:left; border-top:0 none;}
.basic_board td.scrap {overflow:hidden;border-top:0 none;}
.basic_board td.scrap ul.left {float:left; padding-top:10px;}
.basic_board td.scrap ul.left li {float:left; margin-right:5px;}
.basic_board td.scrap ul.right {float:right;}
.basic_board td.scrap ul.right li {float:left; margin-left:5px;}

.basic_board td.file {text-align:left;}
.basic_board td.file a {padding-left:10px; padding-right:20px; background:url(./images/ico_down.jpg) no-repeat right top; font:16px dotum; color:#000;}
.basic_board td.file a:hover {text-decoration:underline;}
.basic_board td.file span {font-family: tahoma; font-size: 9px;line-height: 14px;}
.basic_board td.file .txt_size {color: #999999;padding-left: 9px;}
.basic_board td.file .txt_hit {color: #FF4200;padding-left: 7px;}
.basic_board td.file .txt_date {color: #aaa;padding-left: 10px;}
.basic_board td.file .txt_file {font:11px dotum; color:#767676; padding-right:10px; background: url("./images/vline.gif") no-repeat right 30%;}

/*테이블_쓰기*/
.basic_board.write th {padding-left:10px; text-align:left; font-weight:normal; border-top:1px solid #e9e9e9; }
.basic_board.write th span {color:#cc0000; font-weight:bold;}
.basic_board.write td {padding-left:10px; text-align:left;}
.basic_board.write td select {font:12px dotum; height:22px; padding-left: 10px; margin-left: 10px;}
.basic_board.write td input[type=checkbox] {vertical-align:middle;}
.basic_board.write td input[type=text] ,.basic_board.write td input[type=password] ,.basic_board.write td input[type=file]{padding: 0 5px; height: 22px; border:1px solid #dadada; font:12px/22px dotum,sans-serif;  width:30%; vertical-align:middle;}
.basic_board.write td.write_code {line-height:25px; padding:5px;} 
.basic_board.write td.write_code span {color:#007FC8;}

/*--------- 리스트 ---------*/
/*탑*/
#board_list {width:100%;padding-bottom:50px;}
#board_list .list_top {overflow:hidden; margin-bottom:10px;}
#board_list .list_top p.total {float:left; color:#7e7e7e; padding-left:20px; background:url(./images/ico_total.png) no-repeat left 35%; font:11px dotum; letter-spacing:-0.5px}
#board_list .list_top p.total b {color:#d12525}
#board_list .list_top p.rss {float:right;}

/*카테고리 */
#board_list .bo_cate ul {display: block;overflow: hidden;margin-top: 30px;margin-bottom: 40px;}
#board_list .bo_cate ul:after {display:block; visibility:hidden;clear:both;content:""}
#board_list .bo_cate ul li a{    width: 80px;
    height: 32px;
    background-color: #f7f7f7;
    border: 1px solid #e5e5e5;
    border-radius: 20px;
    margin-right: 10px;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    color: #919191;
    float: left;
    box-sizing: border-box;}
#board_list .bo_cate ul li a {display:block; position:relative; }
#board_list .bo_cate ul li a.on {background-color: #77e500;
    color: #fff;
    border: none;}
#board_list .no_list_size {border-bottom:1px solid #ddd; height:150px; text-align:center; font-size:12px; font-family:dotum,sans-serif; line-height:150px;}

/*검색*/
#board_list .search_box {margin-top:30px;}
#board_list .search_box td{text-align:center; font:12px dotum; vertical-align:middle;}
#board_list .search_box select {width:75px;padding-left:5px; height:26px; line-height:26px; border:0 none; border:1px solid #dadada; font:11px/27px dotum;  vertical-align:top; color:#767676;}
#board_list .search_box input[type=text]{padding-left:5px; width:210px; height:24px; line-height:25px; border:1px solid #dadada; vertical-align:top;}
/*선택복사*/
.board_pop {border-top:2px solid #9c9c9d}
.board_pop h1 {padding:0 20px; height:50px; border-bottom:1px solid #e9e9e9; font:bold 14px/50px dotum,sans-serif;}
.board_pop>div {padding:20px;}
.board_pop .pop_btns {margin-top:20px; text-align:center;}

/*--------- 뷰 ---------*/
#board_view {margin-bottom:30px;}
#board_view table.prev_next_list th ,.prev_next_list td {padding:10px; text-align:left; border-bottom:1px solid #e9e9e9 }
#board_view table.prev_next_list th {font-weight:bold; color:#9a999e;background:#fdfdfd}
#board_view table.prev_next_list th a {color:#9a999e}
#board_view table.prev_next_list img {vertical-align:middle; position:relative; top:-2px;}
#board_view table.prev_next_list td a {color:#333}
#board_view table.prev_next_list th a, .prev_next_list td a {display:block;}


/*코멘트*/
.comment_wrap {margin-top:10px;}
.comment_top {background:#fcfcfc; border-bottom: 1px solid #e9e9e9; border-top: 1px solid #BDBDBD; padding:10px 20px; }
.comment_top span.txt_title {background: url(./images/man.png) no-repeat left 50%; color: #777777; letter-spacing: -1px; padding: 0 20px;}
.comment_top span.txt_title em {color: #e60000; font-size: 11px; font-weight: bold;}

.comment_wrap .comment_list{margin:10px 0;padding:10px;background:#fff;border:1px solid #e0e1db; }
.comment_wrap ul.comment_list li{padding:5px;border-bottom:1px dashed #e0e1db;}
.comment_wrap ul.comment_list li:last-child{border-bottom:0 none;}
.comment_wrap ul.comment_list li .top{overflow:hidden; padding-top:10px;}
.comment_wrap ul.comment_list li .top p.name{float:left; padding-left:15px; background:url(./images/icon_comment.gif) no-repeat left 50%;color:#666666;}
.comment_wrap ul.comment_list li .top div.edit{float:right;}
.comment_wrap ul.comment_list li .top div.edit span {font-size:11px;font-family:tahoma,sans-serif;color:#888888}
.comment_wrap ul.comment_list li .top div.edit span.ip {color:#b2b2b2;}
.comment_wrap ul.comment_list li p.comment{padding-top:5px;line-height:1.4em; word-break:break-all; overflow:hidden; clear:both;color:#666666;}

table.comment_write_tbl{border:1px solid #e0e1db}
table.comment_write_tbl{text-align:left;font-size:12px;}
table.comment_write_tbl th{padding:10px;background:#fcfcfc;text-align:left;font-weight:normal;color:#000000}
table.comment_write_tbl th input{border:1px solid #e0e1db;height:22px;padding-left:5px;vertical-align:middle;}
table.comment_write_tbl th span {font-size:11px; color:#666}
table.comment_write_tbl th span.tip{color:#007FC8;}
table.comment_write_tbl td{padding:5px; vertical-align:top}
table.comment_write_tbl td textarea{border:1px solid #e0e1db; width:100%}
table.comment_write_tbl td .btn_board {padding:0;width:100%;height:56px;}
table.comment_write_tbl td span{display:block; margin-top:5px;font-size:11px;color:#666}
table.comment_write_tbl td span input{vertical-align:middle;}
/*-------------------------- 비밀번호확인 --------------------------*/ 

.board_password p.tip {margin-bottom:15px; color: #767676; letter-spacing: -1px; font-size:12px; }


@media (max-width: 1350px){
.board_skin {
    width: 90% !important;
}
}
@media (max-width: 767px){
#board_list .search_box input[type=text]{width: 20vw;}
.basic_board.write td input[type=text] ,.basic_board.write td input[type=password] ,.basic_board.write td input[type=file] {width: 90% !important;}
.basic_board.write th {width:35%;}

.basic_board td {height:auto;}
.basic_board td.view_info>div {font-size:12px;}
}


/*테이블_쓰기*/


.right_box > .content.board_partner_write h1 {
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    padding: 10px 0;
    margin-bottom: 32px;
    border-bottom: 1px solid #000;
}

.right_box > .content.board_partner_write .partner_write_header {
    height: 186px;
    background: #FAFAFA;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
}

.right_box > .content.board_partner_write .partner_write_intro,
.right_box > .content.board_partner_write .partner_write_body {
    margin: 34px 20px;
}

.right_box > .content.board_partner_write .partner_write_intro p {
    font-weight: 400;
    font-size: 11px;
    line-height: 15px;
    margin-bottom: 35px;
}

.right_box > .content.board_partner_write h2 {
    font-weight: 700;
    font-size: 13px;
    margin: 32px 0 0 0;
}

.right_box > .content.board_partner_write h2.nomargin {
    margin-bottom: 0;
}

.right_box > .content.board_partner_write .profile_avatar {
    width: 80px;
    height: 80px;
    margin: auto;
}

.right_box > .content.board_partner_write .write_section {
    margin-bottom: 36px;
}

.right_box > .content.board_partner_write .file_notice {
    color: #747473;
    font-size: 10px;
    line-height: 15px;
    font-weight: 400;
    margin: 5px 0 0 0;
    display: flex;
    flex-direction: row;
}
.right_box > .content.board_partner_write .file_notice:before {
    content: '*';
    margin-right: 4px;
    margin-left: 3px;
}

.right_box > .content.board_partner_write .input_box {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #EAEAEA;
}
.right_box > .content.board_partner_write .input_box > input[type="button"] {
    border: 1px solid #EAEAEA;
    border-radius: 2px;
    background: none;
    padding: 8px 10px;
    margin: 0 0 4px 4px;
    color: #A3A3A3;
    font-size: 11px;
}
.right_box > .content.board_partner_write input[type="text"],
.right_box > .content.board_partner_write input[type="number"],
.right_box > .content.board_partner_write input[type="password"] {
    border: none;
    border-radius: 2px;
    font-size: 11px;
    line-height: 38px;
    box-shadow: none;
    width: 100%;
    box-sizing: border-box;
}


.right_box > .content.board_partner_write .input_box select {
    background: none;
    padding: 4px;
    border: none;
    font-size: 11px;
    line-height: 24px;
    background-image: url(/skin/basic/images_partner/icon/etc/icon_select_open_box.svg);
    background-position: right center;
    background-repeat: no-repeat;
    padding-left: 0;
    padding-right: 32px;
    width: 100%;
}
.right_box > .content.board_partner_write .input_box .email_seperator {
    font-size: 11px;
    display: flex;
    align-items: center;
    color: #A3A3A3;
    border-right: 1px solid #F1F1F1;
    padding-left: 12px;
    margin: 6px 0;
    box-sizing: border-box;
}
.right_box > .content.board_partner_write .input_box .email_seperator span.at {
    font-size: 11px;
    color: #A3A3A3;
    padding-right: 12px;
    box-sizing: border-box;
}
.right_box > .content.board_partner_write .select_box select {
    font-size: 11px;
    line-height: 15px;
    padding: 10px 15px 10px 10px;
    width: 100%;
    border: 1px solid #EAEAEA;
    border-radius: 2px;
    margin-top: 10px;
    background-image: url(/skin/basic/images_partner/icon/etc/icon_select_arrow.svg);
    background-repeat: no-repeat;
    background-position: right 6px center;
}
.right_box > .content.board_partner_write .radio_box {
    margin-bottom: 10px;
}
.right_box > .content.board_partner_write .file_box {
    display: flex;
    margin-top: 10px;
}
.right_box > .content.board_partner_write .file_box input[type="file"] {
    display: none;
}
.right_box > .content.board_partner_write .file_box input[type="text"] {
    flex: 1;
    background: #FAFAFA;
    border-radius: 5px 0px 0px 5px;
    border: none;
    font-size: 12px;
    line-height: 15px;
    color: #747473;
    padding: 10px;
}
.right_box > .content.board_partner_write .file_box label {
    color: white;
    background: #000000;
    border-radius: 0px 5px 5px 0px;
    font-size: 12px;
    line-height: 15px;
    padding: 0 14px;
    display: flex;
    align-items: center;
}

.right_box > .content.board_partner_write .center_btn {
    display: flex;
    justify-content: center;
}
.right_box > .content.board_partner_write a.btn {
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 16px;
    padding: 8.5px 10px;
    font-size: 11px;
    line-height: 11px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.right_box > .content.board_partner_write a.btn.dark {
    background: #E6E6E6;
    border: 1px solid #E6E6E6;
    color: #000;
}
.right_box > .content.board_partner_write a.btn span.arrow {
    width: 13px;
    height: 13px;
    margin-left: 5px;
    background-image: url(/skin/basic/images_ddakple/icon/right-arrow.svg);
    background-repeat: no-repeat;
}

.right_box > .content.board_partner_write .bottom-fixed-btn > button.resign-btn {
    background: #FFF;
}
.right_box > .content.board_partner_write .bottom-fixed-btn > button {
    margin-bottom: 5px;
}
.right_box > .content.board_partner_write .bottom-fixed-btn {
    display: flex;
    flex-direction: column;
}

/* wdith 600 */
@media all and (min-width:600px) {
    .right_box .content.board_partner_write .content-wrapper {
        max-width: 320px;
        min-height: 510px;
    }
}

@media all and (max-width:599px) {
    .right_box .content.check_mobile .bottom_box {
        position: fixed;
    }
}