/*검색창*/
.tbl_search_wrap { float:left; width:100%; background:#f2f2f2; padding:15px 0; margin:30px 0 0 0; font-size:16px; }
.tbl_search { width:100%; margin:0 auto; text-align:center; }
.tbl_sel_st1 { width:80px; padding:10px 0 15px 10px; font-size:16px; }
.tbl_sel_st2 { width:110px; padding:10px 0 15px 10px; font-size:16px; }
.tbl_input_st1 { width:30%; padding:13px; margin:0 0 0 5px; font-size:16px; }
.tbl_btn_search { cursor:pointer; vertical-align:middle; }

/*BOARD*/
.tbl_wrap { float:left; width:100%; padding:50px 0 0 0; }
.tbl_typeA {width:100%; padding:0; margin:0; letter-spacing:0px;}
.tbl_typeA th { padding:15px 10px; background-color:#fff;  font-size:18px; font-weight:500; color:#333; text-align:center; vertical-align: middle; border:1px solid #dcb41c; border-width:2px 0 1px 0; }
.tbl_typeA td { padding:15px 10px; font-size:16px; font-weight:400; line-height:20px; color:#333;  border-bottom:1px solid #e6e6e6; vertical-align:middle; text-align:center; /*word-break:keep-all;*/ }
.tbl_typeA td img { vertical-align:middle; }
.tbl_typeA td a { color:#333; }
.tbl_typeA td a:hover { color:#dcb41c; }
.tbl_typeA td .sort { font-weight:400; color:#c6a117; }
.tbl_typeA .lock_img {   margin-top:-5px; }

/*전체교육일정_리스트*/
.tbl_typeB {width:100%; padding:0; margin:0; letter-spacing:0px;}
.tbl_typeB th { padding:15px 10px; background-color:#fff;  font-size:18px; line-height:20px; font-weight:500; color:#333; text-align:center; vertical-align: middle; border:1px solid #87ba1a; border-width:2px 0 1px 0;  }
.tbl_typeB td { padding:15px 10px; font-size:16px; font-weight:400; line-height:20px; /*color:#333;*/  border-bottom:1px solid #e6e6e6; vertical-align:middle; text-align:center; /*word-break:keep-all;*/ }
.tbl_typeB td img { vertical-align:middle; }

.tbl_typeB .sort_on a { color:#333; }
.tbl_typeB .sort_on a:hover { color:#87ba1a; }

.tbl_typeB .sort_off a { color:#a5a5a5; }
.tbl_typeB .sort_off a:hover { color:#a5a5a5; }

.tbl_typeB td .sort { font-weight:400; color:#87ba1a; }
.tbl_typeB td .sort_end { font-weight:400; color:#a5a5a5; }
.tbl_typeB td .place { font-size:13px; font-weight:300; color:#a5a5a5; line-height:10px; }
.tbl_typeB .day { font-size:15px; }

.edu_td_bg { background:#fff; color:#333; }
.edu_td_bgend { background:#f8f8f8; color:#a5a5a5; }

/*커뮤니티 뷰*/
.tbl_view { float:left; width:100%; margin:0px 0 50px 0;  }

.view_title { width:100%; text-align:left; padding: 0 0 0 15px; color:#000;  height:45px;  vertical-align: middle;}
.view_title thead th {  padding:20px; text-align:left; font-size:22px; font-weight:500; color:#000; border:5px solid #dcb41c; background:#fff; vertical-align: middle;  }
.view_title tbody th {  width:90px; padding:5px; vertical-align: middle; font-size:15px; font-weight:400; color:#c09c11;  text-align:left; line-height:25px; border-bottom:1px solid #ccc;    }
.view_title tbody th span { float:right; text-align:right; }
.view_title tbody td {  padding:10px; font-size:15px; color:#333; border-bottom:1px solid #ccc;  }
.view_title tbody td a { color:#333; }
.view_title tbody td a:hover { color:#c09c11;  }

.view { width:100%; text-align:left; padding: 0 0 0 15px; border-bottom:1px solid #555; color:#000;  height:45px;  vertical-align: middle;} 
.view th { width:90px; text-align:center; font-size:16px; font-weight:400; color:#000; background:#f1f1f1; 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:#c09c11; }

.view_title_edu { width:100%; text-align:left; padding: 0 0 0 15px; color:#000;  height:45px;  vertical-align:middle; }
.view_title_edu thead th {  padding:20px; text-align:left; font-size:22px; font-weight:500; color:#000; background:#fff; vertical-align: middle;  border:5px solid #87ba1a; }
.view_title_edu thead th span { background:#999; color:#fff; padding:0 10px; }
.view_title_edu tbody th {  width:80px; padding:5px 8px; vertical-align: middle; font-size:15px; font-weight:400; color:#87ba1a; background:#f3f8e8;  text-align:left; line-height:25px; border-bottom:1px solid #87ba1a;    }
.view_title_edu tbody th span { float:right; text-align:right; }
.view_title_edu tbody td {  padding:10px; font-size:15px; color:#333; border-bottom:1px solid #87ba1a;  }
.view_title_edu tbody td a { color:#333; }
.view_title_edu tbody td a:hover { color:#87ba1a;  }




@media only screen and (min-width:1px) and (max-width:799px) {

.view td img { width:100%; }
.view_edu_mob {  display:block; }
.view_edu_web { display:none;  }

/*BOARD(공지사항) 탭*/
.sub_top_title { float:left; width:100%; font-family:'BMDOHYEON'; font-size:25px; color:#000; font-weight:400; padding:5px 0 30px 0; }
.sub_board_tab { float:left; width:100%;  }
.sub_board_tab ul li { float:left; width:calc(100%/ 5);  font-size:16px; color:#333; letter-spacing:-1px; line-height:18px; text-align:center; box-sizing:border-box;  }
.sub_board_tab ul li a { display:block; padding:15px 5px; border:1px solid #dcb41c; background:#fff; margin-right:-1px; }
.sub_board_tab ul li .on { background:#dcb41c; color:#fff; }

/*BOARD(자료실) 탭*/
.sub_data_tab { float:left; width:100%;  }
.sub_data_tab ul li { float:left; width:calc(100%/ 5);  font-size:16px; color:#333; letter-spacing:-1px; line-height:18px; text-align:center; box-sizing:border-box;  }
.sub_data_tab ul li a { display:block; padding:15px 5px; border:1px solid #dcb41c; background:#fff; margin-right:-1px; }
.sub_data_tab ul li .on { background:#dcb41c; color:#fff; }

/*BOARD(교육일정) 탭*/
.sub_edu_tab { float:left; width:100%;  }
.sub_edu_tab ul li { float:left; width:calc(100%/ 5);  font-size:16px; color:#333; letter-spacing:-1px; line-height:18px; text-align:center; box-sizing:border-box;  }
.sub_edu_tab ul li a { display:block; padding:15px 5px; border:1px solid #87ba1a; background:#fff; margin-right:-1px; }
.sub_edu_tab ul li .on { background:#87ba1a; color:#fff; }

/* paging */
.paging { float:left; width:100%; margin:30px 0 30px 0;text-align:center;position:relative}
.paging * {vertical-align:top}
.paging a {display:inline-block;padding:0 4px;margin:0 1px;height:27px;min-width:25px;line-height:27px;text-align:center;color:#666;font-size:12px;border:1px solid #dcddde}
.paging a.active {color:#fff;background-color:#d1a708;border-color:#d1a708;}
.paging .active {color:#fff;background-color:#d1a708;border-color:#d1a708;}
.paging a.icon_no {position:relative;padding:0}
.paging a.icon_no:before {position:absolute;top:9px;left:7px}
.paging b { display:inline-block; font-size:12px; color:#fff; background-color:#d1a708; border:1px solid #d1a708; border-color:#d1a708; padding:0 4px; margin:0 1px; width:25px; height:27px; min-width:25px; line-height:27px;text-align:center;   }

.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;}

/* paging */
.paging_edu { float:left; width:100%; margin:30px 0 30px 0;text-align:center;position:relative}
.paging_edu * {vertical-align:top}
.paging_edu a {display:inline-block;padding:0 4px;margin:0 1px;height:27px;min-width:25px;line-height:27px;text-align:center;color:#666;font-size:12px;border:1px solid #dcddde}
.paging_edu a.active {color:#fff;background-color:#87ba1a;border-color:#87ba1a;}
.paging_edu .active {color:#fff;background-color:#87ba1a;border-color:#87ba1a;}
.paging_edu a.icon_no {position:relative;padding:0}
.paging_edu a.icon_no:before {position:absolute;top:9px;left:7px}
.paging_edu b { display:inline-block; font-size:12px; color:#fff; background-color:#87ba1a; border:1px solid #d1a708; border-color:#87ba1a; padding:0 4px; margin:0 1px; width:25px; height:27px; min-width:25px; line-height:27px;text-align:center;   }


.paging_edu a.icon_prev {background:url('../../images/icon_le.gif') no-repeat 5px 7px;}
.paging_edu a.icon_prev2 {background:url('../../images/icon_le2.gif') no-repeat 5px 7px;}
.paging_edu a.icon_next {background:url('../../images/icon_ri.gif') no-repeat 5px 7px; }
.paging_edu a.icon_next2 {background:url('../../images/icon_ri2.gif') no-repeat 5px 7px;}

.tbl_typeA .hidden { display:none; }
.tbl_typeB .hidden { display:none; }

/*BOARD버튼(목록)*/
.board_view_btn { width:100%; text-align:center; margin:20px 0 0 0;  }
.board_view_btn img { width:86px;   } 


/*소식지(리스트)*/
.newsletter_list { float:left; width:100%; margin:30px 0 0 0;  }
.newsletter_list ul li { float:left; width:calc(100%/ 2); box-sizing:border-box; margin:0px 0 50px 0; }
.newsletter_list .img { width:90%; text-align:center; margin:0 auto;  }
.newsletter_list .img img { width:100%; border:1px solid #ccc; }
.newsletter_list .txt { width:100%; text-align:center; padding:10px 0; font-size:16px; color:#555;  }
.newsletter_list .txt span {  color:#cda717; padding:5px 0px;  }
.newsletter_list .txt img { width:25px; vertical-align:middle; margin-top:-5px;  }

/*소식지(뷰페이지)*/
.newsletter_view { float:left; width:100%;  }
.newsletter_view_top { float:left; width:100%; border:1px solid #dcb41c; border-width:3px 0 1px 0; padding:30px 0 20px 0; margin:0 0 30px 0; }
.newsletter_view_top .head_title { font-family:'BMDOHYEON'; font-size:30px; color:#dcb41c; font-weight:400; text-align:center; line-height:30px; }
.newsletter_view_top .head_title span { font-size:18px; color:#555; }
.newsletter_view_top .title { font-size:16px; color:#fff; text-align:center; background:#777; padding:8px 0; margin:5px 0 0 0; }

.newsletter_view_board { width:100%; padding:30px 0; margin:0 0 30px 0; border-bottom:1px solid #dcb41c;  }
.newsletter_view_board img { width:100%; }


/*BOARD(갤러리) 탭*/
.sub_gallery_tab { float:left; width:100%;  }
.sub_gallery_tab ul li { float:left; width:calc(100%/ 5);  font-size:16px; color:#333; letter-spacing:-1px; line-height:18px; text-align:center; box-sizing:border-box;  }
.sub_gallery_tab ul li a { display:block; padding:10px 5px; border:1px solid #dcb41c; background:#fff; margin-right:-1px; }
.sub_gallery_tab ul li .on { background:#dcb41c; color:#fff; }

/*갤러리(리스트)*/
.gallery_list { float:left; width:100%; margin:50px 0 0 0;  }
.gallery_list ul li { float:left; width:calc(100%/ 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:125px; text-align:center; padding:10px 0 0 0; font-size:15px; color:#555;   }
.gallery_list .txt ul li { width:100%; padding: 0 15px; line-height:20px; }
.gallery_list .txt span {  font-size:14px; color:#cda717; 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;  }


/*교육일정_뷰*/
.view_edu_top { float:left; width:100%; }
.view_edu_top_le { float:left; width:100%; }

/*교육일정버튼(목록)*/
.edu_view_btn { float:left; width:100%; margin:20px 0 0 0;  }
.edu_view_btn img { width:86px;   } 
.edu_view_btn_le { float:left; }
.edu_view_btn_ri { float:right; }

}

@media only screen and (min-width:800px) and (max-width:1449px) { 

.view td img {  width:100%; max-width:1100px; }
.view_edu_mob {  display:none; }
.view_edu_web { display:block;  }

/*BOARD(공지사항) 탭*/
.sub_top_title { float:left; width:100%; font-family:'BMDOHYEON'; font-size:35px; color:#000; font-weight:400; padding:5px 0 30px 0; }
.sub_board_tab { float:left; width:100%;  }
.sub_board_tab ul li { float:left; width:calc(100%/ 5);  font-size:18px; color:#333; line-height:18px; text-align:center; box-sizing:border-box;  }
.sub_board_tab ul li a { display:block; padding:15px 5px; border:1px solid #dcb41c; background:#fff; margin-right:-1px; }
.sub_board_tab ul li .on { background:#dcb41c; color:#fff; }
.sub_board_tab ul li br { display:none; }

/*BOARD(자료실) 탭*/
.sub_data_tab { float:left; width:100%;  }
.sub_data_tab ul li { float:left; width:calc(100%/ 5);  font-size:18px; color:#333; line-height:18px; text-align:center; box-sizing:border-box;  }
.sub_data_tab ul li a { display:block; padding:15px 5px; border:1px solid #dcb41c; background:#fff; margin-right:-1px; }
.sub_data_tab ul li .on { background:#dcb41c; color:#fff; }
.sub_data_tab ul li br { display:none; }

/*BOARD(교육일정) 탭*/
.sub_edu_tab { float:left; width:100%;  }
.sub_edu_tab ul li { float:left; width:calc(100%/ 5);  font-size:18px; color:#333; line-height:18px; text-align:center; box-sizing:border-box;  }
.sub_edu_tab ul li a { display:block; padding:15px 5px; border:1px solid #87ba1a; background:#fff; margin-right:-1px; }
.sub_edu_tab ul li .on { background:#87ba1a; color:#fff; }
.sub_edu_tab ul li br { display:none; }

/* paging */
.paging { float:left; width:100%; margin:50px 0 50px 0; text-align:center; }
.paging * {vertical-align:top; }
.paging a {display:inline-block; padding:0 4px;margin:0 1px;height:27px;min-width:25px;line-height:27px;text-align:center;color:#666;font-size:12px;border:1px solid #dcddde}
.paging a.active {color:#fff;background-color:#d1a708;border-color:#d1a708;}
.paging .active {color:#fff;background-color:#d1a708;border-color:#d1a708; display:inline-block; padding:0 4px;margin:0 1px;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 b { display:inline-block; font-size:12px; color:#fff; background-color:#d1a708; border:1px solid #d1a708; border-color:#d1a708; padding:0 4px; margin:0 1px; width:25px; height:27px; min-width:25px; line-height:27px;text-align:center;   }

.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;}

/* paging */
.paging_edu { float:left; width:100%; margin:50px 0 50px 0; text-align:center; }
.paging_edu * {vertical-align:top; }
.paging_edu a {display:inline-block; padding:0 4px;margin:0 1px;height:27px;min-width:25px;line-height:27px;text-align:center;color:#666;font-size:12px;border:1px solid #dcddde}
.paging_edu a.active {color:#fff;background-color:#87ba1a;border-color:#87ba1a;}
.paging_edu .active {color:#fff;background-color:#87ba1a;border-color:#87ba1a; display:inline-block; padding:0 4px;margin:0 1px;height:27px;min-width:25px;line-height:27px;text-align:center;}
.paging_edu a.icon_no {position:relative;padding:0}
.paging_edu a.icon_no:before {position:absolute;top:9px;left:7px}
.paging_edu b { display:inline-block; font-size:12px; color:#fff; background-color:#87ba1a; border:1px solid #d1a708; border-color:#87ba1a; padding:0 4px; margin:0 1px; width:25px; height:27px; min-width:25px; line-height:27px;text-align:center;   }

.paging_edu a.icon_prev {background:url('../../images/icon_le.gif') no-repeat 5px 7px;}
.paging_edu a.icon_prev2 {background:url('../../images/icon_le2.gif') no-repeat 5px 7px;}
.paging_edu a.icon_next {background:url('../../images/icon_ri.gif') no-repeat 5px 7px; }
.paging_edu a.icon_next2 {background:url('../../images/icon_ri2.gif') no-repeat 5px 7px;}

/*BOARD버튼(목록)*/
.board_view_btn { width:100%; text-align:right; margin:20px 0 0 0;  }
.board_view_btn img { width:86px;   } 


/*소식지(리스트)*/
.newsletter_list { float:left; width:100%; margin:50px 0 0 0;  }
.newsletter_list ul li { float:left; width:calc(100%/ 3); box-sizing:border-box; margin:0px 0 50px 0; }
.newsletter_list .img { width:90%; text-align:center; margin:0 auto;  }
.newsletter_list .img img { width:100%; border:1px solid #ccc; }
.newsletter_list .txt { width:100%; text-align:center; padding:10px 0; font-size:16px; color:#555;  }
.newsletter_list .txt span {  color:#cda717; padding:5px 0px;  }
.newsletter_list .txt img { vertical-align:middle; margin-top:-5px;  }

/*소식지(뷰페이지)*/
.newsletter_view { float:left; width:100%;  }
.newsletter_view_top { float:left; width:100%; border:1px solid #dcb41c; border-width:3px 0 1px 0; padding:30px 0 20px 0; margin:0 0 30px 0; }
.newsletter_view_top .head_title { font-family:'BMDOHYEON'; font-size:40px; color:#dcb41c; font-weight:400; text-align:center; line-height:40px; }
.newsletter_view_top .head_title span { font-size:22px; color:#555; }
.newsletter_view_top .title { font-size:20px; color:#fff; text-align:center; background:#777; padding:8px 0; margin:10px 0 0 0; }

.newsletter_view_board { width:100%; padding:30px 0; margin:0 0 30px 0; border-bottom:1px solid #dcb41c;  }
.newsletter_view_board img { width:100%; }


/*BOARD(갤러리) 탭*/
.sub_gallery_tab { float:left; width:100%;  }
.sub_gallery_tab ul li { float:left; width:calc(100%/ 9);  font-size:18px; color:#333; line-height:18px; text-align:center; box-sizing:border-box;  }
.sub_gallery_tab ul li a { display:block; padding:15px 5px; border:1px solid #dcb41c; background:#fff; margin-right:-1px; }
.sub_gallery_tab ul li .on { background:#dcb41c; color:#fff; }
.sub_gallery_tab ul li br { display:none; }


/*갤러리(리스트)*/
.gallery_list { float:left; width:100%; margin:50px 0 0 0;  }
.gallery_list ul li { float:left; width:calc(100%/ 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:115px; text-align:center; padding:10px 0 0 0; font-size:16px; color:#555;   }
.gallery_list .txt ul li { width:100%; padding: 0 15px; line-height:22px; }
.gallery_list .txt span {  font-size:14px; color:#cda717; 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:450px; }
.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;  }


/*교육일정_뷰*/
.view_edu_top { float:left; width:100%; }
.view_edu_top_le { float:left; width:50%; }

/*교육일정버튼(목록)*/
.edu_view_btn { float:left; width:100%; margin:20px 0 0 0;  }
.edu_view_btn img { width:100px;   } 
.edu_view_btn_le { float:left; }
.edu_view_btn_ri { float:right; }

}

@media only screen and (min-width: 1450px) {

.view td img { max-width:1100px; }
.view_edu_mob {  display:none; }
.view_edu_web { display:block;  }

/*BOARD(공지사항) 탭*/
.sub_top_title { float:left; width:100%; font-family:'BMDOHYEON'; font-size:35px; color:#000; font-weight:400; padding:5px 0 30px 0; }
.sub_board_tab { float:left; width:100%;  }
.sub_board_tab ul li { float:left; width:calc(100%/ 5);  font-size:18px; color:#333; line-height:18px; text-align:center; box-sizing:border-box;  }
.sub_board_tab ul li a { display:block; padding:15px; border:1px solid #dcb41c; background:#fff; margin-right:-1px; }
.sub_board_tab ul li .on { background:#dcb41c; color:#fff; }
.sub_board_tab ul li br { display:none; }

/*BOARD(자료실) 탭*/
.sub_data_tab { float:left; width:100%;  }
.sub_data_tab ul li { float:left; width:calc(100%/ 5);  font-size:18px; color:#333; line-height:18px; text-align:center; box-sizing:border-box;  }
.sub_data_tab ul li a { display:block; padding:15px; border:1px solid #dcb41c; background:#fff; margin-right:-1px; }
.sub_data_tab ul li .on { background:#dcb41c; color:#fff; }
.sub_data_tab ul li br { display:none; }

/*BOARD(교육일정) 탭*/
.sub_edu_tab { float:left; width:100%;  }
.sub_edu_tab ul li { float:left; width:calc(100%/ 5);  font-size:18px; color:#333; line-height:18px; text-align:center; box-sizing:border-box;  }
.sub_edu_tab ul li a { display:block; padding:15px; border:1px solid #87ba1a; background:#fff; margin-right:-1px; }
.sub_edu_tab ul li .on { background:#87ba1a; color:#fff; }
.sub_edu_tab ul li br { display:none; }

/* paging */
.paging { float:left; width:100%; margin:30px 0 100px 0; text-align:center; }
.paging * {vertical-align:top; }
.paging a {display:inline-block; padding:0 4px; margin:0 1px; height:27px; min-width:25px; line-height:27px; text-align:center;color:#666;font-size:12px; border:1px solid #dcddde;}
.paging a.active {color:#fff;background-color:#d1a708;border-color:#d1a708;}
.paging .active {color:#fff;background-color:#d1a708;border-color:#d1a708;}
.paging a.icon_no {position:relative;padding:0}
.paging a.icon_no:before {position:absolute;top:9px;left:7px;}
.paging b { display:inline-block; font-size:12px; color:#fff; background-color:#d1a708; border:1px solid #d1a708; border-color:#d1a708; padding:0 4px; margin:0 1px; width:25px; height:27px; min-width:25px; line-height:27px;text-align:center;   }


.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;*/}

/* paging */
.paging_edu { float:left; width:100%; margin:30px 0 100px 0; text-align:center; }
.paging_edu * {vertical-align:top; }
.paging_edu a {display:inline-block; padding:0 4px;margin:0 1px; height:27px; min-width:25px; line-height:27px; text-align:center;color:#666;font-size:12px;border:1px solid #dcddde}
.paging_edu a.active {color:#fff;background-color:#87ba1a;border-color:#87ba1a;}
.paging_edu .active {color:#fff;background-color:#87ba1a;border-color:#87ba1a;}
.paging_edu a.icon_no {position:relative;padding:0}
.paging_edu a.icon_no:before {position:absolute;top:9px;left:7px}
.paging_edu b { display:inline-block; font-size:12px; color:#fff; background-color:#87ba1a; border:1px solid #d1a708; border-color:#87ba1a; padding:0 4px; margin:0 1px; width:25px; height:27px; min-width:25px; line-height:27px;text-align:center;   }

.paging_edu a.icon_prev {background:url('../../images/icon_le.gif') no-repeat 5px 7px;}
.paging_edu a.icon_prev2 {background:url('../../images/icon_le2.gif') no-repeat 5px 7px;}
.paging_edu a.icon_next {background:url('../../images/icon_ri.gif') no-repeat 5px 7px; }
.paging_edu a.icon_next2 {background:url('../../images/icon_ri2.gif') no-repeat 5px 7px;}

/*BOARD버튼(목록)*/
.board_view_btn { width:100%; text-align:right; margin:20px 0 0 0;  }
.board_view_btn img { width:86px;   } 


/*소식지(리스트)*/
.newsletter_list { float:left; width:100%; margin:50px 0 0 0;  }
.newsletter_list ul li { float:left; width:calc(100%/ 4); box-sizing:border-box; margin:0px 0 50px 0; }
.newsletter_list .img { width:250px; text-align:center; margin:0 auto;  }
.newsletter_list .img img { width:100%; border:1px solid #ccc; }
.newsletter_list .txt { width:100%; text-align:center; padding:10px 0; font-size:17px; color:#555;  }
.newsletter_list .txt span {  color:#cda717; padding:5px 0px;  }
.newsletter_list .txt img { vertical-align:middle; margin-top:-5px;  }

/*소식지(뷰페이지)*/
.newsletter_view { float:left; width:100%;  }
.newsletter_view_top { float:left; width:100%; border:1px solid #dcb41c; border-width:3px 0 1px 0; padding:30px 0 20px 0; margin:0 0 30px 0; }
.newsletter_view_top .head_title { font-family:'BMDOHYEON'; font-size:40px; color:#dcb41c; font-weight:400; text-align:center; line-height:40px; }
.newsletter_view_top .head_title span { font-size:22px; color:#555; }
.newsletter_view_top .title { font-size:20px; color:#fff; text-align:center; background:#777; padding:8px 0; margin:10px 0 0 0; }

.newsletter_view_board { width:100%; padding:30px 0; border-bottom:1px solid #dcb41c;  }


/*BOARD(갤러리) 탭*/
.sub_gallery_tab { float:left; width:100%;  }
.sub_gallery_tab ul li { float:left; width:calc(100%/ 9);  font-size:18px; color:#333; line-height:18px; text-align:center; box-sizing:border-box;  }
.sub_gallery_tab ul li a { display:block; padding:15px; border:1px solid #dcb41c; background:#fff; margin-right:-1px; }
.sub_gallery_tab ul li .on { background:#dcb41c; color:#fff; }
.sub_gallery_tab ul li br { display:none; }


/*갤러리(리스트)*/
.gallery_list { float:left; width:99.9%; margin:50px 0 0 0;  }
.gallery_list ul li { float:left; width:calc(100%/ 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;   }
.gallery_list .txt ul li { width:100%; padding: 0 15px; line-height:22px; }
.gallery_list .txt span {  font-size:14px; color:#cda717; 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 { height:734px;  }

.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:450px; }
.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;  }


/*교육일정_뷰*/
.view_edu_top { float:left; width:100%; }
.view_edu_top_le { float:left; width:50%; }

/*교육일정버튼(목록)*/
.edu_view_btn { float:left; width:100%; margin:20px 0 0 0;  }
.edu_view_btn img { width:100px;   } 
.edu_view_btn_le { float:left; }
.edu_view_btn_ri { float:right; }

}




/*갤러리 뷰*/
.swiper-container { width:100%; height:100%; margin-left:auto; margin-right:auto; background:#fff;  }
.swiper-container img { height:100%; }
.swiper-slide { background-color:#ccc; text-align: center; font-size: 18px;
	/* Center slide text vertically */
	display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
}
.gallery_view_txt { width:100%; font-size:16px; background:#f0f0f0; padding:0px 0;  }
.gallery_view_txt ul li { padding:20px; word-break:keep-all; }
.gallery_view_txt ul li img { width:100%; max-width:800px; }





















@media only screen and (min-width:1px) and (max-width:799px) {

/*나의강의실*/
.myclass_wrap { float:left; width:100%; background:#f9fbf3; padding:100px 0; }
.myclass_w { width:90%; margin:0 auto; }
.myclass_title_wrap { float:left; width:100%; margin:0 0 10px 0; }
.myclass_title { font-size:28px; color:#000; font-weight:500; text-align:center; }
.myclass_txt { font-size:16px; color:#555; text-align:center;   }

.myclass_from_wrap { float:left; width:100%; }
.myclass_from { width:100%; text-align:left; padding: 0 0 0 15px; margin:10px 0 0 0; color:#000;  height:45px;  vertical-align: middle; border-top:2px solid #87ba1a;}
.myclass_from tbody th {  width:85px; padding:15px 10px; vertical-align: middle; font-size:15px; font-weight:400; color:#000;  text-align:left; line-height:25px; border-bottom:1px solid #ccc;   }
.myclass_from tbody th span { float:right; text-align:right; }
.myclass_from tbody td {  padding:5px; font-size:15px; color:#333; border-bottom:1px solid #ccc;  }
.myclass_from tbody td .txt_sub { font-size:13px; letter-spacing:-0.5px; }
.myclass_from input { padding:8px 5px; font-size:14px; }
.myclass_from select { padding:8px 5px; font-size:14px;    }
.myclass_from textarea { width:100%; font-size:12px; background:#f8f8f8; border:1px solid #f8f8f8; }

.myclass_btn { width:100%; text-align:center; margin:20px 0 0px 0; }

.myclass_from .inp_nomal { width:98%;  }
.myclass_from .inp_phone { width:15%;  }
.myclass_from .inp_phone_ok { width:25%; }

/*나의강의실_뷰*/
.myclass_view_wrap { float:left; width:100%; padding:0px 0; }
.myclass_view_w { width:90%; margin:0 auto; }
.myclass_title_view_wrap { float:left; width:100%; margin:0 0 10px 0; }
.myclass_title_view { font-size:28px; color:#000; font-weight:500; text-align:center; }
.myclass_txt_view { font-size:16px; color:#555; text-align:center;   }

}

@media only screen and (min-width:800px) and (max-width:1449px) { 

/*나의강의실*/
.myclass_wrap { float:left; width:100%; background:#f9fbf3; padding:100px 0; }
.myclass_w { width:90%; margin:0 auto; }
.myclass_title_wrap { float:left; width:100%; margin:0 0 10px 0; }
.myclass_title { font-size:28px; color:#000; font-weight:500; text-align:center; }
.myclass_txt { font-size:16px; color:#555; text-align:center;   }

.myclass_from_wrap { float:left; width:100%; }
.myclass_from { width:100%; text-align:left; padding: 0 0 0 15px; margin:10px 0 0 0; color:#000;  height:45px;  vertical-align: middle; border-top:3px solid #87ba1a;}
.myclass_from tbody th {  width:110px; padding:15px 10px; vertical-align: middle; font-size:16px; font-weight:400; color:#000;  text-align:left; line-height:25px; border-bottom:1px solid #ccc;   }
.myclass_from tbody th span { float:right; text-align:right; }
.myclass_from tbody td {  padding:5px; font-size:15px; color:#333; border-bottom:1px solid #ccc;  }
.myclass_from tbody td .txt_sub { font-size:13px; letter-spacing:-0.5px; }
.myclass_from input { padding:8px 5px; font-size:14px; }
.myclass_from select { padding:8px 5px; font-size:14px;    }
.myclass_from textarea { width:100%; font-size:12px; background:#f8f8f8; border:1px solid #f8f8f8; }

.myclass_btn { width:100%; text-align:center; margin:20px 0 0px 0; }

.myclass_from .inp_nomal { width:50%;  }
.myclass_from .inp_phone { width:15%;  }
.myclass_from .inp_phone_ok { width:15%;  }

/*나의강의실_뷰*/
.myclass_view_wrap { float:left; width:100%; padding:0px 0; }
.myclass_view_w { width:90%; margin:0 auto; }
.myclass_title_view_wrap { float:left; width:100%; margin:0 0 10px 0; }
.myclass_title_view { font-size:28px; color:#000; font-weight:500; text-align:center; }
.myclass_txt_view { font-size:16px; color:#555; text-align:center;   }

}

@media only screen and (min-width: 1450px) {

/*나의강의실*/
.myclass_wrap { float:left; width:100%; background:#f9fbf3; padding:100px 0; }
.myclass_w { width:70%; margin:0 auto; }
.myclass_title_wrap { float:left; width:100%; margin:0 0 10px 0; }
.myclass_title { font-size:30px; color:#000; font-weight:500; text-align:center; }
.myclass_txt { font-size:18px; color:#555; text-align:center;   }

.myclass_from_wrap { float:left; width:100%; }
.myclass_from { width:100%; text-align:left; padding: 0 0 0 15px; margin:10px 0 0 0; color:#000;  height:45px;  vertical-align: middle; border-top:3px solid #87ba1a;}
.myclass_from tbody th {  width:120px; padding:15px 10px; vertical-align: middle; font-size:17px; font-weight:400; color:#000;  text-align:left; line-height:25px; border-bottom:1px solid #ccc;   }
.myclass_from tbody th span { float:right; text-align:right; }
.myclass_from tbody td {  padding:5px; font-size:15px; color:#333; border-bottom:1px solid #ccc;  }
.myclass_from tbody td .txt_sub { font-size:13px; letter-spacing:-0.5px; }
.myclass_from input { padding:8px 5px; font-size:14px; }
.myclass_from select { padding:8px 5px; font-size:14px;    }
.myclass_from textarea { width:100%; font-size:12px; background:#f8f8f8; border:1px solid #f8f8f8; }

.myclass_btn { width:100%; text-align:center; margin:20px 0 0px 0; }

.myclass_from .inp_nomal { width:50%;  }
.myclass_from .inp_phone { width:15%;  }
.myclass_from .inp_phone_ok { width:15%;  }

/*나의강의실_뷰*/
.myclass_view_wrap { float:left; width:100%; padding:0px 0; }
.myclass_view_w { width:100%; margin:0 auto; }
.myclass_title_view_wrap { float:left; width:100%; margin:0 0 10px 0; }
.myclass_title_view { font-size:30px; color:#000; font-weight:500; text-align:center; }
.myclass_txt_view { font-size:18px; color:#555; text-align:center;   }



}





/********************레이어팝업/********************/


@media only screen and (min-width:1px) and (max-width:799px) {

.edu_popup { display:none; position:fixed; left:0; top:0; width:90%; height:600px; background:#fff; z-index:1500; }

.pop_from02 .inp_nomal { width:100%;  }
.pop_from02 .inp_phone { width:15%;  }
.pop_from02 .inp_phone_ok { width:25%;  }
}

@media only screen and (min-width:800px) and (max-width:1449px) { 

.edu_popup { display:none; position:fixed; left:0; top:0; width:600px; height:855px; background:#fff; z-index:1500;  }

.pop_from02 .inp_nomal { width:50%;  }
.pop_from02 .inp_phone { width:15%;  }
.pop_from02 .inp_phone_ok { width:15%;  }
}

@media only screen and (min-width: 1450px) {

.edu_popup { display:none; position:fixed; left:0; top:0; width:600px; height:855px; background:#fff; z-index:1500;  }

.pop_from02 .inp_nomal { width:50%;  }
.pop_from02 .inp_phone { width:15%;  }
.pop_from02 .inp_phone_ok { width:15%;  }
}

.popup-button { cursor:pointer;}
.dimmed { display:none; position:fixed; left:0; top:0; width:100%; height: 100%; background: black; opacity: 0.7; z-index: 1000;}

.pop_close { cursor:pointer;}
.pop_ri_close {  float:right; width:25px; margin:5px 0px 0 0;   }

.edu_pop_top { width:100%; padding:5px 0;  background:#87ba1a;  border:2px solid #87ba1a;  }
.edu_pop_top ul { width:90%; margin:0 auto; }
.edu_pop_top .le { font-size:25px; color:#fff; text-align:left; }


/********************레이어팝업-신청폼 ********************/

@media only screen and (min-width:1px) and (max-width:799px) {

.pop_from02 .inp_nomal2 { width:97%;  }
.pop_from02 .inp_nomal { width:56%;  }
.pop_from02 .inp_phone { width:15%;  }
.pop_from02 .inp_phone_ok { width:25%; }

}

@media only screen and (min-width:800px) and (max-width:1449px) { 

.pop_from02 .inp_nomal { width:50%;  }
.pop_from02 .inp_phone { width:15%;  }
.pop_from02 .inp_phone_ok { width:15%;  }

}

@media only screen and (min-width: 1450px) {

.pop_from02 .inp_nomal { width:50%;  }
.pop_from02 .inp_phone { width:15%;  }
.pop_from02 .inp_phone_ok { width:15%;  }

}




.edu_pop_wrap { width:90%; margin:0 auto; }
.edu_pop_title { width:100%; font-size:20px; color:#000; margin:10px 0 0 0;  }
.edu_pop_title span { float:right; text-align:right; font-size:16px; color:#ac1e1e; padding-top:3px; }
.pop_from01 { width:100%; padding:10px 0 15px 0; margin:10px 0 0 0;  font-size:18px; line-height:22px; color:#000; border:1px solid #87ba1a; border-width:2px 0 1px 0;   }
.pop_from01 .st01 { font-size:14px; color:#fff; background:#999; padding:0 10px; border-radius:10px; }
.pop_from01 .st02 { font-size:16px; color:#333;  }

.pop_from02 { width:100%; text-align:left; padding: 0 0 0 15px; margin:-10px 0 0 0; color:#000;  height:45px;  vertical-align: middle; border-top:2px solid #87ba1a;}
.pop_from02 tbody th {  width:90px; padding:5px; vertical-align: middle; font-size:15px; font-weight:400; color:#75a216;  text-align:left; line-height:25px; border-bottom:1px solid #ccc; background:#f1f7e4;   }
.pop_from02 tbody th span { float:right; text-align:right; }
.pop_from02 tbody td {  padding:5px; font-size:15px; color:#333; border-bottom:1px solid #ccc;  }
.pop_from02 tbody td .txt_sub { font-size:13px; letter-spacing:-0.5px; }
.pop_from02 input { padding:5px 5px; font-size:14px; }
.pop_from02 select { padding:5px 5px; font-size:14px; width:100%;    }
.pop_from02 textarea { width:100%; font-size:12px; background:#f8f8f8; border:1px solid #f8f8f8; }

.pop_edu_btn { width:100%; text-align:center; margin:20px 0 50px 0; }

/*수료증인쇄 백업*/
.print_wrap { width:100%; margin:0px 0 0 0; }
.cert_w { float:left; width:800px; height:1131px; background:url(/images/certificate_bg.jpg) top center; background-size:contain;   }
.cert_w .tit { font-size:40px; font-weight:700; color:#000; text-align:center; margin:180px 0 0 0; }
.cert_txt { width:500px; margin:0 auto; }
.cert_txt dl:first-child { margin:40px 0 0 0; }
.cert_txt dl { float:left; width:100%; margin:25px 0 0 0; }
.cert_txt dl dt { float:left; width:90px; font-size:20px; color:#000; font-weight:700; }
.cert_txt dl dd { float:left; width:400px; font-size:20px; color:#000; padding:0 0 0 10px; /*word-break:keep-all;*/ }
.cert_txt .txt { float:left; width:100%; margin:100px 0 0 0; font-size:20px; color:#000;   }
.cert_txt .day { float:left; width:100%; margin:100px 0 0 0; font-size:20px; color:#000; text-align:center;   }
/*수료증인쇄 백업
.print_wrap { width:100%; margin:0px 0 0 0; }
.cert_w { float:left; width:800px; height:800px; background:url(/images/certificate_bg.jpg) top center;   }
.cert_w .tit { font-size:40px; font-weight:700; color:#000; text-align:center; margin:120px 0 0 0; }
.cert_txt { width:500px; margin:0 auto; }
.cert_txt dl { float:left; width:100%; margin:17px 0 0 0; }
.cert_txt dl dt { float:left; width:90px; font-size:20px; color:#000; font-weight:700; }
.cert_txt dl dd { float:left; width:400px; font-size:20px; color:#000; padding:0 0 0 10px;  }
.cert_txt .txt { float:left; width:100%; margin:30px 0 0 0; font-size:20px; color:#000;   }
.cert_txt .day { float:left; width:100%; margin:30px 0 0 0; font-size:20px; color:#000; text-align:center;   }
*/
.cert_stamp { float:left; width:100%;  }
/*.cert_stamp .txt { position:absolute; z-index:11; padding:17px 0 0 135px; font-weight:600;  }
.cert_stamp .stamp {position:relative; z-index:1; padding:30px 0 0 345px;  }*/
.cert_stamp .stamp { float:left; width:100%; text-align:center; margin:20px 0 5px 0;  }
.logo_img {float:left; width:100%; margin:20px 0 0 0; text-align:center; }

.cert_guide { float:left; width:100%; font-size:15px; color:#fff; text-align:center; padding:10px 0; background:#a26c0a;  }
.cert_bottom { float:left; width:100%; text-align:center; padding:20px 0; background:#f8f8f8; }
.cert_bottom ul { float:left; width:100%; padding:0px 0 0 0; }
.cert_bottom img { cursor:pointer; }


/*교육일정안내_등록증/신청완료 폼*/
.popup-button {cursor: pointer;  }
.dimmed { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: black; opacity: 0.6; z-index: 1000;}

.app_popup1 { display:none; position:fixed; left: 0; top: 0; width: 250px; height: 240px; border:1px solid #1a52ba; background: #1a52ba; z-index: 1500;}
.app_popup1 ul { padding:30px 0 0 0; }
.app_popup1 ul li { float:left; width:100%; font-size:16px; color:#fff; text-align:center; line-height:25px; padding:0 0 10px 0;  }
.app_popup1 ul .pop_check_img img { padding-left:20px;  }
.app_popup1 ul .pop_loading_img img { padding-left:0px;  }

.app_popup2 { display: none; position: fixed; left: 0; top: 0; width: 250px; height: 240px; border:1px solid #1a52ba; background: #1a52ba; z-index: 1500;}
.app_popup2 ul { padding:30px 0 0 0; }
.app_popup2 ul li { float:left; width:100%; font-size:16px; color:#fff; text-align:center; line-height:25px; padding:0 0 10px 0;  }
.app_popup2 ul .pop_check_img img { padding-left:20px;  }
.app_popup2 ul .pop_loading_img img { padding-left:0px;  }

.app_close { padding:5px 20px; cursor:pointer;}



/*개인정보처리방침*/
.RuleBox {  }
.RuleBox h4 { font-size:18px; font-weight:600; margin-top:30px; margin-bottom:15px }
.RuleBox h5 { font-size:16px; font-weight:600; margin-top:20px; }
.RuleBox p { margin: 5px 0 5px 0; }
.RuleBox a { color:#265fd5; }
.RuleBox ul,.RuleBox li { margin:0; padding:0; background:none; font-size:14px; color:#666; line-height:165%; }
.RuleBox dl,.RuleBox dt { margin:0; padding:0; background:none; font-size:14px; color:#333; line-height:165%; }
.RuleBox dd { margin:0; padding:0; background:none; font-size:13px; color:#666; line-height:165%; }
.RuleBox .rule_top { font-size:15px; line-height:160%; color:#999; padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #efefef; }
.RuleBox .Rule { font-size:15px; color:#444; line-height:165% }
.RuleBox span { font-size:15px; display:block; margin-bottom:5px; }




/*게시판 비밀번호 입력창 화면*/
.board_pw_wrap { float:left; width:100%; padding:100px 0; }
.board_pw_w { width:40%;  min-width:300px; margin: auto; padding:0px 0; background:#f8f8f8;  text-align:center; }
.board_pw_tit { width:100%; background:#d8a941; font-size:20px; color:#fff; padding:20px 0;   }
.board_pw  { padding:30px 0 20px 0; font-size:16px; }
.board_pw_btn { padding:0px 0 30px 0;  }
.inp_borard_pw { width:50%; text-align:center; padding:10px; font-size:16px; }

.btn_bpw { display:inline-block; *zoom:1; *display:inline; width:100px; height:45px; line-height:45px; background:#d8a941; font-size:16px; font-weight:400; color:#fff;  border-radius:3px; text-align:center; vertical-align:middle; border:none;cursor:pointer; }
.btn_bpw:hover { color:#fff; text-decoration:none; background:#b48826; }

.btn_bpw_cancel { display:inline-block; *zoom:1; *display:inline; width:100px; height:45px; line-height:45px; background:#555; font-size:16px; font-weight:400; color:#fff;  border-radius:3px; text-align:center; vertical-align:middle; border:none;cursor:pointer; }
.btn_bpw_cancel:hover { color:#fff; text-decoration:none; background:#333; }