@charset "utf-8";
/* 게시판공통 */
#board_basic{padding: 0;width:100%;max-width:1560px;margin:0 auto;box-sizing:border-box}
#board_view img { border: none; vertical-align: top;max-width:100%;position:relative;margin:0 auto;text-align:center}

.fl{float:left}
.fr{float:right}

.no_post{font-size:16px;color:#666;text-align:center;background:url(/pages/kimiro/img/sub/no_post.png) no-repeat center top;padding-top:60px;margin:160px 0 0;display:block}

/* input */
.input_type{position:relative;height:37px;box-sizing:border-box;color:#666;border:1px solid #b7b7b7;background:#fff;font-size:14px;line-height:37px;padding:0 3px 0 6px;margin:2px 0;border-radius:0;box-sizing: border-box;font-family:'Noto Sans KR', 'Dotum','Gulim','Tahoma','Verdana',sans-serif}

/* select */
.select_type{position:relative;height:37px;box-sizing:border-box;color:#666;border:1px solid #b7b7b7;font-size:14px;;line-height:37px;padding:0 3px;margin:2px 0;border-radius:0;box-sizing: border-box;font-family:'Noto Sans KR', 'Dotum','Gulim','Tahoma','Verdana',sans-serif}

/* textarea */
.textarea_type{position:relative;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:#fff;font-size:12px;font-family:'Nanum Gothic';padding:0 3px;-webkit-appearance:none;border-radius:0;box-sizing: border-box}

mark { background: #ff0; color: #000; }

iframe {width : 100% !important;height: 100% !important;}
/* border_info */
#border_info{width:100%;height:auto;line-height:32px}
#border_info p{color:#666;font-weight:400;font-size:15px}
span.star{font-weight:700;color:#e6224c;padding:0 2px}

/* 카테고리 */
#board_category{position:relative; overflow:hidden;margin-bottom:10px}
#board_category ul.title_box{height:42px}
#board_category ul.title_box li{float:left}
#board_category ul.title_box li h4 a{display:block; height:27px;padding:19px 25px 0 25px; font-size:13px; line-height:19px; color:#555555; font-weight:bold; border:1px solid #d8d8d8; ;border-left:1px solid #d8d8d8;background:#f5f5f5;border-radius:3px 3px 0 0;margin-right:-1px;behavior: url(/pages/headquarter/js/PIE.htc);}
#board_category ul.title_box li h4 a.on{border-bottom:1px solid #fff; color:#318BE4; background:#fff}
#board_category ul.title_box li h4 a:hover{background:#fff}

/* 카테고리2 */
#bs_category {position:relative;overflow:hidden;margin-top:30px}
#bs_category ul li a {float:left;display:block; height:27px;padding:13px 25px 7px 25px; font-size:16px;line-height:16px; color:#fff; font-weight:300;behavior: url(/pages/headquarter/js/PIE.htc);background:#5e616f;text-decoration:none}
#bs_category ul li a.on{background:#d80b8c;color:#fff;font-weight:600}
#bs_category ul li a:hover{background:#333}
#bs_category ul li a.on:hover{background:#d80b8c;color:#fff;font-weight:600}



/*list*/
#board_list {position:relative;margin-top:70px}
#board_list ul li{line-height:102px;border-bottom:1px solid #ddd;display:block;float:left;width:100%}
#board_list ul li a{font-size:18px;color:#646464;line-height:102px;width:85%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;float:left}
#board_list ul li a:hover{font-weight:700;color:#d80b8c}
#board_list ul li .date{font-weight:800;color:#ccc;font-size:17px;line-height:102px;width:15%;float:left;text-align:right}

.board_search {width:70%;margin:0 auto;border-bottom:2px solid #000;position:relative}
.board_search h4{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
.board_search input.search_input{width:80%;line-height:63px;height:63px;font-size:19px;color:#a8a8a6;border:none}
.board_search input[type="submit"]{position:absolute;top:0;right:0;width:54px;height:63px;text-indent:-99999px;background:url(./img/icon_search.jpg) no-repeat right center;border:0;cursor:pointer;padding:0}


/* page */
#paginate_complex{text-align:center;margin-top:80px}
p.btn_page{display:inline-block;margin-top:80px}
p.btn_page a{width:27px;height:25px;margin-left:5px;font-weight:300;color:#666;font-size:16px;display:block;box-sizing:border-box;float:left;line-height:30px}
p.btn_page a:hover{background:#fff;;color:#222}
p.btn_page span.on{background:#fff;border-bottom: 2px solid #1f2c5c;margin-left: 5px;padding: 5px 10px 6px 10px;font: bold 13px/16px "Nanum Gothic";color:#1f2c5c;}
p.btn_page a.first_back{width:30px;height:30px;background:#fff url(./img/board_btn_first.jpg) no-repeat 0 0;border:1px solid #d4d4d4;margin:0 5px;font-size:0}
p.btn_page a.prev_back{width:30px;height:30px;background:#fff url(./img/board_btn_prev.jpg) no-repeat 0 0;border:1px solid #d4d4d4;margin:0 5px;font-size:0}
p.btn_page a.next_back{width:30px;height:30px;background:#fff url(./img/board_btn_next.jpg) no-repeat 0 0;border:1px solid #d4d4d4;margin:0 5px;font-size:0}
p.btn_page a.end_back{width:30px;height:30px;background:#fff url(./img/board_btn_end.jpg) no-repeat 0 0;border:1px solid #d4d4d4;margin-left:5px;font-size:0;}
p.btn_page a.first_back span,  p.btn_page a.end_back span{font-size:0;position:absolute;left:0;top:0}
p.btn_page a img{vertical-align:baseline}
p.btn_page strong{border-bottom:2px solid #1f2c5c;padding:0 0 4px;margin-left:4px;display:block;box-sizing:border-box;width:30px;height:30px;float:left;line-height:30px}

/* 게시판 버튼 */
#board_btn{width:100%;padding-bottom:20px}
span.highlight{font-weight:bold;color:#ff7200}

/* board_basic */
#board_wrap{width:100%;margin:0 auto;height:auto;overflow:hidden}

/* 게시판_뷰 (베이직타입) */
#board_view{margin-bottom:20px;width:99.9%;clear:both;border-top:2px solid #3b476c}
#board_view table{width:100%;height:auto;border-collapse:collapse;border-width:0;font-size:13px;letter-spacing:-1px;text-align:left;table-layout: fixed}
#board_view tbody tr{color:#666}
/*#board_view tbody tr a{color:#666}*/
#board_view tbody tr a{color:#596ba4}
#board_view tbody th{border-bottom:1px solid #e8e8e8;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;color:#333;background:#fff;font-weight:700;padding-left:13px}
#board_view tbody td{border-bottom:1px solid #e8e8e8;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;letter-spacing:-.02em;padding:6px 10px;line-height:22px}
#board_view tbody td .board_view_contents{padding:10px 0}

/*#board_view tbody td span.date_size{font-size:11px;padding-left:5px;color:#596ba4;font-weight:bold}*/
#board_view tbody td span.date_size{font-size:11px;padding-left:5px;}
#board_view .leftcell{border-left:none !important}
#board_view .rightcell{border-right:none !important}

/* 댓글/코멘트 */
.comment_top{width:100%;box-sizing:border-box;border-bottom:1px solid #ddd;padding-bottom:20px;margin-bottom:20px}
.comment_top .btn_list{width:100%;text-align:right;margin-top:10px}
.board_comment { background-color: #fff; margin:25px 0 0px;text-align: left;box-sizing:border-box }
.board_comment dl { margin-bottom: 20px; padding: 20px 0 20px 20px; }
.board_comment dl dt { display: block; float: left; padding-bottom: 10px; width: 100px; }
.board_comment dl dd { display: block; float: left; padding-bottom: 10px; }
.board_comment fieldset {display: block; }
.board_comment fieldset div.icon {float: left;margin-top: 15px;text-align: center;width: 10%; }
.board_comment fieldset div.icon img {cursor: pointer; }
.board_comment fieldset div#icon_table {background-color: #fff;border: 1px solid #ccc;padding: 10px;position: absolute;visibility: hidden;z-index: 1; }
.board_comment fieldset div#icon_table ul {overflow: hidden;width: 300px; }
.board_comment fieldset div#icon_table ul li {float: left;margin: 3px; }
.board_comment fieldset div#icon_table ul li img { }
.board_comment fieldset div.insert {float: right;margin-bottom: 10px;overflow: hidden;width: 90%; }
.board_comment fieldset div.insert textarea {float: left;height: 46px;overflow: hidden;width: 70%; }
.board_comment fieldset div.insert input.button {float: right;height: 50px;width: 19%; }
.board_comment ul.reply {width: 100%; }
.board_comment ul.reply li {border-bottom: 1px solid #eee; }
.board_comment ul.reply li dl {margin: 5px 0;overflow: hidden;text-align: left; }
.board_comment ul.reply li dl dt {float: left;width: 20%; }
.board_comment ul.reply li dl dd {float: right;width: 80%;font-size:15px; }
.board_comment ul.reply li dl dd.subject{font-size:20px}
.board_comment ul.reply li dl dd span {display: block;font-size: 15px; }
#bc_subject{width:100%}
.editable{overflow-y:auto;width: 100%;height: 100px;padding: 5px;background-color:white}

/* 게시판 본문에 삽입되는 이미지 */
img.bbs_content_image {margin:5px 0}

/* 게시판_라이트 (베이직타입) */
#board_write{margin-bottom:20px;width:99.9%;clear:both;border-top:2px solid #000}
#board_write table{width:100%;height:auto;border-collapse:collapse;border-width:0;font-size:13px;letter-spacing:-1px;text-align:left}
#board_write tbody tr{color:#666}
#board_write tbody tr a{color:#596ba4;padding-left:4px}
#board_write tbody th{border-bottom:1px solid #d9d9d9;color:#333;font-weight:normal;line-height:60px;font-size:16px;padding:0 0px 0 7px}
#board_write tbody td{border-bottom:1px solid #d9d9d9;border-left:1px solid #e8e8e8;letter-spacing:-.02em;font-size:15px;padding:6px 13px;line-height:22px}
#board_write tbody td .f_alert{font-size:15px;font-weight:300;padding-left:3px;letter-spacing:0}
#board_write tbody td .board_view_contents{padding:10px 0}
#board_write .leftcell{border-left:none !important}
#board_write .rightcell{border-right:none !important}
#board_write label{font-size:14px;letter-spacing:-1px}
#board_write th:first-child,#board_write td:first-child{border-left: none;}

/* 첨부파일 영역 */
#board_write div.bbs_file_ctl {width:100%;}

/* 웹에디터의 답변시 원본글 처리 */
blockquote.bbs_blockquot {
    padding-right: 0px; padding-left: 5px; margin-left: 5px; border-left: #000000 2px solid; margin-right: 0px
}

.board_view .title{font-size:29px;letter-spacing:-1px;line-height:40px;color:#000;width:80%;font-weight:700;padding-bottom:20px;word-break:keep-all;}
.board_view .info{letter-spacing:-.02em;padding-right:3px;width:100%;font-size:14px;text-align:left;padding-bottom:40px;border-bottom:1px solid #ddd;color:#d90f8e;font-weight:700}
.board_view .file{width:100%;box-sizing:border-box;padding:30px;border:2px solid #d80b8c;margin-top:30px}
.board_view .file a{color:#008a96;border-bottom:1px dotted #009aa7;margin-right:10px;font-weight:bold;text-decoration:none}
.board_view .board_view_contents{box-sizing:border-box;padding:20px 0;margin:0 auto;line-height:35px;font-size:17px;color:#333}
.board_view .board_view_contents img{max-width:100%;width:auto;padding:15px 0}

.board_view .board_view_contents table th, .board_view .board_view_contents td{border:1px solid #ddd;padding:10px}

/* 이전글 다음글 */
.nextPrev_list {clear: both;margin-top:9px;border-top: solid 1px #eee;border-bottom: solid 1px #eee;overflow:hidden}
.nextPrev_list li{float:left;width:100%;height:50px;line-height:48px;border-top: solid 1px #eee}
.nextPrev_list li:first-child{border-top: none}
.nextPrev_list li strong {display:block;float:left;padding: 2px 40px 2px 49px;background: url(/img/prev_next_bg.gif) left top no-repeat;width:50px;height:50px;color:#333;line-height:48px;font-size:15px}
.nextPrev_list li strong.next_list {background-position: 0 -50px}
.nextPrev_list li a{display: block;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;color:#666}

/* 버튼 */
.button_type1 {
    background: #f8f8f8;
    background-image: -webkit-linear-gradient(top, #f8f8f8, #ddd);
    background-image: -moz-linear-gradient(top, #f8f8f8, #ddd);
    background-image: -ms-linear-gradient(top, #f8f8f8, #ddd);
    background-image: -o-linear-gradient(top, #f8f8f8, #ddd);
    background-image: linear-gradient(to bottom, #f8f8f8, #ddd);
    -webkit-border-radius: 3;
    -moz-border-radius: 3;
    border-radius: 3px;
    font-family: Arial;
    color: #222;
    font-size: 14px;
    padding: 8px 20px 8px 20px;
    border: solid #ccc 1px;
    text-decoration: none;
    font-weight:700;
    display:inline-block;
    cursor:pointer
}

.button_type1:hover {
    background: #ddd;
    background-image: -webkit-linear-gradient(top, #ddd, #f8f8f8);
    background-image: -moz-linear-gradient(top, #ddd, #f8f8f8);
    background-image: -ms-linear-gradient(top, #ddd, #f8f8f8);
    background-image: -o-linear-gradient(top, #ddd, #f8f8f8);
    background-image: linear-gradient(to bottom, #ddd, #f8f8f8);
    text-decoration: none;
}



.button_type2 {
    background: #35454d;
    background-image: -webkit-linear-gradient(top, #35454d, #263238);
    background-image: -moz-linear-gradient(top, #35454d, #263238);
    background-image: -ms-linear-gradient(top, #35454d, #263238);
    background-image: -o-linear-gradient(top, #35454d, #263238);
    background-image: linear-gradient(to bottom, #35454d, #263238);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    padding: 8px 20px 8px 20px;
    border: solid #16193b 1px;
    text-decoration: none;
    box-sizing:border-box;
    display:inline-block;
    cursor:pointer

}

.button_type2:hover {
    background: #263238;
    background-image: -webkit-linear-gradient(top, #263238, #35454d);
    background-image: -moz-linear-gradient(top, #263238, #35454d);
    background-image: -ms-linear-gradient(top, #263238, #35454d);
    background-image: -o-linear-gradient(top, #263238, #35454d);
    background-image: linear-gradient(to bottom, #263238, #35454d);
    text-decoration: none;
}


.button_type3 {
    background: #00b8d4;
    background-image: -webkit-linear-gradient(top, #00b8d4, #00a8c1);
    background-image: -moz-linear-gradient(top, #00b8d4, #00a8c1);
    background-image: -ms-linear-gradient(top, #00b8d4, #00a8c1);
    background-image: -o-linear-gradient(top, #00b8d4, #00a8c1);
    background-image: linear-gradient(to bottom, #00b8d4, #00a8c1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    padding: 8px 20px 8px 20px;
    border: solid #009cb1 1px;
    text-decoration: none;
    box-sizing:border-box;
    display:inline-block;
    cursor:pointer
}

.button_type3:hover {
    background: #00a8c1;
    background-image: -webkit-linear-gradient(top, #00a8c1, #00b8d4);
    background-image: -moz-linear-gradient(top, #00a8c1, #00b8d4);
    background-image: -ms-linear-gradient(top, #00a8c1, #00b8d4);
    background-image: -o-linear-gradient(top, #00a8c1, #00b8d4);
    background-image: linear-gradient(to bottom, #00a8c1, #00b8d4);
    text-decoration: none;
}
.go_list:before{position:absolute;top:7px;left:0;width:24px;height:15px;background-position:-232px -69px;content:''}
.go_list{margin:120px 0 20px 0;display:inline-block;position:relative;background:url(./img/goback_ico.png) left center no-repeat;padding-left:38px;font-size:18px;letter-spacing:-1px;line-height:27px;color:#000}
.go_list:after{display:block;width:100%;height:1px;background-color:#000;content:''}
.go_list:hover{text-decoration:none;font-weight:500}


/****** Mobile ******/
@media screen and (max-width:690px){
    .input_type{width:250px}


    #board_basic{width:100%;padding:0 0 50px 0}

    /* 카테고리 */
    #board_category ul.title_box{border-left:none}
    #board_category ul.title_box li{width:50%}
    #board_category ul.title_box li h4 a{font-size:12px;border:1px solid #d8d8d8; border-left:1px solid #d8d8d8;margin:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-radius:3px;}
    #board_category ul.title_box li h4 a.on{border-bottom:1px solid #d8d8d8; color:#41a2a8; background:#fff ;}
    .board_search_date{display:none}
    /* 게시판_라이트 (베이직타입) */
    #board_write tbody th{width: 100%;display: block;box-sizing: border-box;padding:13px;overflow:hidden;line-height:24px}
    #board_write tbody td{width: 100%;display: block;box-sizing: border-box;border:none;padding:3px 5px}
    #board_write .input_type{width: 100%;box-sizing: border-box}
    #board_write .wfull_95{width:100% !important}
    #board_write tbody td .f_alert{font-size:14px}

    /* 게시판_뷰 (베이직타입) */
    #board_view tbody th{width: 100%;display: block;box-sizing: border-box;padding: 13px;overflow: hidden;border:0}
    #board_view tbody td{width: 100%;display: block;box-sizing: border-box;border:none;padding: 3px 5px}
    #board_view .input_type{width: 100%;box-sizing: border-box}

    /* 페이지 */
    #board_search{width:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px 0;text-align:center;margin-bottom:10px;margin:0}
    #board_search .board_search_form{float:none}
    #paginate_complex{text-align:center;height:50px}

    /* 댓글/코멘트 */
    .comment_top{padding:15px 0}
    /* board_basic */
    #board_wrap{width:100%}
    .board_view{width:100%}

    /* board_view */
    .board_view .title{font-size:20px;line-height:28px}
    .board_view_contents .image img{width:100%}
    .board_view .info{padding-bottom:25px;font-size:14px}
    .board_view .title{padding:0 20px 13px 20px;box-sizing:border-box}
    #bc_writer_name{width:100%}
    .board_view .board_view_contents{width:auto}
	
	.board_search{width:100%}
	#board_list{width:100%;overflow:hidden;margin-top:30px}
	#board_list ul li{line-height:normal;padding:15px 0}
	#board_list ul li a{width:100%;text-overflow:inherit;overflow:inherit;white-space:inherit;line-height:30px;font-weight:500}
	#board_list ul li .date{line-height:30px;padding-top:10px;width:100%;text-align:left}

	.board_view .title{width:100%;font-size:24px;line-height:34px;padding:20px 0}

	#paginate_complex{height:auto}
	p.btn_page{margin-top:30px}

	#bs_category ul li a{width:100%}
	

}

/****** Tablet Device ******/
@media screen and (min-width:691px) and (max-width:899px) {
    /* 카테고리 */
    #board_category ul.title_box{border-left:none}
    #board_category ul.title_box li{width:25%}
    #board_category ul.title_box li h4 a{border:1px solid #d8d8d8; border-left:1px solid #d8d8d8;margin:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-radius:3px;}
    #board_category ul.title_box li h4 a.on{border-bottom:1px solid #d8d8d8; color:#41a2a8; background:#fff ;}


    /* 페이지 */
    #paginate_complex{text-align:center;height:50px}

    /* board_basic */
    #board_basic{width:100%}
    #board_wrap{width:100%}

    /* board_view */
    .board_view{width:100%}
    .board_view .title{font-size:20px;line-height:28px}
    .board_view_contents .image img{width:100%}
    .board_view .info{padding-bottom:25px;font-size:14px}
    .board_view .title{padding:0 20px 13px 20px;box-sizing:border-box}
    #bc_writer_name{width:100%}
    .board_view .board_view_contents{width:auto}

    /* 댓글/코멘트 */
    .comment_top{padding:0}
    .board_comment{padding:0}

	#bs_category{background:#5e616f;}
	#bs_category a{width:33%;box-sizing:border-box;height:50px !important}





}

/****** Desktop Device ******/
@media screen and (min-width:900px) and (max-width:1150px) {
    /* board_basic */
    #board_basic{width:100%}
    /* 일반형_리스트 */
    #board_list ul li a span.thumb img{width:100%;overflow:hidden}
    #board_list ul li a span.thumb{width:30%}
    #board_list ul li a .txt_wrap{width:70%}

    #board_wrap{width:100%}
    .board_view{width:100%}


}