
@media only screen and (min-width:1px) and (max-width:800px) {


}

@media only screen and (min-width:800px) and (max-width:1200px) { 


}

@media only screen and (min-width: 1200px) {


}



@media only screen and (min-width:1px) and (max-width:800px) {

.tbl_none { display:none; }

/*검색창*/
.search_top_wrap { float:left; width:100%; padding:0px 0 20px 0; }

.search_top_ri { width:100%; margin:0 auto; box-sizing:border-box; }
.search_top_ri ul li { float:left; margin-left:5px; padding:10px 0 0 0;  box-sizing:border-box;   }
.search_top_ri ul { float:right; }

.se_sel { width:80px; padding:10px 0 10px 10px; font-size:14px; }/*검색창카테고리*/
.se_input { width:120px; padding:12px 10px;   }/*검색창*/

}

@media only screen and (min-width:800px) and (max-width:1200px) { 

/*검색창*/
.search_top_wrap { float:left; width:100%; padding:0px 0 20px 0; }

.search_top_ri { float:right; width:380px; box-sizing:border-box;  }
.search_top_ri ul li { float:left; margin-left:5px; box-sizing:border-box;   }
.search_top_ri ul { float:right; }

.se_sel { width:80px; padding:10px 0 10px 10px; font-size:15px; }/*검색창카테고리*/
.se_input { width:130px; padding:12px 10px;   }/*검색창*/

}

@media only screen and (min-width: 1200px) {

/*검색창*/
.search_top_wrap { float:left; width:100%; padding:0px 0 20px 0; }

.search_top_ri { float:right; width:380px; box-sizing:border-box;  }
.search_top_ri ul li { float:left; margin-left:5px; box-sizing:border-box;   }
.search_top_ri ul { float:right; }

.se_sel { width:80px; padding:10px 0 10px 10px; font-size:15px; }/*검색창카테고리*/
.se_input { width:130px; padding:12px 10px;   }/*검색창*/

}

/*BOARD(게시판)*/
.tbl_board_wrap { float:left; width:100%; margin-bottom:0px; }
.tbl_board { width:100%; border-bottom:3px solid #1b467b; }
.tbl_board thead tr th { font-size:18px; font-weight:500; color:#1b467b; padding:15px 0px; border:1px solid #1b467b;  border-width:1px 0 3px 0;   }
.tbl_board thead tr th:first-child { border-left:none;  }
.tbl_board tbody tr th { font-size:16px; font-weight:500; color:#000; border-bottom:1px solid #ccc;  }
.tbl_board tbody tr td { padding:15px 10px; font-size:16px; color:#333; border-bottom:1px solid #ccc; text-align:center; vertical-align:middle;  }
.tbl_board tbody tr td a { color:#333; }
.tbl_board tbody tr td a:hover { color:#1b467b;   }
.tbl_board tbody tr td:first-child { border-left:none;  }
.tbl_board tbody tr td img { vertical-align:middle; margin-top:-5px; }

.tbl_board tbody tr td .not_hr { background:#000; color:#fff; padding:2px 10px; border-radius:5px; }
.tbl_board tbody tr td b { font-size:17px; color:#000;  }



/*검색버튼*/
.btn_search { display:inline-block; *zoom:1; *display:inline; width:60px; height:40px; line-height:40px; background:#1b467b; font-size:14px; font-weight:400; color:#fff;  border-radius:3px; text-align:center; vertical-align:middle; border:none;cursor:pointer; }
.btn_search:hover { color:#fff; text-decoration:none; background:#043f81; }

.btn_reset { display:inline-block; *zoom:1; *display:inline; width:60px; height:40px; line-height:40px; background:#d43f3f; font-size:14px; font-weight:400; color:#fff;  border-radius:3px; text-align:center; vertical-align:middle; border:none;cursor:pointer; }
.btn_reset:hover { color:#fff; text-decoration:none; background:#e74141; }

.icon_board {cursor:pointer; vertical-align:middle;  }



/* paging */
.paging { float:left; width:100%; margin:30px 0 0px 0; text-align:center; }
.paging * {vertical-align:top; }
.paging a { display:inline-block; font-size:12px; padding:0 2px;margin:0 0px; height:27px; min-width:25px;line-height:27px;text-align:center; color:#555; border:1px solid #ccc;}
.paging b { display:inline-block; font-size:12px; color:#fff; background:#1b467b; border:1px solid #1b467b; padding:0 2px; margin:0 1px; width:25px; height:27px; min-width:25px; line-height:27px; text-align:center;   }

.paging a.icon_no {position:relative;padding:0}
.paging a.icon_no:before {position:absolute;top:9px;left:7px}

.paging a.icon_prev {background:url('../../images/icon_le.gif') no-repeat 5px 7px;}
.paging a.icon_prev2 {background:url('../../images/icon_le2.gif') no-repeat 5px 7px;}
.paging a.icon_next {background:url('../../images/icon_ri.gif') no-repeat 5px 7px; }
.paging a.icon_next2 {background:url('../../images/icon_ri2.gif') no-repeat 5px 7px;}



/*BOARD(뷰페이지)*/
.view_title { width:100%; text-align:left; padding: 0 0 0 15px; color:#000;  height:45px;  vertical-align: middle;  margin-bottom:10px; }
.view_title thead th {  padding:20px 10px; text-align:center; font-size:20px; font-weight:500; color:#fff; background:#1b467b;  vertical-align: middle;  }
.view_title tbody th {  padding:15px 0 ; vertical-align:middle; font-size:16px; font-weight:500; color:#000; background:#f8f8f8;  text-align:center; line-height:25px; border-bottom:1px solid #ccc;    }
.view_title tbody th span { float:right; text-align:right; }
.view_title tbody td {  padding:15px 10px; font-size:16px; color:#333; border-bottom:1px solid #ccc;  }
.view_title tbody td a { color:#333; }
.view_title tbody td a:hover { color:#0f4c81;  }

.view { width:100%; text-align:left; padding: 0 0 0 15px; border-bottom:1px solid #555; color:#000;    vertical-align: middle;}
.view th { padding:15px 0; text-align:center; font-size:16px; font-weight:500; color:#000; background:#f8f8f8; vertical-align: middle; text-align:center; border-bottom:1px solid #ccc; }
.view td {  vertical-align:middle; border-bottom:1px solid #ccc;     }

.view .tbl_left { font-size:16px; text-align:left; padding:15px 20px; }
.view a { color:#333; }
.view a:hover { color:#0f4c81; }

.board_view_btn { float:right; margin:30px 0 0 0; }
.btn_list { display:inline-block; *zoom:1; *display:inline; width:100px; height:40px; line-height:40px; background:#333; font-size:15px; font-weight:400; color:#fff;  border-radius:3px; text-align:center; vertical-align:middle; border:none;cursor:pointer; transition: all ease 0.3s;  }
.btn_list:hover { color:#fff; text-decoration:none; background:#000; }

.gallery_view_txt { float:left; width:96%; padding:30px 2%; background:#f8f8f8; border-radius:10px; }


@media only screen and (min-width:1px) and (max-width:800px) {

/*갤러리 탭*/
.gallery_tab ul li { float:left; width:calc(99%/ 3);   text-align:center; box-sizing:border-box;   }

/*갤러리(리스트)*/
.gallery_list { float:left; width:100%; margin:50px 0 0 0;  }
.gallery_list ul li { float:left; width:calc(99%/ 2); box-sizing:border-box; margin:0px 0 0px 0; }
.gallery_list .gall_img { width:95%; text-align:center; margin:0 auto; position:relative;padding-top:60%  }
.gallery_list .gall_img img { position:absolute;top:0;left:0; width:100%;height:100%; }
.gallery_list .txt { width:100%; height:100px; text-align:center; padding:10px 0 0 0; font-size:15px; color:#555; word-break:break-all;/*영문단어줄바꿈*/   }
.gallery_list .txt ul li { width:100%; padding: 0 15px; line-height:20px; }
.gallery_list .txt span {  font-size:14px; color:#999; padding:5px 0px;  }
.gallery_list .txt a { color:#000; }


.gallery_view { float:left; width:100%; margin:0px 0 0 0;  }

/* 갤러리 뷰 공통 */
.ip_gallery_detail {   }
.ip_gallery_detail > div { float:left; width:100%;  margin:0 0 10px 0;  }
.ip_gallery_detail > div img { width:100%;  }

.ip_gallery_detail div:first-child p { width:100%; text-align:center; font-size:30px; font-weight:500;  }
/* 1번) 유튜브 동영상 */
.ip_gallery_detail div:first-child .iContainer { width:100%; margin-top:40px;  }
.ip_gallery_detail div:first-child .iContainer iframe { width:100%; height:60vw;  }
/* 2번) 이미지 스와이프 */
.swiper-container { float:left; height:60vw; }
.main_banner_wrap .swiper-button-next, .main_banner_wrap .swiper-button-prev { width:50px !important;  }
.ip_gallery_detail .swiper-button-next, .ip_gallery_detail .swiper-button-prev { width:30px !important;  }


}


@media only screen and (min-width:800px) and (max-width:1200px) {

/*갤러리 탭*/
.gallery_tab ul li { float:left; width:calc(99%/ 10);   text-align:center; box-sizing:border-box;   }

/*갤러리(리스트)*/
.gallery_list { float:left; width:100%; margin:50px 0 0 0;  }
.gallery_list ul li { float:left; width:calc(99%/ 2); box-sizing:border-box; margin:0px 0 0px 0; }
.gallery_list .gall_img { width:90%; text-align:center; margin:0 auto; position:relative;padding-top:60%  }
.gallery_list .gall_img img { position:absolute;top:0;left:0; width:100%;height:100%; }
.gallery_list .txt { width:100%; height:100px; text-align:center; padding:10px 0 0 0; font-size:16px; color:#555; word-break:break-all;/*영문단어줄바꿈*/ }
.gallery_list .txt ul li { width:100%; padding: 0 15px; line-height:22px; }
.gallery_list .txt span {  font-size:14px; color:#999; padding:5px 0px;  }
.gallery_list .txt a { color:#000; }

.gallery_view { float:left; width:100%; margin:0px 0 0 0;  }

/* 갤러리 뷰 공통 */
.ip_gallery_detail {   }
.ip_gallery_detail > div { float:left; width:100%; margin:0 0 10px 0;  }
.ip_gallery_detail > div img { width:100%;  }

.ip_gallery_detail div:first-child p { width:100%; text-align:center; font-size:30px; font-weight:500;  }
/* 1번) 유튜브 동영상 */
.ip_gallery_detail div:first-child .iContainer { width:100%; margin-top:40px;  }
.ip_gallery_detail div:first-child .iContainer iframe { width:100%; height:40vw;  }
/* 2번) 이미지 스와이프 */
.swiper-container { float:left; height:60vw; }
.main_banner_wrap .swiper-button-next, .main_banner_wrap .swiper-button-prev { width:50px !important;  }
.ip_gallery_detail .swiper-button-next, .ip_gallery_detail .swiper-button-prev { width:70px !important;  }


}


@media only screen and (min-width: 1200px) {

/*갤러리 탭*/
.gallery_tab ul li { float:left; width:calc(99%/ 10);   text-align:center; box-sizing:border-box;   }

/*갤러리(리스트)*/
.gallery_list { float:left; width:99.9%; margin:50px 0 0 0;  }
.gallery_list ul li { float:left; width:calc(99%/ 3); box-sizing:border-box; margin:0px 0 0px 0; }
.gallery_list .gall_img { width:90%; text-align:center; margin:0 auto; position:relative; padding-top:60%; }
.gallery_list .gall_img img { position:absolute;top:0;left:0; width:100%;height:100%;  }
.gallery_list .txt { width:100%; height:95px; text-align:center; padding:10px 0 0 0; font-size:17px; color:#555;  word-break:break-all;/*영문단어줄바꿈*/}
.gallery_list .txt ul li { width:100%; padding: 0 15px; line-height:22px; }
.gallery_list .txt span {  font-size:14px; color:#999; padding:5px 0px;  }
.gallery_list .txt a { color:#000; }

.gallery_view { float:left; width:100%; margin:0px 0 0 0;  }

/* 갤러리 뷰 공통 */
.ip_gallery_detail {   }
.ip_gallery_detail > div { float:left; width:100%; margin:0 0 10px 0; text-align:center; background:#fff; }
.ip_gallery_detail > div img {  height:634px; }

.ip_gallery_detail div:first-child p { width:100%; text-align:center; font-size:30px; font-weight:500;  }
/* 1번) 유튜브 동영상 */
.ip_gallery_detail div:first-child .iContainer { width:100%; margin-top:40px;  }
.ip_gallery_detail div:first-child .iContainer iframe { width:100%; height:500px;  }
/* 2번) 이미지 스와이프 */
.swiper-container { float:left; height:634px;  }
.main_banner_wrap .swiper-button-next, .main_banner_wrap .swiper-button-prev { width:50px !important;  }
.ip_gallery_detail .swiper-button-next, .ip_gallery_detail .swiper-button-prev { width:70px !important;  }


}

/*갤러리 탭*/
.gallery_tab { float:left; width:100%;  margin:0 0 0px 0; border-bottom:1px solid #ccc;  }

.gallery_tab ul li a { display:block; padding:10px; background:#f8f8f8; font-size:16px; font-weight:500; color:#333; line-height:18px; margin:0 -1px -1px 0;  border:1px solid #ccc;  border-radius:0px 0px 0px 0;  }
.gallery_tab ul li a:hover { background:#1b467b; color:#fff;  }
.gallery_tab ul li .on { padding:10px; color:#fff; box-sizing:border-box; background:#1b467b;  }
.gallery_tab ul li br { display:none; }