@charset "utf-8";
/* board css */
/* 게시판공통 */
#board_basic{padding:20px 0 0 0}
#board_view img { border: none; vertical-align: top;max-width:100%;position:relative;margin:0 auto;text-align:center}
/* input */
.input_type{position:relative;height:35px;box-sizing:border-box;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:#fff;font-size:14px;line-height:33px;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:35px;box-sizing:border-box;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:#fff;font-size:14px;;line-height:33px;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; }
/* 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:13px 25px 0 25px; font-size:13px; line-height:16px; 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}

/* 카테고리 */
.tab_type1{position:relative; overflow:hidden;margin-bottom:10px}
 .tab_type1 ul{height:42px}
 .tab_type1 ul li{float:left}
 .tab_type1 ul li a{display:block; height:27px;padding:13px 25px 30px  25px; font-size:13px; line-height:16px; 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);}
 .tab_type1 ul li.on a{border-bottom:1px solid #fff; color:#318BE4; background:#fff}
 .tab_type1 ul li a:hover{background:#fff}

.t_num{width:5%}
.t_title{width:50%}
.t_user{width:17%}
.t_file{width:5%}
.t_hit{width:5%}
.t_date{width:10%}

/* 검색영역 */
#board_search{clear:both;padding:0px 6px 10px 6px;box-sizing:border-box;float:right;margin-top:20px}
 #board_search .board_search_date{float:left;padding-right:10px}
 #board_search .board_search_form legend, #board_search .board_search_form label{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
 #board_search{float:none;text-align:center}

/* 페이지 */
#paginate_complex{display:flex;align-items: center;text-align:center;height:40px}
#paginate_complex p{margin:0 auto;display:flex;align-items: center;font-size: 14px;}
p.btn_page a{width:33px;height:33px;border:1px solid #d4d4d4;margin-left:5px;color: #888;text-align: center;line-height: 31px;}
p.btn_page a:hover{background:#fff;border:1px solid #222; color:#222}
p.btn_page span.on{background:#fff;border: 1px solid #222;margin-left: 5px;padding: 5px 10px 6px 10px; color:#222;}
p.btn_page a.next_back{width:33px;height:33px;background:#fff;border:1px solid #d4d4d4;margin-left:5px}
p.btn_page a.first_back{background:url('/_modules/bbs/views/support/img/icon_page_firstback.png') center no-repeat;width: 33px;height: 33px;border:1px solid #d4d4d4;font-size:0;padding: 7px 12px;display: inline-block;}
p.btn_page a.first_back:last-child{transform: rotate(-180deg);}
p.btn_page a img{vertical-align:baseline}
p.btn_page strong{box-sizing: border-box;width: 33px;height: 33px;border: 1px solid #d4d4d4;margin-left: 5px;color: #000;text-align: center;line-height: 31px;}

/* 카운트 수 */
#list_total_count{padding-bottom:8px;font-size:14px;color:#666;clear:both;width:100%;line-height:16px}
 #list_total_count span{padding-left:5px}
 #list_total_count strong{color:#333}
 #list_total_count a.btn_rss{padding-left:5px}

/* 게시판 버튼 */
#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_list table{line-height:20px;font-size:16px;width:100%;height:auto;border-collapse:collapse;border-width:0;border-bottom:1px solid #ddd}
#board_list{margin-top:20px}
#board_list ul li a{display:block;border-bottom:1px solid #ddd;overflow:hidden;width:100%;padding:25px;box-sizing:border-box}
#board_list ul li a span.thumb{float:left;width:300px;min-height:180px;text-align:center;background:#eee;padding:15px;box-sizing:border-box}
#board_list ul li a span.thumb img{width:265px;height:180px;margin:0 auto;text-align:center}
#board_list ul li a .txt_wrap{float:left;padding:45px 0 0 60px;width:810px;box-sizing:border-box}
#board_list ul li a strong{display:block;font-weight:400;font-size:24px;line-height:30px;color:#000;padding-bottom:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:90%;letter-spacing:-.06em}
#board_list ul li a p{font-size:16px;line-height:25px;color:#666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:90%}
#board_list ul li a span.date{display:block;font-size:16px;color:#222;padding-top:17px}
#board_list ul li a:hover{border:1px solid #279baa;padding:24px 24px 25px 24px}


 #board_list thead{height:60px;background:#fff;border-top:2px solid #000;border-bottom:1px solid #b5b5b5}
 #board_list thead th{line-height:58px;color:#333;font-weight:500; padding:0;}
 #board_list thead th a{font-size:10px;color:#666;font-family:'taoma'}
 #board_list thead th a:hover{text-decoration:none;color:#4dce00}
 #board_list tbody tr{}
 #board_list tbody tr a{color:#333}
 #board_list tbody td{border-bottom:1px solid #d9d9d9;letter-spacing:-.02em;text-align:center;padding:15px 8px;height:50px;min-height:50px;font-weight:400}
 #board_list tbody td .num_notice{font-weight:700;color:#fff;background:#3b476c;margin:0 auto;font-size:11px}
 #board_list tbody td .title a{display:block;width:auto;float:left;padding-right:5px;line-height:19px;color:#666;font-weight:400}
 #board_list tbody td .notice{font-weight:bold}
 #board_list tbody td .notice a{color:#000 !important}
 #board_list tbody td .reply{padding-left:10px}
 #board_list tbody td.txt_l{text-align:left !important}
 #board_list tbody td a{color:#666}
 #board_list tbody td img{vertical-align:middle}
 #board_list th:first-child,#board_list td:first-child{border-left: none;}

/* 게시판_뷰 (베이직타입) */
#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}
 #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_contents p img{width:73% !important;height:auto !Important}
 /*#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}


/* 답변 */
.board_reply h1{font-size: 25px;}


/* 게시판 본문에 삽입되는 이미지 */
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{padding-top: 30px;
  border-bottom: solid 1px #e1e1e1;
  padding-bottom: 50px;}
.board_view .title{font-size:28px;letter-spacing:-1px;line-height:30px;color:#000;width:100%;font-weight:400;padding-bottom:20px}
 .board_view .info{letter-spacing:-.02em;padding-right:3px;width:100%;font-size:16px;text-align:right;padding-bottom:40px;border-bottom:1px solid #ddd;color:#666}
 .board_view .file{width:100%;box-sizing:border-box;padding:20px;border:1px solid #ddd;margin-top:30px}
 .board_view .file a{color:#008a96;border-bottom:1px dotted #009aa7;margin-right:10px;font-weight:bold}
 .board_view .board_view_contents{box-sizing:border-box;padding:20px;margin:0 auto;line-height:22px;font-size:15px;}
 
 .board_view .board_view_contents img{width:auto;max-width:100%;padding:15px 0}

/* 이전글 다음글 */
.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;
 }


.button_type4 {
    background: #c82b3a;
    background-image: -webkit-linear-gradient(top, #d24c59, #862c2c);
    background-image: -moz-linear-gradient(top, #d24c59, #862c2c);
    background-image: -ms-linear-gradient(top, #d24c59, #862c2c);
    background-image: -o-linear-gradient(top, #d24c59, #862c2c);
    background-image: linear-gradient(to bottom, #d24c59, #862c2c);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    padding: 8px 20px 8px 20px;
    border: solid #b10000 1px;
    text-decoration: none;
    box-sizing:border-box;
    display:inline-block;
    cursor:pointer
}

.button_type4:hover {
    background: #00a8c1;
    background-image: -webkit-linear-gradient(top, #862c2c, #d24c59);
    background-image: -moz-linear-gradient(top, #862c2c, #d24c59);
    background-image: -ms-linear-gradient(top, #862c2c, #d24c59);
    background-image: -o-linear-gradient(top, #862c2c, #d24c59);
    background-image: linear-gradient(to bottom, #862c2c, #d24c59);
    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 0px 0;display:inline-block;position:relative;background:url(/pages/jepa/img/sub/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}

/* 댓글 */
ul.reply{clear:both;background:#f2f2f2;padding:20px;box-sizing:border-box;display:inline-block;width:100%;margin:20px 0 10px}
ul.reply li{padding:15px 0;border-bottom:1px solid #cecece}
ul.reply dt {position:relative}
ul.reply dt strong{background:#5e6f77;padding:3px 10px;color:#fff;border-radius:4px}
ul.reply dt div{position:absolute;right:0;top:0}
ul.reply dt a{text-align:right}
ul.reply dd {width:80%;position:relative}
ul.reply dd span{display:block;font-size:13px;color:#888;position:absolute;right:-200px;bottom:0}




/* 뷰 */
.board_view_contents p{padding:4px 0 !important}





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


 #board_basic{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;behavior: url(/pages/headquarter/js/PIE.htc);}
 #board_category ul.title_box li h4 a.on{border-bottom:1px solid #d8d8d8; color:#41a2a8; background:#fff ;}
 .board_search_date{display:none}

 /* 일반형_리스트 */
 #board_list table{font-size:13px}
 #board_list thead th{line-height:45px}
 #board_list tbody td{padding:6px 10px;height:28px;min-height:28px}
 #board_list .t_num, #board_list .t_user, #board_list .t_hit, #board_list .t_file{display:none}
 #board_list ul li a span.thumb{width:100%;overflow:hidden;height:auto !Important}
 #board_list ul li a span.thumb img{width:100%}
 #mypage #board_list .t_date{display:none}
 #board_list ul li a {padding:10px;border-bottom:none}
 #board_list ul li a .txt_wrap{width:100%;padding:15px 0 0 10px}
 #board_list ul li a strong{font-size:18px;font-weight:400;padding-bottom:5px}
 #board_list ul li a span.date{font-size:13px;padding-top:0}
 #board_list ul li a p{font-size:15px}
 #board_list ul li a:hover{border:none;padding:10px}
 #list_total_count{font-size:13px}

 /* 게시판_라이트 (베이직타입) */
 #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%;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}

 
}

/****** 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;behavior: url(/pages/headquarter/js/PIE.htc);}
 #board_category ul.title_box li h4 a.on{border-bottom:1px solid #d8d8d8; color:#41a2a8; background:#fff ;}
 
 /* 일반형_리스트 */
  #board_list .t_num, #board_list .t_hit, #board_list .t_file{display:none}

 #board_list ul li a .txt_wrap{width:400px;padding:15px 0 0 30px}
 #board_list ul li a strong{font-size:20px;font-weight:500}
 #board_list ul li a span.date{font-size:13px}
 #board_list ul li a span.thumb{height:auto;width:100%}
 #board_list ul li a span.thumb img{width:265px;overflow:hidden}


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

 /* board_basic */
 #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}
}

/****** Desktop Device ******/
@media screen and (min-width:900px) and (max-width:1150px) {

 /* 일반형_리스트 */
 #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%}
 
 
}

/****** Desktop Wide Device ******/
@media screen and (min-width:1151px){

}