@charset "UTF-8";

@import url('/css/home/kor/user/board_respond2.css');

@media screen and (max-width:1280px){ 

}


@media screen and (max-width:1080px){
  
	/* ==================== 갤러리 Style ==================== */
	.gallery_cont .gallery_list {margin: 15px 0 0; padding: 15px 0 0;}
	.gallery_cont .gallery_list > .list > li {width: calc(33.3333% - 13.3333px); margin: 0 20px 20px 0;}
	.gallery_cont .gallery_list > .list > li:nth-last-child(-n+4) {margin: 0 20px 20px 0;}
	.gallery_cont .gallery_list > .list > li:nth-child(4n) {margin: 0 20px 20px 0;}
	.gallery_cont .gallery_list > .list > li:nth-last-child(-n+3) {margin: 0 20px 0 0;}
	.gallery_cont .gallery_list > .list > li:nth-child(3n) {margin: 0 0 20px 0;}
	.gallery_cont .gallery_list > .list > li .box .txt_box {padding: 10px 0 0;}
	.gallery_cont .gallery_list > .list > li .box .txt_box .tit_area .kay {font-size: 14px; line-height: 21px;}
	.gallery_cont .gallery_list > .list > li .box .txt_box .tit_area .tit {height: 42px; margin: 0; font-size: 14px; line-height: 21px;}
	/* ==================== 갤러리 Style ==================== */

	/* ==================== 블로그 Style ==================== */
	.blog_cont .blog_list {margin: 15px 0 0; padding: 15px 0 0;}
	.blog_cont .blog_list > .list > li .box {padding: 15px 0;}
	.blog_cont .blog_list > .list > li:first-child .box {padding: 0 0 15px;}
	.blog_cont .blog_list > .list > li .box .txt_area {padding: 0 0 0 15px;}
	/* ==================== 블로그 Style ==================== */

	/* ==================== 포스터형 Style ==================== */
	.poster_cont .poster_list {margin: 15px 0 0; padding: 15px 0 0;}
	.poster_cont .poster_list > .list > li {width: calc(25% - 15px); margin: 0 20px 20px 0;}
	.poster_cont .poster_list > .list > li:nth-last-child(-n+5) {margin: 0 20px 20px 0;}
	.poster_cont .poster_list > .list > li:nth-child(5n) {margin: 0 20px 20px 0;}
	.poster_cont .poster_list > .list > li:nth-last-child(-n+4) {margin: 0 20px 0 0;}
	.poster_cont .poster_list > .list > li:nth-child(4n) {margin: 0 0 20px 0;}
	.poster_cont .poster_list > .list > li .box .txt_box {padding: 10px 0 0;}
	.poster_cont .poster_list > .list > li .box .txt_box .tit_area .kay {font-size: 14px; line-height: 21px;}
	.poster_cont .poster_list > .list > li .box .txt_box .tit_area .tit {height: 42px; margin: 0; font-size: 14px; line-height: 21px;}
	.poster_cont .poster_list > .list > li .box .img_box .inner_box {height: 248px;}
	/* ==================== 포스터형 Style ==================== */

	.board_view .board_view_con .box_cont {margin: 30px 0 0;}
	.board_view .board_view_con .box_cont .title {padding: 0 0 0 35px; font-size: 20px; line-height: 26px;}
	.board_view .board_view_con .box_cont .title:before {width: 26px; height: 26px;}
	.board_view .board_view_con .box_cont .text_box {margin: 10px 0 0; padding: 15px 10px 15px 20px; font-size: 14px; line-height: 24px;}

	/* ==================== 블로그 Style ==================== */
	.blog_cont .blog_list > .list > li .box .txt_area {}
	.blog_cont .blog_list > .list > li .box .txt_area .title_area > .category_list > .list > li {font-size: 14px; line-height: 21px;}
	.blog_cont .blog_list > .list > li .box .txt_area .title_area .title {margin: 5px 0 0; font-size: 14px; line-height: 21px;}
	.blog_cont .blog_list > .list > li .box .txt_area .text {margin: 5px 0 0; font-size: 12px; line-height: 18px; -webkit-line-clamp: 3}
	.blog_cont .blog_list > .list > li .box .txt_area .sort_list {margin: 5px 0 0;}
	.blog_cont .blog_list > .list > li .box .txt_area .sort_list > .list > li {margin: 0 6px 0 0; padding: 0 6px 0 0; font-size: 12px; line-height: 18px;}
	.blog_cont .blog_list > .list > li .box .txt_area .data_list {margin: 5px 0 0;}
	.blog_cont .blog_list > .list > li .box .txt_area .data_list > .list > li {font-size: 12px; line-height: 18px;}
	.blog_cont .blog_list > .list > li .box .txt_area .data_list > .list > li img {padding: 1px 0;}
	/* ==================== 블로그 Style ==================== */

	/* ==================== 이벤트 Style ==================== */
	.event_cont .event_list {margin: 15px 0 0; padding: 15px 0 0;}
	.event_cont .event_list > .list > li .box {padding: 11px 0;}
	.event_cont .event_list > .list > li:first-child .box {padding: 0 0 11px;}
	/* .event_cont .event_list > .list > li .box .img_area {display: none;} */
	.event_cont .event_list > .list > li .box .txt_area {padding: 0 0 0 15px;}
	.event_cont .event_list > .list > li .box .txt_area > .category_list > .list > li {font-size: 14px; line-height: 21px;}
	.event_cont .event_list > .list > li .box .txt_area .title {font-size: 14px; line-height: 21px;}
	.event_cont .event_list > .list > li .box .txt_area > .sort_list {margin: 5px 0 0;}
	.event_cont .event_list > .list > li .box .txt_area > .sort_list > .list > li {padding: 0 0 0 95px; font-size: 12px; line-height: 18px;}
	.event_cont .event_list > .list > li .box .txt_area > .data_list > .list > li {font-size: 12px; line-height: 18px;}
	.event_cont .event_list > .list > li .box .situ_area {width: 70px;}
	.event_cont .event_list > .list > li .box .situ_area .situ {width: 49px; height: 49px; font-size: 12px; line-height: 49px;}
	/* ==================== 이벤트 Style ==================== */

	/* ==================== FAQ Style ==================== */
	.faq_cont .faq_list .list li .cont:before {width: 23px; height: 23px;}
	.faq_cont .faq_list .list li .q_area {padding: 10px 30px 10px 40px; font-size: 14px; line-height: 21px;}
	.faq_cont .faq_list .list li .q_area:before {left: 5px; font-size: 14px; line-height: 21px;}
	.faq_cont .faq_list .list li .q_area:after {right: 10px;}
	.faq_cont .faq_list .list li .a_area {padding: 10px 30px 60px 40px; font-size: 12px; line-height: 18px;}
	.faq_cont .faq_list .list li .a_area:before {left: 5px; font-size: 14px; line-height: 21px;}
	/* ==================== FAQ Style ==================== */

	/* ==================== 통합검색 Style ==================== */
	.sch_tab_cont > .list > li {width: 100%; border-top: 1px solid #cdcdcd; border-left: none;}
	.sch_tab_cont > .list > li:first-child {border: none;}
	.sch_tab_cont > .list > li .com_tab_btn .text {font-size: 14px; line-height: 42px;}
	.sch_tab_cont > .list > li.tab_slt .tab_slt_btn .text {font-size: 14px; line-height: 42px;}
	.sch_tab_cont > .list > li.tab_slt > .slt_list > li > .tab_data .text_box .text_inner {height: 42px;}
	.sch_tab_cont > .list > li.tab_slt > .slt_list > li > .tab_data .text_box .text_inner .text {font-size: 14px; line-height: 21px;}
	
	.record_area .title {font-size: 18px; line-height: 27px;}
	.record_area .text {margin: 6px 0 0; font-size: 14px; line-height: 21px;}
	.sch_list_cont {margin: 15px 0 0;}
	.sch_list_cont > .list > li > .box .title_area .title {font-size: 14px; line-height: 22px;}
	.sch_list_cont > .list > li > .box .title_area .view {font-size: 14px; line-height: 22px;}
	.sch_list_cont > .list > li > .box .sch_list_box > .list > li > .box {padding: 7px;}
	.sch_list_cont > .list > li > .box .sch_list_box > .list > li > .box .sub_tit {font-size: 14px; line-height: 21px;}
	.sch_list_cont > .list > li > .box .sch_list_box > .list > li > .box .tit {height: 24px; font-size: 16px; line-height: 24px;}
	.sch_list_cont > .list > li > .box .sch_list_box > .list > li > .box .file_list {margin: 7px 0 0;}
	.sch_list_cont > .list > li > .box .sch_list_box > .list > li > .box .menu_list li .text {font-size: 14px; line-height: 21px;}
	.sch_tab_cont > .list > li.tab_slt > .slt_list {top: 42px;}
	/* ==================== 통합검색 Style ==================== */
   
     /* ==================== Pagination Style ==================== */
	.pagination {margin: 15px 0 0;}
	.pagination a {width: 19px; height: 19px; font-size:12px; line-height: 19px;}
	.pagination .page_arrow {font-size:15px;}
	.pagination .page_arrow.l1 {margin: 0 8px 3px 0;}
	.pagination .page_arrow.r1 {margin: 0 0 3px 8px;}
	.pagination.skin2 a {line-height:20px;}
    .pagination .page_arrow.l2 {margin: 0 8px 3px 0;}
    .pagination .page_arrow.r2 {margin: 0 0 3px 8px;}
    /* ==================== Pagination Style ==================== */

	/* 댓글 */
	.comment_regist_form {padding: 10px 100px 10px 10px;}
	.comment_top_area {margin: 0 0 6px;}
	.comment_top_area .comment_top_tit {font-size: 14px; line-height: 21px;}
	.comment_top_area .secret_txt .chk_area label .text {font-size: 14px; line-height: 21px;}
	.comment_regist {margin: 0 0 20px;}
	.comment_regist_textarea {font-size: 14px; line-height: 21px;}
	.comment_regist .comment_word_count {padding: 0 105px 0 0; font-size: 14px; line-height: 21px;}
	.comment_regist_form .btn {width: 100px;}
	.comment_list > li {padding: 15px 0;}
	.comment_list > li .box .no_text {font-size: 14px; line-height: 21px;}
	.comment_info {margin: 0 0 7px;}
	.comment_info .id {font-size: 14px; line-height: 21px;}
	.comment_info .date {margin: 0 0 0 7px; font-size: 14px; line-height: 21px;}
	.comment_txt img {margin: 0 5px 0 0;}
	.comment_txt .text {font-size: 14px; line-height: 21px;}
	.comment_edit_box .btn {font-size: 12px;}
	/* 댓글 */

	.board_area .board_list tbody tr td .state {display: inline-block; width: auto !important;}

	.board_view .board_title_cont {padding: 30px 10px 25px 30px;}
	.board_view .board_title_cont .mark_list_area {margin: 0 0 10px;}
	.board_view .board_title_cont .mark_list_area .list li .mark {padding: 0 8px; font-size: 14px; line-height: 24px;}
	.board_view .board_title_cont .title {margin: 0 0 15px; font-size: 18px; line-height: 27px;}
	.board_view .board_title_cont .program_title {line-height: 27px;}
	.board_view .board_title_cont .data_list_area .list li {margin: 0 6px 0 0; padding: 0 6px 0 0; font-size: 13px; line-height: 21px;}
	.board_view .board_title_cont .data_list_area .list li:after {top: 6px; height: 10px;}

	.board_area .board_list tbody tr td.tit a .text {text-align: left;}
	.board_area .board_list tbody tr td .stat_tag {padding: 0 14px; border-radius: 9px; font-size: 12px; line-height: 20px;}

	.post_nav .list .item .item_wrapper .tit {width: 100px; padding: 10px;}
    .post_nav .list .item .item_wrapper .tit .icon {padding: 0 0 0 15px; background-size: 10px auto; font-size: 14px; line-height: 22px;}
    .post_nav .list .item .item_wrapper .post {padding: 10px;}
    .post_nav .list .item .item_wrapper .post .text {font-size: 14px; line-height: 22px;}


	
}


@media screen and (max-width:767px){
	
	/* ==================== 갤러리 Style ==================== */
	.gallery_cont .gallery_list > .list > li {width: calc(50% - 5px); margin: 0 10px 10px 0;}
	.gallery_cont .gallery_list > .list > li:nth-last-child(-n+4) {margin: 0 10px 10px 0;}
	.gallery_cont .gallery_list > .list > li:nth-child(4n) {margin: 0 10px 10px 0;}
	.gallery_cont .gallery_list > .list > li:nth-last-child(-n+3) {margin: 0 10px 10px 0;}
	.gallery_cont .gallery_list > .list > li:nth-child(3n) {margin: 0 10px 10px 0;}
	.gallery_cont .gallery_list > .list > li:nth-last-child(-n+2) {margin: 0 10px 0 0;}
	.gallery_cont .gallery_list > .list > li:nth-child(2n) {margin: 0 0 10px 0;}
	.gallery_cont .gallery_list > .list > li .box .txt_box .txt_area .txt {font-size: 12px; line-height: 18px;}
	.gallery_cont .gallery_list > .list > li .box .txt_box .data_list > .list > li {margin: 0 6px 0 0; padding: 0 6px 0 0; font-size: 12px; line-height: 18px;}
	.gallery_cont .gallery_list > .list > li .box .txt_box .data_list > .list > li img {padding: 1px 0;}
	/* ==================== 갤러리 Style ==================== */

	/* ==================== 포스터 Style ==================== */
	.poster_cont .poster_list > .list > li {width: calc(33.3333% - 6.6666px); margin: 0 10px 10px 0;}
	.poster_cont .poster_list > .list > li:nth-last-child(-n+5) {margin: 0 10px 10px 0;}
	.poster_cont .poster_list > .list > li:nth-child(5n) {margin: 0 10px 10px 0;}
	.poster_cont .poster_list > .list > li:nth-last-child(-n+4) {margin: 0 10px 10px 0;}
	.poster_cont .poster_list > .list > li:nth-child(4n) {margin: 0 10px 10px 0;}
	.poster_cont .poster_list > .list > li:nth-last-child(-n+3) {margin: 0 10px 0 0;}
	.poster_cont .poster_list > .list > li:nth-child(3n) {margin: 0 0 10px 0;}
	.poster_cont .poster_list > .list > li .box .txt_box .txt_area .txt {font-size: 12px; line-height: 18px;}
	.poster_cont .poster_list > .list > li .box .txt_box .data_list > .list > li {margin: 0 6px 0 0; padding: 0 6px 0 0; font-size: 12px; line-height: 18px;}
	.poster_cont .poster_list > .list > li .box .txt_box .data_list > .list > li img {padding: 1px 0;}
	/* ==================== 포스터 Style ==================== */

	

	.board_view .board_title_cont {padding: 20px 10px 15px 20px;}
	.board_view .board_title_cont .mark_list_area .list li .mark {font-size: 12px; line-height: 20px;}
	.board_view .board_title_cont .program_title {display: block; margin: 8px 0 0; line-height: 24px;}
	.board_view .board_title_cont .title {margin: 0 0 10px; font-size: 16px; line-height: 24px;}
	.board_view .board_title_cont .data_list_area .list li {font-size: 12px; line-height: 20px;}
	.board_view .board_title_cont .data_list_area .list li:after {top: 5px;}

	.post_nav .list .item .item_wrapper .tit {padding: 8px;}
    .post_nav .list .item .item_wrapper .tit .icon {font-size: 12px; line-height: 20px;}
    .post_nav .list .item .item_wrapper .post {padding: 8px;}
    .post_nav .list .item .item_wrapper .post .text {font-size: 12px; line-height: 20px;}

	.sub_sch_box .sch_box .box .com_data_box .com_data .btn_list.m_none {display: none;}
	.sub_sch_box .sch_box .box .com_data_box .com_data .m_slt {display: block;}
}


@media screen and (max-width:480px){
	
	/* ==================== 갤러리 Style ==================== */
	.gallery_cont .gallery_list > .list > li {width: 100%; margin: 0 0 10px 0 !important;}
	.gallery_cont .gallery_list > .list > li:nth-child(-n+4), .gallery_cont .gallery_list > .list > li:nth-child(-n+3), .gallery_cont .gallery_list > .list > li:nth-child(-n+2) {margin: 0 0 10px 0 !important;}
	.gallery_cont .gallery_list > .list > li:nth-child(4n), .gallery_cont .gallery_list > .list > li:nth-child(3n), .gallery_cont .gallery_list > .list > li:nth-child(2n) {margin: 0 0 10px 0 !important;}
	.gallery_cont .gallery_list > .list > li:nth-child(4), .gallery_cont .gallery_list > .list > li:nth-child(3), .gallery_cont .gallery_list > .list > li:nth-child(2) {margin: 0 0 10px 0 !important;}
	/* ==================== 갤러리 Style ==================== */

	/* ==================== 포스터 Style ==================== */
	.poster_cont .poster_list > .list > li {width: calc(50% - 5px);}
	.poster_cont .poster_list > .list > li:nth-last-child(-n+5) {margin: 0 10px 10px 0;}
	.poster_cont .poster_list > .list > li:nth-child(5n) {margin: 0 10px 10px 0;}
	.poster_cont .poster_list > .list > li:nth-last-child(-n+4) {margin: 0 10px 10px 0;}
	.poster_cont .poster_list > .list > li:nth-child(4n) {margin: 0 10px 10px 0;}
	.poster_cont .poster_list > .list > li:nth-last-child(-n+3) {margin: 0 10px 10px 0;}
	.poster_cont .poster_list > .list > li:nth-child(3n) {margin: 0 10px 10px 0;}
	.poster_cont .poster_list > .list > li:nth-last-child(-n+2) {margin: 0 10px 0 0;}
	.poster_cont .poster_list > .list > li:nth-child(2n) {margin: 0 0 10px 0;}
	.poster_cont .poster_list > .list > li .box .img_box .inner_box {height: 219px;}
	/* ==================== 포스터 Style ==================== */

	/* 블로그형 */
	.blog_cont .blog_list > .list > li .box .img_area {display: block; margin: 0 auto;}
	.blog_cont .blog_list > .list > li .box .txt_area {display: block; margin: 5px 0 0; padding: 0;}
	/* 블로그형 */
	
	/* 이벤트형 */
	.event_cont .event_list > .list > li .box .img_area {display: block; margin: 0 auto;}
	.event_cont .event_list > .list > li .box .txt_area {display: block; margin: 5px 0 0; padding: 0;}
	/* 이벤트형 */

	/* comment */
	
	.comment_regist_form {height:auto; padding: 10px;}
	.comment_regist_textarea {margin: 0 0 3px; width: 100%;}
	.comment_word_count {position:static; margin-bottom:3px; text-align:right;}
	.comment_regist_form .btn {position:static; width:100%; height:35px; line-height:35px;}
	.comment2_view {padding:5px 5%;}
	.comment_regist .comment_word_count{margin: 5px 0 0; padding: 0;}

	/* 버튼 */
	.btn_com .btn_area.tl {}
	.btn_com .btn_area {margin: 15px 0 0; font-size: 0;}
	.btn_com .btn_area .btn {display: inline-block;}

}
