@charset "utf-8";
.video_btn {
    text-align: right;
}
.no_image{ width: 100%;text-align:center;font-size:18px;font-weight:700;background:#e2e2e2;display:flex;align-items:center;justify-content:center ;float: left;
    min-height: 145px;
    max-height: 170px;
    overflow: hidden;
    box-sizing: border-box;
    height: 180px;
    color: #999;}
#category_select {display: none}

#video_wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

#video_wrap iframe,
#video_wrap video,
#video_wrap object,
#video_wrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#pagination{text-align: center;  width: 100%; padding: 20px 0}
#pagination .notselected {cursor: pointer;font-size: 18px;}
#pagination .selected {font-size: 18px;}
#pagination img {padding: 3px 4px 0 4px; margin-bottom: -2px;height: 15px}
.webzine_wrap{position:relative; width:100%; border-bottom: 1px solid #bfbfbf;}
.webzine_box{}
.table_type1703 tbody{border-top: 1px solid #ddd;}
.table_type1703 tbody tr{height: 235px;}
.table_type1703 td{padding:20px 0; border-bottom:1px solid #e2e2e2;position: relative}

.webzine_box a{display:block}
.webzine_box a .webzine_img img{width:100%;height:200px;transition: all .25s ease-in;overflow:hidden}
.webzine_box a:hover .webzine_img img{transform:scale(1.1);-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transition: all .25s ease-out;}
.webzine_count{width:5%;border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.webzine_img{float:left;display: block;overflow:hidden;width:320px}
.webzine_img img{border-radius: 5px;border: 1px solid #e2e2e2;}
.webzine_con{width:calc(100% - 320px); margin-top: 40px;padding:0 20px; float:left;}
.webzine_con dt{font-size:18px; line-height:24px; padding-bottom:10px;overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical;font-weight:600;color:#333}
.webzine_con dt span{display:block;font-size:15px;color:#ec3030;font-weight:800;margin-bottom:10px}
.webzine_icon{width:10%; border:1px solid #e2e2e2}
.webzine_icon a{width: 40px;display: block;margin:0 auto;}

.overlay {position: fixed;top: 0; bottom: 0; left: 0;  right: 0;  background: rgba(0, 0, 0, 0.7); transition: opacity 500ms; visibility: hidden; opacity: 0;z-index:99  }

.modal {margin: 70px auto;padding:50px 20px;background: #fff;border-radius: 5px;width:950px;position: relative;transition: all 5s ease-in-out;}
.modal h2 {margin-top: 0; color: #333;width: 95%;}
.modal .close {position: absolute; top: 20px; right: 20px; transition: all 200ms; font-size: 30px;font-weight: bold; text-decoration: none; color: #333;}
.modal .close:hover { color: #06D85F;}
.modal .content {margin-top: 20px;overflow: auto;}
.modal .content video { width: 100%; }
.modal .content iframe { width: 100%; height: 500px;}


.webzine_link_wrap{float:right;margin-bottom:10px;}
.webzine_link_wrap li{float:left; margin-right:7px;}
.webzine_link_wrap li a{display:block; }


/* 대학정보 > 사이버홍보관 > 홍보동영상 */
.video_wrap{width:100%;height:570px;background:#ddd;margin-bottom:20px}

.cst_video ul li {float:left;width:25%;margin-bottom:20px;padding:0 10px}
.cst_video ul li div.video_contbox{width:100%;overflow:hidden;border:1px solid #ddd;padding-bottom:30px}

.cst_video ul li .video_thumb img{width:100%}
.cst_video ul li h4{font-size:18px;color:#333;font-weight:400;padding:20px 0 30px 10px;text-align: center;}
.cst_video ul li .video_btn{padding:0 20px}
.cst_video ul li a{float:left;width:50%;background:#f2f2f2;padding:0 15px;height:45px;line-height:45px;text-align:center;font-size:1.4rem}
.cst_video ul li a:first-child{background:#666;color:#fff}
.cst_video ul li a:hover{color:#fff;background:#00ada6;text-decoration: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}

/* 게시판 본문에 삽입되는 이미지 */
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:400;padding:5px 0 10px;letter-spacing:0;display:block;color:#1979d2}
#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;}

.bbs_file_tip{float:left;width:100%;overflow:hidden;background:#f9f9f9;padding:20px 30px;box-sizing:border-box;margin:4px 0}
.bbs_file_tip li{line-height:24px;color:#666;position:relative;padding-left:15px}
.bbs_file_tip li:after{content:'';position:absolute;top:14px;left:0;width:7px;height:1px;background:#666}
.bbs_file_tip li span{color:#000;font-weight:400}


/* 첨부파일 영역 */
#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}
.board_view .title{font-size:28px;letter-spacing:-1px;line-height:35px;color:#000;width:100%;font-weight:400;padding-bottom:20px}
.board_reply{border:4px solid #1ab3e1;display:inline-block;clear:both;width:100%;box-sizing:border-box;margin:20px 0 0 ;padding:0 0 20px}
.board_reply h1{font-weight:400;color:#000;background:#1ab3e1;padding:10px 20px;font-size:17px;color:#fff;font-weight:500}
.board_reply > .board_view{padding:30px 20px 0 20px;box-sizing:border-box}
.board_reply > .board_view .board_view_contents{border:none}

#file_list ul li{display:block;width:100%}
.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.file_title{font-size:16px;color:#666;line-height:35px}


.board_view .file .button a{color:#666;margin-left:10px;font-weight:bold;border:1px solid #666;padding:5px 14px 5px 30px;font-size:14px;background:url(./img/icon_preview.png) left top no-repeat}
.board_view .file .button a:hover{background-color:#666;color:#fff !important;background-position:0 -30px;text-decoration:none}
.board_view .board_view_contents{box-sizing:border-box;padding:20px 0;margin:0 auto;line-height:28px;font-size:17px;border-bottom:2px solid #ddd;min-height:300px}
.board_view .board_view_contents table td{border:1px solid #333}

.board_view .board_view_contents img{width:auto;max-width:100%;padding:15px 0}

/* 댓글 */
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){

    /* 게시판_라이트 (베이직타입) */
    #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_view .board_view_contents{width:100%}
    .board_view .board_view_contents table{width:100% !important}
    .board_view .board_view_contents table td,.board_view .board_view_contents table th{width:auto !important}
    .board_view .board_view_contents img{width:auto;max-width:100%}
    .board_view_contents p img{width:auto !important;max-width:100%}

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

    /* board_view */
    .board_view .title{font-size:22px;line-height:28px}
    .board_view_contents .image img{width:100%}
    .board_view .info{padding-bottom:25px;font-size:16px;text-align:center}
    .board_view .title{padding:0 20px 13px 20px;box-sizing:border-box;text-align:center;box-sizing:border-box}
    #bc_writer_name{width:100%}
    /* 웹에디터의 답변시 원본글 처리 */
    .board_view .file a.file_title{width:100%;text-overflow:ellipsis;line-height:23px;font-size:15px;display:block;margin:4px 0}
    .board_view .file .button a{margin:0;display:block;/* padding:0px 14px 0px 30px */}

    .board_view .file .button a.preview{padding:0px 14px 0px 30px;width:50px;line-height:30px}

    .bbs_file_item input{margin-bottom:4px}
    .greeting_talkbox{overflow: hidden; overflow-x: scroll; width:100%; clear:both;}
    .m_info{display: block;}

	.overlay{padding:10px}
	.modal{width:100%}

	.webzine_img{margin:0;width:100%;height:auto}
	.webzine_img img{width:100%;height:auto !important}
	.webzine_con{width:100%;margin:20px 0 0;padding:0 }







}
/****** -------------------------- Tablet Device -------------------------- ******/
@media screen and (min-width:691px) and (max-width:899px) {
    #board_basic{width:100%;padding:0 0 50px 0}


    /* board_basic */
    #board_wrap{width:100%;padding:0}

    /* 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}
    .board_view .board_view_contents img{width:auto;max-width:100%}
    .board_view_contents p img{width:auto !important;max-width:100%}

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

    .board_view .board_view_contents table{width:100% !important}


	.webzine_con{margin-top:10px}
	.webzine_con dt{font-size:16px;line-height:22px;    -webkit-line-clamp: 6;}
	.webzine_img{margin:0}
	.overlay{padding:10px}
	.modal{width:90%;float:right}

	

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

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

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

	.overlay{padding:10px}
	.modal{width:90%;float:right}

}

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

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


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

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

}


/****** Print ******/
@media print{

    .board_view{width:100%}
    .board_view .title{display:block;width:700px;min-width:100%;font-size:20px;line-height:30px}
    .board_view .info{font-size:12px;padding-bottom:15px}
    .board_view .file a.file_title{font-size:12px}
    .board_view .board_view_contents,.board_view .file .button a{font-size:12px;line-height:21px}


}

@charset "utf-8";
/* 데이터없음 */
.no_data_wrap{width:100% !important}
.no_data{width:100%;margin:0 auto;overflow:hidden;border:1px solid #ddd;background:url(/pages/attached/comm_img/nolist_img.png) center 80px no-repeat;box-sizing:border-box;text-align:center;font-size:17px;
    color:#999;padding:180px 0px 130px}

span.highlight{font-weight:bold;color:#ff7200}

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

/*  포토형_리스트 */
#board_list_photo{width:100%;height:auto;overflow:hidden;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding-top:10px}
#board_list_photo ul{display:block;margin:0 auto;overflow:hidden}
#board_list_photo li{display:inline-block;float:left;width:calc(100% / 4 - 0.8%);box-sizing: border-box;margin:0 1% 30px 0;}
#board_list_photo li:nth-child(4n){margin-right:0}
#board_list_photo li a{display:block;float:left;width:100%}
#board_list_photo li a dl{text-align:center}
#board_list_photo li a dt{width:100%;height:120px;overflow:hidden;display:block;margin-bottom:5px;box-sizing: border-box;border:1px solid #ddd}
#board_list_photo li a dt img{width:100%;height:100%}
#board_list_photo li a dd{color:#555;font-size:13px;line-height:16px;padding-bottom:3px}
#board_list_photo li a dd.title{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}
#board_list_photo li a:hover{font-weight:700;color:#333;text-decoration:none}
#board_list_photo li a dd.date{font-size:11px;color:#777}
#board_list_photo li.no_data{width:100%; text-align:center}

#board_list_photo li a span.thumb{overflow:hidden;width:100%;height:180px;display:block}
#board_list_photo li a span img{width:100%;height:100%}
#board_list_photo li a .txt_wrap {height:90px;padding:0 10px}
#board_list_photo li a .txt_wrap strong{color:#333;font-size:17px;font-weight:500;padding:15px 0 5px 0;display:block;white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden;}
#board_list_photo li a p{color:#888;padding:0 0 10px;display:block;white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden;}
#board_list_photo li a span{color:#999;font-size:13px}
#board_list_photo li a:hover span img{transform:scale3d(1.6,1.6,1) rotate3d(0,0,0,0.01deg); -webkit-transform:scale3d(1.6,1.6,1) rotate3d(0,0,0,0.01deg);-moz-transform:scale3d(1.6,1.6,1) rotate3d(0,0,0,0.01deg); transition:transform 15s ease-out;-webkit-transition:-webkit-transform 15s ease-out;-moz-transition:-moz-transform 15s ease-out;}

/* 게시판_뷰 (베이직타입) */
#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 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{padding-top:30px}
.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:15px;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{padding:15px 0;max-width:700px}

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

    /*  포토형_리스트 */
    #board_list_photo li{width:100%}
    #board_list_photo li a dt{height:auto}
    #board_list_photo li a dd.title{min-width:280px}

	#board_list_photo li a span.thumb{min-height:auto;max-height:300px;height:auto}
	#board_list_photo li a span img{height:auto}


    /* 게시판_라이트 (베이직타입) */
    #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_view .board_view_contents img{width:100%}


}

/****** Tablet Device ******/
@media screen and (min-width:691px) and (max-width:899px) {

    /*  포토형_리스트 */
    #board_list_photo li{width:33.3%;padding:0 5px;margin:0}

    #board_list_photo li:nth-child(3n){margin:0 0 30px 0}
    #board_list_photo li:nth-child(4n){margin:0 0 30px 0}

    #board_list_photo li a dt img{-webkit-transition: all 0.6s;-moz-transition: all 0.6s; -o-transition: all 0.6s;transition: all 0.6s }
    #board_list_photo li a dt img:hover{-webkit-transform: translate3d(0, 0, 0);-webkit-perspective: 0;-webkit-backface-visibility: hidden; -webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1) rotate(0.1deg);opacity: 0.9}
    #board_list_photo li a dd.title{width:180px}


    /* 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_photo li{width:33.3%;padding:0 5px;margin:0}
    #board_list_photo li a span.thumb{display:flex}
    #board_list_photo li:nth-child(3n){margin:0 0 30px 0}
    #board_list_photo li:nth-child(4n){margin:0 0 30px 0}

    #board_list_photo li a dt img{-webkit-transition: all 0.6s;-moz-transition: all 0.6s; -o-transition: all 0.6s;transition: all 0.6s }
    #board_list_photo li a dt img:hover{-webkit-transform: translate3d(0, 0, 0);-webkit-perspective: 0;-webkit-backface-visibility: hidden; -webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1) rotate(0.1deg);opacity: 0.9}
    #board_list_photo li a dd.title{width:180px}


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


}

/****** Desktop Wide Device ******/
@media screen and (min-width:1151px){
    #board_list_photo li a dt img{-webkit-transition: all 0.6s;-moz-transition: all 0.6s; -o-transition: all 0.6s;transition: all 0.6s }
    #board_list_photo li a dt img:hover{-webkit-transform: translate3d(0, 0, 0);-webkit-perspective: 0;-webkit-backface-visibility: hidden; -webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1) rotate(0.1deg);opacity: 0.9}



}