@charset "UTF-8";
/* CSS Document */

/*****************************************************************************************************************************************
생성일: 2020/03/24
수정일: 
수정자: hello@dx2.kr
주석간 간격 두줄 구분은 한줄사용
*****************************************************************************************************************************************/


/*공통*/
body, html { width:100%; height:100%; min-width:1500px; overflow-x:hidden; }
body { width:100%; height:100%; background:#fff; box-sizing:border-box; position:relative; -webkit-overflow-scrolling:touch; }
::selection { background:#666; color:#FFF; text-shadow:none;}
button {outline: none;}
/* content width 설정 */
.width1200 { width:1200px; margin:0 auto; box-sizing:border-box; }

h2 { font-size:30px; font-weight:600; letter-spacing:0; box-sizing:border-box; }
h3 { font-size:16px; font-weight:600; letter-spacing:0; box-sizing:border-box; }
h4 { font-size:15px; font-weight:600; margin-bottom:20px; }
h5 { font-size:15px; font-weight:600; box-sizing:border-box; }

.bgIn { background-size:cover; background-position:50% 50%; }


/* header ***********************************************************************************************************************************************/
/*본문바로가기*/
.skip a { position:absolute; background:rgba(0,0,0,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000,endColorstr=#90000000); width:100%; height:40px; text-align:center; font-size:0.9em; color:#fff; z-index:100; line-height:40px; top:-30px; opacity:0; }

/*gnb*/
.header { width:100%; height:130px; padding-top:10px; position:relative; text-align:right; background:#fff; border-bottom:1px solid #ccc; z-index:99; box-sizing:border-box; }
.header h1 { float:left; margin-top:40px; z-index:9; position:relative; }
.header h1 a { width:190px; height:65px; background-size:contain; display:inline-block; }
.header h1 a img { width:100%; }
.header .gnb_wrap { width:100%; height:90px; right:0; top:40px; position:absolute; background:#fff; overflow:hidden; border-bottom:1px solid #ededed; }
.header .gnb { float:right; margin-top:20px; }
.header .gnb .depth1 { display:inline-block; float:left; position:relative; min-width:120px; }
.header .gnb .depth1 > a { font-weight:900; font-size:1.2em; position:relative; text-align:left; margin-top:15px; }
.header .gnb .depth1 > a::after { content:''; position:absolute; top:50%; margin-top:-2.5px; right:40px; display:inline-block; background:#c6c6c6; width:5px; height:5px; border-radius:5px; }
.header .gnb .depth1.active > a { color:#90b43e; }
.header .gnb .depth1 a:hover { color:#90b43e;}

.header .gnb .depth1:nth-child(6) { width:140px;}
.header .gnb .depth1:nth-child(6) > a::after { right:33px; }

.header .gnb .depth1:nth-child(7) { width:140px;}
.header .gnb .depth1:nth-child(7) > a::after { right:25px; }

.header .gnb .depth1:nth-child(8) { width:120px;}
.header .gnb .depth1:nth-child(8) > a::after { display:none; }
/*
.header .gnb .depth1:nth-child(7) > a {  text-align:right; }
.header .gnb .depth1:nth-child(7)  { min-width:110px; }
*/
.header .gnb .depth1 a { display:inline-block; width:100%; }
.header .gnb .depth2 { width:100%; padding:20px 0 30px; text-align:left; box-sizing:border-box;}
.header .gnb .depth2 li.active a { color:#90b43e; text-decoration:underline; }
.header .gnb .depth2 a { color:#666; font-size:0.87em; letter-spacing:-0.09em; line-height:1.5em; margin-top:7px; }
.header .gnb .depth2 a:hover { color:#90b43e; text-decoration:underline; }

/*member menu*/
.header_top {  }
.header_top .depth1 {  padding-bottom:5px; display:inline-block; position:relative; font-size:0.9em; }
.header_top .depth1::after { content:''; display:inline-block; margin:0 10px; width:1px; height:13px; background:#ccc; }
.header_top .depth1:last-child::after { display:none; }
.header_top .depth1 em { cursor:pointer; }
.header_top .depth1 em::after { background:url(/img/arrow_down.png) 0 50% no-repeat; margin-left:10px; background-size:contain; content:''; width:10px; height:10px; display:inline-block; }
.header_top .depth2 { position:absolute; border-radius:10px; padding:10px; box-shadow:0 0 10px 0 rgba(0,0,0,0.2); background:#fff; border:1px solid #ddd; z-index:9; text-align:left; top:28px; left:-30px; opacity:0; transform:translateY(-20px); transition:all 0.5s; pointer-events:none; box-sizing:border-box; }
.header_top .depth2 img { width:22px; height:22px; border-radius:22px; overflow:hidden; border:1px solid #ccc; }
.header_top .depth2 a { font-size:0.9em; padding:5px; display:block; box-sizing:border-box; }
.header_top .depth2 li img { float:left; margin-right:5px;  }
.header_top .depth2 li a { line-height:22px; }
.header_top .depth2 li a:hover { text-decoration:underline; }
.header_top .depth2 li:hover a::before { display:none; }

.snslist { width:130px; }
.language { width:120px; }
.language li { opacity:0.5; }
.language li.active { opacity:1; font-weight:600; }

.oniine { width:150px; }
.header_top .oniine img { width:22px; height:22px; border-radius:0 !important; border:none !important; }

.header_top .depth1:hover .depth2 { transform:translateY(0); opacity:1; transition:all 0.5s; pointer-events:auto;} 


/* footer ***********************************************************************************************************************************************/
#footer { width:100%; }
.footer_top { height:55px; border-top:1px solid #ededed}
.footer_top ul li { display:inline-block; padding:15px 0; }
.footer_top ul li a, .footer_top ul li em { font-size:0.9em; padding-bottom:2px; display:inline-block; line-height:1.3em;}
.footer_top ul > li::after { content:''; width:1px; height:13px; background:#ccc; display:inline-block; margin:0 15px;}
.footer_top ul > li:last-child::after, .footer_top .familysite li ul li::after { display:none; }
.footer_top::after { content:''; clear:both; display:block; } 
.footer_top ul.fl > li:last-child::before {width:22px;height:22px;border-radius:22px;display:inline-block;overflow:hidden;background:url(/img/lang1.jpg) 50% 50% no-repeat; background-size:cover;content:''; float:left; border:1px solid #ccc; margin:2px 5px 0 0; }
.footer_top .fr > li { display:inline-block; position:relative; font-size:0.9em;}
.footer_top .fr > li em::after { background:url(/img/icon_plus_bk.png) 0 50% no-repeat; margin-left:10px; background-size:contain; content:''; width:10px; height:10px; display:inline-block; transition: all 0.3s;}
.familysite ul { position:absolute;width:150px;bottom:56px;padding:10px 0 10px 15px;background:#fff; z-index:9; text-align:left;border:1px solid #666; border-bottom:none;left:-30px; opacity:0; visibility:hidden; -ms-border-bottom:1px solid #666; }
.familysite ul li {display:block;}
.familysite.on em::after { transform:rotate(135deg); }
.footer_top .fr > li ul li { margin:5px 0; padding:0; }
.footer_top .fr > li ul li a {  }
.footer_top .fr > li ul li::after { display:none; }

/*오시는길*/
.btn_contact.on em::after { transform:rotate(135deg); }
.contactus { background:#f1f1f1; height:0; visibility:hidden; opacity:0; border-top:1px solid #ededed; transition: all 0.3s;}
.contactus.on { padding:50px 0; visibility:visible; opacity:1; height:auto; }

.footer { height:195px; padding:50px 0 0; position:relative; font-size:0.9em; border-top:1px solid #ededed; box-sizing:border-box; }
.footer h2 { text-indent:-5000px; width:170px; height:55px; background:url(/img/logo_foot.png) no-repeat; background-size:contain; float:left; margin-right:30px; }
.footer p {  }

.footer_text { float:left; width:calc(100% - 310px); }
.banner_wrap { float:right; }
.banner_wrap li { float:left; margin-left:25px; box-sizing:border-box; }
.banner_wrap li a { width:100%; height:100%; display:block; }
.banner_wrap li:nth-child(3) { padding-top:15px; }

/*top으로 가기*/
.skip_top { width:60px; height:60px; display:inline-block; position:absolute; right:30px; bottom:30px; border-radius:70px; text-align:center; line-height:50px; background:#f1f1f1; border:3px solid #f1f1f1; cursor:pointer; box-sizing:border-box;transition: all 0.3s; overflow:hidden; }
.skip_top::after, .skip_top::before { content:''; background:#90b43e; display:inline-block; width:13px; height:3px; position:absolute; bottom:-20px; left:45%; transition: all 0.3s; }
.skip_top::after { margin-left:-6px; transform:rotate(-45deg); }
.skip_top::before { margin-left:2px; transform:rotate(45deg); }
.skip_top:hover { box-shadow:0 0 20px 0 rgba(0,0,0,0.2); background:#fff; color:#fff; border:3px solid #90b43e; } 
.skip_top:hover::after, .skip_top:hover::before  { bottom:47%; }

/*link underline 설정*/
.link_on > li a, .link_on > li em { position:relative; cursor:pointer; }
.link_on > li a::before , .link_on > li em::before { width:0; height:1px; content:''; display:inline-block; position:absolute; bottom:0; left:50%; background:#333; -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); transform: translate(-50%, 0%); transition: all 0.3s; }
.link_on li > a:hover::before, .link_on > li em:hover::before { width:100%; }

/* slide toggle 설정*/
.btn_slide.on ul { opacity:1; visibility:visible; transform:translateY(0px); pointer-events:auto; }
.familysite.on ul { opacity:1; visibility:visible; }


/* main ***********************************************************************************************************************************************/
.main_wrap { width:100%; height:calc(100% - 130px); min-height:847px; position:relative; }

.section_wrap { width:100%; height:100%;  }
.main_content { width:100%; height:100%; display:block; }
.main_content_box { width:1200px; height:580px; margin:190px auto 0; box-sizing:border-box; }
.section { width:100%; height:100%; }

.title_wrap { position:absolute; width:1200px; margin:0 auto; top:60px; left:50%; transform:translate(-50%, 0); z-index:9; color:#fff; font-size:1.1em; line-height:2.2em; }
.title_wrap strong { font-size:2em; }
/* S : 누적방문수 영역 추가(2024.10.07/cw.lee) */
.title_wrap .title_text{width:100%;position:relative;}
.title_wrap .title_text .total_visitors{position:absolute;left:240px;top:40px;background-color:#61801b;width:270px;height:60px;border-radius:10px;background-image:url('/img/ico_visitors.png');background-repeat:no-repeat;background-size:70px auto;background-position:0 0;padding:8px 25px 0 70px;box-sizing:border-box;}
.title_wrap .title_text .total_visitors p{width:100%;text-align:right;font-size:14px;color:white;line-height:1.3;margin:0;padding:0;}
.title_wrap .title_text .total_visitors .num{width:100%;text-align:right;font-size:20px;color:#fff884;font-weight:600;line-height:1.3;margin:0;padding:0;}
/* E : 누적방문수 영역 추가(2024.10.07/cw.lee) */

/*section background*/
.main1 { background:url(/img/bg_main1.jpg) 50% 50% no-repeat; background-size:cover; }
.main2 { background:url(/img/bg_main2.jpg) 50% 50% no-repeat; background-size:cover; }
.main3 { background:url(/img/bg_main3.jpg) 50% 50% no-repeat; background-size:cover; }
.main4 { background:url(/img/bg_main4.jpg) 50% 50% no-repeat; background-size:cover; }
.main5 { background:url(/img/bg_main5.jpg) 50% 50% no-repeat; background-size:cover; }

/*박스공통*/
.content_box { background:#fff; border-radius:10px; overflow:hidden; }
.no_conents { margin: 0 auto; margin-top: 37px; }
.area_left { float:left; }
.area_right { float:right; }
.area_left, .area_right { height:100%; }



/********************************* 소식 *************************************************************************************************************/
.main1 .area_left { float:left; width:40%; margin-right:25px; position:relative; }
.main1 .area_right { float:right; width:calc(60% - 25px); }

/*메인행사포스터*/
.box1 { width:100%; /*height:calc(100% - 145px);*/ height: 100%; margin-bottom:25px; }
.bgIn img { width:100%; border-radius:5px; }

.box1 .swiper-button-next, .box1 .swiper-button-prev { width:30px; height:30px; transition:all 0.5s; box-sizing:border-box; background-color:#fff; border-radius:20px; top:auto; bottom:20px; opacity:0.8; box-shadow:0 0 5px 0 rgba(0,0,0,0.5); }
.box1 .swiper-button-next:hover, .box1 .swiper-button-prev:hover { opacity:1; }
.box1 .swiper-button-prev.black, .box1 .swiper-container-rtl .swiper-button-next.black { background-size:20%; left:20px; }
.box1 .swiper-button-next.black, .box1 .swiper-container-rtl .swiper-button-prev.black { background-size:20%; right:20px; }

.box1 .swiper-slide a { width:100%; height:100%; display:block; }

.util_menu { width:100%; height:120px; background:#fff; border-radius:10px; padding:15px 0; box-sizing:border-box; }
.util_menu li { width:25%; float:left; border-right:1px dotted #ccc; padding:0 20px; }
.util_menu li a { width:100%; height:100%; display:inline-block; padding-top:55px; font-size:0.85em; font-weight:500; line-height:1.2em; text-align:center; box-sizing:border-box; background:url(/img/marking.png) 50% 90% no-repeat; background-size:0;transition: all 0.3s;  }
.util_menu li a:hover { background:url(/img/marking.png) 50% 100% no-repeat; background-size:100%; } 

.util_menu li:nth-child(1) { background:url(/img/icon_util1.png) 50% 10% no-repeat; background-size:40%; }
.util_menu li:nth-child(2) { background:url(/img/icon_util2.png) 50% 10% no-repeat; background-size:35%;}
.util_menu li:nth-child(3) { background:url(/img/icon_util3.png) 50% 10% no-repeat; background-size:35%;}
.util_menu li:nth-child(4) { background:url(/img/icon_util4.png) 50% 13% no-repeat; background-size:35%; border-right:none; }

/*공지사항*/
.box2 { width:100%; height:310px; overflow:hidden; }
.box2 .tabs { width:100%; height:60px; background:#143459; }
.box2 .tabs li { width:25%; float:left; position:relative; transition:all 0.3s; }
.box2 .tabs li a { height:60px; width:100%; font-weight:600;line-height:60px; padding-left:40px; font-size:0.9em; box-sizing:border-box; display:inline-block; color:#fff; }
.box2 .tabs li.active a { color:#143459; }
.box2 .tabs li .btn_more { position:absolute; top:50%; transform:translateY(-50%); right:10px; height:20px; line-height:20px; font-size:0.8em; font-weight:400; padding:0 15px 0 0; z-index:9; background:url(/img/arrow_fff.png) 95% 57% no-repeat; background-size:13%; color:#fff; overflow:hidden;}
.box2 .tabs li .btn_more::before { width:0; height:1px; content:''; display:inline-block; position:absolute; bottom:3px; left:-100%; background:#fff; transition: all 0.3s; }
.box2 .tabs li .btn_more:hover::before { width:70%; left:0; }
.box2 .tabs li.active .btn_more { color:#143459; background:url(/img/arrow.png) 95% 57% no-repeat; background-size:13%; }
.box2 .tabs li.active .btn_more::before { background:#333; }
.box2 .tabs li:nth-child(1) { background:url(/img/icon_notice1_on.png) 9% 50% no-repeat; background-size:10%; }
.box2 .tabs li:nth-child(2) { background:url(/img/icon_notice2_on.png) 9% 50% no-repeat; background-size:8%; }
.box2 .tabs li:nth-child(3) { background:url(/img/icon_notice3_on.png) 9% 50% no-repeat; background-size:8%;}
.box2 .tabs li:nth-child(4) { background:url(/img/icon_notice4_on.png) 9% 50% no-repeat; background-size:10%;}
.box2 .tabs li:hover:nth-child(1) { background:url(/img/icon_notice1_on.png) 9% 50% no-repeat #0a1f37; background-size:10%; }
.box2 .tabs li:hover:nth-child(2) { background:url(/img/icon_notice2_on.png) 9% 50% no-repeat #0a1f37; background-size:8%; }
.box2 .tabs li:hover:nth-child(3) { background:url(/img/icon_notice3_on.png) 9% 50% no-repeat #0a1f37; background-size:8%; }
.box2 .tabs li:hover:nth-child(4) { background:url(/img/icon_notice4_on.png) 9% 50% no-repeat #0a1f37; background-size:10%; }
.box2 .tabs li.active:nth-child(1) { background:url(/img/icon_notice1.png) 9% 50% no-repeat #fff; background-size:10%;}
.box2 .tabs li.active:nth-child(2) { background:url(/img/icon_notice2.png) 9% 50% no-repeat #fff; background-size:8%; }
.box2 .tabs li.active:nth-child(3) { background:url(/img/icon_notice3.png) 9% 50% no-repeat #fff; background-size:8%; }
.box2 .tabs li.active:nth-child(4) { background:url(/img/icon_notice4.png) 9% 50% no-repeat #fff; background-size:10%; }
.box2 .tabs li.active:hover:nth-child(1) { background:url(/img/icon_notice1.png) 9% 50% no-repeat #fff; background-size:10%;}
.box2 .tabs li.active:hover:nth-child(2) { background:url(/img/icon_notice2.png) 9% 50% no-repeat #fff; background-size:8%; }
.box2 .tabs li.active:hover:nth-child(3) { background:url(/img/icon_notice3.png) 9% 50% no-repeat #fff; background-size:8%; }
.box2 .tabs li.active:hover:nth-child(4) { background:url(/img/icon_notice4.png) 9% 50% no-repeat #fff; background-size:10%; }
.box2 .tab_container { width:100%; height:100%; padding:0; box-sizing:border-box; background:#fff; }
.box2 .tab_content { width:100%; height:calc(100% - 60px); padding:12px 25px 0; box-sizing:border-box;}
.notice_list { width:100%; }
.notice_list li { width:100%; border-bottom:1px dashed #ededed; padding:13px 0 10px; position:relative; }
.notice_list li::after { position:absolute; top:50%; right:15px; margin-top:-7px; content:''; background:url(/img/arrow.png) 50% 50% no-repeat; background-size:50%; width:16px; height:16px; display:inline-block; transition:all 0.5s; }
.notice_list li:hover::after { right:0; }
.notice_list li:last-child { border-bottom:none; }
.notice_list li dl { width:100%; }
.notice_list li dt { width:70px; float:left; text-align:center; }
.notice_list li dt strong { display:block; font-size:1.8em; font-weight:900; color:#90b43e; }
.notice_list li dt em { font-size:0.8em; color:#999; }
.notice_list li dd { width:calc(100% - 90px); margin-left:20px; float:left; }
.notice_list li dd em { font-size:0.8em; line-height:1.8em; color:#999; }
.notice_list li dd a { max-width:100%; display:block; line-height:1.2em; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.notice_list li dl::after { display:block; clear:both; content:''; }

/*스마트예약*/
.box3 { width:100%; height:calc(100% - 335px); margin-top:25px; }
.box3 .title { width:180px; height:100%; padding:25px; box-sizing:border-box; background:#143459; border-radius:9px 0 0 9px; color:#fff;float:left; }
.box3 .title em { display:block;font-size:0.9em; line-height:1.2em; margin-bottom:5px; opacity:0.6; }
.box3 .title strong { font-size:1.2em; }
.box3 .title span { display:block;margin-top:113px; font-size:0.9em;}
.box3 ul { width:calc(100% - 180px); height:100%; float:left; padding:25px 25px 0; box-sizing:border-box; position:relative; }
.box3 ul li { width:33.333%; height:50%; float:left; text-align:center; }
.box3 ul li a em { position:relative; display:inline-block; line-height:1.5em; padding:0; margin:0; }
.box3 ul li a em::after { width:0; height:1px; content:''; display:inline-block; position:absolute; bottom:0; left:50%; background:#333; -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); transform: translate(-50%, 0%); transition: all 0.3s; } 
.box3 ul li a:hover em::after { width:100%; }
.box3 ul li img { width:auto; display:inline-block; }
.box3 ul li a { width:100%; height:100%; display:inline-block; padding-top:60px; font-weight:500; font-size:0.9em; }

/* 메인 페이지 스마트예약 이미지 */
.box3 ul li:nth-child(1) a { background:url(/img/icon_smart4.png) 50% 0 no-repeat; }/*전시예약*/
.box3 ul li:nth-child(2) a { background:url(/img/icon_smart2.png) 50% 0 no-repeat; }/*교육예약*/
.box3 ul li:nth-child(3) a { background:url(/img/icon_util4.png) 50% 0 no-repeat; }/*자원봉사안내*/
.box3 ul li:nth-child(4) a { background:url(/img/icon_smart1.png) 50% 0 no-repeat; }/*행사예약*/
.box3 ul li:nth-child(5) a { background:url(/img/icon_smart5.png) 50% 0 no-repeat; }/*대관안내*/
.box3 ul li:nth-child(6) a { background:url(/img/icon_smart8.png) 50% 0 no-repeat; }/*고객민원*/
.box3 ul::before { background:url(/img/bg_wave.png) 100% 0% repeat-y; width:11px; height:100%; content:''; display:inline-block; position:absolute; left:-11px; top:0; }

/*tab*/


/********************************* 전시 *************************************************************************************************************/
.main2 .area_left { float:left; width:calc(50% - 12.5px); margin-right:25px; }
.main2 .area_right { float:right; width:calc(50% - 12.5px); }

.box4 { width:100%; height:calc(100% - 215px); margin-bottom:25px;position:relative; }
.box4 h3 { background:#133257; height:70px; line-height:70px; color:#fff; display:block; padding:0 25px; width:100%;  font-size:1.2em; }

.watch_info { padding:25px; box-sizing:border-box; height:295px; box-sizing:border-box; }
.watch_info ul { height:100%; }
.watch_info li { float:left; width:50%; padding-top:35px; height:50%; text-align:left; padding-left:105px; box-sizing:border-box; }
.watch_info li:nth-child(1) { background:url(/img/icon_exhi1.png) 10% 50% no-repeat; }
.watch_info li:nth-child(2) { background:url(/img/icon_exhi2.png) 3% 50% no-repeat;padding-top:25px;  }
.watch_info li:nth-child(3) { background:url(/img/icon_exhi3.png) 12% 50% no-repeat; }
.watch_info li:nth-child(4) { background:url(/img/icon_exhi4.png) 10% 50% no-repeat;padding-top:25px;  }
.watch_info li em { display:block; font-size:0.9em; color:#999; line-height:1.7em; }
.watch_info li a { margin-top:3px; }
.watch_info li p { font-weight:600; }
.watch_info li p span { font-size:0.8em; font-weight:400; display:block; line-height:1em; }

/*.watch_info { padding:25px; box-sizing:border-box; }
.watch_info li { float:left; width:25%; text-align:center; padding-top:67px; }
.watch_info li:nth-child(1) { background:url(/img/icon_exhi1.png) 50% 8% no-repeat; }
.watch_info li:nth-child(2) { background:url(/img/icon_exhi2.png) 50% 0 no-repeat; }
.watch_info li:nth-child(3) { background:url(/img/icon_exhi3.png) 50% 5% no-repeat; }
.watch_info li:nth-child(4) { background:url(/img/icon_exhi4.png) 50% 0 no-repeat; }
.watch_info li em { display:block; font-size:0.9em; color:#999; line-height:1.7em; }
.watch_info li a { margin-top:3px; }
.watch_info li p { font-weight:600; }
.watch_info li p span { font-size:0.8em; font-weight:400; display:block; line-height:1em; }*/

.watch_info::after { clear:both; display:block; content:''; }
.cultureday { padding:23px 0 0 25%; box-sizing:border-box; background:url(/img/icon_exhi5.png) 75% 47% no-repeat #f3f3f3; border-top:1px dashed #bfbebe; position:absolute; bottom:0; width:100%; height:100px; }
.cultureday p { position:relative; }
.cultureday p::before { position:absolute; left:-27px; top:2px; content:'!'; border-radius:20px; width:20px; height:20px; line-height:18px; text-align:center; border:1px solid #f13e3e; color:#f13e3e; background:#fff; font-weight:600; font-size:0.8em; }
.cultureday em { color:#f18924; font-weight:600; }
.cultureday span { background:url(/img/marking.png) 50% 50% no-repeat; font-weight:600; background-size:150%; }
.cultureday span.free2 { background-size:100%; }

.box5, .box6 { width:calc(50% - 12.5px);height:190px; float:left; padding:25px; box-sizing:border-box; }
.box5 { background:url(/img/icon_exhi6.png) 90% 50% no-repeat #fff; margin-right:25px;}
.box6 { background:url(/img/icon_exhi7.png) 90% 50% no-repeat #fff; }

.box5 h3, .box6 h3 { display:block; font-size:1.2em; }
.box5 em, .box6 em { font-size:0.9em; line-height:1.5em; display:block; margin:9px 0 17px;}
.box5 .alink_m, .box6 .alink_m { width:135px; height:32px; line-height:31px; font-size:0.8em; }

.box7 { margin-bottom:25px; }
.box7 h3, .box8 h3 { padding:16px 0 17px 60px; }
.box7 h3 { background:url(/img/icon_exhi_title1.png) 20px 60% no-repeat #fff; }
.box8 h3 { background:url(/img/icon_exhi_title2.png) 20px 60% no-repeat #fff; }

.exihi_swiper_wrap { width:100%; height:calc(50% - 12.5px); }
.exihi_swiper_wrap .poster { width:268px; height:195px; float:left; margin-right:20px; border-radius:5px; }
.exihi_swiper_wrap .exhi_text { width:calc(100% - 290px); float:left; }
.exihi_swiper_wrap .swiper-slide { padding:0 25px; height:100%; box-sizing:border-box; }
.exihi_swiper_wrap dl { width:100%; font-size:0.8em; margin-bottom:15px; }
.exihi_swiper_wrap dt { width:55px; height:27px; line-height:27px; color:#999;float:left; border-bottom:1px dashed #e9e9e9;}
.exihi_swiper_wrap dd { width:calc(100% - 55px); height:27px; line-height:27px; color:#333;float:left; border-bottom:1px dashed #e9e9e9;} 
.exihi_swiper_wrap strong { margin:8px 0; display:block; font-size:1.1em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.exihi_swiper_wrap dl::after, .exihi_swiper_wrap dd::after { width:100%; content:''; display:block; clear:both; }
.exihi_swiper_wrap .btn_s { padding:0 20px !important; }

/*2020.08.21 수정 start*/
.swiprer_exihi { width:100%; height:calc(100% - 58px); position:relative; }

.swiprer_exihi .slick-prev, .swiprer_exihi .slick-next { transform:none; width:28px; height:28px; top:44%; margin-top:-14px; border:1px solid #e6e6e6; border-radius:50px !important; background-size:28%; opacity:0.5; transition:all 0.3s;}
.swiprer_exihi .slick-prev:hover, .swiprer_exihi .slick-next:hover { opacity:1; box-shadow:0 0 5px 0 rgba(0,0,0,0.3); border-color:#bdbdbd; }
.swiprer_exihi .slick-prev { left:15px; background:url(/img/arrow_bk.png) 58% 50% no-repeat #e6e6e6;background-size:20%; transform:rotate(180deg); }
.swiprer_exihi .slick-next { right:15px; left:auto; background:url(/img/arrow_bk.png) 58% 50% no-repeat #e6e6e6;background-size:20%; }

.swiprer_exihi .slider-count { position:absolute; width:35px; letter-spacing:-1px; height:20px; right:0; bottom:17px; }
.swiprer_exihi .slider-count strong { float:left;margin:0 5px 0 0; }
.swiprer_exihi .slider-count em { float:left; text-align:left; display:inline-block; width:100%; height:100%; margin-top:3px; font-size:0.9em; }

/* 전시 slick dot */
.swiprer_exihi .slick-dots { top:auto; bottom:37px; right:68px; transform:translateX(0); }
.swiprer_exihi .slick-dots li { width:25px; opacity:0; height:20px;  position:absolute; }
.swiprer_exihi .slick-dots li.slick-active { opacity:1; }
.swiprer_exihi .slick-dots li button { width:100%; height:100%; color:#333; font-size:1.2em; border:none; text-align:right; font-weight:600; border-radius:0 !important; background:none; padding:0; }
/*2020.08.21 수정 end*/

/********************************* 교육 *************************************************************************************************************/
.edu_tabs { display:inline-block; text-align:center; border-radius:50px; box-sizing:border-box; border:2px solid #fff; margin-bottom:8px; top:-20px; position:relative; }
.edu_content_box { margin:183px auto 0; }
.edu_tabs > li { display:inline-block; }
.edu_tabs > li a { color:#fff; padding:10px 0; width:150px; text-align:center; box-sizing:border-box; display:inline-block; font-weight:600; position:relative; z-index:1; }
.edu_tabs > li.active { transition: all 0.5s; }
.edu_tabs > li.active a { color:#6c9214; transition: all 0.5s; }
.tab_baby { width:153px; height:46px; display:inline-block; border-radius:50px; background:#fff; position:absolute; top:0; left:-1px; z-index:0;}

.edu_tabs .tab_content { display:none; width:1200px; position:absolute; top:75px; left:50%; transform:translateX(-50%); transition: all 0.5s;}

.edu_list > li { width:calc(50% - 10px); padding:0; box-sizing:border-box; transition:all 0.5s; height:235px; float:left; margin:0px 20px 20px 0; background:#fff; border-radius:10px; overflow:hidden; text-align:left; position:relative; }

.edu_box_title { position:absolute; top:12px; left:20px; z-index:1; width: 530px; }
.edu_box_title h4 { display:inline-block; margin:0; font-size:1.2em; letter-spacing:-0.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.edu_box_title a.edu_list_more { display:inline-block; margin-left:5px; font-size:.7em; color:#999 !important; border:1px solid #999; padding:6px 15px; line-height:1em; border-radius:20px; width:auto; height:auto; transform: translateY(-3px); transition:.3s; box-shadow:0 0 5px 0 rgba(124,160,42,0); }
.edu_box_title a.edu_list_more:hover { color:#fff !important; background: #90b43e; border:1px solid #90b43e; box-shadow:0 0 5px 0 rgba(124,160,42,0.3); }

.edu_box_wrap { height:calc(100% - 45px); padding:0 0px 20px; top:45px; margin:0 !important; }
.edu_box_wrap > div { padding:0; margin:0; }
.edu_box_wrap .edu_box { padding:0 20px; box-sizing:border-box; }

.swiprer_exihi { width:100%; height:calc(100% - 58px); position:relative; }
.edu_list > li .slick-prev, .edu_list > li .slick-next { transform:none; width:28px; height:28px; top:44%; margin-top:-14px; border:1px solid #e6e6e6; border-radius:50px !important; background-size:28%; opacity:0.5; transition:all 0.3s; position:absolute; }
.edu_list > li .slick-prev:hover, .swiprer_exihi .slick-next:hover { opacity:1; box-shadow:0 0 5px 0 rgba(0,0,0,0.3); border-color:#bdbdbd; }
.edu_list > li .slick-prev { left:10px; background:url(/img/arrow_bk.png) 58% 50% no-repeat #e6e6e6;background-size:20%; transform:rotate(180deg); }
.edu_list > li .slick-next { right:10px; left:auto; background:url(/img/arrow_bk.png) 58% 50% no-repeat #e6e6e6;background-size:20%; }
.edu_list > li .slider-count { position:absolute; width:35px; letter-spacing:-1px; height:20px; right:0; bottom:17px; }
.edu_list > li .slider-count strong { float:left;margin:0 5px 0 0; }
.edu_list > li .slider-count em { float:left; text-align:left; display:inline-block; width:100%; height:100%; margin-top:3px; font-size:0.9em; }
.edu_list > li .slick-dots { top:auto; bottom:37px; right:68px; transform:translateX(0); }
.edu_list > li .slick-dots li { width:25px; opacity:0; height:20px;  position:absolute; }
.edu_list > li .slick-dots li.slick-active { opacity:1; }
.edu_list > li .slick-dots li button { width:100%; height:100%; color:#333; font-size:1.2em; border:none; text-align:right; font-weight:600; border-radius:0 !important; background:none; padding:0; }

.edu_list::after { clear:both; display:block; content:''; }
.edu_list > li:nth-child(2n) { margin:0px; }
.edu_list > li:hover { box-shadow:0 0 20px rgba(0,0,0,0.6); }
.edu_list > li .poster { /*width:268px; height:195px;*/ width:234px; height:170px; float:left; margin-right:20px; border-radius:5px; }
.edu_list > li .edu_text { width:calc(100% - 254px); height:100%; float:left; padding:0; box-sizing:border-box; position:relative; }
.edu_list > li .edu_text strong { display:block; clear:both; line-height:1.4em; font-size:1em; margin:10px 0 4px; }
.edu_list > li .edu_text em { font-size:0.9em; color:#999; }
.edu_list > li .edu_text a { width:110px; height:30px; line-height:30px; transition:all 0.5s; padding:0; color:#fff; }
.edu_list > li .edu_text a:hover { color:#fff; }
.edu_list > li.no_content { border:2px dashed #fff; background:none; text-align:center; position:relative; }
.edu_list > li.no_content em { color:#fff; opacity:0.8; font-size:1em; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:block; }

.edu_text dl { width:100%; font-size:0.8em; margin-bottom:8px; }
.edu_text dt { width:55px; height:25px; line-height:25px; color:#999;float:left; border-bottom:1px dashed #e9e9e9;}
.edu_text dd { width:calc(100% - 55px); height:25px; line-height:25px; color:#333;float:left; border-bottom:1px dashed #e9e9e9; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 
.edu_text strong { margin:6px 0 12px; display:block; font-size:1.1em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.edu_text dl::after, .edu_text dd::after { width:100%; content:''; display:block; clear:both; }

/*켐프교욱*/
.camp_edu > li { padding:22px 20px 0; }
.camp_edu > li .edu_text dl { margin-bottom:15px; }
.camp_edu > li .edu_text dt, .camp_edu > li .edu_text dd { height:27px; line-height:27px; }
.camp_edu > li .edu_text strong { margin:12px 0 11px; }

.slick_none .edu_list > li .poster { width:268px; height:195px; }
.slick_none .edu_list > li .edu_text { width:calc(100% - 288px); }

/* .label span { padding:9px 4.3px !important; line-height:0 !important; border-radius:2px; background:#aaa; color:#fff; float:left; font-size:11px !important; font-weight:400; margin-right:2px; } */
/* .label span:last-child { margin-right:0; } */
/* .label::after { content:''; clear:both; display:block; } */
/* .label.age span { border:1px solid #999; color:#666; background:none; } */

.edu_more { font-weight:600; background:#fff; border:3px solid #6c9214; color:#6c9214; border-radius:50px; padding:10px 45px 10px 25px !important; display:inline-block; transition:all .3s; position:relative; margin-top: 5px; width:auto !important; }
.edu_more::after { content:''; display:inline-block; width:13px; height:13px; background:url(/img/icon_plus_green.png) 50% 50% no-repeat; background-size:contain; position:absolute; top:50%; right:20px; transform:translateY(-50%) rotate(0deg); opacity:1; transition:all 0.3s ease-in-out; }
.edu_more:hover { background:#90b43e; color:#fff !important; }
.edu_more:hover::after { background:url(/img/icon_plus_white.png) 50% 50% no-repeat;background-size:contain; transform:translateY(-50%) rotate(360deg); }

/********************************* 행사 *************************************************************************************************************/
.box9 { width:100%; height:calc(100% - 130px); margin-bottom:25px; }
.box9 .tabs { width:100%; height:60px; background:#143459; }
.box9 .tabs li { width:33.333%; text-align:center; float:left; position:relative; transition:all 0.3s; }
.box9 .tabs li:nth-child(3) { width:33.334%; }
.box9 .tabs li a { height:60px; width:100%; font-weight:600; line-height:60px; box-sizing:border-box; display:inline-block; color:#fff; }
.box9 .tabs li:nth-child(1) { background:url(/img/icon_event_tab1_on.png) 35% 50% no-repeat; }
.box9 .tabs li:nth-child(2) { background:url(/img/icon_event_tab3_on.png) 35% 50% no-repeat; }
.box9 .tabs li:nth-child(3) { background:url(/img/icon_event_tab2_on.png) 38% 50% no-repeat; }
.box9 .tabs li:hover:nth-child(1) { background:url(/img/icon_event_tab1_on.png) 35% 50% no-repeat #0a1f37; }
.box9 .tabs li:hover:nth-child(2) { background:url(/img/icon_event_tab3_on.png) 35% 50% no-repeat #0a1f37; }
.box9 .tabs li:hover:nth-child(3) { background:url(/img/icon_event_tab2_on.png) 38% 50% no-repeat #0a1f37; }
.box9 .tabs li.active a { color:#143459; }
.box9 .tabs li.active:nth-child(1), .box9 .tabs li.active:hover:nth-child(1) { background:url(/img/icon_event_tab1.png) 35% 50% no-repeat #fff; }
.box9 .tabs li.active:nth-child(2), .box9 .tabs li.active:hover:nth-child(2) { background:url(/img/icon_event_tab3.png) 35% 50% no-repeat #fff; }
.box9 .tabs li.active:nth-child(3), .box9 .tabs li.active:hover:nth-child(3) { background:url(/img/icon_event_tab2.png) 38% 50% no-repeat #fff; }
.box9 .tab_container { width:100%; height:calc(100% - 60px); }
.box9 .tab_content { width:100%; height:387px; padding:20px 0; box-sizing:border-box; }

.event_wrap {  position:relative; }
.event_list { width:190px; height:100%; float:left; padding:0 0 0 25px; border-right:1px dashed #ccc; overflow-y:auto; box-sizing:border-box; }
.event_list li { width:140px; height:90px; margin:10px 0 15px; border:1px solid #ccc; border-radius:5px; overflow:hidden; opacity:0.5; transition:all 0.3s; }
.event_list li.active { opacity:1;box-shadow:0 0 10px 0 rgba(0,0,0,0.3); }
.event_list li a { width:100%; height:100%; display:inline-block; text-indent:-5000px; }
.event_list li:hover { opacity:1; box-shadow:0 0 10px 0 rgba(0,0,0,0.3); }
.event_list::after, .event_list::before { width:170px; height:5px; position:absolute; left:0; content:''; display:block; z-index:9;
background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);  }
.event_list::before { top:20px; transform:rotate(180deg); }
.event_list::after { bottom:20px; }

.event_detail_wrap { height:100%; position:relative;  }
.event_detail {width:calc(100% - 190px); float:left; padding:20px 25px; box-sizing:border-box; }
.event_detail.on { display:block; }
.event_detail .poster { width:433px; height:315px; float:left; margin-right:30px; border-radius:10px; box-shadow:5px 5px 15px 0 rgba(0,0,0,0.3); }
.event_text { width:calc(100% - 470px); float:right; }
.event_text strong { margin:15px 0 20px; font-size:1.4em; display:inline-block; }
.event_text dl { width:100%; font-size:0.9em; font-weight:600; display:block; margin-bottom:35px; }
.event_text dt { width:100px; float:left; height:37px; line-height:37px; color:#999; border-bottom:1px dashed #e9e9e9; }
.event_text dd { width:calc(100% - 100px); height:37px; line-height:35px; float:right; border-bottom:1px dashed #e9e9e9; }
.event_text dl::after, .event_text dd::after { width:100%; content:''; display:block; clear:both; }

.btn_online { padding:0 40px 0 70px; height:45px; border:1px solid #90b43e; overflow:visible; background:#94c22b; color:#fff; font-size:1em; font-weight:400; position:relative; }
.btn_online:hover { background:#83ae22; border:1px solid #709816; }
.btn_online::before { content:'';top:10px; left:10px; position:absolute; width:55px; height:45px; display:inline-block; background:url(/img/icon_event3.png) 50% 50% no-repeat; }

.btn_online.event_btn1, .btn_online.event_btn2 { padding:0 50px; }
.btn_online.event_btn1::before, .btn_online.event_btn2::before { display:none; }
.btn_online.event_btn2 { background:#666; border-color:#444; }
.btn_online.event_btn2:hover { background:#444; }
.box10 { width:calc(50% - 12.5px); margin-right:25px; background:url(/img/icon_event.png) 90% 50% #00bcbc no-repeat; height:115px; float:left; transition:all 0.3s;}
.box11 { width:calc(50% - 12.5px); height:115px; background:url(/img/icon_event2.png) 90% 50% #00b0e2 no-repeat; float:left;  transition:all 0.5s;}

.box10:hover { background-color:#00aaaa; box-shadow:0 0 20px rgba(0,0,0,0.6); }
.box11:hover { background-color:#00a0e2; box-shadow:0 0 20px rgba(0,0,0,0.6) }

.box10 a, .box11 a { width:100%; height:100%; display:block; padding:32px 30px 0; box-sizing:border-box; color:#fff; }
.box10 h3, .box11 h3 { display:block; margin-bottom:2px; font-size:1.3em; }
.box10 em, .box11 em { font-size:0.9em; }

ul.tabs li.selected a, ul.tabs li.selected a:hover{position: relative;top: 0px;font-weight:bold;background: white;border: 1px solid #B7B7B7;border-bottom-color: white;}

/********************************* ON-AIR *************************************************************************************************************/
.onair_tabs { display:inline-block; text-align:center; border-radius:50px; box-sizing:border-box; border:2px solid #fff; margin-bottom:8px; top:-20px; position:relative; }
.onair_content_box { margin:183px auto 0; }
.onair_tabs > li { display:inline-block; }
.onair_tabs > li a { color:#fff; padding:10px 0; width:150px; text-align:center; box-sizing:border-box; display:inline-block; font-weight:600; position:relative; z-index:1; }
.onair_tabs > li.active { transition: all 0.5s; }
.onair_tabs > li.active a { color:#6c9214; transition: all 0.5s; }
.tab_baby { width:153px; height:46px; display:inline-block; border-radius:50px; background:#fff; position:absolute; top:0; left:-1px; z-index:0;}

.onair_tabs .tab_content { display:none; width:1200px; position:absolute; top:75px; left:50%; transform:translateX(-50%); transition: all 0.5s;}

.onair_list > li { width:calc(50% - 10px); padding:0; box-sizing:border-box; transition:all 0.5s; height:235px; float:left; margin:0px 20px 20px 0; background:#fff; border-radius:10px; overflow:hidden; text-align:left; position:relative; }

.onair_box_title { position:absolute; top:12px; left:20px; z-index:1; width: 530px; display: block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.onair_box_title h4 { display:inline-block; margin:0; font-size:1.2em; letter-spacing:-0.5px; display: block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.onair_box_title a.onair_list_more { display:inline-block; margin-left:5px; font-size:.7em; color:#999 !important; border:1px solid #999; padding:6px 15px; line-height:1em; border-radius:20px; width:auto; height:auto; transform: translateY(-3px); transition:.3s; box-shadow:0 0 5px 0 rgba(124,160,42,0); }
.onair_box_title a.onair_list_more:hover { color:#fff !important; background: #90b43e; border:1px solid #90b43e; box-shadow:0 0 5px 0 rgba(124,160,42,0.3); }
.onair_description > span { display: -webkit-box; display: -ms-flexbox; display: box; margin-top:1px; height: 105px; max-height:105px; overflow:hidden; vertical-align:top; text-overflow: ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:4 }

.onair_box_wrap { height:calc(100% - 45px); padding:0 0px 20px; top:45px; margin:0 !important; }
.onair_box_wrap > div { padding:0; margin:0; }
.onair_box_wrap .onair_box { padding:0 20px; box-sizing:border-box; }

.swiprer_exihi { width:100%; height:calc(100% - 58px); position:relative; }
.onair_list > li .slick-prev, .onair_list > li .slick-next { transform:none; width:28px; height:28px; top:44%; margin-top:-14px; border:1px solid #e6e6e6; border-radius:50px !important; background-size:28%; opacity:0.5; transition:all 0.3s; position:absolute; }
.onair_list > li .slick-prev:hover, .swiprer_exihi .slick-next:hover { opacity:1; box-shadow:0 0 5px 0 rgba(0,0,0,0.3); border-color:#bdbdbd; }
.onair_list > li .slick-prev { left:10px; background:url(/img/arrow_bk.png) 58% 50% no-repeat #e6e6e6;background-size:20%; transform:rotate(180deg); }
.onair_list > li .slick-next { right:10px; left:auto; background:url(/img/arrow_bk.png) 58% 50% no-repeat #e6e6e6;background-size:20%; }
.onair_list > li .slider-count { position:absolute; width:35px; letter-spacing:-1px; height:20px; right:0; bottom:17px; }
.onair_list > li .slider-count strong { float:left;margin:0 5px 0 0; }
.onair_list > li .slider-count em { float:left; text-align:left; display:inline-block; width:100%; height:100%; margin-top:3px; font-size:0.9em; }
.onair_list > li .slick-dots { top:auto; bottom:37px; right:68px; transform:translateX(0); }
.onair_list > li .slick-dots li { width:25px; opacity:0; height:20px;  position:absolute; }
.onair_list > li .slick-dots li.slick-active { opacity:1; }
.onair_list > li .slick-dots li button { width:100%; height:100%; color:#333; font-size:1.2em; border:none; text-align:right; font-weight:600; border-radius:0 !important; background:none; padding:0; }

.onair_list::after { clear:both; display:block; content:''; }
.onair_list > li:nth-child(2n) { margin:0px; }
.onair_list > li:hover { box-shadow:0 0 20px rgba(0,0,0,0.6); }
.onair_list > li .poster { /*width:268px; height:195px;*/ width:234px; height:170px; float:left; margin-right:20px; border-radius:5px; }
.onair_list > li .onair_text { width:calc(100% - 254px); height:100%; float:left; padding:0; box-sizing:border-box; position:relative; }
.onair_list > li .onair_text strong { display:block; line-height:1.4em; font-size:1em; margin:10px 0 4px; }
.onair_list > li .onair_text em { font-size:0.9em; color:#999; }
.onair_list > li .onair_text a { width:110px; height:30px; line-height:30px; transition:all 0.5s; padding:0; color:#fff; }
.onair_list > li .onair_text a:hover { color:#fff; }
.onair_list > li.no_content { border:2px dashed #fff; background:none; text-align:center; position:relative; }
.onair_list > li.no_content em { color:#fff; opacity:0.8; font-size:1em; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:block; }

.onair_text dl { width:100%; font-size:0.8em; margin-bottom:8px; }
.onair_text dt { width:55px; height:25px; line-height:25px; color:#999;float:left; border-bottom:1px dashed #e9e9e9;}
.onair_text dd { width:calc(100% - 55px); height:25px; line-height:25px; color:#333;float:left; border-bottom:1px dashed #e9e9e9; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 
.onair_text strong { margin:6px 0 12px; display:block; font-size:1.1em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.onair_text dl::after, .onair_text dd::after { width:100%; content:''; display:block; clear:both; }

.slick_none .onair_list > li .poster { width:268px; height:195px; }
.slick_none .onair_list > li .onair_text { width:calc(100% - 288px); }

/*20260310 메인페이지 '교육'탭에서 초1,초2,초3 .... 나이 태그가 깨져보이는 현상 수정 시작*/
.label span:not([class^="age_"]):not(.elem):not(.midd):not(.high):not(.adult) { padding:9px 4.3px !important; line-height:0 !important; border-radius:2px; background:#aaa; color:#fff; float:left; font-size:11px !important; font-weight:400; margin-right:2px; }
.label span:last-child { margin-right:0; }
.label::after { content:''; clear:both; display:block; }
/* .label.age span { border:1px solid #999; color:#666; background:none; } */
/*20260310 메인페이지 '교육'탭에서 초1,초2,초3 .... 나이 태그가 깨져보이는 현상 수정 끝*/

.onair_more { font-weight:600; background:#fff; border:3px solid #6c9214; color:#6c9214; border-radius:50px; padding:10px 45px 10px 25px !important; display:inline-block; transition:all .3s; position:relative; margin-top: 5px; width:auto !important; }
.onair_more::after { content:''; display:inline-block; width:13px; height:13px; background:url(/img/icon_plus_green.png) 50% 50% no-repeat; background-size:contain; position:absolute; top:50%; right:20px; transform:translateY(-50%) rotate(0deg); opacity:1; transition:all 0.3s ease-in-out; }
.onair_more:hover { background:#90b43e; color:#fff !important; }
.onair_more:hover::after { background:url(/img/icon_plus_white.png) 50% 50% no-repeat;background-size:contain; transform:translateY(-50%) rotate(360deg); }


/*웹접근성작업*/
/*공통*/
header .logo{float:left; margin-top:40px; z-index:9; position:relative;}
:focus{outline:2px dashed #2189ff !important;}
.bold{font-weight:700;}
.w14{width:14px;}
.w85{width:85px;}
.w100{width:100%;}
.w120{width:120px;}
.w180{width:180px;}
.w220{width:220px;}
.w240{width:240px;}
.mB58{margin-bottom:58px;}
.mB22{margin-bottom:22px;}
.mT5{margin-top:5px;}
.mT10{margin-top:10px;}
.mT20{margin-top:20px;}
.mT30{margin-top:30px;}
body{cursor:default;}
.side_depth1 a:hover{color:#fff;}
.orange.button, .orange.button:visited{background:#C25713;}
.orange.button:hover{background:#D64309;}
.red.button, .red.button:visited{background:#E81949;}
.font_color5{color:#4D7F0A !important;}
/*header*/
.header .gnb .depth1 a:hover,
.header .gnb .depth2 a:hover{color:#6C7E31;}
/*메뉴링크*/
header .gnb .depth1 a[target="_blank"]{width:auto; position:relative; padding-right:15px;}
header .gnb .depth1 a[target="_blank"]:before{content:''; display:block; position:absolute; right:0; top:4px; width:12px; height:12px; background-image:url(../../img/common/ico_link.png); background-repeat:no-repeat; background-size:100%;}
header .gnb .depth1 a[target="_blank"]:hover:before{background-image:url(../../img/common/ico_link_hover.png);}
/*footer*/
#footer .familysite button{background:none; outline:none; transition:none; border-radius:0;}
#footer button.skip_top{border-radius:70px !important;}
/*인사말*/
.margin85{margin:0 85px;}
.greeting_img{text-align:center; height:400px; overflow:hidden; margin-bottom:30px;}
.greeting_img img{object-fit:cover; width:100%; height:100%; border-radius:10px;}
.greeting_txt{margin:0 35px; font-size:16px;}
.greeting_txt b{color:#000;}
/*일반현황*/
.history_menu li a{width:410px;}
.his_wrap h4{padding-right:50px; box-sizing:border-box;}
.his_wrap h4 img{width:auto; height:30px;}
/*조직도*/
.bbs-organization td.bL{border-left:1px solid #999;}

/*main*/
.slick-dots li.slick-active a.tab{color:#61801b; border-color:#61801b;}
.hidden_box{text-indent:100%; overflow:hidden; white-space:nowrap; width:0; height:0;}
.watch_info li em{color:#666;}
.bgGreen{background:#61801b; border:1px solid #607434;}
.bgGreen:hover{background:#607434; border:1px solid #607434;}
.edu_tabs > li.active a{color:#61801b;}
.edu_box_title a.edu_list_more{color:#666 !important; border:1px solid #666;}
.edu_box_title a.edu_list_more:hover{background:#607434; border:1px solid #607434;}
.edu_more{border:3px solid #61801b; color:#61801b;}
.edu_more:hover{border:3px solid #607434; background:#607434;}
.btn_online{background:#61801b; border:1px solid #607434;}
.btn_online:hover{background:#607434;}
.box10{background:url(/img/icon_event.png) 90% 50% #04857F no-repeat;}
.box10:hover{background-color:#0b6b67;}
.box11{background:url(/img/icon_event2.png) 90% 50% #037FB0 no-repeat;}
.box11:hover{background-color:#086c93;}
/*콘텐츠준비중*/
.ready_box{display:flex; justify-content:center; align-items:center; height:100%;}
/*공지사항*/
.notice_list li dt strong{color:#5e7b1a;}
.notice_list li dt em,
.notice_list li dd em{color:#666;}

.box2.notice_box { width:100%; height:310px; overflow:hidden; }
.box2.notice_box .tabs { width:100%; height:60px; background:#143459; }
.box2.notice_box .tabs li { width:25%; float:left; position:relative; transition:all 0.3s; z-index:2;}
.box2.notice_box .tabs li button { height:60px; width:100%; font-weight:600;line-height:60px; padding-left:40px; font-size:0.9em; text-align:left; box-sizing:border-box; display:inline-block; border-radius:0 !important; color:#fff; background:transparent;}
.box2.notice_box .tabs li.active button { color:#143459; background:transparent;}
.box2.notice_box .tabs li .btn_more { position:absolute; top:50%; transform:translateY(-50%); right:10px; width:auto; height:20px; line-height:20px; font-size:0.8em; font-weight:400; padding:0 15px 0 0; z-index:9; background:url(/img/arrow_fff.png) 95% 57% no-repeat; background-size:13%; color:#fff; border-radius:0; overflow:hidden;}
.box2.notice_box .tabs li .btn_more::before { width:0; height:1px; content:''; display:inline-block; position:absolute; bottom:3px; left:-100%; background:#fff; transition: all 0.3s; }
.box2.notice_box .tabs li .btn_more:hover::before { width:70%; left:0; }
.box2.notice_box .tabs li.active .btn_more { color:#143459; background:url(/img/arrow.png) 95% 57% no-repeat; background-size:13%; }
.box2.notice_box .tabs li.active .btn_more::before { background:#333; }
.box2.notice_box .tabs li:nth-child(1) { background:url(/img/icon_notice1_on.png) 9% 50% no-repeat; background-size:10%; }
.box2.notice_box .tabs li:nth-child(2) { background:url(/img/icon_notice2_on.png) 9% 50% no-repeat; background-size:8%; }
.box2.notice_box .tabs li:nth-child(3) { background:url(/img/icon_notice3_on.png) 9% 50% no-repeat; background-size:8%;}
.box2.notice_box .tabs li:nth-child(4) { background:url(/img/icon_notice4_on.png) 9% 50% no-repeat; background-size:10%;}
.box2.notice_box .tabs li:hover:nth-child(1) { background:url(/img/icon_notice1_on.png) 9% 50% no-repeat #0a1f37; background-size:10%; }
.box2.notice_box .tabs li:hover:nth-child(2) { background:url(/img/icon_notice2_on.png) 9% 50% no-repeat #0a1f37; background-size:8%; }
.box2.notice_box .tabs li:hover:nth-child(3) { background:url(/img/icon_notice3_on.png) 9% 50% no-repeat #0a1f37; background-size:8%; }
.box2.notice_box .tabs li:hover:nth-child(4) { background:url(/img/icon_notice4_on.png) 9% 50% no-repeat #0a1f37; background-size:10%; }
.box2.notice_box .tabs li.active:nth-child(1) { background:url(/img/icon_notice1.png) 9% 50% no-repeat #fff; background-size:10%;}
.box2.notice_box .tabs li.active:nth-child(2) { background:url(/img/icon_notice2.png) 9% 50% no-repeat #fff; background-size:8%; }
.box2.notice_box .tabs li.active:nth-child(3) { background:url(/img/icon_notice3.png) 9% 50% no-repeat #fff; background-size:8%; }
.box2.notice_box .tabs li.active:nth-child(4) { background:url(/img/icon_notice4.png) 9% 50% no-repeat #fff; background-size:10%; }
.box2.notice_box .tabs li.active:hover:nth-child(1) { background:url(/img/icon_notice1.png) 9% 50% no-repeat #fff; background-size:10%;}
.box2.notice_box .tabs li.active:hover:nth-child(2) { background:url(/img/icon_notice2.png) 9% 50% no-repeat #fff; background-size:8%; }
.box2.notice_box .tabs li.active:hover:nth-child(3) { background:url(/img/icon_notice3.png) 9% 50% no-repeat #fff; background-size:8%; }
.box2.notice_box .tabs li.active:hover:nth-child(4) { background:url(/img/icon_notice4.png) 9% 50% no-repeat #fff; background-size:10%; }
.box2.notice_box .tab_container { width:100%; height:100%; padding:0; box-sizing:border-box; background:#fff; }
.box2.notice_box .tab_content { width:100%; height:calc(100% - 60px); padding:12px 25px 0; box-sizing:border-box;}
.notice_list { width:100%; }
.notice_list li { width:100%; border-bottom:1px dashed #ededed; padding:13px 0 10px; position:relative; }
.notice_list li::after { position:absolute; top:50%; right:15px; margin-top:-7px; content:''; background:url(/img/arrow.png) 50% 50% no-repeat; background-size:50%; width:16px; height:16px; display:inline-block; transition:all 0.5s; }
.notice_list li:hover::after { right:0; }
.notice_list li:last-child { border-bottom:none; }
.notice_list li dl { width:100%; }
.notice_list li dt { width:70px; float:left; text-align:center; }
.notice_list li dt strong { display:block; font-size:1.8em; font-weight:900; color:#90b43e; }
.notice_list li dt em { font-size:0.8em; color:#999; }
.notice_list li dd { width:calc(100% - 90px); margin-left:20px; float:left; }
.notice_list li dd em { font-size:0.8em; line-height:1.8em; color:#999; }
.notice_list li dd a { max-width:100%; display:block; line-height:1.2em; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.notice_list li dl::after { display:block; clear:both; content:''; }
/*스마트예약*/
.box3 ul li a{box-sizing:border-box;}
/*행사*/
.box10 button, .box11 button{width:100%; height:100%; display:block; padding:0 30px; box-sizing:border-box; color:#fff; font-family:'Noto Sans KR', sans-serif; font-size:15px; line-height:1.7em; transition:none; background:none; border-radius:0 !important; text-align:left;}
/*개인정보동의 팝업_251222*/
/* KSH 230613 (닫기 버튼 수정) */
/* 레이어팝업 */
.layPop_wrap{width:100%;max-width:1000px;margin:0 auto;background:#fff;border:1px solid #ccc;border-radius:12px;box-shadow:0 0 15px rgba(0,0,0,0.2);display:block;position:fixed;top:8%;left:50%;transform:translateX(-50%);z-index:100;overflow:hidden;}
.layPop_wrap .layPop_title{padding:15px 20px;border-bottom:1px solid #ededed;background:#61801b;}
.layPop_wrap .layPop_title h2{font-size:18px;font-weight:600;margin:0;color:#fff;}
.layPop_wrap .main_in_layerPop{padding:0;max-height:80vh;overflow-y:auto;}
.layPop_wrap .content{width:100%;box-sizing:border-box;padding:30px;min-height:auto;overflow:hidden;}
.layPop_wrap .content h4{font-weight:600;}
.layPop_wrap .content table{font-size:14px;}
.layPop_wrap .content .privacy_box{background:#fff;}
.layPop_wrap .button.large.orange{font-size:14px;padding:8px 14px 9px;color:#fff;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,0.6);font-weight:bold;}
.layPop_overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:99;}